@reactfast/nav 0.2.2

package/dist/realfastnav.es.js

@@ -0,0 +1,2151 @@
+import * as o from "react";
+import C, { useState as G, useRef as ve, useEffect as He } from "react";
+import { PopoverGroup as Xe, Popover as J, PopoverButton as Q, PopoverPanel as q, Dialog as xe, DialogPanel as ge, Disclosure as er, DisclosureButton as P, Menu as Mr, MenuButton as Ar, MenuItems as Fr, MenuItem as me, DisclosurePanel as rr } from "@headlessui/react";
+import L from "next/link";
+var pe = { exports: {} }, U = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ue;
+function Lr() {
+  if (Ue) return U;
+  Ue = 1;
+  var t = C, l = Symbol.for("react.element"), s = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, d = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function x(b, v, _) {
+    var N, O = {}, n = null, y = null;
+    _ !== void 0 && (n = "" + _), v.key !== void 0 && (n = "" + v.key), v.ref !== void 0 && (y = v.ref);
+    for (N in v) c.call(v, N) && !f.hasOwnProperty(N) && (O[N] = v[N]);
+    if (b && b.defaultProps) for (N in v = b.defaultProps, v) O[N] === void 0 && (O[N] = v[N]);
+    return { $$typeof: l, type: b, key: n, ref: y, props: O, _owner: d.current };
+  }
+  return U.Fragment = s, U.jsx = x, U.jsxs = x, U;
+}
+var Z = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ze;
+function zr() {
+  return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = C, l = Symbol.for("react.element"), s = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), x = Symbol.for("react.provider"), b = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), N = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), n = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), T = Symbol.iterator, $ = "@@iterator";
+    function K(r) {
+      if (r === null || typeof r != "object")
+        return null;
+      var a = T && r[T] || r[$];
+      return typeof a == "function" ? a : null;
+    }
+    var M = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function k(r) {
+      {
+        for (var a = arguments.length, i = new Array(a > 1 ? a - 1 : 0), u = 1; u < a; u++)
+          i[u - 1] = arguments[u];
+        X("error", r, i);
+      }
+    }
+    function X(r, a, i) {
+      {
+        var u = M.ReactDebugCurrentFrame, g = u.getStackAddendum();
+        g !== "" && (a += "%s", i = i.concat([g]));
+        var p = i.map(function(m) {
+          return String(m);
+        });
+        p.unshift("Warning: " + a), Function.prototype.apply.call(console[r], console, p);
+      }
+    }
+    var A = !1, ne = !1, Y = !1, tr = !1, ar = !1, be;
+    be = Symbol.for("react.module.reference");
+    function sr(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === c || r === f || ar || r === d || r === _ || r === N || tr || r === y || A || ne || Y || typeof r == "object" && r !== null && (r.$$typeof === n || r.$$typeof === O || r.$$typeof === x || r.$$typeof === b || r.$$typeof === v || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      r.$$typeof === be || r.getModuleId !== void 0));
+    }
+    function nr(r, a, i) {
+      var u = r.displayName;
+      if (u)
+        return u;
+      var g = a.displayName || a.name || "";
+      return g !== "" ? i + "(" + g + ")" : i;
+    }
+    function je(r) {
+      return r.displayName || "Context";
+    }
+    function F(r) {
+      if (r == null)
+        return null;
+      if (typeof r.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+        return r.displayName || r.name || null;
+      if (typeof r == "string")
+        return r;
+      switch (r) {
+        case c:
+          return "Fragment";
+        case s:
+          return "Portal";
+        case f:
+          return "Profiler";
+        case d:
+          return "StrictMode";
+        case _:
+          return "Suspense";
+        case N:
+          return "SuspenseList";
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case b:
+            var a = r;
+            return je(a) + ".Consumer";
+          case x:
+            var i = r;
+            return je(i._context) + ".Provider";
+          case v:
+            return nr(r, r.render, "ForwardRef");
+          case O:
+            var u = r.displayName || null;
+            return u !== null ? u : F(r.type) || "Memo";
+          case n: {
+            var g = r, p = g._payload, m = g._init;
+            try {
+              return F(m(p));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var z = Object.assign, I = 0, we, ke, Ne, Ee, Re, Ce, _e;
+    function Oe() {
+    }
+    Oe.__reactDisabledLog = !0;
+    function ir() {
+      {
+        if (I === 0) {
+          we = console.log, ke = console.info, Ne = console.warn, Ee = console.error, Re = console.group, Ce = console.groupCollapsed, _e = console.groupEnd;
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            value: Oe,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: r,
+            log: r,
+            warn: r,
+            error: r,
+            group: r,
+            groupCollapsed: r,
+            groupEnd: r
+          });
+        }
+        I++;
+      }
+    }
+    function lr() {
+      {
+        if (I--, I === 0) {
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: z({}, r, {
+              value: we
+            }),
+            info: z({}, r, {
+              value: ke
+            }),
+            warn: z({}, r, {
+              value: Ne
+            }),
+            error: z({}, r, {
+              value: Ee
+            }),
+            group: z({}, r, {
+              value: Re
+            }),
+            groupCollapsed: z({}, r, {
+              value: Ce
+            }),
+            groupEnd: z({}, r, {
+              value: _e
+            })
+          });
+        }
+        I < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var ie = M.ReactCurrentDispatcher, le;
+    function ee(r, a, i) {
+      {
+        if (le === void 0)
+          try {
+            throw Error();
+          } catch (g) {
+            var u = g.stack.trim().match(/\n( *(at )?)/);
+            le = u && u[1] || "";
+          }
+        return `
+` + le + r;
+      }
+    }
+    var oe = !1, re;
+    {
+      var or = typeof WeakMap == "function" ? WeakMap : Map;
+      re = new or();
+    }
+    function Se(r, a) {
+      if (!r || oe)
+        return "";
+      {
+        var i = re.get(r);
+        if (i !== void 0)
+          return i;
+      }
+      var u;
+      oe = !0;
+      var g = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var p;
+      p = ie.current, ie.current = null, ir();
+      try {
+        if (a) {
+          var m = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(m.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(m, []);
+            } catch (R) {
+              u = R;
+            }
+            Reflect.construct(r, [], m);
+          } else {
+            try {
+              m.call();
+            } catch (R) {
+              u = R;
+            }
+            r.call(m.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (R) {
+            u = R;
+          }
+          r();
+        }
+      } catch (R) {
+        if (R && u && typeof R.stack == "string") {
+          for (var h = R.stack.split(`
+`), E = u.stack.split(`
+`), j = h.length - 1, w = E.length - 1; j >= 1 && w >= 0 && h[j] !== E[w]; )
+            w--;
+          for (; j >= 1 && w >= 0; j--, w--)
+            if (h[j] !== E[w]) {
+              if (j !== 1 || w !== 1)
+                do
+                  if (j--, w--, w < 0 || h[j] !== E[w]) {
+                    var S = `
+` + h[j].replace(" at new ", " at ");
+                    return r.displayName && S.includes("<anonymous>") && (S = S.replace("<anonymous>", r.displayName)), typeof r == "function" && re.set(r, S), S;
+                  }
+                while (j >= 1 && w >= 0);
+              break;
+            }
+        }
+      } finally {
+        oe = !1, ie.current = p, lr(), Error.prepareStackTrace = g;
+      }
+      var W = r ? r.displayName || r.name : "", D = W ? ee(W) : "";
+      return typeof r == "function" && re.set(r, D), D;
+    }
+    function dr(r, a, i) {
+      return Se(r, !1);
+    }
+    function cr(r) {
+      var a = r.prototype;
+      return !!(a && a.isReactComponent);
+    }
+    function te(r, a, i) {
+      if (r == null)
+        return "";
+      if (typeof r == "function")
+        return Se(r, cr(r));
+      if (typeof r == "string")
+        return ee(r);
+      switch (r) {
+        case _:
+          return ee("Suspense");
+        case N:
+          return ee("SuspenseList");
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case v:
+            return dr(r.render);
+          case O:
+            return te(r.type, a, i);
+          case n: {
+            var u = r, g = u._payload, p = u._init;
+            try {
+              return te(p(g), a, i);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var H = Object.prototype.hasOwnProperty, Te = {}, Pe = M.ReactDebugCurrentFrame;
+    function ae(r) {
+      if (r) {
+        var a = r._owner, i = te(r.type, r._source, a ? a.type : null);
+        Pe.setExtraStackFrame(i);
+      } else
+        Pe.setExtraStackFrame(null);
+    }
+    function ur(r, a, i, u, g) {
+      {
+        var p = Function.call.bind(H);
+        for (var m in r)
+          if (p(r, m)) {
+            var h = void 0;
+            try {
+              if (typeof r[m] != "function") {
+                var E = Error((u || "React class") + ": " + i + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw E.name = "Invariant Violation", E;
+              }
+              h = r[m](a, m, u, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (j) {
+              h = j;
+            }
+            h && !(h instanceof Error) && (ae(g), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", u || "React class", i, m, typeof h), ae(null)), h instanceof Error && !(h.message in Te) && (Te[h.message] = !0, ae(g), k("Failed %s type: %s", i, h.message), ae(null));
+          }
+      }
+    }
+    var hr = Array.isArray;
+    function de(r) {
+      return hr(r);
+    }
+    function fr(r) {
+      {
+        var a = typeof Symbol == "function" && Symbol.toStringTag, i = a && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return i;
+      }
+    }
+    function mr(r) {
+      try {
+        return Me(r), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Me(r) {
+      return "" + r;
+    }
+    function Ae(r) {
+      if (mr(r))
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", fr(r)), Me(r);
+    }
+    var Fe = M.ReactCurrentOwner, xr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Le, ze;
+    function gr(r) {
+      if (H.call(r, "ref")) {
+        var a = Object.getOwnPropertyDescriptor(r, "ref").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      return r.ref !== void 0;
+    }
+    function pr(r) {
+      if (H.call(r, "key")) {
+        var a = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      return r.key !== void 0;
+    }
+    function vr(r, a) {
+      typeof r.ref == "string" && Fe.current;
+    }
+    function yr(r, a) {
+      {
+        var i = function() {
+          Le || (Le = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+        };
+        i.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: i,
+          configurable: !0
+        });
+      }
+    }
+    function br(r, a) {
+      {
+        var i = function() {
+          ze || (ze = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+        };
+        i.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: i,
+          configurable: !0
+        });
+      }
+    }
+    var jr = function(r, a, i, u, g, p, m) {
+      var h = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: l,
+        // Built-in properties that belong on the element
+        type: r,
+        key: a,
+        ref: i,
+        props: m,
+        // Record the component responsible for creating this element.
+        _owner: p
+      };
+      return h._store = {}, Object.defineProperty(h._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(h, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: u
+      }), Object.defineProperty(h, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: g
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
+    };
+    function wr(r, a, i, u, g) {
+      {
+        var p, m = {}, h = null, E = null;
+        i !== void 0 && (Ae(i), h = "" + i), pr(a) && (Ae(a.key), h = "" + a.key), gr(a) && (E = a.ref, vr(a, g));
+        for (p in a)
+          H.call(a, p) && !xr.hasOwnProperty(p) && (m[p] = a[p]);
+        if (r && r.defaultProps) {
+          var j = r.defaultProps;
+          for (p in j)
+            m[p] === void 0 && (m[p] = j[p]);
+        }
+        if (h || E) {
+          var w = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          h && yr(m, w), E && br(m, w);
+        }
+        return jr(r, h, E, g, u, Fe.current, m);
+      }
+    }
+    var ce = M.ReactCurrentOwner, De = M.ReactDebugCurrentFrame;
+    function B(r) {
+      if (r) {
+        var a = r._owner, i = te(r.type, r._source, a ? a.type : null);
+        De.setExtraStackFrame(i);
+      } else
+        De.setExtraStackFrame(null);
+    }
+    var ue;
+    ue = !1;
+    function he(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === l;
+    }
+    function $e() {
+      {
+        if (ce.current) {
+          var r = F(ce.current.type);
+          if (r)
+            return `
+
+Check the render method of \`` + r + "`.";
+        }
+        return "";
+      }
+    }
+    function kr(r) {
+      return "";
+    }
+    var Be = {};
+    function Nr(r) {
+      {
+        var a = $e();
+        if (!a) {
+          var i = typeof r == "string" ? r : r.displayName || r.name;
+          i && (a = `
+
+Check the top-level render call using <` + i + ">.");
+        }
+        return a;
+      }
+    }
+    function We(r, a) {
+      {
+        if (!r._store || r._store.validated || r.key != null)
+          return;
+        r._store.validated = !0;
+        var i = Nr(a);
+        if (Be[i])
+          return;
+        Be[i] = !0;
+        var u = "";
+        r && r._owner && r._owner !== ce.current && (u = " It was passed a child from " + F(r._owner.type) + "."), B(r), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, u), B(null);
+      }
+    }
+    function Ve(r, a) {
+      {
+        if (typeof r != "object")
+          return;
+        if (de(r))
+          for (var i = 0; i < r.length; i++) {
+            var u = r[i];
+            he(u) && We(u, a);
+          }
+        else if (he(r))
+          r._store && (r._store.validated = !0);
+        else if (r) {
+          var g = K(r);
+          if (typeof g == "function" && g !== r.entries)
+            for (var p = g.call(r), m; !(m = p.next()).done; )
+              he(m.value) && We(m.value, a);
+        }
+      }
+    }
+    function Er(r) {
+      {
+        var a = r.type;
+        if (a == null || typeof a == "string")
+          return;
+        var i;
+        if (typeof a == "function")
+          i = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === v || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        a.$$typeof === O))
+          i = a.propTypes;
+        else
+          return;
+        if (i) {
+          var u = F(a);
+          ur(i, r.props, "prop", u, r);
+        } else if (a.PropTypes !== void 0 && !ue) {
+          ue = !0;
+          var g = F(a);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", g || "Unknown");
+        }
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Rr(r) {
+      {
+        for (var a = Object.keys(r.props), i = 0; i < a.length; i++) {
+          var u = a[i];
+          if (u !== "children" && u !== "key") {
+            B(r), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), B(null);
+            break;
+          }
+        }
+        r.ref !== null && (B(r), k("Invalid attribute `ref` supplied to `React.Fragment`."), B(null));
+      }
+    }
+    var Ye = {};
+    function Ie(r, a, i, u, g, p) {
+      {
+        var m = sr(r);
+        if (!m) {
+          var h = "";
+          (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (h += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var E = kr();
+          E ? h += E : h += $e();
+          var j;
+          r === null ? j = "null" : de(r) ? j = "array" : r !== void 0 && r.$$typeof === l ? (j = "<" + (F(r.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : j = typeof r, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, h);
+        }
+        var w = wr(r, a, i, g, p);
+        if (w == null)
+          return w;
+        if (m) {
+          var S = a.children;
+          if (S !== void 0)
+            if (u)
+              if (de(S)) {
+                for (var W = 0; W < S.length; W++)
+                  Ve(S[W], r);
+                Object.freeze && Object.freeze(S);
+              } else
+                k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Ve(S, r);
+        }
+        if (H.call(a, "key")) {
+          var D = F(r), R = Object.keys(a).filter(function(Pr) {
+            return Pr !== "key";
+          }), fe = R.length > 0 ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ye[D + fe]) {
+            var Tr = R.length > 0 ? "{" + R.join(": ..., ") + ": ...}" : "{}";
+            k(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, fe, D, Tr, D), Ye[D + fe] = !0;
+          }
+        }
+        return r === c ? Rr(w) : Er(w), w;
+      }
+    }
+    function Cr(r, a, i) {
+      return Ie(r, a, i, !0);
+    }
+    function _r(r, a, i) {
+      return Ie(r, a, i, !1);
+    }
+    var Or = _r, Sr = Cr;
+    Z.Fragment = c, Z.jsx = Or, Z.jsxs = Sr;
+  }()), Z;
+}
+process.env.NODE_ENV === "production" ? pe.exports = Lr() : pe.exports = zr();
+var e = pe.exports;
+function Dr({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
+  }));
+}
+const $r = /* @__PURE__ */ o.forwardRef(Dr);
+function Br({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
+  }));
+}
+const ye = /* @__PURE__ */ o.forwardRef(Br);
+function Wr({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
+  }));
+}
+const Ge = /* @__PURE__ */ o.forwardRef(Wr);
+function Vr({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M10.5 6a7.5 7.5 0 1 0 7.5 7.5h-7.5V6Z"
+  }), /* @__PURE__ */ o.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M13.5 10.5H21A7.5 7.5 0 0 0 13.5 3v7.5Z"
+  }));
+}
+const Yr = /* @__PURE__ */ o.forwardRef(Vr);
+function Ir({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672ZM12 2.25V4.5m5.834.166-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243-1.59-1.59"
+  }));
+}
+const Hr = /* @__PURE__ */ o.forwardRef(Ir);
+function Ur({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M7.864 4.243A7.5 7.5 0 0 1 19.5 10.5c0 2.92-.556 5.709-1.568 8.268M5.742 6.364A7.465 7.465 0 0 0 4.5 10.5a7.464 7.464 0 0 1-1.15 3.993m1.989 3.559A11.209 11.209 0 0 0 8.25 10.5a3.75 3.75 0 1 1 7.5 0c0 .527-.021 1.049-.064 1.565M12 10.5a14.94 14.94 0 0 1-3.6 9.75m6.633-4.596a18.666 18.666 0 0 1-2.485 5.33"
+  }));
+}
+const Zr = /* @__PURE__ */ o.forwardRef(Ur);
+function Gr({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
+  }));
+}
+const Je = /* @__PURE__ */ o.forwardRef(Gr);
+function Jr({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 0 0 2.25-2.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v2.25A2.25 2.25 0 0 0 6 10.5Zm0 9.75h2.25A2.25 2.25 0 0 0 10.5 18v-2.25a2.25 2.25 0 0 0-2.25-2.25H6a2.25 2.25 0 0 0-2.25 2.25V18A2.25 2.25 0 0 0 6 20.25Zm9.75-9.75H18a2.25 2.25 0 0 0 2.25-2.25V6A2.25 2.25 0 0 0 18 3.75h-2.25A2.25 2.25 0 0 0 13.5 6v2.25a2.25 2.25 0 0 0 2.25 2.25Z"
+  }));
+}
+const Qr = /* @__PURE__ */ o.forwardRef(Jr);
+function qr({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M6 18 18 6M6 6l12 12"
+  }));
+}
+const se = /* @__PURE__ */ o.forwardRef(qr);
+function Kr({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
+    clipRule: "evenodd"
+  }));
+}
+const V = /* @__PURE__ */ o.forwardRef(Kr);
+function Xr({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2 3.5A1.5 1.5 0 0 1 3.5 2h1.148a1.5 1.5 0 0 1 1.465 1.175l.716 3.223a1.5 1.5 0 0 1-1.052 1.767l-.933.267c-.41.117-.643.555-.48.95a11.542 11.542 0 0 0 6.254 6.254c.395.163.833-.07.95-.48l.267-.933a1.5 1.5 0 0 1 1.767-1.052l3.223.716A1.5 1.5 0 0 1 18 15.352V16.5a1.5 1.5 0 0 1-1.5 1.5H15c-1.149 0-2.263-.15-3.326-.43A13.022 13.022 0 0 1 2.43 8.326 13.019 13.019 0 0 1 2 5V3.5Z",
+    clipRule: "evenodd"
+  }));
+}
+const et = /* @__PURE__ */ o.forwardRef(Xr);
+function rt({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2 10a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm6.39-2.908a.75.75 0 0 1 .766.027l3.5 2.25a.75.75 0 0 1 0 1.262l-3.5 2.25A.75.75 0 0 1 8 12.25v-4.5a.75.75 0 0 1 .39-.658Z",
+    clipRule: "evenodd"
+  }));
+}
+const tt = /* @__PURE__ */ o.forwardRef(rt);
+function at({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    d: "M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z"
+  }));
+}
+const st = /* @__PURE__ */ o.forwardRef(at), Qe = [
+  {
+    name: "Analytics",
+    description: "Get a better understanding of your traffic",
+    href: "#",
+    icon: Yr
+  },
+  {
+    name: "Engagement",
+    description: "Speak directly to your customers",
+    href: "#",
+    icon: Hr
+  },
+  {
+    name: "Security",
+    description: "Your customers’ data will be safe and secure",
+    href: "#",
+    icon: Zr
+  },
+  {
+    name: "Integrations",
+    description: "Connect with third-party tools",
+    href: "#",
+    icon: Qr
+  },
+  {
+    name: "Automations",
+    description: "Build strategic funnels that will convert",
+    href: "#",
+    icon: $r
+  }
+], nt = [
+  { name: "Watch demo", href: "#", icon: tt },
+  { name: "Contact sales", href: "#", icon: et }
+], qe = [
+  {
+    name: "About us",
+    href: "#",
+    description: "Learn more about our company values and mission to empower others"
+  },
+  {
+    name: "Careers",
+    href: "#",
+    description: "Looking for you next career opportunity? See all of our open positions"
+  },
+  {
+    name: "Support",
+    href: "#",
+    description: "Get in touch with our dedicated support team or reach out on our community forums"
+  },
+  {
+    name: "Blog",
+    href: "#",
+    description: "Read our latest announcements and get perspectives from our team"
+  }
+];
+function ft() {
+  const [t, l] = G(!1);
+  return /* @__PURE__ */ e.jsxs("header", { className: "bg-white dark:bg-gray-900", children: [
+    /* @__PURE__ */ e.jsxs(
+      "nav",
+      {
+        "aria-label": "Global",
+        className: "mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8",
+        children: [
+          /* @__PURE__ */ e.jsx("div", { className: "flex lg:flex-1", children: /* @__PURE__ */ e.jsxs("a", { href: "#", className: "-m-1.5 p-1.5", children: [
+            /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your Company" }),
+            /* @__PURE__ */ e.jsx(
+              "img",
+              {
+                alt: "",
+                src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600",
+                className: "h-8 w-auto dark:hidden"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "img",
+              {
+                alt: "",
+                src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=500",
+                className: "hidden h-8 w-auto dark:block"
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "flex lg:hidden", children: /* @__PURE__ */ e.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => l(!0),
+              className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700 dark:text-gray-400",
+              children: [
+                /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open main menu" }),
+                /* @__PURE__ */ e.jsx(ye, { "aria-hidden": "true", className: "size-6" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e.jsxs(Xe, { className: "hidden lg:flex lg:gap-x-12", children: [
+            /* @__PURE__ */ e.jsxs(J, { className: "relative", children: [
+              /* @__PURE__ */ e.jsxs(Q, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900 dark:text-white", children: [
+                "Product",
+                /* @__PURE__ */ e.jsx(
+                  V,
+                  {
+                    "aria-hidden": "true",
+                    className: "size-5 flex-none text-gray-400 dark:text-gray-500"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e.jsxs(
+                q,
+                {
+                  transition: !0,
+                  className: "absolute left-1/2 z-10 mt-3 w-screen max-w-md -translate-x-1/2 overflow-hidden rounded-3xl bg-white shadow-lg outline outline-1 outline-gray-900/5 transition data-[closed]:translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in dark:bg-gray-800 dark:shadow-none dark:-outline-offset-1 dark:outline-white/10",
+                  children: [
+                    /* @__PURE__ */ e.jsx("div", { className: "p-4", children: Qe.map((s) => /* @__PURE__ */ e.jsxs(
+                      "div",
+                      {
+                        className: "group relative flex items-center gap-x-6 rounded-lg p-4 text-sm/6 hover:bg-gray-50 dark:hover:bg-white/5",
+                        children: [
+                          /* @__PURE__ */ e.jsx("div", { className: "flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white dark:bg-gray-700/50 dark:group-hover:bg-gray-700", children: /* @__PURE__ */ e.jsx(
+                            s.icon,
+                            {
+                              "aria-hidden": "true",
+                              className: "size-6 text-gray-600 group-hover:text-indigo-600 dark:text-gray-400 dark:group-hover:text-white"
+                            }
+                          ) }),
+                          /* @__PURE__ */ e.jsxs("div", { className: "flex-auto", children: [
+                            /* @__PURE__ */ e.jsxs(
+                              "a",
+                              {
+                                href: s.href,
+                                className: "block font-semibold text-gray-900 dark:text-white",
+                                children: [
+                                  s.name,
+                                  /* @__PURE__ */ e.jsx("span", { className: "absolute inset-0" })
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-gray-600 dark:text-gray-400", children: s.description })
+                          ] })
+                        ]
+                      },
+                      s.name
+                    )) }),
+                    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50 dark:divide-white/10 dark:bg-gray-700/50", children: nt.map((s) => /* @__PURE__ */ e.jsxs(
+                      "a",
+                      {
+                        href: s.href,
+                        className: "flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700/50",
+                        children: [
+                          /* @__PURE__ */ e.jsx(
+                            s.icon,
+                            {
+                              "aria-hidden": "true",
+                              className: "size-5 flex-none text-gray-400 dark:text-gray-500"
+                            }
+                          ),
+                          s.name
+                        ]
+                      },
+                      s.name
+                    )) })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsx(
+              "a",
+              {
+                href: "#",
+                className: "text-sm/6 font-semibold text-gray-900 dark:text-white",
+                children: "Features"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "a",
+              {
+                href: "#",
+                className: "text-sm/6 font-semibold text-gray-900 dark:text-white",
+                children: "Marketplace"
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(J, { className: "relative", children: [
+              /* @__PURE__ */ e.jsxs(Q, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900 dark:text-white", children: [
+                "Company",
+                /* @__PURE__ */ e.jsx(
+                  V,
+                  {
+                    "aria-hidden": "true",
+                    className: "size-5 flex-none text-gray-400 dark:text-gray-500"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e.jsx(
+                q,
+                {
+                  transition: !0,
+                  className: "absolute left-1/2 z-10 mt-3 w-96 -translate-x-1/2 rounded-3xl bg-white p-4 shadow-lg outline outline-1 outline-gray-900/5 transition data-[closed]:translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in dark:bg-gray-800 dark:-outline-offset-1 dark:outline-white/10",
+                  children: qe.map((s) => /* @__PURE__ */ e.jsxs(
+                    "div",
+                    {
+                      className: "relative rounded-lg p-4 hover:bg-gray-50 dark:hover:bg-white/5",
+                      children: [
+                        /* @__PURE__ */ e.jsxs(
+                          "a",
+                          {
+                            href: s.href,
+                            className: "block text-sm/6 font-semibold text-gray-900 dark:text-white",
+                            children: [
+                              s.name,
+                              /* @__PURE__ */ e.jsx("span", { className: "absolute inset-0" })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-sm/6 text-gray-600 dark:text-gray-400", children: s.description })
+                      ]
+                    },
+                    s.name
+                  ))
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end", children: /* @__PURE__ */ e.jsxs(
+            "a",
+            {
+              href: "#",
+              className: "text-sm/6 font-semibold text-gray-900 dark:text-white",
+              children: [
+                "Log in ",
+                /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: "→" })
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      xe,
+      {
+        open: t,
+        onClose: l,
+        className: "lg:hidden",
+        children: [
+          /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 z-10" }),
+          /* @__PURE__ */ e.jsxs(ge, { className: "fixed inset-y-0 right-0 z-10 flex w-full flex-col justify-between overflow-y-auto bg-white sm:max-w-sm sm:ring-1 sm:ring-gray-900/10 dark:bg-gray-900 dark:sm:ring-white/10", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "p-6", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ e.jsxs("a", { href: "#", className: "-m-1.5 p-1.5", children: [
+                  /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Your Company" }),
+                  /* @__PURE__ */ e.jsx(
+                    "img",
+                    {
+                      alt: "",
+                      src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600",
+                      className: "h-8 w-auto dark:hidden"
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    "img",
+                    {
+                      alt: "",
+                      src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=500",
+                      className: "hidden h-8 w-auto dark:block"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e.jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => l(!1),
+                    className: "-m-2.5 rounded-md p-2.5 text-gray-700 dark:text-gray-400",
+                    children: [
+                      /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close menu" }),
+                      /* @__PURE__ */ e.jsx(se, { "aria-hidden": "true", className: "size-6" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e.jsx("div", { className: "mt-6 flow-root", children: /* @__PURE__ */ e.jsxs("div", { className: "-my-6 divide-y divide-gray-500/10 dark:divide-white/10", children: [
+                /* @__PURE__ */ e.jsx("div", { className: "space-y-2 py-6", children: Qe.map((s) => /* @__PURE__ */ e.jsxs(
+                  "a",
+                  {
+                    href: s.href,
+                    className: "group -mx-3 flex items-center gap-x-6 rounded-lg p-3 text-base/7 font-semibold text-gray-900 hover:bg-gray-50 dark:text-white dark:hover:bg-white/5",
+                    children: [
+                      /* @__PURE__ */ e.jsx("div", { className: "flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white dark:bg-gray-800 dark:group-hover:bg-gray-700", children: /* @__PURE__ */ e.jsx(
+                        s.icon,
+                        {
+                          "aria-hidden": "true",
+                          className: "size-6 text-gray-600 group-hover:text-indigo-600 dark:text-gray-300 dark:group-hover:text-white"
+                        }
+                      ) }),
+                      s.name
+                    ]
+                  },
+                  s.name
+                )) }),
+                /* @__PURE__ */ e.jsxs("div", { className: "space-y-2 py-6", children: [
+                  /* @__PURE__ */ e.jsx(
+                    "a",
+                    {
+                      href: "#",
+                      className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50 dark:text-white dark:hover:bg-white/5",
+                      children: "Features"
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    "a",
+                    {
+                      href: "#",
+                      className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50 dark:text-white dark:hover:bg-white/5",
+                      children: "Marketplace"
+                    }
+                  ),
+                  qe.map((s) => /* @__PURE__ */ e.jsx(
+                    "a",
+                    {
+                      href: s.href,
+                      className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50 dark:text-white dark:hover:bg-white/5",
+                      children: s.name
+                    },
+                    s.name
+                  ))
+                ] }),
+                /* @__PURE__ */ e.jsx("div", { className: "py-6", children: /* @__PURE__ */ e.jsx(
+                  "a",
+                  {
+                    href: "#",
+                    className: "-mx-3 block rounded-lg px-3 py-2.5 text-base/7 font-semibold text-gray-900 hover:bg-gray-50 dark:text-white dark:hover:bg-white/5",
+                    children: "Log in"
+                  }
+                ) })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "sticky bottom-0 grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50 text-center dark:divide-white/5 dark:bg-gray-800/50", children: item.ctas.map((s) => /* @__PURE__ */ e.jsx(
+              "a",
+              {
+                href: s.href,
+                className: "p-3 text-base/7 font-semibold text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-800",
+                children: s.title
+              },
+              s.title
+            )) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function mt() {
+  return /* @__PURE__ */ e.jsxs(
+    er,
+    {
+      as: "nav",
+      className: "relative bg-white shadow dark:bg-gray-800/50 dark:shadow-none dark:after:pointer-events-none dark:after:absolute dark:after:inset-x-0 dark:after:bottom-0 dark:after:h-px dark:after:bg-white/10",
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ e.jsxs("div", { className: "flex h-16 justify-between", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "-ml-2 mr-2 flex items-center md:hidden", children: /* @__PURE__ */ e.jsxs(P, { className: "group relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-600 dark:hover:bg-white/5 dark:hover:text-white dark:focus:ring-white", children: [
+              /* @__PURE__ */ e.jsx("span", { className: "absolute -inset-0.5" }),
+              /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open main menu" }),
+              /* @__PURE__ */ e.jsx(ye, { "aria-hidden": "true", className: "block size-6 group-data-[open]:hidden" }),
+              /* @__PURE__ */ e.jsx(se, { "aria-hidden": "true", className: "hidden size-6 group-data-[open]:block" })
+            ] }) }),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex shrink-0 items-center", children: [
+              /* @__PURE__ */ e.jsx(
+                "img",
+                {
+                  alt: "Your Company",
+                  src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=600",
+                  className: "h-8 w-auto dark:hidden"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "img",
+                {
+                  alt: "Your Company",
+                  src: "https://tailwindcss.com/plus-assets/img/logos/mark.svg?color=indigo&shade=500",
+                  className: "hidden h-8 w-auto dark:block"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "hidden md:ml-6 md:flex md:space-x-8", children: [
+              /* @__PURE__ */ e.jsx(
+                "a",
+                {
+                  href: "#",
+                  className: "inline-flex items-center border-b-2 border-indigo-600 px-1 pt-1 text-sm font-medium text-gray-900 dark:border-indigo-500 dark:text-white",
+                  children: "Dashboard"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "a",
+                {
+                  href: "#",
+                  className: "inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-300 dark:hover:border-white/20 dark:hover:text-white",
+                  children: "Team"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "a",
+                {
+                  href: "#",
+                  className: "inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-300 dark:hover:border-white/20 dark:hover:text-white",
+                  children: "Projects"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "a",
+                {
+                  href: "#",
+                  className: "inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700 dark:text-gray-300 dark:hover:border-white/20 dark:hover:text-white",
+                  children: "Calendar"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsxs(
+              "button",
+              {
+                type: "button",
+                className: "relative inline-flex items-center gap-x-1.5 rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 dark:bg-indigo-500 dark:shadow-none dark:hover:bg-indigo-400 dark:focus-visible:outline-indigo-500",
+                children: [
+                  /* @__PURE__ */ e.jsx(st, { "aria-hidden": "true", className: "-ml-0.5 size-5" }),
+                  "New Job"
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e.jsxs("div", { className: "hidden md:ml-4 md:flex md:shrink-0 md:items-center", children: [
+              /* @__PURE__ */ e.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "relative rounded-full p-1 text-gray-400 hover:text-gray-500 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-indigo-600 dark:hover:text-white dark:focus:outline-indigo-500",
+                  children: [
+                    /* @__PURE__ */ e.jsx("span", { className: "absolute -inset-1.5" }),
+                    /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "View notifications" }),
+                    /* @__PURE__ */ e.jsx(Ge, { "aria-hidden": "true", className: "size-6" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e.jsxs(Mr, { as: "div", className: "relative ml-3", children: [
+                /* @__PURE__ */ e.jsxs(Ar, { className: "relative flex rounded-full focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 dark:focus-visible:outline-indigo-500", children: [
+                  /* @__PURE__ */ e.jsx("span", { className: "absolute -inset-1.5" }),
+                  /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open user menu" }),
+                  /* @__PURE__ */ e.jsx(
+                    "img",
+                    {
+                      alt: "",
+                      src: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
+                      className: "size-8 rounded-full bg-gray-100 outline outline-1 -outline-offset-1 outline-black/5 dark:bg-gray-800 dark:outline-white/10"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e.jsxs(
+                  Fr,
+                  {
+                    transition: !0,
+                    className: "absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white py-1 shadow-lg outline outline-1 outline-black/5 transition data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in dark:bg-gray-800 dark:shadow-none dark:-outline-offset-1 dark:outline-white/10",
+                    children: [
+                      /* @__PURE__ */ e.jsx(me, { children: /* @__PURE__ */ e.jsx(
+                        "a",
+                        {
+                          href: "#",
+                          className: "block px-4 py-2 text-sm text-gray-700 data-[focus]:bg-gray-100 data-[focus]:outline-none dark:text-gray-300 dark:data-[focus]:bg-white/5",
+                          children: "Your profile"
+                        }
+                      ) }),
+                      /* @__PURE__ */ e.jsx(me, { children: /* @__PURE__ */ e.jsx(
+                        "a",
+                        {
+                          href: "#",
+                          className: "block px-4 py-2 text-sm text-gray-700 data-[focus]:bg-gray-100 data-[focus]:outline-none dark:text-gray-300 dark:data-[focus]:bg-white/5",
+                          children: "Settings"
+                        }
+                      ) }),
+                      /* @__PURE__ */ e.jsx(me, { children: /* @__PURE__ */ e.jsx(
+                        "a",
+                        {
+                          href: "#",
+                          className: "block px-4 py-2 text-sm text-gray-700 data-[focus]:bg-gray-100 data-[focus]:outline-none dark:text-gray-300 dark:data-[focus]:bg-white/5",
+                          children: "Sign out"
+                        }
+                      ) })
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e.jsxs(rr, { className: "md:hidden", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "space-y-1 pb-3 pt-2", children: [
+            /* @__PURE__ */ e.jsx(
+              P,
+              {
+                as: "a",
+                href: "#",
+                className: "block border-l-4 border-indigo-600 bg-indigo-50 py-2 pl-3 pr-4 text-base font-medium text-indigo-700 sm:pl-5 sm:pr-6 dark:border-indigo-500 dark:bg-indigo-600/10 dark:text-indigo-400",
+                children: "Dashboard"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              P,
+              {
+                as: "a",
+                href: "#",
+                className: "block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800 sm:pl-5 sm:pr-6 dark:text-gray-300 dark:hover:border-white/20 dark:hover:bg-white/5 dark:hover:text-white",
+                children: "Team"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              P,
+              {
+                as: "a",
+                href: "#",
+                className: "block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800 sm:pl-5 sm:pr-6 dark:text-gray-300 dark:hover:border-white/20 dark:hover:bg-white/5 dark:hover:text-white",
+                children: "Projects"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              P,
+              {
+                as: "a",
+                href: "#",
+                className: "block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800 sm:pl-5 sm:pr-6 dark:text-gray-300 dark:hover:border-white/20 dark:hover:bg-white/5 dark:hover:text-white",
+                children: "Calendar"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "border-t border-gray-200 pb-3 pt-4 dark:border-white/10", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center px-4 sm:px-6", children: [
+              /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
+                "img",
+                {
+                  alt: "",
+                  src: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
+                  className: "size-10 rounded-full bg-gray-100 outline outline-1 -outline-offset-1 outline-black/5 dark:bg-gray-800 dark:outline-white/10"
+                }
+              ) }),
+              /* @__PURE__ */ e.jsxs("div", { className: "ml-3", children: [
+                /* @__PURE__ */ e.jsx("div", { className: "text-base font-medium text-gray-800 dark:text-white", children: "Tom Cook" }),
+                /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "tom@example.com" })
+              ] }),
+              /* @__PURE__ */ e.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "relative ml-auto shrink-0 rounded-full p-1 text-gray-400 hover:text-gray-500 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-indigo-600 dark:hover:text-white dark:focus:outline-indigo-500",
+                  children: [
+                    /* @__PURE__ */ e.jsx("span", { className: "absolute -inset-1.5" }),
+                    /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "View notifications" }),
+                    /* @__PURE__ */ e.jsx(Ge, { "aria-hidden": "true", className: "size-6" })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "mt-3 space-y-1", children: [
+              /* @__PURE__ */ e.jsx(
+                P,
+                {
+                  as: "a",
+                  href: "#",
+                  className: "block px-4 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-800 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-white",
+                  children: "Your profile"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                P,
+                {
+                  as: "a",
+                  href: "#",
+                  className: "block px-4 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-800 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-white",
+                  children: "Settings"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                P,
+                {
+                  as: "a",
+                  href: "#",
+                  className: "block px-4 py-2 text-base font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-800 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-white",
+                  children: "Sign out"
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function it({ item: t, onHover: l }) {
+  const s = ve(null);
+  return /* @__PURE__ */ e.jsx(J, { children: ({ open: c }) => /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "relative",
+      onMouseEnter: () => {
+        var d;
+        l && !c && ((d = s.current) == null || d.click());
+      },
+      onMouseLeave: () => {
+        var d;
+        l && c && ((d = s.current) == null || d.click());
+      },
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-1", children: [
+          t.useLink ? /* @__PURE__ */ e.jsx(L, { href: t.href, className: "text-sm/6 font-semibold text-gray-900 dark:text-white", children: t.title }) : /* @__PURE__ */ e.jsx("span", { className: "text-sm/6 font-semibold text-gray-900 dark:text-white", children: t.title }),
+          /* @__PURE__ */ e.jsx(
+            Q,
+            {
+              ref: s,
+              className: "inline-flex items-center p-1 text-gray-700 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white",
+              "aria-label": `Open ${t.title} menu`,
+              children: /* @__PURE__ */ e.jsx(V, { "aria-hidden": "true", className: "size-5 flex-none" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsxs(
+          q,
+          {
+            transition: !0,
+            className: "absolute left-1/2 z-10 mt-3 w-screen max-w-md -translate-x-1/2 overflow-hidden rounded-3xl bg-white shadow-lg outline outline-1 outline-gray-900/5 transition data-[closed]:translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in dark:bg-gray-800 dark:shadow-none dark:-outline-offset-1 dark:outline-white/10",
+            children: [
+              /* @__PURE__ */ e.jsx("div", { className: "p-4", children: t.subMenu.map((d) => /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  className: "group relative flex items-center gap-x-6 rounded-lg p-4 text-sm/6 hover:bg-gray-50 dark:hover:bg-white/5",
+                  children: [
+                    /* @__PURE__ */ e.jsx("div", { className: "flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white dark:bg-gray-700/50 dark:group-hover:bg-gray-700", children: (() => {
+                      const f = d.icon;
+                      if (!f) return null;
+                      if (C.isValidElement(f))
+                        return C.cloneElement(f, {
+                          className: "size-6 text-gray-600 group-hover:text-primary",
+                          "aria-hidden": !0
+                        });
+                      if (typeof f == "function") {
+                        const x = f;
+                        return /* @__PURE__ */ e.jsx(x, { "aria-hidden": !0, className: "size-6 text-gray-600 group-hover:text-primary" });
+                      }
+                      return null;
+                    })() }),
+                    /* @__PURE__ */ e.jsxs("div", { className: "flex-auto", children: [
+                      /* @__PURE__ */ e.jsxs(
+                        "a",
+                        {
+                          href: d.href,
+                          className: "block font-semibold text-gray-900 dark:text-white",
+                          children: [
+                            d.title,
+                            /* @__PURE__ */ e.jsx("span", { className: "absolute inset-0" })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-gray-600 dark:text-gray-400", children: d.description })
+                    ] })
+                  ]
+                },
+                d.title
+              )) }),
+              /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50 dark:divide-white/10 dark:bg-gray-700/50", children: t.ctas && t.ctas.map((d) => /* @__PURE__ */ e.jsxs(
+                "a",
+                {
+                  href: d.href,
+                  className: "flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700/50",
+                  children: [
+                    (() => {
+                      const f = d.icon;
+                      if (!f) return null;
+                      if (C.isValidElement(f))
+                        return C.cloneElement(f, {
+                          className: "size-5 flex-none text-gray-400",
+                          "aria-hidden": !0
+                        });
+                      if (typeof f == "function") {
+                        const x = f;
+                        return /* @__PURE__ */ e.jsx(x, { "aria-hidden": !0, className: "size-5 flex-none text-gray-400" });
+                      }
+                      return null;
+                    })(),
+                    d.title
+                  ]
+                },
+                d.title
+              )) })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+function lt({ item: t, onHover: l }) {
+  const s = ve(null);
+  return /* @__PURE__ */ e.jsx(J, { children: ({ open: c }) => /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      onMouseEnter: () => {
+        var d;
+        l && !c && ((d = s.current) == null || d.click());
+      },
+      onMouseLeave: () => {
+        var d;
+        l && c && ((d = s.current) == null || d.click());
+      },
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-1", children: [
+          t.useLink ? /* @__PURE__ */ e.jsx(L, { href: t.href, className: "text-sm/6 font-semibold text-gray-900", children: t.title }) : /* @__PURE__ */ e.jsx("span", { className: "text-sm/6 font-semibold text-gray-900", children: t.title }),
+          /* @__PURE__ */ e.jsx(
+            Q,
+            {
+              ref: s,
+              className: "inline-flex items-center p-1 text-gray-700 hover:text-gray-900",
+              "aria-label": `Open ${t.title} menu`,
+              children: /* @__PURE__ */ e.jsx(V, { "aria-hidden": "true", className: "size-5 flex-none" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsxs(
+          q,
+          {
+            transition: !0,
+            className: "absolute inset-x-0 top-0 -z-10 bg-white pt-14 shadow-lg ring-1 ring-gray-900/5 transition data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in",
+            children: [
+              /* @__PURE__ */ e.jsx("div", { className: "mx-auto grid max-w-7xl grid-cols-4 gap-x-4 px-6 py-10 lg:px-8 xl:gap-x-8", children: t.subMenu.map((d) => /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  className: "group relative rounded-lg p-6 text-sm/6 hover:bg-gray-50",
+                  children: [
+                    d.image ? /* @__PURE__ */ e.jsx("div", { className: "aspect-[4/3] w-full overflow-hidden rounded-md bg-gray-100", children: /* @__PURE__ */ e.jsx(
+                      "img",
+                      {
+                        alt: d.imageAlt || d.title,
+                        src: d.image,
+                        className: "h-full w-full object-cover transition-transform duration-200 group-hover:scale-105"
+                      }
+                    ) }) : /* @__PURE__ */ e.jsx("div", { className: "flex size-11 items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white", children: (() => {
+                      const f = d.icon;
+                      if (!f) return null;
+                      if (C.isValidElement(f))
+                        return C.cloneElement(f, {
+                          className: "size-6 text-gray-600 group-hover:text-primary",
+                          "aria-hidden": !0
+                        });
+                      if (typeof f == "function") {
+                        const x = f;
+                        return /* @__PURE__ */ e.jsx(x, { "aria-hidden": !0, className: "size-6 text-gray-600 group-hover:text-primary" });
+                      }
+                      return null;
+                    })() }),
+                    /* @__PURE__ */ e.jsxs(
+                      "a",
+                      {
+                        href: d.href,
+                        className: `${d.image ? "mt-4" : "mt-6"} block font-semibold text-gray-900`,
+                        children: [
+                          d.title,
+                          /* @__PURE__ */ e.jsx("span", { className: "absolute inset-0" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-gray-600", children: d.description })
+                  ]
+                },
+                d.title
+              )) }),
+              /* @__PURE__ */ e.jsx("div", { className: "bg-gray-50", children: t.ctas && /* @__PURE__ */ e.jsx("div", { className: "mx-auto max-w-7xl px-6 lg:px-8", children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3 divide-x divide-gray-900/5 border-x border-gray-900/5", children: t.ctas.map((d) => /* @__PURE__ */ e.jsxs(
+                "a",
+                {
+                  href: d.href,
+                  className: "flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 hover:bg-gray-100",
+                  children: [
+                    (() => {
+                      const f = d.icon;
+                      if (!f) return null;
+                      if (C.isValidElement(f))
+                        return C.cloneElement(f, {
+                          className: "size-5 flex-none text-gray-400",
+                          "aria-hidden": !0
+                        });
+                      if (typeof f == "function") {
+                        const x = f;
+                        return /* @__PURE__ */ e.jsx(x, { "aria-hidden": !0, className: "size-5 flex-none text-gray-400" });
+                      }
+                      return null;
+                    })(),
+                    d.title
+                  ]
+                },
+                d.title
+              )) }) }) })
+            ]
+          }
+        )
+      ]
+    }
+  ) }, t.id);
+}
+function ot({
+  title: t,
+  titleId: l,
+  ...s
+}, c) {
+  return /* @__PURE__ */ o.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: c,
+    "aria-labelledby": l
+  }, s), t ? /* @__PURE__ */ o.createElement("title", {
+    id: l
+  }, t) : null, /* @__PURE__ */ o.createElement("path", {
+    fillRule: "evenodd",
+    d: "M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z",
+    clipRule: "evenodd"
+  }));
+}
+const Ke = /* @__PURE__ */ o.forwardRef(ot);
+function dt({ item: t, onHover: l }) {
+  const s = ve(null);
+  return /* @__PURE__ */ e.jsx(J, { children: ({ open: c }) => {
+    var d, f;
+    return /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "relative",
+        onMouseEnter: () => {
+          var x;
+          l && !c && ((x = s.current) == null || x.click());
+        },
+        onMouseLeave: () => {
+          var x;
+          l && c && ((x = s.current) == null || x.click());
+        },
+        children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-1", children: [
+            t.useLink ? /* @__PURE__ */ e.jsx(L, { href: t.href, className: "text-sm/6 font-semibold text-gray-900", children: t.title }) : /* @__PURE__ */ e.jsx("span", { className: "text-sm/6 font-semibold text-gray-900", children: t.title }),
+            /* @__PURE__ */ e.jsx(
+              Q,
+              {
+                ref: s,
+                className: "inline-flex items-center p-1 text-gray-700 hover:text-gray-900",
+                "aria-label": `Open ${t.title} menu`,
+                children: /* @__PURE__ */ e.jsx(V, { "aria-hidden": "true", className: "size-5 flex-none" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            q,
+            {
+              transition: !0,
+              className: "absolute left-1/2 z-10 mt-3 w-72 -translate-x-1/2 overflow-hidden rounded-2xl bg-white p-2 shadow-lg ring-1 ring-gray-900/5 transition data-[closed]:translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in",
+              children: /* @__PURE__ */ e.jsxs("ul", { className: "space-y-1", children: [
+                (d = t.subMenu) == null ? void 0 : d.map((x) => /* @__PURE__ */ e.jsx("li", { className: "group", children: /* @__PURE__ */ e.jsxs(
+                  L,
+                  {
+                    href: x.href,
+                    className: "flex items-center rounded-md px-3 py-2 text-sm text-gray-400 transition-colors duration-300 group-hover:text-black",
+                    children: [
+                      (() => {
+                        const b = x.icon;
+                        if (!b) return /* @__PURE__ */ e.jsx(Ke, { className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary" });
+                        if (C.isValidElement(b))
+                          return C.cloneElement(b, {
+                            className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary",
+                            "aria-hidden": !0
+                          });
+                        if (typeof b == "function") {
+                          const v = b;
+                          return /* @__PURE__ */ e.jsx(v, { "aria-hidden": !0, className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary" });
+                        }
+                        return null;
+                      })(),
+                      /* @__PURE__ */ e.jsx("span", { children: x.title })
+                    ]
+                  }
+                ) }, x.title)),
+                (f = t.ctas) == null ? void 0 : f.map((x) => /* @__PURE__ */ e.jsx("li", { className: "group", children: /* @__PURE__ */ e.jsxs(
+                  "a",
+                  {
+                    href: x.href,
+                    className: "flex items-center rounded-md px-3 py-2 text-sm text-gray-400 transition-colors duration-300 group-hover:text-black",
+                    children: [
+                      (() => {
+                        const b = x.icon;
+                        if (!b) return /* @__PURE__ */ e.jsx(Ke, { className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary" });
+                        if (C.isValidElement(b))
+                          return C.cloneElement(b, {
+                            className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary",
+                            "aria-hidden": !0
+                          });
+                        if (typeof b == "function") {
+                          const v = b;
+                          return /* @__PURE__ */ e.jsx(v, { "aria-hidden": !0, className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary" });
+                        }
+                        return null;
+                      })(),
+                      /* @__PURE__ */ e.jsx("span", { children: x.title })
+                    ]
+                  }
+                ) }, x.title))
+              ] })
+            }
+          )
+        ]
+      }
+    );
+  } });
+}
+function xt({ config: t, onScrolledChange: l, scrollThreshold: s = 10, quickSearchResults: c = [] }) {
+  const [d, f] = G(!1), [x, b] = G(!1), [v, _] = G(!1), [N, O] = G("");
+  return He(() => {
+    typeof (t == null ? void 0 : t.onSearchOpenChange) == "function" && t.onSearchOpenChange(v), v || (O(""), typeof (t == null ? void 0 : t.onClearQuickResults) == "function" && t.onClearQuickResults());
+  }, [v]), He(() => {
+    const n = () => {
+      const y = window.scrollY > s;
+      b((T) => (T !== y && typeof l == "function" && l(y), y));
+    };
+    return n(), window.addEventListener("scroll", n, { passive: !0 }), () => window.removeEventListener("scroll", n);
+  }, [l, s]), /* @__PURE__ */ e.jsxs(
+    "header",
+    {
+      className: `${t != null && t.sticky ? "sticky top-0 z-50 bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/70" : "relative z-10"} isolate bg-white`,
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          "nav",
+          {
+            "aria-label": "Global",
+            className: "mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8",
+            children: [
+              /* @__PURE__ */ e.jsx("div", { className: "flex lg:flex-1", children: /* @__PURE__ */ e.jsx(L, { href: "/", "aria-label": t.logoAlt || "Home", children: t.logo ? /* @__PURE__ */ e.jsx(
+                "img",
+                {
+                  alt: t.logoAlt || "Logo",
+                  src: t.logo,
+                  className: `w-auto transition-all duration-300 ${x ? "h-8 md:h-14" : "h-12 md:h-20"}`
+                }
+              ) : /* @__PURE__ */ e.jsx("div", { className: `h-auto transition-all duration-300 ${x ? "w-28" : "w-32"}`, children: /* @__PURE__ */ e.jsx("h1", { className: `transition-all duration-300 ${x ? "text-xl" : "text-2xl"}`, children: t.fallbackText || "<@reactfast/nav>" }) }) }) }),
+              /* @__PURE__ */ e.jsx("div", { className: "flex lg:hidden", children: /* @__PURE__ */ e.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => f(!0),
+                  className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700",
+                  children: [
+                    /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Open main menu" }),
+                    /* @__PURE__ */ e.jsx(ye, { "aria-hidden": "true", className: "size-6" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(Xe, { className: "hidden lg:flex lg:gap-x-12", children: t.menuItems.map((n) => {
+                const y = n.type || (n.full ? "full" : "default");
+                return n.subMenu ? y === "full" ? /* @__PURE__ */ e.jsx(lt, { item: n, onHover: n.onHover }, n.id || n.title) : y === "simple" ? /* @__PURE__ */ e.jsx(dt, { item: n, onHover: n.onHover }, n.id || n.title) : /* @__PURE__ */ e.jsx(it, { item: n, onHover: n.onHover }, n.id || n.title) : n.useLink ? /* @__PURE__ */ e.jsx(
+                  L,
+                  {
+                    href: n.href,
+                    className: "text-sm/6 font-semibold text-gray-900",
+                    children: n.title
+                  },
+                  n.id
+                ) : /* @__PURE__ */ e.jsx(
+                  "a",
+                  {
+                    href: n.href,
+                    className: "text-sm/6 font-semibold text-gray-900",
+                    children: n.title
+                  },
+                  n.id
+                );
+              }) }),
+              /* @__PURE__ */ e.jsxs("div", { className: "hidden gap-4 lg:flex lg:flex-1 lg:justify-end", children: [
+                t.search && /* @__PURE__ */ e.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => _(!0),
+                    className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700 hover:bg-gray-100",
+                    "aria-label": "Open search",
+                    children: /* @__PURE__ */ e.jsx(Je, { "aria-hidden": "true", className: "size-6" })
+                  }
+                ),
+                t.login && /* @__PURE__ */ e.jsxs(
+                  "a",
+                  {
+                    href: t.loginHref,
+                    className: "text-sm/6 font-semibold text-gray-900",
+                    children: [
+                      "Log in ",
+                      /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: "→" })
+                    ]
+                  }
+                ),
+                t.cta && /* @__PURE__ */ e.jsx(
+                  "a",
+                  {
+                    href: t.ctaBtnHref,
+                    className: "rounded-md bg-gray-900 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900",
+                    children: t.ctaTitle || "Sign up"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(xe, { open: v, onClose: _, children: [
+          /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 z-50 bg-black/30" }),
+          /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ e.jsxs(ge, { className: "w-full max-w-lg rounded-lg bg-white p-6 shadow-lg ring-1 ring-gray-900/10", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between pb-2", children: [
+              /* @__PURE__ */ e.jsx("h2", { className: "text-base font-semibold text-gray-900", children: "Search" }),
+              /* @__PURE__ */ e.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => _(!1),
+                  className: "-m-2.5 rounded-md p-2.5 text-gray-700 hover:bg-gray-100",
+                  "aria-label": "Close search",
+                  children: /* @__PURE__ */ e.jsx(se, { "aria-hidden": "true", className: "size-5" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs(
+              "form",
+              {
+                className: "mt-2",
+                onSubmit: (n) => {
+                  n.preventDefault(), typeof (t == null ? void 0 : t.onSearch) == "function" && t.onSearch(N), _(!1);
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx("label", { htmlFor: "site-search", className: "sr-only", children: "Search" }),
+                  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e.jsx(
+                      "input",
+                      {
+                        id: "site-search",
+                        type: "search",
+                        placeholder: "Search...",
+                        autoFocus: !0,
+                        value: N,
+                        onChange: (n) => {
+                          const y = n.target.value;
+                          O(y), typeof (t == null ? void 0 : t.onSearchChange) == "function" && t.onSearchChange(y);
+                        },
+                        className: "w-full rounded-md border border-gray-300 px-3 py-2 text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-gray-900 focus:outline-none focus:ring-2 focus:ring-gray-900"
+                      }
+                    ),
+                    /* @__PURE__ */ e.jsx(
+                      "button",
+                      {
+                        type: "submit",
+                        className: "rounded-md bg-gray-900 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900",
+                        children: "Search"
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            Array.isArray(c) && c.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "mt-4 divide-y divide-gray-200", children: c.map((n, y) => {
+              if (!n || typeof n != "object") return null;
+              const T = n.title || n.q || n.name || "Result", $ = n.desc || n.description || n.summary || n.a || "", K = typeof (t == null ? void 0 : t.searchTitleMax) == "number" ? t.searchTitleMax : 60, M = typeof (t == null ? void 0 : t.searchDescMax) == "number" ? t.searchDescMax : 100, k = typeof T == "string" && T.length > K ? `${T.slice(0, K - 1)}…` : T, X = typeof $ == "string" && $.length > M ? `${$.slice(0, M - 1)}…` : $, A = typeof n.link == "string" ? n.link : void 0, ne = typeof A == "string" && A.startsWith("/"), Y = /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3 py-3", children: [
+                n != null && n.icon ? /* @__PURE__ */ e.jsx("div", { className: "mt-0.5 h-6 w-6 text-gray-500", children: n.icon }) : n != null && n.image ? /* @__PURE__ */ e.jsx("img", { src: n.image, alt: T, className: "mt-0.5 h-6 w-6 rounded object-cover" }) : /* @__PURE__ */ e.jsx(Je, { "aria-hidden": "true", className: "mt-0.5 size-6 text-gray-400" }),
+                /* @__PURE__ */ e.jsxs("div", { children: [
+                  /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-gray-900 truncate", children: k }),
+                  X ? /* @__PURE__ */ e.jsx("div", { className: "text-sm text-gray-500 truncate", children: X }) : null
+                ] })
+              ] });
+              return A ? ne ? /* @__PURE__ */ e.jsx(
+                "a",
+                {
+                  href: A,
+                  className: "block hover:bg-gray-50",
+                  onClick: () => {
+                    typeof (t == null ? void 0 : t.onBeginNavigate) == "function" && t.onBeginNavigate(), typeof (t == null ? void 0 : t.onClearQuickResults) == "function" && t.onClearQuickResults(), _(!1);
+                  },
+                  children: Y
+                },
+                A || y
+              ) : /* @__PURE__ */ e.jsx(
+                "a",
+                {
+                  href: A,
+                  className: "block hover:bg-gray-50",
+                  onClick: () => {
+                    typeof (t == null ? void 0 : t.onBeginNavigate) == "function" && t.onBeginNavigate(), typeof (t == null ? void 0 : t.onClearQuickResults) == "function" && t.onClearQuickResults(), _(!1);
+                  },
+                  children: Y
+                },
+                A || y
+              ) : /* @__PURE__ */ e.jsx("div", { className: "block hover:bg-gray-50", children: Y }, y);
+            }) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ e.jsxs(
+          xe,
+          {
+            open: d,
+            onClose: f,
+            className: "lg:hidden",
+            children: [
+              /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 z-50" }),
+              /* @__PURE__ */ e.jsxs(ge, { className: "fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white p-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10", children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ e.jsx(
+                    L,
+                    {
+                      href: "/",
+                      className: "-m-1.5 p-1.5",
+                      "aria-label": t.logoAlt || "Home",
+                      children: t.logo ? /* @__PURE__ */ e.jsx(
+                        "img",
+                        {
+                          alt: t.logoAlt || "Logo",
+                          src: t.logo,
+                          className: "h-8 w-auto"
+                        }
+                      ) : /* @__PURE__ */ e.jsx("span", { className: "text-lg font-semibold", children: t.fallbackText || "NEXGEN Roofing Systems" })
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => f(!1),
+                      className: "-m-2.5 rounded-md p-2.5 text-gray-700",
+                      children: [
+                        /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close menu" }),
+                        /* @__PURE__ */ e.jsx(se, { "aria-hidden": "true", className: "size-6" })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e.jsx("div", { className: "mt-6 flow-root", children: /* @__PURE__ */ e.jsxs("div", { className: "-my-6 divide-y divide-gray-500/10", children: [
+                  /* @__PURE__ */ e.jsx("div", { className: "space-y-2 py-6", children: t.menuItems.map(
+                    (n) => n.subMenu ? /* @__PURE__ */ e.jsxs(er, { as: "div", className: "-mx-3", children: [
+                      /* @__PURE__ */ e.jsxs(P, { className: "group flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base/7 font-semibold text-gray-900 hover:bg-gray-50", children: [
+                        n.title,
+                        /* @__PURE__ */ e.jsx(
+                          V,
+                          {
+                            "aria-hidden": "true",
+                            className: "size-5 flex-none group-data-[open]:rotate-180"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ e.jsx(rr, { className: "mt-2 space-y-2", children: [...n.subMenu, ...n.ctas || []].map(
+                        (y) => /* @__PURE__ */ e.jsx(
+                          P,
+                          {
+                            as: "a",
+                            href: y.href,
+                            className: "block rounded-lg py-2 pl-6 pr-3 text-sm/7 font-semibold text-gray-900 hover:bg-gray-50",
+                            children: y.title
+                          },
+                          y.title
+                        )
+                      ) })
+                    ] }, n.id) : n.useLink ? /* @__PURE__ */ e.jsx(
+                      L,
+                      {
+                        href: n.href,
+                        className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50",
+                        children: n.title
+                      },
+                      n.id
+                    ) : /* @__PURE__ */ e.jsx(
+                      "a",
+                      {
+                        href: n.href,
+                        className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50",
+                        children: n.title
+                      },
+                      n.id
+                    )
+                  ) }),
+                  /* @__PURE__ */ e.jsxs("div", { className: "space-y-2 py-6", children: [
+                    t.login && /* @__PURE__ */ e.jsxs(
+                      "a",
+                      {
+                        href: t.loginHref,
+                        className: "-mx-3 block rounded-lg px-3 py-2.5 text-base/7 font-semibold text-gray-900 hover:bg-gray-50",
+                        children: [
+                          "Log in ",
+                          /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: "→" })
+                        ]
+                      }
+                    ),
+                    t.cta && /* @__PURE__ */ e.jsx(
+                      "a",
+                      {
+                        href: t.ctaBtnHref,
+                        className: "-mx-3 block rounded-lg bg-gray-900 px-3 py-2.5 text-base/7 font-semibold text-white hover:bg-gray-800",
+                        children: t.ctaTitle || "Sign up"
+                      }
+                    )
+                  ] })
+                ] }) })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  xt as FastNav,
+  mt as SimpleLight,
+  ft as WithFlyout
+};