@umami/react-zen 0.12.0 → 0.13.0

package/dist/index.mjs

@@ -113,7 +113,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
           return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
         }
         var objectIs = typeof Object.is === "function" ? Object.is : is;
-        var useState15 = React19.useState, useEffect11 = React19.useEffect, useLayoutEffect3 = React19.useLayoutEffect, useDebugValue2 = React19.useDebugValue;
+        var useState15 = React19.useState, useEffect12 = React19.useEffect, useLayoutEffect3 = React19.useLayoutEffect, useDebugValue2 = React19.useDebugValue;
         var didWarnOld18Alpha = false;
         var didWarnUncachedGetSnapshot = false;
         function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
@@ -150,7 +150,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
               });
             }
           }, [subscribe, value, getSnapshot]);
-          useEffect11(function() {
+          useEffect12(function() {
             if (checkIfSnapshotChanged(inst)) {
               forceUpdate({
                 inst
@@ -344,7 +344,7 @@ var require_with_selector_development = __commonJS({
         }
         var objectIs = typeof Object.is === "function" ? Object.is : is;
         var useSyncExternalStore = shim.useSyncExternalStore;
-        var useRef8 = React19.useRef, useEffect11 = React19.useEffect, useMemo4 = React19.useMemo, useDebugValue2 = React19.useDebugValue;
+        var useRef8 = React19.useRef, useEffect12 = React19.useEffect, useMemo4 = React19.useMemo, useDebugValue2 = React19.useDebugValue;
         function useSyncExternalStoreWithSelector2(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
           var instRef = useRef8(null);
           var inst;
@@ -401,7 +401,7 @@ var require_with_selector_development = __commonJS({
             return [getSnapshotWithSelector, getServerSnapshotWithSelector];
           }, [getSnapshot, getServerSnapshot, selector, isEqual]), getSelection = _useMemo[0], getServerSelection = _useMemo[1];
           var value = useSyncExternalStore(subscribe, getSelection, getServerSelection);
-          useEffect11(function() {
+          useEffect12(function() {
             inst.hasValue = true;
             inst.value = value;
           }, [value]);
@@ -22875,7 +22875,7 @@ function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
   };
 }
 
-// src/components/form/Form.tsx
+// src/components/forms/Form.tsx
 import { useEffect } from "react";
 
 // node_modules/react-hook-form/dist/index.esm.mjs
@@ -24526,10 +24526,10 @@ function useForm(props = {}) {
   return _formControl.current;
 }
 
-// src/components/form/Form.tsx
+// src/components/forms/Form.tsx
 var import_classnames6 = __toESM(require_classnames());
 
-// src/components/form/Form.module.css
+// src/components/forms/Form.module.css
 var Form_default = {
   form: "Form_form",
   text: "Form_text",
@@ -25200,7 +25200,7 @@ function Text({
   );
 }
 
-// src/components/form/Form.tsx
+// src/components/forms/Form.tsx
 import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 function Form({
   gap = "md",
@@ -25273,7 +25273,7 @@ function Form({
   ] });
 }
 
-// src/components/form/FormField.tsx
+// src/components/forms/FormField.tsx
 import { cloneElement as cloneElement2, forwardRef } from "react";
 var import_classnames7 = __toESM(require_classnames());
 
@@ -25296,14 +25296,14 @@ function mapChildren(children, handler) {
   });
 }
 
-// src/components/form/FormField.module.css
+// src/components/forms/FormField.module.css
 var FormField_default = {
   field: "FormField_field",
   description: "FormField_description",
   error: "FormField_error"
 };
 
-// src/components/form/FormField.tsx
+// src/components/forms/FormField.tsx
 import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 var FormField = forwardRef(
   ({ name, description, label, rules, className, children, ...props }, ref) => {
@@ -25323,6 +25323,7 @@ var FormField = forwardRef(
 );
 
 // src/components/Button.tsx
+import { forwardRef as forwardRef2 } from "react";
 var import_classnames8 = __toESM(require_classnames());
 
 // src/components/Button.module.css
@@ -25342,33 +25343,36 @@ var Button_default = {
 
 // src/components/Button.tsx
 import { jsx as jsx9 } from "react/jsx-runtime";
-function Button({
-  variant = "secondary",
-  size = "md",
-  preventFocusOnPress = true,
-  asChild,
-  className,
-  children,
-  ...props
-}) {
-  const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : $d2b4bc8c273e7be6$export$353f5b6fc5456de1;
-  return /* @__PURE__ */ jsx9(
-    Component,
-    {
-      ...props,
-      preventFocusOnPress: Component === $d2b4bc8c273e7be6$export$353f5b6fc5456de1 ? preventFocusOnPress : void 0,
-      className: (0, import_classnames8.default)(
-        Button_default.button,
-        className,
-        variant && Button_default[variant],
-        size && Button_default[size]
-      ),
-      children
-    }
-  );
-}
+var Button = forwardRef2(
+  ({
+    variant = "secondary",
+    size = "md",
+    preventFocusOnPress = true,
+    asChild,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : $d2b4bc8c273e7be6$export$353f5b6fc5456de1;
+    return /* @__PURE__ */ jsx9(
+      Component,
+      {
+        ...props,
+        ref,
+        preventFocusOnPress: Component === $d2b4bc8c273e7be6$export$353f5b6fc5456de1 ? preventFocusOnPress : void 0,
+        className: (0, import_classnames8.default)(
+          Button_default.button,
+          className,
+          variant && Button_default[variant],
+          size && Button_default[size]
+        ),
+        children
+      }
+    );
+  }
+);
 
-// src/components/form/FormResetButton.tsx
+// src/components/forms/FormResetButton.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 function FormResetButton({ values = {}, children, onPress, ...props }) {
   const { reset } = useFormContext();
@@ -25424,7 +25428,7 @@ function LoadingButton({ isLoading, children, ...props }) {
   ] });
 }
 
-// src/components/form/FormSubmitButton.tsx
+// src/components/forms/FormSubmitButton.tsx
 import { jsx as jsx13 } from "react/jsx-runtime";
 function FormSubmitButton({ children, disabled, isLoading, ...props }) {
   const {
@@ -25470,7 +25474,7 @@ var createStoreImpl = (createState) => {
     }
   };
   const getState = () => state;
-  const getInitialState = () => initialState3;
+  const getInitialState = () => initialState4;
   const subscribe = (listener) => {
     listeners.add(listener);
     return () => listeners.delete(listener);
@@ -25484,7 +25488,7 @@ var createStoreImpl = (createState) => {
     listeners.clear();
   };
   const api = { setState, getState, getInitialState, subscribe, destroy };
-  const initialState3 = state = createState(setState, getState, api);
+  const initialState4 = state = createState(setState, getState, api);
   return api;
 };
 var createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
@@ -25863,11 +25867,6 @@ var $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.redu
     [node]: Node2
   };
 }, {});
-function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event) {
-  if (target) $4q5Fq$flushSync(
-    () => target.dispatchEvent(event)
-  );
-}
 
 // node_modules/@radix-ui/react-collapsible/dist/index.mjs
 import { forwardRef as $73KQ4$forwardRef, createElement as $73KQ4$createElement, useCallback as $73KQ4$useCallback, useState as $73KQ4$useState, useRef as $73KQ4$useRef, useEffect as $73KQ4$useEffect } from "react";
@@ -25880,11 +25879,11 @@ var $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || g
 // node_modules/@radix-ui/react-presence/dist/index.mjs
 import { Children as $iqq3r$Children, cloneElement as $iqq3r$cloneElement, useState as $iqq3r$useState, useRef as $iqq3r$useRef, useEffect as $iqq3r$useEffect, useCallback as $iqq3r$useCallback, useReducer as $iqq3r$useReducer } from "react";
 import { flushSync as $iqq3r$flushSync } from "react-dom";
-function $fe963b355347cc68$export$3e6543de14f8614f(initialState3, machine) {
+function $fe963b355347cc68$export$3e6543de14f8614f(initialState4, machine) {
   return $iqq3r$useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState !== null && nextState !== void 0 ? nextState : state;
-  }, initialState3);
+  }, initialState4);
 }
 var $921a889cee6df7e8$export$99c2b779aa4e8b8b = (props) => {
   const { present, children } = props;
@@ -25904,8 +25903,8 @@ function $921a889cee6df7e8$var$usePresence(present) {
   const stylesRef = $iqq3r$useRef({});
   const prevPresentRef = $iqq3r$useRef(present);
   const prevAnimationNameRef = $iqq3r$useRef("none");
-  const initialState3 = present ? "mounted" : "unmounted";
-  const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f(initialState3, {
+  const initialState4 = present ? "mounted" : "unmounted";
+  const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f(initialState4, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -26572,7 +26571,7 @@ function Calendar({ className, ...props }) {
 }
 
 // src/components/Checkbox.tsx
-import { forwardRef as forwardRef2 } from "react";
+import { forwardRef as forwardRef3 } from "react";
 
 // node_modules/react-icons/im/index.mjs
 function ImCheckmark(props) {
@@ -26591,7 +26590,7 @@ var Checkbox_default = {
 
 // src/components/Checkbox.tsx
 import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
-var Checkbox = forwardRef2(
+var Checkbox = forwardRef3(
   ({ label, className, children, ...props }, ref) => {
     const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
     return /* @__PURE__ */ jsx20(
@@ -26695,7 +26694,7 @@ var import_classnames23 = __toESM(require_classnames());
 import { useState as useState5 } from "react";
 
 // src/components/TextField.tsx
-import { useEffect as useEffect3, useState as useState4, forwardRef as forwardRef3 } from "react";
+import { useEffect as useEffect3, useState as useState4, forwardRef as forwardRef4 } from "react";
 var import_classnames22 = __toESM(require_classnames());
 
 // src/components/Label.tsx
@@ -26756,7 +26755,7 @@ var TextField_default = {
 
 // src/components/TextField.tsx
 import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
-var TextField = forwardRef3(
+var TextField = forwardRef4(
   ({
     value,
     defaultValue,
@@ -26979,7 +26978,7 @@ function Heading({ size = 5, className, children, asChild, ...props }) {
 }
 
 // src/components/HoverTrigger.tsx
-import { cloneElement as cloneElement3, useRef as useRef2, useState as useState6 } from "react";
+import { useRef as useRef2, useState as useState6, useEffect as useEffect4 } from "react";
 
 // src/components/HoverTrigger.module.css
 var HoverTrigger_default = {
@@ -26987,20 +26986,34 @@ var HoverTrigger_default = {
 };
 
 // src/components/HoverTrigger.tsx
-import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
 var CLOSE_DELAY = 500;
-function HoverTrigger({ closeDelay = CLOSE_DELAY, children }) {
+function HoverTrigger({
+  isOpen,
+  onHoverStart,
+  onHoverEnd,
+  closeDelay = CLOSE_DELAY,
+  children
+}) {
   const [triggerElement, popupElement] = children;
-  const [show, setShow] = useState6(false);
+  const triggerRef = useRef2(null);
+  const [open, setOpen] = useState6(isOpen);
   const isOverMenu = useRef2(false);
   const isOverButton = useRef2(false);
   const timeout = useRef2();
-  const handleHoverStart = () => {
+  useEffect4(() => {
+    if (isOpen !== open) {
+      setOpen(isOpen);
+    }
+  }, [isOpen]);
+  const close = () => setOpen(false);
+  const handleMouseEnter = () => {
     isOverMenu.current = false;
     isOverButton.current = true;
-    setShow(true);
+    setOpen(true);
+    onHoverStart?.();
   };
-  const handleHoverEnd = () => {
+  const handleMouseLeave = () => {
     isOverButton.current = false;
     checkHoverState();
   };
@@ -27015,21 +27028,22 @@ function HoverTrigger({ closeDelay = CLOSE_DELAY, children }) {
     clearTimeout(timeout.current);
     timeout.current = setTimeout(() => {
       if (!isOverMenu.current && !isOverButton.current) {
-        setShow(false);
+        setOpen(false);
+        onHoverEnd?.();
         isOverMenu.current = false;
         isOverButton.current = false;
       }
     }, closeDelay);
   };
-  return /* @__PURE__ */ jsxs18($de32f1b87079253c$export$2e1e1122cf0cba88, { children: [
-    cloneElement3(triggerElement, { onHoverStart: handleHoverStart, onHoverEnd: handleHoverEnd }),
-    /* @__PURE__ */ jsx33(Popover, { isOpen: show, isNonModal: true, children: /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs18(Fragment5, { children: [
+    /* @__PURE__ */ jsx33("div", { ref: triggerRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: triggerElement }),
+    /* @__PURE__ */ jsx33(Popover, { isOpen: open, isNonModal: true, triggerRef, children: /* @__PURE__ */ jsx33(
       "div",
       {
         className: HoverTrigger_default.wrapper,
         onMouseEnter: handleMenuEnter,
         onMouseLeave: handleMenuLeave,
-        children: /* @__PURE__ */ jsx33(Dialog, { children: cloneElement3(popupElement) })
+        children: popupElement
       }
     ) })
   ] });
@@ -27190,1060 +27204,55 @@ function Modal({ children, className, ...props }) {
   ) });
 }
 
-// node_modules/@radix-ui/react-navigation-menu/dist/index.mjs
-import { forwardRef as $yHMN2$forwardRef, useState as $yHMN2$useState, useRef as $yHMN2$useRef, useCallback as $yHMN2$useCallback, useEffect as $yHMN2$useEffect, createElement as $yHMN2$createElement, Fragment as $yHMN2$Fragment, useMemo as $yHMN2$useMemo } from "react";
-import $yHMN2$reactdom from "react-dom";
-
-// node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-import { createContext as $kqwpH$createContext, forwardRef as $kqwpH$forwardRef, useContext as $kqwpH$useContext, useState as $kqwpH$useState, useEffect as $kqwpH$useEffect, createElement as $kqwpH$createElement, useRef as $kqwpH$useRef } from "react";
-
-// node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
-import { useEffect as $hPSQ5$useEffect } from "react";
-function $addc16e1bbe58fd0$export$3a72a57244d6e765(onEscapeKeyDownProp, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
-  const onEscapeKeyDown = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEscapeKeyDownProp);
-  $hPSQ5$useEffect(() => {
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape") onEscapeKeyDown(event);
-    };
-    ownerDocument.addEventListener("keydown", handleKeyDown);
-    return () => ownerDocument.removeEventListener("keydown", handleKeyDown);
-  }, [
-    onEscapeKeyDown,
-    ownerDocument
-  ]);
-}
-
-// node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-var $5cb92bef7577960e$var$CONTEXT_UPDATE = "dismissableLayer.update";
-var $5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
-var $5cb92bef7577960e$var$FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
-var $5cb92bef7577960e$var$originalBodyPointerEvents;
-var $5cb92bef7577960e$var$DismissableLayerContext = /* @__PURE__ */ $kqwpH$createContext({
-  layers: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  branches: /* @__PURE__ */ new Set()
-});
-var $5cb92bef7577960e$export$177fb62ff3ec1f22 = /* @__PURE__ */ $kqwpH$forwardRef((props, forwardedRef) => {
-  var _node$ownerDocument;
-  const { disableOutsidePointerEvents = false, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, ...layerProps } = props;
-  const context = $kqwpH$useContext($5cb92bef7577960e$var$DismissableLayerContext);
-  const [node1, setNode] = $kqwpH$useState(null);
-  const ownerDocument = (_node$ownerDocument = node1 === null || node1 === void 0 ? void 0 : node1.ownerDocument) !== null && _node$ownerDocument !== void 0 ? _node$ownerDocument : globalThis === null || globalThis === void 0 ? void 0 : globalThis.document;
-  const [, force] = $kqwpH$useState({});
-  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(
-    forwardedRef,
-    (node) => setNode(node)
-  );
-  const layers = Array.from(context.layers);
-  const [highestLayerWithOutsidePointerEventsDisabled] = [
-    ...context.layersWithOutsidePointerEventsDisabled
-  ].slice(-1);
-  const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
-  const index = node1 ? layers.indexOf(node1) : -1;
-  const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
-  const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;
-  const pointerDownOutside = $5cb92bef7577960e$var$usePointerDownOutside((event) => {
-    const target = event.target;
-    const isPointerDownOnBranch = [
-      ...context.branches
-    ].some(
-      (branch) => branch.contains(target)
-    );
-    if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
-    onPointerDownOutside === null || onPointerDownOutside === void 0 || onPointerDownOutside(event);
-    onInteractOutside === null || onInteractOutside === void 0 || onInteractOutside(event);
-    if (!event.defaultPrevented) onDismiss === null || onDismiss === void 0 || onDismiss();
-  }, ownerDocument);
-  const focusOutside = $5cb92bef7577960e$var$useFocusOutside((event) => {
-    const target = event.target;
-    const isFocusInBranch = [
-      ...context.branches
-    ].some(
-      (branch) => branch.contains(target)
-    );
-    if (isFocusInBranch) return;
-    onFocusOutside === null || onFocusOutside === void 0 || onFocusOutside(event);
-    onInteractOutside === null || onInteractOutside === void 0 || onInteractOutside(event);
-    if (!event.defaultPrevented) onDismiss === null || onDismiss === void 0 || onDismiss();
-  }, ownerDocument);
-  $addc16e1bbe58fd0$export$3a72a57244d6e765((event) => {
-    const isHighestLayer = index === context.layers.size - 1;
-    if (!isHighestLayer) return;
-    onEscapeKeyDown === null || onEscapeKeyDown === void 0 || onEscapeKeyDown(event);
-    if (!event.defaultPrevented && onDismiss) {
-      event.preventDefault();
-      onDismiss();
-    }
-  }, ownerDocument);
-  $kqwpH$useEffect(() => {
-    if (!node1) return;
-    if (disableOutsidePointerEvents) {
-      if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
-        $5cb92bef7577960e$var$originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;
-        ownerDocument.body.style.pointerEvents = "none";
-      }
-      context.layersWithOutsidePointerEventsDisabled.add(node1);
-    }
-    context.layers.add(node1);
-    $5cb92bef7577960e$var$dispatchUpdate();
-    return () => {
-      if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) ownerDocument.body.style.pointerEvents = $5cb92bef7577960e$var$originalBodyPointerEvents;
-    };
-  }, [
-    node1,
-    ownerDocument,
-    disableOutsidePointerEvents,
-    context
-  ]);
-  $kqwpH$useEffect(() => {
-    return () => {
-      if (!node1) return;
-      context.layers.delete(node1);
-      context.layersWithOutsidePointerEventsDisabled.delete(node1);
-      $5cb92bef7577960e$var$dispatchUpdate();
-    };
-  }, [
-    node1,
-    context
-  ]);
-  $kqwpH$useEffect(() => {
-    const handleUpdate = () => force({});
-    document.addEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate);
-    return () => document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate);
-  }, []);
-  return /* @__PURE__ */ $kqwpH$createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, layerProps, {
-    ref: composedRefs,
-    style: {
-      pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
-      ...props.style
-    },
-    onFocusCapture: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusCapture, focusOutside.onFocusCapture),
-    onBlurCapture: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onBlurCapture, focusOutside.onBlurCapture),
-    onPointerDownCapture: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownCapture, pointerDownOutside.onPointerDownCapture)
-  }));
-});
-function $5cb92bef7577960e$var$usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
-  const handlePointerDownOutside = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = $kqwpH$useRef(false);
-  const handleClickRef = $kqwpH$useRef(() => {
-  });
-  $kqwpH$useEffect(() => {
-    const handlePointerDown = (event) => {
-      if (event.target && !isPointerInsideReactTreeRef.current) {
-        let handleAndDispatchPointerDownOutsideEvent = function() {
-          $5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, {
-            discrete: true
-          });
-        };
-        const eventDetail = {
-          originalEvent: event
-        };
-        if (event.pointerType === "touch") {
-          ownerDocument.removeEventListener("click", handleClickRef.current);
-          handleClickRef.current = handleAndDispatchPointerDownOutsideEvent;
-          ownerDocument.addEventListener("click", handleClickRef.current, {
-            once: true
-          });
-        } else handleAndDispatchPointerDownOutsideEvent();
-      } else
-        ownerDocument.removeEventListener("click", handleClickRef.current);
-      isPointerInsideReactTreeRef.current = false;
-    };
-    const timerId = window.setTimeout(() => {
-      ownerDocument.addEventListener("pointerdown", handlePointerDown);
-    }, 0);
-    return () => {
-      window.clearTimeout(timerId);
-      ownerDocument.removeEventListener("pointerdown", handlePointerDown);
-      ownerDocument.removeEventListener("click", handleClickRef.current);
-    };
-  }, [
-    ownerDocument,
-    handlePointerDownOutside
-  ]);
-  return {
-    // ensures we check React component tree (not just DOM tree)
-    onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true
-  };
-}
-function $5cb92bef7577960e$var$useFocusOutside(onFocusOutside, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
-  const handleFocusOutside = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onFocusOutside);
-  const isFocusInsideReactTreeRef = $kqwpH$useRef(false);
-  $kqwpH$useEffect(() => {
-    const handleFocus = (event) => {
-      if (event.target && !isFocusInsideReactTreeRef.current) {
-        const eventDetail = {
-          originalEvent: event
-        };
-        $5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {
-          discrete: false
-        });
-      }
-    };
-    ownerDocument.addEventListener("focusin", handleFocus);
-    return () => ownerDocument.removeEventListener("focusin", handleFocus);
-  }, [
-    ownerDocument,
-    handleFocusOutside
-  ]);
-  return {
-    onFocusCapture: () => isFocusInsideReactTreeRef.current = true,
-    onBlurCapture: () => isFocusInsideReactTreeRef.current = false
-  };
-}
-function $5cb92bef7577960e$var$dispatchUpdate() {
-  const event = new CustomEvent($5cb92bef7577960e$var$CONTEXT_UPDATE);
-  document.dispatchEvent(event);
-}
-function $5cb92bef7577960e$var$handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
-  const target = detail.originalEvent.target;
-  const event = new CustomEvent(name, {
-    bubbles: false,
-    cancelable: true,
-    detail
-  });
-  if (handler) target.addEventListener(name, handler, {
-    once: true
-  });
-  if (discrete) $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event);
-  else target.dispatchEvent(event);
-}
-
-// node_modules/@radix-ui/react-use-previous/dist/index.mjs
-import { useRef as $8LvvK$useRef, useMemo as $8LvvK$useMemo } from "react";
-function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
-  const ref = $8LvvK$useRef({
-    value,
-    previous: value
-  });
-  return $8LvvK$useMemo(() => {
-    if (ref.current.value !== value) {
-      ref.current.previous = ref.current.value;
-      ref.current.value = value;
-    }
-    return ref.current.previous;
-  }, [
-    value
-  ]);
-}
-
-// node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
-import { forwardRef as $kVwnw$forwardRef, createElement as $kVwnw$createElement } from "react";
-var $ea1ef594cf570d83$export$439d29a4e110a164 = /* @__PURE__ */ $kVwnw$forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ $kVwnw$createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, props, {
-    ref: forwardedRef,
-    style: {
-      // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
-      position: "absolute",
-      border: 0,
-      width: 1,
-      height: 1,
-      padding: 0,
-      margin: -1,
-      overflow: "hidden",
-      clip: "rect(0, 0, 0, 0)",
-      whiteSpace: "nowrap",
-      wordWrap: "normal",
-      ...props.style
-    }
-  }));
-});
-var $ea1ef594cf570d83$export$be92b6f5f03c0fe9 = $ea1ef594cf570d83$export$439d29a4e110a164;
-
-// node_modules/@radix-ui/react-navigation-menu/dist/index.mjs
-var $322c88a641701f3b$var$NAVIGATION_MENU_NAME = "NavigationMenu";
-var [$322c88a641701f3b$var$Collection, $322c88a641701f3b$var$useCollection, $322c88a641701f3b$var$createCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($322c88a641701f3b$var$NAVIGATION_MENU_NAME);
-var [$322c88a641701f3b$var$FocusGroupCollection, $322c88a641701f3b$var$useFocusGroupCollection, $322c88a641701f3b$var$createFocusGroupCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($322c88a641701f3b$var$NAVIGATION_MENU_NAME);
-var [$322c88a641701f3b$var$createNavigationMenuContext, $322c88a641701f3b$export$fb8ea5af8c9fcdf0] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($322c88a641701f3b$var$NAVIGATION_MENU_NAME, [
-  $322c88a641701f3b$var$createCollectionScope,
-  $322c88a641701f3b$var$createFocusGroupCollectionScope
-]);
-var [$322c88a641701f3b$var$NavigationMenuProviderImpl, $322c88a641701f3b$var$useNavigationMenuContext] = $322c88a641701f3b$var$createNavigationMenuContext($322c88a641701f3b$var$NAVIGATION_MENU_NAME);
-var [$322c88a641701f3b$var$ViewportContentProvider, $322c88a641701f3b$var$useViewportContentContext] = $322c88a641701f3b$var$createNavigationMenuContext($322c88a641701f3b$var$NAVIGATION_MENU_NAME);
-var $322c88a641701f3b$export$5b2278cf1e8bcae2 = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const { __scopeNavigationMenu, value: valueProp, onValueChange, defaultValue, delayDuration = 200, skipDelayDuration = 300, orientation = "horizontal", dir, ...NavigationMenuProps } = props;
-  const [navigationMenu, setNavigationMenu] = $yHMN2$useState(null);
-  const composedRef = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(
-    forwardedRef,
-    (node) => setNavigationMenu(node)
-  );
-  const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
-  const openTimerRef = $yHMN2$useRef(0);
-  const closeTimerRef = $yHMN2$useRef(0);
-  const skipDelayTimerRef = $yHMN2$useRef(0);
-  const [isOpenDelayed, setIsOpenDelayed] = $yHMN2$useState(true);
-  const [value1 = "", setValue] = $71cd76cc60e0454e$export$6f32135080cb4c3({
-    prop: valueProp,
-    onChange: (value) => {
-      const isOpen = value !== "";
-      const hasSkipDelayDuration = skipDelayDuration > 0;
-      if (isOpen) {
-        window.clearTimeout(skipDelayTimerRef.current);
-        if (hasSkipDelayDuration) setIsOpenDelayed(false);
-      } else {
-        window.clearTimeout(skipDelayTimerRef.current);
-        skipDelayTimerRef.current = window.setTimeout(
-          () => setIsOpenDelayed(true),
-          skipDelayDuration
-        );
-      }
-      onValueChange === null || onValueChange === void 0 || onValueChange(value);
-    },
-    defaultProp: defaultValue
-  });
-  const startCloseTimer = $yHMN2$useCallback(() => {
-    window.clearTimeout(closeTimerRef.current);
-    closeTimerRef.current = window.setTimeout(
-      () => setValue(""),
-      150
-    );
-  }, [
-    setValue
-  ]);
-  const handleOpen = $yHMN2$useCallback((itemValue) => {
-    window.clearTimeout(closeTimerRef.current);
-    setValue(itemValue);
-  }, [
-    setValue
-  ]);
-  const handleDelayedOpen = $yHMN2$useCallback((itemValue) => {
-    const isOpenItem = value1 === itemValue;
-    if (isOpenItem)
-      window.clearTimeout(closeTimerRef.current);
-    else openTimerRef.current = window.setTimeout(() => {
-      window.clearTimeout(closeTimerRef.current);
-      setValue(itemValue);
-    }, delayDuration);
-  }, [
-    value1,
-    setValue,
-    delayDuration
-  ]);
-  $yHMN2$useEffect(() => {
-    return () => {
-      window.clearTimeout(openTimerRef.current);
-      window.clearTimeout(closeTimerRef.current);
-      window.clearTimeout(skipDelayTimerRef.current);
-    };
-  }, []);
-  return /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$NavigationMenuProvider, {
-    scope: __scopeNavigationMenu,
-    isRootMenu: true,
-    value: value1,
-    dir: direction,
-    orientation,
-    rootNavigationMenu: navigationMenu,
-    onTriggerEnter: (itemValue) => {
-      window.clearTimeout(openTimerRef.current);
-      if (isOpenDelayed) handleDelayedOpen(itemValue);
-      else handleOpen(itemValue);
-    },
-    onTriggerLeave: () => {
-      window.clearTimeout(openTimerRef.current);
-      startCloseTimer();
-    },
-    onContentEnter: () => window.clearTimeout(closeTimerRef.current),
-    onContentLeave: startCloseTimer,
-    onItemSelect: (itemValue) => {
-      setValue(
-        (prevValue) => prevValue === itemValue ? "" : itemValue
-      );
-    },
-    onItemDismiss: () => setValue("")
-  }, /* @__PURE__ */ $yHMN2$createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.nav, _extends({
-    "aria-label": "Main",
-    "data-orientation": orientation,
-    dir: direction
-  }, NavigationMenuProps, {
-    ref: composedRef
-  })));
-});
-var $322c88a641701f3b$var$NavigationMenuProvider = (props) => {
-  const { scope, isRootMenu, rootNavigationMenu, dir, orientation, children, value, onItemSelect, onItemDismiss, onTriggerEnter, onTriggerLeave, onContentEnter, onContentLeave } = props;
-  const [viewport, setViewport] = $yHMN2$useState(null);
-  const [viewportContent, setViewportContent] = $yHMN2$useState(/* @__PURE__ */ new Map());
-  const [indicatorTrack, setIndicatorTrack] = $yHMN2$useState(null);
-  return /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$NavigationMenuProviderImpl, {
-    scope,
-    isRootMenu,
-    rootNavigationMenu,
-    value,
-    previousValue: $010c2913dbd2fe3d$export$5cae361ad82dce8b(value),
-    baseId: $1746a345f3d73bb7$export$f680877a34711e37(),
-    dir,
-    orientation,
-    viewport,
-    onViewportChange: setViewport,
-    indicatorTrack,
-    onIndicatorTrackChange: setIndicatorTrack,
-    onTriggerEnter: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onTriggerEnter),
-    onTriggerLeave: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onTriggerLeave),
-    onContentEnter: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onContentEnter),
-    onContentLeave: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onContentLeave),
-    onItemSelect: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onItemSelect),
-    onItemDismiss: $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onItemDismiss),
-    onViewportContentChange: $yHMN2$useCallback((contentValue, contentData) => {
-      setViewportContent((prevContent) => {
-        prevContent.set(contentValue, contentData);
-        return new Map(prevContent);
-      });
-    }, []),
-    onViewportContentRemove: $yHMN2$useCallback((contentValue) => {
-      setViewportContent((prevContent) => {
-        if (!prevContent.has(contentValue)) return prevContent;
-        prevContent.delete(contentValue);
-        return new Map(prevContent);
-      });
-    }, [])
-  }, /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$Collection.Provider, {
-    scope
-  }, /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$ViewportContentProvider, {
-    scope,
-    items: viewportContent
-  }, children)));
-};
-var $322c88a641701f3b$var$LIST_NAME = "NavigationMenuList";
-var $322c88a641701f3b$export$c361068a95fd2286 = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const { __scopeNavigationMenu, ...listProps } = props;
-  const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$LIST_NAME, __scopeNavigationMenu);
-  const list = /* @__PURE__ */ $yHMN2$createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.ul, _extends({
-    "data-orientation": context.orientation
-  }, listProps, {
-    ref: forwardedRef
-  }));
-  return /* @__PURE__ */ $yHMN2$createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, {
-    style: {
-      position: "relative"
-    },
-    ref: context.onIndicatorTrackChange
-  }, /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$Collection.Slot, {
-    scope: __scopeNavigationMenu
-  }, context.isRootMenu ? /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$FocusGroup, {
-    asChild: true
-  }, list) : list));
-});
-var $322c88a641701f3b$var$ITEM_NAME = "NavigationMenuItem";
-var [$322c88a641701f3b$var$NavigationMenuItemContextProvider, $322c88a641701f3b$var$useNavigationMenuItemContext] = $322c88a641701f3b$var$createNavigationMenuContext($322c88a641701f3b$var$ITEM_NAME);
-var $322c88a641701f3b$export$ffdbb83a2de845c2 = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const { __scopeNavigationMenu, value: valueProp, ...itemProps } = props;
-  const autoValue = $1746a345f3d73bb7$export$f680877a34711e37();
-  const value = valueProp || autoValue || "LEGACY_REACT_AUTO_VALUE";
-  const contentRef = $yHMN2$useRef(null);
-  const triggerRef = $yHMN2$useRef(null);
-  const focusProxyRef = $yHMN2$useRef(null);
-  const restoreContentTabOrderRef = $yHMN2$useRef(() => {
-  });
-  const wasEscapeCloseRef = $yHMN2$useRef(false);
-  const handleContentEntry = $yHMN2$useCallback((side = "start") => {
-    if (contentRef.current) {
-      restoreContentTabOrderRef.current();
-      const candidates = $322c88a641701f3b$var$getTabbableCandidates(contentRef.current);
-      if (candidates.length) $322c88a641701f3b$var$focusFirst(side === "start" ? candidates : candidates.reverse());
-    }
-  }, []);
-  const handleContentExit = $yHMN2$useCallback(() => {
-    if (contentRef.current) {
-      const candidates = $322c88a641701f3b$var$getTabbableCandidates(contentRef.current);
-      if (candidates.length) restoreContentTabOrderRef.current = $322c88a641701f3b$var$removeFromTabOrder(candidates);
-    }
-  }, []);
-  return /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$NavigationMenuItemContextProvider, {
-    scope: __scopeNavigationMenu,
-    value,
-    triggerRef,
-    contentRef,
-    focusProxyRef,
-    wasEscapeCloseRef,
-    onEntryKeyDown: handleContentEntry,
-    onFocusProxyEnter: handleContentEntry,
-    onRootContentClose: handleContentExit,
-    onContentFocusOutside: handleContentExit
-  }, /* @__PURE__ */ $yHMN2$createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.li, _extends({}, itemProps, {
-    ref: forwardedRef
-  })));
-});
-var $322c88a641701f3b$var$TRIGGER_NAME = "NavigationMenuTrigger";
-var $322c88a641701f3b$export$37fe8002734d8f2 = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const { __scopeNavigationMenu, disabled, ...triggerProps } = props;
-  const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$TRIGGER_NAME, props.__scopeNavigationMenu);
-  const itemContext = $322c88a641701f3b$var$useNavigationMenuItemContext($322c88a641701f3b$var$TRIGGER_NAME, props.__scopeNavigationMenu);
-  const ref = $yHMN2$useRef(null);
-  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(ref, itemContext.triggerRef, forwardedRef);
-  const triggerId = $322c88a641701f3b$var$makeTriggerId(context.baseId, itemContext.value);
-  const contentId = $322c88a641701f3b$var$makeContentId(context.baseId, itemContext.value);
-  const hasPointerMoveOpenedRef = $yHMN2$useRef(false);
-  const wasClickCloseRef = $yHMN2$useRef(false);
-  const open = itemContext.value === context.value;
-  return /* @__PURE__ */ $yHMN2$createElement($yHMN2$Fragment, null, /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$Collection.ItemSlot, {
-    scope: __scopeNavigationMenu,
-    value: itemContext.value
-  }, /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$FocusGroupItem, {
-    asChild: true
-  }, /* @__PURE__ */ $yHMN2$createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
-    id: triggerId,
-    disabled,
-    "data-disabled": disabled ? "" : void 0,
-    "data-state": $322c88a641701f3b$var$getOpenState(open),
-    "aria-expanded": open,
-    "aria-controls": contentId
-  }, triggerProps, {
-    ref: composedRefs,
-    onPointerEnter: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerEnter, () => {
-      wasClickCloseRef.current = false;
-      itemContext.wasEscapeCloseRef.current = false;
-    }),
-    onPointerMove: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerMove, $322c88a641701f3b$var$whenMouse(() => {
-      if (disabled || wasClickCloseRef.current || itemContext.wasEscapeCloseRef.current || hasPointerMoveOpenedRef.current) return;
-      context.onTriggerEnter(itemContext.value);
-      hasPointerMoveOpenedRef.current = true;
-    })),
-    onPointerLeave: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerLeave, $322c88a641701f3b$var$whenMouse(() => {
-      if (disabled) return;
-      context.onTriggerLeave();
-      hasPointerMoveOpenedRef.current = false;
-    })),
-    onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, () => {
-      context.onItemSelect(itemContext.value);
-      wasClickCloseRef.current = open;
-    }),
-    onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event) => {
-      const verticalEntryKey = context.dir === "rtl" ? "ArrowLeft" : "ArrowRight";
-      const entryKey = {
-        horizontal: "ArrowDown",
-        vertical: verticalEntryKey
-      }[context.orientation];
-      if (open && event.key === entryKey) {
-        itemContext.onEntryKeyDown();
-        event.preventDefault();
-      }
-    })
-  })))), open && /* @__PURE__ */ $yHMN2$createElement($yHMN2$Fragment, null, /* @__PURE__ */ $yHMN2$createElement($ea1ef594cf570d83$export$be92b6f5f03c0fe9, {
-    "aria-hidden": true,
-    tabIndex: 0,
-    ref: itemContext.focusProxyRef,
-    onFocus: (event) => {
-      const content = itemContext.contentRef.current;
-      const prevFocusedElement = event.relatedTarget;
-      const wasTriggerFocused = prevFocusedElement === ref.current;
-      const wasFocusFromContent = content === null || content === void 0 ? void 0 : content.contains(prevFocusedElement);
-      if (wasTriggerFocused || !wasFocusFromContent) itemContext.onFocusProxyEnter(wasTriggerFocused ? "start" : "end");
-    }
-  }), context.viewport && /* @__PURE__ */ $yHMN2$createElement("span", {
-    "aria-owns": contentId
-  })));
-});
-var $322c88a641701f3b$var$LINK_SELECT = "navigationMenu.linkSelect";
-var $322c88a641701f3b$export$6893bf21536567da = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const { __scopeNavigationMenu, active, onSelect, ...linkProps } = props;
-  return /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$FocusGroupItem, {
-    asChild: true
-  }, /* @__PURE__ */ $yHMN2$createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.a, _extends({
-    "data-active": active ? "" : void 0,
-    "aria-current": active ? "page" : void 0
-  }, linkProps, {
-    ref: forwardedRef,
-    onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, (event1) => {
-      const target = event1.target;
-      const linkSelectEvent = new CustomEvent($322c88a641701f3b$var$LINK_SELECT, {
-        bubbles: true,
-        cancelable: true
-      });
-      target.addEventListener(
-        $322c88a641701f3b$var$LINK_SELECT,
-        (event) => onSelect === null || onSelect === void 0 ? void 0 : onSelect(event),
-        {
-          once: true
-        }
-      );
-      $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, linkSelectEvent);
-      if (!linkSelectEvent.defaultPrevented && !event1.metaKey) {
-        const rootContentDismissEvent = new CustomEvent($322c88a641701f3b$var$ROOT_CONTENT_DISMISS, {
-          bubbles: true,
-          cancelable: true
-        });
-        $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, rootContentDismissEvent);
-      }
-    }, {
-      checkForDefaultPrevented: false
-    })
-  })));
-});
-var $322c88a641701f3b$var$INDICATOR_NAME = "NavigationMenuIndicator";
-var $322c88a641701f3b$export$8ddb526647c0d8fb = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const { forceMount, ...indicatorProps } = props;
-  const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$INDICATOR_NAME, props.__scopeNavigationMenu);
-  const isVisible = Boolean(context.value);
-  return context.indicatorTrack ? /* @__PURE__ */ $yHMN2$reactdom.createPortal(/* @__PURE__ */ $yHMN2$createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
-    present: forceMount || isVisible
-  }, /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$NavigationMenuIndicatorImpl, _extends({}, indicatorProps, {
-    ref: forwardedRef
-  }))), context.indicatorTrack) : null;
-});
-var $322c88a641701f3b$var$NavigationMenuIndicatorImpl = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const { __scopeNavigationMenu, ...indicatorProps } = props;
-  const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$INDICATOR_NAME, __scopeNavigationMenu);
-  const getItems = $322c88a641701f3b$var$useCollection(__scopeNavigationMenu);
-  const [activeTrigger, setActiveTrigger] = $yHMN2$useState(null);
-  const [position, setPosition] = $yHMN2$useState(null);
-  const isHorizontal = context.orientation === "horizontal";
-  const isVisible = Boolean(context.value);
-  $yHMN2$useEffect(() => {
-    var _items$find;
-    const items = getItems();
-    const triggerNode = (_items$find = items.find(
-      (item) => item.value === context.value
-    )) === null || _items$find === void 0 ? void 0 : _items$find.ref.current;
-    if (triggerNode) setActiveTrigger(triggerNode);
-  }, [
-    getItems,
-    context.value
-  ]);
-  const handlePositionChange = () => {
-    if (activeTrigger) setPosition({
-      size: isHorizontal ? activeTrigger.offsetWidth : activeTrigger.offsetHeight,
-      offset: isHorizontal ? activeTrigger.offsetLeft : activeTrigger.offsetTop
-    });
-  };
-  $322c88a641701f3b$var$useResizeObserver(activeTrigger, handlePositionChange);
-  $322c88a641701f3b$var$useResizeObserver(context.indicatorTrack, handlePositionChange);
-  return position ? /* @__PURE__ */ $yHMN2$createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
-    "aria-hidden": true,
-    "data-state": isVisible ? "visible" : "hidden",
-    "data-orientation": context.orientation
-  }, indicatorProps, {
-    ref: forwardedRef,
-    style: {
-      position: "absolute",
-      ...isHorizontal ? {
-        left: 0,
-        width: position.size + "px",
-        transform: `translateX(${position.offset}px)`
-      } : {
-        top: 0,
-        height: position.size + "px",
-        transform: `translateY(${position.offset}px)`
-      },
-      ...indicatorProps.style
-    }
-  })) : null;
-});
-var $322c88a641701f3b$var$CONTENT_NAME = "NavigationMenuContent";
-var $322c88a641701f3b$export$38e00e996c2f93f7 = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const { forceMount, ...contentProps } = props;
-  const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$CONTENT_NAME, props.__scopeNavigationMenu);
-  const itemContext = $322c88a641701f3b$var$useNavigationMenuItemContext($322c88a641701f3b$var$CONTENT_NAME, props.__scopeNavigationMenu);
-  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(itemContext.contentRef, forwardedRef);
-  const open = itemContext.value === context.value;
-  const commonProps = {
-    value: itemContext.value,
-    triggerRef: itemContext.triggerRef,
-    focusProxyRef: itemContext.focusProxyRef,
-    wasEscapeCloseRef: itemContext.wasEscapeCloseRef,
-    onContentFocusOutside: itemContext.onContentFocusOutside,
-    onRootContentClose: itemContext.onRootContentClose,
-    ...contentProps
-  };
-  return !context.viewport ? /* @__PURE__ */ $yHMN2$createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
-    present: forceMount || open
-  }, /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$NavigationMenuContentImpl, _extends({
-    "data-state": $322c88a641701f3b$var$getOpenState(open)
-  }, commonProps, {
-    ref: composedRefs,
-    onPointerEnter: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerEnter, context.onContentEnter),
-    onPointerLeave: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerLeave, $322c88a641701f3b$var$whenMouse(context.onContentLeave)),
-    style: {
-      // Prevent interaction when animating out
-      pointerEvents: !open && context.isRootMenu ? "none" : void 0,
-      ...commonProps.style
-    }
-  }))) : /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$ViewportContentMounter, _extends({
-    forceMount
-  }, commonProps, {
-    ref: composedRefs
-  }));
-});
-var $322c88a641701f3b$var$ViewportContentMounter = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$CONTENT_NAME, props.__scopeNavigationMenu);
-  const { onViewportContentChange, onViewportContentRemove } = context;
-  $9f79659886946c16$export$e5c5a5f917a5871c(() => {
-    onViewportContentChange(props.value, {
-      ref: forwardedRef,
-      ...props
-    });
-  }, [
-    props,
-    forwardedRef,
-    onViewportContentChange
-  ]);
-  $9f79659886946c16$export$e5c5a5f917a5871c(() => {
-    return () => onViewportContentRemove(props.value);
-  }, [
-    props.value,
-    onViewportContentRemove
-  ]);
-  return null;
-});
-var $322c88a641701f3b$var$ROOT_CONTENT_DISMISS = "navigationMenu.rootContentDismiss";
-var $322c88a641701f3b$var$NavigationMenuContentImpl = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const { __scopeNavigationMenu, value, triggerRef, focusProxyRef, wasEscapeCloseRef, onRootContentClose, onContentFocusOutside, ...contentProps } = props;
-  const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$CONTENT_NAME, __scopeNavigationMenu);
-  const ref = $yHMN2$useRef(null);
-  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(ref, forwardedRef);
-  const triggerId = $322c88a641701f3b$var$makeTriggerId(context.baseId, value);
-  const contentId = $322c88a641701f3b$var$makeContentId(context.baseId, value);
-  const getItems = $322c88a641701f3b$var$useCollection(__scopeNavigationMenu);
-  const prevMotionAttributeRef = $yHMN2$useRef(null);
-  const { onItemDismiss } = context;
-  $yHMN2$useEffect(() => {
-    const content = ref.current;
-    if (context.isRootMenu && content) {
-      const handleClose = () => {
-        var _triggerRef$current;
-        onItemDismiss();
-        onRootContentClose();
-        if (content.contains(document.activeElement)) (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.focus();
-      };
-      content.addEventListener($322c88a641701f3b$var$ROOT_CONTENT_DISMISS, handleClose);
-      return () => content.removeEventListener($322c88a641701f3b$var$ROOT_CONTENT_DISMISS, handleClose);
-    }
-  }, [
-    context.isRootMenu,
-    props.value,
-    triggerRef,
-    onItemDismiss,
-    onRootContentClose
-  ]);
-  const motionAttribute = $yHMN2$useMemo(() => {
-    const items = getItems();
-    const values = items.map(
-      (item) => item.value
-    );
-    if (context.dir === "rtl") values.reverse();
-    const index = values.indexOf(context.value);
-    const prevIndex = values.indexOf(context.previousValue);
-    const isSelected = value === context.value;
-    const wasSelected = prevIndex === values.indexOf(value);
-    if (!isSelected && !wasSelected) return prevMotionAttributeRef.current;
-    const attribute = (() => {
-      if (index !== prevIndex) {
-        if (isSelected && prevIndex !== -1) return index > prevIndex ? "from-end" : "from-start";
-        if (wasSelected && index !== -1) return index > prevIndex ? "to-start" : "to-end";
-      }
-      return null;
-    })();
-    prevMotionAttributeRef.current = attribute;
-    return attribute;
-  }, [
-    context.previousValue,
-    context.value,
-    context.dir,
-    getItems,
-    value
-  ]);
-  return /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$FocusGroup, {
-    asChild: true
-  }, /* @__PURE__ */ $yHMN2$createElement($5cb92bef7577960e$export$177fb62ff3ec1f22, _extends({
-    id: contentId,
-    "aria-labelledby": triggerId,
-    "data-motion": motionAttribute,
-    "data-orientation": context.orientation
-  }, contentProps, {
-    ref: composedRefs,
-    onDismiss: () => {
-      var _ref$current;
-      const rootContentDismissEvent = new Event($322c88a641701f3b$var$ROOT_CONTENT_DISMISS, {
-        bubbles: true,
-        cancelable: true
-      });
-      (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.dispatchEvent(rootContentDismissEvent);
-    },
-    onFocusOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusOutside, (event) => {
-      var _context$rootNavigati;
-      onContentFocusOutside();
-      const target = event.target;
-      if ((_context$rootNavigati = context.rootNavigationMenu) !== null && _context$rootNavigati !== void 0 && _context$rootNavigati.contains(target)) event.preventDefault();
-    }),
-    onPointerDownOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownOutside, (event) => {
-      var _context$viewport;
-      const target = event.target;
-      const isTrigger = getItems().some((item) => {
-        var _item$ref$current;
-        return (_item$ref$current = item.ref.current) === null || _item$ref$current === void 0 ? void 0 : _item$ref$current.contains(target);
-      });
-      const isRootViewport = context.isRootMenu && ((_context$viewport = context.viewport) === null || _context$viewport === void 0 ? void 0 : _context$viewport.contains(target));
-      if (isTrigger || isRootViewport || !context.isRootMenu) event.preventDefault();
-    }),
-    onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event) => {
-      const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
-      const isTabKey = event.key === "Tab" && !isMetaKey;
-      if (isTabKey) {
-        const candidates = $322c88a641701f3b$var$getTabbableCandidates(event.currentTarget);
-        const focusedElement = document.activeElement;
-        const index = candidates.findIndex(
-          (candidate) => candidate === focusedElement
-        );
-        const isMovingBackwards = event.shiftKey;
-        const nextCandidates = isMovingBackwards ? candidates.slice(0, index).reverse() : candidates.slice(index + 1, candidates.length);
-        if ($322c88a641701f3b$var$focusFirst(nextCandidates))
-          event.preventDefault();
-        else {
-          var _focusProxyRef$curren;
-          (_focusProxyRef$curren = focusProxyRef.current) === null || _focusProxyRef$curren === void 0 || _focusProxyRef$curren.focus();
-        }
-      }
-    }),
-    onEscapeKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onEscapeKeyDown, (event) => {
-      wasEscapeCloseRef.current = true;
-    })
-  })));
-});
-var $322c88a641701f3b$var$VIEWPORT_NAME = "NavigationMenuViewport";
-var $322c88a641701f3b$export$ee880b97cc6d44a5 = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const { forceMount, ...viewportProps } = props;
-  const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$VIEWPORT_NAME, props.__scopeNavigationMenu);
-  const open = Boolean(context.value);
-  return /* @__PURE__ */ $yHMN2$createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
-    present: forceMount || open
-  }, /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$NavigationMenuViewportImpl, _extends({}, viewportProps, {
-    ref: forwardedRef
-  })));
-});
-var $322c88a641701f3b$var$NavigationMenuViewportImpl = /* @__PURE__ */ $yHMN2$forwardRef((props1, forwardedRef) => {
-  const { __scopeNavigationMenu, children, ...viewportImplProps } = props1;
-  const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$VIEWPORT_NAME, __scopeNavigationMenu);
-  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.onViewportChange);
-  const viewportContentContext = $322c88a641701f3b$var$useViewportContentContext($322c88a641701f3b$var$CONTENT_NAME, props1.__scopeNavigationMenu);
-  const [size, setSize] = $yHMN2$useState(null);
-  const [content, setContent] = $yHMN2$useState(null);
-  const viewportWidth = size ? (size === null || size === void 0 ? void 0 : size.width) + "px" : void 0;
-  const viewportHeight = size ? (size === null || size === void 0 ? void 0 : size.height) + "px" : void 0;
-  const open = Boolean(context.value);
-  const activeContentValue = open ? context.value : context.previousValue;
-  const handleSizeChange = () => {
-    if (content) setSize({
-      width: content.offsetWidth,
-      height: content.offsetHeight
-    });
-  };
-  $322c88a641701f3b$var$useResizeObserver(content, handleSizeChange);
-  return /* @__PURE__ */ $yHMN2$createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
-    "data-state": $322c88a641701f3b$var$getOpenState(open),
-    "data-orientation": context.orientation
-  }, viewportImplProps, {
-    ref: composedRefs,
-    style: {
-      // Prevent interaction when animating out
-      pointerEvents: !open && context.isRootMenu ? "none" : void 0,
-      ["--radix-navigation-menu-viewport-width"]: viewportWidth,
-      ["--radix-navigation-menu-viewport-height"]: viewportHeight,
-      ...viewportImplProps.style
-    },
-    onPointerEnter: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props1.onPointerEnter, context.onContentEnter),
-    onPointerLeave: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props1.onPointerLeave, $322c88a641701f3b$var$whenMouse(context.onContentLeave))
-  }), Array.from(viewportContentContext.items).map(([value, { ref, forceMount, ...props }]) => {
-    const isActive = activeContentValue === value;
-    return /* @__PURE__ */ $yHMN2$createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
-      key: value,
-      present: forceMount || isActive
-    }, /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$NavigationMenuContentImpl, _extends({}, props, {
-      ref: $6ed0406888f73fc4$export$43e446d32b3d21af(ref, (node) => {
-        if (isActive && node) setContent(node);
-      })
-    })));
-  }));
-});
-var $322c88a641701f3b$var$FOCUS_GROUP_NAME = "FocusGroup";
-var $322c88a641701f3b$var$FocusGroup = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const { __scopeNavigationMenu, ...groupProps } = props;
-  const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$FOCUS_GROUP_NAME, __scopeNavigationMenu);
-  return /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$FocusGroupCollection.Provider, {
-    scope: __scopeNavigationMenu
-  }, /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$FocusGroupCollection.Slot, {
-    scope: __scopeNavigationMenu
-  }, /* @__PURE__ */ $yHMN2$createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
-    dir: context.dir
-  }, groupProps, {
-    ref: forwardedRef
-  }))));
-});
-var $322c88a641701f3b$var$ARROW_KEYS = [
-  "ArrowRight",
-  "ArrowLeft",
-  "ArrowUp",
-  "ArrowDown"
-];
-var $322c88a641701f3b$var$FOCUS_GROUP_ITEM_NAME = "FocusGroupItem";
-var $322c88a641701f3b$var$FocusGroupItem = /* @__PURE__ */ $yHMN2$forwardRef((props, forwardedRef) => {
-  const { __scopeNavigationMenu, ...groupProps } = props;
-  const getItems = $322c88a641701f3b$var$useFocusGroupCollection(__scopeNavigationMenu);
-  const context = $322c88a641701f3b$var$useNavigationMenuContext($322c88a641701f3b$var$FOCUS_GROUP_ITEM_NAME, __scopeNavigationMenu);
-  return /* @__PURE__ */ $yHMN2$createElement($322c88a641701f3b$var$FocusGroupCollection.ItemSlot, {
-    scope: __scopeNavigationMenu
-  }, /* @__PURE__ */ $yHMN2$createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({}, groupProps, {
-    ref: forwardedRef,
-    onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event) => {
-      const isFocusNavigationKey = [
-        "Home",
-        "End",
-        ...$322c88a641701f3b$var$ARROW_KEYS
-      ].includes(event.key);
-      if (isFocusNavigationKey) {
-        let candidateNodes = getItems().map(
-          (item) => item.ref.current
-        );
-        const prevItemKey = context.dir === "rtl" ? "ArrowRight" : "ArrowLeft";
-        const prevKeys = [
-          prevItemKey,
-          "ArrowUp",
-          "End"
-        ];
-        if (prevKeys.includes(event.key)) candidateNodes.reverse();
-        if ($322c88a641701f3b$var$ARROW_KEYS.includes(event.key)) {
-          const currentIndex = candidateNodes.indexOf(event.currentTarget);
-          candidateNodes = candidateNodes.slice(currentIndex + 1);
-        }
-        setTimeout(
-          () => $322c88a641701f3b$var$focusFirst(candidateNodes)
-        );
-        event.preventDefault();
-      }
-    })
-  })));
-});
-function $322c88a641701f3b$var$getTabbableCandidates(container) {
-  const nodes = [];
-  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (node) => {
-      const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
-      if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
-      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  while (walker.nextNode()) nodes.push(walker.currentNode);
-  return nodes;
-}
-function $322c88a641701f3b$var$focusFirst(candidates) {
-  const previouslyFocusedElement = document.activeElement;
-  return candidates.some((candidate) => {
-    if (candidate === previouslyFocusedElement) return true;
-    candidate.focus();
-    return document.activeElement !== previouslyFocusedElement;
-  });
-}
-function $322c88a641701f3b$var$removeFromTabOrder(candidates) {
-  candidates.forEach((candidate) => {
-    candidate.dataset.tabindex = candidate.getAttribute("tabindex") || "";
-    candidate.setAttribute("tabindex", "-1");
-  });
-  return () => {
-    candidates.forEach((candidate) => {
-      const prevTabIndex = candidate.dataset.tabindex;
-      candidate.setAttribute("tabindex", prevTabIndex);
-    });
-  };
-}
-function $322c88a641701f3b$var$useResizeObserver(element, onResize) {
-  const handleResize = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onResize);
-  $9f79659886946c16$export$e5c5a5f917a5871c(() => {
-    let rAF = 0;
-    if (element) {
-      const resizeObserver = new ResizeObserver(() => {
-        cancelAnimationFrame(rAF);
-        rAF = window.requestAnimationFrame(handleResize);
-      });
-      resizeObserver.observe(element);
-      return () => {
-        window.cancelAnimationFrame(rAF);
-        resizeObserver.unobserve(element);
-      };
-    }
-  }, [
-    element,
-    handleResize
-  ]);
-}
-function $322c88a641701f3b$var$getOpenState(open) {
-  return open ? "open" : "closed";
-}
-function $322c88a641701f3b$var$makeTriggerId(baseId, value) {
-  return `${baseId}-trigger-${value}`;
-}
-function $322c88a641701f3b$var$makeContentId(baseId, value) {
-  return `${baseId}-content-${value}`;
-}
-function $322c88a641701f3b$var$whenMouse(handler) {
-  return (event) => event.pointerType === "mouse" ? handler(event) : void 0;
-}
-var $322c88a641701f3b$export$be92b6f5f03c0fe9 = $322c88a641701f3b$export$5b2278cf1e8bcae2;
-var $322c88a641701f3b$export$54c2e3dc7acea9f5 = $322c88a641701f3b$export$c361068a95fd2286;
-var $322c88a641701f3b$export$6d08773d2e66f8f2 = $322c88a641701f3b$export$ffdbb83a2de845c2;
-var $322c88a641701f3b$export$41fb9f06171c75f4 = $322c88a641701f3b$export$37fe8002734d8f2;
-var $322c88a641701f3b$export$a6c7ac8248d6e38a = $322c88a641701f3b$export$6893bf21536567da;
-var $322c88a641701f3b$export$adb584737d712b70 = $322c88a641701f3b$export$8ddb526647c0d8fb;
-var $322c88a641701f3b$export$7c6e2c02157bb7d2 = $322c88a641701f3b$export$38e00e996c2f93f7;
-var $322c88a641701f3b$export$d5c6c08dc2d3ca7 = $322c88a641701f3b$export$ee880b97cc6d44a5;
-
 // src/components/NavigationMenu.tsx
 var import_classnames33 = __toESM(require_classnames());
 
+// src/components/hooks/useNavigationMenu.ts
+var initialState3 = { activeMenu: null };
+var store3 = create(() => ({ ...initialState3 }));
+function setActiveMenu(activeMenu) {
+  store3.setState({ activeMenu });
+}
+var useNavigationMenu = store3;
+
 // src/components/NavigationMenu.module.css
 var NavigationMenu_default = {
-  root: "NavigationMenu_root",
-  list: "NavigationMenu_list",
-  trigger: "NavigationMenu_trigger",
-  link: "NavigationMenu_link",
-  content: "NavigationMenu_content",
-  enterFromLeft: "NavigationMenu_enterFromLeft",
-  enterFromRight: "NavigationMenu_enterFromRight",
-  exitToLeft: "NavigationMenu_exitToLeft",
-  exitToRight: "NavigationMenu_exitToRight",
-  indicator: "NavigationMenu_indicator",
-  fadeIn: "NavigationMenu_fadeIn",
-  fadeOut: "NavigationMenu_fadeOut",
-  viewport: "NavigationMenu_viewport",
-  scaleIn: "NavigationMenu_scaleIn",
-  scaleOut: "NavigationMenu_scaleOut",
-  wrapper: "NavigationMenu_wrapper",
-  arrow: "NavigationMenu_arrow"
+  nav: "NavigationMenu_nav",
+  item: "NavigationMenu_item",
+  icon: "NavigationMenu_icon"
 };
 
 // src/components/NavigationMenu.tsx
 import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
-function NavigationMenu({ showArrow = true, children, ...props }) {
-  return /* @__PURE__ */ jsxs22($322c88a641701f3b$export$be92b6f5f03c0fe9, { ...props, className: NavigationMenu_default.root, children: [
-    /* @__PURE__ */ jsxs22($322c88a641701f3b$export$54c2e3dc7acea9f5, { className: NavigationMenu_default.list, children: [
-      children,
-      showArrow && /* @__PURE__ */ jsx39($322c88a641701f3b$export$adb584737d712b70, { className: NavigationMenu_default.indicator, children: /* @__PURE__ */ jsx39("div", { className: NavigationMenu_default.arrow }) })
-    ] }),
-    /* @__PURE__ */ jsx39("div", { className: NavigationMenu_default.wrapper, children: /* @__PURE__ */ jsx39($322c88a641701f3b$export$d5c6c08dc2d3ca7, { className: NavigationMenu_default.viewport }) })
-  ] });
-}
-function NavigationMenuItem({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx39($322c88a641701f3b$export$6d08773d2e66f8f2, { ...props, className: (0, import_classnames33.default)(NavigationMenu_default.item, className), children });
-}
-function NavigationMenuTrigger({
-  children,
+function NavigationMenu({
+  showArrow = true,
   className,
+  children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs22($322c88a641701f3b$export$41fb9f06171c75f4, { ...props, className: (0, import_classnames33.default)(NavigationMenu_default.trigger, className), children: [
-    children,
-    /* @__PURE__ */ jsx39(Icon, { rotate: 90, size: "xs", children: /* @__PURE__ */ jsx39(Icons.Chevron, {}) })
-  ] });
+  return /* @__PURE__ */ jsx39("div", { ...props, className: (0, import_classnames33.default)(NavigationMenu_default.nav, className), children });
 }
-function NavigationMenuContent({
+function NavigationMenuItem({
+  label,
   children,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39($322c88a641701f3b$export$7c6e2c02157bb7d2, { ...props, className: (0, import_classnames33.default)(NavigationMenu_default.content, className), children });
-}
-function NavigationMenuLink({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx39($322c88a641701f3b$export$a6c7ac8248d6e38a, { ...props, className: (0, import_classnames33.default)(NavigationMenu_default.link, className), children });
+  const { activeMenu } = useNavigationMenu();
+  if (label) {
+    return /* @__PURE__ */ jsxs22(HoverTrigger, { isOpen: activeMenu === label, onHoverStart: () => setActiveMenu(label), children: [
+      /* @__PURE__ */ jsxs22("div", { ...props, className: (0, import_classnames33.default)(NavigationMenu_default.item, className), children: [
+        /* @__PURE__ */ jsx39(Text, { children: label }),
+        /* @__PURE__ */ jsx39(Icon, { rotate: 90, size: "xs", className: NavigationMenu_default.icon, children: /* @__PURE__ */ jsx39(Icons.Chevron, {}) })
+      ] }),
+      children
+    ] });
+  }
+  return /* @__PURE__ */ jsx39("div", { ...props, className: (0, import_classnames33.default)(NavigationMenu_default.item, className), children });
 }
 
 // src/components/PasswordField.tsx
-import { useState as useState8, forwardRef as forwardRef4 } from "react";
+import { useState as useState8, forwardRef as forwardRef5 } from "react";
 var import_classnames34 = __toESM(require_classnames());
 
 // src/components/PasswordField.module.css
@@ -28253,7 +27262,7 @@ var PasswordField_default = {
 
 // src/components/PasswordField.tsx
 import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
-var PasswordField = forwardRef4(
+var PasswordField = forwardRef5(
   ({ label, className, ...props }, ref) => {
     const [show, setShow] = useState8(false);
     const type = show ? "text" : "password";
@@ -28294,10 +27303,10 @@ var ProgressBar_default = {
 };
 
 // src/components/ProgressBar.tsx
-import { Fragment as Fragment5, jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
 function ProgressBar({ className, showValue, ...props }) {
   return /* @__PURE__ */ jsx42($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames36.default)(ProgressBar_default.progressbar, className), children: ({ percentage = 0, valueText }) => {
-    return /* @__PURE__ */ jsxs24(Fragment5, { children: [
+    return /* @__PURE__ */ jsxs24(Fragment6, { children: [
       /* @__PURE__ */ jsx42("div", { className: ProgressBar_default.track, children: /* @__PURE__ */ jsx42("div", { className: ProgressBar_default.fill, style: { width: `${percentage}%` } }) }),
       showValue && /* @__PURE__ */ jsx42("div", { className: ProgressBar_default.value, children: valueText })
     ] });
@@ -28316,13 +27325,13 @@ var ProgressCircle_default = {
 };
 
 // src/components/ProgressCircle.tsx
-import { Fragment as Fragment6, jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
 function ProgressCircle({ className, showValue, ...props }) {
   return /* @__PURE__ */ jsx43($0393f8ab869a0f1a$export$c17561cb55d4db30, { ...props, className: (0, import_classnames37.default)(ProgressCircle_default.progresscircle, className), children: ({ percentage = 0, valueText }) => {
     const radius = 45;
     const circumference = radius * 2 * Math.PI;
     const offset = circumference - percentage / 100 * circumference;
-    return /* @__PURE__ */ jsxs25(Fragment6, { children: [
+    return /* @__PURE__ */ jsxs25(Fragment7, { children: [
       /* @__PURE__ */ jsxs25("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
         /* @__PURE__ */ jsx43("circle", { className: ProgressCircle_default.track, cx: "50", cy: "50", r: "45" }),
         /* @__PURE__ */ jsx43(
@@ -28343,7 +27352,7 @@ function ProgressCircle({ className, showValue, ...props }) {
 }
 
 // src/components/RadioGroup.tsx
-import { forwardRef as forwardRef5 } from "react";
+import { forwardRef as forwardRef6 } from "react";
 var import_classnames38 = __toESM(require_classnames());
 
 // src/components/RadioGroup.module.css
@@ -28354,7 +27363,7 @@ var RadioGroup_default = {
 
 // src/components/RadioGroup.tsx
 import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
-var RadioGroup = forwardRef5(
+var RadioGroup = forwardRef6(
   ({ label, children, className, ...props }, ref) => {
     return /* @__PURE__ */ jsxs26($b6c3ddc6086f204d$export$a98f0dcb43a68a25, { ...props, ref, className: (0, import_classnames38.default)(RadioGroup_default.radiogroup, className), children: [
       label && /* @__PURE__ */ jsx44(Label, { children: label }),
@@ -28367,7 +27376,7 @@ function Radio({ children, className, ...props }) {
 }
 
 // src/components/SearchField.tsx
-import { useState as useState9, useEffect as useEffect4, forwardRef as forwardRef6 } from "react";
+import { useState as useState9, useEffect as useEffect5, forwardRef as forwardRef7 } from "react";
 var import_classnames39 = __toESM(require_classnames());
 
 // src/components/SearchField.module.css
@@ -28378,8 +27387,8 @@ var SearchField_default = {
 };
 
 // src/components/SearchField.tsx
-import { Fragment as Fragment7, jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
-var SearchField = forwardRef6(
+import { Fragment as Fragment8, jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
+var SearchField = forwardRef7(
   ({ label, value, delay = 0, onSearch, className, ...props }, ref) => {
     const [search, setSearch] = useState9(value ?? "");
     const searchValue = useDebounce(search, delay);
@@ -28394,13 +27403,13 @@ var SearchField = forwardRef6(
       setSearch("");
       onSearch?.("");
     };
-    useEffect4(() => {
+    useEffect5(() => {
       if (delay > 0) {
         onSearch?.(searchValue);
       }
     }, [searchValue, delay, onSearch]);
     return /* @__PURE__ */ jsx45($440f4836bcb56932$export$b94867ecbd698f21, { ...props, ref, className: (0, import_classnames39.default)(Input_default.field, className), children: ({ state }) => {
-      return /* @__PURE__ */ jsxs27(Fragment7, { children: [
+      return /* @__PURE__ */ jsxs27(Fragment8, { children: [
         label && /* @__PURE__ */ jsx45(Label, { children: label }),
         /* @__PURE__ */ jsxs27("div", { className: Input_default.row, children: [
           /* @__PURE__ */ jsx45(Icons.MagnifyingGlass, { className: (0, import_classnames39.default)(SearchField_default.search, Input_default.icon) }),
@@ -28427,7 +27436,7 @@ var SearchField = forwardRef6(
 
 // src/components/Select.tsx
 var import_classnames40 = __toESM(require_classnames());
-import { forwardRef as forwardRef7 } from "react";
+import { forwardRef as forwardRef8 } from "react";
 
 // src/components/Select.module.css
 var Select_default = {
@@ -28439,7 +27448,7 @@ var Select_default = {
 
 // src/components/Select.tsx
 import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
-var Select = forwardRef7(
+var Select = forwardRef8(
   ({
     children,
     items = [],
@@ -28475,7 +27484,7 @@ var Select = forwardRef7(
 );
 
 // src/components/Slider.tsx
-import { forwardRef as forwardRef8 } from "react";
+import { forwardRef as forwardRef9 } from "react";
 var import_classnames41 = __toESM(require_classnames());
 
 // src/components/Slider.module.css
@@ -28488,8 +27497,8 @@ var Slider_default = {
 };
 
 // src/components/Slider.tsx
-import { Fragment as Fragment8, jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
-var Slider = forwardRef8(
+import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
+var Slider = forwardRef9(
   ({ className, showValue = true, label, ...props }, ref) => {
     return /* @__PURE__ */ jsxs29($6f909507e6374d18$export$472062a354075cee, { ...props, ref, className: (0, import_classnames41.default)(Slider_default.slider, className), children: [
       /* @__PURE__ */ jsxs29("div", { className: Slider_default.header, children: [
@@ -28498,7 +27507,7 @@ var Slider = forwardRef8(
       ] }),
       /* @__PURE__ */ jsx47($6f909507e6374d18$export$105594979f116971, { className: Slider_default.track, children: ({ state }) => {
         const isHorizontal = state.orientation === "horizontal";
-        return /* @__PURE__ */ jsxs29(Fragment8, { children: [
+        return /* @__PURE__ */ jsxs29(Fragment9, { children: [
           /* @__PURE__ */ jsx47(
             "div",
             {
@@ -28547,7 +27556,7 @@ function StatusLight(props) {
 }
 
 // src/components/Switch.tsx
-import { forwardRef as forwardRef9 } from "react";
+import { forwardRef as forwardRef10 } from "react";
 var import_classnames43 = __toESM(require_classnames());
 
 // src/components/Switch.module.css
@@ -28558,11 +27567,11 @@ var Switch_default = {
 };
 
 // src/components/Switch.tsx
-import { Fragment as Fragment9, jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
-var Switch = forwardRef9(
+import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
+var Switch = forwardRef10(
   ({ label, children, className, ...props }, ref) => {
     const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-    return /* @__PURE__ */ jsxs31(Fragment9, { children: [
+    return /* @__PURE__ */ jsxs31(Fragment10, { children: [
       label && /* @__PURE__ */ jsx49(Label, { children: label }),
       /* @__PURE__ */ jsxs31(
         $8e59e948500a8fe1$export$b5d5cf8927ab7262,
@@ -28622,7 +27631,7 @@ function TextOverflow({ asChild, children, className, ...props }) {
 
 // src/components/TextArea.tsx
 var import_classnames45 = __toESM(require_classnames());
-import { forwardRef as forwardRef10 } from "react";
+import { forwardRef as forwardRef11 } from "react";
 
 // src/components/TextArea.module.css
 var TextArea_default = {
@@ -28634,7 +27643,7 @@ var TextArea_default = {
 
 // src/components/TextArea.tsx
 import { jsx as jsx52 } from "react/jsx-runtime";
-var TextArea = forwardRef10(({ resize, className, ...props }, ref) => {
+var TextArea = forwardRef11(({ resize, className, ...props }, ref) => {
   return /* @__PURE__ */ jsx52(
     TextField,
     {
@@ -28746,7 +27755,7 @@ function composeContextScopes(...scopes) {
 
 // node_modules/@radix-ui/react-toast/node_modules/@radix-ui/react-slot/dist/index.mjs
 import * as React7 from "react";
-import { Fragment as Fragment10, jsx as jsx54 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx54 } from "react/jsx-runtime";
 var Slot = React7.forwardRef((props, forwardedRef) => {
   const { children, ...slotProps } = props;
   const childrenArray = React7.Children.toArray(children);
@@ -28780,7 +27789,7 @@ var SlotClone = React7.forwardRef((props, forwardedRef) => {
 });
 SlotClone.displayName = "SlotClone";
 var Slottable = ({ children }) => {
-  return /* @__PURE__ */ jsx54(Fragment10, { children });
+  return /* @__PURE__ */ jsx54(Fragment11, { children });
 };
 function isSlottable(child) {
   return React7.isValidElement(child) && child.type === Slottable;
@@ -29183,11 +28192,11 @@ Portal.displayName = PORTAL_NAME;
 import * as React22 from "react";
 import * as ReactDOM3 from "react-dom";
 import * as React15 from "react";
-function useStateMachine(initialState3, machine) {
+function useStateMachine(initialState4, machine) {
   return React15.useReducer((state, event) => {
     const nextState = machine[state][event];
     return nextState ?? state;
-  }, initialState3);
+  }, initialState4);
 }
 var Presence = (props) => {
   const { present, children } = props;
@@ -29203,8 +28212,8 @@ function usePresence(present) {
   const stylesRef = React22.useRef({});
   const prevPresentRef = React22.useRef(present);
   const prevAnimationNameRef = React22.useRef("none");
-  const initialState3 = present ? "mounted" : "unmounted";
-  const [state, send] = useStateMachine(initialState3, {
+  const initialState4 = present ? "mounted" : "unmounted";
+  const [state, send] = useStateMachine(initialState4, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -29369,7 +28378,7 @@ var VisuallyHidden = React17.forwardRef(
 VisuallyHidden.displayName = NAME;
 
 // node_modules/@radix-ui/react-toast/dist/index.mjs
-import { Fragment as Fragment11, jsx as jsx60, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx60, jsxs as jsxs32 } from "react/jsx-runtime";
 var PROVIDER_NAME = "ToastProvider";
 var [Collection, useCollection, createCollectionScope] = createCollection("Toast");
 var [createToastContext, createToastScope] = createContextScope("Toast", [createCollectionScope]);
@@ -29715,7 +28724,7 @@ var ToastImpl = React18.forwardRef(
       return node ? getAnnounceTextContent(node) : null;
     }, [node]);
     if (!context.viewport) return null;
-    return /* @__PURE__ */ jsxs32(Fragment11, { children: [
+    return /* @__PURE__ */ jsxs32(Fragment12, { children: [
       announceTextContent && /* @__PURE__ */ jsx60(
         ToastAnnounce,
         {
@@ -29835,7 +28844,7 @@ var ToastAnnounce = (props) => {
     const timer = window.setTimeout(() => setIsAnnounced(true), 1e3);
     return () => window.clearTimeout(timer);
   }, []);
-  return isAnnounced ? null : /* @__PURE__ */ jsx60(Portal, { asChild: true, children: /* @__PURE__ */ jsx60(VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxs32(Fragment11, { children: [
+  return isAnnounced ? null : /* @__PURE__ */ jsx60(Portal, { asChild: true, children: /* @__PURE__ */ jsx60(VisuallyHidden, { ...announceProps, children: renderAnnounceText && /* @__PURE__ */ jsxs32(Fragment12, { children: [
     context.label,
     " ",
     children
@@ -29996,7 +29005,7 @@ var Toast_default = {
 };
 
 // src/components/Toast.tsx
-import { Fragment as Fragment12, jsx as jsx61, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx61, jsxs as jsxs33 } from "react/jsx-runtime";
 import { createElement as createElement4 } from "react";
 var icons = {
   info: Icons.Info,
@@ -30022,7 +29031,7 @@ function Toast2({
 }
 function Toaster(props) {
   const { toasts } = useToast();
-  return /* @__PURE__ */ jsxs33(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs33(Fragment13, { children: [
     toasts.map(({ id, message, props: props2 }) => {
       return /* @__PURE__ */ createElement4(Toast2, { ...props2, key: id, description: message });
     }),
@@ -30031,7 +29040,7 @@ function Toaster(props) {
 }
 
 // src/components/Toggle.tsx
-import { forwardRef as forwardRef17 } from "react";
+import { forwardRef as forwardRef18 } from "react";
 var import_classnames47 = __toESM(require_classnames());
 
 // src/components/Toggle.module.css
@@ -30040,11 +29049,11 @@ var Toggle_default = {
 };
 
 // src/components/Toggle.tsx
-import { Fragment as Fragment13, jsx as jsx62, jsxs as jsxs34 } from "react/jsx-runtime";
-var Toggle = forwardRef17(
+import { Fragment as Fragment14, jsx as jsx62, jsxs as jsxs34 } from "react/jsx-runtime";
+var Toggle = forwardRef18(
   ({ label, children, className, ...props }, ref) => {
     const isSelected = typeof props.value !== "undefined" ? !!props.value : void 0;
-    return /* @__PURE__ */ jsxs34(Fragment13, { children: [
+    return /* @__PURE__ */ jsxs34(Fragment14, { children: [
       label && /* @__PURE__ */ jsx62(Label, { children: label }),
       /* @__PURE__ */ jsx62(
         $efde0372d7a700fe$export$d2b052e7b4be1756,
@@ -30556,10 +29565,7 @@ export {
   $3674c52c6b3c5bce$export$27d2ad3c5815583e as MenuTrigger,
   Modal,
   NavigationMenu,
-  NavigationMenuContent,
   NavigationMenuItem,
-  NavigationMenuLink,
-  NavigationMenuTrigger,
   Page,
   PasswordField,
   Popover,