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

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import React__default, { useLayoutEffect, useState, useRef, useEffect, useCallback, forwardRef, useContext, useMemo, createContext, Component, Fragment, useId as useId$1, useInsertionEffect as useInsertionEffect$2, Children, isValidElement, createElement } from 'react';
-import { jsx as jsx$1, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import React__default, { useLayoutEffect, useState, useRef, useEffect, useCallback, forwardRef, useContext, useMemo, createContext, Component, Fragment as Fragment$1, useId as useId$1, useInsertionEffect as useInsertionEffect$1, Children, isValidElement, createElement } from 'react';
+import { jsx as jsx$1, Fragment, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { createPortal } from 'react-dom';
 
@@ -191,7 +191,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);
@@ -227,7 +227,7 @@ function useComposedRefs(...refs) {
   return React.useCallback(composeRefs(...refs), refs);
 }
 
-// packages/react/context/src/create-context.tsx
+// packages/react/context/src/createContext.tsx
 function createContext2(rootComponentName, defaultContext) {
   const Context = React.createContext(defaultContext);
   const Provider = (props) => {
@@ -302,51 +302,44 @@ function composeContextScopes(...scopes) {
   return createScope;
 }
 
-// src/slot.tsx
-// @__NO_SIDE_EFFECTS__
-function createSlot(ownerName) {
-  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot2 = React.forwardRef((props, forwardedRef) => {
-    const { children, ...slotProps } = props;
-    const childrenArray = React.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.Children.count(newElement) > 1) return React.Children.only(null);
-          return React.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
-        }
-      });
-      return /* @__PURE__ */ jsx$1(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ jsx$1(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot2.displayName = `${ownerName}.Slot`;
-  return Slot2;
-}
-// @__NO_SIDE_EFFECTS__
-function createSlotClone(ownerName) {
-  const SlotClone = React.forwardRef((props, forwardedRef) => {
-    const { children, ...slotProps } = props;
-    if (React.isValidElement(children)) {
-      const childrenRef = getElementRef$1(children);
-      const props2 = mergeProps(slotProps, children.props);
-      if (children.type !== React.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+// packages/react/slot/src/slot.tsx
+var Slot = React.forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  const childrenArray = React.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.Children.count(newElement) > 1) return React.Children.only(null);
+        return React.isValidElement(newElement) ? newElement.props.children : null;
+      } else {
+        return child;
       }
-      return React.cloneElement(children, props2);
-    }
-    return React.Children.count(children) > 1 ? React.Children.only(null) : null;
-  });
-  SlotClone.displayName = `${ownerName}.SlotClone`;
-  return SlotClone;
-}
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+    });
+    return /* @__PURE__ */ jsx$1(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });
+  }
+  return /* @__PURE__ */ jsx$1(SlotClone, { ...slotProps, ref: forwardedRef, children });
+});
+Slot.displayName = "Slot";
+var SlotClone = React.forwardRef((props, forwardedRef) => {
+  const { children, ...slotProps } = props;
+  if (React.isValidElement(children)) {
+    const childrenRef = getElementRef$1(children);
+    const props2 = mergeProps(slotProps, children.props);
+    if (children.type !== React.Fragment) {
+      props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+    }
+    return React.cloneElement(children, props2);
+  }
+  return React.Children.count(children) > 1 ? React.Children.only(null) : null;
+});
+SlotClone.displayName = "SlotClone";
+var Slottable = ({ children }) => {
+  return /* @__PURE__ */ jsx$1(Fragment, { children });
+};
 function isSlottable(child) {
-  return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+  return React.isValidElement(child) && child.type === Slottable;
 }
 function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
@@ -357,9 +350,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;
@@ -386,7 +378,7 @@ function getElementRef$1(element) {
   return element.props.ref || element.ref;
 }
 
-// src/primitive.tsx
+// packages/react/primitive/src/primitive.tsx
 var NODES = [
   "a",
   "button",
@@ -401,13 +393,11 @@ var NODES = [
   "nav",
   "ol",
   "p",
-  "select",
   "span",
   "svg",
   "ul"
 ];
 var Primitive = NODES.reduce((primitive, node) => {
-  const Slot = createSlot(`Primitive.${node}`);
   const Node = React.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -423,7 +413,7 @@ function dispatchDiscreteCustomEvent(target, event) {
   if (target) ReactDOM.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.useRef(callback);
   React.useEffect(() => {
@@ -432,7 +422,7 @@ function useCallbackRef$1(callback) {
   return React.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.useEffect(() => {
@@ -874,12 +864,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.useLayoutEffect : () => {
+// packages/react/use-layout-effect/src/useLayoutEffect.tsx
+var useLayoutEffect2 = Boolean(globalThis?.document) ? React.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
-var useReactId = React[" useId ".trim().toString()] || (() => void 0);
+var useReactId = React["useId".toString()] || (() => void 0);
 var count = 0;
 function useId(deterministicId) {
   const [id, setId] = React.useState(useReactId());
@@ -2867,7 +2857,7 @@ const arrow = (options, deps) => ({
   options: [options, deps]
 });
 
-// src/arrow.tsx
+// packages/react/arrow/src/arrow.tsx
 var NAME = "Arrow";
 var Arrow$1 = React.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
@@ -2887,7 +2877,7 @@ var Arrow$1 = React.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.useState(void 0);
   useLayoutEffect2(() => {
@@ -3205,7 +3195,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);
@@ -3217,7 +3207,7 @@ var Presence = (props) => {
 Presence.displayName = "Presence";
 function usePresence$1(present) {
   const [node, setNode] = React.useState();
-  const stylesRef = React.useRef(null);
+  const stylesRef = React.useRef({});
   const prevPresentRef = React.useRef(present);
   const prevAnimationNameRef = React.useRef("none");
   const initialState = present ? "mounted" : "unmounted";
@@ -3301,7 +3291,7 @@ function usePresence$1(present) {
   return {
     isPresent: ["mounted", "unmountSuspended"].includes(state),
     ref: React.useCallback((node2) => {
-      stylesRef.current = node2 ? getComputedStyle(node2) : null;
+      if (node2) stylesRef.current = getComputedStyle(node2);
       setNode(node2);
     }, [])
   };
@@ -3323,47 +3313,28 @@ function getElementRef(element) {
   return element.props.ref || element.ref;
 }
 
-// src/use-controllable-state.tsx
-var useInsertionEffect$1 = React[" 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.useRef(prop !== void 0);
-    React.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.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];
 }
@@ -3371,22 +3342,17 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React.useState(defaultProp);
+  const uncontrolledState = React.useState(defaultProp);
+  const [value] = uncontrolledState;
   const prevValueRef = React.useRef(value);
-  const onChangeRef = React.useRef(onChange);
-  useInsertionEffect$1(() => {
-    onChangeRef.current = onChange;
-  }, [onChange]);
+  const handleChange = useCallbackRef$1(onChange);
   React.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) {
@@ -4290,11 +4256,10 @@ var Popover = (props) => {
   const popperScope = usePopperScope$1(__scopePopover);
   const triggerRef = React.useRef(null);
   const [hasCustomAnchor, setHasCustomAnchor] = React.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__ */ jsx$1(Root2$4, { ...popperScope, children: /* @__PURE__ */ jsx$1(
     PopoverProvider,
@@ -4373,7 +4338,6 @@ var PopoverContent$1 = React.forwardRef(
   }
 );
 PopoverContent$1.displayName = CONTENT_NAME$6;
-var Slot$2 = createSlot("PopoverContent.RemoveScroll");
 var PopoverContentModal = React.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME$6, props.__scopePopover);
@@ -4384,7 +4348,7 @@ var PopoverContentModal = React.forwardRef(
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
-    return /* @__PURE__ */ jsx$1(RemoveScroll, { as: Slot$2, allowPinchZoom: true, children: /* @__PURE__ */ jsx$1(
+    return /* @__PURE__ */ jsx$1(RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsx$1(
       PopoverContentImpl,
       {
         ...props,
@@ -11267,7 +11231,7 @@ var LiveRegion = function LiveRegion(props) {
     }
     return guidanceMsg;
   }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
-  var ScreenReaderText = jsx(Fragment, null, jsx("span", {
+  var ScreenReaderText = jsx(Fragment$1, null, jsx("span", {
     id: "aria-selection"
   }, ariaSelected), jsx("span", {
     id: "aria-focused"
@@ -11276,7 +11240,7 @@ var LiveRegion = function LiveRegion(props) {
   }, ariaResults), jsx("span", {
     id: "aria-guidance"
   }, ariaGuidance));
-  return jsx(Fragment, null, jsx(A11yText$1, {
+  return jsx(Fragment$1, null, jsx(A11yText$1, {
     id: id
   }, isInitialFocus && ScreenReaderText), jsx(A11yText$1, {
     "aria-live": ariaLive,
@@ -11888,7 +11852,7 @@ function ScrollManager(_ref) {
     setScrollCaptureTarget(element);
     setScrollLockTarget(element);
   };
-  return jsx(Fragment, null, lockEnabled && jsx("div", {
+  return jsx(Fragment$1, null, lockEnabled && jsx("div", {
     onClick: blurSelectInput,
     css: _ref2$1
   }), children(targetRef));
@@ -13989,11 +13953,10 @@ var Dialog$1 = (props) => {
   } = props;
   const triggerRef = React.useRef(null);
   const contentRef = React.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__ */ jsx$1(
     DialogProvider,
@@ -14055,7 +14018,6 @@ var DialogOverlay = React.forwardRef(
   }
 );
 DialogOverlay.displayName = OVERLAY_NAME;
-var Slot$1 = createSlot("DialogOverlay.RemoveScroll");
 var DialogOverlayImpl = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props;
@@ -14063,7 +14025,7 @@ var DialogOverlayImpl = React.forwardRef(
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ jsx$1(RemoveScroll, { as: Slot$1, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx$1(
+      /* @__PURE__ */ jsx$1(RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx$1(
         Primitive.div,
         {
           "data-state": getState$2(context.open),
@@ -14166,7 +14128,7 @@ var DialogContentImpl = React.forwardRef(
     const contentRef = React.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
     useFocusGuards();
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx$1(
         FocusScope,
         {
@@ -14190,7 +14152,7 @@ var DialogContentImpl = React.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx$1(TitleWarning, { titleId: context.titleId }),
         /* @__PURE__ */ jsx$1(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
       ] })
@@ -14450,19 +14412,17 @@ function createCollection(name) {
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-  const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
   const CollectionSlot = React__default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
       const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ jsx$1(CollectionSlotImpl, { ref: composedRefs, children });
+      return /* @__PURE__ */ jsx$1(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__default.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
@@ -14473,7 +14433,7 @@ function createCollection(name) {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
-      return /* @__PURE__ */ jsx$1(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+      return /* @__PURE__ */ jsx$1(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
     }
   );
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -14498,7 +14458,7 @@ function createCollection(name) {
   ];
 }
 
-// packages/react/direction/src/direction.tsx
+// packages/react/direction/src/Direction.tsx
 var DirectionContext = React.createContext(void 0);
 function useDirection(localDir) {
   const globalDir = React.useContext(DirectionContext);
@@ -14536,11 +14496,10 @@ var RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
   const ref = React.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.useState(false);
   const handleEntryFocus = useCallbackRef$1(onEntryFocus);
@@ -14618,7 +14577,6 @@ var RovingFocusGroupItem = React.forwardRef(
       focusable = true,
       active = false,
       tabStopId,
-      children,
       ...itemProps
     } = props;
     const autoId = useId();
@@ -14626,7 +14584,7 @@ var RovingFocusGroupItem = React.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.useEffect(() => {
       if (focusable) {
         onFocusableItemAdd();
@@ -14672,8 +14630,7 @@ var RovingFocusGroupItem = React.forwardRef(
                 }
                 setTimeout(() => focusFirst$1(candidateNodes));
               }
-            }),
-            children: typeof children === "function" ? children({ isCurrentTabStop, hasTabStop: currentTabStopId != null }) : children
+            })
           }
         )
       }
@@ -14737,8 +14694,7 @@ var Tabs$1 = React.forwardRef(
     const [value, setValue] = useControllableState({
       prop: valueProp,
       onChange: onValueChange,
-      defaultProp: defaultValue ?? "",
-      caller: TABS_NAME
+      defaultProp: defaultValue
     });
     return /* @__PURE__ */ jsx$1(
       TabsProvider,
@@ -14921,11 +14877,10 @@ var Collapsible = React.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__ */ jsx$1(
       CollapsibleProvider,
@@ -15075,15 +15030,14 @@ var AccordionImplSingle = React__default.forwardRef(
     } = props;
     const [value, setValue] = useControllableState({
       prop: valueProp,
-      defaultProp: defaultValue ?? "",
-      onChange: onValueChange,
-      caller: ACCORDION_NAME
+      defaultProp: defaultValue,
+      onChange: onValueChange
     });
     return /* @__PURE__ */ jsx$1(
       AccordionValueProvider,
       {
         scope: props.__scopeAccordion,
-        value: React__default.useMemo(() => value ? [value] : [], [value]),
+        value: value ? [value] : [],
         onItemOpen: setValue,
         onItemClose: React__default.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
         children: /* @__PURE__ */ jsx$1(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible, children: /* @__PURE__ */ jsx$1(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })
@@ -15099,11 +15053,10 @@ var AccordionImplMultiple = React__default.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__default.useCallback(
     (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
@@ -15533,7 +15486,6 @@ var MenuRootContentNonModal = React.forwardRef((props, forwardedRef) => {
     }
   );
 });
-var Slot = createSlot("MenuContent.ScrollLock");
 var MenuContentImpl = React.forwardRef(
   (props, forwardedRef) => {
     const {
@@ -16171,12 +16123,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;
   }
@@ -16226,11 +16176,10 @@ var DropdownMenu = (props) => {
   } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   const triggerRef = React.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__ */ jsx$1(
     DropdownMenuProvider,
@@ -16407,11 +16356,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__ */ jsx$1(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
 };
@@ -20486,7 +20434,7 @@ function PopChild({ children, isPresent, anchorX }) {
      * styles directly on the DOM node, we might be overwriting
      * styles set via the style prop.
      */
-    useInsertionEffect$2(() => {
+    useInsertionEffect$1(() => {
         const { width, height, top, left, right } = size.current;
         if (isPresent || !ref.current || !width || !height)
             return;
@@ -20746,7 +20694,7 @@ const AnimatePresence = ({ children, custom, initial = true, onExitComplete, pre
      * all components have finished animating out.
      */
     const { forceRender } = useContext(LayoutGroupContext);
-    return (jsx$1(Fragment$1, { children: renderedChildren.map((child) => {
+    return (jsx$1(Fragment, { children: renderedChildren.map((child) => {
             const key = getChildKey(child);
             const isPresent = propagate && !isParentPresent
                 ? false
@@ -21107,7 +21055,7 @@ function useVisualElement(Component, visualState, props, createVisualElement, Pr
         createProjectionNode$1(visualElementRef.current, props, ProjectionNodeConstructor, initialLayoutGroupConfig);
     }
     const isMounted = useRef(false);
-    useInsertionEffect$2(() => {
+    useInsertionEffect$1(() => {
         /**
          * Check the component has already mounted before calling
          * `update` unnecessarily. This ensures we skip the initial update.
@@ -21638,7 +21586,7 @@ function createUseRender(forwardMotionProps = false) {
             : useHTMLProps;
         const visualProps = useVisualProps(props, latestValues, isStatic, Component);
         const filteredProps = filterProps(props, typeof Component === "string", forwardMotionProps);
-        const elementProps = Component !== Fragment
+        const elementProps = Component !== Fragment$1
             ? { ...filteredProps, ...visualProps, ref }
             : {};
         /**
@@ -26804,7 +26752,7 @@ const createDomVisualElement = (Component, options) => {
     return isSVGComponent(Component)
         ? new SVGVisualElement(options)
         : new HTMLVisualElement(options, {
-            allowProjection: Component !== Fragment,
+            allowProjection: Component !== Fragment$1,
         });
 };
 
@@ -26822,10 +26770,12 @@ const Collapse = ({ isVisible, children }) => {
     const [contentHeight, setContentHeight] = useState(0);
     useEffect(() => {
         if (contentRef.current) {
-            setContentHeight(contentRef.current.scrollHeight);
+            setTimeout(() => {
+                setContentHeight((contentRef.current?.scrollHeight ?? 0) + 5);
+            }, 0);
         }
     }, [children]);
-    return (React__default.createElement(AnimatePresence, { initial: false }, isVisible && (React__default.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__default.createElement(AnimatePresence, { initial: false }, isVisible && (React__default.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__default.createElement("div", { ref: contentRef }, children)))));
 };
 
@@ -26834,7 +26784,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.useRef({ value, previous: value });
   return React.useMemo(() => {
@@ -27280,7 +27230,7 @@ var SliderThumbImpl = React.forwardRef(
             }
           ) }),
           isFormControl && /* @__PURE__ */ jsx$1(
-            SliderBubbleInput,
+            BubbleInput,
             {
               name: name ?? (context.name ? context.name + (context.values.length > 1 ? "[]" : "") : void 0),
               form: context.form,
@@ -27294,36 +27244,23 @@ var SliderThumbImpl = React.forwardRef(
   }
 );
 SliderThumb.displayName = THUMB_NAME;
-var BUBBLE_INPUT_NAME = "RadioBubbleInput";
-var SliderBubbleInput = React.forwardRef(
-  ({ __scopeSlider, value, ...props }, forwardedRef) => {
-    const ref = React.useRef(null);
-    const composedRefs = useComposedRefs(ref, forwardedRef);
-    const prevValue = usePrevious(value);
-    React.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__ */ jsx$1(
-      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.useRef(null);
+  const prevValue = usePrevious(value);
+  React.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__ */ jsx$1("input", { style: { display: "none" }, ...inputProps, ref, defaultValue: value });
+};
 function getNextSortedValues(prevValues = [], nextValue, atIndex) {
   const nextValues = [...prevValues];
   nextValues[atIndex] = nextValue;