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

package/src/swift-ui/modifiers/index.ts

@@ -0,0 +1,374 @@
+/**
+ * Core modifier factory and type definitions for SwiftUI view modifiers.
+ * This system allows both built-in and 3rd party modifiers to use the same API.
+ */
+
+/**
+ * Base interface for all view modifiers.
+ * All modifiers must have a type field and can include arbitrary parameters.
+ */
+export interface ModifierConfig {
+  $type: string;
+  [key: string]: any;
+  eventListener?: (args: any) => void;
+}
+
+/**
+ * Factory function to create modifier configuration objects.
+ * This is used internally by all modifier functions.
+ */
+function createModifier(type: string, params: Record<string, any> = {}): ModifierConfig {
+  return { $type: type, ...params };
+}
+
+/**
+ * Creates a modifier with an event listener.
+ */
+function createModifierWithEventListener(
+  type: string,
+  eventListener: (args: any) => void,
+  params: Record<string, any> = {}
+): ModifierConfig {
+  return { $type: type, ...params, eventListener };
+}
+
+// =============================================================================
+// Built-in Modifier Functions
+// =============================================================================
+
+/**
+ * Sets the background of a view.
+ * @param color - The background color (hex string, e.g., '#FF0000')
+ */
+export const background = (color: string) => createModifier('background', { color });
+
+/**
+ * Applies corner radius to a view.
+ * @param radius - The corner radius value
+ */
+export const cornerRadius = (radius: number) => createModifier('cornerRadius', { radius });
+
+/**
+ * Adds a shadow to a view.
+ */
+export const shadow = (params: { radius: number; x?: number; y?: number; color?: string }) =>
+  createModifier('shadow', params);
+
+/**
+ * Sets the frame properties of a view.
+ */
+export const frame = (params: {
+  width?: number;
+  height?: number;
+  minWidth?: number;
+  maxWidth?: number;
+  minHeight?: number;
+  maxHeight?: number;
+  idealWidth?: number;
+  idealHeight?: number;
+  alignment?:
+    | 'center'
+    | 'leading'
+    | 'trailing'
+    | 'top'
+    | 'bottom'
+    | 'topLeading'
+    | 'topTrailing'
+    | 'bottomLeading'
+    | 'bottomTrailing';
+}) => createModifier('frame', params);
+
+/**
+ * Sets padding on a view.
+ * Supports individual edges or shorthand properties.
+ */
+export const padding = (params: {
+  top?: number;
+  bottom?: number;
+  leading?: number;
+  trailing?: number;
+  horizontal?: number;
+  vertical?: number;
+  all?: number;
+}) => createModifier('padding', params);
+
+/**
+ * Controls fixed size behavior.
+ * @param enabled - Whether the view should use its natural size
+ */
+export const fixedSize = (enabled: boolean = true) => createModifier('fixedSize', { enabled });
+
+/**
+ * Adds a tap gesture recognizer.
+ * @param handler - Function to call when tapped
+ */
+export const onTapGesture = (handler: () => void) =>
+  createModifierWithEventListener('onTapGesture', handler);
+
+/**
+ * Adds a long press gesture recognizer.
+ * @param handler - Function to call when long pressed
+ * @param minimumDuration - Minimum duration for long press (default: 0.5s)
+ */
+export const onLongPressGesture = (handler: () => void, minimumDuration?: number) =>
+  createModifierWithEventListener('onLongPressGesture', handler, {
+    minimumDuration: minimumDuration ?? 0.5,
+  });
+
+// Note: Complex gesture modifiers like onDragGesture are not available
+// in the modifier system. Use component-level props instead.
+
+/**
+ * Sets the opacity of a view.
+ * @param value - Opacity value between 0 and 1
+ */
+export const opacity = (value: number) => createModifier('opacity', { value });
+
+/**
+ * Clips the view to a specific shape.
+ * @param shape - The clipping shape
+ * @param cornerRadius - Corner radius for rounded rectangle (default: 8)
+ */
+export const clipShape = (
+  shape: 'rectangle' | 'circle' | 'roundedRectangle',
+  cornerRadius?: number
+) => createModifier('clipShape', { shape, cornerRadius });
+
+/**
+ * Adds a border to a view.
+ */
+export const border = (params: { color: string; width?: number }) =>
+  createModifier('border', params);
+
+/**
+ * Applies scaling transformation.
+ * @param scale - Scale factor (1.0 = normal size)
+ */
+export const scaleEffect = (scale: number) => createModifier('scaleEffect', { scale });
+
+/**
+ * Applies rotation transformation.
+ * @param angle - Rotation angle in degrees
+ */
+export const rotationEffect = (angle: number) => createModifier('rotationEffect', { angle });
+
+/**
+ * Applies an offset (translation) to a view.
+ */
+export const offset = (params: { x?: number; y?: number }) => createModifier('offset', params);
+
+/**
+ * Sets the foreground color/tint of a view.
+ * @param color - The foreground color (hex string)
+ */
+export const foregroundColor = (color: string) => createModifier('foregroundColor', { color });
+
+/**
+ * Sets the tint color of a view.
+ * @param color - The tint color (hex string)
+ */
+export const tint = (color: string) => createModifier('tint', { color });
+
+/**
+ * Hides or shows a view.
+ * @param hidden - Whether the view should be hidden
+ */
+export const hidden = (hidden: boolean = true) => createModifier('hidden', { hidden });
+
+/**
+ * Sets the z-index (display order) of a view.
+ * @param index - The z-index value
+ */
+export const zIndex = (index: number) => createModifier('zIndex', { index });
+
+/**
+ * Applies blur to a view.
+ * @param radius - The blur radius
+ */
+export const blur = (radius: number) => createModifier('blur', { radius });
+
+/**
+ * Adjusts the brightness of a view.
+ * @param amount - Brightness adjustment (-1 to 1)
+ */
+export const brightness = (amount: number) => createModifier('brightness', { amount });
+
+/**
+ * Adjusts the contrast of a view.
+ * @param amount - Contrast multiplier (0 to infinity, 1 = normal)
+ */
+export const contrast = (amount: number) => createModifier('contrast', { amount });
+
+/**
+ * Adjusts the saturation of a view.
+ * @param amount - Saturation multiplier (0 to infinity, 1 = normal)
+ */
+export const saturation = (amount: number) => createModifier('saturation', { amount });
+
+/**
+ * Applies a hue rotation to a view.
+ * @param angle - Hue rotation angle in degrees
+ */
+export const hueRotation = (angle: number) => createModifier('hueRotation', { angle });
+
+/**
+ * Inverts the colors of a view.
+ * @param inverted - Whether to invert colors
+ */
+export const colorInvert = (inverted: boolean = true) =>
+  createModifier('colorInvert', { inverted });
+
+/**
+ * Makes a view grayscale.
+ * @param amount - Grayscale amount (0 to 1)
+ */
+export const grayscale = (amount: number) => createModifier('grayscale', { amount });
+
+/**
+ * Sets accessibility label for the view.
+ * @param label - The accessibility label
+ */
+export const accessibilityLabel = (label: string) =>
+  createModifier('accessibilityLabel', { label });
+
+/**
+ * Sets accessibility hint for the view.
+ * @param hint - The accessibility hint
+ */
+export const accessibilityHint = (hint: string) => createModifier('accessibilityHint', { hint });
+
+/**
+ * Sets accessibility value for the view.
+ * @param value - The accessibility value
+ */
+export const accessibilityValue = (value: string) =>
+  createModifier('accessibilityValue', { value });
+
+/**
+ * Sets layout priority for the view.
+ * @param priority - Layout priority value
+ */
+export const layoutPriority = (priority: number) => createModifier('layoutPriority', { priority });
+
+/**
+ * Applies a mask to the view.
+ * @param shape - The masking shape
+ * @param cornerRadius - Corner radius for rounded rectangle (default: 8)
+ */
+export const mask = (shape: 'rectangle' | 'circle' | 'roundedRectangle', cornerRadius?: number) =>
+  createModifier('mask', { shape, cornerRadius });
+
+/**
+ * Overlays another view on top.
+ * @param color - Overlay color
+ * @param alignment - Overlay alignment
+ */
+export const overlay = (params: {
+  color?: string;
+  alignment?: 'center' | 'top' | 'bottom' | 'leading' | 'trailing';
+}) => createModifier('overlay', params);
+
+/**
+ * Adds a background behind the view.
+ * @param color - Background color
+ * @param alignment - Background alignment
+ */
+export const backgroundOverlay = (params: {
+  color?: string;
+  alignment?: 'center' | 'top' | 'bottom' | 'leading' | 'trailing';
+}) => createModifier('backgroundOverlay', params);
+
+/**
+ * Sets aspect ratio constraint.
+ * @param ratio - Width/height aspect ratio
+ * @param contentMode - How content fits the aspect ratio
+ */
+export const aspectRatio = (params: { ratio: number; contentMode?: 'fit' | 'fill' }) =>
+  createModifier('aspectRatio', params);
+
+/**
+ * Clips content to bounds.
+ * @param clipped - Whether to clip content
+ */
+export const clipped = (clipped: boolean = true) => createModifier('clipped', { clipped });
+
+// =============================================================================
+// Type Definitions
+// =============================================================================
+
+/**
+ * Union type of all built-in modifier return types.
+ * This provides type safety for the modifiers array.
+ */
+export type BuiltInModifier =
+  | ReturnType<typeof background>
+  | ReturnType<typeof cornerRadius>
+  | ReturnType<typeof shadow>
+  | ReturnType<typeof frame>
+  | ReturnType<typeof padding>
+  | ReturnType<typeof fixedSize>
+  | ReturnType<typeof onTapGesture>
+  | ReturnType<typeof onLongPressGesture>
+  | ReturnType<typeof opacity>
+  | ReturnType<typeof clipShape>
+  | ReturnType<typeof border>
+  | ReturnType<typeof scaleEffect>
+  | ReturnType<typeof rotationEffect>
+  | ReturnType<typeof offset>
+  | ReturnType<typeof foregroundColor>
+  | ReturnType<typeof tint>
+  | ReturnType<typeof hidden>
+  | ReturnType<typeof zIndex>
+  | ReturnType<typeof blur>
+  | ReturnType<typeof brightness>
+  | ReturnType<typeof contrast>
+  | ReturnType<typeof saturation>
+  | ReturnType<typeof hueRotation>
+  | ReturnType<typeof colorInvert>
+  | ReturnType<typeof grayscale>
+  | ReturnType<typeof accessibilityLabel>
+  | ReturnType<typeof accessibilityHint>
+  | ReturnType<typeof accessibilityValue>
+  | ReturnType<typeof layoutPriority>
+  | ReturnType<typeof mask>
+  | ReturnType<typeof overlay>
+  | ReturnType<typeof backgroundOverlay>
+  | ReturnType<typeof aspectRatio>
+  | ReturnType<typeof clipped>;
+
+/**
+ * Main ViewModifier type that supports both built-in and 3rd party modifiers.
+ * 3rd party modifiers should return ModifierConfig objects with their own type strings.
+ */
+export type ViewModifier = BuiltInModifier | ModifierConfig;
+
+// =============================================================================
+// Utility Functions
+// =============================================================================
+
+/**
+ * Creates a custom modifier for 3rd party libraries.
+ * This function is exported so 3rd party packages can create their own modifiers.
+ *
+ * @example
+ * ```typescript
+ * // In a 3rd party package
+ * export const blurEffect = (params: { radius: number; style?: string }) =>
+ *   createModifier('blurEffect', params);
+ * ```
+ */
+export { createModifier };
+
+/**
+ * Type guard to check if a value is a valid modifier.
+ */
+export const isModifier = (value: any): value is ModifierConfig => {
+  return typeof value === 'object' && value !== null && typeof value.$type === 'string';
+};
+
+/**
+ * Filters an array to only include valid modifiers.
+ */
+export const filterModifiers = (modifiers: unknown[]): ModifierConfig[] => {
+  return modifiers.filter(isModifier);
+};

package/src/swift-ui/modifiers/utils.ts

@@ -0,0 +1,33 @@
+import { type ModifierConfig } from './index';
+
+type GlobalEventPayload = {
+  [eventName: string]: Record<string, any>;
+};
+type GlobalEvent = {
+  onGlobalEvent: (event: { nativeEvent: GlobalEventPayload }) => void;
+};
+
+/**
+ * Create an event listener for a view modifier.
+ */
+export function createViewModifierEventListener(modifiers: ModifierConfig[]): GlobalEvent {
+  const eventListeners: Record<string, (args: any) => void> = {};
+  for (const modifier of modifiers) {
+    if (modifier.eventListener) {
+      eventListeners[modifier.$type] = modifier.eventListener;
+    }
+  }
+
+  const onGlobalEvent: GlobalEvent['onGlobalEvent'] = ({ nativeEvent }) => {
+    for (const [eventName, params] of Object.entries(nativeEvent)) {
+      const listener = eventListeners[eventName];
+      if (listener) {
+        listener(params);
+      }
+    }
+  };
+
+  return {
+    onGlobalEvent,
+  };
+}

package/src/{swift-ui-primitives → swift-ui}/types.ts

@@ -78,18 +78,41 @@ export interface PaddingProps {
  */
 export interface CommonViewModifierProps {
   /**
-   * Whether the view should take its natural size.
-   * When true, the view will ignore frame constraints and use its intrinsic size.
+   * @deprecated Use `fixedSize()` modifier instead. This prop will be removed in a future version.
+   * @example
+   * ```tsx
+   * // Old way (deprecated)
+   * <Text fixedSize={true}>Hello</Text>
+   *
+   * // New way (recommended)
+   * <Text modifiers={[fixedSize(true)]}>Hello</Text>
+   * ```
    */
   fixedSize?: boolean;
 
   /**
-   * Frame properties for the view container.
+   * @deprecated Use `frame()` modifier instead. This prop will be removed in a future version.
+   * @example
+   * ```tsx
+   * // Old way (deprecated)
+   * <Text frame={{ width: 100, height: 50 }}>Hello</Text>
+   *
+   * // New way (recommended)
+   * <Text modifiers={[frame({ width: 100, height: 50 })]}>Hello</Text>
+   * ```
    */
   frame?: FrameProps;
 
   /**
-   * Padding properties for the view.
+   * @deprecated Use `padding()` modifier instead. This prop will be removed in a future version.
+   * @example
+   * ```tsx
+   * // Old way (deprecated)
+   * <Text padding={{ all: 16 }}>Hello</Text>
+   *
+   * // New way (recommended)
+   * <Text modifiers={[padding({ all: 16 })]}>Hello</Text>
+   * ```
    */
   padding?: PaddingProps;
 
@@ -97,4 +120,25 @@ export interface CommonViewModifierProps {
    * Used to locate this view in end-to-end tests.
    */
   testID?: string;
+
+  /**
+   * Array of view modifiers to apply to this view.
+   * Modifiers are applied in the order they appear in the array.
+   *
+   * @example
+   * ```tsx
+   * import { background, cornerRadius, shadow, frame, padding, fixedSize } from 'expo-ui/swift-ui/modifiers';
+   *
+   * <Text modifiers={[
+   *   background('#FF0000'),
+   *   cornerRadius(10),
+   *   padding({ all: 16 }),
+   *   frame({ width: 200 }),
+   *   shadow({ radius: 5, x: 0, y: 2 })
+   * ]}>
+   *   Hello World
+   * </Text>
+   * ```
+   */
+  modifiers?: import('./modifiers').ViewModifier[];
 }

package/src/types.ts

@@ -1,3 +1,5 @@
+import type { SharedObject } from 'expo';
+
 /**
  * @hidden
  */
@@ -7,3 +9,5 @@ export type ViewEvent<Name extends string, Data> = Record<
     ? ((event: { nativeEvent: Data }) => void) | undefined
     : (() => void) | undefined
 >;
+
+export declare class ExpoModifier extends SharedObject {}

package/swift-ui/index.d.ts

@@ -0,0 +1 @@
+export * from '../build/swift-ui';

package/swift-ui/index.js

@@ -0,0 +1 @@
+export * from '../build/swift-ui';

package/swift-ui/modifiers.d.ts

@@ -0,0 +1 @@
+export * from '../build/swift-ui/modifiers';

package/swift-ui/modifiers.js

@@ -0,0 +1 @@
+export * from '../build/swift-ui/modifiers';

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

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

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

@@ -1,15 +0,0 @@
-import { requireNativeView } from 'expo';
-import { Platform } from 'react-native';
-const ContentUnavailableViewNativeView = Platform.OS === 'ios' ? requireNativeView('ExpoUI', 'ContentUnavailableView') : null;
-/**
- * Displays a native Swift UI ContentUnavailableView.
- * @platform ios 17.0+
- *
- */
-export function ContentUnavailableView(props) {
-    if (!ContentUnavailableViewNativeView) {
-        return null;
-    }
-    return <ContentUnavailableViewNativeView {...props}/>;
-}
-//# sourceMappingURL=ContentUnavailableView.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContentUnavailableView.js","sourceRoot":"","sources":["../../src/swift-ui-primitives/ContentUnavailableView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAqBxC,MAAM,gCAAgC,GACpC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,QAAQ,EAAE,wBAAwB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAEvF;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,IAAI,CAAC,gCAAgC,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CAAC,gCAAgC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACzD,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { Platform } from 'react-native';\n\nimport { CommonViewModifierProps } from './types';\n\nexport interface ContentUnavailableViewProps extends CommonViewModifierProps {\n  /**\n   * A short title that describes why the content is not available.\n   */\n  title?: string;\n\n  /**\n   * SF Symbol indicating why the content is not available.\n   */\n  systemImage?: string;\n\n  /**\n   * Description of why the content is not available.\n   */\n  description?: string;\n}\n\nconst ContentUnavailableViewNativeView: React.ComponentType<ContentUnavailableViewProps> | null =\n  Platform.OS === 'ios' ? requireNativeView('ExpoUI', 'ContentUnavailableView') : null;\n\n/**\n * Displays a native Swift UI ContentUnavailableView.\n * @platform ios 17.0+\n *\n */\nexport function ContentUnavailableView(props: ContentUnavailableViewProps) {\n  if (!ContentUnavailableViewNativeView) {\n    return null;\n  }\n  return <ContentUnavailableViewNativeView {...props} />;\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"DisclosureGroup.d.ts","sourceRoot":"","sources":["../../src/swift-ui-primitives/DisclosureGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,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;AAED,KAAK,gBAAgB,GAAG,SAAS,CAAC,eAAe,EAAE;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE5E,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,oBAAoB,EAAE,eAAe,CAAC,GAClF,gBAAgB,CAAC;AAKnB,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAQ1D"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DisclosureGroup.js","sourceRoot":"","sources":["../../src/swift-ui-primitives/DisclosureGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAuBzC,MAAM,yBAAyB,GAC7B,iBAAiB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AAErD,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEzC,SAAS,iBAAiB,CAAC,KAA+C;QACxE,aAAa,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAChD,CAAC;IAED,OAAO,CAAC,yBAAyB,CAAC,IAAI,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,EAAG,CAAC;AACnF,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { type CommonViewModifierProps } from './types';\nimport { type ViewEvent } 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\nexport type NativeDisclosureGroupProps = Omit<DisclosureGroupProps, 'onStateChange'> &\n  StateChangeEvent;\n\nconst DisclosureGroupNativeView: React.ComponentType<NativeDisclosureGroupProps> =\n  requireNativeView('ExpoUI', 'DisclosureGroupView');\n\nexport function DisclosureGroup(props: DisclosureGroupProps) {\n  const { onStateChange, ...rest } = props;\n\n  function handleStateChange(event: { nativeEvent: { isExpanded: boolean } }) {\n    onStateChange?.(event.nativeEvent.isExpanded);\n  }\n\n  return <DisclosureGroupNativeView {...rest} onStateChange={handleStateChange} />;\n}\n"]}

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

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

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

@@ -1,6 +0,0 @@
-import { requireNativeView } from 'expo';
-const FormNativeView = requireNativeView('ExpoUI', 'FormView');
-export function Form(props) {
-    return <FormNativeView {...props}/>;
-}
-//# sourceMappingURL=Form.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/swift-ui-primitives/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAezC,MAAM,cAAc,GAAmC,iBAAiB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAE/F,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,OAAO,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACvC,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\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\nexport function Form(props: FormProps) {\n  return <FormNativeView {...props} />;\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/swift-ui-primitives/Image.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,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;AAqBD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,+BAEtC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/swift-ui-primitives/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAiCzC,SAAS,oBAAoB,CAAC,KAAiB;IAC7C,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO;QACL,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 { ViewEvent } from '../types';\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, ...restProps } = props;\n  return {\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-primitives/Layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../src/swift-ui-primitives/Layout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,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;AAW1E,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;AAQD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,+BAEtC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../src/swift-ui-primitives/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAqBzC,SAAS,oBAAoB,CAAC,KAAqB;IACjD,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO;QACL,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,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,OAAO,CAAC,eAAe,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC9D,CAAC;AACD,YAAY","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { type CommonViewModifierProps } from './types';\nimport { ViewEvent } 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, ...restProps } = props;\n  return {\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\nexport function Group(props: GroupProps) {\n  return <GroupNativeView {...transformNativeProps(props)} />;\n}\n//#endregion\n"]}

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

@@ -1,6 +0,0 @@
-export type SectionProps = {
-    title?: string;
-    children: React.ReactNode;
-};
-export declare function Section(props: SectionProps): import("react").JSX.Element;
-//# sourceMappingURL=Section.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/swift-ui-primitives/Section.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAOF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAE1C"}

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

@@ -1,6 +0,0 @@
-import { requireNativeView } from 'expo';
-const SectionNativeView = requireNativeView('ExpoUI', 'SectionPrimitiveView');
-export function Section(props) {
-    return <SectionNativeView {...props}/>;
-}
-//# sourceMappingURL=Section.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../src/swift-ui-primitives/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAOzC,MAAM,iBAAiB,GAAsC,iBAAiB,CAC5E,QAAQ,EACR,sBAAsB,CACvB,CAAC;AAEF,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,OAAO,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC1C,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nexport type SectionProps = {\n  title?: string;\n  children: React.ReactNode;\n};\n\nconst SectionNativeView: React.ComponentType<SectionProps> = requireNativeView(\n  'ExpoUI',\n  'SectionPrimitiveView'\n);\n\nexport function Section(props: SectionProps) {\n  return <SectionNativeView {...props} />;\n}\n"]}

package/build/swift-ui-primitives/Spacer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../src/swift-ui-primitives/Spacer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,uBAAuB;IAC1D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC"}

package/build/swift-ui-primitives/Spacer.js

@@ -1,6 +0,0 @@
-import { requireNativeView } from 'expo';
-const SpacerNativeView = requireNativeView('ExpoUI', 'SpacerView');
-export function Spacer(props) {
-    return <SpacerNativeView {...props}/>;
-}
-//# sourceMappingURL=Spacer.js.map

package/build/swift-ui-primitives/Spacer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../src/swift-ui-primitives/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAczC,MAAM,gBAAgB,GAA2C,iBAAiB,CAChF,QAAQ,EACR,YAAY,CACb,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACzC,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\n\nimport { type CommonViewModifierProps } from './types';\n\nexport interface SpacerProps extends CommonViewModifierProps {\n  /**\n   * The minimum length of the spacer.\n   * This is the minimum amount of space that the spacer will take up.\n   */\n  minLength?: number;\n}\n\ntype NativeSpacerProps = SpacerProps;\n\nconst SpacerNativeView: React.ComponentType<NativeSpacerProps> = requireNativeView(\n  'ExpoUI',\n  'SpacerView'\n);\n\nexport function Spacer(props: SpacerProps) {\n  return <SpacerNativeView {...props} />;\n}\n"]}

package/build/swift-ui-primitives/Text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/swift-ui-primitives/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,SAAU,SAAQ,uBAAuB;IACxD,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EACH,YAAY,GACZ,MAAM,GACN,OAAO,GACP,SAAS,GACT,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,GACP,OAAO,CAAC;IACZ;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;IACxD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiBD,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,+BAEpC"}

package/build/swift-ui-primitives/Text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/swift-ui-primitives/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AA2CzC,MAAM,cAAc,GAClB,iBAAiB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAE1C,SAAS,kBAAkB,CAAC,KAAgB;IAC1C,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACzC,OAAO;QACL,GAAG,SAAS;QACZ,IAAI,EAAE,QAAQ,IAAI,EAAE;KACrB,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 { type CommonViewModifierProps } from './types';\n\nexport interface TextProps extends CommonViewModifierProps {\n  children: string;\n  /**\n   * The font weight of the text.\n   * Maps to iOS system font weights.\n   */\n  weight?:\n    | 'ultraLight'\n    | 'thin'\n    | 'light'\n    | 'regular'\n    | 'medium'\n    | 'semibold'\n    | 'bold'\n    | 'heavy'\n    | 'black';\n  /**\n   * The font design of the text.\n   * Maps to iOS system font designs.\n   */\n  design?: 'default' | 'rounded' | 'serif' | 'monospaced';\n  /**\n   * The font size of the text.\n   */\n  size?: number;\n  /**\n   * The line limit of the text.\n   */\n  lineLimit?: number;\n  /**\n   * The color of the text.\n   */\n  color?: string;\n}\n\ntype NativeTextProps = Omit<TextProps, 'children'> & {\n  text: string;\n};\n\nconst TextNativeView: React.ComponentType<Omit<TextProps, 'children'> & { text: string }> =\n  requireNativeView('ExpoUI', 'TextView');\n\nfunction transformTextProps(props: TextProps): NativeTextProps {\n  const { children, ...restProps } = props;\n  return {\n    ...restProps,\n    text: children ?? '',\n  };\n}\n\nexport function Text(props: TextProps) {\n  return <TextNativeView {...transformTextProps(props)} />;\n}\n"]}