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

package/dist/index.d.mts

@@ -8,8 +8,11 @@ import { Primitive } from '@radix-ui/react-primitive';
 
 type Direction = 'ltr' | 'rtl';
 declare const createSelectScope: _radix_ui_react_context.CreateScope;
-interface SelectSharedProps {
+interface SelectProps {
     children?: React.ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?(value: string): void;
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?(open: boolean): void;
@@ -20,11 +23,6 @@ interface SelectSharedProps {
     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,8 +8,11 @@ import { Primitive } from '@radix-ui/react-primitive';
 
 type Direction = 'ltr' | 'rtl';
 declare const createSelectScope: _radix_ui_react_context.CreateScope;
-interface SelectSharedProps {
+interface SelectProps {
     children?: React.ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?(value: string): void;
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?(open: boolean): void;
@@ -20,11 +23,6 @@ interface SelectSharedProps {
     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,17 +126,15 @@ 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, setOpen] = (0, import_react_use_controllable_state.useControllableState)({
+  const [open = false, setOpen] = (0, import_react_use_controllable_state.useControllableState)({
     prop: openProp,
-    defaultProp: defaultOpen ?? false,
-    onChange: onOpenChange,
-    caller: SELECT_NAME
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
   });
   const [value, setValue] = (0, import_react_use_controllable_state.useControllableState)({
     prop: valueProp,
     defaultProp: defaultValue,
-    onChange: onValueChange,
-    caller: SELECT_NAME
+    onChange: onValueChange
   });
   const triggerPointerDownPosRef = React.useRef(null);
   const isFormControl = trigger ? form || !!trigger.closest("form") : true;
@@ -180,7 +178,7 @@ var Select = (props) => {
           }
         ) }),
         isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          SelectBubbleInput,
+          BubbleSelect,
           {
             "aria-hidden": true,
             required,
@@ -1133,15 +1131,17 @@ var SelectArrow = React.forwardRef(
   }
 );
 SelectArrow.displayName = ARROW_NAME;
-var BUBBLE_INPUT_NAME = "SelectBubbleInput";
-var SelectBubbleInput = React.forwardRef(
-  ({ __scopeSelect, value, ...props }, forwardedRef) => {
+function shouldShowPlaceholder(value) {
+  return value === "" || value === void 0;
+}
+var BubbleSelect = React.forwardRef(
+  (props, forwardedRef) => {
+    const { value, ...selectProps } = props;
     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,21 +1154,10 @@ var SelectBubbleInput = React.forwardRef(
         select.dispatchEvent(event);
       }
     }, [prevValue, 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
-      }
-    );
+    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 }) });
   }
 );
-SelectBubbleInput.displayName = BUBBLE_INPUT_NAME;
-function shouldShowPlaceholder(value) {
-  return value === "" || value === void 0;
-}
+BubbleSelect.displayName = "BubbleSelect";
 function useTypeaheadSearch(onSearchChange) {
   const handleSearchChange = (0, import_react_use_callback_ref.useCallbackRef)(onSearchChange);
   const searchRef = React.useRef("");