@xaui/native 0.9.1-alpha.93 → 0.9.1-beta.100

package/dist/chunk-ETY5PM3E.cjs

@@ -0,0 +1,797 @@
+"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 _chunkFJGPDWMScjs = require('./chunk-FJGPDWMS.cjs');
+var _chunkYVYYONTPcjs = require('./chunk-YVYYONTP.cjs');
+var _chunkBKY5YQ7Wcjs = require('./chunk-BKY5YQ7W.cjs');
+var _chunkL4B6Z45Qcjs = require('./chunk-L4B6Z45Q.cjs');
+var _chunkWDDXU3OHcjs = require('./chunk-WDDXU3OH.cjs');
+var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
+var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+var _chunkHBYT7B47cjs = require('./chunk-HBYT7B47.cjs');
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+var _chunkGSZDN6EZcjs = require('./chunk-GSZDN6EZ.cjs');
+var _chunkFHNIGHN5cjs = require('./chunk-FHNIGHN5.cjs');
+var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
+var _chunkIIAQISBGcjs = require('./chunk-IIAQISBG.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/select/select-content.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+var _reactnativereanimated = require('react-native-reanimated');
+var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+// src/components/select/select-item.tsx
+
+// src/components/select/select-item-label.tsx
+
+// src/components/select/select.context.ts
+var [SelectProvider, useSelect] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Select");
+var [SelectItemProvider, useSelectItem] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Select.Item");
+
+// src/components/select/select-item-label.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var SelectItemLabel = _react.forwardRef.call(void 0, function SelectItemLabel2({
+  children,
+  numberOfLines = 1,
+  style,
+  ...props
+}, ref) {
+  const {
+    itemLabelStyle
+  } = useSelect();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    numberOfLines,
+    ...rest,
+    style: [itemLabelStyle, styleProps, style],
+    children
+  });
+});
+SelectItemLabel.displayName = "XAUI.Select.ItemLabel";
+
+// src/components/select/select-item.tsx
+
+var SelectItem = _react.forwardRef.call(void 0, function SelectItem2({
+  value,
+  label,
+  children,
+  isDisabled = false,
+  asChild = false,
+  accessibilityRole = "menuitem",
+  accessibilityState,
+  style,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const {
+    itemStyle,
+    itemPressedStyle,
+    value: selected,
+    select,
+    registerLabel
+  } = useSelect();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, {
+    onPressIn,
+    onPressOut
+  });
+  const isSelected = selected === value;
+  const text = typeof children === "function" ? null : _chunkFHNIGHN5cjs.childrenToString.call(void 0, children);
+  const registered = _nullishCoalesce(_nullishCoalesce(label, () => text), () => void 0);
+  _react.useEffect.call(void 0, () => {
+    if (registered !== void 0) registerLabel(value, registered);
+  }, [registerLabel, value, registered]);
+  const handlePress = _react.useCallback.call(void 0, event => {
+    _optionalChain([onPress, 'optionalCall', _ => _(event)]);
+    select(value, registered);
+  }, [onPress, select, value, registered]);
+  const context = _react.useMemo.call(void 0, () => ({
+    isSelected,
+    isPressed,
+    isDisabled
+  }), [isSelected, isPressed, isDisabled]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, SelectItemProvider, {
+    value: context,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkHBYT7B47cjs.PressableFeedback, {
+      ref,
+      isPressed,
+      isDisabled,
+      asChild,
+      accessibilityRole,
+      accessibilityState: {
+        disabled: isDisabled,
+        selected: isSelected,
+        ...accessibilityState
+      },
+      ...rest,
+      style: [itemStyle, isPressed && itemPressedStyle, styleProps, typeof style === "function" ? style({
+        pressed: isPressed
+      }) : style],
+      onPress: handlePress,
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children: typeof children === "function" ? children(context) : /* @__PURE__ */_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {
+        children: text !== null ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, SelectItemLabel, {
+          children: text
+        }) : children
+      })
+    })
+  });
+});
+SelectItem.displayName = "XAUI.Select.Item";
+
+// src/components/select/select-content.tsx
+
+var DEFAULT_OFFSET = 8;
+var DEFAULT_INSETS = {
+  top: 12,
+  bottom: 12,
+  start: 12,
+  end: 12
+};
+var isSelectItem = type => type === SelectItem;
+var SelectContent = _react.forwardRef.call(void 0, function SelectContent2({
+  children,
+  placement = "bottom",
+  align = "center",
+  width = "trigger",
+  minWidth,
+  offset = DEFAULT_OFFSET,
+  alignOffset = 0,
+  avoidCollisions = true,
+  insets,
+  style,
+  onLayout,
+  ...props
+}, ref) {
+  const context = useSelect();
+  const {
+    contentStyle,
+    isOpen,
+    anchor,
+    registerLabel
+  } = context;
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const {
+    position,
+    onContentLayout,
+    measuringStyle
+  } = _chunkYVYYONTPcjs.useAnchoredPosition.call(void 0, {
+    anchor,
+    isOpen,
+    placement,
+    align,
+    width,
+    minWidth,
+    offset,
+    alignOffset,
+    avoidCollisions,
+    insets: {
+      ...DEFAULT_INSETS,
+      ...insets
+    },
+    onLayout
+  });
+  _react.useEffect.call(void 0, () => {
+    for (const [value, label] of _chunkFJGPDWMScjs.collectItemLabels.call(void 0, children, isSelectItem)) {
+      registerLabel(value, label);
+    }
+  }, [children, registerLabel]);
+  if (!isOpen || anchor === null) return null;
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, {
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, SelectProvider, {
+      value: context,
+      children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+        ref,
+        entering: position ? _chunkEKS3W46Mcjs.anchoredEntering.call(void 0, position.placement) : void 0,
+        exiting: position ? _chunkEKS3W46Mcjs.anchoredExiting.call(void 0, position.placement) : void 0,
+        onLayout: onContentLayout,
+        ...rest,
+        style: [contentStyle, position === null ? measuringStyle : {
+          top: position.top,
+          start: position.start,
+          width: position.width,
+          maxHeight: position.maxHeight
+        }, styleProps, style],
+        children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.ScrollView, {
+          bounces: false,
+          keyboardShouldPersistTaps: "handled",
+          showsVerticalScrollIndicator: false,
+          children
+        })
+      }, _nullishCoalesce(_optionalChain([position, 'optionalAccess', _2 => _2.placement]), () => "measuring"))
+    })
+  });
+});
+SelectContent.displayName = "XAUI.Select.Content";
+
+// src/components/select/select-description.tsx
+
+var SelectDescription = _react.forwardRef.call(void 0, function SelectDescription2({
+  children,
+  style,
+  nativeID,
+  ...props
+}, ref) {
+  const {
+    descriptionStyle,
+    descriptionId
+  } = useSelect();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    nativeID: _nullishCoalesce(nativeID, () => descriptionId),
+    style: [descriptionStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+SelectDescription.displayName = "XAUI.Select.Description";
+
+// src/components/select/select-error.tsx
+
+var SelectError = _react.forwardRef.call(void 0, function SelectError2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    errorStyle
+  } = useSelect();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    style: [errorStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+SelectError.displayName = "XAUI.Select.Error";
+
+// src/components/select/select-group-label.tsx
+
+var SelectGroupLabel = _react.forwardRef.call(void 0, function SelectGroupLabel2({
+  children,
+  accessibilityRole = "header",
+  style,
+  ...props
+}, ref) {
+  const {
+    groupLabelStyle
+  } = useSelect();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    accessibilityRole,
+    ...rest,
+    style: [groupLabelStyle, styleProps, style],
+    children
+  });
+});
+SelectGroupLabel.displayName = "XAUI.Select.GroupLabel";
+
+// src/components/select/select-indicator.tsx
+const _worklet_997286029610_init_data = {
+  code: "function chunkETY5PM3ECjs1(){const{_reactnativereanimated,progress,_chunkEKS3W46Mcjs}=this.__closure;return{transform:[{rotate:_reactnativereanimated.interpolate.call(void 0,progress.get(),[0,1],[_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0],_chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-ETY5PM3E.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkETY5PM3ECjs1\",\"_reactnativereanimated\",\"progress\",\"_chunkEKS3W46Mcjs\",\"__closure\",\"transform\",\"rotate\",\"interpolate\",\"call\",\"get\",\"INDICATOR_ROTATION\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-ETY5PM3E.cjs\"],\"mappings\":\"AA8TwE,SAAAA,iBAAMA,CAAA,QAAAC,sBAAA,CAAAC,QAAA,CAAAC,iBAAA,OAAAC,SAAA,CAE1E,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,sBAAsB,CAACM,WAAW,CAACC,IAAI,CAAC,IAAK,EAAC,CAAEN,QAAQ,CAACO,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACN,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAEP,iBAAiB,CAACO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MACxK,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
+};
+function SelectIndicator({
+  as = _chunkGSZDN6EZcjs.ChevronDownIcon,
+  ...props
+}) {
+  const {
+    indicatorStyle,
+    isOpen
+  } = useSelect();
+  const progress = _reactnativereanimated.useSharedValue.call(void 0, isOpen ? 1 : 0);
+  _react.useEffect.call(void 0, () => {
+    progress.set(_reactnativereanimated.withSpring.call(void 0, isOpen ? 1 : 0, _chunkEKS3W46Mcjs.INDICATOR_SPRING));
+  }, [isOpen, progress]);
+  const rotation = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkETY5PM3ECjs1Factory({
+    _worklet_997286029610_init_data,
+    _reactnativereanimated,
+    progress,
+    _chunkEKS3W46Mcjs
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkETY5PM3ECjs1 = function () {
+      return {
+        transform: [{
+          rotate: `${_reactnativereanimated.interpolate.call(void 0, progress.get(), [0, 1], [_chunkEKS3W46Mcjs.INDICATOR_ROTATION[0], _chunkEKS3W46Mcjs.INDICATOR_ROTATION[1]])}deg`
+        }]
+      };
+    };
+    chunkETY5PM3ECjs1.__closure = {
+      _reactnativereanimated,
+      progress,
+      _chunkEKS3W46Mcjs
+    };
+    chunkETY5PM3ECjs1.__workletHash = 997286029610;
+    chunkETY5PM3ECjs1.__pluginVersion = "0.7.4";
+    chunkETY5PM3ECjs1.__initData = _worklet_997286029610_init_data;
+    chunkETY5PM3ECjs1.__stackDetails = _e;
+    return chunkETY5PM3ECjs1;
+  }({
+    _worklet_997286029610_init_data,
+    _reactnativereanimated,
+    progress,
+    _chunkEKS3W46Mcjs
+  }), [progress]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+    style: [indicatorStyle, rotation],
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.Icon, {
+      as,
+      ...props
+    })
+  });
+}
+SelectIndicator.displayName = "XAUI.Select.Indicator";
+
+// src/components/select/select-item-description.tsx
+
+var SelectItemDescription = _react.forwardRef.call(void 0, function SelectItemDescription2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    itemDescriptionStyle
+  } = useSelect();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    ...rest,
+    style: [itemDescriptionStyle, styleProps, style],
+    children
+  });
+});
+SelectItemDescription.displayName = "XAUI.Select.ItemDescription";
+
+// src/components/select/select-item-indicator.tsx
+
+// src/components/select/check-icon.tsx
+var _reactnativesvg = require('react-native-svg');
+function CheckIcon({
+  size = 20,
+  color = "currentColor"
+}) {
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativesvg.Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativesvg.Path, {
+      d: "m20 6-11 11-5-5",
+      stroke: color,
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  });
+}
+CheckIcon.displayName = "XAUI.Select.CheckIcon";
+
+// src/components/select/select-item-indicator.tsx
+
+function SelectItemIndicator({
+  as = CheckIcon,
+  color,
+  ...props
+}) {
+  const {
+    itemIndicatorStyle,
+    checkColor
+  } = useSelect();
+  const {
+    isSelected
+  } = useSelectItem();
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+    style: itemIndicatorStyle,
+    children: isSelected ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.Icon, {
+      as,
+      color: _nullishCoalesce(color, () => checkColor),
+      ...props
+    }) : null
+  });
+}
+SelectItemIndicator.displayName = "XAUI.Select.ItemIndicator";
+
+// src/components/select/select-label.tsx
+
+var SelectLabel = _react.forwardRef.call(void 0, function SelectLabel2({
+  children,
+  style,
+  nativeID,
+  ...props
+}, ref) {
+  const {
+    labelStyle,
+    labelId
+  } = useSelect();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    nativeID: _nullishCoalesce(nativeID, () => labelId),
+    style: [labelStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+SelectLabel.displayName = "XAUI.Select.Label";
+
+// src/components/select/select-overlay.tsx
+
+var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
+var SelectOverlay = _react.forwardRef.call(void 0, function SelectOverlay2({
+  children,
+  isDismissable = true,
+  style,
+  ...props
+}, ref) {
+  const context = useSelect();
+  const {
+    overlayStyle,
+    isOpen,
+    close
+  } = context;
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  if (!isOpen) return null;
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkWDDXU3OHcjs.Portal, {
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, SelectProvider, {
+      value: context,
+      children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, AnimatedPressable, {
+        ref,
+        entering: _chunkEKS3W46Mcjs.overlayEntering,
+        exiting: _chunkEKS3W46Mcjs.overlayExiting,
+        accessibilityRole: "none",
+        importantForAccessibility: "no",
+        onPress: isDismissable ? close : void 0,
+        ...rest,
+        style: [overlayStyle, styleProps, style],
+        children
+      })
+    })
+  });
+});
+SelectOverlay.displayName = "XAUI.Select.Overlay";
+
+// src/components/select/select-trigger.tsx
+
+var SelectTrigger = _react.forwardRef.call(void 0, function SelectTrigger2({
+  children,
+  asChild = false,
+  accessibilityRole = "button",
+  accessibilityState,
+  style,
+  onLayout,
+  onPressIn,
+  onPressOut,
+  onPress,
+  ...props
+}, ref) {
+  const {
+    triggerStyle,
+    triggerPressedStyle,
+    glyph,
+    isOpen,
+    isDisabled,
+    isInvalid,
+    toggle,
+    setAnchor,
+    labelId,
+    descriptionId
+  } = useSelect();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, {
+    onPressIn,
+    onPressOut
+  });
+  const node = _react.useRef.call(void 0, null);
+  const refs = _chunkWFEMJCXOcjs.useMergedRef.call(void 0, node, ref);
+  const measure = _react.useCallback.call(void 0, () => {
+    _optionalChain([node, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.measureInWindow, 'call', _5 => _5((x, y, width, height) => {
+      setAnchor({
+        x,
+        y,
+        width,
+        height
+      });
+    })]);
+  }, [setAnchor]);
+  const handleLayout = _react.useCallback.call(void 0, event => {
+    _optionalChain([onLayout, 'optionalCall', _6 => _6(event)]);
+    measure();
+  }, [measure, onLayout]);
+  _react.useEffect.call(void 0, () => {
+    if (isOpen) measure();
+  }, [isOpen, measure]);
+  const handlePress = _react.useCallback.call(void 0, event => {
+    _optionalChain([onPress, 'optionalCall', _7 => _7(event)]);
+    measure();
+    toggle();
+  }, [measure, onPress, toggle]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, {
+    value: glyph,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkHBYT7B47cjs.PressableFeedback, {
+      ref: refs,
+      isPressed,
+      isDisabled,
+      asChild,
+      accessibilityRole,
+      accessibilityState: {
+        disabled: isDisabled,
+        expanded: isOpen,
+        ...accessibilityState
+      },
+      "aria-invalid": isInvalid || void 0,
+      "aria-labelledby": labelId,
+      "aria-describedby": descriptionId,
+      ...rest,
+      onLayout: handleLayout,
+      style: [triggerStyle, isPressed && triggerPressedStyle, styleProps, typeof style === "function" ? style({
+        pressed: isPressed
+      }) : style],
+      onPress: handlePress,
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children
+    })
+  });
+});
+SelectTrigger.displayName = "XAUI.Select.Trigger";
+
+// src/components/select/select-value.tsx
+
+var SelectValue = _react.forwardRef.call(void 0, function SelectValue2({
+  placeholder,
+  children,
+  numberOfLines = 1,
+  style,
+  ...props
+}, ref) {
+  const {
+    valueStyle,
+    placeholderStyle,
+    value,
+    labelFor
+  } = useSelect();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const label = _nullishCoalesce(children, () => value !== void 0 ? labelFor(value) : void 0);
+  const isEmpty = label === void 0 || label === "";
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    numberOfLines,
+    ...rest,
+    style: [valueStyle, isEmpty && placeholderStyle, styleProps, style],
+    children: isEmpty ? placeholder : label
+  });
+});
+SelectValue.displayName = "XAUI.Select.Value";
+
+// src/components/select/select.tsx
+
+var Select = _react.forwardRef.call(void 0, function Select2({
+  children,
+  variant,
+  size,
+  radius,
+  color,
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  isOpen: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  isDisabled = false,
+  isInvalid = false,
+  asChild = false,
+  style,
+  ...props
+}, ref) {
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const {
+    labelFor,
+    registerLabel
+  } = _chunkFJGPDWMScjs.useLabelRegistry.call(void 0);
+  const [anchor, setAnchor] = _react.useState.call(void 0, null);
+  const id = _react.useId.call(void 0);
+  const labelId = `${id}-label`;
+  const descriptionId = `${id}-description`;
+  const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledValue,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const [isOpen, setOpen] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledOpen,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const selection = {
+    variant,
+    size,
+    radius,
+    isOpen: isOpen ? "true" : void 0,
+    isInvalid: isInvalid ? "true" : void 0
+  };
+  const styles = _chunkL4B6Z45Qcjs.selectRecipe.resolve({
+    theme,
+    selection
+  });
+  const pressed = _chunkL4B6Z45Qcjs.selectRecipe.resolve({
+    theme,
+    selection,
+    states: {
+      pressed: true
+    }
+  });
+  const tint = color ? _chunkL4B6Z45Qcjs.selectRecipe.tint({
+    theme,
+    color,
+    selection
+  }) : void 0;
+  const labelled = _chunkBKY5YQ7Wcjs.textFieldRecipe.resolve({
+    theme,
+    selection: {
+      size,
+      isInvalid: isInvalid ? "true" : void 0
+    },
+    states: {
+      disabled: isDisabled
+    }
+  });
+  const open = _react.useCallback.call(void 0, () => setOpen(true), [setOpen]);
+  const close = _react.useCallback.call(void 0, () => setOpen(false), [setOpen]);
+  const toggle = _react.useCallback.call(void 0, () => setOpen(!isOpen), [isOpen, setOpen]);
+  const select = _react.useCallback.call(void 0, (next, label) => {
+    if (label !== void 0) registerLabel(next, label);
+    setValue(next);
+    setOpen(false);
+  }, [registerLabel, setValue, setOpen]);
+  const context = _react.useMemo.call(void 0, () => {
+    const indicator = _reactnative.StyleSheet.flatten([styles.indicator, _optionalChain([tint, 'optionalAccess', _8 => _8.indicator])]);
+    const itemLabel = _reactnative.StyleSheet.flatten([styles.itemLabel]);
+    const tintedPlaceholder = tint ? _reactnative.StyleSheet.flatten([tint.value]).color : void 0;
+    return {
+      triggerStyle: tint ? [styles.trigger, tint.trigger] : styles.trigger,
+      triggerPressedStyle: pressed.trigger,
+      valueStyle: tint ? [styles.value, tint.value] : styles.value,
+      placeholderStyle: tintedPlaceholder ? [styles.placeholder, {
+        color: tintedPlaceholder
+      }] : styles.placeholder,
+      indicatorStyle: styles.indicator,
+      overlayStyle: styles.overlay,
+      contentStyle: styles.content,
+      groupLabelStyle: styles.groupLabel,
+      labelStyle: labelled.label,
+      descriptionStyle: labelled.description,
+      errorStyle: labelled.error,
+      itemStyle: styles.item,
+      itemPressedStyle: pressed.item,
+      itemLabelStyle: styles.itemLabel,
+      itemDescriptionStyle: styles.itemDescription,
+      itemIndicatorStyle: styles.itemIndicator,
+      glyph: {
+        size: indicator.fontSize,
+        // `ColorValue` also covers the platform's opaque colours, which `Icon` cannot
+        // hand to a third-party component expecting a string.
+        color: typeof indicator.color === "string" ? indicator.color : void 0
+      },
+      // The check reads the row's own colour rather than the chevron's: it belongs to the
+      // list, and the chevron belongs to the field.
+      checkColor: typeof itemLabel.color === "string" ? itemLabel.color : void 0,
+      value,
+      isOpen,
+      isDisabled,
+      isInvalid,
+      open,
+      close,
+      toggle,
+      select,
+      anchor,
+      setAnchor,
+      labelFor,
+      registerLabel,
+      labelId,
+      descriptionId
+    };
+  }, [styles, pressed, tint, labelled, labelId, descriptionId, value, isOpen, isDisabled, isInvalid, open, close, toggle, select, anchor, labelFor, registerLabel]);
+  const columnStyle = [labelled.root, styleProps, style];
+  const column = asChild ?
+  // R12 — the caller's element is the column.
+  /* @__PURE__ */
+  _jsxruntime.jsx.call(void 0, _chunkCDRGTUYFcjs.Slot, {
+    ref,
+    ...rest,
+    style: columnStyle,
+    children
+  }) : /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+    ref,
+    ...rest,
+    style: columnStyle,
+    children
+  });
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, SelectProvider, {
+    value: context,
+    children: column
+  });
+});
+Select.displayName = "XAUI.Select.Root";
+
+// src/components/select/index.ts
+var Select3 = Object.assign(Select, {
+  Label: SelectLabel,
+  Trigger: SelectTrigger,
+  Value: SelectValue,
+  Indicator: SelectIndicator,
+  Overlay: SelectOverlay,
+  Content: SelectContent,
+  GroupLabel: SelectGroupLabel,
+  Item: SelectItem,
+  ItemLabel: SelectItemLabel,
+  ItemDescription: SelectItemDescription,
+  ItemIndicator: SelectItemIndicator,
+  Description: SelectDescription,
+  Error: SelectError
+});
+exports.useSelect = useSelect;
+exports.useSelectItem = useSelectItem;
+exports.SelectItemLabel = SelectItemLabel;
+exports.SelectItem = SelectItem;
+exports.SelectContent = SelectContent;
+exports.SelectDescription = SelectDescription;
+exports.SelectError = SelectError;
+exports.SelectGroupLabel = SelectGroupLabel;
+exports.SelectIndicator = SelectIndicator;
+exports.SelectItemDescription = SelectItemDescription;
+exports.CheckIcon = CheckIcon;
+exports.SelectItemIndicator = SelectItemIndicator;
+exports.SelectLabel = SelectLabel;
+exports.SelectOverlay = SelectOverlay;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+exports.Select = Select;
+exports.Select2 = Select3;