@dust-tt/sparkle 0.2.269-rc-1 → 0.2.269-rc-2

package/dist/cjs/index.js

@@ -40323,7 +40323,7 @@ var utils = /*#__PURE__*/Object.freeze({
   getEmojiAndBackgroundFromUrl: getEmojiAndBackgroundFromUrl
 });
 
-function r$4(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r$4(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r$4(e))&&(n&&(n+=" "),n+=t);return n}
+function r$5(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r$5(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx$1(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r$5(e))&&(n&&(n+=" "),n+=t);return n}
 
 const CLASS_PART_SEPARATOR = '-';
 const createClassGroupUtils = config => {
@@ -42862,7 +42862,7 @@ function cn() {
     for (var _i = 0; _i < arguments.length; _i++) {
         inputs[_i] = arguments[_i];
     }
-    return twMerge(clsx(inputs));
+    return twMerge(clsx$1(inputs));
 }
 
 var colors$1 = [
@@ -43030,7 +43030,7 @@ Avatar.Stack = function (_a) {
 };
 
 // packages/core/primitive/src/primitive.tsx
-function composeEventHandlers$3(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+function composeEventHandlers$5(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
   return function handleEvent(event) {
     originalEventHandler?.(event);
     if (checkForDefaultPrevented === false || !event.defaultPrevented) {
@@ -43040,22 +43040,22 @@ function composeEventHandlers$3(originalEventHandler, ourEventHandler, { checkFo
 }
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef$5(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$5(...refs) {
-  return (node) => refs.forEach((ref) => setRef$5(ref, node));
+function composeRefs$7(...refs) {
+  return (node) => refs.forEach((ref) => setRef$7(ref, node));
 }
-function useComposedRefs$3(...refs) {
-  return React__namespace.useCallback(composeRefs$5(...refs), refs);
+function useComposedRefs$5(...refs) {
+  return React__namespace.useCallback(composeRefs$7(...refs), refs);
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$8(scopeName, createContextScopeDeps = []) {
+function createContextScope$c(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -43090,9 +43090,9 @@ function createContextScope$8(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$8(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$c(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$8(...scopes) {
+function composeContextScopes$c(...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$4(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$4(...refs) {
-  return (node) => refs.forEach((ref) => setRef$4(ref, node));
+function composeRefs$6(...refs) {
+  return (node) => refs.forEach((ref) => setRef$6(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$4(forwardedRef, childrenRef) : childrenRef
+      ref: forwardedRef ? composeRefs$6(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$5 = [
+var NODES$7 = [
   "a",
   "button",
   "div",
@@ -74128,7 +74128,7 @@ var NODES$5 = [
   "svg",
   "ul"
 ];
-var Primitive$5 = NODES$5.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;
@@ -74145,7 +74145,7 @@ function dispatchDiscreteCustomEvent$2(target, event) {
 }
 
 // packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef$4(callback) {
+function useCallbackRef$6(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
@@ -74155,7 +74155,7 @@ function useCallbackRef$4(callback) {
 
 // packages/react/use-escape-keydown/src/useEscapeKeydown.tsx
 function useEscapeKeydown$2(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
-  const onEscapeKeyDown = useCallbackRef$4(onEscapeKeyDownProp);
+  const onEscapeKeyDown = useCallbackRef$6(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$3(forwardedRef, (node2) => setNode(node2));
+    const composedRefs = useComposedRefs$5(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$5.div,
+      Primitive$7.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$3(props.onFocusCapture, focusOutside.onFocusCapture),
-        onBlurCapture: composeEventHandlers$3(props.onBlurCapture, focusOutside.onBlurCapture),
-        onPointerDownCapture: composeEventHandlers$3(
+        onFocusCapture: composeEventHandlers$5(props.onFocusCapture, focusOutside.onFocusCapture),
+        onBlurCapture: composeEventHandlers$5(props.onBlurCapture, focusOutside.onBlurCapture),
+        onPointerDownCapture: composeEventHandlers$5(
           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$3(forwardedRef, ref);
+  const composedRefs = useComposedRefs$5(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$5.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$7.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$2.displayName = BRANCH_NAME$2;
 function usePointerDownOutside$2(onPointerDownOutside, ownerDocument = globalThis?.document) {
-  const handlePointerDownOutside = useCallbackRef$4(onPointerDownOutside);
+  const handlePointerDownOutside = useCallbackRef$6(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$4(onFocusOutside);
+  const handleFocusOutside = useCallbackRef$6(onFocusOutside);
   const isFocusInsideReactTreeRef = React__namespace.useRef(false);
   React__namespace.useEffect(() => {
     const handleFocus = (event) => {
@@ -74370,16 +74370,16 @@ function handleAndDispatchCustomEvent$2(name, handler, detail, { discrete }) {
 }
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$4 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$6 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
-var useReactId$3 = React__namespace["useId".toString()] || (() => void 0);
-var count$6 = 0;
-function useId$3(deterministicId) {
-  const [id, setId] = React__namespace.useState(useReactId$3());
-  useLayoutEffect2$4(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count$6++));
+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(() => {
+    if (!deterministicId) setId((reactId) => reactId ?? String(count$7++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
@@ -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$5.svg,
+    Primitive$7.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -76351,10 +76351,10 @@ var Arrow$5 = React__namespace.forwardRef((props, forwardedRef) => {
   );
 });
 Arrow$5.displayName = NAME$5;
-var Root$6 = Arrow$5;
+var Root$8 = Arrow$5;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$7(scopeName, createContextScopeDeps = []) {
+function createContextScope$b(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -76389,9 +76389,9 @@ function createContextScope$7(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$7(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$b(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$7(...scopes) {
+function composeContextScopes$b(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -76413,9 +76413,9 @@ function composeContextScopes$7(...scopes) {
 }
 
 // packages/react/use-size/src/useSize.tsx
-function useSize$2(element) {
+function useSize$4(element) {
   const [size, setSize] = React__namespace.useState(void 0);
-  useLayoutEffect2$4(() => {
+  useLayoutEffect2$6(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
       const resizeObserver = new ResizeObserver((entries) => {
@@ -76449,7 +76449,7 @@ function useSize$2(element) {
 }
 
 var POPPER_NAME$2 = "Popper";
-var [createPopperContext$2, createPopperScope$2] = createContextScope$7(POPPER_NAME$2);
+var [createPopperContext$2, createPopperScope$2] = createContextScope$b(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$3(forwardedRef, ref);
+    const composedRefs = useComposedRefs$5(forwardedRef, ref);
     React__namespace.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$5.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$7.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor$2.displayName = ANCHOR_NAME$4;
@@ -76493,9 +76493,9 @@ 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$3(forwardedRef, (node) => setContent(node));
+    const composedRefs = useComposedRefs$5(forwardedRef, (node) => setContent(node));
     const [arrow$1, setArrow] = React__namespace.useState(null);
-    const arrowSize = useSize$2(arrow$1);
+    const arrowSize = useSize$4(arrow$1);
     const arrowWidth = arrowSize?.width ?? 0;
     const arrowHeight = arrowSize?.height ?? 0;
     const desiredPlacement = side + (align !== "center" ? "-" + align : "");
@@ -76547,8 +76547,8 @@ var PopperContent$2 = React__namespace.forwardRef(
       ]
     });
     const [placedSide, placedAlign] = getSideAndAlignFromPlacement$2(placement);
-    const handlePlaced = useCallbackRef$4(onPlaced);
-    useLayoutEffect2$4(() => {
+    const handlePlaced = useCallbackRef$6(onPlaced);
+    useLayoutEffect2$6(() => {
       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$4(() => {
+    useLayoutEffect2$6(() => {
       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$5.div,
+              Primitive$7.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$6,
+          Root$8,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -76708,28 +76708,28 @@ function getSideAndAlignFromPlacement$2(placement) {
   const [side, align = "center"] = placement.split("-");
   return [side, align];
 }
-var Root2$4 = Popper$2;
+var Root2$5 = Popper$2;
 var Anchor$2 = PopperAnchor$2;
 var Content$2 = PopperContent$2;
 var Arrow$4 = PopperArrow$2;
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef$3(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$3(...refs) {
-  return (node) => refs.forEach((ref) => setRef$3(ref, node));
+function composeRefs$5(...refs) {
+  return (node) => refs.forEach((ref) => setRef$5(ref, node));
 }
-function useComposedRefs$2(...refs) {
-  return React__namespace.useCallback(composeRefs$3(...refs), refs);
+function useComposedRefs$4(...refs) {
+  return React__namespace.useCallback(composeRefs$5(...refs), refs);
 }
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$3 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$5 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 function useStateMachine(initialState, machine) {
@@ -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$2(presence.ref, getElementRef(child));
+  const ref = useComposedRefs$4(presence.ref, getElementRef(child));
   const forceMount = typeof children === "function";
   return forceMount || presence.isPresent ? React__namespace.cloneElement(child, { ref }) : null;
 };
@@ -76772,7 +76772,7 @@ function usePresence(present) {
     const currentAnimationName = getAnimationName(stylesRef.current);
     prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
   }, [state]);
-  useLayoutEffect2$3(() => {
+  useLayoutEffect2$5(() => {
     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$3(() => {
+  useLayoutEffect2$5(() => {
     if (node) {
       let timeoutId;
       const ownerWindow = node.ownerDocument.defaultView ?? window;
@@ -76858,16 +76858,16 @@ function getElementRef(element) {
 }
 
 // packages/react/use-controllable-state/src/useControllableState.tsx
-function useControllableState$3({
+function useControllableState$5({
   prop,
   defaultProp,
   onChange = () => {
   }
 }) {
-  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$3({ defaultProp, onChange });
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$5({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef$4(onChange);
+  const handleChange = useCallbackRef$6(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -76882,14 +76882,14 @@ function useControllableState$3({
   );
   return [value, setValue];
 }
-function useUncontrolledState$3({
+function useUncontrolledState$5({
   defaultProp,
   onChange
 }) {
   const uncontrolledState = React__namespace.useState(defaultProp);
   const [value] = uncontrolledState;
   const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef$4(onChange);
+  const handleChange = useCallbackRef$6(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$5.span,
+      Primitive$7.span,
       {
         ...props,
         ref: forwardedRef,
@@ -76927,9 +76927,9 @@ var VisuallyHidden = React__namespace.forwardRef(
   }
 );
 VisuallyHidden.displayName = NAME$4;
-var Root$5 = VisuallyHidden;
+var Root$7 = VisuallyHidden;
 
-var [createTooltipContext, createTooltipScope] = createContextScope$8("Tooltip", [
+var [createTooltipContext, createTooltipScope] = createContextScope$c("Tooltip", [
   createPopperScope$2
 ]);
 var usePopperScope$2 = createPopperScope$2();
@@ -76994,12 +76994,12 @@ var Tooltip$1 = (props) => {
   const providerContext = useTooltipProviderContext(TOOLTIP_NAME, props.__scopeTooltip);
   const popperScope = usePopperScope$2(__scopeTooltip);
   const [trigger, setTrigger] = React__namespace.useState(null);
-  const contentId = useId$3();
+  const contentId = useId$4();
   const openTimerRef = React__namespace.useRef(0);
   const disableHoverableContent = disableHoverableContentProp ?? providerContext.disableHoverableContent;
   const delayDuration = delayDurationProp ?? providerContext.delayDuration;
   const wasOpenDelayedRef = React__namespace.useRef(false);
-  const [open = false, setOpen] = useControllableState$3({
+  const [open = false, setOpen] = useControllableState$5({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: (open2) => {
@@ -77034,7 +77034,7 @@ var Tooltip$1 = (props) => {
   React__namespace.useEffect(() => {
     return () => window.clearTimeout(openTimerRef.current);
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Root2$4, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Root2$5, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
     TooltipContextProvider,
     {
       scope: __scopeTooltip,
@@ -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$3(forwardedRef, ref, context.onTriggerChange);
+    const composedRefs = useComposedRefs$5(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$5.button,
+      Primitive$7.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
         "data-state": context.stateAttribute,
         ...triggerProps,
         ref: composedRefs,
-        onPointerMove: composeEventHandlers$3(props.onPointerMove, (event) => {
+        onPointerMove: composeEventHandlers$5(props.onPointerMove, (event) => {
           if (event.pointerType === "touch") return;
           if (!hasPointerMoveOpenedRef.current && !providerContext.isPointerInTransitRef.current) {
             context.onTriggerEnter();
             hasPointerMoveOpenedRef.current = true;
           }
         }),
-        onPointerLeave: composeEventHandlers$3(props.onPointerLeave, () => {
+        onPointerLeave: composeEventHandlers$5(props.onPointerLeave, () => {
           context.onTriggerLeave();
           hasPointerMoveOpenedRef.current = false;
         }),
-        onPointerDown: composeEventHandlers$3(props.onPointerDown, () => {
+        onPointerDown: composeEventHandlers$5(props.onPointerDown, () => {
           isPointerDownRef.current = true;
           document.addEventListener("pointerup", handlePointerUp, { once: true });
         }),
-        onFocus: composeEventHandlers$3(props.onFocus, () => {
+        onFocus: composeEventHandlers$5(props.onFocus, () => {
           if (!isPointerDownRef.current) context.onOpen();
         }),
-        onBlur: composeEventHandlers$3(props.onBlur, context.onClose),
-        onClick: composeEventHandlers$3(props.onClick, context.onClose)
+        onBlur: composeEventHandlers$5(props.onBlur, context.onClose),
+        onClick: composeEventHandlers$5(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$3(forwardedRef, ref);
+  const composedRefs = useComposedRefs$5(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$5, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
+              /* @__PURE__ */ jsxRuntime.jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsxRuntime.jsx(Root$7, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
             ]
           }
         )
@@ -77385,7 +77385,7 @@ var TooltipRoot = Root3$1;
 var TooltipTrigger = Trigger$2;
 var TooltipContent = React__namespace.forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 4 : _b, props = __rest(_a, ["className", "sideOffset"]);
-    return (React__namespace.createElement(Content2$3, __assign({ ref: ref, sideOffset: sideOffset, className: classNames("s-bg-primary-50 s-text-primary-700 s-z-50 s-max-w-xs s-overflow-hidden s-rounded-md s-border s-bg-white s-px-3 s-py-1.5 s-text-sm s-shadow-md", "s-animate-in s-fade-in-0 s-zoom-in-95", "data-[state=closed]:s-animate-out data-[state=closed]:s-fade-out-0 data-[state=closed]:s-zoom-out-95 data-[side=bottom]:s-slide-in-from-top-2 data-[side=left]:s-slide-in-from-right-2 data-[side=right]:s-slide-in-from-left-2 data-[side=top]:s-slide-in-from-bottom-2", className || "") }, props)));
+    return (React__namespace.createElement(Content2$3, __assign({ ref: ref, sideOffset: sideOffset, className: classNames("s-z-50 s-max-w-xs s-overflow-hidden s-rounded-md s-border s-bg-white s-px-3 s-py-1.5 s-text-sm s-shadow-md", "s-animate-in s-fade-in-0 s-zoom-in-95", "data-[state=closed]:s-animate-out data-[state=closed]:s-fade-out-0 data-[state=closed]:s-zoom-out-95 data-[side=bottom]:s-slide-in-from-top-2 data-[side=left]:s-slide-in-from-right-2 data-[side=right]:s-slide-in-from-left-2 data-[side=top]:s-slide-in-from-bottom-2", className || "") }, props)));
 });
 function Tooltip(_a) {
     var trigger = _a.trigger, _b = _a.tooltipTriggerAsChild, tooltipTriggerAsChild = _b === void 0 ? false : _b, label = _a.label, props = __rest(_a, ["trigger", "tooltipTriggerAsChild", "label"]);
@@ -77779,7 +77779,7 @@ BarHeader.ButtonBar = function (props) {
     }
 };
 
-var i$4=Object.defineProperty;var d$5=(t,e,n)=>e in t?i$4(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var r$3=(t,e,n)=>(d$5(t,typeof e!="symbol"?e+"":e,n),n);let o$6 = class o{constructor(){r$3(this,"current",this.detect());r$3(this,"handoffState","pending");r$3(this,"currentId",0);}set(e){this.current!==e&&(this.handoffState="pending",this.currentId=0,this.current=e);}reset(){this.set(this.detect());}nextId(){return ++this.currentId}get isServer(){return this.current==="server"}get isClient(){return this.current==="client"}detect(){return typeof window=="undefined"||typeof document=="undefined"?"server":"client"}handoff(){this.handoffState==="pending"&&(this.handoffState="complete");}get isHandoffComplete(){return this.handoffState==="complete"}};let s$9=new o$6;
+var i$4=Object.defineProperty;var d$5=(t,e,n)=>e in t?i$4(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var r$4=(t,e,n)=>(d$5(t,typeof e!="symbol"?e+"":e,n),n);let o$6 = class o{constructor(){r$4(this,"current",this.detect());r$4(this,"handoffState","pending");r$4(this,"currentId",0);}set(e){this.current!==e&&(this.handoffState="pending",this.currentId=0,this.current=e);}reset(){this.set(this.detect());}nextId(){return ++this.currentId}get isServer(){return this.current==="server"}get isClient(){return this.current==="client"}detect(){return typeof window=="undefined"||typeof document=="undefined"?"server":"client"}handoff(){this.handoffState==="pending"&&(this.handoffState="complete");}get isHandoffComplete(){return this.handoffState==="complete"}};let s$9=new o$6;
 
 let l$5=(e,f)=>{s$9.isServer?React.useEffect(e,f):React.useLayoutEffect(e,f);};
 
@@ -77838,7 +77838,7 @@ function t$4(n){function e(){document.readyState!=="loading"&&(n(),document.remo
 
 let t$3=[];t$4(()=>{function e(n){n.target instanceof HTMLElement&&n.target!==document.body&&t$3[0]!==n.target&&(t$3.unshift(n.target),t$3=t$3.filter(r=>r!=null&&r.isConnected),t$3.splice(10));}window.addEventListener("click",e,{capture:!0}),window.addEventListener("mousedown",e,{capture:!0}),window.addEventListener("focus",e,{capture:!0}),document.body.addEventListener("click",e,{capture:!0}),document.body.addEventListener("mousedown",e,{capture:!0}),document.body.addEventListener("focus",e,{capture:!0});});
 
-function r$2(n){let e=n.parentElement,l=null;for(;e&&!(e instanceof HTMLFieldSetElement);)e instanceof HTMLLegendElement&&(l=e),e=e.parentElement;let t=(e==null?void 0:e.getAttribute("disabled"))==="";return t&&i$1(l)?!1:t}function i$1(n){if(!n)return !1;let e=n.previousElementSibling;for(;e!==null;){if(e instanceof HTMLLegendElement)return !1;e=e.previousElementSibling;}return !0}
+function r$3(n){let e=n.parentElement,l=null;for(;e&&!(e instanceof HTMLFieldSetElement);)e instanceof HTMLLegendElement&&(l=e),e=e.parentElement;let t=(e==null?void 0:e.getAttribute("disabled"))==="";return t&&i$1(l)?!1:t}function i$1(n){if(!n)return !1;let e=n.previousElementSibling;for(;e!==null;){if(e instanceof HTMLLegendElement)return !1;e=e.previousElementSibling;}return !0}
 
 function u$2(l){throw new Error("Unexpected object: "+l)}var c$4=(i=>(i[i.First=0]="First",i[i.Previous=1]="Previous",i[i.Next=2]="Next",i[i.Last=3]="Last",i[i.Specific=4]="Specific",i[i.Nothing=5]="Nothing",i))(c$4||{});function f$4(l,n){let t=n.resolveItems();if(t.length<=0)return null;let r=n.resolveActiveIndex(),s=r!=null?r:-1;switch(l.focus){case 0:{for(let e=0;e<t.length;++e)if(!n.resolveDisabled(t[e],e,t))return e;return r}case 1:{for(let e=s-1;e>=0;--e)if(!n.resolveDisabled(t[e],e,t))return e;return r}case 2:{for(let e=s+1;e<t.length;++e)if(!n.resolveDisabled(t[e],e,t))return e;return r}case 3:{for(let e=t.length-1;e>=0;--e)if(!n.resolveDisabled(t[e],e,t))return e;return r}case 4:{for(let e=0;e<t.length;++e)if(n.resolveId(t[e],e,t)===l.id)return e;return r}case 5:return null;default:u$2(l);}}
 
@@ -77858,11 +77858,11 @@ let e=React.createContext(!1);function a$6(){return React.useContext(e)}function
 
 function F$1(p){let n=a$6(),l=React.useContext(_$1),e=n$2(p),[a,o]=React.useState(()=>{if(!n&&l!==null||s$9.isServer)return null;let t=e==null?void 0:e.getElementById("headlessui-portal-root");if(t)return t;if(e===null)return null;let r=e.createElement("div");return r.setAttribute("id","headlessui-portal-root"),e.body.appendChild(r)});return React.useEffect(()=>{a!==null&&(e!=null&&e.body.contains(a)||e==null||e.body.appendChild(a));},[a,e]),React.useEffect(()=>{n||l!==null&&o(l.current);},[l,o,n]),a}let U$2=React.Fragment;function N$1(p,n){let l=p,e=React.useRef(null),a=y$1(T(u=>{e.current=u;}),n),o=n$2(e),t=F$1(e),[r]=React.useState(()=>{var u;return s$9.isServer?null:(u=o==null?void 0:o.createElement("div"))!=null?u:null}),i=React.useContext(f$2),v=l$4();return l$5(()=>{!t||!r||t.contains(r)||(r.setAttribute("data-headlessui-portal",""),t.appendChild(r));},[t,r]),l$5(()=>{if(r&&i)return i.register(r)},[i,r]),c$3(()=>{var u;!t||!r||(r instanceof Node&&t.contains(r)&&t.removeChild(r),t.childNodes.length<=0&&((u=t.parentElement)==null||u.removeChild(t)));}),v?!t||!r?null:reactDomExports.createPortal(C$1({ourProps:{ref:a},theirProps:l,defaultTag:U$2,name:"Portal"}),r):null}let S$3=React.Fragment,_$1=React.createContext(null);function j(p,n){let{target:l,...e}=p,o={ref:y$1(n)};return React.createElement(_$1.Provider,{value:l},C$1({ourProps:o,theirProps:e,defaultTag:S$3,name:"Popover.Group"}))}let f$2=React.createContext(null);function ee$1(){let p=React.useContext(f$2),n=React.useRef([]),l=o$5(o=>(n.current.push(o),p&&p.register(o),()=>e(o))),e=o$5(o=>{let t=n.current.indexOf(o);t!==-1&&n.current.splice(t,1),p&&p.unregister(o);}),a=React.useMemo(()=>({register:l,unregister:e,portals:n}),[l,e,n]);return [n,React.useMemo(()=>function({children:t}){return React.createElement(f$2.Provider,{value:a},t)},[a])]}let D$1=U$3(N$1),I$3=U$3(j),te$1=Object.assign(D$1,{Group:I$3});
 
-function i(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}const d$2=typeof Object.is=="function"?Object.is:i,{useState:u$1,useEffect:h$1,useLayoutEffect:f$1,useDebugValue:p$1}=React__namespace;function y(e,t,c){const a=t(),[{inst:n},o]=u$1({inst:{value:a,getSnapshot:t}});return f$1(()=>{n.value=a,n.getSnapshot=t,r$1(n)&&o({inst:n});},[e,a,t]),h$1(()=>(r$1(n)&&o({inst:n}),e(()=>{r$1(n)&&o({inst:n});})),[e]),p$1(a),a}function r$1(e){const t=e.getSnapshot,c=e.value;try{const a=t();return !d$2(c,a)}catch{return !0}}
+function i(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}const d$2=typeof Object.is=="function"?Object.is:i,{useState:u$1,useEffect:h$1,useLayoutEffect:f$1,useDebugValue:p$1}=React__namespace;function y(e,t,c){const a=t(),[{inst:n},o]=u$1({inst:{value:a,getSnapshot:t}});return f$1(()=>{n.value=a,n.getSnapshot=t,r$2(n)&&o({inst:n});},[e,a,t]),h$1(()=>(r$2(n)&&o({inst:n}),e(()=>{r$2(n)&&o({inst:n});})),[e]),p$1(a),a}function r$2(e){const t=e.getSnapshot,c=e.value;try{const a=t();return !d$2(c,a)}catch{return !0}}
 
 function t$2(r,e,n){return e()}
 
-const r=typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.document.createElement!="undefined",s$2=!r,c$2=s$2?t$2:y,a$5="useSyncExternalStore"in React__namespace?(n=>n.useSyncExternalStore)(React__namespace):c$2;
+const r$1=typeof window!="undefined"&&typeof window.document!="undefined"&&typeof window.document.createElement!="undefined",s$2=!r$1,c$2=s$2?t$2:y,a$5="useSyncExternalStore"in React__namespace?(n=>n.useSyncExternalStore)(React__namespace):c$2;
 
 function S$2(t){return a$5(t.subscribe,t.getSnapshot,t.getSnapshot)}
 
@@ -77886,17 +77886,17 @@ let a$2=React.createContext(()=>{});a$2.displayName="StackContext";var s$1=(e=>(
 
 let d=React.createContext(null);function f(){let r=React.useContext(d);if(r===null){let t=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,f),t}return r}function w$1(){let[r,t]=React.useState([]);return [r.length>0?r.join(" "):void 0,React.useMemo(()=>function(e){let i=o$5(s=>(t(o=>[...o,s]),()=>t(o=>{let p=o.slice(),c=p.indexOf(s);return c!==-1&&p.splice(c,1),p}))),n=React.useMemo(()=>({register:i,slot:e.slot,name:e.name,props:e.props}),[i,e.slot,e.name,e.props]);return React.createElement(d.Provider,{value:n},e.children)},[t])]}let I$2="p";function S$1(r,t){let a=I$6(),{id:e=`headlessui-description-${a}`,...i}=r,n=f(),s=y$1(t);l$5(()=>n.register(e),[e,n.register]);let o={ref:s,...n.props,id:e};return C$1({ourProps:o,theirProps:i,slot:n.slot||{},defaultTag:I$2,name:n.name||"Description"})}let h=U$3(S$1),G=Object.assign(h,{});
 
-var Me$1=(r=>(r[r.Open=0]="Open",r[r.Closed=1]="Closed",r))(Me$1||{}),we=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(we||{});let He$1={[0](o,e){return o.titleId===e.id?o:{...o,titleId:e.id}}},I$1=React.createContext(null);I$1.displayName="DialogContext";function b$1(o){let e=React.useContext(I$1);if(e===null){let r=new Error(`<${o} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,b$1),r}return e}function Be(o,e,r=()=>[document.body]){p(o,e,i=>{var n;return {containers:[...(n=i.containers)!=null?n:[],r]}});}function Ge(o,e){return u$7(e.type,He$1,o,e)}let Ne$1="div",Ue=O.RenderStrategy|O.Static;function We(o,e){let r=I$6(),{id:i=`headlessui-dialog-${r}`,open:n,onClose:l,initialFocus:s,role:a="dialog",__demoMode:T=!1,...m}=o,[M,f]=React.useState(0),U=React.useRef(!1);a=function(){return a==="dialog"||a==="alertdialog"?a:(U.current||(U.current=!0,console.warn(`Invalid role [${a}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)),"dialog")}();let E$1=u$3();n===void 0&&E$1!==null&&(n=(E$1&d$3.Open)===d$3.Open);let D=React.useRef(null),ee=y$1(D,e),g=n$2(D),W=o.hasOwnProperty("open")||E$1!==null,$=o.hasOwnProperty("onClose");if(!W&&!$)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!W)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!$)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if(typeof n!="boolean")throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${n}`);if(typeof l!="function")throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${l}`);let p=n?0:1,[h,te]=React.useReducer(Ge,{titleId:null,descriptionId:null,panelRef:React.createRef()}),P=o$5(()=>l(!1)),Y=o$5(t=>te({type:0,id:t})),S=l$4()?T?!1:p===0:!1,x=M>1,j=React.useContext(I$1)!==null,[oe,re]=ee$1(),ne={get current(){var t;return (t=h.panelRef.current)!=null?t:D.current}},{resolveContainers:w,mainTreeNodeRef:L,MainTreeNode:le}=N({portals:oe,defaultContainers:[ne]}),ae=x?"parent":"leaf",J=E$1!==null?(E$1&d$3.Closing)===d$3.Closing:!1,ie=(()=>j||J?!1:S)(),se=React.useCallback(()=>{var t,c;return (c=Array.from((t=g==null?void 0:g.querySelectorAll("body > *"))!=null?t:[]).find(d=>d.id==="headlessui-portal-root"?!1:d.contains(L.current)&&d instanceof HTMLElement))!=null?c:null},[L]);b$3(se,ie);let pe=(()=>x?!0:S)(),de=React.useCallback(()=>{var t,c;return (c=Array.from((t=g==null?void 0:g.querySelectorAll("[data-headlessui-portal]"))!=null?t:[]).find(d=>d.contains(L.current)&&d instanceof HTMLElement))!=null?c:null},[L]);b$3(de,pe);let ue=(()=>!(!S||x))();y$2(w,t=>{t.preventDefault(),P();},ue);let fe=(()=>!(x||p!==0))();E(g==null?void 0:g.defaultView,"keydown",t=>{fe&&(t.defaultPrevented||t.key===o$1.Escape&&(t.preventDefault(),t.stopPropagation(),P()));});let ge=(()=>!(J||p!==0||j))();Be(g,ge,w),React.useEffect(()=>{if(p!==0||!D.current)return;let t=new ResizeObserver(c=>{for(let d of c){let F=d.target.getBoundingClientRect();F.x===0&&F.y===0&&F.width===0&&F.height===0&&P();}});return t.observe(D.current),()=>t.disconnect()},[p,D,P]);let[Te,ce]=w$1(),De=React.useMemo(()=>[{dialogState:p,close:P,setTitleId:Y},h],[p,h,P,Y]),X=React.useMemo(()=>({open:p===0}),[p]),me={ref:ee,id:i,role:a,"aria-modal":p===0?!0:void 0,"aria-labelledby":h.titleId,"aria-describedby":Te};return React.createElement(b$2,{type:"Dialog",enabled:p===0,element:D,onUpdate:o$5((t,c)=>{c==="Dialog"&&u$7(t,{[s$1.Add]:()=>f(d=>d+1),[s$1.Remove]:()=>f(d=>d-1)});})},React.createElement(l$2,{force:!0},React.createElement(te$1,null,React.createElement(I$1.Provider,{value:De},React.createElement(te$1.Group,{target:D},React.createElement(l$2,{force:!1},React.createElement(ce,{slot:X,name:"Dialog.Description"},React.createElement(de$1,{initialFocus:s,containers:w,features:S?u$7(ae,{parent:de$1.features.RestoreFocus,leaf:de$1.features.All&~de$1.features.FocusLock}):de$1.features.None},React.createElement(re,null,C$1({ourProps:me,theirProps:m,slot:X,defaultTag:Ne$1,features:Ue,visible:p===0,name:"Dialog"}))))))))),React.createElement(le,null))}let $e="div";function Ye(o,e){let r=I$6(),{id:i=`headlessui-dialog-overlay-${r}`,...n}=o,[{dialogState:l,close:s}]=b$1("Dialog.Overlay"),a=y$1(e),T=o$5(f=>{if(f.target===f.currentTarget){if(r$2(f.currentTarget))return f.preventDefault();f.preventDefault(),f.stopPropagation(),s();}}),m=React.useMemo(()=>({open:l===0}),[l]);return C$1({ourProps:{ref:a,id:i,"aria-hidden":!0,onClick:T},theirProps:n,slot:m,defaultTag:$e,name:"Dialog.Overlay"})}let je="div";function Je(o,e){let r=I$6(),{id:i=`headlessui-dialog-backdrop-${r}`,...n}=o,[{dialogState:l},s]=b$1("Dialog.Backdrop"),a=y$1(e);React.useEffect(()=>{if(s.panelRef.current===null)throw new Error("A <Dialog.Backdrop /> component is being used, but a <Dialog.Panel /> component is missing.")},[s.panelRef]);let T=React.useMemo(()=>({open:l===0}),[l]);return React.createElement(l$2,{force:!0},React.createElement(te$1,null,C$1({ourProps:{ref:a,id:i,"aria-hidden":!0},theirProps:n,slot:T,defaultTag:je,name:"Dialog.Backdrop"})))}let Xe="div";function Ke(o,e){let r=I$6(),{id:i=`headlessui-dialog-panel-${r}`,...n}=o,[{dialogState:l},s]=b$1("Dialog.Panel"),a=y$1(e,s.panelRef),T=React.useMemo(()=>({open:l===0}),[l]),m=o$5(f=>{f.stopPropagation();});return C$1({ourProps:{ref:a,id:i,onClick:m},theirProps:n,slot:T,defaultTag:Xe,name:"Dialog.Panel"})}let Ve="h2";function qe$2(o,e){let r=I$6(),{id:i=`headlessui-dialog-title-${r}`,...n}=o,[{dialogState:l,setTitleId:s}]=b$1("Dialog.Title"),a=y$1(e);React.useEffect(()=>(s(i),()=>s(null)),[i,s]);let T=React.useMemo(()=>({open:l===0}),[l]);return C$1({ourProps:{ref:a,id:i},theirProps:n,slot:T,defaultTag:Ve,name:"Dialog.Title"})}let ze=U$3(We),Qe=U$3(Je),Ze=U$3(Ke),et=U$3(Ye),tt=U$3(qe$2),_t=Object.assign(ze,{Backdrop:Qe,Panel:Ze,Overlay:et,Title:tt,Description:G});
+var Me$1=(r=>(r[r.Open=0]="Open",r[r.Closed=1]="Closed",r))(Me$1||{}),we=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(we||{});let He$1={[0](o,e){return o.titleId===e.id?o:{...o,titleId:e.id}}},I$1=React.createContext(null);I$1.displayName="DialogContext";function b$1(o){let e=React.useContext(I$1);if(e===null){let r=new Error(`<${o} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,b$1),r}return e}function Be(o,e,r=()=>[document.body]){p(o,e,i=>{var n;return {containers:[...(n=i.containers)!=null?n:[],r]}});}function Ge(o,e){return u$7(e.type,He$1,o,e)}let Ne$1="div",Ue=O.RenderStrategy|O.Static;function We(o,e){let r=I$6(),{id:i=`headlessui-dialog-${r}`,open:n,onClose:l,initialFocus:s,role:a="dialog",__demoMode:T=!1,...m}=o,[M,f]=React.useState(0),U=React.useRef(!1);a=function(){return a==="dialog"||a==="alertdialog"?a:(U.current||(U.current=!0,console.warn(`Invalid role [${a}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)),"dialog")}();let E$1=u$3();n===void 0&&E$1!==null&&(n=(E$1&d$3.Open)===d$3.Open);let D=React.useRef(null),ee=y$1(D,e),g=n$2(D),W=o.hasOwnProperty("open")||E$1!==null,$=o.hasOwnProperty("onClose");if(!W&&!$)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!W)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!$)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if(typeof n!="boolean")throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${n}`);if(typeof l!="function")throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${l}`);let p=n?0:1,[h,te]=React.useReducer(Ge,{titleId:null,descriptionId:null,panelRef:React.createRef()}),P=o$5(()=>l(!1)),Y=o$5(t=>te({type:0,id:t})),S=l$4()?T?!1:p===0:!1,x=M>1,j=React.useContext(I$1)!==null,[oe,re]=ee$1(),ne={get current(){var t;return (t=h.panelRef.current)!=null?t:D.current}},{resolveContainers:w,mainTreeNodeRef:L,MainTreeNode:le}=N({portals:oe,defaultContainers:[ne]}),ae=x?"parent":"leaf",J=E$1!==null?(E$1&d$3.Closing)===d$3.Closing:!1,ie=(()=>j||J?!1:S)(),se=React.useCallback(()=>{var t,c;return (c=Array.from((t=g==null?void 0:g.querySelectorAll("body > *"))!=null?t:[]).find(d=>d.id==="headlessui-portal-root"?!1:d.contains(L.current)&&d instanceof HTMLElement))!=null?c:null},[L]);b$3(se,ie);let pe=(()=>x?!0:S)(),de=React.useCallback(()=>{var t,c;return (c=Array.from((t=g==null?void 0:g.querySelectorAll("[data-headlessui-portal]"))!=null?t:[]).find(d=>d.contains(L.current)&&d instanceof HTMLElement))!=null?c:null},[L]);b$3(de,pe);let ue=(()=>!(!S||x))();y$2(w,t=>{t.preventDefault(),P();},ue);let fe=(()=>!(x||p!==0))();E(g==null?void 0:g.defaultView,"keydown",t=>{fe&&(t.defaultPrevented||t.key===o$1.Escape&&(t.preventDefault(),t.stopPropagation(),P()));});let ge=(()=>!(J||p!==0||j))();Be(g,ge,w),React.useEffect(()=>{if(p!==0||!D.current)return;let t=new ResizeObserver(c=>{for(let d of c){let F=d.target.getBoundingClientRect();F.x===0&&F.y===0&&F.width===0&&F.height===0&&P();}});return t.observe(D.current),()=>t.disconnect()},[p,D,P]);let[Te,ce]=w$1(),De=React.useMemo(()=>[{dialogState:p,close:P,setTitleId:Y},h],[p,h,P,Y]),X=React.useMemo(()=>({open:p===0}),[p]),me={ref:ee,id:i,role:a,"aria-modal":p===0?!0:void 0,"aria-labelledby":h.titleId,"aria-describedby":Te};return React.createElement(b$2,{type:"Dialog",enabled:p===0,element:D,onUpdate:o$5((t,c)=>{c==="Dialog"&&u$7(t,{[s$1.Add]:()=>f(d=>d+1),[s$1.Remove]:()=>f(d=>d-1)});})},React.createElement(l$2,{force:!0},React.createElement(te$1,null,React.createElement(I$1.Provider,{value:De},React.createElement(te$1.Group,{target:D},React.createElement(l$2,{force:!1},React.createElement(ce,{slot:X,name:"Dialog.Description"},React.createElement(de$1,{initialFocus:s,containers:w,features:S?u$7(ae,{parent:de$1.features.RestoreFocus,leaf:de$1.features.All&~de$1.features.FocusLock}):de$1.features.None},React.createElement(re,null,C$1({ourProps:me,theirProps:m,slot:X,defaultTag:Ne$1,features:Ue,visible:p===0,name:"Dialog"}))))))))),React.createElement(le,null))}let $e="div";function Ye(o,e){let r=I$6(),{id:i=`headlessui-dialog-overlay-${r}`,...n}=o,[{dialogState:l,close:s}]=b$1("Dialog.Overlay"),a=y$1(e),T=o$5(f=>{if(f.target===f.currentTarget){if(r$3(f.currentTarget))return f.preventDefault();f.preventDefault(),f.stopPropagation(),s();}}),m=React.useMemo(()=>({open:l===0}),[l]);return C$1({ourProps:{ref:a,id:i,"aria-hidden":!0,onClick:T},theirProps:n,slot:m,defaultTag:$e,name:"Dialog.Overlay"})}let je="div";function Je(o,e){let r=I$6(),{id:i=`headlessui-dialog-backdrop-${r}`,...n}=o,[{dialogState:l},s]=b$1("Dialog.Backdrop"),a=y$1(e);React.useEffect(()=>{if(s.panelRef.current===null)throw new Error("A <Dialog.Backdrop /> component is being used, but a <Dialog.Panel /> component is missing.")},[s.panelRef]);let T=React.useMemo(()=>({open:l===0}),[l]);return React.createElement(l$2,{force:!0},React.createElement(te$1,null,C$1({ourProps:{ref:a,id:i,"aria-hidden":!0},theirProps:n,slot:T,defaultTag:je,name:"Dialog.Backdrop"})))}let Xe="div";function Ke(o,e){let r=I$6(),{id:i=`headlessui-dialog-panel-${r}`,...n}=o,[{dialogState:l},s]=b$1("Dialog.Panel"),a=y$1(e,s.panelRef),T=React.useMemo(()=>({open:l===0}),[l]),m=o$5(f=>{f.stopPropagation();});return C$1({ourProps:{ref:a,id:i,onClick:m},theirProps:n,slot:T,defaultTag:Xe,name:"Dialog.Panel"})}let Ve="h2";function qe$2(o,e){let r=I$6(),{id:i=`headlessui-dialog-title-${r}`,...n}=o,[{dialogState:l,setTitleId:s}]=b$1("Dialog.Title"),a=y$1(e);React.useEffect(()=>(s(i),()=>s(null)),[i,s]);let T=React.useMemo(()=>({open:l===0}),[l]);return C$1({ourProps:{ref:a,id:i},theirProps:n,slot:T,defaultTag:Ve,name:"Dialog.Title"})}let ze=U$3(We),Qe=U$3(Je),Ze=U$3(Ke),et=U$3(Ye),tt=U$3(qe$2),_t=Object.assign(ze,{Backdrop:Qe,Panel:Ze,Overlay:et,Title:tt,Description:G});
 
 var t;let a$1=(t=React.startTransition)!=null?t:function(i){i();};
 
-var Q=(o=>(o[o.Open=0]="Open",o[o.Closed=1]="Closed",o))(Q||{}),V=(t=>(t[t.ToggleDisclosure=0]="ToggleDisclosure",t[t.CloseDisclosure=1]="CloseDisclosure",t[t.SetButtonId=2]="SetButtonId",t[t.SetPanelId=3]="SetPanelId",t[t.LinkPanel=4]="LinkPanel",t[t.UnlinkPanel=5]="UnlinkPanel",t))(V||{});let Y={[0]:e=>({...e,disclosureState:u$7(e.disclosureState,{[0]:1,[1]:0})}),[1]:e=>e.disclosureState===1?e:{...e,disclosureState:1},[4](e){return e.linkedPanel===!0?e:{...e,linkedPanel:!0}},[5](e){return e.linkedPanel===!1?e:{...e,linkedPanel:!1}},[2](e,n){return e.buttonId===n.buttonId?e:{...e,buttonId:n.buttonId}},[3](e,n){return e.panelId===n.panelId?e:{...e,panelId:n.panelId}}},M$2=React.createContext(null);M$2.displayName="DisclosureContext";function _(e){let n=React.useContext(M$2);if(n===null){let o=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,_),o}return n}let v$1=React.createContext(null);v$1.displayName="DisclosureAPIContext";function K(e){let n=React.useContext(v$1);if(n===null){let o=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,K),o}return n}let F=React.createContext(null);F.displayName="DisclosurePanelContext";function Z(){return React.useContext(F)}function ee(e,n){return u$7(n.type,Y,e,n)}let te=React.Fragment;function ne(e,n){let{defaultOpen:o=!1,...i}=e,f=React.useRef(null),l=y$1(n,T(u=>{f.current=u;},e.as===void 0||e.as===React.Fragment)),t=React.useRef(null),d=React.useRef(null),s=React.useReducer(ee,{disclosureState:o?0:1,linkedPanel:!1,buttonRef:d,panelRef:t,buttonId:null,panelId:null}),[{disclosureState:c,buttonId:a},D]=s,p=o$5(u=>{D({type:1});let y=o$2(f);if(!y||!a)return;let r=(()=>u?u instanceof HTMLElement?u:u.current instanceof HTMLElement?u.current:y.getElementById(a):y.getElementById(a))();r==null||r.focus();}),P=React.useMemo(()=>({close:p}),[p]),T$1=React.useMemo(()=>({open:c===0,close:p}),[c,p]),C={ref:l};return React.createElement(M$2.Provider,{value:s},React.createElement(v$1.Provider,{value:P},React.createElement(s$4,{value:u$7(c,{[0]:d$3.Open,[1]:d$3.Closed})},C$1({ourProps:C,theirProps:i,slot:T$1,defaultTag:te,name:"Disclosure"}))))}let le$1="button";function oe(e,n){let o=I$6(),{id:i=`headlessui-disclosure-button-${o}`,...f}=e,[l,t]=_("Disclosure.Button"),d=Z(),s=d===null?!1:d===l.panelId,c=React.useRef(null),a=y$1(c,n,s?null:l.buttonRef),D=I$4();React.useEffect(()=>{if(!s)return t({type:2,buttonId:i}),()=>{t({type:2,buttonId:null});}},[i,t,s]);let p=o$5(r=>{var m;if(s){if(l.disclosureState===1)return;switch(r.key){case o$1.Space:case o$1.Enter:r.preventDefault(),r.stopPropagation(),t({type:0}),(m=l.buttonRef.current)==null||m.focus();break}}else switch(r.key){case o$1.Space:case o$1.Enter:r.preventDefault(),r.stopPropagation(),t({type:0});break}}),P=o$5(r=>{switch(r.key){case o$1.Space:r.preventDefault();break}}),T=o$5(r=>{var m;r$2(r.currentTarget)||e.disabled||(s?(t({type:0}),(m=l.buttonRef.current)==null||m.focus()):t({type:0}));}),C=React.useMemo(()=>({open:l.disclosureState===0}),[l]),u=T$1(e,c),y=s?{ref:a,type:u,onKeyDown:p,onClick:T}:{ref:a,id:i,type:u,"aria-expanded":l.disclosureState===0,"aria-controls":l.linkedPanel?l.panelId:void 0,onKeyDown:p,onKeyUp:P,onClick:T};return C$1({mergeRefs:D,ourProps:y,theirProps:f,slot:C,defaultTag:le$1,name:"Disclosure.Button"})}let re$1="div",se$1=O.RenderStrategy|O.Static;function ue$1(e,n){let o=I$6(),{id:i=`headlessui-disclosure-panel-${o}`,...f}=e,[l,t]=_("Disclosure.Panel"),{close:d}=K("Disclosure.Panel"),s=I$4(),c=y$1(n,l.panelRef,T=>{a$1(()=>t({type:T?4:5}));});React.useEffect(()=>(t({type:3,panelId:i}),()=>{t({type:3,panelId:null});}),[i,t]);let a=u$3(),D=(()=>a!==null?(a&d$3.Open)===d$3.Open:l.disclosureState===0)(),p=React.useMemo(()=>({open:l.disclosureState===0,close:d}),[l,d]),P={ref:c,id:i};return React.createElement(F.Provider,{value:l.panelId},C$1({mergeRefs:s,ourProps:P,theirProps:f,slot:p,defaultTag:re$1,features:se$1,visible:D,name:"Disclosure.Panel"}))}let ie=U$3(ne),ae$1=U$3(oe),pe=U$3(ue$1),Ae$1=Object.assign(ie,{Button:ae$1,Panel:pe});
+var Q=(o=>(o[o.Open=0]="Open",o[o.Closed=1]="Closed",o))(Q||{}),V=(t=>(t[t.ToggleDisclosure=0]="ToggleDisclosure",t[t.CloseDisclosure=1]="CloseDisclosure",t[t.SetButtonId=2]="SetButtonId",t[t.SetPanelId=3]="SetPanelId",t[t.LinkPanel=4]="LinkPanel",t[t.UnlinkPanel=5]="UnlinkPanel",t))(V||{});let Y={[0]:e=>({...e,disclosureState:u$7(e.disclosureState,{[0]:1,[1]:0})}),[1]:e=>e.disclosureState===1?e:{...e,disclosureState:1},[4](e){return e.linkedPanel===!0?e:{...e,linkedPanel:!0}},[5](e){return e.linkedPanel===!1?e:{...e,linkedPanel:!1}},[2](e,n){return e.buttonId===n.buttonId?e:{...e,buttonId:n.buttonId}},[3](e,n){return e.panelId===n.panelId?e:{...e,panelId:n.panelId}}},M$2=React.createContext(null);M$2.displayName="DisclosureContext";function _(e){let n=React.useContext(M$2);if(n===null){let o=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,_),o}return n}let v$1=React.createContext(null);v$1.displayName="DisclosureAPIContext";function K(e){let n=React.useContext(v$1);if(n===null){let o=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,K),o}return n}let F=React.createContext(null);F.displayName="DisclosurePanelContext";function Z(){return React.useContext(F)}function ee(e,n){return u$7(n.type,Y,e,n)}let te=React.Fragment;function ne(e,n){let{defaultOpen:o=!1,...i}=e,f=React.useRef(null),l=y$1(n,T(u=>{f.current=u;},e.as===void 0||e.as===React.Fragment)),t=React.useRef(null),d=React.useRef(null),s=React.useReducer(ee,{disclosureState:o?0:1,linkedPanel:!1,buttonRef:d,panelRef:t,buttonId:null,panelId:null}),[{disclosureState:c,buttonId:a},D]=s,p=o$5(u=>{D({type:1});let y=o$2(f);if(!y||!a)return;let r=(()=>u?u instanceof HTMLElement?u:u.current instanceof HTMLElement?u.current:y.getElementById(a):y.getElementById(a))();r==null||r.focus();}),P=React.useMemo(()=>({close:p}),[p]),T$1=React.useMemo(()=>({open:c===0,close:p}),[c,p]),C={ref:l};return React.createElement(M$2.Provider,{value:s},React.createElement(v$1.Provider,{value:P},React.createElement(s$4,{value:u$7(c,{[0]:d$3.Open,[1]:d$3.Closed})},C$1({ourProps:C,theirProps:i,slot:T$1,defaultTag:te,name:"Disclosure"}))))}let le$1="button";function oe(e,n){let o=I$6(),{id:i=`headlessui-disclosure-button-${o}`,...f}=e,[l,t]=_("Disclosure.Button"),d=Z(),s=d===null?!1:d===l.panelId,c=React.useRef(null),a=y$1(c,n,s?null:l.buttonRef),D=I$4();React.useEffect(()=>{if(!s)return t({type:2,buttonId:i}),()=>{t({type:2,buttonId:null});}},[i,t,s]);let p=o$5(r=>{var m;if(s){if(l.disclosureState===1)return;switch(r.key){case o$1.Space:case o$1.Enter:r.preventDefault(),r.stopPropagation(),t({type:0}),(m=l.buttonRef.current)==null||m.focus();break}}else switch(r.key){case o$1.Space:case o$1.Enter:r.preventDefault(),r.stopPropagation(),t({type:0});break}}),P=o$5(r=>{switch(r.key){case o$1.Space:r.preventDefault();break}}),T=o$5(r=>{var m;r$3(r.currentTarget)||e.disabled||(s?(t({type:0}),(m=l.buttonRef.current)==null||m.focus()):t({type:0}));}),C=React.useMemo(()=>({open:l.disclosureState===0}),[l]),u=T$1(e,c),y=s?{ref:a,type:u,onKeyDown:p,onClick:T}:{ref:a,id:i,type:u,"aria-expanded":l.disclosureState===0,"aria-controls":l.linkedPanel?l.panelId:void 0,onKeyDown:p,onKeyUp:P,onClick:T};return C$1({mergeRefs:D,ourProps:y,theirProps:f,slot:C,defaultTag:le$1,name:"Disclosure.Button"})}let re$1="div",se$1=O.RenderStrategy|O.Static;function ue$1(e,n){let o=I$6(),{id:i=`headlessui-disclosure-panel-${o}`,...f}=e,[l,t]=_("Disclosure.Panel"),{close:d}=K("Disclosure.Panel"),s=I$4(),c=y$1(n,l.panelRef,T=>{a$1(()=>t({type:T?4:5}));});React.useEffect(()=>(t({type:3,panelId:i}),()=>{t({type:3,panelId:null});}),[i,t]);let a=u$3(),D=(()=>a!==null?(a&d$3.Open)===d$3.Open:l.disclosureState===0)(),p=React.useMemo(()=>({open:l.disclosureState===0,close:d}),[l,d]),P={ref:c,id:i};return React.createElement(F.Provider,{value:l.panelId},C$1({mergeRefs:s,ourProps:P,theirProps:f,slot:p,defaultTag:re$1,features:se$1,visible:D,name:"Disclosure.Panel"}))}let ie=U$3(ne),ae$1=U$3(oe),pe=U$3(ue$1),Ae$1=Object.assign(ie,{Button:ae$1,Panel:pe});
 
 let a=/([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;function o(e){var r,i;let n=(r=e.innerText)!=null?r:"",t=e.cloneNode(!0);if(!(t instanceof HTMLElement))return n;let u=!1;for(let f of t.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))f.remove(),u=!0;let l=u?(i=t.innerText)!=null?i:"":n;return a.test(l)&&(l=l.replace(a,"")),l}function g$1(e){let n=e.getAttribute("aria-label");if(typeof n=="string")return n.trim();let t=e.getAttribute("aria-labelledby");if(t){let u=t.split(" ").map(l=>{let r=document.getElementById(l);if(r){let i=r.getAttribute("aria-label");return typeof i=="string"?i.trim():o(r).trim()}return null}).filter(Boolean);if(u.length>0)return u.join(", ")}return o(e).trim()}
 
 function s(c){let t=React.useRef(""),r=React.useRef("");return o$5(()=>{let e=c.current;if(!e)return "";let u=e.innerText;if(t.current===u)return r.current;let n=g$1(e).trim().toLowerCase();return t.current=u,r.current=n,n})}
 
-var me=(r=>(r[r.Open=0]="Open",r[r.Closed=1]="Closed",r))(me||{}),de=(r=>(r[r.Pointer=0]="Pointer",r[r.Other=1]="Other",r))(de||{}),fe=(a=>(a[a.OpenMenu=0]="OpenMenu",a[a.CloseMenu=1]="CloseMenu",a[a.GoToItem=2]="GoToItem",a[a.Search=3]="Search",a[a.ClearSearch=4]="ClearSearch",a[a.RegisterItem=5]="RegisterItem",a[a.UnregisterItem=6]="UnregisterItem",a))(fe||{});function w(e,u=r=>r){let r=e.activeItemIndex!==null?e.items[e.activeItemIndex]:null,s=I$5(u(e.items.slice()),t=>t.dataRef.current.domRef.current),i=r?s.indexOf(r):null;return i===-1&&(i=null),{items:s,activeItemIndex:i}}let Te={[1](e){return e.menuState===1?e:{...e,activeItemIndex:null,menuState:1}},[0](e){return e.menuState===0?e:{...e,__demoMode:!1,menuState:0}},[2]:(e,u)=>{var i;let r=w(e),s=f$4(u,{resolveItems:()=>r.items,resolveActiveIndex:()=>r.activeItemIndex,resolveId:t=>t.id,resolveDisabled:t=>t.dataRef.current.disabled});return {...e,...r,searchQuery:"",activeItemIndex:s,activationTrigger:(i=u.trigger)!=null?i:1}},[3]:(e,u)=>{let s=e.searchQuery!==""?0:1,i=e.searchQuery+u.value.toLowerCase(),o=(e.activeItemIndex!==null?e.items.slice(e.activeItemIndex+s).concat(e.items.slice(0,e.activeItemIndex+s)):e.items).find(l=>{var m;return ((m=l.dataRef.current.textValue)==null?void 0:m.startsWith(i))&&!l.dataRef.current.disabled}),a=o?e.items.indexOf(o):-1;return a===-1||a===e.activeItemIndex?{...e,searchQuery:i}:{...e,searchQuery:i,activeItemIndex:a,activationTrigger:1}},[4](e){return e.searchQuery===""?e:{...e,searchQuery:"",searchActiveItemIndex:null}},[5]:(e,u)=>{let r=w(e,s=>[...s,{id:u.id,dataRef:u.dataRef}]);return {...e,...r}},[6]:(e,u)=>{let r=w(e,s=>{let i=s.findIndex(t=>t.id===u.id);return i!==-1&&s.splice(i,1),s});return {...e,...r,activationTrigger:1}}},U$1=React.createContext(null);U$1.displayName="MenuContext";function C(e){let u=React.useContext(U$1);if(u===null){let r=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,C),r}return u}function ye$1(e,u){return u$7(u.type,Te,e,u)}let Ie=React.Fragment;function Me(e,u){let{__demoMode:r=!1,...s}=e,i=React.useReducer(ye$1,{__demoMode:r,menuState:r?0:1,buttonRef:React.createRef(),itemsRef:React.createRef(),items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:t,itemsRef:o,buttonRef:a},l]=i,m=y$1(u);y$2([a,o],(g,R)=>{var p;l({type:1}),h$2(R,T$2.Loose)||(g.preventDefault(),(p=a.current)==null||p.focus());},t===0);let I=o$5(()=>{l({type:1});}),A=React.useMemo(()=>({open:t===0,close:I}),[t,I]),f={ref:m};return React.createElement(U$1.Provider,{value:i},React.createElement(s$4,{value:u$7(t,{[0]:d$3.Open,[1]:d$3.Closed})},C$1({ourProps:f,theirProps:s,slot:A,defaultTag:Ie,name:"Menu"})))}let ge="button";function Re$1(e,u){var R;let r=I$6(),{id:s=`headlessui-menu-button-${r}`,...i}=e,[t,o]=C("Menu.Button"),a=y$1(t.buttonRef,u),l=p$3(),m=o$5(p=>{switch(p.key){case o$1.Space:case o$1.Enter:case o$1.ArrowDown:p.preventDefault(),p.stopPropagation(),o({type:0}),l.nextFrame(()=>o({type:2,focus:c$4.First}));break;case o$1.ArrowUp:p.preventDefault(),p.stopPropagation(),o({type:0}),l.nextFrame(()=>o({type:2,focus:c$4.Last}));break}}),I=o$5(p=>{switch(p.key){case o$1.Space:p.preventDefault();break}}),A=o$5(p=>{if(r$2(p.currentTarget))return p.preventDefault();e.disabled||(t.menuState===0?(o({type:1}),l.nextFrame(()=>{var M;return (M=t.buttonRef.current)==null?void 0:M.focus({preventScroll:!0})})):(p.preventDefault(),o({type:0})));}),f=React.useMemo(()=>({open:t.menuState===0}),[t]),g={ref:a,id:s,type:T$1(e,t.buttonRef),"aria-haspopup":"menu","aria-controls":(R=t.itemsRef.current)==null?void 0:R.id,"aria-expanded":t.menuState===0,onKeyDown:m,onKeyUp:I,onClick:A};return C$1({ourProps:g,theirProps:i,slot:f,defaultTag:ge,name:"Menu.Button"})}let Ae="div",be=O.RenderStrategy|O.Static;function Ee(e,u){var M,b;let r=I$6(),{id:s=`headlessui-menu-items-${r}`,...i}=e,[t,o]=C("Menu.Items"),a=y$1(t.itemsRef,u),l=n$2(t.itemsRef),m=p$3(),I=u$3(),A=(()=>I!==null?(I&d$3.Open)===d$3.Open:t.menuState===0)();React.useEffect(()=>{let n=t.itemsRef.current;n&&t.menuState===0&&n!==(l==null?void 0:l.activeElement)&&n.focus({preventScroll:!0});},[t.menuState,t.itemsRef,l]),F$3({container:t.itemsRef.current,enabled:t.menuState===0,accept(n){return n.getAttribute("role")==="menuitem"?NodeFilter.FILTER_REJECT:n.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(n){n.setAttribute("role","none");}});let f=o$5(n=>{var E,x;switch(m.dispose(),n.key){case o$1.Space:if(t.searchQuery!=="")return n.preventDefault(),n.stopPropagation(),o({type:3,value:n.key});case o$1.Enter:if(n.preventDefault(),n.stopPropagation(),o({type:1}),t.activeItemIndex!==null){let{dataRef:S}=t.items[t.activeItemIndex];(x=(E=S.current)==null?void 0:E.domRef.current)==null||x.click();}D$3(t.buttonRef.current);break;case o$1.ArrowDown:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:c$4.Next});case o$1.ArrowUp:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:c$4.Previous});case o$1.Home:case o$1.PageUp:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:c$4.First});case o$1.End:case o$1.PageDown:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:c$4.Last});case o$1.Escape:n.preventDefault(),n.stopPropagation(),o({type:1}),o$4().nextFrame(()=>{var S;return (S=t.buttonRef.current)==null?void 0:S.focus({preventScroll:!0})});break;case o$1.Tab:n.preventDefault(),n.stopPropagation(),o({type:1}),o$4().nextFrame(()=>{_$3(t.buttonRef.current,n.shiftKey?M$3.Previous:M$3.Next);});break;default:n.key.length===1&&(o({type:3,value:n.key}),m.setTimeout(()=>o({type:4}),350));break}}),g=o$5(n=>{switch(n.key){case o$1.Space:n.preventDefault();break}}),R=React.useMemo(()=>({open:t.menuState===0}),[t]),p={"aria-activedescendant":t.activeItemIndex===null||(M=t.items[t.activeItemIndex])==null?void 0:M.id,"aria-labelledby":(b=t.buttonRef.current)==null?void 0:b.id,id:s,onKeyDown:f,onKeyUp:g,role:"menu",tabIndex:0,ref:a};return C$1({ourProps:p,theirProps:i,slot:R,defaultTag:Ae,features:be,visible:A,name:"Menu.Items"})}let Se$1=React.Fragment;function xe$1(e,u){let r=I$6(),{id:s$1=`headlessui-menu-item-${r}`,disabled:i=!1,...t}=e,[o,a]=C("Menu.Item"),l=o.activeItemIndex!==null?o.items[o.activeItemIndex].id===s$1:!1,m=React.useRef(null),I=y$1(u,m);l$5(()=>{if(o.__demoMode||o.menuState!==0||!l||o.activationTrigger===0)return;let T=o$4();return T.requestAnimationFrame(()=>{var P,B;(B=(P=m.current)==null?void 0:P.scrollIntoView)==null||B.call(P,{block:"nearest"});}),T.dispose},[o.__demoMode,m,l,o.menuState,o.activationTrigger,o.activeItemIndex]);let A=s(m),f=React.useRef({disabled:i,domRef:m,get textValue(){return A()}});l$5(()=>{f.current.disabled=i;},[f,i]),l$5(()=>(a({type:5,id:s$1,dataRef:f}),()=>a({type:6,id:s$1})),[f,s$1]);let g=o$5(()=>{a({type:1});}),R=o$5(T=>{if(i)return T.preventDefault();a({type:1}),D$3(o.buttonRef.current);}),p=o$5(()=>{if(i)return a({type:2,focus:c$4.Nothing});a({type:2,focus:c$4.Specific,id:s$1});}),M=u$5(),b=o$5(T=>M.update(T)),n=o$5(T=>{M.wasMoved(T)&&(i||l||a({type:2,focus:c$4.Specific,id:s$1,trigger:0}));}),E=o$5(T=>{M.wasMoved(T)&&(i||l&&a({type:2,focus:c$4.Nothing}));}),x=React.useMemo(()=>({active:l,disabled:i,close:g}),[l,i,g]);return C$1({ourProps:{id:s$1,ref:I,role:"menuitem",tabIndex:i===!0?void 0:-1,"aria-disabled":i===!0?!0:void 0,disabled:void 0,onClick:R,onFocus:p,onPointerEnter:b,onMouseEnter:b,onPointerMove:n,onMouseMove:n,onPointerLeave:E,onMouseLeave:E},theirProps:t,slot:x,defaultTag:Se$1,name:"Menu.Item"})}let Pe$1=U$3(Me),ve=U$3(Re$1),he=U$3(Ee),De$1=U$3(xe$1),qe$1=Object.assign(Pe$1,{Button:ve,Items:he,Item:De$1});
+var me=(r=>(r[r.Open=0]="Open",r[r.Closed=1]="Closed",r))(me||{}),de=(r=>(r[r.Pointer=0]="Pointer",r[r.Other=1]="Other",r))(de||{}),fe=(a=>(a[a.OpenMenu=0]="OpenMenu",a[a.CloseMenu=1]="CloseMenu",a[a.GoToItem=2]="GoToItem",a[a.Search=3]="Search",a[a.ClearSearch=4]="ClearSearch",a[a.RegisterItem=5]="RegisterItem",a[a.UnregisterItem=6]="UnregisterItem",a))(fe||{});function w(e,u=r=>r){let r=e.activeItemIndex!==null?e.items[e.activeItemIndex]:null,s=I$5(u(e.items.slice()),t=>t.dataRef.current.domRef.current),i=r?s.indexOf(r):null;return i===-1&&(i=null),{items:s,activeItemIndex:i}}let Te={[1](e){return e.menuState===1?e:{...e,activeItemIndex:null,menuState:1}},[0](e){return e.menuState===0?e:{...e,__demoMode:!1,menuState:0}},[2]:(e,u)=>{var i;let r=w(e),s=f$4(u,{resolveItems:()=>r.items,resolveActiveIndex:()=>r.activeItemIndex,resolveId:t=>t.id,resolveDisabled:t=>t.dataRef.current.disabled});return {...e,...r,searchQuery:"",activeItemIndex:s,activationTrigger:(i=u.trigger)!=null?i:1}},[3]:(e,u)=>{let s=e.searchQuery!==""?0:1,i=e.searchQuery+u.value.toLowerCase(),o=(e.activeItemIndex!==null?e.items.slice(e.activeItemIndex+s).concat(e.items.slice(0,e.activeItemIndex+s)):e.items).find(l=>{var m;return ((m=l.dataRef.current.textValue)==null?void 0:m.startsWith(i))&&!l.dataRef.current.disabled}),a=o?e.items.indexOf(o):-1;return a===-1||a===e.activeItemIndex?{...e,searchQuery:i}:{...e,searchQuery:i,activeItemIndex:a,activationTrigger:1}},[4](e){return e.searchQuery===""?e:{...e,searchQuery:"",searchActiveItemIndex:null}},[5]:(e,u)=>{let r=w(e,s=>[...s,{id:u.id,dataRef:u.dataRef}]);return {...e,...r}},[6]:(e,u)=>{let r=w(e,s=>{let i=s.findIndex(t=>t.id===u.id);return i!==-1&&s.splice(i,1),s});return {...e,...r,activationTrigger:1}}},U$1=React.createContext(null);U$1.displayName="MenuContext";function C(e){let u=React.useContext(U$1);if(u===null){let r=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,C),r}return u}function ye$1(e,u){return u$7(u.type,Te,e,u)}let Ie=React.Fragment;function Me(e,u){let{__demoMode:r=!1,...s}=e,i=React.useReducer(ye$1,{__demoMode:r,menuState:r?0:1,buttonRef:React.createRef(),itemsRef:React.createRef(),items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:t,itemsRef:o,buttonRef:a},l]=i,m=y$1(u);y$2([a,o],(g,R)=>{var p;l({type:1}),h$2(R,T$2.Loose)||(g.preventDefault(),(p=a.current)==null||p.focus());},t===0);let I=o$5(()=>{l({type:1});}),A=React.useMemo(()=>({open:t===0,close:I}),[t,I]),f={ref:m};return React.createElement(U$1.Provider,{value:i},React.createElement(s$4,{value:u$7(t,{[0]:d$3.Open,[1]:d$3.Closed})},C$1({ourProps:f,theirProps:s,slot:A,defaultTag:Ie,name:"Menu"})))}let ge="button";function Re$1(e,u){var R;let r=I$6(),{id:s=`headlessui-menu-button-${r}`,...i}=e,[t,o]=C("Menu.Button"),a=y$1(t.buttonRef,u),l=p$3(),m=o$5(p=>{switch(p.key){case o$1.Space:case o$1.Enter:case o$1.ArrowDown:p.preventDefault(),p.stopPropagation(),o({type:0}),l.nextFrame(()=>o({type:2,focus:c$4.First}));break;case o$1.ArrowUp:p.preventDefault(),p.stopPropagation(),o({type:0}),l.nextFrame(()=>o({type:2,focus:c$4.Last}));break}}),I=o$5(p=>{switch(p.key){case o$1.Space:p.preventDefault();break}}),A=o$5(p=>{if(r$3(p.currentTarget))return p.preventDefault();e.disabled||(t.menuState===0?(o({type:1}),l.nextFrame(()=>{var M;return (M=t.buttonRef.current)==null?void 0:M.focus({preventScroll:!0})})):(p.preventDefault(),o({type:0})));}),f=React.useMemo(()=>({open:t.menuState===0}),[t]),g={ref:a,id:s,type:T$1(e,t.buttonRef),"aria-haspopup":"menu","aria-controls":(R=t.itemsRef.current)==null?void 0:R.id,"aria-expanded":t.menuState===0,onKeyDown:m,onKeyUp:I,onClick:A};return C$1({ourProps:g,theirProps:i,slot:f,defaultTag:ge,name:"Menu.Button"})}let Ae="div",be=O.RenderStrategy|O.Static;function Ee(e,u){var M,b;let r=I$6(),{id:s=`headlessui-menu-items-${r}`,...i}=e,[t,o]=C("Menu.Items"),a=y$1(t.itemsRef,u),l=n$2(t.itemsRef),m=p$3(),I=u$3(),A=(()=>I!==null?(I&d$3.Open)===d$3.Open:t.menuState===0)();React.useEffect(()=>{let n=t.itemsRef.current;n&&t.menuState===0&&n!==(l==null?void 0:l.activeElement)&&n.focus({preventScroll:!0});},[t.menuState,t.itemsRef,l]),F$3({container:t.itemsRef.current,enabled:t.menuState===0,accept(n){return n.getAttribute("role")==="menuitem"?NodeFilter.FILTER_REJECT:n.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(n){n.setAttribute("role","none");}});let f=o$5(n=>{var E,x;switch(m.dispose(),n.key){case o$1.Space:if(t.searchQuery!=="")return n.preventDefault(),n.stopPropagation(),o({type:3,value:n.key});case o$1.Enter:if(n.preventDefault(),n.stopPropagation(),o({type:1}),t.activeItemIndex!==null){let{dataRef:S}=t.items[t.activeItemIndex];(x=(E=S.current)==null?void 0:E.domRef.current)==null||x.click();}D$3(t.buttonRef.current);break;case o$1.ArrowDown:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:c$4.Next});case o$1.ArrowUp:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:c$4.Previous});case o$1.Home:case o$1.PageUp:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:c$4.First});case o$1.End:case o$1.PageDown:return n.preventDefault(),n.stopPropagation(),o({type:2,focus:c$4.Last});case o$1.Escape:n.preventDefault(),n.stopPropagation(),o({type:1}),o$4().nextFrame(()=>{var S;return (S=t.buttonRef.current)==null?void 0:S.focus({preventScroll:!0})});break;case o$1.Tab:n.preventDefault(),n.stopPropagation(),o({type:1}),o$4().nextFrame(()=>{_$3(t.buttonRef.current,n.shiftKey?M$3.Previous:M$3.Next);});break;default:n.key.length===1&&(o({type:3,value:n.key}),m.setTimeout(()=>o({type:4}),350));break}}),g=o$5(n=>{switch(n.key){case o$1.Space:n.preventDefault();break}}),R=React.useMemo(()=>({open:t.menuState===0}),[t]),p={"aria-activedescendant":t.activeItemIndex===null||(M=t.items[t.activeItemIndex])==null?void 0:M.id,"aria-labelledby":(b=t.buttonRef.current)==null?void 0:b.id,id:s,onKeyDown:f,onKeyUp:g,role:"menu",tabIndex:0,ref:a};return C$1({ourProps:p,theirProps:i,slot:R,defaultTag:Ae,features:be,visible:A,name:"Menu.Items"})}let Se$1=React.Fragment;function xe$1(e,u){let r=I$6(),{id:s$1=`headlessui-menu-item-${r}`,disabled:i=!1,...t}=e,[o,a]=C("Menu.Item"),l=o.activeItemIndex!==null?o.items[o.activeItemIndex].id===s$1:!1,m=React.useRef(null),I=y$1(u,m);l$5(()=>{if(o.__demoMode||o.menuState!==0||!l||o.activationTrigger===0)return;let T=o$4();return T.requestAnimationFrame(()=>{var P,B;(B=(P=m.current)==null?void 0:P.scrollIntoView)==null||B.call(P,{block:"nearest"});}),T.dispose},[o.__demoMode,m,l,o.menuState,o.activationTrigger,o.activeItemIndex]);let A=s(m),f=React.useRef({disabled:i,domRef:m,get textValue(){return A()}});l$5(()=>{f.current.disabled=i;},[f,i]),l$5(()=>(a({type:5,id:s$1,dataRef:f}),()=>a({type:6,id:s$1})),[f,s$1]);let g=o$5(()=>{a({type:1});}),R=o$5(T=>{if(i)return T.preventDefault();a({type:1}),D$3(o.buttonRef.current);}),p=o$5(()=>{if(i)return a({type:2,focus:c$4.Nothing});a({type:2,focus:c$4.Specific,id:s$1});}),M=u$5(),b=o$5(T=>M.update(T)),n=o$5(T=>{M.wasMoved(T)&&(i||l||a({type:2,focus:c$4.Specific,id:s$1,trigger:0}));}),E=o$5(T=>{M.wasMoved(T)&&(i||l&&a({type:2,focus:c$4.Nothing}));}),x=React.useMemo(()=>({active:l,disabled:i,close:g}),[l,i,g]);return C$1({ourProps:{id:s$1,ref:I,role:"menuitem",tabIndex:i===!0?void 0:-1,"aria-disabled":i===!0?!0:void 0,disabled:void 0,onClick:R,onFocus:p,onPointerEnter:b,onMouseEnter:b,onPointerMove:n,onMouseMove:n,onPointerLeave:E,onMouseLeave:E},theirProps:t,slot:x,defaultTag:Se$1,name:"Menu.Item"})}let Pe$1=U$3(Me),ve=U$3(Re$1),he=U$3(Ee),De$1=U$3(xe$1),qe$1=Object.assign(Pe$1,{Button:ve,Items:he,Item:De$1});
 
 function c(a=0){let[l,r]=React.useState(a),t=f$3(),o=React.useCallback(e=>{t.current&&r(u=>u|e);},[l,t]),m=React.useCallback(e=>Boolean(l&e),[l]),s=React.useCallback(e=>{t.current&&r(u=>u&~e);},[r,t]),g=React.useCallback(e=>{t.current&&r(u=>u^e);},[r]);return {flags:l,addFlag:o,hasFlag:m,removeFlag:s,toggleFlag:g}}
 
@@ -77931,7 +77931,7 @@ var iconClasses$4 = {
     link: "s-text-brand group-hover/item:s-text-action-400 group-active/item:s-text-action-700 dark:group-hover/item:s-text-action-600-dark dark:group-active/item:s-text-action-400-dark",
     warning: "s-text-warning-400 group-hover/item:s-text-warning-300 group-active/item:s-text-warning-700 dark:group-hover/item:s-text-warning-600-dark dark:group-active/item:s-text-warning-400-dark",
 };
-function Item$1(_a) {
+function Item$2(_a) {
     var label = _a.label, description = _a.description, visual = _a.visual, icon = _a.icon, _b = _a.style, style = _b === void 0 ? "action" : _b, _c = _a.spacing, spacing = _c === void 0 ? "sm" : _c, _d = _a.action, action = _d === void 0 ? ChevronRightIcon : _d, _e = _a.hasAction, hasAction = _e === void 0 ? true : _e, onClick = _a.onClick, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? "" : _h, link = _a.link;
     var components = React.useContext(SparkleContext).components;
     var _j = link || {}, href = _j.href, target = _j.target;
@@ -77969,42 +77969,42 @@ function Item$1(_a) {
                         : classNames("s-text-element-600 group-hover/item:s-text-action-400 group-active/item:s-text-action-700 dark:group-hover/item:s-text-action-600-dark dark:group-active/item:s-text-action-400-dark", hasAction ? "group-hover/item:s-opacity-100" : ""))
                 : "s-hidden", size: "sm" })));
 }
-Item$1.Entry = function (props) {
-    return React.createElement(Item$1, __assign({}, props, { spacing: "sm", style: "item", hasAction: "hover" }));
+Item$2.Entry = function (props) {
+    return React.createElement(Item$2, __assign({}, props, { spacing: "sm", style: "item", hasAction: "hover" }));
 };
-Item$1.Avatar = function (_a) {
+Item$2.Avatar = function (_a) {
     var description = _a.description, _b = _a.hasAction, hasAction = _b === void 0 ? false : _b, otherProps = __rest(_a, ["description", "hasAction"]);
-    return (React.createElement(Item$1, __assign({}, otherProps, { style: "action", spacing: description ? "md" : "sm", description: description, hasAction: hasAction })));
+    return (React.createElement(Item$2, __assign({}, otherProps, { style: "action", spacing: description ? "md" : "sm", description: description, hasAction: hasAction })));
 };
-Item$1.Navigation = function (props) {
-    return React.createElement(Item$1, __assign({}, props, { style: "action", spacing: "md" }));
+Item$2.Navigation = function (props) {
+    return React.createElement(Item$2, __assign({}, props, { style: "action", spacing: "md" }));
 };
-Item$1.Link = function (_a) {
+Item$2.Link = function (_a) {
     var props = __rest(_a, []);
-    return (React.createElement(Item$1, __assign({}, props, { 
+    return (React.createElement(Item$2, __assign({}, props, { 
         // Pass down additional props as needed
         style: "link", hasAction: false, spacing: "lg" })));
 };
-Item$1.Dropdown = function (_a) {
+Item$2.Dropdown = function (_a) {
     var style = _a.style, props = __rest(_a, ["style"]);
-    return (React.createElement(Item$1, __assign({}, props, { 
+    return (React.createElement(Item$2, __assign({}, props, { 
         // Pass down additional props as needed
         style: style === "default" ? "action" : "warning", hasAction: false })));
 };
-Item$1.SectionHeader = function (_a) {
+Item$2.SectionHeader = function (_a) {
     var label = _a.label, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.className, className = _c === void 0 ? "" : _c;
     return (React.createElement("div", { className: classNames(className, variant === "primary"
             ? "s-text-element-800 dark:s-text-element-800-dark"
             : "s-text-element-600 dark:s-text-element-600-dark", "s-pb-2 s-pt-6 s-text-xs s-font-medium s-uppercase") }, label));
 };
-Item$1.List = function (_a) {
+Item$2.List = function (_a) {
     var children = _a.children, className = _a.className;
     return (React.createElement("div", { className: classNames(className ? className : "", "s-flex") },
         React.createElement("div", { className: "s-flex s-w-full s-flex-col" }, children)));
 };
 
 var ButtonRefContext = React.createContext(null);
-var labelClasses$1 = {
+var labelClasses = {
     base: "s-text-element-900 s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none",
     hover: "group-hover/dm:s-text-action-500",
     active: "active:s-text-action-700",
@@ -78050,7 +78050,7 @@ function DropdownMenu$1(_a) {
 DropdownMenu$1.Button = React.forwardRef(function DropdownMenuButton(_a, forwardedRef) {
     var label = _a.label, _b = _a.type, type = _b === void 0 ? "menu" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, tooltip = _a.tooltip, icon = _a.icon, children = _a.children, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "top" : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onClick = _a.onClick;
     var contextRef = React.useContext(ButtonRefContext);
-    var finalLabelClasses = classNames(labelClasses$1.base, labelSizeClasses[size], labelClasses$1.dark.base, !disabled ? labelClasses$1.active : "", !disabled ? labelClasses$1.dark.active : "", !disabled ? labelClasses$1.hover : "", !disabled ? labelClasses$1.dark.hover : "", disabled ? labelClasses$1.disabled : "");
+    var finalLabelClasses = classNames(labelClasses.base, labelSizeClasses[size], labelClasses.dark.base, !disabled ? labelClasses.active : "", !disabled ? labelClasses.dark.active : "", !disabled ? labelClasses.hover : "", !disabled ? labelClasses.dark.hover : "", disabled ? labelClasses.disabled : "");
     var finalIconClasses = classNames(iconClasses$3.base, iconClasses$3.dark.base, !disabled ? iconClasses$3.hover : "", !disabled ? iconClasses$3.dark.hover : "", disabled ? iconClasses$3.disabled : "");
     var finalChevronClasses = classNames(chevronClasses.base, !disabled ? chevronClasses.hover : "", chevronClasses.dark.base, !disabled ? chevronClasses.dark.hover : "", disabled ? chevronClasses.disabled : "");
     var aggregatedRef = function (value) {
@@ -78099,7 +78099,7 @@ DropdownMenu$1.Item = function (_a) {
     // need to use as="div" -- otherwise we get a "forwardRef" error in the console
     React.createElement(qe$1.Item, { disabled: disabled, as: "div" }, hasChildren ? (React.createElement(DropdownMenu$1, { className: "s-w-full s-gap-x-2 s-py-2" },
         React.createElement(DropdownMenu$1.Button, { className: "s-w-full", disabled: disabled, label: label, type: "submenu" }),
-        children)) : (React.createElement(Item$1.Dropdown, { className: "s-w-full", description: description, disabled: disabled, link: link, icon: icon, label: label, onClick: onClick, selected: selected, style: variant, visual: visual }))));
+        children)) : (React.createElement(Item$2.Dropdown, { className: "s-w-full", description: description, disabled: disabled, link: link, icon: icon, label: label, onClick: onClick, selected: selected, style: variant, visual: visual }))));
 };
 DropdownMenu$1.SectionHeader = function (_a) {
     var label = _a.label;
@@ -78188,7 +78188,7 @@ DropdownMenu$1.Items = function (_a) {
         React.createElement(qe$1.Items, { onKeyDown: onKeyDown, className: classNames("s-absolute s-z-10", getOriginClass(origin), "s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), onClick: function (e) { return e.stopPropagation(); }, style: styleInsert(origin, marginLeft) },
             topBar,
             React.createElement("div", { className: classNames(classNamesForVariant(variant, hasDropdownItem), getOverflowClass(overflow)) },
-                React.createElement(Item$1.List, null, children)),
+                React.createElement(Item$2.List, null, children)),
             bottomBar)));
 };
 function findOriginFromButton(buttonRef) {
@@ -78814,62 +78814,511 @@ function truncateWithTooltip(text, length) {
     return text.length > length ? (React.createElement(Tooltip, { trigger: "".concat(text.substring(0, length - 1)).concat(ELLIPSIS_STRING), label: text })) : (text);
 }
 
-function Checkbox(_a) {
-    var _b = _a.variant, variant = _b === void 0 ? "selectable" : _b, _c = _a.checked, checked = _c === void 0 ? "unchecked" : _c, _d = _a.size, size = _d === void 0 ? "sm" : _d, onChange = _a.onChange, _e = _a.className, className = _e === void 0 ? "" : _e, disabled = _a.disabled;
-    var isChecked;
-    var isPartialChecked;
-    switch (checked) {
-        case "checked":
-            isChecked = true;
-            isPartialChecked = false;
-            break;
-        case "unchecked":
-            isChecked = false;
-            isPartialChecked = false;
-            break;
-        case "partial":
-            isChecked = true;
-            isPartialChecked = true;
-            break;
-        default:
-            throw new Error("Invalid checked prop");
-    }
-    var baseStyleClasses = {
-        base: "s-border s-justify-center s-flex s-items-center s-transition-colors s-duration-300 s-ease-out",
-        idle: "s-bg-structure-50 s-border-element-600 s-cursor-pointer",
-        hover: "hover:s-border-action-500 hover:s-bg-action-200 hover:s-text-white/100",
-        disabled: "s-bg-structure-0 s-border-structure-300 s-cursor-default",
-        dark: {
-            base: "dark:s-bg-structure-50-dark dark:s-border-element-500-dark",
-            hover: "dark:hover:s-border-action-500-dark dark:hover:s-bg-action-200-dark",
-            disabled: "dark:s-bg-structure-0-dark dark:s-border-structure-300-dark s-cursor-default",
-        },
+// packages/react/compose-refs/src/composeRefs.tsx
+function setRef$4(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 useComposedRefs$3(...refs) {
+  return React__namespace.useCallback(composeRefs$4(...refs), refs);
+}
+
+// packages/react/context/src/createContext.tsx
+function createContextScope$a(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 });
     };
-    var baseSizeClasses = {
-        xs: "s-w-4 s-h-4 s-rounded",
-        sm: "s-w-5 s-h-5 s-rounded-md",
+    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]
+      );
     };
-    var checkedIndicatorClasses = {
-        base: "s-transition s-duration-300 s-ease-in-out",
-        selected: "s-opacity-100 s-bg-action-500 dark:s-bg-action-500-dark",
-        unselected: "s-opacity-0",
-        partialChecked: "s-opacity-100 s-bg-element-700 dark:s-bg-element-700-dark",
-        disabled: "s-opacity-100 s-bg-element-500 dark:s-bg-element-500-dark",
+  };
+  createScope.scopeName = scopeName;
+  return [createContext3, composeContextScopes$a(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes$a(...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]);
     };
-    var sizeStyles = {
-        xs: { width: "12px", height: "12px", borderRadius: "2px" },
-        sm: { width: "14px", height: "14px", borderRadius: "3px" },
+  };
+  createScope.scopeName = baseScope.scopeName;
+  return createScope;
+}
+
+// packages/core/primitive/src/primitive.tsx
+function composeEventHandlers$4(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+  return function handleEvent(event) {
+    originalEventHandler?.(event);
+    if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+      return ourEventHandler?.(event);
+    }
+  };
+}
+
+// packages/react/use-callback-ref/src/useCallbackRef.tsx
+function useCallbackRef$5(callback) {
+  const callbackRef = React__namespace.useRef(callback);
+  React__namespace.useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return React__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+}
+
+// packages/react/use-controllable-state/src/useControllableState.tsx
+function useControllableState$4({
+  prop,
+  defaultProp,
+  onChange = () => {
+  }
+}) {
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$4({ defaultProp, onChange });
+  const isControlled = prop !== void 0;
+  const value = isControlled ? prop : uncontrolledProp;
+  const handleChange = useCallbackRef$5(onChange);
+  const setValue = React__namespace.useCallback(
+    (nextValue) => {
+      if (isControlled) {
+        const setter = nextValue;
+        const value2 = typeof nextValue === "function" ? setter(prop) : nextValue;
+        if (value2 !== prop) handleChange(value2);
+      } else {
+        setUncontrolledProp(nextValue);
+      }
+    },
+    [isControlled, prop, setUncontrolledProp, handleChange]
+  );
+  return [value, setValue];
+}
+function useUncontrolledState$4({
+  defaultProp,
+  onChange
+}) {
+  const uncontrolledState = React__namespace.useState(defaultProp);
+  const [value] = uncontrolledState;
+  const prevValueRef = React__namespace.useRef(value);
+  const handleChange = useCallbackRef$5(onChange);
+  React__namespace.useEffect(() => {
+    if (prevValueRef.current !== value) {
+      handleChange(value);
+      prevValueRef.current = value;
+    }
+  }, [value, prevValueRef, handleChange]);
+  return uncontrolledState;
+}
+
+// packages/react/use-previous/src/usePrevious.tsx
+function usePrevious$1(value) {
+  const ref = React__namespace.useRef({ value, previous: value });
+  return React__namespace.useMemo(() => {
+    if (ref.current.value !== value) {
+      ref.current.previous = ref.current.value;
+      ref.current.value = value;
+    }
+    return ref.current.previous;
+  }, [value]);
+}
+
+// packages/react/use-layout-effect/src/useLayoutEffect.tsx
+var useLayoutEffect2$4 = 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(() => {
+    if (element) {
+      setSize({ width: element.offsetWidth, height: element.offsetHeight });
+      const resizeObserver = new ResizeObserver((entries) => {
+        if (!Array.isArray(entries)) {
+          return;
+        }
+        if (!entries.length) {
+          return;
+        }
+        const entry = entries[0];
+        let width;
+        let height;
+        if ("borderBoxSize" in entry) {
+          const borderSizeEntry = entry["borderBoxSize"];
+          const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
+          width = borderSize["inlineSize"];
+          height = borderSize["blockSize"];
+        } else {
+          width = element.offsetWidth;
+          height = element.offsetHeight;
+        }
+        setSize({ width, height });
+      });
+      resizeObserver.observe(element, { box: "border-box" });
+      return () => resizeObserver.unobserve(element);
+    } else {
+      setSize(void 0);
+    }
+  }, [element]);
+  return size;
+}
+
+// packages/react/primitive/src/Primitive.tsx
+var NODES$6 = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive$6 = NODES$6.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 };
+}, {});
+
+var CHECKBOX_NAME = "Checkbox";
+var [createCheckboxContext, createCheckboxScope] = createContextScope$a(CHECKBOX_NAME);
+var [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
+var Checkbox$1 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeCheckbox,
+      name,
+      checked: checkedProp,
+      defaultChecked,
+      required,
+      disabled,
+      value = "on",
+      onCheckedChange,
+      form,
+      ...checkboxProps
+    } = props;
+    const [button, setButton] = React__namespace.useState(null);
+    const composedRefs = useComposedRefs$3(forwardedRef, (node) => setButton(node));
+    const hasConsumerStoppedPropagationRef = React__namespace.useRef(false);
+    const isFormControl = button ? form || !!button.closest("form") : true;
+    const [checked = false, setChecked] = useControllableState$4({
+      prop: checkedProp,
+      defaultProp: defaultChecked,
+      onChange: onCheckedChange
+    });
+    const initialCheckedStateRef = React__namespace.useRef(checked);
+    React__namespace.useEffect(() => {
+      const form2 = button?.form;
+      if (form2) {
+        const reset = () => setChecked(initialCheckedStateRef.current);
+        form2.addEventListener("reset", reset);
+        return () => form2.removeEventListener("reset", reset);
+      }
+    }, [button, setChecked]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Primitive$6.button,
+        {
+          type: "button",
+          role: "checkbox",
+          "aria-checked": isIndeterminate$1(checked) ? "mixed" : checked,
+          "aria-required": required,
+          "data-state": getState$2(checked),
+          "data-disabled": disabled ? "" : void 0,
+          disabled,
+          value,
+          ...checkboxProps,
+          ref: composedRefs,
+          onKeyDown: composeEventHandlers$4(props.onKeyDown, (event) => {
+            if (event.key === "Enter") event.preventDefault();
+          }),
+          onClick: composeEventHandlers$4(props.onClick, (event) => {
+            setChecked((prevChecked) => isIndeterminate$1(prevChecked) ? true : !prevChecked);
+            if (isFormControl) {
+              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+            }
+          })
+        }
+      ),
+      isFormControl && /* @__PURE__ */ jsxRuntime.jsx(
+        BubbleInput$1,
+        {
+          control: button,
+          bubbles: !hasConsumerStoppedPropagationRef.current,
+          name,
+          value,
+          checked,
+          required,
+          disabled,
+          form,
+          style: { transform: "translateX(-100%)" },
+          defaultChecked: isIndeterminate$1(defaultChecked) ? false : defaultChecked
+        }
+      )
+    ] });
+  }
+);
+Checkbox$1.displayName = CHECKBOX_NAME;
+var INDICATOR_NAME$2 = "CheckboxIndicator";
+var CheckboxIndicator = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    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,
+      {
+        "data-state": getState$2(context.state),
+        "data-disabled": context.disabled ? "" : void 0,
+        ...indicatorProps,
+        ref: forwardedRef,
+        style: { pointerEvents: "none", ...props.style }
+      }
+    ) });
+  }
+);
+CheckboxIndicator.displayName = INDICATOR_NAME$2;
+var BubbleInput$1 = (props) => {
+  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;
+  const ref = React__namespace.useRef(null);
+  const prevChecked = usePrevious$1(checked);
+  const controlSize = useSize$3(control);
+  React__namespace.useEffect(() => {
+    const input = ref.current;
+    const inputProto = window.HTMLInputElement.prototype;
+    const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
+    const setChecked = descriptor.set;
+    if (prevChecked !== checked && setChecked) {
+      const event = new Event("click", { bubbles });
+      input.indeterminate = isIndeterminate$1(checked);
+      setChecked.call(input, isIndeterminate$1(checked) ? false : checked);
+      input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]);
+  const defaultCheckedRef = React__namespace.useRef(isIndeterminate$1(checked) ? false : checked);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": true,
+      defaultChecked: defaultChecked ?? defaultCheckedRef.current,
+      ...inputProps,
+      tabIndex: -1,
+      ref,
+      style: {
+        ...props.style,
+        ...controlSize,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function isIndeterminate$1(checked) {
+  return checked === "indeterminate";
+}
+function getState$2(checked) {
+  return isIndeterminate$1(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}
+var Root$6 = 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}
+
+const falsyToString = (value)=>typeof value === "boolean" ? "".concat(value) : value === 0 ? "0" : value;
+const cx = clsx;
+const cva = (base, config)=>{
+    return (props)=>{
+        var ref;
+        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+        const { variants , defaultVariants  } = config;
+        const getVariantClassNames = Object.keys(variants).map((variant)=>{
+            const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+            if (variantProp === null) return null;
+            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+            return variants[variant][variantKey];
+        });
+        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{
+            let [key, value] = param;
+            if (value === undefined) {
+                return acc;
+            }
+            acc[key] = value;
+            return acc;
+        }, {});
+        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1)=>{
+            let { class: cvClass , className: cvClassName , ...compoundVariantOptions } = param1;
+            return Object.entries(compoundVariantOptions).every((param)=>{
+                let [key, value] = param;
+                return Array.isArray(value) ? value.includes({
+                    ...defaultVariants,
+                    ...propsWithoutUndefined
+                }[key]) : ({
+                    ...defaultVariants,
+                    ...propsWithoutUndefined
+                })[key] === value;
+            }) ? [
+                ...acc,
+                cvClass,
+                cvClassName
+            ] : acc;
+        }, []);
+        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
     };
-    var combinedBaseClasses = classNames(baseStyleClasses.base, baseSizeClasses[size], isChecked || isPartialChecked ? "s-text-white" : "s-text-white/0", disabled ? baseStyleClasses.disabled : baseStyleClasses.idle, !disabled ? baseStyleClasses.hover : "", disabled ? baseStyleClasses.dark.disabled : baseStyleClasses.dark.base, !disabled ? baseStyleClasses.dark.hover : "", className);
-    var combinedCheckedIndicatorClasses = classNames(checkedIndicatorClasses.base, disabled ? checkedIndicatorClasses.disabled : "", isChecked && !isPartialChecked && !disabled
-        ? checkedIndicatorClasses.selected
-        : "", isPartialChecked && !disabled ? checkedIndicatorClasses.partialChecked : "", !isChecked && !disabled ? checkedIndicatorClasses.unselected : "");
-    return (React.createElement("label", null,
-        React.createElement("input", { type: "checkbox", checked: isChecked, onChange: function (e) { return onChange && onChange(e.target.checked); }, className: "s-hidden", disabled: disabled }),
-        React.createElement("div", { className: classNames(combinedBaseClasses, "s-relative") },
-            React.createElement("div", { className: combinedCheckedIndicatorClasses, style: sizeStyles[size] }),
-            variant === "checkable" && (React.createElement("div", { className: "s-absolute" },
-                React.createElement(Icon, { visual: isPartialChecked ? DashIcon : CheckIcon, size: "xs" }))))));
+};
+
+// packages/react/primitive/src/Primitive.tsx
+var NODES$5 = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+];
+var Primitive$5 = NODES$5.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 };
+}, {});
+
+var NAME$3 = "Label";
+var Label$2 = React__namespace.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Primitive$5.label,
+    {
+      ...props,
+      ref: forwardedRef,
+      onMouseDown: (event) => {
+        const target = event.target;
+        if (target.closest("button, input, select, textarea")) return;
+        props.onMouseDown?.(event);
+        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
+      }
+    }
+  );
+});
+Label$2.displayName = NAME$3;
+var Root$5 = 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)));
+});
+Label$1.displayName = Root$5.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: {
+        checked: {
+            true: "data-[state=checked]:s-bg-action-500",
+            partial: "data-[state=checked]:s-bg-muted-foreground",
+            false: "",
+        },
+        size: {
+            xs: "s-h-4 s-w-4 s-rounded",
+            sm: "s-h-5 s-w-5 s-rounded-md",
+        },
+    },
+    defaultVariants: {
+        size: "sm",
+        checked: false,
+    },
+});
+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),
+        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;
+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" },
+        React.createElement(Checkbox, __assign({}, props)),
+        React.createElement(Label$1, { className: "s-text-sm s-leading-none peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70" }, text)));
+}
+function CheckBoxWithTextAndDescription(_a) {
+    var text = _a.text, description = _a.description, props = __rest(_a, ["text", "description"]);
+    return (React.createElement("div", { className: "s-items-top s-flex s-space-x-2" },
+        React.createElement(Checkbox, __assign({}, props)),
+        React.createElement("div", { className: "s-grid s-gap-1.5 s-leading-none" },
+            React.createElement(Label$1, { className: "s-text-sm s-leading-none peer-disabled:s-cursor-not-allowed peer-disabled:s-opacity-70" }, text),
+            React.createElement("p", { className: "s-text-xs s-text-muted-foreground" }, description))));
 }
 
 var sizeClasses$2 = {
@@ -107069,7 +107518,7 @@ const unique = (columnId, leafRows) => {
 const uniqueCount = (columnId, leafRows) => {
   return new Set(leafRows.map(d => d.getValue(columnId))).size;
 };
-const count$5 = (_columnId, leafRows) => {
+const count$6 = (_columnId, leafRows) => {
   return leafRows.length;
 };
 const aggregationFns = {
@@ -107081,7 +107530,7 @@ const aggregationFns = {
   median,
   unique,
   uniqueCount,
-  count: count$5
+  count: count$6
 };
 
 //
@@ -109851,7 +110300,7 @@ function Dialog(_a) {
                 React.createElement("div", { className: "s-flex s-min-h-full s-items-center s-justify-center" },
                     React.createElement(qe.Child, { as: React.Fragment, enter: "s-ease-out s-duration-300", enterFrom: "s-opacity-0 s-translate-y-4 s-scale-95", enterTo: "s-opacity-100 s-translate-y-0 s-scale-100", leave: "s-ease-in s-duration-200", leaveFrom: "s-opacity-100 s-translate-y-0 s-scale-100", leaveTo: "s-opacity-0 s-translate-y-4 s-scale-95" },
                         React.createElement(_t.Panel, { className: classNames("s-relative s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-p-4 s-shadow-xl s-transition-all", "s-w-full sm:s-w-[448px]", "s-flex s-flex-col s-gap-6"), ref: referentRef },
-                            React.createElement(_t.Title, { className: "s-text-element-950 s-truncate s-text-lg s-font-medium" }, title),
+                            React.createElement(_t.Title, { className: "s-truncate s-text-lg s-font-medium s-text-element-950" }, title),
                             React.createElement("div", { className: "s-text-base s-text-element-700" }, children),
                             React.createElement("div", { className: "s-flex s-w-full s-justify-end" },
                                 React.createElement(Button.List, null,
@@ -113441,64 +113890,6 @@ function IconToggleButton(_a) {
     return tooltip ? (React.createElement(Tooltip, { trigger: IconButtonToggleContent, label: tooltip, side: tooltipPosition })) : (IconButtonToggleContent);
 }
 
-// packages/react/primitive/src/Primitive.tsx
-var NODES$4 = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive$4 = NODES$4.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 };
-}, {});
-
-var NAME$3 = "Label";
-var Label$2 = React__namespace.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Primitive$4.label,
-    {
-      ...props,
-      ref: forwardedRef,
-      onMouseDown: (event) => {
-        const target = event.target;
-        if (target.closest("button, input, select, textarea")) return;
-        props.onMouseDown?.(event);
-        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
-      }
-    }
-  );
-});
-Label$2.displayName = NAME$3;
-var Root$4 = 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$4, __assign({ ref: ref, className: cn(labelVariants, className) }, props)));
-});
-Label$1.displayName = Root$4.displayName;
-
 var inputStyleClasses = cn("s-text-sm s-bg-background s-rounded-xl s-border s-border-border-dark s-flex s-h-9 s-w-full s-px-3 s-py-1.5 ", "file:s-border-0 file:s-bg-transparent file:s-text-sm file:s-font-medium file:s-text-foreground", "placeholder:s-text-muted-foreground", "focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2 focus-visible:s-ring-ring focus-visible:s-border-primary-400", "disabled:s-cursor-not-allowed disabled:s-opacity-50 disabled:s-text-muted-foreground");
 var Input = React.forwardRef(function (_a, ref) {
     var className = _a.className, error = _a.error, value = _a.value, label = _a.label, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, props = __rest(_a, ["className", "error", "value", "label", "showErrorLabel"]);
@@ -135051,7 +135442,7 @@ function Markdown(_a) {
 }
 
 // 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) {
@@ -135061,19 +135452,19 @@ function composeEventHandlers$2(originalEventHandler, ourEventHandler, { checkFo
 }
 
 // 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));
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$6(scopeName, createContextScopeDeps = []) {
+function createContextScope$9(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -135108,9 +135499,9 @@ function createContextScope$6(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$6(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$9(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$6(...scopes) {
+function composeContextScopes$9(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -135132,7 +135523,7 @@ function composeContextScopes$6(...scopes) {
 }
 
 // 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;
@@ -135141,16 +135532,16 @@ function useCallbackRef$3(callback) {
 }
 
 // packages/react/use-controllable-state/src/useControllableState.tsx
-function useControllableState$2({
+function useControllableState$3({
   prop,
   defaultProp,
   onChange = () => {
   }
 }) {
-  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$2({ defaultProp, onChange });
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$3({ 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) {
@@ -135165,14 +135556,14 @@ function useControllableState$2({
   );
   return [value, setValue];
 }
-function useUncontrolledState$2({
+function useUncontrolledState$3({
   defaultProp,
   onChange
 }) {
   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);
@@ -135183,7 +135574,7 @@ function useUncontrolledState$2({
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$3 = [
+var NODES$4 = [
   "a",
   "button",
   "div",
@@ -135201,7 +135592,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;
@@ -135215,7 +135606,7 @@ var Primitive$3 = NODES$3.reduce((primitive, node) => {
 }, {});
 
 // 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) {
@@ -135225,7 +135616,7 @@ function composeEventHandlers$1(originalEventHandler, ourEventHandler, { checkFo
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$5(scopeName, createContextScopeDeps = []) {
+function createContextScope$8(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -135260,9 +135651,9 @@ function createContextScope$5(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$5(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$8(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$5(...scopes) {
+function composeContextScopes$8(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -135284,23 +135675,23 @@ function composeContextScopes$5(...scopes) {
 }
 
 // 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);
 }
 
-function createCollection(name) {
+function createCollection$1(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
-  const [createCollectionContext, createCollectionScope] = createContextScope$5(PROVIDER_NAME);
+  const [createCollectionContext, createCollectionScope] = createContextScope$8(PROVIDER_NAME);
   const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
     PROVIDER_NAME,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -135317,7 +135708,7 @@ function createCollection(name) {
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
-      const composedRefs = useComposedRefs$1(forwardedRef, context.collectionRef);
+      const composedRefs = useComposedRefs$2(forwardedRef, context.collectionRef);
       return /* @__PURE__ */ jsxRuntime.jsx(Slot, { ref: composedRefs, children });
     }
   );
@@ -135328,7 +135719,7 @@ function createCollection(name) {
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
       const ref = React.useRef(null);
-      const composedRefs = useComposedRefs$1(forwardedRef, ref);
+      const composedRefs = useComposedRefs$2(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
       React.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
@@ -135360,7 +135751,7 @@ function createCollection(name) {
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$4(scopeName, createContextScopeDeps = []) {
+function createContextScope$7(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -135395,9 +135786,9 @@ function createContextScope$4(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$4(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$7(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$4(...scopes) {
+function composeContextScopes$7(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -135419,14 +135810,14 @@ function composeContextScopes$4(...scopes) {
 }
 
 // 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";
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$2 = [
+var NODES$3 = [
   "a",
   "button",
   "div",
@@ -135444,7 +135835,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;
@@ -135461,7 +135852,7 @@ function dispatchDiscreteCustomEvent$1(target, event) {
 }
 
 // packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef$2(callback) {
+function useCallbackRef$3(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
@@ -135471,7 +135862,7 @@ function useCallbackRef$2(callback) {
 
 // packages/react/use-escape-keydown/src/useEscapeKeydown.tsx
 function useEscapeKeydown$1(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
-  const onEscapeKeyDown = useCallbackRef$2(onEscapeKeyDownProp);
+  const onEscapeKeyDown = useCallbackRef$3(onEscapeKeyDownProp);
   React__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -135508,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$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);
@@ -135571,7 +135962,7 @@ var DismissableLayer$1 = React__namespace.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE$1, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -135579,9 +135970,9 @@ var DismissableLayer$1 = 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
         )
@@ -135594,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$1(forwardedRef, ref);
+  const composedRefs = useComposedRefs$2(forwardedRef, ref);
   React__namespace.useEffect(() => {
     const node = ref.current;
     if (node) {
@@ -135604,11 +135995,11 @@ var DismissableLayerBranch$1 = React__namespace.forwardRef((props, forwardedRef)
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch$1.displayName = BRANCH_NAME$1;
 function usePointerDownOutside$1(onPointerDownOutside, ownerDocument = globalThis?.document) {
-  const handlePointerDownOutside = useCallbackRef$2(onPointerDownOutside);
+  const handlePointerDownOutside = useCallbackRef$3(onPointerDownOutside);
   const isPointerInsideReactTreeRef = React__namespace.useRef(false);
   const handleClickRef = React__namespace.useRef(() => {
   });
@@ -135651,7 +136042,7 @@ function usePointerDownOutside$1(onPointerDownOutside, ownerDocument = globalThi
   };
 }
 function useFocusOutside$1(onFocusOutside, ownerDocument = globalThis?.document) {
-  const handleFocusOutside = useCallbackRef$2(onFocusOutside);
+  const handleFocusOutside = useCallbackRef$3(onFocusOutside);
   const isFocusInsideReactTreeRef = React__namespace.useRef(false);
   React__namespace.useEffect(() => {
     const handleFocus = (event) => {
@@ -135685,18 +136076,18 @@ function handleAndDispatchCustomEvent$1(name, handler, detail, { discrete }) {
   }
 }
 
-var count$4 = 0;
+var count$5 = 0;
 function useFocusGuards$1() {
   React__namespace.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard$1());
     document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard$1());
-    count$4++;
+    count$5++;
     return () => {
-      if (count$4 === 1) {
+      if (count$5 === 1) {
         document.querySelectorAll("[data-radix-focus-guard]").forEach((node) => node.remove());
       }
-      count$4--;
+      count$5--;
     };
   }, []);
 }
@@ -135713,7 +136104,7 @@ function createFocusGuard$1() {
 
 var AUTOFOCUS_ON_MOUNT$1 = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT$1 = "focusScope.autoFocusOnUnmount";
-var EVENT_OPTIONS$2 = { bubbles: false, cancelable: true };
+var EVENT_OPTIONS$3 = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME$1 = "FocusScope";
 var FocusScope$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const {
@@ -135724,10 +136115,10 @@ var FocusScope$1 = React__namespace.forwardRef((props, forwardedRef) => {
     ...scopeProps
   } = props;
   const [container, setContainer] = React__namespace.useState(null);
-  const onMountAutoFocus = useCallbackRef$2(onMountAutoFocusProp);
-  const onUnmountAutoFocus = useCallbackRef$2(onUnmountAutoFocusProp);
+  const onMountAutoFocus = useCallbackRef$3(onMountAutoFocusProp);
+  const onUnmountAutoFocus = useCallbackRef$3(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() {
@@ -135778,11 +136169,11 @@ var FocusScope$1 = React__namespace.forwardRef((props, forwardedRef) => {
       const previouslyFocusedElement = document.activeElement;
       const hasFocusedCandidate = container.contains(previouslyFocusedElement);
       if (!hasFocusedCandidate) {
-        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT$1, EVENT_OPTIONS$2);
+        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT$1, EVENT_OPTIONS$3);
         container.addEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
         container.dispatchEvent(mountEvent);
         if (!mountEvent.defaultPrevented) {
-          focusFirst$3(removeLinks$1(getTabbableCandidates$1(container)), { select: true });
+          focusFirst$4(removeLinks$1(getTabbableCandidates$1(container)), { select: true });
           if (document.activeElement === previouslyFocusedElement) {
             focus$1(container);
           }
@@ -135791,7 +136182,7 @@ var FocusScope$1 = React__namespace.forwardRef((props, forwardedRef) => {
       return () => {
         container.removeEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
         setTimeout(() => {
-          const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT$1, EVENT_OPTIONS$2);
+          const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT$1, EVENT_OPTIONS$3);
           container.addEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
           container.dispatchEvent(unmountEvent);
           if (!unmountEvent.defaultPrevented) {
@@ -135828,10 +136219,10 @@ var FocusScope$1 = React__namespace.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope$1.displayName = FOCUS_SCOPE_NAME$1;
-function focusFirst$3(candidates, { select = false } = {}) {
+function focusFirst$4(candidates, { select = false } = {}) {
   const previouslyFocusedElement = document.activeElement;
   for (const candidate of candidates) {
     focus$1(candidate, { select });
@@ -135912,16 +136303,16 @@ function removeLinks$1(items) {
 }
 
 // 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
-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(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count$3++));
+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(() => {
+    if (!deterministicId) setId((reactId) => reactId ?? String(count$4++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
@@ -135931,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$2.svg,
+    Primitive$3.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -135944,10 +136335,10 @@ var Arrow$3 = React__namespace.forwardRef((props, forwardedRef) => {
   );
 });
 Arrow$3.displayName = NAME$2;
-var Root$3 = Arrow$3;
+var Root$4 = Arrow$3;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$3(scopeName, createContextScopeDeps = []) {
+function createContextScope$6(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -135982,9 +136373,9 @@ function createContextScope$3(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$3(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$6(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$3(...scopes) {
+function composeContextScopes$6(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -136006,9 +136397,9 @@ function composeContextScopes$3(...scopes) {
 }
 
 // packages/react/use-size/src/useSize.tsx
-function useSize$1(element) {
+function useSize$2(element) {
   const [size, setSize] = React__namespace.useState(void 0);
-  useLayoutEffect2$2(() => {
+  useLayoutEffect2$3(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
       const resizeObserver = new ResizeObserver((entries) => {
@@ -136042,7 +136433,7 @@ function useSize$1(element) {
 }
 
 var POPPER_NAME$1 = "Popper";
-var [createPopperContext$1, createPopperScope$1] = createContextScope$3(POPPER_NAME$1);
+var [createPopperContext$1, createPopperScope$1] = createContextScope$6(POPPER_NAME$1);
 var [PopperProvider$1, usePopperContext$1] = createPopperContext$1(POPPER_NAME$1);
 var Popper$1 = (props) => {
   const { __scopePopper, children } = props;
@@ -136056,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$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$2.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor$1.displayName = ANCHOR_NAME$3;
@@ -136086,9 +136477,9 @@ 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$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 arrowSize = useSize$2(arrow$1);
     const arrowWidth = arrowSize?.width ?? 0;
     const arrowHeight = arrowSize?.height ?? 0;
     const desiredPlacement = side + (align !== "center" ? "-" + align : "");
@@ -136140,8 +136531,8 @@ var PopperContent$1 = React__namespace.forwardRef(
       ]
     });
     const [placedSide, placedAlign] = getSideAndAlignFromPlacement$1(placement);
-    const handlePlaced = useCallbackRef$2(onPlaced);
-    useLayoutEffect2$2(() => {
+    const handlePlaced = useCallbackRef$3(onPlaced);
+    useLayoutEffect2$3(() => {
       if (isPositioned) {
         handlePlaced?.();
       }
@@ -136150,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$2(() => {
+    useLayoutEffect2$3(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -136187,7 +136578,7 @@ var PopperContent$1 = React__namespace.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              Primitive$2.div,
+              Primitive$3.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -136247,7 +136638,7 @@ var PopperArrow$1 = React__namespace.forwardRef(function PopperArrow2(props, for
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Root$3,
+          Root$4,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -136301,7 +136692,7 @@ function getSideAndAlignFromPlacement$1(placement) {
   const [side, align = "center"] = placement.split("-");
   return [side, align];
 }
-var Root2$3 = Popper$1;
+var Root2$4 = Popper$1;
 var Anchor$1 = PopperAnchor$1;
 var Content$1 = PopperContent$1;
 var Arrow$2 = PopperArrow$1;
@@ -136310,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$2(() => setMounted(true), []);
+  useLayoutEffect2$3(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$3.displayName = PORTAL_NAME$4;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$2(scopeName, createContextScopeDeps = []) {
+function createContextScope$5(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -136352,9 +136743,9 @@ function createContextScope$2(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$2(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$5(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$2(...scopes) {
+function composeContextScopes$5(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -136376,16 +136767,16 @@ function composeContextScopes$2(...scopes) {
 }
 
 // packages/react/use-controllable-state/src/useControllableState.tsx
-function useControllableState$1({
+function useControllableState$2({
   prop,
   defaultProp,
   onChange = () => {
   }
 }) {
-  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$1({ defaultProp, onChange });
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$2({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef$2(onChange);
+  const handleChange = useCallbackRef$3(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -136400,14 +136791,14 @@ function useControllableState$1({
   );
   return [value, setValue];
 }
-function useUncontrolledState$1({
+function useUncontrolledState$2({
   defaultProp,
   onChange
 }) {
   const uncontrolledState = React__namespace.useState(defaultProp);
   const [value] = uncontrolledState;
   const prevValueRef = React__namespace.useRef(value);
-  const handleChange = useCallbackRef$2(onChange);
+  const handleChange = useCallbackRef$3(onChange);
   React__namespace.useEffect(() => {
     if (prevValueRef.current !== value) {
       handleChange(value);
@@ -136417,22 +136808,22 @@ function useUncontrolledState$1({
   return uncontrolledState;
 }
 
-var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
-var EVENT_OPTIONS$1 = { bubbles: false, cancelable: true };
-var GROUP_NAME$2 = "RovingFocusGroup";
-var [Collection$1, useCollection$1, createCollectionScope$1] = createCollection(GROUP_NAME$2);
-var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope$2(
-  GROUP_NAME$2,
-  [createCollectionScope$1]
+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(
+  GROUP_NAME$3,
+  [createCollectionScope$2]
 );
-var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME$2);
-var RovingFocusGroup = React__namespace.forwardRef(
+var [RovingFocusProvider$1, useRovingFocusContext$1] = createRovingFocusGroupContext$1(GROUP_NAME$3);
+var RovingFocusGroup$1 = React__namespace.forwardRef(
   (props, forwardedRef) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Collection$2.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$2.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroupImpl$1, { ...props, ref: forwardedRef }) }) });
   }
 );
-RovingFocusGroup.displayName = GROUP_NAME$2;
-var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) => {
+RovingFocusGroup$1.displayName = GROUP_NAME$3;
+var RovingFocusGroupImpl$1 = React__namespace.forwardRef((props, forwardedRef) => {
   const {
     __scopeRovingFocusGroup,
     orientation,
@@ -136446,27 +136837,27 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
     ...groupProps
   } = props;
   const ref = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs$1(forwardedRef, ref);
-  const direction = useDirection(dir);
-  const [currentTabStopId = null, setCurrentTabStopId] = useControllableState$1({
+  const composedRefs = useComposedRefs$2(forwardedRef, ref);
+  const direction = useDirection$1(dir);
+  const [currentTabStopId = null, setCurrentTabStopId] = useControllableState$2({
     prop: currentTabStopIdProp,
     defaultProp: defaultCurrentTabStopId,
     onChange: onCurrentTabStopIdChange
   });
   const [isTabbingBackOut, setIsTabbingBackOut] = React__namespace.useState(false);
-  const handleEntryFocus = useCallbackRef$2(onEntryFocus);
-  const getItems = useCollection$1(__scopeRovingFocusGroup);
+  const handleEntryFocus = useCallbackRef$3(onEntryFocus);
+  const getItems = useCollection$2(__scopeRovingFocusGroup);
   const isClickFocusRef = React__namespace.useRef(false);
   const [focusableItemsCount, setFocusableItemsCount] = React__namespace.useState(0);
   React__namespace.useEffect(() => {
     const node = ref.current;
     if (node) {
-      node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
-      return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
+      node.addEventListener(ENTRY_FOCUS$1, handleEntryFocus);
+      return () => node.removeEventListener(ENTRY_FOCUS$1, handleEntryFocus);
     }
   }, [handleEntryFocus]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    RovingFocusProvider,
+    RovingFocusProvider$1,
     {
       scope: __scopeRovingFocusGroup,
       orientation,
@@ -136487,20 +136878,20 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
         []
       ),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive$2.div,
+        Primitive$3.div,
         {
           tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
           "data-orientation": orientation,
           ...groupProps,
           ref: composedRefs,
           style: { outline: "none", ...props.style },
-          onMouseDown: composeEventHandlers$1(props.onMouseDown, () => {
+          onMouseDown: composeEventHandlers$2(props.onMouseDown, () => {
             isClickFocusRef.current = true;
           }),
-          onFocus: composeEventHandlers$1(props.onFocus, (event) => {
+          onFocus: composeEventHandlers$2(props.onFocus, (event) => {
             const isKeyboardFocus = !isClickFocusRef.current;
             if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-              const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS$1);
+              const entryFocusEvent = new CustomEvent(ENTRY_FOCUS$1, EVENT_OPTIONS$2);
               event.currentTarget.dispatchEvent(entryFocusEvent);
               if (!entryFocusEvent.defaultPrevented) {
                 const items = getItems().filter((item) => item.focusable);
@@ -136510,19 +136901,19 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
                   Boolean
                 );
                 const candidateNodes = candidateItems.map((item) => item.ref.current);
-                focusFirst$2(candidateNodes, preventScrollOnEntryFocus);
+                focusFirst$3(candidateNodes, preventScrollOnEntryFocus);
               }
             }
             isClickFocusRef.current = false;
           }),
-          onBlur: composeEventHandlers$1(props.onBlur, () => setIsTabbingBackOut(false))
+          onBlur: composeEventHandlers$2(props.onBlur, () => setIsTabbingBackOut(false))
         }
       )
     }
   );
 });
-var ITEM_NAME$2 = "RovingFocusGroupItem";
-var RovingFocusGroupItem = React__namespace.forwardRef(
+var ITEM_NAME$4 = "RovingFocusGroupItem";
+var RovingFocusGroupItem$1 = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeRovingFocusGroup,
@@ -136531,11 +136922,11 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
       tabStopId,
       ...itemProps
     } = props;
-    const autoId = useId$2();
+    const autoId = useId$3();
     const id = tabStopId || autoId;
-    const context = useRovingFocusContext(ITEM_NAME$2, __scopeRovingFocusGroup);
+    const context = useRovingFocusContext$1(ITEM_NAME$4, __scopeRovingFocusGroup);
     const isCurrentTabStop = context.currentTabStopId === id;
-    const getItems = useCollection$1(__scopeRovingFocusGroup);
+    const getItems = useCollection$2(__scopeRovingFocusGroup);
     const { onFocusableItemAdd, onFocusableItemRemove } = context;
     React__namespace.useEffect(() => {
       if (focusable) {
@@ -136544,31 +136935,31 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
       }
     }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Collection$1.ItemSlot,
+      Collection$2.ItemSlot,
       {
         scope: __scopeRovingFocusGroup,
         id,
         focusable,
         active,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$2.span,
+          Primitive$3.span,
           {
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation,
             ...itemProps,
             ref: forwardedRef,
-            onMouseDown: composeEventHandlers$1(props.onMouseDown, (event) => {
+            onMouseDown: composeEventHandlers$2(props.onMouseDown, (event) => {
               if (!focusable) event.preventDefault();
               else context.onItemFocus(id);
             }),
-            onFocus: composeEventHandlers$1(props.onFocus, () => context.onItemFocus(id)),
-            onKeyDown: composeEventHandlers$1(props.onKeyDown, (event) => {
+            onFocus: composeEventHandlers$2(props.onFocus, () => context.onItemFocus(id)),
+            onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
               if (event.key === "Tab" && event.shiftKey) {
                 context.onItemShiftTab();
                 return;
               }
               if (event.target !== event.currentTarget) return;
-              const focusIntent = getFocusIntent(event, context.orientation, context.dir);
+              const focusIntent = getFocusIntent$1(event, context.orientation, context.dir);
               if (focusIntent !== void 0) {
                 if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
                 event.preventDefault();
@@ -136578,9 +136969,9 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
                 else if (focusIntent === "prev" || focusIntent === "next") {
                   if (focusIntent === "prev") candidateNodes.reverse();
                   const currentIndex = candidateNodes.indexOf(event.currentTarget);
-                  candidateNodes = context.loop ? wrapArray$1(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
+                  candidateNodes = context.loop ? wrapArray$2(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
                 }
-                setTimeout(() => focusFirst$2(candidateNodes));
+                setTimeout(() => focusFirst$3(candidateNodes));
               }
             })
           }
@@ -136589,8 +136980,8 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
     );
   }
 );
-RovingFocusGroupItem.displayName = ITEM_NAME$2;
-var MAP_KEY_TO_FOCUS_INTENT = {
+RovingFocusGroupItem$1.displayName = ITEM_NAME$4;
+var MAP_KEY_TO_FOCUS_INTENT$1 = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -136600,17 +136991,17 @@ var MAP_KEY_TO_FOCUS_INTENT = {
   PageDown: "last",
   End: "last"
 };
-function getDirectionAwareKey(key, dir) {
+function getDirectionAwareKey$1(key, dir) {
   if (dir !== "rtl") return key;
   return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
 }
-function getFocusIntent(event, orientation, dir) {
-  const key = getDirectionAwareKey(event.key, dir);
+function getFocusIntent$1(event, orientation, dir) {
+  const key = getDirectionAwareKey$1(event.key, dir);
   if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
   if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
-  return MAP_KEY_TO_FOCUS_INTENT[key];
+  return MAP_KEY_TO_FOCUS_INTENT$1[key];
 }
-function focusFirst$2(candidates, preventScroll = false) {
+function focusFirst$3(candidates, preventScroll = false) {
   const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
   for (const candidate of candidates) {
     if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
@@ -136618,11 +137009,11 @@ function focusFirst$2(candidates, preventScroll = false) {
     if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
   }
 }
-function wrapArray$1(array, startIndex) {
+function wrapArray$2(array, startIndex) {
   return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
-var Root$2 = RovingFocusGroup;
-var Item = RovingFocusGroupItem;
+var Root$3 = RovingFocusGroup$1;
+var Item$1 = RovingFocusGroupItem$1;
 
 var getDefaultParent = function (originalTarget) {
     if (typeof document === 'undefined') {
@@ -136800,7 +137191,7 @@ function assignRef(ref, value) {
  * @see https://github.com/theKashey/use-callback-ref#usecallbackref---to-replace-reactuseref
  * @returns {MutableRefObject}
  */
-function useCallbackRef$1(initialValue, callback) {
+function useCallbackRef$2(initialValue, callback) {
     var ref = React.useState(function () { return ({
         // value
         value: initialValue,
@@ -136840,7 +137231,7 @@ function useCallbackRef$1(initialValue, callback) {
  * }
  */
 function useMergeRefs(refs, defaultValue) {
-    return useCallbackRef$1(defaultValue || null, function (newValue) { return refs.forEach(function (ref) { return assignRef(ref, newValue); }); });
+    return useCallbackRef$2(defaultValue || null, function (newValue) { return refs.forEach(function (ref) { return assignRef(ref, newValue); }); });
 }
 
 function ItoI(a) {
@@ -137442,14 +137833,14 @@ var SUB_CLOSE_KEYS = {
   rtl: ["ArrowRight"]
 };
 var MENU_NAME = "Menu";
-var [Collection, useCollection, createCollectionScope] = createCollection(MENU_NAME);
-var [createMenuContext, createMenuScope] = createContextScope$4(MENU_NAME, [
-  createCollectionScope,
+var [Collection$1, useCollection$1, createCollectionScope$1] = createCollection$1(MENU_NAME);
+var [createMenuContext, createMenuScope] = createContextScope$7(MENU_NAME, [
+  createCollectionScope$1,
   createPopperScope$1,
-  createRovingFocusGroupScope
+  createRovingFocusGroupScope$1
 ]);
 var usePopperScope$1 = createPopperScope$1();
-var useRovingFocusGroupScope = createRovingFocusGroupScope();
+var useRovingFocusGroupScope$1 = createRovingFocusGroupScope$1();
 var [MenuProvider, useMenuContext] = createMenuContext(MENU_NAME);
 var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
 var Menu = (props) => {
@@ -137457,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$2(onOpenChange);
-  const direction = useDirection(dir);
+  const handleOpenChange = useCallbackRef$3(onOpenChange);
+  const direction = useDirection$1(dir);
   React__namespace.useEffect(() => {
     const handleKeyDown = () => {
       isUsingKeyboardRef.current = true;
@@ -137473,7 +137864,7 @@ var Menu = (props) => {
       document.removeEventListener("pointermove", handlePointer, { capture: true });
     };
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Root2$3, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Root2$4, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
     MenuProvider,
     {
       scope: __scopeMenu,
@@ -137523,14 +137914,14 @@ var MenuContent = React__namespace.forwardRef(
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
     const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME$3, props.__scopeMenu);
-    return /* @__PURE__ */ jsxRuntime.jsx(Collection.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
+    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: rootContext.modal ? /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
   }
 );
 var MenuRootContentModal = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, ref);
+    const composedRefs = useComposedRefs$2(forwardedRef, ref);
     React__namespace.useEffect(() => {
       const content = ref.current;
       if (content) return hideOthers(content);
@@ -137543,7 +137934,7 @@ var MenuRootContentModal = React__namespace.forwardRef(
         trapFocus: context.open,
         disableOutsidePointerEvents: context.open,
         disableOutsideScroll: true,
-        onFocusOutside: composeEventHandlers$1(
+        onFocusOutside: composeEventHandlers$2(
           props.onFocusOutside,
           (event) => event.preventDefault(),
           { checkForDefaultPrevented: false }
@@ -137588,11 +137979,11 @@ var MenuContentImpl = React__namespace.forwardRef(
     const context = useMenuContext(CONTENT_NAME$3, __scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME$3, __scopeMenu);
     const popperScope = usePopperScope$1(__scopeMenu);
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
-    const getItems = useCollection(__scopeMenu);
+    const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
+    const getItems = useCollection$1(__scopeMenu);
     const [currentItemId, setCurrentItemId] = React__namespace.useState(null);
     const contentRef = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, contentRef, context.onContentChange);
+    const composedRefs = useComposedRefs$2(forwardedRef, contentRef, context.onContentChange);
     const timerRef = React__namespace.useRef(0);
     const searchRef = React__namespace.useRef("");
     const pointerGraceTimerRef = React__namespace.useRef(0);
@@ -137660,7 +138051,7 @@ var MenuContentImpl = React__namespace.forwardRef(
           {
             asChild: true,
             trapped: trapFocus,
-            onMountAutoFocus: composeEventHandlers$1(onOpenAutoFocus, (event) => {
+            onMountAutoFocus: composeEventHandlers$2(onOpenAutoFocus, (event) => {
               event.preventDefault();
               contentRef.current?.focus({ preventScroll: true });
             }),
@@ -137676,7 +138067,7 @@ var MenuContentImpl = React__namespace.forwardRef(
                 onInteractOutside,
                 onDismiss,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Root$2,
+                  Root$3,
                   {
                     asChild: true,
                     ...rovingFocusGroupScope,
@@ -137685,7 +138076,7 @@ var MenuContentImpl = React__namespace.forwardRef(
                     loop,
                     currentTabStopId: currentItemId,
                     onCurrentTabStopIdChange: setCurrentItemId,
-                    onEntryFocus: composeEventHandlers$1(onEntryFocus, (event) => {
+                    onEntryFocus: composeEventHandlers$2(onEntryFocus, (event) => {
                       if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
                     }),
                     preventScrollOnEntryFocus: true,
@@ -137701,7 +138092,7 @@ var MenuContentImpl = React__namespace.forwardRef(
                         ...contentProps,
                         ref: composedRefs,
                         style: { outline: "none", ...contentProps.style },
-                        onKeyDown: composeEventHandlers$1(contentProps.onKeyDown, (event) => {
+                        onKeyDown: composeEventHandlers$2(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;
@@ -137717,15 +138108,15 @@ var MenuContentImpl = React__namespace.forwardRef(
                           const items = getItems().filter((item) => !item.disabled);
                           const candidateNodes = items.map((item) => item.ref.current);
                           if (LAST_KEYS.includes(event.key)) candidateNodes.reverse();
-                          focusFirst$1(candidateNodes);
+                          focusFirst$2(candidateNodes);
                         }),
-                        onBlur: composeEventHandlers$1(props.onBlur, (event) => {
+                        onBlur: composeEventHandlers$2(props.onBlur, (event) => {
                           if (!event.currentTarget.contains(event.target)) {
                             window.clearTimeout(timerRef.current);
                             searchRef.current = "";
                           }
                         }),
-                        onPointerMove: composeEventHandlers$1(
+                        onPointerMove: composeEventHandlers$2(
                           props.onPointerMove,
                           whenMouse((event) => {
                             const target = event.target;
@@ -137750,31 +138141,31 @@ var MenuContentImpl = React__namespace.forwardRef(
   }
 );
 MenuContent.displayName = CONTENT_NAME$3;
-var GROUP_NAME$1 = "MenuGroup";
+var GROUP_NAME$2 = "MenuGroup";
 var MenuGroup = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { role: "group", ...groupProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { role: "group", ...groupProps, ref: forwardedRef });
   }
 );
-MenuGroup.displayName = GROUP_NAME$1;
+MenuGroup.displayName = GROUP_NAME$2;
 var LABEL_NAME$1 = "MenuLabel";
 var MenuLabel = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...labelProps, ref: forwardedRef });
   }
 );
 MenuLabel.displayName = LABEL_NAME$1;
-var ITEM_NAME$1 = "MenuItem";
+var ITEM_NAME$3 = "MenuItem";
 var ITEM_SELECT = "menu.itemSelect";
 var MenuItem = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { disabled = false, onSelect, ...itemProps } = props;
     const ref = React__namespace.useRef(null);
-    const rootContext = useMenuRootContext(ITEM_NAME$1, props.__scopeMenu);
-    const contentContext = useMenuContentContext(ITEM_NAME$1, props.__scopeMenu);
-    const composedRefs = useComposedRefs$1(forwardedRef, ref);
+    const rootContext = useMenuRootContext(ITEM_NAME$3, props.__scopeMenu);
+    const contentContext = useMenuContentContext(ITEM_NAME$3, props.__scopeMenu);
+    const composedRefs = useComposedRefs$2(forwardedRef, ref);
     const isPointerDownRef = React__namespace.useRef(false);
     const handleSelect = () => {
       const menuItem = ref.current;
@@ -137795,15 +138186,15 @@ var MenuItem = React__namespace.forwardRef(
         ...itemProps,
         ref: composedRefs,
         disabled,
-        onClick: composeEventHandlers$1(props.onClick, handleSelect),
+        onClick: composeEventHandlers$2(props.onClick, handleSelect),
         onPointerDown: (event) => {
           props.onPointerDown?.(event);
           isPointerDownRef.current = true;
         },
-        onPointerUp: composeEventHandlers$1(props.onPointerUp, (event) => {
+        onPointerUp: composeEventHandlers$2(props.onPointerUp, (event) => {
           if (!isPointerDownRef.current) event.currentTarget?.click();
         }),
-        onKeyDown: composeEventHandlers$1(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
           const isTypingAhead = contentContext.searchRef.current !== "";
           if (disabled || isTypingAhead && event.key === " ") return;
           if (SELECTION_KEYS.includes(event.key)) {
@@ -137815,14 +138206,14 @@ var MenuItem = React__namespace.forwardRef(
     );
   }
 );
-MenuItem.displayName = ITEM_NAME$1;
+MenuItem.displayName = ITEM_NAME$3;
 var MenuItemImpl = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
-    const contentContext = useMenuContentContext(ITEM_NAME$1, __scopeMenu);
-    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenu);
+    const contentContext = useMenuContentContext(ITEM_NAME$3, __scopeMenu);
+    const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
     const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, ref);
+    const composedRefs = useComposedRefs$2(forwardedRef, ref);
     const [isFocused, setIsFocused] = React__namespace.useState(false);
     const [textContent, setTextContent] = React__namespace.useState("");
     React__namespace.useEffect(() => {
@@ -137832,13 +138223,13 @@ var MenuItemImpl = React__namespace.forwardRef(
       }
     }, [itemProps.children]);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Collection.ItemSlot,
+      Collection$1.ItemSlot,
       {
         scope: __scopeMenu,
         disabled,
         textValue: textValue ?? textContent,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Item, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$2.div,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Item$1, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Primitive$3.div,
           {
             role: "menuitem",
             "data-highlighted": isFocused ? "" : void 0,
@@ -137846,7 +138237,7 @@ var MenuItemImpl = React__namespace.forwardRef(
             "data-disabled": disabled ? "" : void 0,
             ...itemProps,
             ref: composedRefs,
-            onPointerMove: composeEventHandlers$1(
+            onPointerMove: composeEventHandlers$2(
               props.onPointerMove,
               whenMouse((event) => {
                 if (disabled) {
@@ -137860,12 +138251,12 @@ var MenuItemImpl = React__namespace.forwardRef(
                 }
               })
             ),
-            onPointerLeave: composeEventHandlers$1(
+            onPointerLeave: composeEventHandlers$2(
               props.onPointerLeave,
               whenMouse((event) => contentContext.onItemLeave(event))
             ),
-            onFocus: composeEventHandlers$1(props.onFocus, () => setIsFocused(true)),
-            onBlur: composeEventHandlers$1(props.onBlur, () => setIsFocused(false))
+            onFocus: composeEventHandlers$2(props.onFocus, () => setIsFocused(true)),
+            onBlur: composeEventHandlers$2(props.onBlur, () => setIsFocused(false))
           }
         ) })
       }
@@ -137884,7 +138275,7 @@ var MenuCheckboxItem = React__namespace.forwardRef(
         ...checkboxItemProps,
         ref: forwardedRef,
         "data-state": getCheckedState(checked),
-        onSelect: composeEventHandlers$1(
+        onSelect: composeEventHandlers$2(
           checkboxItemProps.onSelect,
           () => onCheckedChange?.(isIndeterminate(checked) ? true : !checked),
           { checkForDefaultPrevented: false }
@@ -137894,25 +138285,25 @@ var MenuCheckboxItem = React__namespace.forwardRef(
   }
 );
 MenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME$1;
-var RADIO_GROUP_NAME$1 = "MenuRadioGroup";
-var [RadioGroupProvider, useRadioGroupContext] = createMenuContext(
-  RADIO_GROUP_NAME$1,
+var RADIO_GROUP_NAME$2 = "MenuRadioGroup";
+var [RadioGroupProvider$1, useRadioGroupContext$1] = createMenuContext(
+  RADIO_GROUP_NAME$2,
   { value: void 0, onValueChange: () => {
   } }
 );
 var MenuRadioGroup = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { value, onValueChange, ...groupProps } = props;
-    const handleValueChange = useCallbackRef$2(onValueChange);
-    return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ...groupProps, ref: forwardedRef }) });
+    const handleValueChange = useCallbackRef$3(onValueChange);
+    return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupProvider$1, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ...groupProps, ref: forwardedRef }) });
   }
 );
-MenuRadioGroup.displayName = RADIO_GROUP_NAME$1;
+MenuRadioGroup.displayName = RADIO_GROUP_NAME$2;
 var RADIO_ITEM_NAME$1 = "MenuRadioItem";
 var MenuRadioItem = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { value, ...radioItemProps } = props;
-    const context = useRadioGroupContext(RADIO_ITEM_NAME$1, props.__scopeMenu);
+    const context = useRadioGroupContext$1(RADIO_ITEM_NAME$1, props.__scopeMenu);
     const checked = value === context.value;
     return /* @__PURE__ */ jsxRuntime.jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsxRuntime.jsx(
       MenuItem,
@@ -137922,7 +138313,7 @@ var MenuRadioItem = React__namespace.forwardRef(
         ...radioItemProps,
         ref: forwardedRef,
         "data-state": getCheckedState(checked),
-        onSelect: composeEventHandlers$1(
+        onSelect: composeEventHandlers$2(
           radioItemProps.onSelect,
           () => context.onValueChange?.(value),
           { checkForDefaultPrevented: false }
@@ -137946,7 +138337,7 @@ var MenuItemIndicator = React__namespace.forwardRef(
       {
         present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive$2.span,
+          Primitive$3.span,
           {
             ...itemIndicatorProps,
             ref: forwardedRef,
@@ -137963,7 +138354,7 @@ var MenuSeparator = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive$2.div,
+      Primitive$3.div,
       {
         role: "separator",
         "aria-orientation": "horizontal",
@@ -137991,12 +138382,12 @@ 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$2(onOpenChange);
+  const handleOpenChange = useCallbackRef$3(onOpenChange);
   React__namespace.useEffect(() => {
     if (parentMenuContext.open === false) handleOpenChange(false);
     return () => handleOpenChange(false);
   }, [parentMenuContext.open, handleOpenChange]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Root2$3, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Root2$4, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
     MenuProvider,
     {
       scope: __scopeMenu,
@@ -138008,8 +138399,8 @@ var MenuSub = (props) => {
         MenuSubProvider,
         {
           scope: __scopeMenu,
-          contentId: useId$2(),
-          triggerId: useId$2(),
+          contentId: useId$3(),
+          triggerId: useId$3(),
           trigger,
           onTriggerChange: setTrigger,
           children
@@ -138050,14 +138441,14 @@ var MenuSubTrigger = React__namespace.forwardRef(
         "aria-controls": subContext.contentId,
         "data-state": getOpenState(context.open),
         ...props,
-        ref: composeRefs$1(forwardedRef, subContext.onTriggerChange),
+        ref: composeRefs$2(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$1(
+        onPointerMove: composeEventHandlers$2(
           props.onPointerMove,
           whenMouse((event) => {
             contentContext.onItemEnter(event);
@@ -138071,7 +138462,7 @@ var MenuSubTrigger = React__namespace.forwardRef(
             }
           })
         ),
-        onPointerLeave: composeEventHandlers$1(
+        onPointerLeave: composeEventHandlers$2(
           props.onPointerLeave,
           whenMouse((event) => {
             clearOpenTimer();
@@ -138106,7 +138497,7 @@ var MenuSubTrigger = React__namespace.forwardRef(
             }
           })
         ),
-        onKeyDown: composeEventHandlers$1(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
           const isTypingAhead = contentContext.searchRef.current !== "";
           if (props.disabled || isTypingAhead && event.key === " ") return;
           if (SUB_OPEN_KEYS[rootContext.dir].includes(event.key)) {
@@ -138129,8 +138520,8 @@ 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$1(forwardedRef, ref);
-    return /* @__PURE__ */ jsxRuntime.jsx(Collection.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
+    const composedRefs = useComposedRefs$2(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,
       {
         id: subContext.contentId,
@@ -138147,14 +138538,14 @@ var MenuSubContent = React__namespace.forwardRef(
           event.preventDefault();
         },
         onCloseAutoFocus: (event) => event.preventDefault(),
-        onFocusOutside: composeEventHandlers$1(props.onFocusOutside, (event) => {
+        onFocusOutside: composeEventHandlers$2(props.onFocusOutside, (event) => {
           if (event.target !== subContext.trigger) context.onOpenChange(false);
         }),
-        onEscapeKeyDown: composeEventHandlers$1(props.onEscapeKeyDown, (event) => {
+        onEscapeKeyDown: composeEventHandlers$2(props.onEscapeKeyDown, (event) => {
           rootContext.onClose();
           event.preventDefault();
         }),
-        onKeyDown: composeEventHandlers$1(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
           const isKeyDownInside = event.currentTarget.contains(event.target);
           const isCloseKey = SUB_CLOSE_KEYS[rootContext.dir].includes(event.key);
           if (isKeyDownInside && isCloseKey) {
@@ -138177,7 +138568,7 @@ function isIndeterminate(checked) {
 function getCheckedState(checked) {
   return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
-function focusFirst$1(candidates) {
+function focusFirst$2(candidates) {
   const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
   for (const candidate of candidates) {
     if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
@@ -138185,14 +138576,14 @@ function focusFirst$1(candidates) {
     if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
   }
 }
-function wrapArray(array, startIndex) {
+function wrapArray$1(array, startIndex) {
   return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
 function getNextMatch(values, search, currentMatch) {
   const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
   const normalizedSearch = isRepeated ? search[0] : search;
   const currentMatchIndex = currentMatch ? values.indexOf(currentMatch) : -1;
-  let wrappedValues = wrapArray(values, Math.max(currentMatchIndex, 0));
+  let wrappedValues = wrapArray$1(values, Math.max(currentMatchIndex, 0));
   const excludeCurrentMatch = normalizedSearch.length === 1;
   if (excludeCurrentMatch) wrappedValues = wrappedValues.filter((v) => v !== currentMatch);
   const nextMatch = wrappedValues.find(
@@ -138227,9 +138618,9 @@ var Portal$2 = MenuPortal;
 var Content2$2 = MenuContent;
 var Group = MenuGroup;
 var Label = MenuLabel;
-var Item2$1 = MenuItem;
+var Item2$2 = MenuItem;
 var CheckboxItem = MenuCheckboxItem;
-var RadioGroup = MenuRadioGroup;
+var RadioGroup$2 = MenuRadioGroup;
 var RadioItem = MenuRadioItem;
 var ItemIndicator = MenuItemIndicator;
 var Separator$2 = MenuSeparator;
@@ -138239,22 +138630,22 @@ var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 
 // 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
-var useReactId$1 = React__namespace["useId".toString()] || (() => void 0);
-var count$2 = 0;
-function useId$1(deterministicId) {
-  const [id, setId] = React__namespace.useState(useReactId$1());
-  useLayoutEffect2$1(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count$2++));
+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(() => {
+    if (!deterministicId) setId((reactId) => reactId ?? String(count$3++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
 
 var DROPDOWN_MENU_NAME = "DropdownMenu";
-var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope$6(
+var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope$9(
   DROPDOWN_MENU_NAME,
   [createMenuScope]
 );
@@ -138272,7 +138663,7 @@ var DropdownMenu = (props) => {
   } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   const triggerRef = React__namespace.useRef(null);
-  const [open = false, setOpen] = useControllableState$2({
+  const [open = false, setOpen] = useControllableState$3({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: onOpenChange
@@ -138281,9 +138672,9 @@ var DropdownMenu = (props) => {
     DropdownMenuProvider,
     {
       scope: __scopeDropdownMenu,
-      triggerId: useId$1(),
+      triggerId: useId$2(),
       triggerRef,
-      contentId: useId$1(),
+      contentId: useId$2(),
       open,
       onOpenChange: setOpen,
       onOpenToggle: React__namespace.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
@@ -138300,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$3.button,
+      Primitive$4.button,
       {
         type: "button",
         id: context.triggerId,
@@ -138311,14 +138702,14 @@ var DropdownMenuTrigger = React__namespace.forwardRef(
         "data-disabled": disabled ? "" : void 0,
         disabled,
         ...triggerProps,
-        ref: composeRefs$2(forwardedRef, context.triggerRef),
-        onPointerDown: composeEventHandlers$2(props.onPointerDown, (event) => {
+        ref: composeRefs$3(forwardedRef, context.triggerRef),
+        onPointerDown: composeEventHandlers$3(props.onPointerDown, (event) => {
           if (!disabled && event.button === 0 && event.ctrlKey === false) {
             context.onOpenToggle();
             if (!context.open) event.preventDefault();
           }
         }),
-        onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
+        onKeyDown: composeEventHandlers$3(props.onKeyDown, (event) => {
           if (disabled) return;
           if (["Enter", " "].includes(event.key)) context.onOpenToggle();
           if (event.key === "ArrowDown") context.onOpenChange(true);
@@ -138351,12 +138742,12 @@ var DropdownMenuContent = React__namespace.forwardRef(
         ...menuScope,
         ...contentProps,
         ref: forwardedRef,
-        onCloseAutoFocus: composeEventHandlers$2(props.onCloseAutoFocus, (event) => {
+        onCloseAutoFocus: composeEventHandlers$3(props.onCloseAutoFocus, (event) => {
           if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus();
           hasInteractedOutsideRef.current = false;
           event.preventDefault();
         }),
-        onInteractOutside: composeEventHandlers$2(props.onInteractOutside, (event) => {
+        onInteractOutside: composeEventHandlers$3(props.onInteractOutside, (event) => {
           const originalEvent = event.detail.originalEvent;
           const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
           const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
@@ -138378,7 +138769,7 @@ var DropdownMenuContent = React__namespace.forwardRef(
   }
 );
 DropdownMenuContent.displayName = CONTENT_NAME$2;
-var GROUP_NAME = "DropdownMenuGroup";
+var GROUP_NAME$1 = "DropdownMenuGroup";
 var DropdownMenuGroup = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...groupProps } = props;
@@ -138386,7 +138777,7 @@ var DropdownMenuGroup = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(Group, { ...menuScope, ...groupProps, ref: forwardedRef });
   }
 );
-DropdownMenuGroup.displayName = GROUP_NAME;
+DropdownMenuGroup.displayName = GROUP_NAME$1;
 var LABEL_NAME = "DropdownMenuLabel";
 var DropdownMenuLabel = React__namespace.forwardRef(
   (props, forwardedRef) => {
@@ -138396,15 +138787,15 @@ var DropdownMenuLabel = React__namespace.forwardRef(
   }
 );
 DropdownMenuLabel.displayName = LABEL_NAME;
-var ITEM_NAME = "DropdownMenuItem";
+var ITEM_NAME$2 = "DropdownMenuItem";
 var DropdownMenuItem = React__namespace.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...itemProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsxRuntime.jsx(Item2$1, { ...menuScope, ...itemProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntime.jsx(Item2$2, { ...menuScope, ...itemProps, ref: forwardedRef });
   }
 );
-DropdownMenuItem.displayName = ITEM_NAME;
+DropdownMenuItem.displayName = ITEM_NAME$2;
 var CHECKBOX_ITEM_NAME = "DropdownMenuCheckboxItem";
 var DropdownMenuCheckboxItem = React__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...checkboxItemProps } = props;
@@ -138412,13 +138803,13 @@ var DropdownMenuCheckboxItem = React__namespace.forwardRef((props, forwardedRef)
   return /* @__PURE__ */ jsxRuntime.jsx(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
 });
 DropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;
-var RADIO_GROUP_NAME = "DropdownMenuRadioGroup";
+var RADIO_GROUP_NAME$1 = "DropdownMenuRadioGroup";
 var DropdownMenuRadioGroup = React__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioGroupProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  return /* @__PURE__ */ jsxRuntime.jsx(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadioGroup$2, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
 });
-DropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME;
+DropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME$1;
 var RADIO_ITEM_NAME = "DropdownMenuRadioItem";
 var DropdownMenuRadioItem = React__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioItemProps } = props;
@@ -138426,13 +138817,13 @@ var DropdownMenuRadioItem = React__namespace.forwardRef((props, forwardedRef) =>
   return /* @__PURE__ */ jsxRuntime.jsx(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
 });
 DropdownMenuRadioItem.displayName = RADIO_ITEM_NAME;
-var INDICATOR_NAME = "DropdownMenuItemIndicator";
+var INDICATOR_NAME$1 = "DropdownMenuItemIndicator";
 var DropdownMenuItemIndicator = React__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
 });
-DropdownMenuItemIndicator.displayName = INDICATOR_NAME;
+DropdownMenuItemIndicator.displayName = INDICATOR_NAME$1;
 var SEPARATOR_NAME = "DropdownMenuSeparator";
 var DropdownMenuSeparator = React__namespace.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...separatorProps } = props;
@@ -138452,7 +138843,7 @@ DropdownMenuArrow.displayName = ARROW_NAME$2;
 var DropdownMenuSub = (props) => {
   const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  const [open = false, setOpen] = useControllableState$2({
+  const [open = false, setOpen] = useControllableState$3({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: onOpenChange
@@ -138491,13 +138882,13 @@ var DropdownMenuSubContent = React__namespace.forwardRef((props, forwardedRef) =
   );
 });
 DropdownMenuSubContent.displayName = SUB_CONTENT_NAME;
-var Root2$2 = DropdownMenu;
+var Root2$3 = DropdownMenu;
 var Trigger$1 = DropdownMenuTrigger;
 var Portal2 = DropdownMenuPortal;
 var Content2$1 = DropdownMenuContent;
 var Group2 = DropdownMenuGroup;
 var Label2 = DropdownMenuLabel;
-var Item2 = DropdownMenuItem;
+var Item2$1 = DropdownMenuItem;
 var CheckboxItem2 = DropdownMenuCheckboxItem;
 var RadioGroup2 = DropdownMenuRadioGroup;
 var RadioItem2 = DropdownMenuRadioItem;
@@ -138520,7 +138911,7 @@ var menuStyleClasses = {
     separator: "-s-mx-1 s-my-1 s-h-px s-bg-separator",
     shortcut: "s-ml-auto s-text-xs s-tracking-widest s-text-primary-400",
 };
-var NewDropdownMenu = Root2$2;
+var NewDropdownMenu = Root2$3;
 var NewDropdownMenuGroup = Group2;
 var NewDropdownMenuPortal = Portal2;
 var NewDropdownMenuSub = Sub2;
@@ -138563,10 +138954,10 @@ var NewDropdownMenuContent = React__namespace.forwardRef(function (_a, ref) {
 NewDropdownMenuContent.displayName = Content2$1.displayName;
 var NewDropdownMenuItem = React__namespace.forwardRef(function (_a, ref) {
     var children = _a.children, description = _a.description, className = _a.className, inset = _a.inset, icon = _a.icon, label = _a.label, props = __rest(_a, ["children", "description", "className", "inset", "icon", "label"]);
-    return (React__namespace.createElement(Item2, __assign({ ref: ref, className: cn(menuStyleClasses.item, inset ? menuStyleClasses.inset : "", className || "") }, props),
+    return (React__namespace.createElement(Item2$1, __assign({ ref: ref, className: cn(menuStyleClasses.item, inset ? menuStyleClasses.inset : "", className || "") }, props),
         React__namespace.createElement(ItemWithLabelIconAndDescription, { label: label, icon: icon, description: description }, children)));
 });
-NewDropdownMenuItem.displayName = Item2.displayName;
+NewDropdownMenuItem.displayName = Item2$1.displayName;
 var NewDropdownMenuCheckboxItem = React__namespace.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, checked = _a.checked, props = __rest(_a, ["className", "children", "checked"]);
     return (React__namespace.createElement(CheckboxItem2, __assign({ ref: ref, className: cn(menuStyleClasses.item, menuStyleClasses.inset, className || ""), checked: checked }, props),
@@ -138620,7 +139011,7 @@ function Notification(_a) {
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES$1 = [
+var NODES$2 = [
   "a",
   "button",
   "div",
@@ -138638,7 +139029,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;
@@ -138661,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$1.div,
+    Primitive$2.div,
     {
       "data-orientation": orientation,
       ...semanticProps,
@@ -138674,13 +139065,15 @@ Separator$1.displayName = NAME$1;
 function isValidOrientation(orientation) {
   return ORIENTATIONS.includes(orientation);
 }
-var Root$1 = Separator$1;
+var Root$2 = 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$1, __assign({ ref: ref, decorative: decorative, orientation: orientation, className: classNames("s-bg-separator s-shrink-0", orientation === "horizontal" ? "s-h-[1px] s-w-full" : "s-h-full s-w-[1px]", className !== null && className !== void 0 ? className : "") }, props)));
+    return (React__namespace.createElement(Root$2, __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$1.displayName;
+Separator.displayName = Root$2.displayName;
 
 function Page(_a) {
     var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "normal" : _b;
@@ -138707,7 +139100,7 @@ Page.SectionHeader = function (_a) {
             React.createElement(Button, __assign({}, action))))));
 };
 Page.Separator = function () {
-    return (React.createElement(Separator, null));
+    return React.createElement(Separator, null);
 };
 var PsizeClasses = {
     xs: "s-text-xs",
@@ -138793,7 +139186,7 @@ function PaginatedCitationsGrid(_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) {
@@ -138803,22 +139196,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$1(scopeName, createContextScopeDeps = []) {
+function createContextScope$4(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -138853,9 +139246,9 @@ function createContextScope$1(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$1(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$4(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$1(...scopes) {
+function composeContextScopes$4(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -138877,7 +139270,7 @@ function composeContextScopes$1(...scopes) {
 }
 
 // packages/react/primitive/src/Primitive.tsx
-var NODES = [
+var NODES$1 = [
   "a",
   "button",
   "div",
@@ -138895,7 +139288,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;
@@ -138912,7 +139305,7 @@ function dispatchDiscreteCustomEvent(target, event) {
 }
 
 // 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;
@@ -138922,7 +139315,7 @@ function useCallbackRef(callback) {
 
 // packages/react/use-escape-keydown/src/useEscapeKeydown.tsx
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
-  const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
+  const onEscapeKeyDown = useCallbackRef$1(onEscapeKeyDownProp);
   React__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -138959,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(forwardedRef, (node2) => setNode(node2));
+    const composedRefs = useComposedRefs$1(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
     const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
@@ -139022,7 +139415,7 @@ var DismissableLayer = React__namespace.forwardRef(
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive.div,
+      Primitive$1.div,
       {
         ...layerProps,
         ref: composedRefs,
@@ -139030,9 +139423,9 @@ var DismissableLayer = React__namespace.forwardRef(
           pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
           ...props.style
         },
-        onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),
-        onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),
-        onPointerDownCapture: composeEventHandlers(
+        onFocusCapture: composeEventHandlers$1(props.onFocusCapture, focusOutside.onFocusCapture),
+        onBlurCapture: composeEventHandlers$1(props.onBlurCapture, focusOutside.onBlurCapture),
+        onPointerDownCapture: composeEventHandlers$1(
           props.onPointerDownCapture,
           pointerDownOutside.onPointerDownCapture
         )
@@ -139045,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(forwardedRef, ref);
+  const composedRefs = useComposedRefs$1(forwardedRef, ref);
   React__namespace.useEffect(() => {
     const node = ref.current;
     if (node) {
@@ -139055,11 +139448,11 @@ var DismissableLayerBranch = React__namespace.forwardRef((props, forwardedRef) =
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
-  const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
+  const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
   const isPointerInsideReactTreeRef = React__namespace.useRef(false);
   const handleClickRef = React__namespace.useRef(() => {
   });
@@ -139102,7 +139495,7 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
   };
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
-  const handleFocusOutside = useCallbackRef(onFocusOutside);
+  const handleFocusOutside = useCallbackRef$1(onFocusOutside);
   const isFocusInsideReactTreeRef = React__namespace.useRef(false);
   React__namespace.useEffect(() => {
     const handleFocus = (event) => {
@@ -139136,18 +139529,18 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
   }
 }
 
-var count$1 = 0;
+var count$2 = 0;
 function useFocusGuards() {
   React__namespace.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
     document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
-    count$1++;
+    count$2++;
     return () => {
-      if (count$1 === 1) {
+      if (count$2 === 1) {
         document.querySelectorAll("[data-radix-focus-guard]").forEach((node) => node.remove());
       }
-      count$1--;
+      count$2--;
     };
   }, []);
 }
@@ -139164,7 +139557,7 @@ function createFocusGuard() {
 
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
-var EVENT_OPTIONS = { bubbles: false, cancelable: true };
+var EVENT_OPTIONS$1 = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME = "FocusScope";
 var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
   const {
@@ -139175,10 +139568,10 @@ var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
     ...scopeProps
   } = props;
   const [container, setContainer] = React__namespace.useState(null);
-  const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
-  const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
+  const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
+  const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
   const lastFocusedElementRef = React__namespace.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
+  const composedRefs = useComposedRefs$1(forwardedRef, (node) => setContainer(node));
   const focusScope = React__namespace.useRef({
     paused: false,
     pause() {
@@ -139229,11 +139622,11 @@ var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
       const previouslyFocusedElement = document.activeElement;
       const hasFocusedCandidate = container.contains(previouslyFocusedElement);
       if (!hasFocusedCandidate) {
-        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
+        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS$1);
         container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
         container.dispatchEvent(mountEvent);
         if (!mountEvent.defaultPrevented) {
-          focusFirst(removeLinks(getTabbableCandidates(container)), { select: true });
+          focusFirst$1(removeLinks(getTabbableCandidates(container)), { select: true });
           if (document.activeElement === previouslyFocusedElement) {
             focus(container);
           }
@@ -139242,7 +139635,7 @@ var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
       return () => {
         container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
         setTimeout(() => {
-          const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
+          const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS$1);
           container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
           container.dispatchEvent(unmountEvent);
           if (!unmountEvent.defaultPrevented) {
@@ -139279,10 +139672,10 @@ var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
-function focusFirst(candidates, { select = false } = {}) {
+function focusFirst$1(candidates, { select = false } = {}) {
   const previouslyFocusedElement = document.activeElement;
   for (const candidate of candidates) {
     focus(candidate, { select });
@@ -139363,16 +139756,16 @@ function removeLinks(items) {
 }
 
 // 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
-var useReactId = React__namespace["useId".toString()] || (() => void 0);
-var count = 0;
-function useId(deterministicId) {
-  const [id, setId] = React__namespace.useState(useReactId());
-  useLayoutEffect2(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count++));
+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(() => {
+    if (!deterministicId) setId((reactId) => reactId ?? String(count$1++));
   }, [deterministicId]);
   return deterministicId || (id ? `radix-${id}` : "");
 }
@@ -139382,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.svg,
+    Primitive$1.svg,
     {
       ...arrowProps,
       ref: forwardedRef,
@@ -139395,10 +139788,10 @@ var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
   );
 });
 Arrow$1.displayName = NAME;
-var Root = Arrow$1;
+var Root$1 = Arrow$1;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope(scopeName, createContextScopeDeps = []) {
+function createContextScope$3(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -139433,9 +139826,9 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$3(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes(...scopes) {
+function composeContextScopes$3(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -139457,9 +139850,9 @@ function composeContextScopes(...scopes) {
 }
 
 // packages/react/use-size/src/useSize.tsx
-function useSize(element) {
+function useSize$1(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) => {
@@ -139493,7 +139886,7 @@ function useSize(element) {
 }
 
 var POPPER_NAME = "Popper";
-var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
+var [createPopperContext, createPopperScope] = createContextScope$3(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
@@ -139507,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(forwardedRef, ref);
+    const composedRefs = useComposedRefs$1(forwardedRef, ref);
     React__namespace.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
-    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME$1;
@@ -139537,9 +139930,9 @@ var PopperContent = React__namespace.forwardRef(
     } = props;
     const context = usePopperContext(CONTENT_NAME$1, __scopePopper);
     const [content, setContent] = React__namespace.useState(null);
-    const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
+    const composedRefs = useComposedRefs$1(forwardedRef, (node) => setContent(node));
     const [arrow$1, setArrow] = React__namespace.useState(null);
-    const arrowSize = useSize(arrow$1);
+    const arrowSize = useSize$1(arrow$1);
     const arrowWidth = arrowSize?.width ?? 0;
     const arrowHeight = arrowSize?.height ?? 0;
     const desiredPlacement = side + (align !== "center" ? "-" + align : "");
@@ -139591,8 +139984,8 @@ var PopperContent = React__namespace.forwardRef(
       ]
     });
     const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
-    const handlePlaced = useCallbackRef(onPlaced);
-    useLayoutEffect2(() => {
+    const handlePlaced = useCallbackRef$1(onPlaced);
+    useLayoutEffect2$1(() => {
       if (isPositioned) {
         handlePlaced?.();
       }
@@ -139601,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(() => {
+    useLayoutEffect2$1(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -139638,7 +140031,7 @@ var PopperContent = React__namespace.forwardRef(
             arrowY,
             shouldHideArrow: cannotCenterArrow,
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              Primitive.div,
+              Primitive$1.div,
               {
                 "data-side": placedSide,
                 "data-align": placedAlign,
@@ -139698,7 +140091,7 @@ var PopperArrow = React__namespace.forwardRef(function PopperArrow2(props, forwa
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          Root,
+          Root$1,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -139752,7 +140145,7 @@ function getSideAndAlignFromPlacement(placement) {
   const [side, align = "center"] = placement.split("-");
   return [side, align];
 }
-var Root2$1 = Popper;
+var Root2$2 = Popper;
 var Anchor = PopperAnchor;
 var Content = PopperContent;
 var Arrow = PopperArrow;
@@ -139761,23 +140154,23 @@ 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(() => setMounted(true), []);
+  useLayoutEffect2$1(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$1.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal$1.displayName = PORTAL_NAME$1;
 
 // packages/react/use-controllable-state/src/useControllableState.tsx
-function useControllableState({
+function useControllableState$1({
   prop,
   defaultProp,
   onChange = () => {
   }
 }) {
-  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$1({ 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) {
@@ -139792,14 +140185,14 @@ function useControllableState({
   );
   return [value, setValue];
 }
-function useUncontrolledState({
+function useUncontrolledState$1({
   defaultProp,
   onChange
 }) {
   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);
@@ -140129,7 +140522,7 @@ ReactRemoveScroll.classNames = RemoveScroll$1.classNames;
 var RemoveScroll = ReactRemoveScroll;
 
 var POPOVER_NAME = "Popover";
-var [createPopoverContext, createPopoverScope] = createContextScope$1(POPOVER_NAME, [
+var [createPopoverContext, createPopoverScope] = createContextScope$4(POPOVER_NAME, [
   createPopperScope
 ]);
 var usePopperScope = createPopperScope();
@@ -140146,16 +140539,16 @@ var Popover$1 = (props) => {
   const popperScope = usePopperScope(__scopePopover);
   const triggerRef = React__namespace.useRef(null);
   const [hasCustomAnchor, setHasCustomAnchor] = React__namespace.useState(false);
-  const [open = false, setOpen] = useControllableState({
+  const [open = false, setOpen] = useControllableState$1({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: onOpenChange
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(Root2$1, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(Root2$2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
     PopoverProvider,
     {
       scope: __scopePopover,
-      contentId: useId(),
+      contentId: useId$1(),
       triggerRef,
       open,
       onOpenChange: setOpen,
@@ -140190,18 +140583,18 @@ var PopoverTrigger$1 = React__namespace.forwardRef(
     const { __scopePopover, ...triggerProps } = props;
     const context = usePopoverContext(TRIGGER_NAME, __scopePopover);
     const popperScope = usePopperScope(__scopePopover);
-    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
+    const composedTriggerRef = useComposedRefs$1(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive.button,
+      Primitive$1.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": context.open,
         "aria-controls": context.contentId,
-        "data-state": getState(context.open),
+        "data-state": getState$1(context.open),
         ...triggerProps,
         ref: composedTriggerRef,
-        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
+        onClick: composeEventHandlers$1(props.onClick, context.onOpenToggle)
       }
     );
     return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsxRuntime.jsx(Anchor, { asChild: true, ...popperScope, children: trigger });
@@ -140232,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(forwardedRef, contentRef);
+    const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
     const isRightClickOutsideRef = React__namespace.useRef(false);
     React__namespace.useEffect(() => {
       const content = contentRef.current;
@@ -140245,11 +140638,11 @@ var PopoverContentModal = React__namespace.forwardRef(
         ref: composedRefs,
         trapFocus: context.open,
         disableOutsidePointerEvents: true,
-        onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
+        onCloseAutoFocus: composeEventHandlers$1(props.onCloseAutoFocus, (event) => {
           event.preventDefault();
           if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: composeEventHandlers(
+        onPointerDownOutside: composeEventHandlers$1(
           props.onPointerDownOutside,
           (event) => {
             const originalEvent = event.detail.originalEvent;
@@ -140259,7 +140652,7 @@ var PopoverContentModal = React__namespace.forwardRef(
           },
           { checkForDefaultPrevented: false }
         ),
-        onFocusOutside: composeEventHandlers(
+        onFocusOutside: composeEventHandlers$1(
           props.onFocusOutside,
           (event) => event.preventDefault(),
           { checkForDefaultPrevented: false }
@@ -140346,7 +140739,7 @@ var PopoverContentImpl = React__namespace.forwardRef(
             children: /* @__PURE__ */ jsxRuntime.jsx(
               Content,
               {
-                "data-state": getState(context.open),
+                "data-state": getState$1(context.open),
                 role: "dialog",
                 id: context.contentId,
                 ...popperScope,
@@ -140377,12 +140770,12 @@ var PopoverClose = React__namespace.forwardRef(
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverContext(CLOSE_NAME, __scopePopover);
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Primitive.button,
+      Primitive$1.button,
       {
         type: "button",
         ...closeProps,
         ref: forwardedRef,
-        onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))
+        onClick: composeEventHandlers$1(props.onClick, () => context.onOpenChange(false))
       }
     );
   }
@@ -140397,20 +140790,20 @@ var PopoverArrow = React__namespace.forwardRef(
   }
 );
 PopoverArrow.displayName = ARROW_NAME;
-function getState(open) {
+function getState$1(open) {
   return open ? "open" : "closed";
 }
-var Root2 = Popover$1;
+var Root2$1 = Popover$1;
 var Trigger = PopoverTrigger$1;
 var Portal = PopoverPortal;
 var Content2 = PopoverContent$1;
 
-var PopoverRoot = Root2;
+var PopoverRoot = Root2$1;
 var PopoverTrigger = Trigger;
 var PopoverContent = React__namespace.forwardRef(function (_a, ref) {
     var className = _a.className, _b = _a.align, align = _b === void 0 ? "center" : _b, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, props = __rest(_a, ["className", "align", "sideOffset", "fullWidth"]);
     return (React__namespace.createElement(Portal, null,
-        React__namespace.createElement(Content2, __assign({ ref: ref, align: align, sideOffset: sideOffset, className: cn("data-[state=open]:s-animate-in data-[state=open]:s-fade-in-0 data-[state=open]:s-zoom-in-95", "data-[state=closed]:s-animate-out data-[state=closed]:s-fade-out-0 data-[state=closed]:s-zoom-out-95", "data-[side=bottom]:s-slide-in-from-top-2", "data-[side=left]:s-slide-in-from-right-2", "data-[side=right]:s-slide-in-from-left-2", "data-[side=top]:s-slide-in-from-bottom-2", "s-border-border s-text-primary-950 s-z-50 s-rounded-lg s-border s-bg-background s-shadow-md s-outline-none", fullWidth ? "s-grow" : "s-w-72 s-p-4", className) }, props))));
+        React__namespace.createElement(Content2, __assign({ ref: ref, align: align, sideOffset: sideOffset, className: cn("data-[state=open]:s-animate-in data-[state=open]:s-fade-in-0 data-[state=open]:s-zoom-in-95", "data-[state=closed]:s-animate-out data-[state=closed]:s-fade-out-0 data-[state=closed]:s-zoom-out-95", "data-[side=bottom]:s-slide-in-from-top-2", "data-[side=left]:s-slide-in-from-right-2", "data-[side=right]:s-slide-in-from-left-2", "data-[side=top]:s-slide-in-from-bottom-2", "s-z-50 s-rounded-lg s-border s-border-border s-bg-background s-text-primary-950 s-shadow-md s-outline-none", fullWidth ? "s-grow" : "s-w-72 s-p-4", className) }, props))));
 });
 function Popover(_a) {
     var trigger = _a.trigger, _b = _a.popoverTriggerAsChild, popoverTriggerAsChild = _b === void 0 ? false : _b, content = _a.content, props = __rest(_a, ["trigger", "popoverTriggerAsChild", "content"]);
@@ -140514,30 +140907,914 @@ PriceTable.Container = function (_a) {
     return (React.createElement("div", { className: "s-flex s-w-full s-items-stretch s-gap-3" }, children));
 };
 
-var labelClasses = {
-    base: "s-text-sm s-text-element-800 dark:s-text-element-800-dark",
-    disabled: "s-text-sm s-text-element-600 dark:s-text-element-600-dark",
+// 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);
+    }
+  };
+}
+
+// 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/context/src/createContext.tsx
+function createContextScope$2(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$2(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes$2(...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/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$1(scopeName, createContextScopeDeps = []) {
+  let defaultContexts = [];
+  function createContext3(rootComponentName, defaultContext) {
+    const BaseContext = React__namespace.createContext(defaultContext);
+    const index = defaultContexts.length;
+    defaultContexts = [...defaultContexts, defaultContext];
+    function 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 });
+    }
+    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}\``);
+    }
+    Provider.displayName = rootComponentName + "Provider";
+    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$1(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes$1(...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;
+}
+
+function createCollection(name) {
+  const PROVIDER_NAME = name + "CollectionProvider";
+  const [createCollectionContext, createCollectionScope] = createContextScope$1(PROVIDER_NAME);
+  const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
+    PROVIDER_NAME,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  );
+  const CollectionProvider = (props) => {
+    const { scope, children } = props;
+    const ref = React.useRef(null);
+    const itemMap = React.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ jsxRuntime.jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+  };
+  CollectionProvider.displayName = PROVIDER_NAME;
+  const COLLECTION_SLOT_NAME = name + "CollectionSlot";
+  const CollectionSlot = React.forwardRef(
+    (props, forwardedRef) => {
+      const { scope, children } = props;
+      const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
+      const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
+      return /* @__PURE__ */ jsxRuntime.jsx(Slot, { ref: composedRefs, children });
+    }
+  );
+  CollectionSlot.displayName = COLLECTION_SLOT_NAME;
+  const ITEM_SLOT_NAME = name + "CollectionItemSlot";
+  const ITEM_DATA_ATTR = "data-radix-collection-item";
+  const CollectionItemSlot = React.forwardRef(
+    (props, forwardedRef) => {
+      const { scope, children, ...itemData } = props;
+      const ref = React.useRef(null);
+      const composedRefs = useComposedRefs(forwardedRef, ref);
+      const context = useCollectionContext(ITEM_SLOT_NAME, scope);
+      React.useEffect(() => {
+        context.itemMap.set(ref, { ref, ...itemData });
+        return () => void context.itemMap.delete(ref);
+      });
+      return /* @__PURE__ */ jsxRuntime.jsx(Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+    }
+  );
+  CollectionItemSlot.displayName = ITEM_SLOT_NAME;
+  function useCollection(scope) {
+    const context = useCollectionContext(name + "CollectionConsumer", scope);
+    const getItems = React.useCallback(() => {
+      const collectionNode = context.collectionRef.current;
+      if (!collectionNode) return [];
+      const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
+      const items = Array.from(context.itemMap.values());
+      const orderedItems = items.sort(
+        (a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
+      );
+      return orderedItems;
+    }, [context.collectionRef, context.itemMap]);
+    return getItems;
+  }
+  return [
+    { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
+    useCollection,
+    createCollectionScope
+  ];
+}
+
+// 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];
+    function 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 });
+    }
+    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}\``);
+    }
+    Provider.displayName = rootComponentName + "Provider";
+    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/use-layout-effect/src/useLayoutEffect.tsx
+var useLayoutEffect2 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
-var inputClasses = {
-    base: "s-form-radio s-p-2 s-transition-colors s-duration-300 s-ease-out s-border-px",
-    unselected: classNames("s-cursor-pointer", "s-border-structure-300 s-bg-structure-50", "hover:s-bg-action-100 hover:s-border-action-300", "active:s-bg-action-200 active:s-border-action-400 active:s-ring-0", "dark:s-border-structure-400-dark dark:s-bg-structure-100-dark", "dark:hover:s-bg-structure-200-dark dark:hover:s-border-action-600-dark"),
-    selected: classNames("s-bg-action-500 s-ring-0", "checked:s-ring-0 checked:s-bg-action-500"),
-    disabled: "s-cursor-default s-bg-structure-0 s-border-structure-300 dark:s-bg-structure-0-dark dark:s-border-structure-300-dark",
+
+// packages/react/id/src/id.tsx
+var useReactId = React__namespace["useId".toString()] || (() => void 0);
+var count = 0;
+function useId(deterministicId) {
+  const [id, setId] = React__namespace.useState(useReactId());
+  useLayoutEffect2(() => {
+    if (!deterministicId) setId((reactId) => reactId ?? String(count++));
+  }, [deterministicId]);
+  return deterministicId || (id ? `radix-${id}` : "");
+}
+
+// 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/use-controllable-state/src/useControllableState.tsx
+function useControllableState({
+  prop,
+  defaultProp,
+  onChange = () => {
+  }
+}) {
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({ defaultProp, onChange });
+  const isControlled = prop !== void 0;
+  const value = isControlled ? prop : uncontrolledProp;
+  const handleChange = useCallbackRef(onChange);
+  const setValue = React__namespace.useCallback(
+    (nextValue) => {
+      if (isControlled) {
+        const setter = nextValue;
+        const value2 = typeof nextValue === "function" ? setter(prop) : nextValue;
+        if (value2 !== prop) handleChange(value2);
+      } else {
+        setUncontrolledProp(nextValue);
+      }
+    },
+    [isControlled, prop, setUncontrolledProp, handleChange]
+  );
+  return [value, setValue];
+}
+function useUncontrolledState({
+  defaultProp,
+  onChange
+}) {
+  const uncontrolledState = React__namespace.useState(defaultProp);
+  const [value] = uncontrolledState;
+  const prevValueRef = React__namespace.useRef(value);
+  const handleChange = useCallbackRef(onChange);
+  React__namespace.useEffect(() => {
+    if (prevValueRef.current !== value) {
+      handleChange(value);
+      prevValueRef.current = value;
+    }
+  }, [value, prevValueRef, handleChange]);
+  return uncontrolledState;
+}
+
+// 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";
+}
+
+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(
+  GROUP_NAME,
+  [createCollectionScope]
+);
+var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
+var RovingFocusGroup = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
+  }
+);
+RovingFocusGroup.displayName = GROUP_NAME;
+var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeRovingFocusGroup,
+    orientation,
+    loop = false,
+    dir,
+    currentTabStopId: currentTabStopIdProp,
+    defaultCurrentTabStopId,
+    onCurrentTabStopIdChange,
+    onEntryFocus,
+    preventScrollOnEntryFocus = false,
+    ...groupProps
+  } = props;
+  const ref = React__namespace.useRef(null);
+  const composedRefs = useComposedRefs(forwardedRef, ref);
+  const direction = useDirection(dir);
+  const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
+    prop: currentTabStopIdProp,
+    defaultProp: defaultCurrentTabStopId,
+    onChange: onCurrentTabStopIdChange
+  });
+  const [isTabbingBackOut, setIsTabbingBackOut] = React__namespace.useState(false);
+  const handleEntryFocus = useCallbackRef(onEntryFocus);
+  const getItems = useCollection(__scopeRovingFocusGroup);
+  const isClickFocusRef = React__namespace.useRef(false);
+  const [focusableItemsCount, setFocusableItemsCount] = React__namespace.useState(0);
+  React__namespace.useEffect(() => {
+    const node = ref.current;
+    if (node) {
+      node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
+      return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
+    }
+  }, [handleEntryFocus]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RovingFocusProvider,
+    {
+      scope: __scopeRovingFocusGroup,
+      orientation,
+      dir: direction,
+      loop,
+      currentTabStopId,
+      onItemFocus: React__namespace.useCallback(
+        (tabStopId) => setCurrentTabStopId(tabStopId),
+        [setCurrentTabStopId]
+      ),
+      onItemShiftTab: React__namespace.useCallback(() => setIsTabbingBackOut(true), []),
+      onFocusableItemAdd: React__namespace.useCallback(
+        () => setFocusableItemsCount((prevCount) => prevCount + 1),
+        []
+      ),
+      onFocusableItemRemove: React__namespace.useCallback(
+        () => setFocusableItemsCount((prevCount) => prevCount - 1),
+        []
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Primitive.div,
+        {
+          tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
+          "data-orientation": orientation,
+          ...groupProps,
+          ref: composedRefs,
+          style: { outline: "none", ...props.style },
+          onMouseDown: composeEventHandlers(props.onMouseDown, () => {
+            isClickFocusRef.current = true;
+          }),
+          onFocus: composeEventHandlers(props.onFocus, (event) => {
+            const isKeyboardFocus = !isClickFocusRef.current;
+            if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
+              const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
+              event.currentTarget.dispatchEvent(entryFocusEvent);
+              if (!entryFocusEvent.defaultPrevented) {
+                const items = getItems().filter((item) => item.focusable);
+                const activeItem = items.find((item) => item.active);
+                const currentItem = items.find((item) => item.id === currentTabStopId);
+                const candidateItems = [activeItem, currentItem, ...items].filter(
+                  Boolean
+                );
+                const candidateNodes = candidateItems.map((item) => item.ref.current);
+                focusFirst(candidateNodes, preventScrollOnEntryFocus);
+              }
+            }
+            isClickFocusRef.current = false;
+          }),
+          onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))
+        }
+      )
+    }
+  );
+});
+var ITEM_NAME$1 = "RovingFocusGroupItem";
+var RovingFocusGroupItem = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeRovingFocusGroup,
+      focusable = true,
+      active = false,
+      tabStopId,
+      ...itemProps
+    } = props;
+    const autoId = useId();
+    const id = tabStopId || autoId;
+    const context = useRovingFocusContext(ITEM_NAME$1, __scopeRovingFocusGroup);
+    const isCurrentTabStop = context.currentTabStopId === id;
+    const getItems = useCollection(__scopeRovingFocusGroup);
+    const { onFocusableItemAdd, onFocusableItemRemove } = context;
+    React__namespace.useEffect(() => {
+      if (focusable) {
+        onFocusableItemAdd();
+        return () => onFocusableItemRemove();
+      }
+    }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Collection.ItemSlot,
+      {
+        scope: __scopeRovingFocusGroup,
+        id,
+        focusable,
+        active,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Primitive.span,
+          {
+            tabIndex: isCurrentTabStop ? 0 : -1,
+            "data-orientation": context.orientation,
+            ...itemProps,
+            ref: forwardedRef,
+            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
+              if (!focusable) event.preventDefault();
+              else context.onItemFocus(id);
+            }),
+            onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
+            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
+              if (event.key === "Tab" && event.shiftKey) {
+                context.onItemShiftTab();
+                return;
+              }
+              if (event.target !== event.currentTarget) return;
+              const focusIntent = getFocusIntent(event, context.orientation, context.dir);
+              if (focusIntent !== void 0) {
+                if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
+                event.preventDefault();
+                const items = getItems().filter((item) => item.focusable);
+                let candidateNodes = items.map((item) => item.ref.current);
+                if (focusIntent === "last") candidateNodes.reverse();
+                else if (focusIntent === "prev" || focusIntent === "next") {
+                  if (focusIntent === "prev") candidateNodes.reverse();
+                  const currentIndex = candidateNodes.indexOf(event.currentTarget);
+                  candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
+                }
+                setTimeout(() => focusFirst(candidateNodes));
+              }
+            })
+          }
+        )
+      }
+    );
+  }
+);
+RovingFocusGroupItem.displayName = ITEM_NAME$1;
+var MAP_KEY_TO_FOCUS_INTENT = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
 };
-function RadioButton(_a) {
-    var name = _a.name, choices = _a.choices, className = _a.className, value = _a.value, onChange = _a.onChange;
-    return (React.createElement("div", { className: classNames("s-flex s-gap-3", className || "") }, choices.map(function (choice) { return (React.createElement("div", { key: choice.value },
-        React.createElement("label", { className: classNames("s-flex s-items-center s-gap-2", choice.disabled ? labelClasses.disabled : labelClasses.base) },
-            React.createElement("input", { type: "radio", name: name, value: choice.value, checked: value === choice.value, disabled: choice.disabled, onChange: function (e) {
-                    onChange(e.target.value);
-                }, className: classNames(inputClasses.base, choice.disabled
-                    ? inputClasses.disabled
-                    : choice.value === value
-                        ? inputClasses.selected
-                        : inputClasses.unselected) }),
-            React.createElement("span", null, choice.label)))); })));
+function getDirectionAwareKey(key, dir) {
+  if (dir !== "rtl") return key;
+  return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
+}
+function getFocusIntent(event, orientation, dir) {
+  const key = getDirectionAwareKey(event.key, dir);
+  if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
+  if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
+  return MAP_KEY_TO_FOCUS_INTENT[key];
+}
+function focusFirst(candidates, preventScroll = false) {
+  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
+  for (const candidate of candidates) {
+    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
+    candidate.focus({ preventScroll });
+    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
+  }
+}
+function wrapArray(array, startIndex) {
+  return array.map((_, index) => array[(startIndex + index) % array.length]);
+}
+var Root = RovingFocusGroup;
+var Item = RovingFocusGroupItem;
+
+// packages/react/use-size/src/useSize.tsx
+function useSize(element) {
+  const [size, setSize] = React__namespace.useState(void 0);
+  useLayoutEffect2(() => {
+    if (element) {
+      setSize({ width: element.offsetWidth, height: element.offsetHeight });
+      const resizeObserver = new ResizeObserver((entries) => {
+        if (!Array.isArray(entries)) {
+          return;
+        }
+        if (!entries.length) {
+          return;
+        }
+        const entry = entries[0];
+        let width;
+        let height;
+        if ("borderBoxSize" in entry) {
+          const borderSizeEntry = entry["borderBoxSize"];
+          const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;
+          width = borderSize["inlineSize"];
+          height = borderSize["blockSize"];
+        } else {
+          width = element.offsetWidth;
+          height = element.offsetHeight;
+        }
+        setSize({ width, height });
+      });
+      resizeObserver.observe(element, { box: "border-box" });
+      return () => resizeObserver.unobserve(element);
+    } else {
+      setSize(void 0);
+    }
+  }, [element]);
+  return size;
+}
+
+// packages/react/use-previous/src/usePrevious.tsx
+function usePrevious(value) {
+  const ref = React__namespace.useRef({ value, previous: value });
+  return React__namespace.useMemo(() => {
+    if (ref.current.value !== value) {
+      ref.current.previous = ref.current.value;
+      ref.current.value = value;
+    }
+    return ref.current.previous;
+  }, [value]);
 }
 
+var RADIO_NAME = "Radio";
+var [createRadioContext, createRadioScope] = createContextScope$2(RADIO_NAME);
+var [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME);
+var Radio = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeRadio,
+      name,
+      checked = false,
+      required,
+      disabled,
+      value = "on",
+      onCheck,
+      form,
+      ...radioProps
+    } = props;
+    const [button, setButton] = React__namespace.useState(null);
+    const composedRefs = useComposedRefs(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,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": checked,
+          "data-state": getState(checked),
+          "data-disabled": disabled ? "" : void 0,
+          disabled,
+          value,
+          ...radioProps,
+          ref: composedRefs,
+          onClick: composeEventHandlers(props.onClick, (event) => {
+            if (!checked) onCheck?.();
+            if (isFormControl) {
+              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+            }
+          })
+        }
+      ),
+      isFormControl && /* @__PURE__ */ jsxRuntime.jsx(
+        BubbleInput,
+        {
+          control: button,
+          bubbles: !hasConsumerStoppedPropagationRef.current,
+          name,
+          value,
+          checked,
+          required,
+          disabled,
+          form,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+Radio.displayName = RADIO_NAME;
+var INDICATOR_NAME = "RadioIndicator";
+var RadioIndicator = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    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,
+      {
+        "data-state": getState(context.checked),
+        "data-disabled": context.disabled ? "" : void 0,
+        ...indicatorProps,
+        ref: forwardedRef
+      }
+    ) });
+  }
+);
+RadioIndicator.displayName = INDICATOR_NAME;
+var BubbleInput = (props) => {
+  const { control, checked, bubbles = true, ...inputProps } = props;
+  const ref = React__namespace.useRef(null);
+  const prevChecked = usePrevious(checked);
+  const controlSize = useSize(control);
+  React__namespace.useEffect(() => {
+    const input = ref.current;
+    const inputProto = window.HTMLInputElement.prototype;
+    const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
+    const setChecked = descriptor.set;
+    if (prevChecked !== checked && setChecked) {
+      const event = new Event("click", { bubbles });
+      setChecked.call(input, checked);
+      input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type: "radio",
+      "aria-hidden": true,
+      defaultChecked: checked,
+      ...inputProps,
+      tabIndex: -1,
+      ref,
+      style: {
+        ...props.style,
+        ...controlSize,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function getState(checked) {
+  return checked ? "checked" : "unchecked";
+}
+var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+var RADIO_GROUP_NAME = "RadioGroup";
+var [createRadioGroupContext, createRadioGroupScope] = createContextScope$2(RADIO_GROUP_NAME, [
+  createRovingFocusGroupScope,
+  createRadioScope
+]);
+var useRovingFocusGroupScope = createRovingFocusGroupScope();
+var useRadioScope = createRadioScope();
+var [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME);
+var RadioGroup$1 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeRadioGroup,
+      name,
+      defaultValue,
+      value: valueProp,
+      required = false,
+      disabled = false,
+      orientation,
+      dir,
+      loop = true,
+      onValueChange,
+      ...groupProps
+    } = props;
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);
+    const direction = useDirection(dir);
+    const [value, setValue] = useControllableState({
+      prop: valueProp,
+      defaultProp: defaultValue,
+      onChange: onValueChange
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadioGroupProvider,
+      {
+        scope: __scopeRadioGroup,
+        name,
+        required,
+        disabled,
+        value,
+        onValueChange: setValue,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Root,
+          {
+            asChild: true,
+            ...rovingFocusGroupScope,
+            orientation,
+            dir: direction,
+            loop,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Primitive.div,
+              {
+                role: "radiogroup",
+                "aria-required": required,
+                "aria-orientation": orientation,
+                "data-disabled": disabled ? "" : void 0,
+                dir: direction,
+                ...groupProps,
+                ref: forwardedRef
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+RadioGroup$1.displayName = RADIO_GROUP_NAME;
+var ITEM_NAME = "RadioGroupItem";
+var RadioGroupItem$1 = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeRadioGroup, disabled, ...itemProps } = props;
+    const context = useRadioGroupContext(ITEM_NAME, __scopeRadioGroup);
+    const isDisabled = context.disabled || disabled;
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);
+    const radioScope = useRadioScope(__scopeRadioGroup);
+    const ref = React__namespace.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref);
+    const checked = context.value === itemProps.value;
+    const isArrowKeyPressedRef = React__namespace.useRef(false);
+    React__namespace.useEffect(() => {
+      const handleKeyDown = (event) => {
+        if (ARROW_KEYS.includes(event.key)) {
+          isArrowKeyPressedRef.current = true;
+        }
+      };
+      const handleKeyUp = () => isArrowKeyPressedRef.current = false;
+      document.addEventListener("keydown", handleKeyDown);
+      document.addEventListener("keyup", handleKeyUp);
+      return () => {
+        document.removeEventListener("keydown", handleKeyDown);
+        document.removeEventListener("keyup", handleKeyUp);
+      };
+    }, []);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Item,
+      {
+        asChild: true,
+        ...rovingFocusGroupScope,
+        focusable: !isDisabled,
+        active: checked,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Radio,
+          {
+            disabled: isDisabled,
+            required: context.required,
+            checked,
+            ...radioScope,
+            ...itemProps,
+            name: context.name,
+            ref: composedRefs,
+            onCheck: () => context.onValueChange(itemProps.value),
+            onKeyDown: composeEventHandlers((event) => {
+              if (event.key === "Enter") event.preventDefault();
+            }),
+            onFocus: composeEventHandlers(itemProps.onFocus, () => {
+              if (isArrowKeyPressedRef.current) ref.current?.click();
+            })
+          }
+        )
+      }
+    );
+  }
+);
+RadioGroupItem$1.displayName = ITEM_NAME;
+var INDICATOR_NAME2 = "RadioGroupIndicator";
+var RadioGroupIndicator = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeRadioGroup, ...indicatorProps } = props;
+    const radioScope = useRadioScope(__scopeRadioGroup);
+    return /* @__PURE__ */ jsxRuntime.jsx(RadioIndicator, { ...radioScope, ...indicatorProps, ref: forwardedRef });
+  }
+);
+RadioGroupIndicator.displayName = INDICATOR_NAME2;
+var Root2 = RadioGroup$1;
+var Item2 = RadioGroupItem$1;
+var Indicator = RadioGroupIndicator;
+
+var radioStyles = cva(cn("s-aspect-square s-h-4 s-w-4 s-rounded-full s-border s-text-foreground s-ring-offset-background", "focus-visible:s-outline-none focus-visible:s-ring-2 focus-visible:s-ring-offset-2 focus-visible:s-ring-ring", "disabled:s-cursor-not-allowed disabled:s-opacity-50", "checked:s-ring-0 checked:s-bg-action-500"), {
+    variants: {
+        size: {
+            xs: "s-h-4 s-w-4",
+            sm: "s-h-5 s-w-5",
+        },
+    },
+    defaultVariants: {
+        size: "xs",
+    },
+});
+var RadioGroup = React__namespace.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React__namespace.createElement(Root2, __assign({ className: cn("s-grid", className) }, props, { ref: ref })));
+});
+RadioGroup.displayName = Root2.displayName;
+var RadioGroupItem = React__namespace.forwardRef(function (_a, ref) {
+    var tooltipMessage = _a.tooltipMessage, className = _a.className, size = _a.size, _b = _a.tooltipAsChild, tooltipAsChild = _b === void 0 ? false : _b, props = __rest(_a, ["tooltipMessage", "className", "size", "tooltipAsChild"]);
+    return (React__namespace.createElement("div", { className: "s-group" }, tooltipMessage ? (React__namespace.createElement(Tooltip, { triggerAsChild: tooltipAsChild, trigger: React__namespace.createElement(Item2, __assign({ ref: ref, className: cn(radioStyles({ size: size }), className) }, props),
+            React__namespace.createElement(Indicator, { className: "s-flex s-items-center s-justify-center" },
+                React__namespace.createElement(CircleIcon, { className: cn(size === "xs" ? "s-h-2.5 s-w-2.5" : "s-h-3 s-w-3", "s-fill-current s-text-current focus:s-bg-action-50-dark") }))), label: React__namespace.createElement("span", null, tooltipMessage) })) : (React__namespace.createElement(Item2, __assign({ ref: ref, className: cn(radioStyles({ size: size }), className) }, props),
+        React__namespace.createElement(Indicator, { className: "s-flex s-items-center s-justify-center" },
+            React__namespace.createElement(CircleIcon, { className: cn(size === "xs" ? "s-h-2.5 s-w-2.5" : "s-h-3 s-w-3", "s-fill-current s-text-current focus:s-bg-action-50-dark") }))))));
+});
+RadioGroupItem.displayName = Item2.displayName;
+var RadioGroupChoice = React__namespace.forwardRef(function (_a, ref) {
+    var className = _a.className, size = _a.size, _b = _a.iconPosition, iconPosition = _b === void 0 ? "center" : _b, children = _a.children, props = __rest(_a, ["className", "size", "iconPosition", "children"]);
+    return (React__namespace.createElement("div", { className: cn("s-flex", className, "s-items-".concat(iconPosition)) },
+        React__namespace.createElement(RadioGroupItem, __assign({ ref: ref, className: cn(radioStyles({ size: size })) }, props)),
+        children));
+});
+
 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",
@@ -140726,7 +142003,7 @@ function Tab(_a) {
 var TextArea = React.forwardRef(function (_a, ref) {
     var error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className, _c = _a.minRows, minRows = _c === void 0 ? 10 : _c, props = __rest(_a, ["error", "showErrorLabel", "className", "minRows"]);
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
-        React.createElement("textarea", __assign({ rows: minRows, ref: ref, className: classNames("overflow-y-auto s-block s-w-full s-min-w-0 s-rounded-xl s-text-sm s-placeholder-element-700 s-transition-all s-duration-200 s-scrollbar-hide", !error
+        React.createElement("textarea", __assign({ rows: minRows, ref: ref, className: classNames("overflow-y-auto s-block s-w-full s-min-w-0 s-rounded-xl s-text-sm s-placeholder-element-700 s-transition-all s-scrollbar-hide s-duration-200", !error
                 ? "s-border-structure-100 focus:s-border-action-300 focus:s-ring-action-300"
                 : "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500", "s-border-structure-200 s-bg-structure-50", "s-resize-y", className !== null && className !== void 0 ? className : "") }, props)),
         error && showErrorLabel && (React.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, error))));
@@ -141085,11 +142362,13 @@ exports.ChatBubbleLeftRightIcon = SvgChatBubbleLeftRight$3;
 exports.ChatBubbleLeftRightStrokeIcon = SvgChatBubbleLeftRight$1;
 exports.ChatBubbleThoughtIcon = SvgChatBubbleThought$3;
 exports.ChatBubbleThoughtStrokeIcon = SvgChatBubbleThought$1;
+exports.CheckBoxWithTextAndDescription = CheckBoxWithTextAndDescription;
 exports.CheckCircleIcon = CheckCircleIcon;
 exports.CheckCircleStrokeIcon = SvgCheckCircle$1;
 exports.CheckIcon = CheckIcon;
 exports.CheckStrokeIcon = SvgCheck$1;
 exports.Checkbox = Checkbox;
+exports.CheckboxWithText = CheckboxWithText;
 exports.ChevronDoubleLeftIcon = SvgChevronDoubleLeft$3;
 exports.ChevronDoubleLeftStrokeIcon = SvgChevronDoubleLeft$1;
 exports.ChevronDoubleRightIcon = SvgChevronDoubleRight$3;
@@ -141235,7 +142514,7 @@ exports.InformationCircleIcon = InformationCircleIcon;
 exports.InformationCircleStrokeIcon = SvgInformationCircle$1;
 exports.Input = Input;
 exports.IntercomLogo = IntercomLogo;
-exports.Item = Item$1;
+exports.Item = Item$2;
 exports.KeyIcon = SvgKey$3;
 exports.KeyStrokeIcon = SvgKey$1;
 exports.Label = Label$1;
@@ -141339,7 +142618,9 @@ exports.PuzzleIcon = SvgPuzzle$3;
 exports.PuzzleStrokeIcon = SvgPuzzle$1;
 exports.QuestionMarkCircleIcon = SvgQuestionMarkCircle$3;
 exports.QuestionMarkCircleStrokeIcon = SvgQuestionMarkCircle$1;
-exports.RadioButton = RadioButton;
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupChoice = RadioGroupChoice;
+exports.RadioGroupItem = RadioGroupItem;
 exports.ReactionIcon = SvgReaction$3;
 exports.ReactionStrokeIcon = SvgReaction$1;
 exports.RectangleIcon = SvgRectangle$3;