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

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

@@ -0,0 +1,259 @@
+/**
+ * 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.
+ */
+declare function createModifier(type: string, params?: Record<string, any>): ModifierConfig;
+/**
+ * Sets the background of a view.
+ * @param color - The background color (hex string, e.g., '#FF0000')
+ */
+export declare const background: (color: string) => ModifierConfig;
+/**
+ * Applies corner radius to a view.
+ * @param radius - The corner radius value
+ */
+export declare const cornerRadius: (radius: number) => ModifierConfig;
+/**
+ * Adds a shadow to a view.
+ */
+export declare const shadow: (params: {
+    radius: number;
+    x?: number;
+    y?: number;
+    color?: string;
+}) => ModifierConfig;
+/**
+ * Sets the frame properties of a view.
+ */
+export declare 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";
+}) => ModifierConfig;
+/**
+ * Sets padding on a view.
+ * Supports individual edges or shorthand properties.
+ */
+export declare const padding: (params: {
+    top?: number;
+    bottom?: number;
+    leading?: number;
+    trailing?: number;
+    horizontal?: number;
+    vertical?: number;
+    all?: number;
+}) => ModifierConfig;
+/**
+ * Controls fixed size behavior.
+ * @param enabled - Whether the view should use its natural size
+ */
+export declare const fixedSize: (enabled?: boolean) => ModifierConfig;
+/**
+ * Adds a tap gesture recognizer.
+ * @param handler - Function to call when tapped
+ */
+export declare const onTapGesture: (handler: () => void) => ModifierConfig;
+/**
+ * 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 declare const onLongPressGesture: (handler: () => void, minimumDuration?: number) => ModifierConfig;
+/**
+ * Sets the opacity of a view.
+ * @param value - Opacity value between 0 and 1
+ */
+export declare const opacity: (value: number) => ModifierConfig;
+/**
+ * Clips the view to a specific shape.
+ * @param shape - The clipping shape
+ * @param cornerRadius - Corner radius for rounded rectangle (default: 8)
+ */
+export declare const clipShape: (shape: "rectangle" | "circle" | "roundedRectangle", cornerRadius?: number) => ModifierConfig;
+/**
+ * Adds a border to a view.
+ */
+export declare const border: (params: {
+    color: string;
+    width?: number;
+}) => ModifierConfig;
+/**
+ * Applies scaling transformation.
+ * @param scale - Scale factor (1.0 = normal size)
+ */
+export declare const scaleEffect: (scale: number) => ModifierConfig;
+/**
+ * Applies rotation transformation.
+ * @param angle - Rotation angle in degrees
+ */
+export declare const rotationEffect: (angle: number) => ModifierConfig;
+/**
+ * Applies an offset (translation) to a view.
+ */
+export declare const offset: (params: {
+    x?: number;
+    y?: number;
+}) => ModifierConfig;
+/**
+ * Sets the foreground color/tint of a view.
+ * @param color - The foreground color (hex string)
+ */
+export declare const foregroundColor: (color: string) => ModifierConfig;
+/**
+ * Sets the tint color of a view.
+ * @param color - The tint color (hex string)
+ */
+export declare const tint: (color: string) => ModifierConfig;
+/**
+ * Hides or shows a view.
+ * @param hidden - Whether the view should be hidden
+ */
+export declare const hidden: (hidden?: boolean) => ModifierConfig;
+/**
+ * Sets the z-index (display order) of a view.
+ * @param index - The z-index value
+ */
+export declare const zIndex: (index: number) => ModifierConfig;
+/**
+ * Applies blur to a view.
+ * @param radius - The blur radius
+ */
+export declare const blur: (radius: number) => ModifierConfig;
+/**
+ * Adjusts the brightness of a view.
+ * @param amount - Brightness adjustment (-1 to 1)
+ */
+export declare const brightness: (amount: number) => ModifierConfig;
+/**
+ * Adjusts the contrast of a view.
+ * @param amount - Contrast multiplier (0 to infinity, 1 = normal)
+ */
+export declare const contrast: (amount: number) => ModifierConfig;
+/**
+ * Adjusts the saturation of a view.
+ * @param amount - Saturation multiplier (0 to infinity, 1 = normal)
+ */
+export declare const saturation: (amount: number) => ModifierConfig;
+/**
+ * Applies a hue rotation to a view.
+ * @param angle - Hue rotation angle in degrees
+ */
+export declare const hueRotation: (angle: number) => ModifierConfig;
+/**
+ * Inverts the colors of a view.
+ * @param inverted - Whether to invert colors
+ */
+export declare const colorInvert: (inverted?: boolean) => ModifierConfig;
+/**
+ * Makes a view grayscale.
+ * @param amount - Grayscale amount (0 to 1)
+ */
+export declare const grayscale: (amount: number) => ModifierConfig;
+/**
+ * Sets accessibility label for the view.
+ * @param label - The accessibility label
+ */
+export declare const accessibilityLabel: (label: string) => ModifierConfig;
+/**
+ * Sets accessibility hint for the view.
+ * @param hint - The accessibility hint
+ */
+export declare const accessibilityHint: (hint: string) => ModifierConfig;
+/**
+ * Sets accessibility value for the view.
+ * @param value - The accessibility value
+ */
+export declare const accessibilityValue: (value: string) => ModifierConfig;
+/**
+ * Sets layout priority for the view.
+ * @param priority - Layout priority value
+ */
+export declare const layoutPriority: (priority: number) => ModifierConfig;
+/**
+ * Applies a mask to the view.
+ * @param shape - The masking shape
+ * @param cornerRadius - Corner radius for rounded rectangle (default: 8)
+ */
+export declare const mask: (shape: "rectangle" | "circle" | "roundedRectangle", cornerRadius?: number) => ModifierConfig;
+/**
+ * Overlays another view on top.
+ * @param color - Overlay color
+ * @param alignment - Overlay alignment
+ */
+export declare const overlay: (params: {
+    color?: string;
+    alignment?: "center" | "top" | "bottom" | "leading" | "trailing";
+}) => ModifierConfig;
+/**
+ * Adds a background behind the view.
+ * @param color - Background color
+ * @param alignment - Background alignment
+ */
+export declare const backgroundOverlay: (params: {
+    color?: string;
+    alignment?: "center" | "top" | "bottom" | "leading" | "trailing";
+}) => ModifierConfig;
+/**
+ * Sets aspect ratio constraint.
+ * @param ratio - Width/height aspect ratio
+ * @param contentMode - How content fits the aspect ratio
+ */
+export declare const aspectRatio: (params: {
+    ratio: number;
+    contentMode?: "fit" | "fill";
+}) => ModifierConfig;
+/**
+ * Clips content to bounds.
+ * @param clipped - Whether to clip content
+ */
+export declare const clipped: (clipped?: boolean) => ModifierConfig;
+/**
+ * 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;
+/**
+ * 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 declare const isModifier: (value: any) => value is ModifierConfig;
+/**
+ * Filters an array to only include valid modifiers.
+ */
+export declare const filterModifiers: (modifiers: unknown[]) => ModifierConfig[];
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/modifiers/index.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,224 @@
+/**
+ * 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.
+ */
+/**
+ * Factory function to create modifier configuration objects.
+ * This is used internally by all modifier functions.
+ */
+function createModifier(type, params = {}) {
+    return { $type: type, ...params };
+}
+/**
+ * Creates a modifier with an event listener.
+ */
+function createModifierWithEventListener(type, eventListener, params = {}) {
+    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) => createModifier('background', { color });
+/**
+ * Applies corner radius to a view.
+ * @param radius - The corner radius value
+ */
+export const cornerRadius = (radius) => createModifier('cornerRadius', { radius });
+/**
+ * Adds a shadow to a view.
+ */
+export const shadow = (params) => createModifier('shadow', params);
+/**
+ * Sets the frame properties of a view.
+ */
+export const frame = (params) => createModifier('frame', params);
+/**
+ * Sets padding on a view.
+ * Supports individual edges or shorthand properties.
+ */
+export const padding = (params) => createModifier('padding', params);
+/**
+ * Controls fixed size behavior.
+ * @param enabled - Whether the view should use its natural size
+ */
+export const fixedSize = (enabled = true) => createModifier('fixedSize', { enabled });
+/**
+ * Adds a tap gesture recognizer.
+ * @param handler - Function to call when tapped
+ */
+export const onTapGesture = (handler) => 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, minimumDuration) => 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) => 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, cornerRadius) => createModifier('clipShape', { shape, cornerRadius });
+/**
+ * Adds a border to a view.
+ */
+export const border = (params) => createModifier('border', params);
+/**
+ * Applies scaling transformation.
+ * @param scale - Scale factor (1.0 = normal size)
+ */
+export const scaleEffect = (scale) => createModifier('scaleEffect', { scale });
+/**
+ * Applies rotation transformation.
+ * @param angle - Rotation angle in degrees
+ */
+export const rotationEffect = (angle) => createModifier('rotationEffect', { angle });
+/**
+ * Applies an offset (translation) to a view.
+ */
+export const offset = (params) => createModifier('offset', params);
+/**
+ * Sets the foreground color/tint of a view.
+ * @param color - The foreground color (hex string)
+ */
+export const foregroundColor = (color) => createModifier('foregroundColor', { color });
+/**
+ * Sets the tint color of a view.
+ * @param color - The tint color (hex string)
+ */
+export const tint = (color) => createModifier('tint', { color });
+/**
+ * Hides or shows a view.
+ * @param hidden - Whether the view should be hidden
+ */
+export const hidden = (hidden = true) => createModifier('hidden', { hidden });
+/**
+ * Sets the z-index (display order) of a view.
+ * @param index - The z-index value
+ */
+export const zIndex = (index) => createModifier('zIndex', { index });
+/**
+ * Applies blur to a view.
+ * @param radius - The blur radius
+ */
+export const blur = (radius) => createModifier('blur', { radius });
+/**
+ * Adjusts the brightness of a view.
+ * @param amount - Brightness adjustment (-1 to 1)
+ */
+export const brightness = (amount) => createModifier('brightness', { amount });
+/**
+ * Adjusts the contrast of a view.
+ * @param amount - Contrast multiplier (0 to infinity, 1 = normal)
+ */
+export const contrast = (amount) => createModifier('contrast', { amount });
+/**
+ * Adjusts the saturation of a view.
+ * @param amount - Saturation multiplier (0 to infinity, 1 = normal)
+ */
+export const saturation = (amount) => createModifier('saturation', { amount });
+/**
+ * Applies a hue rotation to a view.
+ * @param angle - Hue rotation angle in degrees
+ */
+export const hueRotation = (angle) => createModifier('hueRotation', { angle });
+/**
+ * Inverts the colors of a view.
+ * @param inverted - Whether to invert colors
+ */
+export const colorInvert = (inverted = true) => createModifier('colorInvert', { inverted });
+/**
+ * Makes a view grayscale.
+ * @param amount - Grayscale amount (0 to 1)
+ */
+export const grayscale = (amount) => createModifier('grayscale', { amount });
+/**
+ * Sets accessibility label for the view.
+ * @param label - The accessibility label
+ */
+export const accessibilityLabel = (label) => createModifier('accessibilityLabel', { label });
+/**
+ * Sets accessibility hint for the view.
+ * @param hint - The accessibility hint
+ */
+export const accessibilityHint = (hint) => createModifier('accessibilityHint', { hint });
+/**
+ * Sets accessibility value for the view.
+ * @param value - The accessibility value
+ */
+export const accessibilityValue = (value) => createModifier('accessibilityValue', { value });
+/**
+ * Sets layout priority for the view.
+ * @param priority - Layout priority value
+ */
+export const layoutPriority = (priority) => 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, cornerRadius) => createModifier('mask', { shape, cornerRadius });
+/**
+ * Overlays another view on top.
+ * @param color - Overlay color
+ * @param alignment - Overlay alignment
+ */
+export const overlay = (params) => createModifier('overlay', params);
+/**
+ * Adds a background behind the view.
+ * @param color - Background color
+ * @param alignment - Background alignment
+ */
+export const backgroundOverlay = (params) => 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) => createModifier('aspectRatio', params);
+/**
+ * Clips content to bounds.
+ * @param clipped - Whether to clip content
+ */
+export const clipped = (clipped = true) => createModifier('clipped', { clipped });
+// =============================================================================
+// 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) => {
+    return typeof value === 'object' && value !== null && typeof value.$type === 'string';
+};
+/**
+ * Filters an array to only include valid modifiers.
+ */
+export const filterModifiers = (modifiers) => {
+    return modifiers.filter(isModifier);
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,15 @@
+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 declare function createViewModifierEventListener(modifiers: ModifierConfig[]): GlobalEvent;
+export {};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/modifiers/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,KAAK,kBAAkB,GAAG;IACxB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC1C,CAAC;AACF,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,kBAAkB,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE,CAAC;AAEF;;GAEG;AACH,wBAAgB,+BAA+B,CAAC,SAAS,EAAE,cAAc,EAAE,GAAG,WAAW,CAoBxF"}

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

@@ -0,0 +1,23 @@
+/**
+ * Create an event listener for a view modifier.
+ */
+export function createViewModifierEventListener(modifiers) {
+    const eventListeners = {};
+    for (const modifier of modifiers) {
+        if (modifier.eventListener) {
+            eventListeners[modifier.$type] = modifier.eventListener;
+        }
+    }
+    const onGlobalEvent = ({ nativeEvent }) => {
+        for (const [eventName, params] of Object.entries(nativeEvent)) {
+            const listener = eventListeners[eventName];
+            if (listener) {
+                listener(params);
+            }
+        }
+    };
+    return {
+        onGlobalEvent,
+    };
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/swift-ui/modifiers/utils.ts"],"names":[],"mappings":"AASA;;GAEG;AACH,MAAM,UAAU,+BAA+B,CAAC,SAA2B;IACzE,MAAM,cAAc,GAAwC,EAAE,CAAC;IAC/D,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;QACjC,IAAI,QAAQ,CAAC,aAAa,EAAE,CAAC;YAC3B,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC;QAC1D,CAAC;IACH,CAAC;IAED,MAAM,aAAa,GAAiC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;QACtE,KAAK,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;YAC9D,MAAM,QAAQ,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;YAC3C,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,MAAM,CAAC,CAAC;YACnB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,aAAa;KACd,CAAC;AACJ,CAAC","sourcesContent":["import { type ModifierConfig } from './index';\n\ntype GlobalEventPayload = {\n  [eventName: string]: Record<string, any>;\n};\ntype GlobalEvent = {\n  onGlobalEvent: (event: { nativeEvent: GlobalEventPayload }) => void;\n};\n\n/**\n * Create an event listener for a view modifier.\n */\nexport function createViewModifierEventListener(modifiers: ModifierConfig[]): GlobalEvent {\n  const eventListeners: Record<string, (args: any) => void> = {};\n  for (const modifier of modifiers) {\n    if (modifier.eventListener) {\n      eventListeners[modifier.$type] = modifier.eventListener;\n    }\n  }\n\n  const onGlobalEvent: GlobalEvent['onGlobalEvent'] = ({ nativeEvent }) => {\n    for (const [eventName, params] of Object.entries(nativeEvent)) {\n      const listener = eventListeners[eventName];\n      if (listener) {\n        listener(params);\n      }\n    }\n  };\n\n  return {\n    onGlobalEvent,\n  };\n}\n"]}

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

@@ -65,21 +65,64 @@ 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;
     /**
      * 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[];
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/swift-ui/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EACN,QAAQ,GACR,SAAS,GACT,UAAU,GACV,KAAK,GACL,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,eAAe,GACf,gBAAgB,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;;;;;;;;;;;;;;OAkBG;IACH,SAAS,CAAC,EAAE,OAAO,aAAa,EAAE,YAAY,EAAE,CAAC;CAClD"}

package/build/swift-ui/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map