@aiquants/menu-bar 1.12.0 → 1.13.1

package/dist/contents/MenuList.d.ts

@@ -57,12 +57,5 @@ interface IMenuListProps {
     menuList: IMenu[];
     onMenuSelected?(payload: MenuNavigationPayload): void;
 }
-/**
- * @function MenuList
- * @description A component that renders the list of menu items.
- * @description メニュー項目のリストを描画するコンポーネント。
- * @param {IMenuListProps} props - The props for the component.
- * @returns {React.JSX.Element} The rendered menu list.
- */
 export declare const MenuList: (props: IMenuListProps) => React.JSX.Element;
 export {};

package/dist/index.es.js

@@ -1,50 +1,50 @@
-import ie, { useState as Y, useCallback as v, useMemo as ce, useRef as _, useEffect as A } from "react";
-import { Link as ue, Lock as de, Download as fe, BarChart as me, Table as he, FileText as Z, Pin as xe, PinOff as pe } from "lucide-react";
-import { Link as Q } from "react-router-dom";
+import fe, { useMemo as Z, useState as Y, useRef as E, useEffect as A, useCallback as y, useLayoutEffect as me } from "react";
+import { Link as he, Lock as pe, Download as xe, BarChart as be, Table as ge, FileText as G, Pin as ve, PinOff as ye } from "lucide-react";
+import { useLocation as ke, Link as re } from "react-router-dom";
 var P = { exports: {} }, R = {};
-var G;
-function be() {
-  if (G) return R;
-  G = 1;
-  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), o = /* @__PURE__ */ Symbol.for("react.fragment");
-  function a(m, i, c) {
+var J;
+function we() {
+  if (J) return R;
+  J = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
+  function s(l, c, d) {
     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, {
+    if (d !== void 0 && (u = "" + d), c.key !== void 0 && (u = "" + c.key), "key" in c) {
+      d = {};
+      for (var h in c)
+        h !== "key" && (d[h] = c[h]);
+    } else d = c;
+    return c = d.ref, {
       $$typeof: t,
-      type: m,
+      type: l,
       key: u,
-      ref: i !== void 0 ? i : null,
-      props: c
+      ref: c !== void 0 ? c : null,
+      props: d
     };
   }
-  return R.Fragment = o, R.jsx = a, R.jsxs = a, R;
+  return R.Fragment = n, R.jsx = s, R.jsxs = s, R;
 }
 var C = {};
-var J;
-function ge() {
-  return J || (J = 1, process.env.NODE_ENV !== "production" && (function() {
+var B;
+function je() {
+  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 === oe ? null : e.displayName || e.name || null;
+        return e.$$typeof === ce ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case E:
+        case N:
           return "Fragment";
-        case x:
+        case b:
           return "Profiler";
         case j:
           return "StrictMode";
-        case re:
+        case se:
           return "Suspense";
-        case te:
+        case ae:
           return "SuspenseList";
-        case se:
+        case ie:
           return "Activity";
       }
       if (typeof e == "object")
@@ -53,98 +53,98 @@ function ge() {
         ), e.$$typeof) {
           case T:
             return "Portal";
-          case K:
+          case ne:
             return e.displayName || "Context";
           case S:
             return (e._context.displayName || "Context") + ".Consumer";
-          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 oe:
+            var o = e.render;
+            return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case le:
+            return o = e.displayName || null, o !== null ? o : t(e.type) || "Memo";
           case M:
-            n = e._payload, e = e._init;
+            o = e._payload, e = e._init;
             try {
-              return t(e(n));
+              return t(e(o));
             } catch {
             }
         }
       return null;
     }
-    function o(e) {
+    function n(e) {
       return "" + e;
     }
-    function a(e) {
+    function s(e) {
       try {
-        o(e);
-        var n = !1;
+        n(e);
+        var o = !1;
       } catch {
-        n = !0;
+        o = !0;
       }
-      if (n) {
-        n = console;
-        var f = n.error, p = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return f.call(
-          n,
+      if (o) {
+        o = console;
+        var m = o.error, g = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return m.call(
+          o,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          p
-        ), o(e);
+          g
+        ), n(e);
       }
     }
-    function m(e) {
-      if (e === E) return "<>";
+    function l(e) {
+      if (e === N) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === M)
         return "<...>";
       try {
-        var n = t(e);
-        return n ? "<" + n + ">" : "<...>";
+        var o = t(e);
+        return o ? "<" + o + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function i() {
+    function c() {
       var e = L.A;
       return e === null ? null : e.getOwner();
     }
-    function c() {
+    function d() {
       return Error("react-stack-top-frame");
     }
     function u(e) {
-      if (F.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning) return !1;
+      if (z.call(e, "key")) {
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function s(e, n) {
-      function f() {
-        z || (z = !0, console.error(
+    function h(e, o) {
+      function m() {
+        F || (F = !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
+          o
         ));
       }
-      f.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: f,
+      m.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: m,
         configurable: !0
       });
     }
-    function l() {
+    function x() {
       var e = t(this.type);
-      return U[e] || (U[e] = !0, console.error(
+      return W[e] || (W[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, n, f, p, O, q) {
-      var b = f.ref;
+    function i(e, o, m, g, O, q) {
+      var v = m.ref;
       return e = {
         $$typeof: k,
         type: e,
-        key: n,
-        props: f,
-        _owner: p
-      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(e, "ref", {
+        key: o,
+        props: m,
+        _owner: g
+      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: l
+        get: x
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -167,61 +167,61 @@ function ge() {
         value: q
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function h(e, n, f, p, O, q) {
-      var b = n.children;
-      if (b !== void 0)
-        if (p)
-          if (ae(b)) {
-            for (p = 0; p < b.length; p++)
-              g(b[p]);
-            Object.freeze && Object.freeze(b);
+    function p(e, o, m, g, O, q) {
+      var v = o.children;
+      if (v !== void 0)
+        if (g)
+          if (ue(v)) {
+            for (g = 0; g < v.length; g++)
+              a(v[g]);
+            Object.freeze && Object.freeze(v);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else g(b);
-      if (F.call(n, "key")) {
-        b = t(e);
-        var N = Object.keys(n).filter(function(le) {
-          return le !== "key";
+        else a(v);
+      if (z.call(o, "key")) {
+        v = t(e);
+        var _ = Object.keys(o).filter(function(de) {
+          return de !== "key";
         });
-        p = 0 < N.length ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}", V[b + p] || (N = 0 < N.length ? "{" + N.join(": ..., ") + ": ...}" : "{}", console.error(
+        g = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", V[v + g] || (_ = 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,
-          b,
-          N,
-          b
-        ), V[b + p] = !0);
+          g,
+          v,
+          _,
+          v
+        ), V[v + g] = !0);
       }
-      if (b = null, f !== void 0 && (a(f), b = "" + f), u(n) && (a(n.key), b = "" + n.key), "key" in n) {
-        f = {};
-        for (var D in n)
-          D !== "key" && (f[D] = n[D]);
-      } else f = n;
-      return b && s(
-        f,
+      if (v = null, m !== void 0 && (s(m), v = "" + m), u(o) && (s(o.key), v = "" + o.key), "key" in o) {
+        m = {};
+        for (var D in o)
+          D !== "key" && (m[D] = o[D]);
+      } else m = o;
+      return v && h(
+        m,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), d(
+      ), i(
         e,
-        b,
-        f,
-        i(),
+        v,
+        m,
+        c(),
         O,
         q
       );
     }
-    function g(e) {
-      y(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === M && (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 a(e) {
+      f(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === M && (e._payload.status === "fulfilled" ? f(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function y(e) {
+    function f(e) {
       return typeof e == "object" && e !== null && e.$$typeof === k;
     }
-    var w = ie, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), T = /* @__PURE__ */ Symbol.for("react.portal"), E = /* @__PURE__ */ Symbol.for("react.fragment"), j = /* @__PURE__ */ Symbol.for("react.strict_mode"), x = /* @__PURE__ */ Symbol.for("react.profiler"), S = /* @__PURE__ */ Symbol.for("react.consumer"), K = /* @__PURE__ */ Symbol.for("react.context"), ee = /* @__PURE__ */ Symbol.for("react.forward_ref"), re = /* @__PURE__ */ Symbol.for("react.suspense"), te = /* @__PURE__ */ Symbol.for("react.suspense_list"), ne = /* @__PURE__ */ Symbol.for("react.memo"), M = /* @__PURE__ */ Symbol.for("react.lazy"), se = /* @__PURE__ */ Symbol.for("react.activity"), oe = /* @__PURE__ */ Symbol.for("react.client.reference"), L = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, ae = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var w = fe, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), T = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), j = /* @__PURE__ */ Symbol.for("react.strict_mode"), b = /* @__PURE__ */ Symbol.for("react.profiler"), S = /* @__PURE__ */ Symbol.for("react.consumer"), ne = /* @__PURE__ */ Symbol.for("react.context"), oe = /* @__PURE__ */ Symbol.for("react.forward_ref"), se = /* @__PURE__ */ Symbol.for("react.suspense"), ae = /* @__PURE__ */ Symbol.for("react.suspense_list"), le = /* @__PURE__ */ Symbol.for("react.memo"), M = /* @__PURE__ */ Symbol.for("react.lazy"), ie = /* @__PURE__ */ Symbol.for("react.activity"), ce = /* @__PURE__ */ Symbol.for("react.client.reference"), L = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, ue = Array.isArray, I = console.createTask ? console.createTask : function() {
       return null;
     };
     w = {
@@ -229,77 +229,77 @@ React keys must be passed directly to JSX without using spread:
         return e();
       }
     };
-    var z, U = {}, W = w.react_stack_bottom_frame.bind(
+    var F, W = {}, U = w.react_stack_bottom_frame.bind(
       w,
-      c
-    )(), H = I(m(c)), V = {};
-    C.Fragment = E, C.jsx = function(e, n, f) {
-      var p = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return h(
+      d
+    )(), H = I(l(d)), V = {};
+    C.Fragment = N, C.jsx = function(e, o, m) {
+      var g = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return p(
         e,
-        n,
-        f,
+        o,
+        m,
         !1,
-        p ? Error("react-stack-top-frame") : W,
-        p ? I(m(e)) : H
+        g ? Error("react-stack-top-frame") : U,
+        g ? I(l(e)) : H
       );
-    }, C.jsxs = function(e, n, f) {
-      var p = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return h(
+    }, C.jsxs = function(e, o, m) {
+      var g = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return p(
         e,
-        n,
-        f,
+        o,
+        m,
         !0,
-        p ? Error("react-stack-top-frame") : W,
-        p ? I(m(e)) : H
+        g ? Error("react-stack-top-frame") : U,
+        g ? I(l(e)) : H
       );
     };
   })()), C;
 }
-var B;
-function ve() {
-  return B || (B = 1, process.env.NODE_ENV === "production" ? P.exports = be() : P.exports = ge()), P.exports;
+var Q;
+function Ee() {
+  return Q || (Q = 1, process.env.NODE_ENV === "production" ? P.exports = we() : P.exports = je()), P.exports;
 }
-var r = ve();
-const ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==", ke = ({ to: t, className: o, children: a }) => /* @__PURE__ */ r.jsx("a", { href: t, className: o, children: a }), Pe = (t) => {
-  const { user: o, LinkComponent: a = ke } = 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: [
+var r = Ee();
+const Ne = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==", _e = ({ to: t, className: n, children: s }) => /* @__PURE__ */ r.jsx("a", { href: t, className: n, children: s }), qe = (t) => {
+  const { user: n, LinkComponent: s = _e } = t;
+  return /* @__PURE__ */ r.jsx("div", { className: "max-h-20 max-w-52", children: /* @__PURE__ */ r.jsx("div", { className: "flex grow flex-col", children: n ? /* @__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: o.photo || ye, "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: n.photo || Ne, "aria-label": "profile photo" }) }),
       /* @__PURE__ */ r.jsxs("div", { className: "mx-1 flex flex-col", children: [
-        /* @__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(s, { className: "aiquants-session-link my-1 rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィールを編集" }),
+        /* @__PURE__ */ r.jsx(s, { className: "aiquants-session-link rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィール" }),
+        /* @__PURE__ */ r.jsx(s, { 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: o.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: n.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: "ログインはこちら" }) }) });
-}, X = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), we = {
-  report: Z,
-  slip: Z,
-  table: he,
-  chart: me,
-  download: fe,
-  lock: de,
-  href: ue
-}, je = ({ mark: t, children: o }) => {
-  const a = t ? we[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 });
-}, $ = (t, o) => o ? {
+}, te = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), Te = {
+  report: G,
+  slip: G,
+  table: ge,
+  chart: be,
+  download: xe,
+  lock: pe,
+  href: he
+}, Re = ({ mark: t, children: n }) => {
+  const s = t ? Te[t] : void 0;
+  return s ? /* @__PURE__ */ r.jsxs("div", { className: "flex flex-nowrap items-center", children: [
+    /* @__PURE__ */ r.jsx(s, { className: "h-4 w-4" }),
+    /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-link mx-1 hover:underline", children: n })
+  ] }) : /* @__PURE__ */ r.jsx("span", { className: "mx-1 text-sky-600 hover:underline dark:text-sky-400", children: n });
+}, $ = (t, n) => n ? {
   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
+    subid: n.subid,
+    title: n.title,
+    href: n.href,
+    mark: n.mark,
+    new: n.new
   }
 } : {
   menu: {
@@ -307,74 +307,100 @@ const ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
     title: t.title,
     href: t.href
   }
-}, Ee = ({ item: t, parentMenu: o, onMenuSelected: a }) => {
+}, Ce = ({ item: t, parentMenu: n, onMenuSelected: s }) => {
   if (t.href === "separator")
     return /* @__PURE__ */ r.jsx("hr", { className: "aiquants-menu-separator mx-2 my-1 h-px" });
-  const m = /* @__PURE__ */ r.jsx(je, { mark: t.mark, children: t.title }), i = {
+  const l = /* @__PURE__ */ r.jsx(Re, { mark: t.mark, children: t.title }), c = {
     onClick: () => {
-      a && a($(o, t));
+      s && s($(n, t));
     }
   };
-  return t.new ? /* @__PURE__ */ r.jsx("a", { href: t.href, rel: "noopener noreferrer", target: "_blank", ...i, children: m }) : X.test(t.href) ? /* @__PURE__ */ r.jsx("a", { href: t.href, ...i, children: m }) : /* @__PURE__ */ r.jsx(Q, { to: t.href, ...i, children: m });
-}, Ne = (t) => {
-  const { menuList: o, onMenuSelected: a } = t, [m, i] = Y(null), c = v((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 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: X.test(s.href) ? /* @__PURE__ */ r.jsx(
+  return t.new ? /* @__PURE__ */ r.jsx("a", { href: t.href, rel: "noopener noreferrer", target: "_blank", ...c, children: l }) : te.test(t.href) ? /* @__PURE__ */ r.jsx("a", { href: t.href, ...c, children: l }) : /* @__PURE__ */ r.jsx(re, { to: t.href, ...c, children: l });
+}, X = (t) => t ? t.split(/[?#]/)[0].replace(/(?!^\/)\/$/, "") : "", K = (t, n) => {
+  const s = n !== "/" && n.endsWith("/") ? n.slice(0, -1) : n;
+  for (const l of t) {
+    if (X(l.href) === s)
+      return l.id;
+    if (l.submenu) {
+      for (const c of l.submenu)
+        if (X(c.href) === s)
+          return l.id;
+    }
+  }
+  return null;
+}, Se = (t) => {
+  const { menuList: n, onMenuSelected: s } = t;
+  let l = "";
+  try {
+    l = ke().pathname;
+  } catch {
+    typeof window < "u" && (l = window.location.pathname);
+  }
+  const c = Z(() => K(n, l), [n, l]), [d, u] = Y(c), h = E(l), x = E(c !== null);
+  A(() => {
+    if (h.current !== l && (h.current = l, x.current = !1), !x.current) {
+      const a = K(n, l);
+      a !== null && (u(a), x.current = !0);
+    }
+  }, [l, n]);
+  const i = y((a) => {
+    u((f) => f === a ? null : a);
+  }, []), p = Z(() => /* @__PURE__ */ r.jsx(r.Fragment, { children: n.map((a) => /* @__PURE__ */ r.jsx("div", { children: a.href ? /* @__PURE__ */ r.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: te.test(a.href) ? /* @__PURE__ */ r.jsx(
     "a",
     {
-      href: s.href,
+      href: a.href,
       onClick: () => {
-        a && a($(s));
+        s && s($(a));
       },
-      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: s.title })
+      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: a.title })
     }
   ) : /* @__PURE__ */ r.jsx(
-    Q,
+    re,
     {
-      to: s.href,
+      to: a.href,
       onClick: () => {
-        a && a($(s));
+        s && s($(a));
       },
-      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: s.title })
+      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: a.title })
     }
-  ) }) : /* @__PURE__ */ r.jsxs("details", { className: "menu-accordion-details", open: s.id === m, children: [
+  ) }) : /* @__PURE__ */ r.jsxs("details", { className: "menu-accordion-details", open: a.id === d, children: [
     /* @__PURE__ */ r.jsx(
       "summary",
       {
         className: "aiquants-menu-list-item menu-accordion-summary relative mb-1 ml-1 h-full list-none rounded-l-2xl p-2 align-middle text-sm outline-none before:-mt-1 before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:align-middle before:content-['']",
-        onClick: (l) => {
-          l.preventDefault(), c(s.id);
+        onClick: (f) => {
+          f.preventDefault(), i(a.id);
         },
-        onKeyDown: (l) => {
-          (l.key === "Enter" || l.key === " ") && (l.preventDefault(), c(s.id));
+        onKeyDown: (f) => {
+          (f.key === "Enter" || f.key === " ") && (f.preventDefault(), i(a.id));
         },
-        children: /* @__PURE__ */ r.jsx("span", { children: s.title })
+        children: /* @__PURE__ */ r.jsx("span", { children: a.title })
       }
     ),
-    /* @__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(Ee, { item: l, parentMenu: s, onMenuSelected: a }) }, l.subid)) })
-  ] }) }, s.id)) }), [o, a, m, c]);
-  return /* @__PURE__ */ r.jsx("div", { className: "hidden-scrollbar h-0 grow overflow-y-scroll", children: u });
-}, _e = (t) => {
-  const { menuList: o, menuHeader: a, open: m, onMenuSelected: i, onClickSignout: c, theme: u, toggleTheme: s, isPinned: l, onTogglePin: d } = t;
-  return /* @__PURE__ */ r.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 ${m ? "aiquants-menu-translate-x-0" : "aiquants-menu-translate-x-250"}`, children: [
-    /* @__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(Ne, { menuList: o, onMenuSelected: i }) }),
+    /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-submenu pointer-events-auto my-1 mr-1 ml-4 rounded p-2 shadow-md", children: a.submenu.map((f) => /* @__PURE__ */ r.jsx("div", { className: "menu-accordion-container block w-full whitespace-nowrap text-sm", children: /* @__PURE__ */ r.jsx(Ce, { item: f, parentMenu: a, onMenuSelected: s }) }, f.subid)) })
+  ] }) }, a.id)) }), [n, s, d, i]);
+  return /* @__PURE__ */ r.jsx("div", { className: "hidden-scrollbar h-0 grow overflow-y-scroll", children: p });
+}, Oe = (t) => {
+  const { menuList: n, menuHeader: s, open: l, onMenuSelected: c, onClickSignout: d, theme: u, toggleTheme: h, isPinned: x, onTogglePin: i } = t;
+  return /* @__PURE__ */ r.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__ */ r.jsx("div", { className: "flex h-[100px] flex-col", children: s }),
+    /* @__PURE__ */ r.jsx("div", { className: "flex grow flex-col", children: /* @__PURE__ */ r.jsx(Se, { menuList: n, onMenuSelected: c }) }),
     /* @__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.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 ${l ? "bg-amber-500/90 hover:bg-amber-600" : "border border-white/15 bg-white/10 hover:bg-white/20"}`,
-          title: l ? "ピン留め解除" : "ピン留め",
-          children: l ? /* @__PURE__ */ r.jsx(xe, { size: 14 }) : /* @__PURE__ */ r.jsx(pe, { size: 14 })
+          onClick: i,
+          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 ${x ? "bg-amber-500/90 hover:bg-amber-600" : "border border-white/15 bg-white/10 hover:bg-white/20"}`,
+          title: x ? "ピン留め解除" : "ピン留め",
+          children: x ? /* @__PURE__ */ r.jsx(ve, { size: 14 }) : /* @__PURE__ */ r.jsx(ye, { size: 14 })
         }
       ),
       /* @__PURE__ */ r.jsxs(
         "button",
         {
           type: "button",
-          onClick: s,
+          onClick: h,
           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: u === "dark" ? "🌞" : "🌙" }) }),
@@ -388,68 +414,68 @@ const ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
         {
           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,
+          onClick: d,
           children: "サインアウト"
         }
       )
     ] }) })
   ] });
-}, Te = (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 });
-}, Re = (t) => {
-  const { open: o, onMenuOpen: a, onMenuClose: m, theme: i } = t, c = _(o), u = _(null), s = _(null), l = _(null), d = _(null), h = _(null), g = v(() => {
-    if (u.current && s.current && l.current && d.current && h.current) {
-      const x = i === "dark" ? "#fff" : "#000";
-      u.current.style.backgroundColor = x, u.current.style.width = "100%", u.current.style.height = "3px", u.current.style.transform = "", s.current.style.opacity = "1", s.current.style.backgroundColor = x, l.current.style.opacity = "1", l.current.style.backgroundColor = x, d.current.style.backgroundColor = x, d.current.style.width = "100%", d.current.style.height = "3px", d.current.style.transform = "", h.current.style.color = x, 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"), c.current = !0;
+}, Pe = (t) => {
+  const { isOverlay: n, onOverlayClick: s } = t;
+  return /* @__PURE__ */ r.jsx("button", { type: "button", className: `fixed inset-0 z-2147483640 cursor-default bg-black/50 transition-opacity duration-500 ${n ? "opacity-100" : "pointer-events-none opacity-0"}`, onClick: s });
+}, Ae = (t) => {
+  const { open: n, onMenuOpen: s, onMenuClose: l, theme: c } = t, d = E(n), u = E(null), h = E(null), x = E(null), i = E(null), p = E(null), a = y(() => {
+    if (u.current && h.current && x.current && i.current && p.current) {
+      const b = c === "dark" ? "#fff" : "#000";
+      u.current.style.backgroundColor = b, u.current.style.width = "100%", u.current.style.height = "3px", u.current.style.transform = "", h.current.style.opacity = "1", h.current.style.backgroundColor = b, x.current.style.opacity = "1", x.current.style.backgroundColor = b, i.current.style.backgroundColor = b, i.current.style.width = "100%", i.current.style.height = "3px", i.current.style.transform = "", p.current.style.color = b, 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"), d.current = !0;
     }
-  }, [i]), y = v(() => {
-    u.current && s.current && l.current && d.current && h.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", d.current.style.backgroundColor = "#fff", d.current.style.width = "32px", d.current.style.height = "4px", d.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"), c.current = !1);
-  }, []), w = v(() => {
-    g(), m && m();
-  }, [g, m]), k = v(() => {
-    y(), a && a();
-  }, [y, a]), T = v(() => {
-    c.current ? k() : w();
-  }, [w, k]), E = v((x) => {
-    x.currentTarget.blur();
-  }, []), j = v((x) => {
-    x.preventDefault();
+  }, [c]), f = y(() => {
+    u.current && h.current && x.current && i.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)", h.current.style.opacity = "0", x.current.style.opacity = "0", i.current.style.backgroundColor = "#fff", i.current.style.width = "32px", i.current.style.height = "4px", i.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"), d.current = !1);
+  }, []), w = y(() => {
+    a(), l && l();
+  }, [a, l]), k = y(() => {
+    f(), s && s();
+  }, [f, s]), T = y(() => {
+    d.current ? k() : w();
+  }, [w, k]), N = y((b) => {
+    b.currentTarget.blur();
+  }, []), j = y((b) => {
+    b.preventDefault();
   }, []);
   return A(() => {
-    o ? g() : y();
-  }, [o, g, y]), /* @__PURE__ */ r.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: E, onMouseDown: j, tabIndex: -1, children: [
+    n ? a() : f();
+  }, [n, a, f]), /* @__PURE__ */ r.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: N, onMouseDown: j, 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-1.5 left-0 box-border inline-block h-[3px] w-full select-none", ref: s }),
-    /* @__PURE__ */ r.jsx("span", { className: "absolute top-3 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: d }),
-    /* @__PURE__ */ r.jsx("div", { className: "absolute w-full text-xs after:mt-2 after:block", ref: h })
+    /* @__PURE__ */ r.jsx("span", { className: "absolute top-1.5 left-0 box-border inline-block h-[3px] w-full select-none", ref: h }),
+    /* @__PURE__ */ r.jsx("span", { className: "absolute top-3 left-0 box-border inline-block h-[3px] w-full select-none", ref: x }),
+    /* @__PURE__ */ r.jsx("span", { className: "absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none", ref: i }),
+    /* @__PURE__ */ r.jsx("div", { className: "absolute w-full text-xs after:mt-2 after:block", ref: p })
   ] });
-}, Ae = (t) => {
-  const { menuList: o, menuHeader: a, onClickSignout: m, isMenuhide: i, theme: c, toggleTheme: u, onMenuNavigate: s, onPinChange: l } = t, [d, h] = Y(() => {
+}, ee = typeof window < "u" ? me : A, De = (t) => {
+  const { menuList: n, menuHeader: s, onClickSignout: l, isMenuhide: c, theme: d, toggleTheme: u, onMenuNavigate: h, onPinChange: x } = t, [i, p] = Y(() => {
     try {
       return localStorage.getItem("aiquants-menu-pinned") === "true";
     } catch {
       return !1;
     }
-  }), [g, y] = Y(d);
-  A(() => {
-    const x = d ? "250px" : "0px";
-    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", x), l?.(d);
-  }, [d, l]), A(() => () => {
+  }), [a, f] = Y(i);
+  ee(() => {
+    const b = i ? "250px" : "0px";
+    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", b), x?.(i);
+  }, [i, x]), ee(() => () => {
     document.documentElement.style.setProperty("--aiquants-menu-pinned-width", "0px");
   }, []);
-  const w = v(() => {
-    y(!0);
-  }, []), k = v(() => {
-    y(!1), h(!1);
+  const w = y(() => {
+    f(!0);
+  }, []), k = y(() => {
+    f(!1), p(!1);
     try {
       localStorage.removeItem("aiquants-menu-pinned");
     } catch {
     }
-  }, []), T = v(() => {
-    h((x) => {
-      const S = !x;
+  }, []), T = y(() => {
+    p((b) => {
+      const S = !b;
       if (S)
         try {
           localStorage.setItem("aiquants-menu-pinned", "true");
@@ -462,28 +488,28 @@ const ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
         }
       return S;
     });
-  }, []), E = v(
-    (x) => {
-      s && s(x), d || y(!1);
+  }, []), N = y(
+    (b) => {
+      h && h(b), i || f(!1);
     },
-    [s, d]
-  ), j = v(
-    (x) => {
-      if (x.key === "Escape")
+    [h, i]
+  ), j = y(
+    (b) => {
+      if (b.key === "Escape")
         return k(), !1;
     },
     [k]
   );
-  return A(() => (g ? window.addEventListener("keydown", j, { passive: !0 }) : window.removeEventListener("keydown", j), () => {
+  return A(() => (a ? window.addEventListener("keydown", j, { passive: !0 }) : window.removeEventListener("keydown", j), () => {
     window.removeEventListener("keydown", j);
-  }), [g, j]), i ? null : /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-bar ${c}`, children: [
-    /* @__PURE__ */ r.jsx(Re, { onMenuClose: k, onMenuOpen: w, open: !g, theme: c }),
-    /* @__PURE__ */ r.jsx(_e, { menuList: o, menuHeader: a, onClickSignout: m, onMenuSelected: E, open: g, theme: c, toggleTheme: u, isPinned: d, onTogglePin: T }),
-    /* @__PURE__ */ r.jsx(Te, { isOverlay: g && !d, onOverlayClick: k })
+  }), [a, j]), c ? null : /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-bar ${d}`, children: [
+    /* @__PURE__ */ r.jsx(Ae, { onMenuClose: k, onMenuOpen: w, open: !a, theme: d }),
+    /* @__PURE__ */ r.jsx(Oe, { menuList: n, menuHeader: s, onClickSignout: l, onMenuSelected: N, open: a, theme: d, toggleTheme: u, isPinned: i, onTogglePin: T }),
+    /* @__PURE__ */ r.jsx(Pe, { isOverlay: a && !i, onOverlayClick: k })
   ] });
 };
 export {
-  ke as DefaultLink,
-  Ae as MenuBar,
-  Pe as SessionInfo
+  _e as DefaultLink,
+  De as MenuBar,
+  qe as SessionInfo
 };

package/dist/index.umd.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiquants/menu-bar",
-  "version": "1.12.0",
+  "version": "1.13.1",
   "private": false,
   "description": "A React menu bar component with authentication support and theming",
   "keywords": [
@@ -70,6 +70,7 @@
   "scripts": {
     "build": "vite build && pnpm build:css",
     "build:css": "tailwindcss -i src/styles/tailwind.css -o dist/styles/menu-bar.css --minify",
+    "build:scoped": "turbo run build --filter=@aiquants/menu-bar...",
     "dev": "vite build --watch",
     "watch": "vite build --watch",
     "watch:css": "tailwindcss -i src/styles/tailwind.css -o dist/styles/menu-bar.css --minify --watch",