@tamagui/select 1.0.1-beta.107 → 1.0.1-beta.110

package/dist/cjs/BubbleSelect.js

@@ -1,23 +1,10 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -31,7 +18,7 @@ var import_react_use_previous = require("@radix-ui/react-use-previous");
 var import_compose_refs = require("@tamagui/compose-refs");
 var React = __toESM(require("react"));
 const BubbleSelect = React.forwardRef((props, forwardedRef) => {
-  const _a = props, { value } = _a, selectProps = __objRest(_a, ["value"]);
+  const { value, ...selectProps } = props;
   const ref = React.useRef(null);
   const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
   const prevValue = (0, import_react_use_previous.usePrevious)(value);

package/dist/cjs/BubbleSelect.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/BubbleSelect.tsx"],
   "sourcesContent": ["import { usePrevious } from '@radix-ui/react-use-previous'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport * as React from 'react'\n\n/* -----------------------------------------------------------------------------------------------*/\nconst BubbleSelect = React.forwardRef<HTMLSelectElement, React.ComponentPropsWithoutRef<'select'>>(\n  (props, forwardedRef) => {\n    const { value, ...selectProps } = props\n    const ref = React.useRef<HTMLSelectElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const prevValue = usePrevious(value)\n\n    // Bubble value change to parents (e.g form change event)\n    React.useEffect(() => {\n      const select = ref.current!\n      const selectProto = window.HTMLSelectElement.prototype\n      const descriptor = Object.getOwnPropertyDescriptor(selectProto, 'value') as PropertyDescriptor\n      const setValue = descriptor.set\n      if (prevValue !== value && setValue) {\n        const event = new Event('change', { bubbles: true })\n        setValue.call(select, value)\n        select.dispatchEvent(event)\n      }\n    }, [prevValue, value])\n\n    /**\n     * We purposefully use a `select` here to support form autofill as much\n     * as possible.\n     *\n     * We purposefully do not add the `value` attribute here to allow the value\n     * to be set programatically and bubble to any parent form `onChange` event.\n     * Adding the `value` will cause React to consider the programatic\n     * dispatch a duplicate and it will get swallowed.\n     *\n     * We use `VisuallyHidden` rather than `display: \"none\"` because Safari autofill\n     * won't work otherwise.\n     */\n    // TODO\n    return null\n    // return (\n    //   <VisuallyHidden asChild>\n    //     <select {...selectProps} ref={composedRefs} defaultValue={value} />\n    //   </VisuallyHidden>\n    // )\n  }\n)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA4B;AAC5B,0BAAgC;AAChC,YAAuB;AAGvB,MAAM,eAAe,MAAM,WACzB,CAAC,OAAO,iBAAiB;AACvB,QAAkC,YAA1B,YAA0B,IAAhB,wBAAgB,IAAhB,CAAV;AACR,QAAM,MAAM,MAAM,OAA0B,IAAI;AAChD,QAAM,eAAe,yCAAgB,cAAc,GAAG;AACtD,QAAM,YAAY,2CAAY,KAAK;AAGnC,QAAM,UAAU,MAAM;AACpB,UAAM,SAAS,IAAI;AACnB,UAAM,cAAc,OAAO,kBAAkB;AAC7C,UAAM,aAAa,OAAO,yBAAyB,aAAa,OAAO;AACvE,UAAM,WAAW,WAAW;AAC5B,QAAI,cAAc,SAAS,UAAU;AACnC,YAAM,QAAQ,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC;AACnD,eAAS,KAAK,QAAQ,KAAK;AAC3B,aAAO,cAAc,KAAK;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AAerB,SAAO;AAMT,CACF;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA,gCAA4B;AAC5B,0BAAgC;AAChC,YAAuB;AAGvB,MAAM,eAAe,MAAM,WACzB,CAAC,OAAO,iBAAiB;AACvB,QAAM,EAAE,UAAU,gBAAgB;AAClC,QAAM,MAAM,MAAM,OAA0B,IAAI;AAChD,QAAM,eAAe,yCAAgB,cAAc,GAAG;AACtD,QAAM,YAAY,2CAAY,KAAK;AAGnC,QAAM,UAAU,MAAM;AACpB,UAAM,SAAS,IAAI;AACnB,UAAM,cAAc,OAAO,kBAAkB;AAC7C,UAAM,aAAa,OAAO,yBAAyB,aAAa,OAAO;AACvE,UAAM,WAAW,WAAW;AAC5B,QAAI,cAAc,SAAS,UAAU;AACnC,YAAM,QAAQ,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC;AACnD,eAAS,KAAK,QAAQ,KAAK;AAC3B,aAAO,cAAc,KAAK;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AAerB,SAAO;AAMT,CACF;",
   "names": []
 }

package/dist/cjs/Select.js

@@ -1,38 +1,10 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -96,18 +68,15 @@ const [createSelectContext, createSelectScope] = (0, import_create_context.creat
 const [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
 const TRIGGER_NAME = "SelectTrigger";
 const SelectTrigger = React.forwardRef((props, forwardedRef) => {
-  const _a = props, {
+  const {
     __scopeSelect,
     disabled = false,
-    "aria-labelledby": ariaLabelledby
-  } = _a, triggerProps = __objRest(_a, [
-    "__scopeSelect",
-    "disabled",
-    "aria-labelledby"
-  ]);
+    "aria-labelledby": ariaLabelledby,
+    ...triggerProps
+  } = props;
   const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
   const labelledBy = ariaLabelledby;
-  return /* @__PURE__ */ React.createElement(import_list_item.ListItem, __spreadValues(__spreadProps(__spreadValues({
+  return /* @__PURE__ */ React.createElement(import_list_item.ListItem, {
     backgrounded: true,
     radiused: true,
     hoverTheme: true,
@@ -122,14 +91,15 @@ const SelectTrigger = React.forwardRef((props, forwardedRef) => {
     "aria-labelledby": labelledBy,
     dir: context.dir,
     disabled,
-    "data-disabled": disabled ? "" : void 0
-  }, triggerProps), {
-    ref: forwardedRef
-  }), context.interactions ? context.interactions.getReferenceProps() : {
-    onPress() {
-      context.setOpen(!context.open);
+    "data-disabled": disabled ? "" : void 0,
+    ...triggerProps,
+    ref: forwardedRef,
+    ...context.interactions ? context.interactions.getReferenceProps() : {
+      onPress() {
+        context.setOpen(!context.open);
+      }
     }
-  }));
+  });
 });
 SelectTrigger.displayName = TRIGGER_NAME;
 const VALUE_NAME = "SelectValue";
@@ -196,10 +166,10 @@ const SelectViewportFrame = (0, import_core2.styled)(import_stacks.ThemeableStac
   }
 });
 const SelectViewport = React.forwardRef((props, forwardedRef) => {
-  var _b;
-  const _a = props, { __scopeSelect, children } = _a, viewportProps = __objRest(_a, ["__scopeSelect", "children"]);
+  var _a;
+  const { __scopeSelect, children, ...viewportProps } = props;
   const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
-  const _c = ((_b = context.interactions) == null ? void 0 : _b.getFloatingProps()) ?? {}, { style } = _c, floatingProps = __objRest(_c, ["style"]);
+  const { style, ...floatingProps } = ((_a = context.interactions) == null ? void 0 : _a.getFloatingProps()) ?? {};
   const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
   if (breakpointActive || !import_core.isWeb) {
     return /* @__PURE__ */ React.createElement(import_portal.PortalItem, {
@@ -218,31 +188,28 @@ const SelectViewport = React.forwardRef((props, forwardedRef) => {
   }), /* @__PURE__ */ React.createElement(import_react_dom_interactions.FloatingFocusManager, {
     context: context.floatingContext,
     preventTabbing: true
-  }, /* @__PURE__ */ React.createElement(SelectViewportFrame, __spreadValues(__spreadValues(__spreadProps(__spreadValues({
+  }, /* @__PURE__ */ React.createElement(SelectViewportFrame, {
     size: context.size,
     "data-tamagui-select-viewport": "",
-    role: "presentation"
-  }, viewportProps), {
-    ref: forwardedRef
-  }), floatingProps), style), children)));
+    role: "presentation",
+    ...viewportProps,
+    ref: forwardedRef,
+    ...floatingProps,
+    ...style
+  }, children)));
 });
 SelectViewport.displayName = VIEWPORT_NAME;
 const ITEM_NAME = "SelectItem";
 const [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
 const SelectItem = React.forwardRef((props, forwardedRef) => {
-  const _a = props, {
+  const {
     __scopeSelect,
     value,
     disabled = false,
     textValue: textValueProp,
-    index
-  } = _a, itemProps = __objRest(_a, [
-    "__scopeSelect",
-    "value",
-    "disabled",
-    "textValue",
-    "index"
-  ]);
+    index,
+    ...itemProps
+  } = props;
   const context = useSelectContext(ITEM_NAME, __scopeSelect);
   const isSelected = context.value === value;
   const [textValue, setTextValue] = React.useState(textValueProp ?? "");
@@ -312,7 +279,7 @@ const SelectItem = React.forwardRef((props, forwardedRef) => {
     onItemTextChange: React.useCallback((node) => {
       setTextValue((prevTextValue) => prevTextValue || ((node == null ? void 0 : node.textContent) ?? "").trim());
     }, [])
-  }, /* @__PURE__ */ React.createElement(import_list_item.ListItem, __spreadValues(__spreadValues({
+  }, /* @__PURE__ */ React.createElement(import_list_item.ListItem, {
     backgrounded: true,
     pressTheme: true,
     focusTheme: true,
@@ -324,8 +291,10 @@ const SelectItem = React.forwardRef((props, forwardedRef) => {
     "aria-disabled": disabled || void 0,
     "data-disabled": disabled ? "" : void 0,
     tabIndex: disabled ? void 0 : -1,
-    size: context.size
-  }, itemProps), selectItemProps)));
+    size: context.size,
+    ...itemProps,
+    ...selectItemProps
+  }));
 });
 SelectItem.displayName = ITEM_NAME;
 const ITEM_TEXT_NAME = "SelectItemText";
@@ -334,18 +303,18 @@ const SelectItemTextFrame = (0, import_core2.styled)(import_text.Paragraph, {
   selectable: false
 });
 const SelectItemText = React.forwardRef((props, forwardedRef) => {
-  const _a = props, { __scopeSelect, className } = _a, itemTextProps = __objRest(_a, ["__scopeSelect", "className"]);
+  const { __scopeSelect, className, ...itemTextProps } = props;
   const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
   const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
   const ref = React.useRef(null);
   const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref, itemContext.onItemTextChange);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SelectItemTextFrame, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SelectItemTextFrame, {
     className,
     size: context.size,
-    id: itemContext.textId
-  }, itemTextProps), {
+    id: itemContext.textId,
+    ...itemTextProps,
     ref: composedRefs
-  })), itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null);
+  }), itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null);
 });
 SelectItemText.displayName = ITEM_TEXT_NAME;
 const ITEM_INDICATOR_NAME = "SelectItemIndicator";
@@ -353,13 +322,13 @@ const SelectItemIndicatorFrame = (0, import_core2.styled)(import_stacks.XStack,
   name: ITEM_TEXT_NAME
 });
 const SelectItemIndicator = React.forwardRef((props, forwardedRef) => {
-  const _a = props, { __scopeSelect } = _a, itemIndicatorProps = __objRest(_a, ["__scopeSelect"]);
+  const { __scopeSelect, ...itemIndicatorProps } = props;
   const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-  return itemContext.isSelected ? /* @__PURE__ */ React.createElement(SelectItemIndicatorFrame, __spreadProps(__spreadValues({
-    "aria-hidden": true
-  }, itemIndicatorProps), {
+  return itemContext.isSelected ? /* @__PURE__ */ React.createElement(SelectItemIndicatorFrame, {
+    "aria-hidden": true,
+    ...itemIndicatorProps,
     ref: forwardedRef
-  })) : null;
+  }) : null;
 });
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
 const GROUP_NAME = "SelectGroup";
@@ -369,58 +338,58 @@ const SelectGroupFrame = (0, import_core2.styled)(import_stacks.YStack, {
   width: "100%"
 });
 const SelectGroup = React.forwardRef((props, forwardedRef) => {
-  const _a = props, { __scopeSelect } = _a, groupProps = __objRest(_a, ["__scopeSelect"]);
+  const { __scopeSelect, ...groupProps } = props;
   const groupId = (0, import_core3.useId)();
   return /* @__PURE__ */ React.createElement(SelectGroupContextProvider, {
     scope: __scopeSelect,
     id: groupId || ""
-  }, /* @__PURE__ */ React.createElement(SelectGroupFrame, __spreadProps(__spreadValues({
+  }, /* @__PURE__ */ React.createElement(SelectGroupFrame, {
     role: "group",
-    "aria-labelledby": groupId
-  }, groupProps), {
+    "aria-labelledby": groupId,
+    ...groupProps,
     ref: forwardedRef
-  })));
+  }));
 });
 SelectGroup.displayName = GROUP_NAME;
 const LABEL_NAME = "SelectLabel";
 const SelectLabel = React.forwardRef((props, forwardedRef) => {
-  const _a = props, { __scopeSelect } = _a, labelProps = __objRest(_a, ["__scopeSelect"]);
+  const { __scopeSelect, ...labelProps } = props;
   const context = useSelectContext(LABEL_NAME, __scopeSelect);
   const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-  return /* @__PURE__ */ React.createElement(import_list_item.ListItem, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React.createElement(import_list_item.ListItem, {
     componentName: LABEL_NAME,
     fontWeight: "800",
     id: groupContext.id,
-    size: context.size
-  }, labelProps), {
+    size: context.size,
+    ...labelProps,
     ref: forwardedRef
-  }));
+  });
 });
 SelectLabel.displayName = LABEL_NAME;
 const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
 const SelectScrollUpButton = React.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SelectScrollButtonImpl, __spreadProps(__spreadValues({
-    componentName: SCROLL_UP_BUTTON_NAME
-  }, props), {
+  return /* @__PURE__ */ React.createElement(SelectScrollButtonImpl, {
+    componentName: SCROLL_UP_BUTTON_NAME,
+    ...props,
     dir: "up",
     ref: forwardedRef
-  }));
+  });
 });
 SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
 const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
 const SelectScrollDownButton = React.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ React.createElement(SelectScrollButtonImpl, __spreadProps(__spreadValues({
-    componentName: SCROLL_DOWN_BUTTON_NAME
-  }, props), {
+  return /* @__PURE__ */ React.createElement(SelectScrollButtonImpl, {
+    componentName: SCROLL_DOWN_BUTTON_NAME,
+    ...props,
     dir: "down",
     ref: forwardedRef
-  }));
+  });
 });
 SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
 const SelectScrollButtonImpl = React.memo(React.forwardRef((props, forwardedRef) => {
-  var _c;
-  const _a = props, { __scopeSelect, dir, componentName } = _a, scrollIndicatorProps = __objRest(_a, ["__scopeSelect", "dir", "componentName"]);
-  const _b = useSelectContext(componentName, __scopeSelect), { floatingRef, increaseHeight, forceUpdate } = _b, context = __objRest(_b, ["floatingRef", "increaseHeight", "forceUpdate"]);
+  var _a;
+  const { __scopeSelect, dir, componentName, ...scrollIndicatorProps } = props;
+  const { floatingRef, increaseHeight, forceUpdate, ...context } = useSelectContext(componentName, __scopeSelect);
   const intervalRef = React.useRef();
   const loopingRef = React.useRef(false);
   const isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"];
@@ -464,16 +433,16 @@ const SelectScrollButtonImpl = React.memo(React.forwardRef((props, forwardedRef)
       forceUpdate();
     }
   };
-  return /* @__PURE__ */ React.createElement(import_stacks.YStack, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React.createElement(import_stacks.YStack, {
     ref: composedRefs,
     componentName,
-    "aria-hidden": true
-  }, scrollIndicatorProps), {
+    "aria-hidden": true,
+    ...scrollIndicatorProps,
     zIndex: 1e3,
     position: strategy,
     left: x || 0,
     top: y || 0,
-    width: `calc(${(((_c = floatingRef == null ? void 0 : floatingRef.current) == null ? void 0 : _c.offsetWidth) ?? 0) - 2}px)`,
+    width: `calc(${(((_a = floatingRef == null ? void 0 : floatingRef.current) == null ? void 0 : _a.offsetWidth) ?? 0) - 2}px)`,
     onPointerMove: () => {
       if (!loopingRef.current) {
         intervalRef.current = setInterval(handleScrollArrowChange, 1e3 / 60);
@@ -484,7 +453,7 @@ const SelectScrollButtonImpl = React.memo(React.forwardRef((props, forwardedRef)
       loopingRef.current = false;
       clearInterval(intervalRef.current);
     }
-  }));
+  });
 }));
 const SelectSeparator = (0, import_core2.styled)(import_separator.Separator, {
   name: "SelectSeparator"
@@ -815,15 +784,16 @@ const SelectInlineImpl = (props) => {
     });
     return () => cancelAnimationFrame(frame);
   }, [open]);
-  return /* @__PURE__ */ React.createElement(SelectProvider, __spreadProps(__spreadValues({
-    scope: __scopeSelect
-  }, selectContext), {
+  return /* @__PURE__ */ React.createElement(SelectProvider, {
+    scope: __scopeSelect,
+    ...selectContext,
     increaseHeight,
     floatingRef,
     setValueAtIndex: (index, value) => {
       listContentRef.current[index] = value;
     },
-    interactions: __spreadProps(__spreadValues({}, interactions), {
+    interactions: {
+      ...interactions,
       getReferenceProps() {
         return interactions.getReferenceProps({
           ref: reference,
@@ -837,19 +807,20 @@ const SelectInlineImpl = (props) => {
         });
       },
       getFloatingProps(props2) {
-        return interactions.getFloatingProps(__spreadProps(__spreadValues({
+        return interactions.getFloatingProps({
           ref: floating,
-          className: "Select"
-        }, props2), {
-          style: __spreadValues({
+          className: "Select",
+          ...props2,
+          style: {
             position: strategy,
             top: y ?? "",
             left: x ?? "",
             outline: 0,
             listStyleType: "none",
             scrollbarWidth: "none",
-            userSelect: "none"
-          }, props2 == null ? void 0 : props2.style),
+            userSelect: "none",
+            ...props2 == null ? void 0 : props2.style
+          },
           onPointerEnter() {
             setControlledScrolling(false);
           },
@@ -862,9 +833,9 @@ const SelectInlineImpl = (props) => {
           onScroll(event) {
             setScrollTop(event.currentTarget.scrollTop);
           }
-        }));
+        });
       }
-    }),
+    },
     floatingContext: context,
     activeIndex,
     canScrollDown: !!showDownArrow,
@@ -872,7 +843,7 @@ const SelectInlineImpl = (props) => {
     controlledScrolling: true,
     dataRef: context.dataRef,
     listRef: listItemsRef
-  }), children);
+  }, children);
 };
 const SelectSheetImpl = (props) => {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
@@ -940,14 +911,14 @@ const Select = (0, import_core2.withStaticProperties)((props) => {
   }, /* @__PURE__ */ React.createElement(SelectSheetController, {
     onChangeOpen: setOpen,
     __scopeSelect
-  }, /* @__PURE__ */ React.createElement(SelectImpl, __spreadProps(__spreadValues({
+  }, /* @__PURE__ */ React.createElement(SelectImpl, {
     activeIndexRef,
     listContentRef,
-    selectedIndexRef
-  }, props), {
+    selectedIndexRef,
+    ...props,
     open,
     value
-  }), children)));
+  }, children)));
 }, {
   Content: SelectContent,
   Group: SelectGroup,