@tamagui/select 1.135.4 → 1.135.6

package/dist/jsx/Select.native.js

@@ -1,293 +1,405 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Adapt, AdaptParent, useAdaptIsActive } from "@tamagui/adapt";
-import { useComposedRefs } from "@tamagui/compose-refs";
-import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { createStyledContext, getVariableValue, styled, useEvent, useGet } from "@tamagui/core";
-import { FocusScopeController } from "@tamagui/focus-scope";
-import { registerFocusable } from "@tamagui/focusable";
-import { getSpace } from "@tamagui/get-token";
-import { withStaticProperties } from "@tamagui/helpers";
-import { ListItem } from "@tamagui/list-item";
-import { Separator } from "@tamagui/separator";
-import { Sheet, SheetController } from "@tamagui/sheet";
-import { ThemeableStack, XStack, YStack } from "@tamagui/stacks";
-import { Paragraph, SizableText } from "@tamagui/text";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import { useDebounce } from "@tamagui/use-debounce";
-import * as React from "react";
-import { SelectItemParentProvider, SelectProvider, useSelectContext, useSelectItemParentContext } from "./context";
-import { SelectContent } from "./SelectContent";
-import { SelectInlineImpl } from "./SelectImpl";
-import { SelectItem, useSelectItemContext } from "./SelectItem";
-import { ITEM_TEXT_NAME, SelectItemText } from "./SelectItemText";
-import { SelectScrollDownButton, SelectScrollUpButton } from "./SelectScrollButton";
-import { SelectTrigger } from "./SelectTrigger";
-import { SelectViewport } from "./SelectViewport";
-import { useShowSelectSheet } from "./useSelectBreakpointActive";
-var VALUE_NAME = "SelectValue", SelectValueFrame = styled(SizableText, {
-  name: VALUE_NAME,
-  userSelect: "none"
-}), SelectValue = SelectValueFrame.styleable(function(param, forwardedRef) {
-  var { scope, children: childrenProp, placeholder, ...props } = param, context = useSelectContext(scope), itemParentContext = useSelectItemParentContext(scope), composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange), children = childrenProp ?? context.selectedItem, isEmptyValue = context.value == null || context.value === "", selectValueChildren = isEmptyValue ? placeholder ?? children : children;
-  return /* @__PURE__ */ _jsx(SelectValueFrame, {
-    ...!props.unstyled && {
-      size: itemParentContext.size,
-      ellipse: !0,
-      // we don't want events from the portalled `SelectValue` children to bubble
-      // through the item they came from
-      pointerEvents: "none"
-    },
-    ref: composedRefs,
-    ...props,
-    children: unwrapSelectItem(selectValueChildren)
-  });
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var Select_exports = {};
+__export(Select_exports, {
+  Select: () => Select,
+  SelectGroupFrame: () => SelectGroupFrame,
+  SelectIcon: () => SelectIcon,
+  SelectSeparator: () => SelectSeparator
 });
+module.exports = __toCommonJS(Select_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_adapt = require("@tamagui/adapt"),
+  import_compose_refs = require("@tamagui/compose-refs"),
+  import_constants = require("@tamagui/constants"),
+  import_core = require("@tamagui/core"),
+  import_focus_scope = require("@tamagui/focus-scope"),
+  import_focusable = require("@tamagui/focusable"),
+  import_get_token = require("@tamagui/get-token"),
+  import_helpers = require("@tamagui/helpers"),
+  import_list_item = require("@tamagui/list-item"),
+  import_separator = require("@tamagui/separator"),
+  import_sheet = require("@tamagui/sheet"),
+  import_stacks = require("@tamagui/stacks"),
+  import_text = require("@tamagui/text"),
+  import_use_controllable_state = require("@tamagui/use-controllable-state"),
+  import_use_debounce = require("@tamagui/use-debounce"),
+  React = __toESM(require("react"), 1),
+  import_context = require("./context.native.js"),
+  import_SelectContent = require("./SelectContent.native.js"),
+  import_SelectImpl = require("./SelectImpl.native.js"),
+  import_SelectItem = require("./SelectItem.native.js"),
+  import_SelectItemText = require("./SelectItemText.native.js"),
+  import_SelectScrollButton = require("./SelectScrollButton.native.js"),
+  import_SelectTrigger = require("./SelectTrigger.native.js"),
+  import_SelectViewport = require("./SelectViewport.native.js"),
+  import_useSelectBreakpointActive = require("./useSelectBreakpointActive.native.js"),
+  VALUE_NAME = "SelectValue",
+  SelectValueFrame = (0, import_core.styled)(import_text.SizableText, {
+    name: VALUE_NAME,
+    userSelect: "none"
+  }),
+  SelectValue = SelectValueFrame.styleable(function (param, forwardedRef) {
+    var {
+        scope,
+        children: childrenProp,
+        placeholder,
+        ...props
+      } = param,
+      context = (0, import_context.useSelectContext)(scope),
+      itemParentContext = (0, import_context.useSelectItemParentContext)(scope),
+      composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.onValueNodeChange),
+      children = childrenProp ?? context.selectedItem,
+      isEmptyValue = context.value == null || context.value === "",
+      selectValueChildren = isEmptyValue ? placeholder ?? children : children;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectValueFrame, {
+      ...(!props.unstyled && {
+        size: itemParentContext.size,
+        ellipse: !0,
+        // we don't want events from the portalled `SelectValue` children to bubble
+        // through the item they came from
+        pointerEvents: "none"
+      }),
+      ref: composedRefs,
+      ...props,
+      children: unwrapSelectItem(selectValueChildren)
+    });
+  });
 function unwrapSelectItem(selectValueChildren) {
-  return React.Children.map(selectValueChildren, function(child) {
+  return React.Children.map(selectValueChildren, function (child) {
     if (child) {
       var _child_type_staticConfig, _child_type, _child_props;
-      if (((_child_type = child.type) === null || _child_type === void 0 || (_child_type_staticConfig = _child_type.staticConfig) === null || _child_type_staticConfig === void 0 ? void 0 : _child_type_staticConfig.componentName) === ITEM_TEXT_NAME)
-        return child.props.children;
-      if (!((_child_props = child.props) === null || _child_props === void 0) && _child_props.children)
-        return unwrapSelectItem(child.props.children);
+      if (((_child_type = child.type) === null || _child_type === void 0 || (_child_type_staticConfig = _child_type.staticConfig) === null || _child_type_staticConfig === void 0 ? void 0 : _child_type_staticConfig.componentName) === import_SelectItemText.ITEM_TEXT_NAME) return child.props.children;
+      if (!((_child_props = child.props) === null || _child_props === void 0) && _child_props.children) return unwrapSelectItem(child.props.children);
     }
     return child;
   });
 }
-var SelectIcon = styled(XStack, {
-  name: "SelectIcon",
-  // @ts-ignore
-  "aria-hidden": !0,
-  children: /* @__PURE__ */ _jsx(Paragraph, {
-    children: "\u25BC"
-  })
-}), SelectItemIndicatorFrame = styled(XStack, {
-  name: "SelectItemIndicator"
-}), SelectItemIndicator = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
-  var { scope, ...itemIndicatorProps } = props, context = useSelectItemParentContext(scope), itemContext = useSelectItemContext(scope);
-  return context.shouldRenderWebNative ? null : itemContext.isSelected ? /* @__PURE__ */ _jsx(SelectItemIndicatorFrame, {
+var SelectIcon = (0, import_core.styled)(import_stacks.XStack, {
+    name: "SelectIcon",
+    // @ts-ignore
     "aria-hidden": !0,
-    ...itemIndicatorProps,
-    ref: forwardedRef
-  }) : null;
-}), GROUP_NAME = "SelectGroup", { Provider: SelectGroupContextProvider, useStyledContext: useSelectGroupContext } = createStyledContext({
-  id: ""
-}, "SelectGroup"), SelectGroupFrame = styled(YStack, {
-  name: GROUP_NAME,
-  width: "100%"
-}), NativeSelectTextFrame = styled(SizableText, {
-  tag: "select",
-  backgroundColor: "$background",
-  borderColor: "$borderColor",
-  hoverStyle: {
-    backgroundColor: "$backgroundHover"
-  }
-}), NativeSelectFrame = styled(ThemeableStack, {
-  name: "NativeSelect",
-  bordered: !0,
-  userSelect: "none",
-  outlineWidth: 0,
-  paddingRight: 10,
-  variants: {
-    size: {
-      "...size": function(val, extras) {
-        var { tokens } = extras, paddingHorizontal = getVariableValue(tokens.space[val]), _tokens_radius_val;
-        return {
-          borderRadius: (_tokens_radius_val = tokens.radius[val]) !== null && _tokens_radius_val !== void 0 ? _tokens_radius_val : val,
-          minHeight: tokens.size[val],
-          paddingRight: paddingHorizontal + 20,
-          paddingLeft: paddingHorizontal,
-          paddingVertical: getSpace(val, {
-            shift: -3
-          })
-        };
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_text.Paragraph, {
+      children: "\u25BC"
+    })
+  }),
+  SelectItemIndicatorFrame = (0, import_core.styled)(import_stacks.XStack, {
+    name: "SelectItemIndicator"
+  }),
+  SelectItemIndicator = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+        scope,
+        ...itemIndicatorProps
+      } = props,
+      context = (0, import_context.useSelectItemParentContext)(scope),
+      itemContext = (0, import_SelectItem.useSelectItemContext)(scope);
+    return context.shouldRenderWebNative ? null : itemContext.isSelected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectItemIndicatorFrame, {
+      "aria-hidden": !0,
+      ...itemIndicatorProps,
+      ref: forwardedRef
+    }) : null;
+  }),
+  GROUP_NAME = "SelectGroup",
+  {
+    Provider: SelectGroupContextProvider,
+    useStyledContext: useSelectGroupContext
+  } = (0, import_core.createStyledContext)({
+    id: ""
+  }, "SelectGroup"),
+  SelectGroupFrame = (0, import_core.styled)(import_stacks.YStack, {
+    name: GROUP_NAME,
+    width: "100%"
+  }),
+  NativeSelectTextFrame = (0, import_core.styled)(import_text.SizableText, {
+    tag: "select",
+    backgroundColor: "$background",
+    borderColor: "$borderColor",
+    hoverStyle: {
+      backgroundColor: "$backgroundHover"
+    }
+  }),
+  NativeSelectFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+    name: "NativeSelect",
+    bordered: !0,
+    userSelect: "none",
+    outlineWidth: 0,
+    paddingRight: 10,
+    variants: {
+      size: {
+        "...size": function (val, extras) {
+          var {
+              tokens
+            } = extras,
+            paddingHorizontal = (0, import_core.getVariableValue)(tokens.space[val]),
+            _tokens_radius_val;
+          return {
+            borderRadius: (_tokens_radius_val = tokens.radius[val]) !== null && _tokens_radius_val !== void 0 ? _tokens_radius_val : val,
+            minHeight: tokens.size[val],
+            paddingRight: paddingHorizontal + 20,
+            paddingLeft: paddingHorizontal,
+            paddingVertical: (0, import_get_token.getSpace)(val, {
+              shift: -3
+            })
+          };
+        }
       }
+    },
+    defaultVariants: {
+      size: "$2"
     }
-  },
-  defaultVariants: {
-    size: "$2"
-  }
-}), SelectGroup = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
-  var { scope, ...groupProps } = props, groupId = React.useId(), context = useSelectContext(scope), itemParentContext = useSelectItemParentContext(scope), _itemParentContext_size, size = (_itemParentContext_size = itemParentContext.size) !== null && _itemParentContext_size !== void 0 ? _itemParentContext_size : "$true", nativeSelectRef = React.useRef(null), content = function() {
-    return itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ _jsx(NativeSelectFrame, {
-      asChild: !0,
-      size,
-      // @ts-expect-error until we support typing based on tag
-      value: context.value,
-      id: itemParentContext.id,
-      children: /* @__PURE__ */ _jsx(NativeSelectTextFrame, {
-        // @ts-ignore it's ok since tag="select"
-        onChange: function(event) {
-          itemParentContext.onChange(event.currentTarget.value);
-        },
-        size,
-        ref: nativeSelectRef,
-        style: {
-          color: "var(--color)",
+  }),
+  SelectGroup = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+        scope,
+        ...groupProps
+      } = props,
+      groupId = React.useId(),
+      context = (0, import_context.useSelectContext)(scope),
+      itemParentContext = (0, import_context.useSelectItemParentContext)(scope),
+      _itemParentContext_size,
+      size = (_itemParentContext_size = itemParentContext.size) !== null && _itemParentContext_size !== void 0 ? _itemParentContext_size : "$true",
+      nativeSelectRef = React.useRef(null),
+      content = function () {
+        return itemParentContext.shouldRenderWebNative ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(NativeSelectFrame, {
+          asChild: !0,
+          size,
+          // @ts-expect-error until we support typing based on tag
+          value: context.value,
+          id: itemParentContext.id,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(NativeSelectTextFrame, {
+            // @ts-ignore it's ok since tag="select"
+            onChange: function (event) {
+              itemParentContext.onChange(event.currentTarget.value);
+            },
+            size,
+            ref: nativeSelectRef,
+            style: {
+              color: "var(--color)",
+              // @ts-ignore
+              appearance: "none"
+            },
+            children: props.children
+          })
+        }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectGroupFrame, {
           // @ts-ignore
-          appearance: "none"
-        },
-        children: props.children
-      })
-    }) : /* @__PURE__ */ _jsx(SelectGroupFrame, {
-      // @ts-ignore
-      role: "group",
-      "aria-labelledby": groupId,
-      ...groupProps,
-      ref: forwardedRef
+          role: "group",
+          "aria-labelledby": groupId,
+          ...groupProps,
+          ref: forwardedRef
+        });
+      }();
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectGroupContextProvider, {
+      scope,
+      id: groupId || "",
+      children: content
     });
-  }();
-  return /* @__PURE__ */ _jsx(SelectGroupContextProvider, {
-    scope,
-    id: groupId || "",
-    children: content
   });
-});
 SelectGroup.displayName = GROUP_NAME;
-var LABEL_NAME = "SelectLabel", SelectLabel = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
-  var { scope, ...labelProps } = props, context = useSelectItemParentContext(scope), groupContext = useSelectGroupContext(scope);
-  return context.shouldRenderWebNative ? null : /* @__PURE__ */ _jsx(ListItem, {
-    tag: "div",
-    componentName: LABEL_NAME,
-    fontWeight: "800",
-    id: groupContext.id,
-    size: context.size,
-    ...labelProps,
-    ref: forwardedRef
+var LABEL_NAME = "SelectLabel",
+  SelectLabel = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+    var {
+        scope,
+        ...labelProps
+      } = props,
+      context = (0, import_context.useSelectItemParentContext)(scope),
+      groupContext = useSelectGroupContext(scope);
+    return context.shouldRenderWebNative ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_list_item.ListItem, {
+      tag: "div",
+      componentName: LABEL_NAME,
+      fontWeight: "800",
+      id: groupContext.id,
+      size: context.size,
+      ...labelProps,
+      ref: forwardedRef
+    });
   });
-});
 SelectLabel.displayName = LABEL_NAME;
-var SelectSeparator = styled(Separator, {
-  name: "SelectSeparator"
-}), SelectSheetController = function(props) {
-  var context = useSelectContext(props.scope), showSheet = useShowSelectSheet(context), isAdapted = useAdaptIsActive(context.adaptScope), getShowSheet = useGet(showSheet);
-  return /* @__PURE__ */ _jsx(SheetController, {
-    onOpenChange: function(val) {
-      getShowSheet() && props.onOpenChange(val);
-    },
-    open: context.open,
-    hidden: !isAdapted,
-    children: props.children
-  });
-}, SelectSheetImpl = function(props) {
-  return /* @__PURE__ */ _jsx(_Fragment, {
-    children: props.children
-  });
-}, Select = withStaticProperties(function(props) {
-  var adaptScope = `AdaptSelect${props.scope || ""}`;
-  return /* @__PURE__ */ _jsx(AdaptParent, {
-    scope: adaptScope,
-    portal: !0,
-    children: /* @__PURE__ */ _jsx(SelectInner, {
-      scope: props.scope,
-      adaptScope,
-      ...props
-    })
+var SelectSeparator = (0, import_core.styled)(import_separator.Separator, {
+    name: "SelectSeparator"
+  }),
+  SelectSheetController = function (props) {
+    var context = (0, import_context.useSelectContext)(props.scope),
+      showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context),
+      isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope),
+      getShowSheet = (0, import_core.useGet)(showSheet);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sheet.SheetController, {
+      onOpenChange: function (val) {
+        getShowSheet() && props.onOpenChange(val);
+      },
+      open: context.open,
+      hidden: !isAdapted,
+      children: props.children
+    });
+  },
+  SelectSheetImpl = function (props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: props.children
+    });
+  },
+  Select = (0, import_helpers.withStaticProperties)(function (props) {
+    var adaptScope = `AdaptSelect${props.scope || ""}`;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.AdaptParent, {
+      scope: adaptScope,
+      portal: !0,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectInner, {
+        scope: props.scope,
+        adaptScope,
+        ...props
+      })
+    });
+  }, {
+    Adapt: import_adapt.Adapt,
+    Content: import_SelectContent.SelectContent,
+    Group: SelectGroup,
+    Icon: SelectIcon,
+    Item: import_SelectItem.SelectItem,
+    ItemIndicator: SelectItemIndicator,
+    ItemText: import_SelectItemText.SelectItemText,
+    Label: SelectLabel,
+    ScrollDownButton: import_SelectScrollButton.SelectScrollDownButton,
+    ScrollUpButton: import_SelectScrollButton.SelectScrollUpButton,
+    Trigger: import_SelectTrigger.SelectTrigger,
+    Value: SelectValue,
+    Viewport: import_SelectViewport.SelectViewport,
+    Sheet: import_sheet.Sheet.Controlled,
+    FocusScope: import_focus_scope.FocusScopeController
   });
-}, {
-  Adapt,
-  Content: SelectContent,
-  Group: SelectGroup,
-  Icon: SelectIcon,
-  Item: SelectItem,
-  ItemIndicator: SelectItemIndicator,
-  ItemText: SelectItemText,
-  Label: SelectLabel,
-  ScrollDownButton: SelectScrollDownButton,
-  ScrollUpButton: SelectScrollUpButton,
-  Trigger: SelectTrigger,
-  Value: SelectValue,
-  Viewport: SelectViewport,
-  Sheet: Sheet.Controlled,
-  FocusScope: FocusScopeController
-});
 function useEmitter() {
   var listeners = React.useRef(null);
-  listeners.current || (listeners.current = /* @__PURE__ */ new Set());
-  var emit = function(value) {
-    listeners.current.forEach(function(l) {
-      return l(value);
-    });
-  }, subscribe = React.useCallback(function(listener) {
-    return listeners.current.add(listener), function() {
-      listeners.current.delete(listener);
-    };
-  }, []);
-  return [
-    emit,
-    subscribe
-  ];
+  listeners.current || (listeners.current = /* @__PURE__ */new Set());
+  var emit = function (value) {
+      listeners.current.forEach(function (l) {
+        return l(value);
+      });
+    },
+    subscribe = React.useCallback(function (listener) {
+      return listeners.current.add(listener), function () {
+        listeners.current.delete(listener);
+      };
+    }, []);
+  return [emit, subscribe];
 }
 function SelectInner(props) {
-  var { scope = "", adaptScope, native, children, open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, disablePreventBodyScroll, size: sizeProp = "$true", onActiveChange, dir, id } = props, isAdapted = useAdaptIsActive(adaptScope), SelectImpl = isAdapted || !isWeb ? SelectSheetImpl : SelectInlineImpl, forceUpdate = React.useReducer(function() {
-    return {};
-  }, {})[1], [selectedItem, setSelectedItem] = React.useState(null), [open, setOpen] = useControllableState({
-    prop: openProp,
-    defaultProp: defaultOpen || !1,
-    onChange: onOpenChange
-  }), [value, setValue] = useControllableState({
-    prop: valueProp,
-    defaultProp: defaultValue || "",
-    onChange: onValueChange,
-    transition: !0
-  });
-  React.useEffect(function() {
+  var {
+      scope = "",
+      adaptScope,
+      native,
+      children,
+      open: openProp,
+      defaultOpen,
+      onOpenChange,
+      value: valueProp,
+      defaultValue,
+      onValueChange,
+      disablePreventBodyScroll,
+      size: sizeProp = "$true",
+      onActiveChange,
+      dir,
+      id
+    } = props,
+    isAdapted = (0, import_adapt.useAdaptIsActive)(adaptScope),
+    SelectImpl = isAdapted || !import_constants.isWeb ? SelectSheetImpl : import_SelectImpl.SelectInlineImpl,
+    forceUpdate = React.useReducer(function () {
+      return {};
+    }, {})[1],
+    [selectedItem, setSelectedItem] = React.useState(null),
+    [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+      prop: openProp,
+      defaultProp: defaultOpen || !1,
+      onChange: onOpenChange
+    }),
+    [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+      prop: valueProp,
+      defaultProp: defaultValue || "",
+      onChange: onValueChange,
+      transition: !0
+    });
+  React.useEffect(function () {
     open && emitValue(value);
-  }, [
-    open
-  ]), React.useEffect(function() {
+  }, [open]), React.useEffect(function () {
     emitValue(value);
-  }, [
-    value
-  ]), React.useEffect(function() {
-    if (props.id)
-      return registerFocusable(props.id, {
-        focusAndSelect: function() {
-          setOpen == null || setOpen(function(value2) {
-            return !value2;
-          });
-        },
-        focus: function() {
-        }
-      });
-  }, [
-    props.id
-  ]);
-  var [activeIndex, setActiveIndex] = React.useState(0), [emitValue, valueSubscribe] = useEmitter(), [emitActiveIndex, activeIndexSubscribe] = useEmitter(), selectedIndexRef = React.useRef(null), activeIndexRef = React.useRef(null), listContentRef = React.useRef([]), [selectedIndex, setSelectedIndex] = React.useState(0), [valueNode, setValueNode] = React.useState(null);
-  useIsomorphicLayoutEffect(function() {
+  }, [value]), React.useEffect(function () {
+    if (props.id) return (0, import_focusable.registerFocusable)(props.id, {
+      focusAndSelect: function () {
+        setOpen?.(function (value2) {
+          return !value2;
+        });
+      },
+      focus: function () {}
+    });
+  }, [props.id]);
+  var [activeIndex, setActiveIndex] = React.useState(0),
+    [emitValue, valueSubscribe] = useEmitter(),
+    [emitActiveIndex, activeIndexSubscribe] = useEmitter(),
+    selectedIndexRef = React.useRef(null),
+    activeIndexRef = React.useRef(null),
+    listContentRef = React.useRef([]),
+    [selectedIndex, setSelectedIndex] = React.useState(0),
+    [valueNode, setValueNode] = React.useState(null);
+  (0, import_constants.useIsomorphicLayoutEffect)(function () {
     selectedIndexRef.current = selectedIndex, activeIndexRef.current = activeIndex;
   });
-  var shouldRenderWebNative = isWeb && (native === !0 || native === "web" || Array.isArray(native) && native.includes("web")), setActiveIndexDebounced = useDebounce(function(index) {
-    setActiveIndex(function(prev) {
-      return prev !== index ? (typeof index == "number" && emitActiveIndex(index), index) : prev;
-    });
-  }, 1, {}, []);
-  return /* @__PURE__ */ _jsx(SelectItemParentProvider, {
+  var shouldRenderWebNative = import_constants.isWeb && (native === !0 || native === "web" || Array.isArray(native) && native.includes("web")),
+    setActiveIndexDebounced = (0, import_use_debounce.useDebounce)(function (index) {
+      setActiveIndex(function (prev) {
+        return prev !== index ? (typeof index == "number" && emitActiveIndex(index), index) : prev;
+      });
+    }, 1, {}, []);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.SelectItemParentProvider, {
     scopeName: scope,
     scope,
     adaptScope,
-    initialValue: React.useMemo(function() {
+    initialValue: React.useMemo(function () {
       return value;
-    }, [
-      open
-    ]),
+    }, [open]),
     size: sizeProp,
     activeIndexSubscribe,
     valueSubscribe,
     setOpen,
     id,
-    onChange: React.useCallback(function(val) {
+    onChange: React.useCallback(function (val) {
       setValue(val), emitValue(val);
     }, []),
-    onActiveChange: useEvent(function(value2, index) {
-      onActiveChange == null || onActiveChange(value2, index);
+    onActiveChange: (0, import_core.useEvent)(function (value2, index) {
+      onActiveChange?.(value2, index);
     }),
     setSelectedIndex,
-    setValueAtIndex: React.useCallback(function(index, value2) {
+    setValueAtIndex: React.useCallback(function (index, value2) {
       listContentRef.current[index] = value2;
     }, []),
     shouldRenderWebNative,
-    children: /* @__PURE__ */ _jsx(SelectProvider, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.SelectProvider, {
       scope,
       scopeName: scope,
       adaptScope,
@@ -306,10 +418,10 @@ function SelectInner(props) {
       value,
       open,
       native,
-      children: /* @__PURE__ */ _jsx(SelectSheetController, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectSheetController, {
         onOpenChange: setOpen,
         scope,
-        children: shouldRenderWebNative ? children : /* @__PURE__ */ _jsx(SelectImpl, {
+        children: shouldRenderWebNative ? children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectImpl, {
           activeIndexRef,
           listContentRef,
           selectedIndexRef,
@@ -322,10 +434,4 @@ function SelectInner(props) {
     })
   });
 }
-export {
-  Select,
-  SelectGroupFrame,
-  SelectIcon,
-  SelectSeparator
-};
-//# sourceMappingURL=Select.js.map
+//# sourceMappingURL=Select.native.js.map