@xaui/native 0.2.8 → 0.9.1-alpha.1

package/dist/list/index.js

@@ -1,395 +0,0 @@
-import "../chunk-SHBDANQN.js";
-import {
-  useXUITheme
-} from "../chunk-RBSA4NH4.js";
-
-// src/components/list/list.tsx
-import React2, { useCallback, useMemo, useState } from "react";
-import { View as View2 } from "react-native";
-
-// src/components/list/list-context.ts
-import { createContext, useContext } from "react";
-var ListContext = createContext(null);
-
-// src/components/list/list.style.ts
-import { StyleSheet } from "react-native";
-var styles = StyleSheet.create({
-  list: {
-    flex: 1
-  },
-  item: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12
-  },
-  content: {
-    flex: 1,
-    gap: 2
-  },
-  title: {
-    fontWeight: "500"
-  },
-  description: {
-    opacity: 0.7
-  },
-  disabled: {
-    opacity: 0.5
-  },
-  divider: {
-    height: 1,
-    marginLeft: 10
-  }
-});
-
-// src/components/list/list-divider.tsx
-import React, { Children } from "react";
-import { View } from "react-native";
-var ListDivider = () => {
-  const theme = useXUITheme();
-  return /* @__PURE__ */ React.createElement(
-    View,
-    {
-      style: [styles.divider, { backgroundColor: theme.colors.foreground + "30" }]
-    }
-  );
-};
-var ListChildren = ({ children, showDivider }) => {
-  if (!showDivider) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
-  }
-  const childArray = Children.toArray(children);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, childArray.map((child, index) => /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, child, index < childArray.length - 1 && /* @__PURE__ */ React.createElement(ListDivider, null))));
-};
-
-// src/components/list/list.tsx
-var List = ({
-  children,
-  selectionMode = "none",
-  selectedKeys: controlledSelectedKeys,
-  defaultSelectedKeys = [],
-  showDivider = false,
-  isPressable = true,
-  isSelectable = false,
-  themeColor = "primary",
-  size = "md",
-  onSelectionChange,
-  style
-}) => {
-  const isControlled = controlledSelectedKeys !== void 0;
-  const [internalSelectedKeys, setInternalSelectedKeys] = useState(defaultSelectedKeys);
-  const selectedKeys = isControlled ? controlledSelectedKeys : internalSelectedKeys;
-  const isSelected = useCallback(
-    (key) => {
-      return selectedKeys.includes(key);
-    },
-    [selectedKeys]
-  );
-  const toggleSelection = useCallback(
-    (key) => {
-      if (selectionMode === "none" || !isSelectable) {
-        return;
-      }
-      let newSelectedKeys;
-      if (selectionMode === "single") {
-        newSelectedKeys = isSelected(key) ? [] : [key];
-      } else {
-        newSelectedKeys = isSelected(key) ? selectedKeys.filter((k) => k !== key) : [...selectedKeys, key];
-      }
-      if (!isControlled) {
-        setInternalSelectedKeys(newSelectedKeys);
-      }
-      onSelectionChange?.(newSelectedKeys);
-    },
-    [
-      selectionMode,
-      isSelectable,
-      isSelected,
-      selectedKeys,
-      isControlled,
-      onSelectionChange
-    ]
-  );
-  const contextValue = useMemo(
-    () => ({
-      selectionMode,
-      selectedKeys,
-      isPressable,
-      isSelectable,
-      themeColor,
-      size,
-      showDivider,
-      toggleSelection,
-      isSelected
-    }),
-    [
-      selectionMode,
-      selectedKeys,
-      isPressable,
-      isSelectable,
-      themeColor,
-      size,
-      showDivider,
-      toggleSelection,
-      isSelected
-    ]
-  );
-  return /* @__PURE__ */ React2.createElement(ListContext.Provider, { value: contextValue }, /* @__PURE__ */ React2.createElement(View2, { style: [styles.list, style] }, /* @__PURE__ */ React2.createElement(ListChildren, { showDivider }, children)));
-};
-
-// src/components/list/list-item.tsx
-import React3, { useContext as useContext2 } from "react";
-import { Pressable, Text, View as View3 } from "react-native";
-
-// src/components/list/list.hook.ts
-import { useMemo as useMemo2 } from "react";
-var useListItemSizeStyles = (size) => {
-  const theme = useXUITheme();
-  return useMemo2(() => {
-    const sizes = {
-      xs: {
-        paddingVertical: theme.spacing.sm,
-        paddingHorizontal: theme.spacing.sm,
-        titleSize: theme.fontSizes.xs,
-        descriptionSize: theme.fontSizes.xs
-      },
-      sm: {
-        paddingVertical: theme.spacing.sm,
-        paddingHorizontal: theme.spacing.md,
-        titleSize: theme.fontSizes.sm,
-        descriptionSize: theme.fontSizes.xs
-      },
-      md: {
-        paddingVertical: theme.spacing.md,
-        paddingHorizontal: theme.spacing.md,
-        titleSize: theme.fontSizes.md,
-        descriptionSize: theme.fontSizes.sm
-      },
-      lg: {
-        paddingVertical: theme.spacing.lg,
-        paddingHorizontal: theme.spacing.lg,
-        titleSize: theme.fontSizes.lg,
-        descriptionSize: theme.fontSizes.md
-      }
-    };
-    return sizes[size];
-  }, [size, theme]);
-};
-
-// src/components/list/list-item.tsx
-import { getSafeThemeColor } from "@xaui/core";
-var ListItem = ({
-  itemKey,
-  title,
-  description,
-  startContent,
-  endContent,
-  isDisabled = false,
-  isSelected: propIsSelected,
-  customAppearance,
-  onPress
-}) => {
-  const context = useContext2(ListContext);
-  const theme = useXUITheme();
-  const selectionMode = context?.selectionMode ?? "none";
-  const isPressable = context?.isPressable ?? true;
-  const isSelectable = context?.isSelectable ?? false;
-  const themeColor = context?.themeColor ?? "primary";
-  const size = context?.size ?? "md";
-  const isSelected = propIsSelected ?? (context ? context.isSelected(itemKey) : false);
-  const sizeStyles = useListItemSizeStyles(size);
-  const safeThemeColor = getSafeThemeColor(themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  const backgroundColor = isSelected ? colorScheme.container : "transparent";
-  const titleColor = isDisabled ? theme.colors.foreground + "50" : theme.colors.foreground;
-  const descriptionColor = isDisabled ? theme.colors.foreground + "50" : theme.colors.foreground + "99";
-  const handlePress = () => {
-    if (isDisabled) {
-      return;
-    }
-    if (isSelectable && selectionMode !== "none") {
-      context?.toggleSelection(itemKey);
-    }
-    onPress?.({});
-  };
-  const renderTitle = () => {
-    if (typeof title === "string" || typeof title === "number") {
-      return /* @__PURE__ */ React3.createElement(
-        Text,
-        {
-          style: [
-            styles.title,
-            { fontSize: sizeStyles.titleSize, color: titleColor },
-            customAppearance?.title
-          ],
-          numberOfLines: 1
-        },
-        title
-      );
-    }
-    return title;
-  };
-  const renderDescription = () => {
-    if (!description) return null;
-    if (typeof description === "string" || typeof description === "number") {
-      return /* @__PURE__ */ React3.createElement(
-        Text,
-        {
-          style: [
-            styles.description,
-            { fontSize: sizeStyles.descriptionSize, color: descriptionColor },
-            customAppearance?.description
-          ],
-          numberOfLines: 2
-        },
-        description
-      );
-    }
-    return description;
-  };
-  const content = /* @__PURE__ */ React3.createElement(
-    View3,
-    {
-      style: [
-        styles.item,
-        {
-          paddingVertical: sizeStyles.paddingVertical,
-          paddingHorizontal: sizeStyles.paddingHorizontal,
-          backgroundColor
-        },
-        isDisabled && styles.disabled,
-        customAppearance?.container
-      ]
-    },
-    startContent && /* @__PURE__ */ React3.createElement(View3, { style: customAppearance?.content }, startContent),
-    /* @__PURE__ */ React3.createElement(View3, { style: [styles.content, customAppearance?.content] }, renderTitle(), renderDescription()),
-    endContent && /* @__PURE__ */ React3.createElement(View3, { style: customAppearance?.content }, endContent)
-  );
-  if (!isPressable) {
-    return content;
-  }
-  return /* @__PURE__ */ React3.createElement(
-    Pressable,
-    {
-      onPress: handlePress,
-      disabled: isDisabled,
-      style: ({ pressed }) => [
-        pressed && !isDisabled && {
-          backgroundColor: theme.colors.foreground + "10"
-        }
-      ]
-    },
-    content
-  );
-};
-
-// src/components/list/list-builder.tsx
-import React4, { useCallback as useCallback2, useMemo as useMemo3, useState as useState2 } from "react";
-import { FlatList, View as View4 } from "react-native";
-function ListBuilder({
-  data,
-  keyExtractor,
-  renderItem,
-  selectionMode = "none",
-  selectedKeys: controlledSelectedKeys,
-  defaultSelectedKeys = [],
-  showDivider = false,
-  isPressable = true,
-  isSelectable = false,
-  themeColor = "primary",
-  size = "md",
-  onSelectionChange,
-  style,
-  flatListProps
-}) {
-  const theme = useXUITheme();
-  const isControlled = controlledSelectedKeys !== void 0;
-  const [internalSelectedKeys, setInternalSelectedKeys] = useState2(defaultSelectedKeys);
-  const selectedKeys = isControlled ? controlledSelectedKeys : internalSelectedKeys;
-  const isSelected = useCallback2(
-    (key) => {
-      return selectedKeys.includes(key);
-    },
-    [selectedKeys]
-  );
-  const toggleSelection = useCallback2(
-    (key) => {
-      if (selectionMode === "none" || !isSelectable) {
-        return;
-      }
-      let newSelectedKeys;
-      if (selectionMode === "single") {
-        newSelectedKeys = isSelected(key) ? [] : [key];
-      } else {
-        newSelectedKeys = isSelected(key) ? selectedKeys.filter((k) => k !== key) : [...selectedKeys, key];
-      }
-      if (!isControlled) {
-        setInternalSelectedKeys(newSelectedKeys);
-      }
-      onSelectionChange?.(newSelectedKeys);
-    },
-    [
-      selectionMode,
-      isSelectable,
-      isSelected,
-      selectedKeys,
-      isControlled,
-      onSelectionChange
-    ]
-  );
-  const contextValue = useMemo3(
-    () => ({
-      selectionMode,
-      selectedKeys,
-      isPressable,
-      isSelectable,
-      themeColor,
-      size,
-      showDivider,
-      toggleSelection,
-      isSelected
-    }),
-    [
-      selectionMode,
-      selectedKeys,
-      isPressable,
-      isSelectable,
-      themeColor,
-      size,
-      showDivider,
-      toggleSelection,
-      isSelected
-    ]
-  );
-  const renderListItem = useCallback2(
-    (item, index) => {
-      const element = renderItem(item, index);
-      if (!showDivider || index === data.length - 1) {
-        return /* @__PURE__ */ React4.createElement(React4.Fragment, { key: keyExtractor(item, index) }, element);
-      }
-      return /* @__PURE__ */ React4.createElement(View4, { key: keyExtractor(item, index) }, element, /* @__PURE__ */ React4.createElement(
-        View4,
-        {
-          style: [
-            styles.divider,
-            { backgroundColor: theme.colors.foreground + "15" }
-          ]
-        }
-      ));
-    },
-    [data.length, keyExtractor, renderItem, showDivider, theme.colors.foreground]
-  );
-  return /* @__PURE__ */ React4.createElement(ListContext.Provider, { value: contextValue }, /* @__PURE__ */ React4.createElement(View4, { style: [styles.list, style] }, /* @__PURE__ */ React4.createElement(
-    FlatList,
-    {
-      data,
-      keyExtractor,
-      renderItem: ({ item, index }) => renderListItem(item, index),
-      ...flatListProps
-    }
-  )));
-}
-export {
-  List,
-  ListBuilder,
-  ListItem
-};

package/dist/menu/index.cjs

@@ -1,316 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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/menu/menu.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _reactnative = require('react-native');
-
-// src/components/menu/menu.style.ts
-
-var SCREEN_INDENT = 8;
-var MENU_GAP = 4;
-var styles = _reactnative.StyleSheet.create({
-  wrapper: {
-    position: "absolute"
-  },
-  overlay: {
-    ..._reactnative.StyleSheet.absoluteFillObject
-  },
-  menuContainer: {
-    position: "absolute",
-    paddingVertical: 8,
-    minWidth: 200,
-    maxWidth: 320
-  }
-});
-var MENU_SCREEN_INDENT = SCREEN_INDENT;
-var MENU_TRIGGER_GAP = MENU_GAP;
-
-// src/components/menu/menu.hook.ts
-
-
-
-
-
-
-var useMenuTriggerMeasurements = (visible) => {
-  const triggerRef = _react.useRef.call(void 0, null);
-  const [triggerPosition, setTriggerPosition] = _react.useState.call(void 0, 
-    null
-  );
-  _react.useEffect.call(void 0, () => {
-    if (!visible) {
-      setTriggerPosition(null);
-      return;
-    }
-    const measureTrigger = (attempt) => {
-      _optionalChain([triggerRef, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.measure, 'call', _4 => _4((_, __, width, height, pageX, pageY) => {
-        if ((width <= 0 || height <= 0) && attempt < 5) {
-          globalThis.requestAnimationFrame(() => measureTrigger(attempt + 1));
-          return;
-        }
-        setTriggerPosition({
-          x: pageX,
-          y: pageY,
-          width: Math.max(0, width),
-          height: Math.max(0, height)
-        });
-      })]);
-    };
-    const frameId = globalThis.setTimeout(() => measureTrigger(0), 0);
-    return () => globalThis.clearTimeout(frameId);
-  }, [visible]);
-  return { triggerRef, triggerPosition };
-};
-var useMenuContentLayout = (visible) => {
-  const [contentSize, setContentSize] = _react.useState.call(void 0, { width: 0, height: 0 });
-  const [isMeasured, setIsMeasured] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    if (!visible) {
-      setIsMeasured(false);
-    }
-  }, [visible]);
-  const handleContentLayout = _react.useCallback.call(void 0, (event) => {
-    const { width, height } = event.nativeEvent.layout;
-    if (width > 0 && height > 0) {
-      setContentSize({ width, height });
-      setIsMeasured(true);
-    }
-  }, []);
-  return { contentSize, handleContentLayout, isMeasured };
-};
-var useMenuPosition = (triggerPosition, contentSize, position) => {
-  return _react.useMemo.call(void 0, () => {
-    if (!triggerPosition) return { top: 0, left: 0 };
-    const screenWidth = _reactnative.Dimensions.get("window").width;
-    const screenHeight = _reactnative.Dimensions.get("window").height;
-    let top;
-    let left = triggerPosition.x;
-    const hasEnoughSpaceBelow = triggerPosition.y + triggerPosition.height + contentSize.height <= screenHeight - MENU_SCREEN_INDENT;
-    const hasEnoughSpaceAbove = triggerPosition.y - contentSize.height >= MENU_SCREEN_INDENT;
-    if (position === "bottom") {
-      if (hasEnoughSpaceBelow) {
-        top = triggerPosition.y + triggerPosition.height + MENU_TRIGGER_GAP;
-      } else if (hasEnoughSpaceAbove) {
-        top = triggerPosition.y - contentSize.height - MENU_TRIGGER_GAP;
-      } else {
-        top = triggerPosition.y + triggerPosition.height + MENU_TRIGGER_GAP;
-      }
-    } else {
-      if (hasEnoughSpaceAbove) {
-        top = triggerPosition.y - contentSize.height - MENU_TRIGGER_GAP;
-      } else if (hasEnoughSpaceBelow) {
-        top = triggerPosition.y + triggerPosition.height + MENU_TRIGGER_GAP;
-      } else {
-        top = triggerPosition.y - contentSize.height - MENU_TRIGGER_GAP;
-      }
-    }
-    if (contentSize.width > 0 && left + contentSize.width > screenWidth - MENU_SCREEN_INDENT) {
-      left = Math.max(
-        MENU_SCREEN_INDENT,
-        triggerPosition.x + triggerPosition.width - contentSize.width
-      );
-    }
-    if (left < MENU_SCREEN_INDENT) {
-      left = MENU_SCREEN_INDENT;
-    }
-    const maxTop = Math.max(
-      MENU_SCREEN_INDENT,
-      screenHeight - MENU_SCREEN_INDENT - contentSize.height
-    );
-    const clampedTop = Math.min(maxTop, Math.max(MENU_SCREEN_INDENT, top));
-    return { top: clampedTop, left };
-  }, [triggerPosition, contentSize, position]);
-};
-var useMenuAnimation = (visible) => {
-  const opacity = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
-  const scale = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
-  _react.useEffect.call(void 0, () => {
-    if (!visible) return;
-    opacity.setValue(0);
-    scale.setValue(0);
-    _reactnative.Animated.parallel([
-      _reactnative.Animated.timing(opacity, {
-        toValue: 1,
-        duration: 200,
-        easing: _reactnative.Easing.bezier(0.4, 0, 0.2, 1),
-        useNativeDriver: true
-      }),
-      _reactnative.Animated.spring(scale, {
-        toValue: 1,
-        friction: 9,
-        tension: 100,
-        useNativeDriver: true
-      })
-    ]).start();
-  }, [visible, opacity, scale]);
-  return { opacity, scale };
-};
-
-// src/components/menu/menu.tsx
-var Menu = ({
-  visible,
-  trigger,
-  position = "bottom",
-  onDismiss,
-  onItemPress,
-  children,
-  customAppearance,
-  maxHeight = 280
-}) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const { triggerRef, triggerPosition } = useMenuTriggerMeasurements(visible);
-  const { contentSize, handleContentLayout, isMeasured } = useMenuContentLayout(visible);
-  const menuPosition = useMenuPosition(triggerPosition, contentSize, position);
-  const { opacity, scale } = useMenuAnimation(visible);
-  const handledChildren = _react2.default.Children.map(children, (child) => {
-    if (!_react2.default.isValidElement(child)) return child;
-    const { onPress, itemKey } = child.props;
-    if (!onPress && !itemKey) return child;
-    return _react2.default.cloneElement(child, {
-      onPress: (e) => {
-        _optionalChain([onPress, 'optionalCall', _5 => _5(e)]);
-        if (itemKey) _optionalChain([onItemPress, 'optionalCall', _6 => _6(itemKey)]);
-      }
-    });
-  });
-  return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { ref: triggerRef, collapsable: false }, trigger), /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Modal,
-    {
-      visible,
-      transparent: true,
-      animationType: "fade",
-      onRequestClose: onDismiss
-    },
-    /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Pressable,
-      {
-        style: [styles.overlay, _optionalChain([customAppearance, 'optionalAccess', _7 => _7.overlay])],
-        onPress: onDismiss,
-        accessibilityRole: "button",
-        accessibilityLabel: "Close menu"
-      },
-      /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Animated.View,
-        {
-          onLayout: handleContentLayout,
-          style: [
-            styles.menuContainer,
-            {
-              top: isMeasured ? menuPosition.top : -9999,
-              left: isMeasured ? menuPosition.left : -9999,
-              backgroundColor: theme.mode === "dark" ? theme.colors.default.container : theme.colors.background,
-              borderRadius: theme.borderRadius.md,
-              opacity: isMeasured ? opacity : 0,
-              transform: [{ scale }],
-              ...theme.shadows.md
-            },
-            _optionalChain([customAppearance, 'optionalAccess', _8 => _8.container])
-          ]
-        },
-        /* @__PURE__ */ _react2.default.createElement(_reactnative.Pressable, { onPress: (e) => e.stopPropagation() }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: _optionalChain([customAppearance, 'optionalAccess', _9 => _9.content]) }, /* @__PURE__ */ _react2.default.createElement(_reactnative.ScrollView, { style: { maxHeight } }, handledChildren)))
-      )
-    )
-  ));
-};
-
-// src/components/menu/menu-item.tsx
-
-
-
-// src/components/menu/menu-item.style.ts
-
-var MIN_WIDTH = 112;
-var MAX_WIDTH = 280;
-var styles2 = _reactnative.StyleSheet.create({
-  container: {
-    minWidth: MIN_WIDTH,
-    maxWidth: MAX_WIDTH,
-    height: 48,
-    justifyContent: "center",
-    paddingHorizontal: 12
-  },
-  denseContainer: {
-    height: 32
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  content: {
-    flex: 1,
-    justifyContent: "center"
-  },
-  titleText: {
-    fontSize: 16
-  },
-  startContent: {
-    width: 24,
-    marginRight: 12,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  endContent: {
-    width: 24,
-    marginLeft: 12,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  disabled: {
-    opacity: 0.5
-  }
-});
-
-// src/components/menu/menu-item.tsx
-var MenuItem = ({
-  title,
-  startContent,
-  endContent,
-  isDisabled = false,
-  dense = false,
-  onPress,
-  customAppearance,
-  accessibilityLabel
-}) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const titleColor = isDisabled ? theme.colors.foreground + "50" : theme.colors.foreground;
-  const renderTitle = () => {
-    if (typeof title === "string" || typeof title === "number") {
-      return /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Text,
-        {
-          style: [styles2.titleText, { color: titleColor }, _optionalChain([customAppearance, 'optionalAccess', _10 => _10.title])],
-          numberOfLines: 1
-        },
-        title
-      );
-    }
-    return title;
-  };
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Pressable,
-    {
-      onPress: isDisabled ? void 0 : onPress,
-      disabled: isDisabled,
-      accessibilityRole: "menuitem",
-      accessibilityLabel,
-      accessibilityState: { disabled: isDisabled },
-      style: ({ pressed }) => [
-        styles2.container,
-        dense && styles2.denseContainer,
-        isDisabled && styles2.disabled,
-        pressed && !isDisabled && {
-          backgroundColor: theme.colors.foreground + "10"
-        },
-        _optionalChain([customAppearance, 'optionalAccess', _11 => _11.container])
-      ]
-    },
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles2.row, _optionalChain([customAppearance, 'optionalAccess', _12 => _12.content])] }, startContent && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.startContent }, startContent), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.content }, renderTitle()), endContent && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.endContent }, endContent))
-  );
-};
-
-
-
-exports.Menu = Menu; exports.MenuItem = MenuItem;