@dust-tt/sparkle 0.2.266 → 0.2.267

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$4(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$6(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$5(...refs) {
-  return (node) => refs.forEach((ref) => setRef$5(ref, node));
+function composeRefs$6(...refs) {
+  return (node) => refs.forEach((ref) => setRef$6(ref, node));
 }
-function useComposedRefs$3(...refs) {
-  return React__namespace.useCallback(composeRefs$5(...refs), refs);
+function useComposedRefs$4(...refs) {
+  return React__namespace.useCallback(composeRefs$6(...refs), refs);
 }
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$8(scopeName, createContextScopeDeps = []) {
+function createContextScope$9(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -43090,9 +43090,9 @@ function createContextScope$8(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$8(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$9(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$8(...scopes) {
+function composeContextScopes$9(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -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$5(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$4(...refs) {
-  return (node) => refs.forEach((ref) => setRef$4(ref, node));
+function composeRefs$5(...refs) {
+  return (node) => refs.forEach((ref) => setRef$5(ref, node));
 }
 
 // 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$5(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$6 = [
   "a",
   "button",
   "div",
@@ -74128,7 +74128,7 @@ var NODES$5 = [
   "svg",
   "ul"
 ];
-var Primitive$5 = NODES$5.reduce((primitive, node) => {
+var Primitive$6 = NODES$6.reduce((primitive, node) => {
   const Node = React__namespace.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
@@ -74145,7 +74145,7 @@ function dispatchDiscreteCustomEvent$2(target, event) {
 }
 
 // packages/react/use-callback-ref/src/useCallbackRef.tsx
-function useCallbackRef$4(callback) {
+function useCallbackRef$5(callback) {
   const callbackRef = React__namespace.useRef(callback);
   React__namespace.useEffect(() => {
     callbackRef.current = callback;
@@ -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$5(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$4(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$6.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$4(props.onFocusCapture, focusOutside.onFocusCapture),
+        onBlurCapture: composeEventHandlers$4(props.onBlurCapture, focusOutside.onBlurCapture),
+        onPointerDownCapture: composeEventHandlers$4(
           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$4(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$6.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$5(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$5(onFocusOutside);
   const isFocusInsideReactTreeRef = React__namespace.useRef(false);
   React__namespace.useEffect(() => {
     const handleFocus = (event) => {
@@ -74370,7 +74370,7 @@ function handleAndDispatchCustomEvent$2(name, handler, detail, { discrete }) {
 }
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$4 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$5 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
@@ -74378,7 +74378,7 @@ 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(() => {
+  useLayoutEffect2$5(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count$6++));
   }, [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$6.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$7 = Arrow$5;
 
 // packages/react/context/src/createContext.tsx
-function createContextScope$7(scopeName, createContextScopeDeps = []) {
+function createContextScope$8(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
     const BaseContext = React__namespace.createContext(defaultContext);
@@ -76389,9 +76389,9 @@ function createContextScope$7(scopeName, createContextScopeDeps = []) {
     };
   };
   createScope.scopeName = scopeName;
-  return [createContext3, composeContextScopes$7(createScope, ...createContextScopeDeps)];
+  return [createContext3, composeContextScopes$8(createScope, ...createContextScopeDeps)];
 }
-function composeContextScopes$7(...scopes) {
+function composeContextScopes$8(...scopes) {
   const baseScope = scopes[0];
   if (scopes.length === 1) return baseScope;
   const createScope = () => {
@@ -76413,9 +76413,9 @@ function composeContextScopes$7(...scopes) {
 }
 
 // packages/react/use-size/src/useSize.tsx
-function useSize$2(element) {
+function useSize$3(element) {
   const [size, setSize] = React__namespace.useState(void 0);
-  useLayoutEffect2$4(() => {
+  useLayoutEffect2$5(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
       const resizeObserver = new ResizeObserver((entries) => {
@@ -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$8(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$4(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$6.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$4(forwardedRef, (node) => setContent(node));
     const [arrow$1, setArrow] = React__namespace.useState(null);
-    const arrowSize = useSize$2(arrow$1);
+    const arrowSize = useSize$3(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$5(onPlaced);
+    useLayoutEffect2$5(() => {
       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$5(() => {
       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$6.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$7,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -76714,22 +76714,22 @@ var Content$2 = PopperContent$2;
 var Arrow$4 = PopperArrow$2;
 
 // packages/react/compose-refs/src/composeRefs.tsx
-function setRef$3(ref, value) {
+function setRef$4(ref, value) {
   if (typeof ref === "function") {
     ref(value);
   } else if (ref !== null && ref !== void 0) {
     ref.current = value;
   }
 }
-function composeRefs$3(...refs) {
-  return (node) => refs.forEach((ref) => setRef$3(ref, node));
+function composeRefs$4(...refs) {
+  return (node) => refs.forEach((ref) => setRef$4(ref, node));
 }
-function useComposedRefs$2(...refs) {
-  return React__namespace.useCallback(composeRefs$3(...refs), refs);
+function useComposedRefs$3(...refs) {
+  return React__namespace.useCallback(composeRefs$4(...refs), refs);
 }
 
 // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-var useLayoutEffect2$3 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+var useLayoutEffect2$4 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
 };
 
 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$3(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$4(() => {
     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$4(() => {
     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$4({
   prop,
   defaultProp,
   onChange = () => {
   }
 }) {
-  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$3({ defaultProp, onChange });
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$4({ defaultProp, onChange });
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
-  const handleChange = useCallbackRef$4(onChange);
+  const handleChange = useCallbackRef$5(onChange);
   const setValue = React__namespace.useCallback(
     (nextValue) => {
       if (isControlled) {
@@ -76882,14 +76882,14 @@ function useControllableState$3({
   );
   return [value, setValue];
 }
-function useUncontrolledState$3({
+function useUncontrolledState$4({
   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$5(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$6.span,
       {
         ...props,
         ref: forwardedRef,
@@ -76927,9 +76927,9 @@ var VisuallyHidden = React__namespace.forwardRef(
   }
 );
 VisuallyHidden.displayName = NAME$4;
-var Root$5 = VisuallyHidden;
+var Root$6 = VisuallyHidden;
 
-var [createTooltipContext, createTooltipScope] = createContextScope$8("Tooltip", [
+var [createTooltipContext, createTooltipScope] = createContextScope$9("Tooltip", [
   createPopperScope$2
 ]);
 var usePopperScope$2 = createPopperScope$2();
@@ -76999,7 +76999,7 @@ var Tooltip$1 = (props) => {
   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$4({
     prop: openProp,
     defaultProp: defaultOpen,
     onChange: (open2) => {
@@ -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$4(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$6.button,
       {
         "aria-describedby": context.open ? context.contentId : void 0,
         "data-state": context.stateAttribute,
         ...triggerProps,
         ref: composedRefs,
-        onPointerMove: composeEventHandlers$3(props.onPointerMove, (event) => {
+        onPointerMove: composeEventHandlers$4(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$4(props.onPointerLeave, () => {
           context.onTriggerLeave();
           hasPointerMoveOpenedRef.current = false;
         }),
-        onPointerDown: composeEventHandlers$3(props.onPointerDown, () => {
+        onPointerDown: composeEventHandlers$4(props.onPointerDown, () => {
           isPointerDownRef.current = true;
           document.addEventListener("pointerup", handlePointerUp, { once: true });
         }),
-        onFocus: composeEventHandlers$3(props.onFocus, () => {
+        onFocus: composeEventHandlers$4(props.onFocus, () => {
           if (!isPointerDownRef.current) context.onOpen();
         }),
-        onBlur: composeEventHandlers$3(props.onBlur, context.onClose),
-        onClick: composeEventHandlers$3(props.onClick, context.onClose)
+        onBlur: composeEventHandlers$4(props.onBlur, context.onClose),
+        onClick: composeEventHandlers$4(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$4(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$6, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
             ]
           }
         )
@@ -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}}
 
@@ -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$3(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 useComposedRefs$2(...refs) {
+  return React__namespace.useCallback(composeRefs$3(...refs), refs);
+}
+
+// packages/react/context/src/createContext.tsx
+function createContextScope$7(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$7(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes$7(...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$3(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$4(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$3({
+  prop,
+  defaultProp,
+  onChange = () => {
+  }
+}) {
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState$3({ defaultProp, onChange });
+  const isControlled = prop !== void 0;
+  const value = isControlled ? prop : uncontrolledProp;
+  const handleChange = useCallbackRef$4(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$3({
+  defaultProp,
+  onChange
+}) {
+  const uncontrolledState = React__namespace.useState(defaultProp);
+  const [value] = uncontrolledState;
+  const prevValueRef = React__namespace.useRef(value);
+  const handleChange = useCallbackRef$4(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(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$3 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
+};
+
+// packages/react/use-size/src/useSize.tsx
+function useSize$2(element) {
+  const [size, setSize] = React__namespace.useState(void 0);
+  useLayoutEffect2$3(() => {
+    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$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 CHECKBOX_NAME = "Checkbox";
+var [createCheckboxContext, createCheckboxScope] = createContextScope$7(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$2(forwardedRef, (node) => setButton(node));
+    const hasConsumerStoppedPropagationRef = React__namespace.useRef(false);
+    const isFormControl = button ? form || !!button.closest("form") : true;
+    const [checked = false, setChecked] = useControllableState$3({
+      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$5.button,
+        {
+          type: "button",
+          role: "checkbox",
+          "aria-checked": isIndeterminate$1(checked) ? "mixed" : checked,
+          "aria-required": required,
+          "data-state": getState$1(checked),
+          "data-disabled": disabled ? "" : void 0,
+          disabled,
+          value,
+          ...checkboxProps,
+          ref: composedRefs,
+          onKeyDown: composeEventHandlers$3(props.onKeyDown, (event) => {
+            if (event.key === "Enter") event.preventDefault();
+          }),
+          onClick: composeEventHandlers$3(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,
+        {
+          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$1 = "CheckboxIndicator";
+var CheckboxIndicator = React__namespace.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
+    const context = useCheckboxContext(INDICATOR_NAME$1, __scopeCheckbox);
+    return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || isIndeterminate$1(context.state) || context.state === true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Primitive$5.span,
+      {
+        "data-state": getState$1(context.state),
+        "data-disabled": context.disabled ? "" : void 0,
+        ...indicatorProps,
+        ref: forwardedRef,
+        style: { pointerEvents: "none", ...props.style }
+      }
+    ) });
+  }
+);
+CheckboxIndicator.displayName = INDICATOR_NAME$1;
+var BubbleInput = (props) => {
+  const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;
+  const ref = React__namespace.useRef(null);
+  const prevChecked = usePrevious(checked);
+  const controlSize = useSize$2(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$1(checked) {
+  return isIndeterminate$1(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}
+var Root$5 = Checkbox$1;
+var Indicator = 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$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 checkboxStyles = cva(cn("s-shrink-0 s-peer s-border s-border-primary-500 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$5, __assign({ ref: ref, className: cn(checkboxStyles({ checked: checked, size: size }), className), checked: checked === "partial" ? "indeterminate" : checked }, props),
+        React.createElement(Indicator, { 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$5.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 = {
@@ -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"]);
@@ -141085,11 +141476,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;