@aiquants/menu-bar 1.2.0 → 1.5.0

package/dist/MenuBar.d.ts

@@ -1,4 +1,4 @@
-import { IMenu } from './contents/MenuList';
+import { IMenu, MenuNavigationPayload } from './contents/MenuList';
 import { Theme } from './types';
 
 /**
@@ -11,6 +11,7 @@ import { Theme } from './types';
  * @property {boolean} [isMenuhide] - Whether to hide the menu. メニューを非表示にするかどうか。
  * @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. メニュー遷移イベントを受け取る関数。
  */
 interface IMenuBarProps {
     menuList: IMenu[];
@@ -19,6 +20,7 @@ interface IMenuBarProps {
     isMenuhide?: boolean;
     theme: Theme;
     toggleTheme: () => void;
+    onMenuNavigate?(payload: MenuNavigationPayload): void;
 }
 /**
  * @function MenuBar

package/dist/contents/MenuContent.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '../types';
-import { IMenu } from './MenuList';
+import { IMenu, MenuNavigationPayload } from './MenuList';
 
 /**
  * @interface IMenuContentProps
@@ -8,7 +8,7 @@ import { IMenu } from './MenuList';
  * @property {IMenu[]} menuList - The list of menu items. メニュー項目のリスト。
  * @property {React.ReactNode} [menuHeader] - The header content of the menu. メニューのヘッダーコンテンツ。
  * @property {boolean} open - Whether the menu is open. メニューが開いているかどうか。
- * @property {() => void} onMenuSelected - Function to handle menu item selection. メニュー項目選択を処理する関数。
+ * @property {(payload: MenuNavigationPayload) => void} onMenuSelected - Function to handle menu item selection. メニュー項目選択を処理する関数。
  * @property {() => void} onClickSignout - Function to handle sign out. サインアウトを処理する関数。
  * @property {Theme} theme - The current theme.
  * @property {() => void} toggleTheme - Function to toggle the theme.
@@ -17,7 +17,7 @@ interface IMenuContentProps {
     menuList: IMenu[];
     menuHeader?: React.ReactNode;
     open: boolean;
-    onMenuSelected(): void;
+    onMenuSelected(payload: MenuNavigationPayload): void;
     onClickSignout(): void;
     theme: Theme;
     toggleTheme: () => void;

package/dist/contents/MenuList.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @module MenuList
+ * @description This module provides the list of menu items.
+ * @description このモジュールは、メニュー項目のリストを提供します。
+ */
 /**
  * @interface ISubmenu
  * @description Interface for a submenu item.
@@ -30,16 +35,27 @@ export interface IMenu {
     href?: string;
     submenu: ISubmenu[];
 }
+/**
+ * @typedef MenuNavigationPayload
+ * @description Payload emitted when a menu or submenu item is selected.
+ * @description メニューまたはサブメニューが選択された際に発火するペイロード。
+ * @property {{ id: number; title: string; href?: string }} menu - Selected menu metadata.
+ * @property {{ subid: number; title?: string; href: string; mark?: string; new?: boolean }} [submenu] - Selected submenu metadata.
+ */
+export type MenuNavigationPayload = {
+    menu: Pick<IMenu, "id" | "title" | "href">;
+    submenu?: Pick<ISubmenu, "subid" | "title" | "href" | "mark" | "new">;
+};
 /**
  * @interface IMenuListProps
  * @description Props for the MenuList component.
  * @description MenuList コンポーネントの Props。
  * @property {IMenu[]} menuList - The list of menu items. メニュー項目のリスト。
- * @property {() => void} [onMenuSelected] - Function to handle menu item selection. メニュー項目選択を処理する関数。
+ * @property {(payload: MenuNavigationPayload) => void} [onMenuSelected] - Function to handle menu item selection. メニュー項目選択を処理する関数。
  */
 interface IMenuListProps {
     menuList: IMenu[];
-    onMenuSelected?(): void;
+    onMenuSelected?(payload: MenuNavigationPayload): void;
 }
 /**
  * @function MenuList

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export type { LinkProps, SessionInfoProps } from './components/SessionInfo';
 export { DefaultLink, SessionInfo } from './components/SessionInfo';
-export type { IMenu, ISubmenu } from './contents/MenuList';
+export type { IMenu, ISubmenu, MenuNavigationPayload } from './contents/MenuList';
 export { MenuBar } from './MenuBar';
 export type { Theme } from './types';
 export type { UserProfile } from './types/user';

package/dist/index.es.js

@@ -1,112 +1,94 @@
-import le, { useState as G, useCallback as v, useMemo as ce, useRef as j, useEffect as X } from "react";
-import { Link as B } from "react-router-dom";
-import { Link as ie, Lock as ue, Download as de, BarChart as fe, Table as me, FileText as z } from "lucide-react";
-var S = { exports: {} }, N = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var U;
-function xe() {
-  if (U) return N;
-  U = 1;
-  var s = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
-  function o(f, m, l) {
-    var c = null;
-    if (l !== void 0 && (c = "" + l), m.key !== void 0 && (c = "" + m.key), "key" in m) {
-      l = {};
-      for (var n in m)
-        n !== "key" && (l[n] = m[n]);
-    } else l = m;
-    return m = l.ref, {
-      $$typeof: s,
+import ie, { useState as X, useCallback as g, useMemo as ce, useRef as E, useEffect as B } from "react";
+import { Link as ue, Lock as de, Download as fe, BarChart as me, Table as xe, FileText as U } from "lucide-react";
+import { Link as H } from "react-router-dom";
+var O = { exports: {} }, N = {};
+var J;
+function pe() {
+  if (J) return N;
+  J = 1;
+  var t = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
+  function a(f, i, c) {
+    var u = null;
+    if (c !== void 0 && (u = "" + c), i.key !== void 0 && (u = "" + i.key), "key" in i) {
+      c = {};
+      for (var s in i)
+        s !== "key" && (c[s] = i[s]);
+    } else c = i;
+    return i = c.ref, {
+      $$typeof: t,
       type: f,
-      key: c,
-      ref: m !== void 0 ? m : null,
-      props: l
+      key: u,
+      ref: i !== void 0 ? i : null,
+      props: c
     };
   }
-  return N.Fragment = a, N.jsx = o, N.jsxs = o, N;
+  return N.Fragment = o, N.jsx = a, N.jsxs = a, N;
 }
 var R = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var J;
-function pe() {
-  return J || (J = 1, process.env.NODE_ENV !== "production" && (function() {
-    function s(e) {
+var V;
+function he() {
+  return V || (V = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === se ? null : e.displayName || e.name || null;
+        return e.$$typeof === oe ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case _:
           return "Fragment";
-        case g:
+        case k:
           return "Profiler";
         case C:
           return "StrictMode";
-        case ee:
-          return "Suspense";
         case re:
+          return "Suspense";
+        case te:
           return "SuspenseList";
-        case ne:
+        case se:
           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 O:
+          case S:
             return "Portal";
-          case Q:
+          case K:
             return e.displayName || "Context";
-          case Z:
+          case Q:
             return (e._context.displayName || "Context") + ".Consumer";
-          case K:
-            var t = e.render;
-            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case te:
-            return t = e.displayName || null, t !== null ? t : s(e.type) || "Memo";
+          case ee:
+            var n = e.render;
+            return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case ne:
+            return n = e.displayName || null, n !== null ? n : t(e.type) || "Memo";
           case A:
-            t = e._payload, e = e._init;
+            n = e._payload, e = e._init;
             try {
-              return s(e(t));
+              return t(e(n));
             } catch {
             }
         }
       return null;
     }
-    function a(e) {
+    function o(e) {
       return "" + e;
     }
-    function o(e) {
+    function a(e) {
       try {
-        a(e);
-        var t = !1;
+        o(e);
+        var n = !1;
       } catch {
-        t = !0;
+        n = !0;
       }
-      if (t) {
-        t = console;
-        var u = t.error, x = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return u.call(
-          t,
+      if (n) {
+        n = console;
+        var d = n.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return d.call(
+          n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          x
-        ), a(e);
+          m
+        ), o(e);
       }
     }
     function f(e) {
@@ -114,55 +96,55 @@ function pe() {
       if (typeof e == "object" && e !== null && e.$$typeof === A)
         return "<...>";
       try {
-        var t = s(e);
-        return t ? "<" + t + ">" : "<...>";
+        var n = t(e);
+        return n ? "<" + n + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function m() {
+    function i() {
       var e = P.A;
       return e === null ? null : e.getOwner();
     }
-    function l() {
+    function c() {
       return Error("react-stack-top-frame");
     }
-    function c(e) {
-      if (I.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning) return !1;
+    function u(e) {
+      if (D.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function n(e, t) {
-      function u() {
-        D || (D = !0, console.error(
+    function s(e, n) {
+      function d() {
+        Y || (Y = !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)",
-          t
+          n
         ));
       }
-      u.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: u,
+      d.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: d,
         configurable: !0
       });
     }
-    function i() {
-      var e = s(this.type);
-      return Y[e] || (Y[e] = !0, console.error(
+    function l() {
+      var e = t(this.type);
+      return $[e] || ($[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 h(e, t, u, x, T, L) {
-      var p = u.ref;
+    function h(e, n, d, m, T, L) {
+      var x = d.ref;
       return e = {
-        $$typeof: E,
+        $$typeof: w,
         type: e,
-        key: t,
-        props: u,
-        _owner: x
-      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(e, "ref", {
+        key: n,
+        props: d,
+        _owner: m
+      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: i
+        get: l
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -185,169 +167,208 @@ function pe() {
         value: L
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function d(e, t, u, x, T, L) {
-      var p = t.children;
-      if (p !== void 0)
-        if (x)
-          if (oe(p)) {
-            for (x = 0; x < p.length; x++)
-              k(p[x]);
-            Object.freeze && Object.freeze(p);
+    function p(e, n, d, m, T, L) {
+      var x = n.children;
+      if (x !== void 0)
+        if (m)
+          if (ae(x)) {
+            for (m = 0; m < x.length; m++)
+              b(x[m]);
+            Object.freeze && Object.freeze(x);
           } 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(p);
-      if (I.call(t, "key")) {
-        p = s(e);
-        var w = Object.keys(t).filter(function(ae) {
-          return ae !== "key";
+        else b(x);
+      if (D.call(n, "key")) {
+        x = t(e);
+        var j = Object.keys(n).filter(function(le) {
+          return le !== "key";
         });
-        x = 0 < w.length ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}", W[p + x] || (w = 0 < w.length ? "{" + w.join(": ..., ") + ": ...}" : "{}", console.error(
+        m = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", z[x + m] || (j = 0 < j.length ? "{" + j.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} />`,
+          m,
           x,
-          p,
-          w,
-          p
-        ), W[p + x] = !0);
+          j,
+          x
+        ), z[x + m] = !0);
       }
-      if (p = null, u !== void 0 && (o(u), p = "" + u), c(t) && (o(t.key), p = "" + t.key), "key" in t) {
-        u = {};
-        for (var q in t)
-          q !== "key" && (u[q] = t[q]);
-      } else u = t;
-      return p && n(
-        u,
+      if (x = null, d !== void 0 && (a(d), x = "" + d), u(n) && (a(n.key), x = "" + n.key), "key" in n) {
+        d = {};
+        for (var q in n)
+          q !== "key" && (d[q] = n[q]);
+      } else d = n;
+      return x && s(
+        d,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), h(
         e,
-        p,
-        u,
-        m(),
+        x,
+        d,
+        i(),
         T,
         L
       );
     }
-    function k(e) {
-      b(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (e._payload.status === "fulfilled" ? b(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-    }
     function b(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === E;
+      y(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (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 === w;
     }
-    var y = le, E = Symbol.for("react.transitional.element"), O = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), Q = Symbol.for("react.context"), K = Symbol.for("react.forward_ref"), ee = Symbol.for("react.suspense"), re = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), ne = Symbol.for("react.activity"), se = Symbol.for("react.client.reference"), P = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, oe = Array.isArray, M = console.createTask ? console.createTask : function() {
+    var v = ie, w = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), Q = Symbol.for("react.consumer"), K = Symbol.for("react.context"), ee = Symbol.for("react.forward_ref"), re = Symbol.for("react.suspense"), te = Symbol.for("react.suspense_list"), ne = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), se = Symbol.for("react.activity"), oe = Symbol.for("react.client.reference"), P = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, ae = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
-    y = {
+    v = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var D, Y = {}, $ = y.react_stack_bottom_frame.bind(
-      y,
-      l
-    )(), F = M(f(l)), W = {};
-    R.Fragment = _, R.jsx = function(e, t, u) {
-      var x = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return d(
+    var Y, $ = {}, F = v.react_stack_bottom_frame.bind(
+      v,
+      c
+    )(), W = M(f(c)), z = {};
+    R.Fragment = _, R.jsx = function(e, n, d) {
+      var m = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return p(
         e,
-        t,
-        u,
+        n,
+        d,
         !1,
-        x ? Error("react-stack-top-frame") : $,
-        x ? M(f(e)) : F
+        m ? Error("react-stack-top-frame") : F,
+        m ? M(f(e)) : W
       );
-    }, R.jsxs = function(e, t, u) {
-      var x = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return d(
+    }, R.jsxs = function(e, n, d) {
+      var m = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return p(
         e,
-        t,
-        u,
+        n,
+        d,
         !0,
-        x ? Error("react-stack-top-frame") : $,
-        x ? M(f(e)) : F
+        m ? Error("react-stack-top-frame") : F,
+        m ? M(f(e)) : W
       );
     };
   })()), R;
 }
-var V;
-function he() {
-  return V || (V = 1, process.env.NODE_ENV === "production" ? S.exports = xe() : S.exports = pe()), S.exports;
+var G;
+function be() {
+  return G || (G = 1, process.env.NODE_ENV === "production" ? O.exports = pe() : O.exports = he()), O.exports;
 }
-var r = he();
-const be = ({ to: s, className: a, children: o }) => /* @__PURE__ */ r.jsx("a", { href: s, className: a, children: o }), Te = (s) => {
-  const { user: a, LinkComponent: o = be } = s;
-  return /* @__PURE__ */ r.jsx("div", { className: "max-h-20 max-w-52", children: /* @__PURE__ */ r.jsx("div", { className: "flex grow flex-col", children: a ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+var r = be();
+const ve = ({ to: t, className: o, children: a }) => /* @__PURE__ */ r.jsx("a", { href: t, className: o, children: a }), Oe = (t) => {
+  const { user: o, LinkComponent: a = ve } = t;
+  return /* @__PURE__ */ r.jsx("div", { className: "max-h-20 max-w-52", children: /* @__PURE__ */ r.jsx("div", { className: "flex grow flex-col", children: o ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs("div", { className: "flex flex-row", children: [
-      /* @__PURE__ */ r.jsx("div", { className: "aiquants-session-photo m-1 h-14 w-14 p-0.5", children: /* @__PURE__ */ r.jsx("img", { className: "object-contain", src: a.photo, "aria-label": "profile photo" }) }),
+      /* @__PURE__ */ r.jsx("div", { className: "aiquants-session-photo m-1 h-14 w-14 p-0.5", children: /* @__PURE__ */ r.jsx("img", { className: "object-contain", src: o.photo, "aria-label": "profile photo" }) }),
       /* @__PURE__ */ r.jsxs("div", { className: "mx-1 flex flex-col", children: [
-        /* @__PURE__ */ r.jsx(o, { className: "aiquants-session-link my-1 rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィールを編集" }),
-        /* @__PURE__ */ r.jsx(o, { className: "aiquants-session-link rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィール" }),
-        /* @__PURE__ */ r.jsx(o, { className: "aiquants-session-link my-1 rounded-lg px-2 text-center text-xs", to: "https://myaccount.google.com/", children: "Google Account" })
+        /* @__PURE__ */ r.jsx(a, { className: "aiquants-session-link my-1 rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィールを編集" }),
+        /* @__PURE__ */ r.jsx(a, { className: "aiquants-session-link rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィール" }),
+        /* @__PURE__ */ r.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__ */ r.jsx("div", { className: "aiquants-session-info mb-1 min-h-[1em] w-full rounded-r-lg px-2 py-0.5 text-xs", children: a.displayName })
+    /* @__PURE__ */ r.jsx("div", { className: "aiquants-session-info mb-1 min-h-[1em] w-full rounded-r-lg px-2 py-0.5 text-xs", children: o.displayName })
   ] }) : /* @__PURE__ */ r.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: "ログインはこちら" }) }) });
-}, H = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), ve = {
-  report: z,
-  slip: z,
-  table: me,
-  chart: fe,
-  download: de,
-  lock: ue,
-  href: ie
-}, ge = ({ mark: s, children: a }) => {
-  const o = s ? ve[s] : void 0;
-  return o ? /* @__PURE__ */ r.jsxs("div", { className: "flex flex-nowrap items-center", children: [
-    /* @__PURE__ */ r.jsx(o, { className: "h-4 w-4" }),
-    /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-link mx-1 hover:underline", children: a })
-  ] }) : /* @__PURE__ */ r.jsx("span", { className: "mx-1 text-sky-600 hover:underline dark:text-sky-400", children: a });
-}, ke = ({ item: s, onMenuSelected: a }) => {
-  if (s.href === "separator")
+}, Z = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), ge = {
+  report: U,
+  slip: U,
+  table: xe,
+  chart: me,
+  download: fe,
+  lock: de,
+  href: ue
+}, ke = ({ mark: t, children: o }) => {
+  const a = t ? ge[t] : void 0;
+  return a ? /* @__PURE__ */ r.jsxs("div", { className: "flex flex-nowrap items-center", children: [
+    /* @__PURE__ */ r.jsx(a, { className: "h-4 w-4" }),
+    /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-link mx-1 hover:underline", children: o })
+  ] }) : /* @__PURE__ */ r.jsx("span", { className: "mx-1 text-sky-600 hover:underline dark:text-sky-400", children: o });
+}, I = (t, o) => o ? {
+  menu: {
+    id: t.id,
+    title: t.title,
+    href: t.href
+  },
+  submenu: {
+    subid: o.subid,
+    title: o.title,
+    href: o.href,
+    mark: o.mark,
+    new: o.new
+  }
+} : {
+  menu: {
+    id: t.id,
+    title: t.title,
+    href: t.href
+  }
+}, ye = ({ item: t, parentMenu: o, onMenuSelected: a }) => {
+  if (t.href === "separator")
     return /* @__PURE__ */ r.jsx("hr", { className: "aiquants-menu-separator mx-2 my-1 h-px" });
-  const o = /* @__PURE__ */ r.jsx(ge, { mark: s.mark, children: s.title }), f = {
-    onClick: a
+  const f = /* @__PURE__ */ r.jsx(ke, { mark: t.mark, children: t.title }), i = {
+    onClick: () => {
+      a && a(I(o, t));
+    }
   };
-  return s.new ? /* @__PURE__ */ r.jsx("a", { href: s.href, rel: "noopener noreferrer", target: "_blank", ...f, children: o }) : H.test(s.href) ? /* @__PURE__ */ r.jsx("a", { href: s.href, ...f, children: o }) : /* @__PURE__ */ r.jsx(B, { to: s.href, ...f, children: o });
-}, ye = (s) => {
-  const { menuList: a, onMenuSelected: o } = s, [f, m] = G(null), l = v((n) => {
-    m((i) => i === n ? null : n);
-  }, []), c = ce(() => /* @__PURE__ */ r.jsx(r.Fragment, { children: a.map((n) => /* @__PURE__ */ r.jsx("div", { children: n.href ? /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-list-item before:-mt-1 relative mb-1 ml-1 h-full rounded-l-2xl p-2 align-middle text-sm before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:align-middle before:content-['']", children: H.test(n.href) ? /* @__PURE__ */ r.jsx("a", { href: n.href, onClick: o, children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: n.title }) }) : /* @__PURE__ */ r.jsx(B, { to: n.href, onClick: o, children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: n.title }) }) }) : /* @__PURE__ */ r.jsxs("details", { className: "menu-accordion-details", open: n.id === f, children: [
+  return t.new ? /* @__PURE__ */ r.jsx("a", { href: t.href, rel: "noopener noreferrer", target: "_blank", ...i, children: f }) : Z.test(t.href) ? /* @__PURE__ */ r.jsx("a", { href: t.href, ...i, children: f }) : /* @__PURE__ */ r.jsx(H, { to: t.href, ...i, children: f });
+}, we = (t) => {
+  const { menuList: o, onMenuSelected: a } = t, [f, i] = X(null), c = g((s) => {
+    i((l) => l === s ? null : s);
+  }, []), u = ce(() => /* @__PURE__ */ r.jsx(r.Fragment, { children: o.map((s) => /* @__PURE__ */ r.jsx("div", { children: s.href ? /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-list-item before:-mt-1 relative mb-1 ml-1 h-full rounded-l-2xl p-2 align-middle text-sm before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:align-middle before:content-['']", children: Z.test(s.href) ? /* @__PURE__ */ r.jsx(
+    "a",
+    {
+      href: s.href,
+      onClick: () => {
+        a && a(I(s));
+      },
+      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: s.title })
+    }
+  ) : /* @__PURE__ */ r.jsx(
+    H,
+    {
+      to: s.href,
+      onClick: () => {
+        a && a(I(s));
+      },
+      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: s.title })
+    }
+  ) }) : /* @__PURE__ */ r.jsxs("details", { className: "menu-accordion-details", open: s.id === f, children: [
     /* @__PURE__ */ r.jsx(
       "summary",
       {
         className: "aiquants-menu-list-item menu-accordion-summary before:-mt-1 relative mb-1 ml-1 h-full list-none rounded-l-2xl p-2 align-middle text-sm outline-none before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:align-middle before:content-['']",
-        onClick: (i) => {
-          i.preventDefault(), l(n.id);
+        onClick: (l) => {
+          l.preventDefault(), c(s.id);
         },
-        onKeyDown: (i) => {
-          (i.key === "Enter" || i.key === " ") && (i.preventDefault(), l(n.id));
+        onKeyDown: (l) => {
+          (l.key === "Enter" || l.key === " ") && (l.preventDefault(), c(s.id));
         },
-        children: /* @__PURE__ */ r.jsx("span", { children: n.title })
+        children: /* @__PURE__ */ r.jsx("span", { children: s.title })
       }
     ),
-    /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-submenu pointer-events-auto my-1 mr-1 ml-4 rounded p-2 shadow-md", children: n.submenu.map((i) => /* @__PURE__ */ r.jsx("div", { className: "menu-accordion-container block w-full whitespace-nowrap text-sm", children: /* @__PURE__ */ r.jsx(ke, { item: i, onMenuSelected: o }) }, i.subid)) })
-  ] }) }, n.id)) }), [a, o, f, l]);
-  return /* @__PURE__ */ r.jsx("div", { className: "hidden-scrollbar h-0 grow overflow-y-scroll", children: c });
-}, we = (s) => {
-  const { menuList: a, menuHeader: o, open: f, onMenuSelected: m, onClickSignout: l, theme: c, toggleTheme: n } = s;
+    /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-submenu pointer-events-auto my-1 mr-1 ml-4 rounded p-2 shadow-md", children: s.submenu.map((l) => /* @__PURE__ */ r.jsx("div", { className: "menu-accordion-container block w-full whitespace-nowrap text-sm", children: /* @__PURE__ */ r.jsx(ye, { item: l, parentMenu: s, onMenuSelected: a }) }, l.subid)) })
+  ] }) }, s.id)) }), [o, a, f, c]);
+  return /* @__PURE__ */ r.jsx("div", { className: "hidden-scrollbar h-0 grow overflow-y-scroll", children: u });
+}, je = (t) => {
+  const { menuList: o, menuHeader: a, open: f, onMenuSelected: i, onClickSignout: c, theme: u, toggleTheme: s } = t;
   return /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-content fixed top-0 right-0 z-2147483642 flex min-h-screen w-[250px] select-none flex-col transition-transform duration-500 ${f ? "aiquants-menu-translate-x-0" : "aiquants-menu-translate-x-250"}`, children: [
-    /* @__PURE__ */ r.jsx("div", { className: "flex h-[100px] flex-col", children: o }),
-    /* @__PURE__ */ r.jsx("div", { className: "flex grow flex-col", children: /* @__PURE__ */ r.jsx(ye, { menuList: a, onMenuSelected: m }) }),
+    /* @__PURE__ */ r.jsx("div", { className: "flex h-[100px] flex-col", children: a }),
+    /* @__PURE__ */ r.jsx("div", { className: "flex grow flex-col", children: /* @__PURE__ */ r.jsx(we, { menuList: o, onMenuSelected: i }) }),
     /* @__PURE__ */ r.jsx("div", { className: "px-4 pt-2 pb-4", children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ r.jsxs(
         "button",
         {
           type: "button",
-          onClick: n,
+          onClick: s,
           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: [
-            /* @__PURE__ */ r.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: /* @__PURE__ */ r.jsx("span", { className: "text-sm transition-transform duration-300 group-hover:scale-110", children: c === "dark" ? "🌞" : "🌙" }) }),
-            /* @__PURE__ */ r.jsx("span", { className: "text-white transition-colors duration-300 group-hover:text-white/90 dark:text-gray-200 dark:group-hover:text-white", children: c === "dark" ? "Light" : "Dark" }),
+            /* @__PURE__ */ r.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: /* @__PURE__ */ r.jsx("span", { className: "text-sm transition-transform duration-300 group-hover:scale-110", children: u === "dark" ? "🌞" : "🌙" }) }),
+            /* @__PURE__ */ r.jsx("span", { className: "text-white transition-colors duration-300 group-hover:text-white/90 dark:text-gray-200 dark:group-hover:text-white", children: u === "dark" ? "Light" : "Dark" }),
             /* @__PURE__ */ r.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" })
           ]
         }
@@ -357,67 +378,67 @@ const be = ({ to: s, className: a, children: o }) => /* @__PURE__ */ r.jsx("a",
         {
           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: l,
+          onClick: c,
           children: "サインアウト"
         }
       )
     ] }) })
   ] });
-}, je = (s) => {
-  const { isOverlay: a, onOverlayClick: o } = s;
-  return /* @__PURE__ */ r.jsx("button", { type: "button", className: `fixed inset-0 z-2147483640 cursor-default bg-black/50 transition-opacity duration-500 ${a ? "opacity-100" : "pointer-events-none opacity-0"}`, onClick: o });
-}, Ee = (s) => {
-  const { open: a, onMenuOpen: o, onMenuClose: f, theme: m } = s, l = j(a), c = j(null), n = j(null), i = j(null), h = j(null), d = j(null), k = v(() => {
-    if (c.current && n.current && i.current && h.current && d.current) {
-      const g = m === "dark" ? "#fff" : "#000";
-      c.current.style.backgroundColor = g, c.current.style.width = "100%", c.current.style.height = "3px", c.current.style.transform = "", n.current.style.opacity = "1", n.current.style.backgroundColor = g, i.current.style.opacity = "1", i.current.style.backgroundColor = g, h.current.style.backgroundColor = g, h.current.style.width = "100%", h.current.style.height = "3px", h.current.style.transform = "", d.current.style.color = g, d.current.classList.remove("after:content-['close']"), d.current.classList.remove("after:ml-0.5"), d.current.classList.add("after:content-['menu']"), d.current.classList.add("after:-ml-0.5"), l.current = !0;
+}, Ee = (t) => {
+  const { isOverlay: o, onOverlayClick: a } = t;
+  return /* @__PURE__ */ r.jsx("button", { type: "button", className: `fixed inset-0 z-2147483640 cursor-default bg-black/50 transition-opacity duration-500 ${o ? "opacity-100" : "pointer-events-none opacity-0"}`, onClick: a });
+}, _e = (t) => {
+  const { open: o, onMenuOpen: a, onMenuClose: f, theme: i } = t, c = E(o), u = E(null), s = E(null), l = E(null), h = E(null), p = E(null), b = g(() => {
+    if (u.current && s.current && l.current && h.current && p.current) {
+      const k = i === "dark" ? "#fff" : "#000";
+      u.current.style.backgroundColor = k, u.current.style.width = "100%", u.current.style.height = "3px", u.current.style.transform = "", s.current.style.opacity = "1", s.current.style.backgroundColor = k, l.current.style.opacity = "1", l.current.style.backgroundColor = k, h.current.style.backgroundColor = k, h.current.style.width = "100%", h.current.style.height = "3px", h.current.style.transform = "", p.current.style.color = k, p.current.classList.remove("after:content-['close']"), p.current.classList.remove("after:ml-0.5"), p.current.classList.add("after:content-['menu']"), p.current.classList.add("after:-ml-0.5"), c.current = !0;
     }
-  }, [m]), b = v(() => {
-    c.current && n.current && i.current && h.current && d.current && (c.current.style.backgroundColor = "#fff", c.current.style.width = "32px", c.current.style.height = "4px", c.current.style.transform = "translateY(9px) rotate(-45deg)", n.current.style.opacity = "0", i.current.style.opacity = "0", h.current.style.backgroundColor = "#fff", h.current.style.width = "32px", h.current.style.height = "4px", h.current.style.transform = "translateY(-9px) rotate(45deg)", d.current.style.color = "#fff", d.current.classList.remove("after:content-['menu']"), d.current.classList.remove("after:-ml-0.5"), d.current.classList.add("after:content-['close']"), d.current.classList.add("after:ml-0.5"), l.current = !1);
-  }, []), y = v(() => {
-    k(), f && f();
-  }, [k, f]), E = v(() => {
-    b(), o && o();
-  }, [b, o]), O = v(() => {
-    l.current ? E() : y();
-  }, [y, E]), _ = v((g) => {
-    g.currentTarget.blur();
-  }, []), C = v((g) => {
-    g.preventDefault();
+  }, [i]), y = g(() => {
+    u.current && s.current && l.current && h.current && p.current && (u.current.style.backgroundColor = "#fff", u.current.style.width = "32px", u.current.style.height = "4px", u.current.style.transform = "translateY(9px) rotate(-45deg)", s.current.style.opacity = "0", l.current.style.opacity = "0", h.current.style.backgroundColor = "#fff", h.current.style.width = "32px", h.current.style.height = "4px", h.current.style.transform = "translateY(-9px) rotate(45deg)", p.current.style.color = "#fff", p.current.classList.remove("after:content-['menu']"), p.current.classList.remove("after:-ml-0.5"), p.current.classList.add("after:content-['close']"), p.current.classList.add("after:ml-0.5"), c.current = !1);
+  }, []), v = g(() => {
+    b(), f && f();
+  }, [b, f]), w = g(() => {
+    y(), a && a();
+  }, [y, a]), S = g(() => {
+    c.current ? w() : v();
+  }, [v, w]), _ = g((k) => {
+    k.currentTarget.blur();
+  }, []), C = g((k) => {
+    k.preventDefault();
   }, []);
-  return X(() => {
-    a ? k() : b();
-  }, [a, k, b]), /* @__PURE__ */ r.jsxs("button", { type: "button", className: "fixed top-5 right-5 z-2147483648 inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden", onClick: O, onFocus: _, onMouseDown: C, tabIndex: -1, children: [
-    /* @__PURE__ */ r.jsx("span", { className: "absolute top-0 left-0 box-border inline-block h-[3px] w-full select-none", ref: c }),
-    /* @__PURE__ */ r.jsx("span", { className: "absolute top-[6px] left-0 box-border inline-block h-[3px] w-full select-none", ref: n }),
-    /* @__PURE__ */ r.jsx("span", { className: "absolute top-[12px] left-0 box-border inline-block h-[3px] w-full select-none", ref: i }),
+  return B(() => {
+    o ? b() : y();
+  }, [o, b, y]), /* @__PURE__ */ r.jsxs("button", { type: "button", className: "fixed top-5 right-5 z-2147483648 inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden", onClick: S, onFocus: _, onMouseDown: C, tabIndex: -1, children: [
+    /* @__PURE__ */ r.jsx("span", { className: "absolute top-0 left-0 box-border inline-block h-[3px] w-full select-none", ref: u }),
+    /* @__PURE__ */ r.jsx("span", { className: "absolute top-[6px] left-0 box-border inline-block h-[3px] w-full select-none", ref: s }),
+    /* @__PURE__ */ r.jsx("span", { className: "absolute top-[12px] left-0 box-border inline-block h-[3px] w-full select-none", ref: l }),
     /* @__PURE__ */ r.jsx("span", { className: "absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none", ref: h }),
-    /* @__PURE__ */ r.jsx("div", { className: "absolute w-full text-xs after:mt-2 after:block", ref: d })
+    /* @__PURE__ */ r.jsx("div", { className: "absolute w-full text-xs after:mt-2 after:block", ref: p })
   ] });
-}, Se = (s) => {
-  const { menuList: a, menuHeader: o, onClickSignout: f, isMenuhide: m, theme: l, toggleTheme: c } = s, [n, i] = G(!1), h = v(() => {
-    i(!0);
-  }, []), d = v(() => {
-    i(!1);
-  }, []), k = v(() => {
-    i(!1);
-  }, []), b = v(
-    (y) => {
-      if (y.key === "Escape")
-        return d(), !1;
+}, Se = (t) => {
+  const { menuList: o, menuHeader: a, onClickSignout: f, isMenuhide: i, theme: c, toggleTheme: u, onMenuNavigate: s } = t, [l, h] = X(!1), p = g(() => {
+    h(!0);
+  }, []), b = g(() => {
+    h(!1);
+  }, []), y = g((w) => {
+    s && s(w), h(!1);
+  }, [s]), v = g(
+    (w) => {
+      if (w.key === "Escape")
+        return b(), !1;
     },
-    [d]
+    [b]
   );
-  return X(() => (n ? window.addEventListener("keydown", b, { passive: !0 }) : window.removeEventListener("keydown", b), () => {
-    window.removeEventListener("keydown", b);
-  }), [n, b]), m ? /* @__PURE__ */ r.jsx(r.Fragment, {}) : /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-bar ${l}`, children: [
-    /* @__PURE__ */ r.jsx(Ee, { onMenuClose: d, onMenuOpen: h, open: !n, theme: l }),
-    /* @__PURE__ */ r.jsx(we, { menuList: a, menuHeader: o, onClickSignout: f, onMenuSelected: k, open: n, theme: l, toggleTheme: c }),
-    /* @__PURE__ */ r.jsx(je, { isOverlay: n, onOverlayClick: d })
+  return B(() => (l ? window.addEventListener("keydown", v, { passive: !0 }) : window.removeEventListener("keydown", v), () => {
+    window.removeEventListener("keydown", v);
+  }), [l, v]), i ? /* @__PURE__ */ r.jsx(r.Fragment, {}) : /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-bar ${c}`, children: [
+    /* @__PURE__ */ r.jsx(_e, { onMenuClose: b, onMenuOpen: p, open: !l, theme: c }),
+    /* @__PURE__ */ r.jsx(je, { menuList: o, menuHeader: a, onClickSignout: f, onMenuSelected: y, open: l, theme: c, toggleTheme: u }),
+    /* @__PURE__ */ r.jsx(Ee, { isOverlay: l, onOverlayClick: b })
   ] });
 };
 export {
-  be as DefaultLink,
+  ve as DefaultLink,
   Se as MenuBar,
-  Te as SessionInfo
+  Oe as SessionInfo
 };

package/dist/index.umd.js

@@ -1,22 +1,6 @@
-(function(k,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react"),require("react-router-dom"),require("lucide-react")):typeof define=="function"&&define.amd?define(["exports","react","react-router-dom","lucide-react"],a):(k=typeof globalThis<"u"?globalThis:k||self,a(k["@aiquants/menu-bar"]={},k.React,k.ReactRouterDOM,k["lucide-react"]))})(this,(function(k,a,Y,w){"use strict";var C={exports:{}},_={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var F;function Z(){if(F)return _;F=1;var s=Symbol.for("react.transitional.element"),l=Symbol.for("react.fragment");function o(m,x,c){var i=null;if(c!==void 0&&(i=""+c),x.key!==void 0&&(i=""+x.key),"key"in x){c={};for(var n in x)n!=="key"&&(c[n]=x[n])}else c=x;return x=c.ref,{$$typeof:s,type:m,key:i,ref:x!==void 0?x:null,props:c}}return _.Fragment=l,_.jsx=o,_.jsxs=o,_}var N={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var W;function Q(){return W||(W=1,process.env.NODE_ENV!=="production"&&(function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===pe?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case g:return"Profiler";case A:return"StrictMode";case de:return"Suspense";case fe:return"SuspenseList";case xe: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 O:return"Portal";case ie:return e.displayName||"Context";case ce:return(e._context.displayName||"Context")+".Consumer";case ue:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case me:return t=e.displayName||null,t!==null?t:s(e.type)||"Memo";case P:t=e._payload,e=e._init;try{return s(e(t))}catch{}}return null}function l(e){return""+e}function o(e){try{l(e);var t=!1}catch{t=!0}if(t){t=console;var d=t.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return d.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),l(e)}}function m(e){if(e===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===P)return"<...>";try{var t=s(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function x(){var e=M.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function i(e){if(V.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function n(e,t){function d(){G||(G=!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)",t))}d.isReactWarning=!0,Object.defineProperty(e,"key",{get:d,configurable:!0})}function u(){var e=s(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 b(e,t,d,p,S,I){var h=d.ref;return e={$$typeof:R,type:e,key:t,props:d,_owner:p},(h!==void 0?h:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:u}):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:S}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function f(e,t,d,p,S,I){var h=t.children;if(h!==void 0)if(p)if(he(h)){for(p=0;p<h.length;p++)y(h[p]);Object.freeze&&Object.freeze(h)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else y(h);if(V.call(t,"key")){h=s(e);var E=Object.keys(t).filter(function(be){return be!=="key"});p=0<E.length?"{key: someKey, "+E.join(": ..., ")+": ...}":"{key: someKey}",H[h+p]||(E=0<E.length?"{"+E.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+(function(g,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react"),require("lucide-react"),require("react-router-dom")):typeof define=="function"&&define.amd?define(["exports","react","lucide-react","react-router-dom"],l):(g=typeof globalThis<"u"?globalThis:g||self,l(g["@aiquants/menu-bar"]={},g.React,g["lucide-react"],g.ReactRouterDOM))})(this,(function(g,l,E,F){"use strict";var C={exports:{}},N={};var W;function Q(){if(W)return N;W=1;var t=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function a(m,i,u){var d=null;if(u!==void 0&&(d=""+u),i.key!==void 0&&(d=""+i.key),"key"in i){u={};for(var s in i)s!=="key"&&(u[s]=i[s])}else u=i;return i=u.ref,{$$typeof:t,type:m,key:d,ref:i!==void 0?i:null,props:u}}return N.Fragment=o,N.jsx=a,N.jsxs=a,N}var R={};var z;function K(){return z||(z=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===he?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case y:return"Profiler";case M:return"StrictMode";case fe:return"Suspense";case me:return"SuspenseList";case pe: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 A:return"Portal";case ue:return e.displayName||"Context";case ie:return(e._context.displayName||"Context")+".Consumer";case de:var n=e.render;return e=e.displayName,e||(e=n.displayName||n.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case xe:return n=e.displayName||null,n!==null?n:t(e.type)||"Memo";case P:n=e._payload,e=e._init;try{return t(e(n))}catch{}}return null}function o(e){return""+e}function a(e){try{o(e);var n=!1}catch{n=!0}if(n){n=console;var f=n.error,x=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return f.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",x),o(e)}}function m(e){if(e===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===P)return"<...>";try{var n=t(e);return n?"<"+n+">":"<...>"}catch{return"<...>"}}function i(){var e=L.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function d(e){if(G.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return e.key!==void 0}function s(e,n){function f(){q||(q=!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)",n))}f.isReactWarning=!0,Object.defineProperty(e,"key",{get:f,configurable:!0})}function c(){var e=t(this.type);return B[e]||(B[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 b(e,n,f,x,S,D){var p=f.ref;return e={$$typeof:j,type:e,key:n,props:f,_owner:x},(p!==void 0?p:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:c}):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:S}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:D}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function h(e,n,f,x,S,D){var p=n.children;if(p!==void 0)if(x)if(be(p)){for(x=0;x<p.length;x++)v(p[x]);Object.freeze&&Object.freeze(p)}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 v(p);if(G.call(n,"key")){p=t(e);var _=Object.keys(n).filter(function(ve){return ve!=="key"});x=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",Z[p+x]||(_=0<_.length?"{"+_.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} />`,p,h,E,h),H[h+p]=!0)}if(h=null,d!==void 0&&(o(d),h=""+d),i(t)&&(o(t.key),h=""+t.key),"key"in t){d={};for(var D in t)D!=="key"&&(d[D]=t[D])}else d=t;return h&&n(d,typeof e=="function"?e.displayName||e.name||"Unknown":e),b(e,h,d,x(),S,I)}function y(e){v(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===P&&(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 v(e){return typeof e=="object"&&e!==null&&e.$$typeof===R}var j=a,R=Symbol.for("react.transitional.element"),O=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),A=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),ce=Symbol.for("react.consumer"),ie=Symbol.for("react.context"),ue=Symbol.for("react.forward_ref"),de=Symbol.for("react.suspense"),fe=Symbol.for("react.suspense_list"),me=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),xe=Symbol.for("react.activity"),pe=Symbol.for("react.client.reference"),M=j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,V=Object.prototype.hasOwnProperty,he=Array.isArray,L=console.createTask?console.createTask:function(){return null};j={react_stack_bottom_frame:function(e){return e()}};var G,q={},B=j.react_stack_bottom_frame.bind(j,c)(),X=L(m(c)),H={};N.Fragment=T,N.jsx=function(e,t,d){var p=1e4>M.recentlyCreatedOwnerStacks++;return f(e,t,d,!1,p?Error("react-stack-top-frame"):B,p?L(m(e)):X)},N.jsxs=function(e,t,d){var p=1e4>M.recentlyCreatedOwnerStacks++;return f(e,t,d,!0,p?Error("react-stack-top-frame"):B,p?L(m(e)):X)}})()),N}var z;function K(){return z||(z=1,process.env.NODE_ENV==="production"?C.exports=Z():C.exports=Q()),C.exports}var r=K();const U=({to:s,className:l,children:o})=>r.jsx("a",{href:s,className:l,children:o}),$=s=>{const{user:l,LinkComponent:o=U}=s;return r.jsx("div",{className:"max-h-20 max-w-52",children:r.jsx("div",{className:"flex grow flex-col",children:l?r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"flex flex-row",children:[r.jsx("div",{className:"aiquants-session-photo m-1 h-14 w-14 p-0.5",children:r.jsx("img",{className:"object-contain",src:l.photo,"aria-label":"profile photo"})}),r.jsxs("div",{className:"mx-1 flex flex-col",children:[r.jsx(o,{className:"aiquants-session-link my-1 rounded-lg px-2 text-center text-xs",to:"/",children:"プロフィールを編集"}),r.jsx(o,{className:"aiquants-session-link rounded-lg px-2 text-center text-xs",to:"/",children:"プロフィール"}),r.jsx(o,{className:"aiquants-session-link my-1 rounded-lg px-2 text-center text-xs",to:"https://myaccount.google.com/",children:"Google Account"})]})]}),r.jsx("div",{className:"aiquants-session-info mb-1 min-h-[1em] w-full rounded-r-lg px-2 py-0.5 text-xs",children:l.displayName})]}):r.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:"ログインはこちら"})})})},J=new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/),ee={report:w.FileText,slip:w.FileText,table:w.Table,chart:w.BarChart,download:w.Download,lock:w.Lock,href:w.Link},re=({mark:s,children:l})=>{const o=s?ee[s]:void 0;return o?r.jsxs("div",{className:"flex flex-nowrap items-center",children:[r.jsx(o,{className:"h-4 w-4"}),r.jsx("div",{className:"aiquants-menu-link mx-1 hover:underline",children:l})]}):r.jsx("span",{className:"mx-1 text-sky-600 hover:underline dark:text-sky-400",children:l})},te=({item:s,onMenuSelected:l})=>{if(s.href==="separator")return r.jsx("hr",{className:"aiquants-menu-separator mx-2 my-1 h-px"});const o=r.jsx(re,{mark:s.mark,children:s.title}),m={onClick:l};return s.new?r.jsx("a",{href:s.href,rel:"noopener noreferrer",target:"_blank",...m,children:o}):J.test(s.href)?r.jsx("a",{href:s.href,...m,children:o}):r.jsx(Y.Link,{to:s.href,...m,children:o})},ne=s=>{const{menuList:l,onMenuSelected:o}=s,[m,x]=a.useState(null),c=a.useCallback(n=>{x(u=>u===n?null:n)},[]),i=a.useMemo(()=>r.jsx(r.Fragment,{children:l.map(n=>r.jsx("div",{children:n.href?r.jsx("div",{className:"aiquants-menu-list-item before:-mt-1 relative mb-1 ml-1 h-full rounded-l-2xl p-2 align-middle text-sm before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:align-middle before:content-['']",children:J.test(n.href)?r.jsx("a",{href:n.href,onClick:o,children:r.jsx("span",{className:"aiquants-menu-link hover:underline",children:n.title})}):r.jsx(Y.Link,{to:n.href,onClick:o,children:r.jsx("span",{className:"aiquants-menu-link hover:underline",children:n.title})})}):r.jsxs("details",{className:"menu-accordion-details",open:n.id===m,children:[r.jsx("summary",{className:"aiquants-menu-list-item menu-accordion-summary before:-mt-1 relative mb-1 ml-1 h-full list-none rounded-l-2xl p-2 align-middle text-sm outline-none before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:align-middle before:content-['']",onClick:u=>{u.preventDefault(),c(n.id)},onKeyDown:u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),c(n.id))},children:r.jsx("span",{children:n.title})}),r.jsx("div",{className:"aiquants-menu-submenu pointer-events-auto my-1 mr-1 ml-4 rounded p-2 shadow-md",children:n.submenu.map(u=>r.jsx("div",{className:"menu-accordion-container block w-full whitespace-nowrap text-sm",children:r.jsx(te,{item:u,onMenuSelected:o})},u.subid))})]})},n.id))}),[l,o,m,c]);return r.jsx("div",{className:"hidden-scrollbar h-0 grow overflow-y-scroll",children:i})},se=s=>{const{menuList:l,menuHeader:o,open:m,onMenuSelected:x,onClickSignout:c,theme:i,toggleTheme:n}=s;return r.jsxs("div",{className:`aiquants-menu-content fixed top-0 right-0 z-2147483642 flex min-h-screen w-[250px] select-none flex-col transition-transform duration-500 ${m?"aiquants-menu-translate-x-0":"aiquants-menu-translate-x-250"}`,children:[r.jsx("div",{className:"flex h-[100px] flex-col",children:o}),r.jsx("div",{className:"flex grow flex-col",children:r.jsx(ne,{menuList:l,onMenuSelected:x})}),r.jsx("div",{className:"px-4 pt-2 pb-4",children:r.jsxs("div",{className:"flex items-center justify-between gap-2",children:[r.jsxs("button",{type:"button",onClick:n,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:[r.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:r.jsx("span",{className:"text-sm transition-transform duration-300 group-hover:scale-110",children:i==="dark"?"🌞":"🌙"})}),r.jsx("span",{className:"text-white transition-colors duration-300 group-hover:text-white/90 dark:text-gray-200 dark:group-hover:text-white",children:i==="dark"?"Light":"Dark"}),r.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"})]}),r.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:"サインアウト"})]})})]})},oe=s=>{const{isOverlay:l,onOverlayClick:o}=s;return r.jsx("button",{type:"button",className:`fixed inset-0 z-2147483640 cursor-default bg-black/50 transition-opacity duration-500 ${l?"opacity-100":"pointer-events-none opacity-0"}`,onClick:o})},ae=s=>{const{open:l,onMenuOpen:o,onMenuClose:m,theme:x}=s,c=a.useRef(l),i=a.useRef(null),n=a.useRef(null),u=a.useRef(null),b=a.useRef(null),f=a.useRef(null),y=a.useCallback(()=>{if(i.current&&n.current&&u.current&&b.current&&f.current){const g=x==="dark"?"#fff":"#000";i.current.style.backgroundColor=g,i.current.style.width="100%",i.current.style.height="3px",i.current.style.transform="",n.current.style.opacity="1",n.current.style.backgroundColor=g,u.current.style.opacity="1",u.current.style.backgroundColor=g,b.current.style.backgroundColor=g,b.current.style.width="100%",b.current.style.height="3px",b.current.style.transform="",f.current.style.color=g,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"),c.current=!0}},[x]),v=a.useCallback(()=>{i.current&&n.current&&u.current&&b.current&&f.current&&(i.current.style.backgroundColor="#fff",i.current.style.width="32px",i.current.style.height="4px",i.current.style.transform="translateY(9px) rotate(-45deg)",n.current.style.opacity="0",u.current.style.opacity="0",b.current.style.backgroundColor="#fff",b.current.style.width="32px",b.current.style.height="4px",b.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"),c.current=!1)},[]),j=a.useCallback(()=>{y(),m&&m()},[y,m]),R=a.useCallback(()=>{v(),o&&o()},[v,o]),O=a.useCallback(()=>{c.current?R():j()},[j,R]),T=a.useCallback(g=>{g.currentTarget.blur()},[]),A=a.useCallback(g=>{g.preventDefault()},[]);return a.useEffect(()=>{l?y():v()},[l,y,v]),r.jsxs("button",{type:"button",className:"fixed top-5 right-5 z-2147483648 inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden",onClick:O,onFocus:T,onMouseDown:A,tabIndex:-1,children:[r.jsx("span",{className:"absolute top-0 left-0 box-border inline-block h-[3px] w-full select-none",ref:i}),r.jsx("span",{className:"absolute top-[6px] left-0 box-border inline-block h-[3px] w-full select-none",ref:n}),r.jsx("span",{className:"absolute top-[12px] left-0 box-border inline-block h-[3px] w-full select-none",ref:u}),r.jsx("span",{className:"absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none",ref:b}),r.jsx("div",{className:"absolute w-full text-xs after:mt-2 after:block",ref:f})]})},le=s=>{const{menuList:l,menuHeader:o,onClickSignout:m,isMenuhide:x,theme:c,toggleTheme:i}=s,[n,u]=a.useState(!1),b=a.useCallback(()=>{u(!0)},[]),f=a.useCallback(()=>{u(!1)},[]),y=a.useCallback(()=>{u(!1)},[]),v=a.useCallback(j=>{if(j.key==="Escape")return f(),!1},[f]);return a.useEffect(()=>(n?window.addEventListener("keydown",v,{passive:!0}):window.removeEventListener("keydown",v),()=>{window.removeEventListener("keydown",v)}),[n,v]),x?r.jsx(r.Fragment,{}):r.jsxs("div",{className:`aiquants-menu-bar ${c}`,children:[r.jsx(ae,{onMenuClose:f,onMenuOpen:b,open:!n,theme:c}),r.jsx(se,{menuList:l,menuHeader:o,onClickSignout:m,onMenuSelected:y,open:n,theme:c,toggleTheme:i}),r.jsx(oe,{isOverlay:n,onOverlayClick:f})]})};k.DefaultLink=U,k.MenuBar=le,k.SessionInfo=$,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,x,p,_,p),Z[p+x]=!0)}if(p=null,f!==void 0&&(a(f),p=""+f),d(n)&&(a(n.key),p=""+n.key),"key"in n){f={};for(var Y in n)Y!=="key"&&(f[Y]=n[Y])}else f=n;return p&&s(f,typeof e=="function"?e.displayName||e.name||"Unknown":e),b(e,p,f,i(),S,D)}function v(e){w(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===P&&(e._payload.status==="fulfilled"?w(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function w(e){return typeof e=="object"&&e!==null&&e.$$typeof===j}var k=l,j=Symbol.for("react.transitional.element"),A=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),M=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),ie=Symbol.for("react.consumer"),ue=Symbol.for("react.context"),de=Symbol.for("react.forward_ref"),fe=Symbol.for("react.suspense"),me=Symbol.for("react.suspense_list"),xe=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),pe=Symbol.for("react.activity"),he=Symbol.for("react.client.reference"),L=k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=Object.prototype.hasOwnProperty,be=Array.isArray,I=console.createTask?console.createTask:function(){return null};k={react_stack_bottom_frame:function(e){return e()}};var q,B={},X=k.react_stack_bottom_frame.bind(k,u)(),H=I(m(u)),Z={};R.Fragment=T,R.jsx=function(e,n,f){var x=1e4>L.recentlyCreatedOwnerStacks++;return h(e,n,f,!1,x?Error("react-stack-top-frame"):X,x?I(m(e)):H)},R.jsxs=function(e,n,f){var x=1e4>L.recentlyCreatedOwnerStacks++;return h(e,n,f,!0,x?Error("react-stack-top-frame"):X,x?I(m(e)):H)}})()),R}var U;function $(){return U||(U=1,process.env.NODE_ENV==="production"?C.exports=Q():C.exports=K()),C.exports}var r=$();const J=({to:t,className:o,children:a})=>r.jsx("a",{href:t,className:o,children:a}),ee=t=>{const{user:o,LinkComponent:a=J}=t;return r.jsx("div",{className:"max-h-20 max-w-52",children:r.jsx("div",{className:"flex grow flex-col",children:o?r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"flex flex-row",children:[r.jsx("div",{className:"aiquants-session-photo m-1 h-14 w-14 p-0.5",children:r.jsx("img",{className:"object-contain",src:o.photo,"aria-label":"profile photo"})}),r.jsxs("div",{className:"mx-1 flex flex-col",children:[r.jsx(a,{className:"aiquants-session-link my-1 rounded-lg px-2 text-center text-xs",to:"/",children:"プロフィールを編集"}),r.jsx(a,{className:"aiquants-session-link rounded-lg px-2 text-center text-xs",to:"/",children:"プロフィール"}),r.jsx(a,{className:"aiquants-session-link my-1 rounded-lg px-2 text-center text-xs",to:"https://myaccount.google.com/",children:"Google Account"})]})]}),r.jsx("div",{className:"aiquants-session-info mb-1 min-h-[1em] w-full rounded-r-lg px-2 py-0.5 text-xs",children:o.displayName})]}):r.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:"ログインはこちら"})})})},V=new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/),re={report:E.FileText,slip:E.FileText,table:E.Table,chart:E.BarChart,download:E.Download,lock:E.Lock,href:E.Link},te=({mark:t,children:o})=>{const a=t?re[t]:void 0;return a?r.jsxs("div",{className:"flex flex-nowrap items-center",children:[r.jsx(a,{className:"h-4 w-4"}),r.jsx("div",{className:"aiquants-menu-link mx-1 hover:underline",children:o})]}):r.jsx("span",{className:"mx-1 text-sky-600 hover:underline dark:text-sky-400",children:o})},O=(t,o)=>o?{menu:{id:t.id,title:t.title,href:t.href},submenu:{subid:o.subid,title:o.title,href:o.href,mark:o.mark,new:o.new}}:{menu:{id:t.id,title:t.title,href:t.href}},ne=({item:t,parentMenu:o,onMenuSelected:a})=>{if(t.href==="separator")return r.jsx("hr",{className:"aiquants-menu-separator mx-2 my-1 h-px"});const m=r.jsx(te,{mark:t.mark,children:t.title}),i={onClick:()=>{a&&a(O(o,t))}};return t.new?r.jsx("a",{href:t.href,rel:"noopener noreferrer",target:"_blank",...i,children:m}):V.test(t.href)?r.jsx("a",{href:t.href,...i,children:m}):r.jsx(F.Link,{to:t.href,...i,children:m})},se=t=>{const{menuList:o,onMenuSelected:a}=t,[m,i]=l.useState(null),u=l.useCallback(s=>{i(c=>c===s?null:s)},[]),d=l.useMemo(()=>r.jsx(r.Fragment,{children:o.map(s=>r.jsx("div",{children:s.href?r.jsx("div",{className:"aiquants-menu-list-item before:-mt-1 relative mb-1 ml-1 h-full rounded-l-2xl p-2 align-middle text-sm before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:align-middle before:content-['']",children:V.test(s.href)?r.jsx("a",{href:s.href,onClick:()=>{a&&a(O(s))},children:r.jsx("span",{className:"aiquants-menu-link hover:underline",children:s.title})}):r.jsx(F.Link,{to:s.href,onClick:()=>{a&&a(O(s))},children:r.jsx("span",{className:"aiquants-menu-link hover:underline",children:s.title})})}):r.jsxs("details",{className:"menu-accordion-details",open:s.id===m,children:[r.jsx("summary",{className:"aiquants-menu-list-item menu-accordion-summary before:-mt-1 relative mb-1 ml-1 h-full list-none rounded-l-2xl p-2 align-middle text-sm outline-none before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:align-middle before:content-['']",onClick:c=>{c.preventDefault(),u(s.id)},onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),u(s.id))},children:r.jsx("span",{children:s.title})}),r.jsx("div",{className:"aiquants-menu-submenu pointer-events-auto my-1 mr-1 ml-4 rounded p-2 shadow-md",children:s.submenu.map(c=>r.jsx("div",{className:"menu-accordion-container block w-full whitespace-nowrap text-sm",children:r.jsx(ne,{item:c,parentMenu:s,onMenuSelected:a})},c.subid))})]})},s.id))}),[o,a,m,u]);return r.jsx("div",{className:"hidden-scrollbar h-0 grow overflow-y-scroll",children:d})},oe=t=>{const{menuList:o,menuHeader:a,open:m,onMenuSelected:i,onClickSignout:u,theme:d,toggleTheme:s}=t;return r.jsxs("div",{className:`aiquants-menu-content fixed top-0 right-0 z-2147483642 flex min-h-screen w-[250px] select-none flex-col transition-transform duration-500 ${m?"aiquants-menu-translate-x-0":"aiquants-menu-translate-x-250"}`,children:[r.jsx("div",{className:"flex h-[100px] flex-col",children:a}),r.jsx("div",{className:"flex grow flex-col",children:r.jsx(se,{menuList:o,onMenuSelected:i})}),r.jsx("div",{className:"px-4 pt-2 pb-4",children:r.jsxs("div",{className:"flex items-center justify-between gap-2",children:[r.jsxs("button",{type:"button",onClick:s,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:[r.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:r.jsx("span",{className:"text-sm transition-transform duration-300 group-hover:scale-110",children:d==="dark"?"🌞":"🌙"})}),r.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"}),r.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"})]}),r.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:u,children:"サインアウト"})]})})]})},ae=t=>{const{isOverlay:o,onOverlayClick:a}=t;return r.jsx("button",{type:"button",className:`fixed inset-0 z-2147483640 cursor-default bg-black/50 transition-opacity duration-500 ${o?"opacity-100":"pointer-events-none opacity-0"}`,onClick:a})},le=t=>{const{open:o,onMenuOpen:a,onMenuClose:m,theme:i}=t,u=l.useRef(o),d=l.useRef(null),s=l.useRef(null),c=l.useRef(null),b=l.useRef(null),h=l.useRef(null),v=l.useCallback(()=>{if(d.current&&s.current&&c.current&&b.current&&h.current){const y=i==="dark"?"#fff":"#000";d.current.style.backgroundColor=y,d.current.style.width="100%",d.current.style.height="3px",d.current.style.transform="",s.current.style.opacity="1",s.current.style.backgroundColor=y,c.current.style.opacity="1",c.current.style.backgroundColor=y,b.current.style.backgroundColor=y,b.current.style.width="100%",b.current.style.height="3px",b.current.style.transform="",h.current.style.color=y,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"),u.current=!0}},[i]),w=l.useCallback(()=>{d.current&&s.current&&c.current&&b.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)",s.current.style.opacity="0",c.current.style.opacity="0",b.current.style.backgroundColor="#fff",b.current.style.width="32px",b.current.style.height="4px",b.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"),u.current=!1)},[]),k=l.useCallback(()=>{v(),m&&m()},[v,m]),j=l.useCallback(()=>{w(),a&&a()},[w,a]),A=l.useCallback(()=>{u.current?j():k()},[k,j]),T=l.useCallback(y=>{y.currentTarget.blur()},[]),M=l.useCallback(y=>{y.preventDefault()},[]);return l.useEffect(()=>{o?v():w()},[o,v,w]),r.jsxs("button",{type:"button",className:"fixed top-5 right-5 z-2147483648 inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden",onClick:A,onFocus:T,onMouseDown:M,tabIndex:-1,children:[r.jsx("span",{className:"absolute top-0 left-0 box-border inline-block h-[3px] w-full select-none",ref:d}),r.jsx("span",{className:"absolute top-[6px] left-0 box-border inline-block h-[3px] w-full select-none",ref:s}),r.jsx("span",{className:"absolute top-[12px] left-0 box-border inline-block h-[3px] w-full select-none",ref:c}),r.jsx("span",{className:"absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none",ref:b}),r.jsx("div",{className:"absolute w-full text-xs after:mt-2 after:block",ref:h})]})},ce=t=>{const{menuList:o,menuHeader:a,onClickSignout:m,isMenuhide:i,theme:u,toggleTheme:d,onMenuNavigate:s}=t,[c,b]=l.useState(!1),h=l.useCallback(()=>{b(!0)},[]),v=l.useCallback(()=>{b(!1)},[]),w=l.useCallback(j=>{s&&s(j),b(!1)},[s]),k=l.useCallback(j=>{if(j.key==="Escape")return v(),!1},[v]);return l.useEffect(()=>(c?window.addEventListener("keydown",k,{passive:!0}):window.removeEventListener("keydown",k),()=>{window.removeEventListener("keydown",k)}),[c,k]),i?r.jsx(r.Fragment,{}):r.jsxs("div",{className:`aiquants-menu-bar ${u}`,children:[r.jsx(le,{onMenuClose:v,onMenuOpen:h,open:!c,theme:u}),r.jsx(oe,{menuList:o,menuHeader:a,onClickSignout:m,onMenuSelected:w,open:c,theme:u,toggleTheme:d}),r.jsx(ae,{isOverlay:c,onOverlayClick:v})]})};g.DefaultLink=J,g.MenuBar=ce,g.SessionInfo=ee,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiquants/menu-bar",
-  "version": "1.2.0",
+  "version": "1.5.0",
   "private": false,
   "description": "A React menu bar component with authentication support and theming",
   "keywords": [
@@ -37,6 +37,7 @@
   "scripts": {
     "build": "vite build",
     "dev": "vite build --watch",
+    "watch": "vite build --watch",
     "typecheck": "tsc --noEmit",
     "license-check": "pnpm dlx license-checker --production --onlyAllow \"MIT;Apache-2.0;BSD-2-Clause;BSD-3-Clause;ISC;Unlicense\"",
     "license-check:json": "pnpm dlx license-checker --production --onlyAllow \"MIT;Apache-2.0;BSD-2-Clause;BSD-3-Clause;ISC;Unlicense\" --json",
@@ -57,19 +58,19 @@
     "react-router-dom": "^7.7.1"
   },
   "devDependencies": {
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
+    "@types/react": "^19.2.4",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^4.7.0",
-    "autoprefixer": "^10.4.21",
+    "autoprefixer": "^10.4.22",
     "lucide-react": "^0.473.0",
     "postcss": "^8.5.6",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "react-router-dom": "^7.9.5",
+    "react-router-dom": "^7.9.6",
     "rimraf": "^6.1.0",
     "tailwindcss": "^3.4.18",
     "typescript": "^5.9.3",
-    "vite": "^7.1.12",
+    "vite": "^7.2.2",
     "vite-plugin-dts": "^3.9.1",
     "vite-tsconfig-paths": "^5.1.4"
   },