@sykoramaros/marosh-components 0.0.5 → 0.0.6

package/dist/index.mjs

@@ -1,12 +1,17 @@
-import { clsx as s } from "clsx";
-import { twMerge as d } from "tailwind-merge";
-import { jsx as o, Fragment as u } from "react/jsx-runtime";
-import { Slot as c } from "@radix-ui/react-slot";
-import { cva as g } from "class-variance-authority";
-function a(...e) {
-  return d(s(e));
-}
-const v = g(
+import { clsx as Xt } from "clsx";
+import { twMerge as qt } from "tailwind-merge";
+import { jsx as u, Fragment as Z, jsxs as A } from "react/jsx-runtime";
+import { Slot as Zt, createSlot as ie } from "@radix-ui/react-slot";
+import { cva as et } from "class-variance-authority";
+import * as i from "react";
+import B, { useState as Qt } from "react";
+import * as Jt from "react-dom";
+import tt from "react-dom";
+import { XIcon as en, Menu as tn } from "lucide-react";
+function k(...e) {
+  return qt(Xt(e));
+}
+const nn = et(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -33,42 +38,2139 @@ const v = g(
     }
   }
 );
-function l({
+function nt({
   className: e,
-  variant: r = "default",
-  size: t = "default",
-  asChild: i = !1,
-  ...n
+  variant: t = "default",
+  size: n = "default",
+  asChild: o = !1,
+  ...r
 }) {
-  return /* @__PURE__ */ o(
-    i ? c : "button",
+  return /* @__PURE__ */ u(
+    o ? Zt : "button",
     {
       "data-slot": "button",
-      "data-variant": r,
-      "data-size": t,
-      className: a(v({ variant: r, size: t, className: e })),
-      ...n
+      "data-variant": t,
+      "data-size": n,
+      className: k(nn({ variant: t, size: n, className: e })),
+      ...r
     }
   );
 }
-const k = ({
+const Ir = ({
   children: e,
-  className: r,
-  variant: t,
-  size: i,
-  ...n
-}) => /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(
-  l,
+  className: t,
+  variant: n,
+  size: o,
+  ...r
+}) => /* @__PURE__ */ u(Z, { children: /* @__PURE__ */ u(
+  nt,
   {
-    className: a(r),
-    variant: t,
-    size: i,
-    ...n,
+    className: k(t),
+    variant: n,
+    size: o,
+    ...r,
     children: e
   }
 ) });
+function on(e, t) {
+  const n = i.createContext(t), o = (a) => {
+    const { children: c, ...s } = a, f = i.useMemo(() => s, Object.values(s));
+    return /* @__PURE__ */ u(n.Provider, { value: f, children: c });
+  };
+  o.displayName = e + "Provider";
+  function r(a) {
+    const c = i.useContext(n);
+    if (c) return c;
+    if (t !== void 0) return t;
+    throw new Error(`\`${a}\` must be used within \`${e}\``);
+  }
+  return [o, r];
+}
+function Me(e, t = []) {
+  let n = [];
+  function o(a, c) {
+    const s = i.createContext(c), f = n.length;
+    n = [...n, c];
+    const v = (m) => {
+      const { scope: p, children: y, ...C } = m, d = p?.[e]?.[f] || s, g = i.useMemo(() => C, Object.values(C));
+      return /* @__PURE__ */ u(d.Provider, { value: g, children: y });
+    };
+    v.displayName = a + "Provider";
+    function l(m, p) {
+      const y = p?.[e]?.[f] || s, C = i.useContext(y);
+      if (C) return C;
+      if (c !== void 0) return c;
+      throw new Error(`\`${m}\` must be used within \`${a}\``);
+    }
+    return [v, l];
+  }
+  const r = () => {
+    const a = n.map((c) => i.createContext(c));
+    return function(s) {
+      const f = s?.[e] || a;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...s, [e]: f } }),
+        [s, f]
+      );
+    };
+  };
+  return r.scopeName = e, [o, rn(r, ...t)];
+}
+function rn(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const o = e.map((r) => ({
+      useScope: r(),
+      scopeName: r.scopeName
+    }));
+    return function(a) {
+      const c = o.reduce((s, { useScope: f, scopeName: v }) => {
+        const m = f(a)[`__scope${v}`];
+        return { ...s, ...m };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+function x(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(r) {
+    if (e?.(r), n === !1 || !r.defaultPrevented)
+      return t?.(r);
+  };
+}
+var an = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], P = an.reduce((e, t) => {
+  const n = ie(`Primitive.${t}`), o = i.forwardRef((r, a) => {
+    const { asChild: c, ...s } = r, f = c ? n : t;
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u(f, { ...s, ref: a });
+  });
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
+}, {});
+function ye(e, t) {
+  e && Jt.flushSync(() => e.dispatchEvent(t));
+}
+var K = globalThis?.document ? i.useLayoutEffect : () => {
+}, sn = i[" useInsertionEffect ".trim().toString()] || K;
+function xe({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  },
+  caller: o
+}) {
+  const [r, a, c] = cn({
+    defaultProp: t,
+    onChange: n
+  }), s = e !== void 0, f = s ? e : r;
+  {
+    const l = i.useRef(e !== void 0);
+    i.useEffect(() => {
+      const m = l.current;
+      m !== s && console.warn(
+        `${o} is changing from ${m ? "controlled" : "uncontrolled"} to ${s ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), l.current = s;
+    }, [s, o]);
+  }
+  const v = i.useCallback(
+    (l) => {
+      if (s) {
+        const m = un(l) ? l(e) : l;
+        m !== e && c.current?.(m);
+      } else
+        a(l);
+    },
+    [s, e, a, c]
+  );
+  return [f, v];
+}
+function cn({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [n, o] = i.useState(e), r = i.useRef(n), a = i.useRef(t);
+  return sn(() => {
+    a.current = t;
+  }, [t]), i.useEffect(() => {
+    r.current !== n && (a.current?.(n), r.current = n);
+  }, [n, r]), [n, o, a];
+}
+function un(e) {
+  return typeof e == "function";
+}
+function Ve(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function ot(...e) {
+  return (t) => {
+    let n = !1;
+    const o = e.map((r) => {
+      const a = Ve(r, t);
+      return !n && typeof a == "function" && (n = !0), a;
+    });
+    if (n)
+      return () => {
+        for (let r = 0; r < o.length; r++) {
+          const a = o[r];
+          typeof a == "function" ? a() : Ve(e[r], null);
+        }
+      };
+  };
+}
+function O(...e) {
+  return i.useCallback(ot(...e), e);
+}
+var ln = i.createContext(void 0);
+function dn(e) {
+  const t = i.useContext(ln);
+  return e || t || "ltr";
+}
+function fn(e, t) {
+  return i.useReducer((n, o) => t[n][o] ?? n, e);
+}
+var U = (e) => {
+  const { present: t, children: n } = e, o = vn(t), r = typeof n == "function" ? n({ present: o.isPresent }) : i.Children.only(n), a = O(o.ref, mn(r));
+  return typeof n == "function" || o.isPresent ? i.cloneElement(r, { ref: a }) : null;
+};
+U.displayName = "Presence";
+function vn(e) {
+  const [t, n] = i.useState(), o = i.useRef(null), r = i.useRef(e), a = i.useRef("none"), c = e ? "mounted" : "unmounted", [s, f] = fn(c, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return i.useEffect(() => {
+    const v = Q(o.current);
+    a.current = s === "mounted" ? v : "none";
+  }, [s]), K(() => {
+    const v = o.current, l = r.current;
+    if (l !== e) {
+      const p = a.current, y = Q(v);
+      e ? f("MOUNT") : y === "none" || v?.display === "none" ? f("UNMOUNT") : f(l && p !== y ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
+    }
+  }, [e, f]), K(() => {
+    if (t) {
+      let v;
+      const l = t.ownerDocument.defaultView ?? window, m = (y) => {
+        const d = Q(o.current).includes(CSS.escape(y.animationName));
+        if (y.target === t && d && (f("ANIMATION_END"), !r.current)) {
+          const g = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", v = l.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = g);
+          });
+        }
+      }, p = (y) => {
+        y.target === t && (a.current = Q(o.current));
+      };
+      return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", m), t.addEventListener("animationend", m), () => {
+        l.clearTimeout(v), t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", m), t.removeEventListener("animationend", m);
+      };
+    } else
+      f("ANIMATION_END");
+  }, [t, f]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(s),
+    ref: i.useCallback((v) => {
+      o.current = v ? getComputedStyle(v) : null, n(v);
+    }, [])
+  };
+}
+function Q(e) {
+  return e?.animationName || "none";
+}
+function mn(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var gn = i[" useId ".trim().toString()] || (() => {
+}), pn = 0;
+function q(e) {
+  const [t, n] = i.useState(gn());
+  return K(() => {
+    n((o) => o ?? String(pn++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+function rt(e) {
+  const t = e + "CollectionProvider", [n, o] = Me(t), [r, a] = n(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), c = (d) => {
+    const { scope: g, children: E } = d, N = B.useRef(null), h = B.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ u(r, { scope: g, itemMap: h, collectionRef: N, children: E });
+  };
+  c.displayName = t;
+  const s = e + "CollectionSlot", f = ie(s), v = B.forwardRef(
+    (d, g) => {
+      const { scope: E, children: N } = d, h = a(s, E), b = O(g, h.collectionRef);
+      return /* @__PURE__ */ u(f, { ref: b, children: N });
+    }
+  );
+  v.displayName = s;
+  const l = e + "CollectionItemSlot", m = "data-radix-collection-item", p = ie(l), y = B.forwardRef(
+    (d, g) => {
+      const { scope: E, children: N, ...h } = d, b = B.useRef(null), w = O(g, b), R = a(l, E);
+      return B.useEffect(() => (R.itemMap.set(b, { ref: b, ...h }), () => {
+        R.itemMap.delete(b);
+      })), /* @__PURE__ */ u(p, { [m]: "", ref: w, children: N });
+    }
+  );
+  y.displayName = l;
+  function C(d) {
+    const g = a(e + "CollectionConsumer", d);
+    return B.useCallback(() => {
+      const N = g.collectionRef.current;
+      if (!N) return [];
+      const h = Array.from(N.querySelectorAll(`[${m}]`));
+      return Array.from(g.itemMap.values()).sort(
+        (R, S) => h.indexOf(R.ref.current) - h.indexOf(S.ref.current)
+      );
+    }, [g.collectionRef, g.itemMap]);
+  }
+  return [
+    { Provider: c, Slot: v, ItemSlot: y },
+    C,
+    o
+  ];
+}
+function D(e) {
+  const t = i.useRef(e);
+  return i.useEffect(() => {
+    t.current = e;
+  }), i.useMemo(() => (...n) => t.current?.(...n), []);
+}
+function hn(e, t = globalThis?.document) {
+  const n = D(e);
+  i.useEffect(() => {
+    const o = (r) => {
+      r.key === "Escape" && n(r);
+    };
+    return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
+  }, [n, t]);
+}
+var yn = "DismissableLayer", be = "dismissableLayer.update", bn = "dismissableLayer.pointerDownOutside", En = "dismissableLayer.focusOutside", Ke, at = i.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), Pe = i.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: r,
+      onFocusOutside: a,
+      onInteractOutside: c,
+      onDismiss: s,
+      ...f
+    } = e, v = i.useContext(at), [l, m] = i.useState(null), p = l?.ownerDocument ?? globalThis?.document, [, y] = i.useState({}), C = O(t, (S) => m(S)), d = Array.from(v.layers), [g] = [...v.layersWithOutsidePointerEventsDisabled].slice(-1), E = d.indexOf(g), N = l ? d.indexOf(l) : -1, h = v.layersWithOutsidePointerEventsDisabled.size > 0, b = N >= E, w = Nn((S) => {
+      const T = S.target, M = [...v.branches].some((I) => I.contains(T));
+      !b || M || (r?.(S), c?.(S), S.defaultPrevented || s?.());
+    }, p), R = Rn((S) => {
+      const T = S.target;
+      [...v.branches].some((I) => I.contains(T)) || (a?.(S), c?.(S), S.defaultPrevented || s?.());
+    }, p);
+    return hn((S) => {
+      N === v.layers.size - 1 && (o?.(S), !S.defaultPrevented && s && (S.preventDefault(), s()));
+    }, p), i.useEffect(() => {
+      if (l)
+        return n && (v.layersWithOutsidePointerEventsDisabled.size === 0 && (Ke = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), v.layersWithOutsidePointerEventsDisabled.add(l)), v.layers.add(l), Ue(), () => {
+          n && v.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents = Ke);
+        };
+    }, [l, p, n, v]), i.useEffect(() => () => {
+      l && (v.layers.delete(l), v.layersWithOutsidePointerEventsDisabled.delete(l), Ue());
+    }, [l, v]), i.useEffect(() => {
+      const S = () => y({});
+      return document.addEventListener(be, S), () => document.removeEventListener(be, S);
+    }, []), /* @__PURE__ */ u(
+      P.div,
+      {
+        ...f,
+        ref: C,
+        style: {
+          pointerEvents: h ? b ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: x(e.onFocusCapture, R.onFocusCapture),
+        onBlurCapture: x(e.onBlurCapture, R.onBlurCapture),
+        onPointerDownCapture: x(
+          e.onPointerDownCapture,
+          w.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+Pe.displayName = yn;
+var wn = "DismissableLayerBranch", Cn = i.forwardRef((e, t) => {
+  const n = i.useContext(at), o = i.useRef(null), r = O(t, o);
+  return i.useEffect(() => {
+    const a = o.current;
+    if (a)
+      return n.branches.add(a), () => {
+        n.branches.delete(a);
+      };
+  }, [n.branches]), /* @__PURE__ */ u(P.div, { ...e, ref: r });
+});
+Cn.displayName = wn;
+function Nn(e, t = globalThis?.document) {
+  const n = D(e), o = i.useRef(!1), r = i.useRef(() => {
+  });
+  return i.useEffect(() => {
+    const a = (s) => {
+      if (s.target && !o.current) {
+        let f = function() {
+          it(
+            bn,
+            n,
+            v,
+            { discrete: !0 }
+          );
+        };
+        const v = { originalEvent: s };
+        s.pointerType === "touch" ? (t.removeEventListener("click", r.current), r.current = f, t.addEventListener("click", r.current, { once: !0 })) : f();
+      } else
+        t.removeEventListener("click", r.current);
+      o.current = !1;
+    }, c = window.setTimeout(() => {
+      t.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(c), t.removeEventListener("pointerdown", a), t.removeEventListener("click", r.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function Rn(e, t = globalThis?.document) {
+  const n = D(e), o = i.useRef(!1);
+  return i.useEffect(() => {
+    const r = (a) => {
+      a.target && !o.current && it(En, n, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", r), () => t.removeEventListener("focusin", r);
+  }, [t, n]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function Ue() {
+  const e = new CustomEvent(be);
+  document.dispatchEvent(e);
+}
+function it(e, t, n, { discrete: o }) {
+  const r = n.originalEvent.target, a = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && r.addEventListener(e, t, { once: !0 }), o ? ye(r, a) : r.dispatchEvent(a);
+}
+function Sn(e) {
+  const t = i.useRef({ value: e, previous: e });
+  return i.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+}
+var Mn = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.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"
+}), xn = "VisuallyHidden", st = i.forwardRef(
+  (e, t) => /* @__PURE__ */ u(
+    P.span,
+    {
+      ...e,
+      ref: t,
+      style: { ...Mn, ...e.style }
+    }
+  )
+);
+st.displayName = xn;
+var Pn = st, $ = "NavigationMenu", [Te, ct, Tn] = rt($), [Ee, In, On] = rt($), [Ie] = Me(
+  $,
+  [Tn, On]
+), [Dn, _] = Ie($), [An, _n] = Ie($), ut = i.forwardRef(
+  (e, t) => {
+    const {
+      __scopeNavigationMenu: n,
+      value: o,
+      onValueChange: r,
+      defaultValue: a,
+      delayDuration: c = 200,
+      skipDelayDuration: s = 300,
+      orientation: f = "horizontal",
+      dir: v,
+      ...l
+    } = e, [m, p] = i.useState(null), y = O(t, (M) => p(M)), C = dn(v), d = i.useRef(0), g = i.useRef(0), E = i.useRef(0), [N, h] = i.useState(!0), [b, w] = xe({
+      prop: o,
+      onChange: (M) => {
+        const I = M !== "", W = s > 0;
+        I ? (window.clearTimeout(E.current), W && h(!1)) : (window.clearTimeout(E.current), E.current = window.setTimeout(
+          () => h(!0),
+          s
+        )), r?.(M);
+      },
+      defaultProp: a ?? "",
+      caller: $
+    }), R = i.useCallback(() => {
+      window.clearTimeout(g.current), g.current = window.setTimeout(() => w(""), 150);
+    }, [w]), S = i.useCallback(
+      (M) => {
+        window.clearTimeout(g.current), w(M);
+      },
+      [w]
+    ), T = i.useCallback(
+      (M) => {
+        b === M ? window.clearTimeout(g.current) : d.current = window.setTimeout(() => {
+          window.clearTimeout(g.current), w(M);
+        }, c);
+      },
+      [b, w, c]
+    );
+    return i.useEffect(() => () => {
+      window.clearTimeout(d.current), window.clearTimeout(g.current), window.clearTimeout(E.current);
+    }, []), /* @__PURE__ */ u(
+      lt,
+      {
+        scope: n,
+        isRootMenu: !0,
+        value: b,
+        dir: C,
+        orientation: f,
+        rootNavigationMenu: m,
+        onTriggerEnter: (M) => {
+          window.clearTimeout(d.current), N ? T(M) : S(M);
+        },
+        onTriggerLeave: () => {
+          window.clearTimeout(d.current), R();
+        },
+        onContentEnter: () => window.clearTimeout(g.current),
+        onContentLeave: R,
+        onItemSelect: (M) => {
+          w((I) => I === M ? "" : M);
+        },
+        onItemDismiss: () => w(""),
+        children: /* @__PURE__ */ u(
+          P.nav,
+          {
+            "aria-label": "Main",
+            "data-orientation": f,
+            dir: C,
+            ...l,
+            ref: y
+          }
+        )
+      }
+    );
+  }
+);
+ut.displayName = $;
+var we = "NavigationMenuSub", kn = i.forwardRef(
+  (e, t) => {
+    const {
+      __scopeNavigationMenu: n,
+      value: o,
+      onValueChange: r,
+      defaultValue: a,
+      orientation: c = "horizontal",
+      ...s
+    } = e, f = _(we, n), [v, l] = xe({
+      prop: o,
+      onChange: r,
+      defaultProp: a ?? "",
+      caller: we
+    });
+    return /* @__PURE__ */ u(
+      lt,
+      {
+        scope: n,
+        isRootMenu: !1,
+        value: v,
+        dir: f.dir,
+        orientation: c,
+        rootNavigationMenu: f.rootNavigationMenu,
+        onTriggerEnter: (m) => l(m),
+        onItemSelect: (m) => l(m),
+        onItemDismiss: () => l(""),
+        children: /* @__PURE__ */ u(P.div, { "data-orientation": c, ...s, ref: t })
+      }
+    );
+  }
+);
+kn.displayName = we;
+var lt = (e) => {
+  const {
+    scope: t,
+    isRootMenu: n,
+    rootNavigationMenu: o,
+    dir: r,
+    orientation: a,
+    children: c,
+    value: s,
+    onItemSelect: f,
+    onItemDismiss: v,
+    onTriggerEnter: l,
+    onTriggerLeave: m,
+    onContentEnter: p,
+    onContentLeave: y
+  } = e, [C, d] = i.useState(null), [g, E] = i.useState(/* @__PURE__ */ new Map()), [N, h] = i.useState(null);
+  return /* @__PURE__ */ u(
+    Dn,
+    {
+      scope: t,
+      isRootMenu: n,
+      rootNavigationMenu: o,
+      value: s,
+      previousValue: Sn(s),
+      baseId: q(),
+      dir: r,
+      orientation: a,
+      viewport: C,
+      onViewportChange: d,
+      indicatorTrack: N,
+      onIndicatorTrackChange: h,
+      onTriggerEnter: D(l),
+      onTriggerLeave: D(m),
+      onContentEnter: D(p),
+      onContentLeave: D(y),
+      onItemSelect: D(f),
+      onItemDismiss: D(v),
+      onViewportContentChange: i.useCallback((b, w) => {
+        E((R) => (R.set(b, w), new Map(R)));
+      }, []),
+      onViewportContentRemove: i.useCallback((b) => {
+        E((w) => w.has(b) ? (w.delete(b), new Map(w)) : w);
+      }, []),
+      children: /* @__PURE__ */ u(Te.Provider, { scope: t, children: /* @__PURE__ */ u(An, { scope: t, items: g, children: c }) })
+    }
+  );
+}, dt = "NavigationMenuList", ft = i.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, ...o } = e, r = _(dt, n), a = /* @__PURE__ */ u(P.ul, { "data-orientation": r.orientation, ...o, ref: t });
+    return /* @__PURE__ */ u(P.div, { style: { position: "relative" }, ref: r.onIndicatorTrackChange, children: /* @__PURE__ */ u(Te.Slot, { scope: n, children: r.isRootMenu ? /* @__PURE__ */ u(bt, { asChild: !0, children: a }) : a }) });
+  }
+);
+ft.displayName = dt;
+var vt = "NavigationMenuItem", [Ln, mt] = Ie(vt), gt = i.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, value: o, ...r } = e, a = q(), c = o || a || "LEGACY_REACT_AUTO_VALUE", s = i.useRef(null), f = i.useRef(null), v = i.useRef(null), l = i.useRef(() => {
+    }), m = i.useRef(!1), p = i.useCallback((C = "start") => {
+      if (s.current) {
+        l.current();
+        const d = Ne(s.current);
+        d.length && Ae(C === "start" ? d : d.reverse());
+      }
+    }, []), y = i.useCallback(() => {
+      if (s.current) {
+        const C = Ne(s.current);
+        C.length && (l.current = Gn(C));
+      }
+    }, []);
+    return /* @__PURE__ */ u(
+      Ln,
+      {
+        scope: n,
+        value: c,
+        triggerRef: f,
+        contentRef: s,
+        focusProxyRef: v,
+        wasEscapeCloseRef: m,
+        onEntryKeyDown: p,
+        onFocusProxyEnter: p,
+        onRootContentClose: y,
+        onContentFocusOutside: y,
+        children: /* @__PURE__ */ u(P.li, { ...r, ref: t })
+      }
+    );
+  }
+);
+gt.displayName = vt;
+var Ce = "NavigationMenuTrigger", Fn = i.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: n, disabled: o, ...r } = e, a = _(Ce, e.__scopeNavigationMenu), c = mt(Ce, e.__scopeNavigationMenu), s = i.useRef(null), f = O(s, c.triggerRef, t), v = wt(a.baseId, c.value), l = Ct(a.baseId, c.value), m = i.useRef(!1), p = i.useRef(!1), y = c.value === a.value;
+  return /* @__PURE__ */ A(Z, { children: [
+    /* @__PURE__ */ u(Te.ItemSlot, { scope: n, value: c.value, children: /* @__PURE__ */ u(Et, { asChild: !0, children: /* @__PURE__ */ u(
+      P.button,
+      {
+        id: v,
+        disabled: o,
+        "data-disabled": o ? "" : void 0,
+        "data-state": _e(y),
+        "aria-expanded": y,
+        "aria-controls": l,
+        ...r,
+        ref: f,
+        onPointerEnter: x(e.onPointerEnter, () => {
+          p.current = !1, c.wasEscapeCloseRef.current = !1;
+        }),
+        onPointerMove: x(
+          e.onPointerMove,
+          se(() => {
+            o || p.current || c.wasEscapeCloseRef.current || m.current || (a.onTriggerEnter(c.value), m.current = !0);
+          })
+        ),
+        onPointerLeave: x(
+          e.onPointerLeave,
+          se(() => {
+            o || (a.onTriggerLeave(), m.current = !1);
+          })
+        ),
+        onClick: x(e.onClick, () => {
+          a.onItemSelect(c.value), p.current = y;
+        }),
+        onKeyDown: x(e.onKeyDown, (C) => {
+          const g = { horizontal: "ArrowDown", vertical: a.dir === "rtl" ? "ArrowLeft" : "ArrowRight" }[a.orientation];
+          y && C.key === g && (c.onEntryKeyDown(), C.preventDefault());
+        })
+      }
+    ) }) }),
+    y && /* @__PURE__ */ A(Z, { children: [
+      /* @__PURE__ */ u(
+        Pn,
+        {
+          "aria-hidden": !0,
+          tabIndex: 0,
+          ref: c.focusProxyRef,
+          onFocus: (C) => {
+            const d = c.contentRef.current, g = C.relatedTarget, E = g === s.current, N = d?.contains(g);
+            (E || !N) && c.onFocusProxyEnter(E ? "start" : "end");
+          }
+        }
+      ),
+      a.viewport && /* @__PURE__ */ u("span", { "aria-owns": l })
+    ] })
+  ] });
+});
+Fn.displayName = Ce;
+var Wn = "NavigationMenuLink", Be = "navigationMenu.linkSelect", pt = i.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, active: o, onSelect: r, ...a } = e;
+    return /* @__PURE__ */ u(Et, { asChild: !0, children: /* @__PURE__ */ u(
+      P.a,
+      {
+        "data-active": o ? "" : void 0,
+        "aria-current": o ? "page" : void 0,
+        ...a,
+        ref: t,
+        onClick: x(
+          e.onClick,
+          (c) => {
+            const s = c.target, f = new CustomEvent(Be, {
+              bubbles: !0,
+              cancelable: !0
+            });
+            if (s.addEventListener(Be, (v) => r?.(v), { once: !0 }), ye(s, f), !f.defaultPrevented && !c.metaKey) {
+              const v = new CustomEvent(oe, {
+                bubbles: !0,
+                cancelable: !0
+              });
+              ye(s, v);
+            }
+          },
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+pt.displayName = Wn;
+var Oe = "NavigationMenuIndicator", Vn = i.forwardRef((e, t) => {
+  const { forceMount: n, ...o } = e, r = _(Oe, e.__scopeNavigationMenu), a = !!r.value;
+  return r.indicatorTrack ? tt.createPortal(
+    /* @__PURE__ */ u(U, { present: n || a, children: /* @__PURE__ */ u(Kn, { ...o, ref: t }) }),
+    r.indicatorTrack
+  ) : null;
+});
+Vn.displayName = Oe;
+var Kn = i.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: n, ...o } = e, r = _(Oe, n), a = ct(n), [c, s] = i.useState(
+    null
+  ), [f, v] = i.useState(null), l = r.orientation === "horizontal", m = !!r.value;
+  i.useEffect(() => {
+    const C = a().find((d) => d.value === r.value)?.ref.current;
+    C && s(C);
+  }, [a, r.value]);
+  const p = () => {
+    c && v({
+      size: l ? c.offsetWidth : c.offsetHeight,
+      offset: l ? c.offsetLeft : c.offsetTop
+    });
+  };
+  return Re(c, p), Re(r.indicatorTrack, p), f ? /* @__PURE__ */ u(
+    P.div,
+    {
+      "aria-hidden": !0,
+      "data-state": m ? "visible" : "hidden",
+      "data-orientation": r.orientation,
+      ...o,
+      ref: t,
+      style: {
+        position: "absolute",
+        ...l ? {
+          left: 0,
+          width: f.size + "px",
+          transform: `translateX(${f.offset}px)`
+        } : {
+          top: 0,
+          height: f.size + "px",
+          transform: `translateY(${f.offset}px)`
+        },
+        ...o.style
+      }
+    }
+  ) : null;
+}), X = "NavigationMenuContent", Un = i.forwardRef((e, t) => {
+  const { forceMount: n, ...o } = e, r = _(X, e.__scopeNavigationMenu), a = mt(X, e.__scopeNavigationMenu), c = O(a.contentRef, t), s = a.value === r.value, f = {
+    value: a.value,
+    triggerRef: a.triggerRef,
+    focusProxyRef: a.focusProxyRef,
+    wasEscapeCloseRef: a.wasEscapeCloseRef,
+    onContentFocusOutside: a.onContentFocusOutside,
+    onRootContentClose: a.onRootContentClose,
+    ...o
+  };
+  return r.viewport ? /* @__PURE__ */ u(Bn, { forceMount: n, ...f, ref: c }) : /* @__PURE__ */ u(U, { present: n || s, children: /* @__PURE__ */ u(
+    ht,
+    {
+      "data-state": _e(s),
+      ...f,
+      ref: c,
+      onPointerEnter: x(e.onPointerEnter, r.onContentEnter),
+      onPointerLeave: x(
+        e.onPointerLeave,
+        se(r.onContentLeave)
+      ),
+      style: {
+        // Prevent interaction when animating out
+        pointerEvents: !s && r.isRootMenu ? "none" : void 0,
+        ...f.style
+      }
+    }
+  ) });
+});
+Un.displayName = X;
+var Bn = i.forwardRef((e, t) => {
+  const n = _(X, e.__scopeNavigationMenu), { onViewportContentChange: o, onViewportContentRemove: r } = n;
+  return K(() => {
+    o(e.value, {
+      ref: t,
+      ...e
+    });
+  }, [e, t, o]), K(() => () => r(e.value), [e.value, r]), null;
+}), oe = "navigationMenu.rootContentDismiss", ht = i.forwardRef((e, t) => {
+  const {
+    __scopeNavigationMenu: n,
+    value: o,
+    triggerRef: r,
+    focusProxyRef: a,
+    wasEscapeCloseRef: c,
+    onRootContentClose: s,
+    onContentFocusOutside: f,
+    ...v
+  } = e, l = _(X, n), m = i.useRef(null), p = O(m, t), y = wt(l.baseId, o), C = Ct(l.baseId, o), d = ct(n), g = i.useRef(null), { onItemDismiss: E } = l;
+  i.useEffect(() => {
+    const h = m.current;
+    if (l.isRootMenu && h) {
+      const b = () => {
+        E(), s(), h.contains(document.activeElement) && r.current?.focus();
+      };
+      return h.addEventListener(oe, b), () => h.removeEventListener(oe, b);
+    }
+  }, [l.isRootMenu, e.value, r, E, s]);
+  const N = i.useMemo(() => {
+    const b = d().map((I) => I.value);
+    l.dir === "rtl" && b.reverse();
+    const w = b.indexOf(l.value), R = b.indexOf(l.previousValue), S = o === l.value, T = R === b.indexOf(o);
+    if (!S && !T) return g.current;
+    const M = (() => {
+      if (w !== R) {
+        if (S && R !== -1) return w > R ? "from-end" : "from-start";
+        if (T && w !== -1) return w > R ? "to-start" : "to-end";
+      }
+      return null;
+    })();
+    return g.current = M, M;
+  }, [l.previousValue, l.value, l.dir, d, o]);
+  return /* @__PURE__ */ u(bt, { asChild: !0, children: /* @__PURE__ */ u(
+    Pe,
+    {
+      id: C,
+      "aria-labelledby": y,
+      "data-motion": N,
+      "data-orientation": l.orientation,
+      ...v,
+      ref: p,
+      disableOutsidePointerEvents: !1,
+      onDismiss: () => {
+        const h = new Event(oe, {
+          bubbles: !0,
+          cancelable: !0
+        });
+        m.current?.dispatchEvent(h);
+      },
+      onFocusOutside: x(e.onFocusOutside, (h) => {
+        f();
+        const b = h.target;
+        l.rootNavigationMenu?.contains(b) && h.preventDefault();
+      }),
+      onPointerDownOutside: x(e.onPointerDownOutside, (h) => {
+        const b = h.target, w = d().some((S) => S.ref.current?.contains(b)), R = l.isRootMenu && l.viewport?.contains(b);
+        (w || R || !l.isRootMenu) && h.preventDefault();
+      }),
+      onKeyDown: x(e.onKeyDown, (h) => {
+        const b = h.altKey || h.ctrlKey || h.metaKey;
+        if (h.key === "Tab" && !b) {
+          const R = Ne(h.currentTarget), S = document.activeElement, T = R.findIndex((W) => W === S), I = h.shiftKey ? R.slice(0, T).reverse() : R.slice(T + 1, R.length);
+          Ae(I) ? h.preventDefault() : a.current?.focus();
+        }
+      }),
+      onEscapeKeyDown: x(e.onEscapeKeyDown, (h) => {
+        c.current = !0;
+      })
+    }
+  ) });
+}), De = "NavigationMenuViewport", yt = i.forwardRef((e, t) => {
+  const { forceMount: n, ...o } = e, a = !!_(De, e.__scopeNavigationMenu).value;
+  return /* @__PURE__ */ u(U, { present: n || a, children: /* @__PURE__ */ u(zn, { ...o, ref: t }) });
+});
+yt.displayName = De;
+var zn = i.forwardRef((e, t) => {
+  const { __scopeNavigationMenu: n, children: o, ...r } = e, a = _(De, n), c = O(t, a.onViewportChange), s = _n(
+    X,
+    e.__scopeNavigationMenu
+  ), [f, v] = i.useState(null), [l, m] = i.useState(null), p = f ? f?.width + "px" : void 0, y = f ? f?.height + "px" : void 0, C = !!a.value, d = C ? a.value : a.previousValue;
+  return Re(l, () => {
+    l && v({ width: l.offsetWidth, height: l.offsetHeight });
+  }), /* @__PURE__ */ u(
+    P.div,
+    {
+      "data-state": _e(C),
+      "data-orientation": a.orientation,
+      ...r,
+      ref: c,
+      style: {
+        // Prevent interaction when animating out
+        pointerEvents: !C && a.isRootMenu ? "none" : void 0,
+        "--radix-navigation-menu-viewport-width": p,
+        "--radix-navigation-menu-viewport-height": y,
+        ...r.style
+      },
+      onPointerEnter: x(e.onPointerEnter, a.onContentEnter),
+      onPointerLeave: x(e.onPointerLeave, se(a.onContentLeave)),
+      children: Array.from(s.items).map(([E, { ref: N, forceMount: h, ...b }]) => {
+        const w = d === E;
+        return /* @__PURE__ */ u(U, { present: h || w, children: /* @__PURE__ */ u(
+          ht,
+          {
+            ...b,
+            ref: ot(N, (R) => {
+              w && R && m(R);
+            })
+          }
+        ) }, E);
+      })
+    }
+  );
+}), $n = "FocusGroup", bt = i.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, ...o } = e, r = _($n, n);
+    return /* @__PURE__ */ u(Ee.Provider, { scope: n, children: /* @__PURE__ */ u(Ee.Slot, { scope: n, children: /* @__PURE__ */ u(P.div, { dir: r.dir, ...o, ref: t }) }) });
+  }
+), ze = ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"], Hn = "FocusGroupItem", Et = i.forwardRef(
+  (e, t) => {
+    const { __scopeNavigationMenu: n, ...o } = e, r = In(n), a = _(Hn, n);
+    return /* @__PURE__ */ u(Ee.ItemSlot, { scope: n, children: /* @__PURE__ */ u(
+      P.button,
+      {
+        ...o,
+        ref: t,
+        onKeyDown: x(e.onKeyDown, (c) => {
+          if (["Home", "End", ...ze].includes(c.key)) {
+            let f = r().map((m) => m.ref.current);
+            if ([a.dir === "rtl" ? "ArrowRight" : "ArrowLeft", "ArrowUp", "End"].includes(c.key) && f.reverse(), ze.includes(c.key)) {
+              const m = f.indexOf(c.currentTarget);
+              f = f.slice(m + 1);
+            }
+            setTimeout(() => Ae(f)), c.preventDefault();
+          }
+        })
+      }
+    ) });
+  }
+);
+function Ne(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (o) => {
+      const r = o.tagName === "INPUT" && o.type === "hidden";
+      return o.disabled || o.hidden || r ? NodeFilter.FILTER_SKIP : o.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function Ae(e) {
+  const t = document.activeElement;
+  return e.some((n) => n === t ? !0 : (n.focus(), document.activeElement !== t));
+}
+function Gn(e) {
+  return e.forEach((t) => {
+    t.dataset.tabindex = t.getAttribute("tabindex") || "", t.setAttribute("tabindex", "-1");
+  }), () => {
+    e.forEach((t) => {
+      const n = t.dataset.tabindex;
+      t.setAttribute("tabindex", n);
+    });
+  };
+}
+function Re(e, t) {
+  const n = D(t);
+  K(() => {
+    let o = 0;
+    if (e) {
+      const r = new ResizeObserver(() => {
+        cancelAnimationFrame(o), o = window.requestAnimationFrame(n);
+      });
+      return r.observe(e), () => {
+        window.cancelAnimationFrame(o), r.unobserve(e);
+      };
+    }
+  }, [e, n]);
+}
+function _e(e) {
+  return e ? "open" : "closed";
+}
+function wt(e, t) {
+  return `${e}-trigger-${t}`;
+}
+function Ct(e, t) {
+  return `${e}-content-${t}`;
+}
+function se(e) {
+  return (t) => t.pointerType === "mouse" ? e(t) : void 0;
+}
+var jn = ut, Yn = ft, Xn = gt, qn = pt, Zn = yt;
+function Qn({
+  className: e,
+  children: t,
+  viewport: n = !0,
+  ...o
+}) {
+  return /* @__PURE__ */ A(
+    jn,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": n,
+      className: k(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        e
+      ),
+      ...o,
+      children: [
+        t,
+        n && /* @__PURE__ */ u(no, {})
+      ]
+    }
+  );
+}
+function Jn({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ u(
+    Yn,
+    {
+      "data-slot": "navigation-menu-list",
+      className: k(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function eo({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ u(
+    Xn,
+    {
+      "data-slot": "navigation-menu-item",
+      className: k("relative", e),
+      ...t
+    }
+  );
+}
+const to = et(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+);
+function no({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: k(
+        "absolute top-full left-0 isolate z-50 flex justify-center"
+      ),
+      children: /* @__PURE__ */ u(
+        Zn,
+        {
+          "data-slot": "navigation-menu-viewport",
+          className: k(
+            "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+            e
+          ),
+          ...t
+        }
+      )
+    }
+  );
+}
+function oo({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ u(
+    qn,
+    {
+      "data-slot": "navigation-menu-link",
+      className: k(
+        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...t
+    }
+  );
+}
+var de = "focusScope.autoFocusOnMount", fe = "focusScope.autoFocusOnUnmount", $e = { bubbles: !1, cancelable: !0 }, ro = "FocusScope", Nt = i.forwardRef((e, t) => {
+  const {
+    loop: n = !1,
+    trapped: o = !1,
+    onMountAutoFocus: r,
+    onUnmountAutoFocus: a,
+    ...c
+  } = e, [s, f] = i.useState(null), v = D(r), l = D(a), m = i.useRef(null), p = O(t, (d) => f(d)), y = i.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  i.useEffect(() => {
+    if (o) {
+      let d = function(h) {
+        if (y.paused || !s) return;
+        const b = h.target;
+        s.contains(b) ? m.current = b : V(m.current, { select: !0 });
+      }, g = function(h) {
+        if (y.paused || !s) return;
+        const b = h.relatedTarget;
+        b !== null && (s.contains(b) || V(m.current, { select: !0 }));
+      }, E = function(h) {
+        if (document.activeElement === document.body)
+          for (const w of h)
+            w.removedNodes.length > 0 && V(s);
+      };
+      document.addEventListener("focusin", d), document.addEventListener("focusout", g);
+      const N = new MutationObserver(E);
+      return s && N.observe(s, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", d), document.removeEventListener("focusout", g), N.disconnect();
+      };
+    }
+  }, [o, s, y.paused]), i.useEffect(() => {
+    if (s) {
+      Ge.add(y);
+      const d = document.activeElement;
+      if (!s.contains(d)) {
+        const E = new CustomEvent(de, $e);
+        s.addEventListener(de, v), s.dispatchEvent(E), E.defaultPrevented || (ao(lo(Rt(s)), { select: !0 }), document.activeElement === d && V(s));
+      }
+      return () => {
+        s.removeEventListener(de, v), setTimeout(() => {
+          const E = new CustomEvent(fe, $e);
+          s.addEventListener(fe, l), s.dispatchEvent(E), E.defaultPrevented || V(d ?? document.body, { select: !0 }), s.removeEventListener(fe, l), Ge.remove(y);
+        }, 0);
+      };
+    }
+  }, [s, v, l, y]);
+  const C = i.useCallback(
+    (d) => {
+      if (!n && !o || y.paused) return;
+      const g = d.key === "Tab" && !d.altKey && !d.ctrlKey && !d.metaKey, E = document.activeElement;
+      if (g && E) {
+        const N = d.currentTarget, [h, b] = io(N);
+        h && b ? !d.shiftKey && E === b ? (d.preventDefault(), n && V(h, { select: !0 })) : d.shiftKey && E === h && (d.preventDefault(), n && V(b, { select: !0 })) : E === N && d.preventDefault();
+      }
+    },
+    [n, o, y.paused]
+  );
+  return /* @__PURE__ */ u(P.div, { tabIndex: -1, ...c, ref: p, onKeyDown: C });
+});
+Nt.displayName = ro;
+function ao(e, { select: t = !1 } = {}) {
+  const n = document.activeElement;
+  for (const o of e)
+    if (V(o, { select: t }), document.activeElement !== n) return;
+}
+function io(e) {
+  const t = Rt(e), n = He(t, e), o = He(t.reverse(), e);
+  return [n, o];
+}
+function Rt(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (o) => {
+      const r = o.tagName === "INPUT" && o.type === "hidden";
+      return o.disabled || o.hidden || r ? NodeFilter.FILTER_SKIP : o.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function He(e, t) {
+  for (const n of e)
+    if (!so(n, { upTo: t })) return n;
+}
+function so(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function co(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function V(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== n && co(e) && t && e.select();
+  }
+}
+var Ge = uo();
+function uo() {
+  let e = [];
+  return {
+    add(t) {
+      const n = e[0];
+      t !== n && n?.pause(), e = je(e, t), e.unshift(t);
+    },
+    remove(t) {
+      e = je(e, t), e[0]?.resume();
+    }
+  };
+}
+function je(e, t) {
+  const n = [...e], o = n.indexOf(t);
+  return o !== -1 && n.splice(o, 1), n;
+}
+function lo(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+var fo = "Portal", St = i.forwardRef((e, t) => {
+  const { container: n, ...o } = e, [r, a] = i.useState(!1);
+  K(() => a(!0), []);
+  const c = n || r && globalThis?.document?.body;
+  return c ? tt.createPortal(/* @__PURE__ */ u(P.div, { ...o, ref: t }), c) : null;
+});
+St.displayName = fo;
+var ve = 0;
+function vo() {
+  i.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Ye()), document.body.insertAdjacentElement("beforeend", e[1] ?? Ye()), ve++, () => {
+      ve === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), ve--;
+    };
+  }, []);
+}
+function Ye() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+var F = function() {
+  return F = Object.assign || function(t) {
+    for (var n, o = 1, r = arguments.length; o < r; o++) {
+      n = arguments[o];
+      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+    }
+    return t;
+  }, F.apply(this, arguments);
+};
+function Mt(e, t) {
+  var n = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, o = Object.getOwnPropertySymbols(e); r < o.length; r++)
+      t.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (n[o[r]] = e[o[r]]);
+  return n;
+}
+function mo(e, t, n) {
+  if (n || arguments.length === 2) for (var o = 0, r = t.length, a; o < r; o++)
+    (a || !(o in t)) && (a || (a = Array.prototype.slice.call(t, 0, o)), a[o] = t[o]);
+  return e.concat(a || Array.prototype.slice.call(t));
+}
+var re = "right-scroll-bar-position", ae = "width-before-scroll-bar", go = "with-scroll-bars-hidden", po = "--removed-body-scroll-bar-size";
+function me(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
+}
+function ho(e, t) {
+  var n = Qt(function() {
+    return {
+      // value
+      value: e,
+      // last callback
+      callback: t,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return n.value;
+        },
+        set current(o) {
+          var r = n.value;
+          r !== o && (n.value = o, n.callback(o, r));
+        }
+      }
+    };
+  })[0];
+  return n.callback = t, n.facade;
+}
+var yo = typeof window < "u" ? i.useLayoutEffect : i.useEffect, Xe = /* @__PURE__ */ new WeakMap();
+function bo(e, t) {
+  var n = ho(null, function(o) {
+    return e.forEach(function(r) {
+      return me(r, o);
+    });
+  });
+  return yo(function() {
+    var o = Xe.get(n);
+    if (o) {
+      var r = new Set(o), a = new Set(e), c = n.current;
+      r.forEach(function(s) {
+        a.has(s) || me(s, null);
+      }), a.forEach(function(s) {
+        r.has(s) || me(s, c);
+      });
+    }
+    Xe.set(n, e);
+  }, [e]), n;
+}
+function Eo(e) {
+  return e;
+}
+function wo(e, t) {
+  t === void 0 && (t = Eo);
+  var n = [], o = !1, r = {
+    read: function() {
+      if (o)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return n.length ? n[n.length - 1] : e;
+    },
+    useMedium: function(a) {
+      var c = t(a, o);
+      return n.push(c), function() {
+        n = n.filter(function(s) {
+          return s !== c;
+        });
+      };
+    },
+    assignSyncMedium: function(a) {
+      for (o = !0; n.length; ) {
+        var c = n;
+        n = [], c.forEach(a);
+      }
+      n = {
+        push: function(s) {
+          return a(s);
+        },
+        filter: function() {
+          return n;
+        }
+      };
+    },
+    assignMedium: function(a) {
+      o = !0;
+      var c = [];
+      if (n.length) {
+        var s = n;
+        n = [], s.forEach(a), c = n;
+      }
+      var f = function() {
+        var l = c;
+        c = [], l.forEach(a);
+      }, v = function() {
+        return Promise.resolve().then(f);
+      };
+      v(), n = {
+        push: function(l) {
+          c.push(l), v();
+        },
+        filter: function(l) {
+          return c = c.filter(l), n;
+        }
+      };
+    }
+  };
+  return r;
+}
+function Co(e) {
+  e === void 0 && (e = {});
+  var t = wo(null);
+  return t.options = F({ async: !0, ssr: !1 }, e), t;
+}
+var xt = function(e) {
+  var t = e.sideCar, n = Mt(e, ["sideCar"]);
+  if (!t)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var o = t.read();
+  if (!o)
+    throw new Error("Sidecar medium not found");
+  return i.createElement(o, F({}, n));
+};
+xt.isSideCarExport = !0;
+function No(e, t) {
+  return e.useMedium(t), xt;
+}
+var Pt = Co(), ge = function() {
+}, ue = i.forwardRef(function(e, t) {
+  var n = i.useRef(null), o = i.useState({
+    onScrollCapture: ge,
+    onWheelCapture: ge,
+    onTouchMoveCapture: ge
+  }), r = o[0], a = o[1], c = e.forwardProps, s = e.children, f = e.className, v = e.removeScrollBar, l = e.enabled, m = e.shards, p = e.sideCar, y = e.noRelative, C = e.noIsolation, d = e.inert, g = e.allowPinchZoom, E = e.as, N = E === void 0 ? "div" : E, h = e.gapMode, b = Mt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), w = p, R = bo([n, t]), S = F(F({}, b), r);
+  return i.createElement(
+    i.Fragment,
+    null,
+    l && i.createElement(w, { sideCar: Pt, removeScrollBar: v, shards: m, noRelative: y, noIsolation: C, inert: d, setCallbacks: a, allowPinchZoom: !!g, lockRef: n, gapMode: h }),
+    c ? i.cloneElement(i.Children.only(s), F(F({}, S), { ref: R })) : i.createElement(N, F({}, S, { className: f, ref: R }), s)
+  );
+});
+ue.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+ue.classNames = {
+  fullWidth: ae,
+  zeroRight: re
+};
+var Ro = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+function So() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = Ro();
+  return t && e.setAttribute("nonce", t), e;
+}
+function Mo(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function xo(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
+}
+var Po = function() {
+  var e = 0, t = null;
+  return {
+    add: function(n) {
+      e == 0 && (t = So()) && (Mo(t, n), xo(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, To = function() {
+  var e = Po();
+  return function(t, n) {
+    i.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && n]);
+  };
+}, Tt = function() {
+  var e = To(), t = function(n) {
+    var o = n.styles, r = n.dynamic;
+    return e(o, r), null;
+  };
+  return t;
+}, Io = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, pe = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, Oo = function(e) {
+  var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], o = t[e === "padding" ? "paddingTop" : "marginTop"], r = t[e === "padding" ? "paddingRight" : "marginRight"];
+  return [pe(n), pe(o), pe(r)];
+}, Do = function(e) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return Io;
+  var t = Oo(e), n = document.documentElement.clientWidth, o = window.innerWidth;
+  return {
+    left: t[0],
+    top: t[1],
+    right: t[2],
+    gap: Math.max(0, o - n + t[2] - t[0])
+  };
+}, Ao = Tt(), Y = "data-scroll-locked", _o = function(e, t, n, o) {
+  var r = e.left, a = e.top, c = e.right, s = e.gap;
+  return n === void 0 && (n = "margin"), `
+  .`.concat(go, ` {
+   overflow: hidden `).concat(o, `;
+   padding-right: `).concat(s, "px ").concat(o, `;
+  }
+  body[`).concat(Y, `] {
+    overflow: hidden `).concat(o, `;
+    overscroll-behavior: contain;
+    `).concat([
+    t && "position: relative ".concat(o, ";"),
+    n === "margin" && `
+    padding-left: `.concat(r, `px;
+    padding-top: `).concat(a, `px;
+    padding-right: `).concat(c, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(s, "px ").concat(o, `;
+    `),
+    n === "padding" && "padding-right: ".concat(s, "px ").concat(o, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(re, ` {
+    right: `).concat(s, "px ").concat(o, `;
+  }
+  
+  .`).concat(ae, ` {
+    margin-right: `).concat(s, "px ").concat(o, `;
+  }
+  
+  .`).concat(re, " .").concat(re, ` {
+    right: 0 `).concat(o, `;
+  }
+  
+  .`).concat(ae, " .").concat(ae, ` {
+    margin-right: 0 `).concat(o, `;
+  }
+  
+  body[`).concat(Y, `] {
+    `).concat(po, ": ").concat(s, `px;
+  }
+`);
+}, qe = function() {
+  var e = parseInt(document.body.getAttribute(Y) || "0", 10);
+  return isFinite(e) ? e : 0;
+}, ko = function() {
+  i.useEffect(function() {
+    return document.body.setAttribute(Y, (qe() + 1).toString()), function() {
+      var e = qe() - 1;
+      e <= 0 ? document.body.removeAttribute(Y) : document.body.setAttribute(Y, e.toString());
+    };
+  }, []);
+}, Lo = function(e) {
+  var t = e.noRelative, n = e.noImportant, o = e.gapMode, r = o === void 0 ? "margin" : o;
+  ko();
+  var a = i.useMemo(function() {
+    return Do(r);
+  }, [r]);
+  return i.createElement(Ao, { styles: _o(a, !t, r, n ? "" : "!important") });
+}, Se = !1;
+if (typeof window < "u")
+  try {
+    var J = Object.defineProperty({}, "passive", {
+      get: function() {
+        return Se = !0, !0;
+      }
+    });
+    window.addEventListener("test", J, J), window.removeEventListener("test", J, J);
+  } catch {
+    Se = !1;
+  }
+var H = Se ? { passive: !1 } : !1, Fo = function(e) {
+  return e.tagName === "TEXTAREA";
+}, It = function(e, t) {
+  if (!(e instanceof Element))
+    return !1;
+  var n = window.getComputedStyle(e);
+  return (
+    // not-not-scrollable
+    n[t] !== "hidden" && // contains scroll inside self
+    !(n.overflowY === n.overflowX && !Fo(e) && n[t] === "visible")
+  );
+}, Wo = function(e) {
+  return It(e, "overflowY");
+}, Vo = function(e) {
+  return It(e, "overflowX");
+}, Ze = function(e, t) {
+  var n = t.ownerDocument, o = t;
+  do {
+    typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
+    var r = Ot(e, o);
+    if (r) {
+      var a = Dt(e, o), c = a[1], s = a[2];
+      if (c > s)
+        return !0;
+    }
+    o = o.parentNode;
+  } while (o && o !== n.body);
+  return !1;
+}, Ko = function(e) {
+  var t = e.scrollTop, n = e.scrollHeight, o = e.clientHeight;
+  return [
+    t,
+    n,
+    o
+  ];
+}, Uo = function(e) {
+  var t = e.scrollLeft, n = e.scrollWidth, o = e.clientWidth;
+  return [
+    t,
+    n,
+    o
+  ];
+}, Ot = function(e, t) {
+  return e === "v" ? Wo(t) : Vo(t);
+}, Dt = function(e, t) {
+  return e === "v" ? Ko(t) : Uo(t);
+}, Bo = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, zo = function(e, t, n, o, r) {
+  var a = Bo(e, window.getComputedStyle(t).direction), c = a * o, s = n.target, f = t.contains(s), v = !1, l = c > 0, m = 0, p = 0;
+  do {
+    if (!s)
+      break;
+    var y = Dt(e, s), C = y[0], d = y[1], g = y[2], E = d - g - a * C;
+    (C || E) && Ot(e, s) && (m += E, p += C);
+    var N = s.parentNode;
+    s = N && N.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? N.host : N;
+  } while (
+    // portaled content
+    !f && s !== document.body || // self content
+    f && (t.contains(s) || t === s)
+  );
+  return (l && Math.abs(m) < 1 || !l && Math.abs(p) < 1) && (v = !0), v;
+}, ee = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, Qe = function(e) {
+  return [e.deltaX, e.deltaY];
+}, Je = function(e) {
+  return e && "current" in e ? e.current : e;
+}, $o = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, Ho = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, Go = 0, G = [];
+function jo(e) {
+  var t = i.useRef([]), n = i.useRef([0, 0]), o = i.useRef(), r = i.useState(Go++)[0], a = i.useState(Tt)[0], c = i.useRef(e);
+  i.useEffect(function() {
+    c.current = e;
+  }, [e]), i.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(r));
+      var d = mo([e.lockRef.current], (e.shards || []).map(Je), !0).filter(Boolean);
+      return d.forEach(function(g) {
+        return g.classList.add("allow-interactivity-".concat(r));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(r)), d.forEach(function(g) {
+          return g.classList.remove("allow-interactivity-".concat(r));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var s = i.useCallback(function(d, g) {
+    if ("touches" in d && d.touches.length === 2 || d.type === "wheel" && d.ctrlKey)
+      return !c.current.allowPinchZoom;
+    var E = ee(d), N = n.current, h = "deltaX" in d ? d.deltaX : N[0] - E[0], b = "deltaY" in d ? d.deltaY : N[1] - E[1], w, R = d.target, S = Math.abs(h) > Math.abs(b) ? "h" : "v";
+    if ("touches" in d && S === "h" && R.type === "range")
+      return !1;
+    var T = window.getSelection(), M = T && T.anchorNode, I = M ? M === R || M.contains(R) : !1;
+    if (I)
+      return !1;
+    var W = Ze(S, R);
+    if (!W)
+      return !0;
+    if (W ? w = S : (w = S === "v" ? "h" : "v", W = Ze(S, R)), !W)
+      return !1;
+    if (!o.current && "changedTouches" in d && (h || b) && (o.current = w), !w)
+      return !0;
+    var We = o.current || w;
+    return zo(We, g, d, We === "h" ? h : b);
+  }, []), f = i.useCallback(function(d) {
+    var g = d;
+    if (!(!G.length || G[G.length - 1] !== a)) {
+      var E = "deltaY" in g ? Qe(g) : ee(g), N = t.current.filter(function(w) {
+        return w.name === g.type && (w.target === g.target || g.target === w.shadowParent) && $o(w.delta, E);
+      })[0];
+      if (N && N.should) {
+        g.cancelable && g.preventDefault();
+        return;
+      }
+      if (!N) {
+        var h = (c.current.shards || []).map(Je).filter(Boolean).filter(function(w) {
+          return w.contains(g.target);
+        }), b = h.length > 0 ? s(g, h[0]) : !c.current.noIsolation;
+        b && g.cancelable && g.preventDefault();
+      }
+    }
+  }, []), v = i.useCallback(function(d, g, E, N) {
+    var h = { name: d, delta: g, target: E, should: N, shadowParent: Yo(E) };
+    t.current.push(h), setTimeout(function() {
+      t.current = t.current.filter(function(b) {
+        return b !== h;
+      });
+    }, 1);
+  }, []), l = i.useCallback(function(d) {
+    n.current = ee(d), o.current = void 0;
+  }, []), m = i.useCallback(function(d) {
+    v(d.type, Qe(d), d.target, s(d, e.lockRef.current));
+  }, []), p = i.useCallback(function(d) {
+    v(d.type, ee(d), d.target, s(d, e.lockRef.current));
+  }, []);
+  i.useEffect(function() {
+    return G.push(a), e.setCallbacks({
+      onScrollCapture: m,
+      onWheelCapture: m,
+      onTouchMoveCapture: p
+    }), document.addEventListener("wheel", f, H), document.addEventListener("touchmove", f, H), document.addEventListener("touchstart", l, H), function() {
+      G = G.filter(function(d) {
+        return d !== a;
+      }), document.removeEventListener("wheel", f, H), document.removeEventListener("touchmove", f, H), document.removeEventListener("touchstart", l, H);
+    };
+  }, []);
+  var y = e.removeScrollBar, C = e.inert;
+  return i.createElement(
+    i.Fragment,
+    null,
+    C ? i.createElement(a, { styles: Ho(r) }) : null,
+    y ? i.createElement(Lo, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+  );
+}
+function Yo(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+const Xo = No(Pt, jo);
+var At = i.forwardRef(function(e, t) {
+  return i.createElement(ue, F({}, e, { ref: t, sideCar: Xo }));
+});
+At.classNames = ue.classNames;
+var qo = function(e) {
+  if (typeof document > "u")
+    return null;
+  var t = Array.isArray(e) ? e[0] : e;
+  return t.ownerDocument.body;
+}, j = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), ne = {}, he = 0, _t = function(e) {
+  return e && (e.host || _t(e.parentNode));
+}, Zo = function(e, t) {
+  return t.map(function(n) {
+    if (e.contains(n))
+      return n;
+    var o = _t(n);
+    return o && e.contains(o) ? o : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(n) {
+    return !!n;
+  });
+}, Qo = function(e, t, n, o) {
+  var r = Zo(t, Array.isArray(e) ? e : [e]);
+  ne[n] || (ne[n] = /* @__PURE__ */ new WeakMap());
+  var a = ne[n], c = [], s = /* @__PURE__ */ new Set(), f = new Set(r), v = function(m) {
+    !m || s.has(m) || (s.add(m), v(m.parentNode));
+  };
+  r.forEach(v);
+  var l = function(m) {
+    !m || f.has(m) || Array.prototype.forEach.call(m.children, function(p) {
+      if (s.has(p))
+        l(p);
+      else
+        try {
+          var y = p.getAttribute(o), C = y !== null && y !== "false", d = (j.get(p) || 0) + 1, g = (a.get(p) || 0) + 1;
+          j.set(p, d), a.set(p, g), c.push(p), d === 1 && C && te.set(p, !0), g === 1 && p.setAttribute(n, "true"), C || p.setAttribute(o, "true");
+        } catch (E) {
+          console.error("aria-hidden: cannot operate on ", p, E);
+        }
+    });
+  };
+  return l(t), s.clear(), he++, function() {
+    c.forEach(function(m) {
+      var p = j.get(m) - 1, y = a.get(m) - 1;
+      j.set(m, p), a.set(m, y), p || (te.has(m) || m.removeAttribute(o), te.delete(m)), y || m.removeAttribute(n);
+    }), he--, he || (j = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), ne = {});
+  };
+}, Jo = function(e, t, n) {
+  n === void 0 && (n = "data-aria-hidden");
+  var o = Array.from(Array.isArray(e) ? e : [e]), r = qo(e);
+  return r ? (o.push.apply(o, Array.from(r.querySelectorAll("[aria-live], script"))), Qo(o, r, n, "aria-hidden")) : function() {
+    return null;
+  };
+}, le = "Dialog", [kt] = Me(le), [er, L] = kt(le), Lt = (e) => {
+  const {
+    __scopeDialog: t,
+    children: n,
+    open: o,
+    defaultOpen: r,
+    onOpenChange: a,
+    modal: c = !0
+  } = e, s = i.useRef(null), f = i.useRef(null), [v, l] = xe({
+    prop: o,
+    defaultProp: r ?? !1,
+    onChange: a,
+    caller: le
+  });
+  return /* @__PURE__ */ u(
+    er,
+    {
+      scope: t,
+      triggerRef: s,
+      contentRef: f,
+      contentId: q(),
+      titleId: q(),
+      descriptionId: q(),
+      open: v,
+      onOpenChange: l,
+      onOpenToggle: i.useCallback(() => l((m) => !m), [l]),
+      modal: c,
+      children: n
+    }
+  );
+};
+Lt.displayName = le;
+var Ft = "DialogTrigger", Wt = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = L(Ft, n), a = O(t, r.triggerRef);
+    return /* @__PURE__ */ u(
+      P.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": Fe(r.open),
+        ...o,
+        ref: a,
+        onClick: x(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+Wt.displayName = Ft;
+var ke = "DialogPortal", [tr, Vt] = kt(ke, {
+  forceMount: void 0
+}), Kt = (e) => {
+  const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, a = L(ke, t);
+  return /* @__PURE__ */ u(tr, { scope: t, forceMount: n, children: i.Children.map(o, (c) => /* @__PURE__ */ u(U, { present: n || a.open, children: /* @__PURE__ */ u(St, { asChild: !0, container: r, children: c }) })) });
+};
+Kt.displayName = ke;
+var ce = "DialogOverlay", Ut = i.forwardRef(
+  (e, t) => {
+    const n = Vt(ce, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, a = L(ce, e.__scopeDialog);
+    return a.modal ? /* @__PURE__ */ u(U, { present: o || a.open, children: /* @__PURE__ */ u(or, { ...r, ref: t }) }) : null;
+  }
+);
+Ut.displayName = ce;
+var nr = ie("DialogOverlay.RemoveScroll"), or = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = L(ce, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ u(At, { as: nr, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ u(
+        P.div,
+        {
+          "data-state": Fe(r.open),
+          ...o,
+          ref: t,
+          style: { pointerEvents: "auto", ...o.style }
+        }
+      ) })
+    );
+  }
+), z = "DialogContent", Bt = i.forwardRef(
+  (e, t) => {
+    const n = Vt(z, e.__scopeDialog), { forceMount: o = n.forceMount, ...r } = e, a = L(z, e.__scopeDialog);
+    return /* @__PURE__ */ u(U, { present: o || a.open, children: a.modal ? /* @__PURE__ */ u(rr, { ...r, ref: t }) : /* @__PURE__ */ u(ar, { ...r, ref: t }) });
+  }
+);
+Bt.displayName = z;
+var rr = i.forwardRef(
+  (e, t) => {
+    const n = L(z, e.__scopeDialog), o = i.useRef(null), r = O(t, n.contentRef, o);
+    return i.useEffect(() => {
+      const a = o.current;
+      if (a) return Jo(a);
+    }, []), /* @__PURE__ */ u(
+      zt,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: x(e.onCloseAutoFocus, (a) => {
+          a.preventDefault(), n.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: x(e.onPointerDownOutside, (a) => {
+          const c = a.detail.originalEvent, s = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || s) && a.preventDefault();
+        }),
+        onFocusOutside: x(
+          e.onFocusOutside,
+          (a) => a.preventDefault()
+        )
+      }
+    );
+  }
+), ar = i.forwardRef(
+  (e, t) => {
+    const n = L(z, e.__scopeDialog), o = i.useRef(!1), r = i.useRef(!1);
+    return /* @__PURE__ */ u(
+      zt,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (a) => {
+          e.onCloseAutoFocus?.(a), a.defaultPrevented || (o.current || n.triggerRef.current?.focus(), a.preventDefault()), o.current = !1, r.current = !1;
+        },
+        onInteractOutside: (a) => {
+          e.onInteractOutside?.(a), a.defaultPrevented || (o.current = !0, a.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const c = a.target;
+          n.triggerRef.current?.contains(c) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
+        }
+      }
+    );
+  }
+), zt = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, trapFocus: o, onOpenAutoFocus: r, onCloseAutoFocus: a, ...c } = e, s = L(z, n), f = i.useRef(null), v = O(t, f);
+    return vo(), /* @__PURE__ */ A(Z, { children: [
+      /* @__PURE__ */ u(
+        Nt,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: o,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: a,
+          children: /* @__PURE__ */ u(
+            Pe,
+            {
+              role: "dialog",
+              id: s.contentId,
+              "aria-describedby": s.descriptionId,
+              "aria-labelledby": s.titleId,
+              "data-state": Fe(s.open),
+              ...c,
+              ref: v,
+              onDismiss: () => s.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ A(Z, { children: [
+        /* @__PURE__ */ u(cr, { titleId: s.titleId }),
+        /* @__PURE__ */ u(lr, { contentRef: f, descriptionId: s.descriptionId })
+      ] })
+    ] });
+  }
+), Le = "DialogTitle", ir = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = L(Le, n);
+    return /* @__PURE__ */ u(P.h2, { id: r.titleId, ...o, ref: t });
+  }
+);
+ir.displayName = Le;
+var $t = "DialogDescription", sr = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = L($t, n);
+    return /* @__PURE__ */ u(P.p, { id: r.descriptionId, ...o, ref: t });
+  }
+);
+sr.displayName = $t;
+var Ht = "DialogClose", Gt = i.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: n, ...o } = e, r = L(Ht, n);
+    return /* @__PURE__ */ u(
+      P.button,
+      {
+        type: "button",
+        ...o,
+        ref: t,
+        onClick: x(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+Gt.displayName = Ht;
+function Fe(e) {
+  return e ? "open" : "closed";
+}
+var jt = "DialogTitleWarning", [Or, Yt] = on(jt, {
+  contentName: z,
+  titleName: Le,
+  docsSlug: "dialog"
+}), cr = ({ titleId: e }) => {
+  const t = Yt(jt), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
+  return i.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, ur = "DialogDescriptionWarning", lr = ({ contentRef: e, descriptionId: t }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Yt(ur).contentName}}.`;
+  return i.useEffect(() => {
+    const r = e.current?.getAttribute("aria-describedby");
+    t && r && (document.getElementById(t) || console.warn(o));
+  }, [o, e, t]), null;
+}, dr = Lt, fr = Wt, vr = Kt, mr = Ut, gr = Bt, pr = Gt;
+function hr({ ...e }) {
+  return /* @__PURE__ */ u(dr, { "data-slot": "sheet", ...e });
+}
+function yr({
+  ...e
+}) {
+  return /* @__PURE__ */ u(fr, { "data-slot": "sheet-trigger", ...e });
+}
+function br({
+  ...e
+}) {
+  return /* @__PURE__ */ u(vr, { "data-slot": "sheet-portal", ...e });
+}
+function Er({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ u(
+    mr,
+    {
+      "data-slot": "sheet-overlay",
+      className: k(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function wr({
+  className: e,
+  children: t,
+  side: n = "right",
+  ...o
+}) {
+  return /* @__PURE__ */ A(br, { children: [
+    /* @__PURE__ */ u(Er, {}),
+    /* @__PURE__ */ A(
+      gr,
+      {
+        "data-slot": "sheet-content",
+        className: k(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          n === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          n === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          n === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          n === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          e
+        ),
+        ...o,
+        children: [
+          t,
+          /* @__PURE__ */ A(pr, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ u(en, { className: "size-4" }),
+            /* @__PURE__ */ u("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const Dr = ({
+  navItems: e,
+  LinkComponent: t = "a",
+  className: n,
+  ...o
+}) => /* @__PURE__ */ A("header", { className: k(n), ...o, children: [
+  /* @__PURE__ */ u("nav", { className: "hidden sm:flex sticky top-0 z-10 items-center px-4 h-14", children: /* @__PURE__ */ u(Qn, { children: /* @__PURE__ */ u(Jn, { children: e.map((r) => /* @__PURE__ */ u(eo, { children: /* @__PURE__ */ u(
+    oo,
+    {
+      asChild: !0,
+      className: to(),
+      children: /* @__PURE__ */ A(
+        t,
+        {
+          to: r.url,
+          className: "flex items-center gap-2",
+          children: [
+            r.icon && /* @__PURE__ */ u(r.icon, {}),
+            /* @__PURE__ */ u("span", { children: r.title })
+          ]
+        }
+      )
+    }
+  ) }, r.title)) }) }) }),
+  /* @__PURE__ */ u("nav", { className: "flex sm:hidden", children: /* @__PURE__ */ A(hr, { children: [
+    /* @__PURE__ */ u(yr, { asChild: !0, children: /* @__PURE__ */ u(nt, { variant: "ghost", size: "icon", children: /* @__PURE__ */ u(tn, {}) }) }),
+    /* @__PURE__ */ u(wr, { side: "top", className: "p-8", children: /* @__PURE__ */ u("div", { className: "flex flex-col gap-4", children: e.map((r) => /* @__PURE__ */ A(
+      t,
+      {
+        to: r.url,
+        className: "flex items-center gap-2",
+        children: [
+          r.icon && /* @__PURE__ */ u(r.icon, {}),
+          /* @__PURE__ */ u("span", { className: "text-base font-medium", children: r.title })
+        ]
+      },
+      r.title
+    )) }) })
+  ] }) })
+] });
 export {
-  k as CustomButton,
-  a as cn
+  Ir as CustomButton,
+  Dr as MainNav,
+  k as cn
 };
 //# sourceMappingURL=index.mjs.map