@expo/ui 0.1.1-alpha.0 → 0.1.1-alpha.1

package/BottomSheet/index.tsx

@@ -1,12 +1,28 @@
 import { StyleProp, ViewStyle } from 'react-native';
 
 export type BottomSheetProps = {
+  /**
+   * Optional styles to apply to the `BottomSheet` component.
+   */
   style?: StyleProp<ViewStyle>;
+  /**
+   * The children of the `BottomSheet` component.
+   */
   children: any;
+  /**
+   * Whether the `BottomSheet` is opened.
+   */
   isOpened: boolean;
+  /**
+   * Callback function that is called when the `BottomSheet` is opened.
+   */
   onIsOpenedChange: (isOpened: boolean) => void;
 };
 
+/**
+ * Renders a native `BottomSheet` component.
+ * @platform ios
+ */
 export function BottomSheet({ children }: BottomSheetProps) {
   return children;
 }

package/Button/index.tsx

@@ -18,21 +18,22 @@ export type ButtonRole = 'default' | 'cancel' | 'destructive';
  *
  * Common styles:
  * - `default` - The default system button style.
- * - `bordered` - A button with a light fill. On Android equivalent to `FilledTonalButton`.
- * - `borderless` - A button with no background or border. On Android equivalent to `TextButton`.
+ * - `bordered` - A button with a light fill. On Android, equivalent to `FilledTonalButton`.
+ * - `borderless` - A button with no background or border. On Android, equivalent to `TextButton`.
+ *
+ * Android-only styles:
+ * - `outlined` - A button with an outline.
+ * - `elevated` - A filled button with a shadow.
  *
  * Apple-only styles:
  * - `borderedProminent` - A bordered button with a prominent appearance.
  * - `plain` - A button with no border or background and a less prominent text.
- * MacOS-only styles:
+ * macOS-only styles:
  * - `accessoryBar` - A button style for accessory bars.
  * - `accessoryBarAction` - A button style for accessory bar actions.
  * - `card` - A button style for cards.
  * - `link` - A button style for links.
  *
- * Android-only styles:
- * - `outlined` - A button with an outline.
- * - `elevated` - A filled button with a shadow.
  */
 export type ButtonVariant =
   // Common

package/CHANGELOG.md

@@ -10,6 +10,10 @@
 
 ### 💡 Others
 
+## 0.1.1-alpha.1 — 2025-04-11
+
+_This version does not introduce any user-facing changes._
+
 ## 0.1.1-alpha.0 — 2025-04-10
 
 _This version does not introduce any user-facing changes._
@@ -46,6 +50,7 @@ _This version does not introduce any user-facing changes._
 - Standardize platform key ordering in `expo-module.config.json`. ([#35003](https://github.com/expo/expo/pull/35003) by [@reichhartd](https://github.com/reichhartd))
 - Dismiss context menu when a menu item is tapped on Android ([#35365](https://github.com/expo/expo/pull/35365) by [@fobos531](https://github.com/fobos531))
 - Migrated SwiftUI views with backward compatible `WithHostingView`. ([#35553](https://github.com/expo/expo/pull/35553) by [@kudo](https://github.com/kudo))
+- Introduced `SwiftUI` components. ([#35555](https://github.com/expo/expo/pull/35555) by [@kudo](https://github.com/kudo))
 
 ## 0.0.2 — 2025-02-11
 

package/ColorPicker/index.tsx

@@ -2,16 +2,13 @@ import { requireNativeView } from 'expo';
 import { useCallback } from 'react';
 import { NativeSyntheticEvent, processColor, StyleProp, ViewStyle } from 'react-native';
 
-/**
- * Props for the ColorPicker component.
- */
 export type ColorPickerProps = {
   /**
    * The currently selected color in the format `#RRGGBB` or `#RRGGBBAA`.
    */
   selection: string | null;
   /**
-   * A label displayed on the ColorPicker.
+   * A label displayed on the `ColorPicker`.
    */
   label?: string;
   /**
@@ -19,7 +16,7 @@ export type ColorPickerProps = {
    */
   onValueChanged?: (value: string) => void;
   /**
-   * Optional style to apply to the ColorPicker component.
+   * Optional style to apply to the `ColorPicker` component.
    */
   style?: StyleProp<ViewStyle>;
   /**
@@ -37,6 +34,10 @@ const ColorPickerNativeView: React.ComponentType<
   }
 > = requireNativeView('ExpoUI', 'ColorPickerView');
 
+/**
+ * Renders a `ColorPicker` component using SwiftUI.
+ * @platform ios
+ */
 export function ColorPicker({ selection, onValueChanged, ...restProps }: ColorPickerProps) {
   const onNativeValueChanged = useCallback(
     (event: OnValueChangedEvent) => {

package/ContextMenu/index.tsx

@@ -7,10 +7,7 @@ import { ButtonProps } from '../Button';
 import { PickerProps } from '../Picker';
 import { SwitchProps } from '../Switch';
 
-const MenuNativeView: ComponentType<NativeMenuProps> = requireNativeView(
-  'ExpoUI',
-  'ContextMenu'
-);
+const MenuNativeView: ComponentType<NativeMenuProps> = requireNativeView('ExpoUI', 'ContextMenu');
 
 const MenuNativeTriggerView: ComponentType<object> = requireNativeView(
   'ExpoUI',
@@ -77,7 +74,7 @@ export type ContextMenuProps = {
   color?: string;
 
   /**
-   * Optional styles to apply to the `ContextMenu`
+   * Optional styles to apply to the `ContextMenu`.
    */
   style?: StyleProp<ViewStyle>;
 };
@@ -155,8 +152,8 @@ export function Preview(props: { children: React.ReactNode }) {
  * `ContextMenu` allows you to create a context menu, which can be used to provide additional options to the user.
  *
  * There are some platform-specific differences in the behavior of the context menu:
- * - On Android the expansion of the context menu is controlled by the (`expanded`)[#expanded] prop, iOS does not allow for manual control of the expansion state.
- * - On iOS the context menu can be triggered by a single press or a long press. The `activationMethod` prop allows you to choose between these two options.
+ * - On Android, the expansion of the context menu is controlled by the `expanded` prop. iOS, does not allow for manual control of the expansion state.
+ * - On iOS, the context menu can be triggered by a single press or a long press. The `activationMethod` prop allows you to choose between these two options.
  * - Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple sections. The `title` prop of the `Button`, which opens the submenu on iOS will be used as a section title.
  * - Android does not support showing a `Picker` element in the context menu.
  */

package/DatePicker/index.tsx

@@ -4,16 +4,13 @@ import { StyleProp, ViewStyle } from 'react-native';
 
 import { ViewEvent } from '../src/types';
 
-type AndroidVariant = 'picker' | 'input';
+export type AndroidVariant = 'picker' | 'input';
 
-type IOSVariant = 'wheel' | 'automatic' | 'graphical' | 'compact';
+export type IOSVariant = 'wheel' | 'automatic' | 'graphical' | 'compact';
 
-type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';
+export type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';
 
-/**
- * Props for the DatePicker component.
- */
-export type DatePickerProps = {
+export type DateTimePickerProps = {
   /**
    * The initial date to display on the picker.
    */
@@ -70,13 +67,16 @@ export type DatePickerProps = {
 };
 
 type NativeDatePickerProps = Omit<
-  DatePickerProps,
+  DateTimePickerProps,
   'iosVariant' | 'androidVariant' | 'onDateSelected'
 > & {
   variant?: IOSVariant | AndroidVariant;
 } & ViewEvent<'onDateSelected', { date: Date }>;
 
-export function transformDatePickerProps(props: DatePickerProps): NativeDatePickerProps {
+/**
+ * @hidden
+ */
+export function transformDateTimePickerProps(props: DateTimePickerProps): NativeDatePickerProps {
   const { iosVariant, androidVariant, ...rest } = props;
   return {
     ...rest,
@@ -92,6 +92,9 @@ const DatePickerNativeView: React.ComponentType<NativeDatePickerProps> = require
   'DateTimePickerView'
 );
 
-export function DateTimePicker(props: DatePickerProps) {
-  return <DatePickerNativeView {...transformDatePickerProps(props)} />;
+/**
+ * Renders a `DateTimePicker` component.
+ */
+export function DateTimePicker(props: DateTimePickerProps) {
+  return <DatePickerNativeView {...transformDateTimePickerProps(props)} />;
 }

package/Gauge/index.tsx

@@ -2,11 +2,16 @@ import { requireNativeView } from 'expo';
 import { ColorValue, Platform, StyleProp, ViewStyle } from 'react-native';
 
 /**
- * Gauge style type.
+ * The type of `Gauge`.
+ * @platform ios
  */
-type GuageType = 'default' | 'circular' | 'circularCapacity' | 'linear' | 'linearCapacity';
+export type GaugeType = 'default' | 'circular' | 'circularCapacity' | 'linear' | 'linearCapacity';
 
-type ValueOptions = {
+/**
+ * Value options for the `Gauge` component.
+ * @platform ios
+ */
+export type ValueOptions = {
   /**
    * Value of the element.
    */
@@ -21,12 +26,9 @@ type ValueOptions = {
   color?: ColorValue;
 };
 
-/**
- * Props for the Gauge component.
- */
 export type GaugeProps = {
   /**
-   * A label displayed on the Gauge.
+   * A label displayed on the `Gauge`.
    */
   label?: string;
   /**
@@ -46,15 +48,15 @@ export type GaugeProps = {
    */
   max?: ValueOptions;
   /**
-   * Gauge style type.
+   * The type of `Gauge`.
    */
-  type?: GuageType;
+  type?: GaugeType;
   /**
-   * Color (or array of colors for gradient) of the Gauge.
+   * Color (or array of colors for gradient) of the `Gauge`.
    */
   color?: ColorValue | ColorValue[];
   /**
-   * Optional style to apply to the Guage component.
+   * Optional style to apply to the `Gauge` component.
    */
   style?: StyleProp<ViewStyle>;
 };
@@ -65,6 +67,10 @@ if (Platform.OS === 'ios') {
   GaugeNativeView = requireNativeView('ExpoUI', 'GaugeView');
 }
 
+/**
+ * Renders a native `Gauge` component.
+ * @platform ios
+ */
 export function Gauge({ type = 'default', ...props }: GaugeProps) {
   if (!GaugeNativeView) {
     return null;

package/Label/index.tsx

@@ -23,7 +23,7 @@ export type LabelProps = {
 };
 
 /**
- * Renders a native label view, which could be used in a list or section.
+ * Renders a native label view, which could be used in a [`List`](#list) or [`Section`](#section).
  *
  * @param {LabelProps} props - The properties passed to the Label component.
  * @returns {JSX.Element} The rendered native Label component.

package/Picker/index.tsx

@@ -20,9 +20,6 @@ export type PickerElementColors = {
   disabledInactiveContainerColor?: string;
 };
 
-/**
- * Props for the Picker component.
- */
 export type PickerProps = {
   /**
    * An array of options to be displayed in the picker.

package/Progress/index.tsx

@@ -10,7 +10,7 @@ export type ProgressElementColors = {
   trackColor?: ColorValue;
 };
 
-export type ProgressProps = {
+export type CircularProgressProps = {
   /**
    * Custom styles for the progress component.
    */
@@ -30,19 +30,47 @@ export type ProgressProps = {
   elementColors?: ProgressElementColors;
 };
 
-type NativeProgressProps = ProgressProps & {
-  variant: 'linear' | 'circular';
+export type LinearProgressProps = {
+  /**
+   * Custom styles for the progress component.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * The current progress value of the slider. This is a number between `0` and `1`.
+   */
+  progress?: number | null;
+  /**
+   * Progress color.
+   */
+  color?: ColorValue;
+  /**
+   * Colors for switch's core elements.
+   * @platform android
+   */
+  elementColors?: ProgressElementColors;
 };
 
+type NativeProgressProps =
+  | CircularProgressProps
+  | (LinearProgressProps & {
+      variant: 'linear' | 'circular';
+    });
+
 const NativeProgressView: React.ComponentType<NativeProgressProps> = requireNativeView(
   'ExpoUI',
   'ProgressView'
 );
 
-export function CircularProgress(props: ProgressProps) {
+/**
+ * Renders a `CircularProgress` component.
+ */
+export function CircularProgress(props: CircularProgressProps) {
   return <NativeProgressView {...props} variant="circular" />;
 }
 
-export function LinearProgress(props: ProgressProps) {
+/**
+ * Renders a `LinearProgress` component.
+ */
+export function LinearProgress(props: LinearProgressProps) {
   return <NativeProgressView {...props} variant="linear" />;
 }

package/Switch/index.tsx

@@ -33,7 +33,7 @@ export type SwitchProps = {
   /**
    * Label for the switch.
    *
-   * > On Android the label has an effect only when the `Switch` is used inside a `ContextMenu`.
+   * > On Android, the label has an effect only when the `Switch` is used inside a `ContextMenu`.
    * @platform ios
    */
   label?: string;

package/TextInput/index.tsx

@@ -8,9 +8,6 @@ import { ViewEvent } from '../src/types';
  */
 export type TextInputRole = 'default' | 'cancel' | 'destructive';
 
-/**
- * Props for the TextInput component.
- */
 export type TextInputProps = {
   /**
    * Additional styles to apply to the TextInput.
@@ -36,7 +33,7 @@ export type TextInputProps = {
    */
   numberOfLines?: number;
   /**
-   * Determines which keyboard to open, e.g., numeric.
+   * Determines which keyboard to open. For example, `'numeric'`.
    *
    * Types that work on both platforms:
    * - default
@@ -103,6 +100,9 @@ function transformTextInputProps(props: TextInputProps): NativeTextInputProps {
   };
 }
 
+/**
+ * Renders a `TextInput` component.
+ */
 export function TextInput(props: TextInputProps) {
   return <TextInputNativeView {...transformTextInputProps(props)} style={props.style} />;
 }

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.1.1-alpha.0'
+version = '0.1.1-alpha.1'
 
 android {
   namespace "expo.modules.ui"
   defaultConfig {
     versionCode 1
-    versionName "0.1.1-alpha.0"
+    versionName "0.1.1-alpha.1"
   }
   buildFeatures {
     compose true

package/build/BottomSheet/index.d.ts

@@ -0,0 +1,25 @@
+import { StyleProp, ViewStyle } from 'react-native';
+export type BottomSheetProps = {
+    /**
+     * Optional styles to apply to the `BottomSheet` component.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * The children of the `BottomSheet` component.
+     */
+    children: any;
+    /**
+     * Whether the `BottomSheet` is opened.
+     */
+    isOpened: boolean;
+    /**
+     * Callback function that is called when the `BottomSheet` is opened.
+     */
+    onIsOpenedChange: (isOpened: boolean) => void;
+};
+/**
+ * Renders a native `BottomSheet` component.
+ * @platform ios
+ */
+export declare function BottomSheet({ children }: BottomSheetProps): any;
+//# sourceMappingURL=index.d.ts.map

package/build/BottomSheet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../BottomSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,GAAG,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,OAEzD"}

package/build/Button/index.d.ts

@@ -14,21 +14,22 @@ export type ButtonRole = 'default' | 'cancel' | 'destructive';
  *
  * Common styles:
  * - `default` - The default system button style.
- * - `bordered` - A button with a light fill. On Android equivalent to `FilledTonalButton`.
- * - `borderless` - A button with no background or border. On Android equivalent to `TextButton`.
+ * - `bordered` - A button with a light fill. On Android, equivalent to `FilledTonalButton`.
+ * - `borderless` - A button with no background or border. On Android, equivalent to `TextButton`.
+ *
+ * Android-only styles:
+ * - `outlined` - A button with an outline.
+ * - `elevated` - A filled button with a shadow.
  *
  * Apple-only styles:
  * - `borderedProminent` - A bordered button with a prominent appearance.
  * - `plain` - A button with no border or background and a less prominent text.
- * MacOS-only styles:
+ * macOS-only styles:
  * - `accessoryBar` - A button style for accessory bars.
  * - `accessoryBarAction` - A button style for accessory bar actions.
  * - `card` - A button style for cards.
  * - `link` - A button style for links.
  *
- * Android-only styles:
- * - `outlined` - A button with an outline.
- * - `elevated` - A filled button with a shadow.
  */
 export type ButtonVariant = 'default' | 'bordered' | 'plain' | 'borderedProminent' | 'borderless' | 'accessoryBar' | 'accessoryBarAction' | 'card' | 'link' | 'outlined' | 'elevated';
 /**

package/build/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,SAAS,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,aAAa,GAErB,SAAS,GACT,UAAU,GACV,OAAO,GAEP,mBAAmB,GACnB,YAAY,GAEZ,cAAc,GACd,oBAAoB,GACpB,MAAM,GACN,MAAM,GAEN,UAAU,GACV,UAAU,CAAC;AAEf;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,YAAY,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,WAAW,EACX,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAChD,GAAG;IACF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAQvC;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAgB1E;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAWxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,SAAS,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,aAAa,GAErB,SAAS,GACT,UAAU,GACV,OAAO,GAEP,mBAAmB,GACnB,YAAY,GAEZ,cAAc,GACd,oBAAoB,GACpB,MAAM,GACN,MAAM,GAEN,UAAU,GACV,UAAU,CAAC;AAEf;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,YAAY,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,WAAW,EACX,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAChD,GAAG;IACF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAQvC;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAgB1E;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAWxC"}

package/build/ColorPicker/index.d.ts

@@ -0,0 +1,29 @@
+import { StyleProp, ViewStyle } from 'react-native';
+export type ColorPickerProps = {
+    /**
+     * The currently selected color in the format `#RRGGBB` or `#RRGGBBAA`.
+     */
+    selection: string | null;
+    /**
+     * A label displayed on the `ColorPicker`.
+     */
+    label?: string;
+    /**
+     * Callback function that is called when a new color is selected.
+     */
+    onValueChanged?: (value: string) => void;
+    /**
+     * Optional style to apply to the `ColorPicker` component.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Whether the color picker should support opacity.
+     */
+    supportsOpacity?: boolean;
+};
+/**
+ * Renders a `ColorPicker` component using SwiftUI.
+ * @platform ios
+ */
+export declare function ColorPicker({ selection, onValueChanged, ...restProps }: ColorPickerProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build/ColorPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAExF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAWF;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,SAAS,EAAE,EAAE,gBAAgB,+BAcxF"}

package/build/ContextMenu/index.d.ts

@@ -46,7 +46,7 @@ export type ContextMenuProps = {
      */
     color?: string;
     /**
-     * Optional styles to apply to the `ContextMenu`
+     * Optional styles to apply to the `ContextMenu`.
      */
     style?: StyleProp<ViewStyle>;
 };
@@ -114,8 +114,8 @@ export declare function Preview(props: {
  * `ContextMenu` allows you to create a context menu, which can be used to provide additional options to the user.
  *
  * There are some platform-specific differences in the behavior of the context menu:
- * - On Android the expansion of the context menu is controlled by the (`expanded`)[#expanded] prop, iOS does not allow for manual control of the expansion state.
- * - On iOS the context menu can be triggered by a single press or a long press. The `activationMethod` prop allows you to choose between these two options.
+ * - On Android, the expansion of the context menu is controlled by the `expanded` prop. iOS, does not allow for manual control of the expansion state.
+ * - On iOS, the context menu can be triggered by a single press or a long press. The `activationMethod` prop allows you to choose between these two options.
  * - Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple sections. The `title` prop of the `Button`, which opens the submenu on iOS will be used as a section title.
  * - Android does not support showing a `Picker` element in the context menu.
  */

package/build/ContextMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ContextMenu/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../ContextMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAmC,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAcxC,KAAK,cAAc,GACf,YAAY,CAAC,WAAW,CAAC,GACzB,YAAY,CAAC,WAAW,CAAC,GACzB,YAAY,CAAC,WAAW,CAAC,GACzB,YAAY,CAAC,YAAY,CAAC,CAAC;AAE/B,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,cAAc,GAAG,cAAc,EAAE,CAAC;CAC7C,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,CAChC,MAAM,EACN,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAC3D,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IAAE,oBAAoB,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtE;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,WAAW,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,0BAA0B,EAAE,CAC1B,KAAK,EAAE,oBAAoB,CAAC;QAAE,oBAAoB,EAAE,MAAM,CAAA;KAAE,CAAC,KAC1D,IAAI,CAAC;IACV,+BAA+B,EAAE,CAC/B,KAAK,EAAE,oBAAoB,CAAC;QAC1B,oBAAoB,EAAE,MAAM,CAAC;QAC7B,KAAK,EAAE,OAAO,CAAC;KAChB,CAAC,KACC,IAAI,CAAC;IACV,iCAAiC,EAAE,CACjC,KAAK,EAAE,oBAAoB,CAAC;QAC1B,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,oBAAoB,EAAE,MAAM,CAAC;KAC9B,CAAC,KACC,IAAI,CAAC;CACX,CAAC;AAEF;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAE1C;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAEzD;yBAFe,KAAK;;;AAIrB;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE3D;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE3D;AAED;;;;;;;;GAQG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA4B3C;kBA5BQ,WAAW;;;;;AAkCpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/build/DatePicker/index.d.ts

@@ -0,0 +1,75 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import { ViewEvent } from '../src/types';
+export type AndroidVariant = 'picker' | 'input';
+export type IOSVariant = 'wheel' | 'automatic' | 'graphical' | 'compact';
+export type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';
+export type DateTimePickerProps = {
+    /**
+     * The initial date to display on the picker.
+     */
+    initialDate?: string | null;
+    /**
+     * A title displayed on the picker on iOS.
+     * @platform ios
+     */
+    title?: string;
+    /**
+     * Callback function that is called when a date is selected.
+     */
+    onDateSelected?: (date: Date) => void;
+    /**
+     * The variant of the picker, which determines its appearance and behavior.
+     * @platform ios
+     * @default 'automatic'
+     */
+    iosVariant?: IOSVariant;
+    /**
+     * The variant of the picker, which determines its appearance and behavior.
+     * @platform android
+     * @default 'picker'
+     */
+    androidVariant?: AndroidVariant;
+    /**
+     * Show to button to toggle between variants on Android.
+     * @platform android
+     * @default true
+     */
+    showVariantToggle?: boolean;
+    /**
+     * The components that the picker should display.
+     * On Android, you can have a picker that selects just the date or just the time.
+     * `dateAndTime` is only available on iOS and will result in a date picker on Android.
+     * On iOS, you can have a picker that selects both date and time.
+     * @default 'date'
+     */
+    displayedComponents?: DisplayedComponents;
+    /**
+     * Optional style to apply to the component.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * The tint color to use on the picker elements.
+     */
+    color?: string;
+    /**
+     * Determines what format the clock should be displayed in on Android.
+     * @platform android
+     * @default true
+     */
+    is24Hour?: boolean;
+};
+type NativeDatePickerProps = Omit<DateTimePickerProps, 'iosVariant' | 'androidVariant' | 'onDateSelected'> & {
+    variant?: IOSVariant | AndroidVariant;
+} & ViewEvent<'onDateSelected', {
+    date: Date;
+}>;
+/**
+ * @hidden
+ */
+export declare function transformDateTimePickerProps(props: DateTimePickerProps): NativeDatePickerProps;
+/**
+ * Renders a `DateTimePicker` component.
+ */
+export declare function DateTimePicker(props: DateTimePickerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../DatePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CAAC;AAEzE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,eAAe,GAAG,aAAa,CAAC;AAE3E,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,qBAAqB,GAAG,IAAI,CAC/B,mBAAmB,EACnB,YAAY,GAAG,gBAAgB,GAAG,gBAAgB,CACnD,GAAG;IACF,OAAO,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;CACvC,GAAG,SAAS,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAEhD;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,mBAAmB,GAAG,qBAAqB,CAS9F;AAOD;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAExD"}