@baseplate-dev/plugin-auth 2.0.1 → 2.0.3

package/dist/web/assets/__federation_shared_@baseplate-dev/{ui-components-RO_rk4f0.js → ui-components-CjIA8Av2.js}

@@ -1,8 +1,8 @@
-import { importShared } from '../__federation_fn_import-DReOsou_.js';
+import { importShared } from '../__federation_fn_import-B_QMlAIe.js';
 import { j as jsxRuntimeExports } from '../jsx-runtime-XI9uIe3W.js';
-import { b as useController, u as useFormState, g as get } from '../index.esm-UnRzlLlr.js';
-import { M as MdUnfoldMore, a as MdCheck, b as MdMoreHoriz, c as MdChevronRight, d as MdChevronLeft, e as MdExpandMore, f as MdClose, g as MdSearch, h as MdCalendarMonth, i as MdSchedule, j as MdCircle, k as MdFormatListBulleted, l as MdOutlineErrorOutline, m as MdOutlineSave } from '../index-BkOJzK_m.js';
-import { c as create } from '../react-ecPihYHK.js';
+import { b as useController, u as useFormState, g as get } from '../index.esm-BFQQfZNu.js';
+import { M as MdUnfoldMore, a as MdCheck, b as MdMoreHoriz, c as MdChevronRight, d as MdChevronLeft, e as MdExpandMore, f as MdClose, g as MdSearch, h as MdCalendarMonth, i as MdSchedule, j as MdCircle, k as MdFormatListBulleted, l as MdOutlineErrorOutline, m as MdOutlineSave, n as MdMenu } from '../index-DAcyTb_o.js';
+import { c as create } from '../react-CKjL52W8.js';
 
 function r$1(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$1(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$1(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -3106,9 +3106,9 @@ const DEFAULT_COMPONENT_STRINGS = {
     comboboxLoading: 'Loading...',
 };
 
-const React$1c = await importShared('react');
-const ComponentStringsContext = React$1c.createContext(DEFAULT_COMPONENT_STRINGS);
-const useComponentStrings = () => React$1c.useContext(ComponentStringsContext);
+const React$1e = await importShared('react');
+const ComponentStringsContext = React$1e.createContext(DEFAULT_COMPONENT_STRINGS);
+const useComponentStrings = () => React$1e.useContext(ComponentStringsContext);
 /**
  * @public
  */
@@ -3175,7 +3175,7 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 }
 
 // packages/react/compose-refs/src/compose-refs.tsx
-const React$1b = await importShared('react');
+const React$1d = await importShared('react');
 
 function setRef(ref, value) {
   if (typeof ref === "function") {
@@ -3209,21 +3209,21 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React$1b.useCallback(composeRefs(...refs), refs);
+  return React$1d.useCallback(composeRefs(...refs), refs);
 }
 
 // packages/react/context/src/create-context.tsx
-const React$1a = await importShared('react');
+const React$1c = await importShared('react');
 function createContext2(rootComponentName, defaultContext) {
-  const Context = React$1a.createContext(defaultContext);
+  const Context = React$1c.createContext(defaultContext);
   const Provider = (props) => {
     const { children, ...context } = props;
-    const value = React$1a.useMemo(() => context, Object.values(context));
+    const value = React$1c.useMemo(() => context, Object.values(context));
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Context.Provider, { value, children });
   };
   Provider.displayName = rootComponentName + "Provider";
   function useContext2(consumerName) {
-    const context = React$1a.useContext(Context);
+    const context = React$1c.useContext(Context);
     if (context) return context;
     if (defaultContext !== void 0) return defaultContext;
     throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -3233,19 +3233,19 @@ function createContext2(rootComponentName, defaultContext) {
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext3(rootComponentName, defaultContext) {
-    const BaseContext = React$1a.createContext(defaultContext);
+    const BaseContext = React$1c.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$1a.useMemo(() => context, Object.values(context));
+      const value = React$1c.useMemo(() => context, Object.values(context));
       return /* @__PURE__ */ jsxRuntimeExports.jsx(Context.Provider, { value, children });
     };
     Provider.displayName = rootComponentName + "Provider";
     function useContext2(consumerName, scope) {
       const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const context = React$1a.useContext(Context);
+      const context = React$1c.useContext(Context);
       if (context) return context;
       if (defaultContext !== void 0) return defaultContext;
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -3254,11 +3254,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React$1a.createContext(defaultContext);
+      return React$1c.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = scope?.[scopeName] || scopeContexts;
-      return React$1a.useMemo(
+      return React$1c.useMemo(
         () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
         [scope, contexts]
       );
@@ -3281,7 +3281,7 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React$1a.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React$1c.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
@@ -3289,17 +3289,17 @@ function composeContextScopes(...scopes) {
 }
 
 // packages/react/use-layout-effect/src/use-layout-effect.tsx
-const React$19 = await importShared('react');
+const React$1b = await importShared('react');
 
-var useLayoutEffect2 = globalThis?.document ? React$19.useLayoutEffect : () => {
+var useLayoutEffect2 = globalThis?.document ? React$1b.useLayoutEffect : () => {
 };
 
 // packages/react/id/src/id.tsx
-const React$18 = await importShared('react');
-var useReactId = React$18[" useId ".trim().toString()] || (() => void 0);
+const React$1a = await importShared('react');
+var useReactId = React$1a[" useId ".trim().toString()] || (() => void 0);
 var count$1 = 0;
 function useId$4(deterministicId) {
-  const [id, setId] = React$18.useState(useReactId());
+  const [id, setId] = React$1a.useState(useReactId());
   useLayoutEffect2(() => {
     setId((reactId) => reactId ?? String(count$1++));
   }, [deterministicId]);
@@ -3307,8 +3307,8 @@ function useId$4(deterministicId) {
 }
 
 // src/use-controllable-state.tsx
-const React$17 = await importShared('react');
-var useInsertionEffect = React$17[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+const React$19 = await importShared('react');
+var useInsertionEffect = React$19[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
 function useControllableState({
   prop,
   defaultProp,
@@ -3323,8 +3323,8 @@ function useControllableState({
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
   {
-    const isControlledRef = React$17.useRef(prop !== void 0);
-    React$17.useEffect(() => {
+    const isControlledRef = React$19.useRef(prop !== void 0);
+    React$19.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from = wasControlled ? "controlled" : "uncontrolled";
@@ -3336,7 +3336,7 @@ function useControllableState({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React$17.useCallback(
+  const setValue = React$19.useCallback(
     (nextValue) => {
       if (isControlled) {
         const value2 = isFunction$1(nextValue) ? nextValue(prop) : nextValue;
@@ -3355,13 +3355,13 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React$17.useState(defaultProp);
-  const prevValueRef = React$17.useRef(value);
-  const onChangeRef = React$17.useRef(onChange);
+  const [value, setValue] = React$19.useState(defaultProp);
+  const prevValueRef = React$19.useRef(value);
+  const onChangeRef = React$19.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React$17.useEffect(() => {
+  React$19.useEffect(() => {
     if (prevValueRef.current !== value) {
       onChangeRef.current?.(value);
       prevValueRef.current = value;
@@ -3377,25 +3377,25 @@ function isFunction$1(value) {
 await importShared('react');
 
 // src/slot.tsx
-const React$16 = await importShared('react');
+const React$18 = await importShared('react');
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
-  const Slot2 = React$16.forwardRef((props, forwardedRef) => {
+  const Slot2 = React$18.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    const childrenArray = React$16.Children.toArray(children);
+    const childrenArray = React$18.Children.toArray(children);
     const slottable = childrenArray.find(isSlottable);
     if (slottable) {
       const newElement = slottable.props.children;
       const newChildren = childrenArray.map((child) => {
         if (child === slottable) {
-          if (React$16.Children.count(newElement) > 1) return React$16.Children.only(null);
-          return React$16.isValidElement(newElement) ? newElement.props.children : null;
+          if (React$18.Children.count(newElement) > 1) return React$18.Children.only(null);
+          return React$18.isValidElement(newElement) ? newElement.props.children : null;
         } else {
           return child;
         }
       });
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React$16.isValidElement(newElement) ? React$16.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React$18.isValidElement(newElement) ? React$18.cloneElement(newElement, void 0, newChildren) : null });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
@@ -3405,17 +3405,17 @@ function createSlot(ownerName) {
 var Slot$4 = /* @__PURE__ */ createSlot("Slot");
 // @__NO_SIDE_EFFECTS__
 function createSlotClone(ownerName) {
-  const SlotClone = React$16.forwardRef((props, forwardedRef) => {
+  const SlotClone = React$18.forwardRef((props, forwardedRef) => {
     const { children, ...slotProps } = props;
-    if (React$16.isValidElement(children)) {
+    if (React$18.isValidElement(children)) {
       const childrenRef = getElementRef$1(children);
       const props2 = mergeProps(slotProps, children.props);
-      if (children.type !== React$16.Fragment) {
+      if (children.type !== React$18.Fragment) {
         props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
       }
-      return React$16.cloneElement(children, props2);
+      return React$18.cloneElement(children, props2);
     }
-    return React$16.Children.count(children) > 1 ? React$16.Children.only(null) : null;
+    return React$18.Children.count(children) > 1 ? React$18.Children.only(null) : null;
   });
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
@@ -3431,7 +3431,7 @@ function createSlottable(ownerName) {
   return Slottable2;
 }
 function isSlottable(child) {
-  return React$16.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+  return React$18.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
 function mergeProps(slotProps, childProps) {
   const overrideProps = { ...childProps };
@@ -3472,7 +3472,7 @@ function getElementRef$1(element) {
 }
 
 // src/primitive.tsx
-const React$15 = await importShared('react');
+const React$17 = await importShared('react');
 
 const ReactDOM$5 = await importShared('react-dom');
 var NODES = [
@@ -3496,7 +3496,7 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot = createSlot(`Primitive.${node}`);
-  const Node = React$15.forwardRef((props, forwardedRef) => {
+  const Node = React$17.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
     if (typeof window !== "undefined") {
@@ -3512,21 +3512,21 @@ function dispatchDiscreteCustomEvent(target, event) {
 }
 
 // packages/react/use-callback-ref/src/use-callback-ref.tsx
-const React$14 = await importShared('react');
+const React$16 = await importShared('react');
 
 function useCallbackRef$1(callback) {
-  const callbackRef = React$14.useRef(callback);
-  React$14.useEffect(() => {
+  const callbackRef = React$16.useRef(callback);
+  React$16.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React$14.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+  return React$16.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 
 // packages/react/use-escape-keydown/src/use-escape-keydown.tsx
-const React$13 = await importShared('react');
+const React$15 = await importShared('react');
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef$1(onEscapeKeyDownProp);
-  React$13.useEffect(() => {
+  React$15.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -3538,18 +3538,18 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
 }
 
 // src/dismissable-layer.tsx
-const React$12 = await importShared('react');
+const React$14 = await importShared('react');
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React$12.createContext({
+var DismissableLayerContext = React$14.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = React$12.forwardRef(
+var DismissableLayer = React$14.forwardRef(
   (props, forwardedRef) => {
     const {
       disableOutsidePointerEvents = false,
@@ -3560,10 +3560,10 @@ var DismissableLayer = React$12.forwardRef(
       onDismiss,
       ...layerProps
     } = props;
-    const context = React$12.useContext(DismissableLayerContext);
-    const [node, setNode] = React$12.useState(null);
+    const context = React$14.useContext(DismissableLayerContext);
+    const [node, setNode] = React$14.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
-    const [, force] = React$12.useState({});
+    const [, force] = React$14.useState({});
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
@@ -3596,7 +3596,7 @@ var DismissableLayer = React$12.forwardRef(
         onDismiss();
       }
     }, ownerDocument);
-    React$12.useEffect(() => {
+    React$14.useEffect(() => {
       if (!node) return;
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -3613,7 +3613,7 @@ var DismissableLayer = React$12.forwardRef(
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-    React$12.useEffect(() => {
+    React$14.useEffect(() => {
       return () => {
         if (!node) return;
         context.layers.delete(node);
@@ -3621,7 +3621,7 @@ var DismissableLayer = React$12.forwardRef(
         dispatchUpdate();
       };
     }, [node, context]);
-    React$12.useEffect(() => {
+    React$14.useEffect(() => {
       const handleUpdate = () => force({});
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
@@ -3647,11 +3647,11 @@ var DismissableLayer = React$12.forwardRef(
 );
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React$12.forwardRef((props, forwardedRef) => {
-  const context = React$12.useContext(DismissableLayerContext);
-  const ref = React$12.useRef(null);
+var DismissableLayerBranch = React$14.forwardRef((props, forwardedRef) => {
+  const context = React$14.useContext(DismissableLayerContext);
+  const ref = React$14.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React$12.useEffect(() => {
+  React$14.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -3665,10 +3665,10 @@ var DismissableLayerBranch = React$12.forwardRef((props, forwardedRef) => {
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
   const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React$12.useRef(false);
-  const handleClickRef = React$12.useRef(() => {
+  const isPointerInsideReactTreeRef = React$14.useRef(false);
+  const handleClickRef = React$14.useRef(() => {
   });
-  React$12.useEffect(() => {
+  React$14.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -3708,8 +3708,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef$1(onFocusOutside);
-  const isFocusInsideReactTreeRef = React$12.useRef(false);
-  React$12.useEffect(() => {
+  const isFocusInsideReactTreeRef = React$14.useRef(false);
+  React$14.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -3742,12 +3742,12 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 }
 
 // src/focus-scope.tsx
-const React$11 = await importShared('react');
+const React$13 = await importShared('react');
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS$1 = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME = "FocusScope";
-var FocusScope = React$11.forwardRef((props, forwardedRef) => {
+var FocusScope = React$13.forwardRef((props, forwardedRef) => {
   const {
     loop = false,
     trapped = false,
@@ -3755,12 +3755,12 @@ var FocusScope = React$11.forwardRef((props, forwardedRef) => {
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container, setContainer] = React$11.useState(null);
+  const [container, setContainer] = React$13.useState(null);
   const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
-  const lastFocusedElementRef = React$11.useRef(null);
+  const lastFocusedElementRef = React$13.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
-  const focusScope = React$11.useRef({
+  const focusScope = React$13.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -3769,7 +3769,7 @@ var FocusScope = React$11.forwardRef((props, forwardedRef) => {
       this.paused = false;
     }
   }).current;
-  React$11.useEffect(() => {
+  React$13.useEffect(() => {
     if (trapped) {
       let handleFocusIn2 = function(event) {
         if (focusScope.paused || !container) return;
@@ -3804,7 +3804,7 @@ var FocusScope = React$11.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trapped, container, focusScope.paused]);
-  React$11.useEffect(() => {
+  React$13.useEffect(() => {
     if (container) {
       focusScopesStack.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
@@ -3835,7 +3835,7 @@ var FocusScope = React$11.forwardRef((props, forwardedRef) => {
       };
     }
   }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
-  const handleKeyDown = React$11.useCallback(
+  const handleKeyDown = React$13.useCallback(
     (event) => {
       if (!loop && !trapped) return;
       if (focusScope.paused) return;
@@ -3944,13 +3944,13 @@ function removeLinks(items) {
 }
 
 // src/portal.tsx
-const React$10 = await importShared('react');
+const React$12 = await importShared('react');
 
 const ReactDOM$4 = await importShared('react-dom');
 var PORTAL_NAME$6 = "Portal";
-var Portal$5 = React$10.forwardRef((props, forwardedRef) => {
+var Portal$5 = React$12.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React$10.useState(false);
+  const [mounted, setMounted] = React$12.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
   return container ? ReactDOM$4.createPortal(/* @__PURE__ */ jsxRuntimeExports.jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
@@ -3961,10 +3961,10 @@ Portal$5.displayName = PORTAL_NAME$6;
 const React2$1 = await importShared('react');
 
 // src/use-state-machine.tsx
-const React$$ = await importShared('react');
+const React$11 = await importShared('react');
 
 function useStateMachine$1(initialState, machine) {
-  return React$$.useReducer((state, event) => {
+  return React$11.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
@@ -4089,11 +4089,11 @@ function getElementRef(element) {
 }
 
 // packages/react/focus-guards/src/focus-guards.tsx
-const React$_ = await importShared('react');
+const React$10 = await importShared('react');
 
 var count = 0;
 function useFocusGuards() {
-  React$_.useEffect(() => {
+  React$10.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
     document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
@@ -4245,8 +4245,8 @@ function useCallbackRef(initialValue, callback) {
     return ref.facade;
 }
 
-const React$Z = await importShared('react');
-var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React$Z.useLayoutEffect : React$Z.useEffect;
+const React$$ = await importShared('react');
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React$$.useLayoutEffect : React$$.useEffect;
 var currentValues = new WeakMap();
 /**
  * Merges two or more refs together providing a single interface to set their value
@@ -4363,7 +4363,7 @@ function createSidecarMedium(options) {
     return medium;
 }
 
-const React$Y = await importShared('react');
+const React$_ = await importShared('react');
 
 var SideCar$1 = function (_a) {
     var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
@@ -4374,7 +4374,7 @@ var SideCar$1 = function (_a) {
     if (!Target) {
         throw new Error('Sidecar medium not found');
     }
-    return React$Y.createElement(Target, __assign({}, rest));
+    return React$_.createElement(Target, __assign({}, rest));
 };
 SideCar$1.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -4384,16 +4384,16 @@ function exportSidecar(medium, exported) {
 
 var effectCar = createSidecarMedium();
 
-const React$X = await importShared('react');
+const React$Z = await importShared('react');
 var nothing = function () {
     return;
 };
 /**
  * Removes scrollbar from the page and contain the scroll within the Lock
  */
-var RemoveScroll = React$X.forwardRef(function (props, parentRef) {
-    var ref = React$X.useRef(null);
-    var _a = React$X.useState({
+var RemoveScroll = React$Z.forwardRef(function (props, parentRef) {
+    var ref = React$Z.useRef(null);
+    var _a = React$Z.useState({
         onScrollCapture: nothing,
         onWheelCapture: nothing,
         onTouchMoveCapture: nothing,
@@ -4402,9 +4402,9 @@ var RemoveScroll = React$X.forwardRef(function (props, parentRef) {
     var SideCar = sideCar;
     var containerRef = useMergeRefs([ref, parentRef]);
     var containerProps = __assign(__assign({}, rest), callbacks);
-    return (React$X.createElement(React$X.Fragment, null,
-        enabled && (React$X.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode: gapMode })),
-        forwardProps ? (React$X.cloneElement(React$X.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React$X.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));
+    return (React$Z.createElement(React$Z.Fragment, null,
+        enabled && (React$Z.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode: gapMode })),
+        forwardProps ? (React$Z.cloneElement(React$Z.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React$Z.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));
 });
 RemoveScroll.defaultProps = {
     enabled: true,
@@ -4471,7 +4471,7 @@ var stylesheetSingleton = function () {
     };
 };
 
-const React$W = await importShared('react');
+const React$Y = await importShared('react');
 /**
  * creates a hook to control style singleton
  * @see {@link styleSingleton} for a safer component version
@@ -4484,7 +4484,7 @@ const React$W = await importShared('react');
 var styleHookSingleton = function () {
     var sheet = stylesheetSingleton();
     return function (styles, isDynamic) {
-        React$W.useEffect(function () {
+        React$Y.useEffect(function () {
             sheet.add(styles);
             return function () {
                 sheet.remove();
@@ -4539,7 +4539,7 @@ var getGapWidth = function (gapMode) {
     };
 };
 
-const React$V = await importShared('react');
+const React$X = await importShared('react');
 var Style = styleSingleton();
 var lockAttribute = 'data-scroll-locked';
 // important tip - once we measure scrollBar width and remove them
@@ -4562,7 +4562,7 @@ var getCurrentUseCounter = function () {
     return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function () {
-    React$V.useEffect(function () {
+    React$X.useEffect(function () {
         document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
         return function () {
             var newCounter = getCurrentUseCounter() - 1;
@@ -4586,8 +4586,8 @@ var RemoveScrollBar = function (_a) {
      however it will be used only by the "first" invocation
      due to singleton nature of <Style
      */
-    var gap = React$V.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);
-    return React$V.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });
+    var gap = React$X.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);
+    return React$X.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });
 };
 
 var passiveSupported = false;
@@ -4718,7 +4718,7 @@ var handleScroll = function (axis, endTarget, event, sourceDelta, noOverscroll)
     return shouldCancelScroll;
 };
 
-const React$U = await importShared('react');
+const React$W = await importShared('react');
 var getTouchXY = function (event) {
     return 'changedTouches' in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
 };
@@ -4731,16 +4731,16 @@ var generateStyle = function (id) { return "\n  .block-interactivity-".concat(id
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-    var shouldPreventQueue = React$U.useRef([]);
-    var touchStartRef = React$U.useRef([0, 0]);
-    var activeAxis = React$U.useRef();
-    var id = React$U.useState(idCounter++)[0];
-    var Style = React$U.useState(styleSingleton)[0];
-    var lastProps = React$U.useRef(props);
-    React$U.useEffect(function () {
+    var shouldPreventQueue = React$W.useRef([]);
+    var touchStartRef = React$W.useRef([0, 0]);
+    var activeAxis = React$W.useRef();
+    var id = React$W.useState(idCounter++)[0];
+    var Style = React$W.useState(styleSingleton)[0];
+    var lastProps = React$W.useRef(props);
+    React$W.useEffect(function () {
         lastProps.current = props;
     }, [props]);
-    React$U.useEffect(function () {
+    React$W.useEffect(function () {
         if (props.inert) {
             document.body.classList.add("block-interactivity-".concat(id));
             var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
@@ -4752,7 +4752,7 @@ function RemoveScrollSideCar(props) {
         }
         return;
     }, [props.inert, props.lockRef.current, props.shards]);
-    var shouldCancelEvent = React$U.useCallback(function (event, parent) {
+    var shouldCancelEvent = React$W.useCallback(function (event, parent) {
         if (('touches' in event && event.touches.length === 2) || (event.type === 'wheel' && event.ctrlKey)) {
             return !lastProps.current.allowPinchZoom;
         }
@@ -4791,7 +4791,7 @@ function RemoveScrollSideCar(props) {
         var cancelingAxis = activeAxis.current || currentAxis;
         return handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY);
     }, []);
-    var shouldPrevent = React$U.useCallback(function (_event) {
+    var shouldPrevent = React$W.useCallback(function (_event) {
         var event = _event;
         if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {
             // not the last active
@@ -4820,24 +4820,24 @@ function RemoveScrollSideCar(props) {
             }
         }
     }, []);
-    var shouldCancel = React$U.useCallback(function (name, delta, target, should) {
+    var shouldCancel = React$W.useCallback(function (name, delta, target, should) {
         var event = { name: name, delta: delta, target: target, should: should, shadowParent: getOutermostShadowParent(target) };
         shouldPreventQueue.current.push(event);
         setTimeout(function () {
             shouldPreventQueue.current = shouldPreventQueue.current.filter(function (e) { return e !== event; });
         }, 1);
     }, []);
-    var scrollTouchStart = React$U.useCallback(function (event) {
+    var scrollTouchStart = React$W.useCallback(function (event) {
         touchStartRef.current = getTouchXY(event);
         activeAxis.current = undefined;
     }, []);
-    var scrollWheel = React$U.useCallback(function (event) {
+    var scrollWheel = React$W.useCallback(function (event) {
         shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
     }, []);
-    var scrollTouchMove = React$U.useCallback(function (event) {
+    var scrollTouchMove = React$W.useCallback(function (event) {
         shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
     }, []);
-    React$U.useEffect(function () {
+    React$W.useEffect(function () {
         lockStack.push(Style);
         props.setCallbacks({
             onScrollCapture: scrollWheel,
@@ -4855,9 +4855,9 @@ function RemoveScrollSideCar(props) {
         };
     }, []);
     var removeScrollBar = props.removeScrollBar, inert = props.inert;
-    return (React$U.createElement(React$U.Fragment, null,
-        inert ? React$U.createElement(Style, { styles: generateStyle(id) }) : null,
-        removeScrollBar ? React$U.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null));
+    return (React$W.createElement(React$W.Fragment, null,
+        inert ? React$W.createElement(Style, { styles: generateStyle(id) }) : null,
+        removeScrollBar ? React$W.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null));
 }
 function getOutermostShadowParent(node) {
     var shadowParent = null;
@@ -4873,8 +4873,8 @@ function getOutermostShadowParent(node) {
 
 const SideCar = exportSidecar(effectCar, RemoveScrollSideCar);
 
-const React$T = await importShared('react');
-var ReactRemoveScroll = React$T.forwardRef(function (props, ref) { return (React$T.createElement(RemoveScroll, __assign({}, props, { ref: ref, sideCar: SideCar }))); });
+const React$V = await importShared('react');
+var ReactRemoveScroll = React$V.forwardRef(function (props, ref) { return (React$V.createElement(RemoveScroll, __assign({}, props, { ref: ref, sideCar: SideCar }))); });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 
 var getDefaultParent = function (originalTarget) {
@@ -5013,7 +5013,7 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
 };
 
 // src/dialog.tsx
-const React$S = await importShared('react');
+const React$U = await importShared('react');
 var DIALOG_NAME = "Dialog";
 var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
 var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -5026,8 +5026,8 @@ var Dialog$1 = (props) => {
     onOpenChange,
     modal = true
   } = props;
-  const triggerRef = React$S.useRef(null);
-  const contentRef = React$S.useRef(null);
+  const triggerRef = React$U.useRef(null);
+  const contentRef = React$U.useRef(null);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
@@ -5045,7 +5045,7 @@ var Dialog$1 = (props) => {
       descriptionId: useId$4(),
       open,
       onOpenChange: setOpen,
-      onOpenToggle: React$S.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      onOpenToggle: React$U.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       modal,
       children
     }
@@ -5053,7 +5053,7 @@ var Dialog$1 = (props) => {
 };
 Dialog$1.displayName = DIALOG_NAME;
 var TRIGGER_NAME$7 = "DialogTrigger";
-var DialogTrigger$1 = React$S.forwardRef(
+var DialogTrigger$1 = React$U.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...triggerProps } = props;
     const context = useDialogContext(TRIGGER_NAME$7, __scopeDialog);
@@ -5081,11 +5081,11 @@ var [PortalProvider$3, usePortalContext$3] = createDialogContext(PORTAL_NAME$5,
 var DialogPortal$1 = (props) => {
   const { __scopeDialog, forceMount, children, container } = props;
   const context = useDialogContext(PORTAL_NAME$5, __scopeDialog);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PortalProvider$3, { scope: __scopeDialog, forceMount, children: React$S.Children.map(children, (child) => /* @__PURE__ */ jsxRuntimeExports.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$5, { asChild: true, container, children: child }) })) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(PortalProvider$3, { scope: __scopeDialog, forceMount, children: React$U.Children.map(children, (child) => /* @__PURE__ */ jsxRuntimeExports.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Portal$5, { asChild: true, container, children: child }) })) });
 };
 DialogPortal$1.displayName = PORTAL_NAME$5;
 var OVERLAY_NAME = "DialogOverlay";
-var DialogOverlay$1 = React$S.forwardRef(
+var DialogOverlay$1 = React$U.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext$3(OVERLAY_NAME, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...overlayProps } = props;
@@ -5095,7 +5095,7 @@ var DialogOverlay$1 = React$S.forwardRef(
 );
 DialogOverlay$1.displayName = OVERLAY_NAME;
 var Slot$3 = createSlot("DialogOverlay.RemoveScroll");
-var DialogOverlayImpl = React$S.forwardRef(
+var DialogOverlayImpl = React$U.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...overlayProps } = props;
     const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
@@ -5115,7 +5115,7 @@ var DialogOverlayImpl = React$S.forwardRef(
   }
 );
 var CONTENT_NAME$8 = "DialogContent";
-var DialogContent$1 = React$S.forwardRef(
+var DialogContent$1 = React$U.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext$3(CONTENT_NAME$8, props.__scopeDialog);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
@@ -5124,12 +5124,12 @@ var DialogContent$1 = React$S.forwardRef(
   }
 );
 DialogContent$1.displayName = CONTENT_NAME$8;
-var DialogContentModal = React$S.forwardRef(
+var DialogContentModal = React$U.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME$8, props.__scopeDialog);
-    const contentRef = React$S.useRef(null);
+    const contentRef = React$U.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
-    React$S.useEffect(() => {
+    React$U.useEffect(() => {
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
@@ -5158,11 +5158,11 @@ var DialogContentModal = React$S.forwardRef(
     );
   }
 );
-var DialogContentNonModal = React$S.forwardRef(
+var DialogContentNonModal = React$U.forwardRef(
   (props, forwardedRef) => {
     const context = useDialogContext(CONTENT_NAME$8, props.__scopeDialog);
-    const hasInteractedOutsideRef = React$S.useRef(false);
-    const hasPointerDownOutsideRef = React$S.useRef(false);
+    const hasInteractedOutsideRef = React$U.useRef(false);
+    const hasPointerDownOutsideRef = React$U.useRef(false);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       DialogContentImpl,
       {
@@ -5198,11 +5198,11 @@ var DialogContentNonModal = React$S.forwardRef(
     );
   }
 );
-var DialogContentImpl = React$S.forwardRef(
+var DialogContentImpl = React$U.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
     const context = useDialogContext(CONTENT_NAME$8, __scopeDialog);
-    const contentRef = React$S.useRef(null);
+    const contentRef = React$U.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
     useFocusGuards();
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -5237,7 +5237,7 @@ var DialogContentImpl = React$S.forwardRef(
   }
 );
 var TITLE_NAME = "DialogTitle";
-var DialogTitle$1 = React$S.forwardRef(
+var DialogTitle$1 = React$U.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...titleProps } = props;
     const context = useDialogContext(TITLE_NAME, __scopeDialog);
@@ -5246,7 +5246,7 @@ var DialogTitle$1 = React$S.forwardRef(
 );
 DialogTitle$1.displayName = TITLE_NAME;
 var DESCRIPTION_NAME = "DialogDescription";
-var DialogDescription$1 = React$S.forwardRef(
+var DialogDescription$1 = React$U.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...descriptionProps } = props;
     const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
@@ -5255,7 +5255,7 @@ var DialogDescription$1 = React$S.forwardRef(
 );
 DialogDescription$1.displayName = DESCRIPTION_NAME;
 var CLOSE_NAME$1 = "DialogClose";
-var DialogClose$1 = React$S.forwardRef(
+var DialogClose$1 = React$U.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDialog, ...closeProps } = props;
     const context = useDialogContext(CLOSE_NAME$1, __scopeDialog);
@@ -5287,7 +5287,7 @@ var TitleWarning = ({ titleId }) => {
 If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
 
 For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
-  React$S.useEffect(() => {
+  React$U.useEffect(() => {
     if (titleId) {
       const hasTitle = document.getElementById(titleId);
       if (!hasTitle) console.error(MESSAGE);
@@ -5299,7 +5299,7 @@ var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
 var DescriptionWarning = ({ contentRef, descriptionId }) => {
   const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
   const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
-  React$S.useEffect(() => {
+  React$U.useEffect(() => {
     const describedById = contentRef.current?.getAttribute("aria-describedby");
     if (descriptionId && describedById) {
       const hasDescription = document.getElementById(descriptionId);
@@ -5321,7 +5321,7 @@ const t$1 = await importShared('react');
 var N='[cmdk-group=""]',Y$1='[cmdk-group-items=""]',be='[cmdk-group-heading=""]',le='[cmdk-item=""]',ce=`${le}:not([aria-disabled="true"])`,Z$1="cmdk-item-select",T$1="data-value",Re=(r,o,n)=>W$1(r,o,n),ue=t$1.createContext(void 0),K$1=()=>t$1.useContext(ue),de=t$1.createContext(void 0),ee=()=>t$1.useContext(de),fe=t$1.createContext(void 0),me=t$1.forwardRef((r,o)=>{let n=L$1(()=>{var e,a;return {search:"",value:(a=(e=r.value)!=null?e:r.defaultValue)!=null?a:"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}}}),u=L$1(()=>new Set),c=L$1(()=>new Map),d=L$1(()=>new Map),f=L$1(()=>new Set),p=pe(r),{label:b,children:m,value:R,onValueChange:x,filter:C,shouldFilter:S,loop:A,disablePointerSelection:ge=false,vimBindings:j=true,...O}=r,$=useId$4(),q=useId$4(),_=useId$4(),I=t$1.useRef(null),v=ke$1();k(()=>{if(R!==void 0){let e=R.trim();n.current.value=e,E.emit();}},[R]),k(()=>{v(6,ne);},[]);let E=t$1.useMemo(()=>({subscribe:e=>(f.current.add(e),()=>f.current.delete(e)),snapshot:()=>n.current,setState:(e,a,s)=>{var i,l,g,y;if(!Object.is(n.current[e],a)){if(n.current[e]=a,e==="search")J(),z(),v(1,W);else if(e==="value"){if(document.activeElement.hasAttribute("cmdk-input")||document.activeElement.hasAttribute("cmdk-root")){let h=document.getElementById(_);h?h.focus():(i=document.getElementById($))==null||i.focus();}if(v(7,()=>{var h;n.current.selectedItemId=(h=M())==null?void 0:h.id,E.emit();}),s||v(5,ne),((l=p.current)==null?void 0:l.value)!==void 0){let h=a!=null?a:"";(y=(g=p.current).onValueChange)==null||y.call(g,h);return}}E.emit();}},emit:()=>{f.current.forEach(e=>e());}}),[]),U=t$1.useMemo(()=>({value:(e,a,s)=>{var i;a!==((i=d.current.get(e))==null?void 0:i.value)&&(d.current.set(e,{value:a,keywords:s}),n.current.filtered.items.set(e,te(a,s)),v(2,()=>{z(),E.emit();}));},item:(e,a)=>(u.current.add(e),a&&(c.current.has(a)?c.current.get(a).add(e):c.current.set(a,new Set([e]))),v(3,()=>{J(),z(),n.current.value||W(),E.emit();}),()=>{d.current.delete(e),u.current.delete(e),n.current.filtered.items.delete(e);let s=M();v(4,()=>{J(),(s==null?void 0:s.getAttribute("id"))===e&&W(),E.emit();});}),group:e=>(c.current.has(e)||c.current.set(e,new Set),()=>{d.current.delete(e),c.current.delete(e);}),filter:()=>p.current.shouldFilter,label:b||r["aria-label"],getDisablePointerSelection:()=>p.current.disablePointerSelection,listId:$,inputId:_,labelId:q,listInnerRef:I}),[]);function te(e,a){var i,l;let s=(l=(i=p.current)==null?void 0:i.filter)!=null?l:Re;return e?s(e,n.current.search,a):0}function z(){if(!n.current.search||p.current.shouldFilter===false)return;let e=n.current.filtered.items,a=[];n.current.filtered.groups.forEach(i=>{let l=c.current.get(i),g=0;l.forEach(y=>{let h=e.get(y);g=Math.max(h,g);}),a.push([i,g]);});let s=I.current;V().sort((i,l)=>{var h,F;let g=i.getAttribute("id"),y=l.getAttribute("id");return ((h=e.get(y))!=null?h:0)-((F=e.get(g))!=null?F:0)}).forEach(i=>{let l=i.closest(Y$1);l?l.appendChild(i.parentElement===l?i:i.closest(`${Y$1} > *`)):s.appendChild(i.parentElement===s?i:i.closest(`${Y$1} > *`));}),a.sort((i,l)=>l[1]-i[1]).forEach(i=>{var g;let l=(g=I.current)==null?void 0:g.querySelector(`${N}[${T$1}="${encodeURIComponent(i[0])}"]`);l==null||l.parentElement.appendChild(l);});}function W(){let e=V().find(s=>s.getAttribute("aria-disabled")!=="true"),a=e==null?void 0:e.getAttribute(T$1);E.setState("value",a||void 0);}function J(){var a,s,i,l;if(!n.current.search||p.current.shouldFilter===false){n.current.filtered.count=u.current.size;return}n.current.filtered.groups=new Set;let e=0;for(let g of u.current){let y=(s=(a=d.current.get(g))==null?void 0:a.value)!=null?s:"",h=(l=(i=d.current.get(g))==null?void 0:i.keywords)!=null?l:[],F=te(y,h);n.current.filtered.items.set(g,F),F>0&&e++;}for(let[g,y]of c.current)for(let h of y)if(n.current.filtered.items.get(h)>0){n.current.filtered.groups.add(g);break}n.current.filtered.count=e;}function ne(){var a,s,i;let e=M();e&&(((a=e.parentElement)==null?void 0:a.firstChild)===e&&((i=(s=e.closest(N))==null?void 0:s.querySelector(be))==null||i.scrollIntoView({block:"nearest"})),e.scrollIntoView({block:"nearest"}));}function M(){var e;return (e=I.current)==null?void 0:e.querySelector(`${le}[aria-selected="true"]`)}function V(){var e;return Array.from(((e=I.current)==null?void 0:e.querySelectorAll(ce))||[])}function X(e){let s=V()[e];s&&E.setState("value",s.getAttribute(T$1));}function Q(e){var g;let a=M(),s=V(),i=s.findIndex(y=>y===a),l=s[i+e];(g=p.current)!=null&&g.loop&&(l=i+e<0?s[s.length-1]:i+e===s.length?s[0]:s[i+e]),l&&E.setState("value",l.getAttribute(T$1));}function re(e){let a=M(),s=a==null?void 0:a.closest(N),i;for(;s&&!i;)s=e>0?we(s,N):De(s,N),i=s==null?void 0:s.querySelector(ce);i?E.setState("value",i.getAttribute(T$1)):Q(e);}let oe=()=>X(V().length-1),ie=e=>{e.preventDefault(),e.metaKey?oe():e.altKey?re(1):Q(1);},se=e=>{e.preventDefault(),e.metaKey?X(0):e.altKey?re(-1):Q(-1);};return t$1.createElement(Primitive.div,{ref:o,tabIndex:-1,...O,"cmdk-root":"",onKeyDown:e=>{var s;(s=O.onKeyDown)==null||s.call(O,e);let a=e.nativeEvent.isComposing||e.keyCode===229;if(!(e.defaultPrevented||a))switch(e.key){case "n":case "j":{j&&e.ctrlKey&&ie(e);break}case "ArrowDown":{ie(e);break}case "p":case "k":{j&&e.ctrlKey&&se(e);break}case "ArrowUp":{se(e);break}case "Home":{e.preventDefault(),X(0);break}case "End":{e.preventDefault(),oe();break}case "Enter":{e.preventDefault();let i=M();if(i){let l=new Event(Z$1);i.dispatchEvent(l);}}}}},t$1.createElement("label",{"cmdk-label":"",htmlFor:U.inputId,id:U.labelId,style:Te},b),B(r,e=>t$1.createElement(de.Provider,{value:E},t$1.createElement(ue.Provider,{value:U},e))))}),he=t$1.forwardRef((r,o)=>{var _,I;let n=useId$4(),u=t$1.useRef(null),c=t$1.useContext(fe),d=K$1(),f=pe(r),p=(I=(_=f.current)==null?void 0:_.forceMount)!=null?I:c==null?void 0:c.forceMount;k(()=>{if(!p)return d.item(n,c==null?void 0:c.id)},[p]);let b=ve(n,u,[r.value,r.children,u],r.keywords),m=ee(),R=P(v=>v.value&&v.value===b.current),x=P(v=>p||d.filter()===false?true:v.search?v.filtered.items.get(n)>0:true);t$1.useEffect(()=>{let v=u.current;if(!(!v||r.disabled))return v.addEventListener(Z$1,C),()=>v.removeEventListener(Z$1,C)},[x,r.onSelect,r.disabled]);function C(){var v,E;S(),(E=(v=f.current).onSelect)==null||E.call(v,b.current);}function S(){m.setState("value",b.current,true);}if(!x)return null;let{disabled:A,value:ge,onSelect:j,forceMount:O,keywords:$,...q}=r;return t$1.createElement(Primitive.div,{ref:composeRefs(u,o),...q,id:n,"cmdk-item":"",role:"option","aria-disabled":!!A,"aria-selected":!!R,"data-disabled":!!A,"data-selected":!!R,onPointerMove:A||d.getDisablePointerSelection()?void 0:S,onClick:A?void 0:C},r.children)}),Ee=t$1.forwardRef((r,o)=>{let{heading:n,children:u,forceMount:c,...d}=r,f=useId$4(),p=t$1.useRef(null),b=t$1.useRef(null),m=useId$4(),R=K$1(),x=P(S=>c||R.filter()===false?true:S.search?S.filtered.groups.has(f):true);k(()=>R.group(f),[]),ve(f,p,[r.value,r.heading,b]);let C=t$1.useMemo(()=>({id:f,forceMount:c}),[c]);return t$1.createElement(Primitive.div,{ref:composeRefs(p,o),...d,"cmdk-group":"",role:"presentation",hidden:x?void 0:true},n&&t$1.createElement("div",{ref:b,"cmdk-group-heading":"","aria-hidden":true,id:m},n),B(r,S=>t$1.createElement("div",{"cmdk-group-items":"",role:"group","aria-labelledby":n?m:void 0},t$1.createElement(fe.Provider,{value:C},S))))}),ye=t$1.forwardRef((r,o)=>{let{alwaysRender:n,...u}=r,c=t$1.useRef(null),d=P(f=>!f.search);return !n&&!d?null:t$1.createElement(Primitive.div,{ref:composeRefs(c,o),...u,"cmdk-separator":"",role:"separator"})}),Se=t$1.forwardRef((r,o)=>{let{onValueChange:n,...u}=r,c=r.value!=null,d=ee(),f=P(m=>m.search),p=P(m=>m.selectedItemId),b=K$1();return t$1.useEffect(()=>{r.value!=null&&d.setState("search",r.value);},[r.value]),t$1.createElement(Primitive.input,{ref:o,...u,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:false,"aria-autocomplete":"list",role:"combobox","aria-expanded":true,"aria-controls":b.listId,"aria-labelledby":b.labelId,"aria-activedescendant":p,id:b.inputId,type:"text",value:c?r.value:f,onChange:m=>{c||d.setState("search",m.target.value),n==null||n(m.target.value);}})}),Ce=t$1.forwardRef((r,o)=>{let{children:n,label:u="Suggestions",...c}=r,d=t$1.useRef(null),f=t$1.useRef(null),p=P(m=>m.selectedItemId),b=K$1();return t$1.useEffect(()=>{if(f.current&&d.current){let m=f.current,R=d.current,x,C=new ResizeObserver(()=>{x=requestAnimationFrame(()=>{let S=m.offsetHeight;R.style.setProperty("--cmdk-list-height",S.toFixed(1)+"px");});});return C.observe(m),()=>{cancelAnimationFrame(x),C.unobserve(m);}}},[]),t$1.createElement(Primitive.div,{ref:composeRefs(d,o),...c,"cmdk-list":"",role:"listbox",tabIndex:-1,"aria-activedescendant":p,"aria-label":u,id:b.listId},B(r,m=>t$1.createElement("div",{ref:composeRefs(f,b.listInnerRef),"cmdk-list-sizer":""},m)))}),xe=t$1.forwardRef((r,o)=>{let{open:n,onOpenChange:u,overlayClassName:c,contentClassName:d,container:f,...p}=r;return t$1.createElement(Root$8,{open:n,onOpenChange:u},t$1.createElement(Portal$4,{container:f},t$1.createElement(Overlay,{"cmdk-overlay":"",className:c}),t$1.createElement(Content$3,{"aria-label":r.label,"cmdk-dialog":"",className:d},t$1.createElement(me,{ref:o,...p}))))}),Ie$1=t$1.forwardRef((r,o)=>P(u=>u.filtered.count===0)?t$1.createElement(Primitive.div,{ref:o,...r,"cmdk-empty":"",role:"presentation"}):null),Pe=t$1.forwardRef((r,o)=>{let{progress:n,children:u,label:c="Loading...",...d}=r;return t$1.createElement(Primitive.div,{ref:o,...d,"cmdk-loading":"",role:"progressbar","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":c},B(r,f=>t$1.createElement("div",{"aria-hidden":true},f)))}),_e=Object.assign(me,{List:Ce,Item:he,Input:Se,Group:Ee,Separator:ye,Dialog:xe,Empty:Ie$1,Loading:Pe});function we(r,o){let n=r.nextElementSibling;for(;n;){if(n.matches(o))return n;n=n.nextElementSibling;}}function De(r,o){let n=r.previousElementSibling;for(;n;){if(n.matches(o))return n;n=n.previousElementSibling;}}function pe(r){let o=t$1.useRef(r);return k(()=>{o.current=r;}),o}var k=typeof window=="undefined"?t$1.useEffect:t$1.useLayoutEffect;function L$1(r){let o=t$1.useRef();return o.current===void 0&&(o.current=r()),o}function P(r){let o=ee(),n=()=>r(o.snapshot());return t$1.useSyncExternalStore(o.subscribe,n,n)}function ve(r,o,n,u=[]){let c=t$1.useRef(),d=K$1();return k(()=>{var b;let f=(()=>{var m;for(let R of n){if(typeof R=="string")return R.trim();if(typeof R=="object"&&"current"in R)return R.current?(m=R.current.textContent)==null?void 0:m.trim():c.current}})(),p=u.map(m=>m.trim());d.value(r,f,p),(b=o.current)==null||b.setAttribute(T$1,f),c.current=f;}),c}var ke$1=()=>{let[r,o]=t$1.useState(),n=L$1(()=>new Map);return k(()=>{n.current.forEach(u=>u()),n.current=new Map;},[r]),(u,c)=>{n.current.set(u,c),o({});}};function Me(r){let o=r.type;return typeof o=="function"?o(r.props):"render"in o?o.render(r.props):r}function B({asChild:r,children:o},n){return r&&t$1.isValidElement(o)?t$1.cloneElement(Me(o),{ref:o.ref},n(o.props.children)):n(o)}var Te={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};
 
 // src/visually-hidden.tsx
-const React$R = await importShared('react');
+const React$T = await importShared('react');
 var VISUALLY_HIDDEN_STYLES = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
@@ -5336,7 +5336,7 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
   wordWrap: "normal"
 });
 var NAME$3 = "VisuallyHidden";
-var VisuallyHidden = React$R.forwardRef(
+var VisuallyHidden = React$T.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       Primitive.span,
@@ -5352,7 +5352,7 @@ VisuallyHidden.displayName = NAME$3;
 var Root$7 = VisuallyHidden;
 
 // src/collection-legacy.tsx
-const React$Q = await importShared('react');
+const React$S = await importShared('react');
 function createCollection(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
   const [createCollectionContext, createCollectionScope] = createContextScope(PROVIDER_NAME);
@@ -5362,14 +5362,14 @@ function createCollection(name) {
   );
   const CollectionProvider = (props) => {
     const { scope, children } = props;
-    const ref = React$Q.useRef(null);
-    const itemMap = React$Q.useRef(/* @__PURE__ */ new Map()).current;
+    const ref = React$S.useRef(null);
+    const itemMap = React$S.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
   const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
-  const CollectionSlot = React$Q.forwardRef(
+  const CollectionSlot = React$S.forwardRef(
     (props, forwardedRef) => {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
@@ -5381,13 +5381,13 @@ function createCollection(name) {
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
   const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
-  const CollectionItemSlot = React$Q.forwardRef(
+  const CollectionItemSlot = React$S.forwardRef(
     (props, forwardedRef) => {
       const { scope, children, ...itemData } = props;
-      const ref = React$Q.useRef(null);
+      const ref = React$S.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
       const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-      React$Q.useEffect(() => {
+      React$S.useEffect(() => {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
@@ -5397,7 +5397,7 @@ function createCollection(name) {
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    const getItems = React$Q.useCallback(() => {
+    const getItems = React$S.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode) return [];
       const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -5420,19 +5420,19 @@ function createCollection(name) {
 await importShared('react');
 
 // packages/react/direction/src/direction.tsx
-const React$P = await importShared('react');
-var DirectionContext = React$P.createContext(void 0);
+const React$R = await importShared('react');
+var DirectionContext = React$R.createContext(void 0);
 function useDirection(localDir) {
-  const globalDir = React$P.useContext(DirectionContext);
+  const globalDir = React$R.useContext(DirectionContext);
   return localDir || globalDir || "ltr";
 }
 
 // packages/react/use-previous/src/use-previous.tsx
-const React$O = await importShared('react');
+const React$Q = await importShared('react');
 
 function usePrevious(value) {
-  const ref = React$O.useRef({ value, previous: value });
-  return React$O.useMemo(() => {
+  const ref = React$Q.useRef({ value, previous: value });
+  return React$Q.useMemo(() => {
     if (ref.current.value !== value) {
       ref.current.previous = ref.current.value;
       ref.current.value = value;
@@ -5442,9 +5442,9 @@ function usePrevious(value) {
 }
 
 // packages/react/use-size/src/use-size.tsx
-const React$N = await importShared('react');
+const React$P = await importShared('react');
 function useSize(element) {
-  const [size, setSize] = React$N.useState(void 0);
+  const [size, setSize] = React$P.useState(void 0);
   useLayoutEffect2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -5479,7 +5479,7 @@ function useSize(element) {
 }
 
 // src/checkbox.tsx
-const React$M = await importShared('react');
+const React$O = await importShared('react');
 var CHECKBOX_NAME = "Checkbox";
 var [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);
 var [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
@@ -5504,9 +5504,9 @@ function CheckboxProvider(props) {
     onChange: onCheckedChange,
     caller: CHECKBOX_NAME
   });
-  const [control, setControl] = React$M.useState(null);
-  const [bubbleInput, setBubbleInput] = React$M.useState(null);
-  const hasConsumerStoppedPropagationRef = React$M.useRef(false);
+  const [control, setControl] = React$O.useState(null);
+  const [bubbleInput, setBubbleInput] = React$O.useState(null);
+  const hasConsumerStoppedPropagationRef = React$O.useRef(false);
   const isFormControl = control ? !!form || !!control.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     true
@@ -5537,7 +5537,7 @@ function CheckboxProvider(props) {
   );
 }
 var TRIGGER_NAME$6 = "CheckboxTrigger";
-var CheckboxTrigger = React$M.forwardRef(
+var CheckboxTrigger = React$O.forwardRef(
   ({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {
     const {
       control,
@@ -5552,8 +5552,8 @@ var CheckboxTrigger = React$M.forwardRef(
       bubbleInput
     } = useCheckboxContext(TRIGGER_NAME$6, __scopeCheckbox);
     const composedRefs = useComposedRefs(forwardedRef, setControl);
-    const initialCheckedStateRef = React$M.useRef(checked);
-    React$M.useEffect(() => {
+    const initialCheckedStateRef = React$O.useRef(checked);
+    React$O.useEffect(() => {
       const form = control?.form;
       if (form) {
         const reset = () => setChecked(initialCheckedStateRef.current);
@@ -5589,7 +5589,7 @@ var CheckboxTrigger = React$M.forwardRef(
   }
 );
 CheckboxTrigger.displayName = TRIGGER_NAME$6;
-var Checkbox$1 = React$M.forwardRef(
+var Checkbox$1 = React$O.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeCheckbox,
@@ -5637,7 +5637,7 @@ var Checkbox$1 = React$M.forwardRef(
 );
 Checkbox$1.displayName = CHECKBOX_NAME;
 var INDICATOR_NAME$2 = "CheckboxIndicator";
-var CheckboxIndicator = React$M.forwardRef(
+var CheckboxIndicator = React$O.forwardRef(
   (props, forwardedRef) => {
     const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
     const context = useCheckboxContext(INDICATOR_NAME$2, __scopeCheckbox);
@@ -5661,7 +5661,7 @@ var CheckboxIndicator = React$M.forwardRef(
 );
 CheckboxIndicator.displayName = INDICATOR_NAME$2;
 var BUBBLE_INPUT_NAME$2 = "CheckboxBubbleInput";
-var CheckboxBubbleInput = React$M.forwardRef(
+var CheckboxBubbleInput = React$O.forwardRef(
   ({ __scopeCheckbox, ...props }, forwardedRef) => {
     const {
       control,
@@ -5679,7 +5679,7 @@ var CheckboxBubbleInput = React$M.forwardRef(
     const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
     const prevChecked = usePrevious(checked);
     const controlSize = useSize(control);
-    React$M.useEffect(() => {
+    React$O.useEffect(() => {
       const input = bubbleInput;
       if (!input) return;
       const inputProto = window.HTMLInputElement.prototype;
@@ -5696,7 +5696,7 @@ var CheckboxBubbleInput = React$M.forwardRef(
         input.dispatchEvent(event);
       }
     }, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);
-    const defaultCheckedRef = React$M.useRef(isIndeterminate$1(checked) ? false : checked);
+    const defaultCheckedRef = React$O.useRef(isIndeterminate$1(checked) ? false : checked);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       Primitive.input,
       {
@@ -7562,7 +7562,7 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-const React$L = await importShared('react');
+const React$N = await importShared('react');
 
 const {useLayoutEffect: useLayoutEffect$1,useEffect: useEffect$6} = await importShared('react');
 
@@ -7635,7 +7635,7 @@ function roundByDPR(element, value) {
 }
 
 function useLatestRef(value) {
-  const ref = React$L.useRef(value);
+  const ref = React$N.useRef(value);
   index(() => {
     ref.current = value;
   });
@@ -7663,7 +7663,7 @@ function useFloating(options) {
     whileElementsMounted,
     open
   } = options;
-  const [data, setData] = React$L.useState({
+  const [data, setData] = React$N.useState({
     x: 0,
     y: 0,
     strategy,
@@ -7671,19 +7671,19 @@ function useFloating(options) {
     middlewareData: {},
     isPositioned: false
   });
-  const [latestMiddleware, setLatestMiddleware] = React$L.useState(middleware);
+  const [latestMiddleware, setLatestMiddleware] = React$N.useState(middleware);
   if (!deepEqual(latestMiddleware, middleware)) {
     setLatestMiddleware(middleware);
   }
-  const [_reference, _setReference] = React$L.useState(null);
-  const [_floating, _setFloating] = React$L.useState(null);
-  const setReference = React$L.useCallback(node => {
+  const [_reference, _setReference] = React$N.useState(null);
+  const [_floating, _setFloating] = React$N.useState(null);
+  const setReference = React$N.useCallback(node => {
     if (node !== referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
   }, []);
-  const setFloating = React$L.useCallback(node => {
+  const setFloating = React$N.useCallback(node => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
@@ -7691,14 +7691,14 @@ function useFloating(options) {
   }, []);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
-  const referenceRef = React$L.useRef(null);
-  const floatingRef = React$L.useRef(null);
-  const dataRef = React$L.useRef(data);
+  const referenceRef = React$N.useRef(null);
+  const floatingRef = React$N.useRef(null);
+  const dataRef = React$N.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform);
   const openRef = useLatestRef(open);
-  const update = React$L.useCallback(() => {
+  const update = React$N.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
     }
@@ -7736,7 +7736,7 @@ function useFloating(options) {
       }));
     }
   }, [open]);
-  const isMountedRef = React$L.useRef(false);
+  const isMountedRef = React$N.useRef(false);
   index(() => {
     isMountedRef.current = true;
     return () => {
@@ -7753,17 +7753,17 @@ function useFloating(options) {
       update();
     }
   }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
-  const refs = React$L.useMemo(() => ({
+  const refs = React$N.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
     setReference,
     setFloating
   }), [setReference, setFloating]);
-  const elements = React$L.useMemo(() => ({
+  const elements = React$N.useMemo(() => ({
     reference: referenceEl,
     floating: floatingEl
   }), [referenceEl, floatingEl]);
-  const floatingStyles = React$L.useMemo(() => {
+  const floatingStyles = React$N.useMemo(() => {
     const initialStyles = {
       position: strategy,
       left: 0,
@@ -7789,7 +7789,7 @@ function useFloating(options) {
       top: y
     };
   }, [strategy, transform, elements.floating, data.x, data.y]);
-  return React$L.useMemo(() => ({
+  return React$N.useMemo(() => ({
     ...data,
     update,
     refs,
@@ -7910,9 +7910,9 @@ const arrow = (options, deps) => ({
 });
 
 // src/arrow.tsx
-const React$K = await importShared('react');
+const React$M = await importShared('react');
 var NAME$2 = "Arrow";
-var Arrow$1 = React$K.forwardRef((props, forwardedRef) => {
+var Arrow$1 = React$M.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Primitive.svg,
@@ -7931,24 +7931,24 @@ Arrow$1.displayName = NAME$2;
 var Root$6 = Arrow$1;
 
 // src/popper.tsx
-const React$J = await importShared('react');
+const React$L = await importShared('react');
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
-  const [anchor, setAnchor] = React$J.useState(null);
+  const [anchor, setAnchor] = React$L.useState(null);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
 };
 Popper.displayName = POPPER_NAME;
 var ANCHOR_NAME$2 = "PopperAnchor";
-var PopperAnchor = React$J.forwardRef(
+var PopperAnchor = React$L.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopper, virtualRef, ...anchorProps } = props;
     const context = usePopperContext(ANCHOR_NAME$2, __scopePopper);
-    const ref = React$J.useRef(null);
+    const ref = React$L.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    React$J.useEffect(() => {
+    React$L.useEffect(() => {
       context.onAnchorChange(virtualRef?.current || ref.current);
     });
     return virtualRef ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
@@ -7957,7 +7957,7 @@ var PopperAnchor = React$J.forwardRef(
 PopperAnchor.displayName = ANCHOR_NAME$2;
 var CONTENT_NAME$7 = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$7);
-var PopperContent = React$J.forwardRef(
+var PopperContent = React$L.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopePopper,
@@ -7976,9 +7976,9 @@ var PopperContent = React$J.forwardRef(
       ...contentProps
     } = props;
     const context = usePopperContext(CONTENT_NAME$7, __scopePopper);
-    const [content, setContent] = React$J.useState(null);
+    const [content, setContent] = React$L.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-    const [arrow$1, setArrow] = React$J.useState(null);
+    const [arrow$1, setArrow] = React$L.useState(null);
     const arrowSize = useSize(arrow$1);
     const arrowWidth = arrowSize?.width ?? 0;
     const arrowHeight = arrowSize?.height ?? 0;
@@ -8040,7 +8040,7 @@ var PopperContent = React$J.forwardRef(
     const arrowX = middlewareData.arrow?.x;
     const arrowY = middlewareData.arrow?.y;
     const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
-    const [contentZIndex, setContentZIndex] = React$J.useState();
+    const [contentZIndex, setContentZIndex] = React$L.useState();
     useLayoutEffect2(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
@@ -8106,7 +8106,7 @@ var OPPOSITE_SIDE = {
   bottom: "top",
   left: "right"
 };
-var PopperArrow = React$J.forwardRef(function PopperArrow2(props, forwardedRef) {
+var PopperArrow = React$L.forwardRef(function PopperArrow2(props, forwardedRef) {
   const { __scopePopper, ...arrowProps } = props;
   const contentContext = useContentContext(ARROW_NAME$5, __scopePopper);
   const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
@@ -8198,7 +8198,7 @@ var Content$2 = PopperContent;
 var Arrow = PopperArrow;
 
 // src/roving-focus-group.tsx
-const React$I = await importShared('react');
+const React$K = await importShared('react');
 var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var GROUP_NAME$3 = "RovingFocusGroup";
@@ -8208,13 +8208,13 @@ var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContext
   [createCollectionScope$3]
 );
 var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME$3);
-var RovingFocusGroup = React$I.forwardRef(
+var RovingFocusGroup = React$K.forwardRef(
   (props, forwardedRef) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Collection$3.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Collection$3.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntimeExports.jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
   }
 );
 RovingFocusGroup.displayName = GROUP_NAME$3;
-var RovingFocusGroupImpl = React$I.forwardRef((props, forwardedRef) => {
+var RovingFocusGroupImpl = React$K.forwardRef((props, forwardedRef) => {
   const {
     __scopeRovingFocusGroup,
     orientation,
@@ -8227,7 +8227,7 @@ var RovingFocusGroupImpl = React$I.forwardRef((props, forwardedRef) => {
     preventScrollOnEntryFocus = false,
     ...groupProps
   } = props;
-  const ref = React$I.useRef(null);
+  const ref = React$K.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const direction = useDirection(dir);
   const [currentTabStopId, setCurrentTabStopId] = useControllableState({
@@ -8236,12 +8236,12 @@ var RovingFocusGroupImpl = React$I.forwardRef((props, forwardedRef) => {
     onChange: onCurrentTabStopIdChange,
     caller: GROUP_NAME$3
   });
-  const [isTabbingBackOut, setIsTabbingBackOut] = React$I.useState(false);
+  const [isTabbingBackOut, setIsTabbingBackOut] = React$K.useState(false);
   const handleEntryFocus = useCallbackRef$1(onEntryFocus);
   const getItems = useCollection$3(__scopeRovingFocusGroup);
-  const isClickFocusRef = React$I.useRef(false);
-  const [focusableItemsCount, setFocusableItemsCount] = React$I.useState(0);
-  React$I.useEffect(() => {
+  const isClickFocusRef = React$K.useRef(false);
+  const [focusableItemsCount, setFocusableItemsCount] = React$K.useState(0);
+  React$K.useEffect(() => {
     const node = ref.current;
     if (node) {
       node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
@@ -8256,16 +8256,16 @@ var RovingFocusGroupImpl = React$I.forwardRef((props, forwardedRef) => {
       dir: direction,
       loop,
       currentTabStopId,
-      onItemFocus: React$I.useCallback(
+      onItemFocus: React$K.useCallback(
         (tabStopId) => setCurrentTabStopId(tabStopId),
         [setCurrentTabStopId]
       ),
-      onItemShiftTab: React$I.useCallback(() => setIsTabbingBackOut(true), []),
-      onFocusableItemAdd: React$I.useCallback(
+      onItemShiftTab: React$K.useCallback(() => setIsTabbingBackOut(true), []),
+      onFocusableItemAdd: React$K.useCallback(
         () => setFocusableItemsCount((prevCount) => prevCount + 1),
         []
       ),
-      onFocusableItemRemove: React$I.useCallback(
+      onFocusableItemRemove: React$K.useCallback(
         () => setFocusableItemsCount((prevCount) => prevCount - 1),
         []
       ),
@@ -8305,7 +8305,7 @@ var RovingFocusGroupImpl = React$I.forwardRef((props, forwardedRef) => {
   );
 });
 var ITEM_NAME$4 = "RovingFocusGroupItem";
-var RovingFocusGroupItem = React$I.forwardRef(
+var RovingFocusGroupItem = React$K.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeRovingFocusGroup,
@@ -8321,7 +8321,7 @@ var RovingFocusGroupItem = React$I.forwardRef(
     const isCurrentTabStop = context.currentTabStopId === id;
     const getItems = useCollection$3(__scopeRovingFocusGroup);
     const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
-    React$I.useEffect(() => {
+    React$K.useEffect(() => {
       if (focusable) {
         onFocusableItemAdd();
         return () => onFocusableItemRemove();
@@ -8410,7 +8410,7 @@ var Root$5 = RovingFocusGroup;
 var Item$2 = RovingFocusGroupItem;
 
 // src/menu.tsx
-const React$H = await importShared('react');
+const React$J = await importShared('react');
 var SELECTION_KEYS$1 = ["Enter", " "];
 var FIRST_KEYS = ["ArrowDown", "PageUp", "Home"];
 var LAST_KEYS = ["ArrowUp", "PageDown", "End"];
@@ -8437,11 +8437,11 @@ var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
 var Menu = (props) => {
   const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
   const popperScope = usePopperScope$3(__scopeMenu);
-  const [content, setContent] = React$H.useState(null);
-  const isUsingKeyboardRef = React$H.useRef(false);
+  const [content, setContent] = React$J.useState(null);
+  const isUsingKeyboardRef = React$J.useRef(false);
   const handleOpenChange = useCallbackRef$1(onOpenChange);
   const direction = useDirection(dir);
-  React$H.useEffect(() => {
+  React$J.useEffect(() => {
     const handleKeyDown = () => {
       isUsingKeyboardRef.current = true;
       document.addEventListener("pointerdown", handlePointer, { capture: true, once: true });
@@ -8467,7 +8467,7 @@ var Menu = (props) => {
         MenuRootProvider,
         {
           scope: __scopeMenu,
-          onClose: React$H.useCallback(() => handleOpenChange(false), [handleOpenChange]),
+          onClose: React$J.useCallback(() => handleOpenChange(false), [handleOpenChange]),
           isUsingKeyboardRef,
           dir: direction,
           modal,
@@ -8479,7 +8479,7 @@ var Menu = (props) => {
 };
 Menu.displayName = MENU_NAME;
 var ANCHOR_NAME$1 = "MenuAnchor";
-var MenuAnchor = React$H.forwardRef(
+var MenuAnchor = React$J.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...anchorProps } = props;
     const popperScope = usePopperScope$3(__scopeMenu);
@@ -8499,7 +8499,7 @@ var MenuPortal = (props) => {
 MenuPortal.displayName = PORTAL_NAME$4;
 var CONTENT_NAME$6 = "MenuContent";
 var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$6);
-var MenuContent = React$H.forwardRef(
+var MenuContent = React$J.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext$2(CONTENT_NAME$6, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
@@ -8508,12 +8508,12 @@ var MenuContent = React$H.forwardRef(
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Collection$2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Collection$2.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsxRuntimeExports.jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntimeExports.jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
   }
 );
-var MenuRootContentModal = React$H.forwardRef(
+var MenuRootContentModal = React$J.forwardRef(
   (props, forwardedRef) => {
     const context = useMenuContext(CONTENT_NAME$6, props.__scopeMenu);
-    const ref = React$H.useRef(null);
+    const ref = React$J.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    React$H.useEffect(() => {
+    React$J.useEffect(() => {
       const content = ref.current;
       if (content) return hideOthers(content);
     }, []);
@@ -8535,7 +8535,7 @@ var MenuRootContentModal = React$H.forwardRef(
     );
   }
 );
-var MenuRootContentNonModal = React$H.forwardRef((props, forwardedRef) => {
+var MenuRootContentNonModal = React$J.forwardRef((props, forwardedRef) => {
   const context = useMenuContext(CONTENT_NAME$6, props.__scopeMenu);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     MenuContentImpl,
@@ -8550,7 +8550,7 @@ var MenuRootContentNonModal = React$H.forwardRef((props, forwardedRef) => {
   );
 });
 var Slot$2 = createSlot("MenuContent.ScrollLock");
-var MenuContentImpl = React$H.forwardRef(
+var MenuContentImpl = React$J.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeMenu,
@@ -8573,16 +8573,16 @@ var MenuContentImpl = React$H.forwardRef(
     const popperScope = usePopperScope$3(__scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
     const getItems = useCollection$2(__scopeMenu);
-    const [currentItemId, setCurrentItemId] = React$H.useState(null);
-    const contentRef = React$H.useRef(null);
+    const [currentItemId, setCurrentItemId] = React$J.useState(null);
+    const contentRef = React$J.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
-    const timerRef = React$H.useRef(0);
-    const searchRef = React$H.useRef("");
-    const pointerGraceTimerRef = React$H.useRef(0);
-    const pointerGraceIntentRef = React$H.useRef(null);
-    const pointerDirRef = React$H.useRef("right");
-    const lastPointerXRef = React$H.useRef(0);
-    const ScrollLockWrapper = disableOutsideScroll ? ReactRemoveScroll : React$H.Fragment;
+    const timerRef = React$J.useRef(0);
+    const searchRef = React$J.useRef("");
+    const pointerGraceTimerRef = React$J.useRef(0);
+    const pointerGraceIntentRef = React$J.useRef(null);
+    const pointerDirRef = React$J.useRef("right");
+    const lastPointerXRef = React$J.useRef(0);
+    const ScrollLockWrapper = disableOutsideScroll ? ReactRemoveScroll : React$J.Fragment;
     const scrollLockWrapperProps = disableOutsideScroll ? { as: Slot$2, allowPinchZoom: true } : void 0;
     const handleTypeaheadSearch = (key) => {
       const search = searchRef.current + key;
@@ -8601,11 +8601,11 @@ var MenuContentImpl = React$H.forwardRef(
         setTimeout(() => newItem.focus());
       }
     };
-    React$H.useEffect(() => {
+    React$J.useEffect(() => {
       return () => window.clearTimeout(timerRef.current);
     }, []);
     useFocusGuards();
-    const isPointerMovingToSubmenu = React$H.useCallback((event) => {
+    const isPointerMovingToSubmenu = React$J.useCallback((event) => {
       const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
       return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
     }, []);
@@ -8614,13 +8614,13 @@ var MenuContentImpl = React$H.forwardRef(
       {
         scope: __scopeMenu,
         searchRef,
-        onItemEnter: React$H.useCallback(
+        onItemEnter: React$J.useCallback(
           (event) => {
             if (isPointerMovingToSubmenu(event)) event.preventDefault();
           },
           [isPointerMovingToSubmenu]
         ),
-        onItemLeave: React$H.useCallback(
+        onItemLeave: React$J.useCallback(
           (event) => {
             if (isPointerMovingToSubmenu(event)) return;
             contentRef.current?.focus();
@@ -8628,14 +8628,14 @@ var MenuContentImpl = React$H.forwardRef(
           },
           [isPointerMovingToSubmenu]
         ),
-        onTriggerLeave: React$H.useCallback(
+        onTriggerLeave: React$J.useCallback(
           (event) => {
             if (isPointerMovingToSubmenu(event)) event.preventDefault();
           },
           [isPointerMovingToSubmenu]
         ),
         pointerGraceTimerRef,
-        onPointerGraceIntentChange: React$H.useCallback((intent) => {
+        onPointerGraceIntentChange: React$J.useCallback((intent) => {
           pointerGraceIntentRef.current = intent;
         }, []),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -8734,7 +8734,7 @@ var MenuContentImpl = React$H.forwardRef(
 );
 MenuContent.displayName = CONTENT_NAME$6;
 var GROUP_NAME$2 = "MenuGroup";
-var MenuGroup = React$H.forwardRef(
+var MenuGroup = React$J.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...groupProps } = props;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
@@ -8742,7 +8742,7 @@ var MenuGroup = React$H.forwardRef(
 );
 MenuGroup.displayName = GROUP_NAME$2;
 var LABEL_NAME$2 = "MenuLabel";
-var MenuLabel = React$H.forwardRef(
+var MenuLabel = React$J.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...labelProps } = props;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
@@ -8751,14 +8751,14 @@ var MenuLabel = React$H.forwardRef(
 MenuLabel.displayName = LABEL_NAME$2;
 var ITEM_NAME$3 = "MenuItem";
 var ITEM_SELECT = "menu.itemSelect";
-var MenuItem = React$H.forwardRef(
+var MenuItem = React$J.forwardRef(
   (props, forwardedRef) => {
     const { disabled = false, onSelect, ...itemProps } = props;
-    const ref = React$H.useRef(null);
+    const ref = React$J.useRef(null);
     const rootContext = useMenuRootContext(ITEM_NAME$3, props.__scopeMenu);
     const contentContext = useMenuContentContext(ITEM_NAME$3, props.__scopeMenu);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    const isPointerDownRef = React$H.useRef(false);
+    const isPointerDownRef = React$J.useRef(false);
     const handleSelect = () => {
       const menuItem = ref.current;
       if (!disabled && menuItem) {
@@ -8799,16 +8799,16 @@ var MenuItem = React$H.forwardRef(
   }
 );
 MenuItem.displayName = ITEM_NAME$3;
-var MenuItemImpl = React$H.forwardRef(
+var MenuItemImpl = React$J.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
     const contentContext = useMenuContentContext(ITEM_NAME$3, __scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
-    const ref = React$H.useRef(null);
+    const ref = React$J.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    const [isFocused, setIsFocused] = React$H.useState(false);
-    const [textContent, setTextContent] = React$H.useState("");
-    React$H.useEffect(() => {
+    const [isFocused, setIsFocused] = React$J.useState(false);
+    const [textContent, setTextContent] = React$J.useState("");
+    React$J.useEffect(() => {
       const menuItem = ref.current;
       if (menuItem) {
         setTextContent((menuItem.textContent ?? "").trim());
@@ -8856,7 +8856,7 @@ var MenuItemImpl = React$H.forwardRef(
   }
 );
 var CHECKBOX_ITEM_NAME$1 = "MenuCheckboxItem";
-var MenuCheckboxItem = React$H.forwardRef(
+var MenuCheckboxItem = React$J.forwardRef(
   (props, forwardedRef) => {
     const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -8883,7 +8883,7 @@ var [RadioGroupProvider, useRadioGroupContext] = createMenuContext(
   { value: void 0, onValueChange: () => {
   } }
 );
-var MenuRadioGroup = React$H.forwardRef(
+var MenuRadioGroup = React$J.forwardRef(
   (props, forwardedRef) => {
     const { value, onValueChange, ...groupProps } = props;
     const handleValueChange = useCallbackRef$1(onValueChange);
@@ -8892,7 +8892,7 @@ var MenuRadioGroup = React$H.forwardRef(
 );
 MenuRadioGroup.displayName = RADIO_GROUP_NAME$1;
 var RADIO_ITEM_NAME$1 = "MenuRadioItem";
-var MenuRadioItem = React$H.forwardRef(
+var MenuRadioItem = React$J.forwardRef(
   (props, forwardedRef) => {
     const { value, ...radioItemProps } = props;
     const context = useRadioGroupContext(RADIO_ITEM_NAME$1, props.__scopeMenu);
@@ -8920,7 +8920,7 @@ var [ItemIndicatorProvider, useItemIndicatorContext] = createMenuContext(
   ITEM_INDICATOR_NAME$1,
   { checked: false }
 );
-var MenuItemIndicator = React$H.forwardRef(
+var MenuItemIndicator = React$J.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
     const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME$1, __scopeMenu);
@@ -8942,7 +8942,7 @@ var MenuItemIndicator = React$H.forwardRef(
 );
 MenuItemIndicator.displayName = ITEM_INDICATOR_NAME$1;
 var SEPARATOR_NAME$2 = "MenuSeparator";
-var MenuSeparator = React$H.forwardRef(
+var MenuSeparator = React$J.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...separatorProps } = props;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -8958,7 +8958,7 @@ var MenuSeparator = React$H.forwardRef(
 );
 MenuSeparator.displayName = SEPARATOR_NAME$2;
 var ARROW_NAME$4 = "MenuArrow";
-var MenuArrow = React$H.forwardRef(
+var MenuArrow = React$J.forwardRef(
   (props, forwardedRef) => {
     const { __scopeMenu, ...arrowProps } = props;
     const popperScope = usePopperScope$3(__scopeMenu);
@@ -8972,10 +8972,10 @@ var MenuSub = (props) => {
   const { __scopeMenu, children, open = false, onOpenChange } = props;
   const parentMenuContext = useMenuContext(SUB_NAME$1, __scopeMenu);
   const popperScope = usePopperScope$3(__scopeMenu);
-  const [trigger, setTrigger] = React$H.useState(null);
-  const [content, setContent] = React$H.useState(null);
+  const [trigger, setTrigger] = React$J.useState(null);
+  const [content, setContent] = React$J.useState(null);
   const handleOpenChange = useCallbackRef$1(onOpenChange);
-  React$H.useEffect(() => {
+  React$J.useEffect(() => {
     if (parentMenuContext.open === false) handleOpenChange(false);
     return () => handleOpenChange(false);
   }, [parentMenuContext.open, handleOpenChange]);
@@ -9003,21 +9003,21 @@ var MenuSub = (props) => {
 };
 MenuSub.displayName = SUB_NAME$1;
 var SUB_TRIGGER_NAME$1 = "MenuSubTrigger";
-var MenuSubTrigger = React$H.forwardRef(
+var MenuSubTrigger = React$J.forwardRef(
   (props, forwardedRef) => {
     const context = useMenuContext(SUB_TRIGGER_NAME$1, props.__scopeMenu);
     const rootContext = useMenuRootContext(SUB_TRIGGER_NAME$1, props.__scopeMenu);
     const subContext = useMenuSubContext(SUB_TRIGGER_NAME$1, props.__scopeMenu);
     const contentContext = useMenuContentContext(SUB_TRIGGER_NAME$1, props.__scopeMenu);
-    const openTimerRef = React$H.useRef(null);
+    const openTimerRef = React$J.useRef(null);
     const { pointerGraceTimerRef, onPointerGraceIntentChange } = contentContext;
     const scope = { __scopeMenu: props.__scopeMenu };
-    const clearOpenTimer = React$H.useCallback(() => {
+    const clearOpenTimer = React$J.useCallback(() => {
       if (openTimerRef.current) window.clearTimeout(openTimerRef.current);
       openTimerRef.current = null;
     }, []);
-    React$H.useEffect(() => clearOpenTimer, [clearOpenTimer]);
-    React$H.useEffect(() => {
+    React$J.useEffect(() => clearOpenTimer, [clearOpenTimer]);
+    React$J.useEffect(() => {
       const pointerGraceTimer = pointerGraceTimerRef.current;
       return () => {
         window.clearTimeout(pointerGraceTimer);
@@ -9104,14 +9104,14 @@ var MenuSubTrigger = React$H.forwardRef(
 );
 MenuSubTrigger.displayName = SUB_TRIGGER_NAME$1;
 var SUB_CONTENT_NAME$1 = "MenuSubContent";
-var MenuSubContent = React$H.forwardRef(
+var MenuSubContent = React$J.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext$2(CONTENT_NAME$6, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...subContentProps } = props;
     const context = useMenuContext(CONTENT_NAME$6, props.__scopeMenu);
     const rootContext = useMenuRootContext(CONTENT_NAME$6, props.__scopeMenu);
     const subContext = useMenuSubContext(SUB_CONTENT_NAME$1, props.__scopeMenu);
-    const ref = React$H.useRef(null);
+    const ref = React$J.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Collection$2.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Collection$2.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       MenuContentImpl,
@@ -9224,7 +9224,7 @@ var SubTrigger = MenuSubTrigger;
 var SubContent = MenuSubContent;
 
 // src/dropdown-menu.tsx
-const React$G = await importShared('react');
+const React$I = await importShared('react');
 var DROPDOWN_MENU_NAME = "DropdownMenu";
 var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
   DROPDOWN_MENU_NAME,
@@ -9243,7 +9243,7 @@ var DropdownMenu$1 = (props) => {
     modal = true
   } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  const triggerRef = React$G.useRef(null);
+  const triggerRef = React$I.useRef(null);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
@@ -9259,7 +9259,7 @@ var DropdownMenu$1 = (props) => {
       contentId: useId$4(),
       open,
       onOpenChange: setOpen,
-      onOpenToggle: React$G.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      onOpenToggle: React$I.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       modal,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(Root3$1, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
     }
@@ -9267,7 +9267,7 @@ var DropdownMenu$1 = (props) => {
 };
 DropdownMenu$1.displayName = DROPDOWN_MENU_NAME;
 var TRIGGER_NAME$5 = "DropdownMenuTrigger";
-var DropdownMenuTrigger$1 = React$G.forwardRef(
+var DropdownMenuTrigger$1 = React$I.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
     const context = useDropdownMenuContext(TRIGGER_NAME$5, __scopeDropdownMenu);
@@ -9310,12 +9310,12 @@ var DropdownMenuPortal$1 = (props) => {
 };
 DropdownMenuPortal$1.displayName = PORTAL_NAME$3;
 var CONTENT_NAME$5 = "DropdownMenuContent";
-var DropdownMenuContent$1 = React$G.forwardRef(
+var DropdownMenuContent$1 = React$I.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...contentProps } = props;
     const context = useDropdownMenuContext(CONTENT_NAME$5, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    const hasInteractedOutsideRef = React$G.useRef(false);
+    const hasInteractedOutsideRef = React$I.useRef(false);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       Content2$4,
       {
@@ -9352,7 +9352,7 @@ var DropdownMenuContent$1 = React$G.forwardRef(
 );
 DropdownMenuContent$1.displayName = CONTENT_NAME$5;
 var GROUP_NAME$1 = "DropdownMenuGroup";
-var DropdownMenuGroup$1 = React$G.forwardRef(
+var DropdownMenuGroup$1 = React$I.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...groupProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -9361,7 +9361,7 @@ var DropdownMenuGroup$1 = React$G.forwardRef(
 );
 DropdownMenuGroup$1.displayName = GROUP_NAME$1;
 var LABEL_NAME$1 = "DropdownMenuLabel";
-var DropdownMenuLabel$1 = React$G.forwardRef(
+var DropdownMenuLabel$1 = React$I.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...labelProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -9370,7 +9370,7 @@ var DropdownMenuLabel$1 = React$G.forwardRef(
 );
 DropdownMenuLabel$1.displayName = LABEL_NAME$1;
 var ITEM_NAME$2 = "DropdownMenuItem";
-var DropdownMenuItem$1 = React$G.forwardRef(
+var DropdownMenuItem$1 = React$I.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...itemProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -9379,42 +9379,42 @@ var DropdownMenuItem$1 = React$G.forwardRef(
 );
 DropdownMenuItem$1.displayName = ITEM_NAME$2;
 var CHECKBOX_ITEM_NAME = "DropdownMenuCheckboxItem";
-var DropdownMenuCheckboxItem$1 = React$G.forwardRef((props, forwardedRef) => {
+var DropdownMenuCheckboxItem$1 = React$I.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...checkboxItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
 });
 DropdownMenuCheckboxItem$1.displayName = CHECKBOX_ITEM_NAME;
 var RADIO_GROUP_NAME = "DropdownMenuRadioGroup";
-var DropdownMenuRadioGroup$1 = React$G.forwardRef((props, forwardedRef) => {
+var DropdownMenuRadioGroup$1 = React$I.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioGroupProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
 });
 DropdownMenuRadioGroup$1.displayName = RADIO_GROUP_NAME;
 var RADIO_ITEM_NAME = "DropdownMenuRadioItem";
-var DropdownMenuRadioItem$1 = React$G.forwardRef((props, forwardedRef) => {
+var DropdownMenuRadioItem$1 = React$I.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...radioItemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
 });
 DropdownMenuRadioItem$1.displayName = RADIO_ITEM_NAME;
 var INDICATOR_NAME$1 = "DropdownMenuItemIndicator";
-var DropdownMenuItemIndicator = React$G.forwardRef((props, forwardedRef) => {
+var DropdownMenuItemIndicator = React$I.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ItemIndicator$1, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
 });
 DropdownMenuItemIndicator.displayName = INDICATOR_NAME$1;
 var SEPARATOR_NAME$1 = "DropdownMenuSeparator";
-var DropdownMenuSeparator$1 = React$G.forwardRef((props, forwardedRef) => {
+var DropdownMenuSeparator$1 = React$I.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...separatorProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Separator$3, { ...menuScope, ...separatorProps, ref: forwardedRef });
 });
 DropdownMenuSeparator$1.displayName = SEPARATOR_NAME$1;
 var ARROW_NAME$3 = "DropdownMenuArrow";
-var DropdownMenuArrow = React$G.forwardRef(
+var DropdownMenuArrow = React$I.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...arrowProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -9434,14 +9434,14 @@ var DropdownMenuSub$1 = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Sub, { ...menuScope, open, onOpenChange: setOpen, children });
 };
 var SUB_TRIGGER_NAME = "DropdownMenuSubTrigger";
-var DropdownMenuSubTrigger$1 = React$G.forwardRef((props, forwardedRef) => {
+var DropdownMenuSubTrigger$1 = React$I.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subTriggerProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
 });
 DropdownMenuSubTrigger$1.displayName = SUB_TRIGGER_NAME;
 var SUB_CONTENT_NAME = "DropdownMenuSubContent";
-var DropdownMenuSubContent$1 = React$G.forwardRef((props, forwardedRef) => {
+var DropdownMenuSubContent$1 = React$I.forwardRef((props, forwardedRef) => {
   const { __scopeDropdownMenu, ...subContentProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -9482,9 +9482,9 @@ var SubTrigger2 = DropdownMenuSubTrigger$1;
 var SubContent2 = DropdownMenuSubContent$1;
 
 // src/label.tsx
-const React$F = await importShared('react');
+const React$H = await importShared('react');
 var NAME$1 = "Label";
-var Label$2 = React$F.forwardRef((props, forwardedRef) => {
+var Label$2 = React$H.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Primitive.label,
     {
@@ -9503,7 +9503,7 @@ Label$2.displayName = NAME$1;
 var Root$4 = Label$2;
 
 // src/navigation-menu.tsx
-const React$E = await importShared('react');
+const React$G = await importShared('react');
 
 const ReactDOM$2 = await importShared('react-dom');
 var NAVIGATION_MENU_NAME = "NavigationMenu";
@@ -9515,7 +9515,7 @@ var [createNavigationMenuContext, createNavigationMenuScope] = createContextScop
 );
 var [NavigationMenuProviderImpl, useNavigationMenuContext] = createNavigationMenuContext(NAVIGATION_MENU_NAME);
 var [ViewportContentProvider, useViewportContentContext] = createNavigationMenuContext(NAVIGATION_MENU_NAME);
-var NavigationMenu$1 = React$E.forwardRef(
+var NavigationMenu$1 = React$G.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeNavigationMenu,
@@ -9528,13 +9528,13 @@ var NavigationMenu$1 = React$E.forwardRef(
       dir,
       ...NavigationMenuProps
     } = props;
-    const [navigationMenu, setNavigationMenu] = React$E.useState(null);
+    const [navigationMenu, setNavigationMenu] = React$G.useState(null);
     const composedRef = useComposedRefs(forwardedRef, (node) => setNavigationMenu(node));
     const direction = useDirection(dir);
-    const openTimerRef = React$E.useRef(0);
-    const closeTimerRef = React$E.useRef(0);
-    const skipDelayTimerRef = React$E.useRef(0);
-    const [isOpenDelayed, setIsOpenDelayed] = React$E.useState(true);
+    const openTimerRef = React$G.useRef(0);
+    const closeTimerRef = React$G.useRef(0);
+    const skipDelayTimerRef = React$G.useRef(0);
+    const [isOpenDelayed, setIsOpenDelayed] = React$G.useState(true);
     const [value, setValue] = useControllableState({
       prop: valueProp,
       onChange: (value2) => {
@@ -9555,18 +9555,18 @@ var NavigationMenu$1 = React$E.forwardRef(
       defaultProp: defaultValue ?? "",
       caller: NAVIGATION_MENU_NAME
     });
-    const startCloseTimer = React$E.useCallback(() => {
+    const startCloseTimer = React$G.useCallback(() => {
       window.clearTimeout(closeTimerRef.current);
       closeTimerRef.current = window.setTimeout(() => setValue(""), 150);
     }, [setValue]);
-    const handleOpen = React$E.useCallback(
+    const handleOpen = React$G.useCallback(
       (itemValue) => {
         window.clearTimeout(closeTimerRef.current);
         setValue(itemValue);
       },
       [setValue]
     );
-    const handleDelayedOpen = React$E.useCallback(
+    const handleDelayedOpen = React$G.useCallback(
       (itemValue) => {
         const isOpenItem = value === itemValue;
         if (isOpenItem) {
@@ -9580,7 +9580,7 @@ var NavigationMenu$1 = React$E.forwardRef(
       },
       [value, setValue, delayDuration]
     );
-    React$E.useEffect(() => {
+    React$G.useEffect(() => {
       return () => {
         window.clearTimeout(openTimerRef.current);
         window.clearTimeout(closeTimerRef.current);
@@ -9627,7 +9627,7 @@ var NavigationMenu$1 = React$E.forwardRef(
 );
 NavigationMenu$1.displayName = NAVIGATION_MENU_NAME;
 var SUB_NAME = "NavigationMenuSub";
-var NavigationMenuSub = React$E.forwardRef(
+var NavigationMenuSub = React$G.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeNavigationMenu,
@@ -9678,9 +9678,9 @@ var NavigationMenuProvider = (props) => {
     onContentEnter,
     onContentLeave
   } = props;
-  const [viewport, setViewport] = React$E.useState(null);
-  const [viewportContent, setViewportContent] = React$E.useState(/* @__PURE__ */ new Map());
-  const [indicatorTrack, setIndicatorTrack] = React$E.useState(null);
+  const [viewport, setViewport] = React$G.useState(null);
+  const [viewportContent, setViewportContent] = React$G.useState(/* @__PURE__ */ new Map());
+  const [indicatorTrack, setIndicatorTrack] = React$G.useState(null);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     NavigationMenuProviderImpl,
     {
@@ -9702,13 +9702,13 @@ var NavigationMenuProvider = (props) => {
       onContentLeave: useCallbackRef$1(onContentLeave),
       onItemSelect: useCallbackRef$1(onItemSelect),
       onItemDismiss: useCallbackRef$1(onItemDismiss),
-      onViewportContentChange: React$E.useCallback((contentValue, contentData) => {
+      onViewportContentChange: React$G.useCallback((contentValue, contentData) => {
         setViewportContent((prevContent) => {
           prevContent.set(contentValue, contentData);
           return new Map(prevContent);
         });
       }, []),
-      onViewportContentRemove: React$E.useCallback((contentValue) => {
+      onViewportContentRemove: React$G.useCallback((contentValue) => {
         setViewportContent((prevContent) => {
           if (!prevContent.has(contentValue)) return prevContent;
           prevContent.delete(contentValue);
@@ -9720,7 +9720,7 @@ var NavigationMenuProvider = (props) => {
   );
 };
 var LIST_NAME = "NavigationMenuList";
-var NavigationMenuList$1 = React$E.forwardRef(
+var NavigationMenuList$1 = React$G.forwardRef(
   (props, forwardedRef) => {
     const { __scopeNavigationMenu, ...listProps } = props;
     const context = useNavigationMenuContext(LIST_NAME, __scopeNavigationMenu);
@@ -9731,25 +9731,25 @@ var NavigationMenuList$1 = React$E.forwardRef(
 NavigationMenuList$1.displayName = LIST_NAME;
 var ITEM_NAME$1 = "NavigationMenuItem";
 var [NavigationMenuItemContextProvider, useNavigationMenuItemContext] = createNavigationMenuContext(ITEM_NAME$1);
-var NavigationMenuItem$1 = React$E.forwardRef(
+var NavigationMenuItem$1 = React$G.forwardRef(
   (props, forwardedRef) => {
     const { __scopeNavigationMenu, value: valueProp, ...itemProps } = props;
     const autoValue = useId$4();
     const value = valueProp || autoValue || "LEGACY_REACT_AUTO_VALUE";
-    const contentRef = React$E.useRef(null);
-    const triggerRef = React$E.useRef(null);
-    const focusProxyRef = React$E.useRef(null);
-    const restoreContentTabOrderRef = React$E.useRef(() => {
+    const contentRef = React$G.useRef(null);
+    const triggerRef = React$G.useRef(null);
+    const focusProxyRef = React$G.useRef(null);
+    const restoreContentTabOrderRef = React$G.useRef(() => {
     });
-    const wasEscapeCloseRef = React$E.useRef(false);
-    const handleContentEntry = React$E.useCallback((side = "start") => {
+    const wasEscapeCloseRef = React$G.useRef(false);
+    const handleContentEntry = React$G.useCallback((side = "start") => {
       if (contentRef.current) {
         restoreContentTabOrderRef.current();
         const candidates = getTabbableCandidates(contentRef.current);
         if (candidates.length) focusFirst(side === "start" ? candidates : candidates.reverse());
       }
     }, []);
-    const handleContentExit = React$E.useCallback(() => {
+    const handleContentExit = React$G.useCallback(() => {
       if (contentRef.current) {
         const candidates = getTabbableCandidates(contentRef.current);
         if (candidates.length) restoreContentTabOrderRef.current = removeFromTabOrder(candidates);
@@ -9775,16 +9775,16 @@ var NavigationMenuItem$1 = React$E.forwardRef(
 );
 NavigationMenuItem$1.displayName = ITEM_NAME$1;
 var TRIGGER_NAME$4 = "NavigationMenuTrigger";
-var NavigationMenuTrigger$1 = React$E.forwardRef((props, forwardedRef) => {
+var NavigationMenuTrigger$1 = React$G.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, disabled, ...triggerProps } = props;
   const context = useNavigationMenuContext(TRIGGER_NAME$4, props.__scopeNavigationMenu);
   const itemContext = useNavigationMenuItemContext(TRIGGER_NAME$4, props.__scopeNavigationMenu);
-  const ref = React$E.useRef(null);
+  const ref = React$G.useRef(null);
   const composedRefs = useComposedRefs(ref, itemContext.triggerRef, forwardedRef);
   const triggerId = makeTriggerId$1(context.baseId, itemContext.value);
   const contentId = makeContentId$1(context.baseId, itemContext.value);
-  const hasPointerMoveOpenedRef = React$E.useRef(false);
-  const wasClickCloseRef = React$E.useRef(false);
+  const hasPointerMoveOpenedRef = React$G.useRef(false);
+  const wasClickCloseRef = React$G.useRef(false);
   const open = itemContext.value === context.value;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Collection$1.ItemSlot, { scope: __scopeNavigationMenu, value: itemContext.value, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -9858,7 +9858,7 @@ var NavigationMenuTrigger$1 = React$E.forwardRef((props, forwardedRef) => {
 NavigationMenuTrigger$1.displayName = TRIGGER_NAME$4;
 var LINK_NAME = "NavigationMenuLink";
 var LINK_SELECT = "navigationMenu.linkSelect";
-var NavigationMenuLink$1 = React$E.forwardRef(
+var NavigationMenuLink$1 = React$G.forwardRef(
   (props, forwardedRef) => {
     const { __scopeNavigationMenu, active, onSelect, ...linkProps } = props;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(FocusGroupItem, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -9894,7 +9894,7 @@ var NavigationMenuLink$1 = React$E.forwardRef(
 );
 NavigationMenuLink$1.displayName = LINK_NAME;
 var INDICATOR_NAME = "NavigationMenuIndicator";
-var NavigationMenuIndicator$1 = React$E.forwardRef((props, forwardedRef) => {
+var NavigationMenuIndicator$1 = React$G.forwardRef((props, forwardedRef) => {
   const { forceMount, ...indicatorProps } = props;
   const context = useNavigationMenuContext(INDICATOR_NAME, props.__scopeNavigationMenu);
   const isVisible = Boolean(context.value);
@@ -9904,17 +9904,17 @@ var NavigationMenuIndicator$1 = React$E.forwardRef((props, forwardedRef) => {
   ) : null;
 });
 NavigationMenuIndicator$1.displayName = INDICATOR_NAME;
-var NavigationMenuIndicatorImpl = React$E.forwardRef((props, forwardedRef) => {
+var NavigationMenuIndicatorImpl = React$G.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, ...indicatorProps } = props;
   const context = useNavigationMenuContext(INDICATOR_NAME, __scopeNavigationMenu);
   const getItems = useCollection$1(__scopeNavigationMenu);
-  const [activeTrigger, setActiveTrigger] = React$E.useState(
+  const [activeTrigger, setActiveTrigger] = React$G.useState(
     null
   );
-  const [position, setPosition] = React$E.useState(null);
+  const [position, setPosition] = React$G.useState(null);
   const isHorizontal = context.orientation === "horizontal";
   const isVisible = Boolean(context.value);
-  React$E.useEffect(() => {
+  React$G.useEffect(() => {
     const items = getItems();
     const triggerNode = items.find((item) => item.value === context.value)?.ref.current;
     if (triggerNode) setActiveTrigger(triggerNode);
@@ -9954,7 +9954,7 @@ var NavigationMenuIndicatorImpl = React$E.forwardRef((props, forwardedRef) => {
   ) : null;
 });
 var CONTENT_NAME$4 = "NavigationMenuContent";
-var NavigationMenuContent$1 = React$E.forwardRef((props, forwardedRef) => {
+var NavigationMenuContent$1 = React$G.forwardRef((props, forwardedRef) => {
   const { forceMount, ...contentProps } = props;
   const context = useNavigationMenuContext(CONTENT_NAME$4, props.__scopeNavigationMenu);
   const itemContext = useNavigationMenuItemContext(CONTENT_NAME$4, props.__scopeNavigationMenu);
@@ -9989,7 +9989,7 @@ var NavigationMenuContent$1 = React$E.forwardRef((props, forwardedRef) => {
   ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ViewportContentMounter, { forceMount, ...commonProps, ref: composedRefs });
 });
 NavigationMenuContent$1.displayName = CONTENT_NAME$4;
-var ViewportContentMounter = React$E.forwardRef((props, forwardedRef) => {
+var ViewportContentMounter = React$G.forwardRef((props, forwardedRef) => {
   const context = useNavigationMenuContext(CONTENT_NAME$4, props.__scopeNavigationMenu);
   const { onViewportContentChange, onViewportContentRemove } = context;
   useLayoutEffect2(() => {
@@ -10004,7 +10004,7 @@ var ViewportContentMounter = React$E.forwardRef((props, forwardedRef) => {
   return null;
 });
 var ROOT_CONTENT_DISMISS = "navigationMenu.rootContentDismiss";
-var NavigationMenuContentImpl = React$E.forwardRef((props, forwardedRef) => {
+var NavigationMenuContentImpl = React$G.forwardRef((props, forwardedRef) => {
   const {
     __scopeNavigationMenu,
     value,
@@ -10016,14 +10016,14 @@ var NavigationMenuContentImpl = React$E.forwardRef((props, forwardedRef) => {
     ...contentProps
   } = props;
   const context = useNavigationMenuContext(CONTENT_NAME$4, __scopeNavigationMenu);
-  const ref = React$E.useRef(null);
+  const ref = React$G.useRef(null);
   const composedRefs = useComposedRefs(ref, forwardedRef);
   const triggerId = makeTriggerId$1(context.baseId, value);
   const contentId = makeContentId$1(context.baseId, value);
   const getItems = useCollection$1(__scopeNavigationMenu);
-  const prevMotionAttributeRef = React$E.useRef(null);
+  const prevMotionAttributeRef = React$G.useRef(null);
   const { onItemDismiss } = context;
-  React$E.useEffect(() => {
+  React$G.useEffect(() => {
     const content = ref.current;
     if (context.isRootMenu && content) {
       const handleClose = () => {
@@ -10035,7 +10035,7 @@ var NavigationMenuContentImpl = React$E.forwardRef((props, forwardedRef) => {
       return () => content.removeEventListener(ROOT_CONTENT_DISMISS, handleClose);
     }
   }, [context.isRootMenu, props.value, triggerRef, onItemDismiss, onRootContentClose]);
-  const motionAttribute = React$E.useMemo(() => {
+  const motionAttribute = React$G.useMemo(() => {
     const items = getItems();
     const values = items.map((item) => item.value);
     if (context.dir === "rtl") values.reverse();
@@ -10105,14 +10105,14 @@ var NavigationMenuContentImpl = React$E.forwardRef((props, forwardedRef) => {
   ) });
 });
 var VIEWPORT_NAME$2 = "NavigationMenuViewport";
-var NavigationMenuViewport$1 = React$E.forwardRef((props, forwardedRef) => {
+var NavigationMenuViewport$1 = React$G.forwardRef((props, forwardedRef) => {
   const { forceMount, ...viewportProps } = props;
   const context = useNavigationMenuContext(VIEWPORT_NAME$2, props.__scopeNavigationMenu);
   const open = Boolean(context.value);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Presence, { present: forceMount || open, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavigationMenuViewportImpl, { ...viewportProps, ref: forwardedRef }) });
 });
 NavigationMenuViewport$1.displayName = VIEWPORT_NAME$2;
-var NavigationMenuViewportImpl = React$E.forwardRef((props, forwardedRef) => {
+var NavigationMenuViewportImpl = React$G.forwardRef((props, forwardedRef) => {
   const { __scopeNavigationMenu, children, ...viewportImplProps } = props;
   const context = useNavigationMenuContext(VIEWPORT_NAME$2, __scopeNavigationMenu);
   const composedRefs = useComposedRefs(forwardedRef, context.onViewportChange);
@@ -10120,8 +10120,8 @@ var NavigationMenuViewportImpl = React$E.forwardRef((props, forwardedRef) => {
     CONTENT_NAME$4,
     props.__scopeNavigationMenu
   );
-  const [size, setSize] = React$E.useState(null);
-  const [content, setContent] = React$E.useState(null);
+  const [size, setSize] = React$G.useState(null);
+  const [content, setContent] = React$G.useState(null);
   const viewportWidth = size ? size?.width + "px" : void 0;
   const viewportHeight = size ? size?.height + "px" : void 0;
   const open = Boolean(context.value);
@@ -10162,7 +10162,7 @@ var NavigationMenuViewportImpl = React$E.forwardRef((props, forwardedRef) => {
   );
 });
 var FOCUS_GROUP_NAME = "FocusGroup";
-var FocusGroup = React$E.forwardRef(
+var FocusGroup = React$G.forwardRef(
   (props, forwardedRef) => {
     const { __scopeNavigationMenu, ...groupProps } = props;
     const context = useNavigationMenuContext(FOCUS_GROUP_NAME, __scopeNavigationMenu);
@@ -10171,7 +10171,7 @@ var FocusGroup = React$E.forwardRef(
 );
 var ARROW_KEYS = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"];
 var FOCUS_GROUP_ITEM_NAME = "FocusGroupItem";
-var FocusGroupItem = React$E.forwardRef(
+var FocusGroupItem = React$G.forwardRef(
   (props, forwardedRef) => {
     const { __scopeNavigationMenu, ...groupProps } = props;
     const getItems = useFocusGroupCollection(__scopeNavigationMenu);
@@ -10276,7 +10276,7 @@ function clamp(value, [min, max]) {
 }
 
 // src/popover.tsx
-const React$D = await importShared('react');
+const React$F = await importShared('react');
 var POPOVER_NAME = "Popover";
 var [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [
   createPopperScope
@@ -10293,8 +10293,8 @@ var Popover$1 = (props) => {
     modal = false
   } = props;
   const popperScope = usePopperScope$2(__scopePopover);
-  const triggerRef = React$D.useRef(null);
-  const [hasCustomAnchor, setHasCustomAnchor] = React$D.useState(false);
+  const triggerRef = React$F.useRef(null);
+  const [hasCustomAnchor, setHasCustomAnchor] = React$F.useState(false);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
@@ -10309,10 +10309,10 @@ var Popover$1 = (props) => {
       triggerRef,
       open,
       onOpenChange: setOpen,
-      onOpenToggle: React$D.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+      onOpenToggle: React$F.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
       hasCustomAnchor,
-      onCustomAnchorAdd: React$D.useCallback(() => setHasCustomAnchor(true), []),
-      onCustomAnchorRemove: React$D.useCallback(() => setHasCustomAnchor(false), []),
+      onCustomAnchorAdd: React$F.useCallback(() => setHasCustomAnchor(true), []),
+      onCustomAnchorRemove: React$F.useCallback(() => setHasCustomAnchor(false), []),
       modal,
       children
     }
@@ -10320,13 +10320,13 @@ var Popover$1 = (props) => {
 };
 Popover$1.displayName = POPOVER_NAME;
 var ANCHOR_NAME = "PopoverAnchor";
-var PopoverAnchor$1 = React$D.forwardRef(
+var PopoverAnchor$1 = React$F.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...anchorProps } = props;
     const context = usePopoverContext(ANCHOR_NAME, __scopePopover);
     const popperScope = usePopperScope$2(__scopePopover);
     const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
-    React$D.useEffect(() => {
+    React$F.useEffect(() => {
       onCustomAnchorAdd();
       return () => onCustomAnchorRemove();
     }, [onCustomAnchorAdd, onCustomAnchorRemove]);
@@ -10335,7 +10335,7 @@ var PopoverAnchor$1 = React$D.forwardRef(
 );
 PopoverAnchor$1.displayName = ANCHOR_NAME;
 var TRIGGER_NAME$3 = "PopoverTrigger";
-var PopoverTrigger$1 = React$D.forwardRef(
+var PopoverTrigger$1 = React$F.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...triggerProps } = props;
     const context = usePopoverContext(TRIGGER_NAME$3, __scopePopover);
@@ -10369,7 +10369,7 @@ var PopoverPortal = (props) => {
 };
 PopoverPortal.displayName = PORTAL_NAME$2;
 var CONTENT_NAME$3 = "PopoverContent";
-var PopoverContent$1 = React$D.forwardRef(
+var PopoverContent$1 = React$F.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext$1(CONTENT_NAME$3, props.__scopePopover);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
@@ -10379,13 +10379,13 @@ var PopoverContent$1 = React$D.forwardRef(
 );
 PopoverContent$1.displayName = CONTENT_NAME$3;
 var Slot$1 = createSlot("PopoverContent.RemoveScroll");
-var PopoverContentModal = React$D.forwardRef(
+var PopoverContentModal = React$F.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME$3, props.__scopePopover);
-    const contentRef = React$D.useRef(null);
+    const contentRef = React$F.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, contentRef);
-    const isRightClickOutsideRef = React$D.useRef(false);
-    React$D.useEffect(() => {
+    const isRightClickOutsideRef = React$F.useRef(false);
+    React$F.useEffect(() => {
       const content = contentRef.current;
       if (content) return hideOthers(content);
     }, []);
@@ -10419,11 +10419,11 @@ var PopoverContentModal = React$D.forwardRef(
     ) });
   }
 );
-var PopoverContentNonModal = React$D.forwardRef(
+var PopoverContentNonModal = React$F.forwardRef(
   (props, forwardedRef) => {
     const context = usePopoverContext(CONTENT_NAME$3, props.__scopePopover);
-    const hasInteractedOutsideRef = React$D.useRef(false);
-    const hasPointerDownOutsideRef = React$D.useRef(false);
+    const hasInteractedOutsideRef = React$F.useRef(false);
+    const hasPointerDownOutsideRef = React$F.useRef(false);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       PopoverContentImpl,
       {
@@ -10459,7 +10459,7 @@ var PopoverContentNonModal = React$D.forwardRef(
     );
   }
 );
-var PopoverContentImpl = React$D.forwardRef(
+var PopoverContentImpl = React$F.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopePopover,
@@ -10523,7 +10523,7 @@ var PopoverContentImpl = React$D.forwardRef(
   }
 );
 var CLOSE_NAME = "PopoverClose";
-var PopoverClose = React$D.forwardRef(
+var PopoverClose = React$F.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverContext(CLOSE_NAME, __scopePopover);
@@ -10540,7 +10540,7 @@ var PopoverClose = React$D.forwardRef(
 );
 PopoverClose.displayName = CLOSE_NAME;
 var ARROW_NAME$2 = "PopoverArrow";
-var PopoverArrow = React$D.forwardRef(
+var PopoverArrow = React$F.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...arrowProps } = props;
     const popperScope = usePopperScope$2(__scopePopover);
@@ -10561,10 +10561,10 @@ var Content2$2 = PopoverContent$1;
 const React2 = await importShared('react');
 
 // src/use-state-machine.ts
-const React$C = await importShared('react');
+const React$E = await importShared('react');
 
 function useStateMachine(initialState, machine) {
-  return React$C.useReducer((state, event) => {
+  return React$E.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
   }, initialState);
@@ -11269,7 +11269,7 @@ var Viewport$1 = ScrollAreaViewport;
 var Corner = ScrollAreaCorner;
 
 // src/select.tsx
-const React$B = await importShared('react');
+const React$D = await importShared('react');
 
 const ReactDOM$1 = await importShared('react-dom');
 var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
@@ -11301,9 +11301,9 @@ var Select$2 = (props) => {
     form
   } = props;
   const popperScope = usePopperScope$1(__scopeSelect);
-  const [trigger, setTrigger] = React$B.useState(null);
-  const [valueNode, setValueNode] = React$B.useState(null);
-  const [valueNodeHasChildren, setValueNodeHasChildren] = React$B.useState(false);
+  const [trigger, setTrigger] = React$D.useState(null);
+  const [valueNode, setValueNode] = React$D.useState(null);
+  const [valueNodeHasChildren, setValueNodeHasChildren] = React$D.useState(false);
   const direction = useDirection(dir);
   const [open, setOpen] = useControllableState({
     prop: openProp,
@@ -11317,9 +11317,9 @@ var Select$2 = (props) => {
     onChange: onValueChange,
     caller: SELECT_NAME
   });
-  const triggerPointerDownPosRef = React$B.useRef(null);
+  const triggerPointerDownPosRef = React$D.useRef(null);
   const isFormControl = trigger ? form || !!trigger.closest("form") : true;
-  const [nativeOptionsSet, setNativeOptionsSet] = React$B.useState(/* @__PURE__ */ new Set());
+  const [nativeOptionsSet, setNativeOptionsSet] = React$D.useState(/* @__PURE__ */ new Set());
   const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Root2$5, { ...popperScope, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     SelectProvider,
@@ -11345,10 +11345,10 @@ var Select$2 = (props) => {
           SelectNativeOptionsProvider,
           {
             scope: props.__scopeSelect,
-            onNativeOptionAdd: React$B.useCallback((option) => {
+            onNativeOptionAdd: React$D.useCallback((option) => {
               setNativeOptionsSet((prev) => new Set(prev).add(option));
             }, []),
-            onNativeOptionRemove: React$B.useCallback((option) => {
+            onNativeOptionRemove: React$D.useCallback((option) => {
               setNativeOptionsSet((prev) => {
                 const optionsSet = new Set(prev);
                 optionsSet.delete(option);
@@ -11383,7 +11383,7 @@ var Select$2 = (props) => {
 };
 Select$2.displayName = SELECT_NAME;
 var TRIGGER_NAME$2 = "SelectTrigger";
-var SelectTrigger$1 = React$B.forwardRef(
+var SelectTrigger$1 = React$D.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, disabled = false, ...triggerProps } = props;
     const popperScope = usePopperScope$1(__scopeSelect);
@@ -11391,7 +11391,7 @@ var SelectTrigger$1 = React$B.forwardRef(
     const isDisabled = context.disabled || disabled;
     const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange);
     const getItems = useCollection(__scopeSelect);
-    const pointerTypeRef = React$B.useRef("touch");
+    const pointerTypeRef = React$D.useRef("touch");
     const [searchRef, handleTypeaheadSearch, resetTypeahead] = useTypeaheadSearch((search) => {
       const enabledItems = getItems().filter((item) => !item.disabled);
       const currentItem = enabledItems.find((item) => item.value === context.value);
@@ -11461,7 +11461,7 @@ var SelectTrigger$1 = React$B.forwardRef(
 );
 SelectTrigger$1.displayName = TRIGGER_NAME$2;
 var VALUE_NAME = "SelectValue";
-var SelectValue$1 = React$B.forwardRef(
+var SelectValue$1 = React$D.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, className, style, children, placeholder = "", ...valueProps } = props;
     const context = useSelectContext(VALUE_NAME, __scopeSelect);
@@ -11484,7 +11484,7 @@ var SelectValue$1 = React$B.forwardRef(
 );
 SelectValue$1.displayName = VALUE_NAME;
 var ICON_NAME = "SelectIcon";
-var SelectIcon = React$B.forwardRef(
+var SelectIcon = React$D.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, children, ...iconProps } = props;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
@@ -11497,10 +11497,10 @@ var SelectPortal = (props) => {
 };
 SelectPortal.displayName = PORTAL_NAME$1;
 var CONTENT_NAME$2 = "SelectContent";
-var SelectContent$1 = React$B.forwardRef(
+var SelectContent$1 = React$D.forwardRef(
   (props, forwardedRef) => {
     const context = useSelectContext(CONTENT_NAME$2, props.__scopeSelect);
-    const [fragment, setFragment] = React$B.useState();
+    const [fragment, setFragment] = React$D.useState();
     useLayoutEffect2(() => {
       setFragment(new DocumentFragment());
     }, []);
@@ -11519,7 +11519,7 @@ var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME$2);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
 var Slot = createSlot("SelectContent.RemoveScroll");
-var SelectContentImpl = React$B.forwardRef(
+var SelectContentImpl = React$D.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeSelect,
@@ -11543,21 +11543,21 @@ var SelectContentImpl = React$B.forwardRef(
       ...contentProps
     } = props;
     const context = useSelectContext(CONTENT_NAME$2, __scopeSelect);
-    const [content, setContent] = React$B.useState(null);
-    const [viewport, setViewport] = React$B.useState(null);
+    const [content, setContent] = React$D.useState(null);
+    const [viewport, setViewport] = React$D.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-    const [selectedItem, setSelectedItem] = React$B.useState(null);
-    const [selectedItemText, setSelectedItemText] = React$B.useState(
+    const [selectedItem, setSelectedItem] = React$D.useState(null);
+    const [selectedItemText, setSelectedItemText] = React$D.useState(
       null
     );
     const getItems = useCollection(__scopeSelect);
-    const [isPositioned, setIsPositioned] = React$B.useState(false);
-    const firstValidItemFoundRef = React$B.useRef(false);
-    React$B.useEffect(() => {
+    const [isPositioned, setIsPositioned] = React$D.useState(false);
+    const firstValidItemFoundRef = React$D.useRef(false);
+    React$D.useEffect(() => {
       if (content) return hideOthers(content);
     }, [content]);
     useFocusGuards();
-    const focusFirst = React$B.useCallback(
+    const focusFirst = React$D.useCallback(
       (candidates) => {
         const [firstItem, ...restItems] = getItems().map((item) => item.ref.current);
         const [lastItem] = restItems.slice(-1);
@@ -11573,17 +11573,17 @@ var SelectContentImpl = React$B.forwardRef(
       },
       [getItems, viewport]
     );
-    const focusSelectedItem = React$B.useCallback(
+    const focusSelectedItem = React$D.useCallback(
       () => focusFirst([selectedItem, content]),
       [focusFirst, selectedItem, content]
     );
-    React$B.useEffect(() => {
+    React$D.useEffect(() => {
       if (isPositioned) {
         focusSelectedItem();
       }
     }, [isPositioned, focusSelectedItem]);
     const { onOpenChange, triggerPointerDownPosRef } = context;
-    React$B.useEffect(() => {
+    React$D.useEffect(() => {
       if (content) {
         let pointerMoveDelta = { x: 0, y: 0 };
         const handlePointerMove = (event) => {
@@ -11613,7 +11613,7 @@ var SelectContentImpl = React$B.forwardRef(
         };
       }
     }, [content, onOpenChange, triggerPointerDownPosRef]);
-    React$B.useEffect(() => {
+    React$D.useEffect(() => {
       const close = () => onOpenChange(false);
       window.addEventListener("blur", close);
       window.addEventListener("resize", close);
@@ -11630,7 +11630,7 @@ var SelectContentImpl = React$B.forwardRef(
         setTimeout(() => nextItem.ref.current.focus());
       }
     });
-    const itemRefCallback = React$B.useCallback(
+    const itemRefCallback = React$D.useCallback(
       (node, value, disabled) => {
         const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
         const isSelectedItem = context.value !== void 0 && context.value === value;
@@ -11641,8 +11641,8 @@ var SelectContentImpl = React$B.forwardRef(
       },
       [context.value]
     );
-    const handleItemLeave = React$B.useCallback(() => content?.focus(), [content]);
-    const itemTextRefCallback = React$B.useCallback(
+    const handleItemLeave = React$D.useCallback(() => content?.focus(), [content]);
+    const itemTextRefCallback = React$D.useCallback(
       (node, value, disabled) => {
         const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
         const isSelectedItem = context.value !== void 0 && context.value === value;
@@ -11753,18 +11753,18 @@ var SelectContentImpl = React$B.forwardRef(
 );
 SelectContentImpl.displayName = CONTENT_IMPL_NAME;
 var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition";
-var SelectItemAlignedPosition = React$B.forwardRef((props, forwardedRef) => {
+var SelectItemAlignedPosition = React$D.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, onPlaced, ...popperProps } = props;
   const context = useSelectContext(CONTENT_NAME$2, __scopeSelect);
   const contentContext = useSelectContentContext(CONTENT_NAME$2, __scopeSelect);
-  const [contentWrapper, setContentWrapper] = React$B.useState(null);
-  const [content, setContent] = React$B.useState(null);
+  const [contentWrapper, setContentWrapper] = React$D.useState(null);
+  const [content, setContent] = React$D.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
   const getItems = useCollection(__scopeSelect);
-  const shouldExpandOnScrollRef = React$B.useRef(false);
-  const shouldRepositionRef = React$B.useRef(true);
+  const shouldExpandOnScrollRef = React$D.useRef(false);
+  const shouldRepositionRef = React$D.useRef(true);
   const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
-  const position = React$B.useCallback(() => {
+  const position = React$D.useCallback(() => {
     if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
       const triggerRect = context.trigger.getBoundingClientRect();
       const contentRect = content.getBoundingClientRect();
@@ -11864,11 +11864,11 @@ var SelectItemAlignedPosition = React$B.forwardRef((props, forwardedRef) => {
     onPlaced
   ]);
   useLayoutEffect2(() => position(), [position]);
-  const [contentZIndex, setContentZIndex] = React$B.useState();
+  const [contentZIndex, setContentZIndex] = React$D.useState();
   useLayoutEffect2(() => {
     if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
-  const handleScrollButtonChange = React$B.useCallback(
+  const handleScrollButtonChange = React$D.useCallback(
     (node) => {
       if (node && shouldRepositionRef.current === true) {
         position();
@@ -11917,7 +11917,7 @@ var SelectItemAlignedPosition = React$B.forwardRef((props, forwardedRef) => {
 });
 SelectItemAlignedPosition.displayName = ITEM_ALIGNED_POSITION_NAME;
 var POPPER_POSITION_NAME = "SelectPopperPosition";
-var SelectPopperPosition = React$B.forwardRef((props, forwardedRef) => {
+var SelectPopperPosition = React$D.forwardRef((props, forwardedRef) => {
   const {
     __scopeSelect,
     align = "start",
@@ -11952,13 +11952,13 @@ var SelectPopperPosition = React$B.forwardRef((props, forwardedRef) => {
 SelectPopperPosition.displayName = POPPER_POSITION_NAME;
 var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME$2, {});
 var VIEWPORT_NAME = "SelectViewport";
-var SelectViewport = React$B.forwardRef(
+var SelectViewport = React$D.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, nonce, ...viewportProps } = props;
     const contentContext = useSelectContentContext(VIEWPORT_NAME, __scopeSelect);
     const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
     const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
-    const prevScrollTopRef = React$B.useRef(0);
+    const prevScrollTopRef = React$D.useRef(0);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "style",
@@ -12021,7 +12021,7 @@ var SelectViewport = React$B.forwardRef(
 SelectViewport.displayName = VIEWPORT_NAME;
 var GROUP_NAME = "SelectGroup";
 var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
-var SelectGroup$1 = React$B.forwardRef(
+var SelectGroup$1 = React$D.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
     const groupId = useId$4();
@@ -12030,7 +12030,7 @@ var SelectGroup$1 = React$B.forwardRef(
 );
 SelectGroup$1.displayName = GROUP_NAME;
 var LABEL_NAME = "SelectLabel";
-var SelectLabel$1 = React$B.forwardRef(
+var SelectLabel$1 = React$D.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props;
     const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
@@ -12040,7 +12040,7 @@ var SelectLabel$1 = React$B.forwardRef(
 SelectLabel$1.displayName = LABEL_NAME;
 var ITEM_NAME = "SelectItem";
 var [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
-var SelectItem$1 = React$B.forwardRef(
+var SelectItem$1 = React$D.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeSelect,
@@ -12052,14 +12052,14 @@ var SelectItem$1 = React$B.forwardRef(
     const context = useSelectContext(ITEM_NAME, __scopeSelect);
     const contentContext = useSelectContentContext(ITEM_NAME, __scopeSelect);
     const isSelected = context.value === value;
-    const [textValue, setTextValue] = React$B.useState(textValueProp ?? "");
-    const [isFocused, setIsFocused] = React$B.useState(false);
+    const [textValue, setTextValue] = React$D.useState(textValueProp ?? "");
+    const [isFocused, setIsFocused] = React$D.useState(false);
     const composedRefs = useComposedRefs(
       forwardedRef,
       (node) => contentContext.itemRefCallback?.(node, value, disabled)
     );
     const textId = useId$4();
-    const pointerTypeRef = React$B.useRef("touch");
+    const pointerTypeRef = React$D.useRef("touch");
     const handleSelect = () => {
       if (!disabled) {
         context.onValueChange(value);
@@ -12079,7 +12079,7 @@ var SelectItem$1 = React$B.forwardRef(
         disabled,
         textId,
         isSelected,
-        onItemTextChange: React$B.useCallback((node) => {
+        onItemTextChange: React$D.useCallback((node) => {
           setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
         }, []),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12142,14 +12142,14 @@ var SelectItem$1 = React$B.forwardRef(
 );
 SelectItem$1.displayName = ITEM_NAME;
 var ITEM_TEXT_NAME = "SelectItemText";
-var SelectItemText = React$B.forwardRef(
+var SelectItemText = React$D.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, className, style, ...itemTextProps } = props;
     const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
     const contentContext = useSelectContentContext(ITEM_TEXT_NAME, __scopeSelect);
     const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
     const nativeOptionsContext = useSelectNativeOptionsContext(ITEM_TEXT_NAME, __scopeSelect);
-    const [itemTextNode, setItemTextNode] = React$B.useState(null);
+    const [itemTextNode, setItemTextNode] = React$D.useState(null);
     const composedRefs = useComposedRefs(
       forwardedRef,
       (node) => setItemTextNode(node),
@@ -12157,7 +12157,7 @@ var SelectItemText = React$B.forwardRef(
       (node) => contentContext.itemTextRefCallback?.(node, itemContext.value, itemContext.disabled)
     );
     const textContent = itemTextNode?.textContent;
-    const nativeOption = React$B.useMemo(
+    const nativeOption = React$D.useMemo(
       () => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
       [itemContext.disabled, itemContext.value, textContent]
     );
@@ -12174,7 +12174,7 @@ var SelectItemText = React$B.forwardRef(
 );
 SelectItemText.displayName = ITEM_TEXT_NAME;
 var ITEM_INDICATOR_NAME = "SelectItemIndicator";
-var SelectItemIndicator = React$B.forwardRef(
+var SelectItemIndicator = React$D.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
@@ -12183,10 +12183,10 @@ var SelectItemIndicator = React$B.forwardRef(
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
 var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
-var SelectScrollUpButton = React$B.forwardRef((props, forwardedRef) => {
+var SelectScrollUpButton = React$D.forwardRef((props, forwardedRef) => {
   const contentContext = useSelectContentContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
   const viewportContext = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
-  const [canScrollUp, setCanScrollUp] = React$B.useState(false);
+  const [canScrollUp, setCanScrollUp] = React$D.useState(false);
   const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
   useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
@@ -12216,10 +12216,10 @@ var SelectScrollUpButton = React$B.forwardRef((props, forwardedRef) => {
 });
 SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
 var SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
-var SelectScrollDownButton = React$B.forwardRef((props, forwardedRef) => {
+var SelectScrollDownButton = React$D.forwardRef((props, forwardedRef) => {
   const contentContext = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
   const viewportContext = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
-  const [canScrollDown, setCanScrollDown] = React$B.useState(false);
+  const [canScrollDown, setCanScrollDown] = React$D.useState(false);
   const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
   useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
@@ -12249,18 +12249,18 @@ var SelectScrollDownButton = React$B.forwardRef((props, forwardedRef) => {
   ) : null;
 });
 SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
-var SelectScrollButtonImpl = React$B.forwardRef((props, forwardedRef) => {
+var SelectScrollButtonImpl = React$D.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, onAutoScroll, ...scrollIndicatorProps } = props;
   const contentContext = useSelectContentContext("SelectScrollButton", __scopeSelect);
-  const autoScrollTimerRef = React$B.useRef(null);
+  const autoScrollTimerRef = React$D.useRef(null);
   const getItems = useCollection(__scopeSelect);
-  const clearAutoScrollTimer = React$B.useCallback(() => {
+  const clearAutoScrollTimer = React$D.useCallback(() => {
     if (autoScrollTimerRef.current !== null) {
       window.clearInterval(autoScrollTimerRef.current);
       autoScrollTimerRef.current = null;
     }
   }, []);
-  React$B.useEffect(() => {
+  React$D.useEffect(() => {
     return () => clearAutoScrollTimer();
   }, [clearAutoScrollTimer]);
   useLayoutEffect2(() => {
@@ -12292,7 +12292,7 @@ var SelectScrollButtonImpl = React$B.forwardRef((props, forwardedRef) => {
   );
 });
 var SEPARATOR_NAME = "SelectSeparator";
-var SelectSeparator$1 = React$B.forwardRef(
+var SelectSeparator$1 = React$D.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
@@ -12300,7 +12300,7 @@ var SelectSeparator$1 = React$B.forwardRef(
 );
 SelectSeparator$1.displayName = SEPARATOR_NAME;
 var ARROW_NAME$1 = "SelectArrow";
-var SelectArrow = React$B.forwardRef(
+var SelectArrow = React$D.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...arrowProps } = props;
     const popperScope = usePopperScope$1(__scopeSelect);
@@ -12311,12 +12311,12 @@ var SelectArrow = React$B.forwardRef(
 );
 SelectArrow.displayName = ARROW_NAME$1;
 var BUBBLE_INPUT_NAME$1 = "SelectBubbleInput";
-var SelectBubbleInput = React$B.forwardRef(
+var SelectBubbleInput = React$D.forwardRef(
   ({ __scopeSelect, value, ...props }, forwardedRef) => {
-    const ref = React$B.useRef(null);
+    const ref = React$D.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
     const prevValue = usePrevious(value);
-    React$B.useEffect(() => {
+    React$D.useEffect(() => {
       const select = ref.current;
       if (!select) return;
       const selectProto = window.HTMLSelectElement.prototype;
@@ -12348,9 +12348,9 @@ function shouldShowPlaceholder(value) {
 }
 function useTypeaheadSearch(onSearchChange) {
   const handleSearchChange = useCallbackRef$1(onSearchChange);
-  const searchRef = React$B.useRef("");
-  const timerRef = React$B.useRef(0);
-  const handleTypeaheadSearch = React$B.useCallback(
+  const searchRef = React$D.useRef("");
+  const timerRef = React$D.useRef(0);
+  const handleTypeaheadSearch = React$D.useCallback(
     (key) => {
       const search = searchRef.current + key;
       handleSearchChange(search);
@@ -12362,11 +12362,11 @@ function useTypeaheadSearch(onSearchChange) {
     },
     [handleSearchChange]
   );
-  const resetTypeahead = React$B.useCallback(() => {
+  const resetTypeahead = React$D.useCallback(() => {
     searchRef.current = "";
     window.clearTimeout(timerRef.current);
   }, []);
-  React$B.useEffect(() => {
+  React$D.useEffect(() => {
     return () => window.clearTimeout(timerRef.current);
   }, []);
   return [searchRef, handleTypeaheadSearch, resetTypeahead];
@@ -12401,11 +12401,11 @@ var ItemIndicator = SelectItemIndicator;
 var Separator$2 = SelectSeparator$1;
 
 // src/separator.tsx
-const React$A = await importShared('react');
+const React$C = await importShared('react');
 var NAME = "Separator";
 var DEFAULT_ORIENTATION = "horizontal";
 var ORIENTATIONS = ["horizontal", "vertical"];
-var Separator$1 = React$A.forwardRef((props, forwardedRef) => {
+var Separator$1 = React$C.forwardRef((props, forwardedRef) => {
   const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;
   const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;
   const ariaOrientation = orientation === "vertical" ? orientation : void 0;
@@ -12427,11 +12427,11 @@ function isValidOrientation(orientation) {
 var Root$2 = Separator$1;
 
 // src/switch.tsx
-const React$z = await importShared('react');
+const React$B = await importShared('react');
 var SWITCH_NAME = "Switch";
 var [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);
 var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-var Switch$1 = React$z.forwardRef(
+var Switch$1 = React$B.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeSwitch,
@@ -12445,9 +12445,9 @@ var Switch$1 = React$z.forwardRef(
       form,
       ...switchProps
     } = props;
-    const [button, setButton] = React$z.useState(null);
+    const [button, setButton] = React$B.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
-    const hasConsumerStoppedPropagationRef = React$z.useRef(false);
+    const hasConsumerStoppedPropagationRef = React$B.useRef(false);
     const isFormControl = button ? form || !!button.closest("form") : true;
     const [checked, setChecked] = useControllableState({
       prop: checkedProp,
@@ -12497,7 +12497,7 @@ var Switch$1 = React$z.forwardRef(
 );
 Switch$1.displayName = SWITCH_NAME;
 var THUMB_NAME = "SwitchThumb";
-var SwitchThumb = React$z.forwardRef(
+var SwitchThumb = React$B.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSwitch, ...thumbProps } = props;
     const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
@@ -12514,7 +12514,7 @@ var SwitchThumb = React$z.forwardRef(
 );
 SwitchThumb.displayName = THUMB_NAME;
 var BUBBLE_INPUT_NAME = "SwitchBubbleInput";
-var SwitchBubbleInput = React$z.forwardRef(
+var SwitchBubbleInput = React$B.forwardRef(
   ({
     __scopeSwitch,
     control,
@@ -12522,11 +12522,11 @@ var SwitchBubbleInput = React$z.forwardRef(
     bubbles = true,
     ...props
   }, forwardedRef) => {
-    const ref = React$z.useRef(null);
+    const ref = React$B.useRef(null);
     const composedRefs = useComposedRefs(ref, forwardedRef);
     const prevChecked = usePrevious(checked);
     const controlSize = useSize(control);
-    React$z.useEffect(() => {
+    React$B.useEffect(() => {
       const input = ref.current;
       if (!input) return;
       const inputProto = window.HTMLInputElement.prototype;
@@ -12570,14 +12570,14 @@ var Root$1 = Switch$1;
 var Thumb = SwitchThumb;
 
 // src/tabs.tsx
-const React$y = await importShared('react');
+const React$A = await importShared('react');
 var TABS_NAME = "Tabs";
 var [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [
   createRovingFocusGroupScope
 ]);
 var useRovingFocusGroupScope = createRovingFocusGroupScope();
 var [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);
-var Tabs$1 = React$y.forwardRef(
+var Tabs$1 = React$A.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeTabs,
@@ -12621,7 +12621,7 @@ var Tabs$1 = React$y.forwardRef(
 );
 Tabs$1.displayName = TABS_NAME;
 var TAB_LIST_NAME = "TabsList";
-var TabsList$1 = React$y.forwardRef(
+var TabsList$1 = React$A.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTabs, loop = true, ...listProps } = props;
     const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
@@ -12649,7 +12649,7 @@ var TabsList$1 = React$y.forwardRef(
 );
 TabsList$1.displayName = TAB_LIST_NAME;
 var TRIGGER_NAME$1 = "TabsTrigger";
-var TabsTrigger$1 = React$y.forwardRef(
+var TabsTrigger$1 = React$A.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
     const context = useTabsContext(TRIGGER_NAME$1, __scopeTabs);
@@ -12701,15 +12701,15 @@ var TabsTrigger$1 = React$y.forwardRef(
 );
 TabsTrigger$1.displayName = TRIGGER_NAME$1;
 var CONTENT_NAME$1 = "TabsContent";
-var TabsContent$1 = React$y.forwardRef(
+var TabsContent$1 = React$A.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
     const context = useTabsContext(CONTENT_NAME$1, __scopeTabs);
     const triggerId = makeTriggerId(context.baseId, value);
     const contentId = makeContentId(context.baseId, value);
     const isSelected = value === context.value;
-    const isMountAnimationPreventedRef = React$y.useRef(isSelected);
-    React$y.useEffect(() => {
+    const isMountAnimationPreventedRef = React$A.useRef(isSelected);
+    React$A.useEffect(() => {
       const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
       return () => cancelAnimationFrame(rAF);
     }, []);
@@ -12747,7 +12747,7 @@ var Trigger$1 = TabsTrigger$1;
 var Content = TabsContent$1;
 
 // src/tooltip.tsx
-const React$x = await importShared('react');
+const React$z = await importShared('react');
 var [createTooltipContext, createTooltipScope] = createContextScope("Tooltip", [
   createPopperScope
 ]);
@@ -12764,10 +12764,10 @@ var TooltipProvider$1 = (props) => {
     disableHoverableContent = false,
     children
   } = props;
-  const isOpenDelayedRef = React$x.useRef(true);
-  const isPointerInTransitRef = React$x.useRef(false);
-  const skipDelayTimerRef = React$x.useRef(0);
-  React$x.useEffect(() => {
+  const isOpenDelayedRef = React$z.useRef(true);
+  const isPointerInTransitRef = React$z.useRef(false);
+  const skipDelayTimerRef = React$z.useRef(0);
+  React$z.useEffect(() => {
     const skipDelayTimer = skipDelayTimerRef.current;
     return () => window.clearTimeout(skipDelayTimer);
   }, []);
@@ -12777,11 +12777,11 @@ var TooltipProvider$1 = (props) => {
       scope: __scopeTooltip,
       isOpenDelayedRef,
       delayDuration,
-      onOpen: React$x.useCallback(() => {
+      onOpen: React$z.useCallback(() => {
         window.clearTimeout(skipDelayTimerRef.current);
         isOpenDelayedRef.current = false;
       }, []),
-      onClose: React$x.useCallback(() => {
+      onClose: React$z.useCallback(() => {
         window.clearTimeout(skipDelayTimerRef.current);
         skipDelayTimerRef.current = window.setTimeout(
           () => isOpenDelayedRef.current = true,
@@ -12789,7 +12789,7 @@ var TooltipProvider$1 = (props) => {
         );
       }, [skipDelayDuration]),
       isPointerInTransitRef,
-      onPointerInTransitChange: React$x.useCallback((inTransit) => {
+      onPointerInTransitChange: React$z.useCallback((inTransit) => {
         isPointerInTransitRef.current = inTransit;
       }, []),
       disableHoverableContent,
@@ -12812,12 +12812,12 @@ var Tooltip$1 = (props) => {
   } = props;
   const providerContext = useTooltipProviderContext(TOOLTIP_NAME, props.__scopeTooltip);
   const popperScope = usePopperScope(__scopeTooltip);
-  const [trigger, setTrigger] = React$x.useState(null);
+  const [trigger, setTrigger] = React$z.useState(null);
   const contentId = useId$4();
-  const openTimerRef = React$x.useRef(0);
+  const openTimerRef = React$z.useRef(0);
   const disableHoverableContent = disableHoverableContentProp ?? providerContext.disableHoverableContent;
   const delayDuration = delayDurationProp ?? providerContext.delayDuration;
-  const wasOpenDelayedRef = React$x.useRef(false);
+  const wasOpenDelayedRef = React$z.useRef(false);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
@@ -12832,21 +12832,21 @@ var Tooltip$1 = (props) => {
     },
     caller: TOOLTIP_NAME
   });
-  const stateAttribute = React$x.useMemo(() => {
+  const stateAttribute = React$z.useMemo(() => {
     return open ? wasOpenDelayedRef.current ? "delayed-open" : "instant-open" : "closed";
   }, [open]);
-  const handleOpen = React$x.useCallback(() => {
+  const handleOpen = React$z.useCallback(() => {
     window.clearTimeout(openTimerRef.current);
     openTimerRef.current = 0;
     wasOpenDelayedRef.current = false;
     setOpen(true);
   }, [setOpen]);
-  const handleClose = React$x.useCallback(() => {
+  const handleClose = React$z.useCallback(() => {
     window.clearTimeout(openTimerRef.current);
     openTimerRef.current = 0;
     setOpen(false);
   }, [setOpen]);
-  const handleDelayedOpen = React$x.useCallback(() => {
+  const handleDelayedOpen = React$z.useCallback(() => {
     window.clearTimeout(openTimerRef.current);
     openTimerRef.current = window.setTimeout(() => {
       wasOpenDelayedRef.current = true;
@@ -12854,7 +12854,7 @@ var Tooltip$1 = (props) => {
       openTimerRef.current = 0;
     }, delayDuration);
   }, [delayDuration, setOpen]);
-  React$x.useEffect(() => {
+  React$z.useEffect(() => {
     return () => {
       if (openTimerRef.current) {
         window.clearTimeout(openTimerRef.current);
@@ -12871,11 +12871,11 @@ var Tooltip$1 = (props) => {
       stateAttribute,
       trigger,
       onTriggerChange: setTrigger,
-      onTriggerEnter: React$x.useCallback(() => {
+      onTriggerEnter: React$z.useCallback(() => {
         if (providerContext.isOpenDelayedRef.current) handleDelayedOpen();
         else handleOpen();
       }, [providerContext.isOpenDelayedRef, handleDelayedOpen, handleOpen]),
-      onTriggerLeave: React$x.useCallback(() => {
+      onTriggerLeave: React$z.useCallback(() => {
         if (disableHoverableContent) {
           handleClose();
         } else {
@@ -12892,18 +12892,18 @@ var Tooltip$1 = (props) => {
 };
 Tooltip$1.displayName = TOOLTIP_NAME;
 var TRIGGER_NAME = "TooltipTrigger";
-var TooltipTrigger$1 = React$x.forwardRef(
+var TooltipTrigger$1 = React$z.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTooltip, ...triggerProps } = props;
     const context = useTooltipContext(TRIGGER_NAME, __scopeTooltip);
     const providerContext = useTooltipProviderContext(TRIGGER_NAME, __scopeTooltip);
     const popperScope = usePopperScope(__scopeTooltip);
-    const ref = React$x.useRef(null);
+    const ref = React$z.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref, context.onTriggerChange);
-    const isPointerDownRef = React$x.useRef(false);
-    const hasPointerMoveOpenedRef = React$x.useRef(false);
-    const handlePointerUp = React$x.useCallback(() => isPointerDownRef.current = false, []);
-    React$x.useEffect(() => {
+    const isPointerDownRef = React$z.useRef(false);
+    const hasPointerMoveOpenedRef = React$z.useRef(false);
+    const handlePointerUp = React$z.useCallback(() => isPointerDownRef.current = false, []);
+    React$z.useEffect(() => {
       return () => document.removeEventListener("pointerup", handlePointerUp);
     }, [handlePointerUp]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12952,7 +12952,7 @@ var TooltipPortal = (props) => {
 };
 TooltipPortal.displayName = PORTAL_NAME;
 var CONTENT_NAME = "TooltipContent";
-var TooltipContent$1 = React$x.forwardRef(
+var TooltipContent$1 = React$z.forwardRef(
   (props, forwardedRef) => {
     const portalContext = usePortalContext(CONTENT_NAME, props.__scopeTooltip);
     const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
@@ -12960,20 +12960,20 @@ var TooltipContent$1 = React$x.forwardRef(
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
   }
 );
-var TooltipContentHoverable = React$x.forwardRef((props, forwardedRef) => {
+var TooltipContentHoverable = React$z.forwardRef((props, forwardedRef) => {
   const context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);
   const providerContext = useTooltipProviderContext(CONTENT_NAME, props.__scopeTooltip);
-  const ref = React$x.useRef(null);
+  const ref = React$z.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  const [pointerGraceArea, setPointerGraceArea] = React$x.useState(null);
+  const [pointerGraceArea, setPointerGraceArea] = React$z.useState(null);
   const { trigger, onClose } = context;
   const content = ref.current;
   const { onPointerInTransitChange } = providerContext;
-  const handleRemoveGraceArea = React$x.useCallback(() => {
+  const handleRemoveGraceArea = React$z.useCallback(() => {
     setPointerGraceArea(null);
     onPointerInTransitChange(false);
   }, [onPointerInTransitChange]);
-  const handleCreateGraceArea = React$x.useCallback(
+  const handleCreateGraceArea = React$z.useCallback(
     (event, hoverTarget) => {
       const currentTarget = event.currentTarget;
       const exitPoint = { x: event.clientX, y: event.clientY };
@@ -12986,10 +12986,10 @@ var TooltipContentHoverable = React$x.forwardRef((props, forwardedRef) => {
     },
     [onPointerInTransitChange]
   );
-  React$x.useEffect(() => {
+  React$z.useEffect(() => {
     return () => handleRemoveGraceArea();
   }, [handleRemoveGraceArea]);
-  React$x.useEffect(() => {
+  React$z.useEffect(() => {
     if (trigger && content) {
       const handleTriggerLeave = (event) => handleCreateGraceArea(event, content);
       const handleContentLeave = (event) => handleCreateGraceArea(event, trigger);
@@ -13001,7 +13001,7 @@ var TooltipContentHoverable = React$x.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trigger, content, handleCreateGraceArea, handleRemoveGraceArea]);
-  React$x.useEffect(() => {
+  React$z.useEffect(() => {
     if (pointerGraceArea) {
       const handleTrackPointerGrace = (event) => {
         const target = event.target;
@@ -13023,7 +13023,7 @@ var TooltipContentHoverable = React$x.forwardRef((props, forwardedRef) => {
 });
 var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
 var Slottable = createSlottable("TooltipContent");
-var TooltipContentImpl = React$x.forwardRef(
+var TooltipContentImpl = React$z.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeTooltip,
@@ -13036,11 +13036,11 @@ var TooltipContentImpl = React$x.forwardRef(
     const context = useTooltipContext(CONTENT_NAME, __scopeTooltip);
     const popperScope = usePopperScope(__scopeTooltip);
     const { onClose } = context;
-    React$x.useEffect(() => {
+    React$z.useEffect(() => {
       document.addEventListener(TOOLTIP_OPEN, onClose);
       return () => document.removeEventListener(TOOLTIP_OPEN, onClose);
     }, [onClose]);
-    React$x.useEffect(() => {
+    React$z.useEffect(() => {
       if (context.trigger) {
         const handleScroll = (event) => {
           const target = event.target;
@@ -13089,7 +13089,7 @@ var TooltipContentImpl = React$x.forwardRef(
 );
 TooltipContent$1.displayName = CONTENT_NAME;
 var ARROW_NAME = "TooltipArrow";
-var TooltipArrow = React$x.forwardRef(
+var TooltipArrow = React$z.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTooltip, ...arrowProps } = props;
     const popperScope = usePopperScope(__scopeTooltip);
@@ -13348,25 +13348,25 @@ function ScrollBar({ className, orientation = 'vertical', ...props }) {
             'h-2.5 flex-col border-t border-t-transparent', className), ...props, children: jsxRuntimeExports.jsx(ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border" }) }));
 }
 
-const React$w = await importShared('react');
-const ComboboxContext = React$w.createContext(null);
+const React$y = await importShared('react');
+const ComboboxContext = React$y.createContext(null);
 const DEFAULT_OPTION = { value: null, label: '' };
 /**
  * A control that allows users to select an option from a list of options and type to search.
  */
 function Combobox({ children, value: controlledValue, onChange, searchQuery: defaultSearchQuery, onSearchQueryChange, label, disabled = false, }) {
-    const [isOpen, setIsOpen] = React$w.useState(false);
+    const [isOpen, setIsOpen] = React$y.useState(false);
     const [value, setValue] = useControlledState(controlledValue === null ? DEFAULT_OPTION : controlledValue, onChange, DEFAULT_OPTION);
     const [searchQuery, setSearchQuery] = useControlledState(defaultSearchQuery, onSearchQueryChange, '');
     // the value of the combobox that is currently active
-    const [activeValue, setActiveValue] = React$w.useState(value.value ?? '');
+    const [activeValue, setActiveValue] = React$y.useState(value.value ?? '');
     // Caches the filter query so we can maintain
     // the query when animating the combobox open/close
-    const [filterQuery, setFilterQuery] = React$w.useState(searchQuery);
-    const inputRef = React$w.useRef(null);
-    const inputId = React$w.useId();
-    const listRef = React$w.useRef(null);
-    const contextValue = React$w.useMemo(() => ({
+    const [filterQuery, setFilterQuery] = React$y.useState(searchQuery);
+    const inputRef = React$y.useRef(null);
+    const inputId = React$y.useId();
+    const listRef = React$y.useRef(null);
+    const contextValue = React$y.useMemo(() => ({
         selectedLabel: value.label ?? '',
         selectedValue: value.value,
         onSelect: (val, lab) => {
@@ -13418,7 +13418,7 @@ function Combobox({ children, value: controlledValue, onChange, searchQuery: def
                 }, label: label, children: children }) }) }));
 }
 function useComboboxContext() {
-    const value = React$w.useContext(ComboboxContext);
+    const value = React$y.useContext(ComboboxContext);
     if (!value) {
         throw new Error(`useComboboxContext must be used inside a ComboboxContext provider`);
     }
@@ -13426,9 +13426,9 @@ function useComboboxContext() {
 }
 function ComboboxInput({ className, placeholder, ref, ...rest }) {
     const { setIsOpen, isOpen, inputId, searchQuery, setSearchQuery, selectedLabel, disabled, } = useComboboxContext();
-    const selectedLabelId = React$w.useId();
-    const inputRef = React$w.useRef(null);
-    const handleKeydown = React$w.useCallback((e) => {
+    const selectedLabelId = React$y.useId();
+    const inputRef = React$y.useRef(null);
+    const handleKeydown = React$y.useCallback((e) => {
         const specialKeys = ['ArrowDown', 'ArrowUp', 'Home', 'End', 'Enter'];
         if (e.key === 'Escape') {
             setIsOpen(false);
@@ -13498,7 +13498,7 @@ function ComboboxLoading({ className, ...props }) {
 const ComboboxGroup = _e.Group;
 function ComboboxItem({ value, className, label, children, ref, ...rest }) {
     const { selectedValue, onSelect, shouldShowItem } = useComboboxContext();
-    const itemRef = React$w.useRef(null);
+    const itemRef = React$y.useRef(null);
     const extractedLabel = label ?? (typeof children === 'string' ? children.trim() : undefined);
     if (!shouldShowItem(extractedLabel ?? value)) {
         return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
@@ -13508,7 +13508,7 @@ function ComboboxItem({ value, className, label, children, ref, ...rest }) {
         }, className: cn$1(selectItemVariants(), className), ...rest, ref: mergeRefs(ref, itemRef), children: [children, jsxRuntimeExports.jsx(MdCheck, { className: cn$1(selectCheckVariants(), value === selectedValue ? 'opacity-100' : 'opacity-0') })] }));
 }
 function ComboboxAction({ value, className, children, onClick, ref, ...rest }) {
-    const itemRef = React$w.useRef(null);
+    const itemRef = React$y.useRef(null);
     return (jsxRuntimeExports.jsx(_e.Item, { value: value, onSelect: onClick, className: cn$1(selectItemVariants(), className), ...rest, ref: mergeRefs(ref, itemRef), children: children }));
 }
 
@@ -13521,10 +13521,10 @@ function Label({ className, ...props }) {
     return (jsxRuntimeExports.jsx(Root$4, { "data-slot": "label", className: cn$1('flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50', className), ...props }));
 }
 
-const React$v = await importShared('react');
-const FormItemContext = React$v.createContext(null);
+const React$x = await importShared('react');
+const FormItemContext = React$x.createContext(null);
 const useFormField = () => {
-    const itemContext = React$v.useContext(FormItemContext);
+    const itemContext = React$x.useContext(FormItemContext);
     if (!itemContext) {
         throw new Error('useFormField should be used within <FormItem>');
     }
@@ -13538,7 +13538,7 @@ const useFormField = () => {
     };
 };
 function FormItem({ className, error, ...props }) {
-    const id = React$v.useId();
+    const id = React$x.useId();
     return (jsxRuntimeExports.jsx(FormItemContext.Provider, { value: { id, error }, children: jsxRuntimeExports.jsx("div", { "data-slot": "form-item", className: cn$1('grid gap-2', className), ...props }) }));
 }
 function FormLabel({ className, ...props }) {
@@ -19154,7 +19154,7 @@ function getClassNamesForModifiers(modifiers, classNames, modifiersClassNames =
     return modifierClassNames;
 }
 
-const React$u = await importShared('react');
+const React$w = await importShared('react');
 
 /**
  * Render the button elements in the calendar.
@@ -19163,10 +19163,10 @@ const React$u = await importShared('react');
  * @deprecated Use `PreviousMonthButton` or `@link NextMonthButton` instead.
  */
 function Button(props) {
-    return React$u.createElement("button", { ...props });
+    return React$w.createElement("button", { ...props });
 }
 
-const React$t = await importShared('react');
+const React$v = await importShared('react');
 
 /**
  * Render the label in the month caption.
@@ -19175,10 +19175,10 @@ const React$t = await importShared('react');
  * @see https://daypicker.dev/guides/custom-components
  */
 function CaptionLabel(props) {
-    return React$t.createElement("span", { ...props });
+    return React$v.createElement("span", { ...props });
 }
 
-const React$s = await importShared('react');
+const React$u = await importShared('react');
 
 /**
  * Render the chevron icon used in the navigation buttons and dropdowns.
@@ -19188,14 +19188,14 @@ const React$s = await importShared('react');
  */
 function Chevron(props) {
     const { size = 24, orientation = "left", className } = props;
-    return (React$s.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24" },
-        orientation === "up" && (React$s.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" })),
-        orientation === "down" && (React$s.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" })),
-        orientation === "left" && (React$s.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" })),
-        orientation === "right" && (React$s.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" }))));
+    return (React$u.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24" },
+        orientation === "up" && (React$u.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" })),
+        orientation === "down" && (React$u.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" })),
+        orientation === "left" && (React$u.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" })),
+        orientation === "right" && (React$u.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" }))));
 }
 
-const React$r = await importShared('react');
+const React$t = await importShared('react');
 
 /**
  * Render a grid cell for a specific day in the calendar.
@@ -19209,10 +19209,10 @@ const React$r = await importShared('react');
  */
 function Day(props) {
     const { day, modifiers, ...tdProps } = props;
-    return React$r.createElement("td", { ...tdProps });
+    return React$t.createElement("td", { ...tdProps });
 }
 
-const React$q = await importShared('react');
+const React$s = await importShared('react');
 
 /**
  * Render a button for a specific day in the calendar.
@@ -19222,15 +19222,15 @@ const React$q = await importShared('react');
  */
 function DayButton(props) {
     const { day, modifiers, ...buttonProps } = props;
-    const ref = React$q.useRef(null);
-    React$q.useEffect(() => {
+    const ref = React$s.useRef(null);
+    React$s.useEffect(() => {
         if (modifiers.focused)
             ref.current?.focus();
     }, [modifiers.focused]);
-    return React$q.createElement("button", { ref: ref, ...buttonProps });
+    return React$s.createElement("button", { ref: ref, ...buttonProps });
 }
 
-const React$p = await importShared('react');
+const React$r = await importShared('react');
 /**
  * Render a dropdown component for navigation in the calendar.
  *
@@ -19241,14 +19241,14 @@ function Dropdown(props) {
     const { options, className, components, classNames, ...selectProps } = props;
     const cssClassSelect = [classNames[UI.Dropdown], className].join(" ");
     const selectedOption = options?.find(({ value }) => value === selectProps.value);
-    return (React$p.createElement("span", { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
-        React$p.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => (React$p.createElement(components.Option, { key: value, value: value, disabled: disabled }, label)))),
-        React$p.createElement("span", { className: classNames[UI.CaptionLabel], "aria-hidden": true },
+    return (React$r.createElement("span", { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
+        React$r.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => (React$r.createElement(components.Option, { key: value, value: value, disabled: disabled }, label)))),
+        React$r.createElement("span", { className: classNames[UI.CaptionLabel], "aria-hidden": true },
             selectedOption?.label,
-            React$p.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] }))));
+            React$r.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] }))));
 }
 
-const React$o = await importShared('react');
+const React$q = await importShared('react');
 
 /**
  * Render the navigation dropdowns for the calendar.
@@ -19257,10 +19257,10 @@ const React$o = await importShared('react');
  * @see https://daypicker.dev/guides/custom-components
  */
 function DropdownNav(props) {
-    return React$o.createElement("div", { ...props });
+    return React$q.createElement("div", { ...props });
 }
 
-const React$n = await importShared('react');
+const React$p = await importShared('react');
 
 /**
  * Render the footer of the calendar.
@@ -19269,10 +19269,10 @@ const React$n = await importShared('react');
  * @see https://daypicker.dev/guides/custom-components
  */
 function Footer(props) {
-    return React$n.createElement("div", { ...props });
+    return React$p.createElement("div", { ...props });
 }
 
-const React$m = await importShared('react');
+const React$o = await importShared('react');
 
 /**
  * Render the grid with the weekday header row and the weeks for a specific
@@ -19283,10 +19283,10 @@ const React$m = await importShared('react');
  */
 function Month(props) {
     const { calendarMonth, displayIndex, ...divProps } = props;
-    return React$m.createElement("div", { ...divProps }, props.children);
+    return React$o.createElement("div", { ...divProps }, props.children);
 }
 
-const React$l = await importShared('react');
+const React$n = await importShared('react');
 
 /**
  * Render the caption for a month in the calendar.
@@ -19296,10 +19296,10 @@ const React$l = await importShared('react');
  */
 function MonthCaption(props) {
     const { calendarMonth, displayIndex, ...divProps } = props;
-    return React$l.createElement("div", { ...divProps });
+    return React$n.createElement("div", { ...divProps });
 }
 
-const React$k = await importShared('react');
+const React$m = await importShared('react');
 
 /**
  * Render the grid of days for a specific month.
@@ -19308,10 +19308,10 @@ const React$k = await importShared('react');
  * @see https://daypicker.dev/guides/custom-components
  */
 function MonthGrid(props) {
-    return React$k.createElement("table", { ...props });
+    return React$m.createElement("table", { ...props });
 }
 
-const React$j = await importShared('react');
+const React$l = await importShared('react');
 
 /**
  * Render a container wrapping the month grids.
@@ -19320,7 +19320,7 @@ const React$j = await importShared('react');
  * @see https://daypicker.dev/guides/custom-components
  */
 function Months(props) {
-    return React$j.createElement("div", { ...props });
+    return React$l.createElement("div", { ...props });
 }
 
 const {createContext,useContext} = await importShared('react');
@@ -19347,7 +19347,7 @@ function useDayPicker() {
     return context;
 }
 
-const React$i = await importShared('react');
+const React$k = await importShared('react');
 /**
  * Render a dropdown to navigate between months in the calendar.
  *
@@ -19356,11 +19356,11 @@ const React$i = await importShared('react');
  */
 function MonthsDropdown(props) {
     const { components } = useDayPicker();
-    return React$i.createElement(components.Dropdown, { ...props });
+    return React$k.createElement(components.Dropdown, { ...props });
 }
 
-const React$h = await importShared('react');
-const {useCallback: useCallback$2} = React$h;
+const React$j = await importShared('react');
+const {useCallback: useCallback$2} = React$j;
 /**
  * Render the navigation toolbar with buttons to navigate between months.
  *
@@ -19380,14 +19380,14 @@ function Nav(props) {
             onPreviousClick?.(e);
         }
     }, [previousMonth, onPreviousClick]);
-    return (React$h.createElement("nav", { ...navProps },
-        React$h.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick },
-            React$h.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: "left" })),
-        React$h.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick },
-            React$h.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, orientation: "right", className: classNames[UI.Chevron] }))));
+    return (React$j.createElement("nav", { ...navProps },
+        React$j.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick },
+            React$j.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: "left" })),
+        React$j.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick },
+            React$j.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, orientation: "right", className: classNames[UI.Chevron] }))));
 }
 
-const React$g = await importShared('react');
+const React$i = await importShared('react');
 /**
  * Render the button to navigate to the next month in the calendar.
  *
@@ -19396,10 +19396,10 @@ const React$g = await importShared('react');
  */
 function NextMonthButton(props) {
     const { components } = useDayPicker();
-    return React$g.createElement(components.Button, { ...props });
+    return React$i.createElement(components.Button, { ...props });
 }
 
-const React$f = await importShared('react');
+const React$h = await importShared('react');
 
 /**
  * Render an `option` element.
@@ -19408,10 +19408,10 @@ const React$f = await importShared('react');
  * @see https://daypicker.dev/guides/custom-components
  */
 function Option(props) {
-    return React$f.createElement("option", { ...props });
+    return React$h.createElement("option", { ...props });
 }
 
-const React$e = await importShared('react');
+const React$g = await importShared('react');
 /**
  * Render the button to navigate to the previous month in the calendar.
  *
@@ -19420,10 +19420,10 @@ const React$e = await importShared('react');
  */
 function PreviousMonthButton(props) {
     const { components } = useDayPicker();
-    return React$e.createElement(components.Button, { ...props });
+    return React$g.createElement(components.Button, { ...props });
 }
 
-const React$d = await importShared('react');
+const React$f = await importShared('react');
 
 /**
  * Render the root element of the calendar.
@@ -19433,10 +19433,10 @@ const React$d = await importShared('react');
  */
 function Root(props) {
     const { rootRef, ...rest } = props;
-    return React$d.createElement("div", { ...rest, ref: rootRef });
+    return React$f.createElement("div", { ...rest, ref: rootRef });
 }
 
-const React$c = await importShared('react');
+const React$e = await importShared('react');
 
 /**
  * Render a `select` element.
@@ -19445,10 +19445,10 @@ const React$c = await importShared('react');
  * @see https://daypicker.dev/guides/custom-components
  */
 function Select$1(props) {
-    return React$c.createElement("select", { ...props });
+    return React$e.createElement("select", { ...props });
 }
 
-const React$b = await importShared('react');
+const React$d = await importShared('react');
 
 /**
  * Render a table row representing a week in the calendar.
@@ -19458,10 +19458,10 @@ const React$b = await importShared('react');
  */
 function Week(props) {
     const { week, ...trProps } = props;
-    return React$b.createElement("tr", { ...trProps });
+    return React$d.createElement("tr", { ...trProps });
 }
 
-const React$a = await importShared('react');
+const React$c = await importShared('react');
 
 /**
  * Render a table header cell with the name of a weekday (e.g., "Mo", "Tu").
@@ -19470,10 +19470,10 @@ const React$a = await importShared('react');
  * @see https://daypicker.dev/guides/custom-components
  */
 function Weekday(props) {
-    return React$a.createElement("th", { ...props });
+    return React$c.createElement("th", { ...props });
 }
 
-const React$9 = await importShared('react');
+const React$b = await importShared('react');
 
 /**
  * Render the table row containing the weekday names.
@@ -19482,11 +19482,11 @@ const React$9 = await importShared('react');
  * @see https://daypicker.dev/guides/custom-components
  */
 function Weekdays(props) {
-    return (React$9.createElement("thead", { "aria-hidden": true },
-        React$9.createElement("tr", { ...props })));
+    return (React$b.createElement("thead", { "aria-hidden": true },
+        React$b.createElement("tr", { ...props })));
 }
 
-const React$8 = await importShared('react');
+const React$a = await importShared('react');
 
 /**
  * Render a table cell displaying the number of the week.
@@ -19496,10 +19496,10 @@ const React$8 = await importShared('react');
  */
 function WeekNumber(props) {
     const { week, ...thProps } = props;
-    return React$8.createElement("th", { ...thProps });
+    return React$a.createElement("th", { ...thProps });
 }
 
-const React$7 = await importShared('react');
+const React$9 = await importShared('react');
 
 /**
  * Render the header cell for the week numbers column.
@@ -19508,10 +19508,10 @@ const React$7 = await importShared('react');
  * @see https://daypicker.dev/guides/custom-components
  */
 function WeekNumberHeader(props) {
-    return React$7.createElement("th", { ...props });
+    return React$9.createElement("th", { ...props });
 }
 
-const React$6 = await importShared('react');
+const React$8 = await importShared('react');
 
 /**
  * Render the container for the weeks in the month grid.
@@ -19520,10 +19520,10 @@ const React$6 = await importShared('react');
  * @see https://daypicker.dev/guides/custom-components
  */
 function Weeks(props) {
-    return React$6.createElement("tbody", { ...props });
+    return React$8.createElement("tbody", { ...props });
 }
 
-const React$5 = await importShared('react');
+const React$7 = await importShared('react');
 /**
  * Render a dropdown to navigate between years in the calendar.
  *
@@ -19532,7 +19532,7 @@ const React$5 = await importShared('react');
  */
 function YearsDropdown(props) {
     const { components } = useDayPicker();
-    return React$5.createElement(components.Dropdown, { ...props });
+    return React$7.createElement(components.Dropdown, { ...props });
 }
 
 const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
@@ -21246,8 +21246,8 @@ function useSelection(props, dateLib) {
     }
 }
 
-const React$4 = await importShared('react');
-const {useCallback: useCallback$1,useMemo: useMemo$2,useRef: useRef$2} = React$4;
+const React$6 = await importShared('react');
+const {useCallback: useCallback$1,useMemo: useMemo$2,useRef: useRef$2} = React$6;
 /**
  * Renders the DayPicker calendar component.
  *
@@ -21430,24 +21430,24 @@ function DayPicker(initialProps) {
         labels,
         formatters
     };
-    return (React$4.createElement(dayPickerContext.Provider, { value: contextValue },
-        React$4.createElement(components.Root, { rootRef: props.animate ? rootElRef : undefined, className: className, style: style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], ...dataAttributes },
-            React$4.createElement(components.Months, { className: classNames[UI.Months], style: styles?.[UI.Months] },
-                !props.hideNavigation && !navLayout && (React$4.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
+    return (React$6.createElement(dayPickerContext.Provider, { value: contextValue },
+        React$6.createElement(components.Root, { rootRef: props.animate ? rootElRef : undefined, className: className, style: style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], ...dataAttributes },
+            React$6.createElement(components.Months, { className: classNames[UI.Months], style: styles?.[UI.Months] },
+                !props.hideNavigation && !navLayout && (React$6.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
                 months.map((calendarMonth, displayIndex) => {
                     const dropdownMonths = getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib);
                     const dropdownYears = getYearOptions(navStart, navEnd, formatters, dateLib);
-                    return (React$4.createElement(components.Month, { "data-animated-month": props.animate ? "true" : undefined, className: classNames[UI.Month], style: styles?.[UI.Month], key: displayIndex, displayIndex: displayIndex, calendarMonth: calendarMonth },
+                    return (React$6.createElement(components.Month, { "data-animated-month": props.animate ? "true" : undefined, className: classNames[UI.Month], style: styles?.[UI.Month], key: displayIndex, displayIndex: displayIndex, calendarMonth: calendarMonth },
                         navLayout === "around" &&
                             !props.hideNavigation &&
-                            displayIndex === 0 && (React$4.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : undefined },
-                            React$4.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" }))),
-                        React$4.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : undefined, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth: calendarMonth, displayIndex: displayIndex }, captionLayout?.startsWith("dropdown") ? (React$4.createElement(components.DropdownNav, { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
+                            displayIndex === 0 && (React$6.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : undefined },
+                            React$6.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" }))),
+                        React$6.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : undefined, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth: calendarMonth, displayIndex: displayIndex }, captionLayout?.startsWith("dropdown") ? (React$6.createElement(components.DropdownNav, { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
                             captionLayout === "dropdown" ||
-                                captionLayout === "dropdown-months" ? (React$4.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React$4.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
+                                captionLayout === "dropdown-months" ? (React$6.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React$6.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
                             captionLayout === "dropdown" ||
-                                captionLayout === "dropdown-years" ? (React$4.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React$4.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
-                            React$4.createElement("span", { role: "status", "aria-live": "polite", style: {
+                                captionLayout === "dropdown-years" ? (React$6.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React$6.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
+                            React$6.createElement("span", { role: "status", "aria-live": "polite", style: {
                                     border: 0,
                                     clip: "rect(0 0 0 0)",
                                     height: "1px",
@@ -21458,22 +21458,22 @@ function DayPicker(initialProps) {
                                     width: "1px",
                                     whiteSpace: "nowrap",
                                     wordWrap: "normal"
-                                } }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (React$4.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
+                                } }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (React$6.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
                         navLayout === "around" &&
                             !props.hideNavigation &&
-                            displayIndex === numberOfMonths - 1 && (React$4.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : undefined },
-                            React$4.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" }))),
+                            displayIndex === numberOfMonths - 1 && (React$6.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : undefined },
+                            React$6.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" }))),
                         displayIndex === numberOfMonths - 1 &&
                             navLayout === "after" &&
-                            !props.hideNavigation && (React$4.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
-                        React$4.createElement(components.MonthGrid, { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid(calendarMonth.date, dateLib.options, dateLib) ||
+                            !props.hideNavigation && (React$6.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
+                        React$6.createElement(components.MonthGrid, { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid(calendarMonth.date, dateLib.options, dateLib) ||
                                 undefined, className: classNames[UI.MonthGrid], style: styles?.[UI.MonthGrid] },
-                            !props.hideWeekdays && (React$4.createElement(components.Weekdays, { "data-animated-weekdays": props.animate ? "true" : undefined, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
-                                showWeekNumber && (React$4.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader())),
-                                weekdays.map((weekday, i) => (React$4.createElement(components.Weekday, { "aria-label": labelWeekday(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: i, style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName(weekday, dateLib.options, dateLib)))))),
-                            React$4.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : undefined, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week, weekIndex) => {
-                                return (React$4.createElement(components.Week, { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week: week },
-                                    showWeekNumber && (React$4.createElement(components.WeekNumber, { week: week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber(week.weekNumber, {
+                            !props.hideWeekdays && (React$6.createElement(components.Weekdays, { "data-animated-weekdays": props.animate ? "true" : undefined, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
+                                showWeekNumber && (React$6.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader())),
+                                weekdays.map((weekday, i) => (React$6.createElement(components.Weekday, { "aria-label": labelWeekday(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: i, style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName(weekday, dateLib.options, dateLib)))))),
+                            React$6.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : undefined, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week, weekIndex) => {
+                                return (React$6.createElement(components.Week, { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week: week },
+                                    showWeekNumber && (React$6.createElement(components.WeekNumber, { week: week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber(week.weekNumber, {
                                             locale
                                         }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber(week.weekNumber, dateLib))),
                                     week.days.map((day) => {
@@ -21497,17 +21497,17 @@ function DayPicker(initialProps) {
                                         const ariaLabel = !isInteractive && !modifiers.hidden
                                             ? labelGridcell(date, modifiers, dateLib.options, dateLib)
                                             : undefined;
-                                        return (React$4.createElement(components.Day, { key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day: day, modifiers: modifiers, className: className.join(" "), style: style, role: "gridcell", "aria-selected": modifiers.selected || undefined, "aria-label": ariaLabel, "data-day": dateLib.format(date, "yyyy-MM-dd"), "data-month": day.outside
+                                        return (React$6.createElement(components.Day, { key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day: day, modifiers: modifiers, className: className.join(" "), style: style, role: "gridcell", "aria-selected": modifiers.selected || undefined, "aria-label": ariaLabel, "data-day": dateLib.format(date, "yyyy-MM-dd"), "data-month": day.outside
                                                 ? dateLib.format(date, "yyyy-MM")
-                                                : undefined, "data-selected": modifiers.selected || undefined, "data-disabled": modifiers.disabled || undefined, "data-hidden": modifiers.hidden || undefined, "data-outside": day.outside || undefined, "data-focused": modifiers.focused || undefined, "data-today": modifiers.today || undefined }, !modifiers.hidden && isInteractive ? (React$4.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day: day, modifiers: modifiers, disabled: modifiers.disabled || undefined, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay(date, dateLib.options, dateLib))) : (!modifiers.hidden &&
+                                                : undefined, "data-selected": modifiers.selected || undefined, "data-disabled": modifiers.disabled || undefined, "data-hidden": modifiers.hidden || undefined, "data-outside": day.outside || undefined, "data-focused": modifiers.focused || undefined, "data-today": modifiers.today || undefined }, !modifiers.hidden && isInteractive ? (React$6.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day: day, modifiers: modifiers, disabled: modifiers.disabled || undefined, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay(date, dateLib.options, dateLib))) : (!modifiers.hidden &&
                                             formatDay(day.date, dateLib.options, dateLib))));
                                     })));
                             })))));
                 })),
-            props.footer && (React$4.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)))));
+            props.footer && (React$6.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)))));
 }
 
-const React$3 = await importShared('react');
+const React$5 = await importShared('react');
 /* eslint-disable react/prop-types -- needed for subcomponents */
 /**
  * A control that allows the user to select a date.
@@ -21566,8 +21566,8 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
 }
 function CalendarDayButton({ className, day, modifiers, ...props }) {
     const defaultClassNames = getDefaultClassNames();
-    const ref = React$3.useRef(null);
-    React$3.useEffect(() => {
+    const ref = React$5.useRef(null);
+    React$5.useEffect(() => {
         if (modifiers.focused)
             ref.current?.focus();
     }, [modifiers.focused]);
@@ -22106,13 +22106,13 @@ function EmptyDisplay({ className, icon: Icon = MdFormatListBulleted, header, su
     return (jsxRuntimeExports.jsx("div", { className: cn$1('flex h-full items-center justify-center', className), children: jsxRuntimeExports.jsxs("div", { className: "flex max-w-xl flex-col items-center space-y-4 text-center", children: [jsxRuntimeExports.jsx("div", { children: jsxRuntimeExports.jsx(Icon, { className: "size-20 text-muted-foreground" }) }), jsxRuntimeExports.jsx("h1", { children: header ?? strings.emptyDisplayDefaultHeader }), jsxRuntimeExports.jsx("p", { className: "text-muted-foreground", children: subtitle ?? strings.emptyDisplayDefaultContent }), actions] }) }));
 }
 
-const React$2 = await importShared('react');
+const React$4 = await importShared('react');
 /**
  * Displays a generic error state with a header and error message.
  */
 function ErrorDisplay({ className, header, error, actions, }) {
     const strings = useComponentStrings();
-    return (jsxRuntimeExports.jsx("div", { className: cn$1('flex h-full w-full items-center justify-center', className), role: "alert", children: jsxRuntimeExports.jsxs("div", { className: "flex max-w-xl flex-col items-center space-y-4 text-center", children: [jsxRuntimeExports.jsx("div", { children: jsxRuntimeExports.jsx(MdOutlineErrorOutline, { className: "size-20 text-muted-foreground" }) }), jsxRuntimeExports.jsx("h1", { children: header ?? strings.errorDisplayDefaultHeader }), jsxRuntimeExports.jsx("p", { children: typeof error === 'string' || React$2.isValidElement(error)
+    return (jsxRuntimeExports.jsx("div", { className: cn$1('flex h-full w-full items-center justify-center', className), role: "alert", children: jsxRuntimeExports.jsxs("div", { className: "flex max-w-xl flex-col items-center space-y-4 text-center", children: [jsxRuntimeExports.jsx("div", { children: jsxRuntimeExports.jsx(MdOutlineErrorOutline, { className: "size-20 text-muted-foreground" }) }), jsxRuntimeExports.jsx("h1", { children: header ?? strings.errorDisplayDefaultHeader }), jsxRuntimeExports.jsx("p", { children: typeof error === 'string' || React$4.isValidElement(error)
                         ? error
                         : strings.errorDisplayDefaultContent }), actions] }) }));
 }
@@ -22203,9 +22203,9 @@ function useEventCallback(fn) {
     }, [ref]);
 }
 
-const React$1 = await importShared('react');
-const {useId,useMemo,useState} = React$1;
-const MultiComboboxContext = React$1.createContext(null);
+const React$3 = await importShared('react');
+const {useId,useMemo,useState} = React$3;
+const MultiComboboxContext = React$3.createContext(null);
 function MultiCombobox({ children, value, onChange, disabled, }) {
     const [selectedValues, setSelectedValues] = useControlledState(value, onChange, []);
     const [searchQuery, setSearchQuery] = useState('');
@@ -22246,7 +22246,7 @@ function MultiCombobox({ children, value, onChange, disabled, }) {
     return (jsxRuntimeExports.jsx(MultiComboboxContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx(Popover, { open: isOpen, onOpenChange: setIsOpen, children: children }) }));
 }
 function useMultiComboboxContext() {
-    const value = React$1.useContext(MultiComboboxContext);
+    const value = React$3.useContext(MultiComboboxContext);
     if (!value) {
         throw new Error(`useMultiComboboxContext must be used inside a MultiComboboxContext provider`);
     }
@@ -22301,7 +22301,7 @@ const MultiComboboxGroup = CommandGroup;
 function MultiComboboxItem({ value, className, label, children, ...rest }) {
     const { selectedValues, onSelect } = useMultiComboboxContext();
     const isSelected = selectedValues.some((v) => v.value === value);
-    const itemRef = React$1.useRef(null);
+    const itemRef = React$3.useRef(null);
     return (jsxRuntimeExports.jsxs(CommandItem, { onSelect: () => {
             const itemLabel = label ?? itemRef.current?.textContent ?? undefined;
             onSelect(value, itemLabel, !isSelected);
@@ -22599,6 +22599,268 @@ function SheetDescription({ className, ...props }) {
     return (jsxRuntimeExports.jsx(Description, { "data-slot": "sheet-description", className: cn$1('text-sm text-muted-foreground', className), ...props }));
 }
 
+/**
+ * A skeleton component that can be used to show a loading state.
+ *
+ * https://ui.shadcn.com/docs/components/skeleton
+ */
+function Skeleton({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "skeleton", className: cn$1('animate-pulse rounded-md bg-accent', className), ...props }));
+}
+
+function TooltipProvider({ delayDuration = 0, ...props }) {
+    return (jsxRuntimeExports.jsx(Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
+}
+function Tooltip({ ...props }) {
+    return (jsxRuntimeExports.jsx(TooltipProvider, { children: jsxRuntimeExports.jsx(Root3, { "data-slot": "tooltip", ...props }) }));
+}
+function TooltipTrigger({ ...props }) {
+    return jsxRuntimeExports.jsx(Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+    return (jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsxs(Content2, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn$1('z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', className), ...props, children: [children, jsxRuntimeExports.jsx(Arrow2, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" })] }) }));
+}
+
+const React$2 = await importShared('react');
+
+const MOBILE_BREAKPOINT = 768;
+/**
+ * Determines if the screen is mobile.
+ *
+ * @returns true if the screen is mobile, false otherwise
+ */
+function useIsMobile() {
+    const [isMobile, setIsMobile] = React$2.useState(undefined);
+    React$2.useEffect(() => {
+        const mql = globalThis.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener('change', onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => {
+            mql.removeEventListener('change', onChange);
+        };
+    }, []);
+    return !!isMobile;
+}
+
+const React$1 = await importShared('react');
+/**
+ * Sidebar component from ShadCN
+ *
+ * https://ui.shadcn.com/docs/components/sidebar
+ *
+ * - Added functionality to dismiss when button is clicked (https://github.com/shadcn-ui/ui/issues/5561)
+ */
+const SIDEBAR_COOKIE_NAME = 'sidebar_state';
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+const SIDEBAR_WIDTH = '16rem';
+const SIDEBAR_WIDTH_MOBILE = '18rem';
+const SIDEBAR_WIDTH_ICON = '3rem';
+const SIDEBAR_KEYBOARD_SHORTCUT = 'b';
+const SidebarContext = React$1.createContext(null);
+function useSidebar() {
+    const context = React$1.useContext(SidebarContext);
+    if (!context) {
+        throw new Error('useSidebar must be used within a SidebarProvider.');
+    }
+    return context;
+}
+function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
+    const isMobile = useIsMobile();
+    const [openMobile, setOpenMobile] = React$1.useState(false);
+    // This is the internal state of the sidebar.
+    // We use openProp and setOpenProp for control from outside the component.
+    const [_open, _setOpen] = React$1.useState(defaultOpen);
+    const open = openProp ?? _open;
+    const setOpen = React$1.useCallback((value) => {
+        const openState = typeof value === 'function' ? value(open) : value;
+        if (setOpenProp) {
+            setOpenProp(openState);
+        }
+        else {
+            _setOpen(openState);
+        }
+        // This sets the cookie to keep the sidebar state.
+        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    }, [setOpenProp, open]);
+    // Helper to toggle the sidebar.
+    const toggleSidebar = React$1.useCallback(() => {
+        if (isMobile) {
+            setOpenMobile((open) => !open);
+        }
+        else {
+            setOpen((open) => !open);
+        }
+    }, [isMobile, setOpen, setOpenMobile]);
+    // Adds a keyboard shortcut to toggle the sidebar.
+    React$1.useEffect(() => {
+        const handleKeyDown = (event) => {
+            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
+                (event.metaKey || event.ctrlKey)) {
+                event.preventDefault();
+                toggleSidebar();
+            }
+        };
+        globalThis.addEventListener('keydown', handleKeyDown);
+        return () => {
+            globalThis.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [toggleSidebar]);
+    // We add a state so that we can do data-state="expanded" or "collapsed".
+    // This makes it easier to style the sidebar with Tailwind classes.
+    const state = open ? 'expanded' : 'collapsed';
+    const contextValue = React$1.useMemo(() => ({
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar,
+    }), [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
+    return (jsxRuntimeExports.jsx(SidebarContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx(TooltipProvider, { delayDuration: 0, children: jsxRuntimeExports.jsx("div", { "data-slot": "sidebar-wrapper", style: {
+                    '--sidebar-width': SIDEBAR_WIDTH,
+                    '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
+                    ...style,
+                }, className: cn$1('group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-card', className), ...props, children: children }) }) }));
+}
+function Sidebar({ side = 'left', variant = 'sidebar', collapsible = 'offcanvas', className, children, ...props }) {
+    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+    if (collapsible === 'none') {
+        return (jsxRuntimeExports.jsx("div", { "data-slot": "sidebar", className: cn$1('flex h-full w-(--sidebar-width) flex-col bg-card text-card-foreground', className), ...props, children: children }));
+    }
+    if (isMobile) {
+        return (jsxRuntimeExports.jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: jsxRuntimeExports.jsxs(SheetContent, { "data-sidebar": "sidebar", "data-slot": "sidebar", "data-mobile": "true", className: "w-(--sidebar-width) bg-card p-0 text-card-foreground [&>button]:hidden", style: {
+                    '--sidebar-width': SIDEBAR_WIDTH_MOBILE,
+                }, side: side, children: [jsxRuntimeExports.jsxs(SheetHeader, { className: "sr-only", children: [jsxRuntimeExports.jsx(SheetTitle, { children: "Sidebar" }), jsxRuntimeExports.jsx(SheetDescription, { children: "Displays the mobile sidebar." })] }), jsxRuntimeExports.jsx("div", { className: "flex h-full w-full flex-col", children: children })] }) }));
+    }
+    return (jsxRuntimeExports.jsxs("div", { className: "group peer hidden text-card-foreground md:block", "data-state": state, "data-collapsible": state === 'collapsed' ? collapsible : '', "data-variant": variant, "data-side": side, "data-slot": "sidebar", children: [jsxRuntimeExports.jsx("div", { "data-slot": "sidebar-gap", className: cn$1('relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear', 'group-data-[collapsible=offcanvas]:w-0', 'group-data-[side=right]:rotate-180', variant === 'floating' || variant === 'inset'
+                    ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'
+                    : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)') }), jsxRuntimeExports.jsx("div", { "data-slot": "sidebar-container", className: cn$1('fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex', side === 'left'
+                    ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'
+                    : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]', 
+                // Adjust the padding for floating and inset variants.
+                variant === 'floating' || variant === 'inset'
+                    ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'
+                    : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l', className), ...props, children: jsxRuntimeExports.jsx("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "flex h-full w-full flex-col bg-card group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:shadow-sm", children: children }) })] }));
+}
+function SidebarTrigger({ className, onClick, ...props }) {
+    const { toggleSidebar } = useSidebar();
+    return (jsxRuntimeExports.jsxs(Button$1, { "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", size: "icon", className: cn$1('size-7', className), onClick: (event) => {
+            onClick?.(event);
+            toggleSidebar();
+        }, ...props, children: [jsxRuntimeExports.jsx(MdMenu, {}), jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Toggle Sidebar" })] }));
+}
+function SidebarRail({ className, ...props }) {
+    const { toggleSidebar } = useSidebar();
+    return (jsxRuntimeExports.jsx("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn$1('hover:after:bg-card-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex', 'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize', '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize', 'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-card', '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2', '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2', className), ...props }));
+}
+function SidebarInset({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("main", { "data-slot": "sidebar-inset", className: cn$1('relative flex w-full flex-1 flex-col bg-background', 'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2', className), ...props }));
+}
+function SidebarInput({ className, ...props }) {
+    return (jsxRuntimeExports.jsx(Input, { "data-slot": "sidebar-input", "data-sidebar": "input", className: cn$1('h-8 w-full bg-background shadow-none', className), ...props }));
+}
+function SidebarHeader({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "sidebar-header", "data-sidebar": "header", className: cn$1('flex flex-col gap-2 p-2', className), ...props }));
+}
+function SidebarFooter({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "sidebar-footer", "data-sidebar": "footer", className: cn$1('flex flex-col gap-2 p-2', className), ...props }));
+}
+function SidebarSeparator({ className, ...props }) {
+    return (jsxRuntimeExports.jsx(Separator, { "data-slot": "sidebar-separator", "data-sidebar": "separator", className: cn$1('bg-card-border mx-2 w-auto', className), ...props }));
+}
+function SidebarContent({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "sidebar-content", "data-sidebar": "content", className: cn$1('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', className), ...props }));
+}
+function SidebarGroup({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "sidebar-group", "data-sidebar": "group", className: cn$1('relative flex w-full min-w-0 flex-col p-2', className), ...props }));
+}
+function SidebarGroupLabel({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot$4 : 'div';
+    return (jsxRuntimeExports.jsx(Comp, { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: cn$1('flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-card-foreground/70 ring-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0', className), ...props }));
+}
+function SidebarGroupAction({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot$4 : 'button';
+    return (jsxRuntimeExports.jsx(Comp, { "data-slot": "sidebar-group-action", "data-sidebar": "group-action", className: cn$1('hover:bg-card-accent absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-card-foreground ring-ring outline-hidden transition-transform hover:text-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 
+        // Increases the hit area of the button on mobile.
+        'after:absolute after:-inset-2 md:after:hidden', 'group-data-[collapsible=icon]:hidden', className), ...props }));
+}
+function SidebarGroupContent({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: cn$1('w-full text-sm', className), ...props }));
+}
+function SidebarMenu({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("ul", { "data-slot": "sidebar-menu", "data-sidebar": "menu", className: cn$1('flex w-full min-w-0 flex-col gap-1', className), ...props }));
+}
+function SidebarMenuItem({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn$1('group/menu-item relative', className), ...props }));
+}
+const sidebarMenuButtonVariants = cva('peer/menu-button hover:bg-card-accent active:bg-card-accent data-[active=true]:bg-card-accent data-[state=open]:hover:bg-card-accent flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:text-accent-foreground focus-visible:ring-2 active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[active=true]:text-accent-foreground data-[state=open]:hover:text-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'hover:bg-card-accent hover:text-accent-foreground',
+            outline: 'hover:bg-card-accent bg-background shadow-[0_0_0_1px_hsl(var(--border))] hover:text-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--accent))]',
+        },
+        size: {
+            default: 'h-8 text-sm',
+            sm: 'h-7 text-xs',
+            lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+function SidebarMenuButton({ asChild = false, isActive = false, variant = 'default', size = 'default', tooltip, className, onClick, ...props }) {
+    const Comp = asChild ? Slot$4 : 'button';
+    const { isMobile, state, toggleSidebar } = useSidebar();
+    const button = (jsxRuntimeExports.jsx(Comp, { "data-slot": "sidebar-menu-button", "data-sidebar": "menu-button", "data-size": size, "data-active": isActive, className: cn$1(sidebarMenuButtonVariants({ variant, size }), className), onClick: (event) => {
+            onClick?.(event);
+            if (isMobile && !event.defaultPrevented) {
+                toggleSidebar();
+            }
+        }, ...props }));
+    if (!tooltip) {
+        return button;
+    }
+    if (typeof tooltip === 'string') {
+        tooltip = {
+            children: tooltip,
+        };
+    }
+    return (jsxRuntimeExports.jsxs(Tooltip, { children: [jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: button }), jsxRuntimeExports.jsx(TooltipContent, { side: "right", align: "center", hidden: state !== 'collapsed' || isMobile, ...tooltip })] }));
+}
+function SidebarMenuAction({ className, asChild = false, showOnHover = false, ...props }) {
+    const Comp = asChild ? Slot$4 : 'button';
+    return (jsxRuntimeExports.jsx(Comp, { "data-slot": "sidebar-menu-action", "data-sidebar": "menu-action", className: cn$1('hover:bg-card-accent absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-card-foreground ring-ring outline-hidden transition-transform peer-hover/menu-button:text-accent-foreground hover:text-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0', 
+        // Increases the hit area of the button on mobile.
+        'after:absolute after:-inset-2 md:after:hidden', 'peer-data-[size=sm]/menu-button:top-1', 'peer-data-[size=default]/menu-button:top-1.5', 'peer-data-[size=lg]/menu-button:top-2.5', 'group-data-[collapsible=icon]:hidden', showOnHover &&
+            'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-[active=true]/menu-button:text-accent-foreground data-[state=open]:opacity-100 md:opacity-0', className), ...props }));
+}
+function SidebarMenuBadge({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("div", { "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: cn$1('pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-card-foreground tabular-nums select-none', 'peer-hover/menu-button:text-accent-foreground peer-data-[active=true]/menu-button:text-accent-foreground', 'peer-data-[size=sm]/menu-button:top-1', 'peer-data-[size=default]/menu-button:top-1.5', 'peer-data-[size=lg]/menu-button:top-2.5', 'group-data-[collapsible=icon]:hidden', className), ...props }));
+}
+function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
+    // Random width between 50 to 90%.
+    const width = React$1.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+    return (jsxRuntimeExports.jsxs("div", { "data-slot": "sidebar-menu-skeleton", "data-sidebar": "menu-skeleton", className: cn$1('flex h-8 items-center gap-2 rounded-md px-2', className), ...props, children: [showIcon && (jsxRuntimeExports.jsx(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" })), jsxRuntimeExports.jsx(Skeleton, { className: "h-4 max-w-(--skeleton-width) flex-1", "data-sidebar": "menu-skeleton-text", style: {
+                    '--skeleton-width': width,
+                } })] }));
+}
+function SidebarMenuSub({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("ul", { "data-slot": "sidebar-menu-sub", "data-sidebar": "menu-sub", className: cn$1('mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-border px-2.5 py-0.5', 'group-data-[collapsible=icon]:hidden', className), ...props }));
+}
+function SidebarMenuSubItem({ className, ...props }) {
+    return (jsxRuntimeExports.jsx("li", { "data-slot": "sidebar-menu-sub-item", "data-sidebar": "menu-sub-item", className: cn$1('group/menu-sub-item relative', className), ...props }));
+}
+function SidebarMenuSubButton({ asChild = false, size = 'md', isActive = false, className, ...props }) {
+    const Comp = asChild ? Slot$4 : 'a';
+    return (jsxRuntimeExports.jsx(Comp, { "data-slot": "sidebar-menu-sub-button", "data-sidebar": "menu-sub-button", "data-size": size, "data-active": isActive, className: cn$1('hover:bg-card-accent active:bg-card-accent flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-card-foreground ring-ring outline-hidden hover:text-accent-foreground focus-visible:ring-2 active:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-accent-foreground', 'data-[active=true]:bg-card-accent data-[active=true]:text-accent-foreground', size === 'sm' && 'text-xs', size === 'md' && 'text-sm', 'group-data-[collapsible=icon]:hidden', className), ...props }));
+}
+
 /**
  * A responsive table component.
  *
@@ -23814,18 +24076,5 @@ const Toaster = ({ ...props }) => (jsxRuntimeExports.jsx(Toaster$1, { className:
         },
     }, ...props }));
 
-function TooltipProvider({ delayDuration = 0, ...props }) {
-    return (jsxRuntimeExports.jsx(Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
-}
-function Tooltip({ ...props }) {
-    return (jsxRuntimeExports.jsx(TooltipProvider, { children: jsxRuntimeExports.jsx(Root3, { "data-slot": "tooltip", ...props }) }));
-}
-function TooltipTrigger({ ...props }) {
-    return jsxRuntimeExports.jsx(Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({ className, sideOffset = 0, children, ...props }) {
-    return (jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsxs(Content2, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn$1('z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', className), ...props, children: [children, jsxRuntimeExports.jsx(Arrow2, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" })] }) }));
-}
-
-export { Alert, AlertDescription, AlertTitle, AsyncComboboxField, AsyncComboboxFieldController, Badge, BadgeWithIcon, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, ButtonGroup, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxField, CheckboxFieldController, CircularProgress, ColorPicker, ColorPickerField, ColorPickerFieldController, Combobox, ComboboxAction, ComboboxContent, ComboboxEmpty, ComboboxField, ComboboxFieldController, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLoading, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, DatePickerField, DatePickerFieldController, DateTimePickerField, DateTimePickerFieldController, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyDisplay, ErrorDisplay, ErrorableLoader, FormActionBar, FormControl, FormDescription, FormItem, FormLabel, FormMessage, Input, InputField, InputFieldController, Label, Loader$1 as Loader, MultiCombobox, MultiComboboxContent, MultiComboboxEmpty, MultiComboboxField, MultiComboboxFieldController, MultiComboboxGroup, MultiComboboxInput, MultiComboboxItem, MultiSwitchField, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemWithLink, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NavigationTabs, NavigationTabsItem, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RecordView, RecordViewActions, RecordViewItem, RecordViewItemList, ScrollArea, ScrollBar, SectionList, SectionListSection, SectionListSectionContent, SectionListSectionDescription, SectionListSectionHeader, SectionListSectionTitle, Select, SelectContent, SelectField, SelectFieldController, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLayout, SidebarLayoutContent, SidebarLayoutSidebar, Switch, SwitchField, SwitchFieldController, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaField, TextareaFieldController, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn$1 as cn, genericForwardRef, inputVariants, mergeRefs, navigationMenuTriggerStyle, selectCheckVariants, selectContentVariants, selectItemVariants, selectTriggerVariants, toast, useComboboxContext, useConfirmDialog, useControlledState, useControllerMerged, useDebounce, useEventCallback, useFormField, useMultiComboboxContext };
-//# sourceMappingURL=ui-components-RO_rk4f0.js.map
+export { Alert, AlertDescription, AlertTitle, AsyncComboboxField, AsyncComboboxFieldController, Badge, BadgeWithIcon, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, ButtonGroup, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxField, CheckboxFieldController, CircularProgress, ColorPicker, ColorPickerField, ColorPickerFieldController, Combobox, ComboboxAction, ComboboxContent, ComboboxEmpty, ComboboxField, ComboboxFieldController, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLoading, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, DatePickerField, DatePickerFieldController, DateTimePickerField, DateTimePickerFieldController, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyDisplay, ErrorDisplay, ErrorableLoader, FormActionBar, FormControl, FormDescription, FormItem, FormLabel, FormMessage, Input, InputField, InputFieldController, Label, Loader$1 as Loader, MultiCombobox, MultiComboboxContent, MultiComboboxEmpty, MultiComboboxField, MultiComboboxFieldController, MultiComboboxGroup, MultiComboboxInput, MultiComboboxItem, MultiSwitchField, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemWithLink, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NavigationTabs, NavigationTabsItem, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RecordView, RecordViewActions, RecordViewItem, RecordViewItemList, ScrollArea, ScrollBar, SectionList, SectionListSection, SectionListSectionContent, SectionListSectionDescription, SectionListSectionHeader, SectionListSectionTitle, Select, SelectContent, SelectField, SelectFieldController, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarLayoutContent, SidebarLayoutSidebar, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Switch, SwitchField, SwitchFieldController, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaField, TextareaFieldController, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn$1 as cn, genericForwardRef, inputVariants, mergeRefs, navigationMenuTriggerStyle, selectCheckVariants, selectContentVariants, selectItemVariants, selectTriggerVariants, toast, useComboboxContext, useConfirmDialog, useControlledState, useControllerMerged, useDebounce, useEventCallback, useFormField, useMultiComboboxContext, useSidebar };
+//# sourceMappingURL=ui-components-CjIA8Av2.js.map