@xaui/native 0.2.7 → 0.9.1-alpha.0

package/dist/select/index.cjs

@@ -1,878 +0,0 @@
-"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; }
-
-var _chunkDHSTKO3Kcjs = require('../chunk-DHSTKO3K.cjs');
-require('../chunk-56RPWZD2.cjs');
-
-
-var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
-
-// src/components/select/select.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-var _reactnative = require('react-native');
-
-// src/components/select/select-context.ts
-
-var SelectContext = _react.createContext.call(void 0, null);
-
-// src/components/select/select.hook.ts
-
-var _core = require('@xaui/core');
-var _palette = require('@xaui/core/palette');
-var useSelectColorScheme = (themeColor) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  return { theme, colorScheme };
-};
-var useSelectSizeStyles = (size) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    const sizes = {
-      xs: {
-        minHeight: theme.componentSizes.xs,
-        paddingHorizontal: theme.spacing.sm,
-        paddingVertical: theme.spacing.xs,
-        fontSize: theme.fontSizes.xs,
-        labelSize: theme.fontSizes.xs
-      },
-      sm: {
-        minHeight: theme.componentSizes.sm,
-        paddingHorizontal: theme.spacing.md,
-        paddingVertical: theme.spacing.xs,
-        fontSize: theme.fontSizes.sm,
-        labelSize: theme.fontSizes.xs
-      },
-      md: {
-        minHeight: theme.componentSizes.md,
-        paddingHorizontal: theme.spacing.md,
-        paddingVertical: theme.spacing.sm,
-        fontSize: theme.fontSizes.md,
-        labelSize: theme.fontSizes.sm
-      },
-      lg: {
-        minHeight: theme.componentSizes.lg,
-        paddingHorizontal: theme.spacing.lg,
-        paddingVertical: theme.spacing.md,
-        fontSize: theme.fontSizes.lg,
-        labelSize: theme.fontSizes.md
-      }
-    };
-    return sizes[size];
-  }, [size, theme]);
-};
-var useSelectRadiusStyles = (radius) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const radiusStyles = _react.useMemo.call(void 0, () => {
-    const radii = {
-      none: theme.borderRadius.none,
-      sm: theme.borderRadius.sm,
-      md: theme.borderRadius.md,
-      lg: theme.borderRadius.lg,
-      full: theme.borderRadius.full
-    };
-    return { borderRadius: radii[radius] };
-  }, [radius, theme]);
-  const listboxRadius = _react.useMemo.call(void 0, () => {
-    const radii = {
-      none: theme.borderRadius.none,
-      sm: theme.borderRadius.sm,
-      md: theme.borderRadius.md,
-      lg: theme.borderRadius.lg,
-      full: theme.borderRadius.full
-    };
-    return Math.min(radii[radius], theme.borderRadius.lg);
-  }, [radius, theme]);
-  return { radiusStyles, listboxRadius };
-};
-var useSelectVariantStyles = (themeColor, variant, isInvalid) => {
-  const { theme, colorScheme } = useSelectColorScheme(themeColor);
-  return _react.useMemo.call(void 0, () => {
-    let borderColor = isInvalid ? theme.colors.danger.main : colorScheme.main;
-    if (variant === "bordered" && themeColor === "default") {
-      borderColor = _palette.colors.gray[300];
-    }
-    const styles3 = {
-      bordered: {
-        backgroundColor: "transparent",
-        borderWidth: theme.borderWidth.md,
-        borderColor
-      },
-      colored: {
-        backgroundColor: _core.withOpacity.call(void 0, colorScheme.container, 0.5),
-        borderWidth: 0
-      },
-      light: {
-        backgroundColor: "transparent",
-        borderWidth: 0
-      },
-      underlined: {
-        backgroundColor: "transparent",
-        borderBottomWidth: theme.borderWidth.md,
-        borderColor
-      }
-    };
-    return styles3[variant];
-  }, [variant, theme, colorScheme, isInvalid, themeColor]);
-};
-var useSelectLabelStyle = (themeColor, isInvalid, labelSize) => {
-  const { theme, colorScheme } = useSelectColorScheme(themeColor);
-  return _react.useMemo.call(void 0, () => {
-    let baseColor = theme.colors.foreground;
-    if (isInvalid) {
-      baseColor = theme.colors.danger.main;
-    } else if (themeColor !== "default") {
-      baseColor = colorScheme.main;
-    }
-    return {
-      fontSize: labelSize,
-      color: baseColor
-    };
-  }, [isInvalid, labelSize, theme, themeColor, colorScheme]);
-};
-var useSelectValueColor = (isInvalid, shouldShowPlaceholder) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    if (isInvalid) {
-      return theme.colors.danger.main;
-    }
-    if (shouldShowPlaceholder) {
-      return _palette.colors.gray[500];
-    }
-    return theme.colors.foreground;
-  }, [isInvalid, shouldShowPlaceholder, theme]);
-};
-var useSelectHelperColor = (isInvalid) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    if (isInvalid) {
-      return theme.colors.danger.main;
-    }
-    return _palette.colors.gray[600];
-  }, [isInvalid, theme]);
-};
-var useSelectSelectorColor = (isInvalid, shouldShowPlaceholder) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    if (isInvalid) {
-      return theme.colors.danger.main;
-    }
-    if (shouldShowPlaceholder) {
-      return _palette.colors.gray[600];
-    }
-    return theme.colors.foreground;
-  }, [isInvalid, shouldShowPlaceholder, theme]);
-};
-
-// src/components/select/select.style.ts
-
-var styles = _reactnative.StyleSheet.create({
-  container: {
-    gap: 6
-  },
-  fullWidth: {
-    flexShrink: 1,
-    flexBasis: "auto",
-    width: "100%"
-  },
-  minWidth: {
-    minWidth: 170
-  },
-  label: {
-    fontWeight: "500"
-  },
-  trigger: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: 8
-  },
-  triggerContent: {
-    flexDirection: "row",
-    alignItems: "center",
-    flex: 1,
-    gap: 8
-  },
-  triggerContentColumn: {
-    flexDirection: "column",
-    alignItems: "flex-start"
-  },
-  valueWrapper: {
-    flex: 1,
-    gap: 2
-  },
-  valueText: {
-    flexShrink: 1
-  },
-  endSlot: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  clearButton: {
-    paddingHorizontal: 4,
-    paddingVertical: 2
-  },
-  clearText: {
-    fontSize: 12
-  },
-  helperText: {
-    fontSize: 12
-  },
-  disabled: {
-    opacity: 0.5
-  },
-  overlay: {
-    flex: 1,
-    backgroundColor: "rgba(0, 0, 0, 0.70)",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  listbox: {
-    overflow: "hidden"
-  },
-  listboxContent: {
-    minWidth: "100%"
-  },
-  dialogTitle: {
-    fontWeight: "600",
-    paddingHorizontal: 16,
-    paddingVertical: 12
-  },
-  outsideLeftRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12
-  }
-});
-
-// src/components/select/select-trigger.tsx
-
-
-
-
-
-
-
-// src/components/select/chevron-down-icon.tsx
-
-
-var _reactnativesvg = require('react-native-svg'); var _reactnativesvg2 = _interopRequireDefault(_reactnativesvg);
-function ChevronDownIcon({
-  color,
-  size,
-  isOpen = false
-}) {
-  const rotation = _react.useRef.call(void 0, new _reactnative.Animated.Value(isOpen ? 1 : 0)).current;
-  _react.useEffect.call(void 0, () => {
-    _reactnative.Animated.timing(rotation, {
-      toValue: isOpen ? 1 : 0,
-      duration: 180,
-      useNativeDriver: true
-    }).start();
-  }, [isOpen, rotation]);
-  const rotate = rotation.interpolate({
-    inputRange: [0, 1],
-    outputRange: ["0deg", "180deg"]
-  });
-  return /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: { transform: [{ rotate }] } }, /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ _react2.default.createElement(
-    _reactnativesvg.Path,
-    {
-      d: "M6 9L12 15L18 9",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )));
-}
-
-// src/components/select/select-trigger.tsx
-var SelectTrigger = ({
-  triggerRef,
-  isOpen,
-  isDisabled,
-  onPress,
-  onLayout,
-  accessibilityLabel,
-  variant,
-  sizeStyles,
-  radiusStyles,
-  variantStyles,
-  displayValue,
-  valueColor,
-  selectorColor,
-  labelInside,
-  labelNode,
-  startContent,
-  endContent,
-  selectorIcon,
-  onClear,
-  showClear,
-  textStyle,
-  style
-}) => {
-  const renderSelectorIcon = _nullishCoalesce(selectorIcon, () => ( /* @__PURE__ */ _react2.default.createElement(ChevronDownIcon, { color: selectorColor, size: 16, isOpen })));
-  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { ref: triggerRef, collapsable: false }, /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Pressable,
-    {
-      onPress,
-      disabled: isDisabled,
-      onLayout,
-      accessibilityRole: "button",
-      accessibilityLabel,
-      accessibilityState: { disabled: isDisabled, expanded: isOpen },
-      style: [
-        styles.trigger,
-        variant === "underlined" ? { borderRadius: 0 } : radiusStyles,
-        variantStyles,
-        {
-          minHeight: sizeStyles.minHeight,
-          paddingHorizontal: variant === "underlined" ? 2 : sizeStyles.paddingHorizontal,
-          paddingVertical: sizeStyles.paddingVertical
-        },
-        isDisabled && styles.disabled,
-        style
-      ]
-    },
-    /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.View,
-      {
-        style: [styles.triggerContent, labelInside && styles.triggerContentColumn]
-      },
-      startContent,
-      /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.valueWrapper }, labelInside && labelNode, /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Text,
-        {
-          style: [
-            styles.valueText,
-            { fontSize: sizeStyles.fontSize, color: valueColor },
-            textStyle
-          ]
-        },
-        displayValue
-      )),
-      endContent
-    ),
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.endSlot }, showClear && onClear && /* @__PURE__ */ _react2.default.createElement(_reactnative.Pressable, { onPress: onClear, style: styles.clearButton }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.clearText, { color: selectorColor }] }, "x")), renderSelectorIcon)
-  ));
-};
-
-// src/components/select/select.animation.ts
-
-
-var useSelectListboxAnimation = (isOpen) => {
-  const animationOpacity = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
-  const animationScale = _react.useRef.call(void 0, new _reactnative.Animated.Value(0.98)).current;
-  _react.useEffect.call(void 0, () => {
-    if (!isOpen) {
-      return;
-    }
-    animationOpacity.setValue(0);
-    animationScale.setValue(0.98);
-    _reactnative.Animated.parallel([
-      _reactnative.Animated.timing(animationOpacity, {
-        toValue: 1,
-        duration: 180,
-        useNativeDriver: true
-      }),
-      _reactnative.Animated.timing(animationScale, {
-        toValue: 1,
-        duration: 180,
-        useNativeDriver: true
-      })
-    ]).start();
-  }, [isOpen, animationOpacity, animationScale]);
-  return { animationOpacity, animationScale };
-};
-
-// src/components/select/select.state.hook.ts
-
-var useSelectOpenState = ({
-  isOpened,
-  isDisabled,
-  onOpenChange,
-  onClose
-}) => {
-  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, false);
-  const isOpen = _nullishCoalesce(isOpened, () => ( internalOpen));
-  const setOpen = _react.useCallback.call(void 0, 
-    (nextOpen) => {
-      if (nextOpen && isDisabled) {
-        return;
-      }
-      if (isOpened === void 0) {
-        setInternalOpen(nextOpen);
-      }
-      _optionalChain([onOpenChange, 'optionalCall', _ => _(nextOpen)]);
-      if (!nextOpen) {
-        _optionalChain([onClose, 'optionalCall', _2 => _2()]);
-      }
-    },
-    [isDisabled, isOpened, onOpenChange, onClose]
-  );
-  return { isOpen, setOpen };
-};
-var useSelectSelection = ({
-  selectionMode,
-  selectedKeys,
-  defaultSelectedKeys,
-  onSelectionChange,
-  onClear
-}) => {
-  const [internalSelectedKeys, setInternalSelectedKeys] = _react.useState.call(void 0, 
-    _nullishCoalesce(defaultSelectedKeys, () => ( []))
-  );
-  const isControlledSelection = selectedKeys !== void 0;
-  const currentSelectedKeys = isControlledSelection ? _nullishCoalesce(selectedKeys, () => ( [])) : internalSelectedKeys;
-  const updateSelection = _react.useCallback.call(void 0, 
-    (nextKeys) => {
-      if (!isControlledSelection) {
-        setInternalSelectedKeys(nextKeys);
-      }
-      _optionalChain([onSelectionChange, 'optionalCall', _3 => _3(nextKeys)]);
-      if (nextKeys.length === 0) {
-        _optionalChain([onClear, 'optionalCall', _4 => _4()]);
-      }
-    },
-    [isControlledSelection, onSelectionChange, onClear]
-  );
-  const getNextSelection = _react.useCallback.call(void 0, 
-    (key) => {
-      const isAlreadySelected = currentSelectedKeys.includes(key);
-      if (selectionMode === "multiple") {
-        return isAlreadySelected ? currentSelectedKeys.filter((existingKey) => existingKey !== key) : [...currentSelectedKeys, key];
-      }
-      if (!isAlreadySelected) {
-        return [key];
-      }
-      return currentSelectedKeys;
-    },
-    [currentSelectedKeys, selectionMode]
-  );
-  return { currentSelectedKeys, updateSelection, getNextSelection };
-};
-var useSelectTriggerMeasurements = (isOpen) => {
-  const triggerRef = _react.useRef.call(void 0, null);
-  const [triggerWidth, setTriggerWidth] = _react.useState.call(void 0, null);
-  const [triggerPosition, setTriggerPosition] = _react.useState.call(void 0, 
-    null
-  );
-  const handleTriggerLayout = _react.useCallback.call(void 0, (event) => {
-    setTriggerWidth(event.nativeEvent.layout.width);
-  }, []);
-  _react.useEffect.call(void 0, () => {
-    if (!isOpen) {
-      return;
-    }
-    const measureTrigger = () => {
-      _optionalChain([triggerRef, 'access', _5 => _5.current, 'optionalAccess', _6 => _6.measureInWindow, 'call', _7 => _7((x, y, width, height) => {
-        setTriggerPosition({ x, y, width, height });
-      })]);
-    };
-    const frameId = globalThis.setTimeout(measureTrigger, 0);
-    return () => globalThis.clearTimeout(frameId);
-  }, [isOpen]);
-  return { triggerRef, triggerWidth, triggerPosition, handleTriggerLayout };
-};
-
-// src/components/select/select.utils.ts
-var getTextValue = (value) => {
-  if (typeof value === "string") return value;
-  if (typeof value === "number") return String(value);
-  return void 0;
-};
-
-// src/components/select/select.tsx
-var defaultPlaceholder = "Select an option";
-var Select = ({
-  children,
-  selectionMode = "single",
-  selectedKeys,
-  disabledKeys,
-  defaultSelectedKeys,
-  variant = "colored",
-  themeColor = "default",
-  size = "md",
-  radius = "md",
-  placeholder = defaultPlaceholder,
-  labelPlacement = "outside",
-  label,
-  hint,
-  errorMessage,
-  startContent,
-  endContent,
-  selectorIcon,
-  maxListboxHeight = 280,
-  fullWidth = false,
-  isOpened,
-  isDisabled = false,
-  isInvalid = false,
-  style,
-  textStyle,
-  onClose,
-  onOpenChange,
-  onSelectionChange,
-  onClear
-}) => {
-  const { isOpen, setOpen } = useSelectOpenState({
-    isOpened,
-    isDisabled,
-    onOpenChange,
-    onClose
-  });
-  const { currentSelectedKeys, updateSelection, getNextSelection } = useSelectSelection({
-    selectionMode,
-    selectedKeys,
-    defaultSelectedKeys,
-    onSelectionChange,
-    onClear
-  });
-  const { triggerRef, handleTriggerLayout } = useSelectTriggerMeasurements(isOpen);
-  const { animationOpacity, animationScale } = useSelectListboxAnimation(isOpen);
-  const { width: screenWidth, height: screenHeight } = _reactnative.useWindowDimensions.call(void 0, );
-  const disabledKeySet = _react.useMemo.call(void 0, () => {
-    return new Set(_nullishCoalesce(disabledKeys, () => ( [])));
-  }, [disabledKeys]);
-  const items = _react.useMemo.call(void 0, () => {
-    const elements = _react2.default.Children.toArray(children).filter(Boolean);
-    return elements.map((child, index) => {
-      if (!_react2.default.isValidElement(child)) {
-        return null;
-      }
-      const key = _nullishCoalesce(child.props.value, () => ( String(index)));
-      const labelText = _nullishCoalesce(getTextValue(child.props.label), () => ( key));
-      return {
-        key,
-        element: child,
-        labelText
-      };
-    }).filter((item) => item !== null);
-  }, [children]);
-  const selectedLabels = _react.useMemo.call(void 0, () => {
-    const labelMap = new Map(items.map((item) => [item.key, item.labelText]));
-    return currentSelectedKeys.map((key) => labelMap.get(key)).filter((value) => Boolean(value));
-  }, [currentSelectedKeys, items]);
-  const displayValue = selectedLabels.length ? selectedLabels.join(", ") : placeholder;
-  const shouldShowPlaceholder = selectedLabels.length === 0;
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const sizeStyles = useSelectSizeStyles(size);
-  const { radiusStyles, listboxRadius } = useSelectRadiusStyles(radius);
-  const variantStyles = useSelectVariantStyles(themeColor, variant, isInvalid);
-  const labelStyle = useSelectLabelStyle(themeColor, isInvalid, sizeStyles.labelSize);
-  const valueColor = useSelectValueColor(isInvalid, shouldShowPlaceholder);
-  const helperColor = useSelectHelperColor(isInvalid);
-  const selectorColor = useSelectSelectorColor(isInvalid, shouldShowPlaceholder);
-  const handleItemSelection = _react.useCallback.call(void 0, 
-    (key) => {
-      if (isDisabled) {
-        return;
-      }
-      const nextKeys = getNextSelection(key);
-      if (nextKeys !== currentSelectedKeys) {
-        updateSelection(nextKeys);
-      }
-      if (selectionMode === "single") {
-        setOpen(false);
-      }
-    },
-    [
-      currentSelectedKeys,
-      isDisabled,
-      selectionMode,
-      setOpen,
-      updateSelection,
-      getNextSelection
-    ]
-  );
-  const handleClear = () => {
-    if (isDisabled || currentSelectedKeys.length === 0) {
-      return;
-    }
-    updateSelection([]);
-  };
-  const handleOverlayPress = () => {
-    setOpen(false);
-  };
-  const renderLabel = label ? typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.label, labelStyle] }, label) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, label) : null;
-  const dialogTitle = typeof label === "string" || typeof label === "number" ? String(label) : void 0;
-  const shouldShowHelper = Boolean(hint || errorMessage);
-  const helperContent = isInvalid && errorMessage ? errorMessage : hint;
-  const dialogWidth = screenWidth * 0.9;
-  const dialogMaxHeight = Math.min(screenHeight * 0.6, maxListboxHeight);
-  const listItems = items.map((item) => {
-    const itemProps = item.element.props;
-    const itemDisabled = isDisabled || itemProps.isDisabled || disabledKeySet.has(item.key);
-    const itemSelected = _nullishCoalesce(itemProps.isSelected, () => ( currentSelectedKeys.includes(item.key)));
-    const handleItemSelected = () => {
-      if (itemDisabled || itemProps.isReadOnly) {
-        return;
-      }
-      handleItemSelection(item.key);
-      _optionalChain([itemProps, 'access', _8 => _8.onSelected, 'optionalCall', _9 => _9()]);
-    };
-    return _react2.default.cloneElement(item.element, {
-      key: item.key,
-      isDisabled: itemDisabled,
-      isSelected: itemSelected,
-      onSelected: handleItemSelected
-    });
-  });
-  const isLabelInside = labelPlacement === "inside";
-  const isLabelOutsideLeft = labelPlacement === "outside-left";
-  const isLabelOutside = labelPlacement === "outside" || labelPlacement === "outside-top";
-  const triggerContent = /* @__PURE__ */ _react2.default.createElement(
-    SelectTrigger,
-    {
-      triggerRef,
-      isOpen,
-      isDisabled,
-      onPress: () => setOpen(!isOpen),
-      onLayout: handleTriggerLayout,
-      accessibilityLabel: typeof label === "string" ? label : void 0,
-      variant,
-      sizeStyles,
-      radiusStyles,
-      variantStyles,
-      displayValue,
-      valueColor,
-      selectorColor,
-      labelInside: isLabelInside,
-      labelNode: renderLabel,
-      startContent,
-      endContent,
-      selectorIcon,
-      onClear: handleClear,
-      showClear: Boolean(onClear && currentSelectedKeys.length > 0),
-      textStyle,
-      style
-    }
-  );
-  const labelBlock = isLabelOutside || isLabelInside ? renderLabel : null;
-  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.container, fullWidth ? styles.fullWidth : styles.minWidth] }, isLabelOutside && labelBlock, isLabelOutsideLeft ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.outsideLeftRow }, renderLabel, triggerContent) : triggerContent, shouldShowHelper && helperContent ? typeof helperContent === "string" || typeof helperContent === "number" ? /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.helperText, { color: helperColor }] }, helperContent) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, helperContent) : null, /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Modal,
-    {
-      visible: isOpen,
-      transparent: true,
-      animationType: "fade",
-      onRequestClose: handleOverlayPress
-    },
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.Pressable, { style: styles.overlay, onPress: handleOverlayPress }, /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Animated.View,
-      {
-        style: [
-          styles.listbox,
-          {
-            width: dialogWidth,
-            maxHeight: dialogMaxHeight,
-            borderRadius: listboxRadius,
-            backgroundColor: theme.colors.background,
-            opacity: animationOpacity,
-            transform: [{ scale: animationScale }],
-            ...theme.shadows.md
-          }
-        ]
-      },
-      /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Pressable,
-        {
-          onPress: (event) => event.stopPropagation(),
-          style: { maxHeight: dialogMaxHeight }
-        },
-        /* @__PURE__ */ _react2.default.createElement(SelectContext.Provider, { value: { size, themeColor, isDisabled } }, /* @__PURE__ */ _react2.default.createElement(
-          _reactnative.View,
-          {
-            style: [styles.listboxContent, { maxHeight: dialogMaxHeight }]
-          },
-          dialogTitle ? /* @__PURE__ */ _react2.default.createElement(
-            _reactnative.Text,
-            {
-              style: [
-                styles.dialogTitle,
-                { color: theme.colors.foreground }
-              ]
-            },
-            dialogTitle
-          ) : null,
-          /* @__PURE__ */ _react2.default.createElement(_reactnative.ScrollView, { style: { maxHeight: dialogMaxHeight } }, listItems)
-        ))
-      )
-    ))
-  ));
-};
-
-// src/components/select/select-item.tsx
-
-
-
-// src/components/select/select-item.hook.ts
-
-
-var useSelectItemSizeStyles = (size) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    const sizes = {
-      xs: {
-        paddingVertical: theme.spacing.sm,
-        paddingHorizontal: theme.spacing.xs,
-        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.xs
-      },
-      lg: {
-        paddingVertical: theme.spacing.lg,
-        paddingHorizontal: theme.spacing.lg,
-        titleSize: theme.fontSizes.lg,
-        descriptionSize: theme.fontSizes.md
-      }
-    };
-    return sizes[size];
-  }, [size, theme]);
-};
-var useSelectItemBackgroundColor = (themeColor, isSelected) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  return _react.useMemo.call(void 0, () => {
-    if (isSelected) {
-      return colorScheme.container;
-    }
-    return "transparent";
-  }, [isSelected, colorScheme]);
-};
-var useSelectItemTextColors = () => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    return {
-      textColor: theme.colors.foreground,
-      descriptionColor: theme.colors.foreground
-    };
-  }, [theme]);
-};
-var useSelectItemCheckmarkColor = (themeColor) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  return _react.useMemo.call(void 0, () => {
-    if (themeColor === "default") {
-      return theme.colors.primary.main;
-    }
-    return colorScheme.main;
-  }, [themeColor, colorScheme, theme]);
-};
-
-// src/components/select/select-item.style.ts
-
-var styles2 = _reactnative.StyleSheet.create({
-  item: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  content: {
-    flex: 1,
-    gap: 2
-  },
-  title: {
-    fontWeight: "500"
-  },
-  description: {
-    opacity: 0.7
-  },
-  disabled: {
-    opacity: 0.5
-  }
-});
-
-// src/components/select/select-item.tsx
-var defaultSize = "md";
-var SelectItem = ({
-  label,
-  description,
-  startContent,
-  endContent,
-  selectedIcon,
-  isDisabled = false,
-  isSelected = false,
-  isReadOnly = false,
-  style,
-  textStyle,
-  onSelected
-}) => {
-  const context = _react.useContext.call(void 0, SelectContext);
-  const size = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _10 => _10.size]), () => ( defaultSize));
-  const themeColor = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _11 => _11.themeColor]), () => ( "default"));
-  const isItemDisabled = _optionalChain([context, 'optionalAccess', _12 => _12.isDisabled]) ? true : isDisabled;
-  const sizeStyles = useSelectItemSizeStyles(size);
-  const backgroundColor = useSelectItemBackgroundColor(themeColor, isSelected);
-  const { textColor, descriptionColor } = useSelectItemTextColors();
-  const checkmarkColor = useSelectItemCheckmarkColor(themeColor);
-  const handlePress = () => {
-    if (isItemDisabled || isReadOnly) {
-      return;
-    }
-    _optionalChain([onSelected, 'optionalCall', _13 => _13()]);
-  };
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.Pressable,
-    {
-      onPress: handlePress,
-      disabled: isItemDisabled,
-      style: [
-        styles2.item,
-        {
-          paddingVertical: sizeStyles.paddingVertical,
-          paddingHorizontal: sizeStyles.paddingHorizontal,
-          backgroundColor
-        },
-        isItemDisabled && styles2.disabled,
-        style
-      ]
-    },
-    startContent,
-    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.content }, /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Text,
-      {
-        style: [
-          styles2.title,
-          { fontSize: sizeStyles.titleSize, color: textColor },
-          textStyle
-        ]
-      },
-      label
-    ), description && /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.Text,
-      {
-        style: [
-          styles2.description,
-          { fontSize: sizeStyles.descriptionSize, color: descriptionColor }
-        ]
-      },
-      description
-    )),
-    isSelected && (selectedIcon || /* @__PURE__ */ _react2.default.createElement(_chunkDHSTKO3Kcjs.CheckmarkIcon, { color: checkmarkColor, size: 16 })),
-    endContent
-  );
-};
-
-
-
-exports.Select = Select; exports.SelectItem = SelectItem;