@aiquants/menu-bar 1.15.0 → 1.16.0

package/README.md

@@ -28,13 +28,13 @@ export { MenuBar } from '@aiquants/menu-bar';
 export { SessionInfo, DefaultLink } from '@aiquants/menu-bar';
 
 // Types
-export type { IMenu, ISubmenu } from '@aiquants/menu-bar';
+export type { IMenu, ISubmenu, MenuNavigationPayload } from '@aiquants/menu-bar';
 export type { Theme } from '@aiquants/menu-bar';
 export type { SessionInfoProps, LinkProps } from '@aiquants/menu-bar';
-export type { UserProfile, UserPhoto } from '@aiquants/menu-bar';
+export type { UserProfile } from '@aiquants/menu-bar';
 
 // CSS (import separately)
-import '@aiquants/menu-bar/css';
+import '@aiquants/menu-bar/styles/menu-bar.css';
 ```
 
 ## Basic Usage
@@ -42,7 +42,7 @@ import '@aiquants/menu-bar/css';
 ```tsx
 import React, { useState } from 'react';
 import { MenuBar } from '@aiquants/menu-bar';
-import '@aiquants/menu-bar/css';
+import '@aiquants/menu-bar/styles/menu-bar.css';
 
 function App() {
   const [theme, setTheme] = useState('light');
@@ -99,6 +99,12 @@ function App() {
 | `onClickSignout` | `() => void` | Yes | Callback function for sign out action |
 | `menuHeader` | `React.ReactNode` | No | Optional header content for the menu |
 | `isMenuhide` | `boolean` | No | Whether to hide the menu bar entirely |
+| `onMenuNavigate` | `(payload: MenuNavigationPayload) => void` | No | Callback function triggered when a menu or submenu item is selected |
+| `onPinChange` | `(pinned: boolean) => void` | No | Callback function triggered when the menu bar's pin state changes |
+| `pinnedSubmenuIds` | `number[]` | No | Pinned submenu IDs (controlled) |
+| `initialPinnedSubmenuIds` | `number[]` | No | Initial pinned submenu IDs |
+| `onSubmenuPinChange` | `(pinnedIds: number[]) => void` | No | Callback function triggered when submenu pin states change |
+| `closeOnEscape` | `boolean \| "auto"` | No | Controls whether the Escape key closes the menu. `"auto"` (default) closes only when not pinned; `true` always closes; `false` never closes |
 
 ### IMenu Type
 
@@ -123,18 +129,23 @@ interface ISubmenu {
 }
 ```
 
+### MenuNavigationPayload Type
+
+```tsx
+type MenuNavigationPayload = {
+  menu: Pick<IMenu, 'id' | 'title' | 'href'>;
+  submenu?: Pick<ISubmenu, 'subid' | 'title' | 'href' | 'mark' | 'new'>;
+};
+```
+
 ### UserProfile Type
 
 ```tsx
 interface UserProfile {
   displayName: string;
-  photos: UserPhoto[];
+  photo: string;
   id?: string;
 }
-
-interface UserPhoto {
-  value: string;
-}
 ```
 
 ### SessionInfoProps Type
@@ -142,8 +153,7 @@ interface UserPhoto {
 ```tsx
 interface SessionInfoProps {
   user: UserProfile | null;
-  onLogout?: () => void;
-  LinkComponent: React.ComponentType<LinkProps>;
+  LinkComponent?: React.ComponentType<LinkProps>;
 }
 
 interface LinkProps {
@@ -275,9 +285,8 @@ import { SessionInfo } from '@aiquants/menu-bar';
 <SessionInfo
   user={{
     displayName: "John Doe",
-    photos: [{ value: "https://example.com/avatar.jpg" }]
+    photo: "https://example.com/avatar.jpg"
   }}
-  onLogout={() => console.log('Logout')}
   LinkComponent={({ to, children, ...props }) => (
     <a href={to} {...props}>{children}</a>
   )}

package/dist/MenuBar.d.ts

@@ -12,6 +12,10 @@ import { Theme } from './types';
  * @property {Theme} theme - The current theme.
  * @property {() => void} toggleTheme - Function to toggle the theme.
  * @property {(payload: MenuNavigationPayload) => void} [onMenuNavigate] - Function to receive menu navigation events. メニュー遷移イベントを受け取る関数。
+ * @property {boolean | "auto"} [closeOnEscape] - Controls whether the Escape key closes the menu.
+ *   - "auto" (default): closes when NOT pinned, stays open when pinned. ピン留めなしでは閉じ、ピン留め中は閉じない。
+ *   - true: always closes on Escape (resets pin if pinned). 常に閉じる。
+ *   - false: never closes on Escape. 常に閉じない。
  */
 interface IMenuBarProps {
     menuList: IMenu[];
@@ -25,6 +29,7 @@ interface IMenuBarProps {
     pinnedSubmenuIds?: number[];
     initialPinnedSubmenuIds?: number[];
     onSubmenuPinChange?(pinnedIds: number[]): void;
+    closeOnEscape?: boolean | "auto";
 }
 /**
  * @function MenuBar

package/dist/index.es.js

@@ -1,12 +1,12 @@
-import pe, { useMemo as ee, useState as D, useRef as T, useEffect as Y, useCallback as w, useLayoutEffect as he } from "react";
-import { Pin as ie, PinOff as ce, Link as xe, Lock as be, Download as ge, BarChart as ve, Table as ye, FileText as ne } from "lucide-react";
-import { useLocation as ke, Link as ue } from "react-router-dom";
-var q = { exports: {} }, I = {};
+import xe, { useMemo as ne, useState as Y, useRef as _, useEffect as M, useCallback as w, useLayoutEffect as ue } from "react";
+import { Pin as de, PinOff as fe, Link as be, Lock as ge, Download as ve, BarChart as ye, Table as ke, FileText as te } from "lucide-react";
+import { useLocation as we, Link as me } from "react-router-dom";
+var D = { exports: {} }, I = {};
 var re;
-function we() {
+function je() {
   if (re) return I;
   re = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
   function a(l, c, i) {
     var u = null;
     if (i !== void 0 && (u = "" + i), c.key !== void 0 && (u = "" + c.key), "key" in c) {
@@ -15,102 +15,102 @@ function we() {
         h !== "key" && (i[h] = c[h]);
     } else i = c;
     return c = i.ref, {
-      $$typeof: r,
+      $$typeof: t,
       type: l,
       key: u,
       ref: c !== void 0 ? c : null,
       props: i
     };
   }
-  return I.Fragment = t, I.jsx = a, I.jsxs = a, I;
+  return I.Fragment = r, I.jsx = a, I.jsxs = a, I;
 }
-var M = {};
-var te;
-function je() {
-  return te || (te = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(e) {
+var A = {};
+var se;
+function Ee() {
+  return se || (se = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === _ ? null : e.displayName || e.name || null;
+        return e.$$typeof === k ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case S:
+        case m:
           return "Fragment";
-        case j:
+        case E:
           return "Profiler";
-        case O:
+        case S:
           return "StrictMode";
-        case F:
+        case P:
           return "Suspense";
         case W:
           return "SuspenseList";
-        case E:
+        case L:
           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 N:
+          case s:
             return "Portal";
           case z:
             return e.displayName || "Context";
           case $:
             return (e._context.displayName || "Context") + ".Consumer";
-          case R:
+          case F:
             var o = e.render;
             return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case P:
-            return o = e.displayName || null, o !== null ? o : r(e.type) || "Memo";
-          case y:
+          case U:
+            return o = e.displayName || null, o !== null ? o : t(e.type) || "Memo";
+          case R:
             o = e._payload, e = e._init;
             try {
-              return r(e(o));
+              return t(e(o));
             } catch {
             }
         }
       return null;
     }
-    function t(e) {
+    function r(e) {
       return "" + e;
     }
     function a(e) {
       try {
-        t(e);
+        r(e);
         var o = !1;
       } catch {
         o = !0;
       }
       if (o) {
         o = console;
-        var p = o.error, x = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var p = o.error, b = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return p.call(
           o,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          x
-        ), t(e);
+          b
+        ), r(e);
       }
     }
     function l(e) {
-      if (e === S) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === y)
+      if (e === m) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === R)
         return "<...>";
       try {
-        var o = r(e);
+        var o = t(e);
         return o ? "<" + o + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function c() {
-      var e = A.A;
+      var e = N.A;
       return e === null ? null : e.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
     function u(e) {
-      if (Z.call(e, "key")) {
+      if (C.call(e, "key")) {
         var o = Object.getOwnPropertyDescriptor(e, "key").get;
         if (o && o.isReactWarning) return !1;
       }
@@ -118,7 +118,7 @@ function je() {
     }
     function h(e, o) {
       function p() {
-        G || (G = !0, console.error(
+        B || (B = !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)",
           o
         ));
@@ -128,23 +128,23 @@ function je() {
         configurable: !0
       });
     }
-    function g() {
-      var e = r(this.type);
-      return B[e] || (B[e] = !0, console.error(
+    function v() {
+      var e = t(this.type);
+      return Q[e] || (Q[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, o, p, x, L, H) {
-      var b = p.ref;
+    function d(e, o, p, b, q, G) {
+      var g = p.ref;
       return e = {
-        $$typeof: m,
+        $$typeof: T,
         type: e,
         key: o,
         props: p,
-        _owner: x
-      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(e, "ref", {
+        _owner: b
+      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: g
+        get: v
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -159,210 +159,230 @@ function je() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: L
+        value: q
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
+        value: G
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function f(e, o, p, x, L, H) {
-      var b = o.children;
-      if (b !== void 0)
-        if (x)
-          if (fe(b)) {
-            for (x = 0; x < b.length; x++)
-              k(b[x]);
-            Object.freeze && Object.freeze(b);
+    function f(e, o, p, b, q, G) {
+      var g = o.children;
+      if (g !== void 0)
+        if (b)
+          if (H(g)) {
+            for (b = 0; b < g.length; b++)
+              y(g[b]);
+            Object.freeze && Object.freeze(g);
           } 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 k(b);
-      if (Z.call(o, "key")) {
-        b = r(e);
-        var C = Object.keys(o).filter(function(me) {
-          return me !== "key";
+        else y(g);
+      if (C.call(o, "key")) {
+        g = t(e);
+        var O = Object.keys(o).filter(function(he) {
+          return he !== "key";
         });
-        x = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", K[b + x] || (C = 0 < C.length ? "{" + C.join(": ..., ") + ": ...}" : "{}", console.error(
+        b = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", ee[g + b] || (O = 0 < O.length ? "{" + O.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} />`,
-          x,
           b,
-          C,
-          b
-        ), K[b + x] = !0);
+          g,
+          O,
+          g
+        ), ee[g + b] = !0);
       }
-      if (b = null, p !== void 0 && (a(p), b = "" + p), u(o) && (a(o.key), b = "" + o.key), "key" in o) {
+      if (g = null, p !== void 0 && (a(p), g = "" + p), u(o) && (a(o.key), g = "" + o.key), "key" in o) {
         p = {};
-        for (var J in o)
-          J !== "key" && (p[J] = o[J]);
+        for (var V in o)
+          V !== "key" && (p[V] = o[V]);
       } else p = o;
-      return b && h(
+      return g && h(
         p,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), d(
         e,
-        b,
+        g,
         p,
         c(),
-        L,
-        H
+        q,
+        G
       );
     }
-    function k(e) {
-      v(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === y && (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 y(e) {
+      j(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === R && (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 v(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === m;
+    function j(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === T;
     }
-    var s = pe, m = /* @__PURE__ */ Symbol.for("react.transitional.element"), N = /* @__PURE__ */ Symbol.for("react.portal"), S = /* @__PURE__ */ Symbol.for("react.fragment"), O = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), $ = /* @__PURE__ */ Symbol.for("react.consumer"), z = /* @__PURE__ */ Symbol.for("react.context"), R = /* @__PURE__ */ Symbol.for("react.forward_ref"), F = /* @__PURE__ */ Symbol.for("react.suspense"), W = /* @__PURE__ */ Symbol.for("react.suspense_list"), P = /* @__PURE__ */ Symbol.for("react.memo"), y = /* @__PURE__ */ Symbol.for("react.lazy"), E = /* @__PURE__ */ Symbol.for("react.activity"), _ = /* @__PURE__ */ Symbol.for("react.client.reference"), A = s.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, fe = Array.isArray, U = console.createTask ? console.createTask : function() {
+    var x = xe, T = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.portal"), m = /* @__PURE__ */ Symbol.for("react.fragment"), S = /* @__PURE__ */ Symbol.for("react.strict_mode"), E = /* @__PURE__ */ Symbol.for("react.profiler"), $ = /* @__PURE__ */ Symbol.for("react.consumer"), z = /* @__PURE__ */ Symbol.for("react.context"), F = /* @__PURE__ */ Symbol.for("react.forward_ref"), P = /* @__PURE__ */ Symbol.for("react.suspense"), W = /* @__PURE__ */ Symbol.for("react.suspense_list"), U = /* @__PURE__ */ Symbol.for("react.memo"), R = /* @__PURE__ */ Symbol.for("react.lazy"), L = /* @__PURE__ */ Symbol.for("react.activity"), k = /* @__PURE__ */ Symbol.for("react.client.reference"), N = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, H = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
-    s = {
+    x = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var G, B = {}, Q = s.react_stack_bottom_frame.bind(
-      s,
+    var B, Q = {}, X = x.react_stack_bottom_frame.bind(
+      x,
       i
-    )(), X = U(l(i)), K = {};
-    M.Fragment = S, M.jsx = function(e, o, p) {
-      var x = 1e4 > A.recentlyCreatedOwnerStacks++;
+    )(), K = J(l(i)), ee = {};
+    A.Fragment = m, A.jsx = function(e, o, p) {
+      var b = 1e4 > N.recentlyCreatedOwnerStacks++;
       return f(
         e,
         o,
         p,
         !1,
-        x ? Error("react-stack-top-frame") : Q,
-        x ? U(l(e)) : X
+        b ? Error("react-stack-top-frame") : X,
+        b ? J(l(e)) : K
       );
-    }, M.jsxs = function(e, o, p) {
-      var x = 1e4 > A.recentlyCreatedOwnerStacks++;
+    }, A.jsxs = function(e, o, p) {
+      var b = 1e4 > N.recentlyCreatedOwnerStacks++;
       return f(
         e,
         o,
         p,
         !0,
-        x ? Error("react-stack-top-frame") : Q,
-        x ? U(l(e)) : X
+        b ? Error("react-stack-top-frame") : X,
+        b ? J(l(e)) : K
       );
     };
-  })()), M;
+  })()), A;
 }
-var se;
-function Ee() {
-  return se || (se = 1, process.env.NODE_ENV === "production" ? q.exports = we() : q.exports = je()), q.exports;
+var oe;
+function Ne() {
+  return oe || (oe = 1, process.env.NODE_ENV === "production" ? D.exports = je() : D.exports = Ee()), D.exports;
 }
-var n = Ee();
-const Ne = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==", Se = ({ to: r, className: t, children: a }) => /* @__PURE__ */ n.jsx("a", { href: r, className: t, children: a }), qe = (r) => {
-  const { user: t, LinkComponent: a = Se } = r;
-  return /* @__PURE__ */ n.jsx("div", { className: "max-h-20 max-w-52", children: /* @__PURE__ */ n.jsx("div", { className: "flex grow flex-col", children: t ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+var n = Ne();
+const Se = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==", Te = ({ to: t, className: r, children: a }) => /* @__PURE__ */ n.jsx("a", { href: t, className: r, children: a }), Ye = (t) => {
+  const { user: r, LinkComponent: a = Te } = t;
+  return /* @__PURE__ */ n.jsx("div", { className: "max-h-20 max-w-52", children: /* @__PURE__ */ n.jsx("div", { className: "flex grow flex-col", children: r ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsxs("div", { className: "flex flex-row", children: [
-      /* @__PURE__ */ n.jsx("div", { className: "aiquants-session-photo m-1 h-14 w-14 p-0.5", children: /* @__PURE__ */ n.jsx("img", { className: "object-contain", src: t.photo || Ne, "aria-label": "profile photo" }) }),
+      /* @__PURE__ */ n.jsx("div", { className: "aiquants-session-photo m-1 h-14 w-14 p-0.5", children: /* @__PURE__ */ n.jsx("img", { className: "object-contain", src: r.photo || Se, "aria-label": "profile photo" }) }),
       /* @__PURE__ */ n.jsxs("div", { className: "mx-1 flex flex-col", children: [
         /* @__PURE__ */ n.jsx(a, { className: "aiquants-session-link my-1 rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィールを編集" }),
         /* @__PURE__ */ n.jsx(a, { className: "aiquants-session-link rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィール" }),
         /* @__PURE__ */ n.jsx(a, { className: "aiquants-session-link my-1 rounded-lg px-2 text-center text-xs", to: "https://myaccount.google.com/", children: "Google Account" })
       ] })
     ] }),
-    /* @__PURE__ */ n.jsx("div", { className: "aiquants-session-info mb-1 min-h-[1em] w-full rounded-r-lg px-2 py-0.5 text-xs", children: t.displayName })
+    /* @__PURE__ */ n.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__ */ n.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: "ログインはこちら" }) }) });
-}, de = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), Te = {
-  report: ne,
-  slip: ne,
-  table: ye,
-  chart: ve,
-  download: ge,
-  lock: be,
-  href: xe
-}, _e = ({ mark: r, children: t }) => {
-  const a = r ? Te[r] : void 0;
+}, _e = typeof window < "u" ? ue : M, ae = "aiquants-menu-scroll", pe = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), Re = {
+  report: te,
+  slip: te,
+  table: ke,
+  chart: ye,
+  download: ve,
+  lock: ge,
+  href: be
+}, Ce = ({ mark: t, children: r }) => {
+  const a = t ? Re[t] : void 0;
   return a ? /* @__PURE__ */ n.jsxs("div", { className: "flex flex-nowrap items-center", children: [
     /* @__PURE__ */ n.jsx(a, { className: "h-4 w-4" }),
-    /* @__PURE__ */ n.jsx("div", { className: "aiquants-menu-link mx-1 hover:underline", children: t })
-  ] }) : /* @__PURE__ */ n.jsx("span", { className: "mx-1 text-sky-600 hover:underline dark:text-sky-400", children: t });
-}, V = (r, t) => t ? {
+    /* @__PURE__ */ n.jsx("div", { className: "aiquants-menu-link mx-1 hover:underline", children: r })
+  ] }) : /* @__PURE__ */ n.jsx("span", { className: "mx-1 text-sky-600 hover:underline dark:text-sky-400", children: r });
+}, Z = (t, r) => r ? {
   menu: {
-    id: r.id,
-    title: r.title,
-    href: r.href
+    id: t.id,
+    title: t.title,
+    href: t.href
   },
   submenu: {
-    subid: t.subid,
-    title: t.title,
-    href: t.href,
-    mark: t.mark,
-    new: t.new
+    subid: r.subid,
+    title: r.title,
+    href: r.href,
+    mark: r.mark,
+    new: r.new
   }
 } : {
   menu: {
-    id: r.id,
-    title: r.title,
-    href: r.href
+    id: t.id,
+    title: t.title,
+    href: t.href
   }
-}, Re = ({ item: r, parentMenu: t, onMenuSelected: a }) => {
-  if (r.href === "separator")
+}, Pe = ({ item: t, parentMenu: r, onMenuSelected: a }) => {
+  if (t.href === "separator")
     return /* @__PURE__ */ n.jsx("hr", { className: "aiquants-menu-separator mx-2 my-1 h-px" });
-  const l = /* @__PURE__ */ n.jsx(_e, { mark: r.mark, children: r.title }), c = {
+  const l = /* @__PURE__ */ n.jsx(Ce, { mark: t.mark, children: t.title }), c = {
     onClick: () => {
-      a && a(V(t, r));
+      a && a(Z(r, t));
     }
   };
-  return r.new ? /* @__PURE__ */ n.jsx("a", { href: r.href, rel: "noopener noreferrer", target: "_blank", ...c, children: l }) : de.test(r.href) ? /* @__PURE__ */ n.jsx("a", { href: r.href, ...c, children: l }) : /* @__PURE__ */ n.jsx(ue, { to: r.href, ...c, children: l });
-}, oe = (r) => r ? r.split(/[?#]/)[0].replace(/(?!^\/)\/$/, "") : "", ae = (r, t) => {
-  const a = t !== "/" && t.endsWith("/") ? t.slice(0, -1) : t;
-  for (const l of r) {
-    if (oe(l.href) === a)
+  return t.new ? /* @__PURE__ */ n.jsx("a", { href: t.href, rel: "noopener noreferrer", target: "_blank", ...c, children: l }) : pe.test(t.href) ? /* @__PURE__ */ n.jsx("a", { href: t.href, ...c, children: l }) : /* @__PURE__ */ n.jsx(me, { to: t.href, ...c, children: l });
+}, le = (t) => t ? t.split(/[?#]/)[0].replace(/(?!^\/)\/$/, "") : "", ie = (t, r) => {
+  const a = r !== "/" && r.endsWith("/") ? r.slice(0, -1) : r;
+  for (const l of t) {
+    if (le(l.href) === a)
       return l.id;
     if (l.submenu) {
       for (const c of l.submenu)
-        if (oe(c.href) === a)
+        if (le(c.href) === a)
           return l.id;
     }
   }
   return null;
-}, Pe = (r) => {
-  const { menuList: t, onMenuSelected: a, pinnedSubmenuIds: l = [], onToggleSubmenuPin: c } = r;
+}, Oe = (t) => {
+  const { menuList: r, onMenuSelected: a, pinnedSubmenuIds: l = [], onToggleSubmenuPin: c } = t;
   let i = "";
   try {
-    i = ke().pathname;
+    i = we().pathname;
   } catch {
     typeof window < "u" && (i = window.location.pathname);
   }
-  const u = ee(() => ae(t, i), [t, i]), [h, g] = D(u), d = T(i), f = T(u !== null);
-  Y(() => {
+  const u = ne(() => ie(r, i), [r, i]), [h, v] = Y(u), d = _(i), f = _(u !== null);
+  M(() => {
     if (d.current !== i && (d.current = i, f.current = !1), !f.current) {
-      const s = ae(t, i);
-      s !== null && (g(s), f.current = !0);
+      const s = ie(r, i);
+      s !== null && (v(s), f.current = !0);
     }
-  }, [i, t]);
-  const k = w(
+  }, [i, r]);
+  const y = w(
     (s) => {
-      l.includes(s) || g((N) => N === s ? null : s);
+      l.includes(s) || v((S) => S === s ? null : s);
     },
     [l]
-  ), v = ee(() => /* @__PURE__ */ n.jsx(n.Fragment, { children: t.map((s) => /* @__PURE__ */ n.jsx("div", { children: s.href ? /* @__PURE__ */ n.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: de.test(s.href) ? /* @__PURE__ */ n.jsx(
+  ), j = _(null);
+  _e(() => {
+    const s = j.current;
+    if (s)
+      try {
+        const m = sessionStorage.getItem(ae);
+        if (m !== null) {
+          const S = Number.parseFloat(m);
+          Number.isNaN(S) || (s.scrollTop = S);
+        }
+      } catch {
+      }
+  }, []);
+  const x = w(() => {
+    const s = j.current;
+    if (s)
+      try {
+        sessionStorage.setItem(ae, String(s.scrollTop));
+      } catch {
+      }
+  }, []), T = ne(() => /* @__PURE__ */ n.jsx(n.Fragment, { children: r.map((s) => /* @__PURE__ */ n.jsx("div", { children: s.href ? /* @__PURE__ */ n.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: pe.test(s.href) ? /* @__PURE__ */ n.jsx(
     "a",
     {
       href: s.href,
       onClick: () => {
-        a && a(V(s));
+        a && a(Z(s));
       },
       children: /* @__PURE__ */ n.jsx("span", { className: "aiquants-menu-link hover:underline", children: s.title })
     }
   ) : /* @__PURE__ */ n.jsx(
-    ue,
+    me,
     {
       to: s.href,
       onClick: () => {
-        a && a(V(s));
+        a && a(Z(s));
       },
       children: /* @__PURE__ */ n.jsx("span", { className: "aiquants-menu-link hover:underline", children: s.title })
     }
@@ -372,10 +392,10 @@ const Ne = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
       {
         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-['']",
         onClick: (m) => {
-          m.preventDefault(), k(s.id);
+          m.preventDefault(), y(s.id);
         },
         onKeyDown: (m) => {
-          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), k(s.id));
+          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), y(s.id));
         },
         children: [
           /* @__PURE__ */ n.jsx("span", { children: s.title }),
@@ -388,29 +408,29 @@ const Ne = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
               },
               className: `aiquants-submenu-pin-button ${l.includes(s.id) ? "pinned" : ""}`,
               title: l.includes(s.id) ? "ピン留め解除" : "ピン留め",
-              children: l.includes(s.id) ? /* @__PURE__ */ n.jsx(ie, { size: 14 }) : /* @__PURE__ */ n.jsx(ce, { size: 14 })
+              children: l.includes(s.id) ? /* @__PURE__ */ n.jsx(de, { size: 14 }) : /* @__PURE__ */ n.jsx(fe, { size: 14 })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ n.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__ */ n.jsx("div", { className: "aiquants-menu-accordion-container block w-full whitespace-nowrap text-sm", children: /* @__PURE__ */ n.jsx(Re, { item: m, parentMenu: s, onMenuSelected: a }) }, m.subid)) })
-  ] }) }, s.id)) }), [t, a, h, k, l]);
-  return /* @__PURE__ */ n.jsx("div", { className: "hidden-scrollbar h-0 grow overflow-y-scroll", children: v });
-}, Ce = (r) => {
-  const { menuList: t, menuHeader: a, open: l, onMenuSelected: c, onClickSignout: i, theme: u, toggleTheme: h, isPinned: g, onTogglePin: d, pinnedSubmenuIds: f, onToggleSubmenuPin: k } = r;
+    /* @__PURE__ */ n.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__ */ n.jsx("div", { className: "aiquants-menu-accordion-container block w-full whitespace-nowrap text-sm", children: /* @__PURE__ */ n.jsx(Pe, { item: m, parentMenu: s, onMenuSelected: a }) }, m.subid)) })
+  ] }) }, s.id)) }), [r, a, h, y, l]);
+  return /* @__PURE__ */ n.jsx("div", { ref: j, onScroll: x, className: "hidden-scrollbar h-0 grow overflow-y-scroll", children: T });
+}, Ie = (t) => {
+  const { menuList: r, menuHeader: a, open: l, onMenuSelected: c, onClickSignout: i, theme: u, toggleTheme: h, isPinned: v, onTogglePin: d, pinnedSubmenuIds: f, onToggleSubmenuPin: y } = t;
   return /* @__PURE__ */ n.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 ${l ? "aiquants-menu-translate-x-0" : "aiquants-menu-translate-x-250"}`, children: [
     /* @__PURE__ */ n.jsx("div", { className: "flex h-[100px] flex-col", children: a }),
-    /* @__PURE__ */ n.jsx("div", { className: "flex grow flex-col", children: /* @__PURE__ */ n.jsx(Pe, { menuList: t, onMenuSelected: c, pinnedSubmenuIds: f, onToggleSubmenuPin: k }) }),
+    /* @__PURE__ */ n.jsx("div", { className: "flex grow flex-col", children: /* @__PURE__ */ n.jsx(Oe, { menuList: r, onMenuSelected: c, pinnedSubmenuIds: f, onToggleSubmenuPin: y }) }),
     /* @__PURE__ */ n.jsx("div", { className: "px-4 pt-2 pb-4", children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ n.jsx(
         "button",
         {
           type: "button",
           onClick: d,
-          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 ${g ? "bg-amber-500/90 hover:bg-amber-600" : "border border-white/15 bg-white/10 hover:bg-white/20"}`,
-          title: g ? "ピン留め解除" : "ピン留め",
-          children: g ? /* @__PURE__ */ n.jsx(ie, { size: 14 }) : /* @__PURE__ */ n.jsx(ce, { size: 14 })
+          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 ${v ? "bg-amber-500/90 hover:bg-amber-600" : "border border-white/15 bg-white/10 hover:bg-white/20"}`,
+          title: v ? "ピン留め解除" : "ピン留め",
+          children: v ? /* @__PURE__ */ n.jsx(de, { size: 14 }) : /* @__PURE__ */ n.jsx(fe, { size: 14 })
         }
       ),
       /* @__PURE__ */ n.jsxs(
@@ -437,89 +457,89 @@ const Ne = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
       )
     ] }) })
   ] });
-}, Oe = (r) => {
-  const { isOverlay: t, onOverlayClick: a } = r;
-  return /* @__PURE__ */ n.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: a });
-}, Ae = (r) => {
-  const { open: t, onMenuOpen: a, onMenuClose: l, theme: c } = r, i = T(t), u = T(null), h = T(null), g = T(null), d = T(null), f = T(null), k = w(() => {
-    if (u.current && h.current && g.current && d.current && f.current) {
-      const j = c === "dark" ? "#fff" : "#000";
-      u.current.style.backgroundColor = j, u.current.style.width = "100%", u.current.style.height = "3px", u.current.style.transform = "", h.current.style.opacity = "1", h.current.style.backgroundColor = j, g.current.style.opacity = "1", g.current.style.backgroundColor = j, d.current.style.backgroundColor = j, d.current.style.width = "100%", d.current.style.height = "3px", d.current.style.transform = "", f.current.style.color = j, 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;
+}, Ae = (t) => {
+  const { isOverlay: r, onOverlayClick: a } = t;
+  return /* @__PURE__ */ n.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: a });
+}, Me = (t) => {
+  const { open: r, onMenuOpen: a, onMenuClose: l, theme: c } = t, i = _(r), u = _(null), h = _(null), v = _(null), d = _(null), f = _(null), y = w(() => {
+    if (u.current && h.current && v.current && d.current && f.current) {
+      const E = c === "dark" ? "#fff" : "#000";
+      u.current.style.backgroundColor = E, u.current.style.width = "100%", u.current.style.height = "3px", u.current.style.transform = "", h.current.style.opacity = "1", h.current.style.backgroundColor = E, v.current.style.opacity = "1", v.current.style.backgroundColor = E, d.current.style.backgroundColor = E, d.current.style.width = "100%", d.current.style.height = "3px", d.current.style.transform = "", f.current.style.color = E, 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;
     }
-  }, [c]), v = w(() => {
-    u.current && h.current && g.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)", h.current.style.opacity = "0", g.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);
-  }, []), s = w(() => {
-    k(), l && l();
-  }, [k, l]), m = w(() => {
-    v(), a && a();
-  }, [v, a]), N = w(() => {
-    i.current ? m() : s();
-  }, [s, m]), S = w((j) => {
-    j.currentTarget.blur();
-  }, []), O = w((j) => {
-    j.preventDefault();
+  }, [c]), j = w(() => {
+    u.current && h.current && v.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)", h.current.style.opacity = "0", v.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(() => {
+    y(), l && l();
+  }, [y, l]), T = w(() => {
+    j(), a && a();
+  }, [j, a]), s = w(() => {
+    i.current ? T() : x();
+  }, [x, T]), m = w((E) => {
+    E.currentTarget.blur();
+  }, []), S = w((E) => {
+    E.preventDefault();
   }, []);
-  return Y(() => {
-    t ? k() : v();
-  }, [t, k, v]), /* @__PURE__ */ n.jsxs("button", { type: "button", className: "aiquants-menu-switch fixed z-2147483647 inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden", onClick: N, onFocus: S, onMouseDown: O, tabIndex: -1, children: [
+  return M(() => {
+    r ? y() : j();
+  }, [r, y, j]), /* @__PURE__ */ n.jsxs("button", { type: "button", className: "aiquants-menu-switch fixed z-2147483647 inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden", onClick: s, onFocus: m, onMouseDown: S, tabIndex: -1, children: [
     /* @__PURE__ */ n.jsx("span", { className: "absolute top-0 left-0 box-border inline-block h-[3px] w-full select-none", ref: u }),
     /* @__PURE__ */ n.jsx("span", { className: "absolute top-1.5 left-0 box-border inline-block h-[3px] w-full select-none", ref: h }),
-    /* @__PURE__ */ n.jsx("span", { className: "absolute top-3 left-0 box-border inline-block h-[3px] w-full select-none", ref: g }),
+    /* @__PURE__ */ n.jsx("span", { className: "absolute top-3 left-0 box-border inline-block h-[3px] w-full select-none", ref: v }),
     /* @__PURE__ */ n.jsx("span", { className: "absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none", ref: d }),
     /* @__PURE__ */ n.jsx("div", { className: "absolute w-full text-xs after:mt-2 after:block", ref: f })
   ] });
-}, le = typeof window < "u" ? he : Y, De = (r) => {
-  const { menuList: t, menuHeader: a, onClickSignout: l, isMenuhide: c, theme: i, toggleTheme: u, onMenuNavigate: h, onPinChange: g, pinnedSubmenuIds: d, initialPinnedSubmenuIds: f, onSubmenuPinChange: k } = r, [v, s] = D(() => {
+}, ce = typeof window < "u" ? ue : M, $e = (t) => {
+  const { menuList: r, menuHeader: a, onClickSignout: l, isMenuhide: c, theme: i, toggleTheme: u, onMenuNavigate: h, onPinChange: v, pinnedSubmenuIds: d, initialPinnedSubmenuIds: f, onSubmenuPinChange: y, closeOnEscape: j = "auto" } = t, [x, T] = Y(() => {
     try {
       return localStorage.getItem("aiquants-menu-pinned") === "true";
     } catch {
       return !1;
     }
-  }), [m, N] = D(v), [S, O] = D(() => {
+  }), [s, m] = Y(x), [S, E] = Y(() => {
     if (f)
       return f;
     try {
-      const y = localStorage.getItem("aiquants-submenu-pinned");
-      if (y) {
-        const E = JSON.parse(y);
-        if (Array.isArray(E))
-          return E.filter((_) => typeof _ == "number");
+      const k = localStorage.getItem("aiquants-submenu-pinned");
+      if (k) {
+        const N = JSON.parse(k);
+        if (Array.isArray(N))
+          return N.filter((C) => typeof C == "number");
       }
     } catch {
     }
     return [];
-  }), j = d !== void 0 ? d : S, $ = w(
-    (y) => {
-      const E = d !== void 0 ? d : S, _ = E.includes(y) ? E.filter((A) => A !== y) : [...E, y];
+  }), $ = d !== void 0 ? d : S, z = w(
+    (k) => {
+      const N = d !== void 0 ? d : S, C = N.includes(k) ? N.filter((H) => H !== k) : [...N, k];
       if (d === void 0) {
-        O(_);
+        E(C);
         try {
-          localStorage.setItem("aiquants-submenu-pinned", JSON.stringify(_));
+          localStorage.setItem("aiquants-submenu-pinned", JSON.stringify(C));
         } catch {
         }
       }
-      k && k(_);
+      y && y(C);
     },
-    [d, S, k]
+    [d, S, y]
   );
-  le(() => {
-    const y = v ? "250px" : "0px";
-    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", y), g?.(v);
-  }, [v, g]), le(() => () => {
+  ce(() => {
+    const k = x ? "250px" : "0px";
+    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", k), v?.(x);
+  }, [x, v]), ce(() => () => {
     document.documentElement.style.setProperty("--aiquants-menu-pinned-width", "0px");
   }, []);
-  const z = w(() => {
-    N(!0);
-  }, []), R = w(() => {
-    N(!1), s(!1);
+  const F = w(() => {
+    m(!0);
+  }, []), P = w(() => {
+    m(!1), T(!1);
     try {
       localStorage.removeItem("aiquants-menu-pinned");
     } catch {
     }
-  }, []), F = w(() => {
-    s((y) => {
-      const E = !y;
-      if (E)
+  }, []), W = w(() => {
+    T((k) => {
+      const N = !k;
+      if (N)
         try {
           localStorage.setItem("aiquants-menu-pinned", "true");
         } catch {
@@ -529,45 +549,44 @@ const Ne = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
           localStorage.removeItem("aiquants-menu-pinned");
         } catch {
         }
-      return E;
+      return N;
     });
-  }, []), W = w(
-    (y) => {
-      h && h(y), v || N(!1);
+  }, []), U = w(
+    (k) => {
+      h && h(k), x || m(!1);
     },
-    [h, v]
-  ), P = w(
-    (y) => {
-      if (y.key === "Escape")
-        return R(), !1;
+    [h, x]
+  ), R = w(
+    (k) => {
+      k.key === "Escape" && P();
     },
-    [R]
-  );
-  return Y(() => (m ? window.addEventListener("keydown", P, { passive: !0 }) : window.removeEventListener("keydown", P), () => {
-    window.removeEventListener("keydown", P);
-  }), [m, P]), c ? null : /* @__PURE__ */ n.jsxs("div", { className: `aiquants-menu-bar ${i}`, children: [
-    /* @__PURE__ */ n.jsx(Ae, { onMenuClose: R, onMenuOpen: z, open: !m, theme: i }),
+    [P]
+  ), L = j === !0 || j === "auto" && !x;
+  return M(() => (s && L ? window.addEventListener("keydown", R, { passive: !0 }) : window.removeEventListener("keydown", R), () => {
+    window.removeEventListener("keydown", R);
+  }), [s, L, R]), c ? null : /* @__PURE__ */ n.jsxs("div", { className: `aiquants-menu-bar ${i}`, children: [
+    /* @__PURE__ */ n.jsx(Me, { onMenuClose: P, onMenuOpen: F, open: !s, theme: i }),
     /* @__PURE__ */ n.jsx(
-      Ce,
+      Ie,
       {
-        menuList: t,
+        menuList: r,
         menuHeader: a,
         onClickSignout: l,
-        onMenuSelected: W,
-        open: m,
+        onMenuSelected: U,
+        open: s,
         theme: i,
         toggleTheme: u,
-        isPinned: v,
-        onTogglePin: F,
-        pinnedSubmenuIds: j,
-        onToggleSubmenuPin: $
+        isPinned: x,
+        onTogglePin: W,
+        pinnedSubmenuIds: $,
+        onToggleSubmenuPin: z
       }
     ),
-    /* @__PURE__ */ n.jsx(Oe, { isOverlay: m && !v, onOverlayClick: R })
+    /* @__PURE__ */ n.jsx(Ae, { isOverlay: s && !x, onOverlayClick: P })
   ] });
 };
 export {
-  Se as DefaultLink,
-  De as MenuBar,
-  qe as SessionInfo
+  Te as DefaultLink,
+  $e as MenuBar,
+  Ye as SessionInfo
 };

package/dist/index.umd.js

@@ -1,6 +1,6 @@
-(function(E,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react"),require("lucide-react"),require("react-router-dom")):typeof define=="function"&&define.amd?define(["exports","react","lucide-react","react-router-dom"],o):(E=typeof globalThis<"u"?globalThis:E||self,o(E["@aiquants/menu-bar"]={},E.React,E["lucide-react"],E.ReactRouterDOM))})(this,(function(E,o,S,z){"use strict";var D={exports:{}},I={};var G;function ie(){if(G)return I;G=1;var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function l(i,u,c){var d=null;if(c!==void 0&&(d=""+c),u.key!==void 0&&(d=""+u.key),"key"in u){c={};for(var b in u)b!=="key"&&(c[b]=u[b])}else c=u;return u=c.ref,{$$typeof:t,type:i,key:d,ref:u!==void 0?u:null,props:c}}return I.Fragment=r,I.jsx=l,I.jsxs=l,I}var M={};var B;function ce(){return B||(B=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===_?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case C:return"Fragment";case j:return"Profiler";case A:return"StrictMode";case H:return"Suspense";case J:return"SuspenseList";case N: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 T:return"Portal";case U:return e.displayName||"Context";case W:return(e._context.displayName||"Context")+".Consumer";case P:var a=e.render;return e=e.displayName,e||(e=a.displayName||a.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case R:return a=e.displayName||null,a!==null?a:t(e.type)||"Memo";case k:a=e._payload,e=e._init;try{return t(e(a))}catch{}}return null}function r(e){return""+e}function l(e){try{r(e);var a=!1}catch{a=!0}if(a){a=console;var h=a.error,x=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return h.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",x),r(e)}}function i(e){if(e===C)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===k)return"<...>";try{var a=t(e);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function u(){var e=L.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function d(e){if(te.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function b(e,a){function h(){re||(re=!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)",a))}h.isReactWarning=!0,Object.defineProperty(e,"key",{get:h,configurable:!0})}function v(){var e=t(this.type);return se[e]||(se[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 f(e,a,h,x,Y,V){var g=h.ref;return e={$$typeof:p,type:e,key:a,props:h,_owner:x},(g!==void 0?g:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:v}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:V}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function m(e,a,h,x,Y,V){var g=a.children;if(g!==void 0)if(x)if(ke(g)){for(x=0;x<g.length;x++)w(g[x]);Object.freeze&&Object.freeze(g)}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 w(g);if(te.call(a,"key")){g=t(e);var O=Object.keys(a).filter(function(we){return we!=="key"});x=0<O.length?"{key: someKey, "+O.join(": ..., ")+": ...}":"{key: someKey}",le[g+x]||(O=0<O.length?"{"+O.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+(function(T,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react"),require("lucide-react"),require("react-router-dom")):typeof define=="function"&&define.amd?define(["exports","react","lucide-react","react-router-dom"],o):(T=typeof globalThis<"u"?globalThis:T||self,o(T["@aiquants/menu-bar"]={},T.React,T["lucide-react"],T.ReactRouterDOM))})(this,(function(T,o,C,z){"use strict";var L={exports:{}},A={};var Q;function ue(){if(Q)return A;Q=1;var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function l(i,u,c){var d=null;if(c!==void 0&&(d=""+c),u.key!==void 0&&(d=""+u.key),"key"in u){c={};for(var b in u)b!=="key"&&(c[b]=u[b])}else c=u;return u=c.ref,{$$typeof:t,type:i,key:d,ref:u!==void 0?u:null,props:c}}return A.Fragment=r,A.jsx=l,A.jsxs=l,A}var M={};var X;function de(){return X||(X=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===w?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case p:return"Fragment";case E:return"Profiler";case N:return"StrictMode";case O:return"Suspense";case J:return"SuspenseList";case D: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:return"Portal";case U:return e.displayName||"Context";case W:return(e._context.displayName||"Context")+".Consumer";case H:var a=e.render;return e=e.displayName,e||(e=a.displayName||a.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case G:return a=e.displayName||null,a!==null?a:t(e.type)||"Memo";case R:a=e._payload,e=e._init;try{return t(e(a))}catch{}}return null}function r(e){return""+e}function l(e){try{r(e);var a=!1}catch{a=!0}if(a){a=console;var h=a.error,g=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return h.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",g),r(e)}}function i(e){if(e===p)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===R)return"<...>";try{var a=t(e);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function u(){var e=S.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function d(e){if(P.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function b(e,a){function h(){oe||(oe=!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)",a))}h.isReactWarning=!0,Object.defineProperty(e,"key",{get:h,configurable:!0})}function v(){var e=t(this.type);return ae[e]||(ae[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 f(e,a,h,g,Y,B){var y=h.ref;return e={$$typeof:_,type:e,key:a,props:h,_owner:g},(y!==void 0?y:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:v}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function m(e,a,h,g,Y,B){var y=a.children;if(y!==void 0)if(g)if(V(y)){for(g=0;g<y.length;g++)k(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 k(y);if(P.call(a,"key")){y=t(e);var I=Object.keys(a).filter(function(Ee){return Ee!=="key"});g=0<I.length?"{key: someKey, "+I.join(": ..., ")+": ...}":"{key: someKey}",ce[y+g]||(I=0<I.length?"{"+I.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} />`,x,g,O,g),le[g+x]=!0)}if(g=null,h!==void 0&&(l(h),g=""+h),d(a)&&(l(a.key),g=""+a.key),"key"in a){h={};for(var Z in a)Z!=="key"&&(h[Z]=a[Z])}else h=a;return g&&b(h,typeof e=="function"?e.displayName||e.name||"Unknown":e),f(e,g,h,u(),Y,V)}function w(e){y(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===k&&(e._payload.status==="fulfilled"?y(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function y(e){return typeof e=="object"&&e!==null&&e.$$typeof===p}var s=o,p=Symbol.for("react.transitional.element"),T=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),A=Symbol.for("react.strict_mode"),j=Symbol.for("react.profiler"),W=Symbol.for("react.consumer"),U=Symbol.for("react.context"),P=Symbol.for("react.forward_ref"),H=Symbol.for("react.suspense"),J=Symbol.for("react.suspense_list"),R=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),N=Symbol.for("react.activity"),_=Symbol.for("react.client.reference"),L=s.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,te=Object.prototype.hasOwnProperty,ke=Array.isArray,q=console.createTask?console.createTask:function(){return null};s={react_stack_bottom_frame:function(e){return e()}};var re,se={},oe=s.react_stack_bottom_frame.bind(s,c)(),ae=q(i(c)),le={};M.Fragment=C,M.jsx=function(e,a,h){var x=1e4>L.recentlyCreatedOwnerStacks++;return m(e,a,h,!1,x?Error("react-stack-top-frame"):oe,x?q(i(e)):ae)},M.jsxs=function(e,a,h){var x=1e4>L.recentlyCreatedOwnerStacks++;return m(e,a,h,!0,x?Error("react-stack-top-frame"):oe,x?q(i(e)):ae)}})()),M}var Q;function ue(){return Q||(Q=1,process.env.NODE_ENV==="production"?D.exports=ie():D.exports=ce()),D.exports}var n=ue();const de="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==",X=({to:t,className:r,children:l})=>n.jsx("a",{href:t,className:r,children:l}),fe=t=>{const{user:r,LinkComponent:l=X}=t;return n.jsx("div",{className:"max-h-20 max-w-52",children:n.jsx("div",{className:"flex grow flex-col",children:r?n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"flex flex-row",children:[n.jsx("div",{className:"aiquants-session-photo m-1 h-14 w-14 p-0.5",children:n.jsx("img",{className:"object-contain",src:r.photo||de,"aria-label":"profile photo"})}),n.jsxs("div",{className:"mx-1 flex flex-col",children:[n.jsx(l,{className:"aiquants-session-link my-1 rounded-lg px-2 text-center text-xs",to:"/",children:"プロフィールを編集"}),n.jsx(l,{className:"aiquants-session-link rounded-lg px-2 text-center text-xs",to:"/",children:"プロフィール"}),n.jsx(l,{className:"aiquants-session-link my-1 rounded-lg px-2 text-center text-xs",to:"https://myaccount.google.com/",children:"Google Account"})]})]}),n.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})]}):n.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:"ログインはこちら"})})})},K=new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/),me={report:S.FileText,slip:S.FileText,table:S.Table,chart:S.BarChart,download:S.Download,lock:S.Lock,href:S.Link},pe=({mark:t,children:r})=>{const l=t?me[t]:void 0;return l?n.jsxs("div",{className:"flex flex-nowrap items-center",children:[n.jsx(l,{className:"h-4 w-4"}),n.jsx("div",{className:"aiquants-menu-link mx-1 hover:underline",children:r})]}):n.jsx("span",{className:"mx-1 text-sky-600 hover:underline dark:text-sky-400",children:r})},F=(t,r)=>r?{menu:{id:t.id,title:t.title,href:t.href},submenu:{subid:r.subid,title:r.title,href:r.href,mark:r.mark,new:r.new}}:{menu:{id:t.id,title:t.title,href:t.href}},he=({item:t,parentMenu:r,onMenuSelected:l})=>{if(t.href==="separator")return n.jsx("hr",{className:"aiquants-menu-separator mx-2 my-1 h-px"});const i=n.jsx(pe,{mark:t.mark,children:t.title}),u={onClick:()=>{l&&l(F(r,t))}};return t.new?n.jsx("a",{href:t.href,rel:"noopener noreferrer",target:"_blank",...u,children:i}):K.test(t.href)?n.jsx("a",{href:t.href,...u,children:i}):n.jsx(z.Link,{to:t.href,...u,children:i})},$=t=>t?t.split(/[?#]/)[0].replace(/(?!^\/)\/$/,""):"",ee=(t,r)=>{const l=r!=="/"&&r.endsWith("/")?r.slice(0,-1):r;for(const i of t){if($(i.href)===l)return i.id;if(i.submenu){for(const u of i.submenu)if($(u.href)===l)return i.id}}return null},be=t=>{const{menuList:r,onMenuSelected:l,pinnedSubmenuIds:i=[],onToggleSubmenuPin:u}=t;let c="";try{c=z.useLocation().pathname}catch{typeof window<"u"&&(c=window.location.pathname)}const d=o.useMemo(()=>ee(r,c),[r,c]),[b,v]=o.useState(d),f=o.useRef(c),m=o.useRef(d!==null);o.useEffect(()=>{if(f.current!==c&&(f.current=c,m.current=!1),!m.current){const s=ee(r,c);s!==null&&(v(s),m.current=!0)}},[c,r]);const w=o.useCallback(s=>{i.includes(s)||v(T=>T===s?null:s)},[i]),y=o.useMemo(()=>n.jsx(n.Fragment,{children:r.map(s=>n.jsx("div",{children:s.href?n.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:K.test(s.href)?n.jsx("a",{href:s.href,onClick:()=>{l&&l(F(s))},children:n.jsx("span",{className:"aiquants-menu-link hover:underline",children:s.title})}):n.jsx(z.Link,{to:s.href,onClick:()=>{l&&l(F(s))},children:n.jsx("span",{className:"aiquants-menu-link hover:underline",children:s.title})})}):n.jsxs("details",{className:"aiquants-menu-accordion-details",open:s.id===b||i.includes(s.id),children:[n.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-['']",onClick:p=>{p.preventDefault(),w(s.id)},onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),w(s.id))},children:[n.jsx("span",{children:s.title}),n.jsx("button",{type:"button",onClick:p=>{p.stopPropagation(),p.preventDefault(),u&&u(s.id)},className:`aiquants-submenu-pin-button ${i.includes(s.id)?"pinned":""}`,title:i.includes(s.id)?"ピン留め解除":"ピン留め",children:i.includes(s.id)?n.jsx(S.Pin,{size:14}):n.jsx(S.PinOff,{size:14})})]}),n.jsx("div",{className:"aiquants-menu-submenu pointer-events-auto my-1 mr-1 ml-4 rounded p-2 shadow-md",children:s.submenu.map(p=>n.jsx("div",{className:"aiquants-menu-accordion-container block w-full whitespace-nowrap text-sm",children:n.jsx(he,{item:p,parentMenu:s,onMenuSelected:l})},p.subid))})]})},s.id))}),[r,l,b,w,i]);return n.jsx("div",{className:"hidden-scrollbar h-0 grow overflow-y-scroll",children:y})},xe=t=>{const{menuList:r,menuHeader:l,open:i,onMenuSelected:u,onClickSignout:c,theme:d,toggleTheme:b,isPinned:v,onTogglePin:f,pinnedSubmenuIds:m,onToggleSubmenuPin:w}=t;return n.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 ${i?"aiquants-menu-translate-x-0":"aiquants-menu-translate-x-250"}`,children:[n.jsx("div",{className:"flex h-[100px] flex-col",children:l}),n.jsx("div",{className:"flex grow flex-col",children:n.jsx(be,{menuList:r,onMenuSelected:u,pinnedSubmenuIds:m,onToggleSubmenuPin:w})}),n.jsx("div",{className:"px-4 pt-2 pb-4",children:n.jsxs("div",{className:"flex items-center justify-between gap-2",children:[n.jsx("button",{type:"button",onClick:f,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 ${v?"bg-amber-500/90 hover:bg-amber-600":"border border-white/15 bg-white/10 hover:bg-white/20"}`,title:v?"ピン留め解除":"ピン留め",children:v?n.jsx(S.Pin,{size:14}):n.jsx(S.PinOff,{size:14})}),n.jsxs("button",{type:"button",onClick:b,className:"group relative flex flex-1 items-center gap-2 rounded-lg border border-white/15 bg-white/10 px-3 py-2 font-medium 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",children:[n.jsx("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm transition-all duration-300 group-hover:scale-110 group-hover:bg-white/30 dark:bg-gray-600/60 dark:group-hover:bg-gray-500/70",children:n.jsx("span",{className:"text-sm transition-transform duration-300 group-hover:scale-110",children:d==="dark"?"🌞":"🌙"})}),n.jsx("span",{className:"text-white transition-colors duration-300 group-hover:text-white/90 dark:text-gray-200 dark:group-hover:text-white",children:d==="dark"?"Light":"Dark"}),n.jsx("div",{className:"absolute inset-0 rounded-lg bg-gradient-to-r from-transparent via-white/5 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100 dark:via-gray-400/10"})]}),n.jsx("button",{type:"button",className:"aiquants-signout-button flex items-center justify-center 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:c,children:"サインアウト"})]})})]})},ge=t=>{const{isOverlay:r,onOverlayClick:l}=t;return n.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:l})},ve=t=>{const{open:r,onMenuOpen:l,onMenuClose:i,theme:u}=t,c=o.useRef(r),d=o.useRef(null),b=o.useRef(null),v=o.useRef(null),f=o.useRef(null),m=o.useRef(null),w=o.useCallback(()=>{if(d.current&&b.current&&v.current&&f.current&&m.current){const j=u==="dark"?"#fff":"#000";d.current.style.backgroundColor=j,d.current.style.width="100%",d.current.style.height="3px",d.current.style.transform="",b.current.style.opacity="1",b.current.style.backgroundColor=j,v.current.style.opacity="1",v.current.style.backgroundColor=j,f.current.style.backgroundColor=j,f.current.style.width="100%",f.current.style.height="3px",f.current.style.transform="",m.current.style.color=j,m.current.classList.remove("after:content-['close']"),m.current.classList.remove("after:ml-0.5"),m.current.classList.add("after:content-['menu']"),m.current.classList.add("after:-ml-0.5"),c.current=!0}},[u]),y=o.useCallback(()=>{d.current&&b.current&&v.current&&f.current&&m.current&&(d.current.style.backgroundColor="#fff",d.current.style.width="32px",d.current.style.height="4px",d.current.style.transform="translateY(9px) rotate(-45deg)",b.current.style.opacity="0",v.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)",m.current.style.color="#fff",m.current.classList.remove("after:content-['menu']"),m.current.classList.remove("after:-ml-0.5"),m.current.classList.add("after:content-['close']"),m.current.classList.add("after:ml-0.5"),c.current=!1)},[]),s=o.useCallback(()=>{w(),i&&i()},[w,i]),p=o.useCallback(()=>{y(),l&&l()},[y,l]),T=o.useCallback(()=>{c.current?p():s()},[s,p]),C=o.useCallback(j=>{j.currentTarget.blur()},[]),A=o.useCallback(j=>{j.preventDefault()},[]);return o.useEffect(()=>{r?w():y()},[r,w,y]),n.jsxs("button",{type:"button",className:"aiquants-menu-switch fixed z-2147483647 inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden",onClick:T,onFocus:C,onMouseDown:A,tabIndex:-1,children:[n.jsx("span",{className:"absolute top-0 left-0 box-border inline-block h-[3px] w-full select-none",ref:d}),n.jsx("span",{className:"absolute top-1.5 left-0 box-border inline-block h-[3px] w-full select-none",ref:b}),n.jsx("span",{className:"absolute top-3 left-0 box-border inline-block h-[3px] w-full select-none",ref:v}),n.jsx("span",{className:"absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none",ref:f}),n.jsx("div",{className:"absolute w-full text-xs after:mt-2 after:block",ref:m})]})},ne=typeof window<"u"?o.useLayoutEffect:o.useEffect,ye=t=>{const{menuList:r,menuHeader:l,onClickSignout:i,isMenuhide:u,theme:c,toggleTheme:d,onMenuNavigate:b,onPinChange:v,pinnedSubmenuIds:f,initialPinnedSubmenuIds:m,onSubmenuPinChange:w}=t,[y,s]=o.useState(()=>{try{return localStorage.getItem("aiquants-menu-pinned")==="true"}catch{return!1}}),[p,T]=o.useState(y),[C,A]=o.useState(()=>{if(m)return m;try{const k=localStorage.getItem("aiquants-submenu-pinned");if(k){const N=JSON.parse(k);if(Array.isArray(N))return N.filter(_=>typeof _=="number")}}catch{}return[]}),j=f!==void 0?f:C,W=o.useCallback(k=>{const N=f!==void 0?f:C,_=N.includes(k)?N.filter(L=>L!==k):[...N,k];if(f===void 0){A(_);try{localStorage.setItem("aiquants-submenu-pinned",JSON.stringify(_))}catch{}}w&&w(_)},[f,C,w]);ne(()=>{const k=y?"250px":"0px";document.documentElement.style.setProperty("--aiquants-menu-pinned-width",k),v?.(y)},[y,v]),ne(()=>()=>{document.documentElement.style.setProperty("--aiquants-menu-pinned-width","0px")},[]);const U=o.useCallback(()=>{T(!0)},[]),P=o.useCallback(()=>{T(!1),s(!1);try{localStorage.removeItem("aiquants-menu-pinned")}catch{}},[]),H=o.useCallback(()=>{s(k=>{const N=!k;if(N)try{localStorage.setItem("aiquants-menu-pinned","true")}catch{}else try{localStorage.removeItem("aiquants-menu-pinned")}catch{}return N})},[]),J=o.useCallback(k=>{b&&b(k),y||T(!1)},[b,y]),R=o.useCallback(k=>{if(k.key==="Escape")return P(),!1},[P]);return o.useEffect(()=>(p?window.addEventListener("keydown",R,{passive:!0}):window.removeEventListener("keydown",R),()=>{window.removeEventListener("keydown",R)}),[p,R]),u?null:n.jsxs("div",{className:`aiquants-menu-bar ${c}`,children:[n.jsx(ve,{onMenuClose:P,onMenuOpen:U,open:!p,theme:c}),n.jsx(xe,{menuList:r,menuHeader:l,onClickSignout:i,onMenuSelected:J,open:p,theme:c,toggleTheme:d,isPinned:y,onTogglePin:H,pinnedSubmenuIds:j,onToggleSubmenuPin:W}),n.jsx(ge,{isOverlay:p&&!y,onOverlayClick:P})]})};E.DefaultLink=X,E.MenuBar=ye,E.SessionInfo=fe,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,g,y,I,y),ce[y+g]=!0)}if(y=null,h!==void 0&&(l(h),y=""+h),d(a)&&(l(a.key),y=""+a.key),"key"in a){h={};for(var q in a)q!=="key"&&(h[q]=a[q])}else h=a;return y&&b(h,typeof e=="function"?e.displayName||e.name||"Unknown":e),f(e,y,h,u(),Y,B)}function k(e){j(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===R&&(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 j(e){return typeof e=="object"&&e!==null&&e.$$typeof===_}var x=o,_=Symbol.for("react.transitional.element"),s=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),N=Symbol.for("react.strict_mode"),E=Symbol.for("react.profiler"),W=Symbol.for("react.consumer"),U=Symbol.for("react.context"),H=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),J=Symbol.for("react.suspense_list"),G=Symbol.for("react.memo"),R=Symbol.for("react.lazy"),D=Symbol.for("react.activity"),w=Symbol.for("react.client.reference"),S=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,P=Object.prototype.hasOwnProperty,V=Array.isArray,Z=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(e){return e()}};var oe,ae={},le=x.react_stack_bottom_frame.bind(x,c)(),ie=Z(i(c)),ce={};M.Fragment=p,M.jsx=function(e,a,h){var g=1e4>S.recentlyCreatedOwnerStacks++;return m(e,a,h,!1,g?Error("react-stack-top-frame"):le,g?Z(i(e)):ie)},M.jsxs=function(e,a,h){var g=1e4>S.recentlyCreatedOwnerStacks++;return m(e,a,h,!0,g?Error("react-stack-top-frame"):le,g?Z(i(e)):ie)}})()),M}var K;function fe(){return K||(K=1,process.env.NODE_ENV==="production"?L.exports=ue():L.exports=de()),L.exports}var n=fe();const me="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==",$=({to:t,className:r,children:l})=>n.jsx("a",{href:t,className:r,children:l}),pe=t=>{const{user:r,LinkComponent:l=$}=t;return n.jsx("div",{className:"max-h-20 max-w-52",children:n.jsx("div",{className:"flex grow flex-col",children:r?n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"flex flex-row",children:[n.jsx("div",{className:"aiquants-session-photo m-1 h-14 w-14 p-0.5",children:n.jsx("img",{className:"object-contain",src:r.photo||me,"aria-label":"profile photo"})}),n.jsxs("div",{className:"mx-1 flex flex-col",children:[n.jsx(l,{className:"aiquants-session-link my-1 rounded-lg px-2 text-center text-xs",to:"/",children:"プロフィールを編集"}),n.jsx(l,{className:"aiquants-session-link rounded-lg px-2 text-center text-xs",to:"/",children:"プロフィール"}),n.jsx(l,{className:"aiquants-session-link my-1 rounded-lg px-2 text-center text-xs",to:"https://myaccount.google.com/",children:"Google Account"})]})]}),n.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})]}):n.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:"ログインはこちら"})})})},he=typeof window<"u"?o.useLayoutEffect:o.useEffect,ee="aiquants-menu-scroll",ne=new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/),be={report:C.FileText,slip:C.FileText,table:C.Table,chart:C.BarChart,download:C.Download,lock:C.Lock,href:C.Link},xe=({mark:t,children:r})=>{const l=t?be[t]:void 0;return l?n.jsxs("div",{className:"flex flex-nowrap items-center",children:[n.jsx(l,{className:"h-4 w-4"}),n.jsx("div",{className:"aiquants-menu-link mx-1 hover:underline",children:r})]}):n.jsx("span",{className:"mx-1 text-sky-600 hover:underline dark:text-sky-400",children:r})},F=(t,r)=>r?{menu:{id:t.id,title:t.title,href:t.href},submenu:{subid:r.subid,title:r.title,href:r.href,mark:r.mark,new:r.new}}:{menu:{id:t.id,title:t.title,href:t.href}},ge=({item:t,parentMenu:r,onMenuSelected:l})=>{if(t.href==="separator")return n.jsx("hr",{className:"aiquants-menu-separator mx-2 my-1 h-px"});const i=n.jsx(xe,{mark:t.mark,children:t.title}),u={onClick:()=>{l&&l(F(r,t))}};return t.new?n.jsx("a",{href:t.href,rel:"noopener noreferrer",target:"_blank",...u,children:i}):ne.test(t.href)?n.jsx("a",{href:t.href,...u,children:i}):n.jsx(z.Link,{to:t.href,...u,children:i})},te=t=>t?t.split(/[?#]/)[0].replace(/(?!^\/)\/$/,""):"",re=(t,r)=>{const l=r!=="/"&&r.endsWith("/")?r.slice(0,-1):r;for(const i of t){if(te(i.href)===l)return i.id;if(i.submenu){for(const u of i.submenu)if(te(u.href)===l)return i.id}}return null},ye=t=>{const{menuList:r,onMenuSelected:l,pinnedSubmenuIds:i=[],onToggleSubmenuPin:u}=t;let c="";try{c=z.useLocation().pathname}catch{typeof window<"u"&&(c=window.location.pathname)}const d=o.useMemo(()=>re(r,c),[r,c]),[b,v]=o.useState(d),f=o.useRef(c),m=o.useRef(d!==null);o.useEffect(()=>{if(f.current!==c&&(f.current=c,m.current=!1),!m.current){const s=re(r,c);s!==null&&(v(s),m.current=!0)}},[c,r]);const k=o.useCallback(s=>{i.includes(s)||v(N=>N===s?null:s)},[i]),j=o.useRef(null);he(()=>{const s=j.current;if(s)try{const p=sessionStorage.getItem(ee);if(p!==null){const N=Number.parseFloat(p);Number.isNaN(N)||(s.scrollTop=N)}}catch{}},[]);const x=o.useCallback(()=>{const s=j.current;if(s)try{sessionStorage.setItem(ee,String(s.scrollTop))}catch{}},[]),_=o.useMemo(()=>n.jsx(n.Fragment,{children:r.map(s=>n.jsx("div",{children:s.href?n.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:ne.test(s.href)?n.jsx("a",{href:s.href,onClick:()=>{l&&l(F(s))},children:n.jsx("span",{className:"aiquants-menu-link hover:underline",children:s.title})}):n.jsx(z.Link,{to:s.href,onClick:()=>{l&&l(F(s))},children:n.jsx("span",{className:"aiquants-menu-link hover:underline",children:s.title})})}):n.jsxs("details",{className:"aiquants-menu-accordion-details",open:s.id===b||i.includes(s.id),children:[n.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-['']",onClick:p=>{p.preventDefault(),k(s.id)},onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),k(s.id))},children:[n.jsx("span",{children:s.title}),n.jsx("button",{type:"button",onClick:p=>{p.stopPropagation(),p.preventDefault(),u&&u(s.id)},className:`aiquants-submenu-pin-button ${i.includes(s.id)?"pinned":""}`,title:i.includes(s.id)?"ピン留め解除":"ピン留め",children:i.includes(s.id)?n.jsx(C.Pin,{size:14}):n.jsx(C.PinOff,{size:14})})]}),n.jsx("div",{className:"aiquants-menu-submenu pointer-events-auto my-1 mr-1 ml-4 rounded p-2 shadow-md",children:s.submenu.map(p=>n.jsx("div",{className:"aiquants-menu-accordion-container block w-full whitespace-nowrap text-sm",children:n.jsx(ge,{item:p,parentMenu:s,onMenuSelected:l})},p.subid))})]})},s.id))}),[r,l,b,k,i]);return n.jsx("div",{ref:j,onScroll:x,className:"hidden-scrollbar h-0 grow overflow-y-scroll",children:_})},ve=t=>{const{menuList:r,menuHeader:l,open:i,onMenuSelected:u,onClickSignout:c,theme:d,toggleTheme:b,isPinned:v,onTogglePin:f,pinnedSubmenuIds:m,onToggleSubmenuPin:k}=t;return n.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 ${i?"aiquants-menu-translate-x-0":"aiquants-menu-translate-x-250"}`,children:[n.jsx("div",{className:"flex h-[100px] flex-col",children:l}),n.jsx("div",{className:"flex grow flex-col",children:n.jsx(ye,{menuList:r,onMenuSelected:u,pinnedSubmenuIds:m,onToggleSubmenuPin:k})}),n.jsx("div",{className:"px-4 pt-2 pb-4",children:n.jsxs("div",{className:"flex items-center justify-between gap-2",children:[n.jsx("button",{type:"button",onClick:f,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 ${v?"bg-amber-500/90 hover:bg-amber-600":"border border-white/15 bg-white/10 hover:bg-white/20"}`,title:v?"ピン留め解除":"ピン留め",children:v?n.jsx(C.Pin,{size:14}):n.jsx(C.PinOff,{size:14})}),n.jsxs("button",{type:"button",onClick:b,className:"group relative flex flex-1 items-center gap-2 rounded-lg border border-white/15 bg-white/10 px-3 py-2 font-medium 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",children:[n.jsx("div",{className:"flex h-5 w-5 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm transition-all duration-300 group-hover:scale-110 group-hover:bg-white/30 dark:bg-gray-600/60 dark:group-hover:bg-gray-500/70",children:n.jsx("span",{className:"text-sm transition-transform duration-300 group-hover:scale-110",children:d==="dark"?"🌞":"🌙"})}),n.jsx("span",{className:"text-white transition-colors duration-300 group-hover:text-white/90 dark:text-gray-200 dark:group-hover:text-white",children:d==="dark"?"Light":"Dark"}),n.jsx("div",{className:"absolute inset-0 rounded-lg bg-gradient-to-r from-transparent via-white/5 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100 dark:via-gray-400/10"})]}),n.jsx("button",{type:"button",className:"aiquants-signout-button flex items-center justify-center 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:c,children:"サインアウト"})]})})]})},ke=t=>{const{isOverlay:r,onOverlayClick:l}=t;return n.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:l})},we=t=>{const{open:r,onMenuOpen:l,onMenuClose:i,theme:u}=t,c=o.useRef(r),d=o.useRef(null),b=o.useRef(null),v=o.useRef(null),f=o.useRef(null),m=o.useRef(null),k=o.useCallback(()=>{if(d.current&&b.current&&v.current&&f.current&&m.current){const E=u==="dark"?"#fff":"#000";d.current.style.backgroundColor=E,d.current.style.width="100%",d.current.style.height="3px",d.current.style.transform="",b.current.style.opacity="1",b.current.style.backgroundColor=E,v.current.style.opacity="1",v.current.style.backgroundColor=E,f.current.style.backgroundColor=E,f.current.style.width="100%",f.current.style.height="3px",f.current.style.transform="",m.current.style.color=E,m.current.classList.remove("after:content-['close']"),m.current.classList.remove("after:ml-0.5"),m.current.classList.add("after:content-['menu']"),m.current.classList.add("after:-ml-0.5"),c.current=!0}},[u]),j=o.useCallback(()=>{d.current&&b.current&&v.current&&f.current&&m.current&&(d.current.style.backgroundColor="#fff",d.current.style.width="32px",d.current.style.height="4px",d.current.style.transform="translateY(9px) rotate(-45deg)",b.current.style.opacity="0",v.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)",m.current.style.color="#fff",m.current.classList.remove("after:content-['menu']"),m.current.classList.remove("after:-ml-0.5"),m.current.classList.add("after:content-['close']"),m.current.classList.add("after:ml-0.5"),c.current=!1)},[]),x=o.useCallback(()=>{k(),i&&i()},[k,i]),_=o.useCallback(()=>{j(),l&&l()},[j,l]),s=o.useCallback(()=>{c.current?_():x()},[x,_]),p=o.useCallback(E=>{E.currentTarget.blur()},[]),N=o.useCallback(E=>{E.preventDefault()},[]);return o.useEffect(()=>{r?k():j()},[r,k,j]),n.jsxs("button",{type:"button",className:"aiquants-menu-switch fixed z-2147483647 inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden",onClick:s,onFocus:p,onMouseDown:N,tabIndex:-1,children:[n.jsx("span",{className:"absolute top-0 left-0 box-border inline-block h-[3px] w-full select-none",ref:d}),n.jsx("span",{className:"absolute top-1.5 left-0 box-border inline-block h-[3px] w-full select-none",ref:b}),n.jsx("span",{className:"absolute top-3 left-0 box-border inline-block h-[3px] w-full select-none",ref:v}),n.jsx("span",{className:"absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none",ref:f}),n.jsx("div",{className:"absolute w-full text-xs after:mt-2 after:block",ref:m})]})},se=typeof window<"u"?o.useLayoutEffect:o.useEffect,je=t=>{const{menuList:r,menuHeader:l,onClickSignout:i,isMenuhide:u,theme:c,toggleTheme:d,onMenuNavigate:b,onPinChange:v,pinnedSubmenuIds:f,initialPinnedSubmenuIds:m,onSubmenuPinChange:k,closeOnEscape:j="auto"}=t,[x,_]=o.useState(()=>{try{return localStorage.getItem("aiquants-menu-pinned")==="true"}catch{return!1}}),[s,p]=o.useState(x),[N,E]=o.useState(()=>{if(m)return m;try{const w=localStorage.getItem("aiquants-submenu-pinned");if(w){const S=JSON.parse(w);if(Array.isArray(S))return S.filter(P=>typeof P=="number")}}catch{}return[]}),W=f!==void 0?f:N,U=o.useCallback(w=>{const S=f!==void 0?f:N,P=S.includes(w)?S.filter(V=>V!==w):[...S,w];if(f===void 0){E(P);try{localStorage.setItem("aiquants-submenu-pinned",JSON.stringify(P))}catch{}}k&&k(P)},[f,N,k]);se(()=>{const w=x?"250px":"0px";document.documentElement.style.setProperty("--aiquants-menu-pinned-width",w),v?.(x)},[x,v]),se(()=>()=>{document.documentElement.style.setProperty("--aiquants-menu-pinned-width","0px")},[]);const H=o.useCallback(()=>{p(!0)},[]),O=o.useCallback(()=>{p(!1),_(!1);try{localStorage.removeItem("aiquants-menu-pinned")}catch{}},[]),J=o.useCallback(()=>{_(w=>{const S=!w;if(S)try{localStorage.setItem("aiquants-menu-pinned","true")}catch{}else try{localStorage.removeItem("aiquants-menu-pinned")}catch{}return S})},[]),G=o.useCallback(w=>{b&&b(w),x||p(!1)},[b,x]),R=o.useCallback(w=>{w.key==="Escape"&&O()},[O]),D=j===!0||j==="auto"&&!x;return o.useEffect(()=>(s&&D?window.addEventListener("keydown",R,{passive:!0}):window.removeEventListener("keydown",R),()=>{window.removeEventListener("keydown",R)}),[s,D,R]),u?null:n.jsxs("div",{className:`aiquants-menu-bar ${c}`,children:[n.jsx(we,{onMenuClose:O,onMenuOpen:H,open:!s,theme:c}),n.jsx(ve,{menuList:r,menuHeader:l,onClickSignout:i,onMenuSelected:G,open:s,theme:c,toggleTheme:d,isPinned:x,onTogglePin:J,pinnedSubmenuIds:W,onToggleSubmenuPin:U}),n.jsx(ke,{isOverlay:s&&!x,onOverlayClick:O})]})};T.DefaultLink=$,T.MenuBar=je,T.SessionInfo=pe,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiquants/menu-bar",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "private": false,
   "description": "A React menu bar component with authentication support and theming",
   "keywords": [