@tamagui/select 1.89.26 → 1.89.27-1708113113238

package/dist/cjs/Select.native.js

@@ -29,62 +29,171 @@ __export(Select_exports, {
   SelectSeparator: () => SelectSeparator
 });
 module.exports = __toCommonJS(Select_exports);
-var import_adapt = require("@tamagui/adapt"), import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_list_item = require("@tamagui/list-item"), import_portal = require("@tamagui/portal"), 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"), React = __toESM(require("react")), import_use_debounce = require("@tamagui/use-debounce"), import_constants2 = require("./constants"), import_context = require("./context"), import_SelectContent = require("./SelectContent"), import_SelectImpl = require("./SelectImpl"), import_SelectItem = require("./SelectItem"), import_SelectItemText = require("./SelectItemText"), import_SelectScrollButton = require("./SelectScrollButton"), import_SelectTrigger = require("./SelectTrigger"), import_SelectViewport = require("./SelectViewport"), import_useSelectBreakpointActive = require("./useSelectBreakpointActive"), import_jsx_runtime = require("react/jsx-runtime");
-const VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core.styled)(import_text.SizableText, {
-  name: VALUE_NAME,
-  userSelect: "none"
-}), SelectValue = SelectValueFrame.styleable(
-  function({
-    __scopeSelect,
-    children: childrenProp,
-    placeholder,
-    ...props
-  }, forwardedRef) {
-    const context = (0, import_context.useSelectContext)(VALUE_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(VALUE_NAME, __scopeSelect), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.onValueNodeChange), children = childrenProp ?? context.selectedItem, selectValueChildren = context.value == null || context.value === "" ? 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)
+var import_adapt = require("@tamagui/adapt"), import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_list_item = require("@tamagui/list-item"), import_portal = require("@tamagui/portal"), 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"), React = __toESM(require("react")), import_use_debounce = require("@tamagui/use-debounce"), import_constants2 = require("./constants"), import_context = require("./context"), import_SelectContent = require("./SelectContent"), import_SelectImpl = require("./SelectImpl"), import_SelectItem = require("./SelectItem"), import_SelectItemText = require("./SelectItemText"), import_SelectScrollButton = require("./SelectScrollButton"), import_SelectTrigger = require("./SelectTrigger"), import_SelectViewport = require("./SelectViewport"), import_useSelectBreakpointActive = require("./useSelectBreakpointActive");
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _array_without_holes(arr) {
+  if (Array.isArray(arr))
+    return _array_like_to_array(arr);
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _iterable_to_array(iter) {
+  if (typeof Symbol < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null)
+    return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
       }
-    );
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _to_consumable_array(arr) {
+  return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
   }
-);
+}
+var VALUE_NAME = "SelectValue", SelectValueFrame = (0, import_core.styled)(import_text.SizableText, {
+  name: VALUE_NAME,
+  userSelect: "none"
+}), SelectValue = SelectValueFrame.styleable(function(_param, forwardedRef) {
+  var __scopeSelect = _param.__scopeSelect, childrenProp = _param.children, placeholder = _param.placeholder, props = _object_without_properties(_param, [
+    "__scopeSelect",
+    "children",
+    "placeholder"
+  ]), context = (0, import_context.useSelectContext)(VALUE_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(VALUE_NAME, __scopeSelect), 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__ */ React.createElement(SelectValueFrame, _object_spread(_object_spread_props(_object_spread({}, !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), unwrapSelectItem(selectValueChildren));
+});
 function unwrapSelectItem(selectValueChildren) {
-  return React.Children.map(selectValueChildren, (child) => {
-    var _a, _b, _c;
+  return React.Children.map(selectValueChildren, function(child) {
     if (child) {
-      if (((_b = (_a = child.type) == null ? void 0 : _a.staticConfig) == null ? void 0 : _b.componentName) === import_SelectItemText.ITEM_TEXT_NAME)
+      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) === import_SelectItemText.ITEM_TEXT_NAME)
         return child.props.children;
-      if ((_c = child.props) != null && _c.children)
+      if (!((_child_props = child.props) === null || _child_props === void 0) && _child_props.children)
         return unwrapSelectItem(child.props.children);
     }
     return child;
   });
 }
-const SelectIcon = (0, import_core.styled)(import_stacks.XStack, {
+var SelectIcon = (0, import_core.styled)(import_stacks.XStack, {
   name: "SelectIcon",
   // @ts-ignore
   "aria-hidden": !0,
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Paragraph, { children: "\u25BC" })
+  children: /* @__PURE__ */ React.createElement(import_text.Paragraph, null, "\u25BC")
 }), ITEM_INDICATOR_NAME = "SelectItemIndicator", SelectItemIndicatorFrame = (0, import_core.styled)(import_stacks.XStack, {
   name: import_SelectItemText.ITEM_TEXT_NAME
-}), SelectItemIndicator = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...itemIndicatorProps } = props, context = (0, import_context.useSelectItemParentContext)(ITEM_INDICATOR_NAME, __scopeSelect), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_INDICATOR_NAME, __scopeSelect);
-    return context.shouldRenderWebNative ? null : itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemIndicatorFrame, { "aria-hidden": !0, ...itemIndicatorProps, ref: forwardedRef }) : null;
-  }
-);
+}), SelectItemIndicator = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var __scopeSelect = props.__scopeSelect, itemIndicatorProps = _object_without_properties(props, [
+    "__scopeSelect"
+  ]), context = (0, import_context.useSelectItemParentContext)(ITEM_INDICATOR_NAME, __scopeSelect), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_INDICATOR_NAME, __scopeSelect);
+  return context.shouldRenderWebNative ? null : itemContext.isSelected ? /* @__PURE__ */ React.createElement(SelectItemIndicatorFrame, _object_spread_props(_object_spread({
+    "aria-hidden": !0
+  }, itemIndicatorProps), {
+    ref: forwardedRef
+  })) : null;
+});
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
-const GROUP_NAME = "SelectGroup", [SelectGroupContextProvider, useSelectGroupContext] = (0, import_context.createSelectContext)(GROUP_NAME), SelectGroupFrame = (0, import_core.styled)(import_stacks.YStack, {
+var GROUP_NAME = "SelectGroup", _createSelectContext = _sliced_to_array((0, import_context.createSelectContext)(GROUP_NAME), 2), SelectGroupContextProvider = _createSelectContext[0], useSelectGroupContext = _createSelectContext[1], SelectGroupFrame = (0, import_core.styled)(import_stacks.YStack, {
   name: GROUP_NAME,
   width: "100%"
 }), NativeSelectTextFrame = (0, import_core.styled)(import_text.SizableText, {
@@ -102,10 +211,10 @@ const GROUP_NAME = "SelectGroup", [SelectGroupContextProvider, useSelectGroupCon
   paddingRight: 10,
   variants: {
     size: {
-      "...size": (val, extras) => {
-        const { tokens } = extras, paddingHorizontal = (0, import_core.getVariableValue)(tokens.space[val]);
+      "...size": function(val, extras) {
+        var tokens = extras.tokens, paddingHorizontal = (0, import_core.getVariableValue)(tokens.space[val]), _tokens_radius_val;
         return {
-          borderRadius: tokens.radius[val] ?? val,
+          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,
@@ -119,212 +228,196 @@ const GROUP_NAME = "SelectGroup", [SelectGroupContextProvider, useSelectGroupCon
   defaultVariants: {
     size: "$2"
   }
-}), SelectGroup = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...groupProps } = props, groupId = React.useId(), context = (0, import_context.useSelectContext)(GROUP_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(GROUP_NAME, __scopeSelect), size = itemParentContext.size ?? "$true", nativeSelectRef = React.useRef(null), content = itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      NativeSelectFrame,
-      {
-        asChild: !0,
-        size,
-        value: context.value,
-        id: itemParentContext.id,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          NativeSelectTextFrame,
-          {
-            onChange: (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,
-      {
-        role: "group",
-        "aria-labelledby": groupId,
-        ...groupProps,
-        ref: forwardedRef
+}), SelectGroup = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var __scopeSelect = props.__scopeSelect, groupProps = _object_without_properties(props, [
+    "__scopeSelect"
+  ]), groupId = React.useId(), context = (0, import_context.useSelectContext)(GROUP_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(GROUP_NAME, __scopeSelect), _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__ */ React.createElement(NativeSelectFrame, {
+      asChild: !0,
+      size,
+      // @ts-expect-error until we support typing based on tag
+      value: context.value,
+      id: itemParentContext.id
+    }, /* @__PURE__ */ React.createElement(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"
       }
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId || "", children: content });
-  }
-);
+    }, props.children)) : /* @__PURE__ */ React.createElement(SelectGroupFrame, _object_spread_props(_object_spread({
+      // @ts-ignore
+      role: "group",
+      "aria-labelledby": groupId
+    }, groupProps), {
+      ref: forwardedRef
+    }));
+  }();
+  return /* @__PURE__ */ React.createElement(SelectGroupContextProvider, {
+    scope: __scopeSelect,
+    id: groupId || ""
+  }, content);
+});
 SelectGroup.displayName = GROUP_NAME;
-const LABEL_NAME = "SelectLabel", SelectLabel = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...labelProps } = props, context = (0, import_context.useSelectItemParentContext)(LABEL_NAME, __scopeSelect), groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    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
-      }
-    );
-  }
-);
+var LABEL_NAME = "SelectLabel", SelectLabel = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var __scopeSelect = props.__scopeSelect, labelProps = _object_without_properties(props, [
+    "__scopeSelect"
+  ]), context = (0, import_context.useSelectItemParentContext)(LABEL_NAME, __scopeSelect), groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
+  return context.shouldRenderWebNative ? null : /* @__PURE__ */ React.createElement(import_list_item.ListItem, _object_spread_props(_object_spread({
+    tag: "div",
+    componentName: LABEL_NAME,
+    fontWeight: "800",
+    id: groupContext.id,
+    size: context.size
+  }, labelProps), {
+    ref: forwardedRef
+  }));
+});
 SelectLabel.displayName = LABEL_NAME;
-const SelectSeparator = (0, import_core.styled)(import_separator.Separator, {
+var SelectSeparator = (0, import_core.styled)(import_separator.Separator, {
   name: "SelectSeparator"
-}), SelectSheetController = (props) => {
-  const context = (0, import_context.useSelectContext)("SelectSheetController", props.__scopeSelect), showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context), breakpointActive = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(context.sheetBreakpoint), getShowSheet = (0, import_core.useGet)(showSheet);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_sheet.SheetController,
-    {
-      onOpenChange: (val) => {
-        getShowSheet() && props.onOpenChange(val);
-      },
-      open: context.open,
-      hidden: breakpointActive === !1,
-      children: props.children
-    }
-  );
-}, SelectSheetImpl = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children }), Select = (0, import_helpers.withStaticProperties)(
-  (props) => {
-    const {
-      __scopeSelect,
-      native,
-      children,
-      open: openProp,
-      defaultOpen,
-      onOpenChange,
-      value: valueProp,
-      defaultValue,
-      onValueChange,
-      disablePreventBodyScroll,
-      size: sizeProp = "$true",
-      onActiveChange,
-      dir,
-      id
-    } = props, internalId = React.useId(), scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? internalId : internalId, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
-      Contents: React.useCallback(
-        () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, { name: `${scopeKey}SheetContents` }),
-        [scopeKey]
-      )
-    }), sheetBreakpoint = when, SelectImpl = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(sheetBreakpoint) || !import_constants.isWeb ? SelectSheetImpl : import_SelectImpl.SelectInlineImpl, forceUpdate = React.useReducer(() => ({}), {})[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(() => {
-      open && emitValue(value);
-    }, [open]), React.useEffect(() => {
-      emitValue(value);
-    }, [value]);
-    const [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)(() => {
-      selectedIndexRef.current = selectedIndex, activeIndexRef.current = activeIndex;
+}), SelectSheetController = function(props) {
+  var context = (0, import_context.useSelectContext)("SelectSheetController", props.__scopeSelect), showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context), breakpointActive = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(context.sheetBreakpoint), getShowSheet = (0, import_core.useGet)(showSheet);
+  return /* @__PURE__ */ React.createElement(import_sheet.SheetController, {
+    onOpenChange: function(val) {
+      getShowSheet() && props.onOpenChange(val);
+    },
+    open: context.open,
+    hidden: breakpointActive === !1
+  }, props.children);
+}, SelectSheetImpl = function(props) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
+}, Select = (0, import_helpers.withStaticProperties)(function(props) {
+  var __scopeSelect = props.__scopeSelect, native = props.native, children = props.children, openProp = props.open, defaultOpen = props.defaultOpen, onOpenChange = props.onOpenChange, valueProp = props.value, defaultValue = props.defaultValue, onValueChange = props.onValueChange, disablePreventBodyScroll = props.disablePreventBodyScroll, tmp = props.size, sizeProp = tmp === void 0 ? "$true" : tmp, onActiveChange = props.onActiveChange, dir = props.dir, id = props.id, internalId = React.useId(), _Object_keys_, scopeKey = __scopeSelect && (_Object_keys_ = Object.keys(__scopeSelect)[0]) !== null && _Object_keys_ !== void 0 ? _Object_keys_ : internalId, _useAdaptParent = (0, import_adapt.useAdaptParent)({
+    Contents: React.useCallback(function() {
+      return /* @__PURE__ */ React.createElement(import_portal.PortalHost, {
+        name: "".concat(scopeKey, "SheetContents")
+      });
+    }, [
+      scopeKey
+    ])
+  }), when = _useAdaptParent.when, AdaptProvider = _useAdaptParent.AdaptProvider, sheetBreakpoint = when, isSheet = (0, import_useSelectBreakpointActive.useSelectBreakpointActive)(sheetBreakpoint), SelectImpl = isSheet || !import_constants.isWeb ? SelectSheetImpl : import_SelectImpl.SelectInlineImpl, forceUpdate = React.useReducer(function() {
+    return {};
+  }, {})[1], _React_useState = _sliced_to_array(React.useState(null), 2), selectedItem = _React_useState[0], setSelectedItem = _React_useState[1], _useControllableState = _sliced_to_array((0, import_use_controllable_state.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen || !1,
+    onChange: onOpenChange
+  }), 2), open = _useControllableState[0], setOpen = _useControllableState[1], _useControllableState1 = _sliced_to_array((0, import_use_controllable_state.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue || "",
+    onChange: onValueChange,
+    transition: !0
+  }), 2), value = _useControllableState1[0], setValue = _useControllableState1[1];
+  React.useEffect(function() {
+    open && emitValue(value);
+  }, [
+    open
+  ]), React.useEffect(function() {
+    emitValue(value);
+  }, [
+    value
+  ]);
+  var _React_useState1 = _sliced_to_array(React.useState(0), 2), activeIndex = _React_useState1[0], setActiveIndex = _React_useState1[1], _useEmitter = _sliced_to_array(useEmitter(), 2), emitValue = _useEmitter[0], valueSubscribe = _useEmitter[1], _useEmitter1 = _sliced_to_array(useEmitter(), 2), emitActiveIndex = _useEmitter1[0], activeIndexSubscribe = _useEmitter1[1], selectedIndexRef = React.useRef(null), activeIndexRef = React.useRef(null), listContentRef = React.useRef([]), _React_useState2 = _sliced_to_array(React.useState(0), 2), selectedIndex = _React_useState2[0], setSelectedIndex = _React_useState2[1], _React_useState3 = _sliced_to_array(React.useState(null), 2), valueNode = _React_useState3[0], setValueNode = _React_useState3[1];
+  (0, import_constants.useIsomorphicLayoutEffect)(function() {
+    selectedIndexRef.current = selectedIndex, activeIndexRef.current = activeIndex;
+  });
+  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;
     });
-    const shouldRenderWebNative = import_constants.isWeb && (native === !0 || native === "web" || Array.isArray(native) && native.includes("web")), setActiveIndexDebounced = (0, import_use_debounce.useDebounce)(
-      (index) => {
-        setActiveIndex((prev) => prev !== index ? (typeof index == "number" && emitActiveIndex(index), index) : prev);
-      },
-      1,
-      {},
-      []
-    );
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_context.SelectItemParentProvider,
-      {
-        scope: __scopeSelect,
-        initialValue: React.useMemo(() => value, [open]),
-        size: sizeProp,
-        activeIndexSubscribe,
-        valueSubscribe,
-        setOpen,
-        id,
-        onChange: React.useCallback((val) => {
-          setValue(val), emitValue(val);
-        }, []),
-        onActiveChange: (0, import_core.useEvent)((...args) => {
-          onActiveChange == null || onActiveChange(...args);
-        }),
-        setSelectedIndex,
-        setValueAtIndex: React.useCallback((index, value2) => {
-          listContentRef.current[index] = value2;
-        }, []),
-        shouldRenderWebNative,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_context.SelectProvider,
-          {
-            scope: __scopeSelect,
-            disablePreventBodyScroll,
-            dir,
-            blockSelection: !1,
-            fallback: !1,
-            selectedItem,
-            setSelectedItem,
-            forceUpdate,
-            valueNode,
-            onValueNodeChange: setValueNode,
-            scopeKey,
-            sheetBreakpoint,
-            activeIndex,
-            selectedIndex,
-            setActiveIndex: setActiveIndexDebounced,
-            value,
-            open,
-            native,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectSheetController, { onOpenChange: setOpen, __scopeSelect, children: shouldRenderWebNative ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              SelectImpl,
-              {
-                activeIndexRef,
-                listContentRef,
-                selectedIndexRef,
-                ...props,
-                open,
-                value,
-                children
-              }
-            ) })
-          }
-        )
-      }
-    ) });
-  },
-  {
-    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
-  }
-);
+  }, 1, {}, []);
+  return /* @__PURE__ */ React.createElement(AdaptProvider, null, /* @__PURE__ */ React.createElement(import_context.SelectItemParentProvider, {
+    scope: __scopeSelect,
+    initialValue: React.useMemo(function() {
+      return value;
+    }, [
+      open
+    ]),
+    size: sizeProp,
+    activeIndexSubscribe,
+    valueSubscribe,
+    setOpen,
+    id,
+    onChange: React.useCallback(function(val) {
+      setValue(val), emitValue(val);
+    }, []),
+    onActiveChange: (0, import_core.useEvent)(function() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++)
+        args[_key] = arguments[_key];
+      onActiveChange == null || onActiveChange.apply(void 0, _to_consumable_array(args));
+    }),
+    setSelectedIndex,
+    setValueAtIndex: React.useCallback(function(index, value2) {
+      listContentRef.current[index] = value2;
+    }, []),
+    shouldRenderWebNative
+  }, /* @__PURE__ */ React.createElement(import_context.SelectProvider, {
+    scope: __scopeSelect,
+    disablePreventBodyScroll,
+    dir,
+    blockSelection: !1,
+    fallback: !1,
+    selectedItem,
+    setSelectedItem,
+    forceUpdate,
+    valueNode,
+    onValueNodeChange: setValueNode,
+    scopeKey,
+    sheetBreakpoint,
+    activeIndex,
+    selectedIndex,
+    setActiveIndex: setActiveIndexDebounced,
+    value,
+    open,
+    native
+  }, /* @__PURE__ */ React.createElement(SelectSheetController, {
+    onOpenChange: setOpen,
+    __scopeSelect
+  }, shouldRenderWebNative ? children : /* @__PURE__ */ React.createElement(SelectImpl, _object_spread_props(_object_spread({
+    activeIndexRef,
+    listContentRef,
+    selectedIndexRef
+  }, props), {
+    open,
+    value
+  }), children)))));
+}, {
+  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
+});
 function useEmitter() {
-  const listeners = React.useRef();
+  var listeners = React.useRef();
   listeners.current || (listeners.current = /* @__PURE__ */ new Set());
-  const emit = (value) => {
-    listeners.current.forEach((l) => l(value));
-  }, subscribe = React.useCallback((listener) => (listeners.current.add(listener), () => {
-    listeners.current.delete(listener);
-  }), []);
-  return [emit, subscribe];
+  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
+  ];
 }
 Select.displayName = import_constants2.SELECT_NAME;
 // Annotate the CommonJS export names for ESM import in node: