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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAmB/B,MAAM,eAAe,GAAoC,iBAAiB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAElG;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAAiB;IAC9C,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACxC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,KAAK,CAAC,KAAoD;IACxE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,aAAa,CACrC;MAAA,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,EAC5B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { Host } from '../Host';\n\nexport type LabelProps = {\n  /**\n   * The title text to be displayed in the label.\n   */\n  title?: string;\n\n  /**\n   * The name of the SFSymbol to be displayed in the label.\n   */\n  systemImage?: string;\n\n  /**\n   * The color of the label icon.\n   */\n  color?: string;\n};\n\nconst LabelNativeView: React.ComponentType<LabelProps> = requireNativeView('ExpoUI', 'LabelView');\n\n/**\n * `<Label>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nexport function LabelPrimitive(props: LabelProps) {\n  return <LabelNativeView {...props} />;\n}\n\n/**\n * Renders a native label view, which could be used in a list or section.\n *\n * @param {LabelProps} props - The properties passed to the Label component.\n * @returns {JSX.Element} The rendered native Label component.\n * @platform ios\n */\nexport function Label(props: LabelProps & { style?: StyleProp<ViewStyle> }) {\n  return (\n    <Host style={props.style} matchContents>\n      <LabelPrimitive {...props} />\n    </Host>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Label/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAEzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAoBrE,MAAM,eAAe,GAAoC,iBAAiB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAElG;;;;;;GAMG;AACH,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1C,OAAO,CACL,CAAC,eAAe,CACd,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CACzE,IAAI,SAAS,CAAC,EACd,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nexport type LabelProps = {\n  /**\n   * The title text to be displayed in the label.\n   */\n  title?: string;\n\n  /**\n   * The name of the SFSymbol to be displayed in the label.\n   */\n  systemImage?: string;\n\n  /**\n   * The color of the label icon.\n   */\n  color?: string;\n} & CommonViewModifierProps;\n\nconst LabelNativeView: React.ComponentType<LabelProps> = requireNativeView('ExpoUI', 'LabelView');\n\n/**\n * Renders a native label view, which could be used in a list or section.\n *\n * @param {LabelProps} props - The properties passed to the Label component.\n * @returns {JSX.Element} The rendered native Label component.\n * @platform ios\n */\nexport function Label(props: LabelProps) {\n  const { modifiers, ...restProps } = props;\n  return (\n    <LabelNativeView\n      modifiers={modifiers}\n      {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}\n      {...restProps}\n    />\n  );\n}\n"]}

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

@@ -1,5 +1,5 @@
-import { type CommonViewModifierProps } from './types';
-import { ViewEvent } from '../types';
+import { type ViewEvent } from '../../types';
+import { type CommonViewModifierProps } from '../types';
 type TapEvent = ViewEvent<'onTap', object> & {
     useTapGesture?: boolean;
 };
@@ -30,4 +30,4 @@ export interface GroupProps extends CommonViewModifierProps {
 }
 export declare function Group(props: GroupProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=Layout.d.ts.map
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Layout/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,KAAK,QAAQ,GAAG,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,UAAU,cAAe,SAAQ,uBAAuB;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC;AAa1E,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;CACpF;AAOD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC;AAID,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;CAC/C;AAOD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC;AAID,MAAM,WAAW,UAAW,SAAQ,uBAAuB;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAkBD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,+BAEtC"}

package/build/{swift-ui-primitives/Layout.js → swift-ui/Layout/index.js}

@@ -1,7 +1,10 @@
 import { requireNativeView } from 'expo';
+import { createViewModifierEventListener } from '../modifiers/utils';
 function transformNativeProps(props) {
-    const { onPress, ...restProps } = props;
+    const { onPress, modifiers, ...restProps } = props;
     return {
+        modifiers,
+        ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
         ...restProps,
         ...(onPress ? { useTapGesture: true, onTap: () => onPress() } : null),
     };
@@ -15,8 +18,17 @@ export function VStack(props) {
     return <VStackNativeView {...transformNativeProps(props)}/>;
 }
 const GroupNativeView = requireNativeView('ExpoUI', 'GroupView');
+function transformGroupProps(props) {
+    const { onPress, modifiers, ...restProps } = props;
+    return {
+        modifiers,
+        ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+        ...restProps,
+        ...(onPress ? { useTapGesture: true, onTap: () => onPress() } : null),
+    };
+}
 export function Group(props) {
-    return <GroupNativeView {...transformNativeProps(props)}/>;
+    return <GroupNativeView {...transformGroupProps(props)}/>;
 }
 //#endregion
-//# sourceMappingURL=Layout.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Layout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAmBrE,SAAS,oBAAoB,CAAC,KAAqB;IACjD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACnD,OAAO;QACL,SAAS;QACT,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACvE,GAAG,SAAS;QACZ,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;KACtE,CAAC;AACJ,CAAC;AAOD,MAAM,gBAAgB,GAA0C,iBAAiB,CAC/E,QAAQ,EACR,YAAY,CACb,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,OAAO,CAAC,gBAAgB,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC/D,CAAC;AAQD,MAAM,gBAAgB,GAA0C,iBAAiB,CAC/E,QAAQ,EACR,YAAY,CACb,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,OAAO,CAAC,gBAAgB,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC/D,CAAC;AAcD,MAAM,eAAe,GAA0C,iBAAiB,CAC9E,QAAQ,EACR,WAAW,CACZ,CAAC;AAEF,SAAS,mBAAmB,CAAC,KAAiB;IAC5C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACnD,OAAO;QACL,SAAS;QACT,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACvE,GAAG,SAAS;QACZ,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;KACtE,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,OAAO,CAAC,eAAe,CAAC,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC7D,CAAC;AACD,YAAY","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { type ViewEvent } from '../../types';\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\ntype TapEvent = ViewEvent<'onTap', object> & {\n  useTapGesture?: boolean;\n};\n\ninterface StackBaseProps extends CommonViewModifierProps {\n  children: React.ReactNode;\n  spacing?: number;\n  backgroundColor?: string;\n\n  /**\n   * Callback triggered when the view is pressed.\n   */\n  onPress?: () => void;\n}\nexport type NativeStackProps = Omit<StackBaseProps, 'onPress'> | TapEvent;\n\nfunction transformNativeProps(props: StackBaseProps): NativeStackProps {\n  const { onPress, modifiers, ...restProps } = props;\n  return {\n    modifiers,\n    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),\n    ...restProps,\n    ...(onPress ? { useTapGesture: true, onTap: () => onPress() } : null),\n  };\n}\n\n//#region HStack Component\nexport interface HStackProps extends StackBaseProps {\n  alignment?: 'top' | 'center' | 'bottom' | 'firstTextBaseline' | 'lastTextBaseline';\n}\n\nconst HStackNativeView: React.ComponentType<NativeStackProps> = requireNativeView(\n  'ExpoUI',\n  'HStackView'\n);\n\nexport function HStack(props: HStackProps) {\n  return <HStackNativeView {...transformNativeProps(props)} />;\n}\n//#endregion\n\n//#region VStack Component\nexport interface VStackProps extends StackBaseProps {\n  alignment?: 'leading' | 'center' | 'trailing';\n}\n\nconst VStackNativeView: React.ComponentType<NativeStackProps> = requireNativeView(\n  'ExpoUI',\n  'VStackView'\n);\n\nexport function VStack(props: VStackProps) {\n  return <VStackNativeView {...transformNativeProps(props)} />;\n}\n//#endregion\n\n//#region Group Component\nexport interface GroupProps extends CommonViewModifierProps {\n  children: React.ReactNode;\n\n  /**\n   * Callback triggered when the view is pressed.\n   */\n  onPress?: () => void;\n}\n\ntype NativeGroupProps = Omit<GroupProps, 'onPress'> | TapEvent;\nconst GroupNativeView: React.ComponentType<NativeGroupProps> = requireNativeView(\n  'ExpoUI',\n  'GroupView'\n);\n\nfunction transformGroupProps(props: GroupProps): NativeGroupProps {\n  const { onPress, modifiers, ...restProps } = props;\n  return {\n    modifiers,\n    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),\n    ...restProps,\n    ...(onPress ? { useTapGesture: true, onTap: () => onPress() } : null),\n  };\n}\n\nexport function Group(props: GroupProps) {\n  return <GroupNativeView {...transformGroupProps(props)} />;\n}\n//#endregion\n"]}

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

@@ -1,7 +1,6 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import { ViewEvent } from '../../types';
+import { type CommonViewModifierProps } from '../types';
 export type ListStyle = 'automatic' | 'plain' | 'inset' | 'insetGrouped' | 'grouped' | 'sidebar';
-export interface ListProps {
+export interface ListProps extends CommonViewModifierProps {
     /**
      * One of the predefined ListStyle types in SwiftUI.
      * @default 'automatic'
@@ -50,41 +49,11 @@ export interface ListProps {
      */
     onSelectionChange?: (selection: number[]) => void;
 }
-/**
- * DeleteItemEvent represents an event triggered when an item is deleted from the list.
- */
-type DeleteItemEvent = ViewEvent<'onDeleteItem', {
-    index: number;
-}>;
-/**
- * MoveItemEvent represents an event triggered when an item is moved in the list.
- */
-type MoveItemEvent = ViewEvent<'onMoveItem', {
-    from: number;
-    to: number;
-}>;
-/**
- * SelectItemEvent represents an event triggered when the selection changes in a list.
- */
-type SelectItemEvent = ViewEvent<'onSelectionChange', {
-    selection: number[];
-}>;
-export type NativeListProps = Omit<ListProps, 'onDeleteItem' | 'onMoveItem' | 'onSelectionChange'> & DeleteItemEvent & MoveItemEvent & SelectItemEvent & {
-    children: React.ReactNode;
-};
-/**
- * `<List>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export declare function ListPrimitive(props: ListProps): import("react").JSX.Element | null;
 /**
  * A list component that renders its children using a native SwiftUI list.
  * @param {ListProps} props - The properties for the list component.
  * @returns {JSX.Element | null} The rendered list with its children or null if the platform is unsupported.
  * @platform ios
  */
-export declare function List(props: ListProps & {
-    style?: StyleProp<ViewStyle>;
-}): import("react").JSX.Element;
-export {};
+export declare function List(props: ListProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/List/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAexC,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjG,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AACH,KAAK,eAAe,GAAG,SAAS,CAAC,cAAc,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AACpE;;GAEG;AACH,KAAK,aAAa,GAAG,SAAS,CAAC,YAAY,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAC3E;;GAEG;AACH,KAAK,eAAe,GAAG,SAAS,CAAC,mBAAmB,EAAE;IAAE,SAAS,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC,CAAC;AAE/E,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,cAAc,GAAG,YAAY,GAAG,mBAAmB,CAAC,GAChG,eAAe,GACf,aAAa,GACb,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEJ;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,sCAQ7C;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAMvE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/List/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAmBxD,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjG,MAAM,WAAW,SAAU,SAAQ,uBAAuB;IACxD;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACnD;AAsBD;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,+BAGpC"}

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

@@ -1,25 +1,17 @@
 import { requireNativeView } from 'expo';
-import { Host } from '../Host';
+import { createViewModifierEventListener } from '../modifiers/utils';
 const ListNativeView = requireNativeView('ExpoUI', 'ListView');
 function transformListProps(props) {
+    const { modifiers, ...restProps } = props;
     return {
-        ...props,
+        modifiers,
+        ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+        ...restProps,
         onDeleteItem: ({ nativeEvent: { index } }) => props?.onDeleteItem?.(index),
         onMoveItem: ({ nativeEvent: { from, to } }) => props?.onMoveItem?.(from, to),
         onSelectionChange: ({ nativeEvent: { selection } }) => props?.onSelectionChange?.(selection),
     };
 }
-/**
- * `<List>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export function ListPrimitive(props) {
-    const { children, ...nativeProps } = props;
-    if (!ListNativeView) {
-        return null;
-    }
-    return <ListNativeView {...transformListProps(nativeProps)}>{children}</ListNativeView>;
-}
 /**
  * A list component that renders its children using a native SwiftUI list.
  * @param {ListProps} props - The properties for the list component.
@@ -27,8 +19,7 @@ export function ListPrimitive(props) {
  * @platform ios
  */
 export function List(props) {
-    return (<Host style={[props.style, { flex: 1 }]} matchContents>
-      <ListPrimitive {...props}/>
-    </Host>);
+    const { children, ...nativeProps } = props;
+    return <ListNativeView {...transformListProps(nativeProps)}>{children}</ListNativeView>;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAIzC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,cAAc,GAClB,iBAAiB,CAAkB,QAAQ,EAAE,UAAU,CAAC,CAAC;AAE3D,SAAS,kBAAkB,CAAC,KAAkC;IAC5D,OAAO;QACL,GAAG,KAAK;QACR,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC;QAC1E,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC;QAC5E,iBAAiB,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,CAAC,SAAS,CAAC;KAC7F,CAAC;AACJ,CAAC;AAmFD;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,KAAgB;IAC5C,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;IAE3C,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CAAC,cAAc,CAAC,IAAI,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAC;AAC1F,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,IAAI,CAAC,KAAmD;IACtE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CACpD;MAAA,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,EAC3B;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\nconst ListNativeView: React.ComponentType<NativeListProps> | null =\n  requireNativeView<NativeListProps>('ExpoUI', 'ListView');\n\nfunction transformListProps(props: Omit<ListProps, 'children'>): Omit<NativeListProps, 'children'> {\n  return {\n    ...props,\n    onDeleteItem: ({ nativeEvent: { index } }) => props?.onDeleteItem?.(index),\n    onMoveItem: ({ nativeEvent: { from, to } }) => props?.onMoveItem?.(from, to),\n    onSelectionChange: ({ nativeEvent: { selection } }) => props?.onSelectionChange?.(selection),\n  };\n}\n\nexport type ListStyle = 'automatic' | 'plain' | 'inset' | 'insetGrouped' | 'grouped' | 'sidebar';\n\nexport interface ListProps {\n  /**\n   * One of the predefined ListStyle types in SwiftUI.\n   * @default 'automatic'\n   */\n  listStyle?: ListStyle;\n\n  /**\n   * Allows the selection of list items.\n   * @default false\n   */\n  selectEnabled?: boolean;\n\n  /**\n   * Enables reordering of list items.\n   * @default false\n   */\n  moveEnabled?: boolean;\n\n  /**\n   * Allows the deletion of list items.\n   * @default false\n   */\n  deleteEnabled?: boolean;\n\n  /**\n   * Makes the list scrollable.\n   * @default true\n   * @platform ios 16.0+\n   */\n  scrollEnabled?: boolean;\n\n  /**\n   * Enables SwiftUI edit mode.\n   * @default false\n   */\n  editModeEnabled?: boolean;\n\n  /**\n   * The children elements to be rendered inside the list.\n   */\n  children: React.ReactNode;\n\n  /**\n   * Callback triggered when an item is deleted from the list.\n   */\n  onDeleteItem?: (index: number) => void;\n\n  /**\n   * Callback triggered when an item is moved in the list.\n   */\n  onMoveItem?: (from: number, to: number) => void;\n\n  /**\n   * Callback triggered when the selection changes in a list.\n   */\n  onSelectionChange?: (selection: number[]) => void;\n}\n\n/**\n * DeleteItemEvent represents an event triggered when an item is deleted from the list.\n */\ntype DeleteItemEvent = ViewEvent<'onDeleteItem', { index: number }>;\n/**\n * MoveItemEvent represents an event triggered when an item is moved in the list.\n */\ntype MoveItemEvent = ViewEvent<'onMoveItem', { from: number; to: number }>;\n/**\n * SelectItemEvent represents an event triggered when the selection changes in a list.\n */\ntype SelectItemEvent = ViewEvent<'onSelectionChange', { selection: number[] }>;\n\nexport type NativeListProps = Omit<ListProps, 'onDeleteItem' | 'onMoveItem' | 'onSelectionChange'> &\n  DeleteItemEvent &\n  MoveItemEvent &\n  SelectItemEvent & {\n    children: React.ReactNode;\n  };\n\n/**\n * `<List>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nexport function ListPrimitive(props: ListProps) {\n  const { children, ...nativeProps } = props;\n\n  if (!ListNativeView) {\n    return null;\n  }\n\n  return <ListNativeView {...transformListProps(nativeProps)}>{children}</ListNativeView>;\n}\n\n/**\n * A list component that renders its children using a native SwiftUI list.\n * @param {ListProps} props - The properties for the list component.\n * @returns {JSX.Element | null} The rendered list with its children or null if the platform is unsupported.\n * @platform ios\n */\nexport function List(props: ListProps & { style?: StyleProp<ViewStyle> }) {\n  return (\n    <Host style={[props.style, { flex: 1 }]} matchContents>\n      <ListPrimitive {...props} />\n    </Host>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAGrE,MAAM,cAAc,GAAyC,iBAAiB,CAC5E,QAAQ,EACR,UAAU,CACX,CAAC;AAEF,SAAS,kBAAkB,CAAC,KAAkC;IAC5D,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,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC;QAC1E,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC;QAC5E,iBAAiB,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,CAAC,SAAS,CAAC;KAC7F,CAAC;AACJ,CAAC;AAmFD;;;;;GAKG;AACH,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK,CAAC;IAC3C,OAAO,CAAC,cAAc,CAAC,IAAI,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,CAAC;AAC1F,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { type ViewEvent } from '../../types';\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nconst ListNativeView: React.ComponentType<NativeListProps> = requireNativeView<NativeListProps>(\n  'ExpoUI',\n  'ListView'\n);\n\nfunction transformListProps(props: Omit<ListProps, 'children'>): Omit<NativeListProps, 'children'> {\n  const { modifiers, ...restProps } = props;\n  return {\n    modifiers,\n    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),\n    ...restProps,\n    onDeleteItem: ({ nativeEvent: { index } }) => props?.onDeleteItem?.(index),\n    onMoveItem: ({ nativeEvent: { from, to } }) => props?.onMoveItem?.(from, to),\n    onSelectionChange: ({ nativeEvent: { selection } }) => props?.onSelectionChange?.(selection),\n  };\n}\n\nexport type ListStyle = 'automatic' | 'plain' | 'inset' | 'insetGrouped' | 'grouped' | 'sidebar';\n\nexport interface ListProps extends CommonViewModifierProps {\n  /**\n   * One of the predefined ListStyle types in SwiftUI.\n   * @default 'automatic'\n   */\n  listStyle?: ListStyle;\n\n  /**\n   * Allows the selection of list items.\n   * @default false\n   */\n  selectEnabled?: boolean;\n\n  /**\n   * Enables reordering of list items.\n   * @default false\n   */\n  moveEnabled?: boolean;\n\n  /**\n   * Allows the deletion of list items.\n   * @default false\n   */\n  deleteEnabled?: boolean;\n\n  /**\n   * Makes the list scrollable.\n   * @default true\n   * @platform ios 16.0+\n   */\n  scrollEnabled?: boolean;\n\n  /**\n   * Enables SwiftUI edit mode.\n   * @default false\n   */\n  editModeEnabled?: boolean;\n\n  /**\n   * The children elements to be rendered inside the list.\n   */\n  children: React.ReactNode;\n\n  /**\n   * Callback triggered when an item is deleted from the list.\n   */\n  onDeleteItem?: (index: number) => void;\n\n  /**\n   * Callback triggered when an item is moved in the list.\n   */\n  onMoveItem?: (from: number, to: number) => void;\n\n  /**\n   * Callback triggered when the selection changes in a list.\n   */\n  onSelectionChange?: (selection: number[]) => void;\n}\n\n/**\n * DeleteItemEvent represents an event triggered when an item is deleted from the list.\n */\ntype DeleteItemEvent = ViewEvent<'onDeleteItem', { index: number }>;\n/**\n * MoveItemEvent represents an event triggered when an item is moved in the list.\n */\ntype MoveItemEvent = ViewEvent<'onMoveItem', { from: number; to: number }>;\n/**\n * SelectItemEvent represents an event triggered when the selection changes in a list.\n */\ntype SelectItemEvent = ViewEvent<'onSelectionChange', { selection: number[] }>;\n\ntype NativeListProps = Omit<ListProps, 'onDeleteItem' | 'onMoveItem' | 'onSelectionChange'> &\n  DeleteItemEvent &\n  MoveItemEvent &\n  SelectItemEvent & {\n    children: React.ReactNode;\n  };\n\n/**\n * A list component that renders its children using a native SwiftUI list.\n * @param {ListProps} props - The properties for the list component.\n * @returns {JSX.Element | null} The rendered list with its children or null if the platform is unsupported.\n * @platform ios\n */\nexport function List(props: ListProps) {\n  const { children, ...nativeProps } = props;\n  return <ListNativeView {...transformListProps(nativeProps)}>{children}</ListNativeView>;\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import { type CommonViewModifierProps } from '../types';
 export type PickerProps = {
     /**
      * An array of options to be displayed in the picker.
@@ -31,22 +31,9 @@ export type PickerProps = {
      * Picker color. On iOS it only applies to the `'menu'` variant.
      */
     color?: string;
-};
-type NativePickerProps = PickerProps;
-/**
- * @hidden
- */
-export declare function transformPickerProps(props: PickerProps): NativePickerProps;
-/**
- * `<Picker>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export declare function PickerPrimitive(props: PickerProps): import("react").JSX.Element;
+} & CommonViewModifierProps;
 /**
  * Displays a native picker component. Depending on the variant it can be a segmented button, an inline picker, a list of choices or a radio button.
  */
-export declare function Picker(props: PickerProps & {
-    style?: StyleProp<ViewStyle>;
-}): import("react").JSX.Element;
-export {};
+export declare function Picker(props: PickerProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Picker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACtF;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAChE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,KAAK,iBAAiB,GAAG,WAAW,CAAC;AAErC;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAM1E;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,+BAEjD;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAM3E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Picker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACtF;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAChE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,uBAAuB,CAAC;AAoB5B;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC"}

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

@@ -1,29 +1,20 @@
 import { requireNativeView } from 'expo';
-import { Host } from '../Host';
+import { createViewModifierEventListener } from '../modifiers/utils';
 const PickerNativeView = requireNativeView('ExpoUI', 'PickerView');
-/**
- * @hidden
- */
-export function transformPickerProps(props) {
+function transformPickerProps(props) {
+    const { modifiers, ...restProps } = props;
     return {
-        ...props,
+        modifiers,
+        ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+        ...restProps,
         variant: props.variant ?? 'segmented',
         color: props.color,
     };
 }
-/**
- * `<Picker>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export function PickerPrimitive(props) {
-    return <PickerNativeView {...transformPickerProps(props)}/>;
-}
 /**
  * Displays a native picker component. Depending on the variant it can be a segmented button, an inline picker, a list of choices or a radio button.
  */
 export function Picker(props) {
-    return (<Host style={props.style} matchContents>
-      <PickerPrimitive {...props}/>
-    </Host>);
+    return <PickerNativeView {...transformPickerProps(props)}/>;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA+B/B,MAAM,gBAAgB,GAAqC,iBAAiB,CAC1E,QAAQ,EACR,YAAY,CACb,CAAC;AAIF;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAkB;IACrD,OAAO;QACL,GAAG,KAAK;QACR,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,WAAW;QACrC,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAAkB;IAChD,OAAO,CAAC,gBAAgB,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC/D,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,MAAM,CAAC,KAAqD;IAC1E,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,aAAa,CACrC;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 { Host } from '../Host';\n\nexport type PickerProps = {\n  /**\n   * An array of options to be displayed in the picker.\n   */\n  options: string[];\n  /**\n   * The index of the currently selected option.\n   */\n  selectedIndex: number | null;\n  /**\n   * A label displayed on the picker when in `'menu'` variant inside a form section on iOS.\n   */\n  label?: string;\n  /**\n   * Callback function that is called when an option is selected.\n   */\n  onOptionSelected?: (event: { nativeEvent: { index: number; label: string } }) => void;\n  /**\n   * The variant of the picker, which determines its appearance and behavior.\n   * The `'wheel'`, `'inline'`, `'palette'` and `'menu'` variants are iOS only, the `'radio'` variant is Android only. The `'inline'` variant can only be used inside sections or lists. The `'palette'` variant displays differently inside menus.\n   * @default 'segmented'\n   */\n  variant?: 'wheel' | 'segmented' | 'menu' | 'inline' | 'palette';\n  /**\n   * Picker color. On iOS it only applies to the `'menu'` variant.\n   */\n  color?: string;\n};\n\nconst PickerNativeView: React.ComponentType<PickerProps> = requireNativeView(\n  'ExpoUI',\n  'PickerView'\n);\n\ntype NativePickerProps = PickerProps;\n\n/**\n * @hidden\n */\nexport function transformPickerProps(props: PickerProps): NativePickerProps {\n  return {\n    ...props,\n    variant: props.variant ?? 'segmented',\n    color: props.color,\n  };\n}\n\n/**\n * `<Picker>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nexport function PickerPrimitive(props: PickerProps) {\n  return <PickerNativeView {...transformPickerProps(props)} />;\n}\n\n/**\n * Displays a native picker component. Depending on the variant it can be a segmented button, an inline picker, a list of choices or a radio button.\n */\nexport function Picker(props: PickerProps & { style?: StyleProp<ViewStyle> }) {\n  return (\n    <Host style={props.style} matchContents>\n      <PickerPrimitive {...props} />\n    </Host>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAEzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAgCrE,MAAM,gBAAgB,GAAqC,iBAAiB,CAC1E,QAAQ,EACR,YAAY,CACb,CAAC;AAIF,SAAS,oBAAoB,CAAC,KAAkB;IAC9C,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,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,WAAW;QACrC,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,OAAO,CAAC,gBAAgB,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC/D,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nexport type PickerProps = {\n  /**\n   * An array of options to be displayed in the picker.\n   */\n  options: string[];\n  /**\n   * The index of the currently selected option.\n   */\n  selectedIndex: number | null;\n  /**\n   * A label displayed on the picker when in `'menu'` variant inside a form section on iOS.\n   */\n  label?: string;\n  /**\n   * Callback function that is called when an option is selected.\n   */\n  onOptionSelected?: (event: { nativeEvent: { index: number; label: string } }) => void;\n  /**\n   * The variant of the picker, which determines its appearance and behavior.\n   * The `'wheel'`, `'inline'`, `'palette'` and `'menu'` variants are iOS only, the `'radio'` variant is Android only. The `'inline'` variant can only be used inside sections or lists. The `'palette'` variant displays differently inside menus.\n   * @default 'segmented'\n   */\n  variant?: 'wheel' | 'segmented' | 'menu' | 'inline' | 'palette';\n  /**\n   * Picker color. On iOS it only applies to the `'menu'` variant.\n   */\n  color?: string;\n} & CommonViewModifierProps;\n\nconst PickerNativeView: React.ComponentType<PickerProps> = requireNativeView(\n  'ExpoUI',\n  'PickerView'\n);\n\ntype NativePickerProps = PickerProps;\n\nfunction transformPickerProps(props: PickerProps): NativePickerProps {\n  const { modifiers, ...restProps } = props;\n  return {\n    modifiers,\n    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),\n    ...restProps,\n    variant: props.variant ?? 'segmented',\n    color: props.color,\n  };\n}\n\n/**\n * Displays a native picker component. Depending on the variant it can be a segmented button, an inline picker, a list of choices or a radio button.\n */\nexport function Picker(props: PickerProps) {\n  return <PickerNativeView {...transformPickerProps(props)} />;\n}\n"]}

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

@@ -1,4 +1,5 @@
-import { ColorValue, StyleProp, ViewStyle } from 'react-native';
+import { ColorValue } from 'react-native';
+import { type CommonViewModifierProps } from '../types';
 export type CircularProgressProps = {
     /**
      * The current progress value of the slider. This is a number between `0` and `1`.
@@ -8,7 +9,7 @@ export type CircularProgressProps = {
      * Progress color.
      */
     color?: ColorValue;
-};
+} & CommonViewModifierProps;
 export type LinearProgressProps = {
     /**
      * The current progress value of the slider. This is a number between `0` and `1`.
@@ -18,27 +19,13 @@ export type LinearProgressProps = {
      * Progress color.
      */
     color?: ColorValue;
-};
-/**
- * `<CircularProgress>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export declare function CircularProgressPrimitive(props: CircularProgressProps): import("react").JSX.Element;
-/**
- * `<LinearProgress>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export declare function LinearProgressPrimitive(props: LinearProgressProps): import("react").JSX.Element;
+} & CommonViewModifierProps;
 /**
  * Renders a `CircularProgress` component.
  */
-export declare function CircularProgress(props: CircularProgressProps & {
-    style?: StyleProp<ViewStyle>;
-}): import("react").JSX.Element;
+export declare function CircularProgress(props: CircularProgressProps): import("react").JSX.Element;
 /**
  * Renders a `LinearProgress` component.
  */
-export declare function LinearProgress(props: LinearProgressProps & {
-    style?: StyleProp<ViewStyle>;
-}): import("react").JSX.Element;
+export declare function LinearProgress(props: LinearProgressProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Progress/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAaF;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,qBAAqB,+BAErE;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,mBAAmB,+BAEjE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAM/F;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAM3F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Progress/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,GAAG,uBAAuB,CAAC;AAE5B,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,GAAG,uBAAuB,CAAC;AAa5B;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAU5D;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAUxD"}

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

@@ -1,34 +1,18 @@
 import { requireNativeView } from 'expo';
-import { Host } from '../Host';
+import { createViewModifierEventListener } from '../modifiers/utils';
 const NativeProgressView = requireNativeView('ExpoUI', 'ProgressView');
-/**
- * `<CircularProgress>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export function CircularProgressPrimitive(props) {
-    return <NativeProgressView {...props} variant="circular"/>;
-}
-/**
- * `<LinearProgress>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export function LinearProgressPrimitive(props) {
-    return <NativeProgressView {...props} variant="linear"/>;
-}
 /**
  * Renders a `CircularProgress` component.
  */
 export function CircularProgress(props) {
-    return (<Host style={props.style} matchContents>
-      <CircularProgressPrimitive {...props}/>
-    </Host>);
+    const { modifiers, ...restProps } = props;
+    return (<NativeProgressView modifiers={modifiers} {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)} {...restProps} variant="circular"/>);
 }
 /**
  * Renders a `LinearProgress` component.
  */
 export function LinearProgress(props) {
-    return (<Host style={props.style} matchContents>
-      <LinearProgressPrimitive {...props}/>
-    </Host>);
+    const { modifiers, ...restProps } = props;
+    return (<NativeProgressView modifiers={modifiers} {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)} {...restProps} variant="linear"/>);
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Progress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA8B/B,MAAM,kBAAkB,GAA6C,iBAAiB,CACpF,QAAQ,EACR,cAAc,CACf,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CAAC,KAA4B;IACpE,OAAO,CAAC,kBAAkB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,UAAU,EAAG,CAAC;AAC9D,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAA0B;IAChE,OAAO,CAAC,kBAAkB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAG,CAAC;AAC5D,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA+D;IAC9F,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,aAAa,CACrC;MAAA,CAAC,yBAAyB,CAAC,IAAI,KAAK,CAAC,EACvC;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA6D;IAC1F,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,aAAa,CACrC;MAAA,CAAC,uBAAuB,CAAC,IAAI,KAAK,CAAC,EACrC;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { ColorValue, StyleProp, ViewStyle } from 'react-native';\n\nimport { Host } from '../Host';\n\nexport type CircularProgressProps = {\n  /**\n   * The current progress value of the slider. This is a number between `0` and `1`.\n   */\n  progress?: number | null;\n  /**\n   * Progress color.\n   */\n  color?: ColorValue;\n};\n\nexport type LinearProgressProps = {\n  /**\n   * The current progress value of the slider. This is a number between `0` and `1`.\n   */\n  progress?: number | null;\n  /**\n   * Progress color.\n   */\n  color?: ColorValue;\n};\n\ntype NativeProgressProps =\n  | CircularProgressProps\n  | (LinearProgressProps & {\n      variant: 'linear' | 'circular';\n    });\n\nconst NativeProgressView: React.ComponentType<NativeProgressProps> = requireNativeView(\n  'ExpoUI',\n  'ProgressView'\n);\n\n/**\n * `<CircularProgress>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nexport function CircularProgressPrimitive(props: CircularProgressProps) {\n  return <NativeProgressView {...props} variant=\"circular\" />;\n}\n\n/**\n * `<LinearProgress>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nexport function LinearProgressPrimitive(props: LinearProgressProps) {\n  return <NativeProgressView {...props} variant=\"linear\" />;\n}\n\n/**\n * Renders a `CircularProgress` component.\n */\nexport function CircularProgress(props: CircularProgressProps & { style?: StyleProp<ViewStyle> }) {\n  return (\n    <Host style={props.style} matchContents>\n      <CircularProgressPrimitive {...props} />\n    </Host>\n  );\n}\n\n/**\n * Renders a `LinearProgress` component.\n */\nexport function LinearProgress(props: LinearProgressProps & { style?: StyleProp<ViewStyle> }) {\n  return (\n    <Host style={props.style} matchContents>\n      <LinearProgressPrimitive {...props} />\n    </Host>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Progress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AA+BrE,MAAM,kBAAkB,GAA6C,iBAAiB,CACpF,QAAQ,EACR,cAAc,CACf,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1C,OAAO,CACL,CAAC,kBAAkB,CACjB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CACzE,IAAI,SAAS,CAAC,CACd,OAAO,CAAC,UAAU,EAClB,CACH,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1C,OAAO,CACL,CAAC,kBAAkB,CACjB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CACzE,IAAI,SAAS,CAAC,CACd,OAAO,CAAC,QAAQ,EAChB,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { ColorValue } from 'react-native';\n\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nexport type CircularProgressProps = {\n  /**\n   * The current progress value of the slider. This is a number between `0` and `1`.\n   */\n  progress?: number | null;\n  /**\n   * Progress color.\n   */\n  color?: ColorValue;\n} & CommonViewModifierProps;\n\nexport type LinearProgressProps = {\n  /**\n   * The current progress value of the slider. This is a number between `0` and `1`.\n   */\n  progress?: number | null;\n  /**\n   * Progress color.\n   */\n  color?: ColorValue;\n} & CommonViewModifierProps;\n\ntype NativeProgressProps =\n  | CircularProgressProps\n  | (LinearProgressProps & {\n      variant: 'linear' | 'circular';\n    });\n\nconst NativeProgressView: React.ComponentType<NativeProgressProps> = requireNativeView(\n  'ExpoUI',\n  'ProgressView'\n);\n\n/**\n * Renders a `CircularProgress` component.\n */\nexport function CircularProgress(props: CircularProgressProps) {\n  const { modifiers, ...restProps } = props;\n  return (\n    <NativeProgressView\n      modifiers={modifiers}\n      {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}\n      {...restProps}\n      variant=\"circular\"\n    />\n  );\n}\n\n/**\n * Renders a `LinearProgress` component.\n */\nexport function LinearProgress(props: LinearProgressProps) {\n  const { modifiers, ...restProps } = props;\n  return (\n    <NativeProgressView\n      modifiers={modifiers}\n      {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}\n      {...restProps}\n      variant=\"linear\"\n    />\n  );\n}\n"]}

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

@@ -1,22 +1,15 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import { type CommonViewModifierProps } from '../types';
 export type SectionProps = {
     /**
      * On iOS, section titles are usually capitalized for consistency with platform conventions.
      */
     title?: string;
-    children: any;
-};
-/**
- * `<Section>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export declare function SectionPrimitive(props: SectionProps): import("react").JSX.Element;
+    children: React.ReactNode;
+} & CommonViewModifierProps;
 /**
  * Section component uses the native [Section](https://developer.apple.com/documentation/swiftui/section) component.
  * It has no intrinsic dimensions, so it needs explicit height or flex set to display content (like ScrollView).
  * @platform ios
  */
-export declare function Section(props: SectionProps & {
-    style?: StyleProp<ViewStyle>;
-}): import("react").JSX.Element;
+export declare function Section(props: SectionProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Section/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;CACf,CAAC;AAOF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,YAAY,+BAEnD;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAM7E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Section/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,uBAAuB,CAAC;AAO5B;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAS1C"}

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

@@ -1,21 +1,13 @@
 import { requireNativeView } from 'expo';
-import { Host } from '../Host';
+import { createViewModifierEventListener } from '../modifiers/utils';
 const SectionNativeView = requireNativeView('ExpoUI', 'SectionView');
-/**
- * `<Section>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export function SectionPrimitive(props) {
-    return <SectionNativeView {...props}/>;
-}
 /**
  * Section component uses the native [Section](https://developer.apple.com/documentation/swiftui/section) component.
  * It has no intrinsic dimensions, so it needs explicit height or flex set to display content (like ScrollView).
  * @platform ios
  */
 export function Section(props) {
-    return (<Host style={props.style} matchContents>
-      <SectionPrimitive {...props}/>
-    </Host>);
+    const { modifiers, ...restProps } = props;
+    return (<SectionNativeView modifiers={modifiers} {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)} {...restProps}/>);
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Section/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAU/B,MAAM,iBAAiB,GAAsC,iBAAiB,CAC5E,QAAQ,EACR,aAAa,CACd,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAmB;IAClD,OAAO,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC1C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,KAAsD;IAC5E,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,aAAa,CACrC;MAAA,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,EAC9B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { Host } from '../Host';\n\nexport type SectionProps = {\n  /**\n   * On iOS, section titles are usually capitalized for consistency with platform conventions.\n   */\n  title?: string;\n  children: any;\n};\n\nconst SectionNativeView: React.ComponentType<SectionProps> = requireNativeView(\n  'ExpoUI',\n  'SectionView'\n);\n\n/**\n * `<Section>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nexport function SectionPrimitive(props: SectionProps) {\n  return <SectionNativeView {...props} />;\n}\n\n/**\n * Section component uses the native [Section](https://developer.apple.com/documentation/swiftui/section) component.\n * It has no intrinsic dimensions, so it needs explicit height or flex set to display content (like ScrollView).\n * @platform ios\n */\nexport function Section(props: SectionProps & { style?: StyleProp<ViewStyle> }) {\n  return (\n    <Host style={props.style} matchContents>\n      <SectionPrimitive {...props} />\n    </Host>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Section/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAEzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAWrE,MAAM,iBAAiB,GAAsC,iBAAiB,CAC5E,QAAQ,EACR,aAAa,CACd,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1C,OAAO,CACL,CAAC,iBAAiB,CAChB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CACzE,IAAI,SAAS,CAAC,EACd,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nexport type SectionProps = {\n  /**\n   * On iOS, section titles are usually capitalized for consistency with platform conventions.\n   */\n  title?: string;\n  children: React.ReactNode;\n} & CommonViewModifierProps;\n\nconst SectionNativeView: React.ComponentType<SectionProps> = requireNativeView(\n  'ExpoUI',\n  'SectionView'\n);\n\n/**\n * Section component uses the native [Section](https://developer.apple.com/documentation/swiftui/section) component.\n * It has no intrinsic dimensions, so it needs explicit height or flex set to display content (like ScrollView).\n * @platform ios\n */\nexport function Section(props: SectionProps) {\n  const { modifiers, ...restProps } = props;\n  return (\n    <SectionNativeView\n      modifiers={modifiers}\n      {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}\n      {...restProps}\n    />\n  );\n}\n"]}

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

@@ -1,7 +1,6 @@
 import { Ref } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { ViewEvent } from '../../types';
 import { TextFieldKeyboardType } from '../TextField';
+import { type CommonViewModifierProps } from '../types';
 /**
  * Can be used for imperatively setting text on the SecureField component.
  */
@@ -23,19 +22,9 @@ export type SecureFieldProps = {
      */
     onChangeText: (value: string) => void;
     keyboardType?: TextFieldKeyboardType;
-};
-export type NativeSecureFieldProps = Omit<SecureFieldProps, 'onChangeText'> & {} & ViewEvent<'onValueChanged', {
-    value: string;
-}>;
+} & CommonViewModifierProps;
 /**
  * Renders a `SecureField` component. Should mostly be used for embedding text inputs inside of SwiftUI lists and sections. Is an uncontrolled component.
  */
-export declare function SecureField(props: SecureFieldProps & {
-    style?: StyleProp<ViewStyle>;
-}): import("react").JSX.Element;
-/**
- * `<SecureField>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export declare function SecureFieldPrimitive(props: SecureFieldProps): import("react").JSX.Element;
+export declare function SecureField(props: SecureFieldProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/SecureField/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,gBAAgB,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,SAAS,CACxF,gBAAgB,EAChB;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAClB,CAAC;AAoBJ;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAMrF;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,+BAE3D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/SecureField/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACtC,GAAG,uBAAuB,CAAC;AAyB5B;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAElD"}

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

@@ -1,13 +1,13 @@
 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 SecureFieldNativeView = requireNativeView('ExpoUI', 'SecureFieldView');
-/**
- * @hidden
- */
 function transformSecureFieldProps(props) {
+    const { modifiers, ...restProps } = props;
     return {
-        ...props,
+        modifiers,
+        ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+        ...restProps,
         onValueChanged: (event) => {
             props.onChangeText?.(event.nativeEvent.value);
         },
@@ -17,15 +17,6 @@ function transformSecureFieldProps(props) {
  * Renders a `SecureField` component. Should mostly be used for embedding text inputs inside of SwiftUI lists and sections. Is an uncontrolled component.
  */
 export function SecureField(props) {
-    return (<Host style={props.style} matchContents>
-      <SecureFieldPrimitive {...props}/>
-    </Host>);
-}
-/**
- * `<SecureField>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export function SecureFieldPrimitive(props) {
     return <SecureFieldNativeView {...transformSecureFieldProps(props)}/>;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/SecureField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAKzC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAgC/B,wFAAwF;AACxF,MAAM,qBAAqB,GAAgD,iBAAiB,CAC1F,QAAQ,EACR,iBAAiB,CAClB,CAAC;AAEF;;GAEG;AACH,SAAS,yBAAyB,CAAC,KAAuB;IACxD,OAAO;QACL,GAAG,KAAK;QACR,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;YACxB,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAChD,CAAC;KACF,CAAC;AACJ,CAAC;AAED;;GAEG;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;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAuB;IAC1D,OAAO,CAAC,qBAAqB,CAAC,IAAI,yBAAyB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AACzE,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { Ref } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { ViewEvent } from '../../types';\nimport { Host } from '../Host';\nimport { TextFieldKeyboardType } from '../TextField';\n\n/**\n * Can be used for imperatively setting text on the SecureField component.\n */\nexport type SecureFieldRef = {\n  setText: (newText: string) => Promise<void>;\n};\n\nexport type SecureFieldProps = {\n  ref?: Ref<SecureFieldRef>;\n  /**\n   * Initial value that the SecureField displays when being mounted. As the SecureField is an uncontrolled component, change the key prop if you need to change the text value.\n   */\n  defaultValue?: string;\n  /**\n   * A text that is displayed when the field is empty.\n   */\n  placeholder?: string;\n  /**\n   * A callback triggered when user types in text into the SecureField.\n   */\n  onChangeText: (value: string) => void;\n  keyboardType?: TextFieldKeyboardType;\n};\n\nexport type NativeSecureFieldProps = Omit<SecureFieldProps, 'onChangeText'> & {} & ViewEvent<\n    'onValueChanged',\n    { value: string }\n  >;\n\n// We have to work around the `role` and `onPress` props being reserved by React Native.\nconst SecureFieldNativeView: React.ComponentType<NativeSecureFieldProps> = requireNativeView(\n  'ExpoUI',\n  'SecureFieldView'\n);\n\n/**\n * @hidden\n */\nfunction transformSecureFieldProps(props: SecureFieldProps): NativeSecureFieldProps {\n  return {\n    ...props,\n    onValueChanged: (event) => {\n      props.onChangeText?.(event.nativeEvent.value);\n    },\n  };\n}\n\n/**\n * Renders a `SecureField` component. Should mostly be used for embedding text inputs inside of SwiftUI lists and sections. Is an uncontrolled component.\n */\nexport function SecureField(props: SecureFieldProps & { style?: StyleProp<ViewStyle> }) {\n  return (\n    <Host style={props.style} matchContents>\n      <SecureFieldPrimitive {...props} />\n    </Host>\n  );\n}\n\n/**\n * `<SecureField>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nexport function SecureFieldPrimitive(props: SecureFieldProps) {\n  return <SecureFieldNativeView {...transformSecureFieldProps(props)} />;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/SecureField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAKzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAgCrE,wFAAwF;AACxF,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,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;YACxB,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAChD,CAAC;KACF,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,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 { Ref } from 'react';\n\nimport { type ViewEvent } from '../../types';\nimport { TextFieldKeyboardType } from '../TextField';\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\n/**\n * Can be used for imperatively setting text on the SecureField component.\n */\nexport type SecureFieldRef = {\n  setText: (newText: string) => Promise<void>;\n};\n\nexport type SecureFieldProps = {\n  ref?: Ref<SecureFieldRef>;\n  /**\n   * Initial value that the SecureField displays when being mounted. As the SecureField is an uncontrolled component, change the key prop if you need to change the text value.\n   */\n  defaultValue?: string;\n  /**\n   * A text that is displayed when the field is empty.\n   */\n  placeholder?: string;\n  /**\n   * A callback triggered when user types in text into the SecureField.\n   */\n  onChangeText: (value: string) => void;\n  keyboardType?: TextFieldKeyboardType;\n} & CommonViewModifierProps;\n\ntype NativeSecureFieldProps = Omit<SecureFieldProps, 'onChangeText'> & {} & ViewEvent<\n    'onValueChanged',\n    { value: string }\n  >;\n\n// We have to work around the `role` and `onPress` props being reserved by React Native.\nconst SecureFieldNativeView: React.ComponentType<NativeSecureFieldProps> = requireNativeView(\n  'ExpoUI',\n  'SecureFieldView'\n);\n\nfunction transformSecureFieldProps(props: SecureFieldProps): NativeSecureFieldProps {\n  const { modifiers, ...restProps } = props;\n  return {\n    modifiers,\n    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),\n    ...restProps,\n    onValueChanged: (event) => {\n      props.onChangeText?.(event.nativeEvent.value);\n    },\n  };\n}\n\n/**\n * Renders a `SecureField` component. Should mostly be used for embedding text inputs inside of SwiftUI lists and sections. Is an uncontrolled component.\n */\nexport function SecureField(props: SecureFieldProps) {\n  return <SecureFieldNativeView {...transformSecureFieldProps(props)} />;\n}\n"]}