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

package/CHANGELOG.md

@@ -10,6 +10,14 @@
 
 ### 💡 Others
 
+## 0.2.0-alpha.4 — 2025-08-19
+
+_This version does not introduce any user-facing changes._
+
+## 0.2.0-alpha.3 — 2025-08-18
+
+_This version does not introduce any user-facing changes._
+
 ## 0.2.0-alpha.2 — 2025-08-16
 
 _This version does not introduce any user-facing changes._
@@ -42,6 +50,7 @@ _This version does not introduce any user-facing changes._
 - Add `SecureField` component. ([#37642](https://github.com/expo/expo/pull/37642) by [@aleqsio](https://github.com/aleqsio))
 - [Android] Add `AlertDialog` component. ([#38266](https://github.com/expo/expo/pull/38266) by [@mateoguzmana](https://github.com/mateoguzmana))
 - Added SwiftUI view modifiers support. ([#38543](https://github.com/expo/expo/pull/38543) by [@kudo](https://github.com/kudo))
+- [iOS] Add SwiftUI Chart component. ([#38128](https://github.com/expo/expo/pull/38517) by [@hryhoriiK97](https://github.com/hryhoriiK97))
 
 ### 🐛 Bug fixes
 

package/android/build.gradle

@@ -12,13 +12,13 @@ apply plugin: 'expo-module-gradle-plugin'
 apply plugin: 'org.jetbrains.kotlin.plugin.compose'
 
 group = 'expo.modules.ui'
-version = '0.2.0-alpha.2'
+version = '0.2.0-alpha.4'
 
 android {
   namespace "expo.modules.ui"
   defaultConfig {
     versionCode 1
-    versionName "0.2.0-alpha.2"
+    versionName "0.2.0-alpha.4"
   }
   buildFeatures {
     compose true

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

@@ -0,0 +1,163 @@
+import { ColorValue, StyleProp, ViewStyle } from 'react-native';
+import { CommonViewModifierProps } from '../types';
+/**
+ * The type of chart to display.
+ * - `line` charts show continuous lines with optional dash array, width, point symbols, and color.
+ * - `point` charts show discrete colored points with optional point style (circle, square, diamond) and size.
+ * - `bar` charts show vertical bars using system colors or individual ChartDataPoint colors, with optional corner radius and width styling.
+ * - `area` charts show filled areas under lines with color.
+ * - `pie` charts show pie slices with optional inner radius and angular inset. Pie charts require iOS 17.0+.
+ * @platform ios
+ */
+export type ChartType = 'line' | 'point' | 'bar' | 'area' | 'pie';
+/**
+ * Point symbol style options.
+ * @platform ios
+ */
+export type PointStyle = 'circle' | 'square' | 'diamond';
+/**
+ * Data point for the chart.
+ * @platform ios
+ */
+export type ChartDataPoint = {
+    /**
+     * X-axis value (label).
+     */
+    x: string;
+    /**
+     * Y-axis value (numeric).
+     */
+    y: number;
+    /**
+     * Optional color for this specific data point.
+     */
+    color?: ColorValue;
+};
+/**
+ * Line chart specific styling options.
+ */
+export type LineChartStyle = {
+    /**
+     * Dash pattern array. Empty array or undefined for solid lines.
+     * @example [5, 5] for dashed line, [2, 2] for dotted line
+     */
+    dashArray?: number[];
+    /**
+     * Line stroke width.
+     */
+    width?: number;
+    /**
+     * Point symbol style.
+     */
+    pointStyle?: PointStyle;
+    /**
+     * Point symbol size.
+     */
+    pointSize?: number;
+    /**
+     * Line color.
+     */
+    color?: ColorValue;
+};
+/**
+ * Area chart specific styling options.
+ */
+export type AreaChartStyle = {
+    /**
+     * Area fill color.
+     */
+    color?: ColorValue;
+};
+/**
+ * Bar chart specific styling options.
+ */
+export type BarChartStyle = {
+    /**
+     * Corner radius for rounded bar corners.
+     */
+    cornerRadius?: number;
+    /**
+     * Custom bar width.
+     */
+    width?: number;
+};
+/**
+ * Pie chart specific styling options.
+ */
+export type PieChartStyle = {
+    /**
+     * Inner radius ratio (0.0 = full pie, 0.5 = donut).
+     */
+    innerRadius?: number;
+    /**
+     * Space between slices in points.
+     */
+    angularInset?: number;
+};
+/**
+ * Point chart specific styling options.
+ */
+export type PointChartStyle = {
+    /**
+     * Point symbol style.
+     */
+    pointStyle?: PointStyle;
+    /**
+     * Point symbol size.
+     */
+    pointSize?: number;
+};
+export type ChartProps = {
+    /**
+     * Array of data points to display.
+     */
+    data: ChartDataPoint[];
+    /**
+     * Type of chart to render.
+     */
+    type?: ChartType;
+    /**
+     * Whether to show grid lines.
+     */
+    showGrid?: boolean;
+    /**
+     * Whether to animate chart changes.
+     */
+    animate?: boolean;
+    /**
+     * Whether to show chart legend.
+     * - Only works when individual dataPoint colors are NOT provided (uses categorical styling)
+     * - Useful for `bar` and `pie` charts (shows category colors)
+     * - Not applicable for `line` and `area` charts (single-series data)
+     * - If dataPoint has individual colors, legend won't appear - use data without colors to see legend
+     */
+    showLegend?: boolean;
+    /**
+     * Line chart specific styling options.
+     */
+    lineStyle?: LineChartStyle;
+    /**
+     * Point chart specific styling options.
+     */
+    pointStyle?: PointChartStyle;
+    /**
+     * Area chart specific styling options.
+     */
+    areaStyle?: AreaChartStyle;
+    /**
+     * Bar chart specific styling options.
+     */
+    barStyle?: BarChartStyle;
+    /**
+     * Pie chart specific styling options.
+     */
+    pieStyle?: PieChartStyle;
+} & CommonViewModifierProps;
+/**
+ * Renders a native Chart component using Swift Charts.
+ * @platform ios
+ */
+export declare function Chart({ style, data, modifiers, ...props }: ChartProps & {
+    style?: StyleProp<ViewStyle>;
+}): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Chart/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD;;;;;;;;GAQG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AAElE;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEzD;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IACV;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IACV;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,GAAG,uBAAuB,CAAC;AAI5B;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,+BAS/C"}

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

@@ -0,0 +1,11 @@
+import { requireNativeView } from 'expo';
+import { createViewModifierEventListener } from '../modifiers/utils';
+const ChartNativeView = requireNativeView('ExpoUI', 'ChartView');
+/**
+ * Renders a native Chart component using Swift Charts.
+ * @platform ios
+ */
+export function Chart({ style, data, modifiers, ...props }) {
+    return (<ChartNativeView data={data} modifiers={modifiers} {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)} {...props}/>);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/Chart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAqKrE,MAAM,eAAe,GAAoC,iBAAiB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAElG;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACsC;IAC9C,OAAO,CACL,CAAC,eAAe,CACd,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,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,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { ColorValue, StyleProp, ViewStyle } from 'react-native';\n\nimport { createViewModifierEventListener } from '../modifiers/utils';\nimport { CommonViewModifierProps } from '../types';\n\n/**\n * The type of chart to display.\n * - `line` charts show continuous lines with optional dash array, width, point symbols, and color.\n * - `point` charts show discrete colored points with optional point style (circle, square, diamond) and size.\n * - `bar` charts show vertical bars using system colors or individual ChartDataPoint colors, with optional corner radius and width styling.\n * - `area` charts show filled areas under lines with color.\n * - `pie` charts show pie slices with optional inner radius and angular inset. Pie charts require iOS 17.0+.\n * @platform ios\n */\nexport type ChartType = 'line' | 'point' | 'bar' | 'area' | 'pie';\n\n/**\n * Point symbol style options.\n * @platform ios\n */\nexport type PointStyle = 'circle' | 'square' | 'diamond';\n\n/**\n * Data point for the chart.\n * @platform ios\n */\nexport type ChartDataPoint = {\n  /**\n   * X-axis value (label).\n   */\n  x: string;\n  /**\n   * Y-axis value (numeric).\n   */\n  y: number;\n  /**\n   * Optional color for this specific data point.\n   */\n  color?: ColorValue;\n};\n\n/**\n * Line chart specific styling options.\n */\nexport type LineChartStyle = {\n  /**\n   * Dash pattern array. Empty array or undefined for solid lines.\n   * @example [5, 5] for dashed line, [2, 2] for dotted line\n   */\n  dashArray?: number[];\n  /**\n   * Line stroke width.\n   */\n  width?: number;\n  /**\n   * Point symbol style.\n   */\n  pointStyle?: PointStyle;\n  /**\n   * Point symbol size.\n   */\n  pointSize?: number;\n  /**\n   * Line color.\n   */\n  color?: ColorValue;\n};\n\n/**\n * Area chart specific styling options.\n */\nexport type AreaChartStyle = {\n  /**\n   * Area fill color.\n   */\n  color?: ColorValue;\n};\n\n/**\n * Bar chart specific styling options.\n */\nexport type BarChartStyle = {\n  /**\n   * Corner radius for rounded bar corners.\n   */\n  cornerRadius?: number;\n  /**\n   * Custom bar width.\n   */\n  width?: number;\n};\n\n/**\n * Pie chart specific styling options.\n */\nexport type PieChartStyle = {\n  /**\n   * Inner radius ratio (0.0 = full pie, 0.5 = donut).\n   */\n  innerRadius?: number;\n  /**\n   * Space between slices in points.\n   */\n  angularInset?: number;\n};\n\n/**\n * Point chart specific styling options.\n */\nexport type PointChartStyle = {\n  /**\n   * Point symbol style.\n   */\n  pointStyle?: PointStyle;\n  /**\n   * Point symbol size.\n   */\n  pointSize?: number;\n};\n\nexport type ChartProps = {\n  /**\n   * Array of data points to display.\n   */\n  data: ChartDataPoint[];\n  /**\n   * Type of chart to render.\n   */\n  type?: ChartType;\n  /**\n   * Whether to show grid lines.\n   */\n  showGrid?: boolean;\n  /**\n   * Whether to animate chart changes.\n   */\n  animate?: boolean;\n  /**\n   * Whether to show chart legend.\n   * - Only works when individual dataPoint colors are NOT provided (uses categorical styling)\n   * - Useful for `bar` and `pie` charts (shows category colors)\n   * - Not applicable for `line` and `area` charts (single-series data)\n   * - If dataPoint has individual colors, legend won't appear - use data without colors to see legend\n   */\n  showLegend?: boolean;\n  /**\n   * Line chart specific styling options.\n   */\n  lineStyle?: LineChartStyle;\n  /**\n   * Point chart specific styling options.\n   */\n  pointStyle?: PointChartStyle;\n  /**\n   * Area chart specific styling options.\n   */\n  areaStyle?: AreaChartStyle;\n  /**\n   * Bar chart specific styling options.\n   */\n  barStyle?: BarChartStyle;\n  /**\n   * Pie chart specific styling options.\n   */\n  pieStyle?: PieChartStyle;\n} & CommonViewModifierProps;\n\nconst ChartNativeView: React.ComponentType<ChartProps> = requireNativeView('ExpoUI', 'ChartView');\n\n/**\n * Renders a native Chart component using Swift Charts.\n * @platform ios\n */\nexport function Chart({\n  style,\n  data,\n  modifiers,\n  ...props\n}: ChartProps & { style?: StyleProp<ViewStyle> }) {\n  return (\n    <ChartNativeView\n      data={data}\n      modifiers={modifiers}\n      {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}\n      {...props}\n    />\n  );\n}\n"]}

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

@@ -1,5 +1,6 @@
 export * from './BottomSheet';
 export * from './Button';
+export * from './Chart';
 export * from './ColorPicker';
 export * from './ContentUnavailableView';
 export * from './ContextMenu';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/swift-ui/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/swift-ui/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}

package/build/swift-ui/index.js

@@ -1,5 +1,6 @@
 export * from './BottomSheet';
 export * from './Button';
+export * from './Chart';
 export * from './ColorPicker';
 export * from './ContentUnavailableView';
 export * from './ContextMenu';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/swift-ui/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC","sourcesContent":["export * from './BottomSheet';\nexport * from './Button';\nexport * from './ColorPicker';\nexport * from './ContentUnavailableView';\nexport * from './ContextMenu';\nexport * from './DatePicker';\nexport * from './DisclosureGroup';\nexport * from './Form';\nexport * from './Gauge';\nexport * from './Host';\nexport * from './Image';\nexport * from './Label';\nexport * from './Layout';\nexport * from './List';\nexport * from './Picker';\nexport * from './Progress';\nexport * from './Section';\nexport * from './ShareLink';\nexport * from './Slider';\nexport * from './Spacer';\nexport * from './Switch';\nexport * from './Text';\nexport * from './TextField';\nexport * from './SecureField';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/swift-ui/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC","sourcesContent":["export * from './BottomSheet';\nexport * from './Button';\nexport * from './Chart';\nexport * from './ColorPicker';\nexport * from './ContentUnavailableView';\nexport * from './ContextMenu';\nexport * from './DatePicker';\nexport * from './DisclosureGroup';\nexport * from './Form';\nexport * from './Gauge';\nexport * from './Host';\nexport * from './Image';\nexport * from './Label';\nexport * from './Layout';\nexport * from './List';\nexport * from './Picker';\nexport * from './Progress';\nexport * from './Section';\nexport * from './ShareLink';\nexport * from './Slider';\nexport * from './Spacer';\nexport * from './Switch';\nexport * from './Text';\nexport * from './TextField';\nexport * from './SecureField';\n"]}

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

@@ -226,11 +226,22 @@ export declare const aspectRatio: (params: {
  * @param clipped - Whether to clip content
  */
 export declare const clipped: (clipped?: boolean) => ModifierConfig;
+/**
+ * Applies a glass effect to a view.
+ */
+export declare const glassEffect: (params?: {
+    glass?: {
+        variant: "regular" | "clear" | "identity";
+        interactive?: boolean;
+        tint?: string;
+    };
+    shape?: "circle" | "capsule" | "rectangle" | "ellipse";
+}) => 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>;
+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> | ReturnType<typeof glassEffect>;
 /**
  * Main ViewModifier type that supports both built-in and 3rd party modifiers.
  * 3rd party modifiers should return ModifierConfig objects with their own type strings.

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

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

@@ -194,6 +194,10 @@ export const aspectRatio = (params) => createModifier('aspectRatio', params);
  * @param clipped - Whether to clip content
  */
 export const clipped = (clipped = true) => createModifier('clipped', { clipped });
+/**
+ * Applies a glass effect to a view.
+ */
+export const glassEffect = (params) => createModifier('glassEffect', params);
 // =============================================================================
 // Utility Functions
 // =============================================================================

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/swift-ui/modifiers/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAYH;;;GAGG;AACH,SAAS,cAAc,CAAC,IAAY,EAAE,SAA8B,EAAE;IACpE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,CAAC;AACpC,CAAC;AAED;;GAEG;AACH,SAAS,+BAA+B,CACtC,IAAY,EACZ,aAAkC,EAClC,SAA8B,EAAE;IAEhC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,aAAa,EAAE,CAAC;AACnD,CAAC;AAED,gFAAgF;AAChF,8BAA8B;AAC9B,gFAAgF;AAEhF;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,cAAc,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AAErF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAE3F;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,MAAkE,EAAE,EAAE,CAC3F,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAmBrB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAEtC;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,MAQvB,EAAE,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAExC;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,UAAmB,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;AAE/F;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAmB,EAAE,EAAE,CAClD,+BAA+B,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;AAE3D;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAmB,EAAE,eAAwB,EAAE,EAAE,CAClF,+BAA+B,CAAC,oBAAoB,EAAE,OAAO,EAAE;IAC7D,eAAe,EAAE,eAAe,IAAI,GAAG;CACxC,CAAC,CAAC;AAEL,uEAAuE;AACvE,6DAA6D;AAE7D;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AAE/E;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,KAAkD,EAClD,YAAqB,EACrB,EAAE,CAAC,cAAc,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,MAAyC,EAAE,EAAE,CAClE,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAEnC;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,cAAc,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AAEvF;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,cAAc,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AAE7F;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,MAAkC,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAE/F;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,cAAc,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AAE/F;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AAEzE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,SAAkB,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAEvF;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AAE7E;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAE3E;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,cAAc,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAEvF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAEnF;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,cAAc,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAEvF;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,cAAc,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AAEvF;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,WAAoB,IAAI,EAAE,EAAE,CACtD,cAAc,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;AAE9C;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,cAAc,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;AAErF;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAClD,cAAc,CAAC,oBAAoB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AAElD;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,cAAc,CAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;AAEjG;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE,CAClD,cAAc,CAAC,oBAAoB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AAElD;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,cAAc,CAAC,gBAAgB,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;AAEnG;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAkD,EAAE,YAAqB,EAAE,EAAE,CAChG,cAAc,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,MAGvB,EAAE,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAExC;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAGjC,EAAE,EAAE,CAAC,cAAc,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAuD,EAAE,EAAE,CACrF,cAAc,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAExC;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,UAAmB,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;AAoD3F,gFAAgF;AAChF,oBAAoB;AACpB,gFAAgF;AAEhF;;;;;;;;;;GAUG;AACH,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAU,EAA2B,EAAE;IAChE,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC;AACxF,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAoB,EAAoB,EAAE;IACxE,OAAO,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC,CAAC","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"]}
+{"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 * Applies a glass effect to a view.\n */\nexport const glassEffect = (params?: {\n  glass?: {\n    variant: 'regular' | 'clear' | 'identity';\n    interactive?: boolean;\n    tint?: string;\n  };\n  shape?: 'circle' | 'capsule' | 'rectangle' | 'ellipse';\n}) => createModifier('glassEffect', params);\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  | ReturnType<typeof glassEffect>;\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/expo-module.config.json

@@ -9,7 +9,7 @@
     "publication": {
       "groupId": "expo.modules.ui",
       "artifactId": "expo.modules.ui",
-      "version": "0.2.0-alpha.2",
+      "version": "0.2.0-alpha.4",
       "repository": "local-maven-repo"
     }
   }

package/ios/ChartView.swift

@@ -0,0 +1,170 @@
+// Copyright 2025-present 650 Industries. All rights reserved.
+
+import SwiftUI
+import ExpoModulesCore
+import Charts
+
+enum ChartType: String, Enumerable {
+  case line
+  case point
+  case bar
+  case area
+  case pie
+}
+
+struct ChartDataPoint: Record {
+  @Field var x: String
+  @Field var y: Double
+  @Field var color: Color?
+}
+
+enum PointStyle: String, Enumerable {
+  case circle
+  case square
+  case diamond
+}
+
+struct LineChartStyle: Record {
+  @Field var dashArray: [Double]?
+  @Field var width: Double = 2.0
+  @Field var pointStyle: PointStyle = .circle
+  @Field var pointSize: Double = 6.0
+  @Field var color: Color?
+}
+
+struct AreaChartStyle: Record {
+  @Field var color: Color?
+}
+
+struct BarChartStyle: Record {
+  @Field var cornerRadius: Double = 0.0
+  @Field var width: Double?
+}
+
+struct PieChartStyle: Record {
+  @Field var innerRadius: Double = 0.3
+  @Field var angularInset: Double = 2.0
+}
+
+struct PointChartStyle: Record {
+  @Field var pointStyle: PointStyle = .circle
+  @Field var pointSize: Double = 6.0
+}
+
+final class ChartProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
+  @Field var modifiers: ModifierArray?
+  @Field var fixedSize: Bool?
+  @Field var frame: FrameOptions?
+  @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var data: [ChartDataPoint] = []
+  @Field var type: ChartType = .line
+  @Field var showGrid: Bool = true
+  @Field var animate: Bool = true
+  @Field var showLegend: Bool = false
+  @Field var lineStyle: LineChartStyle?
+  @Field var pointStyle: PointChartStyle?
+  @Field var areaStyle: AreaChartStyle?
+  @Field var barStyle: BarChartStyle?
+  @Field var pieStyle: PieChartStyle?
+}
+
+struct ChartView: ExpoSwiftUI.View {
+  @ObservedObject var props: ChartProps
+
+  @available(iOS 16.0, *)
+  private func createBaseBarMark(for dataPoint: ChartDataPoint) -> BarMark {
+    props.barStyle?.width != nil ?
+      BarMark(x: .value("X", dataPoint.x), y: .value("Y", dataPoint.y), width: .fixed(CGFloat(props.barStyle?.width ?? 0))) :
+      BarMark(x: .value("X", dataPoint.x), y: .value("Y", dataPoint.y))
+  }
+
+  @available(iOS 17.0, *)
+  private func createBasePieMark(for dataPoint: ChartDataPoint) -> SectorMark {
+    let style = props.pieStyle ?? PieChartStyle()
+    return SectorMark(angle: .value("Value", dataPoint.y), innerRadius: .ratio(style.innerRadius), angularInset: style.angularInset)
+  }
+
+  @available(iOS 16.0, *)
+  private func createAreaMark(for dataPoint: ChartDataPoint) -> some ChartContent {
+    AreaMark(x: .value("X", dataPoint.x), y: .value("Y", dataPoint.y))
+      .foregroundStyle(props.areaStyle?.color ?? .blue)
+  }
+
+  @available(iOS 16.0, *)
+  private func createLineMark(for dataPoint: ChartDataPoint) -> some ChartContent {
+    LineMark(x: .value("X", dataPoint.x), y: .value("Y", dataPoint.y))
+      .foregroundStyle(props.lineStyle?.color ?? .blue)
+      .symbol(getSymbol(props.lineStyle?.pointStyle ?? .circle))
+      .symbolSize(CGFloat(props.lineStyle?.pointSize ?? 6.0))
+      .lineStyle(getLineStyle(props.lineStyle?.dashArray ?? []))
+      .lineStyle(.init(lineWidth: CGFloat(props.lineStyle?.width ?? 2.0)))
+  }
+
+  @available(iOS 16.0, *)
+  private func createPointMark(for dataPoint: ChartDataPoint) -> some ChartContent {
+    PointMark(x: .value("X", dataPoint.x), y: .value("Y", dataPoint.y))
+      .foregroundStyle(dataPoint.color ?? .blue)
+      .symbol(getSymbol(props.pointStyle?.pointStyle ?? .circle))
+      .symbolSize(CGFloat(props.pointStyle?.pointSize ?? 6.0))
+  }
+
+  var body: some View {
+    if #available(iOS 16.0, *) {
+      let hasIndividualColors = props.data.contains { $0.color != nil }
+
+      Chart(props.data, id: \.x) { dataPoint in
+        switch props.type {
+        case .line:
+          createLineMark(for: dataPoint)
+        case .point:
+          createPointMark(for: dataPoint)
+        case .bar:
+          if hasIndividualColors {
+            createBaseBarMark(for: dataPoint).foregroundStyle(dataPoint.color ?? .blue).cornerRadius(CGFloat(props.barStyle?.cornerRadius ?? 0.0))
+          } else {
+            createBaseBarMark(for: dataPoint).foregroundStyle(by: .value("Category", dataPoint.x)).cornerRadius(CGFloat(props.barStyle?.cornerRadius ?? 0.0))
+          }
+        case .area:
+          createAreaMark(for: dataPoint)
+        case .pie:
+          if #available(iOS 17.0, *) {
+            if hasIndividualColors {
+              createBasePieMark(for: dataPoint).foregroundStyle(dataPoint.color ?? .blue).opacity(0.8)
+            } else {
+              createBasePieMark(for: dataPoint).foregroundStyle(by: .value("Category", dataPoint.x)).opacity(0.8)
+            }
+          }
+        }
+      }
+      .chartXAxis(props.showGrid ? .visible : .hidden)
+      .chartYAxis(props.showGrid ? .visible : .hidden)
+      .if(props.animate) { chart in
+        chart.animation(.easeInOut, value: props.data.count)
+      }
+      .if(props.showLegend) { chart in
+        chart.chartLegend(position: .automatic, spacing: 16)
+      }
+      .if(!props.showLegend) { chart in
+        chart.chartLegend(.hidden)
+      }
+      .modifier(CommonViewModifiers(props: props))
+    }
+  }
+
+  @available(iOS 16.0, *)
+  private func getSymbol(_ pointStyle: PointStyle) -> BasicChartSymbolShape {
+    switch pointStyle {
+    case .circle:
+      return .circle
+    case .square:
+      return .square
+    case .diamond:
+      return .diamond
+    }
+  }
+
+  private func getLineStyle(_ dashArray: [Double]) -> StrokeStyle {
+    StrokeStyle(dash: dashArray.map { CGFloat($0) })
+  }
+}

package/ios/ExpoUIModule.swift

@@ -8,6 +8,7 @@ public final class ExpoUIModule: Module {
 
     View(BottomSheetView.self)
     View(Button.self)
+    View(ChartView.self)
     View(ColorPickerView.self)
     View(DateTimePickerView.self)
     View(DisclosureGroupView.self)

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -212,14 +212,15 @@ internal struct ClipShapeModifier: ViewModifier {
   let shape: String
   let cornerRadius: CGFloat
 
+  @ViewBuilder
   func body(content: Content) -> some View {
     switch shape {
     case "circle":
-      return AnyView(content.clipShape(Circle()))
+      content.clipShape(Circle())
     case "roundedRectangle":
-      return AnyView(content.clipShape(RoundedRectangle(cornerRadius: cornerRadius)))
+      content.clipShape(RoundedRectangle(cornerRadius: cornerRadius))
     default:
-      return AnyView(content.clipShape(Rectangle()))
+      content.clipShape(Rectangle())
     }
   }
 }
@@ -322,14 +323,15 @@ internal struct MaskModifier: ViewModifier {
   let shape: String
   let cornerRadius: CGFloat
 
+  @ViewBuilder
   func body(content: Content) -> some View {
     switch shape {
     case "circle":
-      return AnyView(content.mask(Circle()))
+      content.mask(Circle())
     case "roundedRectangle":
-      return AnyView(content.mask(RoundedRectangle(cornerRadius: cornerRadius)))
+      content.mask(RoundedRectangle(cornerRadius: cornerRadius))
     default:
-      return AnyView(content.mask(Rectangle()))
+      content.mask(Rectangle())
     }
   }
 }
@@ -377,6 +379,50 @@ internal struct AnyViewModifier: ViewModifier {
   }
 }
 
+internal struct GlassEffectModifier: ViewModifier {
+  let glassVariant: String
+  let interactive: Bool
+  let tint: Color?
+  let shape: String
+
+  @ViewBuilder
+  func body(content: Content) -> some View {
+    if #available(iOS 26.0, *) {
+      #if compiler(>=6.2) // Xcode 26
+      let glass = parseGlassVariant(glassVariant)
+      switch shape {
+      case "capsule":
+        content.glassEffect(glass.interactive(interactive).tint(tint), in: Capsule())
+      case "circle":
+        content.glassEffect(glass.interactive(interactive).tint(tint), in: Circle())
+      case "ellipse":
+        content.glassEffect(glass.interactive(interactive).tint(tint), in: Ellipse())
+      default:
+        content.glassEffect(glass.interactive(interactive).tint(tint), in: Rectangle())
+      }
+      #else
+      content
+      #endif
+    } else {
+      content
+    }
+  }
+
+  #if compiler(>=6.2) // Xcode 26
+  @available(iOS 26.0, *)
+  private func parseGlassVariant(_ glassString: String) -> Glass {
+    switch glassString {
+    case "regular":
+      return .regular
+    case "clear":
+      return .clear
+    default:
+      return .identity
+    }
+  }
+  #endif
+}
+
 // MARK: - Registry
 
 /**
@@ -660,6 +706,21 @@ extension ViewModifierRegistry {
       let alignment = parseAlignment(alignmentString)
       return BackgroundOverlayModifier(color: color, alignment: alignment)
     }
+
+    register("glassEffect") { params, _ in
+      let glassDict = params["glass"] as? [String: Any]
+      let glassVariant = glassDict?["variant"] as? String ?? "regular"
+      let interactive = glassDict?["interactive"] as? Bool ?? false
+      let tintColor = (glassDict?["tint"] as? String).map { Color(hex: $0) }
+      let shape = params["shape"] as? String ?? "capsule"
+
+      return GlassEffectModifier(
+        glassVariant: glassVariant,
+        interactive: interactive,
+        tint: tintColor,
+        shape: shape
+      )
+    }
   }
 }
 

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.module → 0.2.0-alpha.4/expo.modules.ui-0.2.0-alpha.4.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "0.2.0-alpha.2",
+    "version": "0.2.0-alpha.4",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,8 +24,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-alpha.2.aar",
-          "url": "expo.modules.ui-0.2.0-alpha.2.aar",
+          "name": "expo.modules.ui-0.2.0-alpha.4.aar",
+          "url": "expo.modules.ui-0.2.0-alpha.4.aar",
           "size": 290997,
           "sha512": "384cd29a311455c4ae4cf149d310dcfe14a19327037155ed2d92caaa560f8dddb508848c5d53f4df052616c6a7ea375f7c71c65005b033059cbb2371347cc41c",
           "sha256": "b1c1a4d274c028b10bac4f977b1cfb740b2b70099a3d5dda908d8672810ad77c",
@@ -102,8 +102,8 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-alpha.2.aar",
-          "url": "expo.modules.ui-0.2.0-alpha.2.aar",
+          "name": "expo.modules.ui-0.2.0-alpha.4.aar",
+          "url": "expo.modules.ui-0.2.0-alpha.4.aar",
           "size": 290997,
           "sha512": "384cd29a311455c4ae4cf149d310dcfe14a19327037155ed2d92caaa560f8dddb508848c5d53f4df052616c6a7ea375f7c71c65005b033059cbb2371347cc41c",
           "sha256": "b1c1a4d274c028b10bac4f977b1cfb740b2b70099a3d5dda908d8672810ad77c",
@@ -122,8 +122,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-alpha.2-sources.jar",
-          "url": "expo.modules.ui-0.2.0-alpha.2-sources.jar",
+          "name": "expo.modules.ui-0.2.0-alpha.4-sources.jar",
+          "url": "expo.modules.ui-0.2.0-alpha.4-sources.jar",
           "size": 18894,
           "sha512": "b6fd029855da3e7ceb97e20cf9dbcbf73f0b81342a24eb9e1988d7d05734fb038080702280129e643d1acab4b1ca0d9d2147d54f64906f6824659640bcc12b46",
           "sha256": "ab99988e09f8bda506deaa7eded3b45bfa56f444c6f55c78d7814cfb6c40918b",

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.4/expo.modules.ui-0.2.0-alpha.4.module.md5

@@ -0,0 +1 @@
+d3707c8fc68367d427a648be7f169757

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.4/expo.modules.ui-0.2.0-alpha.4.module.sha1

@@ -0,0 +1 @@
+7e4951e603241046e1edabfdcba7561bca1a189f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.4/expo.modules.ui-0.2.0-alpha.4.module.sha256

@@ -0,0 +1 @@
+849491fbc841e784857f7a77394a48042872aa09bdfea7f6b1739e561cb736e7

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.4/expo.modules.ui-0.2.0-alpha.4.module.sha512

@@ -0,0 +1 @@
+54cd4c1734fbd2fb68a02b9766bd283a86309a409deecf0a002f8a592f105190281b57b0137ce5bc4105eeeace94669f484cf884bde10bfe4bb189088b7fa272

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.pom → 0.2.0-alpha.4/expo.modules.ui-0.2.0-alpha.4.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>0.2.0-alpha.2</version>
+  <version>0.2.0-alpha.4</version>
   <packaging>aar</packaging>
   <name>expo.modules.ui</name>
   <url>https://github.com/expo/expo</url>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.4/expo.modules.ui-0.2.0-alpha.4.pom.md5

@@ -0,0 +1 @@
+75722adf092779a7590e996f73e18b4d

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.4/expo.modules.ui-0.2.0-alpha.4.pom.sha1

@@ -0,0 +1 @@
+0648eab630c5de347b712fbb19c64d63694df48d

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.4/expo.modules.ui-0.2.0-alpha.4.pom.sha256

@@ -0,0 +1 @@
+bae1f7fb71954a534a51a69165749687b76152719e9a27c416171c1c4fa3d331

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.4/expo.modules.ui-0.2.0-alpha.4.pom.sha512

@@ -0,0 +1 @@
+8a2ba4f990a0c9e4290244c08c2d2f63a05e4099db98b981bacf7fc5ea3ca1abf17fc45de49160e685f8fa053f6eeb0b6044a51e39794a85f5426119049b069b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml

@@ -3,11 +3,11 @@
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
   <versioning>
-    <latest>0.2.0-alpha.2</latest>
-    <release>0.2.0-alpha.2</release>
+    <latest>0.2.0-alpha.4</latest>
+    <release>0.2.0-alpha.4</release>
     <versions>
-      <version>0.2.0-alpha.2</version>
+      <version>0.2.0-alpha.4</version>
     </versions>
-    <lastUpdated>20250817001225</lastUpdated>
+    <lastUpdated>20250819175536</lastUpdated>
   </versioning>
 </metadata>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.md5

@@ -1 +1 @@
-3082b97a312a6469219f32e0f2c16970
+d659af2e40c0c2f279bc102e20ded541

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha1

@@ -1 +1 @@
-bde0a07c71de9701e97e10a867147fcc518499b5
+fc75cf1c3d69673ce289ec32bb75b03c2aa4d4f7

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha256

@@ -1 +1 @@
-a129b569318b20e3395910904ade09331de52525273946c1c751bc77719a0275
+cbbe7320ee2f19031ae39d5aecacbd97386bc239f5eeb0110d510e47d0a3cfe8

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha512

@@ -1 +1 @@
-79754ea6872d61b1a175057bfaf2a4250fe3c2ddf1f0dac39eceba5fd489f6ed2d3c0b7e98b825ebb92081c76624b9f4866db62d6676b1e48528b27147619050
+7c278857384e85da96ff2efd929a67383d4dda5b9f011d96cadc3b3cf132fc7ab3141917951567fcbf1d13496fdc6e1f2eb1fc308d8750844a84aa2a909b74d4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "0.2.0-alpha.2",
+  "version": "0.2.0-alpha.4",
   "description": "A collection of UI components",
   "scripts": {
     "build": "expo-module build",
@@ -34,5 +34,5 @@
     "react": "*",
     "react-native": "*"
   },
-  "gitHead": "eaa9b645058cf2233fbb27bb21a19bc605c90a88"
+  "gitHead": "de2ce610a804a8f3ddcee6ea9474543e81b903bd"
 }

package/src/swift-ui/Chart/index.tsx

@@ -0,0 +1,189 @@
+import { requireNativeView } from 'expo';
+import { ColorValue, StyleProp, ViewStyle } from 'react-native';
+
+import { createViewModifierEventListener } from '../modifiers/utils';
+import { CommonViewModifierProps } from '../types';
+
+/**
+ * The type of chart to display.
+ * - `line` charts show continuous lines with optional dash array, width, point symbols, and color.
+ * - `point` charts show discrete colored points with optional point style (circle, square, diamond) and size.
+ * - `bar` charts show vertical bars using system colors or individual ChartDataPoint colors, with optional corner radius and width styling.
+ * - `area` charts show filled areas under lines with color.
+ * - `pie` charts show pie slices with optional inner radius and angular inset. Pie charts require iOS 17.0+.
+ * @platform ios
+ */
+export type ChartType = 'line' | 'point' | 'bar' | 'area' | 'pie';
+
+/**
+ * Point symbol style options.
+ * @platform ios
+ */
+export type PointStyle = 'circle' | 'square' | 'diamond';
+
+/**
+ * Data point for the chart.
+ * @platform ios
+ */
+export type ChartDataPoint = {
+  /**
+   * X-axis value (label).
+   */
+  x: string;
+  /**
+   * Y-axis value (numeric).
+   */
+  y: number;
+  /**
+   * Optional color for this specific data point.
+   */
+  color?: ColorValue;
+};
+
+/**
+ * Line chart specific styling options.
+ */
+export type LineChartStyle = {
+  /**
+   * Dash pattern array. Empty array or undefined for solid lines.
+   * @example [5, 5] for dashed line, [2, 2] for dotted line
+   */
+  dashArray?: number[];
+  /**
+   * Line stroke width.
+   */
+  width?: number;
+  /**
+   * Point symbol style.
+   */
+  pointStyle?: PointStyle;
+  /**
+   * Point symbol size.
+   */
+  pointSize?: number;
+  /**
+   * Line color.
+   */
+  color?: ColorValue;
+};
+
+/**
+ * Area chart specific styling options.
+ */
+export type AreaChartStyle = {
+  /**
+   * Area fill color.
+   */
+  color?: ColorValue;
+};
+
+/**
+ * Bar chart specific styling options.
+ */
+export type BarChartStyle = {
+  /**
+   * Corner radius for rounded bar corners.
+   */
+  cornerRadius?: number;
+  /**
+   * Custom bar width.
+   */
+  width?: number;
+};
+
+/**
+ * Pie chart specific styling options.
+ */
+export type PieChartStyle = {
+  /**
+   * Inner radius ratio (0.0 = full pie, 0.5 = donut).
+   */
+  innerRadius?: number;
+  /**
+   * Space between slices in points.
+   */
+  angularInset?: number;
+};
+
+/**
+ * Point chart specific styling options.
+ */
+export type PointChartStyle = {
+  /**
+   * Point symbol style.
+   */
+  pointStyle?: PointStyle;
+  /**
+   * Point symbol size.
+   */
+  pointSize?: number;
+};
+
+export type ChartProps = {
+  /**
+   * Array of data points to display.
+   */
+  data: ChartDataPoint[];
+  /**
+   * Type of chart to render.
+   */
+  type?: ChartType;
+  /**
+   * Whether to show grid lines.
+   */
+  showGrid?: boolean;
+  /**
+   * Whether to animate chart changes.
+   */
+  animate?: boolean;
+  /**
+   * Whether to show chart legend.
+   * - Only works when individual dataPoint colors are NOT provided (uses categorical styling)
+   * - Useful for `bar` and `pie` charts (shows category colors)
+   * - Not applicable for `line` and `area` charts (single-series data)
+   * - If dataPoint has individual colors, legend won't appear - use data without colors to see legend
+   */
+  showLegend?: boolean;
+  /**
+   * Line chart specific styling options.
+   */
+  lineStyle?: LineChartStyle;
+  /**
+   * Point chart specific styling options.
+   */
+  pointStyle?: PointChartStyle;
+  /**
+   * Area chart specific styling options.
+   */
+  areaStyle?: AreaChartStyle;
+  /**
+   * Bar chart specific styling options.
+   */
+  barStyle?: BarChartStyle;
+  /**
+   * Pie chart specific styling options.
+   */
+  pieStyle?: PieChartStyle;
+} & CommonViewModifierProps;
+
+const ChartNativeView: React.ComponentType<ChartProps> = requireNativeView('ExpoUI', 'ChartView');
+
+/**
+ * Renders a native Chart component using Swift Charts.
+ * @platform ios
+ */
+export function Chart({
+  style,
+  data,
+  modifiers,
+  ...props
+}: ChartProps & { style?: StyleProp<ViewStyle> }) {
+  return (
+    <ChartNativeView
+      data={data}
+      modifiers={modifiers}
+      {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}
+      {...props}
+    />
+  );
+}

package/src/swift-ui/index.tsx

@@ -1,5 +1,6 @@
 export * from './BottomSheet';
 export * from './Button';
+export * from './Chart';
 export * from './ColorPicker';
 export * from './ContentUnavailableView';
 export * from './ContextMenu';

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

@@ -292,6 +292,18 @@ export const aspectRatio = (params: { ratio: number; contentMode?: 'fit' | 'fill
  */
 export const clipped = (clipped: boolean = true) => createModifier('clipped', { clipped });
 
+/**
+ * Applies a glass effect to a view.
+ */
+export const glassEffect = (params?: {
+  glass?: {
+    variant: 'regular' | 'clear' | 'identity';
+    interactive?: boolean;
+    tint?: string;
+  };
+  shape?: 'circle' | 'capsule' | 'rectangle' | 'ellipse';
+}) => createModifier('glassEffect', params);
+
 // =============================================================================
 // Type Definitions
 // =============================================================================
@@ -334,7 +346,8 @@ export type BuiltInModifier =
   | ReturnType<typeof overlay>
   | ReturnType<typeof backgroundOverlay>
   | ReturnType<typeof aspectRatio>
-  | ReturnType<typeof clipped>;
+  | ReturnType<typeof clipped>
+  | ReturnType<typeof glassEffect>;
 
 /**
  * Main ViewModifier type that supports both built-in and 3rd party modifiers.

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.module.md5

@@ -1 +0,0 @@
-ebd622454b8774b1d8ab9e5e13faef28

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.module.sha1

@@ -1 +0,0 @@
-72cb5c3cd1ca2c656fd9f9c5a82e39e076b998e6

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.module.sha256

@@ -1 +0,0 @@
-51b8e44c8de591afb564cca40096f2923a77c03577e8aa204aa187d6dd871aa8

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.module.sha512

@@ -1 +0,0 @@
-acd769c1604cc8b0ef715b2f02991e2a52a6157f5c1c101092bcbb9baadb42ffba7963415b68a9716e0274e12cec59481b8436e795f1e7d9ee11af7b3adfa523

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.pom.md5

@@ -1 +0,0 @@
-732bab5d7fc9465e34d27e82c59951f5

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.pom.sha1

@@ -1 +0,0 @@
-99c4b297650ecd03d9207c8380a537e1e9fea2fd

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.pom.sha256

@@ -1 +0,0 @@
-1dfbdb4e571d7f6434abdca55138ea887a886e1c8c6df3ab1bedb0a576f02551

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-alpha.2/expo.modules.ui-0.2.0-alpha.2.pom.sha512

@@ -1 +0,0 @@
-0b1ca33275c23c58e10e53cfdb637b81b1cc07d9daa34d0def0ec3b2d2e4f3cb92688325ecee2c9d9afb45575d71bdf1faaa65d69dca03140004d5f52bedd7f9