@radix-ui/react-select 2.2.0-rc.1744660991666 → 2.2.0-rc.1744830756566

package/dist/index.d.mts

@@ -8,11 +8,8 @@ import { Primitive } from '@radix-ui/react-primitive';
 
 type Direction = 'ltr' | 'rtl';
 declare const createSelectScope: _radix_ui_react_context.CreateScope;
-interface SelectProps {
+interface SelectSharedProps {
     children?: React.ReactNode;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?(value: string): void;
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?(open: boolean): void;
@@ -23,6 +20,11 @@ interface SelectProps {
     required?: boolean;
     form?: string;
 }
+type SelectProps = SelectSharedProps & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?(value: string): void;
+};
 declare const Select: React.FC<SelectProps>;
 type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
 interface SelectTriggerProps extends PrimitiveButtonProps {

package/dist/index.d.ts

@@ -8,11 +8,8 @@ import { Primitive } from '@radix-ui/react-primitive';
 
 type Direction = 'ltr' | 'rtl';
 declare const createSelectScope: _radix_ui_react_context.CreateScope;
-interface SelectProps {
+interface SelectSharedProps {
     children?: React.ReactNode;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?(value: string): void;
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?(open: boolean): void;
@@ -23,6 +20,11 @@ interface SelectProps {
     required?: boolean;
     form?: string;
 }
+type SelectProps = SelectSharedProps & {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?(value: string): void;
+};
 declare const Select: React.FC<SelectProps>;
 type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
 interface SelectTriggerProps extends PrimitiveButtonProps {

package/dist/index.js

@@ -126,15 +126,17 @@ var Select = (props) => {
   const [valueNode, setValueNode] = React.useState(null);
   const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false);
   const direction = (0, import_react_direction.useDirection)(dir);
-  const [open = false, setOpen] = (0, import_react_use_controllable_state.useControllableState)({
+  const [open, setOpen] = (0, import_react_use_controllable_state.useControllableState)({
     prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
+    defaultProp: defaultOpen ?? false,
+    onChange: onOpenChange,
+    caller: SELECT_NAME
   });
   const [value, setValue] = (0, import_react_use_controllable_state.useControllableState)({
     prop: valueProp,
     defaultProp: defaultValue,
-    onChange: onValueChange
+    onChange: onValueChange,
+    caller: SELECT_NAME
   });
   const triggerPointerDownPosRef = React.useRef(null);
   const isFormControl = trigger ? form || !!trigger.closest("form") : true;
@@ -178,7 +180,7 @@ var Select = (props) => {
           }
         ) }),
         isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          BubbleSelect,
+          SelectBubbleInput,
           {
             "aria-hidden": true,
             required,
@@ -1131,17 +1133,15 @@ var SelectArrow = React.forwardRef(
   }
 );
 SelectArrow.displayName = ARROW_NAME;
-function shouldShowPlaceholder(value) {
-  return value === "" || value === void 0;
-}
-var BubbleSelect = React.forwardRef(
-  (props, forwardedRef) => {
-    const { value, ...selectProps } = props;
+var BUBBLE_INPUT_NAME = "SelectBubbleInput";
+var SelectBubbleInput = React.forwardRef(
+  ({ __scopeSelect, value, ...props }, forwardedRef) => {
     const ref = React.useRef(null);
     const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, ref);
     const prevValue = (0, import_react_use_previous.usePrevious)(value);
     React.useEffect(() => {
       const select = ref.current;
+      if (!select) return;
       const selectProto = window.HTMLSelectElement.prototype;
       const descriptor = Object.getOwnPropertyDescriptor(
         selectProto,
@@ -1154,10 +1154,21 @@ var BubbleSelect = React.forwardRef(
         select.dispatchEvent(event);
       }
     }, [prevValue, value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_visually_hidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_primitive.Primitive.select,
+      {
+        ...props,
+        style: { ...import_react_visually_hidden.VISUALLY_HIDDEN_STYLES, ...props.style },
+        ref: composedRefs,
+        defaultValue: value
+      }
+    );
   }
 );
-BubbleSelect.displayName = "BubbleSelect";
+SelectBubbleInput.displayName = BUBBLE_INPUT_NAME;
+function shouldShowPlaceholder(value) {
+  return value === "" || value === void 0;
+}
 function useTypeaheadSearch(onSearchChange) {
   const handleSearchChange = (0, import_react_use_callback_ref.useCallbackRef)(onSearchChange);
   const searchRef = React.useRef("");