@dust-tt/sparkle 0.2.269 → 0.2.270

package/dist/cjs/index.js

@@ -43030,7 +43030,7 @@ Avatar.Stack = function (_a) {
 };
 
 // packages/core/primitive/src/primitive.tsx
-function composeEventHandlers$5(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+function composeEventHandlers$6(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
     if (checkForDefaultPrevented === false || !event.defaultPrevented) {
@@ -43040,22 +43040,22 @@ function composeEventHandlers$5(originalEventHandler, ourEventHandler, { checkFo
 }
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef$7(ref, value) {
+function setRef$8(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$7(...refs) {
-  return (node) => refs.forEach((ref) => setRef$7(ref, node));
+function composeRefs$8(...refs) {
+  return (node) => refs.forEach((ref) => setRef$8(ref, node));
 }
-function useComposedRefs$5(...refs) {
-  return React__namespace.useCallback(composeRefs$7(...refs), refs);
+function useComposedRefs$6(...refs) {
+  return React__namespace.useCallback(composeRefs$8(...refs), refs);
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$c(scopeName, createContextScopeDeps = []) {
+function createContextScope$d(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -43090,9 +43090,9 @@ function createContextScope$c(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$c(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$d(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$c(...scopes) {
+function composeContextScopes$d(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -74022,15 +74022,15 @@ var reactDomExports = reactDom.exports;
 var ReactDOM = /*@__PURE__*/getDefaultExportFromCjs(reactDomExports);
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef$6(ref, value) {
+function setRef$7(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$6(...refs) {
-  return (node) => refs.forEach((ref) => setRef$6(ref, node));
+function composeRefs$7(...refs) {
+  return (node) => refs.forEach((ref) => setRef$7(ref, node));
 }
 
 // packages/react/slot/src/Slot.tsx
@@ -74060,7 +74060,7 @@ var SlotClone = React__namespace.forwardRef((props, forwardedRef) => {
     return React__namespace.cloneElement(children, {
       ...mergeProps(slotProps, children.props),
       // @ts-ignore
-      ref: forwardedRef ? composeRefs$6(forwardedRef, childrenRef) : childrenRef
+      ref: forwardedRef ? composeRefs$7(forwardedRef, childrenRef) : childrenRef
     });
   }
   return React__namespace.Children.count(children) > 1 ? React__namespace.Children.only(null) : null;
@@ -74110,7 +74110,7 @@ function getElementRef$1(element) {
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$7 = [
+var NODES$8 = [
   "a",
   "button",
   "div",
@@ -74128,7 +74128,7 @@ var NODES$7 = [
   "svg",
   "ul"
 ];
-var Primitive$7 = NODES$7.reduce((primitive, node) => {
+var Primitive$8 = NODES$8.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -74145,7 +74145,7 @@ function dispatchDiscreteCustomEvent$2(target, event) {
 }
 
 // packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef$6(callback) {
+function useCallbackRef$7(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
@@ -74155,7 +74155,7 @@ function useCallbackRef$6(callback) {
 
 // packages/react/use-escape-keydown/src/useEscapeKeydown.tsx
 function useEscapeKeydown$2(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
-  const onEscapeKeyDown = useCallbackRef$6(onEscapeKeyDownProp);
+  const onEscapeKeyDown = useCallbackRef$7(onEscapeKeyDownProp);
   React__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -74192,7 +74192,7 @@ var DismissableLayer$2 = React__namespace.forwardRef(
     const [node, setNode] = React__namespace.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
     const [, force] = React__namespace.useState({});
-    const composedRefs = useComposedRefs$5(forwardedRef, (node2) => setNode(node2));
+    const composedRefs = useComposedRefs$6(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
     const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
@@ -74255,7 +74255,7 @@ var DismissableLayer$2 = React__namespace.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$2, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$7.div,
+      Primitive$8.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -74263,9 +74263,9 @@ var DismissableLayer$2 = React__namespace.forwardRef(
           pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
           ...props.style
         },
-        onFocusCapture: composeEventHandlers$5(props.onFocusCapture, focusOutside.onFocusCapture),
-        onBlurCapture: composeEventHandlers$5(props.onBlurCapture, focusOutside.onBlurCapture),
-        onPointerDownCapture: composeEventHandlers$5(
+        onFocusCapture: composeEventHandlers$6(props.onFocusCapture, focusOutside.onFocusCapture),
+        onBlurCapture: composeEventHandlers$6(props.onBlurCapture, focusOutside.onBlurCapture),
+        onPointerDownCapture: composeEventHandlers$6(
           props.onPointerDownCapture,
           pointerDownOutside.onPointerDownCapture
         )
@@ -74278,7 +74278,7 @@ var BRANCH_NAME$2 = "DismissableLayerBranch";
 var DismissableLayerBranch$2 = React__namespace.forwardRef((props, forwardedRef) => {
   const context = React__namespace.useContext(DismissableLayerContext$2);
   const ref = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs$5(forwardedRef, ref);
+  const composedRefs = useComposedRefs$6(forwardedRef, ref);
   React__namespace.useEffect(() => {
     const node = ref.current;
     if (node) {
@@ -74288,11 +74288,11 @@ var DismissableLayerBranch$2 = React__namespace.forwardRef((props, forwardedRef)
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$7.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$8.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$2.displayName = BRANCH_NAME$2;
 function usePointerDownOutside$2(onPointerDownOutside, ownerDocument = globalThis?.document) {
-  const handlePointerDownOutside = useCallbackRef$6(onPointerDownOutside);
+  const handlePointerDownOutside = useCallbackRef$7(onPointerDownOutside);
   const isPointerInsideReactTreeRef = React__namespace.useRef(false);
   const handleClickRef = React__namespace.useRef(() => {
   });
@@ -74335,7 +74335,7 @@ function usePointerDownOutside$2(onPointerDownOutside, ownerDocument = globalThi
   };
 }
 function useFocusOutside$2(onFocusOutside, ownerDocument = globalThis?.document) {
-  const handleFocusOutside = useCallbackRef$6(onFocusOutside);
+  const handleFocusOutside = useCallbackRef$7(onFocusOutside);
   const isFocusInsideReactTreeRef = React__namespace.useRef(false);
   React__namespace.useEffect(() => {
     const handleFocus = (event) => {
@@ -74370,7 +74370,7 @@ function handleAndDispatchCustomEvent$2(name, handler, detail, { discrete }) {
 }
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$6 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$7 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
@@ -74378,7 +74378,7 @@ var useReactId$4 = React__namespace["useId".toString()] || (() => void 0);
 var count$7 = 0;
 function useId$4(deterministicId) {
   const [id, setId] = React__namespace.useState(useReactId$4());
-  useLayoutEffect2$6(() => {
+  useLayoutEffect2$7(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count$7++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
@@ -74403,7 +74403,7 @@ const oppositeAlignmentMap = {
   start: 'end',
   end: 'start'
 };
-function clamp(start, value, end) {
+function clamp$1(start, value, end) {
   return max$1(start, min$1(value, end));
 }
 function evaluate(value, param) {
@@ -74776,7 +74776,7 @@ const arrow$2 = options => ({
     const min$1$1 = minPadding;
     const max = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset = clamp(min$1$1, center, max);
+    const offset = clamp$1(min$1$1, center, max);
 
     // If the reference is small enough that the arrow's padding causes it to
     // to point to nothing for an aligned placement, adjust the offset of the
@@ -75103,14 +75103,14 @@ const shift$1 = function (options) {
         const maxSide = mainAxis === 'y' ? 'bottom' : 'right';
         const min = mainAxisCoord + overflow[minSide];
         const max = mainAxisCoord - overflow[maxSide];
-        mainAxisCoord = clamp(min, mainAxisCoord, max);
+        mainAxisCoord = clamp$1(min, mainAxisCoord, max);
       }
       if (checkCrossAxis) {
         const minSide = crossAxis === 'y' ? 'top' : 'left';
         const maxSide = crossAxis === 'y' ? 'bottom' : 'right';
         const min = crossAxisCoord + overflow[minSide];
         const max = crossAxisCoord - overflow[maxSide];
-        crossAxisCoord = clamp(min, crossAxisCoord, max);
+        crossAxisCoord = clamp$1(min, crossAxisCoord, max);
       }
       const limitedCoords = limiter.fn({
         ...state,
@@ -76338,7 +76338,7 @@ var NAME$5 = "Arrow";
 var Arrow$5 = React__namespace.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive$7.svg,
+    Primitive$8.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -76351,10 +76351,10 @@ var Arrow$5 = React__namespace.forwardRef((props, forwardedRef) => {
   );
 });
 Arrow$5.displayName = NAME$5;
-var Root$8 = Arrow$5;
+var Root$9 = Arrow$5;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$b(scopeName, createContextScopeDeps = []) {
+function createContextScope$c(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -76389,9 +76389,9 @@ function createContextScope$b(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$b(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$c(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$b(...scopes) {
+function composeContextScopes$c(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -76415,7 +76415,7 @@ function composeContextScopes$b(...scopes) {
 // packages/react/use-size/src/useSize.tsx
 function useSize$4(element) {
   const [size, setSize] = React__namespace.useState(void 0);
-  useLayoutEffect2$6(() => {
+  useLayoutEffect2$7(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
       const resizeObserver = new ResizeObserver((entries) => {
@@ -76449,7 +76449,7 @@ function useSize$4(element) {
 }
 
 var POPPER_NAME$2 = "Popper";
-var [createPopperContext$2, createPopperScope$2] = createContextScope$b(POPPER_NAME$2);
+var [createPopperContext$2, createPopperScope$2] = createContextScope$c(POPPER_NAME$2);
 var [PopperProvider$2, usePopperContext$2] = createPopperContext$2(POPPER_NAME$2);
 var Popper$2 = (props) => {
   const { __scopePopper, children } = props;
@@ -76463,11 +76463,11 @@ var PopperAnchor$2 = React__namespace.forwardRef(
     const { __scopePopper, virtualRef, ...anchorProps } = props;
     const context = usePopperContext$2(ANCHOR_NAME$4, __scopePopper);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$5(forwardedRef, ref);
+    const composedRefs = useComposedRefs$6(forwardedRef, ref);
     React__namespace.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$7.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$8.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor$2.displayName = ANCHOR_NAME$4;
@@ -76493,7 +76493,7 @@ var PopperContent$2 = React__namespace.forwardRef(
     } = props;
     const context = usePopperContext$2(CONTENT_NAME$6, __scopePopper);
     const [content, setContent] = React__namespace.useState(null);
-    const composedRefs = useComposedRefs$5(forwardedRef, (node) => setContent(node));
+    const composedRefs = useComposedRefs$6(forwardedRef, (node) => setContent(node));
     const [arrow$1, setArrow] = React__namespace.useState(null);
     const arrowSize = useSize$4(arrow$1);
     const arrowWidth = arrowSize?.width ?? 0;
@@ -76547,8 +76547,8 @@ var PopperContent$2 = React__namespace.forwardRef(
       ]
     });
     const [placedSide, placedAlign] = getSideAndAlignFromPlacement$2(placement);
-    const handlePlaced = useCallbackRef$6(onPlaced);
-    useLayoutEffect2$6(() => {
+    const handlePlaced = useCallbackRef$7(onPlaced);
+    useLayoutEffect2$7(() => {
       if (isPositioned) {
         handlePlaced?.();
       }
@@ -76557,7 +76557,7 @@ var PopperContent$2 = React__namespace.forwardRef(
     const arrowY = middlewareData.arrow?.y;
     const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
     const [contentZIndex, setContentZIndex] = React__namespace.useState();
-    useLayoutEffect2$6(() => {
+    useLayoutEffect2$7(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -76594,7 +76594,7 @@ var PopperContent$2 = React__namespace.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              Primitive$7.div,
+              Primitive$8.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -76654,7 +76654,7 @@ var PopperArrow$2 = React__namespace.forwardRef(function PopperArrow2(props, for
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Root$8,
+          Root$9,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -76714,25 +76714,25 @@ var Content$2 = PopperContent$2;
 var Arrow$4 = PopperArrow$2;
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef$5(ref, value) {
+function setRef$6(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$5(...refs) {
-  return (node) => refs.forEach((ref) => setRef$5(ref, node));
+function composeRefs$6(...refs) {
+  return (node) => refs.forEach((ref) => setRef$6(ref, node));
 }
-function useComposedRefs$4(...refs) {
-  return React__namespace.useCallback(composeRefs$5(...refs), refs);
+function useComposedRefs$5(...refs) {
+  return React__namespace.useCallback(composeRefs$6(...refs), refs);
 }
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$5 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$6 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
-function useStateMachine(initialState, machine) {
+function useStateMachine$1(initialState, machine) {
   return React__namespace.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
@@ -76744,7 +76744,7 @@ var Presence = (props) => {
   const { present, children } = props;
   const presence = usePresence(present);
   const child = typeof children === "function" ? children({ present: presence.isPresent }) : React__namespace.Children.only(children);
-  const ref = useComposedRefs$4(presence.ref, getElementRef(child));
+  const ref = useComposedRefs$5(presence.ref, getElementRef(child));
   const forceMount = typeof children === "function";
   return forceMount || presence.isPresent ? React__namespace.cloneElement(child, { ref }) : null;
 };
@@ -76755,7 +76755,7 @@ function usePresence(present) {
   const prevPresentRef = React__namespace.useRef(present);
   const prevAnimationNameRef = React__namespace.useRef("none");
   const initialState = present ? "mounted" : "unmounted";
-  const [state, send] = useStateMachine(initialState, {
+  const [state, send] = useStateMachine$1(initialState, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -76772,7 +76772,7 @@ function usePresence(present) {
     const currentAnimationName = getAnimationName(stylesRef.current);
     prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
   }, [state]);
-  useLayoutEffect2$5(() => {
+  useLayoutEffect2$6(() => {
     const styles = stylesRef.current;
     const wasPresent = prevPresentRef.current;
     const hasPresentChanged = wasPresent !== present;
@@ -76794,7 +76794,7 @@ function usePresence(present) {
       prevPresentRef.current = present;
     }
   }, [present, send]);
-  useLayoutEffect2$5(() => {
+  useLayoutEffect2$6(() => {
     if (node) {
       let timeoutId;
       const ownerWindow = node.ownerDocument.defaultView ?? window;
@@ -76867,7 +76867,7 @@ function useControllableState$5({
   const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$5({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef$6(onChange);
+  const handleChange = useCallbackRef$7(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -76889,7 +76889,7 @@ function useUncontrolledState$5({
   const uncontrolledState = React__namespace.useState(defaultProp);
   const [value] = uncontrolledState;
   const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef$6(onChange);
+  const handleChange = useCallbackRef$7(onChange);
   React__namespace.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
@@ -76904,7 +76904,7 @@ var NAME$4 = "VisuallyHidden";
 var VisuallyHidden = React__namespace.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$7.span,
+      Primitive$8.span,
       {
         ...props,
         ref: forwardedRef,
@@ -76927,9 +76927,9 @@ var VisuallyHidden = React__namespace.forwardRef(
   }
 );
 VisuallyHidden.displayName = NAME$4;
-var Root$7 = VisuallyHidden;
+var Root$8 = VisuallyHidden;
 
-var [createTooltipContext, createTooltipScope] = createContextScope$c("Tooltip", [
+var [createTooltipContext, createTooltipScope] = createContextScope$d("Tooltip", [
   createPopperScope$2
 ]);
 var usePopperScope$2 = createPopperScope$2();
@@ -77070,7 +77070,7 @@ var TooltipTrigger$1 = React__namespace.forwardRef(
     const providerContext = useTooltipProviderContext(TRIGGER_NAME$2, __scopeTooltip);
     const popperScope = usePopperScope$2(__scopeTooltip);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$5(forwardedRef, ref, context.onTriggerChange);
+    const composedRefs = useComposedRefs$6(forwardedRef, ref, context.onTriggerChange);
     const isPointerDownRef = React__namespace.useRef(false);
     const hasPointerMoveOpenedRef = React__namespace.useRef(false);
     const handlePointerUp = React__namespace.useCallback(() => isPointerDownRef.current = false, []);
@@ -77078,32 +77078,32 @@ var TooltipTrigger$1 = React__namespace.forwardRef(
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
     return /* @__PURE__ */ jsxRuntime.jsx(Anchor$2, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$7.button,
+      Primitive$8.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
         "data-state": context.stateAttribute,
         ...triggerProps,
         ref: composedRefs,
-        onPointerMove: composeEventHandlers$5(props.onPointerMove, (event) => {
+        onPointerMove: composeEventHandlers$6(props.onPointerMove, (event) => {
           if (event.pointerType === "touch") return;
           if (!hasPointerMoveOpenedRef.current && !providerContext.isPointerInTransitRef.current) {
             context.onTriggerEnter();
             hasPointerMoveOpenedRef.current = true;
           }
         }),
-        onPointerLeave: composeEventHandlers$5(props.onPointerLeave, () => {
+        onPointerLeave: composeEventHandlers$6(props.onPointerLeave, () => {
           context.onTriggerLeave();
           hasPointerMoveOpenedRef.current = false;
         }),
-        onPointerDown: composeEventHandlers$5(props.onPointerDown, () => {
+        onPointerDown: composeEventHandlers$6(props.onPointerDown, () => {
           isPointerDownRef.current = true;
           document.addEventListener("pointerup", handlePointerUp, { once: true });
         }),
-        onFocus: composeEventHandlers$5(props.onFocus, () => {
+        onFocus: composeEventHandlers$6(props.onFocus, () => {
           if (!isPointerDownRef.current) context.onOpen();
         }),
-        onBlur: composeEventHandlers$5(props.onBlur, context.onClose),
-        onClick: composeEventHandlers$5(props.onClick, context.onClose)
+        onBlur: composeEventHandlers$6(props.onBlur, context.onClose),
+        onClick: composeEventHandlers$6(props.onClick, context.onClose)
       }
     ) });
   }
@@ -77126,7 +77126,7 @@ var TooltipContentHoverable = React__namespace.forwardRef((props, forwardedRef)
   const context = useTooltipContext(CONTENT_NAME$5, props.__scopeTooltip);
   const providerContext = useTooltipProviderContext(CONTENT_NAME$5, props.__scopeTooltip);
   const ref = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs$5(forwardedRef, ref);
+  const composedRefs = useComposedRefs$6(forwardedRef, ref);
   const [pointerGraceArea, setPointerGraceArea] = React__namespace.useState(null);
   const { trigger, onClose } = context;
   const content = ref.current;
@@ -77240,7 +77240,7 @@ var TooltipContentImpl = React__namespace.forwardRef(
             },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(Slottable, { children }),
-              /* @__PURE__ */ jsxRuntime.jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsxRuntime.jsx(Root$7, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
+              /* @__PURE__ */ jsxRuntime.jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsxRuntime.jsx(Root$8, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
             ]
           }
         )
@@ -78815,22 +78815,22 @@ function truncateWithTooltip(text, length) {
 }
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef$4(ref, value) {
+function setRef$5(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$4(...refs) {
-  return (node) => refs.forEach((ref) => setRef$4(ref, node));
+function composeRefs$5(...refs) {
+  return (node) => refs.forEach((ref) => setRef$5(ref, node));
 }
-function useComposedRefs$3(...refs) {
-  return React__namespace.useCallback(composeRefs$4(...refs), refs);
+function useComposedRefs$4(...refs) {
+  return React__namespace.useCallback(composeRefs$5(...refs), refs);
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$a(scopeName, createContextScopeDeps = []) {
+function createContextScope$b(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -78865,9 +78865,9 @@ function createContextScope$a(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$a(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$b(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$a(...scopes) {
+function composeContextScopes$b(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -78889,7 +78889,7 @@ function composeContextScopes$a(...scopes) {
 }
 
 // packages/core/primitive/src/primitive.tsx
-function composeEventHandlers$4(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+function composeEventHandlers$5(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
     if (checkForDefaultPrevented === false || !event.defaultPrevented) {
@@ -78899,7 +78899,7 @@ function composeEventHandlers$4(originalEventHandler, ourEventHandler, { checkFo
 }
 
 // packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef$5(callback) {
+function useCallbackRef$6(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
@@ -78917,7 +78917,7 @@ function useControllableState$4({
   const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$4({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef$5(onChange);
+  const handleChange = useCallbackRef$6(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -78939,7 +78939,7 @@ function useUncontrolledState$4({
   const uncontrolledState = React__namespace.useState(defaultProp);
   const [value] = uncontrolledState;
   const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef$5(onChange);
+  const handleChange = useCallbackRef$6(onChange);
   React__namespace.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
@@ -78962,13 +78962,13 @@ function usePrevious$1(value) {
 }
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$4 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$5 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/use-size/src/useSize.tsx
 function useSize$3(element) {
   const [size, setSize] = React__namespace.useState(void 0);
-  useLayoutEffect2$4(() => {
+  useLayoutEffect2$5(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
       const resizeObserver = new ResizeObserver((entries) => {
@@ -79002,7 +79002,7 @@ function useSize$3(element) {
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$6 = [
+var NODES$7 = [
   "a",
   "button",
   "div",
@@ -79020,7 +79020,7 @@ var NODES$6 = [
   "svg",
   "ul"
 ];
-var Primitive$6 = NODES$6.reduce((primitive, node) => {
+var Primitive$7 = NODES$7.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -79034,7 +79034,7 @@ var Primitive$6 = NODES$6.reduce((primitive, node) => {
 }, {});
 
 var CHECKBOX_NAME = "Checkbox";
-var [createCheckboxContext, createCheckboxScope] = createContextScope$a(CHECKBOX_NAME);
+var [createCheckboxContext, createCheckboxScope] = createContextScope$b(CHECKBOX_NAME);
 var [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
 var Checkbox$1 = React__namespace.forwardRef(
   (props, forwardedRef) => {
@@ -79051,7 +79051,7 @@ var Checkbox$1 = React__namespace.forwardRef(
       ...checkboxProps
     } = props;
     const [button, setButton] = React__namespace.useState(null);
-    const composedRefs = useComposedRefs$3(forwardedRef, (node) => setButton(node));
+    const composedRefs = useComposedRefs$4(forwardedRef, (node) => setButton(node));
     const hasConsumerStoppedPropagationRef = React__namespace.useRef(false);
     const isFormControl = button ? form || !!button.closest("form") : true;
     const [checked = false, setChecked] = useControllableState$4({
@@ -79070,7 +79070,7 @@ var Checkbox$1 = React__namespace.forwardRef(
     }, [button, setChecked]);
     return /* @__PURE__ */ jsxRuntime.jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$6.button,
+        Primitive$7.button,
         {
           type: "button",
           role: "checkbox",
@@ -79082,10 +79082,10 @@ var Checkbox$1 = React__namespace.forwardRef(
           value,
           ...checkboxProps,
           ref: composedRefs,
-          onKeyDown: composeEventHandlers$4(props.onKeyDown, (event) => {
+          onKeyDown: composeEventHandlers$5(props.onKeyDown, (event) => {
             if (event.key === "Enter") event.preventDefault();
           }),
-          onClick: composeEventHandlers$4(props.onClick, (event) => {
+          onClick: composeEventHandlers$5(props.onClick, (event) => {
             setChecked((prevChecked) => isIndeterminate$1(prevChecked) ? true : !prevChecked);
             if (isFormControl) {
               hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
@@ -79119,7 +79119,7 @@ var CheckboxIndicator = React__namespace.forwardRef(
     const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
     const context = useCheckboxContext(INDICATOR_NAME$2, __scopeCheckbox);
     return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || isIndeterminate$1(context.state) || context.state === true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$6.span,
+      Primitive$7.span,
       {
         "data-state": getState$2(context.state),
         "data-disabled": context.disabled ? "" : void 0,
@@ -79175,7 +79175,7 @@ function isIndeterminate$1(checked) {
 function getState$2(checked) {
   return isIndeterminate$1(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
-var Root$6 = Checkbox$1;
+var Root$7 = Checkbox$1;
 var Indicator$1 = CheckboxIndicator;
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
@@ -79224,7 +79224,7 @@ const cva = (base, config)=>{
 };
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$5 = [
+var NODES$6 = [
   "a",
   "button",
   "div",
@@ -79242,7 +79242,7 @@ var NODES$5 = [
   "svg",
   "ul"
 ];
-var Primitive$5 = NODES$5.reduce((primitive, node) => {
+var Primitive$6 = NODES$6.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -79258,7 +79258,7 @@ var Primitive$5 = NODES$5.reduce((primitive, node) => {
 var NAME$3 = "Label";
 var Label$2 = React__namespace.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive$5.label,
+    Primitive$6.label,
     {
       ...props,
       ref: forwardedRef,
@@ -79272,14 +79272,14 @@ var Label$2 = React__namespace.forwardRef((props, forwardedRef) => {
   );
 });
 Label$2.displayName = NAME$3;
-var Root$5 = Label$2;
+var Root$6 = Label$2;
 
 var labelVariants = cn("s-text-sm s-text-foreground s-leading-none", "peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70");
 var Label$1 = React__namespace.forwardRef(function (_a, ref) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (React__namespace.createElement(Root$5, __assign({ ref: ref, className: cn(labelVariants, className) }, props)));
+    return (React__namespace.createElement(Root$6, __assign({ ref: ref, className: cn(labelVariants, className) }, props)));
 });
-Label$1.displayName = Root$5.displayName;
+Label$1.displayName = Root$6.displayName;
 
 var checkboxStyles = cva(cn("s-shrink-0 s-peer s-border s-text-foreground", "data-[state=checked]:s-text-white data-[state=checked]:s-text-foreground", "focus-visible:s-ring-ring s-ring-offset-background focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2", "disabled:s-cursor-not-allowed disabled:s-opacity-50"), {
     variants: {
@@ -79300,12 +79300,12 @@ var checkboxStyles = cva(cn("s-shrink-0 s-peer s-border s-text-foreground", "dat
 });
 var Checkbox = React.forwardRef(function (_a, ref) {
     var className = _a.className, size = _a.size, checked = _a.checked, props = __rest(_a, ["className", "size", "checked"]);
-    return (React.createElement(Root$6, __assign({ ref: ref, className: cn(checkboxStyles({ checked: checked, size: size }), className), checked: checked === "partial" ? "indeterminate" : checked }, props),
+    return (React.createElement(Root$7, __assign({ ref: ref, className: cn(checkboxStyles({ checked: checked, size: size }), className), checked: checked === "partial" ? "indeterminate" : checked }, props),
         React.createElement(Indicator$1, { className: "s-flex s-items-center s-justify-center s-text-current" },
             React.createElement("span", { className: cn(size === "xs" ? "-s-mt-px" : "") },
                 React.createElement(Icon, { size: "xs", visual: checked === "partial" ? DashIcon : CheckIcon })))));
 });
-Checkbox.displayName = Root$6.displayName;
+Checkbox.displayName = Root$7.displayName;
 function CheckboxWithText(_a) {
     var text = _a.text, props = __rest(_a, ["text"]);
     return (React.createElement("div", { className: "s-items-top s-flex s-items-center s-space-x-2" },
@@ -135442,7 +135442,7 @@ function Markdown(_a) {
 }
 
 // packages/core/primitive/src/primitive.tsx
-function composeEventHandlers$3(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+function composeEventHandlers$4(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
     if (checkForDefaultPrevented === false || !event.defaultPrevented) {
@@ -135452,19 +135452,19 @@ function composeEventHandlers$3(originalEventHandler, ourEventHandler, { checkFo
 }
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef$3(ref, value) {
+function setRef$4(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$3(...refs) {
-  return (node) => refs.forEach((ref) => setRef$3(ref, node));
+function composeRefs$4(...refs) {
+  return (node) => refs.forEach((ref) => setRef$4(ref, node));
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$9(scopeName, createContextScopeDeps = []) {
+function createContextScope$a(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -135499,9 +135499,9 @@ function createContextScope$9(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$9(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$a(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$9(...scopes) {
+function composeContextScopes$a(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -135523,7 +135523,7 @@ function composeContextScopes$9(...scopes) {
 }
 
 // packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef$4(callback) {
+function useCallbackRef$5(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
@@ -135541,7 +135541,7 @@ function useControllableState$3({
   const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$3({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef$4(onChange);
+  const handleChange = useCallbackRef$5(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -135563,7 +135563,7 @@ function useUncontrolledState$3({
   const uncontrolledState = React__namespace.useState(defaultProp);
   const [value] = uncontrolledState;
   const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef$4(onChange);
+  const handleChange = useCallbackRef$5(onChange);
   React__namespace.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
@@ -135574,7 +135574,7 @@ function useUncontrolledState$3({
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$4 = [
+var NODES$5 = [
   "a",
   "button",
   "div",
@@ -135592,7 +135592,7 @@ var NODES$4 = [
   "svg",
   "ul"
 ];
-var Primitive$4 = NODES$4.reduce((primitive, node) => {
+var Primitive$5 = NODES$5.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -135606,7 +135606,7 @@ var Primitive$4 = NODES$4.reduce((primitive, node) => {
 }, {});
 
 // packages/core/primitive/src/primitive.tsx
-function composeEventHandlers$2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+function composeEventHandlers$3(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
     if (checkForDefaultPrevented === false || !event.defaultPrevented) {
@@ -135616,7 +135616,7 @@ function composeEventHandlers$2(originalEventHandler, ourEventHandler, { checkFo
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$8(scopeName, createContextScopeDeps = []) {
+function createContextScope$9(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -135651,9 +135651,9 @@ function createContextScope$8(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$8(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$9(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$8(...scopes) {
+function composeContextScopes$9(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -135675,23 +135675,23 @@ function composeContextScopes$8(...scopes) {
 }
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef$2(ref, value) {
+function setRef$3(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$2(...refs) {
-  return (node) => refs.forEach((ref) => setRef$2(ref, node));
+function composeRefs$3(...refs) {
+  return (node) => refs.forEach((ref) => setRef$3(ref, node));
 }
-function useComposedRefs$2(...refs) {
-  return React__namespace.useCallback(composeRefs$2(...refs), refs);
+function useComposedRefs$3(...refs) {
+  return React__namespace.useCallback(composeRefs$3(...refs), refs);
 }
 
 function createCollection$1(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope] = createContextScope$8(PROVIDER_NAME);
+  const [createCollectionContext, createCollectionScope] = createContextScope$9(PROVIDER_NAME);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -135708,7 +135708,7 @@ function createCollection$1(name) {
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-      const composedRefs = useComposedRefs$2(forwardedRef, context.collectionRef);
+      const composedRefs = useComposedRefs$3(forwardedRef, context.collectionRef);
       return /* @__PURE__ */ jsxRuntime.jsx(Slot, { ref: composedRefs, children });
     }
   );
@@ -135719,7 +135719,7 @@ function createCollection$1(name) {
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
       const ref = React.useRef(null);
-      const composedRefs = useComposedRefs$2(forwardedRef, ref);
+      const composedRefs = useComposedRefs$3(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
       React.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
@@ -135751,7 +135751,7 @@ function createCollection$1(name) {
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$7(scopeName, createContextScopeDeps = []) {
+function createContextScope$8(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -135786,9 +135786,9 @@ function createContextScope$7(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$7(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$8(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$7(...scopes) {
+function composeContextScopes$8(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -135810,14 +135810,14 @@ function composeContextScopes$7(...scopes) {
 }
 
 // packages/react/direction/src/Direction.tsx
-var DirectionContext$1 = React__namespace.createContext(void 0);
-function useDirection$1(localDir) {
-  const globalDir = React__namespace.useContext(DirectionContext$1);
+var DirectionContext$2 = React__namespace.createContext(void 0);
+function useDirection$2(localDir) {
+  const globalDir = React__namespace.useContext(DirectionContext$2);
   return localDir || globalDir || "ltr";
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$3 = [
+var NODES$4 = [
   "a",
   "button",
   "div",
@@ -135835,7 +135835,7 @@ var NODES$3 = [
   "svg",
   "ul"
 ];
-var Primitive$3 = NODES$3.reduce((primitive, node) => {
+var Primitive$4 = NODES$4.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -135852,7 +135852,7 @@ function dispatchDiscreteCustomEvent$1(target, event) {
 }
 
 // packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef$3(callback) {
+function useCallbackRef$4(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
@@ -135862,7 +135862,7 @@ function useCallbackRef$3(callback) {
 
 // packages/react/use-escape-keydown/src/useEscapeKeydown.tsx
 function useEscapeKeydown$1(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
-  const onEscapeKeyDown = useCallbackRef$3(onEscapeKeyDownProp);
+  const onEscapeKeyDown = useCallbackRef$4(onEscapeKeyDownProp);
   React__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -135899,7 +135899,7 @@ var DismissableLayer$1 = React__namespace.forwardRef(
     const [node, setNode] = React__namespace.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
     const [, force] = React__namespace.useState({});
-    const composedRefs = useComposedRefs$2(forwardedRef, (node2) => setNode(node2));
+    const composedRefs = useComposedRefs$3(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
     const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
@@ -135962,7 +135962,7 @@ var DismissableLayer$1 = React__namespace.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$1, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$3.div,
+      Primitive$4.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -135970,9 +135970,9 @@ var DismissableLayer$1 = React__namespace.forwardRef(
           pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
           ...props.style
         },
-        onFocusCapture: composeEventHandlers$2(props.onFocusCapture, focusOutside.onFocusCapture),
-        onBlurCapture: composeEventHandlers$2(props.onBlurCapture, focusOutside.onBlurCapture),
-        onPointerDownCapture: composeEventHandlers$2(
+        onFocusCapture: composeEventHandlers$3(props.onFocusCapture, focusOutside.onFocusCapture),
+        onBlurCapture: composeEventHandlers$3(props.onBlurCapture, focusOutside.onBlurCapture),
+        onPointerDownCapture: composeEventHandlers$3(
           props.onPointerDownCapture,
           pointerDownOutside.onPointerDownCapture
         )
@@ -135985,7 +135985,7 @@ var BRANCH_NAME$1 = "DismissableLayerBranch";
 var DismissableLayerBranch$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const context = React__namespace.useContext(DismissableLayerContext$1);
   const ref = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs$2(forwardedRef, ref);
+  const composedRefs = useComposedRefs$3(forwardedRef, ref);
   React__namespace.useEffect(() => {
     const node = ref.current;
     if (node) {
@@ -135995,11 +135995,11 @@ var DismissableLayerBranch$1 = React__namespace.forwardRef((props, forwardedRef)
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$4.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$1.displayName = BRANCH_NAME$1;
 function usePointerDownOutside$1(onPointerDownOutside, ownerDocument = globalThis?.document) {
-  const handlePointerDownOutside = useCallbackRef$3(onPointerDownOutside);
+  const handlePointerDownOutside = useCallbackRef$4(onPointerDownOutside);
   const isPointerInsideReactTreeRef = React__namespace.useRef(false);
   const handleClickRef = React__namespace.useRef(() => {
   });
@@ -136042,7 +136042,7 @@ function usePointerDownOutside$1(onPointerDownOutside, ownerDocument = globalThi
   };
 }
 function useFocusOutside$1(onFocusOutside, ownerDocument = globalThis?.document) {
-  const handleFocusOutside = useCallbackRef$3(onFocusOutside);
+  const handleFocusOutside = useCallbackRef$4(onFocusOutside);
   const isFocusInsideReactTreeRef = React__namespace.useRef(false);
   React__namespace.useEffect(() => {
     const handleFocus = (event) => {
@@ -136115,10 +136115,10 @@ var FocusScope$1 = React__namespace.forwardRef((props, forwardedRef) => {
     ...scopeProps
   } = props;
   const [container, setContainer] = React__namespace.useState(null);
-  const onMountAutoFocus = useCallbackRef$3(onMountAutoFocusProp);
-  const onUnmountAutoFocus = useCallbackRef$3(onUnmountAutoFocusProp);
+  const onMountAutoFocus = useCallbackRef$4(onMountAutoFocusProp);
+  const onUnmountAutoFocus = useCallbackRef$4(onUnmountAutoFocusProp);
   const lastFocusedElementRef = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs$2(forwardedRef, (node) => setContainer(node));
+  const composedRefs = useComposedRefs$3(forwardedRef, (node) => setContainer(node));
   const focusScope = React__namespace.useRef({
     paused: false,
     pause() {
@@ -136219,7 +136219,7 @@ var FocusScope$1 = React__namespace.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$4.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope$1.displayName = FOCUS_SCOPE_NAME$1;
 function focusFirst$4(candidates, { select = false } = {}) {
@@ -136303,7 +136303,7 @@ function removeLinks$1(items) {
 }
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$3 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$4 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
@@ -136311,7 +136311,7 @@ var useReactId$3 = React__namespace["useId".toString()] || (() => void 0);
 var count$4 = 0;
 function useId$3(deterministicId) {
   const [id, setId] = React__namespace.useState(useReactId$3());
-  useLayoutEffect2$3(() => {
+  useLayoutEffect2$4(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count$4++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
@@ -136322,7 +136322,7 @@ var NAME$2 = "Arrow";
 var Arrow$3 = React__namespace.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive$3.svg,
+    Primitive$4.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -136335,10 +136335,10 @@ var Arrow$3 = React__namespace.forwardRef((props, forwardedRef) => {
   );
 });
 Arrow$3.displayName = NAME$2;
-var Root$4 = Arrow$3;
+var Root$5 = Arrow$3;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$6(scopeName, createContextScopeDeps = []) {
+function createContextScope$7(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -136373,9 +136373,9 @@ function createContextScope$6(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$6(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$7(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$6(...scopes) {
+function composeContextScopes$7(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -136399,7 +136399,7 @@ function composeContextScopes$6(...scopes) {
 // packages/react/use-size/src/useSize.tsx
 function useSize$2(element) {
   const [size, setSize] = React__namespace.useState(void 0);
-  useLayoutEffect2$3(() => {
+  useLayoutEffect2$4(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
       const resizeObserver = new ResizeObserver((entries) => {
@@ -136433,7 +136433,7 @@ function useSize$2(element) {
 }
 
 var POPPER_NAME$1 = "Popper";
-var [createPopperContext$1, createPopperScope$1] = createContextScope$6(POPPER_NAME$1);
+var [createPopperContext$1, createPopperScope$1] = createContextScope$7(POPPER_NAME$1);
 var [PopperProvider$1, usePopperContext$1] = createPopperContext$1(POPPER_NAME$1);
 var Popper$1 = (props) => {
   const { __scopePopper, children } = props;
@@ -136447,11 +136447,11 @@ var PopperAnchor$1 = React__namespace.forwardRef(
     const { __scopePopper, virtualRef, ...anchorProps } = props;
     const context = usePopperContext$1(ANCHOR_NAME$3, __scopePopper);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$2(forwardedRef, ref);
+    const composedRefs = useComposedRefs$3(forwardedRef, ref);
     React__namespace.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$4.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor$1.displayName = ANCHOR_NAME$3;
@@ -136477,7 +136477,7 @@ var PopperContent$1 = React__namespace.forwardRef(
     } = props;
     const context = usePopperContext$1(CONTENT_NAME$4, __scopePopper);
     const [content, setContent] = React__namespace.useState(null);
-    const composedRefs = useComposedRefs$2(forwardedRef, (node) => setContent(node));
+    const composedRefs = useComposedRefs$3(forwardedRef, (node) => setContent(node));
     const [arrow$1, setArrow] = React__namespace.useState(null);
     const arrowSize = useSize$2(arrow$1);
     const arrowWidth = arrowSize?.width ?? 0;
@@ -136531,8 +136531,8 @@ var PopperContent$1 = React__namespace.forwardRef(
       ]
     });
     const [placedSide, placedAlign] = getSideAndAlignFromPlacement$1(placement);
-    const handlePlaced = useCallbackRef$3(onPlaced);
-    useLayoutEffect2$3(() => {
+    const handlePlaced = useCallbackRef$4(onPlaced);
+    useLayoutEffect2$4(() => {
       if (isPositioned) {
         handlePlaced?.();
       }
@@ -136541,7 +136541,7 @@ var PopperContent$1 = React__namespace.forwardRef(
     const arrowY = middlewareData.arrow?.y;
     const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
     const [contentZIndex, setContentZIndex] = React__namespace.useState();
-    useLayoutEffect2$3(() => {
+    useLayoutEffect2$4(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -136578,7 +136578,7 @@ var PopperContent$1 = React__namespace.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              Primitive$3.div,
+              Primitive$4.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -136638,7 +136638,7 @@ var PopperArrow$1 = React__namespace.forwardRef(function PopperArrow2(props, for
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Root$4,
+          Root$5,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -136701,14 +136701,14 @@ var PORTAL_NAME$4 = "Portal";
 var Portal$3 = React__namespace.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React__namespace.useState(false);
-  useLayoutEffect2$3(() => setMounted(true), []);
+  useLayoutEffect2$4(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$4.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$3.displayName = PORTAL_NAME$4;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$5(scopeName, createContextScopeDeps = []) {
+function createContextScope$6(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -136743,9 +136743,9 @@ function createContextScope$5(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$5(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$6(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$5(...scopes) {
+function composeContextScopes$6(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -136776,7 +136776,7 @@ function useControllableState$2({
   const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$2({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef$3(onChange);
+  const handleChange = useCallbackRef$4(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -136798,7 +136798,7 @@ function useUncontrolledState$2({
   const uncontrolledState = React__namespace.useState(defaultProp);
   const [value] = uncontrolledState;
   const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef$3(onChange);
+  const handleChange = useCallbackRef$4(onChange);
   React__namespace.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
@@ -136812,7 +136812,7 @@ var ENTRY_FOCUS$1 = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS$2 = { bubbles: false, cancelable: true };
 var GROUP_NAME$3 = "RovingFocusGroup";
 var [Collection$2, useCollection$2, createCollectionScope$2] = createCollection$1(GROUP_NAME$3);
-var [createRovingFocusGroupContext$1, createRovingFocusGroupScope$1] = createContextScope$5(
+var [createRovingFocusGroupContext$1, createRovingFocusGroupScope$1] = createContextScope$6(
   GROUP_NAME$3,
   [createCollectionScope$2]
 );
@@ -136837,15 +136837,15 @@ var RovingFocusGroupImpl$1 = React__namespace.forwardRef((props, forwardedRef) =
     ...groupProps
   } = props;
   const ref = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs$2(forwardedRef, ref);
-  const direction = useDirection$1(dir);
+  const composedRefs = useComposedRefs$3(forwardedRef, ref);
+  const direction = useDirection$2(dir);
   const [currentTabStopId = null, setCurrentTabStopId] = useControllableState$2({
     prop: currentTabStopIdProp,
     defaultProp: defaultCurrentTabStopId,
     onChange: onCurrentTabStopIdChange
   });
   const [isTabbingBackOut, setIsTabbingBackOut] = React__namespace.useState(false);
-  const handleEntryFocus = useCallbackRef$3(onEntryFocus);
+  const handleEntryFocus = useCallbackRef$4(onEntryFocus);
   const getItems = useCollection$2(__scopeRovingFocusGroup);
   const isClickFocusRef = React__namespace.useRef(false);
   const [focusableItemsCount, setFocusableItemsCount] = React__namespace.useState(0);
@@ -136878,17 +136878,17 @@ var RovingFocusGroupImpl$1 = React__namespace.forwardRef((props, forwardedRef) =
         []
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$3.div,
+        Primitive$4.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
           "data-orientation": orientation,
           ...groupProps,
           ref: composedRefs,
           style: { outline: "none", ...props.style },
-          onMouseDown: composeEventHandlers$2(props.onMouseDown, () => {
+          onMouseDown: composeEventHandlers$3(props.onMouseDown, () => {
             isClickFocusRef.current = true;
           }),
-          onFocus: composeEventHandlers$2(props.onFocus, (event) => {
+          onFocus: composeEventHandlers$3(props.onFocus, (event) => {
             const isKeyboardFocus = !isClickFocusRef.current;
             if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
               const entryFocusEvent = new CustomEvent(ENTRY_FOCUS$1, EVENT_OPTIONS$2);
@@ -136906,7 +136906,7 @@ var RovingFocusGroupImpl$1 = React__namespace.forwardRef((props, forwardedRef) =
             }
             isClickFocusRef.current = false;
           }),
-          onBlur: composeEventHandlers$2(props.onBlur, () => setIsTabbingBackOut(false))
+          onBlur: composeEventHandlers$3(props.onBlur, () => setIsTabbingBackOut(false))
         }
       )
     }
@@ -136942,18 +136942,18 @@ var RovingFocusGroupItem$1 = React__namespace.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$3.span,
+          Primitive$4.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
             ...itemProps,
             ref: forwardedRef,
-            onMouseDown: composeEventHandlers$2(props.onMouseDown, (event) => {
+            onMouseDown: composeEventHandlers$3(props.onMouseDown, (event) => {
               if (!focusable) event.preventDefault();
               else context.onItemFocus(id);
             }),
-            onFocus: composeEventHandlers$2(props.onFocus, () => context.onItemFocus(id)),
-            onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
+            onFocus: composeEventHandlers$3(props.onFocus, () => context.onItemFocus(id)),
+            onKeyDown: composeEventHandlers$3(props.onKeyDown, (event) => {
               if (event.key === "Tab" && event.shiftKey) {
                 context.onItemShiftTab();
                 return;
@@ -137012,7 +137012,7 @@ function focusFirst$3(candidates, preventScroll = false) {
 function wrapArray$2(array, startIndex) {
   return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
-var Root$3 = RovingFocusGroup$1;
+var Root$4 = RovingFocusGroup$1;
 var Item$1 = RovingFocusGroupItem$1;
 
 var getDefaultParent = function (originalTarget) {
@@ -137191,7 +137191,7 @@ function assignRef(ref, value) {
  * @see https://github.com/theKashey/use-callback-ref#usecallbackref---to-replace-reactuseref
  * @returns {MutableRefObject}
  */
-function useCallbackRef$2(initialValue, callback) {
+function useCallbackRef$3(initialValue, callback) {
     var ref = React.useState(function () { return ({
         // value
         value: initialValue,
@@ -137231,7 +137231,7 @@ function useCallbackRef$2(initialValue, callback) {
  * }
  */
 function useMergeRefs(refs, defaultValue) {
-    return useCallbackRef$2(defaultValue || null, function (newValue) { return refs.forEach(function (ref) { return assignRef(ref, newValue); }); });
+    return useCallbackRef$3(defaultValue || null, function (newValue) { return refs.forEach(function (ref) { return assignRef(ref, newValue); }); });
 }
 
 function ItoI(a) {
@@ -137834,7 +137834,7 @@ var SUB_CLOSE_KEYS = {
 };
 var MENU_NAME = "Menu";
 var [Collection$1, useCollection$1, createCollectionScope$1] = createCollection$1(MENU_NAME);
-var [createMenuContext, createMenuScope] = createContextScope$7(MENU_NAME, [
+var [createMenuContext, createMenuScope] = createContextScope$8(MENU_NAME, [
   createCollectionScope$1,
   createPopperScope$1,
   createRovingFocusGroupScope$1
@@ -137848,8 +137848,8 @@ var Menu = (props) => {
   const popperScope = usePopperScope$1(__scopeMenu);
   const [content, setContent] = React__namespace.useState(null);
   const isUsingKeyboardRef = React__namespace.useRef(false);
-  const handleOpenChange = useCallbackRef$3(onOpenChange);
-  const direction = useDirection$1(dir);
+  const handleOpenChange = useCallbackRef$4(onOpenChange);
+  const direction = useDirection$2(dir);
   React__namespace.useEffect(() => {
     const handleKeyDown = () => {
       isUsingKeyboardRef.current = true;
@@ -137921,7 +137921,7 @@ var MenuRootContentModal = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$2(forwardedRef, ref);
+    const composedRefs = useComposedRefs$3(forwardedRef, ref);
     React__namespace.useEffect(() => {
       const content = ref.current;
       if (content) return hideOthers(content);
@@ -137934,7 +137934,7 @@ var MenuRootContentModal = React__namespace.forwardRef(
         trapFocus: context.open,
         disableOutsidePointerEvents: context.open,
         disableOutsideScroll: true,
-        onFocusOutside: composeEventHandlers$2(
+        onFocusOutside: composeEventHandlers$3(
           props.onFocusOutside,
           (event) => event.preventDefault(),
           { checkForDefaultPrevented: false }
@@ -137983,7 +137983,7 @@ var MenuContentImpl = React__namespace.forwardRef(
     const getItems = useCollection$1(__scopeMenu);
     const [currentItemId, setCurrentItemId] = React__namespace.useState(null);
     const contentRef = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$2(forwardedRef, contentRef, context.onContentChange);
+    const composedRefs = useComposedRefs$3(forwardedRef, contentRef, context.onContentChange);
     const timerRef = React__namespace.useRef(0);
     const searchRef = React__namespace.useRef("");
     const pointerGraceTimerRef = React__namespace.useRef(0);
@@ -138051,7 +138051,7 @@ var MenuContentImpl = React__namespace.forwardRef(
           {
             asChild: true,
             trapped: trapFocus,
-            onMountAutoFocus: composeEventHandlers$2(onOpenAutoFocus, (event) => {
+            onMountAutoFocus: composeEventHandlers$3(onOpenAutoFocus, (event) => {
               event.preventDefault();
               contentRef.current?.focus({ preventScroll: true });
             }),
@@ -138067,7 +138067,7 @@ var MenuContentImpl = React__namespace.forwardRef(
                 onInteractOutside,
                 onDismiss,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Root$3,
+                  Root$4,
                   {
                     asChild: true,
                     ...rovingFocusGroupScope,
@@ -138076,7 +138076,7 @@ var MenuContentImpl = React__namespace.forwardRef(
                     loop,
                     currentTabStopId: currentItemId,
                     onCurrentTabStopIdChange: setCurrentItemId,
-                    onEntryFocus: composeEventHandlers$2(onEntryFocus, (event) => {
+                    onEntryFocus: composeEventHandlers$3(onEntryFocus, (event) => {
                       if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
                     }),
                     preventScrollOnEntryFocus: true,
@@ -138092,7 +138092,7 @@ var MenuContentImpl = React__namespace.forwardRef(
                         ...contentProps,
                         ref: composedRefs,
                         style: { outline: "none", ...contentProps.style },
-                        onKeyDown: composeEventHandlers$2(contentProps.onKeyDown, (event) => {
+                        onKeyDown: composeEventHandlers$3(contentProps.onKeyDown, (event) => {
                           const target = event.target;
                           const isKeyDownInside = target.closest("[data-radix-menu-content]") === event.currentTarget;
                           const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
@@ -138110,13 +138110,13 @@ var MenuContentImpl = React__namespace.forwardRef(
                           if (LAST_KEYS.includes(event.key)) candidateNodes.reverse();
                           focusFirst$2(candidateNodes);
                         }),
-                        onBlur: composeEventHandlers$2(props.onBlur, (event) => {
+                        onBlur: composeEventHandlers$3(props.onBlur, (event) => {
                           if (!event.currentTarget.contains(event.target)) {
                             window.clearTimeout(timerRef.current);
                             searchRef.current = "";
                           }
                         }),
-                        onPointerMove: composeEventHandlers$2(
+                        onPointerMove: composeEventHandlers$3(
                           props.onPointerMove,
                           whenMouse((event) => {
                             const target = event.target;
@@ -138145,7 +138145,7 @@ var GROUP_NAME$2 = "MenuGroup";
 var MenuGroup = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$4.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
 MenuGroup.displayName = GROUP_NAME$2;
@@ -138153,7 +138153,7 @@ var LABEL_NAME$1 = "MenuLabel";
 var MenuLabel = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$4.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME$1;
@@ -138165,7 +138165,7 @@ var MenuItem = React__namespace.forwardRef(
     const ref = React__namespace.useRef(null);
     const rootContext = useMenuRootContext(ITEM_NAME$3, props.__scopeMenu);
     const contentContext = useMenuContentContext(ITEM_NAME$3, props.__scopeMenu);
-    const composedRefs = useComposedRefs$2(forwardedRef, ref);
+    const composedRefs = useComposedRefs$3(forwardedRef, ref);
     const isPointerDownRef = React__namespace.useRef(false);
     const handleSelect = () => {
       const menuItem = ref.current;
@@ -138186,15 +138186,15 @@ var MenuItem = React__namespace.forwardRef(
         ...itemProps,
         ref: composedRefs,
         disabled,
-        onClick: composeEventHandlers$2(props.onClick, handleSelect),
+        onClick: composeEventHandlers$3(props.onClick, handleSelect),
         onPointerDown: (event) => {
           props.onPointerDown?.(event);
           isPointerDownRef.current = true;
         },
-        onPointerUp: composeEventHandlers$2(props.onPointerUp, (event) => {
+        onPointerUp: composeEventHandlers$3(props.onPointerUp, (event) => {
           if (!isPointerDownRef.current) event.currentTarget?.click();
         }),
-        onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers$3(props.onKeyDown, (event) => {
           const isTypingAhead = contentContext.searchRef.current !== "";
           if (disabled || isTypingAhead && event.key === " ") return;
           if (SELECTION_KEYS.includes(event.key)) {
@@ -138213,7 +138213,7 @@ var MenuItemImpl = React__namespace.forwardRef(
     const contentContext = useMenuContentContext(ITEM_NAME$3, __scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$2(forwardedRef, ref);
+    const composedRefs = useComposedRefs$3(forwardedRef, ref);
     const [isFocused, setIsFocused] = React__namespace.useState(false);
     const [textContent, setTextContent] = React__namespace.useState("");
     React__namespace.useEffect(() => {
@@ -138229,7 +138229,7 @@ var MenuItemImpl = React__namespace.forwardRef(
         disabled,
         textValue: textValue ?? textContent,
         children: /* @__PURE__ */ jsxRuntime.jsx(Item$1, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$3.div,
+          Primitive$4.div,
           {
             role: "menuitem",
             "data-highlighted": isFocused ? "" : void 0,
@@ -138237,7 +138237,7 @@ var MenuItemImpl = React__namespace.forwardRef(
             "data-disabled": disabled ? "" : void 0,
             ...itemProps,
             ref: composedRefs,
-            onPointerMove: composeEventHandlers$2(
+            onPointerMove: composeEventHandlers$3(
               props.onPointerMove,
               whenMouse((event) => {
                 if (disabled) {
@@ -138251,12 +138251,12 @@ var MenuItemImpl = React__namespace.forwardRef(
                 }
               })
             ),
-            onPointerLeave: composeEventHandlers$2(
+            onPointerLeave: composeEventHandlers$3(
               props.onPointerLeave,
               whenMouse((event) => contentContext.onItemLeave(event))
             ),
-            onFocus: composeEventHandlers$2(props.onFocus, () => setIsFocused(true)),
-            onBlur: composeEventHandlers$2(props.onBlur, () => setIsFocused(false))
+            onFocus: composeEventHandlers$3(props.onFocus, () => setIsFocused(true)),
+            onBlur: composeEventHandlers$3(props.onBlur, () => setIsFocused(false))
           }
         ) })
       }
@@ -138275,7 +138275,7 @@ var MenuCheckboxItem = React__namespace.forwardRef(
         ...checkboxItemProps,
         ref: forwardedRef,
         "data-state": getCheckedState(checked),
-        onSelect: composeEventHandlers$2(
+        onSelect: composeEventHandlers$3(
           checkboxItemProps.onSelect,
           () => onCheckedChange?.(isIndeterminate(checked) ? true : !checked),
           { checkForDefaultPrevented: false }
@@ -138294,7 +138294,7 @@ var [RadioGroupProvider$1, useRadioGroupContext$1] = createMenuContext(
 var MenuRadioGroup = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { value, onValueChange, ...groupProps } = props;
-    const handleValueChange = useCallbackRef$3(onValueChange);
+    const handleValueChange = useCallbackRef$4(onValueChange);
     return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupProvider$1, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ...groupProps, ref: forwardedRef }) });
   }
 );
@@ -138313,7 +138313,7 @@ var MenuRadioItem = React__namespace.forwardRef(
         ...radioItemProps,
         ref: forwardedRef,
         "data-state": getCheckedState(checked),
-        onSelect: composeEventHandlers$2(
+        onSelect: composeEventHandlers$3(
           radioItemProps.onSelect,
           () => context.onValueChange?.(value),
           { checkForDefaultPrevented: false }
@@ -138337,7 +138337,7 @@ var MenuItemIndicator = React__namespace.forwardRef(
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$3.span,
+          Primitive$4.span,
           {
             ...itemIndicatorProps,
             ref: forwardedRef,
@@ -138354,7 +138354,7 @@ var MenuSeparator = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$3.div,
+      Primitive$4.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -138382,7 +138382,7 @@ var MenuSub = (props) => {
   const popperScope = usePopperScope$1(__scopeMenu);
   const [trigger, setTrigger] = React__namespace.useState(null);
   const [content, setContent] = React__namespace.useState(null);
-  const handleOpenChange = useCallbackRef$3(onOpenChange);
+  const handleOpenChange = useCallbackRef$4(onOpenChange);
   React__namespace.useEffect(() => {
     if (parentMenuContext.open === false) handleOpenChange(false);
     return () => handleOpenChange(false);
@@ -138441,14 +138441,14 @@ var MenuSubTrigger = React__namespace.forwardRef(
         "aria-controls": subContext.contentId,
         "data-state": getOpenState(context.open),
         ...props,
-        ref: composeRefs$2(forwardedRef, subContext.onTriggerChange),
+        ref: composeRefs$3(forwardedRef, subContext.onTriggerChange),
         onClick: (event) => {
           props.onClick?.(event);
           if (props.disabled || event.defaultPrevented) return;
           event.currentTarget.focus();
           if (!context.open) context.onOpenChange(true);
         },
-        onPointerMove: composeEventHandlers$2(
+        onPointerMove: composeEventHandlers$3(
           props.onPointerMove,
           whenMouse((event) => {
             contentContext.onItemEnter(event);
@@ -138462,7 +138462,7 @@ var MenuSubTrigger = React__namespace.forwardRef(
             }
           })
         ),
-        onPointerLeave: composeEventHandlers$2(
+        onPointerLeave: composeEventHandlers$3(
           props.onPointerLeave,
           whenMouse((event) => {
             clearOpenTimer();
@@ -138497,7 +138497,7 @@ var MenuSubTrigger = React__namespace.forwardRef(
             }
           })
         ),
-        onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers$3(props.onKeyDown, (event) => {
           const isTypingAhead = contentContext.searchRef.current !== "";
           if (props.disabled || isTypingAhead && event.key === " ") return;
           if (SUB_OPEN_KEYS[rootContext.dir].includes(event.key)) {
@@ -138520,7 +138520,7 @@ var MenuSubContent = React__namespace.forwardRef(
     const rootContext = useMenuRootContext(CONTENT_NAME$3, props.__scopeMenu);
     const subContext = useMenuSubContext(SUB_CONTENT_NAME$1, props.__scopeMenu);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$2(forwardedRef, ref);
+    const composedRefs = useComposedRefs$3(forwardedRef, ref);
     return /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
       MenuContentImpl,
       {
@@ -138538,14 +138538,14 @@ var MenuSubContent = React__namespace.forwardRef(
           event.preventDefault();
         },
         onCloseAutoFocus: (event) => event.preventDefault(),
-        onFocusOutside: composeEventHandlers$2(props.onFocusOutside, (event) => {
+        onFocusOutside: composeEventHandlers$3(props.onFocusOutside, (event) => {
           if (event.target !== subContext.trigger) context.onOpenChange(false);
         }),
-        onEscapeKeyDown: composeEventHandlers$2(props.onEscapeKeyDown, (event) => {
+        onEscapeKeyDown: composeEventHandlers$3(props.onEscapeKeyDown, (event) => {
           rootContext.onClose();
           event.preventDefault();
         }),
-        onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers$3(props.onKeyDown, (event) => {
           const isKeyDownInside = event.currentTarget.contains(event.target);
           const isCloseKey = SUB_CLOSE_KEYS[rootContext.dir].includes(event.key);
           if (isKeyDownInside && isCloseKey) {
@@ -138630,7 +138630,7 @@ var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$2 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$3 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
@@ -138638,14 +138638,14 @@ var useReactId$2 = React__namespace["useId".toString()] || (() => void 0);
 var count$3 = 0;
 function useId$2(deterministicId) {
   const [id, setId] = React__namespace.useState(useReactId$2());
-  useLayoutEffect2$2(() => {
+  useLayoutEffect2$3(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count$3++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
 
 var DROPDOWN_MENU_NAME = "DropdownMenu";
-var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope$9(
+var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope$a(
   DROPDOWN_MENU_NAME,
   [createMenuScope]
 );
@@ -138691,7 +138691,7 @@ var DropdownMenuTrigger = React__namespace.forwardRef(
     const context = useDropdownMenuContext(TRIGGER_NAME$1, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     return /* @__PURE__ */ jsxRuntime.jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$4.button,
+      Primitive$5.button,
       {
         type: "button",
         id: context.triggerId,
@@ -138702,14 +138702,14 @@ var DropdownMenuTrigger = React__namespace.forwardRef(
         "data-disabled": disabled ? "" : void 0,
         disabled,
         ...triggerProps,
-        ref: composeRefs$3(forwardedRef, context.triggerRef),
-        onPointerDown: composeEventHandlers$3(props.onPointerDown, (event) => {
+        ref: composeRefs$4(forwardedRef, context.triggerRef),
+        onPointerDown: composeEventHandlers$4(props.onPointerDown, (event) => {
           if (!disabled && event.button === 0 && event.ctrlKey === false) {
             context.onOpenToggle();
             if (!context.open) event.preventDefault();
           }
         }),
-        onKeyDown: composeEventHandlers$3(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers$4(props.onKeyDown, (event) => {
           if (disabled) return;
           if (["Enter", " "].includes(event.key)) context.onOpenToggle();
           if (event.key === "ArrowDown") context.onOpenChange(true);
@@ -138742,12 +138742,12 @@ var DropdownMenuContent = React__namespace.forwardRef(
         ...menuScope,
         ...contentProps,
         ref: forwardedRef,
-        onCloseAutoFocus: composeEventHandlers$3(props.onCloseAutoFocus, (event) => {
+        onCloseAutoFocus: composeEventHandlers$4(props.onCloseAutoFocus, (event) => {
           if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
           hasInteractedOutsideRef.current = false;
           event.preventDefault();
         }),
-        onInteractOutside: composeEventHandlers$3(props.onInteractOutside, (event) => {
+        onInteractOutside: composeEventHandlers$4(props.onInteractOutside, (event) => {
           const originalEvent = event.detail.originalEvent;
           const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
           const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
@@ -139011,7 +139011,7 @@ function Notification(_a) {
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$2 = [
+var NODES$3 = [
   "a",
   "button",
   "div",
@@ -139029,7 +139029,7 @@ var NODES$2 = [
   "svg",
   "ul"
 ];
-var Primitive$2 = NODES$2.reduce((primitive, node) => {
+var Primitive$3 = NODES$3.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -139052,7 +139052,7 @@ var Separator$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const ariaOrientation = orientation === "vertical" ? orientation : void 0;
   const semanticProps = decorative ? { role: "none" } : { "aria-orientation": ariaOrientation, role: "separator" };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive$2.div,
+    Primitive$3.div,
     {
       "data-orientation": orientation,
       ...semanticProps,
@@ -139065,15 +139065,15 @@ Separator$1.displayName = NAME$1;
 function isValidOrientation(orientation) {
   return ORIENTATIONS.includes(orientation);
 }
-var Root$2 = Separator$1;
+var Root$3 = Separator$1;
 
 var Separator = React__namespace.forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.orientation, orientation = _b === void 0 ? "horizontal" : _b, _c = _a.decorative, decorative = _c === void 0 ? true : _c, props = __rest(_a, ["className", "orientation", "decorative"]);
-    return (React__namespace.createElement(Root$2, __assign({ ref: ref, decorative: decorative, orientation: orientation, className: classNames("s-shrink-0 s-bg-separator", orientation === "horizontal"
+    return (React__namespace.createElement(Root$3, __assign({ ref: ref, decorative: decorative, orientation: orientation, className: classNames("s-shrink-0 s-bg-separator", orientation === "horizontal"
             ? "s-h-[1px] s-w-full"
             : "s-h-full s-w-[1px]", className !== null && className !== void 0 ? className : "") }, props)));
 });
-Separator.displayName = Root$2.displayName;
+Separator.displayName = Root$3.displayName;
 
 function Page(_a) {
     var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "normal" : _b;
@@ -139186,7 +139186,7 @@ function PaginatedCitationsGrid(_a) {
 }
 
 // packages/core/primitive/src/primitive.tsx
-function composeEventHandlers$1(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+function composeEventHandlers$2(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
     if (checkForDefaultPrevented === false || !event.defaultPrevented) {
@@ -139196,22 +139196,22 @@ function composeEventHandlers$1(originalEventHandler, ourEventHandler, { checkFo
 }
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef$1(ref, value) {
+function setRef$2(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$1(...refs) {
-  return (node) => refs.forEach((ref) => setRef$1(ref, node));
+function composeRefs$2(...refs) {
+  return (node) => refs.forEach((ref) => setRef$2(ref, node));
 }
-function useComposedRefs$1(...refs) {
-  return React__namespace.useCallback(composeRefs$1(...refs), refs);
+function useComposedRefs$2(...refs) {
+  return React__namespace.useCallback(composeRefs$2(...refs), refs);
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$4(scopeName, createContextScopeDeps = []) {
+function createContextScope$5(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -139246,9 +139246,9 @@ function createContextScope$4(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$4(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$5(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$4(...scopes) {
+function composeContextScopes$5(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -139270,7 +139270,7 @@ function composeContextScopes$4(...scopes) {
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$1 = [
+var NODES$2 = [
   "a",
   "button",
   "div",
@@ -139288,7 +139288,7 @@ var NODES$1 = [
   "svg",
   "ul"
 ];
-var Primitive$1 = NODES$1.reduce((primitive, node) => {
+var Primitive$2 = NODES$2.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -139305,7 +139305,7 @@ function dispatchDiscreteCustomEvent(target, event) {
 }
 
 // packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef$1(callback) {
+function useCallbackRef$2(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
@@ -139315,7 +139315,7 @@ function useCallbackRef$1(callback) {
 
 // packages/react/use-escape-keydown/src/useEscapeKeydown.tsx
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
-  const onEscapeKeyDown = useCallbackRef$1(onEscapeKeyDownProp);
+  const onEscapeKeyDown = useCallbackRef$2(onEscapeKeyDownProp);
   React__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -139352,7 +139352,7 @@ var DismissableLayer = React__namespace.forwardRef(
     const [node, setNode] = React__namespace.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
     const [, force] = React__namespace.useState({});
-    const composedRefs = useComposedRefs$1(forwardedRef, (node2) => setNode(node2));
+    const composedRefs = useComposedRefs$2(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
     const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
@@ -139415,7 +139415,7 @@ var DismissableLayer = React__namespace.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$1.div,
+      Primitive$2.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -139423,9 +139423,9 @@ var DismissableLayer = React__namespace.forwardRef(
           pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
           ...props.style
         },
-        onFocusCapture: composeEventHandlers$1(props.onFocusCapture, focusOutside.onFocusCapture),
-        onBlurCapture: composeEventHandlers$1(props.onBlurCapture, focusOutside.onBlurCapture),
-        onPointerDownCapture: composeEventHandlers$1(
+        onFocusCapture: composeEventHandlers$2(props.onFocusCapture, focusOutside.onFocusCapture),
+        onBlurCapture: composeEventHandlers$2(props.onBlurCapture, focusOutside.onBlurCapture),
+        onPointerDownCapture: composeEventHandlers$2(
           props.onPointerDownCapture,
           pointerDownOutside.onPointerDownCapture
         )
@@ -139438,7 +139438,7 @@ var BRANCH_NAME = "DismissableLayerBranch";
 var DismissableLayerBranch = React__namespace.forwardRef((props, forwardedRef) => {
   const context = React__namespace.useContext(DismissableLayerContext);
   const ref = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs$1(forwardedRef, ref);
+  const composedRefs = useComposedRefs$2(forwardedRef, ref);
   React__namespace.useEffect(() => {
     const node = ref.current;
     if (node) {
@@ -139448,11 +139448,11 @@ var DismissableLayerBranch = React__namespace.forwardRef((props, forwardedRef) =
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
-  const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
+  const handlePointerDownOutside = useCallbackRef$2(onPointerDownOutside);
   const isPointerInsideReactTreeRef = React__namespace.useRef(false);
   const handleClickRef = React__namespace.useRef(() => {
   });
@@ -139495,7 +139495,7 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
   };
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
-  const handleFocusOutside = useCallbackRef$1(onFocusOutside);
+  const handleFocusOutside = useCallbackRef$2(onFocusOutside);
   const isFocusInsideReactTreeRef = React__namespace.useRef(false);
   React__namespace.useEffect(() => {
     const handleFocus = (event) => {
@@ -139568,10 +139568,10 @@ var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
     ...scopeProps
   } = props;
   const [container, setContainer] = React__namespace.useState(null);
-  const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
-  const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
+  const onMountAutoFocus = useCallbackRef$2(onMountAutoFocusProp);
+  const onUnmountAutoFocus = useCallbackRef$2(onUnmountAutoFocusProp);
   const lastFocusedElementRef = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs$1(forwardedRef, (node) => setContainer(node));
+  const composedRefs = useComposedRefs$2(forwardedRef, (node) => setContainer(node));
   const focusScope = React__namespace.useRef({
     paused: false,
     pause() {
@@ -139672,7 +139672,7 @@ var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst$1(candidates, { select = false } = {}) {
@@ -139756,7 +139756,7 @@ function removeLinks(items) {
 }
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$1 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$2 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
@@ -139764,7 +139764,7 @@ var useReactId$1 = React__namespace["useId".toString()] || (() => void 0);
 var count$1 = 0;
 function useId$1(deterministicId) {
   const [id, setId] = React__namespace.useState(useReactId$1());
-  useLayoutEffect2$1(() => {
+  useLayoutEffect2$2(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count$1++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
@@ -139775,7 +139775,7 @@ var NAME = "Arrow";
 var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive$1.svg,
+    Primitive$2.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -139788,10 +139788,10 @@ var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
   );
 });
 Arrow$1.displayName = NAME;
-var Root$1 = Arrow$1;
+var Root$2 = Arrow$1;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$3(scopeName, createContextScopeDeps = []) {
+function createContextScope$4(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -139826,9 +139826,9 @@ function createContextScope$3(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$3(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$4(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$3(...scopes) {
+function composeContextScopes$4(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -139852,7 +139852,7 @@ function composeContextScopes$3(...scopes) {
 // packages/react/use-size/src/useSize.tsx
 function useSize$1(element) {
   const [size, setSize] = React__namespace.useState(void 0);
-  useLayoutEffect2$1(() => {
+  useLayoutEffect2$2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
       const resizeObserver = new ResizeObserver((entries) => {
@@ -139886,7 +139886,7 @@ function useSize$1(element) {
 }
 
 var POPPER_NAME = "Popper";
-var [createPopperContext, createPopperScope] = createContextScope$3(POPPER_NAME);
+var [createPopperContext, createPopperScope] = createContextScope$4(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
@@ -139900,11 +139900,11 @@ var PopperAnchor = React__namespace.forwardRef(
     const { __scopePopper, virtualRef, ...anchorProps } = props;
     const context = usePopperContext(ANCHOR_NAME$1, __scopePopper);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, ref);
+    const composedRefs = useComposedRefs$2(forwardedRef, ref);
     React__namespace.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME$1;
@@ -139930,7 +139930,7 @@ var PopperContent = React__namespace.forwardRef(
     } = props;
     const context = usePopperContext(CONTENT_NAME$1, __scopePopper);
     const [content, setContent] = React__namespace.useState(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, (node) => setContent(node));
+    const composedRefs = useComposedRefs$2(forwardedRef, (node) => setContent(node));
     const [arrow$1, setArrow] = React__namespace.useState(null);
     const arrowSize = useSize$1(arrow$1);
     const arrowWidth = arrowSize?.width ?? 0;
@@ -139984,8 +139984,8 @@ var PopperContent = React__namespace.forwardRef(
       ]
     });
     const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
-    const handlePlaced = useCallbackRef$1(onPlaced);
-    useLayoutEffect2$1(() => {
+    const handlePlaced = useCallbackRef$2(onPlaced);
+    useLayoutEffect2$2(() => {
       if (isPositioned) {
         handlePlaced?.();
       }
@@ -139994,7 +139994,7 @@ var PopperContent = React__namespace.forwardRef(
     const arrowY = middlewareData.arrow?.y;
     const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
     const [contentZIndex, setContentZIndex] = React__namespace.useState();
-    useLayoutEffect2$1(() => {
+    useLayoutEffect2$2(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -140031,7 +140031,7 @@ var PopperContent = React__namespace.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              Primitive$1.div,
+              Primitive$2.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -140091,7 +140091,7 @@ var PopperArrow = React__namespace.forwardRef(function PopperArrow2(props, forwa
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Root$1,
+          Root$2,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -140154,9 +140154,9 @@ var PORTAL_NAME$1 = "Portal";
 var Portal$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React__namespace.useState(false);
-  useLayoutEffect2$1(() => setMounted(true), []);
+  useLayoutEffect2$2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$1.displayName = PORTAL_NAME$1;
 
@@ -140170,7 +140170,7 @@ function useControllableState$1({
   const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$1({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef$1(onChange);
+  const handleChange = useCallbackRef$2(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -140192,7 +140192,7 @@ function useUncontrolledState$1({
   const uncontrolledState = React__namespace.useState(defaultProp);
   const [value] = uncontrolledState;
   const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef$1(onChange);
+  const handleChange = useCallbackRef$2(onChange);
   React__namespace.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
@@ -140522,7 +140522,7 @@ ReactRemoveScroll.classNames = RemoveScroll$1.classNames;
 var RemoveScroll = ReactRemoveScroll;
 
 var POPOVER_NAME = "Popover";
-var [createPopoverContext, createPopoverScope] = createContextScope$4(POPOVER_NAME, [
+var [createPopoverContext, createPopoverScope] = createContextScope$5(POPOVER_NAME, [
   createPopperScope
 ]);
 var usePopperScope = createPopperScope();
@@ -140583,9 +140583,9 @@ var PopoverTrigger$1 = React__namespace.forwardRef(
     const { __scopePopover, ...triggerProps } = props;
     const context = usePopoverContext(TRIGGER_NAME, __scopePopover);
     const popperScope = usePopperScope(__scopePopover);
-    const composedTriggerRef = useComposedRefs$1(forwardedRef, context.triggerRef);
+    const composedTriggerRef = useComposedRefs$2(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$1.button,
+      Primitive$2.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -140594,7 +140594,7 @@ var PopoverTrigger$1 = React__namespace.forwardRef(
         "data-state": getState$1(context.open),
         ...triggerProps,
         ref: composedTriggerRef,
-        onClick: composeEventHandlers$1(props.onClick, context.onOpenToggle)
+        onClick: composeEventHandlers$2(props.onClick, context.onOpenToggle)
       }
     );
     return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsxRuntime.jsx(Anchor, { asChild: true, ...popperScope, children: trigger });
@@ -140625,7 +140625,7 @@ var PopoverContentModal = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
     const contentRef = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
+    const composedRefs = useComposedRefs$2(forwardedRef, contentRef);
     const isRightClickOutsideRef = React__namespace.useRef(false);
     React__namespace.useEffect(() => {
       const content = contentRef.current;
@@ -140638,11 +140638,11 @@ var PopoverContentModal = React__namespace.forwardRef(
         ref: composedRefs,
         trapFocus: context.open,
         disableOutsidePointerEvents: true,
-        onCloseAutoFocus: composeEventHandlers$1(props.onCloseAutoFocus, (event) => {
+        onCloseAutoFocus: composeEventHandlers$2(props.onCloseAutoFocus, (event) => {
           event.preventDefault();
           if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: composeEventHandlers$1(
+        onPointerDownOutside: composeEventHandlers$2(
           props.onPointerDownOutside,
           (event) => {
             const originalEvent = event.detail.originalEvent;
@@ -140652,7 +140652,7 @@ var PopoverContentModal = React__namespace.forwardRef(
           },
           { checkForDefaultPrevented: false }
         ),
-        onFocusOutside: composeEventHandlers$1(
+        onFocusOutside: composeEventHandlers$2(
           props.onFocusOutside,
           (event) => event.preventDefault(),
           { checkForDefaultPrevented: false }
@@ -140770,12 +140770,12 @@ var PopoverClose = React__namespace.forwardRef(
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverContext(CLOSE_NAME, __scopePopover);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$1.button,
+      Primitive$2.button,
       {
         type: "button",
         ...closeProps,
         ref: forwardedRef,
-        onClick: composeEventHandlers$1(props.onClick, () => context.onOpenChange(false))
+        onClick: composeEventHandlers$2(props.onClick, () => context.onOpenChange(false))
       }
     );
   }
@@ -140908,7 +140908,7 @@ PriceTable.Container = function (_a) {
 };
 
 // packages/core/primitive/src/primitive.tsx
-function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+function composeEventHandlers$1(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
     if (checkForDefaultPrevented === false || !event.defaultPrevented) {
@@ -140918,22 +140918,22 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 }
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef(ref, value) {
+function setRef$1(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs(...refs) {
-  return (node) => refs.forEach((ref) => setRef(ref, node));
+function composeRefs$1(...refs) {
+  return (node) => refs.forEach((ref) => setRef$1(ref, node));
 }
-function useComposedRefs(...refs) {
-  return React__namespace.useCallback(composeRefs(...refs), refs);
+function useComposedRefs$1(...refs) {
+  return React__namespace.useCallback(composeRefs$1(...refs), refs);
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$2(scopeName, createContextScopeDeps = []) {
+function createContextScope$3(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -140968,9 +140968,9 @@ function createContextScope$2(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$2(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$3(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$2(...scopes) {
+function composeContextScopes$3(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -140992,7 +140992,7 @@ function composeContextScopes$2(...scopes) {
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES = [
+var NODES$1 = [
   "a",
   "button",
   "div",
@@ -141010,7 +141010,7 @@ var NODES = [
   "svg",
   "ul"
 ];
-var Primitive = NODES.reduce((primitive, node) => {
+var Primitive$1 = NODES$1.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -141024,7 +141024,7 @@ var Primitive = NODES.reduce((primitive, node) => {
 }, {});
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$1(scopeName, createContextScopeDeps = []) {
+function createContextScope$2(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -141059,9 +141059,9 @@ function createContextScope$1(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$1(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$2(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$1(...scopes) {
+function composeContextScopes$2(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -141084,7 +141084,7 @@ function composeContextScopes$1(...scopes) {
 
 function createCollection(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope] = createContextScope$1(PROVIDER_NAME);
+  const [createCollectionContext, createCollectionScope] = createContextScope$2(PROVIDER_NAME);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -141101,7 +141101,7 @@ function createCollection(name) {
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-      const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
+      const composedRefs = useComposedRefs$1(forwardedRef, context.collectionRef);
       return /* @__PURE__ */ jsxRuntime.jsx(Slot, { ref: composedRefs, children });
     }
   );
@@ -141112,7 +141112,7 @@ function createCollection(name) {
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
       const ref = React.useRef(null);
-      const composedRefs = useComposedRefs(forwardedRef, ref);
+      const composedRefs = useComposedRefs$1(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
       React.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
@@ -141144,7 +141144,7 @@ function createCollection(name) {
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope(scopeName, createContextScopeDeps = []) {
+function createContextScope$1(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -141179,9 +141179,9 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$1(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes(...scopes) {
+function composeContextScopes$1(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -141203,7 +141203,7 @@ function composeContextScopes(...scopes) {
 }
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$1 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
@@ -141211,14 +141211,14 @@ var useReactId = React__namespace["useId".toString()] || (() => void 0);
 var count = 0;
 function useId(deterministicId) {
   const [id, setId] = React__namespace.useState(useReactId());
-  useLayoutEffect2(() => {
+  useLayoutEffect2$1(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
 
 // packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef(callback) {
+function useCallbackRef$1(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
@@ -141236,7 +141236,7 @@ function useControllableState({
   const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef(onChange);
+  const handleChange = useCallbackRef$1(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -141258,7 +141258,7 @@ function useUncontrolledState({
   const uncontrolledState = React__namespace.useState(defaultProp);
   const [value] = uncontrolledState;
   const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef(onChange);
+  const handleChange = useCallbackRef$1(onChange);
   React__namespace.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
@@ -141269,9 +141269,9 @@ function useUncontrolledState({
 }
 
 // packages/react/direction/src/Direction.tsx
-var DirectionContext = React__namespace.createContext(void 0);
-function useDirection(localDir) {
-  const globalDir = React__namespace.useContext(DirectionContext);
+var DirectionContext$1 = React__namespace.createContext(void 0);
+function useDirection$1(localDir) {
+  const globalDir = React__namespace.useContext(DirectionContext$1);
   return localDir || globalDir || "ltr";
 }
 
@@ -141279,7 +141279,7 @@ var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var GROUP_NAME = "RovingFocusGroup";
 var [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);
-var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
+var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope$1(
   GROUP_NAME,
   [createCollectionScope]
 );
@@ -141304,15 +141304,15 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
     ...groupProps
   } = props;
   const ref = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  const direction = useDirection(dir);
+  const composedRefs = useComposedRefs$1(forwardedRef, ref);
+  const direction = useDirection$1(dir);
   const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
     prop: currentTabStopIdProp,
     defaultProp: defaultCurrentTabStopId,
     onChange: onCurrentTabStopIdChange
   });
   const [isTabbingBackOut, setIsTabbingBackOut] = React__namespace.useState(false);
-  const handleEntryFocus = useCallbackRef(onEntryFocus);
+  const handleEntryFocus = useCallbackRef$1(onEntryFocus);
   const getItems = useCollection(__scopeRovingFocusGroup);
   const isClickFocusRef = React__namespace.useRef(false);
   const [focusableItemsCount, setFocusableItemsCount] = React__namespace.useState(0);
@@ -141345,17 +141345,17 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
         []
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive.div,
+        Primitive$1.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
           "data-orientation": orientation,
           ...groupProps,
           ref: composedRefs,
           style: { outline: "none", ...props.style },
-          onMouseDown: composeEventHandlers(props.onMouseDown, () => {
+          onMouseDown: composeEventHandlers$1(props.onMouseDown, () => {
             isClickFocusRef.current = true;
           }),
-          onFocus: composeEventHandlers(props.onFocus, (event) => {
+          onFocus: composeEventHandlers$1(props.onFocus, (event) => {
             const isKeyboardFocus = !isClickFocusRef.current;
             if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
               const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
@@ -141373,7 +141373,7 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
             }
             isClickFocusRef.current = false;
           }),
-          onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))
+          onBlur: composeEventHandlers$1(props.onBlur, () => setIsTabbingBackOut(false))
         }
       )
     }
@@ -141409,18 +141409,18 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
         focusable,
         active,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive.span,
+          Primitive$1.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
             ...itemProps,
             ref: forwardedRef,
-            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
+            onMouseDown: composeEventHandlers$1(props.onMouseDown, (event) => {
               if (!focusable) event.preventDefault();
               else context.onItemFocus(id);
             }),
-            onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
-            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+            onFocus: composeEventHandlers$1(props.onFocus, () => context.onItemFocus(id)),
+            onKeyDown: composeEventHandlers$1(props.onKeyDown, (event) => {
               if (event.key === "Tab" && event.shiftKey) {
                 context.onItemShiftTab();
                 return;
@@ -141479,13 +141479,13 @@ function focusFirst(candidates, preventScroll = false) {
 function wrapArray(array, startIndex) {
   return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
-var Root = RovingFocusGroup;
+var Root$1 = RovingFocusGroup;
 var Item = RovingFocusGroupItem;
 
 // packages/react/use-size/src/useSize.tsx
 function useSize(element) {
   const [size, setSize] = React__namespace.useState(void 0);
-  useLayoutEffect2(() => {
+  useLayoutEffect2$1(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
       const resizeObserver = new ResizeObserver((entries) => {
@@ -141531,7 +141531,7 @@ function usePrevious(value) {
 }
 
 var RADIO_NAME = "Radio";
-var [createRadioContext, createRadioScope] = createContextScope$2(RADIO_NAME);
+var [createRadioContext, createRadioScope] = createContextScope$3(RADIO_NAME);
 var [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME);
 var Radio = React__namespace.forwardRef(
   (props, forwardedRef) => {
@@ -141547,12 +141547,12 @@ var Radio = React__namespace.forwardRef(
       ...radioProps
     } = props;
     const [button, setButton] = React__namespace.useState(null);
-    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
+    const composedRefs = useComposedRefs$1(forwardedRef, (node) => setButton(node));
     const hasConsumerStoppedPropagationRef = React__namespace.useRef(false);
     const isFormControl = button ? form || !!button.closest("form") : true;
     return /* @__PURE__ */ jsxRuntime.jsxs(RadioProvider, { scope: __scopeRadio, checked, disabled, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive.button,
+        Primitive$1.button,
         {
           type: "button",
           role: "radio",
@@ -141563,7 +141563,7 @@ var Radio = React__namespace.forwardRef(
           value,
           ...radioProps,
           ref: composedRefs,
-          onClick: composeEventHandlers(props.onClick, (event) => {
+          onClick: composeEventHandlers$1(props.onClick, (event) => {
             if (!checked) onCheck?.();
             if (isFormControl) {
               hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
@@ -141596,7 +141596,7 @@ var RadioIndicator = React__namespace.forwardRef(
     const { __scopeRadio, forceMount, ...indicatorProps } = props;
     const context = useRadioContext(INDICATOR_NAME, __scopeRadio);
     return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.checked, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive.span,
+      Primitive$1.span,
       {
         "data-state": getState(context.checked),
         "data-disabled": context.disabled ? "" : void 0,
@@ -141648,7 +141648,7 @@ function getState(checked) {
 }
 var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
 var RADIO_GROUP_NAME = "RadioGroup";
-var [createRadioGroupContext, createRadioGroupScope] = createContextScope$2(RADIO_GROUP_NAME, [
+var [createRadioGroupContext, createRadioGroupScope] = createContextScope$3(RADIO_GROUP_NAME, [
   createRovingFocusGroupScope,
   createRadioScope
 ]);
@@ -141671,7 +141671,7 @@ var RadioGroup$1 = React__namespace.forwardRef(
       ...groupProps
     } = props;
     const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);
-    const direction = useDirection(dir);
+    const direction = useDirection$1(dir);
     const [value, setValue] = useControllableState({
       prop: valueProp,
       defaultProp: defaultValue,
@@ -141687,7 +141687,7 @@ var RadioGroup$1 = React__namespace.forwardRef(
         value,
         onValueChange: setValue,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Root,
+          Root$1,
           {
             asChild: true,
             ...rovingFocusGroupScope,
@@ -141695,7 +141695,7 @@ var RadioGroup$1 = React__namespace.forwardRef(
             dir: direction,
             loop,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              Primitive.div,
+              Primitive$1.div,
               {
                 role: "radiogroup",
                 "aria-required": required,
@@ -141722,7 +141722,7 @@ var RadioGroupItem$1 = React__namespace.forwardRef(
     const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);
     const radioScope = useRadioScope(__scopeRadioGroup);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
+    const composedRefs = useComposedRefs$1(forwardedRef, ref);
     const checked = context.value === itemProps.value;
     const isArrowKeyPressedRef = React__namespace.useRef(false);
     React__namespace.useEffect(() => {
@@ -141757,10 +141757,10 @@ var RadioGroupItem$1 = React__namespace.forwardRef(
             name: context.name,
             ref: composedRefs,
             onCheck: () => context.onValueChange(itemProps.value),
-            onKeyDown: composeEventHandlers((event) => {
+            onKeyDown: composeEventHandlers$1((event) => {
               if (event.key === "Enter") event.preventDefault();
             }),
-            onFocus: composeEventHandlers(itemProps.onFocus, () => {
+            onFocus: composeEventHandlers$1(itemProps.onFocus, () => {
               if (isArrowKeyPressedRef.current) ref.current?.click();
             })
           }
@@ -141815,6 +141815,903 @@ var RadioGroupChoice = React__namespace.forwardRef(function (_a, ref) {
         children));
 });
 
+// packages/react/primitive/src/Primitive.tsx
+var NODES = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive = NODES.reduce((primitive, node) => {
+  const Node = React__namespace.forwardRef((props, forwardedRef) => {
+    const { asChild, ...primitiveProps } = props;
+    const Comp = asChild ? Slot : node;
+    if (typeof window !== "undefined") {
+      window[Symbol.for("radix-ui")] = true;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
+  });
+  Node.displayName = `Primitive.${node}`;
+  return { ...primitive, [node]: Node };
+}, {});
+
+// packages/react/context/src/createContext.tsx
+function createContextScope(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext3(rootComponentName, defaultContext) {
+    const BaseContext = React__namespace.createContext(defaultContext);
+    const index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    const Provider = (props) => {
+      const { scope, children, ...context } = props;
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
+      const value = React__namespace.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
+    };
+    Provider.displayName = rootComponentName + "Provider";
+    function useContext2(consumerName, scope) {
+      const Context = scope?.[scopeName]?.[index] || BaseContext;
+      const context = React__namespace.useContext(Context);
+      if (context) return context;
+      if (defaultContext !== void 0) return defaultContext;
+      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+    }
+    return [Provider, useContext2];
+  }
+  const createScope = () => {
+    const scopeContexts = defaultContexts.map((defaultContext) => {
+      return React__namespace.createContext(defaultContext);
+    });
+    return function useScope(scope) {
+      const contexts = scope?.[scopeName] || scopeContexts;
+      return React__namespace.useMemo(
+        () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
+        [scope, contexts]
+      );
+    };
+  };
+  createScope.scopeName = scopeName;
+  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes(...scopes) {
+  const baseScope = scopes[0];
+  if (scopes.length === 1) return baseScope;
+  const createScope = () => {
+    const scopeHooks = scopes.map((createScope2) => ({
+      useScope: createScope2(),
+      scopeName: createScope2.scopeName
+    }));
+    return function useComposedScopes(overrideScopes) {
+      const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+        const scopeProps = useScope(overrideScopes);
+        const currentScope = scopeProps[`__scope${scopeName}`];
+        return { ...nextScopes2, ...currentScope };
+      }, {});
+      return React__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+    };
+  };
+  createScope.scopeName = baseScope.scopeName;
+  return createScope;
+}
+
+// packages/react/compose-refs/src/composeRefs.tsx
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => refs.forEach((ref) => setRef(ref, node));
+}
+function useComposedRefs(...refs) {
+  return React__namespace.useCallback(composeRefs(...refs), refs);
+}
+
+// packages/react/use-callback-ref/src/useCallbackRef.tsx
+function useCallbackRef(callback) {
+  const callbackRef = React__namespace.useRef(callback);
+  React__namespace.useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return React__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+}
+
+// packages/react/direction/src/Direction.tsx
+var DirectionContext = React__namespace.createContext(void 0);
+function useDirection(localDir) {
+  const globalDir = React__namespace.useContext(DirectionContext);
+  return localDir || globalDir || "ltr";
+}
+
+// packages/react/use-layout-effect/src/useLayoutEffect.tsx
+var useLayoutEffect2 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+};
+
+// packages/core/number/src/number.ts
+function clamp(value, [min, max]) {
+  return Math.min(max, Math.max(min, value));
+}
+
+// packages/core/primitive/src/primitive.tsx
+function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  return function handleEvent(event) {
+    originalEventHandler?.(event);
+    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+      return ourEventHandler?.(event);
+    }
+  };
+}
+
+function useStateMachine(initialState, machine) {
+  return React__namespace.useReducer((state, event) => {
+    const nextState = machine[state][event];
+    return nextState ?? state;
+  }, initialState);
+}
+var SCROLL_AREA_NAME = "ScrollArea";
+var [createScrollAreaContext, createScrollAreaScope] = createContextScope(SCROLL_AREA_NAME);
+var [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
+var ScrollArea$1 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeScrollArea,
+      type = "hover",
+      dir,
+      scrollHideDelay = 600,
+      ...scrollAreaProps
+    } = props;
+    const [scrollArea, setScrollArea] = React__namespace.useState(null);
+    const [viewport, setViewport] = React__namespace.useState(null);
+    const [content, setContent] = React__namespace.useState(null);
+    const [scrollbarX, setScrollbarX] = React__namespace.useState(null);
+    const [scrollbarY, setScrollbarY] = React__namespace.useState(null);
+    const [cornerWidth, setCornerWidth] = React__namespace.useState(0);
+    const [cornerHeight, setCornerHeight] = React__namespace.useState(0);
+    const [scrollbarXEnabled, setScrollbarXEnabled] = React__namespace.useState(false);
+    const [scrollbarYEnabled, setScrollbarYEnabled] = React__namespace.useState(false);
+    const composedRefs = useComposedRefs(forwardedRef, (node) => setScrollArea(node));
+    const direction = useDirection(dir);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ScrollAreaProvider,
+      {
+        scope: __scopeScrollArea,
+        type,
+        dir: direction,
+        scrollHideDelay,
+        scrollArea,
+        viewport,
+        onViewportChange: setViewport,
+        content,
+        onContentChange: setContent,
+        scrollbarX,
+        onScrollbarXChange: setScrollbarX,
+        scrollbarXEnabled,
+        onScrollbarXEnabledChange: setScrollbarXEnabled,
+        scrollbarY,
+        onScrollbarYChange: setScrollbarY,
+        scrollbarYEnabled,
+        onScrollbarYEnabledChange: setScrollbarYEnabled,
+        onCornerWidthChange: setCornerWidth,
+        onCornerHeightChange: setCornerHeight,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Primitive.div,
+          {
+            dir: direction,
+            ...scrollAreaProps,
+            ref: composedRefs,
+            style: {
+              position: "relative",
+              // Pass corner sizes as CSS vars to reduce re-renders of context consumers
+              ["--radix-scroll-area-corner-width"]: cornerWidth + "px",
+              ["--radix-scroll-area-corner-height"]: cornerHeight + "px",
+              ...props.style
+            }
+          }
+        )
+      }
+    );
+  }
+);
+ScrollArea$1.displayName = SCROLL_AREA_NAME;
+var VIEWPORT_NAME = "ScrollAreaViewport";
+var ScrollAreaViewport = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeScrollArea, children, asChild, nonce, ...viewportProps } = props;
+    const context = useScrollAreaContext(VIEWPORT_NAME, __scopeScrollArea);
+    const ref = React__namespace.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref, context.onViewportChange);
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: `
+[data-radix-scroll-area-viewport] {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  -webkit-overflow-scrolling: touch;
+}
+[data-radix-scroll-area-viewport]::-webkit-scrollbar {
+  display: none;
+}
+:where([data-radix-scroll-area-viewport]) {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+:where([data-radix-scroll-area-content]) {
+  flex-grow: 1;
+}
+`
+          },
+          nonce
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Primitive.div,
+        {
+          "data-radix-scroll-area-viewport": "",
+          ...viewportProps,
+          asChild,
+          ref: composedRefs,
+          style: {
+            /**
+             * We don't support `visible` because the intention is to have at least one scrollbar
+             * if this component is used and `visible` will behave like `auto` in that case
+             * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description
+             *
+             * We don't handle `auto` because the intention is for the native implementation
+             * to be hidden if using this component. We just want to ensure the node is scrollable
+             * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
+             * the browser from having to work out whether to render native scrollbars or not,
+             * we tell it to with the intention of hiding them in CSS.
+             */
+            overflowX: context.scrollbarXEnabled ? "scroll" : "hidden",
+            overflowY: context.scrollbarYEnabled ? "scroll" : "hidden",
+            ...props.style
+          },
+          children: getSubtree({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-radix-scroll-area-content": "",
+              ref: context.onContentChange,
+              style: { minWidth: context.scrollbarXEnabled ? "fit-content" : void 0 },
+              children: children2
+            }
+          ))
+        }
+      )
+    ] });
+  }
+);
+ScrollAreaViewport.displayName = VIEWPORT_NAME;
+var SCROLLBAR_NAME = "ScrollAreaScrollbar";
+var ScrollAreaScrollbar = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { forceMount, ...scrollbarProps } = props;
+    const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+    const { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context;
+    const isHorizontal = props.orientation === "horizontal";
+    React__namespace.useEffect(() => {
+      isHorizontal ? onScrollbarXEnabledChange(true) : onScrollbarYEnabledChange(true);
+      return () => {
+        isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);
+      };
+    }, [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]);
+    return context.type === "hover" ? /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaScrollbarHover, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "scroll" ? /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaScrollbarScroll, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "auto" ? /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaScrollbarAuto, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "always" ? /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaScrollbarVisible, { ...scrollbarProps, ref: forwardedRef }) : null;
+  }
+);
+ScrollAreaScrollbar.displayName = SCROLLBAR_NAME;
+var ScrollAreaScrollbarHover = React__namespace.forwardRef((props, forwardedRef) => {
+  const { forceMount, ...scrollbarProps } = props;
+  const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+  const [visible, setVisible] = React__namespace.useState(false);
+  React__namespace.useEffect(() => {
+    const scrollArea = context.scrollArea;
+    let hideTimer = 0;
+    if (scrollArea) {
+      const handlePointerEnter = () => {
+        window.clearTimeout(hideTimer);
+        setVisible(true);
+      };
+      const handlePointerLeave = () => {
+        hideTimer = window.setTimeout(() => setVisible(false), context.scrollHideDelay);
+      };
+      scrollArea.addEventListener("pointerenter", handlePointerEnter);
+      scrollArea.addEventListener("pointerleave", handlePointerLeave);
+      return () => {
+        window.clearTimeout(hideTimer);
+        scrollArea.removeEventListener("pointerenter", handlePointerEnter);
+        scrollArea.removeEventListener("pointerleave", handlePointerLeave);
+      };
+    }
+  }, [context.scrollArea, context.scrollHideDelay]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || visible, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ScrollAreaScrollbarAuto,
+    {
+      "data-state": visible ? "visible" : "hidden",
+      ...scrollbarProps,
+      ref: forwardedRef
+    }
+  ) });
+});
+var ScrollAreaScrollbarScroll = React__namespace.forwardRef((props, forwardedRef) => {
+  const { forceMount, ...scrollbarProps } = props;
+  const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+  const isHorizontal = props.orientation === "horizontal";
+  const debounceScrollEnd = useDebounceCallback(() => send("SCROLL_END"), 100);
+  const [state, send] = useStateMachine("hidden", {
+    hidden: {
+      SCROLL: "scrolling"
+    },
+    scrolling: {
+      SCROLL_END: "idle",
+      POINTER_ENTER: "interacting"
+    },
+    interacting: {
+      SCROLL: "interacting",
+      POINTER_LEAVE: "idle"
+    },
+    idle: {
+      HIDE: "hidden",
+      SCROLL: "scrolling",
+      POINTER_ENTER: "interacting"
+    }
+  });
+  React__namespace.useEffect(() => {
+    if (state === "idle") {
+      const hideTimer = window.setTimeout(() => send("HIDE"), context.scrollHideDelay);
+      return () => window.clearTimeout(hideTimer);
+    }
+  }, [state, context.scrollHideDelay, send]);
+  React__namespace.useEffect(() => {
+    const viewport = context.viewport;
+    const scrollDirection = isHorizontal ? "scrollLeft" : "scrollTop";
+    if (viewport) {
+      let prevScrollPos = viewport[scrollDirection];
+      const handleScroll = () => {
+        const scrollPos = viewport[scrollDirection];
+        const hasScrollInDirectionChanged = prevScrollPos !== scrollPos;
+        if (hasScrollInDirectionChanged) {
+          send("SCROLL");
+          debounceScrollEnd();
+        }
+        prevScrollPos = scrollPos;
+      };
+      viewport.addEventListener("scroll", handleScroll);
+      return () => viewport.removeEventListener("scroll", handleScroll);
+    }
+  }, [context.viewport, isHorizontal, send, debounceScrollEnd]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || state !== "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+    ScrollAreaScrollbarVisible,
+    {
+      "data-state": state === "hidden" ? "hidden" : "visible",
+      ...scrollbarProps,
+      ref: forwardedRef,
+      onPointerEnter: composeEventHandlers(props.onPointerEnter, () => send("POINTER_ENTER")),
+      onPointerLeave: composeEventHandlers(props.onPointerLeave, () => send("POINTER_LEAVE"))
+    }
+  ) });
+});
+var ScrollAreaScrollbarAuto = React__namespace.forwardRef((props, forwardedRef) => {
+  const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+  const { forceMount, ...scrollbarProps } = props;
+  const [visible, setVisible] = React__namespace.useState(false);
+  const isHorizontal = props.orientation === "horizontal";
+  const handleResize = useDebounceCallback(() => {
+    if (context.viewport) {
+      const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth;
+      const isOverflowY = context.viewport.offsetHeight < context.viewport.scrollHeight;
+      setVisible(isHorizontal ? isOverflowX : isOverflowY);
+    }
+  }, 10);
+  useResizeObserver(context.viewport, handleResize);
+  useResizeObserver(context.content, handleResize);
+  return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || visible, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ScrollAreaScrollbarVisible,
+    {
+      "data-state": visible ? "visible" : "hidden",
+      ...scrollbarProps,
+      ref: forwardedRef
+    }
+  ) });
+});
+var ScrollAreaScrollbarVisible = React__namespace.forwardRef((props, forwardedRef) => {
+  const { orientation = "vertical", ...scrollbarProps } = props;
+  const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+  const thumbRef = React__namespace.useRef(null);
+  const pointerOffsetRef = React__namespace.useRef(0);
+  const [sizes, setSizes] = React__namespace.useState({
+    content: 0,
+    viewport: 0,
+    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
+  });
+  const thumbRatio = getThumbRatio(sizes.viewport, sizes.content);
+  const commonProps = {
+    ...scrollbarProps,
+    sizes,
+    onSizesChange: setSizes,
+    hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1),
+    onThumbChange: (thumb) => thumbRef.current = thumb,
+    onThumbPointerUp: () => pointerOffsetRef.current = 0,
+    onThumbPointerDown: (pointerPos) => pointerOffsetRef.current = pointerPos
+  };
+  function getScrollPosition(pointerPos, dir) {
+    return getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, dir);
+  }
+  if (orientation === "horizontal") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ScrollAreaScrollbarX,
+      {
+        ...commonProps,
+        ref: forwardedRef,
+        onThumbPositionChange: () => {
+          if (context.viewport && thumbRef.current) {
+            const scrollPos = context.viewport.scrollLeft;
+            const offset = getThumbOffsetFromScroll(scrollPos, sizes, context.dir);
+            thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;
+          }
+        },
+        onWheelScroll: (scrollPos) => {
+          if (context.viewport) context.viewport.scrollLeft = scrollPos;
+        },
+        onDragScroll: (pointerPos) => {
+          if (context.viewport) {
+            context.viewport.scrollLeft = getScrollPosition(pointerPos, context.dir);
+          }
+        }
+      }
+    );
+  }
+  if (orientation === "vertical") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ScrollAreaScrollbarY,
+      {
+        ...commonProps,
+        ref: forwardedRef,
+        onThumbPositionChange: () => {
+          if (context.viewport && thumbRef.current) {
+            const scrollPos = context.viewport.scrollTop;
+            const offset = getThumbOffsetFromScroll(scrollPos, sizes);
+            thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;
+          }
+        },
+        onWheelScroll: (scrollPos) => {
+          if (context.viewport) context.viewport.scrollTop = scrollPos;
+        },
+        onDragScroll: (pointerPos) => {
+          if (context.viewport) context.viewport.scrollTop = getScrollPosition(pointerPos);
+        }
+      }
+    );
+  }
+  return null;
+});
+var ScrollAreaScrollbarX = React__namespace.forwardRef((props, forwardedRef) => {
+  const { sizes, onSizesChange, ...scrollbarProps } = props;
+  const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+  const [computedStyle, setComputedStyle] = React__namespace.useState();
+  const ref = React__namespace.useRef(null);
+  const composeRefs = useComposedRefs(forwardedRef, ref, context.onScrollbarXChange);
+  React__namespace.useEffect(() => {
+    if (ref.current) setComputedStyle(getComputedStyle(ref.current));
+  }, [ref]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ScrollAreaScrollbarImpl,
+    {
+      "data-orientation": "horizontal",
+      ...scrollbarProps,
+      ref: composeRefs,
+      sizes,
+      style: {
+        bottom: 0,
+        left: context.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
+        right: context.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
+        ["--radix-scroll-area-thumb-width"]: getThumbSize(sizes) + "px",
+        ...props.style
+      },
+      onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.x),
+      onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.x),
+      onWheelScroll: (event, maxScrollPos) => {
+        if (context.viewport) {
+          const scrollPos = context.viewport.scrollLeft + event.deltaX;
+          props.onWheelScroll(scrollPos);
+          if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {
+            event.preventDefault();
+          }
+        }
+      },
+      onResize: () => {
+        if (ref.current && context.viewport && computedStyle) {
+          onSizesChange({
+            content: context.viewport.scrollWidth,
+            viewport: context.viewport.offsetWidth,
+            scrollbar: {
+              size: ref.current.clientWidth,
+              paddingStart: toInt(computedStyle.paddingLeft),
+              paddingEnd: toInt(computedStyle.paddingRight)
+            }
+          });
+        }
+      }
+    }
+  );
+});
+var ScrollAreaScrollbarY = React__namespace.forwardRef((props, forwardedRef) => {
+  const { sizes, onSizesChange, ...scrollbarProps } = props;
+  const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
+  const [computedStyle, setComputedStyle] = React__namespace.useState();
+  const ref = React__namespace.useRef(null);
+  const composeRefs = useComposedRefs(forwardedRef, ref, context.onScrollbarYChange);
+  React__namespace.useEffect(() => {
+    if (ref.current) setComputedStyle(getComputedStyle(ref.current));
+  }, [ref]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ScrollAreaScrollbarImpl,
+    {
+      "data-orientation": "vertical",
+      ...scrollbarProps,
+      ref: composeRefs,
+      sizes,
+      style: {
+        top: 0,
+        right: context.dir === "ltr" ? 0 : void 0,
+        left: context.dir === "rtl" ? 0 : void 0,
+        bottom: "var(--radix-scroll-area-corner-height)",
+        ["--radix-scroll-area-thumb-height"]: getThumbSize(sizes) + "px",
+        ...props.style
+      },
+      onThumbPointerDown: (pointerPos) => props.onThumbPointerDown(pointerPos.y),
+      onDragScroll: (pointerPos) => props.onDragScroll(pointerPos.y),
+      onWheelScroll: (event, maxScrollPos) => {
+        if (context.viewport) {
+          const scrollPos = context.viewport.scrollTop + event.deltaY;
+          props.onWheelScroll(scrollPos);
+          if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {
+            event.preventDefault();
+          }
+        }
+      },
+      onResize: () => {
+        if (ref.current && context.viewport && computedStyle) {
+          onSizesChange({
+            content: context.viewport.scrollHeight,
+            viewport: context.viewport.offsetHeight,
+            scrollbar: {
+              size: ref.current.clientHeight,
+              paddingStart: toInt(computedStyle.paddingTop),
+              paddingEnd: toInt(computedStyle.paddingBottom)
+            }
+          });
+        }
+      }
+    }
+  );
+});
+var [ScrollbarProvider, useScrollbarContext] = createScrollAreaContext(SCROLLBAR_NAME);
+var ScrollAreaScrollbarImpl = React__namespace.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeScrollArea,
+    sizes,
+    hasThumb,
+    onThumbChange,
+    onThumbPointerUp,
+    onThumbPointerDown,
+    onThumbPositionChange,
+    onDragScroll,
+    onWheelScroll,
+    onResize,
+    ...scrollbarProps
+  } = props;
+  const context = useScrollAreaContext(SCROLLBAR_NAME, __scopeScrollArea);
+  const [scrollbar, setScrollbar] = React__namespace.useState(null);
+  const composeRefs = useComposedRefs(forwardedRef, (node) => setScrollbar(node));
+  const rectRef = React__namespace.useRef(null);
+  const prevWebkitUserSelectRef = React__namespace.useRef("");
+  const viewport = context.viewport;
+  const maxScrollPos = sizes.content - sizes.viewport;
+  const handleWheelScroll = useCallbackRef(onWheelScroll);
+  const handleThumbPositionChange = useCallbackRef(onThumbPositionChange);
+  const handleResize = useDebounceCallback(onResize, 10);
+  function handleDragScroll(event) {
+    if (rectRef.current) {
+      const x = event.clientX - rectRef.current.left;
+      const y = event.clientY - rectRef.current.top;
+      onDragScroll({ x, y });
+    }
+  }
+  React__namespace.useEffect(() => {
+    const handleWheel = (event) => {
+      const element = event.target;
+      const isScrollbarWheel = scrollbar?.contains(element);
+      if (isScrollbarWheel) handleWheelScroll(event, maxScrollPos);
+    };
+    document.addEventListener("wheel", handleWheel, { passive: false });
+    return () => document.removeEventListener("wheel", handleWheel, { passive: false });
+  }, [viewport, scrollbar, maxScrollPos, handleWheelScroll]);
+  React__namespace.useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]);
+  useResizeObserver(scrollbar, handleResize);
+  useResizeObserver(context.content, handleResize);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ScrollbarProvider,
+    {
+      scope: __scopeScrollArea,
+      scrollbar,
+      hasThumb,
+      onThumbChange: useCallbackRef(onThumbChange),
+      onThumbPointerUp: useCallbackRef(onThumbPointerUp),
+      onThumbPositionChange: handleThumbPositionChange,
+      onThumbPointerDown: useCallbackRef(onThumbPointerDown),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Primitive.div,
+        {
+          ...scrollbarProps,
+          ref: composeRefs,
+          style: { position: "absolute", ...scrollbarProps.style },
+          onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
+            const mainPointer = 0;
+            if (event.button === mainPointer) {
+              const element = event.target;
+              element.setPointerCapture(event.pointerId);
+              rectRef.current = scrollbar.getBoundingClientRect();
+              prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect;
+              document.body.style.webkitUserSelect = "none";
+              if (context.viewport) context.viewport.style.scrollBehavior = "auto";
+              handleDragScroll(event);
+            }
+          }),
+          onPointerMove: composeEventHandlers(props.onPointerMove, handleDragScroll),
+          onPointerUp: composeEventHandlers(props.onPointerUp, (event) => {
+            const element = event.target;
+            if (element.hasPointerCapture(event.pointerId)) {
+              element.releasePointerCapture(event.pointerId);
+            }
+            document.body.style.webkitUserSelect = prevWebkitUserSelectRef.current;
+            if (context.viewport) context.viewport.style.scrollBehavior = "";
+            rectRef.current = null;
+          })
+        }
+      )
+    }
+  );
+});
+var THUMB_NAME = "ScrollAreaThumb";
+var ScrollAreaThumb = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { forceMount, ...thumbProps } = props;
+    const scrollbarContext = useScrollbarContext(THUMB_NAME, props.__scopeScrollArea);
+    return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || scrollbarContext.hasThumb, children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaThumbImpl, { ref: forwardedRef, ...thumbProps }) });
+  }
+);
+var ScrollAreaThumbImpl = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeScrollArea, style, ...thumbProps } = props;
+    const scrollAreaContext = useScrollAreaContext(THUMB_NAME, __scopeScrollArea);
+    const scrollbarContext = useScrollbarContext(THUMB_NAME, __scopeScrollArea);
+    const { onThumbPositionChange } = scrollbarContext;
+    const composedRef = useComposedRefs(
+      forwardedRef,
+      (node) => scrollbarContext.onThumbChange(node)
+    );
+    const removeUnlinkedScrollListenerRef = React__namespace.useRef();
+    const debounceScrollEnd = useDebounceCallback(() => {
+      if (removeUnlinkedScrollListenerRef.current) {
+        removeUnlinkedScrollListenerRef.current();
+        removeUnlinkedScrollListenerRef.current = void 0;
+      }
+    }, 100);
+    React__namespace.useEffect(() => {
+      const viewport = scrollAreaContext.viewport;
+      if (viewport) {
+        const handleScroll = () => {
+          debounceScrollEnd();
+          if (!removeUnlinkedScrollListenerRef.current) {
+            const listener = addUnlinkedScrollListener(viewport, onThumbPositionChange);
+            removeUnlinkedScrollListenerRef.current = listener;
+            onThumbPositionChange();
+          }
+        };
+        onThumbPositionChange();
+        viewport.addEventListener("scroll", handleScroll);
+        return () => viewport.removeEventListener("scroll", handleScroll);
+      }
+    }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Primitive.div,
+      {
+        "data-state": scrollbarContext.hasThumb ? "visible" : "hidden",
+        ...thumbProps,
+        ref: composedRef,
+        style: {
+          width: "var(--radix-scroll-area-thumb-width)",
+          height: "var(--radix-scroll-area-thumb-height)",
+          ...style
+        },
+        onPointerDownCapture: composeEventHandlers(props.onPointerDownCapture, (event) => {
+          const thumb = event.target;
+          const thumbRect = thumb.getBoundingClientRect();
+          const x = event.clientX - thumbRect.left;
+          const y = event.clientY - thumbRect.top;
+          scrollbarContext.onThumbPointerDown({ x, y });
+        }),
+        onPointerUp: composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)
+      }
+    );
+  }
+);
+ScrollAreaThumb.displayName = THUMB_NAME;
+var CORNER_NAME = "ScrollAreaCorner";
+var ScrollAreaCorner = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const context = useScrollAreaContext(CORNER_NAME, props.__scopeScrollArea);
+    const hasBothScrollbarsVisible = Boolean(context.scrollbarX && context.scrollbarY);
+    const hasCorner = context.type !== "scroll" && hasBothScrollbarsVisible;
+    return hasCorner ? /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaCornerImpl, { ...props, ref: forwardedRef }) : null;
+  }
+);
+ScrollAreaCorner.displayName = CORNER_NAME;
+var ScrollAreaCornerImpl = React__namespace.forwardRef((props, forwardedRef) => {
+  const { __scopeScrollArea, ...cornerProps } = props;
+  const context = useScrollAreaContext(CORNER_NAME, __scopeScrollArea);
+  const [width, setWidth] = React__namespace.useState(0);
+  const [height, setHeight] = React__namespace.useState(0);
+  const hasSize = Boolean(width && height);
+  useResizeObserver(context.scrollbarX, () => {
+    const height2 = context.scrollbarX?.offsetHeight || 0;
+    context.onCornerHeightChange(height2);
+    setHeight(height2);
+  });
+  useResizeObserver(context.scrollbarY, () => {
+    const width2 = context.scrollbarY?.offsetWidth || 0;
+    context.onCornerWidthChange(width2);
+    setWidth(width2);
+  });
+  return hasSize ? /* @__PURE__ */ jsxRuntime.jsx(
+    Primitive.div,
+    {
+      ...cornerProps,
+      ref: forwardedRef,
+      style: {
+        width,
+        height,
+        position: "absolute",
+        right: context.dir === "ltr" ? 0 : void 0,
+        left: context.dir === "rtl" ? 0 : void 0,
+        bottom: 0,
+        ...props.style
+      }
+    }
+  ) : null;
+});
+function toInt(value) {
+  return value ? parseInt(value, 10) : 0;
+}
+function getThumbRatio(viewportSize, contentSize) {
+  const ratio = viewportSize / contentSize;
+  return isNaN(ratio) ? 0 : ratio;
+}
+function getThumbSize(sizes) {
+  const ratio = getThumbRatio(sizes.viewport, sizes.content);
+  const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
+  const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;
+  return Math.max(thumbSize, 18);
+}
+function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
+  const thumbSizePx = getThumbSize(sizes);
+  const thumbCenter = thumbSizePx / 2;
+  const offset = pointerOffset || thumbCenter;
+  const thumbOffsetFromEnd = thumbSizePx - offset;
+  const minPointerPos = sizes.scrollbar.paddingStart + offset;
+  const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;
+  const maxScrollPos = sizes.content - sizes.viewport;
+  const scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
+  const interpolate = linearScale([minPointerPos, maxPointerPos], scrollRange);
+  return interpolate(pointerPos);
+}
+function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
+  const thumbSizePx = getThumbSize(sizes);
+  const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
+  const scrollbar = sizes.scrollbar.size - scrollbarPadding;
+  const maxScrollPos = sizes.content - sizes.viewport;
+  const maxThumbPos = scrollbar - thumbSizePx;
+  const scrollClampRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
+  const scrollWithoutMomentum = clamp(scrollPos, scrollClampRange);
+  const interpolate = linearScale([0, maxScrollPos], [0, maxThumbPos]);
+  return interpolate(scrollWithoutMomentum);
+}
+function linearScale(input, output) {
+  return (value) => {
+    if (input[0] === input[1] || output[0] === output[1]) return output[0];
+    const ratio = (output[1] - output[0]) / (input[1] - input[0]);
+    return output[0] + ratio * (value - input[0]);
+  };
+}
+function isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {
+  return scrollPos > 0 && scrollPos < maxScrollPos;
+}
+var addUnlinkedScrollListener = (node, handler = () => {
+}) => {
+  let prevPosition = { left: node.scrollLeft, top: node.scrollTop };
+  let rAF = 0;
+  (function loop() {
+    const position = { left: node.scrollLeft, top: node.scrollTop };
+    const isHorizontalScroll = prevPosition.left !== position.left;
+    const isVerticalScroll = prevPosition.top !== position.top;
+    if (isHorizontalScroll || isVerticalScroll) handler();
+    prevPosition = position;
+    rAF = window.requestAnimationFrame(loop);
+  })();
+  return () => window.cancelAnimationFrame(rAF);
+};
+function useDebounceCallback(callback, delay) {
+  const handleCallback = useCallbackRef(callback);
+  const debounceTimerRef = React__namespace.useRef(0);
+  React__namespace.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);
+  return React__namespace.useCallback(() => {
+    window.clearTimeout(debounceTimerRef.current);
+    debounceTimerRef.current = window.setTimeout(handleCallback, delay);
+  }, [handleCallback, delay]);
+}
+function useResizeObserver(element, onResize) {
+  const handleResize = useCallbackRef(onResize);
+  useLayoutEffect2(() => {
+    let rAF = 0;
+    if (element) {
+      const resizeObserver = new ResizeObserver(() => {
+        cancelAnimationFrame(rAF);
+        rAF = window.requestAnimationFrame(handleResize);
+      });
+      resizeObserver.observe(element);
+      return () => {
+        window.cancelAnimationFrame(rAF);
+        resizeObserver.unobserve(element);
+      };
+    }
+  }, [element, handleResize]);
+}
+function getSubtree(options, content) {
+  const { asChild, children } = options;
+  if (!asChild) return typeof content === "function" ? content(children) : content;
+  const firstChild = React__namespace.Children.only(children);
+  return React__namespace.cloneElement(firstChild, {
+    children: typeof content === "function" ? content(firstChild.props.children) : content
+  });
+}
+var Root = ScrollArea$1;
+var Viewport = ScrollAreaViewport;
+var Corner = ScrollAreaCorner;
+
+var ScrollArea = React__namespace.forwardRef(function (_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (React__namespace.createElement(Root, __assign({ ref: ref, className: cn("s-relative s-z-20 s-overflow-hidden", className) }, props),
+        React__namespace.createElement(Viewport, { className: "s-h-full s-w-full s-rounded-[inherit]" }, children),
+        React__namespace.createElement(ScrollBar, null),
+        React__namespace.createElement(Corner, null)));
+});
+ScrollArea.displayName = Root.displayName;
+var ScrollBar = React__namespace.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.orientation, orientation = _b === void 0 ? "vertical" : _b, props = __rest(_a, ["className", "orientation"]);
+    return (React__namespace.createElement(ScrollAreaScrollbar, __assign({ ref: ref, orientation: orientation, className: cn("s-flex s-touch-none s-select-none s-transition-colors", orientation === "vertical" &&
+            "s-h-full s-w-2 s-border-l s-border-l-transparent s-p-[1px]", orientation === "horizontal" &&
+            "s-h-2 s-flex-col s-border-t s-border-t-transparent s-p-[1px]", className) }, props),
+        React__namespace.createElement(ScrollAreaThumb, { className: "s-relative s-flex-1 s-rounded-full s-bg-separator" })));
+});
+ScrollBar.displayName = ScrollAreaScrollbar.displayName;
+
 var sizeClasses$1 = {
     xs: "s-text-xs s-h-[26px] s-pl-3 s-pr-6 s-pt-1.5 s-rounded-lg",
     sm: "s-text-sm s-h-[34px] s-pl-4 s-pr-8 s-pt-1.5 s-rounded-xl",
@@ -142633,6 +143530,7 @@ exports.RocketStrokeIcon = SvgRocket$1;
 exports.SalesforceLogo = SvgSalesforce$1;
 exports.ScanIcon = SvgScan$3;
 exports.ScanStrokeIcon = SvgScan$1;
+exports.ScrollArea = ScrollArea;
 exports.Searchbar = Searchbar;
 exports.Separator = Separator;
 exports.ServerIcon = SvgServer$3;