@xaui/native 0.2.6 → 0.2.8

package/dist/alert/index.cjs

@@ -1,7 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }require('../chunk-56RPWZD2.cjs');
 
 
-
 var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
 
 // src/components/alert/alert.tsx
@@ -221,12 +220,14 @@ var Alert = ({
   icon,
   themeColor = "default",
   variant = "flat",
-  radius = "md",
+  radius = 8,
   isClosable = false,
   hideIcon = false,
   closeButton,
   isVisible,
-  customAppearance,
+  style,
+  titleStyle,
+  descriptionStyle,
   children,
   onClose,
   onVisibleChange
@@ -237,7 +238,6 @@ var Alert = ({
   const visible = isControlled ? isVisible : internalVisible;
   const opacity = _reactnativereanimated.useSharedValue.call(void 0, 1);
   const scale = _reactnativereanimated.useSharedValue.call(void 0, 1);
-  const radiusStyles = _chunk7UFBLUMVcjs.useBorderRadiusStyles.call(void 0, radius);
   const containerStyles = useAlertContainerStyles(themeColor, variant);
   const iconWrapperStyles = useAlertIconWrapperStyles(themeColor, variant);
   const { titleStyles, descriptionStyles, iconColor, closeButtonColor } = useAlertTextStyles(themeColor, variant);
@@ -290,27 +290,17 @@ var Alert = ({
   const renderContentText = (content) => {
     if (content === null || content === void 0) return null;
     if (typeof content === "string" || typeof content === "number") {
-      return /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Text,
-        {
-          style: [
-            styles.description,
-            descriptionStyles,
-            _optionalChain([customAppearance, 'optionalAccess', _3 => _3.description])
-          ]
-        },
-        content
-      );
+      return /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.description, descriptionStyles, descriptionStyle] }, content);
     }
     return content;
   };
   const titleNode = _react.useMemo.call(void 0, () => {
     if (title === null || title === void 0) return null;
     if (typeof title === "string" || typeof title === "number") {
-      return /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.title, titleStyles, _optionalChain([customAppearance, 'optionalAccess', _4 => _4.title])] }, title);
+      return /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.title, titleStyles, titleStyle] }, title);
     }
     return title;
-  }, [title, _optionalChain([customAppearance, 'optionalAccess', _5 => _5.title]), titleStyles]);
+  }, [title, titleStyle, titleStyles]);
   const descriptionNode = renderContentText(description);
   const childrenNode = renderContentText(children);
   const closeButtonNode = _react.useMemo.call(void 0, () => {
@@ -319,7 +309,7 @@ var Alert = ({
     const existingOnPress = closeButton.props.onPress;
     return _react.cloneElement.call(void 0, closeButton, {
       onPress: (event) => {
-        _optionalChain([existingOnPress, 'optionalCall', _6 => _6(event)]);
+        _optionalChain([existingOnPress, 'optionalCall', _3 => _3(event)]);
         handleClose();
       }
     });
@@ -329,13 +319,7 @@ var Alert = ({
     _reactnativereanimated2.default.View,
     {
       accessibilityRole: "alert",
-      style: [
-        styles.container,
-        containerStyles,
-        radiusStyles,
-        _optionalChain([customAppearance, 'optionalAccess', _7 => _7.container]),
-        animatedStyle
-      ]
+      style: [styles.container, containerStyles, { borderRadius: radius }, style, animatedStyle]
     },
     !hideIcon && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.iconWrapper, iconWrapperStyles] }, renderIcon()),
     /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.mainWrapper }, titleNode, descriptionNode, childrenNode && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.extraContent }, childrenNode)),

package/dist/alert/index.d.cts

@@ -2,89 +2,45 @@ import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 import { ThemeColor } from '@xaui/core/types';
 
-type AlertVariant = 'solid' | 'bordered' | 'flat' | 'faded';
-type AlertRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+/** Visual style of the alert container. */
+type AlertVariant = 'solid' | 'bordered' | 'flat' | 'faded' | 'glass';
 type AlertEvents = {
-    /**
-     * Callback fired when the alert is closed.
-     */
+    /** Called when the alert finishes closing. */
     onClose?: () => void;
-    /**
-     * Callback fired when the alert visibility changes.
-     */
+    /** Called whenever the visibility state changes. */
     onVisibleChange?: (isVisible: boolean) => void;
 };
-type AlertCustomAppearance = {
-    /**
-     * Custom style for the alert container.
-     */
-    container?: ViewStyle;
-    /**
-     * Custom style for the alert title.
-     */
-    title?: TextStyle;
-    /**
-     * Custom style for the alert description.
-     */
-    description?: TextStyle;
-};
 type AlertProps = {
-    /**
-     * The title of the alert.
-     */
+    /** Main heading displayed inside the alert. */
     title?: ReactNode;
-    /**
-     * The description content of the alert.
-     */
+    /** Supporting text below the title. */
     description?: ReactNode;
-    /**
-     * Custom icon to display inside the alert.
-     */
+    /** Custom icon element — overrides the default theme icon. */
     icon?: ReactNode;
-    /**
-     * The theme color of the alert.
-     * @default 'default'
-     */
+    /** Color scheme applied to the alert. Defaults to `'default'`. */
     themeColor?: ThemeColor;
-    /**
-     * The variant of the alert.
-     * @default 'flat'
-     */
+    /** Visual style variant. Defaults to `'flat'`. */
     variant?: AlertVariant;
-    /**
-     * The border radius of the alert.
-     * @default 'md'
-     */
-    radius?: AlertRadius;
-    /**
-     * Whether the alert can be closed with a close button.
-     * @default false
-     */
+    /** Border radius in pixels. Defaults to `8`. */
+    radius?: number;
+    /** Whether to display a close button. */
     isClosable?: boolean;
-    /**
-     * Whether to hide the icon.
-     * @default false
-     */
+    /** Hide the leading icon. */
     hideIcon?: boolean;
-    /**
-     * Custom close button element.
-     */
+    /** Custom element rendered as the close button. */
     closeButton?: ReactNode;
-    /**
-     * Whether the alert is visible.
-     * @default true
-     */
+    /** Controls visibility externally (controlled mode). */
     isVisible?: boolean;
-    /**
-     * Custom appearance styles for all alert parts
-     */
-    customAppearance?: AlertCustomAppearance;
-    /**
-     * Additional content rendered below the description.
-     */
+    /** Override styles for the container. */
+    style?: ViewStyle;
+    /** Override styles for the title text. */
+    titleStyle?: TextStyle;
+    /** Override styles for the description text. */
+    descriptionStyle?: TextStyle;
+    /** Additional content rendered below the description. */
     children?: ReactNode;
 } & AlertEvents;
 
 declare const Alert: React.FC<AlertProps>;
 
-export { Alert, type AlertProps, type AlertRadius, type AlertVariant };
+export { Alert, type AlertProps, type AlertVariant };

package/dist/alert/index.d.ts

@@ -2,89 +2,45 @@ import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
 import { ThemeColor } from '@xaui/core/types';
 
-type AlertVariant = 'solid' | 'bordered' | 'flat' | 'faded';
-type AlertRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+/** Visual style of the alert container. */
+type AlertVariant = 'solid' | 'bordered' | 'flat' | 'faded' | 'glass';
 type AlertEvents = {
-    /**
-     * Callback fired when the alert is closed.
-     */
+    /** Called when the alert finishes closing. */
     onClose?: () => void;
-    /**
-     * Callback fired when the alert visibility changes.
-     */
+    /** Called whenever the visibility state changes. */
     onVisibleChange?: (isVisible: boolean) => void;
 };
-type AlertCustomAppearance = {
-    /**
-     * Custom style for the alert container.
-     */
-    container?: ViewStyle;
-    /**
-     * Custom style for the alert title.
-     */
-    title?: TextStyle;
-    /**
-     * Custom style for the alert description.
-     */
-    description?: TextStyle;
-};
 type AlertProps = {
-    /**
-     * The title of the alert.
-     */
+    /** Main heading displayed inside the alert. */
     title?: ReactNode;
-    /**
-     * The description content of the alert.
-     */
+    /** Supporting text below the title. */
     description?: ReactNode;
-    /**
-     * Custom icon to display inside the alert.
-     */
+    /** Custom icon element — overrides the default theme icon. */
     icon?: ReactNode;
-    /**
-     * The theme color of the alert.
-     * @default 'default'
-     */
+    /** Color scheme applied to the alert. Defaults to `'default'`. */
     themeColor?: ThemeColor;
-    /**
-     * The variant of the alert.
-     * @default 'flat'
-     */
+    /** Visual style variant. Defaults to `'flat'`. */
     variant?: AlertVariant;
-    /**
-     * The border radius of the alert.
-     * @default 'md'
-     */
-    radius?: AlertRadius;
-    /**
-     * Whether the alert can be closed with a close button.
-     * @default false
-     */
+    /** Border radius in pixels. Defaults to `8`. */
+    radius?: number;
+    /** Whether to display a close button. */
     isClosable?: boolean;
-    /**
-     * Whether to hide the icon.
-     * @default false
-     */
+    /** Hide the leading icon. */
     hideIcon?: boolean;
-    /**
-     * Custom close button element.
-     */
+    /** Custom element rendered as the close button. */
     closeButton?: ReactNode;
-    /**
-     * Whether the alert is visible.
-     * @default true
-     */
+    /** Controls visibility externally (controlled mode). */
     isVisible?: boolean;
-    /**
-     * Custom appearance styles for all alert parts
-     */
-    customAppearance?: AlertCustomAppearance;
-    /**
-     * Additional content rendered below the description.
-     */
+    /** Override styles for the container. */
+    style?: ViewStyle;
+    /** Override styles for the title text. */
+    titleStyle?: TextStyle;
+    /** Override styles for the description text. */
+    descriptionStyle?: TextStyle;
+    /** Additional content rendered below the description. */
     children?: ReactNode;
 } & AlertEvents;
 
 declare const Alert: React.FC<AlertProps>;
 
-export { Alert, type AlertProps, type AlertRadius, type AlertVariant };
+export { Alert, type AlertProps, type AlertVariant };

package/dist/alert/index.js

@@ -1,6 +1,5 @@
 import "../chunk-SHBDANQN.js";
 import {
-  useBorderRadiusStyles,
   useXUITheme
 } from "../chunk-RBSA4NH4.js";
 
@@ -221,12 +220,14 @@ var Alert = ({
   icon,
   themeColor = "default",
   variant = "flat",
-  radius = "md",
+  radius = 8,
   isClosable = false,
   hideIcon = false,
   closeButton,
   isVisible,
-  customAppearance,
+  style,
+  titleStyle,
+  descriptionStyle,
   children,
   onClose,
   onVisibleChange
@@ -237,7 +238,6 @@ var Alert = ({
   const visible = isControlled ? isVisible : internalVisible;
   const opacity = useSharedValue(1);
   const scale = useSharedValue(1);
-  const radiusStyles = useBorderRadiusStyles(radius);
   const containerStyles = useAlertContainerStyles(themeColor, variant);
   const iconWrapperStyles = useAlertIconWrapperStyles(themeColor, variant);
   const { titleStyles, descriptionStyles, iconColor, closeButtonColor } = useAlertTextStyles(themeColor, variant);
@@ -290,27 +290,17 @@ var Alert = ({
   const renderContentText = (content) => {
     if (content === null || content === void 0) return null;
     if (typeof content === "string" || typeof content === "number") {
-      return /* @__PURE__ */ React2.createElement(
-        Text,
-        {
-          style: [
-            styles.description,
-            descriptionStyles,
-            customAppearance?.description
-          ]
-        },
-        content
-      );
+      return /* @__PURE__ */ React2.createElement(Text, { style: [styles.description, descriptionStyles, descriptionStyle] }, content);
     }
     return content;
   };
   const titleNode = useMemo2(() => {
     if (title === null || title === void 0) return null;
     if (typeof title === "string" || typeof title === "number") {
-      return /* @__PURE__ */ React2.createElement(Text, { style: [styles.title, titleStyles, customAppearance?.title] }, title);
+      return /* @__PURE__ */ React2.createElement(Text, { style: [styles.title, titleStyles, titleStyle] }, title);
     }
     return title;
-  }, [title, customAppearance?.title, titleStyles]);
+  }, [title, titleStyle, titleStyles]);
   const descriptionNode = renderContentText(description);
   const childrenNode = renderContentText(children);
   const closeButtonNode = useMemo2(() => {
@@ -329,13 +319,7 @@ var Alert = ({
     Animated.View,
     {
       accessibilityRole: "alert",
-      style: [
-        styles.container,
-        containerStyles,
-        radiusStyles,
-        customAppearance?.container,
-        animatedStyle
-      ]
+      style: [styles.container, containerStyles, { borderRadius: radius }, style, animatedStyle]
     },
     !hideIcon && /* @__PURE__ */ React2.createElement(View, { style: [styles.iconWrapper, iconWrapperStyles] }, renderIcon()),
     /* @__PURE__ */ React2.createElement(View, { style: styles.mainWrapper }, titleNode, descriptionNode, childrenNode && /* @__PURE__ */ React2.createElement(View, { style: styles.extraContent }, childrenNode)),

package/dist/color-picker/index.cjs

@@ -434,10 +434,7 @@ var ColorPicker = ({
     ), /* @__PURE__ */ _react2.default.createElement(
       _reactnative.Text,
       {
-        style: [
-          styles.hexLabel,
-          { color: _core.withOpacity.call(void 0, foreground, 0.7) }
-        ]
+        style: [styles.hexLabel, { color: _core.withOpacity.call(void 0, foreground, 0.7) }]
       },
       value.toUpperCase()
     ))), /* @__PURE__ */ _react2.default.createElement(_reactnative.ScrollView, { showsVerticalScrollIndicator: false }, colorGroups.map((group) => /* @__PURE__ */ _react2.default.createElement(

package/dist/color-picker/index.js

@@ -434,10 +434,7 @@ var ColorPicker = ({
     ), /* @__PURE__ */ React.createElement(
       Text,
       {
-        style: [
-          styles.hexLabel,
-          { color: withOpacity(foreground, 0.7) }
-        ]
+        style: [styles.hexLabel, { color: withOpacity(foreground, 0.7) }]
       },
       value.toUpperCase()
     ))), /* @__PURE__ */ React.createElement(ScrollView, { showsVerticalScrollIndicator: false }, colorGroups.map((group) => /* @__PURE__ */ React.createElement(

package/dist/dialog/index.cjs

@@ -294,45 +294,36 @@ var Dialog = ({
     [customAppearance, requestClose]
   );
   if (!shouldRender) return null;
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Modal,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: requestClose }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.root }, !hideBackdrop && /* @__PURE__ */ _react2.default.createElement(
+    AnimatedPressable,
     {
-      visible: true,
-      transparent: true,
-      animationType: "none",
-      onRequestClose: requestClose
+      style: [
+        styles.backdrop,
+        backdropStyles[backdrop],
+        backdropAnimatedStyle,
+        _optionalChain([customAppearance, 'optionalAccess', _3 => _3.backdrop])
+      ],
+      onPress: handleBackdropPress
+    }
+  ), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.placementBase, placementStyles[placement]] }, /* @__PURE__ */ _react2.default.createElement(DialogContext.Provider, { value: dialogContextValue }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Pressable, { onPress: (event) => event.stopPropagation() }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnativereanimated2.default.View,
+    {
+      style: [
+        styles.dialog,
+        sizeStyles[size],
+        radiusStyles,
+        dialogAnimatedStyle,
+        {
+          backgroundColor: theme.colors.background,
+          borderColor: _core.withOpacity.call(void 0, theme.colors.foreground, 0.14)
+        },
+        theme.shadows.lg,
+        _optionalChain([customAppearance, 'optionalAccess', _4 => _4.container]),
+        style
+      ]
     },
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.root }, !hideBackdrop && /* @__PURE__ */ _react2.default.createElement(
-      AnimatedPressable,
-      {
-        style: [
-          styles.backdrop,
-          backdropStyles[backdrop],
-          backdropAnimatedStyle,
-          _optionalChain([customAppearance, 'optionalAccess', _3 => _3.backdrop])
-        ],
-        onPress: handleBackdropPress
-      }
-    ), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.placementBase, placementStyles[placement]] }, /* @__PURE__ */ _react2.default.createElement(DialogContext.Provider, { value: dialogContextValue }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Pressable, { onPress: (event) => event.stopPropagation() }, /* @__PURE__ */ _react2.default.createElement(
-      _reactnativereanimated2.default.View,
-      {
-        style: [
-          styles.dialog,
-          sizeStyles[size],
-          radiusStyles,
-          dialogAnimatedStyle,
-          {
-            backgroundColor: theme.colors.background,
-            borderColor: _core.withOpacity.call(void 0, theme.colors.foreground, 0.14)
-          },
-          theme.shadows.lg,
-          _optionalChain([customAppearance, 'optionalAccess', _4 => _4.container]),
-          style
-        ]
-      },
-      children
-    )))))
-  );
+    children
+  ))))));
 };
 var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
 var DialogHeader = ({

package/dist/dialog/index.js

@@ -294,45 +294,36 @@ var Dialog = ({
     [customAppearance, requestClose]
   );
   if (!shouldRender) return null;
-  return /* @__PURE__ */ React.createElement(
-    Modal,
+  return /* @__PURE__ */ React.createElement(Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: requestClose }, /* @__PURE__ */ React.createElement(View, { style: styles.root }, !hideBackdrop && /* @__PURE__ */ React.createElement(
+    AnimatedPressable,
     {
-      visible: true,
-      transparent: true,
-      animationType: "none",
-      onRequestClose: requestClose
+      style: [
+        styles.backdrop,
+        backdropStyles[backdrop],
+        backdropAnimatedStyle,
+        customAppearance?.backdrop
+      ],
+      onPress: handleBackdropPress
+    }
+  ), /* @__PURE__ */ React.createElement(View, { style: [styles.placementBase, placementStyles[placement]] }, /* @__PURE__ */ React.createElement(DialogContext.Provider, { value: dialogContextValue }, /* @__PURE__ */ React.createElement(Pressable, { onPress: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement(
+    Animated.View,
+    {
+      style: [
+        styles.dialog,
+        sizeStyles[size],
+        radiusStyles,
+        dialogAnimatedStyle,
+        {
+          backgroundColor: theme.colors.background,
+          borderColor: withOpacity(theme.colors.foreground, 0.14)
+        },
+        theme.shadows.lg,
+        customAppearance?.container,
+        style
+      ]
     },
-    /* @__PURE__ */ React.createElement(View, { style: styles.root }, !hideBackdrop && /* @__PURE__ */ React.createElement(
-      AnimatedPressable,
-      {
-        style: [
-          styles.backdrop,
-          backdropStyles[backdrop],
-          backdropAnimatedStyle,
-          customAppearance?.backdrop
-        ],
-        onPress: handleBackdropPress
-      }
-    ), /* @__PURE__ */ React.createElement(View, { style: [styles.placementBase, placementStyles[placement]] }, /* @__PURE__ */ React.createElement(DialogContext.Provider, { value: dialogContextValue }, /* @__PURE__ */ React.createElement(Pressable, { onPress: (event) => event.stopPropagation() }, /* @__PURE__ */ React.createElement(
-      Animated.View,
-      {
-        style: [
-          styles.dialog,
-          sizeStyles[size],
-          radiusStyles,
-          dialogAnimatedStyle,
-          {
-            backgroundColor: theme.colors.background,
-            borderColor: withOpacity(theme.colors.foreground, 0.14)
-          },
-          theme.shadows.lg,
-          customAppearance?.container,
-          style
-        ]
-      },
-      children
-    )))))
-  );
+    children
+  ))))));
 };
 var AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 var DialogHeader = ({

package/dist/picker/index.cjs

@@ -84,20 +84,26 @@ var ChevronDownIcon = ({
     }
   )
 );
-var CheckIcon = ({ color }) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: { width: 20, height: 20, alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ _react2.default.createElement(
+var CheckIcon = ({ color }) => /* @__PURE__ */ _react2.default.createElement(
   _reactnative.View,
   {
-    style: {
-      width: 6,
-      height: 10,
-      borderRightWidth: 2,
-      borderBottomWidth: 2,
-      borderColor: color,
-      transform: [{ rotate: "45deg" }],
-      marginTop: -3
+    style: { width: 20, height: 20, alignItems: "center", justifyContent: "center" }
+  },
+  /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
+    {
+      style: {
+        width: 6,
+        height: 10,
+        borderRightWidth: 2,
+        borderBottomWidth: 2,
+        borderColor: color,
+        transform: [{ rotate: "45deg" }],
+        marginTop: -3
+      }
     }
-  }
-));
+  )
+);
 var OptionItem = ({
   option,
   isSelected,
@@ -120,10 +126,7 @@ var OptionItem = ({
     /* @__PURE__ */ _react2.default.createElement(
       _reactnative.Text,
       {
-        style: [
-          styles.optionLabel,
-          { color: isSelected ? themeColor : foreground }
-        ]
+        style: [styles.optionLabel, { color: isSelected ? themeColor : foreground }]
       },
       option.label
     ),
@@ -214,13 +217,7 @@ var Picker = ({
       onClose: handleSheetClose,
       style: { backgroundColor: sheetBackground, ...sheetStyle }
     },
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.sheetContent }, sheetTitle ? /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Text,
-      {
-        style: [styles.sheetTitle, { color: theme.colors.foreground }]
-      },
-      sheetTitle
-    ) : null, /* @__PURE__ */ _react2.default.createElement(_reactnative.ScrollView, null, options.map((option, index) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: option.value }, /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.sheetContent }, sheetTitle ? /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.sheetTitle, { color: theme.colors.foreground }] }, sheetTitle) : null, /* @__PURE__ */ _react2.default.createElement(_reactnative.ScrollView, null, options.map((option, index) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: option.value }, /* @__PURE__ */ _react2.default.createElement(
       OptionItem,
       {
         option,
@@ -235,10 +232,7 @@ var Picker = ({
         style: [
           styles.divider,
           {
-            backgroundColor: _core.withOpacity.call(void 0, 
-              theme.colors.foreground,
-              0.06
-            )
+            backgroundColor: _core.withOpacity.call(void 0, theme.colors.foreground, 0.06)
           }
         ]
       }