@aiquants/menu-bar 1.17.9 → 1.18.0

package/dist/index.es.js

@@ -1,149 +1,149 @@
-import ke, { forwardRef as me, createElement as B, useMemo as re, useState as z, useRef as C, useEffect as L, useCallback as w, useLayoutEffect as pe } from "react";
-import { useLocation as we, Link as he } from "react-router-dom";
-var D = { exports: {} }, O = {};
-var oe;
-function je() {
-  if (oe) return O;
-  oe = 1;
-  var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function o(a, c, i) {
-    var u = null;
-    if (i !== void 0 && (u = "" + i), c.key !== void 0 && (u = "" + c.key), "key" in c) {
-      i = {};
-      for (var p in c)
-        p !== "key" && (i[p] = c[p]);
-    } else i = c;
-    return c = i.ref, {
+import Ee, { forwardRef as be, createElement as re, useCallback as k, useSyncExternalStore as _e, useMemo as oe, useState as J, useRef as T, useEffect as $, useLayoutEffect as xe } from "react";
+import { useLocation as Se, Link as ge } from "react-router-dom";
+var Z = { exports: {} }, V = {};
+var ie;
+function Ce() {
+  if (ie) return V;
+  ie = 1;
+  var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function s(a, l, o) {
+    var c = null;
+    if (o !== void 0 && (c = "" + o), l.key !== void 0 && (c = "" + l.key), "key" in l) {
+      o = {};
+      for (var h in l)
+        h !== "key" && (o[h] = l[h]);
+    } else o = l;
+    return l = o.ref, {
       $$typeof: n,
       type: a,
-      key: u,
-      ref: c !== void 0 ? c : null,
-      props: i
+      key: c,
+      ref: l !== void 0 ? l : null,
+      props: o
     };
   }
-  return O.Fragment = r, O.jsx = o, O.jsxs = o, O;
+  return V.Fragment = t, V.jsx = s, V.jsxs = s, V;
 }
-var I = {};
-var se;
-function Ne() {
-  return se || (se = 1, process.env.NODE_ENV !== "production" && (function() {
+var W = {};
+var le;
+function Pe() {
+  return le || (le = 1, process.env.NODE_ENV !== "production" && (function() {
     function n(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === k ? null : e.displayName || e.name || null;
+        return e.$$typeof === X ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case m:
           return "Fragment";
         case N:
           return "Profiler";
-        case _:
+        case M:
           return "StrictMode";
-        case P:
+        case z:
           return "Suspense";
-        case H:
+        case B:
           return "SuspenseList";
-        case q:
+        case Y:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case s:
+          case i:
             return "Portal";
-          case F:
+          case I:
             return e.displayName || "Context";
-          case Y:
+          case j:
             return (e._context.displayName || "Context") + ".Consumer";
-          case V:
-            var l = e.render;
-            return e = e.displayName, e || (e = l.displayName || l.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case W:
-            return l = e.displayName || null, l !== null ? l : n(e.type) || "Memo";
-          case T:
-            l = e._payload, e = e._init;
+          case L:
+            var u = e.render;
+            return e = e.displayName, e || (e = u.displayName || u.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Q:
+            return u = e.displayName || null, u !== null ? u : n(e.type) || "Memo";
+          case D:
+            u = e._payload, e = e._init;
             try {
-              return n(e(l));
+              return n(e(u));
             } catch {
             }
         }
       return null;
     }
-    function r(e) {
+    function t(e) {
       return "" + e;
     }
-    function o(e) {
+    function s(e) {
       try {
-        r(e);
-        var l = !1;
+        t(e);
+        var u = !1;
       } catch {
-        l = !0;
+        u = !0;
       }
-      if (l) {
-        l = console;
-        var h = l.error, y = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return h.call(
-          l,
+      if (u) {
+        u = console;
+        var b = u.error, g = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return b.call(
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          y
-        ), r(e);
+          g
+        ), t(e);
       }
     }
     function a(e) {
       if (e === m) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === T)
+      if (typeof e == "object" && e !== null && e.$$typeof === D)
         return "<...>";
       try {
-        var l = n(e);
-        return l ? "<" + l + ">" : "<...>";
+        var u = n(e);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
-      var e = E.A;
+    function l() {
+      var e = R.A;
       return e === null ? null : e.getOwner();
     }
-    function i() {
+    function o() {
       return Error("react-stack-top-frame");
     }
-    function u(e) {
-      if (R.call(e, "key")) {
-        var l = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (l && l.isReactWarning) return !1;
+    function c(e) {
+      if (F.call(e, "key")) {
+        var u = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function p(e, l) {
-      function h() {
-        X || (X = !0, console.error(
+    function h(e, u) {
+      function b() {
+        H || (H = !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)",
-          l
+          u
         ));
       }
-      h.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: h,
+      b.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: b,
         configurable: !0
       });
     }
-    function b() {
+    function p() {
       var e = n(this.type);
-      return K[e] || (K[e] = !0, console.error(
+      return x[e] || (x[e] = !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;
     }
-    function d(e, l, h, y, $, J) {
-      var v = h.ref;
+    function f(e, u, b, g, G, ee) {
+      var y = b.ref;
       return e = {
-        $$typeof: S,
+        $$typeof: C,
         type: e,
-        key: l,
-        props: h,
-        _owner: y
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(e, "ref", {
+        key: u,
+        props: b,
+        _owner: g
+      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: b
+        get: p
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -158,134 +158,120 @@ function Ne() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $
+        value: G
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: J
+        value: ee
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function f(e, l, h, y, $, J) {
-      var v = l.children;
-      if (v !== void 0)
-        if (y)
-          if (U(v)) {
-            for (y = 0; y < v.length; y++)
-              g(v[y]);
-            Object.freeze && Object.freeze(v);
+    function d(e, u, b, g, G, ee) {
+      var y = u.children;
+      if (y !== void 0)
+        if (g)
+          if (K(y)) {
+            for (g = 0; g < y.length; g++)
+              w(y[g]);
+            Object.freeze && Object.freeze(y);
           } 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 g(v);
-      if (R.call(l, "key")) {
-        v = n(e);
-        var A = Object.keys(l).filter(function(ge) {
-          return ge !== "key";
+        else w(y);
+      if (F.call(u, "key")) {
+        y = n(e);
+        var q = Object.keys(u).filter(function(Ne) {
+          return Ne !== "key";
         });
-        y = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", ne[v + y] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+        g = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", U[y + g] || (q = 0 < q.length ? "{" + q.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} />`,
+          g,
           y,
-          v,
-          A,
-          v
-        ), ne[v + y] = !0);
+          q,
+          y
+        ), U[y + g] = !0);
       }
-      if (v = null, h !== void 0 && (o(h), v = "" + h), u(l) && (o(l.key), v = "" + l.key), "key" in l) {
-        h = {};
-        for (var G in l)
-          G !== "key" && (h[G] = l[G]);
-      } else h = l;
-      return v && p(
-        h,
+      if (y = null, b !== void 0 && (s(b), y = "" + b), c(u) && (s(u.key), y = "" + u.key), "key" in u) {
+        b = {};
+        for (var te in u)
+          te !== "key" && (b[te] = u[te]);
+      } else b = u;
+      return y && h(
+        b,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), d(
+      ), f(
         e,
-        v,
-        h,
-        c(),
-        $,
-        J
+        y,
+        b,
+        l(),
+        G,
+        ee
       );
     }
-    function g(e) {
-      j(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? j(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function w(e) {
+      v(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === D && (e._payload.status === "fulfilled" ? v(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function j(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === S;
+    function v(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === C;
     }
-    var x = ke, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.portal"), m = /* @__PURE__ */ Symbol.for("react.fragment"), _ = /* @__PURE__ */ Symbol.for("react.strict_mode"), N = /* @__PURE__ */ Symbol.for("react.profiler"), Y = /* @__PURE__ */ Symbol.for("react.consumer"), F = /* @__PURE__ */ Symbol.for("react.context"), V = /* @__PURE__ */ Symbol.for("react.forward_ref"), P = /* @__PURE__ */ Symbol.for("react.suspense"), H = /* @__PURE__ */ Symbol.for("react.suspense_list"), W = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), q = /* @__PURE__ */ Symbol.for("react.activity"), k = /* @__PURE__ */ Symbol.for("react.client.reference"), E = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, R = Object.prototype.hasOwnProperty, U = Array.isArray, Z = console.createTask ? console.createTask : function() {
+    var S = Ee, C = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.portal"), m = /* @__PURE__ */ Symbol.for("react.fragment"), M = /* @__PURE__ */ Symbol.for("react.strict_mode"), N = /* @__PURE__ */ Symbol.for("react.profiler"), j = /* @__PURE__ */ Symbol.for("react.consumer"), I = /* @__PURE__ */ Symbol.for("react.context"), L = /* @__PURE__ */ Symbol.for("react.forward_ref"), z = /* @__PURE__ */ Symbol.for("react.suspense"), B = /* @__PURE__ */ Symbol.for("react.suspense_list"), Q = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), Y = /* @__PURE__ */ Symbol.for("react.activity"), X = /* @__PURE__ */ Symbol.for("react.client.reference"), R = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, K = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
-    x = {
+    S = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var X, K = {}, ee = x.react_stack_bottom_frame.bind(
-      x,
-      i
-    )(), te = Z(a(i)), ne = {};
-    I.Fragment = m, I.jsx = function(e, l, h) {
-      var y = 1e4 > E.recentlyCreatedOwnerStacks++;
-      return f(
+    var H, x = {}, E = S.react_stack_bottom_frame.bind(
+      S,
+      o
+    )(), A = O(a(o)), U = {};
+    W.Fragment = m, W.jsx = function(e, u, b) {
+      var g = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return d(
         e,
-        l,
-        h,
+        u,
+        b,
         !1,
-        y ? Error("react-stack-top-frame") : ee,
-        y ? Z(a(e)) : te
+        g ? Error("react-stack-top-frame") : E,
+        g ? O(a(e)) : A
       );
-    }, I.jsxs = function(e, l, h) {
-      var y = 1e4 > E.recentlyCreatedOwnerStacks++;
-      return f(
+    }, W.jsxs = function(e, u, b) {
+      var g = 1e4 > R.recentlyCreatedOwnerStacks++;
+      return d(
         e,
-        l,
-        h,
+        u,
+        b,
         !0,
-        y ? Error("react-stack-top-frame") : ee,
-        y ? Z(a(e)) : te
+        g ? Error("react-stack-top-frame") : E,
+        g ? O(a(e)) : A
       );
     };
-  })()), I;
+  })()), W;
 }
-var ae;
-function Ee() {
-  return ae || (ae = 1, process.env.NODE_ENV === "production" ? D.exports = je() : D.exports = Ne()), D.exports;
+var ce;
+function Me() {
+  return ce || (ce = 1, process.env.NODE_ENV === "production" ? Z.exports = Ce() : Z.exports = Pe()), Z.exports;
 }
-var t = Ee();
-const _e = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==", Se = ({ to: n, className: r, children: o }) => /* @__PURE__ */ t.jsx("a", { href: n, className: r, children: o }), nt = (n) => {
-  const { user: r, LinkComponent: o = Se } = n;
-  return /* @__PURE__ */ t.jsx("div", { className: "max-h-20 max-w-52", children: /* @__PURE__ */ t.jsx("div", { className: "flex grow flex-col", children: r ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "flex flex-row", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "aiquants-session-photo m-1 h-14 w-14 p-0.5", children: /* @__PURE__ */ t.jsx("img", { className: "object-contain", src: r.photo || _e, "aria-label": "profile photo" }) }),
-      /* @__PURE__ */ t.jsxs("div", { className: "mx-1 flex flex-col", children: [
-        /* @__PURE__ */ t.jsx(o, { className: "aiquants-session-link my-1 rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィールを編集" }),
-        /* @__PURE__ */ t.jsx(o, { className: "aiquants-session-link rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィール" }),
-        /* @__PURE__ */ t.jsx(o, { className: "aiquants-session-link my-1 rounded-lg px-2 text-center text-xs", to: "https://myaccount.google.com/", children: "Google Account" })
-      ] })
-    ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "aiquants-session-info mb-1 min-h-[1em] w-full rounded-r-lg px-2 py-0.5 text-xs", children: r.displayName })
-  ] }) : /* @__PURE__ */ t.jsx("div", { className: "aiquants-session-info mb-1 min-h-[1em] w-9/12 rounded-r-lg py-0.5 pl-1 text-xs", children: "ログインはこちら" }) }) });
-};
-const Ce = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Te = (n) => n.replace(
+var r = Me();
+const Te = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Re = (n) => n.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (r, o, a) => a ? a.toUpperCase() : o.toLowerCase()
-), le = (n) => {
-  const r = Te(n);
-  return r.charAt(0).toUpperCase() + r.slice(1);
-}, be = (...n) => n.filter((r, o, a) => !!r && r.trim() !== "" && a.indexOf(r) === o).join(" ").trim(), Re = (n) => {
-  for (const r in n)
-    if (r.startsWith("aria-") || r === "role" || r === "title")
+  (t, s, a) => a ? a.toUpperCase() : s.toLowerCase()
+), ue = (n) => {
+  const t = Re(n);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, ye = (...n) => n.filter((t, s, a) => !!t && t.trim() !== "" && a.indexOf(t) === s).join(" ").trim(), Oe = (n) => {
+  for (const t in n)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
 };
-var Me = {
+var Ae = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -296,51 +282,162 @@ var Me = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const Pe = me(
+const Ie = be(
   ({
     color: n = "currentColor",
-    size: r = 24,
-    strokeWidth: o = 2,
+    size: t = 24,
+    strokeWidth: s = 2,
     absoluteStrokeWidth: a,
-    className: c = "",
-    children: i,
-    iconNode: u,
-    ...p
-  }, b) => B(
+    className: l = "",
+    children: o,
+    iconNode: c,
+    ...h
+  }, p) => re(
     "svg",
     {
-      ref: b,
-      ...Me,
-      width: r,
-      height: r,
+      ref: p,
+      ...Ae,
+      width: t,
+      height: t,
       stroke: n,
-      strokeWidth: a ? Number(o) * 24 / Number(r) : o,
-      className: be("lucide", c),
-      ...!i && !Re(p) && { "aria-hidden": "true" },
-      ...p
+      strokeWidth: a ? Number(s) * 24 / Number(t) : s,
+      className: ye("lucide", l),
+      ...!o && !Oe(h) && { "aria-hidden": "true" },
+      ...h
     },
     [
-      ...u.map(([d, f]) => B(d, f)),
-      ...Array.isArray(i) ? i : [i]
+      ...c.map(([f, d]) => re(f, d)),
+      ...Array.isArray(o) ? o : [o]
     ]
   )
 );
-const M = (n, r) => {
-  const o = me(
-    ({ className: a, ...c }, i) => B(Pe, {
-      ref: i,
-      iconNode: r,
-      className: be(
-        `lucide-${Ce(le(n))}`,
+const P = (n, t) => {
+  const s = be(
+    ({ className: a, ...l }, o) => re(Ie, {
+      ref: o,
+      iconNode: t,
+      className: ye(
+        `lucide-${Te(ue(n))}`,
         `lucide-${n}`,
         a
       ),
-      ...c
+      ...l
     })
   );
-  return o.displayName = le(n), o;
+  return s.displayName = ue(n), s;
 };
-const Ae = [
+const Le = [
+  ["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" }]
+], qe = P("external-link", Le);
+const $e = [
+  ["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" }]
+], ze = P("user", $e), De = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==", Ye = ({ to: n, className: t, children: s }) => /* @__PURE__ */ r.jsx("a", { href: n, className: t, children: s }), mt = (n) => {
+  const { user: t, LinkComponent: s = Ye } = n;
+  return /* @__PURE__ */ r.jsx("div", { className: "w-full", children: t ? /* @__PURE__ */ r.jsxs("div", { className: "aiquants-session-card group relative flex flex-col gap-1.5 rounded-lg border border-white/20 bg-white/10 p-2 shadow-sm transition-all 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", children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "relative shrink-0", children: [
+        /* @__PURE__ */ r.jsx("div", { className: "h-7 w-7 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 || De, alt: t.displayName || "user profile" }) }),
+        /* @__PURE__ */ r.jsx("span", { className: "absolute -right-0.5 -bottom-0.5 h-2 w-2 rounded-full border 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: "truncate font-semibold text-[11px] text-white tracking-tight dark:text-slate-100", title: t.displayName, children: t.displayName }),
+        /* @__PURE__ */ r.jsx("div", { className: "mt-0.5 text-[9px] text-white/70 tracking-tight dark:text-slate-400", children: "Google Account" })
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-2 gap-1 border-white/15 border-t pt-1 dark:border-slate-700/50", children: [
+      /* @__PURE__ */ r.jsxs(
+        s,
+        {
+          className: "flex items-center justify-center gap-1 rounded border border-white/15 bg-white/10 px-1.5 py-0.5 font-medium text-[10px] text-white transition-all 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",
+          to: "/",
+          children: [
+            /* @__PURE__ */ r.jsx(ze, { size: 10, className: "shrink-0 opacity-80" }),
+            /* @__PURE__ */ r.jsx("span", { className: "truncate", children: "プロフィール" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r.jsxs(
+        s,
+        {
+          className: "flex items-center justify-center gap-1 rounded border border-white/15 bg-white/10 px-1.5 py-0.5 font-medium text-[10px] text-white transition-all 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",
+          to: "https://myaccount.google.com/",
+          children: [
+            /* @__PURE__ */ r.jsx(qe, { size: 10, className: "shrink-0 opacity-80" }),
+            /* @__PURE__ */ r.jsx("span", { className: "truncate", children: "Google" })
+          ]
+        }
+      )
+    ] })
+  ] }) : /* @__PURE__ */ r.jsx("div", { className: "aiquants-session-card flex items-center justify-between rounded-lg border border-white/20 bg-white/10 p-2 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: "ログインしてください" }) }) });
+}, se = "aiquants-menu-pin-change";
+let _ = { pinned: !1, width: 0 };
+const ve = (n = 240) => {
+  if (typeof window > "u" || typeof document > "u")
+    return { pinned: !1, width: 0 };
+  try {
+    const t = getComputedStyle(document.documentElement).getPropertyValue("--aiquants-menu-pinned-width").trim();
+    if (t) {
+      const o = Number.parseInt(t, 10);
+      if (!Number.isNaN(o)) {
+        const c = o > 0, h = c ? o || n : 0;
+        return _.pinned === c && _.width === h || (_ = { pinned: c, width: h }), _;
+      }
+    }
+    const a = localStorage.getItem("aiquants-menu-pinned") === "true", l = a ? n : 0;
+    return _.pinned === a && _.width === l || (_ = { pinned: a, width: l }), _;
+  } catch {
+    return { pinned: !1, width: 0 };
+  }
+}, de = (n, t) => {
+  if (typeof window > "u") return;
+  const s = { pinned: n, width: t };
+  (_.pinned !== n || _.width !== t) && (_ = s);
+  const a = new CustomEvent(se, {
+    detail: s,
+    bubbles: !0,
+    cancelable: !1
+  });
+  window.dispatchEvent(a);
+}, He = (n, t) => {
+  if (typeof window > "u")
+    return () => {
+    };
+  const { immediate: s = !0, defaultPinnedWidth: a = 240 } = t ?? {};
+  if (s) {
+    const o = ve(a);
+    n(o);
+  }
+  const l = (o) => {
+    const c = o;
+    c.detail && n(c.detail);
+  };
+  return window.addEventListener(se, l, { passive: !0 }), () => {
+    window.removeEventListener(se, l);
+  };
+}, pt = (n) => {
+  const t = n?.defaultPinnedWidth ?? 240, s = n?.initialPinned ?? !1, a = k(
+    (c) => He(
+      () => {
+        c();
+      },
+      { immediate: !1, defaultPinnedWidth: t }
+    ),
+    [t]
+  ), l = k(() => ve(t), [t]), o = k(() => ({
+    pinned: s,
+    width: s ? t : 0
+  }), [s, t]);
+  return _e(a, l, o);
+};
+const Ve = [
+  ["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" }]
+], We = P("log-out", Ve);
+const Fe = [
   ["path", { d: "M12 17v5", key: "bb1du9" }],
   [
     "path",
@@ -349,8 +446,8 @@ const Ae = [
       key: "1nkz8b"
     }
   ]
-], xe = M("pin", Ae);
-const Oe = [
+], ke = P("pin", Fe);
+const Ue = [
   ["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" }],
@@ -361,18 +458,18 @@ const Oe = [
       key: "c9qhm2"
     }
   ]
-], ye = M("pin-off", Oe);
-const Ie = [
+], we = P("pin-off", Ue);
+const Ge = [
   ["path", { d: "M5 21v-6", key: "1hz6c0" }],
   ["path", { d: "M12 21V9", key: "uvy0l4" }],
   ["path", { d: "M19 21V3", key: "11j9sm" }]
-], Le = M("chart-no-axes-column-increasing", Ie);
-const qe = [
+], Ze = P("chart-no-axes-column-increasing", Ge);
+const Je = [
   ["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" }]
-], $e = M("download", qe);
-const De = [
+], Be = P("download", Je);
+const Qe = [
   [
     "path",
     {
@@ -384,46 +481,46 @@ const De = [
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
-], ie = M("file-text", De);
-const ze = [
+], fe = P("file-text", Qe);
+const Xe = [
   ["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" }]
-], Ye = M("link", ze);
-const Fe = [
+], Ke = P("link", Xe);
+const et = [
   ["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" }]
-], Ve = M("lock", Fe);
-const He = [
+], tt = P("lock", et);
+const nt = [
   ["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" }]
-], We = M("table", He), Ue = typeof window < "u" ? pe : L, ce = "aiquants-menu-scroll", ve = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), Ze = {
-  report: ie,
-  slip: ie,
-  table: We,
-  chart: Le,
-  download: $e,
-  lock: Ve,
-  href: Ye
-}, Je = ({ mark: n, children: r }) => {
-  const o = n ? Ze[n] : void 0;
-  return o ? /* @__PURE__ */ t.jsxs("div", { className: "flex flex-nowrap items-center", children: [
-    /* @__PURE__ */ t.jsx(o, { className: "h-4 w-4" }),
-    /* @__PURE__ */ t.jsx("div", { className: "aiquants-menu-link mx-1 hover:underline", children: r })
-  ] }) : /* @__PURE__ */ t.jsx("span", { className: "mx-1 text-sky-600 hover:underline dark:text-sky-400", children: r });
-}, Q = (n, r) => r ? {
+], rt = P("table", nt), st = typeof window < "u" ? xe : $, he = "aiquants-menu-scroll", je = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), at = {
+  report: fe,
+  slip: fe,
+  table: rt,
+  chart: Ze,
+  download: Be,
+  lock: tt,
+  href: Ke
+}, ot = ({ mark: n, children: t }) => {
+  const s = n ? at[n] : void 0;
+  return s ? /* @__PURE__ */ r.jsxs("div", { className: "flex flex-nowrap items-center", children: [
+    /* @__PURE__ */ r.jsx(s, { className: "h-3.5 w-3.5 shrink-0" }),
+    /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-link mx-1 hover:underline", children: t })
+  ] }) : /* @__PURE__ */ r.jsx("span", { className: "mx-1 text-sky-600 hover:underline dark:text-sky-400", children: t });
+}, ae = (n, t) => t ? {
   menu: {
     id: n.id,
     title: n.title,
     href: n.href
   },
   submenu: {
-    subid: r.subid,
-    title: r.title,
-    href: r.href,
-    mark: r.mark,
-    new: r.new
+    subid: t.subid,
+    title: t.title,
+    href: t.href,
+    mark: t.mark,
+    new: t.new
   }
 } : {
   menu: {
@@ -431,288 +528,316 @@ const He = [
     title: n.title,
     href: n.href
   }
-}, Ge = ({ item: n, parentMenu: r, onMenuSelected: o }) => {
+}, it = ({ item: n, parentMenu: t, onMenuSelected: s }) => {
   if (n.href === "separator")
-    return /* @__PURE__ */ t.jsx("hr", { className: "aiquants-menu-separator mx-2 my-1 h-px" });
-  const a = /* @__PURE__ */ t.jsx(Je, { mark: n.mark, children: n.title }), c = {
+    return /* @__PURE__ */ r.jsx("hr", { className: "aiquants-menu-separator mx-2 my-1 h-px" });
+  const a = /* @__PURE__ */ r.jsx(ot, { mark: n.mark, children: n.title }), l = {
     onClick: () => {
-      o && o(Q(r, n));
+      s && s(ae(t, n));
     }
   };
-  return n.new ? /* @__PURE__ */ t.jsx("a", { href: n.href, rel: "noopener noreferrer", target: "_blank", ...c, children: a }) : ve.test(n.href) ? /* @__PURE__ */ t.jsx("a", { href: n.href, ...c, children: a }) : /* @__PURE__ */ t.jsx(he, { to: n.href, ...c, children: a });
-}, ue = (n) => n ? n.split(/[?#]/)[0].replace(/(?!^\/)\/$/, "") : "", de = (n, r) => {
-  const o = r !== "/" && r.endsWith("/") ? r.slice(0, -1) : r;
+  return n.new ? /* @__PURE__ */ r.jsx("a", { href: n.href, rel: "noopener noreferrer", target: "_blank", ...l, children: a }) : je.test(n.href) ? /* @__PURE__ */ r.jsx("a", { href: n.href, ...l, children: a }) : /* @__PURE__ */ r.jsx(ge, { to: n.href, ...l, children: a });
+}, me = (n) => n ? n.split(/[?#]/)[0].replace(/(?!^\/)\/$/, "") : "", pe = (n, t) => {
+  const s = t !== "/" && t.endsWith("/") ? t.slice(0, -1) : t;
   for (const a of n) {
-    if (ue(a.href) === o)
+    if (me(a.href) === s)
       return a.id;
     if (a.submenu) {
-      for (const c of a.submenu)
-        if (ue(c.href) === o)
+      for (const l of a.submenu)
+        if (me(l.href) === s)
           return a.id;
     }
   }
   return null;
-}, Be = (n) => {
-  const { menuList: r, onMenuSelected: o, pinnedSubmenuIds: a = [], onToggleSubmenuPin: c } = n;
-  let i = "";
+}, lt = (n) => {
+  const { menuList: t, onMenuSelected: s, pinnedSubmenuIds: a = [], onToggleSubmenuPin: l } = n;
+  let o = "";
   try {
-    i = we().pathname;
+    o = Se().pathname;
   } catch {
-    typeof window < "u" && (i = window.location.pathname);
+    typeof window < "u" && (o = window.location.pathname);
   }
-  const u = re(() => de(r, i), [r, i]), [p, b] = z(u), d = C(i), f = C(u !== null);
-  L(() => {
-    if (d.current !== i && (d.current = i, f.current = !1), !f.current) {
-      const s = de(r, i);
-      s !== null && (b(s), f.current = !0);
+  const c = oe(() => pe(t, o), [t, o]), [h, p] = J(c), f = T(o), d = T(c !== null);
+  $(() => {
+    if (f.current !== o && (f.current = o, d.current = !1), !d.current) {
+      const i = pe(t, o);
+      i !== null && (p(i), d.current = !0);
     }
-  }, [i, r]);
-  const g = w(
-    (s) => {
-      a.includes(s) || b((_) => _ === s ? null : s);
+  }, [o, t]);
+  const w = k(
+    (i) => {
+      a.includes(i) || p((M) => M === i ? null : i);
     },
     [a]
-  ), j = C(null);
-  Ue(() => {
-    const s = j.current;
-    if (s)
+  ), v = T(null);
+  st(() => {
+    const i = v.current;
+    if (i)
       try {
-        const m = sessionStorage.getItem(ce);
+        const m = sessionStorage.getItem(he);
         if (m !== null) {
-          const _ = Number.parseFloat(m);
-          Number.isNaN(_) || (s.scrollTop = _);
+          const M = Number.parseFloat(m);
+          Number.isNaN(M) || (i.scrollTop = M);
         }
       } catch {
       }
   }, []);
-  const x = w(() => {
-    const s = j.current;
-    if (s)
+  const S = k(() => {
+    const i = v.current;
+    if (i)
       try {
-        sessionStorage.setItem(ce, String(s.scrollTop));
+        sessionStorage.setItem(he, String(i.scrollTop));
       } catch {
       }
-  }, []), S = re(() => /* @__PURE__ */ t.jsx(t.Fragment, { children: r.map((s) => /* @__PURE__ */ t.jsx("div", { children: s.href ? /* @__PURE__ */ t.jsx("div", { className: "aiquants-menu-list-item relative mb-1 ml-1 h-full rounded-l-2xl p-2 align-middle text-sm before:-mt-1 before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:align-middle before:content-['']", children: ve.test(s.href) ? /* @__PURE__ */ t.jsx(
+  }, []), C = oe(() => /* @__PURE__ */ r.jsx(r.Fragment, { children: t.map((i) => /* @__PURE__ */ r.jsx("div", { children: i.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 py-1 text-xs before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] sm:text-sm", children: je.test(i.href) ? /* @__PURE__ */ r.jsx(
     "a",
     {
-      href: s.href,
+      href: i.href,
       onClick: () => {
-        o && o(Q(s));
+        s && s(ae(i));
       },
-      children: /* @__PURE__ */ t.jsx("span", { className: "aiquants-menu-link hover:underline", children: s.title })
+      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: i.title })
     }
-  ) : /* @__PURE__ */ t.jsx(
-    he,
+  ) : /* @__PURE__ */ r.jsx(
+    ge,
     {
-      to: s.href,
+      to: i.href,
       onClick: () => {
-        o && o(Q(s));
+        s && s(ae(i));
       },
-      children: /* @__PURE__ */ t.jsx("span", { className: "aiquants-menu-link hover:underline", children: s.title })
+      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: i.title })
     }
-  ) }) : /* @__PURE__ */ t.jsxs("details", { className: "aiquants-menu-accordion-details", open: s.id === p || a.includes(s.id), children: [
-    /* @__PURE__ */ t.jsxs(
+  ) }) : /* @__PURE__ */ r.jsxs("details", { className: "aiquants-menu-accordion-details", open: i.id === h || a.includes(i.id), children: [
+    /* @__PURE__ */ r.jsxs(
       "summary",
       {
-        className: "aiquants-menu-list-item aiquants-menu-accordion-summary relative mb-1 ml-1 h-full list-none rounded-l-2xl p-2 text-sm outline-none before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:content-['']",
+        className: "aiquants-menu-list-item aiquants-menu-accordion-summary relative mb-0.5 ml-1 list-none rounded-l-xl px-2.5 py-1 text-xs outline-none before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] sm:text-sm",
         onClick: (m) => {
-          m.preventDefault(), g(s.id);
+          m.preventDefault(), w(i.id);
         },
         onKeyDown: (m) => {
-          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), g(s.id));
+          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), w(i.id));
         },
         children: [
-          /* @__PURE__ */ t.jsx("span", { children: s.title }),
-          /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ r.jsx("span", { children: i.title }),
+          /* @__PURE__ */ r.jsx(
             "button",
             {
               type: "button",
               onClick: (m) => {
-                m.stopPropagation(), m.preventDefault(), c && c(s.id);
+                m.stopPropagation(), m.preventDefault(), l && l(i.id);
               },
-              className: `aiquants-submenu-pin-button ${a.includes(s.id) ? "pinned" : ""}`,
-              title: a.includes(s.id) ? "ピン留め解除" : "ピン留め",
-              children: a.includes(s.id) ? /* @__PURE__ */ t.jsx(xe, { size: 14 }) : /* @__PURE__ */ t.jsx(ye, { size: 14 })
+              className: `aiquants-submenu-pin-button ${a.includes(i.id) ? "pinned" : ""}`,
+              title: a.includes(i.id) ? "ピン留め解除" : "ピン留め",
+              children: a.includes(i.id) ? /* @__PURE__ */ r.jsx(ke, { size: 13 }) : /* @__PURE__ */ r.jsx(we, { size: 13 })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ t.jsx("div", { className: "aiquants-menu-submenu pointer-events-auto my-1 mr-1 ml-4 rounded p-2 shadow-md", children: s.submenu.map((m) => /* @__PURE__ */ t.jsx("div", { className: "aiquants-menu-accordion-container block w-full whitespace-nowrap text-sm", children: /* @__PURE__ */ t.jsx(Ge, { item: m, parentMenu: s, onMenuSelected: o }) }, m.subid)) })
-  ] }) }, s.id)) }), [r, o, p, g, a]);
-  return /* @__PURE__ */ t.jsx("div", { ref: j, onScroll: x, className: "hidden-scrollbar h-0 grow overflow-y-scroll", children: S });
-}, Qe = (n) => {
-  const { menuList: r, menuHeader: o, open: a, onMenuSelected: c, onClickSignout: i, theme: u, toggleTheme: p, isPinned: b, onTogglePin: d, pinnedSubmenuIds: f, onToggleSubmenuPin: g } = n;
-  return /* @__PURE__ */ t.jsxs("div", { className: `aiquants-menu-content fixed top-0 right-0 z-2147483642 flex min-h-dvh w-[250px] select-none flex-col transition-transform duration-500 ${a ? "aiquants-menu-translate-x-0" : "aiquants-menu-translate-x-250"}`, children: [
-    /* @__PURE__ */ t.jsx("div", { className: "flex h-[100px] flex-col", children: o }),
-    /* @__PURE__ */ t.jsx("div", { className: "flex grow flex-col", children: /* @__PURE__ */ t.jsx(Be, { menuList: r, onMenuSelected: c, pinnedSubmenuIds: f, onToggleSubmenuPin: g }) }),
-    /* @__PURE__ */ t.jsx("div", { className: "px-4 pt-2 pb-4", children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ t.jsx(
+    /* @__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: i.submenu.map((m) => /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-accordion-container block w-full whitespace-nowrap py-0.5 text-xs", children: /* @__PURE__ */ r.jsx(it, { item: m, parentMenu: i, onMenuSelected: s }) }, m.subid)) })
+  ] }) }, i.id)) }), [t, s, h, w, a]);
+  return /* @__PURE__ */ r.jsx("div", { ref: v, onScroll: S, className: "hidden-scrollbar h-0 grow overflow-y-scroll", children: C });
+}, ct = (n) => {
+  const { menuList: t, menuHeader: s, open: a, onMenuSelected: l, onClickSignout: o, theme: c, toggleTheme: h, isPinned: p, onTogglePin: f, pinnedSubmenuIds: d, onToggleSubmenuPin: w } = n;
+  return /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-content fixed top-0 right-0 z-2147483642 flex min-h-dvh w-[240px] select-none flex-col transition-transform duration-500 ${a ? "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: s }),
+    /* @__PURE__ */ r.jsx("div", { className: "flex grow flex-col overflow-y-auto", children: /* @__PURE__ */ r.jsx(lt, { menuList: t, onMenuSelected: l, pinnedSubmenuIds: d, onToggleSubmenuPin: w }) }),
+    /* @__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 items-center justify-between gap-1.5", children: [
+      /* @__PURE__ */ r.jsx(
         "button",
         {
           type: "button",
-          onClick: d,
+          onClick: f,
           "data-aqmb-pin-button": !0,
-          className: `flex items-center justify-center rounded-md px-3 py-2 text-white text-xs shadow-sm transition-colors duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-300/60 ${b ? "bg-amber-500/90 hover:bg-amber-600" : "border border-white/15 bg-white/10 hover:bg-white/20"}`,
-          title: b ? "ピン留め解除" : "ピン留め",
-          "aria-label": b ? "ピン留め解除" : "ピン留め",
-          children: b ? /* @__PURE__ */ t.jsx(xe, { size: 14 }) : /* @__PURE__ */ t.jsx(ye, { size: 14 })
+          className: `flex h-7 items-center justify-center rounded-md px-2 text-[11px] text-white shadow-2xs transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-300/60 ${p ? "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: p ? "ピン留め解除" : "ピン留め",
+          "aria-label": p ? "ピン留め解除" : "ピン留め",
+          children: p ? /* @__PURE__ */ r.jsx(ke, { size: 12 }) : /* @__PURE__ */ r.jsx(we, { size: 12 })
         }
       ),
-      /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ r.jsx(
         "button",
         {
           type: "button",
-          onClick: p,
+          onClick: h,
           "data-aqmb-theme-button": !0,
-          className: "group relative flex items-center justify-center rounded-md border border-white/15 bg-white/10 px-3 py-2 text-white text-xs shadow-sm backdrop-blur-sm transition-all duration-300 hover:border-white/25 hover:bg-white/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 focus-visible:ring-offset-0 dark:border-gray-600/40 dark:bg-gray-800/80 dark:hover:border-gray-500/60 dark:hover:bg-gray-700",
-          title: u === "dark" ? "ライトモードに切り替え" : "ダークモードに切り替え",
-          "aria-label": u === "dark" ? "ライトモードに切り替え" : "ダークモードに切り替え",
-          children: /* @__PURE__ */ t.jsx("span", { className: "text-sm transition-transform duration-300 group-hover:scale-110", children: u === "dark" ? "🌞" : "🌙" })
+          className: "group relative flex h-7 items-center justify-center rounded-md border border-white/20 bg-white/10 px-2 text-[11px] text-white shadow-2xs backdrop-blur-xs transition-all 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: c === "dark" ? "ライトモードに切り替え" : "ダークモードに切り替え",
+          "aria-label": c === "dark" ? "ライトモードに切り替え" : "ダークモードに切り替え",
+          children: /* @__PURE__ */ r.jsx("span", { className: "text-xs transition-transform duration-200 group-hover:scale-110", children: c === "dark" ? "🌞" : "🌙" })
         }
       ),
-      /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ r.jsxs(
         "button",
         {
           type: "button",
           "data-aqmb-signout-button": !0,
-          className: "aiquants-signout-button flex flex-1 items-center justify-center whitespace-nowrap rounded-md bg-red-500/90 px-3 py-2 font-medium text-white text-xs shadow-sm transition-colors duration-300 hover:bg-red-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-300/60",
-          onClick: i,
-          children: /* @__PURE__ */ t.jsx("span", { children: "サインアウト" })
+          className: "aiquants-signout-button flex h-7 flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md bg-red-500/90 px-2.5 font-medium text-[11px] 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,
+          children: [
+            /* @__PURE__ */ r.jsx(We, { size: 11, className: "shrink-0" }),
+            /* @__PURE__ */ r.jsx("span", { children: "サインアウト" })
+          ]
         }
       )
     ] }) })
   ] });
-}, Xe = (n) => {
-  const { isOverlay: r, onOverlayClick: o } = n;
-  return /* @__PURE__ */ t.jsx("button", { type: "button", className: `fixed inset-0 z-2147483640 cursor-default bg-black/50 transition-opacity duration-500 ${r ? "opacity-100" : "pointer-events-none opacity-0"}`, onClick: o });
-}, Ke = (n) => {
-  const { open: r, onMenuOpen: o, onMenuClose: a, theme: c } = n, i = C(r), u = C(null), p = C(null), b = C(null), d = C(null), f = C(null), g = w(() => {
-    if (u.current && p.current && b.current && d.current && f.current) {
-      const N = c === "dark" ? "#fff" : "#000";
-      u.current.style.backgroundColor = N, u.current.style.width = "100%", u.current.style.height = "3px", u.current.style.transform = "", p.current.style.opacity = "1", p.current.style.backgroundColor = N, b.current.style.opacity = "1", b.current.style.backgroundColor = N, d.current.style.backgroundColor = N, d.current.style.width = "100%", d.current.style.height = "3px", d.current.style.transform = "", f.current.style.color = N, f.current.classList.remove("after:content-['close']"), f.current.classList.remove("after:ml-0.5"), f.current.classList.add("after:content-['menu']"), f.current.classList.add("after:-ml-0.5"), i.current = !0;
+}, ut = (n) => {
+  const { isOverlay: t, onOverlayClick: s } = n;
+  return /* @__PURE__ */ r.jsx("button", { type: "button", className: `fixed inset-0 z-2147483640 cursor-default bg-black/50 transition-opacity duration-500 ${t ? "opacity-100" : "pointer-events-none opacity-0"}`, onClick: s });
+}, dt = (n) => {
+  const { open: t, onMenuOpen: s, onMenuClose: a, theme: l } = n, o = T(t), c = T(null), h = T(null), p = T(null), f = T(null), d = T(null), w = k(() => {
+    if (c.current && h.current && p.current && f.current && d.current) {
+      const N = l === "dark" ? "#fff" : "#000";
+      c.current.style.backgroundColor = N, c.current.style.width = "100%", c.current.style.height = "3px", c.current.style.transform = "", h.current.style.opacity = "1", h.current.style.backgroundColor = N, p.current.style.opacity = "1", p.current.style.backgroundColor = N, f.current.style.backgroundColor = N, f.current.style.width = "100%", f.current.style.height = "3px", f.current.style.transform = "", d.current.style.color = N, d.current.classList.remove("after:content-['close']"), d.current.classList.remove("after:ml-0.5"), d.current.classList.add("after:content-['menu']"), d.current.classList.add("after:-ml-0.5"), o.current = !0;
     }
-  }, [c]), j = w(() => {
-    u.current && p.current && b.current && d.current && f.current && (u.current.style.backgroundColor = "#fff", u.current.style.width = "32px", u.current.style.height = "4px", u.current.style.transform = "translateY(9px) rotate(-45deg)", p.current.style.opacity = "0", b.current.style.opacity = "0", d.current.style.backgroundColor = "#fff", d.current.style.width = "32px", d.current.style.height = "4px", d.current.style.transform = "translateY(-9px) rotate(45deg)", f.current.style.color = "#fff", f.current.classList.remove("after:content-['menu']"), f.current.classList.remove("after:-ml-0.5"), f.current.classList.add("after:content-['close']"), f.current.classList.add("after:ml-0.5"), i.current = !1);
-  }, []), x = w(() => {
-    g(), a && a();
-  }, [g, a]), S = w(() => {
-    j(), o && o();
-  }, [j, o]), s = w(() => {
-    i.current ? S() : x();
-  }, [x, S]), m = w((N) => {
+  }, [l]), v = k(() => {
+    c.current && h.current && p.current && f.current && d.current && (c.current.style.backgroundColor = "#fff", c.current.style.width = "32px", c.current.style.height = "4px", c.current.style.transform = "translateY(9px) rotate(-45deg)", h.current.style.opacity = "0", p.current.style.opacity = "0", f.current.style.backgroundColor = "#fff", f.current.style.width = "32px", f.current.style.height = "4px", f.current.style.transform = "translateY(-9px) rotate(45deg)", d.current.style.color = "#fff", d.current.classList.remove("after:content-['menu']"), d.current.classList.remove("after:-ml-0.5"), d.current.classList.add("after:content-['close']"), d.current.classList.add("after:ml-0.5"), o.current = !1);
+  }, []), S = k(() => {
+    w(), a && a();
+  }, [w, a]), C = k(() => {
+    v(), s && s();
+  }, [v, s]), i = k(() => {
+    o.current ? C() : S();
+  }, [S, C]), m = k((N) => {
     N.currentTarget.blur();
-  }, []), _ = w((N) => {
+  }, []), M = k((N) => {
     N.preventDefault();
   }, []);
-  return L(() => {
-    r ? g() : j();
-  }, [r, g, j]), /* @__PURE__ */ t.jsxs("button", { type: "button", "data-aqmb-menu-switch": !0, className: "aiquants-menu-switch fixed z-2147483647 inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden", onClick: s, onFocus: m, onMouseDown: _, tabIndex: -1, children: [
-    /* @__PURE__ */ t.jsx("span", { className: "absolute top-0 left-0 box-border inline-block h-[3px] w-full select-none", ref: u }),
-    /* @__PURE__ */ t.jsx("span", { className: "absolute top-1.5 left-0 box-border inline-block h-[3px] w-full select-none", ref: p }),
-    /* @__PURE__ */ t.jsx("span", { className: "absolute top-3 left-0 box-border inline-block h-[3px] w-full select-none", ref: b }),
-    /* @__PURE__ */ t.jsx("span", { className: "absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none", ref: d }),
-    /* @__PURE__ */ t.jsx("div", { className: "absolute w-full text-xs after:mt-2 after:block", ref: f })
+  return $(() => {
+    t ? w() : v();
+  }, [t, w, v]), /* @__PURE__ */ r.jsxs("button", { type: "button", "data-aqmb-menu-switch": !0, className: "aiquants-menu-switch inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden", onClick: i, onFocus: m, onMouseDown: M, tabIndex: -1, children: [
+    /* @__PURE__ */ r.jsx("span", { className: "absolute top-0 left-0 box-border inline-block h-[3px] w-full select-none", ref: c }),
+    /* @__PURE__ */ r.jsx("span", { className: "absolute top-1.5 left-0 box-border inline-block h-[3px] w-full select-none", ref: h }),
+    /* @__PURE__ */ r.jsx("span", { className: "absolute top-3 left-0 box-border inline-block h-[3px] w-full select-none", ref: p }),
+    /* @__PURE__ */ r.jsx("span", { className: "absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none", ref: f }),
+    /* @__PURE__ */ r.jsx("div", { className: "absolute w-full text-xs after:mt-2 after:block", ref: d })
   ] });
-}, fe = typeof window < "u" ? pe : L, rt = (n) => {
-  const { menuList: r, menuHeader: o, onClickSignout: a, isMenuhide: c, theme: i, toggleTheme: u, onMenuNavigate: p, onPinChange: b, pinnedSubmenuIds: d, initialPinnedSubmenuIds: f, onSubmenuPinChange: g, closeOnEscape: j = "auto" } = n, [x, S] = z(() => {
+}, ne = typeof window < "u" ? xe : $, bt = (n) => {
+  const {
+    menuList: t,
+    menuHeader: s,
+    onClickSignout: a,
+    isMenuhide: l,
+    isMenuHide: o,
+    theme: c,
+    toggleTheme: h,
+    onMenuNavigate: p,
+    isPinned: f,
+    pinnedWidth: d = 240,
+    onPinChange: w,
+    pinnedSubmenuIds: v,
+    initialPinnedSubmenuIds: S,
+    onSubmenuPinChange: C,
+    closeOnEscape: i = "auto"
+  } = n, m = o ?? l ?? !1, [M, N] = J(() => {
     try {
       return localStorage.getItem("aiquants-menu-pinned") === "true";
     } catch {
       return !1;
     }
-  }), [s, m] = z(x), [_, N] = z(() => {
-    if (f)
-      return f;
+  }), j = f !== void 0 ? f : M, [I, L] = J(j);
+  $(() => {
+    j && L(!0);
+  }, [j]);
+  const [z, B] = J(() => {
+    if (S)
+      return S;
     try {
-      const k = localStorage.getItem("aiquants-submenu-pinned");
-      if (k) {
-        const E = JSON.parse(k);
+      const x = localStorage.getItem("aiquants-submenu-pinned");
+      if (x) {
+        const E = JSON.parse(x);
         if (Array.isArray(E))
-          return E.filter((R) => typeof R == "number");
+          return E.filter((A) => typeof A == "number");
       }
     } catch {
     }
     return [];
-  }), Y = d !== void 0 ? d : _, F = w(
-    (k) => {
-      const E = d !== void 0 ? d : _, R = E.includes(k) ? E.filter((U) => U !== k) : [...E, k];
-      if (d === void 0) {
-        N(R);
+  }), Q = v !== void 0 ? v : z, D = k(
+    (x) => {
+      const E = v !== void 0 ? v : z, A = E.includes(x) ? E.filter((U) => U !== x) : [...E, x];
+      if (v === void 0) {
+        B(A);
         try {
-          localStorage.setItem("aiquants-submenu-pinned", JSON.stringify(R));
+          localStorage.setItem("aiquants-submenu-pinned", JSON.stringify(A));
         } catch {
         }
       }
-      g && g(R);
+      C && C(A);
     },
-    [d, _, g]
-  );
-  fe(() => {
-    const k = x ? "250px" : "0px";
-    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", k), b?.(x);
-  }, [x, b]), fe(() => () => {
-    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", "0px");
+    [v, z, C]
+  ), Y = T(w);
+  ne(() => {
+    Y.current = w;
+  }, [w]), ne(() => {
+    const x = j ? d : 0, E = `${x}px`;
+    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", E), de(j, x);
+  }, [j, d]), ne(() => () => {
+    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", "0px"), de(!1, 0);
   }, []);
-  const V = w(() => {
-    m(!0);
-  }, []), P = w(() => {
-    m(!1), S(!1);
-    try {
-      localStorage.removeItem("aiquants-menu-pinned");
-    } catch {
+  const X = k(() => {
+    L(!0);
+  }, []), R = k(() => {
+    if (L(!1), f === void 0) {
+      N(!1);
+      try {
+        localStorage.removeItem("aiquants-menu-pinned");
+      } catch {
+      }
     }
-  }, []), H = w(() => {
-    S((k) => {
-      const E = !k;
-      if (E)
-        try {
-          localStorage.setItem("aiquants-menu-pinned", "true");
-        } catch {
-        }
-      else
-        try {
-          localStorage.removeItem("aiquants-menu-pinned");
-        } catch {
-        }
-      return E;
-    });
-  }, []), W = w(
-    (k) => {
-      p && p(k), x || m(!1);
+    Y.current?.(!1, 0);
+  }, [f]), F = k(() => {
+    const x = !j, E = x ? d : 0;
+    if (f === void 0) {
+      N(x);
+      try {
+        x ? localStorage.setItem("aiquants-menu-pinned", "true") : localStorage.removeItem("aiquants-menu-pinned");
+      } catch {
+      }
+    }
+    Y.current?.(x, E);
+  }, [j, f, d]), K = k(
+    (x) => {
+      p && p(x), j || L(!1);
     },
-    [p, x]
-  ), T = w(
-    (k) => {
-      k.key === "Escape" && P();
+    [p, j]
+  ), O = k(
+    (x) => {
+      x.key === "Escape" && R();
     },
-    [P]
-  ), q = j === !0 || j === "auto" && !x;
-  return L(() => (s && q ? window.addEventListener("keydown", T, { passive: !0 }) : window.removeEventListener("keydown", T), () => {
-    window.removeEventListener("keydown", T);
-  }), [s, q, T]), c ? null : /* @__PURE__ */ t.jsxs("div", { className: `aiquants-menu-bar ${i}`, children: [
-    /* @__PURE__ */ t.jsx(Ke, { onMenuClose: P, onMenuOpen: V, open: !s, theme: i }),
-    /* @__PURE__ */ t.jsx(
-      Qe,
+    [R]
+  ), H = i === !0 || i === "auto" && !j;
+  return $(() => (I && H ? window.addEventListener("keydown", O) : window.removeEventListener("keydown", O), () => {
+    window.removeEventListener("keydown", O);
+  }), [I, H, O]), m ? null : /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-bar ${c}`, children: [
+    /* @__PURE__ */ r.jsx(dt, { onMenuClose: R, onMenuOpen: X, open: !I, theme: c }),
+    /* @__PURE__ */ r.jsx(
+      ct,
       {
-        menuList: r,
-        menuHeader: o,
+        menuList: t,
+        menuHeader: s,
         onClickSignout: a,
-        onMenuSelected: W,
-        open: s,
-        theme: i,
-        toggleTheme: u,
-        isPinned: x,
-        onTogglePin: H,
-        pinnedSubmenuIds: Y,
-        onToggleSubmenuPin: F
+        onMenuSelected: K,
+        open: I,
+        theme: c,
+        toggleTheme: h,
+        isPinned: j,
+        onTogglePin: F,
+        pinnedSubmenuIds: Q,
+        onToggleSubmenuPin: D
       }
     ),
-    /* @__PURE__ */ t.jsx(Xe, { isOverlay: s && !x, onOverlayClick: P })
+    /* @__PURE__ */ r.jsx(ut, { isOverlay: I && !j, onOverlayClick: R })
   ] });
 };
 export {
-  Se as DefaultLink,
-  rt as MenuBar,
-  nt as SessionInfo
+  Ye as DefaultLink,
+  se as MENU_PIN_CHANGE_EVENT,
+  bt as MenuBar,
+  mt as SessionInfo,
+  de as dispatchMenuPinChange,
+  ve as getInitialPinState,
+  He as subscribeMenuPinChange,
+  pt as useMenuPinState
 };