@aiquants/menu-bar 1.18.2 → 1.18.3

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import Ee, { forwardRef as be, createElement as re, useCallback as E, useSyncExternalStore as _e, useMemo as oe, useState as J, useRef as M, useEffect as $, useLayoutEffect as xe } from "react";
-import { useLocation as Se, Link as ge } from "react-router-dom";
+import Ee, { forwardRef as be, createElement as re, useCallback as S, useSyncExternalStore as Se, useMemo as oe, useState as J, useRef as M, useEffect as $, useLayoutEffect as xe } from "react";
+import { useLocation as _e, Link as ve } from "react-router-dom";
 var Z = { exports: {} }, V = {};
 var ie;
 function Ce() {
@@ -10,8 +10,8 @@ function Ce() {
     var u = null;
     if (o !== void 0 && (u = "" + o), l.key !== void 0 && (u = "" + l.key), "key" in l) {
       o = {};
-      for (var g in l)
-        g !== "key" && (o[g] = l[g]);
+      for (var m in l)
+        m !== "key" && (o[m] = l[m]);
     } else o = l;
     return l = o.ref, {
       $$typeof: n,
@@ -35,7 +35,7 @@ function Pe() {
       switch (e) {
         case f:
           return "Fragment";
-        case A:
+        case I:
           return "Profiler";
         case P:
           return "StrictMode";
@@ -52,9 +52,9 @@ function Pe() {
         ), e.$$typeof) {
           case i:
             return "Portal";
-          case I:
+          case T:
             return e.displayName || "Context";
-          case b:
+          case x:
             return (e._context.displayName || "Context") + ".Consumer";
           case L:
             var c = e.render;
@@ -82,8 +82,8 @@ function Pe() {
       }
       if (c) {
         c = console;
-        var m = c.error, j = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return m.call(
+        var v = c.error, j = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return v.call(
           c,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           j
@@ -102,7 +102,7 @@ function Pe() {
       }
     }
     function l() {
-      var e = T.A;
+      var e = O.A;
       return e === null ? null : e.getOwner();
     }
     function o() {
@@ -115,35 +115,35 @@ function Pe() {
       }
       return e.key !== void 0;
     }
-    function g(e, c) {
-      function m() {
+    function m(e, c) {
+      function v() {
         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)",
           c
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: m,
+      v.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: v,
         configurable: !0
       });
     }
-    function y() {
+    function h() {
       var e = n(this.type);
-      return x[e] || (x[e] = !0, console.error(
+      return y[e] || (y[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 k(e, c, m, j, G, ee) {
-      var N = m.ref;
+    function p(e, c, v, j, G, ee) {
+      var N = v.ref;
       return e = {
-        $$typeof: h,
+        $$typeof: b,
         type: e,
         key: c,
-        props: m,
+        props: v,
         _owner: j
       }, (N !== void 0 ? N : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: y
+        get: h
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -166,7 +166,7 @@ function Pe() {
         value: ee
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function d(e, c, m, j, G, ee) {
+    function d(e, c, v, j, G, ee) {
       var N = c.children;
       if (N !== void 0)
         if (j)
@@ -197,60 +197,60 @@ React keys must be passed directly to JSX without using spread:
           N
         ), U[N + j] = !0);
       }
-      if (N = null, m !== void 0 && (s(m), N = "" + m), u(c) && (s(c.key), N = "" + c.key), "key" in c) {
-        m = {};
+      if (N = null, v !== void 0 && (s(v), N = "" + v), u(c) && (s(c.key), N = "" + c.key), "key" in c) {
+        v = {};
         for (var te in c)
-          te !== "key" && (m[te] = c[te]);
-      } else m = c;
-      return N && g(
-        m,
+          te !== "key" && (v[te] = c[te]);
+      } else v = c;
+      return N && m(
+        v,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), k(
+      ), p(
         e,
         N,
-        m,
+        v,
         l(),
         G,
         ee
       );
     }
     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));
+      k(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === D && (e._payload.status === "fulfilled" ? k(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function v(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === h;
+    function k(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === b;
     }
-    var p = Ee, h = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.portal"), f = /* @__PURE__ */ Symbol.for("react.fragment"), P = /* @__PURE__ */ Symbol.for("react.strict_mode"), A = /* @__PURE__ */ Symbol.for("react.profiler"), b = /* @__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"), T = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, K = Array.isArray, R = console.createTask ? console.createTask : function() {
+    var g = Ee, b = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.portal"), f = /* @__PURE__ */ Symbol.for("react.fragment"), P = /* @__PURE__ */ Symbol.for("react.strict_mode"), I = /* @__PURE__ */ Symbol.for("react.profiler"), x = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__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"), O = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, K = Array.isArray, A = console.createTask ? console.createTask : function() {
       return null;
     };
-    p = {
+    g = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var H, x = {}, _ = p.react_stack_bottom_frame.bind(
-      p,
+    var H, y = {}, _ = g.react_stack_bottom_frame.bind(
+      g,
       o
-    )(), O = R(a(o)), U = {};
-    W.Fragment = f, W.jsx = function(e, c, m) {
-      var j = 1e4 > T.recentlyCreatedOwnerStacks++;
+    )(), R = A(a(o)), U = {};
+    W.Fragment = f, W.jsx = function(e, c, v) {
+      var j = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
         e,
         c,
-        m,
+        v,
         !1,
         j ? Error("react-stack-top-frame") : _,
-        j ? R(a(e)) : O
+        j ? A(a(e)) : R
       );
-    }, W.jsxs = function(e, c, m) {
-      var j = 1e4 > T.recentlyCreatedOwnerStacks++;
+    }, W.jsxs = function(e, c, v) {
+      var j = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
         e,
         c,
-        m,
+        v,
         !0,
         j ? Error("react-stack-top-frame") : _,
-        j ? R(a(e)) : O
+        j ? A(a(e)) : R
       );
     };
   })()), W;
@@ -266,7 +266,7 @@ const Te = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Re = (
 ), 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) => {
+}, ge = (...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;
@@ -291,22 +291,22 @@ const Ie = be(
     className: l = "",
     children: o,
     iconNode: u,
-    ...g
-  }, y) => re(
+    ...m
+  }, h) => re(
     "svg",
     {
-      ref: y,
+      ref: h,
       ...Ae,
       width: t,
       height: t,
       stroke: n,
       strokeWidth: a ? Number(s) * 24 / Number(t) : s,
-      className: ye("lucide", l),
-      ...!o && !Oe(g) && { "aria-hidden": "true" },
-      ...g
+      className: ge("lucide", l),
+      ...!o && !Oe(m) && { "aria-hidden": "true" },
+      ...m
     },
     [
-      ...u.map(([k, d]) => re(k, d)),
+      ...u.map(([p, d]) => re(p, d)),
       ...Array.isArray(o) ? o : [o]
     ]
   )
@@ -316,7 +316,7 @@ const C = (n, t) => {
     ({ className: a, ...l }, o) => re(Ie, {
       ref: o,
       iconNode: t,
-      className: ye(
+      className: ge(
         `lucide-${Te(ue(n))}`,
         `lucide-${n}`,
         a
@@ -373,41 +373,41 @@ const $e = [
     ] })
   ] }) : /* @__PURE__ */ r.jsx("div", { 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: "ログインしてください" }) }) });
 }, se = "aiquants-menu-pin-change";
-let S = { pinned: !1, width: 0 };
-const ve = (n = 240) => {
+let E = { pinned: !1, width: 0, active: !1 };
+const ye = (n = 240) => {
   if (typeof window > "u" || typeof document > "u")
-    return { pinned: !1, width: 0 };
+    return { pinned: !1, width: 0, active: !1 };
   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 u = o > 0, g = u ? o || n : 0;
-        return S.pinned === u && S.width === g || (S = { pinned: u, width: g }), S;
+      const u = Number.parseInt(t, 10);
+      if (!Number.isNaN(u)) {
+        const m = u > 0, h = m ? u || n : 0, p = E.active ?? m;
+        return E.pinned === m && E.width === h && E.active === p || (E = { pinned: m, width: h, active: p }), E;
       }
     }
-    const a = localStorage.getItem("aiquants-menu-pinned") === "true", l = a ? n : 0;
-    return S.pinned === a && S.width === l || (S = { pinned: a, width: l }), S;
+    const a = localStorage.getItem("aiquants-menu-pinned") === "true", l = a ? n : 0, o = E.active ?? a;
+    return E.pinned === a && E.width === l && E.active === o || (E = { pinned: a, width: l, active: o }), E;
   } catch {
-    return { pinned: !1, width: 0 };
+    return { pinned: !1, width: 0, active: !1 };
   }
-}, de = (n, t) => {
+}, de = (n, t, s) => {
   if (typeof window > "u") return;
-  const s = { pinned: n, width: t };
-  (S.pinned !== n || S.width !== t) && (S = s);
-  const a = new CustomEvent(se, {
-    detail: s,
+  const a = s ?? n, l = { pinned: n, width: t, active: a };
+  (E.pinned !== n || E.width !== t || E.active !== a) && (E = l);
+  const o = new CustomEvent(se, {
+    detail: l,
     bubbles: !0,
     cancelable: !1
   });
-  window.dispatchEvent(a);
+  window.dispatchEvent(o);
 }, He = (n, t) => {
   if (typeof window > "u")
     return () => {
     };
   const { immediate: s = !0, defaultPinnedWidth: a = 240 } = t ?? {};
   if (s) {
-    const o = ve(a);
+    const o = ye(a);
     n(o);
   }
   const l = (o) => {
@@ -418,7 +418,7 @@ const ve = (n = 240) => {
     window.removeEventListener(se, l);
   };
 }, pt = (n) => {
-  const t = n?.defaultPinnedWidth ?? 240, s = n?.initialPinned ?? !1, a = E(
+  const t = n?.defaultPinnedWidth ?? 240, s = n?.initialPinned ?? !1, a = S(
     (u) => He(
       () => {
         u();
@@ -426,11 +426,11 @@ const ve = (n = 240) => {
       { immediate: !1, defaultPinnedWidth: t }
     ),
     [t]
-  ), l = E(() => ve(t), [t]), o = E(() => ({
+  ), l = S(() => ye(t), [t]), o = S(() => ({
     pinned: s,
     width: s ? t : 0
   }), [s, t]);
-  return _e(a, l, o);
+  return Se(a, l, o);
 };
 const Ve = [
   ["path", { d: "m16 17 5-5-5-5", key: "1bji2h" }],
@@ -536,7 +536,7 @@ const nt = [
       s && s(ae(t, n));
     }
   };
-  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 });
+  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(ve, { 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) {
@@ -553,25 +553,25 @@ const nt = [
   const { menuList: t, onMenuSelected: s, pinnedSubmenuIds: a = [], onToggleSubmenuPin: l } = n;
   let o = "";
   try {
-    o = Se().pathname;
+    o = _e().pathname;
   } catch {
     typeof window < "u" && (o = window.location.pathname);
   }
-  const u = oe(() => pe(t, o), [t, o]), [g, y] = J(u), k = M(o), d = M(u !== null);
+  const u = oe(() => pe(t, o), [t, o]), [m, h] = J(u), p = M(o), d = M(u !== null);
   $(() => {
-    if (k.current !== o && (k.current = o, d.current = !1), !d.current) {
+    if (p.current !== o && (p.current = o, d.current = !1), !d.current) {
       const i = pe(t, o);
-      i !== null && (y(i), d.current = !0);
+      i !== null && (h(i), d.current = !0);
     }
   }, [o, t]);
-  const w = E(
+  const w = S(
     (i) => {
-      a.includes(i) || y((P) => P === i ? null : i);
+      a.includes(i) || h((P) => P === i ? null : i);
     },
     [a]
-  ), v = M(null);
+  ), k = M(null);
   st(() => {
-    const i = v.current;
+    const i = k.current;
     if (i)
       try {
         const f = sessionStorage.getItem(he);
@@ -582,14 +582,14 @@ const nt = [
       } catch {
       }
   }, []);
-  const p = E(() => {
-    const i = v.current;
+  const g = S(() => {
+    const i = k.current;
     if (i)
       try {
         sessionStorage.setItem(he, String(i.scrollTop));
       } catch {
       }
-  }, []), h = 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(
+  }, []), b = 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: i.href,
@@ -599,7 +599,7 @@ const nt = [
       children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: i.title })
     }
   ) : /* @__PURE__ */ r.jsx(
-    ge,
+    ve,
     {
       to: i.href,
       onClick: () => {
@@ -607,7 +607,7 @@ const nt = [
       },
       children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: i.title })
     }
-  ) }) : /* @__PURE__ */ r.jsxs("details", { className: "aiquants-menu-accordion-details", open: i.id === g || a.includes(i.id), children: [
+  ) }) : /* @__PURE__ */ r.jsxs("details", { className: "aiquants-menu-accordion-details", open: i.id === m || a.includes(i.id), children: [
     /* @__PURE__ */ r.jsxs(
       "summary",
       {
@@ -636,10 +636,10 @@ const nt = [
       }
     ),
     /* @__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((f) => /* @__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: f, parentMenu: i, onMenuSelected: s }) }, f.subid)) })
-  ] }) }, i.id)) }), [t, s, g, w, a]);
-  return /* @__PURE__ */ r.jsx("div", { ref: v, onScroll: p, className: "hidden-scrollbar h-0 grow overflow-y-scroll", children: h });
+  ] }) }, i.id)) }), [t, s, m, w, a]);
+  return /* @__PURE__ */ r.jsx("div", { ref: k, onScroll: g, className: "hidden-scrollbar h-0 grow overflow-y-scroll", children: b });
 }, ct = (n) => {
-  const { menuList: t, menuHeader: s, open: a, onMenuSelected: l, onClickSignout: o, theme: u, toggleTheme: g, isPinned: y, onTogglePin: k, pinnedSubmenuIds: d, onToggleSubmenuPin: w } = n;
+  const { menuList: t, menuHeader: s, open: a, onMenuSelected: l, onClickSignout: o, theme: u, toggleTheme: m, isPinned: h, onTogglePin: p, 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 }) }),
@@ -648,19 +648,19 @@ const nt = [
         "button",
         {
           type: "button",
-          onClick: k,
+          onClick: p,
           "data-aqmb-pin-button": !0,
-          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 ${y ? "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: y ? "ピン留め解除" : "ピン留め",
-          "aria-label": y ? "ピン留め解除" : "ピン留め",
-          children: y ? /* @__PURE__ */ r.jsx(ke, { size: 12 }) : /* @__PURE__ */ r.jsx(we, { size: 12 })
+          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 ${h ? "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: h ? "ピン留め解除" : "ピン留め",
+          "aria-label": h ? "ピン留め解除" : "ピン留め",
+          children: h ? /* @__PURE__ */ r.jsx(ke, { size: 12 }) : /* @__PURE__ */ r.jsx(we, { size: 12 })
         }
       ),
       /* @__PURE__ */ r.jsx(
         "button",
         {
           type: "button",
-          onClick: g,
+          onClick: m,
           "data-aqmb-theme-button": !0,
           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: u === "dark" ? "ライトモードに切り替え" : "ダークモードに切り替え",
@@ -687,35 +687,35 @@ const nt = [
   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, isOpen: s, onMenuOpen: a, onMenuClose: l, onToggle: o, theme: u = "light", className: g } = n, y = t ?? (s !== void 0 ? !s : !0), k = M(y), d = M(null), w = M(null), v = M(null), p = M(null), h = M(null), i = E(() => {
-    if (d.current && w.current && v.current && p.current && h.current) {
-      const b = u === "dark" ? "#fff" : "#000";
-      d.current.style.backgroundColor = b, d.current.style.width = "100%", d.current.style.height = "3px", d.current.style.transform = "none", w.current.style.opacity = "1", w.current.style.backgroundColor = b, v.current.style.opacity = "1", v.current.style.backgroundColor = b, p.current.style.backgroundColor = b, p.current.style.width = "100%", p.current.style.height = "3px", p.current.style.transform = "none", h.current.style.color = b, h.current.classList.remove("after:content-['close']"), h.current.classList.remove("after:ml-0.5"), h.current.classList.add("after:content-['menu']"), h.current.classList.add("after:-ml-0.5"), k.current = !0;
+  const { open: t, isOpen: s, onMenuOpen: a, onMenuClose: l, onToggle: o, theme: u = "light", className: m } = n, h = t ?? (s !== void 0 ? !s : !0), p = M(h), d = M(null), w = M(null), k = M(null), g = M(null), b = M(null), i = S(() => {
+    if (d.current && w.current && k.current && g.current && b.current) {
+      const x = u === "dark" ? "#fff" : "#000";
+      d.current.style.backgroundColor = x, d.current.style.width = "100%", d.current.style.height = "3px", d.current.style.transform = "none", w.current.style.opacity = "1", w.current.style.backgroundColor = x, k.current.style.opacity = "1", k.current.style.backgroundColor = x, g.current.style.backgroundColor = x, g.current.style.width = "100%", g.current.style.height = "3px", g.current.style.transform = "none", b.current.style.color = x, b.current.classList.remove("after:content-['close']"), b.current.classList.remove("after:ml-0.5"), b.current.classList.add("after:content-['menu']"), b.current.classList.add("after:-ml-0.5"), p.current = !0;
     }
-  }, [u]), f = E(() => {
-    d.current && w.current && v.current && p.current && h.current && (d.current.style.backgroundColor = "#fff", d.current.style.width = "32px", d.current.style.height = "4px", d.current.style.transform = "translateY(9px) rotate(-45deg)", w.current.style.opacity = "0", v.current.style.opacity = "0", p.current.style.backgroundColor = "#fff", p.current.style.width = "32px", p.current.style.height = "4px", p.current.style.transform = "translateY(-9px) rotate(45deg)", h.current.style.color = "#fff", h.current.classList.remove("after:content-['menu']"), h.current.classList.remove("after:-ml-0.5"), h.current.classList.add("after:content-['close']"), h.current.classList.add("after:ml-0.5"), k.current = !1);
+  }, [u]), f = S(() => {
+    d.current && w.current && k.current && g.current && b.current && (d.current.style.backgroundColor = "#fff", d.current.style.width = "32px", d.current.style.height = "4px", d.current.style.transform = "translateY(9px) rotate(-45deg)", w.current.style.opacity = "0", k.current.style.opacity = "0", g.current.style.backgroundColor = "#fff", g.current.style.width = "32px", g.current.style.height = "4px", g.current.style.transform = "translateY(-9px) rotate(45deg)", b.current.style.color = "#fff", b.current.classList.remove("after:content-['menu']"), b.current.classList.remove("after:-ml-0.5"), b.current.classList.add("after:content-['close']"), b.current.classList.add("after:ml-0.5"), p.current = !1);
   }, []);
   $(() => {
-    y ? i() : f();
-  }, [y, i, f]);
-  const P = E(() => {
-    k.current ? (f(), a?.(), o?.(!0)) : (i(), l?.(), o?.(!1));
-  }, [f, i, a, l, o]), A = !y;
+    h ? i() : f();
+  }, [h, i, f]);
+  const P = S(() => {
+    p.current ? (f(), a?.(), o?.(!0)) : (i(), l?.(), o?.(!1));
+  }, [f, i, a, l, o]), I = !h;
   return /* @__PURE__ */ r.jsxs(
     "button",
     {
       type: "button",
       "data-aqmb-menu-switch": "true",
-      "aria-label": A ? "Close menu" : "Open menu",
-      "aria-expanded": A,
-      className: `aiquants-menu-switch z-[2147483647] inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden ${g || ""}`,
+      "aria-label": I ? "Close menu" : "Open menu",
+      "aria-expanded": I,
+      className: `aiquants-menu-switch z-[2147483647] inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden ${m || ""}`,
       onClick: P,
       children: [
         /* @__PURE__ */ r.jsx("span", { ref: d, className: "absolute top-0 left-0 box-border inline-block h-[3px] w-full select-none transition-all duration-500" }),
         /* @__PURE__ */ r.jsx("span", { ref: w, className: "absolute top-[6px] left-0 box-border inline-block h-[3px] w-full select-none transition-all duration-500" }),
-        /* @__PURE__ */ r.jsx("span", { ref: v, className: "absolute top-[12px] left-0 box-border inline-block h-[3px] w-full select-none transition-all duration-500" }),
-        /* @__PURE__ */ r.jsx("span", { ref: p, className: "absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none transition-all duration-500" }),
-        /* @__PURE__ */ r.jsx("div", { ref: h, className: "absolute w-full text-xs transition-all duration-500 after:mt-2 after:block" })
+        /* @__PURE__ */ r.jsx("span", { ref: k, className: "absolute top-[12px] left-0 box-border inline-block h-[3px] w-full select-none transition-all duration-500" }),
+        /* @__PURE__ */ r.jsx("span", { ref: g, className: "absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none transition-all duration-500" }),
+        /* @__PURE__ */ r.jsx("div", { ref: b, className: "absolute w-full text-xs transition-all duration-500 after:mt-2 after:block" })
       ]
     }
   );
@@ -727,96 +727,96 @@ const nt = [
     isMenuhide: l,
     isMenuHide: o,
     theme: u,
-    toggleTheme: g,
-    onMenuNavigate: y,
-    isPinned: k,
+    toggleTheme: m,
+    onMenuNavigate: h,
+    isPinned: p,
     pinnedWidth: d = 240,
     onPinChange: w,
-    pinnedSubmenuIds: v,
-    initialPinnedSubmenuIds: p,
-    onSubmenuPinChange: h,
+    pinnedSubmenuIds: k,
+    initialPinnedSubmenuIds: g,
+    onSubmenuPinChange: b,
     closeOnEscape: i = "auto"
-  } = n, f = o ?? l ?? !1, [P, A] = J(() => {
+  } = n, f = o ?? l ?? !1, [P, I] = J(() => {
     try {
       return localStorage.getItem("aiquants-menu-pinned") === "true";
     } catch {
       return !1;
     }
-  }), b = k !== void 0 ? k : P, [I, L] = J(b);
+  }), x = p !== void 0 ? p : P, [T, L] = J(x);
   $(() => {
-    b && L(!0);
-  }, [b]);
+    x && L(!0);
+  }, [x]);
   const [z, B] = J(() => {
-    if (p)
-      return p;
+    if (g)
+      return g;
     try {
-      const x = localStorage.getItem("aiquants-submenu-pinned");
-      if (x) {
-        const _ = JSON.parse(x);
+      const y = localStorage.getItem("aiquants-submenu-pinned");
+      if (y) {
+        const _ = JSON.parse(y);
         if (Array.isArray(_))
-          return _.filter((O) => typeof O == "number");
+          return _.filter((R) => typeof R == "number");
       }
     } catch {
     }
     return [];
-  }), Q = v !== void 0 ? v : z, D = E(
-    (x) => {
-      const _ = v !== void 0 ? v : z, O = _.includes(x) ? _.filter((U) => U !== x) : [..._, x];
-      if (v === void 0) {
-        B(O);
+  }), Q = k !== void 0 ? k : z, D = S(
+    (y) => {
+      const _ = k !== void 0 ? k : z, R = _.includes(y) ? _.filter((U) => U !== y) : [..._, y];
+      if (k === void 0) {
+        B(R);
         try {
-          localStorage.setItem("aiquants-submenu-pinned", JSON.stringify(O));
+          localStorage.setItem("aiquants-submenu-pinned", JSON.stringify(R));
         } catch {
         }
       }
-      h && h(O);
+      b && b(R);
     },
-    [v, z, h]
+    [k, z, b]
   ), Y = M(w);
   ne(() => {
     Y.current = w;
   }, [w]), ne(() => {
-    const x = b ? d : 0, _ = `${x}px`;
-    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", _), de(b, x);
-  }, [b, d]), ne(() => () => {
+    const y = x ? d : 0, _ = `${y}px`;
+    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", _), de(x, y, T || x);
+  }, [x, d, T]), ne(() => () => {
     document.documentElement.style.setProperty("--aiquants-menu-pinned-width", "0px"), de(!1, 0);
   }, []);
-  const X = E(() => {
+  const X = S(() => {
     L(!0);
-  }, []), T = E(() => {
-    if (L(!1), k === void 0) {
-      A(!1);
+  }, []), O = S(() => {
+    if (L(!1), p === void 0) {
+      I(!1);
       try {
         localStorage.removeItem("aiquants-menu-pinned");
       } catch {
       }
     }
     Y.current?.(!1, 0);
-  }, [k]), F = E(() => {
-    const x = !b, _ = x ? d : 0;
-    if (k === void 0) {
-      A(x);
+  }, [p]), F = S(() => {
+    const y = !x, _ = y ? d : 0;
+    if (p === void 0) {
+      I(y);
       try {
-        x ? localStorage.setItem("aiquants-menu-pinned", "true") : localStorage.removeItem("aiquants-menu-pinned");
+        y ? localStorage.setItem("aiquants-menu-pinned", "true") : localStorage.removeItem("aiquants-menu-pinned");
       } catch {
       }
     }
-    Y.current?.(x, _);
-  }, [b, k, d]), K = E(
-    (x) => {
-      y && y(x), b || L(!1);
+    Y.current?.(y, _);
+  }, [x, p, d]), K = S(
+    (y) => {
+      h && h(y), x || L(!1);
     },
-    [y, b]
-  ), R = E(
-    (x) => {
-      x.key === "Escape" && T();
+    [h, x]
+  ), A = S(
+    (y) => {
+      y.key === "Escape" && O();
     },
-    [T]
-  ), H = i === !0 || i === "auto" && !b;
-  return $(() => (I && H ? window.addEventListener("keydown", R) : window.removeEventListener("keydown", R), () => {
-    window.removeEventListener("keydown", R);
-  }), [I, H, R]), f ? null : /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-bar ${u}`, children: [
-    /* @__PURE__ */ r.jsx(dt, { onMenuClose: T, onMenuOpen: X, open: !I, theme: u }),
+    [O]
+  ), H = i === !0 || i === "auto" && !x;
+  return $(() => (T && H ? window.addEventListener("keydown", A) : window.removeEventListener("keydown", A), () => {
+    window.removeEventListener("keydown", A);
+  }), [T, H, A]), f ? null : /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-bar ${u}`, children: [
+    /* @__PURE__ */ r.jsx(dt, { onMenuClose: O, onMenuOpen: X, open: !T, theme: u }),
     /* @__PURE__ */ r.jsx(
       ct,
       {
@@ -824,16 +824,16 @@ const nt = [
         menuHeader: s,
         onClickSignout: a,
         onMenuSelected: K,
-        open: I,
+        open: T,
         theme: u,
-        toggleTheme: g,
-        isPinned: b,
+        toggleTheme: m,
+        isPinned: x,
         onTogglePin: F,
         pinnedSubmenuIds: Q,
         onToggleSubmenuPin: D
       }
     ),
-    /* @__PURE__ */ r.jsx(ut, { isOverlay: I && !b, onOverlayClick: T })
+    /* @__PURE__ */ r.jsx(ut, { isOverlay: T && !x, onOverlayClick: O })
   ] });
 };
 export {
@@ -842,7 +842,7 @@ export {
   bt as MenuBar,
   mt as SessionInfo,
   de as dispatchMenuPinChange,
-  ve as getInitialPinState,
+  ye as getInitialPinState,
   He as subscribeMenuPinChange,
   pt as useMenuPinState
 };