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

package/build/jetpack-compose/ContextMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/ContextMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,QAAQ,EAA2B,OAAO,EAAE,MAAM,OAAO,CAAC;AAGnE,OAAO,EAAe,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAKvE,MAAM,cAAc,GAAyC,iBAAiB,CAC5E,QAAQ,EACR,aAAa,CACd,CAAC;AAmGF,MAAM,UAAU,OAAO;IACrB,OAAO,EAAE,GAAG,CAAC;AACf,CAAC;AAED,MAAM,UAAU,KAAK;IACnB,OAAO,EAAE,GAAG,CAAC;AACf,CAAC;AACD,KAAK,CAAC,GAAG,GAAG,OAAO,CAAC;AAEpB,MAAM,UAAU,OAAO,CAAC,KAAoC;IAC1D,OAAO,EAAE,GAAG,CAAC;AACf,CAAC;AACD,OAAO,CAAC,GAAG,GAAG,SAAS,CAAC;AAExB,MAAM,UAAU,OAAO,CAAC,KAAoC;IAC1D,OAAO,EAAE,GAAG,CAAC;AACf,CAAC;AAED,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,gBAAgB,GAAkB,EAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,CAClC,KAAK,CAAC,QAAe,EACrB,CAAC,CAAkE,EAAE,EAAE,CACrE,CAAC,CAAC,IAAI,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACrD,CAAC;IACF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,+BAA+B,CAAC,eAAe,EAAE,gBAAgB,CAAC,EACxE,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,iBAAiB,GAAG,QAAQ,CAAC,GAAG,CACpC,KAAK,CAAC,QAAe,EACrB,CAAC,CAAkE,EAAE,EAAE,CACrE,CAAC,CAAC,IAAI,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACvD,CAAC;IAEF,MAAM,kBAAkB,GACtB,CAAC,WAAmB,EAAE,EAAE,CAAC,CAAC,CAAyD,EAAE,EAAE;QACrF,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;QACpF,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACf,CAAC,CAAC;IAEJ,OAAO,CACL,CAAC,cAAc,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,QAAQ,CAAC,CAAC,iBAAiB,CAAC,CAC5B,0BAA0B,CAAC,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAC1D,+BAA+B,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC,CACrE,iCAAiC,CAAC,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,CAAC,CAC1E,IAAI,KAAK,CAAC,CACV;MAAA,CAAC,iBAAiB,CACpB;IAAA,EAAE,cAAc,CAAC,CAClB,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAC9B,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAC9B,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { Children, ReactElement, ReactNode, useMemo } from 'react';\nimport { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';\n\nimport { MenuElement, transformChildrenToElementArray } from './utils';\nimport { ButtonProps } from '../Button';\nimport { PickerProps } from '../Picker';\nimport { SwitchProps } from '../Switch';\n\nconst MenuNativeView: React.ComponentType<NativeMenuProps> = requireNativeView(\n  'ExpoUI',\n  'ContextMenu'\n);\n\ntype SubmenuElement =\n  | ReactElement<ButtonProps>\n  | ReactElement<SwitchProps>\n  | ReactElement<PickerProps>\n  | ReactElement<SubmenuProps>;\n\nexport type ContextMenuContentProps = {\n  children: SubmenuElement | SubmenuElement[];\n};\n\n/**\n * @hidden\n */\nexport type EventHandlers = Record<\n  string,\n  Record<string, (event: NativeSyntheticEvent<any>) => void>\n>;\n\n/**\n * @hidden\n */\nexport type ContextMenuElementBase = { contextMenuElementID: string };\n\n/**\n * Activation method of the context menu.\n * - `singlePress`: The context menu is opened with a single tap. Does not isolate the content.\n * - `longPress`: The context menu is opened with a long press. On iOS additionally Highlights the content by blurring the background.\n */\nexport type ActivationMethod = 'singlePress' | 'longPress';\n\n/**\n * Props of the `ContextMenu` component.\n */\nexport type ContextMenuProps = {\n  /**\n   * Determines how the context menu will be activated.\n   *\n   * @platform ios\n   */\n  activationMethod?: ActivationMethod;\n\n  /**\n   * The contents of the submenu are used as an anchor for the context menu.\n   * The children will be wrapped in a pressable element, which triggers opening of the context menu.\n   */\n  children: ReactNode;\n\n  /**\n   * The color of the container holding the context menu items.\n   *\n   * @platform android\n   */\n  color?: string;\n\n  /**\n   * Optional styles to apply to the `ContextMenu`.\n   */\n  style?: StyleProp<ViewStyle>;\n};\n\n/**\n * Props of the `Submenu` component.\n */\nexport type SubmenuProps = {\n  /**\n   * The button that will be used to expand the submenu. On Android the `text` prop of the `Button` will be used as a section title.\n   */\n  button: ReactElement<ButtonProps>;\n  /**\n   * Children of the submenu. Only `Button`, `Switch`, `Picker` and `Submenu` elements should be used.\n   */\n  children: ReactNode;\n};\n\n/**\n * @hidden\n */\ntype NativeMenuProps = ContextMenuProps & {\n  elements: MenuElement[];\n  onContextMenuButtonPressed: (\n    event: NativeSyntheticEvent<{ contextMenuElementID: string }>\n  ) => void;\n  onContextMenuSwitchValueChanged: (\n    event: NativeSyntheticEvent<{\n      contextMenuElementID: string;\n      value: boolean;\n    }>\n  ) => void;\n  onContextMenuPickerOptionSelected: (\n    event: NativeSyntheticEvent<{\n      index: number;\n      label: string;\n      contextMenuElementID: string;\n    }>\n  ) => void;\n};\n\nexport function Submenu() {\n  return <></>;\n}\n\nexport function Items() {\n  return <></>;\n}\nItems.tag = 'Items';\n\nexport function Trigger(props: { children: React.ReactNode }) {\n  return <></>;\n}\nTrigger.tag = 'Trigger';\n\nexport function Preview(props: { children: React.ReactNode }) {\n  return <></>;\n}\n\nfunction ContextMenu(props: ContextMenuProps) {\n  const eventHandlersMap: EventHandlers = {};\n  const initialChildren = Children.map(\n    props.children as any,\n    (c: { type: { tag: string }; props: { children: React.ReactNode } }) =>\n      c.type.tag === Items.tag ? c.props.children : null\n  );\n  const processedElements = useMemo(\n    () => transformChildrenToElementArray(initialChildren, eventHandlersMap),\n    [initialChildren]\n  );\n\n  const activationElement = Children.map(\n    props.children as any,\n    (c: { type: { tag: string }; props: { children: React.ReactNode } }) =>\n      c.type.tag === Trigger.tag ? c.props.children : null\n  );\n\n  const createEventHandler =\n    (handlerType: string) => (e: NativeSyntheticEvent<{ contextMenuElementID: string }>) => {\n      const handler = eventHandlersMap[e.nativeEvent.contextMenuElementID]?.[handlerType];\n      handler?.(e);\n    };\n\n  return (\n    <MenuNativeView\n      style={props.style}\n      elements={processedElements}\n      onContextMenuButtonPressed={createEventHandler('onPress')}\n      onContextMenuSwitchValueChanged={createEventHandler('onValueChange')}\n      onContextMenuPickerOptionSelected={createEventHandler('onOptionSelected')}\n      {...props}>\n      {activationElement}\n    </MenuNativeView>\n  );\n}\n\nContextMenu.Trigger = Trigger;\nContextMenu.Preview = Preview;\nContextMenu.Items = Items;\n\nexport { ContextMenu };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/ContextMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAE,QAAQ,EAA2B,OAAO,EAAE,MAAM,OAAO,CAAC;AAGnE,OAAO,EAAe,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAMvE,MAAM,cAAc,GAAyC,iBAAiB,CAC5E,QAAQ,EACR,aAAa,CACd,CAAC;AAsGF,MAAM,UAAU,OAAO;IACrB,OAAO,EAAE,GAAG,CAAC;AACf,CAAC;AAED,MAAM,UAAU,KAAK;IACnB,OAAO,EAAE,GAAG,CAAC;AACf,CAAC;AACD,KAAK,CAAC,GAAG,GAAG,OAAO,CAAC;AAEpB,MAAM,UAAU,OAAO,CAAC,KAAoC;IAC1D,OAAO,EAAE,GAAG,CAAC;AACf,CAAC;AACD,OAAO,CAAC,GAAG,GAAG,SAAS,CAAC;AAExB,MAAM,UAAU,OAAO,CAAC,KAAoC;IAC1D,OAAO,EAAE,GAAG,CAAC;AACf,CAAC;AAED,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,gBAAgB,GAAkB,EAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,CAClC,KAAK,CAAC,QAAe,EACrB,CAAC,CAAkE,EAAE,EAAE,CACrE,CAAC,CAAC,IAAI,CAAC,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACrD,CAAC;IACF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,+BAA+B,CAAC,eAAe,EAAE,gBAAgB,CAAC,EACxE,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,iBAAiB,GAAG,QAAQ,CAAC,GAAG,CACpC,KAAK,CAAC,QAAe,EACrB,CAAC,CAAkE,EAAE,EAAE,CACrE,CAAC,CAAC,IAAI,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACvD,CAAC;IAEF,MAAM,kBAAkB,GACtB,CAAC,WAAmB,EAAE,EAAE,CAAC,CAAC,CAAyD,EAAE,EAAE;QACrF,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;QACpF,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACf,CAAC,CAAC;IAEJ,OAAO,CACL,CAAC,cAAc,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,QAAQ,CAAC,CAAC,iBAAiB,CAAC,CAC5B,0BAA0B,CAAC,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAC1D,+BAA+B,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC,CACrE,iCAAiC,CAAC,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IAC1E,mBAAmB;IACnB,SAAS,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CACpE,IAAI,KAAK,CAAC,CACV;MAAA,CAAC,iBAAiB,CACpB;IAAA,EAAE,cAAc,CAAC,CAClB,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAC9B,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;AAC9B,WAAW,CAAC,KAAK,GAAG,KAAK,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { Children, ReactElement, ReactNode, useMemo } from 'react';\nimport { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';\n\nimport { MenuElement, transformChildrenToElementArray } from './utils';\nimport { ExpoModifier } from '../../types';\nimport { ButtonProps } from '../Button';\nimport { PickerProps } from '../Picker';\nimport { SwitchProps } from '../Switch';\n\nconst MenuNativeView: React.ComponentType<NativeMenuProps> = requireNativeView(\n  'ExpoUI',\n  'ContextMenu'\n);\n\ntype SubmenuElement =\n  | ReactElement<ButtonProps>\n  | ReactElement<SwitchProps>\n  | ReactElement<PickerProps>\n  | ReactElement<SubmenuProps>;\n\nexport type ContextMenuContentProps = {\n  children: SubmenuElement | SubmenuElement[];\n};\n\n/**\n * @hidden\n */\nexport type EventHandlers = Record<\n  string,\n  Record<string, (event: NativeSyntheticEvent<any>) => void>\n>;\n\n/**\n * @hidden\n */\nexport type ContextMenuElementBase = { contextMenuElementID: string };\n\n/**\n * Activation method of the context menu.\n * - `singlePress`: The context menu is opened with a single tap. Does not isolate the content.\n * - `longPress`: The context menu is opened with a long press. On iOS additionally Highlights the content by blurring the background.\n */\nexport type ActivationMethod = 'singlePress' | 'longPress';\n\n/**\n * Props of the `ContextMenu` component.\n */\nexport type ContextMenuProps = {\n  /**\n   * Determines how the context menu will be activated.\n   *\n   * @platform ios\n   */\n  activationMethod?: ActivationMethod;\n\n  /**\n   * The contents of the submenu are used as an anchor for the context menu.\n   * The children will be wrapped in a pressable element, which triggers opening of the context menu.\n   */\n  children: ReactNode;\n\n  /**\n   * The color of the container holding the context menu items.\n   *\n   * @platform android\n   */\n  color?: string;\n\n  /**\n   * Optional styles to apply to the `ContextMenu`.\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /** Modifiers for the component */\n  modifiers?: ExpoModifier[];\n};\n\n/**\n * Props of the `Submenu` component.\n */\nexport type SubmenuProps = {\n  /**\n   * The button that will be used to expand the submenu. On Android the `text` prop of the `Button` will be used as a section title.\n   */\n  button: ReactElement<ButtonProps>;\n  /**\n   * Children of the submenu. Only `Button`, `Switch`, `Picker` and `Submenu` elements should be used.\n   */\n  children: ReactNode;\n};\n\n/**\n * @hidden\n */\ntype NativeMenuProps = ContextMenuProps & {\n  elements: MenuElement[];\n  onContextMenuButtonPressed: (\n    event: NativeSyntheticEvent<{ contextMenuElementID: string }>\n  ) => void;\n  onContextMenuSwitchValueChanged: (\n    event: NativeSyntheticEvent<{\n      contextMenuElementID: string;\n      value: boolean;\n    }>\n  ) => void;\n  onContextMenuPickerOptionSelected: (\n    event: NativeSyntheticEvent<{\n      index: number;\n      label: string;\n      contextMenuElementID: string;\n    }>\n  ) => void;\n};\n\nexport function Submenu() {\n  return <></>;\n}\n\nexport function Items() {\n  return <></>;\n}\nItems.tag = 'Items';\n\nexport function Trigger(props: { children: React.ReactNode }) {\n  return <></>;\n}\nTrigger.tag = 'Trigger';\n\nexport function Preview(props: { children: React.ReactNode }) {\n  return <></>;\n}\n\nfunction ContextMenu(props: ContextMenuProps) {\n  const eventHandlersMap: EventHandlers = {};\n  const initialChildren = Children.map(\n    props.children as any,\n    (c: { type: { tag: string }; props: { children: React.ReactNode } }) =>\n      c.type.tag === Items.tag ? c.props.children : null\n  );\n  const processedElements = useMemo(\n    () => transformChildrenToElementArray(initialChildren, eventHandlersMap),\n    [initialChildren]\n  );\n\n  const activationElement = Children.map(\n    props.children as any,\n    (c: { type: { tag: string }; props: { children: React.ReactNode } }) =>\n      c.type.tag === Trigger.tag ? c.props.children : null\n  );\n\n  const createEventHandler =\n    (handlerType: string) => (e: NativeSyntheticEvent<{ contextMenuElementID: string }>) => {\n      const handler = eventHandlersMap[e.nativeEvent.contextMenuElementID]?.[handlerType];\n      handler?.(e);\n    };\n\n  return (\n    <MenuNativeView\n      style={props.style}\n      elements={processedElements}\n      onContextMenuButtonPressed={createEventHandler('onPress')}\n      onContextMenuSwitchValueChanged={createEventHandler('onValueChange')}\n      onContextMenuPickerOptionSelected={createEventHandler('onOptionSelected')}\n      // @ts-expect-error\n      modifiers={props.modifiers?.map((m) => m.__expo_shared_object_id__)}\n      {...props}>\n      {activationElement}\n    </MenuNativeView>\n  );\n}\n\nContextMenu.Trigger = Trigger;\nContextMenu.Preview = Preview;\nContextMenu.Items = Items;\n\nexport { ContextMenu };\n"]}

package/build/jetpack-compose/DatePicker/index.d.ts

@@ -1,5 +1,5 @@
 import { StyleProp, ViewStyle } from 'react-native';
-import { ViewEvent } from '../../types';
+import { ExpoModifier, ViewEvent } from '../../types';
 export type AndroidVariant = 'picker' | 'input';
 export type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';
 export type DateTimePickerProps = {
@@ -42,6 +42,8 @@ export type DateTimePickerProps = {
      * @default true
      */
     is24Hour?: boolean;
+    /** Modifiers for the component */
+    modifiers?: ExpoModifier[];
 };
 type NativeDatePickerProps = Omit<DateTimePickerProps, 'variant' | 'onDateSelected'> & {
     variant?: AndroidVariant;

package/build/jetpack-compose/DatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/DatePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD,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;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;OAGG;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;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,qBAAqB,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,gBAAgB,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,GAAG,SAAS,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAEhD;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,mBAAmB,GAAG,qBAAqB,CAoB9F;AAOD;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAExD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/DatePicker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AAE5E,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD,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;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;OAGG;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;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,KAAK,qBAAqB,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,gBAAgB,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,GAAG,SAAS,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAEhD;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,mBAAmB,GAAG,qBAAqB,CAsB9F;AAOD;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAExD"}

package/build/jetpack-compose/DatePicker/index.js

@@ -18,6 +18,8 @@ export function transformDateTimePickerProps(props) {
             props?.onDateSelected?.(new Date(date));
         },
         variant,
+        // @ts-expect-error
+        modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),
         style: [restStyle, { minWidth: parsedMinWidth, minHeight: parsedMinHeight }],
     };
 }

package/build/jetpack-compose/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAwB,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAsD5E;;GAEG;AACH,MAAM,UAAU,4BAA4B,CAAC,KAA0B;IACrE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAEnF,gEAAgE;IAChE,4CAA4C;IAC5C,MAAM,OAAO,GAAG,UAAU,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAC;IAEzD,0GAA0G;IAC1G,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACtD,MAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAExD,OAAO;QACL,GAAG,IAAI;QACP,cAAc,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;YAC5C,KAAK,EAAE,cAAc,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO;QACP,KAAK,EAAE,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;KAC7E,CAAC;AACJ,CAAC;AAED,MAAM,oBAAoB,GAA+C,iBAAiB,CACxF,QAAQ,EACR,oBAAoB,CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,OAAO,CAAC,oBAAoB,CAAC,IAAI,4BAA4B,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC3E,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { StyleProp, ViewStyle, StyleSheet, PixelRatio } from 'react-native';\n\nimport { ViewEvent } from '../../types';\n\nexport type AndroidVariant = 'picker' | 'input';\n\nexport type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';\n\nexport type DateTimePickerProps = {\n  /**\n   * The initial date to display on the picker.\n   */\n  initialDate?: string | null;\n  /**\n   * Callback function that is called when a date is selected.\n   */\n  onDateSelected?: (date: Date) => void;\n  /**\n   * The variant of the picker, which determines its appearance and behavior.\n   * @default 'picker'\n   */\n  variant?: AndroidVariant;\n  /**\n   * Show to button to toggle between variants on Android.\n   * @default true\n   */\n  showVariantToggle?: boolean;\n  /**\n   * The components that the picker should display.\n   * On Android, you can have a picker that selects just the date or just the time.\n   * `dateAndTime` is only available on iOS and will result in a date picker on Android.\n   * On iOS, you can have a picker that selects both date and time.\n   * @default 'date'\n   */\n  displayedComponents?: DisplayedComponents;\n  /**\n   * Optional style to apply to the component.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The tint color to use on the picker elements.\n   */\n  color?: string;\n  /**\n   * Determines what format the clock should be displayed in on Android.\n   * @default true\n   */\n  is24Hour?: boolean;\n};\n\ntype NativeDatePickerProps = Omit<DateTimePickerProps, 'variant' | 'onDateSelected'> & {\n  variant?: AndroidVariant;\n} & ViewEvent<'onDateSelected', { date: Date }>;\n\n/**\n * @hidden\n */\nexport function transformDateTimePickerProps(props: DateTimePickerProps): NativeDatePickerProps {\n  const { variant, ...rest } = props;\n  const { minWidth, minHeight, ...restStyle } = StyleSheet.flatten(rest.style) || {};\n\n  // On Android, the picker’s minWidth and minHeight must be 12dp.\n  // Otherwise, the picker will crash the app.\n  const minSize = PixelRatio.getPixelSizeForLayoutSize(12);\n\n  // However, when users pass the minWidth and minHeight props, we trust that they know what they are doing.\n  const parsedMinWidth = minWidth ? minSize : undefined;\n  const parsedMinHeight = minHeight ? minSize : undefined;\n\n  return {\n    ...rest,\n    onDateSelected: ({ nativeEvent: { date } }) => {\n      props?.onDateSelected?.(new Date(date));\n    },\n    variant,\n    style: [restStyle, { minWidth: parsedMinWidth, minHeight: parsedMinHeight }],\n  };\n}\n\nconst DatePickerNativeView: React.ComponentType<NativeDatePickerProps> = requireNativeView(\n  'ExpoUI',\n  'DateTimePickerView'\n);\n\n/**\n * Renders a `DateTimePicker` component.\n */\nexport function DateTimePicker(props: DateTimePickerProps) {\n  return <DatePickerNativeView {...transformDateTimePickerProps(props)} />;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,EAAwB,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAwD5E;;GAEG;AACH,MAAM,UAAU,4BAA4B,CAAC,KAA0B;IACrE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAEnF,gEAAgE;IAChE,4CAA4C;IAC5C,MAAM,OAAO,GAAG,UAAU,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAC;IAEzD,0GAA0G;IAC1G,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACtD,MAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAExD,OAAO;QACL,GAAG,IAAI;QACP,cAAc,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE;YAC5C,KAAK,EAAE,cAAc,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO;QACP,mBAAmB;QACnB,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC;QACnE,KAAK,EAAE,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;KAC7E,CAAC;AACJ,CAAC;AAED,MAAM,oBAAoB,GAA+C,iBAAiB,CACxF,QAAQ,EACR,oBAAoB,CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,OAAO,CAAC,oBAAoB,CAAC,IAAI,4BAA4B,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC3E,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { StyleProp, ViewStyle, StyleSheet, PixelRatio } from 'react-native';\n\nimport { ExpoModifier, ViewEvent } from '../../types';\n\nexport type AndroidVariant = 'picker' | 'input';\n\nexport type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';\n\nexport type DateTimePickerProps = {\n  /**\n   * The initial date to display on the picker.\n   */\n  initialDate?: string | null;\n  /**\n   * Callback function that is called when a date is selected.\n   */\n  onDateSelected?: (date: Date) => void;\n  /**\n   * The variant of the picker, which determines its appearance and behavior.\n   * @default 'picker'\n   */\n  variant?: AndroidVariant;\n  /**\n   * Show to button to toggle between variants on Android.\n   * @default true\n   */\n  showVariantToggle?: boolean;\n  /**\n   * The components that the picker should display.\n   * On Android, you can have a picker that selects just the date or just the time.\n   * `dateAndTime` is only available on iOS and will result in a date picker on Android.\n   * On iOS, you can have a picker that selects both date and time.\n   * @default 'date'\n   */\n  displayedComponents?: DisplayedComponents;\n  /**\n   * Optional style to apply to the component.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The tint color to use on the picker elements.\n   */\n  color?: string;\n  /**\n   * Determines what format the clock should be displayed in on Android.\n   * @default true\n   */\n  is24Hour?: boolean;\n  /** Modifiers for the component */\n  modifiers?: ExpoModifier[];\n};\n\ntype NativeDatePickerProps = Omit<DateTimePickerProps, 'variant' | 'onDateSelected'> & {\n  variant?: AndroidVariant;\n} & ViewEvent<'onDateSelected', { date: Date }>;\n\n/**\n * @hidden\n */\nexport function transformDateTimePickerProps(props: DateTimePickerProps): NativeDatePickerProps {\n  const { variant, ...rest } = props;\n  const { minWidth, minHeight, ...restStyle } = StyleSheet.flatten(rest.style) || {};\n\n  // On Android, the picker’s minWidth and minHeight must be 12dp.\n  // Otherwise, the picker will crash the app.\n  const minSize = PixelRatio.getPixelSizeForLayoutSize(12);\n\n  // However, when users pass the minWidth and minHeight props, we trust that they know what they are doing.\n  const parsedMinWidth = minWidth ? minSize : undefined;\n  const parsedMinHeight = minHeight ? minSize : undefined;\n\n  return {\n    ...rest,\n    onDateSelected: ({ nativeEvent: { date } }) => {\n      props?.onDateSelected?.(new Date(date));\n    },\n    variant,\n    // @ts-expect-error\n    modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),\n    style: [restStyle, { minWidth: parsedMinWidth, minHeight: parsedMinHeight }],\n  };\n}\n\nconst DatePickerNativeView: React.ComponentType<NativeDatePickerProps> = requireNativeView(\n  'ExpoUI',\n  'DateTimePickerView'\n);\n\n/**\n * Renders a `DateTimePicker` component.\n */\nexport function DateTimePicker(props: DateTimePickerProps) {\n  return <DatePickerNativeView {...transformDateTimePickerProps(props)} />;\n}\n"]}

package/build/jetpack-compose/Picker/index.d.ts

@@ -1,4 +1,5 @@
 import { StyleProp, ViewStyle } from 'react-native';
+import { ExpoModifier } from '../../types';
 /**
  * Colors for picker's core elements.
  */
@@ -52,6 +53,10 @@ export type PickerProps = {
      * Picker color.
      */
     color?: string;
+    /** Modifiers for the component */
+    modifiers?: ExpoModifier[];
+    /** Modifiers for the individual buttons */
+    buttonModifiers?: ExpoModifier[];
 };
 type NativePickerProps = PickerProps;
 /**

package/build/jetpack-compose/Picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Picker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,8BAA8B,CAAC,EAAE,MAAM,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACtF;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,KAAK,iBAAiB,GAAG,WAAW,CAAC;AAErC;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAa1E;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Picker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,8BAA8B,CAAC,EAAE,MAAM,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACtF;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;CAClC,CAAC;AAOF,KAAK,iBAAiB,GAAG,WAAW,CAAC;AAErC;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAiB1E;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC"}

package/build/jetpack-compose/Picker/index.js

@@ -15,6 +15,10 @@ export function transformPickerProps(props) {
                 }
                 : undefined,
         color: props.color,
+        // @ts-expect-error
+        modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),
+        // @ts-expect-error
+        buttonModifiers: props.buttonModifiers?.map((m) => m.__expo_shared_object_id__),
     };
 }
 /**

package/build/jetpack-compose/Picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/Picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAuDzC,MAAM,gBAAgB,GAAqC,iBAAiB,CAC1E,QAAQ,EACR,YAAY,CACb,CAAC;AAIF;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAkB;IACrD,OAAO;QACL,GAAG,KAAK;QACR,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,WAAW;QACrC,aAAa,EAAE,KAAK,CAAC,aAAa;YAChC,CAAC,CAAC,KAAK,CAAC,aAAa;YACrB,CAAC,CAAC,KAAK,CAAC,KAAK;gBACX,CAAC,CAAC;oBACE,oBAAoB,EAAE,KAAK,CAAC,KAAK;iBAClC;gBACH,CAAC,CAAC,SAAS;QACf,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,OAAO,CAAC,gBAAgB,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC/D,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { StyleProp, ViewStyle } from 'react-native';\n\n/**\n * Colors for picker's core elements.\n */\nexport type PickerElementColors = {\n  activeBorderColor?: string;\n  activeContentColor?: string;\n  inactiveBorderColor?: string;\n  inactiveContentColor?: string;\n  disabledActiveBorderColor?: string;\n  disabledActiveContentColor?: string;\n  disabledInactiveBorderColor?: string;\n  disabledInactiveContentColor?: string;\n  activeContainerColor?: string;\n  inactiveContainerColor?: string;\n  disabledActiveContainerColor?: string;\n  disabledInactiveContainerColor?: string;\n};\n\nexport type PickerProps = {\n  /**\n   * An array of options to be displayed in the picker.\n   */\n  options: string[];\n  /**\n   * The index of the currently selected option.\n   */\n  selectedIndex: number | null;\n  /**\n   * Callback function that is called when an option is selected.\n   */\n  onOptionSelected?: (event: { nativeEvent: { index: number; label: string } }) => void;\n  /**\n   * The variant of the picker, which determines its appearance and behavior.\n   * The `'wheel'`, `'inline'`, `'palette'` and `'menu'` variants are iOS only, the `'radio'` variant is Android only. The `'inline'` variant can only be used inside sections or lists. The `'palette'` variant displays differently inside menus.\n   * @default 'segmented'\n   */\n  variant?: 'segmented' | 'radio';\n  /**\n   * Optional style to apply to the picker component.\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Colors for picker's core elements.\n   */\n  elementColors?: PickerElementColors;\n  /**\n   * Picker color.\n   */\n  color?: string;\n};\n\nconst PickerNativeView: React.ComponentType<PickerProps> = requireNativeView(\n  'ExpoUI',\n  'PickerView'\n);\n\ntype NativePickerProps = PickerProps;\n\n/**\n * @hidden\n */\nexport function transformPickerProps(props: PickerProps): NativePickerProps {\n  return {\n    ...props,\n    variant: props.variant ?? 'segmented',\n    elementColors: props.elementColors\n      ? props.elementColors\n      : props.color\n        ? {\n            activeContainerColor: props.color,\n          }\n        : undefined,\n    color: props.color,\n  };\n}\n\n/**\n * Displays a native picker component. Depending on the variant it can be a segmented button, an inline picker, a list of choices or a radio button.\n */\nexport function Picker(props: PickerProps) {\n  return <PickerNativeView {...transformPickerProps(props)} />;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/Picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AA6DzC,MAAM,gBAAgB,GAAqC,iBAAiB,CAC1E,QAAQ,EACR,YAAY,CACb,CAAC;AAIF;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAkB;IACrD,OAAO;QACL,GAAG,KAAK;QACR,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,WAAW;QACrC,aAAa,EAAE,KAAK,CAAC,aAAa;YAChC,CAAC,CAAC,KAAK,CAAC,aAAa;YACrB,CAAC,CAAC,KAAK,CAAC,KAAK;gBACX,CAAC,CAAC;oBACE,oBAAoB,EAAE,KAAK,CAAC,KAAK;iBAClC;gBACH,CAAC,CAAC,SAAS;QACf,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,mBAAmB;QACnB,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC;QACnE,mBAAmB;QACnB,eAAe,EAAE,KAAK,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC;KAChF,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,OAAO,CAAC,gBAAgB,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC/D,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { ExpoModifier } from '../../types';\n\n/**\n * Colors for picker's core elements.\n */\nexport type PickerElementColors = {\n  activeBorderColor?: string;\n  activeContentColor?: string;\n  inactiveBorderColor?: string;\n  inactiveContentColor?: string;\n  disabledActiveBorderColor?: string;\n  disabledActiveContentColor?: string;\n  disabledInactiveBorderColor?: string;\n  disabledInactiveContentColor?: string;\n  activeContainerColor?: string;\n  inactiveContainerColor?: string;\n  disabledActiveContainerColor?: string;\n  disabledInactiveContainerColor?: string;\n};\n\nexport type PickerProps = {\n  /**\n   * An array of options to be displayed in the picker.\n   */\n  options: string[];\n  /**\n   * The index of the currently selected option.\n   */\n  selectedIndex: number | null;\n  /**\n   * Callback function that is called when an option is selected.\n   */\n  onOptionSelected?: (event: { nativeEvent: { index: number; label: string } }) => void;\n  /**\n   * The variant of the picker, which determines its appearance and behavior.\n   * The `'wheel'`, `'inline'`, `'palette'` and `'menu'` variants are iOS only, the `'radio'` variant is Android only. The `'inline'` variant can only be used inside sections or lists. The `'palette'` variant displays differently inside menus.\n   * @default 'segmented'\n   */\n  variant?: 'segmented' | 'radio';\n  /**\n   * Optional style to apply to the picker component.\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Colors for picker's core elements.\n   */\n  elementColors?: PickerElementColors;\n  /**\n   * Picker color.\n   */\n  color?: string;\n  /** Modifiers for the component */\n  modifiers?: ExpoModifier[];\n  /** Modifiers for the individual buttons */\n  buttonModifiers?: ExpoModifier[];\n};\n\nconst PickerNativeView: React.ComponentType<PickerProps> = requireNativeView(\n  'ExpoUI',\n  'PickerView'\n);\n\ntype NativePickerProps = PickerProps;\n\n/**\n * @hidden\n */\nexport function transformPickerProps(props: PickerProps): NativePickerProps {\n  return {\n    ...props,\n    variant: props.variant ?? 'segmented',\n    elementColors: props.elementColors\n      ? props.elementColors\n      : props.color\n        ? {\n            activeContainerColor: props.color,\n          }\n        : undefined,\n    color: props.color,\n    // @ts-expect-error\n    modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),\n    // @ts-expect-error\n    buttonModifiers: props.buttonModifiers?.map((m) => m.__expo_shared_object_id__),\n  };\n}\n\n/**\n * Displays a native picker component. Depending on the variant it can be a segmented button, an inline picker, a list of choices or a radio button.\n */\nexport function Picker(props: PickerProps) {\n  return <PickerNativeView {...transformPickerProps(props)} />;\n}\n"]}

package/build/jetpack-compose/Progress/index.d.ts

@@ -1,4 +1,5 @@
 import { ColorValue, StyleProp, ViewStyle } from 'react-native';
+import { ExpoModifier } from '../../types';
 export type ProgressElementColors = {
     /**
      * Track color.
@@ -25,6 +26,8 @@ export type CircularProgressProps = {
      * @platform android
      */
     elementColors?: ProgressElementColors;
+    /** Modifiers for the component */
+    modifiers?: ExpoModifier[];
 };
 export type LinearProgressProps = {
     /**
@@ -44,6 +47,8 @@ export type LinearProgressProps = {
      * @platform android
      */
     elementColors?: ProgressElementColors;
+    /** Modifiers for the component */
+    modifiers?: ExpoModifier[];
 };
 /**
  * Renders a `CircularProgress` component.

package/build/jetpack-compose/Progress/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Progress/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC,CAAC;AAaF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAE5D;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAExD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Progress/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,kCAAkC;IAClC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,kCAAkC;IAClC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAaF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAQ5D;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAQxD"}

package/build/jetpack-compose/Progress/index.js

@@ -4,12 +4,14 @@ const NativeProgressView = requireNativeView('ExpoUI', 'ProgressView');
  * Renders a `CircularProgress` component.
  */
 export function CircularProgress(props) {
-    return <NativeProgressView {...props} variant="circular"/>;
+    return (<NativeProgressView {...props} // @ts-expect-error
+     modifiers={props.modifiers?.map((m) => m.__expo_shared_object_id__)} variant="circular"/>);
 }
 /**
  * Renders a `LinearProgress` component.
  */
 export function LinearProgress(props) {
-    return <NativeProgressView {...props} variant="linear"/>;
+    return (<NativeProgressView {...props} // @ts-expect-error
+     modifiers={props.modifiers?.map((m) => m.__expo_shared_object_id__)} variant="linear"/>);
 }
 //# sourceMappingURL=index.js.map

package/build/jetpack-compose/Progress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/Progress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AA0DzC,MAAM,kBAAkB,GAA6C,iBAAiB,CACpF,QAAQ,EACR,cAAc,CACf,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CAAC,kBAAkB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,UAAU,EAAG,CAAC;AAC9D,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,OAAO,CAAC,kBAAkB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAG,CAAC;AAC5D,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { ColorValue, StyleProp, ViewStyle } from 'react-native';\n\nexport type ProgressElementColors = {\n  /**\n   * Track color.\n   *\n   * @platform android\n   */\n  trackColor?: ColorValue;\n};\n\nexport type CircularProgressProps = {\n  /**\n   * Custom styles for the progress component.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The current progress value of the slider. This is a number between `0` and `1`.\n   */\n  progress?: number | null;\n  /**\n   * Progress color.\n   */\n  color?: ColorValue;\n  /**\n   * Colors for switch's core elements.\n   * @platform android\n   */\n  elementColors?: ProgressElementColors;\n};\n\nexport type LinearProgressProps = {\n  /**\n   * Custom styles for the progress component.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The current progress value of the slider. This is a number between `0` and `1`.\n   */\n  progress?: number | null;\n  /**\n   * Progress color.\n   */\n  color?: ColorValue;\n  /**\n   * Colors for switch's core elements.\n   * @platform android\n   */\n  elementColors?: ProgressElementColors;\n};\n\ntype NativeProgressProps =\n  | CircularProgressProps\n  | (LinearProgressProps & {\n      variant: 'linear' | 'circular';\n    });\n\nconst NativeProgressView: React.ComponentType<NativeProgressProps> = requireNativeView(\n  'ExpoUI',\n  'ProgressView'\n);\n\n/**\n * Renders a `CircularProgress` component.\n */\nexport function CircularProgress(props: CircularProgressProps) {\n  return <NativeProgressView {...props} variant=\"circular\" />;\n}\n\n/**\n * Renders a `LinearProgress` component.\n */\nexport function LinearProgress(props: LinearProgressProps) {\n  return <NativeProgressView {...props} variant=\"linear\" />;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/Progress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAgEzC,MAAM,kBAAkB,GAA6C,iBAAiB,CACpF,QAAQ,EACR,cAAc,CACf,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CACL,CAAC,kBAAkB,CACjB,IAAI,KAAK,CAAC,CAAC,mBAAmB;KAC9B,SAAS,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CACpE,OAAO,CAAC,UAAU,EAClB,CACH,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,OAAO,CACL,CAAC,kBAAkB,CACjB,IAAI,KAAK,CAAC,CAAC,mBAAmB;KAC9B,SAAS,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CACpE,OAAO,CAAC,QAAQ,EAChB,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { ColorValue, StyleProp, ViewStyle } from 'react-native';\n\nimport { ExpoModifier } from '../../types';\n\nexport type ProgressElementColors = {\n  /**\n   * Track color.\n   *\n   * @platform android\n   */\n  trackColor?: ColorValue;\n};\n\nexport type CircularProgressProps = {\n  /**\n   * Custom styles for the progress component.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The current progress value of the slider. This is a number between `0` and `1`.\n   */\n  progress?: number | null;\n  /**\n   * Progress color.\n   */\n  color?: ColorValue;\n  /**\n   * Colors for switch's core elements.\n   * @platform android\n   */\n  elementColors?: ProgressElementColors;\n  /** Modifiers for the component */\n  modifiers?: ExpoModifier[];\n};\n\nexport type LinearProgressProps = {\n  /**\n   * Custom styles for the progress component.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The current progress value of the slider. This is a number between `0` and `1`.\n   */\n  progress?: number | null;\n  /**\n   * Progress color.\n   */\n  color?: ColorValue;\n  /**\n   * Colors for switch's core elements.\n   * @platform android\n   */\n  elementColors?: ProgressElementColors;\n  /** Modifiers for the component */\n  modifiers?: ExpoModifier[];\n};\n\ntype NativeProgressProps =\n  | CircularProgressProps\n  | (LinearProgressProps & {\n      variant: 'linear' | 'circular';\n    });\n\nconst NativeProgressView: React.ComponentType<NativeProgressProps> = requireNativeView(\n  'ExpoUI',\n  'ProgressView'\n);\n\n/**\n * Renders a `CircularProgress` component.\n */\nexport function CircularProgress(props: CircularProgressProps) {\n  return (\n    <NativeProgressView\n      {...props} // @ts-expect-error\n      modifiers={props.modifiers?.map((m) => m.__expo_shared_object_id__)}\n      variant=\"circular\"\n    />\n  );\n}\n\n/**\n * Renders a `LinearProgress` component.\n */\nexport function LinearProgress(props: LinearProgressProps) {\n  return (\n    <NativeProgressView\n      {...props} // @ts-expect-error\n      modifiers={props.modifiers?.map((m) => m.__expo_shared_object_id__)}\n      variant=\"linear\"\n    />\n  );\n}\n"]}

package/build/jetpack-compose/Shape/index.d.ts

@@ -1,4 +1,5 @@
 import { ViewStyle } from 'react-native';
+import { ExpoModifier } from '../../types';
 export type ShapeProps = {
     /**
      * Corner rounding percentage. Multiplied by the shorter dimension of the view to produce pixel values.
@@ -29,13 +30,15 @@ export type ShapeProps = {
     style?: ViewStyle;
     /** Color of the shape */
     color?: string;
+    /** Modifiers for the component */
+    modifiers?: ExpoModifier[];
 };
 declare function Star(props: ShapeProps): import("react").JSX.Element;
 declare function PillStar(props: ShapeProps): import("react").JSX.Element;
 declare function Pill(props: Pick<ShapeProps, 'smoothing' | 'style' | 'color'>): import("react").JSX.Element;
 declare function Circle(props: Pick<ShapeProps, 'radius' | 'verticesCount' | 'style' | 'color'>): import("react").JSX.Element;
 declare function Rectangle(props: Pick<ShapeProps, 'smoothing' | 'cornerRounding' | 'style' | 'color'>): import("react").JSX.Element;
-declare function Polygon(props: Pick<ShapeProps, 'smoothing' | 'cornerRounding' | 'verticesCount' | 'style' | 'color'>): import("react").JSX.Element;
+declare function Polygon(props: Pick<ShapeProps, 'smoothing' | 'cornerRounding' | 'verticesCount' | 'style' | 'color' | 'modifiers'>): import("react").JSX.Element;
 export declare const Shape: {
     Star: typeof Star;
     PillStar: typeof PillStar;

package/build/jetpack-compose/Shape/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Shape/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,iBAAS,IAAI,CAAC,KAAK,EAAE,UAAU,+BAE9B;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,UAAU,+BAElC;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC,+BAErE;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC,+BAEtF;AAED,iBAAS,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,gBAAgB,GAAG,OAAO,GAAG,OAAO,CAAC,+BAE7F;AAED,iBAAS,OAAO,CACd,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,gBAAgB,GAAG,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC,+BAG9F;AAED,eAAO,MAAM,KAAK;;;;;;;CAOjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Shape/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAIF,iBAAS,IAAI,CAAC,KAAK,EAAE,UAAU,+BAE9B;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,UAAU,+BAElC;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC,+BAErE;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC,+BAEtF;AAED,iBAAS,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,gBAAgB,GAAG,OAAO,GAAG,OAAO,CAAC,+BAE7F;AAED,iBAAS,OAAO,CACd,KAAK,EAAE,IAAI,CACT,UAAU,EACV,WAAW,GAAG,gBAAgB,GAAG,eAAe,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CACnF,+BAWF;AAED,eAAO,MAAM,KAAK;;;;;;;CAOjB,CAAC"}

package/build/jetpack-compose/Shape/index.js

@@ -16,7 +16,9 @@ function Rectangle(props) {
     return <ShapeNativeView {...props} style={props.style} type="rectangle"/>;
 }
 function Polygon(props) {
-    return <ShapeNativeView {...props} style={props.style} type="polygon"/>;
+    return (<ShapeNativeView {...props} 
+    // @ts-expect-error
+    modifiers={props.modifiers?.map((m) => m.__expo_shared_object_id__)} style={props.style} type="polygon"/>);
 }
 export const Shape = {
     Star,

package/build/jetpack-compose/Shape/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/Shape/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAmCzC,MAAM,eAAe,GAA6B,iBAAiB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAE3F,SAAS,IAAI,CAAC,KAAiB;IAC7B,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,EAAG,CAAC;AACxE,CAAC;AAED,SAAS,QAAQ,CAAC,KAAiB;IACjC,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,EAAG,CAAC;AAC5E,CAAC;AAED,SAAS,IAAI,CAAC,KAAwD;IACpE,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,EAAG,CAAC;AACxE,CAAC;AAED,SAAS,MAAM,CAAC,KAAuE;IACrF,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAG,CAAC;AAC1E,CAAC;AAED,SAAS,SAAS,CAAC,KAA2E;IAC5F,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,EAAG,CAAC;AAC7E,CAAC;AAED,SAAS,OAAO,CACd,KAA6F;IAE7F,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,EAAG,CAAC;AAC3E,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,IAAI;IACJ,QAAQ;IACR,IAAI;IACJ,MAAM;IACN,SAAS;IACT,OAAO;CACR,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { ViewStyle } from 'react-native';\n\nexport type ShapeProps = {\n  /**\n   * Corner rounding percentage. Multiplied by the shorter dimension of the view to produce pixel values.\n   * @default 0.0\n   */\n  cornerRounding?: number;\n  /**\n   * Number between `0.0` and `1.0` that determines how much each line between vertices is \"smoothed\".\n   * @default 0.0\n   */\n  smoothing?: number;\n  /**\n   * Number of vertices. For `'POLYGON'` it must be at least `3.0`. For `'STAR'` and `'PILL_STAR'` it is a number of vertices for each of two radii (A 5-pointed star has 10 vertices.)\n   * @default 6.0\n   */\n  verticesCount?: number;\n  /**\n   * Inner radius of star-related shapes (`'STAR'` and `'PILL_STAR'`). Multiplied by the shorter dimension of the view to produce pixel values.\n   * @default 1.0\n   */\n  innerRadius?: number;\n  /**\n   * Radius of the circular shape. Multiplied by the shorter dimension of the view to produce pixel values.\n   * @default 1.0\n   */\n  radius?: number;\n  /** Style of the component */\n  style?: ViewStyle;\n  /** Color of the shape */\n  color?: string;\n};\n\nconst ShapeNativeView: React.ComponentType<any> = requireNativeView('ExpoUI', 'ShapeView');\n\nfunction Star(props: ShapeProps) {\n  return <ShapeNativeView {...props} style={props.style} type=\"star\" />;\n}\n\nfunction PillStar(props: ShapeProps) {\n  return <ShapeNativeView {...props} style={props.style} type=\"pillStar\" />;\n}\n\nfunction Pill(props: Pick<ShapeProps, 'smoothing' | 'style' | 'color'>) {\n  return <ShapeNativeView {...props} style={props.style} type=\"pill\" />;\n}\n\nfunction Circle(props: Pick<ShapeProps, 'radius' | 'verticesCount' | 'style' | 'color'>) {\n  return <ShapeNativeView {...props} style={props.style} type=\"circle\" />;\n}\n\nfunction Rectangle(props: Pick<ShapeProps, 'smoothing' | 'cornerRounding' | 'style' | 'color'>) {\n  return <ShapeNativeView {...props} style={props.style} type=\"rectangle\" />;\n}\n\nfunction Polygon(\n  props: Pick<ShapeProps, 'smoothing' | 'cornerRounding' | 'verticesCount' | 'style' | 'color'>\n) {\n  return <ShapeNativeView {...props} style={props.style} type=\"polygon\" />;\n}\n\nexport const Shape = {\n  Star,\n  PillStar,\n  Pill,\n  Circle,\n  Rectangle,\n  Polygon,\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/Shape/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAuCzC,MAAM,eAAe,GAA6B,iBAAiB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AAE3F,SAAS,IAAI,CAAC,KAAiB;IAC7B,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,EAAG,CAAC;AACxE,CAAC;AAED,SAAS,QAAQ,CAAC,KAAiB;IACjC,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,EAAG,CAAC;AAC5E,CAAC;AAED,SAAS,IAAI,CAAC,KAAwD;IACpE,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,EAAG,CAAC;AACxE,CAAC;AAED,SAAS,MAAM,CAAC,KAAuE;IACrF,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAG,CAAC;AAC1E,CAAC;AAED,SAAS,SAAS,CAAC,KAA2E;IAC5F,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,EAAG,CAAC;AAC7E,CAAC;AAED,SAAS,OAAO,CACd,KAGC;IAED,OAAO,CACL,CAAC,eAAe,CACd,IAAI,KAAK,CAAC;IACV,mBAAmB;IACnB,SAAS,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CACpE,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,IAAI,CAAC,SAAS,EACd,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,IAAI;IACJ,QAAQ;IACR,IAAI;IACJ,MAAM;IACN,SAAS;IACT,OAAO;CACR,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { ViewStyle } from 'react-native';\n\nimport { ExpoModifier } from '../../types';\n\nexport type ShapeProps = {\n  /**\n   * Corner rounding percentage. Multiplied by the shorter dimension of the view to produce pixel values.\n   * @default 0.0\n   */\n  cornerRounding?: number;\n  /**\n   * Number between `0.0` and `1.0` that determines how much each line between vertices is \"smoothed\".\n   * @default 0.0\n   */\n  smoothing?: number;\n  /**\n   * Number of vertices. For `'POLYGON'` it must be at least `3.0`. For `'STAR'` and `'PILL_STAR'` it is a number of vertices for each of two radii (A 5-pointed star has 10 vertices.)\n   * @default 6.0\n   */\n  verticesCount?: number;\n  /**\n   * Inner radius of star-related shapes (`'STAR'` and `'PILL_STAR'`). Multiplied by the shorter dimension of the view to produce pixel values.\n   * @default 1.0\n   */\n  innerRadius?: number;\n  /**\n   * Radius of the circular shape. Multiplied by the shorter dimension of the view to produce pixel values.\n   * @default 1.0\n   */\n  radius?: number;\n  /** Style of the component */\n  style?: ViewStyle;\n  /** Color of the shape */\n  color?: string;\n  /** Modifiers for the component */\n  modifiers?: ExpoModifier[];\n};\n\nconst ShapeNativeView: React.ComponentType<any> = requireNativeView('ExpoUI', 'ShapeView');\n\nfunction Star(props: ShapeProps) {\n  return <ShapeNativeView {...props} style={props.style} type=\"star\" />;\n}\n\nfunction PillStar(props: ShapeProps) {\n  return <ShapeNativeView {...props} style={props.style} type=\"pillStar\" />;\n}\n\nfunction Pill(props: Pick<ShapeProps, 'smoothing' | 'style' | 'color'>) {\n  return <ShapeNativeView {...props} style={props.style} type=\"pill\" />;\n}\n\nfunction Circle(props: Pick<ShapeProps, 'radius' | 'verticesCount' | 'style' | 'color'>) {\n  return <ShapeNativeView {...props} style={props.style} type=\"circle\" />;\n}\n\nfunction Rectangle(props: Pick<ShapeProps, 'smoothing' | 'cornerRounding' | 'style' | 'color'>) {\n  return <ShapeNativeView {...props} style={props.style} type=\"rectangle\" />;\n}\n\nfunction Polygon(\n  props: Pick<\n    ShapeProps,\n    'smoothing' | 'cornerRounding' | 'verticesCount' | 'style' | 'color' | 'modifiers'\n  >\n) {\n  return (\n    <ShapeNativeView\n      {...props}\n      // @ts-expect-error\n      modifiers={props.modifiers?.map((m) => m.__expo_shared_object_id__)}\n      style={props.style}\n      type=\"polygon\"\n    />\n  );\n}\n\nexport const Shape = {\n  Star,\n  PillStar,\n  Pill,\n  Circle,\n  Rectangle,\n  Polygon,\n};\n"]}

package/build/jetpack-compose/Slider/index.d.ts

@@ -1,5 +1,5 @@
 import { StyleProp, ViewStyle } from 'react-native';
-import { ViewEvent } from '../../types';
+import { ExpoModifier, ViewEvent } from '../../types';
 /**
  * Colors for slider's core elements.
  * @platform android
@@ -49,6 +49,8 @@ export type SliderProps = {
      * Callback triggered on dragging along the slider.
      */
     onValueChange?: (value: number) => void;
+    /** Modifiers for the component */
+    modifiers?: ExpoModifier[];
 };
 type NativeSliderProps = Omit<SliderProps, 'onValueChange'> & ViewEvent<'onValueChanged', {
     value: number;

package/build/jetpack-compose/Slider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Slider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,eAAe,CAAC,GACzD,SAAS,CAAC,gBAAgB,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAOjD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAqB1E;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Slider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEtD;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,kCAAkC;IAClC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,eAAe,CAAC,GACzD,SAAS,CAAC,gBAAgB,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAOjD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAuB1E;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC"}

package/build/jetpack-compose/Slider/index.js

@@ -23,6 +23,8 @@ export function transformSliderProps(props) {
                 }
                 : undefined,
         color: props.color,
+        // @ts-expect-error
+        modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),
     };
 }
 export function Slider(props) {

package/build/jetpack-compose/Slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AA4DzC,MAAM,gBAAgB,GAA2C,iBAAiB,CAChF,QAAQ,EACR,YAAY,CACb,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAkB;IACrD,OAAO;QACL,GAAG,KAAK;QACR,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC;QACnB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC;QACnB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;QACvB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;QACvB,cAAc,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;YAC7C,KAAK,EAAE,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;QACD,aAAa,EAAE,KAAK,CAAC,aAAa;YAChC,CAAC,CAAC,KAAK,CAAC,aAAa;YACrB,CAAC,CAAC,KAAK,CAAC,KAAK;gBACX,CAAC,CAAC;oBACE,UAAU,EAAE,KAAK,CAAC,KAAK;oBACvB,gBAAgB,EAAE,KAAK,CAAC,KAAK;oBAC7B,eAAe,EAAE,KAAK,CAAC,KAAK;iBAC7B;gBACH,CAAC,CAAC,SAAS;QACf,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,OAAO,CAAC,gBAAgB,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC/D,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { ViewEvent } from '../../types';\n\n/**\n * Colors for slider's core elements.\n * @platform android\n */\nexport type SliderElementColors = {\n  thumbColor?: string;\n  activeTrackColor?: string;\n  inactiveTrackColor?: string;\n  activeTickColor?: string;\n  inactiveTickColor?: string;\n};\n\nexport type SliderProps = {\n  /**\n   * Custom styles for the slider component.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The current value of the slider.\n   * @default 0\n   */\n  value?: number;\n  /**\n   * The number of steps between the minimum and maximum values, `0` signifies infinite steps.\n   * @default 0\n   */\n  steps?: number;\n  /**\n   * The minimum value of the slider. Updating this value does not trigger callbacks if the current value is below `min`.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * The maximum value of the slider. Updating this value does not trigger callbacks if the current value is above `max`.\n   * @default 1\n   */\n  max?: number;\n  /**\n   * Colors for slider's core elements.\n   * @platform android\n   */\n  elementColors?: SliderElementColors;\n  /**\n   * Slider color.\n   */\n  color?: string;\n  /**\n   * Callback triggered on dragging along the slider.\n   */\n  onValueChange?: (value: number) => void;\n};\n\ntype NativeSliderProps = Omit<SliderProps, 'onValueChange'> &\n  ViewEvent<'onValueChanged', { value: number }>;\n\nconst SliderNativeView: React.ComponentType<NativeSliderProps> = requireNativeView(\n  'ExpoUI',\n  'SliderView'\n);\n\n/**\n * @hidden\n */\nexport function transformSliderProps(props: SliderProps): NativeSliderProps {\n  return {\n    ...props,\n    min: props.min ?? 0,\n    max: props.max ?? 1,\n    steps: props.steps ?? 0,\n    value: props.value ?? 0,\n    onValueChanged: ({ nativeEvent: { value } }) => {\n      props?.onValueChange?.(value);\n    },\n    elementColors: props.elementColors\n      ? props.elementColors\n      : props.color\n        ? {\n            thumbColor: props.color,\n            activeTrackColor: props.color,\n            activeTickColor: props.color,\n          }\n        : undefined,\n    color: props.color,\n  };\n}\n\nexport function Slider(props: SliderProps) {\n  return <SliderNativeView {...transformSliderProps(props)} />;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AA+DzC,MAAM,gBAAgB,GAA2C,iBAAiB,CAChF,QAAQ,EACR,YAAY,CACb,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAkB;IACrD,OAAO;QACL,GAAG,KAAK;QACR,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC;QACnB,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC;QACnB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;QACvB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;QACvB,cAAc,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;YAC7C,KAAK,EAAE,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;QACD,aAAa,EAAE,KAAK,CAAC,aAAa;YAChC,CAAC,CAAC,KAAK,CAAC,aAAa;YACrB,CAAC,CAAC,KAAK,CAAC,KAAK;gBACX,CAAC,CAAC;oBACE,UAAU,EAAE,KAAK,CAAC,KAAK;oBACvB,gBAAgB,EAAE,KAAK,CAAC,KAAK;oBAC7B,eAAe,EAAE,KAAK,CAAC,KAAK;iBAC7B;gBACH,CAAC,CAAC,SAAS;QACf,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,mBAAmB;QACnB,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC;KACpE,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,OAAO,CAAC,gBAAgB,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC/D,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { ExpoModifier, ViewEvent } from '../../types';\n\n/**\n * Colors for slider's core elements.\n * @platform android\n */\nexport type SliderElementColors = {\n  thumbColor?: string;\n  activeTrackColor?: string;\n  inactiveTrackColor?: string;\n  activeTickColor?: string;\n  inactiveTickColor?: string;\n};\n\nexport type SliderProps = {\n  /**\n   * Custom styles for the slider component.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The current value of the slider.\n   * @default 0\n   */\n  value?: number;\n  /**\n   * The number of steps between the minimum and maximum values, `0` signifies infinite steps.\n   * @default 0\n   */\n  steps?: number;\n  /**\n   * The minimum value of the slider. Updating this value does not trigger callbacks if the current value is below `min`.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * The maximum value of the slider. Updating this value does not trigger callbacks if the current value is above `max`.\n   * @default 1\n   */\n  max?: number;\n  /**\n   * Colors for slider's core elements.\n   * @platform android\n   */\n  elementColors?: SliderElementColors;\n  /**\n   * Slider color.\n   */\n  color?: string;\n  /**\n   * Callback triggered on dragging along the slider.\n   */\n  onValueChange?: (value: number) => void;\n\n  /** Modifiers for the component */\n  modifiers?: ExpoModifier[];\n};\n\ntype NativeSliderProps = Omit<SliderProps, 'onValueChange'> &\n  ViewEvent<'onValueChanged', { value: number }>;\n\nconst SliderNativeView: React.ComponentType<NativeSliderProps> = requireNativeView(\n  'ExpoUI',\n  'SliderView'\n);\n\n/**\n * @hidden\n */\nexport function transformSliderProps(props: SliderProps): NativeSliderProps {\n  return {\n    ...props,\n    min: props.min ?? 0,\n    max: props.max ?? 1,\n    steps: props.steps ?? 0,\n    value: props.value ?? 0,\n    onValueChanged: ({ nativeEvent: { value } }) => {\n      props?.onValueChange?.(value);\n    },\n    elementColors: props.elementColors\n      ? props.elementColors\n      : props.color\n        ? {\n            thumbColor: props.color,\n            activeTrackColor: props.color,\n            activeTickColor: props.color,\n          }\n        : undefined,\n    color: props.color,\n    // @ts-expect-error\n    modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),\n  };\n}\n\nexport function Slider(props: SliderProps) {\n  return <SliderNativeView {...transformSliderProps(props)} />;\n}\n"]}

package/build/jetpack-compose/Switch/index.d.ts

@@ -1,4 +1,5 @@
 import { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
+import { ExpoModifier } from '../../types';
 /**
  * Only for switch.
  */
@@ -47,6 +48,8 @@ export type SwitchProps = {
      * Picker color. On iOS, it only applies to the `menu` variant.
      */
     color?: string;
+    /** Modifiers for the component */
+    modifiers?: ExpoModifier[];
 } & (SwitchSwitchVariantProps | SwitchCheckboxVariantProps | SwitchButtonVariantProps);
 export type SwitchSwitchVariantProps = {
     variant?: 'switch';

package/build/jetpack-compose/Switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1E;;GAEG;AACH,KAAK,mBAAmB,GAAG;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAGF;;GAEG;AACH,KAAK,qBAAqB,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,CAAC,wBAAwB,GAAG,0BAA0B,GAAG,wBAAwB,CAAC,CAAC;AAEvF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,QAAQ,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,eAAe,CAAC,GAAG;IAC5D,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;CAC1E,CAAC;AAyBF;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAU1E;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C;;GAEG;AACH,KAAK,mBAAmB,GAAG;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAGF;;GAEG;AACH,KAAK,qBAAqB,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kCAAkC;IAClC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,GAAG,CAAC,wBAAwB,GAAG,0BAA0B,GAAG,wBAAwB,CAAC,CAAC;AAEvF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,QAAQ,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,eAAe,CAAC,GAAG;IAC5D,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;CAC1E,CAAC;AAyBF;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAY1E;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC"}

package/build/jetpack-compose/Switch/index.js

@@ -30,6 +30,8 @@ export function transformSwitchProps(props) {
         onValueChange: ({ nativeEvent: { value } }) => {
             props?.onValueChange?.(value);
         },
+        // @ts-expect-error
+        modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),
     };
 }
 export function Switch(props) {

package/build/jetpack-compose/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAqFzC,MAAM,gBAAgB,GAA2C,iBAAiB,CAChF,QAAQ,EACR,YAAY,CACb,CAAC;AAEF,SAAS,gBAAgB,CAAC,KAAkB;IAC1C,IAAI,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAC/B,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;QACzB,IAAI,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAC/B,OAAO;gBACL,iBAAiB,EAAE,KAAK,CAAC,KAAK;aAC/B,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO;gBACL,YAAY,EAAE,KAAK,CAAC,KAAK;aAC1B,CAAC;QACJ,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC,aAAa,CAAC;AAC7B,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAkB;IACrD,OAAO;QACL,GAAG,KAAK;QACR,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,QAAQ;QAClC,aAAa,EAAE,gBAAgB,CAAC,KAAK,CAAC;QACtC,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;YAC5C,KAAK,EAAE,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;KACmB,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,OAAO,CAAC,gBAAgB,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC/D,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';\n\n// @docsMissing\n/**\n * Only for switch.\n */\ntype SwitchElementColors = {\n  checkedThumbColor?: string;\n  checkedTrackColor?: string;\n  uncheckedThumbColor?: string;\n  uncheckedTrackColor?: string;\n};\n\n// @docsMissing\n/**\n * Only for checkbox.\n */\ntype CheckboxElementColors = {\n  checkedColor?: string;\n  disabledCheckedColor?: string;\n  uncheckedColor?: string;\n  disabledUncheckedColor?: string;\n  checkmarkColor?: string;\n  disabledIndeterminateColor?: string;\n};\n\nexport type SwitchProps = {\n  /**\n   * Indicates whether the switch is checked.\n   */\n  value: boolean;\n  /**\n   * Label for the switch.\n   *\n   * > On Android, the label has an effect only when the `Switch` is used inside a `ContextMenu`.\n   */\n  label?: string;\n\n  /**\n   * Type of the switch component. Can be `'checkbox'`, `'switch'`, or `'button'`. The `'button'` style is iOS only.\n   * @default 'switch'\n   */\n  variant?: 'checkbox' | 'switch' | 'button';\n  /**\n   * Callback function that is called when the checked state changes.\n   */\n  onValueChange?: (value: boolean) => void;\n  /**\n   * Optional style for the switch component.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Picker color. On iOS, it only applies to the `menu` variant.\n   */\n  color?: string;\n} & (SwitchSwitchVariantProps | SwitchCheckboxVariantProps | SwitchButtonVariantProps);\n\nexport type SwitchSwitchVariantProps = {\n  variant?: 'switch';\n  /**\n   * Colors for switch's core elements.\n   * @platform android\n   */\n  elementColors?: SwitchElementColors;\n};\n\nexport type SwitchCheckboxVariantProps = {\n  variant: 'checkbox';\n  /**\n   * Colors for checkbox core elements.\n   * @platform android\n   */\n  elementColors?: CheckboxElementColors;\n};\n\nexport type SwitchButtonVariantProps = {\n  variant: 'button';\n  elementColors?: undefined;\n};\n\ntype NativeSwitchProps = Omit<SwitchProps, 'onValueChange'> & {\n  onValueChange: (event: NativeSyntheticEvent<{ value: boolean }>) => void;\n};\n\nconst SwitchNativeView: React.ComponentType<NativeSwitchProps> = requireNativeView(\n  'ExpoUI',\n  'SwitchView'\n);\n\nfunction getElementColors(props: SwitchProps) {\n  if (props.variant === 'button') {\n    return undefined;\n  }\n  if (!props.elementColors) {\n    if (props.variant === 'switch') {\n      return {\n        checkedTrackColor: props.color,\n      };\n    } else {\n      return {\n        checkedColor: props.color,\n      };\n    }\n  }\n  return props.elementColors;\n}\n\n/**\n * @hidden\n */\nexport function transformSwitchProps(props: SwitchProps): NativeSwitchProps {\n  return {\n    ...props,\n    variant: props.variant ?? 'switch',\n    elementColors: getElementColors(props),\n    color: props.color,\n    onValueChange: ({ nativeEvent: { value } }) => {\n      props?.onValueChange?.(value);\n    },\n  } as NativeSwitchProps;\n}\n\nexport function Switch(props: SwitchProps) {\n  return <SwitchNativeView {...transformSwitchProps(props)} />;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AA0FzC,MAAM,gBAAgB,GAA2C,iBAAiB,CAChF,QAAQ,EACR,YAAY,CACb,CAAC;AAEF,SAAS,gBAAgB,CAAC,KAAkB;IAC1C,IAAI,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAC/B,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;QACzB,IAAI,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAC/B,OAAO;gBACL,iBAAiB,EAAE,KAAK,CAAC,KAAK;aAC/B,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO;gBACL,YAAY,EAAE,KAAK,CAAC,KAAK;aAC1B,CAAC;QACJ,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC,aAAa,CAAC;AAC7B,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAkB;IACrD,OAAO;QACL,GAAG,KAAK;QACR,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,QAAQ;QAClC,aAAa,EAAE,gBAAgB,CAAC,KAAK,CAAC;QACtC,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;YAC5C,KAAK,EAAE,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;QACD,mBAAmB;QACnB,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC;KAC/C,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,OAAO,CAAC,gBAAgB,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC,EAAG,CAAC;AAC/D,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';\n\nimport { ExpoModifier } from '../../types';\n\n// @docsMissing\n/**\n * Only for switch.\n */\ntype SwitchElementColors = {\n  checkedThumbColor?: string;\n  checkedTrackColor?: string;\n  uncheckedThumbColor?: string;\n  uncheckedTrackColor?: string;\n};\n\n// @docsMissing\n/**\n * Only for checkbox.\n */\ntype CheckboxElementColors = {\n  checkedColor?: string;\n  disabledCheckedColor?: string;\n  uncheckedColor?: string;\n  disabledUncheckedColor?: string;\n  checkmarkColor?: string;\n  disabledIndeterminateColor?: string;\n};\n\nexport type SwitchProps = {\n  /**\n   * Indicates whether the switch is checked.\n   */\n  value: boolean;\n  /**\n   * Label for the switch.\n   *\n   * > On Android, the label has an effect only when the `Switch` is used inside a `ContextMenu`.\n   */\n  label?: string;\n\n  /**\n   * Type of the switch component. Can be `'checkbox'`, `'switch'`, or `'button'`. The `'button'` style is iOS only.\n   * @default 'switch'\n   */\n  variant?: 'checkbox' | 'switch' | 'button';\n  /**\n   * Callback function that is called when the checked state changes.\n   */\n  onValueChange?: (value: boolean) => void;\n  /**\n   * Optional style for the switch component.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Picker color. On iOS, it only applies to the `menu` variant.\n   */\n  color?: string;\n\n  /** Modifiers for the component */\n  modifiers?: ExpoModifier[];\n} & (SwitchSwitchVariantProps | SwitchCheckboxVariantProps | SwitchButtonVariantProps);\n\nexport type SwitchSwitchVariantProps = {\n  variant?: 'switch';\n  /**\n   * Colors for switch's core elements.\n   * @platform android\n   */\n  elementColors?: SwitchElementColors;\n};\n\nexport type SwitchCheckboxVariantProps = {\n  variant: 'checkbox';\n  /**\n   * Colors for checkbox core elements.\n   * @platform android\n   */\n  elementColors?: CheckboxElementColors;\n};\n\nexport type SwitchButtonVariantProps = {\n  variant: 'button';\n  elementColors?: undefined;\n};\n\ntype NativeSwitchProps = Omit<SwitchProps, 'onValueChange'> & {\n  onValueChange: (event: NativeSyntheticEvent<{ value: boolean }>) => void;\n};\n\nconst SwitchNativeView: React.ComponentType<NativeSwitchProps> = requireNativeView(\n  'ExpoUI',\n  'SwitchView'\n);\n\nfunction getElementColors(props: SwitchProps) {\n  if (props.variant === 'button') {\n    return undefined;\n  }\n  if (!props.elementColors) {\n    if (props.variant === 'switch') {\n      return {\n        checkedTrackColor: props.color,\n      };\n    } else {\n      return {\n        checkedColor: props.color,\n      };\n    }\n  }\n  return props.elementColors;\n}\n\n/**\n * @hidden\n */\nexport function transformSwitchProps(props: SwitchProps): NativeSwitchProps {\n  return {\n    ...props,\n    variant: props.variant ?? 'switch',\n    elementColors: getElementColors(props),\n    color: props.color,\n    onValueChange: ({ nativeEvent: { value } }) => {\n      props?.onValueChange?.(value);\n    },\n    // @ts-expect-error\n    modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),\n  } as NativeSwitchProps;\n}\n\nexport function Switch(props: SwitchProps) {\n  return <SwitchNativeView {...transformSwitchProps(props)} />;\n}\n"]}

package/build/jetpack-compose/TextInput/index.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
-import { ViewEvent } from '../../types';
+import { ExpoModifier, ViewEvent } from '../../types';
 /**
  * @hidden Not used anywhere yet.
  */
@@ -71,6 +71,8 @@ export type TextInputProps = {
      * @platform android
      */
     autoCapitalize?: 'characters' | 'none' | 'sentences' | 'unspecified' | 'words';
+    /** Modifiers for the component */
+    modifiers?: ExpoModifier[];
 };
 export type NativeTextInputProps = Omit<TextInputProps, 'onChangeText'> & {} & ViewEvent<'onValueChanged', {
     value: string;

package/build/jetpack-compose/TextInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/TextInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EACT,SAAS,GACT,eAAe,GACf,SAAS,GACT,WAAW,GACX,eAAe,GACf,KAAK,GACL,aAAa,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,OAAO,CAAC;CAChF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,SAAS,CACpF,gBAAgB,EAChB;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAClB,CAAC;AAoBJ;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAE9C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/TextInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EACT,SAAS,GACT,eAAe,GACf,SAAS,GACT,WAAW,GACX,eAAe,GACf,KAAK,GACL,aAAa,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,OAAO,CAAC;IAE/E,kCAAkC;IAClC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,SAAS,CACpF,gBAAgB,EAChB;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAClB,CAAC;AAsBJ;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAE9C"}

package/build/jetpack-compose/TextInput/index.js

@@ -10,6 +10,8 @@ function transformTextInputProps(props) {
         onValueChanged: (event) => {
             props.onChangeText?.(event.nativeEvent.value);
         },
+        // @ts-expect-error
+        modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),
     };
 }
 /**

package/build/jetpack-compose/TextInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/TextInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AA4FzC,wFAAwF;AACxF,MAAM,mBAAmB,GAA8C,iBAAiB,CACtF,QAAQ,EACR,eAAe,CAChB,CAAC;AAEF;;GAEG;AACH,SAAS,uBAAuB,CAAC,KAAqB;IACpD,OAAO;QACL,GAAG,KAAK;QACR,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;YACxB,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAChD,CAAC;KACF,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,OAAO,CAAC,mBAAmB,CAAC,IAAI,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAG,CAAC;AACzF,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { Ref } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { ViewEvent } from '../../types';\n\n/**\n * @hidden Not used anywhere yet.\n */\nexport type TextInputRole = 'default' | 'cancel' | 'destructive';\n\nexport type TextInputRef = {\n  setText: (newText: string) => Promise<void>;\n};\n\nexport type TextInputProps = {\n  /**\n   * Can be used for imperatively setting text on the TextInput component.\n   */\n  ref?: Ref<TextInputRef>;\n  /**\n   * Additional styles to apply to the TextInput.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Initial value that the TextInput displays when being mounted. As the TextInput is an uncontrolled component, change the key prop if you need to change the text value.\n   */\n  defaultValue?: string;\n  /**\n   * A callback triggered when user types in text into the TextInput.\n   */\n  onChangeText: (value: string) => void;\n  /**\n   * If true, the text input can be multiple lines.\n   * While the content will wrap, there's no keyboard button to insert a new line.\n   */\n  multiline?: boolean;\n  /**\n   * The number of lines to display when `multiline` is set to true.\n   * If the number of lines in the view is above this number, the view scrolls.\n   * @default undefined, which means unlimited lines.\n   */\n  numberOfLines?: number;\n  /**\n   * Determines which keyboard to open. For example, `'numeric'`.\n   *\n   * Available options:\n   * - default\n   * - numeric\n   * - email-address\n   * - phone-pad\n   * - decimal-pad\n   * - ascii-capable\n   * - url\n   * - password\n   * - password-numeric\n   *\n   * @default default\n   */\n  keyboardType?:\n    | 'default'\n    | 'email-address'\n    | 'numeric'\n    | 'phone-pad'\n    | 'ascii-capable'\n    | 'url'\n    | 'decimal-pad';\n  /**\n   * If true, autocorrection is enabled.\n   * @default true\n   */\n  autocorrection?: boolean;\n  /**\n   * Options to request software keyboard to capitalize the text. Applies to languages which has upper-case and lower-case letters.\n   *\n   * Available options:\n   * - `characters`: Capitalize all characters.\n   * - `none`: Do not auto-capitalize text.\n   * - `sentences`: Capitalize the first character of each sentence.\n   * - `unspecified`: Capitalization behavior is not specified.\n   * - `words`: Capitalize the first character of every word.\n   * @default none\n   * @platform android\n   */\n  autoCapitalize?: 'characters' | 'none' | 'sentences' | 'unspecified' | 'words';\n};\n\nexport type NativeTextInputProps = Omit<TextInputProps, 'onChangeText'> & {} & ViewEvent<\n    'onValueChanged',\n    { value: string }\n  >;\n\n// We have to work around the `role` and `onPress` props being reserved by React Native.\nconst TextInputNativeView: React.ComponentType<NativeTextInputProps> = requireNativeView(\n  'ExpoUI',\n  'TextInputView'\n);\n\n/**\n * @hidden\n */\nfunction transformTextInputProps(props: TextInputProps): NativeTextInputProps {\n  return {\n    ...props,\n    onValueChanged: (event) => {\n      props.onChangeText?.(event.nativeEvent.value);\n    },\n  };\n}\n\n/**\n * Renders a `TextInput` component.\n */\nexport function TextInput(props: TextInputProps) {\n  return <TextInputNativeView {...transformTextInputProps(props)} style={props.style} />;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/jetpack-compose/TextInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AA+FzC,wFAAwF;AACxF,MAAM,mBAAmB,GAA8C,iBAAiB,CACtF,QAAQ,EACR,eAAe,CAChB,CAAC;AAEF;;GAEG;AACH,SAAS,uBAAuB,CAAC,KAAqB;IACpD,OAAO;QACL,GAAG,KAAK;QACR,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;YACxB,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAChD,CAAC;QACD,mBAAmB;QACnB,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB,CAAC;KACpE,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,OAAO,CAAC,mBAAmB,CAAC,IAAI,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAG,CAAC;AACzF,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport { Ref } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport { ExpoModifier, ViewEvent } from '../../types';\n\n/**\n * @hidden Not used anywhere yet.\n */\nexport type TextInputRole = 'default' | 'cancel' | 'destructive';\n\nexport type TextInputRef = {\n  setText: (newText: string) => Promise<void>;\n};\n\nexport type TextInputProps = {\n  /**\n   * Can be used for imperatively setting text on the TextInput component.\n   */\n  ref?: Ref<TextInputRef>;\n  /**\n   * Additional styles to apply to the TextInput.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Initial value that the TextInput displays when being mounted. As the TextInput is an uncontrolled component, change the key prop if you need to change the text value.\n   */\n  defaultValue?: string;\n  /**\n   * A callback triggered when user types in text into the TextInput.\n   */\n  onChangeText: (value: string) => void;\n  /**\n   * If true, the text input can be multiple lines.\n   * While the content will wrap, there's no keyboard button to insert a new line.\n   */\n  multiline?: boolean;\n  /**\n   * The number of lines to display when `multiline` is set to true.\n   * If the number of lines in the view is above this number, the view scrolls.\n   * @default undefined, which means unlimited lines.\n   */\n  numberOfLines?: number;\n  /**\n   * Determines which keyboard to open. For example, `'numeric'`.\n   *\n   * Available options:\n   * - default\n   * - numeric\n   * - email-address\n   * - phone-pad\n   * - decimal-pad\n   * - ascii-capable\n   * - url\n   * - password\n   * - password-numeric\n   *\n   * @default default\n   */\n  keyboardType?:\n    | 'default'\n    | 'email-address'\n    | 'numeric'\n    | 'phone-pad'\n    | 'ascii-capable'\n    | 'url'\n    | 'decimal-pad';\n  /**\n   * If true, autocorrection is enabled.\n   * @default true\n   */\n  autocorrection?: boolean;\n  /**\n   * Options to request software keyboard to capitalize the text. Applies to languages which has upper-case and lower-case letters.\n   *\n   * Available options:\n   * - `characters`: Capitalize all characters.\n   * - `none`: Do not auto-capitalize text.\n   * - `sentences`: Capitalize the first character of each sentence.\n   * - `unspecified`: Capitalization behavior is not specified.\n   * - `words`: Capitalize the first character of every word.\n   * @default none\n   * @platform android\n   */\n  autoCapitalize?: 'characters' | 'none' | 'sentences' | 'unspecified' | 'words';\n\n  /** Modifiers for the component */\n  modifiers?: ExpoModifier[];\n};\n\nexport type NativeTextInputProps = Omit<TextInputProps, 'onChangeText'> & {} & ViewEvent<\n    'onValueChanged',\n    { value: string }\n  >;\n\n// We have to work around the `role` and `onPress` props being reserved by React Native.\nconst TextInputNativeView: React.ComponentType<NativeTextInputProps> = requireNativeView(\n  'ExpoUI',\n  'TextInputView'\n);\n\n/**\n * @hidden\n */\nfunction transformTextInputProps(props: TextInputProps): NativeTextInputProps {\n  return {\n    ...props,\n    onValueChanged: (event) => {\n      props.onChangeText?.(event.nativeEvent.value);\n    },\n    // @ts-expect-error\n    modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),\n  };\n}\n\n/**\n * Renders a `TextInput` component.\n */\nexport function TextInput(props: TextInputProps) {\n  return <TextInputNativeView {...transformTextInputProps(props)} style={props.style} />;\n}\n"]}

package/build/jetpack-compose/index.d.ts

@@ -8,4 +8,5 @@ export * from './Slider';
 export * from './Switch';
 export * from './TextInput';
 export * from './Shape';
+export * from './modifiers';
 //# sourceMappingURL=index.d.ts.map

package/build/jetpack-compose/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/jetpack-compose/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/jetpack-compose/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/build/jetpack-compose/index.js

@@ -8,4 +8,5 @@ export * from './Slider';
 export * from './Switch';
 export * from './TextInput';
 export * from './Shape';
+export * from './modifiers';
 //# sourceMappingURL=index.js.map

package/build/jetpack-compose/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/jetpack-compose/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC","sourcesContent":["export * from './AlertDialog';\nexport * from './Button';\nexport * from './ContextMenu';\nexport * from './DatePicker';\nexport * from './Picker';\nexport * from './Progress';\nexport * from './Slider';\nexport * from './Switch';\nexport * from './TextInput';\nexport * from './Shape';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/jetpack-compose/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC","sourcesContent":["export * from './AlertDialog';\nexport * from './Button';\nexport * from './ContextMenu';\nexport * from './DatePicker';\nexport * from './Picker';\nexport * from './Progress';\nexport * from './Slider';\nexport * from './Switch';\nexport * from './TextInput';\nexport * from './Shape';\nexport * from './modifiers';\n"]}

package/build/jetpack-compose/modifiers.d.ts

@@ -0,0 +1,14 @@
+import { ExpoModifier } from '../types';
+export declare const padding: (all: number) => ExpoModifier;
+export declare const size: (width: number, height: number) => ExpoModifier;
+export declare const fillMaxSize: () => ExpoModifier;
+export declare const offset: (x: number, y: number) => ExpoModifier;
+export declare const background: (color: string) => ExpoModifier;
+export declare const border: (borderWidth: number, borderColor: string) => ExpoModifier;
+export declare const shadow: (elevation: number) => ExpoModifier;
+export declare const alpha: (alpha: number) => ExpoModifier;
+export declare const blur: (radius: number) => ExpoModifier;
+export declare const clickable: (callback: () => void) => ExpoModifier;
+export declare const rotate: (degrees: number) => ExpoModifier;
+export declare const zIndex: (index: number) => ExpoModifier;
+//# sourceMappingURL=modifiers.d.ts.map

package/build/jetpack-compose/modifiers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modifiers.d.ts","sourceRoot":"","sources":["../../src/jetpack-compose/modifiers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIxC,eAAO,MAAM,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,YAAyC,CAAC;AACjF,eAAO,MAAM,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,YAAsC,CAAC;AAC7F,eAAO,MAAM,WAAW,EAAE,MAAM,YAA6C,CAAC;AAC9E,eAAO,MAAM,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,YAAwC,CAAC;AACxF,eAAO,MAAM,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,YAA4C,CAAC;AACzF,eAAO,MAAM,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,YACxC,CAAC;AAC5B,eAAO,MAAM,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,YAAwC,CAAC;AACrF,eAAO,MAAM,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,YAAuC,CAAC;AAC/E,eAAO,MAAM,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAsC,CAAC;AAC9E,eAAO,MAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,YAA2C,CAAC;AAC9F,eAAO,MAAM,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,YAAwC,CAAC;AACnF,eAAO,MAAM,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,YAAwC,CAAC"}

package/build/jetpack-compose/modifiers.js

@@ -0,0 +1,15 @@
+import { requireNativeModule } from 'expo';
+const nativeExpoUIModule = requireNativeModule('ExpoUI');
+export const padding = nativeExpoUIModule.padding;
+export const size = nativeExpoUIModule.size;
+export const fillMaxSize = nativeExpoUIModule.fillMaxSize;
+export const offset = nativeExpoUIModule.offset;
+export const background = nativeExpoUIModule.background;
+export const border = nativeExpoUIModule.border;
+export const shadow = nativeExpoUIModule.shadow;
+export const alpha = nativeExpoUIModule.alpha;
+export const blur = nativeExpoUIModule.blur;
+export const clickable = nativeExpoUIModule.clickable;
+export const rotate = nativeExpoUIModule.rotate;
+export const zIndex = nativeExpoUIModule.zIndex;
+//# sourceMappingURL=modifiers.js.map

package/build/jetpack-compose/modifiers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modifiers.js","sourceRoot":"","sources":["../../src/jetpack-compose/modifiers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAI3C,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AAEzD,MAAM,CAAC,MAAM,OAAO,GAAkC,kBAAkB,CAAC,OAAO,CAAC;AACjF,MAAM,CAAC,MAAM,IAAI,GAAoD,kBAAkB,CAAC,IAAI,CAAC;AAC7F,MAAM,CAAC,MAAM,WAAW,GAAuB,kBAAkB,CAAC,WAAW,CAAC;AAC9E,MAAM,CAAC,MAAM,MAAM,GAA2C,kBAAkB,CAAC,MAAM,CAAC;AACxF,MAAM,CAAC,MAAM,UAAU,GAAoC,kBAAkB,CAAC,UAAU,CAAC;AACzF,MAAM,CAAC,MAAM,MAAM,GACjB,kBAAkB,CAAC,MAAM,CAAC;AAC5B,MAAM,CAAC,MAAM,MAAM,GAAwC,kBAAkB,CAAC,MAAM,CAAC;AACrF,MAAM,CAAC,MAAM,KAAK,GAAoC,kBAAkB,CAAC,KAAK,CAAC;AAC/E,MAAM,CAAC,MAAM,IAAI,GAAqC,kBAAkB,CAAC,IAAI,CAAC;AAC9E,MAAM,CAAC,MAAM,SAAS,GAA2C,kBAAkB,CAAC,SAAS,CAAC;AAC9F,MAAM,CAAC,MAAM,MAAM,GAAsC,kBAAkB,CAAC,MAAM,CAAC;AACnF,MAAM,CAAC,MAAM,MAAM,GAAoC,kBAAkB,CAAC,MAAM,CAAC","sourcesContent":["import { requireNativeModule } from 'expo';\n\nimport { ExpoModifier } from '../types';\n\nconst nativeExpoUIModule = requireNativeModule('ExpoUI');\n\nexport const padding: (all: number) => ExpoModifier = nativeExpoUIModule.padding;\nexport const size: (width: number, height: number) => ExpoModifier = nativeExpoUIModule.size;\nexport const fillMaxSize: () => ExpoModifier = nativeExpoUIModule.fillMaxSize;\nexport const offset: (x: number, y: number) => ExpoModifier = nativeExpoUIModule.offset;\nexport const background: (color: string) => ExpoModifier = nativeExpoUIModule.background;\nexport const border: (borderWidth: number, borderColor: string) => ExpoModifier =\n  nativeExpoUIModule.border;\nexport const shadow: (elevation: number) => ExpoModifier = nativeExpoUIModule.shadow;\nexport const alpha: (alpha: number) => ExpoModifier = nativeExpoUIModule.alpha;\nexport const blur: (radius: number) => ExpoModifier = nativeExpoUIModule.blur;\nexport const clickable: (callback: () => void) => ExpoModifier = nativeExpoUIModule.clickable;\nexport const rotate: (degrees: number) => ExpoModifier = nativeExpoUIModule.rotate;\nexport const zIndex: (index: number) => ExpoModifier = nativeExpoUIModule.zIndex;\n"]}

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

@@ -1,4 +1,4 @@
-import { NativeSyntheticEvent } from 'react-native';
+import { type CommonViewModifierProps } from '../types';
 export type BottomSheetProps = {
     /**
      * The children of the `BottomSheet` component.
@@ -12,18 +12,6 @@ export type BottomSheetProps = {
      * Callback function that is called when the `BottomSheet` is opened.
      */
     onIsOpenedChange: (isOpened: boolean) => void;
-};
-type NativeBottomSheetProps = Omit<BottomSheetProps, 'onIsOpenedChange'> & {
-    onIsOpenedChange: (event: NativeSyntheticEvent<{
-        isOpened: boolean;
-    }>) => void;
-};
-export declare function transformBottomSheetProps(props: BottomSheetProps): NativeBottomSheetProps;
-/**
- * `<BottomSheet>` component without a host view.
- * You should use this with a `Host` component in ancestor.
- */
-export declare function BottomSheetPrimitive(props: BottomSheetProps): import("react").JSX.Element;
+} & CommonViewModifierProps;
 export declare function BottomSheet(props: BottomSheetProps): import("react").JSX.Element;
-export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/BottomSheet/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIhE,MAAM,MAAM,gBAAgB,GAAG;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,KAAK,sBAAsB,GAAG,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,GAAG;IACzE,gBAAgB,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;CAChF,CAAC;AAOF,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,gBAAgB,GAAG,sBAAsB,CAOzF;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,+BAE3D;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAOlD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/BottomSheet/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG;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,GAAG,uBAAuB,CAAC;AAuB5B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAElD"}