@xaui/native 0.0.26 → 0.0.28

package/dist/select/index.cjs

@@ -1,102 +1,40 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/select/index.ts
-var select_exports = {};
-__export(select_exports, {
-  Select: () => Select,
-  SelectItem: () => SelectItem
-});
-module.exports = __toCommonJS(select_exports);
+"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-HSPTLUFA.cjs');
+
+
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/select/select.tsx
-var import_react12 = __toESM(require("react"), 1);
-var import_react_native8 = require("react-native");
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
 
-// src/components/select/select-context.ts
-var import_react = require("react");
-var SelectContext = (0, import_react.createContext)(null);
 
-// src/components/select/select.hook.ts
-var import_react7 = require("react");
-var import_core = require("@xaui/core");
-var import_palette2 = require("@xaui/core/palette");
-
-// src/core/theme-context.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
-var import_theme = require("@xaui/core/theme");
-var import_palette = require("@xaui/core/palette");
-
-// src/core/portal/portal.tsx
-var import_react3 = require("react");
-
-// src/core/portal/portal-context.ts
-var import_react2 = require("react");
-var PortalContext = (0, import_react2.createContext)(null);
-
-// src/core/portal/portal-host.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_react_native = require("react-native");
-var hostStyles = import_react_native.StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
 
-// src/core/theme-context.tsx
-var XUIThemeContext = (0, import_react5.createContext)(null);
 
-// src/core/theme-hooks.ts
-var import_react6 = require("react");
-var import_react_native3 = require("react-native");
-function useXUITheme() {
-  const theme = (0, import_react6.useContext)(XUIThemeContext);
-  if (!theme) {
-    throw new Error("useXUITheme must be used within XUIProvider");
-  }
-  return theme;
-}
 
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
+
+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 = useXUITheme();
-  const safeThemeColor = (0, import_core.getSafeThemeColor)(themeColor);
+  const theme = _chunkOQ2BLOOGcjs.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 = useXUITheme();
-  return (0, import_react7.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
         minHeight: 34,
@@ -131,8 +69,8 @@ var useSelectSizeStyles = (size) => {
   }, [size, theme]);
 };
 var useSelectRadiusStyles = (radius) => {
-  const theme = useXUITheme();
-  const radiusStyles = (0, import_react7.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const radiusStyles = _react.useMemo.call(void 0, () => {
     const radii = {
       none: theme.borderRadius.none,
       sm: theme.borderRadius.sm,
@@ -142,7 +80,7 @@ var useSelectRadiusStyles = (radius) => {
     };
     return { borderRadius: radii[radius] };
   }, [radius, theme]);
-  const listboxRadius = (0, import_react7.useMemo)(() => {
+  const listboxRadius = _react.useMemo.call(void 0, () => {
     const radii = {
       none: theme.borderRadius.none,
       sm: theme.borderRadius.sm,
@@ -156,10 +94,10 @@ var useSelectRadiusStyles = (radius) => {
 };
 var useSelectVariantStyles = (themeColor, variant, isInvalid) => {
   const { theme, colorScheme } = useSelectColorScheme(themeColor);
-  return (0, import_react7.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     let borderColor = isInvalid ? theme.colors.danger.main : colorScheme.main;
     if ((variant === "outlined" || variant === "faded") && themeColor === "default") {
-      borderColor = import_palette2.colors.gray[300];
+      borderColor = _palette.colors.gray[300];
     }
     const styles3 = {
       outlined: {
@@ -191,7 +129,7 @@ var useSelectVariantStyles = (themeColor, variant, isInvalid) => {
 };
 var useSelectLabelStyle = (themeColor, isInvalid, labelSize) => {
   const { theme, colorScheme } = useSelectColorScheme(themeColor);
-  return (0, import_react7.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     let baseColor = theme.colors.foreground;
     if (isInvalid) {
       baseColor = theme.colors.danger.main;
@@ -205,42 +143,42 @@ var useSelectLabelStyle = (themeColor, isInvalid, labelSize) => {
   }, [isInvalid, labelSize, theme, themeColor, colorScheme]);
 };
 var useSelectValueColor = (isInvalid, shouldShowPlaceholder) => {
-  const theme = useXUITheme();
-  return (0, import_react7.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     if (isInvalid) {
       return theme.colors.danger.main;
     }
     if (shouldShowPlaceholder) {
-      return import_palette2.colors.gray[500];
+      return _palette.colors.gray[500];
     }
     return theme.colors.foreground;
   }, [isInvalid, shouldShowPlaceholder, theme]);
 };
 var useSelectHelperColor = (isInvalid) => {
-  const theme = useXUITheme();
-  return (0, import_react7.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     if (isInvalid) {
       return theme.colors.danger.main;
     }
-    return import_palette2.colors.gray[600];
+    return _palette.colors.gray[600];
   }, [isInvalid, theme]);
 };
 var useSelectSelectorColor = (isInvalid, shouldShowPlaceholder) => {
-  const theme = useXUITheme();
-  return (0, import_react7.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     if (isInvalid) {
       return theme.colors.danger.main;
     }
     if (shouldShowPlaceholder) {
-      return import_palette2.colors.gray[600];
+      return _palette.colors.gray[600];
     }
     return theme.colors.foreground;
   }, [isInvalid, shouldShowPlaceholder, theme]);
 };
 
 // src/components/select/select.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     gap: 6
   },
@@ -319,21 +257,25 @@ var styles = import_react_native4.StyleSheet.create({
 });
 
 // src/components/select/select-trigger.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
+
+
+
+
+
+
 
 // src/components/select/chevron-down-icon.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
-var import_react_native_svg = __toESM(require("react-native-svg"), 1);
+
+
+var _reactnativesvg = require('react-native-svg'); var _reactnativesvg2 = _interopRequireDefault(_reactnativesvg);
 function ChevronDownIcon({
   color,
   size,
   isOpen = false
 }) {
-  const rotation = (0, import_react8.useRef)(new import_react_native5.Animated.Value(isOpen ? 1 : 0)).current;
-  (0, import_react8.useEffect)(() => {
-    import_react_native5.Animated.timing(rotation, {
+  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
@@ -343,8 +285,8 @@ function ChevronDownIcon({
     inputRange: [0, 1],
     outputRange: ["0deg", "180deg"]
   });
-  return /* @__PURE__ */ import_react8.default.createElement(import_react_native5.Animated.View, { style: { transform: [{ rotate }] } }, /* @__PURE__ */ import_react8.default.createElement(import_react_native_svg.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native_svg.Path,
+  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,
@@ -380,9 +322,9 @@ var SelectTrigger = ({
   textStyle,
   style
 }) => {
-  const renderSelectorIcon = selectorIcon ?? /* @__PURE__ */ import_react9.default.createElement(ChevronDownIcon, { color: selectorColor, size: 16, isOpen });
-  return /* @__PURE__ */ import_react9.default.createElement(import_react_native6.View, { ref: triggerRef, collapsable: false }, /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native6.Pressable,
+  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,
@@ -403,14 +345,14 @@ var SelectTrigger = ({
         style
       ]
     },
-    /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native6.View,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [styles.triggerContent, labelInside && styles.triggerContentColumn]
       },
       startContent,
-      /* @__PURE__ */ import_react9.default.createElement(import_react_native6.View, { style: styles.valueWrapper }, labelInside && labelNode, /* @__PURE__ */ import_react9.default.createElement(
-        import_react_native6.Text,
+      /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.valueWrapper }, labelInside && labelNode, /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.valueText,
@@ -422,29 +364,29 @@ var SelectTrigger = ({
       )),
       endContent
     ),
-    /* @__PURE__ */ import_react9.default.createElement(import_react_native6.View, { style: styles.endSlot }, showClear && onClear && /* @__PURE__ */ import_react9.default.createElement(import_react_native6.Pressable, { onPress: onClear, style: styles.clearButton }, /* @__PURE__ */ import_react9.default.createElement(import_react_native6.Text, { style: [styles.clearText, { color: selectorColor }] }, "x")), renderSelectorIcon)
+    /* @__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 import_react10 = require("react");
-var import_react_native7 = require("react-native");
+
+
 var useSelectListboxAnimation = (isOpen) => {
-  const animationOpacity = (0, import_react10.useRef)(new import_react_native7.Animated.Value(0)).current;
-  const animationScale = (0, import_react10.useRef)(new import_react_native7.Animated.Value(0.98)).current;
-  (0, import_react10.useEffect)(() => {
+  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);
-    import_react_native7.Animated.parallel([
-      import_react_native7.Animated.timing(animationOpacity, {
+    _reactnative.Animated.parallel([
+      _reactnative.Animated.timing(animationOpacity, {
         toValue: 1,
         duration: 180,
         useNativeDriver: true
       }),
-      import_react_native7.Animated.timing(animationScale, {
+      _reactnative.Animated.timing(animationScale, {
         toValue: 1,
         duration: 180,
         useNativeDriver: true
@@ -455,16 +397,16 @@ var useSelectListboxAnimation = (isOpen) => {
 };
 
 // src/components/select/select.state.hook.ts
-var import_react11 = require("react");
+
 var useSelectOpenState = ({
   isOpened,
   isDisabled,
   onOpenChange,
   onClose
 }) => {
-  const [internalOpen, setInternalOpen] = (0, import_react11.useState)(false);
-  const isOpen = isOpened ?? internalOpen;
-  const setOpen = (0, import_react11.useCallback)(
+  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;
@@ -472,9 +414,9 @@ var useSelectOpenState = ({
       if (isOpened === void 0) {
         setInternalOpen(nextOpen);
       }
-      onOpenChange?.(nextOpen);
+      _optionalChain([onOpenChange, 'optionalCall', _ => _(nextOpen)]);
       if (!nextOpen) {
-        onClose?.();
+        _optionalChain([onClose, 'optionalCall', _2 => _2()]);
       }
     },
     [isDisabled, isOpened, onOpenChange, onClose]
@@ -488,24 +430,24 @@ var useSelectSelection = ({
   onSelectionChange,
   onClear
 }) => {
-  const [internalSelectedKeys, setInternalSelectedKeys] = (0, import_react11.useState)(
-    defaultSelectedKeys ?? []
+  const [internalSelectedKeys, setInternalSelectedKeys] = _react.useState.call(void 0, 
+    _nullishCoalesce(defaultSelectedKeys, () => ( []))
   );
   const isControlledSelection = selectedKeys !== void 0;
-  const currentSelectedKeys = isControlledSelection ? selectedKeys ?? [] : internalSelectedKeys;
-  const updateSelection = (0, import_react11.useCallback)(
+  const currentSelectedKeys = isControlledSelection ? _nullishCoalesce(selectedKeys, () => ( [])) : internalSelectedKeys;
+  const updateSelection = _react.useCallback.call(void 0, 
     (nextKeys) => {
       if (!isControlledSelection) {
         setInternalSelectedKeys(nextKeys);
       }
-      onSelectionChange?.(nextKeys);
+      _optionalChain([onSelectionChange, 'optionalCall', _3 => _3(nextKeys)]);
       if (nextKeys.length === 0) {
-        onClear?.();
+        _optionalChain([onClear, 'optionalCall', _4 => _4()]);
       }
     },
     [isControlledSelection, onSelectionChange, onClear]
   );
-  const getNextSelection = (0, import_react11.useCallback)(
+  const getNextSelection = _react.useCallback.call(void 0, 
     (key) => {
       const isAlreadySelected = currentSelectedKeys.includes(key);
       if (selectionMode === "multiple") {
@@ -521,22 +463,22 @@ var useSelectSelection = ({
   return { currentSelectedKeys, updateSelection, getNextSelection };
 };
 var useSelectTriggerMeasurements = (isOpen) => {
-  const triggerRef = (0, import_react11.useRef)(null);
-  const [triggerWidth, setTriggerWidth] = (0, import_react11.useState)(null);
-  const [triggerPosition, setTriggerPosition] = (0, import_react11.useState)(
+  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 = (0, import_react11.useCallback)((event) => {
+  const handleTriggerLayout = _react.useCallback.call(void 0, (event) => {
     setTriggerWidth(event.nativeEvent.layout.width);
   }, []);
-  (0, import_react11.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!isOpen) {
       return;
     }
     const measureTrigger = () => {
-      triggerRef.current?.measureInWindow((x, y, width, height) => {
+      _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);
@@ -598,17 +540,17 @@ var Select = ({
   });
   const { triggerRef, triggerWidth, triggerPosition, handleTriggerLayout } = useSelectTriggerMeasurements(isOpen);
   const { animationOpacity, animationScale } = useSelectListboxAnimation(isOpen);
-  const disabledKeySet = (0, import_react12.useMemo)(() => {
-    return new Set(disabledKeys ?? []);
+  const disabledKeySet = _react.useMemo.call(void 0, () => {
+    return new Set(_nullishCoalesce(disabledKeys, () => ( [])));
   }, [disabledKeys]);
-  const items = (0, import_react12.useMemo)(() => {
-    const elements = import_react12.default.Children.toArray(children).filter(Boolean);
+  const items = _react.useMemo.call(void 0, () => {
+    const elements = _react2.default.Children.toArray(children).filter(Boolean);
     return elements.map((child, index) => {
-      if (!import_react12.default.isValidElement(child)) {
+      if (!_react2.default.isValidElement(child)) {
         return null;
       }
-      const key = child.props.value ?? String(index);
-      const labelText = getTextValue(child.props.label) ?? key;
+      const key = _nullishCoalesce(child.props.value, () => ( String(index)));
+      const labelText = _nullishCoalesce(getTextValue(child.props.label), () => ( key));
       return {
         key,
         element: child,
@@ -616,13 +558,13 @@ var Select = ({
       };
     }).filter((item) => item !== null);
   }, [children]);
-  const selectedLabels = (0, import_react12.useMemo)(() => {
+  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 = useXUITheme();
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
   const sizeStyles = useSelectSizeStyles(size);
   const { radiusStyles, listboxRadius } = useSelectRadiusStyles(radius);
   const variantStyles = useSelectVariantStyles(themeColor, variant, isInvalid);
@@ -630,7 +572,7 @@ var Select = ({
   const valueColor = useSelectValueColor(isInvalid, shouldShowPlaceholder);
   const helperColor = useSelectHelperColor(isInvalid);
   const selectorColor = useSelectSelectorColor(isInvalid, shouldShowPlaceholder);
-  const handleItemSelection = (0, import_react12.useCallback)(
+  const handleItemSelection = _react.useCallback.call(void 0, 
     (key) => {
       if (isDisabled) {
         return;
@@ -661,13 +603,13 @@ var Select = ({
   const handleOverlayPress = () => {
     setOpen(false);
   };
-  const renderLabel = label ? typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ import_react12.default.createElement(import_react_native8.Text, { style: [styles.label, labelStyle] }, label) : /* @__PURE__ */ import_react12.default.createElement(import_react_native8.View, null, label) : null;
+  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 listboxWidth = fullWidth ? triggerWidth ?? triggerPosition?.width ?? 200 : 280;
-  const screenWidth = import_react_native8.Dimensions.get("window").width;
-  const listboxPosition = (0, import_react12.useMemo)(() => {
+  const listboxWidth = fullWidth ? _nullishCoalesce(_nullishCoalesce(triggerWidth, () => ( _optionalChain([triggerPosition, 'optionalAccess', _8 => _8.width]))), () => ( 200)) : 280;
+  const screenWidth = _reactnative.Dimensions.get("window").width;
+  const listboxPosition = _react.useMemo.call(void 0, () => {
     if (!triggerPosition) {
       return { top: 0, left: 0 };
     }
@@ -680,15 +622,15 @@ var Select = ({
   const listItems = items.map((item) => {
     const itemProps = item.element.props;
     const itemDisabled = isDisabled || itemProps.isDisabled || disabledKeySet.has(item.key);
-    const itemSelected = itemProps.isSelected ?? currentSelectedKeys.includes(item.key);
+    const itemSelected = _nullishCoalesce(itemProps.isSelected, () => ( currentSelectedKeys.includes(item.key)));
     const handleItemSelected = () => {
       if (itemDisabled || itemProps.isReadOnly) {
         return;
       }
       handleItemSelection(item.key);
-      itemProps.onSelected?.();
+      _optionalChain([itemProps, 'access', _9 => _9.onSelected, 'optionalCall', _10 => _10()]);
     };
-    return import_react12.default.cloneElement(item.element, {
+    return _react2.default.cloneElement(item.element, {
       key: item.key,
       isDisabled: itemDisabled,
       isSelected: itemSelected,
@@ -698,7 +640,7 @@ var Select = ({
   const isLabelInside = labelPlacement === "inside";
   const isLabelOutsideLeft = labelPlacement === "outside-left";
   const isLabelOutside = labelPlacement === "outside" || labelPlacement === "outside-top";
-  const triggerContent = /* @__PURE__ */ import_react12.default.createElement(
+  const triggerContent = /* @__PURE__ */ _react2.default.createElement(
     SelectTrigger,
     {
       triggerRef,
@@ -726,16 +668,16 @@ var Select = ({
     }
   );
   const labelBlock = isLabelOutside || isLabelInside ? renderLabel : null;
-  return /* @__PURE__ */ import_react12.default.createElement(import_react_native8.View, { style: [styles.container, fullWidth ? styles.fullWidth : styles.minWidth] }, isLabelOutside && labelBlock, isLabelOutsideLeft ? /* @__PURE__ */ import_react12.default.createElement(import_react_native8.View, { style: styles.outsideLeftRow }, renderLabel, triggerContent) : triggerContent, shouldShowHelper && helperContent ? typeof helperContent === "string" || typeof helperContent === "number" ? /* @__PURE__ */ import_react12.default.createElement(import_react_native8.Text, { style: [styles.helperText, { color: helperColor }] }, helperContent) : /* @__PURE__ */ import_react12.default.createElement(import_react_native8.View, null, helperContent) : null, /* @__PURE__ */ import_react12.default.createElement(
-    import_react_native8.Modal,
+  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__ */ import_react12.default.createElement(import_react_native8.Pressable, { style: styles.overlay, onPress: handleOverlayPress }, /* @__PURE__ */ import_react12.default.createElement(
-      import_react_native8.Animated.View,
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.Pressable, { style: styles.overlay, onPress: handleOverlayPress }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Animated.View,
       {
         style: [
           styles.listbox,
@@ -753,14 +695,14 @@ var Select = ({
           }
         ]
       },
-      /* @__PURE__ */ import_react12.default.createElement(
-        import_react_native8.Pressable,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Pressable,
         {
           onPress: (event) => event.stopPropagation(),
           style: { flex: 1 }
         },
-        /* @__PURE__ */ import_react12.default.createElement(SelectContext.Provider, { value: { size, themeColor, isDisabled } }, /* @__PURE__ */ import_react12.default.createElement(import_react_native8.View, { style: styles.listboxContent }, dialogTitle ? /* @__PURE__ */ import_react12.default.createElement(
-          import_react_native8.Text,
+        /* @__PURE__ */ _react2.default.createElement(SelectContext.Provider, { value: { size, themeColor, isDisabled } }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.listboxContent }, dialogTitle ? /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.Text,
           {
             style: [
               styles.dialogTitle,
@@ -768,38 +710,22 @@ var Select = ({
             ]
           },
           dialogTitle
-        ) : null, /* @__PURE__ */ import_react12.default.createElement(import_react_native8.ScrollView, { style: { maxHeight: maxListboxHeight } }, listItems)))
+        ) : null, /* @__PURE__ */ _react2.default.createElement(_reactnative.ScrollView, { style: { maxHeight: maxListboxHeight } }, listItems)))
       )
     ))
   ));
 };
 
 // src/components/select/select-item.tsx
-var import_react15 = __toESM(require("react"), 1);
-var import_react_native10 = require("react-native");
-
-// src/components/select/checkmark-icon.tsx
-var import_react13 = __toESM(require("react"), 1);
-var import_react_native_svg2 = __toESM(require("react-native-svg"), 1);
-function CheckmarkIcon({ color, size }) {
-  return /* @__PURE__ */ import_react13.default.createElement(import_react_native_svg2.default, { width: size, height: size, viewBox: "0 0 17 18", fill: "none" }, /* @__PURE__ */ import_react13.default.createElement(
-    import_react_native_svg2.Polyline,
-    {
-      points: "1 9 7 14 15 4",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ));
-}
+
+
 
 // src/components/select/select-item.hook.ts
-var import_react14 = require("react");
-var import_core4 = require("@xaui/core");
+
+
 var useSelectItemSizeStyles = (size) => {
-  const theme = useXUITheme();
-  return (0, import_react14.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
         paddingVertical: theme.spacing.sm,
@@ -830,10 +756,10 @@ var useSelectItemSizeStyles = (size) => {
   }, [size, theme]);
 };
 var useSelectItemBackgroundColor = (themeColor, isSelected) => {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core4.getSafeThemeColor)(themeColor);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
-  return (0, import_react14.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     if (isSelected) {
       return colorScheme.background;
     }
@@ -841,8 +767,8 @@ var useSelectItemBackgroundColor = (themeColor, isSelected) => {
   }, [isSelected, colorScheme]);
 };
 var useSelectItemTextColors = () => {
-  const theme = useXUITheme();
-  return (0, import_react14.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     return {
       textColor: theme.colors.foreground,
       descriptionColor: theme.colors.foreground
@@ -850,10 +776,10 @@ var useSelectItemTextColors = () => {
   }, [theme]);
 };
 var useSelectItemCheckmarkColor = (themeColor) => {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core4.getSafeThemeColor)(themeColor);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
-  return (0, import_react14.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     if (themeColor === "default") {
       return theme.colors.primary.main;
     }
@@ -862,8 +788,8 @@ var useSelectItemCheckmarkColor = (themeColor) => {
 };
 
 // src/components/select/select-item.style.ts
-var import_react_native9 = require("react-native");
-var styles2 = import_react_native9.StyleSheet.create({
+
+var styles2 = _reactnative.StyleSheet.create({
   item: {
     flexDirection: "row",
     alignItems: "center",
@@ -899,10 +825,10 @@ var SelectItem = ({
   textStyle,
   onSelected
 }) => {
-  const context = (0, import_react15.useContext)(SelectContext);
-  const size = context?.size ?? defaultSize;
-  const themeColor = context?.themeColor ?? "default";
-  const isItemDisabled = context?.isDisabled ? true : isDisabled;
+  const context = _react.useContext.call(void 0, SelectContext);
+  const size = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _11 => _11.size]), () => ( defaultSize));
+  const themeColor = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _12 => _12.themeColor]), () => ( "default"));
+  const isItemDisabled = _optionalChain([context, 'optionalAccess', _13 => _13.isDisabled]) ? true : isDisabled;
   const sizeStyles = useSelectItemSizeStyles(size);
   const backgroundColor = useSelectItemBackgroundColor(themeColor, isSelected);
   const { textColor, descriptionColor } = useSelectItemTextColors();
@@ -911,10 +837,10 @@ var SelectItem = ({
     if (isItemDisabled || isReadOnly) {
       return;
     }
-    onSelected?.();
+    _optionalChain([onSelected, 'optionalCall', _14 => _14()]);
   };
-  return /* @__PURE__ */ import_react15.default.createElement(
-    import_react_native10.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: handlePress,
       disabled: isItemDisabled,
@@ -930,8 +856,8 @@ var SelectItem = ({
       ]
     },
     startContent,
-    /* @__PURE__ */ import_react15.default.createElement(import_react_native10.View, { style: styles2.content }, /* @__PURE__ */ import_react15.default.createElement(
-      import_react_native10.Text,
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.content }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
           styles2.title,
@@ -940,8 +866,8 @@ var SelectItem = ({
         ]
       },
       label
-    ), description && /* @__PURE__ */ import_react15.default.createElement(
-      import_react_native10.Text,
+    ), description && /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
           styles2.description,
@@ -950,12 +876,11 @@ var SelectItem = ({
       },
       description
     )),
-    isSelected && (selectedIcon || /* @__PURE__ */ import_react15.default.createElement(CheckmarkIcon, { color: checkmarkColor, size: 16 })),
+    isSelected && (selectedIcon || /* @__PURE__ */ _react2.default.createElement(_chunkDHSTKO3Kcjs.CheckmarkIcon, { color: checkmarkColor, size: 16 })),
     endContent
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Select,
-  SelectItem
-});
+
+
+
+exports.Select = Select; exports.SelectItem = SelectItem;