@seeqdev/qomponents 0.0.155-react-19-v8 → 0.0.155-react-19-v9

package/dist/index.js

@@ -211,7 +211,7 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
   };
 }
 
-// packages/react/compose-refs/src/composeRefs.tsx
+// packages/react/compose-refs/src/compose-refs.tsx
 function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -247,7 +247,7 @@ function useComposedRefs(...refs) {
   return React__namespace.useCallback(composeRefs(...refs), refs);
 }
 
-// packages/react/context/src/createContext.tsx
+// packages/react/context/src/create-context.tsx
 function createContext2(rootComponentName, defaultContext) {
   const Context = React__namespace.createContext(defaultContext);
   const Provider = (props) => {
@@ -322,44 +322,51 @@ function composeContextScopes(...scopes) {
   return createScope;
 }
 
-// packages/react/slot/src/slot.tsx
-var Slot = React__namespace.forwardRef((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  const childrenArray = React__namespace.Children.toArray(children);
-  const slottable = childrenArray.find(isSlottable);
-  if (slottable) {
-    const newElement = slottable.props.children;
-    const newChildren = childrenArray.map((child) => {
-      if (child === slottable) {
-        if (React__namespace.Children.count(newElement) > 1) return React__namespace.Children.only(null);
-        return React__namespace.isValidElement(newElement) ? newElement.props.children : null;
-      } else {
-        return child;
+// src/slot.tsx
+// @__NO_SIDE_EFFECTS__
+function createSlot(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+  const Slot2 = React__namespace.forwardRef((props, forwardedRef) => {
+    const { children, ...slotProps } = props;
+    const childrenArray = React__namespace.Children.toArray(children);
+    const slottable = childrenArray.find(isSlottable);
+    if (slottable) {
+      const newElement = slottable.props.children;
+      const newChildren = childrenArray.map((child) => {
+        if (child === slottable) {
+          if (React__namespace.Children.count(newElement) > 1) return React__namespace.Children.only(null);
+          return React__namespace.isValidElement(newElement) ? newElement.props.children : null;
+        } else {
+          return child;
+        }
+      });
+      return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React__namespace.isValidElement(newElement) ? React__namespace.cloneElement(newElement, void 0, newChildren) : null });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
+  });
+  Slot2.displayName = `${ownerName}.Slot`;
+  return Slot2;
+}
+// @__NO_SIDE_EFFECTS__
+function createSlotClone(ownerName) {
+  const SlotClone = React__namespace.forwardRef((props, forwardedRef) => {
+    const { children, ...slotProps } = props;
+    if (React__namespace.isValidElement(children)) {
+      const childrenRef = getElementRef$1(children);
+      const props2 = mergeProps(slotProps, children.props);
+      if (children.type !== React__namespace.Fragment) {
+        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
       }
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React__namespace.isValidElement(newElement) ? React__namespace.cloneElement(newElement, void 0, newChildren) : null });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
-});
-Slot.displayName = "Slot";
-var SlotClone = React__namespace.forwardRef((props, forwardedRef) => {
-  const { children, ...slotProps } = props;
-  if (React__namespace.isValidElement(children)) {
-    const childrenRef = getElementRef$1(children);
-    const props2 = mergeProps(slotProps, children.props);
-    if (children.type !== React__namespace.Fragment) {
-      props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
-    }
-    return React__namespace.cloneElement(children, props2);
-  }
-  return React__namespace.Children.count(children) > 1 ? React__namespace.Children.only(null) : null;
-});
-SlotClone.displayName = "SlotClone";
-var Slottable = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-};
+      return React__namespace.cloneElement(children, props2);
+    }
+    return React__namespace.Children.count(children) > 1 ? React__namespace.Children.only(null) : null;
+  });
+  SlotClone.displayName = `${ownerName}.SlotClone`;
+  return SlotClone;
+}
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
 function isSlottable(child) {
-  return React__namespace.isValidElement(child) && child.type === Slottable;
+  return React__namespace.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
 function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
@@ -370,8 +377,9 @@ function mergeProps(slotProps, childProps) {
     if (isHandler) {
       if (slotPropValue && childPropValue) {
         overrideProps[propName] = (...args) => {
-          childPropValue(...args);
+          const result = childPropValue(...args);
           slotPropValue(...args);
+          return result;
         };
       } else if (slotPropValue) {
         overrideProps[propName] = slotPropValue;
@@ -398,7 +406,7 @@ function getElementRef$1(element) {
   return element.props.ref || element.ref;
 }
 
-// packages/react/primitive/src/primitive.tsx
+// src/primitive.tsx
 var NODES = [
   "a",
   "button",
@@ -413,11 +421,13 @@ var NODES = [
   "nav",
   "ol",
   "p",
+  "select",
   "span",
   "svg",
   "ul"
 ];
 var Primitive = NODES.reduce((primitive, node) => {
+  const Slot = createSlot(`Primitive.${node}`);
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -433,7 +443,7 @@ function dispatchDiscreteCustomEvent(target, event) {
   if (target) ReactDOM__namespace.flushSync(() => target.dispatchEvent(event));
 }
 
-// packages/react/use-callback-ref/src/useCallbackRef.tsx
+// packages/react/use-callback-ref/src/use-callback-ref.tsx
 function useCallbackRef$1(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
@@ -442,7 +452,7 @@ function useCallbackRef$1(callback) {
   return React__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 
-// packages/react/use-escape-keydown/src/useEscapeKeydown.tsx
+// packages/react/use-escape-keydown/src/use-escape-keydown.tsx
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef$1(onEscapeKeyDownProp);
   React__namespace.useEffect(() => {
@@ -884,12 +894,12 @@ function removeLinks(items) {
   return items.filter((item) => item.tagName !== "A");
 }
 
-// packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+// packages/react/use-layout-effect/src/use-layout-effect.tsx
+var useLayoutEffect2 = globalThis?.document ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
-var useReactId = React__namespace["useId".toString()] || (() => void 0);
+var useReactId = React__namespace[" useId ".trim().toString()] || (() => void 0);
 var count = 0;
 function useId(deterministicId) {
   const [id, setId] = React__namespace.useState(useReactId());
@@ -2877,7 +2887,7 @@ const arrow = (options, deps) => ({
   options: [options, deps]
 });
 
-// packages/react/arrow/src/arrow.tsx
+// src/arrow.tsx
 var NAME = "Arrow";
 var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
@@ -2897,7 +2907,7 @@ var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
 Arrow$1.displayName = NAME;
 var Root$5 = Arrow$1;
 
-// packages/react/use-size/src/useSize.tsx
+// packages/react/use-size/src/use-size.tsx
 function useSize(element) {
   const [size, setSize] = React__namespace.useState(void 0);
   useLayoutEffect2(() => {
@@ -3215,7 +3225,7 @@ function useStateMachine(initialState, machine) {
   }, initialState);
 }
 
-// packages/react/presence/src/Presence.tsx
+// src/presence.tsx
 var Presence = (props) => {
   const { present, children } = props;
   const presence = usePresence$1(present);
@@ -3227,7 +3237,7 @@ var Presence = (props) => {
 Presence.displayName = "Presence";
 function usePresence$1(present) {
   const [node, setNode] = React__namespace.useState();
-  const stylesRef = React__namespace.useRef({});
+  const stylesRef = React__namespace.useRef(null);
   const prevPresentRef = React__namespace.useRef(present);
   const prevAnimationNameRef = React__namespace.useRef("none");
   const initialState = present ? "mounted" : "unmounted";
@@ -3311,7 +3321,7 @@ function usePresence$1(present) {
   return {
     isPresent: ["mounted", "unmountSuspended"].includes(state),
     ref: React__namespace.useCallback((node2) => {
-      if (node2) stylesRef.current = getComputedStyle(node2);
+      stylesRef.current = node2 ? getComputedStyle(node2) : null;
       setNode(node2);
     }, [])
   };
@@ -3333,28 +3343,47 @@ function getElementRef(element) {
   return element.props.ref || element.ref;
 }
 
-// packages/react/use-controllable-state/src/useControllableState.tsx
+// src/use-controllable-state.tsx
+var useInsertionEffect$1 = React__namespace[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
 function useControllableState({
   prop,
   defaultProp,
   onChange = () => {
-  }
+  },
+  caller
 }) {
-  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });
+  const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
+    defaultProp,
+    onChange
+  });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef$1(onChange);
+  {
+    const isControlledRef = React__namespace.useRef(prop !== void 0);
+    React__namespace.useEffect(() => {
+      const wasControlled = isControlledRef.current;
+      if (wasControlled !== isControlled) {
+        const from = wasControlled ? "controlled" : "uncontrolled";
+        const to = isControlled ? "controlled" : "uncontrolled";
+        console.warn(
+          `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+        );
+      }
+      isControlledRef.current = isControlled;
+    }, [isControlled, caller]);
+  }
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
-        const setter = nextValue;
-        const value2 = typeof nextValue === "function" ? setter(prop) : nextValue;
-        if (value2 !== prop) handleChange(value2);
+        const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
+        if (value2 !== prop) {
+          onChangeRef.current?.(value2);
+        }
       } else {
         setUncontrolledProp(nextValue);
       }
     },
-    [isControlled, prop, setUncontrolledProp, handleChange]
+    [isControlled, prop, setUncontrolledProp, onChangeRef]
   );
   return [value, setValue];
 }
@@ -3362,17 +3391,22 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const uncontrolledState = React__namespace.useState(defaultProp);
-  const [value] = uncontrolledState;
+  const [value, setValue] = React__namespace.useState(defaultProp);
   const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef$1(onChange);
+  const onChangeRef = React__namespace.useRef(onChange);
+  useInsertionEffect$1(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
   React__namespace.useEffect(() => {
     if (prevValueRef.current !== value) {
-      handleChange(value);
+      onChangeRef.current?.(value);
       prevValueRef.current = value;
     }
-  }, [value, prevValueRef, handleChange]);
-  return uncontrolledState;
+  }, [value, prevValueRef]);
+  return [value, setValue, onChangeRef];
+}
+function isFunction(value) {
+  return typeof value === "function";
 }
 
 var getDefaultParent = function (originalTarget) {
@@ -4276,10 +4310,11 @@ var Popover = (props) => {
   const popperScope = usePopperScope$1(__scopePopover);
   const triggerRef = React__namespace.useRef(null);
   const [hasCustomAnchor, setHasCustomAnchor] = React__namespace.useState(false);
-  const [open = false, setOpen] = useControllableState({
+  const [open, setOpen] = useControllableState({
     prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
+    defaultProp: defaultOpen ?? false,
+    onChange: onOpenChange,
+    caller: POPOVER_NAME
   });
   return /* @__PURE__ */ jsxRuntime.jsx(Root2$4, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
     PopoverProvider,
@@ -4358,6 +4393,7 @@ var PopoverContent$1 = React__namespace.forwardRef(
   }
 );
 PopoverContent$1.displayName = CONTENT_NAME$6;
+var Slot$2 = createSlot("PopoverContent.RemoveScroll");
 var PopoverContentModal = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME$6, props.__scopePopover);
@@ -4368,7 +4404,7 @@ var PopoverContentModal = React__namespace.forwardRef(
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
-    return /* @__PURE__ */ jsxRuntime.jsx(RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(RemoveScroll, { as: Slot$2, allowPinchZoom: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       PopoverContentImpl,
       {
         ...props,
@@ -13973,10 +14009,11 @@ var Dialog$1 = (props) => {
   } = props;
   const triggerRef = React__namespace.useRef(null);
   const contentRef = React__namespace.useRef(null);
-  const [open = false, setOpen] = useControllableState({
+  const [open, setOpen] = useControllableState({
     prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
+    defaultProp: defaultOpen ?? false,
+    onChange: onOpenChange,
+    caller: DIALOG_NAME
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     DialogProvider,
@@ -14038,6 +14075,7 @@ var DialogOverlay = React__namespace.forwardRef(
   }
 );
 DialogOverlay.displayName = OVERLAY_NAME;
+var Slot$1 = createSlot("DialogOverlay.RemoveScroll");
 var DialogOverlayImpl = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props;
@@ -14045,7 +14083,7 @@ var DialogOverlayImpl = React__namespace.forwardRef(
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ jsxRuntime.jsx(RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(RemoveScroll, { as: Slot$1, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsxRuntime.jsx(
         Primitive.div,
         {
           "data-state": getState$2(context.open),
@@ -14432,17 +14470,19 @@ function createCollection(name) {
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
+  const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
   const CollectionSlot = React.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
       const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ jsxRuntime.jsx(Slot, { ref: composedRefs, children });
+      return /* @__PURE__ */ jsxRuntime.jsx(CollectionSlotImpl, { ref: composedRefs, children });
     }
   );
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
+  const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
   const CollectionItemSlot = React.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
@@ -14453,7 +14493,7 @@ function createCollection(name) {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
-      return /* @__PURE__ */ jsxRuntime.jsx(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+      return /* @__PURE__ */ jsxRuntime.jsx(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
     }
   );
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -14478,7 +14518,7 @@ function createCollection(name) {
   ];
 }
 
-// packages/react/direction/src/Direction.tsx
+// packages/react/direction/src/direction.tsx
 var DirectionContext = React__namespace.createContext(void 0);
 function useDirection(localDir) {
   const globalDir = React__namespace.useContext(DirectionContext);
@@ -14516,10 +14556,11 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
   const ref = React__namespace.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const direction = useDirection(dir);
-  const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
+  const [currentTabStopId, setCurrentTabStopId] = useControllableState({
     prop: currentTabStopIdProp,
-    defaultProp: defaultCurrentTabStopId,
-    onChange: onCurrentTabStopIdChange
+    defaultProp: defaultCurrentTabStopId ?? null,
+    onChange: onCurrentTabStopIdChange,
+    caller: GROUP_NAME$2
   });
   const [isTabbingBackOut, setIsTabbingBackOut] = React__namespace.useState(false);
   const handleEntryFocus = useCallbackRef$1(onEntryFocus);
@@ -14597,6 +14638,7 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
       focusable = true,
       active = false,
       tabStopId,
+      children,
       ...itemProps
     } = props;
     const autoId = useId();
@@ -14604,7 +14646,7 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
     const context = useRovingFocusContext(ITEM_NAME$3, __scopeRovingFocusGroup);
     const isCurrentTabStop = context.currentTabStopId === id;
     const getItems = useCollection$3(__scopeRovingFocusGroup);
-    const { onFocusableItemAdd, onFocusableItemRemove } = context;
+    const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
     React__namespace.useEffect(() => {
       if (focusable) {
         onFocusableItemAdd();
@@ -14650,7 +14692,8 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
                 }
                 setTimeout(() => focusFirst$1(candidateNodes));
               }
-            })
+            }),
+            children: typeof children === "function" ? children({ isCurrentTabStop, hasTabStop: currentTabStopId != null }) : children
           }
         )
       }
@@ -14714,7 +14757,8 @@ var Tabs$1 = React__namespace.forwardRef(
     const [value, setValue] = useControllableState({
       prop: valueProp,
       onChange: onValueChange,
-      defaultProp: defaultValue
+      defaultProp: defaultValue ?? "",
+      caller: TABS_NAME
     });
     return /* @__PURE__ */ jsxRuntime.jsx(
       TabsProvider,
@@ -14897,10 +14941,11 @@ var Collapsible = React__namespace.forwardRef(
       onOpenChange,
       ...collapsibleProps
     } = props;
-    const [open = false, setOpen] = useControllableState({
+    const [open, setOpen] = useControllableState({
       prop: openProp,
-      defaultProp: defaultOpen,
-      onChange: onOpenChange
+      defaultProp: defaultOpen ?? false,
+      onChange: onOpenChange,
+      caller: COLLAPSIBLE_NAME
     });
     return /* @__PURE__ */ jsxRuntime.jsx(
       CollapsibleProvider,
@@ -15050,14 +15095,15 @@ var AccordionImplSingle = React.forwardRef(
     } = props;
     const [value, setValue] = useControllableState({
       prop: valueProp,
-      defaultProp: defaultValue,
-      onChange: onValueChange
+      defaultProp: defaultValue ?? "",
+      onChange: onValueChange,
+      caller: ACCORDION_NAME
     });
     return /* @__PURE__ */ jsxRuntime.jsx(
       AccordionValueProvider,
       {
         scope: props.__scopeAccordion,
-        value: value ? [value] : [],
+        value: React.useMemo(() => value ? [value] : [], [value]),
         onItemOpen: setValue,
         onItemClose: React.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
         children: /* @__PURE__ */ jsxRuntime.jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible, children: /* @__PURE__ */ jsxRuntime.jsx(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })
@@ -15073,10 +15119,11 @@ var AccordionImplMultiple = React.forwardRef((props, forwardedRef) => {
     },
     ...accordionMultipleProps
   } = props;
-  const [value = [], setValue] = useControllableState({
+  const [value, setValue] = useControllableState({
     prop: valueProp,
-    defaultProp: defaultValue,
-    onChange: onValueChange
+    defaultProp: defaultValue ?? [],
+    onChange: onValueChange,
+    caller: ACCORDION_NAME
   });
   const handleItemOpen = React.useCallback(
     (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
@@ -15506,6 +15553,7 @@ var MenuRootContentNonModal = React__namespace.forwardRef((props, forwardedRef)
     }
   );
 });
+var Slot = createSlot("MenuContent.ScrollLock");
 var MenuContentImpl = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -16143,10 +16191,12 @@ function isPointInPolygon(point, polygon) {
   const { x, y } = point;
   let inside = false;
   for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
-    const xi = polygon[i].x;
-    const yi = polygon[i].y;
-    const xj = polygon[j].x;
-    const yj = polygon[j].y;
+    const ii = polygon[i];
+    const jj = polygon[j];
+    const xi = ii.x;
+    const yi = ii.y;
+    const xj = jj.x;
+    const yj = jj.y;
     const intersect = yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi;
     if (intersect) inside = !inside;
   }
@@ -16196,10 +16246,11 @@ var DropdownMenu = (props) => {
   } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   const triggerRef = React__namespace.useRef(null);
-  const [open = false, setOpen] = useControllableState({
+  const [open, setOpen] = useControllableState({
     prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
+    defaultProp: defaultOpen ?? false,
+    onChange: onOpenChange,
+    caller: DROPDOWN_MENU_NAME
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuProvider,
@@ -16376,10 +16427,11 @@ DropdownMenuArrow.displayName = ARROW_NAME;
 var DropdownMenuSub = (props) => {
   const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  const [open = false, setOpen] = useControllableState({
+  const [open, setOpen] = useControllableState({
     prop: openProp,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
+    defaultProp: defaultOpen ?? false,
+    onChange: onOpenChange,
+    caller: "DropdownMenuSub"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
 };
@@ -26802,7 +26854,7 @@ function clamp(value, [min, max]) {
   return Math.min(max, Math.max(min, value));
 }
 
-// packages/react/use-previous/src/usePrevious.tsx
+// packages/react/use-previous/src/use-previous.tsx
 function usePrevious(value) {
   const ref = React__namespace.useRef({ value, previous: value });
   return React__namespace.useMemo(() => {
@@ -27248,7 +27300,7 @@ var SliderThumbImpl = React__namespace.forwardRef(
             }
           ) }),
           isFormControl && /* @__PURE__ */ jsxRuntime.jsx(
-            BubbleInput,
+            SliderBubbleInput,
             {
               name: name ?? (context.name ? context.name + (context.values.length > 1 ? "[]" : "") : void 0),
               form: context.form,
@@ -27262,23 +27314,36 @@ var SliderThumbImpl = React__namespace.forwardRef(
   }
 );
 SliderThumb.displayName = THUMB_NAME;
-var BubbleInput = (props) => {
-  const { value, ...inputProps } = props;
-  const ref = React__namespace.useRef(null);
-  const prevValue = usePrevious(value);
-  React__namespace.useEffect(() => {
-    const input = ref.current;
-    const inputProto = window.HTMLInputElement.prototype;
-    const descriptor = Object.getOwnPropertyDescriptor(inputProto, "value");
-    const setValue = descriptor.set;
-    if (prevValue !== value && setValue) {
-      const event = new Event("input", { bubbles: true });
-      setValue.call(input, value);
-      input.dispatchEvent(event);
-    }
-  }, [prevValue, value]);
-  return /* @__PURE__ */ jsxRuntime.jsx("input", { style: { display: "none" }, ...inputProps, ref, defaultValue: value });
-};
+var BUBBLE_INPUT_NAME = "RadioBubbleInput";
+var SliderBubbleInput = React__namespace.forwardRef(
+  ({ __scopeSlider, value, ...props }, forwardedRef) => {
+    const ref = React__namespace.useRef(null);
+    const composedRefs = useComposedRefs(ref, forwardedRef);
+    const prevValue = usePrevious(value);
+    React__namespace.useEffect(() => {
+      const input = ref.current;
+      if (!input) return;
+      const inputProto = window.HTMLInputElement.prototype;
+      const descriptor = Object.getOwnPropertyDescriptor(inputProto, "value");
+      const setValue = descriptor.set;
+      if (prevValue !== value && setValue) {
+        const event = new Event("input", { bubbles: true });
+        setValue.call(input, value);
+        input.dispatchEvent(event);
+      }
+    }, [prevValue, value]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Primitive.input,
+      {
+        style: { display: "none" },
+        ...props,
+        ref: composedRefs,
+        defaultValue: value
+      }
+    );
+  }
+);
+SliderBubbleInput.displayName = BUBBLE_INPUT_NAME;
 function getNextSortedValues(prevValues = [], nextValue, atIndex) {
   const nextValues = [...prevValues];
   nextValues[atIndex] = nextValue;