@aiquants/menu-bar 1.23.0 → 1.25.0

package/dist/index.es.js

@@ -1,277 +1,277 @@
-import Ae, { forwardRef as we, createElement as oe, useCallback as _, useSyncExternalStore as Re, useMemo as ue, useState as X, useRef as L, useEffect as F, useLayoutEffect as ye } from "react";
-import { useLocation as Ie, Link as Ne } from "react-router-dom";
-var J = { exports: {} }, V = {};
-var de;
-function Oe() {
-  if (de) return V;
-  de = 1;
-  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
-  function a(s, l, o) {
-    var u = null;
-    if (o !== void 0 && (u = "" + o), l.key !== void 0 && (u = "" + l.key), "key" in l) {
-      o = {};
-      for (var d in l)
-        d !== "key" && (o[d] = l[d]);
-    } else o = l;
-    return l = o.ref, {
-      $$typeof: t,
+import We, { forwardRef as Oe, createElement as be, useCallback as _, useSyncExternalStore as xe, useMemo as U, useState as le, useRef as C, useEffect as ee, useLayoutEffect as Ie, useId as Ue } from "react";
+import { useLocation as Ge, Link as ye } from "react-router-dom";
+var oe = { exports: {} }, Q = {};
+var ke;
+function Je() {
+  if (ke) return Q;
+  ke = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function a(s, o, i) {
+    var c = null;
+    if (i !== void 0 && (c = "" + i), o.key !== void 0 && (c = "" + o.key), "key" in o) {
+      i = {};
+      for (var d in o)
+        d !== "key" && (i[d] = o[d]);
+    } else i = o;
+    return o = i.ref, {
+      $$typeof: e,
       type: s,
-      key: u,
-      ref: l !== void 0 ? l : null,
-      props: o
+      key: c,
+      ref: o !== void 0 ? o : null,
+      props: i
     };
   }
-  return V.Fragment = n, V.jsx = a, V.jsxs = a, V;
+  return Q.Fragment = t, Q.jsx = a, Q.jsxs = a, Q;
 }
-var W = {};
-var fe;
-function qe() {
-  return fe || (fe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === U ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case c:
+var K = {};
+var Ne;
+function Ze() {
+  return Ne || (Ne = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(n) {
+      if (n == null) return null;
+      if (typeof n == "function")
+        return n.$$typeof === M ? null : n.displayName || n.name || null;
+      if (typeof n == "string") return n;
+      switch (n) {
+        case u:
           return "Fragment";
-        case S:
+        case P:
           return "Profiler";
-        case p:
+        case v:
           return "StrictMode";
-        case D:
+        case z:
           return "Suspense";
-        case Q:
+        case G:
           return "SuspenseList";
-        case H:
+        case Z:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof n == "object")
+        switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case R:
+        ), n.$$typeof) {
+          case L:
             return "Portal";
-          case T:
-            return e.displayName || "Context";
-          case k:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case I:
-            var i = e.render;
-            return e = e.displayName, e || (e = i.displayName || i.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case K:
-            return i = e.displayName || null, i !== null ? i : t(e.type) || "Memo";
-          case z:
-            i = e._payload, e = e._init;
+          case te:
+            return n.displayName || "Context";
+          case me:
+            return (n._context.displayName || "Context") + ".Consumer";
+          case R:
+            var l = n.render;
+            return n = n.displayName, n || (n = l.displayName || l.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case J:
+            return l = n.displayName || null, l !== null ? l : e(n.type) || "Memo";
+          case D:
+            l = n._payload, n = n._init;
             try {
-              return t(e(i));
+              return e(n(l));
             } catch {
             }
         }
       return null;
     }
-    function n(e) {
-      return "" + e;
+    function t(n) {
+      return "" + n;
     }
-    function a(e) {
+    function a(n) {
       try {
-        n(e);
-        var i = !1;
+        t(n);
+        var l = !1;
       } catch {
-        i = !0;
+        l = !0;
       }
-      if (i) {
-        i = console;
-        var f = i.error, b = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return f.call(
-          i,
+      if (l) {
+        l = console;
+        var m = l.error, f = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return m.call(
+          l,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          b
-        ), n(e);
+          f
+        ), t(n);
       }
     }
-    function s(e) {
-      if (e === c) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === z)
+    function s(n) {
+      if (n === u) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === D)
         return "<...>";
       try {
-        var i = t(e);
-        return i ? "<" + i + ">" : "<...>";
+        var l = e(n);
+        return l ? "<" + l + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function l() {
-      var e = O.A;
-      return e === null ? null : e.getOwner();
-    }
     function o() {
+      var n = N.A;
+      return n === null ? null : n.getOwner();
+    }
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function u(e) {
-      if (P.call(e, "key")) {
-        var i = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (i && i.isReactWarning) return !1;
+    function c(n) {
+      if (S.call(n, "key")) {
+        var l = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (l && l.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return n.key !== void 0;
     }
-    function d(e, i) {
-      function f() {
-        G || (G = !0, console.error(
+    function d(n, l) {
+      function m() {
+        ne || (ne = !0, console.error(
           "%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://react.dev/link/special-props)",
-          i
+          l
         ));
       }
-      f.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: f,
+      m.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: m,
         configurable: !0
       });
     }
-    function m() {
-      var e = t(this.type);
-      return B[e] || (B[e] = !0, console.error(
+    function x() {
+      var n = e(this.type);
+      return re[n] || (re[n] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function x(e, i, f, b, Z, te) {
-      var v = f.ref;
-      return e = {
-        $$typeof: C,
-        type: e,
-        key: i,
-        props: f,
-        _owner: b
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(e, "ref", {
+    function b(n, l, m, f, I, B) {
+      var h = m.ref;
+      return n = {
+        $$typeof: T,
+        type: n,
+        key: l,
+        props: m,
+        _owner: f
+      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
-        get: m
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: x
+      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(n, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(n, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
-      }), Object.defineProperty(e, "_debugTask", {
+        value: I
+      }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: te
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: B
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function y(e, i, f, b, Z, te) {
-      var v = i.children;
-      if (v !== void 0)
-        if (b)
-          if (ee(v)) {
-            for (b = 0; b < v.length; b++)
-              N(v[b]);
-            Object.freeze && Object.freeze(v);
+    function w(n, l, m, f, I, B) {
+      var h = l.children;
+      if (h !== void 0)
+        if (f)
+          if (q(h)) {
+            for (f = 0; f < h.length; f++)
+              y(h[f]);
+            Object.freeze && Object.freeze(h);
           } else
             console.error(
               "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 N(v);
-      if (P.call(i, "key")) {
-        v = t(e);
-        var q = Object.keys(i).filter(function(Pe) {
-          return Pe !== "key";
+        else y(h);
+      if (S.call(l, "key")) {
+        h = e(n);
+        var A = Object.keys(l).filter(function(V) {
+          return V !== "key";
         });
-        b = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", h[v + b] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
+        f = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", X[h + f] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
           `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} />`,
-          b,
-          v,
-          q,
-          v
-        ), h[v + b] = !0);
+          f,
+          h,
+          A,
+          h
+        ), X[h + f] = !0);
       }
-      if (v = null, f !== void 0 && (a(f), v = "" + f), u(i) && (a(i.key), v = "" + i.key), "key" in i) {
-        f = {};
-        for (var ne in i)
-          ne !== "key" && (f[ne] = i[ne]);
-      } else f = i;
-      return v && d(
-        f,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), x(
-        e,
-        v,
-        f,
-        l(),
-        Z,
-        te
+      if (h = null, m !== void 0 && (a(m), h = "" + m), c(l) && (a(l.key), h = "" + l.key), "key" in l) {
+        m = {};
+        for (var Y in l)
+          Y !== "key" && (m[Y] = l[Y]);
+      } else m = l;
+      return h && d(
+        m,
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
+      ), b(
+        n,
+        h,
+        m,
+        o(),
+        I,
+        B
       );
     }
-    function N(e) {
-      w(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === z && (e._payload.status === "fulfilled" ? w(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function y(n) {
+      k(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === D && (n._payload.status === "fulfilled" ? k(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
     }
-    function w(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === C;
+    function k(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === T;
     }
-    var j = Ae, C = /* @__PURE__ */ Symbol.for("react.transitional.element"), R = /* @__PURE__ */ Symbol.for("react.portal"), c = /* @__PURE__ */ Symbol.for("react.fragment"), p = /* @__PURE__ */ Symbol.for("react.strict_mode"), S = /* @__PURE__ */ Symbol.for("react.profiler"), k = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__PURE__ */ Symbol.for("react.context"), I = /* @__PURE__ */ Symbol.for("react.forward_ref"), D = /* @__PURE__ */ Symbol.for("react.suspense"), Q = /* @__PURE__ */ Symbol.for("react.suspense_list"), K = /* @__PURE__ */ Symbol.for("react.memo"), z = /* @__PURE__ */ Symbol.for("react.lazy"), H = /* @__PURE__ */ Symbol.for("react.activity"), U = /* @__PURE__ */ Symbol.for("react.client.reference"), O = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, ee = Array.isArray, M = console.createTask ? console.createTask : function() {
+    var E = We, T = /* @__PURE__ */ Symbol.for("react.transitional.element"), L = /* @__PURE__ */ Symbol.for("react.portal"), u = /* @__PURE__ */ Symbol.for("react.fragment"), v = /* @__PURE__ */ Symbol.for("react.strict_mode"), P = /* @__PURE__ */ Symbol.for("react.profiler"), me = /* @__PURE__ */ Symbol.for("react.consumer"), te = /* @__PURE__ */ Symbol.for("react.context"), R = /* @__PURE__ */ Symbol.for("react.forward_ref"), z = /* @__PURE__ */ Symbol.for("react.suspense"), G = /* @__PURE__ */ Symbol.for("react.suspense_list"), J = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), Z = /* @__PURE__ */ Symbol.for("react.activity"), M = /* @__PURE__ */ Symbol.for("react.client.reference"), N = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, S = Object.prototype.hasOwnProperty, q = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
-    j = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    E = {
+      react_stack_bottom_frame: function(n) {
+        return n();
       }
     };
-    var G, B = {}, A = j.react_stack_bottom_frame.bind(
-      j,
-      o
-    )(), Y = M(s(o)), h = {};
-    W.Fragment = c, W.jsx = function(e, i, f) {
-      var b = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return y(
-        e,
-        i,
-        f,
+    var ne, re = {}, ae = E.react_stack_bottom_frame.bind(
+      E,
+      i
+    )(), H = O(s(i)), X = {};
+    K.Fragment = u, K.jsx = function(n, l, m) {
+      var f = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return w(
+        n,
+        l,
+        m,
         !1,
-        b ? Error("react-stack-top-frame") : A,
-        b ? M(s(e)) : Y
+        f ? Error("react-stack-top-frame") : ae,
+        f ? O(s(n)) : H
       );
-    }, W.jsxs = function(e, i, f) {
-      var b = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return y(
-        e,
-        i,
-        f,
+    }, K.jsxs = function(n, l, m) {
+      var f = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return w(
+        n,
+        l,
+        m,
         !0,
-        b ? Error("react-stack-top-frame") : A,
-        b ? M(s(e)) : Y
+        f ? Error("react-stack-top-frame") : ae,
+        f ? O(s(n)) : H
       );
     };
-  })()), W;
+  })()), K;
 }
-var me;
-function Le() {
-  return me || (me = 1, process.env.NODE_ENV === "production" ? J.exports = Oe() : J.exports = qe()), J.exports;
+var _e;
+function Xe() {
+  return _e || (_e = 1, process.env.NODE_ENV === "production" ? oe.exports = Je() : oe.exports = Ze()), oe.exports;
 }
-var r = Le();
-const $e = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), De = (t) => t.replace(
+var r = Xe();
+const Qe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ke = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (n, a, s) => s ? s.toUpperCase() : a.toLowerCase()
-), he = (t) => {
-  const n = De(t);
-  return n.charAt(0).toUpperCase() + n.slice(1);
-}, _e = (...t) => t.filter((n, a, s) => !!n && n.trim() !== "" && s.indexOf(n) === a).join(" ").trim(), ze = (t) => {
-  for (const n in t)
-    if (n.startsWith("aria-") || n === "role" || n === "title")
+  (t, a, s) => s ? s.toUpperCase() : a.toLowerCase()
+), Ee = (e) => {
+  const t = Ke(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, $e = (...e) => e.filter((t, a, s) => !!t && t.trim() !== "" && s.indexOf(t) === a).join(" ").trim(), et = (e) => {
+  for (const t in e)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
 };
-var He = {
+var tt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -282,155 +282,182 @@ var He = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const Ye = we(
+const nt = Oe(
   ({
-    color: t = "currentColor",
-    size: n = 24,
+    color: e = "currentColor",
+    size: t = 24,
     strokeWidth: a = 2,
     absoluteStrokeWidth: s,
-    className: l = "",
-    children: o,
-    iconNode: u,
+    className: o = "",
+    children: i,
+    iconNode: c,
     ...d
-  }, m) => oe(
+  }, x) => be(
     "svg",
     {
-      ref: m,
-      ...He,
-      width: n,
-      height: n,
-      stroke: t,
-      strokeWidth: s ? Number(a) * 24 / Number(n) : a,
-      className: _e("lucide", l),
-      ...!o && !ze(d) && { "aria-hidden": "true" },
+      ref: x,
+      ...tt,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: s ? Number(a) * 24 / Number(t) : a,
+      className: $e("lucide", o),
+      ...!i && !et(d) && { "aria-hidden": "true" },
       ...d
     },
     [
-      ...u.map(([x, y]) => oe(x, y)),
-      ...Array.isArray(o) ? o : [o]
+      ...c.map(([b, w]) => be(b, w)),
+      ...Array.isArray(i) ? i : [i]
     ]
   )
 );
-const E = (t, n) => {
-  const a = we(
-    ({ className: s, ...l }, o) => oe(Ye, {
-      ref: o,
-      iconNode: n,
-      className: _e(
-        `lucide-${$e(he(t))}`,
-        `lucide-${t}`,
+const j = (e, t) => {
+  const a = Oe(
+    ({ className: s, ...o }, i) => be(nt, {
+      ref: i,
+      iconNode: t,
+      className: $e(
+        `lucide-${Qe(Ee(e))}`,
+        `lucide-${e}`,
         s
       ),
-      ...l
+      ...o
     })
   );
-  return a.displayName = he(t), a;
+  return a.displayName = Ee(e), a;
 };
-const Ve = [
+const rt = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
-], We = E("external-link", Ve);
-const Fe = [
+], at = j("external-link", rt);
+const st = [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
-], Ue = E("user", Fe), $ = "text-[length:var(--aqmb-font-size-body,0.8125rem)] leading-[var(--aqmb-line-height-body,1.25rem)]", je = "text-[length:var(--aqmb-font-size-caption,0.6875rem)] leading-[var(--aqmb-line-height-caption,1.25rem)]", Ge = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==", Be = ({ to: t, className: n, children: a }) => /* @__PURE__ */ r.jsx("a", { href: t, className: n, children: a }), pe = `flex min-h-11 items-center justify-center gap-1 rounded-md border border-white/15 bg-white/10 px-1 py-1 font-medium ${je} text-white transition duration-150 hover:bg-white/25 active:scale-95 dark:border-slate-600/50 dark:bg-slate-700/50 dark:text-slate-200 dark:hover:bg-slate-600/80`, _t = (t) => {
-  const { user: n, LinkComponent: a = Be } = t;
-  return /* @__PURE__ */ r.jsx("div", { className: "w-full", children: n ? /* @__PURE__ */ r.jsxs(
+], ot = j("user", st), F = "text-[length:var(--aqmb-font-size-body,0.8125rem)] leading-[var(--aqmb-line-height-body,1.25rem)]", fe = "text-[length:var(--aqmb-font-size-caption,0.6875rem)] leading-[var(--aqmb-line-height-caption,1.25rem)]", it = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==", ct = ({ to: e, className: t, children: a }) => /* @__PURE__ */ r.jsx("a", { href: e, className: t, children: a }), je = `flex min-h-11 items-center justify-center gap-1 rounded-md border border-white/15 bg-sky-800 px-1 py-1 font-medium ${fe} text-white transition duration-150 hover:bg-sky-950 active:scale-95 dark:border-slate-600/50 dark:bg-slate-700/50 dark:text-slate-100 dark:hover:bg-slate-600/80`, rn = (e) => {
+  const { user: t, LinkComponent: a = ct } = e;
+  return /* @__PURE__ */ r.jsx("div", { className: "w-full", children: t ? /* @__PURE__ */ r.jsxs(
     "div",
     {
       "data-aqmb-session-card": !0,
-      className: "aiquants-session-card group relative flex flex-col gap-2 rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-sm backdrop-blur-md transition-colors duration-200 hover:border-white/30 hover:bg-white/15 dark:border-slate-700/60 dark:bg-slate-800/60 dark:hover:border-slate-600/80 dark:hover:bg-slate-800/90",
+      className: "aiquants-session-card group relative flex flex-col gap-2 rounded-xl border border-white/20 bg-sky-900 p-2.5 shadow-sm backdrop-blur-md transition-colors duration-200 hover:border-white/30 hover:bg-sky-950 dark:border-slate-700/60 dark:bg-slate-800/60 dark:hover:border-slate-600/80 dark:hover:bg-slate-800/90",
       children: [
         /* @__PURE__ */ r.jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
           /* @__PURE__ */ r.jsxs("div", { className: "relative shrink-0", children: [
-            /* @__PURE__ */ r.jsx("div", { className: "h-8 w-8 overflow-hidden rounded-full border border-white/40 shadow-xs dark:border-slate-500", children: /* @__PURE__ */ r.jsx("img", { className: "h-full w-full rounded-full object-cover", src: n.photo || Ge, alt: n.displayName || "user profile" }) }),
+            /* @__PURE__ */ r.jsx("div", { className: "h-8 w-8 overflow-hidden rounded-full border border-white/40 shadow-xs dark:border-slate-500", children: /* @__PURE__ */ r.jsx("img", { className: "h-full w-full rounded-full object-cover", src: t.photo || it, alt: t.displayName || "user profile" }) }),
             /* @__PURE__ */ r.jsx("span", { className: "absolute -right-0.5 -bottom-0.5 h-2.5 w-2.5 rounded-full border-2 border-slate-900 bg-emerald-400", title: "Online" })
           ] }),
           /* @__PURE__ */ r.jsxs("div", { className: "min-w-0 flex-1 leading-tight", children: [
-            /* @__PURE__ */ r.jsx("div", { className: "font-semibold text-white text-xs tracking-tight dark:text-slate-100", children: n.displayName }),
-            /* @__PURE__ */ r.jsx("div", { className: `mt-0.5 font-medium ${je} text-white/75 tracking-tight dark:text-slate-400`, children: "Google Account" })
+            /* @__PURE__ */ r.jsx("div", { className: "font-semibold text-white text-xs tracking-tight dark:text-slate-100", children: t.displayName }),
+            /* @__PURE__ */ r.jsx("div", { className: `mt-0.5 font-medium ${fe} text-sky-100 tracking-tight dark:text-slate-300`, children: "Google Account" })
           ] })
         ] }),
         /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-2 gap-1.5 border-white/15 border-t pt-1.5 dark:border-slate-700/50", children: [
-          /* @__PURE__ */ r.jsxs(a, { className: pe, to: "/", children: [
-            /* @__PURE__ */ r.jsx(Ue, { size: 11, className: "shrink-0 opacity-80" }),
+          /* @__PURE__ */ r.jsxs(a, { className: je, to: "/", children: [
+            /* @__PURE__ */ r.jsx(ot, { size: 11, className: "shrink-0 opacity-80" }),
             /* @__PURE__ */ r.jsx("span", { className: "min-w-0 text-center", children: "プロフィール" })
           ] }),
-          /* @__PURE__ */ r.jsxs(a, { className: pe, to: "https://myaccount.google.com/", children: [
-            /* @__PURE__ */ r.jsx(We, { size: 11, className: "shrink-0 opacity-80" }),
+          /* @__PURE__ */ r.jsxs(a, { className: je, to: "https://myaccount.google.com/", children: [
+            /* @__PURE__ */ r.jsx(at, { size: 11, className: "shrink-0 opacity-80" }),
             /* @__PURE__ */ r.jsx("span", { className: "min-w-0 text-center", children: "Google" })
           ] })
         ] })
       ]
     }
-  ) : /* @__PURE__ */ r.jsx("div", { "data-aqmb-session-card": !0, className: "aiquants-session-card flex items-center justify-between rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-xs dark:border-slate-700/60 dark:bg-slate-800/60", children: /* @__PURE__ */ r.jsx("span", { className: "font-medium text-white/90 text-xs dark:text-slate-200", children: "ログインしてください" }) }) });
-}, ie = "aiquants-menu-pin-change";
+  ) : /* @__PURE__ */ r.jsx("div", { "data-aqmb-session-card": !0, className: "aiquants-session-card flex items-center justify-between rounded-xl border border-white/20 bg-sky-900 p-2.5 shadow-xs dark:border-slate-700/60 dark:bg-slate-800/60", children: /* @__PURE__ */ r.jsx("span", { className: "font-medium text-white text-xs dark:text-slate-200", children: "ログインしてください" }) }) });
+}, ue = "aiquants-menu-pinned", lt = () => {
+  try {
+    return localStorage.getItem(ue) === "true";
+  } catch {
+    return !1;
+  }
+}, Se = (e) => {
+  try {
+    e ? localStorage.setItem(ue, "true") : localStorage.removeItem(ue);
+  } catch {
+  }
+}, Le = "aiquants-submenu-pinned", ut = () => {
+  try {
+    const e = localStorage.getItem(Le);
+    if (e) {
+      const t = JSON.parse(e);
+      if (Array.isArray(t))
+        return t.filter((a) => typeof a == "number");
+    }
+  } catch {
+  }
+  return [];
+}, dt = (e) => {
+  try {
+    localStorage.setItem(Le, JSON.stringify(e));
+  } catch {
+  }
+}, pe = "aiquants-menu-pin-change";
 let g = { pinned: !1, width: 0, active: !1 };
-const Ee = (t = 240) => {
+const ze = (e = 240) => {
   if (typeof window > "u" || typeof document > "u")
     return { pinned: !1, width: 0, active: !1 };
   try {
-    const n = getComputedStyle(document.documentElement).getPropertyValue("--aiquants-menu-pinned-width").trim();
-    if (n) {
-      const u = Number.parseInt(n, 10);
-      if (!Number.isNaN(u)) {
-        const d = u > 0, m = d ? u || t : 0, x = g.active ?? d;
-        return g.pinned === d && g.width === m && g.active === x || (g = { pinned: d, width: m, active: x }), g;
+    const t = getComputedStyle(document.documentElement).getPropertyValue("--aiquants-menu-pinned-width").trim();
+    if (t) {
+      const c = Number.parseInt(t, 10);
+      if (!Number.isNaN(c)) {
+        const d = c > 0, x = d ? c || e : 0, b = g.active ?? d;
+        return g.pinned === d && g.width === x && g.active === b || (g = { pinned: d, width: x, active: b }), g;
       }
     }
-    const s = localStorage.getItem("aiquants-menu-pinned") === "true", l = s ? t : 0, o = g.active ?? s;
-    return g.pinned === s && g.width === l && g.active === o || (g = { pinned: s, width: l, active: o }), g;
+    const s = localStorage.getItem(ue) === "true", o = s ? e : 0, i = g.active ?? s;
+    return g.pinned === s && g.width === o && g.active === i || (g = { pinned: s, width: o, active: i }), g;
   } catch {
     return { pinned: !1, width: 0, active: !1 };
   }
-}, be = (t, n, a) => {
+}, Te = (e, t, a) => {
   if (typeof window > "u") return;
-  const s = a ?? t, l = { pinned: t, width: n, active: s };
-  (g.pinned !== t || g.width !== n || g.active !== s) && (g = l);
-  const o = new CustomEvent(ie, {
-    detail: l,
+  const s = a ?? e, o = { pinned: e, width: t, active: s };
+  (g.pinned !== e || g.width !== t || g.active !== s) && (g = o);
+  const i = new CustomEvent(pe, {
+    detail: o,
     bubbles: !0,
     cancelable: !1
   });
-  window.dispatchEvent(o);
-}, Ze = (t, n) => {
+  window.dispatchEvent(i);
+}, ft = (e, t) => {
   if (typeof window > "u")
     return () => {
     };
-  const { immediate: a = !0, defaultPinnedWidth: s = 240 } = n ?? {};
+  const { immediate: a = !0, defaultPinnedWidth: s = 240 } = t ?? {};
   if (a) {
-    const o = Ee(s);
-    t(o);
+    const i = ze(s);
+    e(i);
   }
-  const l = (o) => {
-    const u = o;
-    u.detail && t(u.detail);
+  const o = (i) => {
+    const c = i;
+    c.detail && e(c.detail);
   };
-  return window.addEventListener(ie, l, { passive: !0 }), () => {
-    window.removeEventListener(ie, l);
+  return window.addEventListener(pe, o, { passive: !0 }), () => {
+    window.removeEventListener(pe, o);
   };
-}, jt = (t) => {
-  const n = t?.defaultPinnedWidth ?? 240, a = t?.initialPinned ?? !1, s = _(
-    (u) => Ze(
+}, an = (e) => {
+  const t = e?.defaultPinnedWidth ?? 240, a = e?.initialPinned ?? !1, s = _(
+    (c) => ft(
       () => {
-        u();
+        c();
       },
-      { immediate: !1, defaultPinnedWidth: n }
+      { immediate: !1, defaultPinnedWidth: t }
     ),
-    [n]
-  ), l = _(() => Ee(n), [n]), o = _(() => ({
+    [t]
+  ), o = _(() => ze(t), [t]), i = _(() => ({
     pinned: a,
-    width: a ? n : 0
-  }), [a, n]);
-  return Re(s, l, o);
+    width: a ? t : 0
+  }), [a, t]);
+  return xe(s, o, i);
 };
-const Je = [
+const mt = [
   ["path", { d: "m16 17 5-5-5-5", key: "1bji2h" }],
   ["path", { d: "M21 12H9", key: "dn1m92" }],
   ["path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", key: "1uf3rs" }]
-], Xe = E("log-out", Je);
-const Qe = [
+], ht = j("log-out", mt);
+const bt = [
   ["path", { d: "M12 17v5", key: "bb1du9" }],
   [
     "path",
@@ -439,8 +466,8 @@ const Qe = [
       key: "1nkz8b"
     }
   ]
-], Se = E("pin", Qe);
-const Ke = [
+], De = j("pin", bt);
+const pt = [
   ["path", { d: "M12 17v5", key: "bb1du9" }],
   ["path", { d: "M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89", key: "znwnzq" }],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }],
@@ -451,18 +478,18 @@ const Ke = [
       key: "c9qhm2"
     }
   ]
-], Te = E("pin-off", Ke);
-const et = [
+], He = j("pin-off", pt);
+const vt = [
   ["path", { d: "M5 21v-6", key: "1hz6c0" }],
   ["path", { d: "M12 21V9", key: "uvy0l4" }],
   ["path", { d: "M19 21V3", key: "11j9sm" }]
-], tt = E("chart-no-axes-column-increasing", et);
-const nt = [
+], xt = j("chart-no-axes-column-increasing", vt);
+const yt = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
-], rt = E("download", nt);
-const at = [
+], gt = j("download", yt);
+const wt = [
   [
     "path",
     {
@@ -474,205 +501,219 @@ const at = [
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
-], ve = E("file-text", at);
-const st = [
+], Me = j("file-text", wt);
+const kt = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
-], ot = E("link", st);
-const it = [
+], Nt = j("link", kt);
+const _t = [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
-], lt = E("lock", it);
-const ct = [
+], Et = j("lock", _t);
+const jt = [
   ["path", { d: "M12 3v18", key: "108xh3" }],
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }]
-], ut = E("table", ct), le = "flex min-h-9 flex-1 items-center", dt = "min-h-9 min-w-9", ft = typeof window < "u" ? ye : F, xe = "aiquants-menu-scroll", Ce = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), mt = {
-  report: ve,
-  slip: ve,
-  table: ut,
-  chart: tt,
-  download: rt,
-  lock: lt,
-  href: ot
-}, ht = ({ mark: t, children: n }) => {
-  const a = t ? mt[t] : void 0;
-  return a ? /* @__PURE__ */ r.jsxs("div", { className: "flex flex-nowrap items-center", children: [
-    /* @__PURE__ */ r.jsx(a, { className: "h-3.5 w-3.5 shrink-0" }),
-    /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-link mx-1 hover:underline", children: n })
-  ] }) : /* @__PURE__ */ r.jsx("span", { className: "mx-1 text-sky-600 hover:underline dark:text-sky-400", children: n });
-}, ce = (t, n) => n ? {
+], St = j("table", jt), Be = "separator", Tt = /(^https?:\/\/)|(\.(html|htm)?$)/, ge = (e) => Tt.test(e), W = (e) => e ? e.split(/[?#]/)[0].replace(/(?!^\/)\/$/, "") : "", Pe = (e, t, a) => {
+  const s = W(e);
+  return s === "" ? -1 : s === a || t === "prefix" && s !== "/" && a.startsWith(`${s}/`) ? s.length : -1;
+}, Ye = (e, t) => {
+  const a = W(t);
+  let s = null, o = -1;
+  for (const i of e) {
+    const c = Pe(i.href, i.match, a);
+    if (c > o && (s = { menuId: i.id, subid: null }, o = c), i.submenu)
+      for (const d of i.submenu) {
+        const x = Pe(d.href, d.match, a);
+        x > o && (s = { menuId: i.id, subid: d.subid }, o = x);
+      }
+  }
+  return s;
+}, Mt = (e, t) => {
+  const a = W(t);
+  if (a === "")
+    return null;
+  for (const s of e) {
+    if (s.href !== void 0 && W(s.href) === a)
+      return { menu: s, submenu: null, href: s.href };
+    if (s.submenu) {
+      for (const o of s.submenu)
+        if (o.href !== Be && W(o.href) === a)
+          return { menu: s, submenu: o, href: o.href };
+    }
+  }
+  return null;
+}, ce = (e, t, a) => e !== null && e.menuId === t && e.subid === a, de = (e, t) => t ? {
   menu: {
-    id: t.id,
-    title: t.title,
-    href: t.href
+    id: e.id,
+    title: e.title,
+    href: e.href
   },
   submenu: {
-    subid: n.subid,
-    title: n.title,
-    href: n.href,
-    mark: n.mark,
-    new: n.new
+    subid: t.subid,
+    title: t.title,
+    href: t.href,
+    mark: t.mark,
+    new: t.new
   }
 } : {
   menu: {
-    id: t.id,
-    title: t.title,
-    href: t.href
+    id: e.id,
+    title: e.title,
+    href: e.href
+  }
+}, Ve = () => {
+  try {
+    return Ge().pathname;
+  } catch {
+    return typeof window > "u" ? "" : window.location.pathname;
   }
-}, pt = ({ item: t, parentMenu: n, isCurrent: a, onMenuSelected: s }) => {
-  if (t.href === "separator")
+}, ve = "flex min-h-9 flex-1 items-center", Pt = "min-h-9 min-w-9", At = typeof window < "u" ? Ie : ee, Ae = "aiquants-menu-scroll", Ct = {
+  report: Me,
+  slip: Me,
+  table: St,
+  chart: xt,
+  download: gt,
+  lock: Et,
+  href: Nt
+}, Rt = ({ mark: e, children: t }) => {
+  const a = e ? Ct[e] : void 0;
+  return a ? /* @__PURE__ */ r.jsxs("div", { className: "aiquants-menu-link flex flex-nowrap items-center", children: [
+    /* @__PURE__ */ r.jsx(a, { className: "h-3.5 w-3.5 shrink-0" }),
+    /* @__PURE__ */ r.jsx("div", { className: "mx-1 hover:underline", children: t })
+  ] }) : /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link mx-1 hover:underline", children: t });
+}, qt = ({ item: e, parentMenu: t, isCurrent: a, onMenuSelected: s }) => {
+  if (e.href === Be)
     return /* @__PURE__ */ r.jsx("hr", { className: "aiquants-menu-separator mx-2 my-1 h-px" });
-  const l = /* @__PURE__ */ r.jsx(ht, { mark: t.mark, children: t.title }), o = {
-    className: le,
+  const o = /* @__PURE__ */ r.jsx(Rt, { mark: e.mark, children: e.title }), i = {
+    className: ve,
     "aria-current": a ? "page" : void 0,
     onClick: () => {
-      s && s(ce(n, t));
+      s && s(de(t, e));
     }
   };
-  return t.new ? /* @__PURE__ */ r.jsx("a", { href: t.href, rel: "noopener noreferrer", target: "_blank", ...o, children: l }) : Ce.test(t.href) ? /* @__PURE__ */ r.jsx("a", { href: t.href, ...o, children: l }) : /* @__PURE__ */ r.jsx(Ne, { to: t.href, ...o, children: l });
-}, Me = (t) => t ? t.split(/[?#]/)[0].replace(/(?!^\/)\/$/, "") : "", ge = (t, n, a) => {
-  const s = Me(t);
-  return s === "" ? -1 : s === a || n === "prefix" && s !== "/" && a.startsWith(`${s}/`) ? s.length : -1;
-}, bt = (t, n) => {
-  const a = Me(n);
-  let s = null, l = -1;
-  for (const o of t) {
-    const u = ge(o.href, o.match, a);
-    if (u > l && (s = { menuId: o.id, subid: null }, l = u), o.submenu)
-      for (const d of o.submenu) {
-        const m = ge(d.href, d.match, a);
-        m > l && (s = { menuId: o.id, subid: d.subid }, l = m);
-      }
-  }
-  return s;
-}, re = (t, n, a) => t !== null && t.menuId === n && t.subid === a, vt = (t) => {
-  const { menuList: n, onMenuSelected: a, pinnedSubmenuIds: s = [], onToggleSubmenuPin: l } = t;
-  let o = "";
-  try {
-    o = Ie().pathname;
-  } catch {
-    typeof window < "u" && (o = window.location.pathname);
-  }
-  const u = ue(() => bt(n, o), [n, o]), d = u === null ? null : u.menuId, [m, x] = X(d), y = L(o), N = L(d !== null);
-  F(() => {
-    y.current !== o && (y.current = o, N.current = !1), !N.current && d !== null && (x(d), N.current = !0);
-  }, [o, d]);
-  const w = _(
-    (c) => {
-      s.includes(c) || x((S) => S === c ? null : c);
+  return e.new ? /* @__PURE__ */ r.jsx("a", { href: e.href, rel: "noopener noreferrer", target: "_blank", ...i, children: o }) : ge(e.href) ? /* @__PURE__ */ r.jsx("a", { href: e.href, ...i, children: o }) : /* @__PURE__ */ r.jsx(ye, { to: e.href, ...i, children: o });
+}, Ot = (e) => {
+  const { menuList: t, onMenuSelected: a, pinnedSubmenuIds: s = [], onToggleSubmenuPin: o } = e, i = Ve(), c = U(() => Ye(t, i), [t, i]), d = c === null ? null : c.menuId, [x, b] = le(d), w = C(i), y = C(d !== null);
+  ee(() => {
+    w.current !== i && (w.current = i, y.current = !1), !y.current && d !== null && (b(d), y.current = !0);
+  }, [i, d]);
+  const k = _(
+    (u) => {
+      s.includes(u) || b((P) => P === u ? null : u);
     },
     [s]
-  ), j = L(null);
-  ft(() => {
-    const c = j.current;
-    if (c)
+  ), E = C(null);
+  At(() => {
+    const u = E.current;
+    if (u)
       try {
-        const p = sessionStorage.getItem(xe);
-        if (p !== null) {
-          const S = Number.parseFloat(p);
-          Number.isNaN(S) || (c.scrollTop = S);
+        const v = sessionStorage.getItem(Ae);
+        if (v !== null) {
+          const P = Number.parseFloat(v);
+          Number.isNaN(P) || (u.scrollTop = P);
         }
       } catch {
       }
   }, []);
-  const C = _(() => {
-    const c = j.current;
-    if (c)
+  const T = _(() => {
+    const u = E.current;
+    if (u)
       try {
-        sessionStorage.setItem(xe, String(c.scrollTop));
+        sessionStorage.setItem(Ae, String(u.scrollTop));
       } catch {
       }
-  }, []), R = ue(() => /* @__PURE__ */ r.jsx(r.Fragment, { children: n.map((c) => /* @__PURE__ */ r.jsx("div", { children: c.href ? /* @__PURE__ */ r.jsx("div", { className: `aiquants-menu-list-item relative mb-0.5 ml-1 flex items-center rounded-l-xl px-2.5 ${$} before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] sm:text-sm`, children: Ce.test(c.href) ? /* @__PURE__ */ r.jsx(
+  }, []), L = U(() => /* @__PURE__ */ r.jsx(r.Fragment, { children: t.map((u) => /* @__PURE__ */ r.jsx("div", { children: u.href ? /* @__PURE__ */ r.jsx("div", { className: `aiquants-menu-list-item relative mb-0.5 ml-1 flex items-center rounded-l-xl px-2.5 ${F} before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] sm:text-sm`, children: ge(u.href) ? /* @__PURE__ */ r.jsx(
     "a",
     {
-      href: c.href,
-      className: le,
-      "aria-current": re(u, c.id, null) ? "page" : void 0,
+      href: u.href,
+      className: ve,
+      "aria-current": ce(c, u.id, null) ? "page" : void 0,
       onClick: () => {
-        a && a(ce(c));
+        a && a(de(u));
       },
-      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: c.title })
+      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: u.title })
     }
   ) : /* @__PURE__ */ r.jsx(
-    Ne,
+    ye,
     {
-      to: c.href,
-      className: le,
-      "aria-current": re(u, c.id, null) ? "page" : void 0,
+      to: u.href,
+      className: ve,
+      "aria-current": ce(c, u.id, null) ? "page" : void 0,
       onClick: () => {
-        a && a(ce(c));
+        a && a(de(u));
       },
-      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: c.title })
+      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: u.title })
     }
-  ) }) : /* @__PURE__ */ r.jsxs("details", { className: "aiquants-menu-accordion-details", open: c.id === m || s.includes(c.id), children: [
+  ) }) : /* @__PURE__ */ r.jsxs("details", { className: "aiquants-menu-accordion-details", open: u.id === x || s.includes(u.id), children: [
     /* @__PURE__ */ r.jsxs(
       "summary",
       {
-        className: `aiquants-menu-list-item aiquants-menu-accordion-summary relative mb-0.5 ml-1 min-h-9 list-none rounded-l-xl px-2.5 ${$} before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] focus-visible:outline-2 focus-visible:outline-current focus-visible:-outline-offset-2 sm:text-sm`,
-        onClick: (p) => {
-          p.preventDefault(), w(c.id);
+        className: `aiquants-menu-list-item aiquants-menu-accordion-summary relative mb-0.5 ml-1 min-h-9 list-none rounded-l-xl px-2.5 ${F} before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] focus-visible:outline-2 focus-visible:outline-current focus-visible:-outline-offset-2 sm:text-sm`,
+        onClick: (v) => {
+          v.preventDefault(), k(u.id);
         },
-        onKeyDown: (p) => {
-          (p.key === "Enter" || p.key === " ") && (p.preventDefault(), w(c.id));
+        onKeyDown: (v) => {
+          (v.key === "Enter" || v.key === " ") && (v.preventDefault(), k(u.id));
         },
         children: [
-          /* @__PURE__ */ r.jsx("span", { children: c.title }),
+          /* @__PURE__ */ r.jsx("span", { children: u.title }),
           /* @__PURE__ */ r.jsx(
             "button",
             {
               type: "button",
               "data-aqmb-submenu-pin-button": !0,
-              onClick: (p) => {
-                p.stopPropagation(), p.preventDefault(), l && l(c.id);
+              onClick: (v) => {
+                v.stopPropagation(), v.preventDefault(), o && o(u.id);
               },
-              className: `aiquants-submenu-pin-button ${dt} ${s.includes(c.id) ? "pinned" : ""}`,
-              title: s.includes(c.id) ? "ピン留め解除" : "ピン留め",
-              children: s.includes(c.id) ? /* @__PURE__ */ r.jsx(Se, { size: 13 }) : /* @__PURE__ */ r.jsx(Te, { size: 13 })
+              className: `aiquants-submenu-pin-button ${Pt} ${s.includes(u.id) ? "pinned" : ""}`,
+              title: s.includes(u.id) ? "ピン留め解除" : "ピン留め",
+              children: s.includes(u.id) ? /* @__PURE__ */ r.jsx(De, { size: 13 }) : /* @__PURE__ */ r.jsx(He, { size: 13 })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-submenu pointer-events-auto my-0.5 mr-1 ml-3.5 rounded-lg px-2 py-1 shadow-sm", children: c.submenu.map((p) => /* @__PURE__ */ r.jsx("div", { className: `aiquants-menu-accordion-container block w-full ${$}`, children: /* @__PURE__ */ r.jsx(pt, { item: p, parentMenu: c, isCurrent: re(u, c.id, p.subid), onMenuSelected: a }) }, p.subid)) })
-  ] }) }, c.id)) }), [n, a, m, w, s, u]);
-  return /* @__PURE__ */ r.jsx("div", { ref: j, onScroll: C, "data-aqmb-menu-list": !0, className: "aiquants-menu-list-scroller hidden-scrollbar", children: R });
-}, ae = "min-h-11", ke = "min-w-11", xt = (t) => {
-  const { menuList: n, menuHeader: a, open: s, onMenuSelected: l, onClickSignout: o, theme: u, toggleTheme: d, isPinned: m, onTogglePin: x, pinnedSubmenuIds: y, onToggleSubmenuPin: N, ref: w } = t;
+    /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-submenu pointer-events-auto my-0.5 mr-1 ml-3.5 rounded-lg px-2 py-1 shadow-sm", children: u.submenu.map((v) => /* @__PURE__ */ r.jsx("div", { className: `aiquants-menu-accordion-container block w-full ${F}`, children: /* @__PURE__ */ r.jsx(qt, { item: v, parentMenu: u, isCurrent: ce(c, u.id, v.subid), onMenuSelected: a }) }, v.subid)) })
+  ] }) }, u.id)) }), [t, a, x, k, s, c]);
+  return /* @__PURE__ */ r.jsx("div", { ref: E, onScroll: T, "data-aqmb-menu-list": !0, className: "aiquants-menu-list-scroller hidden-scrollbar", children: L });
+}, he = "min-h-11", Ce = "min-w-11", It = (e) => {
+  const { menuList: t, menuHeader: a, open: s, onMenuSelected: o, onClickSignout: i, theme: c, toggleTheme: d, canPin: x, isPinned: b, onTogglePin: w, pinnedSubmenuIds: y, onToggleSubmenuPin: k, id: E, ref: T } = e;
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      ref: w,
+      ref: T,
+      id: E,
       "data-aqmb-menu-content": !0,
       inert: !s,
-      className: `aiquants-menu-content fixed top-0 right-0 z-2147483642 flex min-h-dvh w-[240px] select-none flex-col motion-safe:transition-transform motion-safe:duration-500 ${s ? "aiquants-menu-translate-x-0" : "aiquants-menu-translate-x-250"}`,
+      className: `aiquants-menu-content fixed top-0 right-0 z-2147483642 flex w-[240px] select-none flex-col motion-safe:transition-transform motion-safe:duration-500 ${s ? "aiquants-menu-translate-x-0" : "aiquants-menu-translate-x-250"}`,
       children: [
         /* @__PURE__ */ r.jsx("div", { className: "flex shrink-0 flex-col justify-center border-white/15 border-b px-2.5 py-2 dark:border-slate-700/60", children: a }),
-        /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-list-region", children: /* @__PURE__ */ r.jsx(vt, { menuList: n, onMenuSelected: l, pinnedSubmenuIds: y, onToggleSubmenuPin: N }) }),
+        /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-list-region", children: /* @__PURE__ */ r.jsx(Ot, { menuList: t, onMenuSelected: o, pinnedSubmenuIds: y, onToggleSubmenuPin: k }) }),
         /* @__PURE__ */ r.jsx("div", { className: "border-white/15 border-t px-2.5 py-1.5 dark:border-slate-700/60", children: /* @__PURE__ */ r.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-1.5", children: [
-          /* @__PURE__ */ r.jsx(
+          x ? /* @__PURE__ */ r.jsx(
             "button",
             {
               type: "button",
-              onClick: x,
+              onClick: w,
               "data-aqmb-pin-button": !0,
-              className: `flex ${ae} ${ke} items-center justify-center rounded-md px-2 ${$} text-white shadow-2xs transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-300/60 ${m ? "bg-amber-500 hover:bg-amber-600 dark:bg-amber-600 dark:hover:bg-amber-500" : "border border-white/20 bg-white/10 hover:bg-white/20 dark:border-slate-600/60 dark:bg-slate-700/60 dark:hover:bg-slate-600"}`,
-              title: m ? "ピン留め解除" : "ピン留め",
-              "aria-label": m ? "ピン留め解除" : "ピン留め",
-              children: m ? /* @__PURE__ */ r.jsx(Se, { size: 12 }) : /* @__PURE__ */ r.jsx(Te, { size: 12 })
+              className: `flex ${he} ${Ce} items-center justify-center rounded-md px-2 ${F} text-white shadow-2xs transition-colors duration-200 focus-visible:outline-2 focus-visible:outline-current focus-visible:outline-offset-2 ${b ? "bg-amber-700 hover:bg-amber-800" : "border border-white/20 bg-white/10 hover:bg-white/20 dark:border-slate-600/60 dark:bg-slate-700/60 dark:hover:bg-slate-600"}`,
+              title: b ? "ピン留め解除" : "ピン留め",
+              "aria-label": b ? "ピン留め解除" : "ピン留め",
+              children: b ? /* @__PURE__ */ r.jsx(De, { size: 12 }) : /* @__PURE__ */ r.jsx(He, { size: 12 })
             }
-          ),
+          ) : null,
           /* @__PURE__ */ r.jsx(
             "button",
             {
               type: "button",
               onClick: d,
               "data-aqmb-theme-button": !0,
-              className: `group relative flex ${ae} ${ke} items-center justify-center rounded-md border border-white/20 bg-white/10 px-2 ${$} text-white shadow-2xs backdrop-blur-xs transition-colors duration-200 hover:bg-white/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 dark:border-slate-600/60 dark:bg-slate-700/60 dark:hover:bg-slate-600`,
-              title: u === "dark" ? "ライトモードに切り替え" : "ダークモードに切り替え",
-              "aria-label": u === "dark" ? "ライトモードに切り替え" : "ダークモードに切り替え",
-              children: /* @__PURE__ */ r.jsx("span", { className: "transition-transform duration-200 group-hover:scale-110", children: u === "dark" ? "🌞" : "🌙" })
+              className: `group relative flex ${he} ${Ce} items-center justify-center rounded-md border border-white/20 bg-white/10 px-2 ${F} text-white shadow-2xs backdrop-blur-xs transition-colors duration-200 hover:bg-white/20 focus-visible:outline-2 focus-visible:outline-current focus-visible:outline-offset-2 dark:border-slate-600/60 dark:bg-slate-700/60 dark:hover:bg-slate-600`,
+              title: c === "dark" ? "ライトモードに切り替え" : "ダークモードに切り替え",
+              "aria-label": c === "dark" ? "ライトモードに切り替え" : "ダークモードに切り替え",
+              children: /* @__PURE__ */ r.jsx("span", { className: "transition-transform duration-200 group-hover:scale-110", children: c === "dark" ? "🌞" : "🌙" })
             }
           ),
           /* @__PURE__ */ r.jsxs(
@@ -680,10 +721,10 @@ const ct = [
             {
               type: "button",
               "data-aqmb-signout-button": !0,
-              className: `aiquants-signout-button flex ${ae} flex-1 items-center justify-center gap-1.5 rounded-md bg-red-500/90 px-2.5 font-medium ${$} text-white shadow-2xs transition-colors duration-200 hover:bg-red-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-300/60 dark:bg-red-600/90 dark:hover:bg-red-500`,
-              onClick: o,
+              className: `aiquants-signout-button flex ${he} flex-1 items-center justify-center gap-1.5 rounded-md bg-red-800 px-2.5 font-medium ${F} text-white shadow-2xs transition-colors duration-200 hover:bg-red-900 focus-visible:outline-2 focus-visible:outline-current focus-visible:outline-offset-2`,
+              onClick: i,
               children: [
-                /* @__PURE__ */ r.jsx(Xe, { size: 11, className: "shrink-0" }),
+                /* @__PURE__ */ r.jsx(ht, { size: 11, className: "shrink-0" }),
                 /* @__PURE__ */ r.jsx("span", { className: "text-center", children: "サインアウト" })
               ]
             }
@@ -692,156 +733,215 @@ const ct = [
       ]
     }
   );
-}, gt = (t) => {
-  t.preventDefault();
-}, kt = (t) => {
-  const { isOverlay: n, onOverlayClick: a } = t;
+}, $t = (e) => {
+  e.preventDefault();
+}, Lt = (e) => {
+  const { isOverlay: t, onOverlayClick: a } = e;
   return /* @__PURE__ */ r.jsx(
     "div",
     {
       "aria-hidden": "true",
       "data-aqmb-menu-overlay": !0,
-      inert: !n,
-      className: `fixed inset-0 z-2147483640 overflow-hidden overscroll-contain bg-black/50 motion-safe:transition-opacity motion-safe:duration-500 ${n ? "opacity-100" : "pointer-events-none opacity-0"}`,
-      onMouseDown: gt,
+      inert: !t,
+      className: `fixed inset-0 z-2147483640 overflow-hidden overscroll-contain bg-black/50 motion-safe:transition-opacity motion-safe:duration-500 ${t ? "opacity-100" : "pointer-events-none opacity-0"}`,
+      onMouseDown: $t,
       onClick: a
     }
   );
-}, wt = ({ isMenuOpen: t, onMenuOpen: n, onMenuClose: a, ref: s }) => /* @__PURE__ */ r.jsxs("button", { ref: s, type: "button", "data-aqmb-menu-switch": "true", "aria-label": t ? "Close menu" : "Open menu", "aria-expanded": t, className: "aiquants-menu-switch", onClick: t ? a : n, children: [
+};
+const zt = [
+  ["path", { d: "M4 5h16", key: "1tepv9" }],
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 19h16", key: "1djgab" }]
+], Dt = j("menu", zt);
+const Ht = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], Bt = j("x", Ht), Re = 4, Yt = /^[A-Za-z0-9\s(),:.+\-*/<>=_]+$/, Vt = (e, t) => {
+  if (t.length < 1 || t.length > Re)
+    throw new Error(`@aiquants/menu-bar: tabBar.tabs must hold 1 to ${Re} tabs; got ${t.length}`);
+  const a = [];
+  for (const s of t) {
+    if (s.label.trim() === "")
+      throw new Error(`@aiquants/menu-bar: the tab for ${JSON.stringify(s.href)} needs a label`);
+    const o = Mt(e, s.href);
+    if (o === null)
+      throw new Error(`@aiquants/menu-bar: the tab href ${JSON.stringify(s.href)} names no entry of the menu`);
+    const i = a.find((c) => c.entry.menu === o.menu && c.entry.submenu === o.submenu);
+    if (i !== void 0)
+      throw new Error(`@aiquants/menu-bar: the tab hrefs ${JSON.stringify(i.tab.href)} and ${JSON.stringify(s.href)} name the same entry`);
+    a.push({ tab: s, entry: o });
+  }
+  return a;
+}, Ft = (e) => {
+  if (e.trim() === "" || !Yt.test(e) || e.includes("/*") || e.includes("*/") || e.includes("</"))
+    throw new Error(`@aiquants/menu-bar: tabBar.media must be a media query of letters, digits, white space and ( ) , : . + - * / < > = _ without a comment or </; got ${JSON.stringify(e)}`);
+  return [
+    `@media ${e}{`,
+    ":root{--_aqmb-tab-bar-display:flex;--_aqmb-switch-display:none;--aqmb-tab-bar-block-size:var(--_aqmb-tab-bar-drawn-block-size);--aqmb-switch-clearance-inline-end:0px;--aqmb-switch-clearance-block-start:0px}",
+    ":root:has(:read-write:focus){--_aqmb-tab-bar-display:none;--aqmb-tab-bar-block-size:0px}",
+    ".aiquants-menu-content{block-size:calc(100dvh - var(--aqmb-tab-bar-block-size))}",
+    "}"
+  ].join("");
+}, Wt = ({ resolved: e, current: t, onTabSelected: a }) => {
+  const { tab: s, entry: o } = e, i = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx("span", { className: "aiquants-tab-bar-icon", "aria-hidden": "true", children: s.icon }),
+    /* @__PURE__ */ r.jsx("span", { className: `aiquants-tab-bar-label ${fe}`, children: s.label })
+  ] }), c = {
+    className: "aiquants-tab-bar-tab",
+    "data-aqmb-tab": !0,
+    "data-aqmb-current": t ? !0 : void 0,
+    "aria-current": t ? "page" : void 0,
+    onClick: () => a(de(o.menu, o.submenu === null ? void 0 : o.submenu))
+  };
+  return o.submenu?.new ? /* @__PURE__ */ r.jsx("a", { href: o.href, rel: "noopener noreferrer", target: "_blank", ...c, children: i }) : ge(o.href) ? /* @__PURE__ */ r.jsx("a", { href: o.href, ...c, children: i }) : /* @__PURE__ */ r.jsx(ye, { to: o.href, ...c, children: i });
+}, Ut = ({ tabs: e, menuList: t, menuOpen: a, drawerId: s, onMenuOpen: o, onMenuClose: i, onTabSelected: c, menuTabRef: d }) => {
+  const x = Ve(), b = U(() => Ye(t, x), [t, x]), w = e.findIndex(({ entry: y }) => ce(b, y.menu.id, y.submenu === null ? null : y.submenu.subid));
+  return /* @__PURE__ */ r.jsxs("nav", { "data-aqmb-tab-bar": !0, "aria-label": "Tab bar", className: "aiquants-tab-bar", children: [
+    e.map((y, k) => /* @__PURE__ */ r.jsx(Wt, { resolved: y, current: k === w, onTabSelected: c }, W(y.tab.href))),
+    /* @__PURE__ */ r.jsxs(
+      "button",
+      {
+        ref: d,
+        type: "button",
+        "data-aqmb-tab-menu": !0,
+        "data-aqmb-current": w === -1 ? !0 : void 0,
+        "aria-label": a ? "Close menu" : "Open menu",
+        "aria-expanded": a,
+        "aria-controls": s,
+        className: "aiquants-tab-bar-tab aiquants-tab-bar-menu",
+        onClick: a ? i : o,
+        children: [
+          /* @__PURE__ */ r.jsx("span", { className: "aiquants-tab-bar-icon", "aria-hidden": "true", children: a ? /* @__PURE__ */ r.jsx(Bt, {}) : /* @__PURE__ */ r.jsx(Dt, {}) }),
+          /* @__PURE__ */ r.jsx("span", { className: `aiquants-tab-bar-label ${fe}`, "aria-hidden": "true", children: a ? "close" : "menu" })
+        ]
+      }
+    )
+  ] });
+}, Gt = ({ isMenuOpen: e, onMenuOpen: t, onMenuClose: a, ref: s }) => /* @__PURE__ */ r.jsxs("button", { ref: s, type: "button", "data-aqmb-menu-switch": "true", "aria-label": e ? "Close menu" : "Open menu", "aria-expanded": e, className: "aiquants-menu-switch", onClick: e ? a : t, children: [
   /* @__PURE__ */ r.jsxs("span", { className: "aiquants-menu-switch-bars", children: [
     /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-switch-bar" }),
     /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-switch-bar" }),
     /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-switch-bar" }),
     /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-switch-bar" })
   ] }),
-  /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-switch-caption", "aria-hidden": "true", children: t ? "close" : "menu" })
-] }), se = typeof window < "u" ? ye : F, Et = (t) => {
+  /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-switch-caption", "aria-hidden": "true", children: e ? "close" : "menu" })
+] }), Jt = () => () => {
+}, Zt = () => !0, Xt = () => !1, Qt = () => xe(Jt, Zt, Xt), qe = (e, t) => {
+  const a = Qt(), [s, o] = le(() => a ? e() : t), [i, c] = le(a);
+  return a && !i && (c(!0), o(e())), [s, o];
+}, Kt = () => !1, en = (e) => {
+  const t = U(() => e === void 0 || typeof window > "u" ? null : window.matchMedia(e), [e]), a = _(
+    (o) => t === null ? () => {
+    } : (t.addEventListener("change", o), () => t.removeEventListener("change", o)),
+    [t]
+  ), s = _(() => t === null ? !1 : t.matches, [t]);
+  return xe(a, s, Kt);
+}, ie = typeof window < "u" ? Ie : ee, sn = (e) => {
   const {
-    menuList: n,
+    menuList: t,
     menuHeader: a,
     onClickSignout: s,
-    isMenuhide: l,
-    isMenuHide: o,
-    theme: u,
+    isMenuhide: o,
+    isMenuHide: i,
+    theme: c,
     toggleTheme: d,
-    onMenuNavigate: m,
-    isPinned: x,
-    pinnedWidth: y = 240,
-    onPinChange: N,
-    pinnedSubmenuIds: w,
-    initialPinnedSubmenuIds: j,
-    onSubmenuPinChange: C,
-    closeOnEscape: R = "auto"
-  } = t, c = o ?? l ?? !1, [p, S] = X(() => {
-    try {
-      return localStorage.getItem("aiquants-menu-pinned") === "true";
-    } catch {
-      return !1;
-    }
-  }), k = x !== void 0 ? x : p, [T, I] = X(k);
-  F(() => {
-    k && I(!0);
-  }, [k]);
-  const [D, Q] = X(() => {
-    if (j)
-      return j;
-    try {
-      const h = localStorage.getItem("aiquants-submenu-pinned");
-      if (h) {
-        const e = JSON.parse(h);
-        if (Array.isArray(e))
-          return e.filter((i) => typeof i == "number");
-      }
-    } catch {
-    }
-    return [];
-  }), K = w !== void 0 ? w : D, z = _(
-    (h) => {
-      const e = w !== void 0 ? w : D, i = e.includes(h) ? e.filter((f) => f !== h) : [...e, h];
-      if (w === void 0) {
-        Q(i);
-        try {
-          localStorage.setItem("aiquants-submenu-pinned", JSON.stringify(i));
-        } catch {
-        }
-      }
-      C && C(i);
+    onMenuNavigate: x,
+    isPinned: b,
+    pinnedWidth: w = 240,
+    onPinChange: y,
+    pinnedSubmenuIds: k,
+    initialPinnedSubmenuIds: E,
+    onSubmenuPinChange: T,
+    closeOnEscape: L = "auto",
+    pinnable: u = !0,
+    tabBar: v
+  } = e, P = i ?? o ?? !1, [me, te] = qe(lt, !1), R = b !== void 0 ? b : me, z = v?.media, G = v?.tabs, J = U(() => G === void 0 ? null : Vt(t, G), [t, G]), D = U(() => z === void 0 ? null : Ft(z), [z]), Z = en(z), M = u && !Z, N = M && R, [S, q] = le(N);
+  ee(() => {
+    N && q(!0);
+  }, [N]);
+  const [O, ne] = qe(() => E ?? ut(), E ?? []), re = k !== void 0 ? k : O, ae = _(
+    (p) => {
+      const $ = k !== void 0 ? k : O, se = $.includes(p) ? $.filter((Fe) => Fe !== p) : [...$, p];
+      k === void 0 && (ne(se), dt(se)), T && T(se);
     },
-    [w, D, C]
-  ), H = L(N);
-  se(() => {
-    H.current = N;
-  }, [N]), se(() => {
-    const h = k ? y : 0, e = `${h}px`;
-    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", e), be(k, h, T || k);
-  }, [k, y, T]), se(() => () => {
-    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", "0px"), be(!1, 0);
+    [k, O, T]
+  ), H = C(y);
+  ie(() => {
+    H.current = y;
+  }, [y]), ie(() => {
+    const p = N ? w : 0, $ = `${p}px`;
+    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", $), Te(N, p, S || N);
+  }, [N, w, S]), ie(() => () => {
+    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", "0px"), Te(!1, 0);
   }, []);
-  const U = L(null), O = L(null), P = _(() => {
-    O.current?.contains(document.activeElement) && U.current?.focus();
-  }, []), ee = _(() => {
-    I(!0);
-  }, []), M = _(() => {
-    if (P(), I(!1), x === void 0) {
-      S(!1);
-      try {
-        localStorage.removeItem("aiquants-menu-pinned");
-      } catch {
-      }
-    }
-    H.current?.(!1, 0);
-  }, [x, P]), G = _(() => {
-    const h = !k, e = h ? y : 0;
-    if (x === void 0) {
-      S(h);
-      try {
-        h ? localStorage.setItem("aiquants-menu-pinned", "true") : localStorage.removeItem("aiquants-menu-pinned");
-      } catch {
+  const X = C(null), n = C(null), l = C(null), m = Ue(), f = _(() => {
+    const p = document.activeElement;
+    if (!(p === null || !l.current?.contains(p))) {
+      if (!Z) {
+        X.current?.focus();
+        return;
       }
+      (p instanceof HTMLElement || p instanceof SVGElement) && p.blur(), n.current?.focus();
     }
-    H.current?.(h, e);
-  }, [k, x, y]), B = _(
-    (h) => {
-      m && m(h), k || (P(), I(!1));
+  }, [Z]), I = C(M);
+  ie(() => {
+    const p = I.current;
+    I.current = M, p && !M && R && (f(), q(!1));
+  }, [M, R, f]);
+  const B = _(() => {
+    q(!0);
+  }, []), h = _(() => {
+    f(), q(!1), M && (b === void 0 && (te(!1), Se(!1)), H.current?.(!1, 0));
+  }, [M, b, f]), A = _(() => {
+    const p = !R, $ = p ? w : 0;
+    b === void 0 && (te(p), Se(p)), H.current?.(p, $);
+  }, [R, b, w]), Y = _(
+    (p) => {
+      x && x(p), N || (f(), q(!1));
     },
-    [m, k, P]
-  ), A = _(
-    (h) => {
-      h.key === "Escape" && M();
+    [x, N, f]
+  ), V = _(
+    (p) => {
+      p.key === "Escape" && h();
     },
-    [M]
-  ), Y = R === !0 || R === "auto" && !k;
-  return F(() => (T && Y ? window.addEventListener("keydown", A) : window.removeEventListener("keydown", A), () => {
-    window.removeEventListener("keydown", A);
-  }), [T, Y, A]), c ? null : /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-bar ${u}`, children: [
-    /* @__PURE__ */ r.jsx(wt, { ref: U, isMenuOpen: T, onMenuOpen: ee, onMenuClose: M }),
+    [h]
+  ), we = L === !0 || L === "auto" && !N;
+  return ee(() => (S && we ? window.addEventListener("keydown", V) : window.removeEventListener("keydown", V), () => {
+    window.removeEventListener("keydown", V);
+  }), [S, we, V]), P ? null : /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-bar ${c}`, children: [
+    D === null ? null : /* @__PURE__ */ r.jsx("style", { nonce: v?.nonce, suppressHydrationWarning: !0, children: D }),
+    /* @__PURE__ */ r.jsx(Gt, { ref: X, isMenuOpen: S, onMenuOpen: B, onMenuClose: h }),
+    J === null ? null : /* @__PURE__ */ r.jsx(Ut, { tabs: J, menuList: t, menuOpen: S, drawerId: m, onMenuOpen: B, onMenuClose: h, onTabSelected: Y, menuTabRef: n }),
     /* @__PURE__ */ r.jsx(
-      xt,
+      It,
       {
-        ref: O,
-        menuList: n,
+        ref: l,
+        id: J === null ? void 0 : m,
+        menuList: t,
         menuHeader: a,
         onClickSignout: s,
-        onMenuSelected: B,
-        open: T,
-        theme: u,
+        onMenuSelected: Y,
+        open: S,
+        theme: c,
         toggleTheme: d,
-        isPinned: k,
-        onTogglePin: G,
-        pinnedSubmenuIds: K,
-        onToggleSubmenuPin: z
+        canPin: M,
+        isPinned: N,
+        onTogglePin: A,
+        pinnedSubmenuIds: re,
+        onToggleSubmenuPin: ae
       }
     ),
-    /* @__PURE__ */ r.jsx(kt, { isOverlay: T && !k, onOverlayClick: M })
+    /* @__PURE__ */ r.jsx(Lt, { isOverlay: S && !N, onOverlayClick: h })
   ] });
 };
 export {
-  Be as DefaultLink,
-  ie as MENU_PIN_CHANGE_EVENT,
-  Et as MenuBar,
-  _t as SessionInfo,
-  be as dispatchMenuPinChange,
-  Ee as getInitialPinState,
-  Ze as subscribeMenuPinChange,
-  jt as useMenuPinState
+  ct as DefaultLink,
+  pe as MENU_PIN_CHANGE_EVENT,
+  sn as MenuBar,
+  rn as SessionInfo,
+  Te as dispatchMenuPinChange,
+  ze as getInitialPinState,
+  ft as subscribeMenuPinChange,
+  an as useMenuPinState
 };