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

package/dist/index.js

@@ -211,7 +211,7 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
   };
 }
 
-// packages/react/compose-refs/src/compose-refs.tsx
+// packages/react/compose-refs/src/composeRefs.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/create-context.tsx
+// packages/react/context/src/createContext.tsx
 function createContext2(rootComponentName, defaultContext) {
   const Context = React__namespace.createContext(defaultContext);
   const Provider = (props) => {
@@ -322,51 +322,44 @@ function composeContextScopes(...scopes) {
   return createScope;
 }
 
-// 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;
+// 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;
       }
-      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");
+    });
+    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 });
+};
 function isSlottable(child) {
-  return React__namespace.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+  return React__namespace.isValidElement(child) && child.type === Slottable;
 }
 function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
@@ -377,9 +370,8 @@ function mergeProps(slotProps, childProps) {
     if (isHandler) {
       if (slotPropValue && childPropValue) {
         overrideProps[propName] = (...args) => {
-          const result = childPropValue(...args);
+          childPropValue(...args);
           slotPropValue(...args);
-          return result;
         };
       } else if (slotPropValue) {
         overrideProps[propName] = slotPropValue;
@@ -406,7 +398,7 @@ function getElementRef$1(element) {
   return element.props.ref || element.ref;
 }
 
-// src/primitive.tsx
+// packages/react/primitive/src/primitive.tsx
 var NODES = [
   "a",
   "button",
@@ -421,13 +413,11 @@ 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;
@@ -443,7 +433,7 @@ function dispatchDiscreteCustomEvent(target, event) {
   if (target) ReactDOM__namespace.flushSync(() => target.dispatchEvent(event));
 }
 
-// packages/react/use-callback-ref/src/use-callback-ref.tsx
+// packages/react/use-callback-ref/src/useCallbackRef.tsx
 function useCallbackRef$1(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
@@ -452,7 +442,7 @@ function useCallbackRef$1(callback) {
   return React__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 
-// packages/react/use-escape-keydown/src/use-escape-keydown.tsx
+// packages/react/use-escape-keydown/src/useEscapeKeydown.tsx
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef$1(onEscapeKeyDownProp);
   React__namespace.useEffect(() => {
@@ -894,12 +884,12 @@ function removeLinks(items) {
   return items.filter((item) => item.tagName !== "A");
 }
 
-// packages/react/use-layout-effect/src/use-layout-effect.tsx
-var useLayoutEffect2 = globalThis?.document ? React__namespace.useLayoutEffect : () => {
+// packages/react/use-layout-effect/src/useLayoutEffect.tsx
+var useLayoutEffect2 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
-var useReactId = React__namespace[" useId ".trim().toString()] || (() => void 0);
+var useReactId = React__namespace["useId".toString()] || (() => void 0);
 var count = 0;
 function useId(deterministicId) {
   const [id, setId] = React__namespace.useState(useReactId());
@@ -2887,7 +2877,7 @@ const arrow = (options, deps) => ({
   options: [options, deps]
 });
 
-// src/arrow.tsx
+// packages/react/arrow/src/arrow.tsx
 var NAME = "Arrow";
 var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
@@ -2907,7 +2897,7 @@ var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
 Arrow$1.displayName = NAME;
 var Root$5 = Arrow$1;
 
-// packages/react/use-size/src/use-size.tsx
+// packages/react/use-size/src/useSize.tsx
 function useSize(element) {
   const [size, setSize] = React__namespace.useState(void 0);
   useLayoutEffect2(() => {
@@ -3225,7 +3215,7 @@ function useStateMachine(initialState, machine) {
   }, initialState);
 }
 
-// src/presence.tsx
+// packages/react/presence/src/Presence.tsx
 var Presence = (props) => {
   const { present, children } = props;
   const presence = usePresence$1(present);
@@ -3237,7 +3227,7 @@ var Presence = (props) => {
 Presence.displayName = "Presence";
 function usePresence$1(present) {
   const [node, setNode] = React__namespace.useState();
-  const stylesRef = React__namespace.useRef(null);
+  const stylesRef = React__namespace.useRef({});
   const prevPresentRef = React__namespace.useRef(present);
   const prevAnimationNameRef = React__namespace.useRef("none");
   const initialState = present ? "mounted" : "unmounted";
@@ -3321,7 +3311,7 @@ function usePresence$1(present) {
   return {
     isPresent: ["mounted", "unmountSuspended"].includes(state),
     ref: React__namespace.useCallback((node2) => {
-      stylesRef.current = node2 ? getComputedStyle(node2) : null;
+      if (node2) stylesRef.current = getComputedStyle(node2);
       setNode(node2);
     }, [])
   };
@@ -3343,47 +3333,28 @@ function getElementRef(element) {
   return element.props.ref || element.ref;
 }
 
-// src/use-controllable-state.tsx
-var useInsertionEffect$1 = React__namespace[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+// packages/react/use-controllable-state/src/useControllableState.tsx
 function useControllableState({
   prop,
   defaultProp,
   onChange = () => {
-  },
-  caller
+  }
 }) {
-  const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
-    defaultProp,
-    onChange
-  });
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  {
-    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 handleChange = useCallbackRef$1(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
-        const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
-        if (value2 !== prop) {
-          onChangeRef.current?.(value2);
-        }
+        const setter = nextValue;
+        const value2 = typeof nextValue === "function" ? setter(prop) : nextValue;
+        if (value2 !== prop) handleChange(value2);
       } else {
         setUncontrolledProp(nextValue);
       }
     },
-    [isControlled, prop, setUncontrolledProp, onChangeRef]
+    [isControlled, prop, setUncontrolledProp, handleChange]
   );
   return [value, setValue];
 }
@@ -3391,22 +3362,17 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React__namespace.useState(defaultProp);
+  const uncontrolledState = React__namespace.useState(defaultProp);
+  const [value] = uncontrolledState;
   const prevValueRef = React__namespace.useRef(value);
-  const onChangeRef = React__namespace.useRef(onChange);
-  useInsertionEffect$1(() => {
-    onChangeRef.current = onChange;
-  }, [onChange]);
+  const handleChange = useCallbackRef$1(onChange);
   React__namespace.useEffect(() => {
     if (prevValueRef.current !== value) {
-      onChangeRef.current?.(value);
+      handleChange(value);
       prevValueRef.current = value;
     }
-  }, [value, prevValueRef]);
-  return [value, setValue, onChangeRef];
-}
-function isFunction(value) {
-  return typeof value === "function";
+  }, [value, prevValueRef, handleChange]);
+  return uncontrolledState;
 }
 
 var getDefaultParent = function (originalTarget) {
@@ -4310,11 +4276,10 @@ var Popover = (props) => {
   const popperScope = usePopperScope$1(__scopePopover);
   const triggerRef = React__namespace.useRef(null);
   const [hasCustomAnchor, setHasCustomAnchor] = React__namespace.useState(false);
-  const [open, setOpen] = useControllableState({
+  const [open = false, setOpen] = useControllableState({
     prop: openProp,
-    defaultProp: defaultOpen ?? false,
-    onChange: onOpenChange,
-    caller: POPOVER_NAME
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
   });
   return /* @__PURE__ */ jsxRuntime.jsx(Root2$4, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
     PopoverProvider,
@@ -4393,7 +4358,6 @@ 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);
@@ -4404,7 +4368,7 @@ var PopoverContentModal = React__namespace.forwardRef(
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
-    return /* @__PURE__ */ jsxRuntime.jsx(RemoveScroll, { as: Slot$2, allowPinchZoom: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       PopoverContentImpl,
       {
         ...props,
@@ -14009,11 +13973,10 @@ var Dialog$1 = (props) => {
   } = props;
   const triggerRef = React__namespace.useRef(null);
   const contentRef = React__namespace.useRef(null);
-  const [open, setOpen] = useControllableState({
+  const [open = false, setOpen] = useControllableState({
     prop: openProp,
-    defaultProp: defaultOpen ?? false,
-    onChange: onOpenChange,
-    caller: DIALOG_NAME
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     DialogProvider,
@@ -14075,7 +14038,6 @@ 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;
@@ -14083,7 +14045,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$1, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsxRuntime.jsx(
         Primitive.div,
         {
           "data-state": getState$2(context.open),
@@ -14470,19 +14432,17 @@ 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(CollectionSlotImpl, { ref: composedRefs, children });
+      return /* @__PURE__ */ jsxRuntime.jsx(Slot, { 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;
@@ -14493,7 +14453,7 @@ function createCollection(name) {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
-      return /* @__PURE__ */ jsxRuntime.jsx(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+      return /* @__PURE__ */ jsxRuntime.jsx(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
     }
   );
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -14518,7 +14478,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);
@@ -14556,11 +14516,10 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
   const ref = React__namespace.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const direction = useDirection(dir);
-  const [currentTabStopId, setCurrentTabStopId] = useControllableState({
+  const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
     prop: currentTabStopIdProp,
-    defaultProp: defaultCurrentTabStopId ?? null,
-    onChange: onCurrentTabStopIdChange,
-    caller: GROUP_NAME$2
+    defaultProp: defaultCurrentTabStopId,
+    onChange: onCurrentTabStopIdChange
   });
   const [isTabbingBackOut, setIsTabbingBackOut] = React__namespace.useState(false);
   const handleEntryFocus = useCallbackRef$1(onEntryFocus);
@@ -14638,7 +14597,6 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
       focusable = true,
       active = false,
       tabStopId,
-      children,
       ...itemProps
     } = props;
     const autoId = useId();
@@ -14646,7 +14604,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, currentTabStopId } = context;
+    const { onFocusableItemAdd, onFocusableItemRemove } = context;
     React__namespace.useEffect(() => {
       if (focusable) {
         onFocusableItemAdd();
@@ -14692,8 +14650,7 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
                 }
                 setTimeout(() => focusFirst$1(candidateNodes));
               }
-            }),
-            children: typeof children === "function" ? children({ isCurrentTabStop, hasTabStop: currentTabStopId != null }) : children
+            })
           }
         )
       }
@@ -14757,8 +14714,7 @@ var Tabs$1 = React__namespace.forwardRef(
     const [value, setValue] = useControllableState({
       prop: valueProp,
       onChange: onValueChange,
-      defaultProp: defaultValue ?? "",
-      caller: TABS_NAME
+      defaultProp: defaultValue
     });
     return /* @__PURE__ */ jsxRuntime.jsx(
       TabsProvider,
@@ -14941,11 +14897,10 @@ var Collapsible = React__namespace.forwardRef(
       onOpenChange,
       ...collapsibleProps
     } = props;
-    const [open, setOpen] = useControllableState({
+    const [open = false, setOpen] = useControllableState({
       prop: openProp,
-      defaultProp: defaultOpen ?? false,
-      onChange: onOpenChange,
-      caller: COLLAPSIBLE_NAME
+      defaultProp: defaultOpen,
+      onChange: onOpenChange
     });
     return /* @__PURE__ */ jsxRuntime.jsx(
       CollapsibleProvider,
@@ -15095,15 +15050,14 @@ var AccordionImplSingle = React.forwardRef(
     } = props;
     const [value, setValue] = useControllableState({
       prop: valueProp,
-      defaultProp: defaultValue ?? "",
-      onChange: onValueChange,
-      caller: ACCORDION_NAME
+      defaultProp: defaultValue,
+      onChange: onValueChange
     });
     return /* @__PURE__ */ jsxRuntime.jsx(
       AccordionValueProvider,
       {
         scope: props.__scopeAccordion,
-        value: React.useMemo(() => value ? [value] : [], [value]),
+        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 }) })
@@ -15119,11 +15073,10 @@ var AccordionImplMultiple = React.forwardRef((props, forwardedRef) => {
     },
     ...accordionMultipleProps
   } = props;
-  const [value, setValue] = useControllableState({
+  const [value = [], setValue] = useControllableState({
     prop: valueProp,
-    defaultProp: defaultValue ?? [],
-    onChange: onValueChange,
-    caller: ACCORDION_NAME
+    defaultProp: defaultValue,
+    onChange: onValueChange
   });
   const handleItemOpen = React.useCallback(
     (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
@@ -15553,7 +15506,6 @@ var MenuRootContentNonModal = React__namespace.forwardRef((props, forwardedRef)
     }
   );
 });
-var Slot = createSlot("MenuContent.ScrollLock");
 var MenuContentImpl = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -16191,12 +16143,10 @@ 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 ii = polygon[i];
-    const jj = polygon[j];
-    const xi = ii.x;
-    const yi = ii.y;
-    const xj = jj.x;
-    const yj = jj.y;
+    const xi = polygon[i].x;
+    const yi = polygon[i].y;
+    const xj = polygon[j].x;
+    const yj = polygon[j].y;
     const intersect = yi > y !== yj > y && x < (xj - xi) * (y - yi) / (yj - yi) + xi;
     if (intersect) inside = !inside;
   }
@@ -16246,11 +16196,10 @@ var DropdownMenu = (props) => {
   } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   const triggerRef = React__namespace.useRef(null);
-  const [open, setOpen] = useControllableState({
+  const [open = false, setOpen] = useControllableState({
     prop: openProp,
-    defaultProp: defaultOpen ?? false,
-    onChange: onOpenChange,
-    caller: DROPDOWN_MENU_NAME
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuProvider,
@@ -16427,11 +16376,10 @@ DropdownMenuArrow.displayName = ARROW_NAME;
 var DropdownMenuSub = (props) => {
   const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  const [open, setOpen] = useControllableState({
+  const [open = false, setOpen] = useControllableState({
     prop: openProp,
-    defaultProp: defaultOpen ?? false,
-    onChange: onOpenChange,
-    caller: "DropdownMenuSub"
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
   });
   return /* @__PURE__ */ jsxRuntime.jsx(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
 };
@@ -26842,10 +26790,12 @@ const Collapse = ({ isVisible, children }) => {
     const [contentHeight, setContentHeight] = React.useState(0);
     React.useEffect(() => {
         if (contentRef.current) {
-            setContentHeight(contentRef.current.scrollHeight);
+            setTimeout(() => {
+                setContentHeight((contentRef.current?.scrollHeight ?? 0) + 5);
+            }, 0);
         }
     }, [children]);
-    return (React.createElement(AnimatePresence, { initial: false }, isVisible && (React.createElement(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: contentHeight, opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { type: 'spring', damping: 20, stiffness: 100 }, style: { overflow: 'hidden' } },
+    return (React.createElement(AnimatePresence, { initial: false }, isVisible && (React.createElement(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: contentHeight, opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { type: 'spring', damping: 20, stiffness: 100 } },
         React.createElement("div", { ref: contentRef }, children)))));
 };
 
@@ -26854,7 +26804,7 @@ function clamp(value, [min, max]) {
   return Math.min(max, Math.max(min, value));
 }
 
-// packages/react/use-previous/src/use-previous.tsx
+// packages/react/use-previous/src/usePrevious.tsx
 function usePrevious(value) {
   const ref = React__namespace.useRef({ value, previous: value });
   return React__namespace.useMemo(() => {
@@ -27300,7 +27250,7 @@ var SliderThumbImpl = React__namespace.forwardRef(
             }
           ) }),
           isFormControl && /* @__PURE__ */ jsxRuntime.jsx(
-            SliderBubbleInput,
+            BubbleInput,
             {
               name: name ?? (context.name ? context.name + (context.values.length > 1 ? "[]" : "") : void 0),
               form: context.form,
@@ -27314,36 +27264,23 @@ var SliderThumbImpl = React__namespace.forwardRef(
   }
 );
 SliderThumb.displayName = THUMB_NAME;
-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;
+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 });
+};
 function getNextSortedValues(prevValues = [], nextValue, atIndex) {
   const nextValues = [...prevValues];
   nextValues[atIndex] = nextValue;