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

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

@@ -0,0 +1,36 @@
+import { ReactElement, ReactNode } from 'react';
+import { NativeSyntheticEvent } from 'react-native';
+import { type ButtonProps } from '../Button';
+import { type PickerProps } from '../Picker';
+import { type SwitchProps } from '../Switch';
+import { type SubmenuProps } from './Submenu';
+export type EventHandlers = Record<string, Record<string, (event: NativeSyntheticEvent<any>) => void>>;
+export type ContextMenuElementBase = {
+    contextMenuElementID: string;
+};
+type SubmenuElement = ReactElement<ButtonProps> | ReactElement<SwitchProps> | ReactElement<PickerProps> | ReactElement<SubmenuProps>;
+export type ContextMenuContentProps = {
+    children: SubmenuElement | SubmenuElement[];
+};
+/**
+ * Activation method of the context menu.
+ * - `singlePress`: The context menu is opened with a single tap. Does not isolate the content.
+ * - `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;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/types.ts"],"names":[],"mappings":"","sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport { NativeSyntheticEvent } from 'react-native';\n\nimport { type ButtonProps } from '../Button';\nimport { type PickerProps } from '../Picker';\nimport { type SwitchProps } from '../Switch';\nimport { type SubmenuProps } from './Submenu';\n\nexport type EventHandlers = Record<\n  string,\n  Record<string, (event: NativeSyntheticEvent<any>) => void>\n>;\n\nexport type ContextMenuElementBase = { contextMenuElementID: string };\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 * 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"]}

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

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
-import { ContextMenuElementBase, EventHandlers } from './index';
-import { NativeButtonProps } from '../Button';
-import { PickerProps } from '../Picker';
-import { SwitchProps } from '../Switch';
+import { type ContextMenuElementBase, type EventHandlers } from './types';
+import { type NativeButtonProps } from '../Button';
+import { type PickerProps } from '../Picker';
+import { type SwitchProps } from '../Switch';
 type ButtonMenuElement = {
     button: NativeButtonProps;
 } & ContextMenuElementBase;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0C,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1E,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAyB,MAAM,SAAS,CAAC;AACvF,OAAO,EAIL,iBAAiB,EAElB,MAAM,WAAW,CAAC;AACnB,OAAO,EAA2B,WAAW,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAA2B,WAAW,EAAE,MAAM,WAAW,CAAC;AAGjE,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,iBAAiB,CAAC;CAC3B,GAAG,sBAAsB,CAAC;AAE3B,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,WAAW,CAAC;CACrB,GAAG,sBAAsB,CAAC;AAE3B,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,WAAW,CAAC;CACrB,GAAG,sBAAsB,CAAC;AAE3B,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE;QACP,QAAQ,EAAE,WAAW,EAAE,CAAC;QACxB,MAAM,EAAE,iBAAiB,CAAC;KAC3B,CAAC;CACH,GAAG,sBAAsB,CAAC;AAE3B,MAAM,MAAM,WAAW,GACnB,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,cAAc,CAAC;AAInB,wBAAgB,+BAA+B,CAC7C,QAAQ,EAAE,SAAS,EACnB,gBAAgB,EAAE,aAAa,GAC9B,WAAW,EAAE,CAIf"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0C,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1E,OAAO,EAAE,KAAK,sBAAsB,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,EAAkD,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnG,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAIrD,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,iBAAiB,CAAC;CAC3B,GAAG,sBAAsB,CAAC;AAE3B,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,WAAW,CAAC;CACrB,GAAG,sBAAsB,CAAC;AAE3B,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,WAAW,CAAC;CACrB,GAAG,sBAAsB,CAAC;AAE3B,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE;QACP,QAAQ,EAAE,WAAW,EAAE,CAAC;QACxB,MAAM,EAAE,iBAAiB,CAAC;KAC3B,CAAC;CACH,GAAG,sBAAsB,CAAC;AAE3B,MAAM,MAAM,WAAW,GACnB,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,cAAc,CAAC;AAInB,wBAAgB,+BAA+B,CAC7C,QAAQ,EAAE,SAAS,EACnB,gBAAgB,EAAE,aAAa,GAC9B,WAAW,EAAE,CAIf"}

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

@@ -1,8 +1,8 @@
 import { Children, isValidElement } from 'react';
-import { Submenu } from './index';
-import { Button, ButtonPrimitive, transformButtonProps, } from '../Button';
-import { Picker, PickerPrimitive } from '../Picker';
-import { Switch, SwitchPrimitive } from '../Switch';
+import { Button, transformButtonProps } from '../Button';
+import { Picker } from '../Picker';
+import { Switch } from '../Switch';
+import { Submenu } from './Submenu';
 // Maps the react children to NativeMenuElement[] which is used to render out the native menu
 // TODO: Ideally we want to pass the children directly to the native side without having to do this
 export function transformChildrenToElementArray(children, eventHandlersMap) {
@@ -14,15 +14,15 @@ function processChildElement(child, eventHandlersMap) {
     if (!isValidElement(child))
         return null;
     const uuid = expo.uuidv4();
-    if (child.type === Button || child.type === ButtonPrimitive) {
+    if (child.type === Button) {
         // @ts-expect-error TODO TS2345: Argument of type unknown is not assignable to parameter of type SubmenuProps
         return createButtonElement(uuid, child.props, eventHandlersMap);
     }
-    if (child.type === Switch || child.type === SwitchPrimitive) {
+    if (child.type === Switch) {
         // @ts-expect-error TODO TS2345: Argument of type unknown is not assignable to parameter of type SubmenuProps
         return createSwitchElement(uuid, child.props, eventHandlersMap);
     }
-    if (child.type === Picker || child.type === PickerPrimitive) {
+    if (child.type === Picker) {
         // @ts-expect-error TODO TS2345: Argument of type unknown is not assignable to parameter of type SubmenuProps
         return createPickerElement(uuid, child.props, eventHandlersMap);
     }

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { Children, isValidElement, ReactElement, ReactNode } from 'react';\nimport { NativeSyntheticEvent } from 'react-native';\n\nimport { ContextMenuElementBase, EventHandlers, Submenu, SubmenuProps } from './index';\nimport {\n  Button,\n  ButtonPrimitive,\n  ButtonProps,\n  NativeButtonProps,\n  transformButtonProps,\n} from '../Button';\nimport { Picker, PickerPrimitive, PickerProps } from '../Picker';\nimport { Switch, SwitchPrimitive, SwitchProps } from '../Switch';\n\n// We use this slightly odd typing for the elements to make unpacking the elements easier on the native side\ntype ButtonMenuElement = {\n  button: NativeButtonProps;\n} & ContextMenuElementBase;\n\ntype SwitchMenuElement = {\n  switch: SwitchProps;\n} & ContextMenuElementBase;\n\ntype PickerMenuElement = {\n  picker: PickerProps;\n} & ContextMenuElementBase;\n\ntype SubmenuElement = {\n  submenu: {\n    elements: MenuElement[];\n    button: NativeButtonProps;\n  };\n} & ContextMenuElementBase;\n\nexport type MenuElement =\n  | ButtonMenuElement\n  | SwitchMenuElement\n  | PickerMenuElement\n  | SubmenuElement;\n\n// Maps the react children to NativeMenuElement[] which is used to render out the native menu\n// TODO: Ideally we want to pass the children directly to the native side without having to do this\nexport function transformChildrenToElementArray(\n  children: ReactNode,\n  eventHandlersMap: EventHandlers\n): MenuElement[] {\n  return Children.toArray(children)\n    .map((child) => processChildElement(child, eventHandlersMap))\n    .filter((el): el is MenuElement => el !== null);\n}\n\nfunction processChildElement(\n  child: ReactNode,\n  eventHandlersMap: EventHandlers\n): MenuElement | null {\n  if (!isValidElement(child)) return null;\n\n  const uuid = expo.uuidv4();\n\n  if (child.type === Button || child.type === ButtonPrimitive) {\n    // @ts-expect-error TODO TS2345: Argument of type unknown is not assignable to parameter of type SubmenuProps\n    return createButtonElement(uuid, child.props, eventHandlersMap);\n  }\n\n  if (child.type === Switch || child.type === SwitchPrimitive) {\n    // @ts-expect-error TODO TS2345: Argument of type unknown is not assignable to parameter of type SubmenuProps\n    return createSwitchElement(uuid, child.props, eventHandlersMap);\n  }\n\n  if (child.type === Picker || child.type === PickerPrimitive) {\n    // @ts-expect-error TODO TS2345: Argument of type unknown is not assignable to parameter of type SubmenuProps\n    return createPickerElement(uuid, child.props, eventHandlersMap);\n  }\n\n  if (isSubmenuComponent(child)) {\n    // @ts-expect-error TODO TS2345: Argument of type unknown is not assignable to parameter of type SubmenuProps\n    return createSubmenuElement(uuid, child.props, eventHandlersMap);\n  }\n\n  console.warn('Unsupported child type in Menu: ', child.type);\n  return null;\n}\n\nfunction createButtonElement(\n  uuid: string,\n  props: ButtonProps,\n  handlers: EventHandlers\n): MenuElement {\n  if (props.onPress) {\n    handlers[uuid] = { onPress: props.onPress };\n  }\n  if (typeof props.children !== 'string') {\n    throw new Error('ContextMenu Button only supports string children');\n  }\n  return {\n    contextMenuElementID: uuid,\n    button: transformButtonProps(props, props.children),\n  };\n}\n\nfunction createSwitchElement(\n  uuid: string,\n  props: SwitchProps,\n  handlers: EventHandlers\n): MenuElement {\n  if (props.onValueChange) {\n    handlers[uuid] = {\n      onValueChange: ({ nativeEvent: { value } }: NativeSyntheticEvent<{ value: boolean }>) => {\n        props.onValueChange?.(value);\n      },\n    };\n  }\n\n  return {\n    contextMenuElementID: uuid,\n    switch: props,\n  };\n}\n\nfunction createPickerElement(\n  uuid: string,\n  props: PickerProps,\n  handlers: EventHandlers\n): MenuElement {\n  if (props.onOptionSelected) {\n    handlers[uuid] = { onOptionSelected: props.onOptionSelected };\n  }\n\n  return {\n    contextMenuElementID: uuid,\n    picker: props,\n  };\n}\n\nfunction createSubmenuElement(\n  uuid: string,\n  props: SubmenuProps,\n  handlers: EventHandlers\n): MenuElement {\n  if (typeof props.button.props.children !== 'string') {\n    throw new Error('ContextMenu Submenu Button only supports string children');\n  }\n  return {\n    contextMenuElementID: uuid,\n    submenu: {\n      button: transformButtonProps(props.button.props, props.button.props.children),\n      elements: transformChildrenToElementArray(props.children, handlers),\n    },\n  };\n}\n\nfunction isSubmenuComponent(child: ReactElement): boolean {\n  return child.type.toString() === Submenu.toString();\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/swift-ui/ContextMenu/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { Children, isValidElement, ReactElement, ReactNode } from 'react';\nimport { NativeSyntheticEvent } from 'react-native';\n\nimport { type ContextMenuElementBase, type EventHandlers } from './types';\nimport { Button, transformButtonProps, type ButtonProps, type NativeButtonProps } from '../Button';\nimport { Picker, type PickerProps } from '../Picker';\nimport { Switch, type SwitchProps } from '../Switch';\nimport { Submenu, type SubmenuProps } from './Submenu';\n\n// We use this slightly odd typing for the elements to make unpacking the elements easier on the native side\ntype ButtonMenuElement = {\n  button: NativeButtonProps;\n} & ContextMenuElementBase;\n\ntype SwitchMenuElement = {\n  switch: SwitchProps;\n} & ContextMenuElementBase;\n\ntype PickerMenuElement = {\n  picker: PickerProps;\n} & ContextMenuElementBase;\n\ntype SubmenuElement = {\n  submenu: {\n    elements: MenuElement[];\n    button: NativeButtonProps;\n  };\n} & ContextMenuElementBase;\n\nexport type MenuElement =\n  | ButtonMenuElement\n  | SwitchMenuElement\n  | PickerMenuElement\n  | SubmenuElement;\n\n// Maps the react children to NativeMenuElement[] which is used to render out the native menu\n// TODO: Ideally we want to pass the children directly to the native side without having to do this\nexport function transformChildrenToElementArray(\n  children: ReactNode,\n  eventHandlersMap: EventHandlers\n): MenuElement[] {\n  return Children.toArray(children)\n    .map((child) => processChildElement(child, eventHandlersMap))\n    .filter((el): el is MenuElement => el !== null);\n}\n\nfunction processChildElement(\n  child: ReactNode,\n  eventHandlersMap: EventHandlers\n): MenuElement | null {\n  if (!isValidElement(child)) return null;\n\n  const uuid = expo.uuidv4();\n\n  if (child.type === Button) {\n    // @ts-expect-error TODO TS2345: Argument of type unknown is not assignable to parameter of type SubmenuProps\n    return createButtonElement(uuid, child.props, eventHandlersMap);\n  }\n\n  if (child.type === Switch) {\n    // @ts-expect-error TODO TS2345: Argument of type unknown is not assignable to parameter of type SubmenuProps\n    return createSwitchElement(uuid, child.props, eventHandlersMap);\n  }\n\n  if (child.type === Picker) {\n    // @ts-expect-error TODO TS2345: Argument of type unknown is not assignable to parameter of type SubmenuProps\n    return createPickerElement(uuid, child.props, eventHandlersMap);\n  }\n\n  if (isSubmenuComponent(child)) {\n    // @ts-expect-error TODO TS2345: Argument of type unknown is not assignable to parameter of type SubmenuProps\n    return createSubmenuElement(uuid, child.props, eventHandlersMap);\n  }\n\n  console.warn('Unsupported child type in Menu: ', child.type);\n  return null;\n}\n\nfunction createButtonElement(\n  uuid: string,\n  props: ButtonProps,\n  handlers: EventHandlers\n): MenuElement {\n  if (props.onPress) {\n    handlers[uuid] = { onPress: props.onPress };\n  }\n  if (typeof props.children !== 'string') {\n    throw new Error('ContextMenu Button only supports string children');\n  }\n  return {\n    contextMenuElementID: uuid,\n    button: transformButtonProps(props, props.children),\n  };\n}\n\nfunction createSwitchElement(\n  uuid: string,\n  props: SwitchProps,\n  handlers: EventHandlers\n): MenuElement {\n  if (props.onValueChange) {\n    handlers[uuid] = {\n      onValueChange: ({ nativeEvent: { value } }: NativeSyntheticEvent<{ value: boolean }>) => {\n        props.onValueChange?.(value);\n      },\n    };\n  }\n\n  return {\n    contextMenuElementID: uuid,\n    switch: props,\n  };\n}\n\nfunction createPickerElement(\n  uuid: string,\n  props: PickerProps,\n  handlers: EventHandlers\n): MenuElement {\n  if (props.onOptionSelected) {\n    handlers[uuid] = { onOptionSelected: props.onOptionSelected };\n  }\n\n  return {\n    contextMenuElementID: uuid,\n    picker: props,\n  };\n}\n\nfunction createSubmenuElement(\n  uuid: string,\n  props: SubmenuProps,\n  handlers: EventHandlers\n): MenuElement {\n  if (typeof props.button.props.children !== 'string') {\n    throw new Error('ContextMenu Submenu Button only supports string children');\n  }\n  return {\n    contextMenuElementID: uuid,\n    submenu: {\n      button: transformButtonProps(props.button.props, props.button.props.children),\n      elements: transformChildrenToElementArray(props.children, handlers),\n    },\n  };\n}\n\nfunction isSubmenuComponent(child: ReactElement): boolean {\n  return child.type.toString() === Submenu.toString();\n}\n"]}

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

@@ -1,5 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import { ViewEvent } from '../../types';
+import { type CommonViewModifierProps } from '../types';
 export type IOSVariant = 'wheel' | 'automatic' | 'graphical' | 'compact';
 export type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';
 export type DateTimePickerProps = {
@@ -31,26 +30,9 @@ export type DateTimePickerProps = {
      * The tint color to use on the picker elements.
      */
     color?: string;
-};
-type NativeDatePickerProps = Omit<DateTimePickerProps, 'variant' | 'onDateSelected'> & {
-    variant?: IOSVariant;
-} & ViewEvent<'onDateSelected', {
-    date: Date;
-}>;
-/**
- * @hidden
- */
-export declare function transformDateTimePickerProps(props: DateTimePickerProps): NativeDatePickerProps;
-/**
- * `<DateTimePicker>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export declare function DateTimePickerPrimitive(props: DateTimePickerProps): import("react").JSX.Element;
+} & CommonViewModifierProps;
 /**
  * Renders a `DateTimePicker` component.
  */
-export declare function DateTimePicker(props: DateTimePickerProps & {
-    style?: StyleProp<ViewStyle>;
-}): import("react").JSX.Element;
-export {};
+export declare function DateTimePicker(props: DateTimePickerProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/DatePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CAAC;AAEzE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,eAAe,GAAG,aAAa,CAAC;AAE3E,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,qBAAqB,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,gBAAgB,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB,GAAG,SAAS,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAEhD;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,mBAAmB,GAAG,qBAAqB,CAS9F;AAuBD;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,mBAAmB,+BAEjE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAO3F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/DatePicker/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CAAC;AAEzE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,eAAe,GAAG,aAAa,CAAC;AAE3E,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,uBAAuB,CAAC;AAwB5B;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAExD"}

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

@@ -1,12 +1,10 @@
 import { requireNativeView } from 'expo';
-import { StyleSheet, PixelRatio } from 'react-native';
-import { Host } from '../Host';
-/**
- * @hidden
- */
-export function transformDateTimePickerProps(props) {
-    const { variant, ...rest } = props;
+import { createViewModifierEventListener } from '../modifiers/utils';
+function transformDateTimePickerProps(props) {
+    const { variant, modifiers, ...rest } = props;
     return {
+        modifiers,
+        ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
         ...rest,
         onDateSelected: ({ nativeEvent: { date } }) => {
             props?.onDateSelected?.(new Date(date));
@@ -14,31 +12,11 @@ export function transformDateTimePickerProps(props) {
         variant,
     };
 }
-function transformDateTimePickerStyle(style) {
-    const { minWidth, minHeight, ...restStyle } = StyleSheet.flatten(style) || {};
-    // On Android, the picker’s minWidth and minHeight must be 12dp.
-    // Otherwise, the picker will crash the app.
-    const minSize = PixelRatio.getPixelSizeForLayoutSize(12);
-    // However, when users pass the minWidth and minHeight props, we trust that they know what they are doing.
-    const parsedMinWidth = minWidth ? minSize : undefined;
-    const parsedMinHeight = minHeight ? minSize : undefined;
-    return [restStyle, { minWidth: parsedMinWidth, minHeight: parsedMinHeight }];
-}
 const DatePickerNativeView = requireNativeView('ExpoUI', 'DateTimePickerView');
-/**
- * `<DateTimePicker>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export function DateTimePickerPrimitive(props) {
-    return <DatePickerNativeView {...transformDateTimePickerProps(props)}/>;
-}
 /**
  * Renders a `DateTimePicker` component.
  */
 export function DateTimePicker(props) {
-    const transformedStyle = transformDateTimePickerStyle(props.style);
-    return (<Host style={transformedStyle} matchContents>
-      <DateTimePickerPrimitive {...props}/>
-    </Host>);
+    return <DatePickerNativeView {...transformDateTimePickerProps(props)}/>;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAwB,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG5E,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAyC/B;;GAEG;AACH,MAAM,UAAU,4BAA4B,CAAC,KAA0B;IACrE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACnC,OAAO;QACL,GAAG,IAAI;QACP,cAAc,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;YAC5C,KAAK,EAAE,cAAc,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO;KACR,CAAC;AACJ,CAAC;AAED,SAAS,4BAA4B,CACnC,KAAuC;IAEvC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAE9E,gEAAgE;IAChE,4CAA4C;IAC5C,MAAM,OAAO,GAAG,UAAU,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAC;IAEzD,0GAA0G;IAC1G,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACtD,MAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAExD,OAAO,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC;AAC/E,CAAC;AAED,MAAM,oBAAoB,GAA+C,iBAAiB,CACxF,QAAQ,EACR,oBAAoB,CACrB,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAA0B;IAChE,OAAO,CAAC,oBAAoB,CAAC,IAAI,4BAA4B,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC3E,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA6D;IAC1F,MAAM,gBAAgB,GAAG,4BAA4B,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,CAAC,aAAa,CAC1C;MAAA,CAAC,uBAAuB,CAAC,IAAI,KAAK,CAAC,EACrC;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { StyleProp, ViewStyle, StyleSheet, PixelRatio } from 'react-native';\n\nimport { ViewEvent } from '../../types';\nimport { Host } from '../Host';\n\nexport type IOSVariant = 'wheel' | 'automatic' | 'graphical' | 'compact';\n\nexport type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';\n\nexport type DateTimePickerProps = {\n  /**\n   * The initial date to display on the picker.\n   */\n  initialDate?: string | null;\n  /**\n   * A title displayed on the picker on iOS.\n   * @platform ios\n   */\n  title?: string;\n  /**\n   * Callback function that is called when a date is selected.\n   */\n  onDateSelected?: (date: Date) => void;\n  /**\n   * The variant of the picker, which determines its appearance and behavior.\n   * @default 'automatic'\n   */\n  variant?: IOSVariant;\n  /**\n   * The components that the picker should display.\n   * On iOS, you can have a picker that selects both date and time.\n   * @default 'date'\n   */\n  displayedComponents?: DisplayedComponents;\n  /**\n   * The tint color to use on the picker elements.\n   */\n  color?: string;\n};\n\ntype NativeDatePickerProps = Omit<DateTimePickerProps, 'variant' | 'onDateSelected'> & {\n  variant?: IOSVariant;\n} & ViewEvent<'onDateSelected', { date: Date }>;\n\n/**\n * @hidden\n */\nexport function transformDateTimePickerProps(props: DateTimePickerProps): NativeDatePickerProps {\n  const { variant, ...rest } = props;\n  return {\n    ...rest,\n    onDateSelected: ({ nativeEvent: { date } }) => {\n      props?.onDateSelected?.(new Date(date));\n    },\n    variant,\n  };\n}\n\nfunction transformDateTimePickerStyle(\n  style: StyleProp<ViewStyle> | undefined\n): StyleProp<ViewStyle> {\n  const { minWidth, minHeight, ...restStyle } = StyleSheet.flatten(style) || {};\n\n  // On Android, the picker’s minWidth and minHeight must be 12dp.\n  // Otherwise, the picker will crash the app.\n  const minSize = PixelRatio.getPixelSizeForLayoutSize(12);\n\n  // However, when users pass the minWidth and minHeight props, we trust that they know what they are doing.\n  const parsedMinWidth = minWidth ? minSize : undefined;\n  const parsedMinHeight = minHeight ? minSize : undefined;\n\n  return [restStyle, { minWidth: parsedMinWidth, minHeight: parsedMinHeight }];\n}\n\nconst DatePickerNativeView: React.ComponentType<NativeDatePickerProps> = requireNativeView(\n  'ExpoUI',\n  'DateTimePickerView'\n);\n\n/**\n * `<DateTimePicker>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nexport function DateTimePickerPrimitive(props: DateTimePickerProps) {\n  return <DatePickerNativeView {...transformDateTimePickerProps(props)} />;\n}\n\n/**\n * Renders a `DateTimePicker` component.\n */\nexport function DateTimePicker(props: DateTimePickerProps & { style?: StyleProp<ViewStyle> }) {\n  const transformedStyle = transformDateTimePickerStyle(props.style);\n  return (\n    <Host style={transformedStyle} matchContents>\n      <DateTimePickerPrimitive {...props} />\n    </Host>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AA0CrE,SAAS,4BAA4B,CAAC,KAA0B;IAC9D,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9C,OAAO;QACL,SAAS;QACT,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACvE,GAAG,IAAI;QACP,cAAc,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;YAC5C,KAAK,EAAE,cAAc,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO;KACR,CAAC;AACJ,CAAC;AAED,MAAM,oBAAoB,GAA+C,iBAAiB,CACxF,QAAQ,EACR,oBAAoB,CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,OAAO,CAAC,oBAAoB,CAAC,IAAI,4BAA4B,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC3E,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { type ViewEvent } from '../../types';\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nexport type IOSVariant = 'wheel' | 'automatic' | 'graphical' | 'compact';\n\nexport type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';\n\nexport type DateTimePickerProps = {\n  /**\n   * The initial date to display on the picker.\n   */\n  initialDate?: string | null;\n  /**\n   * A title displayed on the picker on iOS.\n   * @platform ios\n   */\n  title?: string;\n  /**\n   * Callback function that is called when a date is selected.\n   */\n  onDateSelected?: (date: Date) => void;\n  /**\n   * The variant of the picker, which determines its appearance and behavior.\n   * @default 'automatic'\n   */\n  variant?: IOSVariant;\n  /**\n   * The components that the picker should display.\n   * On iOS, you can have a picker that selects both date and time.\n   * @default 'date'\n   */\n  displayedComponents?: DisplayedComponents;\n  /**\n   * The tint color to use on the picker elements.\n   */\n  color?: string;\n} & CommonViewModifierProps;\n\ntype NativeDatePickerProps = Omit<DateTimePickerProps, 'variant' | 'onDateSelected'> & {\n  variant?: IOSVariant;\n} & ViewEvent<'onDateSelected', { date: Date }>;\n\nfunction transformDateTimePickerProps(props: DateTimePickerProps): NativeDatePickerProps {\n  const { variant, modifiers, ...rest } = props;\n  return {\n    modifiers,\n    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),\n    ...rest,\n    onDateSelected: ({ nativeEvent: { date } }) => {\n      props?.onDateSelected?.(new Date(date));\n    },\n    variant,\n  };\n}\n\nconst DatePickerNativeView: React.ComponentType<NativeDatePickerProps> = requireNativeView(\n  'ExpoUI',\n  'DateTimePickerView'\n);\n\n/**\n * Renders a `DateTimePicker` component.\n */\nexport function DateTimePicker(props: DateTimePickerProps) {\n  return <DatePickerNativeView {...transformDateTimePickerProps(props)} />;\n}\n"]}

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

@@ -1,5 +1,4 @@
-import { type CommonViewModifierProps } from './types';
-import { type ViewEvent } from '../types';
+import { type CommonViewModifierProps } from '../types';
 export interface DisclosureGroupProps extends CommonViewModifierProps {
     label: string;
     children: React.ReactNode;
@@ -12,10 +11,5 @@ export interface DisclosureGroupProps extends CommonViewModifierProps {
      */
     onStateChange?: (isExpanded: boolean) => void;
 }
-type StateChangeEvent = ViewEvent<'onStateChange', {
-    isExpanded: boolean;
-}>;
-export type NativeDisclosureGroupProps = Omit<DisclosureGroupProps, 'onStateChange'> & StateChangeEvent;
 export declare function DisclosureGroup(props: DisclosureGroupProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=DisclosureGroup.d.ts.map
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/DisclosureGroup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,WAAW,oBAAqB,SAAQ,uBAAuB;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C;AASD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAc1D"}

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

@@ -0,0 +1,16 @@
+import { requireNativeView } from 'expo';
+import { createViewModifierEventListener } from '../modifiers/utils';
+const DisclosureGroupNativeView = requireNativeView('ExpoUI', 'DisclosureGroupView');
+export function DisclosureGroup(props) {
+    const { onStateChange, modifiers, ...rest } = props;
+    function handleStateChange(event) {
+        onStateChange?.(event.nativeEvent.isExpanded);
+    }
+    const transformedProps = {
+        modifiers,
+        ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+        ...rest,
+    };
+    return <DisclosureGroupNativeView {...transformedProps} onStateChange={handleStateChange}/>;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/DisclosureGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAoBrE,MAAM,yBAAyB,GAC7B,iBAAiB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AAErD,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEpD,SAAS,iBAAiB,CAAC,KAA+C;QACxE,aAAa,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAChD,CAAC;IAED,MAAM,gBAAgB,GAAG;QACvB,SAAS;QACT,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACvE,GAAG,IAAI;KACR,CAAC;IAEF,OAAO,CAAC,yBAAyB,CAAC,IAAI,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,EAAG,CAAC;AAC/F,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { type ViewEvent } from '../../types';\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nexport interface DisclosureGroupProps extends CommonViewModifierProps {\n  label: string;\n  children: React.ReactNode;\n  /**\n   * Controls whether the disclosure group is expanded.\n   */\n  isExpanded?: boolean;\n  /**\n   * A callback that is called when the expansion state changes.\n   */\n  onStateChange?: (isExpanded: boolean) => void;\n}\n\ntype StateChangeEvent = ViewEvent<'onStateChange', { isExpanded: boolean }>;\n\ntype NativeDisclosureGroupProps = Omit<DisclosureGroupProps, 'onStateChange'> & StateChangeEvent;\n\nconst DisclosureGroupNativeView: React.ComponentType<NativeDisclosureGroupProps> =\n  requireNativeView('ExpoUI', 'DisclosureGroupView');\n\nexport function DisclosureGroup(props: DisclosureGroupProps) {\n  const { onStateChange, modifiers, ...rest } = props;\n\n  function handleStateChange(event: { nativeEvent: { isExpanded: boolean } }) {\n    onStateChange?.(event.nativeEvent.isExpanded);\n  }\n\n  const transformedProps = {\n    modifiers,\n    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),\n    ...rest,\n  };\n\n  return <DisclosureGroupNativeView {...transformedProps} onStateChange={handleStateChange} />;\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { type CommonViewModifierProps } from './types';
+import { type CommonViewModifierProps } from '../types';
 export interface FormProps extends CommonViewModifierProps {
     children: React.ReactNode;
     /**
@@ -9,4 +9,4 @@ export interface FormProps extends CommonViewModifierProps {
     scrollEnabled?: boolean;
 }
 export declare function Form(props: FormProps): import("react").JSX.Element;
-//# sourceMappingURL=Form.d.ts.map
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Form/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,WAAW,SAAU,SAAQ,uBAAuB;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAaD,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,+BAEpC"}

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

@@ -0,0 +1,15 @@
+import { requireNativeView } from 'expo';
+import { createViewModifierEventListener } from '../modifiers/utils';
+const FormNativeView = requireNativeView('ExpoUI', 'FormView');
+function transformFormProps(props) {
+    const { modifiers, ...restProps } = props;
+    return {
+        modifiers,
+        ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+        ...restProps,
+    };
+}
+export function Form(props) {
+    return <FormNativeView {...transformFormProps(props)}/>;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAEzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAcrE,MAAM,cAAc,GAAmC,iBAAiB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAE/F,SAAS,kBAAkB,CAAC,KAAgB;IAC1C,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,IAAI,CAAC,KAAgB;IACnC,OAAO,CAAC,cAAc,CAAC,IAAI,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC3D,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nexport interface FormProps extends CommonViewModifierProps {\n  children: React.ReactNode;\n\n  /**\n   * Makes the form scrollable.\n   * @default true\n   * @platform ios 16.0+\n   */\n  scrollEnabled?: boolean;\n}\n\nconst FormNativeView: React.ComponentType<FormProps> = requireNativeView('ExpoUI', 'FormView');\n\nfunction transformFormProps(props: FormProps): FormProps {\n  const { modifiers, ...restProps } = props;\n  return {\n    modifiers,\n    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),\n    ...restProps,\n  };\n}\n\nexport function Form(props: FormProps) {\n  return <FormNativeView {...transformFormProps(props)} />;\n}\n"]}

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

@@ -1,4 +1,5 @@
-import { ColorValue, StyleProp, ViewStyle } from 'react-native';
+import { ColorValue } from 'react-native';
+import { type CommonViewModifierProps } from '../types';
 /**
  * The type of `Gauge`.
  * @platform ios
@@ -51,17 +52,10 @@ export type GaugeProps = {
      * Color (or array of colors for gradient) of the `Gauge`.
      */
     color?: ColorValue | ColorValue[];
-};
-/**
- * `<Gauge>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export declare function GaugePrimitive({ type, ...props }: GaugeProps): import("react").JSX.Element | null;
+} & CommonViewModifierProps;
 /**
  * Renders a native `Gauge` component.
  * @platform ios
  */
-export declare function Gauge(props: GaugeProps & {
-    style?: StyleProp<ViewStyle>;
-}): import("react").JSX.Element;
+export declare function Gauge({ type, modifiers, ...props }: GaugeProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Gauge/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAY,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1E;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,kBAAkB,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAElG;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;CACnC,CAAC;AAQF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,sCAKxE;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAMzE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Gauge/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,kBAAkB,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAElG;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;CACnC,GAAG,uBAAuB,CAAC;AAI5B;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAS1E"}

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

@@ -1,27 +1,11 @@
 import { requireNativeView } from 'expo';
-import { Platform } from 'react-native';
-import { Host } from '../Host';
-let GaugeNativeView;
-if (Platform.OS === 'ios') {
-    GaugeNativeView = requireNativeView('ExpoUI', 'GaugeView');
-}
-/**
- * `<Gauge>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export function GaugePrimitive({ type = 'default', ...props }) {
-    if (!GaugeNativeView) {
-        return null;
-    }
-    return <GaugeNativeView type={type} {...props}/>;
-}
+import { createViewModifierEventListener } from '../modifiers/utils';
+const GaugeNativeView = requireNativeView('ExpoUI', 'GaugeView');
 /**
  * Renders a native `Gauge` component.
  * @platform ios
  */
-export function Gauge(props) {
-    return (<Host style={props.style} matchContents>
-      <GaugePrimitive {...props}/>
-    </Host>);
+export function Gauge({ type = 'default', modifiers, ...props }) {
+    return (<GaugeNativeView modifiers={modifiers} {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)} type={type} {...props}/>);
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Gauge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAc,QAAQ,EAAwB,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA0D/B,IAAI,eAAuD,CAAC;AAE5D,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;IAC1B,eAAe,GAAG,iBAAiB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAC7D,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,KAAK,EAAc;IACvE,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACpD,CAAC;AAED;;;GAGG;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 { ColorValue, Platform, StyleProp, ViewStyle } from 'react-native';\n\nimport { Host } from '../Host';\n\n/**\n * The type of `Gauge`.\n * @platform ios\n */\nexport type GaugeType = 'default' | 'circular' | 'circularCapacity' | 'linear' | 'linearCapacity';\n\n/**\n * Value options for the `Gauge` component.\n * @platform ios\n */\nexport type ValueOptions = {\n  /**\n   * Value of the element.\n   */\n  value: number;\n  /**\n   * Label of the element.\n   */\n  label?: string;\n  /**\n   * Color of the label.\n   */\n  color?: ColorValue;\n};\n\nexport type GaugeProps = {\n  /**\n   * A label displayed on the `Gauge`.\n   */\n  label?: string;\n  /**\n   * Color of the label.\n   */\n  labelColor?: ColorValue;\n  /**\n   * Current value options.\n   */\n  current: ValueOptions;\n  /**\n   * Minimum value options.\n   */\n  min?: ValueOptions;\n  /**\n   * Maximum value options.\n   */\n  max?: ValueOptions;\n  /**\n   * The type of `Gauge`.\n   */\n  type?: GaugeType;\n  /**\n   * Color (or array of colors for gradient) of the `Gauge`.\n   */\n  color?: ColorValue | ColorValue[];\n};\n\nlet GaugeNativeView: React.ComponentType<GaugeProps> | null;\n\nif (Platform.OS === 'ios') {\n  GaugeNativeView = requireNativeView('ExpoUI', 'GaugeView');\n}\n\n/**\n * `<Gauge>` component without a host view.\n * You should use this with a `Host` component in ancestor.\n */\nexport function GaugePrimitive({ type = 'default', ...props }: GaugeProps) {\n  if (!GaugeNativeView) {\n    return null;\n  }\n  return <GaugeNativeView type={type} {...props} />;\n}\n\n/**\n * Renders a native `Gauge` component.\n * @platform ios\n */\nexport function Gauge(props: GaugeProps & { style?: StyleProp<ViewStyle> }) {\n  return (\n    <Host style={props.style} matchContents>\n      <GaugePrimitive {...props} />\n    </Host>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Gauge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AA2DrE,MAAM,eAAe,GAAoC,iBAAiB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAElG;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IACzE,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,CAAC,CAAC,IAAI,CAAC,CACX,IAAI,KAAK,CAAC,EACV,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\n/**\n * The type of `Gauge`.\n * @platform ios\n */\nexport type GaugeType = 'default' | 'circular' | 'circularCapacity' | 'linear' | 'linearCapacity';\n\n/**\n * Value options for the `Gauge` component.\n * @platform ios\n */\nexport type ValueOptions = {\n  /**\n   * Value of the element.\n   */\n  value: number;\n  /**\n   * Label of the element.\n   */\n  label?: string;\n  /**\n   * Color of the label.\n   */\n  color?: ColorValue;\n};\n\nexport type GaugeProps = {\n  /**\n   * A label displayed on the `Gauge`.\n   */\n  label?: string;\n  /**\n   * Color of the label.\n   */\n  labelColor?: ColorValue;\n  /**\n   * Current value options.\n   */\n  current: ValueOptions;\n  /**\n   * Minimum value options.\n   */\n  min?: ValueOptions;\n  /**\n   * Maximum value options.\n   */\n  max?: ValueOptions;\n  /**\n   * The type of `Gauge`.\n   */\n  type?: GaugeType;\n  /**\n   * Color (or array of colors for gradient) of the `Gauge`.\n   */\n  color?: ColorValue | ColorValue[];\n} & CommonViewModifierProps;\n\nconst GaugeNativeView: React.ComponentType<GaugeProps> = requireNativeView('ExpoUI', 'GaugeView');\n\n/**\n * Renders a native `Gauge` component.\n * @platform ios\n */\nexport function Gauge({ type = 'default', modifiers, ...props }: GaugeProps) {\n  return (\n    <GaugeNativeView\n      modifiers={modifiers}\n      {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}\n      type={type}\n      {...props}\n    />\n  );\n}\n"]}

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

@@ -1,4 +1,5 @@
 import { StyleProp, ViewStyle, type ColorSchemeName } from 'react-native';
+import { type CommonViewModifierProps } from '../types';
 export type HostProps = {
     /**
      * When true, the host view will update its size in the React Native view tree to match the content's layout from SwiftUI.
@@ -30,7 +31,7 @@ export type HostProps = {
     colorScheme?: ColorSchemeName;
     children: React.ReactNode;
     style?: StyleProp<ViewStyle>;
-};
+} & CommonViewModifierProps;
 /**
  * A hosting component for SwiftUI views.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Host/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAE1E,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAEvE;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAEtF;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAE9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAIF;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,+BA2BpC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Host/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAG1E,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAEvE;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAEtF;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAE9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,uBAAuB,CAAC;AAI5B;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,+BA6BpC"}

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

@@ -1,13 +1,14 @@
 import { requireNativeView } from 'expo';
 import { useState } from 'react';
+import { createViewModifierEventListener } from '../modifiers/utils';
 const HostNativeView = requireNativeView('ExpoUI', 'HostView');
 /**
  * A hosting component for SwiftUI views.
  */
 export function Host(props) {
-    const { matchContents, onLayoutContent, style, ...restProps } = props;
+    const { matchContents, onLayoutContent, style, modifiers, ...restProps } = props;
     const [containerStyle, setContainerStyle] = useState(null);
-    return (<HostNativeView style={[style, containerStyle]} onLayoutContent={(e) => {
+    return (<HostNativeView modifiers={modifiers} {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)} style={[style, containerStyle]} onLayoutContent={(e) => {
             onLayoutContent?.(e);
             if (matchContents) {
                 const matchVertical = typeof matchContents === 'object' ? matchContents.vertical : matchContents;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Host/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAgCjC,MAAM,cAAc,GAAmC,iBAAiB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAE/F;;GAEG;AACH,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAE7E,OAAO,CACL,CAAC,cAAc,CACb,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAC/B,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACrB,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC;YACrB,IAAI,aAAa,EAAE,CAAC;gBAClB,MAAM,aAAa,GACjB,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC;gBAC7E,MAAM,eAAe,GACnB,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC;gBAC/E,MAAM,iBAAiB,GAAc,EAAE,CAAC;gBACxC,IAAI,aAAa,EAAE,CAAC;oBAClB,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC;gBAClD,CAAC;gBACD,IAAI,eAAe,EAAE,CAAC;oBACpB,iBAAiB,CAAC,KAAK,GAAG,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;gBAChD,CAAC;gBACD,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC,CACF,IAAI,SAAS,CAAC,EACd,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { useState } from 'react';\nimport { StyleProp, ViewStyle, type ColorSchemeName } from 'react-native';\n\nexport type HostProps = {\n  /**\n   * When true, the host view will update its size in the React Native view tree to match the content's layout from SwiftUI.\n   * @default false\n   */\n  matchContents?: boolean | { vertical?: boolean; horizontal?: boolean };\n\n  /**\n   * When true and no explicit size is provided, the host will use the viewport size as the proposed size for SwiftUI layout.\n   * This is particularly useful for SwiftUI views that need to fill their available space, such as `Form`.\n   * @default false\n   */\n  useViewportSizeMeasurement?: boolean;\n\n  /**\n   * Callback function that is triggered when the SwiftUI content completes its layout.\n   * Provides the current dimensions of the content, which may change as the content updates.\n   */\n  onLayoutContent?: (event: { nativeEvent: { width: number; height: number } }) => void;\n\n  /**\n   * The color scheme of the host view.\n   */\n  colorScheme?: ColorSchemeName;\n\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst HostNativeView: React.ComponentType<HostProps> = requireNativeView('ExpoUI', 'HostView');\n\n/**\n * A hosting component for SwiftUI views.\n */\nexport function Host(props: HostProps) {\n  const { matchContents, onLayoutContent, style, ...restProps } = props;\n  const [containerStyle, setContainerStyle] = useState<ViewStyle | null>(null);\n\n  return (\n    <HostNativeView\n      style={[style, containerStyle]}\n      onLayoutContent={(e) => {\n        onLayoutContent?.(e);\n        if (matchContents) {\n          const matchVertical =\n            typeof matchContents === 'object' ? matchContents.vertical : matchContents;\n          const matchHorizontal =\n            typeof matchContents === 'object' ? matchContents.horizontal : matchContents;\n          const newContainerStyle: ViewStyle = {};\n          if (matchVertical) {\n            newContainerStyle.height = e.nativeEvent.height;\n          }\n          if (matchHorizontal) {\n            newContainerStyle.width = e.nativeEvent.width;\n          }\n          setContainerStyle(newContainerStyle);\n        }\n      }}\n      {...restProps}\n    />\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Host/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAgCrE,MAAM,cAAc,GAAmC,iBAAiB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAE/F;;GAEG;AACH,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACjF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IAE7E,OAAO,CACL,CAAC,cAAc,CACb,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,+BAA+B,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CACzE,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAC/B,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACrB,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC;YACrB,IAAI,aAAa,EAAE,CAAC;gBAClB,MAAM,aAAa,GACjB,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC;gBAC7E,MAAM,eAAe,GACnB,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC;gBAC/E,MAAM,iBAAiB,GAAc,EAAE,CAAC;gBACxC,IAAI,aAAa,EAAE,CAAC;oBAClB,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC;gBAClD,CAAC;gBACD,IAAI,eAAe,EAAE,CAAC;oBACpB,iBAAiB,CAAC,KAAK,GAAG,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;gBAChD,CAAC;gBACD,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC,CACF,IAAI,SAAS,CAAC,EACd,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { useState } from 'react';\nimport { StyleProp, ViewStyle, type ColorSchemeName } from 'react-native';\n\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nexport type HostProps = {\n  /**\n   * When true, the host view will update its size in the React Native view tree to match the content's layout from SwiftUI.\n   * @default false\n   */\n  matchContents?: boolean | { vertical?: boolean; horizontal?: boolean };\n\n  /**\n   * When true and no explicit size is provided, the host will use the viewport size as the proposed size for SwiftUI layout.\n   * This is particularly useful for SwiftUI views that need to fill their available space, such as `Form`.\n   * @default false\n   */\n  useViewportSizeMeasurement?: boolean;\n\n  /**\n   * Callback function that is triggered when the SwiftUI content completes its layout.\n   * Provides the current dimensions of the content, which may change as the content updates.\n   */\n  onLayoutContent?: (event: { nativeEvent: { width: number; height: number } }) => void;\n\n  /**\n   * The color scheme of the host view.\n   */\n  colorScheme?: ColorSchemeName;\n\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n} & CommonViewModifierProps;\n\nconst HostNativeView: React.ComponentType<HostProps> = requireNativeView('ExpoUI', 'HostView');\n\n/**\n * A hosting component for SwiftUI views.\n */\nexport function Host(props: HostProps) {\n  const { matchContents, onLayoutContent, style, modifiers, ...restProps } = props;\n  const [containerStyle, setContainerStyle] = useState<ViewStyle | null>(null);\n\n  return (\n    <HostNativeView\n      modifiers={modifiers}\n      {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}\n      style={[style, containerStyle]}\n      onLayoutContent={(e) => {\n        onLayoutContent?.(e);\n        if (matchContents) {\n          const matchVertical =\n            typeof matchContents === 'object' ? matchContents.vertical : matchContents;\n          const matchHorizontal =\n            typeof matchContents === 'object' ? matchContents.horizontal : matchContents;\n          const newContainerStyle: ViewStyle = {};\n          if (matchVertical) {\n            newContainerStyle.height = e.nativeEvent.height;\n          }\n          if (matchHorizontal) {\n            newContainerStyle.width = e.nativeEvent.width;\n          }\n          setContainerStyle(newContainerStyle);\n        }\n      }}\n      {...restProps}\n    />\n  );\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { type CommonViewModifierProps } from './types';
+import { type CommonViewModifierProps } from '../types';
 export interface ImageProps extends CommonViewModifierProps {
     /**
      * The name of the system image (SF Symbol).
@@ -20,4 +20,4 @@ export interface ImageProps extends CommonViewModifierProps {
     onPress?: () => void;
 }
 export declare function Image(props: ImageProps): import("react").JSX.Element;
-//# sourceMappingURL=Image.d.ts.map
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Image/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,WAAW,UAAW,SAAQ,uBAAuB;IACzD;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAuBD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,+BAEtC"}

package/build/{swift-ui-primitives/Image.js → swift-ui/Image/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),
     };
@@ -10,4 +13,4 @@ const ImageNativeView = requireNativeView('ExpoUI', 'ImageView');
 export function Image(props) {
     return <ImageNativeView {...transformNativeProps(props)}/>;
 }
-//# sourceMappingURL=Image.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AA+BrE,SAAS,oBAAoB,CAAC,KAAiB;IAC7C,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,eAAe,GAA0C,iBAAiB,CAC9E,QAAQ,EACR,WAAW,CACZ,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,OAAO,CAAC,eAAe,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC9D,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { type ViewEvent } from '../../types';\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { type CommonViewModifierProps } from '../types';\n\nexport interface ImageProps extends CommonViewModifierProps {\n  /**\n   * The name of the system image (SF Symbol).\n   * For example: 'photo', 'heart.fill', 'star.circle'\n   */\n  systemName: string;\n  /**\n   * The size of the system image.\n   */\n  size?: number;\n  /**\n   * The color of the system image.\n   * Can be a color name like '#ff00ff', 'red', 'blue', etc.\n   */\n  color?: string;\n\n  /**\n   * Callback triggered when the view is pressed.\n   */\n  onPress?: () => void;\n}\n\ntype TapEvent = ViewEvent<'onTap', object> & {\n  useTapGesture?: boolean;\n};\n\ntype NativeImageProps = Omit<ImageProps, 'onPress'> | TapEvent;\n\nfunction transformNativeProps(props: ImageProps): NativeImageProps {\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\nconst ImageNativeView: React.ComponentType<NativeImageProps> = requireNativeView(\n  'ExpoUI',\n  'ImageView'\n);\n\nexport function Image(props: ImageProps) {\n  return <ImageNativeView {...transformNativeProps(props)} />;\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import { type CommonViewModifierProps } from '../types';
 export type LabelProps = {
     /**
      * The title text to be displayed in the label.
@@ -12,12 +12,7 @@ export type LabelProps = {
      * The color of the label icon.
      */
     color?: string;
-};
-/**
- * `<Label>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export declare function LabelPrimitive(props: LabelProps): import("react").JSX.Element;
+} & CommonViewModifierProps;
 /**
  * Renders a native label view, which could be used in a list or section.
  *
@@ -25,7 +20,5 @@ export declare function LabelPrimitive(props: LabelProps): import("react").JSX.E
  * @returns {JSX.Element} The rendered native Label component.
  * @platform ios
  */
-export declare function Label(props: LabelProps & {
-    style?: StyleProp<ViewStyle>;
-}): import("react").JSX.Element;
+export declare function Label(props: LabelProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Label/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,+BAE/C;AAED;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAMzE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Label/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,uBAAuB,CAAC;AAI5B;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,+BAStC"}

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

@@ -1,13 +1,6 @@
 import { requireNativeView } from 'expo';
-import { Host } from '../Host';
+import { createViewModifierEventListener } from '../modifiers/utils';
 const LabelNativeView = requireNativeView('ExpoUI', 'LabelView');
-/**
- * `<Label>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export function LabelPrimitive(props) {
-    return <LabelNativeView {...props}/>;
-}
 /**
  * Renders a native label view, which could be used in a list or section.
  *
@@ -16,8 +9,7 @@ export function LabelPrimitive(props) {
  * @platform ios
  */
 export function Label(props) {
-    return (<Host style={props.style} matchContents>
-      <LabelPrimitive {...props}/>
-    </Host>);
+    const { modifiers, ...restProps } = props;
+    return (<LabelNativeView modifiers={modifiers} {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)} {...restProps}/>);
 }
 //# sourceMappingURL=index.js.map