@aiquants/menu-bar 1.19.0 → 1.19.1

package/README.md

@@ -13,7 +13,7 @@ A React menu bar component with authentication support and theming for modern we
 - **Configurable Switch**: Position, size, layering and caption of the open/close switch set through CSS custom properties
 - **TypeScript Support**: Full TypeScript definitions included
 - **React Router Integration**: Built for React Router with generic link component support
-- **CSS Scoped**: All styles are scoped to prevent conflicts with host applications
+- **Scoped Component CSS**: The hand-written rules are scoped to `.aiquants-*` classes and package-prefixed variables; the standalone build also carries Tailwind utilities and theme variables, which are global (see "Styling (CSS)")
 
 ## Installation
 
@@ -21,6 +21,8 @@ A React menu bar component with authentication support and theming for modern we
 npm install @aiquants/menu-bar
 ```
 
+Peer dependencies: `react` and `react-dom` `^19.2.7`, and `react-router-dom` `^7.7.1`. The package's `engines` field asks for Node.js 18 or later.
+
 ## Exports
 
 This package exports the following components, functions and types:
@@ -52,11 +54,11 @@ import '@aiquants/menu-bar/styles/menu-bar.standalone.css';
 
 ```tsx
 import React, { useState } from 'react';
-import { MenuBar } from '@aiquants/menu-bar';
+import { MenuBar, type Theme } from '@aiquants/menu-bar';
 import '@aiquants/menu-bar/styles/menu-bar.standalone.css';
 
 function App() {
-  const [theme, setTheme] = useState('light');
+  const [theme, setTheme] = useState<Theme>('light');
 
   const menuList = [
     {
@@ -111,7 +113,7 @@ function App() {
 | `toggleTheme` | `() => void` | Yes | Function to toggle between light and dark themes |
 | `onClickSignout` | `() => void` | Yes | Callback function for sign out action |
 | `menuHeader` | `React.ReactNode` | No | Optional header content for the menu |
-| `isMenuHide` | `boolean` | No | Whether to hide the menu bar entirely (renders nothing) |
+| `isMenuHide` | `boolean` | No | Whether to hide the menu bar entirely. Renders nothing while `true`, but the pin state is still reported: while pinned, `--aiquants-menu-pinned-width` and the pin event keep the pinned width (see "Pin State") |
 | `isMenuhide` | `boolean` | No | Legacy spelling of `isMenuHide`; read only when `isMenuHide` is not given |
 | `onMenuNavigate` | `(payload: MenuNavigationPayload) => void` | No | Callback function triggered when a menu or submenu item is selected |
 | `isPinned` | `boolean` | No | Controlled pin state. When omitted, the menu bar keeps the pin state itself and stores it in `localStorage` |
@@ -199,9 +201,12 @@ The package ships **two CSS artifacts** — pick the one that matches your host.
   /* app tailwind.css */
   @import "@aiquants/menu-bar/styles/menu-bar.css" layer(components);
   @source "../node_modules/@aiquants/menu-bar/dist/**/*.js";
-  /* the package as a workspace sibling: @source "../../../../packages/menu-bar/src/**/*.{ts,tsx}"; */
+  /* consuming the package's sources from a workspace: point @source at its src/**/*.{ts,tsx} instead */
+  @custom-variant dark (&:where(.dark, .dark *));
   ```
 
+  The `@custom-variant` line makes the menu bar's `dark:` utilities follow the `theme` prop: the menu bar's root carries `.dark` while `theme` is `'dark'`. With Tailwind's default `dark` variant (`prefers-color-scheme`), they follow the OS setting instead. The variant applies to your whole build, so your own `dark:` utilities then key off a `.dark` ancestor as well.
+
   `menu-bar.css` (Artifact A) carries only the hand-written `.aiquants-*` component classes and the package's own `:root` variables — no Tailwind theme variables, no Tailwind utilities, no preflight — so it drops into `layer(components)` safely.
   Its `:root` rule declares menu-bar's runtime variable `--aiquants-menu-pinned-width` (which the component sets inline at runtime) and the defaults of the menu switch custom properties (`--aqmb-switch-*`, see below).
   Do **not** also `@import` the standalone build in a Tailwind host: it re-emits the same utilities your build produces, and two concatenated builds cannot reproduce the single-build canonical order (base → variants), so base/variant cascade winners flip.
@@ -212,7 +217,9 @@ The package ships **two CSS artifacts** — pick the one that matches your host.
   @import "@aiquants/menu-bar/styles/menu-bar.standalone.css";
   ```
 
-  Dark mode keys off the `.dark` class — add `.dark` to `<html>` to enable the dark styles.
+  The utilities in this build are global selectors (`.flex`, `.fixed`, `.hidden`, ...), and it declares the Tailwind theme variables it uses on `:root, :host`, so a host element with one of those class names picks up the rule.
+
+  Dark mode follows the `theme` prop: the menu bar's root carries `.dark` while `theme` is `'dark'`, and this build's `dark:` utilities apply to an element with the `.dark` class or inside one, so `<html>` needs no class. A `SessionInfo` rendered outside `MenuBar` takes its dark styles from a `.dark` ancestor of its own. If you also put `.dark` on `<html>`, keep it in step with `theme`: with `theme="light"` it turns on the `dark:` utilities inside the light menu bar while the light colours of the hand-written rules stay, mixing the two palettes.
 
 In both setups the component classes sit in the `components` layer and the utilities in the later `utilities` layer, so a utility wins over a component rule for the same property.
 
@@ -227,10 +234,12 @@ The open/close switch is a square box with four bars that turn into a cross whil
 | `--aqmb-switch-right` | `8px` | `right` of the switch |
 | `--aqmb-switch-left` | `auto` | `left` of the switch |
 | `--aqmb-switch-bottom` | `auto` | `bottom` of the switch |
-| `--aqmb-switch-z-index` | `2147483647` | `z-index` of the switch |
+| `--aqmb-switch-z-index` | `calc(infinity)` | `z-index` of the switch. The default computes to the largest integer the browser supports (2147483647 in Chromium), which keeps the switch above the drawer (`z-index` 2147483642) and the backdrop (2147483640) |
 | `--aqmb-switch-size` | `27px` | Side S of the switch's square box; every length of the drawing derives from it |
 | `--aqmb-switch-caption-display` | `block` | `display` of the caption; `none` hides it |
 
+The `z-index` default is `calc(infinity)` rather than a number because Lightning CSS, which Tailwind v4 builds pass stylesheets through, writes the numbers of custom-property values and `var()` fallbacks with 6 significant digits: `2147483647` would reach the browser as `2147480000`, below the drawer. An override in a stylesheet that also goes through Lightning CSS is rounded the same way when it has 7 or more significant digits. A small value such as `50` is kept as written, and stacks the switch below the drawer and the backdrop.
+
 How the drawing follows S:
 
 - The bars are S/9 thick, at 0, 2S/9, 4S/9 and 6S/9 of a stack 7S/9 high. While open, the outer bars become 32S/27 wide and 4S/27 thick and cross at ±45°; the inner bars fade out.
@@ -254,7 +263,7 @@ The box sits on the bar's 24px line box, and the focus ring (0 to 32px from the
 
 ## Theming
 
-The menu bar supports both light and dark themes. All styles are scoped with the `.aiquants-menu-bar` class to prevent conflicts with your application's styles. The root element carries the theme as a class: `.aiquants-menu-bar.light` or `.aiquants-menu-bar.dark`.
+The menu bar supports both light and dark themes. The hand-written styles are scoped with the `.aiquants-menu-bar` class; the utility classes and Tailwind theme variables of the standalone build are global (see "Styling (CSS)"). The root element carries the theme as a class: `.aiquants-menu-bar.light` or `.aiquants-menu-bar.dark`.
 
 ### Custom Styling
 
@@ -278,10 +287,10 @@ You can override the default styles by targeting the scoped classes:
 
 ```tsx
 import React, { useState } from 'react';
-import { MenuBar } from '@aiquants/menu-bar';
+import { MenuBar, type Theme } from '@aiquants/menu-bar';
 
 function App() {
-  const [theme, setTheme] = useState('light');
+  const [theme, setTheme] = useState<Theme>('light');
 
   const menuList = [
     {
@@ -337,7 +346,34 @@ The rule:
 - An `href` of `/` matches only the root, even with `'prefix'`. External URLs never match.
 - When several entries match, the longest `href` wins, across groups too; an exact match therefore always beats a prefix match. On a tie, the first entry in menu order wins (a top-level item before its own submenu items).
 
-The group of the matched entry opens once per route change, and only one group is open at a time (pinned groups always stay open). A route with no matching entry leaves the open group as it is, and reloading the menu on the same route does not reopen a group the user closed.
+The group of the matched entry opens once per route change, and only one group is open at a time (pinned groups always stay open). When the matched entry is a top-level link, no group opens, and the group that was open closes. A route with no matching entry leaves the open group as it is, and reloading the menu on the same route does not reopen a group the user closed.
+
+## Pin State
+
+The pin button keeps the drawer open, without the backdrop, while the user navigates. When it mounts and whenever the pin state, `pinnedWidth` or the open state changes, the menu bar reports the state in two ways, and it resets both to "not pinned" when it unmounts:
+
+- **CSS variable**: `--aiquants-menu-pinned-width` on `<html>` holds the pinned width (`pinnedWidth`, default `240`) in pixels while pinned, and `0px` otherwise.
+- **Event**: a `CustomEvent` named by `MENU_PIN_CHANGE_EVENT` (`"aiquants-menu-pin-change"`) on `window`. Its `detail` is a `MenuPinChangeDetail`, `{ pinned, width, active? }`: `width` matches the CSS variable, and `active` tells whether the drawer is open or pinned.
+
+These exports read the state:
+
+| Export | Behaviour |
+| --- | --- |
+| `useMenuPinState(options?)` | Returns the current `MenuPinChangeDetail` and re-renders when it changes. Options: `initialPinned` (default `false`) and `defaultPinnedWidth` (default `240`). During server rendering it returns `{ pinned: initialPinned, width: initialPinned ? defaultPinnedWidth : 0 }`, without `active` |
+| `subscribeMenuPinChange(listener, options?)` | Calls `listener` with the `detail` of every event and returns a function that unsubscribes. Options: `immediate` (default `true`: also calls `listener` once right away with `getInitialPinState(defaultPinnedWidth)`) and `defaultPinnedWidth` (default `240`) |
+| `getInitialPinState(defaultPinnedWidth = 240)` | Reads the CSS variable: pinned when it is a positive number of pixels, which is then the width. When the variable is empty or not a number, it reads the `aiquants-menu-pinned` `localStorage` key instead (`"true"`: pinned at `defaultPinnedWidth`); the package stylesheet declares the variable as `0px`, so this happens only while neither the stylesheet nor a menu bar has set it. `active` is that of the last `dispatchMenuPinChange` call (`false` before the first) |
+| `dispatchMenuPinChange(pinned, width, active = pinned)` | Dispatches the event on `window`. The menu bar calls it itself |
+
+```tsx
+import type { ReactNode } from 'react';
+import { useMenuPinState } from '@aiquants/menu-bar';
+
+function Page({ children }: { children: ReactNode }) {
+  const { width } = useMenuPinState();
+  // The pinned drawer covers the right edge of the viewport
+  return <main style={{ paddingRight: width }}>{children}</main>;
+}
+```
 
 ## Accessibility
 
@@ -349,6 +385,7 @@ The group of the matched entry opens once per route change, and only one group i
 - **Groups**: group summaries toggle with Enter or Space and show a focus outline on keyboard focus. Every button has an accessible name.
 - **Reduced motion**: the drawer's slide, the backdrop's fade and the switch's transitions run only under `prefers-reduced-motion: no-preference`.
 - **Forced colors**: the switch's bars are drawn in `ButtonText`, so they stay visible when forced colors replace backgrounds.
+- **Built-in labels**: the names and texts are fixed, and no prop localises them. The switch is named in English ("Open menu" / "Close menu", caption "menu" / "close"); the drawer's pin and theme buttons, the sign-out button and the group pin buttons are named in Japanese (for example "ピン留め", "ダークモードに切り替え", "サインアウト"), and `SessionInfo` shows Japanese texts such as "プロフィール" and "ログインしてください".
 
 ## DOM Hooks
 
@@ -364,6 +401,7 @@ Select the menu bar's elements in scripts and tests by these attributes (or by r
 | `data-aqmb-theme-button` | The theme toggle button |
 | `data-aqmb-signout-button` | The sign-out button |
 | `data-aqmb-submenu-pin-button` | The pin button of each group |
+| `data-aqmb-session-card` | The `SessionInfo` card, with or without a `user` |
 
 ## Advanced Usage
 
@@ -418,9 +456,11 @@ The main menu bar component that includes:
 
 A standalone session information component that displays:
 
-- User avatar/profile picture
-- User display name
-- Logout functionality with customizable link component
+- The user's avatar (a default icon when `photo` is empty), display name and a "Google Account" label
+- Two links rendered through the customizable `LinkComponent` (default: `DefaultLink`, a plain `<a>`): a profile link to `/` and a link to `https://myaccount.google.com/`
+- A "please sign in" card ("ログインしてください") when `user` is `null`
+
+The card carries `data-aqmb-session-card` in both states. Sign-out is not part of `SessionInfo`: it is the drawer's sign-out button, which calls `onClickSignout`.
 
 ```tsx
 import { SessionInfo } from '@aiquants/menu-bar';
@@ -441,12 +481,12 @@ import { SessionInfo } from '@aiquants/menu-bar';
 - **Hierarchical Menu Structure**: Support for main menu items with submenus
 - **Dynamic Navigation**: Menu items can have direct links or submenu collections
 - **Current Page**: Exact or prefix matching per entry, with `aria-current="page"`
-- **Visual Indicators**: Support for special marks (lock icon, etc.) and "new" badges
-- **External Links**: Option to open links in new tabs
+- **Visual Indicators**: An icon per submenu `mark` (`report`, `slip`, `table`, `chart`, `download`, `lock`, `href`); any other value, or none, renders the text only
+- **External Links**: `new: true` opens a submenu item in a new tab (`target="_blank"`, `rel="noopener noreferrer"`); it draws no badge
 
 ## CSS Classes
 
-All hand-written CSS classes use the `.aiquants-` prefix, for example:
+Hand-written component classes use the `.aiquants-` prefix (the modifiers are the theme class `light` / `dark` on the root and `pinned` on a pinned group's pin button), for example:
 
 - `.aiquants-menu-bar` - Main container (with the theme class `light` or `dark`)
 - `.aiquants-menu-switch` - Open/close switch (`.aiquants-menu-switch-bars`, `.aiquants-menu-switch-bar`, `.aiquants-menu-switch-caption`)
@@ -454,14 +494,17 @@ All hand-written CSS classes use the `.aiquants-` prefix, for example:
 - `.aiquants-menu-list-item` - Menu item and group summary
 - `.aiquants-session-card` - Session information card
 
+The menu list's scroll container also carries `hidden-scrollbar`, a class the package does not define, so a host rule of that name applies to it.
+
 These classes are a styling contract, not DOM hooks — use the `data-aqmb-*` attributes above to select elements.
 
 ## Browser Support
 
-- Chrome/Edge 88+
-- Firefox 78+
-- Safari 14+
-- Node.js 18+
+- Chrome/Edge 111+
+- Firefox 128+
+- Safari 16.4+
+
+These are the versions Tailwind CSS v4, which builds both stylesheets, targets. The stylesheets also sit in cascade layers, which an older browser drops whole, and the closed drawer and the backdrop rely on the HTML `inert` attribute.
 
 ## Development
 

package/dist/index.es.js

@@ -336,42 +336,49 @@ const De = [
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ], ze = _("user", De), Ye = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==", He = ({ to: t, className: n, children: a }) => /* @__PURE__ */ r.jsx("a", { href: t, className: n, children: a }), xt = (t) => {
   const { user: n, LinkComponent: a = He } = t;
-  return /* @__PURE__ */ r.jsx("div", { className: "w-full", children: n ? /* @__PURE__ */ r.jsxs("div", { className: "aiquants-session-card group relative flex flex-col gap-2 rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-sm backdrop-blur-md transition-all duration-200 hover:border-white/30 hover:bg-white/15 dark:border-slate-700/60 dark:bg-slate-800/60 dark:hover:border-slate-600/80 dark:hover:bg-slate-800/90", children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
-      /* @__PURE__ */ r.jsxs("div", { className: "relative shrink-0", children: [
-        /* @__PURE__ */ r.jsx("div", { className: "h-8 w-8 overflow-hidden rounded-full border border-white/40 shadow-xs dark:border-slate-500", children: /* @__PURE__ */ r.jsx("img", { className: "h-full w-full rounded-full object-cover", src: n.photo || Ye, alt: n.displayName || "user profile" }) }),
-        /* @__PURE__ */ r.jsx("span", { className: "absolute -right-0.5 -bottom-0.5 h-2.5 w-2.5 rounded-full border-2 border-slate-900 bg-emerald-400", title: "Online" })
-      ] }),
-      /* @__PURE__ */ r.jsxs("div", { className: "min-w-0 flex-1 leading-tight", children: [
-        /* @__PURE__ */ r.jsx("div", { className: "truncate font-semibold text-white text-xs tracking-tight dark:text-slate-100", title: n.displayName, children: n.displayName }),
-        /* @__PURE__ */ r.jsx("div", { className: "mt-0.5 font-medium text-[10px] text-white/75 tracking-tight dark:text-slate-400", children: "Google Account" })
-      ] })
-    ] }),
-    /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-2 gap-1.5 border-white/15 border-t pt-1.5 dark:border-slate-700/50", children: [
-      /* @__PURE__ */ r.jsxs(
-        a,
-        {
-          className: "flex items-center justify-center gap-1 rounded-md border border-white/15 bg-white/10 px-2 py-1 font-medium text-[11px] text-white transition-all duration-150 hover:bg-white/25 active:scale-95 dark:border-slate-600/50 dark:bg-slate-700/50 dark:text-slate-200 dark:hover:bg-slate-600/80",
-          to: "/",
-          children: [
-            /* @__PURE__ */ r.jsx(ze, { size: 11, className: "shrink-0 opacity-80" }),
-            /* @__PURE__ */ r.jsx("span", { className: "truncate", children: "プロフィール" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ r.jsxs(
-        a,
-        {
-          className: "flex items-center justify-center gap-1 rounded-md border border-white/15 bg-white/10 px-2 py-1 font-medium text-[11px] text-white transition-all duration-150 hover:bg-white/25 active:scale-95 dark:border-slate-600/50 dark:bg-slate-700/50 dark:text-slate-200 dark:hover:bg-slate-600/80",
-          to: "https://myaccount.google.com/",
-          children: [
-            /* @__PURE__ */ r.jsx($e, { size: 11, className: "shrink-0 opacity-80" }),
-            /* @__PURE__ */ r.jsx("span", { className: "truncate", children: "Google" })
-          ]
-        }
-      )
-    ] })
-  ] }) : /* @__PURE__ */ r.jsx("div", { className: "aiquants-session-card flex items-center justify-between rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-xs dark:border-slate-700/60 dark:bg-slate-800/60", children: /* @__PURE__ */ r.jsx("span", { className: "font-medium text-white/90 text-xs dark:text-slate-200", children: "ログインしてください" }) }) });
+  return /* @__PURE__ */ r.jsx("div", { className: "w-full", children: n ? /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      "data-aqmb-session-card": !0,
+      className: "aiquants-session-card group relative flex flex-col gap-2 rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-sm backdrop-blur-md transition-all duration-200 hover:border-white/30 hover:bg-white/15 dark:border-slate-700/60 dark:bg-slate-800/60 dark:hover:border-slate-600/80 dark:hover:bg-slate-800/90",
+      children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
+          /* @__PURE__ */ r.jsxs("div", { className: "relative shrink-0", children: [
+            /* @__PURE__ */ r.jsx("div", { className: "h-8 w-8 overflow-hidden rounded-full border border-white/40 shadow-xs dark:border-slate-500", children: /* @__PURE__ */ r.jsx("img", { className: "h-full w-full rounded-full object-cover", src: n.photo || Ye, alt: n.displayName || "user profile" }) }),
+            /* @__PURE__ */ r.jsx("span", { className: "absolute -right-0.5 -bottom-0.5 h-2.5 w-2.5 rounded-full border-2 border-slate-900 bg-emerald-400", title: "Online" })
+          ] }),
+          /* @__PURE__ */ r.jsxs("div", { className: "min-w-0 flex-1 leading-tight", children: [
+            /* @__PURE__ */ r.jsx("div", { className: "truncate font-semibold text-white text-xs tracking-tight dark:text-slate-100", title: n.displayName, children: n.displayName }),
+            /* @__PURE__ */ r.jsx("div", { className: "mt-0.5 font-medium text-[10px] text-white/75 tracking-tight dark:text-slate-400", children: "Google Account" })
+          ] })
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "grid grid-cols-2 gap-1.5 border-white/15 border-t pt-1.5 dark:border-slate-700/50", children: [
+          /* @__PURE__ */ r.jsxs(
+            a,
+            {
+              className: "flex items-center justify-center gap-1 rounded-md border border-white/15 bg-white/10 px-2 py-1 font-medium text-[11px] text-white transition-all duration-150 hover:bg-white/25 active:scale-95 dark:border-slate-600/50 dark:bg-slate-700/50 dark:text-slate-200 dark:hover:bg-slate-600/80",
+              to: "/",
+              children: [
+                /* @__PURE__ */ r.jsx(ze, { size: 11, className: "shrink-0 opacity-80" }),
+                /* @__PURE__ */ r.jsx("span", { className: "truncate", children: "プロフィール" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ r.jsxs(
+            a,
+            {
+              className: "flex items-center justify-center gap-1 rounded-md border border-white/15 bg-white/10 px-2 py-1 font-medium text-[11px] text-white transition-all duration-150 hover:bg-white/25 active:scale-95 dark:border-slate-600/50 dark:bg-slate-700/50 dark:text-slate-200 dark:hover:bg-slate-600/80",
+              to: "https://myaccount.google.com/",
+              children: [
+                /* @__PURE__ */ r.jsx($e, { size: 11, className: "shrink-0 opacity-80" }),
+                /* @__PURE__ */ r.jsx("span", { className: "truncate", children: "Google" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ r.jsx("div", { "data-aqmb-session-card": !0, className: "aiquants-session-card flex items-center justify-between rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-xs dark:border-slate-700/60 dark:bg-slate-800/60", children: /* @__PURE__ */ r.jsx("span", { className: "font-medium text-white/90 text-xs dark:text-slate-200", children: "ログインしてください" }) }) });
 }, se = "aiquants-menu-pin-change";
 let g = { pinned: !1, width: 0, active: !1 };
 const we = (t = 240) => {

package/dist/index.umd.js

@@ -1,6 +1,6 @@
-(function(y,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react"),require("react-router-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-router-dom"],l):(y=typeof globalThis<"u"?globalThis:y||self,l(y["@aiquants/menu-bar"]={},y.React,y.ReactRouterDOM))})(this,(function(y,l,Q){"use strict";var F={exports:{}},z={};var ie;function we(){if(ie)return z;ie=1;var t=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function a(s,c,o){var d=null;if(o!==void 0&&(d=""+o),c.key!==void 0&&(d=""+c.key),"key"in c){o={};for(var f in c)f!=="key"&&(o[f]=c[f])}else o=c;return c=o.ref,{$$typeof:t,type:s,key:d,ref:c!==void 0?c:null,props:o}}return z.Fragment=n,z.jsx=a,z.jsxs=a,z}var Y={};var le;function ye(){return le||(le=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===G?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case u:return"Fragment";case C:return"Profiler";case b:return"StrictMode";case q:return"Suspense";case ne:return"SuspenseList";case V: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 I:return"Portal";case P:return e.displayName||"Context";case w:return(e._context.displayName||"Context")+".Consumer";case O:var i=e.render;return e=e.displayName,e||(e=i.displayName||i.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case re:return i=e.displayName||null,i!==null?i:t(e.type)||"Memo";case H:i=e._payload,e=e._init;try{return t(e(i))}catch{}}return null}function n(e){return""+e}function a(e){try{n(e);var i=!1}catch{i=!0}if(i){i=console;var h=i.error,v=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return h.call(i,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",v),n(e)}}function s(e){if(e===u)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===H)return"<...>";try{var i=t(e);return i?"<"+i+">":"<...>"}catch{return"<...>"}}function c(){var e=L.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function d(e){if(T.call(e,"key")){var i=Object.getOwnPropertyDescriptor(e,"key").get;if(i&&i.isReactWarning)return!1}return e.key!==void 0}function f(e,i){function h(){Z||(Z=!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)",i))}h.isReactWarning=!0,Object.defineProperty(e,"key",{get:h,configurable:!0})}function m(){var e=t(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 k(e,i,h,v,B,se){var x=h.ref;return e={$$typeof:M,type:e,key:i,props:h,_owner:v},(x!==void 0?x:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:m}):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:B}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:se}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function _(e,i,h,v,B,se){var x=i.children;if(x!==void 0)if(v)if(ae(x)){for(v=0;v<x.length;v++)j(x[v]);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 j(x);if(T.call(i,"key")){x=t(e);var D=Object.keys(i).filter(function(Xe){return Xe!=="key"});v=0<D.length?"{key: someKey, "+D.join(": ..., ")+": ...}":"{key: someKey}",p[x+v]||(D=0<D.length?"{"+D.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+(function(y,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react"),require("react-router-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-router-dom"],l):(y=typeof globalThis<"u"?globalThis:y||self,l(y["@aiquants/menu-bar"]={},y.React,y.ReactRouterDOM))})(this,(function(y,l,Q){"use strict";var F={exports:{}},z={};var ie;function we(){if(ie)return z;ie=1;var t=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function a(s,c,o){var d=null;if(o!==void 0&&(d=""+o),c.key!==void 0&&(d=""+c.key),"key"in c){o={};for(var f in c)f!=="key"&&(o[f]=c[f])}else o=c;return c=o.ref,{$$typeof:t,type:s,key:d,ref:c!==void 0?c:null,props:o}}return z.Fragment=n,z.jsx=a,z.jsxs=a,z}var q={};var le;function ye(){return le||(le=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===G?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case u:return"Fragment";case C:return"Profiler";case p:return"StrictMode";case Y:return"Suspense";case ne:return"SuspenseList";case V: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 I:return"Portal";case P:return e.displayName||"Context";case w:return(e._context.displayName||"Context")+".Consumer";case O:var i=e.render;return e=e.displayName,e||(e=i.displayName||i.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case re:return i=e.displayName||null,i!==null?i:t(e.type)||"Memo";case H:i=e._payload,e=e._init;try{return t(e(i))}catch{}}return null}function n(e){return""+e}function a(e){try{n(e);var i=!1}catch{i=!0}if(i){i=console;var h=i.error,v=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return h.call(i,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",v),n(e)}}function s(e){if(e===u)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===H)return"<...>";try{var i=t(e);return i?"<"+i+">":"<...>"}catch{return"<...>"}}function c(){var e=L.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function d(e){if(T.call(e,"key")){var i=Object.getOwnPropertyDescriptor(e,"key").get;if(i&&i.isReactWarning)return!1}return e.key!==void 0}function f(e,i){function h(){Z||(Z=!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)",i))}h.isReactWarning=!0,Object.defineProperty(e,"key",{get:h,configurable:!0})}function m(){var e=t(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 k(e,i,h,v,B,se){var x=h.ref;return e={$$typeof:M,type:e,key:i,props:h,_owner:v},(x!==void 0?x:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:m}):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:B}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:se}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function _(e,i,h,v,B,se){var x=i.children;if(x!==void 0)if(v)if(ae(x)){for(v=0;v<x.length;v++)j(x[v]);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 j(x);if(T.call(i,"key")){x=t(e);var D=Object.keys(i).filter(function(Xe){return Xe!=="key"});v=0<D.length?"{key: someKey, "+D.join(": ..., ")+": ...}":"{key: someKey}",b[x+v]||(D=0<D.length?"{"+D.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} />`,v,x,D,x),p[x+v]=!0)}if(x=null,h!==void 0&&(a(h),x=""+h),d(i)&&(a(i.key),x=""+i.key),"key"in i){h={};for(var oe in i)oe!=="key"&&(h[oe]=i[oe])}else h=i;return x&&f(h,typeof e=="function"?e.displayName||e.name||"Unknown":e),k(e,x,h,c(),B,se)}function j(e){N(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===H&&(e._payload.status==="fulfilled"?N(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function N(e){return typeof e=="object"&&e!==null&&e.$$typeof===M}var S=l,M=Symbol.for("react.transitional.element"),I=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),b=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),w=Symbol.for("react.consumer"),P=Symbol.for("react.context"),O=Symbol.for("react.forward_ref"),q=Symbol.for("react.suspense"),ne=Symbol.for("react.suspense_list"),re=Symbol.for("react.memo"),H=Symbol.for("react.lazy"),V=Symbol.for("react.activity"),G=Symbol.for("react.client.reference"),L=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,T=Object.prototype.hasOwnProperty,ae=Array.isArray,R=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(e){return e()}};var Z,J={},A=S.react_stack_bottom_frame.bind(S,o)(),W=R(s(o)),p={};Y.Fragment=u,Y.jsx=function(e,i,h){var v=1e4>L.recentlyCreatedOwnerStacks++;return _(e,i,h,!1,v?Error("react-stack-top-frame"):A,v?R(s(e)):W)},Y.jsxs=function(e,i,h){var v=1e4>L.recentlyCreatedOwnerStacks++;return _(e,i,h,!0,v?Error("react-stack-top-frame"):A,v?R(s(e)):W)}})()),Y}var ce;function Ne(){return ce||(ce=1,process.env.NODE_ENV==="production"?F.exports=we():F.exports=ye()),F.exports}var r=Ne();const _e=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),je=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(n,a,s)=>s?s.toUpperCase():a.toLowerCase()),ue=t=>{const n=je(t);return n.charAt(0).toUpperCase()+n.slice(1)},de=(...t)=>t.filter((n,a,s)=>!!n&&n.trim()!==""&&s.indexOf(n)===a).join(" ").trim(),Ee=t=>{for(const n in t)if(n.startsWith("aria-")||n==="role"||n==="title")return!0};var Se={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const Ce=l.forwardRef(({color:t="currentColor",size:n=24,strokeWidth:a=2,absoluteStrokeWidth:s,className:c="",children:o,iconNode:d,...f},m)=>l.createElement("svg",{ref:m,...Se,width:n,height:n,stroke:t,strokeWidth:s?Number(a)*24/Number(n):a,className:de("lucide",c),...!o&&!Ee(f)&&{"aria-hidden":"true"},...f},[...d.map(([k,_])=>l.createElement(k,_)),...Array.isArray(o)?o:[o]]));const E=(t,n)=>{const a=l.forwardRef(({className:s,...c},o)=>l.createElement(Ce,{ref:o,iconNode:n,className:de(`lucide-${_e(ue(t))}`,`lucide-${t}`,s),...c}));return a.displayName=ue(t),a};const Pe=E("external-link",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]]);const Me=E("user",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]),Re="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==",fe=({to:t,className:n,children:a})=>r.jsx("a",{href:t,className:n,children:a}),Te=t=>{const{user:n,LinkComponent:a=fe}=t;return r.jsx("div",{className:"w-full",children:n?r.jsxs("div",{className:"aiquants-session-card group relative flex flex-col gap-2 rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-sm backdrop-blur-md transition-all duration-200 hover:border-white/30 hover:bg-white/15 dark:border-slate-700/60 dark:bg-slate-800/60 dark:hover:border-slate-600/80 dark:hover:bg-slate-800/90",children:[r.jsxs("div",{className:"flex min-w-0 items-center gap-2.5",children:[r.jsxs("div",{className:"relative shrink-0",children:[r.jsx("div",{className:"h-8 w-8 overflow-hidden rounded-full border border-white/40 shadow-xs dark:border-slate-500",children:r.jsx("img",{className:"h-full w-full rounded-full object-cover",src:n.photo||Re,alt:n.displayName||"user profile"})}),r.jsx("span",{className:"absolute -right-0.5 -bottom-0.5 h-2.5 w-2.5 rounded-full border-2 border-slate-900 bg-emerald-400",title:"Online"})]}),r.jsxs("div",{className:"min-w-0 flex-1 leading-tight",children:[r.jsx("div",{className:"truncate font-semibold text-white text-xs tracking-tight dark:text-slate-100",title:n.displayName,children:n.displayName}),r.jsx("div",{className:"mt-0.5 font-medium text-[10px] text-white/75 tracking-tight dark:text-slate-400",children:"Google Account"})]})]}),r.jsxs("div",{className:"grid grid-cols-2 gap-1.5 border-white/15 border-t pt-1.5 dark:border-slate-700/50",children:[r.jsxs(a,{className:"flex items-center justify-center gap-1 rounded-md border border-white/15 bg-white/10 px-2 py-1 font-medium text-[11px] text-white transition-all duration-150 hover:bg-white/25 active:scale-95 dark:border-slate-600/50 dark:bg-slate-700/50 dark:text-slate-200 dark:hover:bg-slate-600/80",to:"/",children:[r.jsx(Me,{size:11,className:"shrink-0 opacity-80"}),r.jsx("span",{className:"truncate",children:"プロフィール"})]}),r.jsxs(a,{className:"flex items-center justify-center gap-1 rounded-md border border-white/15 bg-white/10 px-2 py-1 font-medium text-[11px] text-white transition-all duration-150 hover:bg-white/25 active:scale-95 dark:border-slate-600/50 dark:bg-slate-700/50 dark:text-slate-200 dark:hover:bg-slate-600/80",to:"https://myaccount.google.com/",children:[r.jsx(Pe,{size:11,className:"shrink-0 opacity-80"}),r.jsx("span",{className:"truncate",children:"Google"})]})]})]}):r.jsx("div",{className:"aiquants-session-card flex items-center justify-between rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-xs dark:border-slate-700/60 dark:bg-slate-800/60",children:r.jsx("span",{className:"font-medium text-white/90 text-xs dark:text-slate-200",children:"ログインしてください"})})})},U="aiquants-menu-pin-change";let g={pinned:!1,width:0,active:!1};const X=(t=240)=>{if(typeof window>"u"||typeof document>"u")return{pinned:!1,width:0,active:!1};try{const n=getComputedStyle(document.documentElement).getPropertyValue("--aiquants-menu-pinned-width").trim();if(n){const d=Number.parseInt(n,10);if(!Number.isNaN(d)){const f=d>0,m=f?d||t:0,k=g.active??f;return g.pinned===f&&g.width===m&&g.active===k||(g={pinned:f,width:m,active:k}),g}}const s=localStorage.getItem("aiquants-menu-pinned")==="true",c=s?t:0,o=g.active??s;return g.pinned===s&&g.width===c&&g.active===o||(g={pinned:s,width:c,active:o}),g}catch{return{pinned:!1,width:0,active:!1}}},K=(t,n,a)=>{if(typeof window>"u")return;const s=a??t,c={pinned:t,width:n,active:s};(g.pinned!==t||g.width!==n||g.active!==s)&&(g=c);const o=new CustomEvent(U,{detail:c,bubbles:!0,cancelable:!1});window.dispatchEvent(o)},he=(t,n)=>{if(typeof window>"u")return()=>{};const{immediate:a=!0,defaultPinnedWidth:s=240}=n??{};if(a){const o=X(s);t(o)}const c=o=>{const d=o;d.detail&&t(d.detail)};return window.addEventListener(U,c,{passive:!0}),()=>{window.removeEventListener(U,c)}},Ae=t=>{const n=t?.defaultPinnedWidth??240,a=t?.initialPinned??!1,s=l.useCallback(d=>he(()=>{d()},{immediate:!1,defaultPinnedWidth:n}),[n]),c=l.useCallback(()=>X(n),[n]),o=l.useCallback(()=>({pinned:a,width:a?n:0}),[a,n]);return l.useSyncExternalStore(s,c,o)};const Ie=E("log-out",[["path",{d:"m16 17 5-5-5-5",key:"1bji2h"}],["path",{d:"M21 12H9",key:"dn1m92"}],["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}]]);const me=E("pin",[["path",{d:"M12 17v5",key:"bb1du9"}],["path",{d:"M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",key:"1nkz8b"}]]);const pe=E("pin-off",[["path",{d:"M12 17v5",key:"bb1du9"}],["path",{d:"M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89",key:"znwnzq"}],["path",{d:"m2 2 20 20",key:"1ooewy"}],["path",{d:"M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11",key:"c9qhm2"}]]);const Oe=E("chart-no-axes-column-increasing",[["path",{d:"M5 21v-6",key:"1hz6c0"}],["path",{d:"M12 21V9",key:"uvy0l4"}],["path",{d:"M19 21V3",key:"11j9sm"}]]);const Le=E("download",[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]]);const be=E("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]]);const De=E("link",[["path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",key:"1cjeqo"}],["path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",key:"19qd67"}]]);const ze=E("lock",[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]]);const Ye=E("table",[["path",{d:"M12 3v18",key:"108xh3"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M3 15h18",key:"5xshup"}]]),qe=typeof window<"u"?l.useLayoutEffect:l.useEffect,ve="aiquants-menu-scroll",xe=new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/),He={report:be,slip:be,table:Ye,chart:Oe,download:Le,lock:ze,href:De},Ve=({mark:t,children:n})=>{const a=t?He[t]:void 0;return a?r.jsxs("div",{className:"flex flex-nowrap items-center",children:[r.jsx(a,{className:"h-3.5 w-3.5 shrink-0"}),r.jsx("div",{className:"aiquants-menu-link mx-1 hover:underline",children:n})]}):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:n.subid,title:n.title,href:n.href,mark:n.mark,new:n.new}}:{menu:{id:t.id,title:t.title,href:t.href}},We=({item:t,parentMenu:n,isCurrent:a,onMenuSelected:s})=>{if(t.href==="separator")return r.jsx("hr",{className:"aiquants-menu-separator mx-2 my-1 h-px"});const c=r.jsx(Ve,{mark:t.mark,children:t.title}),o={"aria-current":a?"page":void 0,onClick:()=>{s&&s($(n,t))}};return t.new?r.jsx("a",{href:t.href,rel:"noopener noreferrer",target:"_blank",...o,children:c}):xe.test(t.href)?r.jsx("a",{href:t.href,...o,children:c}):r.jsx(Q.Link,{to:t.href,...o,children:c})},ge=t=>t?t.split(/[?#]/)[0].replace(/(?!^\/)\/$/,""):"",ke=(t,n,a)=>{const s=ge(t);return s===""?-1:s===a||n==="prefix"&&s!=="/"&&a.startsWith(`${s}/`)?s.length:-1},Fe=(t,n)=>{const a=ge(n);let s=null,c=-1;for(const o of t){const d=ke(o.href,o.match,a);if(d>c&&(s={menuId:o.id,subid:null},c=d),o.submenu)for(const f of o.submenu){const m=ke(f.href,f.match,a);m>c&&(s={menuId:o.id,subid:f.subid},c=m)}}return s},ee=(t,n,a)=>t!==null&&t.menuId===n&&t.subid===a,Ue=t=>{const{menuList:n,onMenuSelected:a,pinnedSubmenuIds:s=[],onToggleSubmenuPin:c}=t;let o="";try{o=Q.useLocation().pathname}catch{typeof window<"u"&&(o=window.location.pathname)}const d=l.useMemo(()=>Fe(n,o),[n,o]),f=d===null?null:d.menuId,[m,k]=l.useState(f),_=l.useRef(o),j=l.useRef(f!==null);l.useEffect(()=>{_.current!==o&&(_.current=o,j.current=!1),!j.current&&f!==null&&(k(f),j.current=!0)},[o,f]);const N=l.useCallback(u=>{s.includes(u)||k(C=>C===u?null:u)},[s]),S=l.useRef(null);qe(()=>{const u=S.current;if(u)try{const b=sessionStorage.getItem(ve);if(b!==null){const C=Number.parseFloat(b);Number.isNaN(C)||(u.scrollTop=C)}}catch{}},[]);const M=l.useCallback(()=>{const u=S.current;if(u)try{sessionStorage.setItem(ve,String(u.scrollTop))}catch{}},[]),I=l.useMemo(()=>r.jsx(r.Fragment,{children:n.map(u=>r.jsx("div",{children:u.href?r.jsx("div",{className:"aiquants-menu-list-item relative mb-0.5 ml-1 flex items-center rounded-l-xl px-2.5 py-1 text-xs before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] sm:text-sm",children:xe.test(u.href)?r.jsx("a",{href:u.href,"aria-current":ee(d,u.id,null)?"page":void 0,onClick:()=>{a&&a($(u))},children:r.jsx("span",{className:"aiquants-menu-link hover:underline",children:u.title})}):r.jsx(Q.Link,{to:u.href,"aria-current":ee(d,u.id,null)?"page":void 0,onClick:()=>{a&&a($(u))},children:r.jsx("span",{className:"aiquants-menu-link hover:underline",children:u.title})})}):r.jsxs("details",{className:"aiquants-menu-accordion-details",open:u.id===m||s.includes(u.id),children:[r.jsxs("summary",{className:"aiquants-menu-list-item aiquants-menu-accordion-summary relative mb-0.5 ml-1 list-none rounded-l-xl px-2.5 py-1 text-xs before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] focus-visible:outline-2 focus-visible:outline-current focus-visible:-outline-offset-2 sm:text-sm",onClick:b=>{b.preventDefault(),N(u.id)},onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),N(u.id))},children:[r.jsx("span",{children:u.title}),r.jsx("button",{type:"button","data-aqmb-submenu-pin-button":!0,onClick:b=>{b.stopPropagation(),b.preventDefault(),c&&c(u.id)},className:`aiquants-submenu-pin-button ${s.includes(u.id)?"pinned":""}`,title:s.includes(u.id)?"ピン留め解除":"ピン留め",children:s.includes(u.id)?r.jsx(me,{size:13}):r.jsx(pe,{size:13})})]}),r.jsx("div",{className:"aiquants-menu-submenu pointer-events-auto my-0.5 mr-1 ml-3.5 rounded-lg px-2 py-1 shadow-sm",children:u.submenu.map(b=>r.jsx("div",{className:"aiquants-menu-accordion-container block w-full whitespace-nowrap py-0.5 text-xs",children:r.jsx(We,{item:b,parentMenu:u,isCurrent:ee(d,u.id,b.subid),onMenuSelected:a})},b.subid))})]})},u.id))}),[n,a,m,N,s,d]);return r.jsx("div",{ref:S,onScroll:M,"data-aqmb-menu-list":!0,className:"hidden-scrollbar h-0 grow overflow-y-scroll",children:I})},Ge=t=>{const{menuList:n,menuHeader:a,open:s,onMenuSelected:c,onClickSignout:o,theme:d,toggleTheme:f,isPinned:m,onTogglePin:k,pinnedSubmenuIds:_,onToggleSubmenuPin:j,ref:N}=t;return r.jsxs("div",{ref:N,"data-aqmb-menu-content":!0,inert:!s,className:`aiquants-menu-content fixed top-0 right-0 z-2147483642 flex min-h-dvh w-[240px] select-none flex-col motion-safe:transition-transform motion-safe:duration-500 ${s?"aiquants-menu-translate-x-0":"aiquants-menu-translate-x-250"}`,children:[r.jsx("div",{className:"flex shrink-0 flex-col justify-center border-white/15 border-b px-2.5 py-2 dark:border-slate-700/60",children:a}),r.jsx("div",{className:"flex grow flex-col overflow-y-auto",children:r.jsx(Ue,{menuList:n,onMenuSelected:c,pinnedSubmenuIds:_,onToggleSubmenuPin:j})}),r.jsx("div",{className:"border-white/15 border-t px-2.5 py-1.5 dark:border-slate-700/60",children:r.jsxs("div",{className:"flex items-center justify-between gap-1.5",children:[r.jsx("button",{type:"button",onClick:k,"data-aqmb-pin-button":!0,className:`flex h-7 items-center justify-center rounded-md px-2 text-[11px] text-white shadow-2xs transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-300/60 ${m?"bg-amber-500 hover:bg-amber-600 dark:bg-amber-600 dark:hover:bg-amber-500":"border border-white/20 bg-white/10 hover:bg-white/20 dark:border-slate-600/60 dark:bg-slate-700/60 dark:hover:bg-slate-600"}`,title:m?"ピン留め解除":"ピン留め","aria-label":m?"ピン留め解除":"ピン留め",children:m?r.jsx(me,{size:12}):r.jsx(pe,{size:12})}),r.jsx("button",{type:"button",onClick:f,"data-aqmb-theme-button":!0,className:"group relative flex h-7 items-center justify-center rounded-md border border-white/20 bg-white/10 px-2 text-[11px] text-white shadow-2xs backdrop-blur-xs transition-all duration-200 hover:bg-white/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 dark:border-slate-600/60 dark:bg-slate-700/60 dark:hover:bg-slate-600",title:d==="dark"?"ライトモードに切り替え":"ダークモードに切り替え","aria-label":d==="dark"?"ライトモードに切り替え":"ダークモードに切り替え",children:r.jsx("span",{className:"text-xs transition-transform duration-200 group-hover:scale-110",children:d==="dark"?"🌞":"🌙"})}),r.jsxs("button",{type:"button","data-aqmb-signout-button":!0,className:"aiquants-signout-button flex h-7 flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md bg-red-500/90 px-2.5 font-medium text-[11px] text-white shadow-2xs transition-colors duration-200 hover:bg-red-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-300/60 dark:bg-red-600/90 dark:hover:bg-red-500",onClick:o,children:[r.jsx(Ie,{size:11,className:"shrink-0"}),r.jsx("span",{children:"サインアウト"})]})]})})]})},Ze=t=>{t.preventDefault()},Je=t=>{const{isOverlay:n,onOverlayClick:a}=t;return r.jsx("div",{"aria-hidden":"true","data-aqmb-menu-overlay":!0,inert:!n,className:`fixed inset-0 z-2147483640 bg-black/50 motion-safe:transition-opacity motion-safe:duration-500 ${n?"opacity-100":"pointer-events-none opacity-0"}`,onMouseDown:Ze,onClick:a})},Be=({isMenuOpen:t,onMenuOpen:n,onMenuClose:a,ref:s})=>r.jsxs("button",{ref:s,type:"button","data-aqmb-menu-switch":"true","aria-label":t?"Close menu":"Open menu","aria-expanded":t,className:"aiquants-menu-switch",onClick:t?a:n,children:[r.jsxs("span",{className:"aiquants-menu-switch-bars",children:[r.jsx("span",{className:"aiquants-menu-switch-bar"}),r.jsx("span",{className:"aiquants-menu-switch-bar"}),r.jsx("span",{className:"aiquants-menu-switch-bar"}),r.jsx("span",{className:"aiquants-menu-switch-bar"})]}),r.jsx("span",{className:"aiquants-menu-switch-caption","aria-hidden":"true",children:t?"close":"menu"})]}),te=typeof window<"u"?l.useLayoutEffect:l.useEffect,Qe=t=>{const{menuList:n,menuHeader:a,onClickSignout:s,isMenuhide:c,isMenuHide:o,theme:d,toggleTheme:f,onMenuNavigate:m,isPinned:k,pinnedWidth:_=240,onPinChange:j,pinnedSubmenuIds:N,initialPinnedSubmenuIds:S,onSubmenuPinChange:M,closeOnEscape:I="auto"}=t,u=o??c??!1,[b,C]=l.useState(()=>{try{return localStorage.getItem("aiquants-menu-pinned")==="true"}catch{return!1}}),w=k!==void 0?k:b,[P,O]=l.useState(w);l.useEffect(()=>{w&&O(!0)},[w]);const[q,ne]=l.useState(()=>{if(S)return S;try{const p=localStorage.getItem("aiquants-submenu-pinned");if(p){const e=JSON.parse(p);if(Array.isArray(e))return e.filter(i=>typeof i=="number")}}catch{}return[]}),re=N!==void 0?N:q,H=l.useCallback(p=>{const e=N!==void 0?N:q,i=e.includes(p)?e.filter(h=>h!==p):[...e,p];if(N===void 0){ne(i);try{localStorage.setItem("aiquants-submenu-pinned",JSON.stringify(i))}catch{}}M&&M(i)},[N,q,M]),V=l.useRef(j);te(()=>{V.current=j},[j]),te(()=>{const p=w?_:0,e=`${p}px`;document.documentElement.style.setProperty("--aiquants-menu-pinned-width",e),K(w,p,P||w)},[w,_,P]),te(()=>()=>{document.documentElement.style.setProperty("--aiquants-menu-pinned-width","0px"),K(!1,0)},[]);const G=l.useRef(null),L=l.useRef(null),T=l.useCallback(()=>{L.current?.contains(document.activeElement)&&G.current?.focus()},[]),ae=l.useCallback(()=>{O(!0)},[]),R=l.useCallback(()=>{if(T(),O(!1),k===void 0){C(!1);try{localStorage.removeItem("aiquants-menu-pinned")}catch{}}V.current?.(!1,0)},[k,T]),Z=l.useCallback(()=>{const p=!w,e=p?_:0;if(k===void 0){C(p);try{p?localStorage.setItem("aiquants-menu-pinned","true"):localStorage.removeItem("aiquants-menu-pinned")}catch{}}V.current?.(p,e)},[w,k,_]),J=l.useCallback(p=>{m&&m(p),w||(T(),O(!1))},[m,w,T]),A=l.useCallback(p=>{p.key==="Escape"&&R()},[R]),W=I===!0||I==="auto"&&!w;return l.useEffect(()=>(P&&W?window.addEventListener("keydown",A):window.removeEventListener("keydown",A),()=>{window.removeEventListener("keydown",A)}),[P,W,A]),u?null:r.jsxs("div",{className:`aiquants-menu-bar ${d}`,children:[r.jsx(Be,{ref:G,isMenuOpen:P,onMenuOpen:ae,onMenuClose:R}),r.jsx(Ge,{ref:L,menuList:n,menuHeader:a,onClickSignout:s,onMenuSelected:J,open:P,theme:d,toggleTheme:f,isPinned:w,onTogglePin:Z,pinnedSubmenuIds:re,onToggleSubmenuPin:H}),r.jsx(Je,{isOverlay:P&&!w,onOverlayClick:R})]})};y.DefaultLink=fe,y.MENU_PIN_CHANGE_EVENT=U,y.MenuBar=Qe,y.SessionInfo=Te,y.dispatchMenuPinChange=K,y.getInitialPinState=X,y.subscribeMenuPinChange=he,y.useMenuPinState=Ae,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,v,x,D,x),b[x+v]=!0)}if(x=null,h!==void 0&&(a(h),x=""+h),d(i)&&(a(i.key),x=""+i.key),"key"in i){h={};for(var oe in i)oe!=="key"&&(h[oe]=i[oe])}else h=i;return x&&f(h,typeof e=="function"?e.displayName||e.name||"Unknown":e),k(e,x,h,c(),B,se)}function j(e){N(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===H&&(e._payload.status==="fulfilled"?N(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function N(e){return typeof e=="object"&&e!==null&&e.$$typeof===M}var S=l,M=Symbol.for("react.transitional.element"),I=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),p=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),w=Symbol.for("react.consumer"),P=Symbol.for("react.context"),O=Symbol.for("react.forward_ref"),Y=Symbol.for("react.suspense"),ne=Symbol.for("react.suspense_list"),re=Symbol.for("react.memo"),H=Symbol.for("react.lazy"),V=Symbol.for("react.activity"),G=Symbol.for("react.client.reference"),L=S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,T=Object.prototype.hasOwnProperty,ae=Array.isArray,R=console.createTask?console.createTask:function(){return null};S={react_stack_bottom_frame:function(e){return e()}};var Z,J={},A=S.react_stack_bottom_frame.bind(S,o)(),W=R(s(o)),b={};q.Fragment=u,q.jsx=function(e,i,h){var v=1e4>L.recentlyCreatedOwnerStacks++;return _(e,i,h,!1,v?Error("react-stack-top-frame"):A,v?R(s(e)):W)},q.jsxs=function(e,i,h){var v=1e4>L.recentlyCreatedOwnerStacks++;return _(e,i,h,!0,v?Error("react-stack-top-frame"):A,v?R(s(e)):W)}})()),q}var ce;function Ne(){return ce||(ce=1,process.env.NODE_ENV==="production"?F.exports=we():F.exports=ye()),F.exports}var r=Ne();const _e=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),je=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(n,a,s)=>s?s.toUpperCase():a.toLowerCase()),ue=t=>{const n=je(t);return n.charAt(0).toUpperCase()+n.slice(1)},de=(...t)=>t.filter((n,a,s)=>!!n&&n.trim()!==""&&s.indexOf(n)===a).join(" ").trim(),Ee=t=>{for(const n in t)if(n.startsWith("aria-")||n==="role"||n==="title")return!0};var Se={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const Ce=l.forwardRef(({color:t="currentColor",size:n=24,strokeWidth:a=2,absoluteStrokeWidth:s,className:c="",children:o,iconNode:d,...f},m)=>l.createElement("svg",{ref:m,...Se,width:n,height:n,stroke:t,strokeWidth:s?Number(a)*24/Number(n):a,className:de("lucide",c),...!o&&!Ee(f)&&{"aria-hidden":"true"},...f},[...d.map(([k,_])=>l.createElement(k,_)),...Array.isArray(o)?o:[o]]));const E=(t,n)=>{const a=l.forwardRef(({className:s,...c},o)=>l.createElement(Ce,{ref:o,iconNode:n,className:de(`lucide-${_e(ue(t))}`,`lucide-${t}`,s),...c}));return a.displayName=ue(t),a};const Pe=E("external-link",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]]);const Me=E("user",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]),Re="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==",fe=({to:t,className:n,children:a})=>r.jsx("a",{href:t,className:n,children:a}),Te=t=>{const{user:n,LinkComponent:a=fe}=t;return r.jsx("div",{className:"w-full",children:n?r.jsxs("div",{"data-aqmb-session-card":!0,className:"aiquants-session-card group relative flex flex-col gap-2 rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-sm backdrop-blur-md transition-all duration-200 hover:border-white/30 hover:bg-white/15 dark:border-slate-700/60 dark:bg-slate-800/60 dark:hover:border-slate-600/80 dark:hover:bg-slate-800/90",children:[r.jsxs("div",{className:"flex min-w-0 items-center gap-2.5",children:[r.jsxs("div",{className:"relative shrink-0",children:[r.jsx("div",{className:"h-8 w-8 overflow-hidden rounded-full border border-white/40 shadow-xs dark:border-slate-500",children:r.jsx("img",{className:"h-full w-full rounded-full object-cover",src:n.photo||Re,alt:n.displayName||"user profile"})}),r.jsx("span",{className:"absolute -right-0.5 -bottom-0.5 h-2.5 w-2.5 rounded-full border-2 border-slate-900 bg-emerald-400",title:"Online"})]}),r.jsxs("div",{className:"min-w-0 flex-1 leading-tight",children:[r.jsx("div",{className:"truncate font-semibold text-white text-xs tracking-tight dark:text-slate-100",title:n.displayName,children:n.displayName}),r.jsx("div",{className:"mt-0.5 font-medium text-[10px] text-white/75 tracking-tight dark:text-slate-400",children:"Google Account"})]})]}),r.jsxs("div",{className:"grid grid-cols-2 gap-1.5 border-white/15 border-t pt-1.5 dark:border-slate-700/50",children:[r.jsxs(a,{className:"flex items-center justify-center gap-1 rounded-md border border-white/15 bg-white/10 px-2 py-1 font-medium text-[11px] text-white transition-all duration-150 hover:bg-white/25 active:scale-95 dark:border-slate-600/50 dark:bg-slate-700/50 dark:text-slate-200 dark:hover:bg-slate-600/80",to:"/",children:[r.jsx(Me,{size:11,className:"shrink-0 opacity-80"}),r.jsx("span",{className:"truncate",children:"プロフィール"})]}),r.jsxs(a,{className:"flex items-center justify-center gap-1 rounded-md border border-white/15 bg-white/10 px-2 py-1 font-medium text-[11px] text-white transition-all duration-150 hover:bg-white/25 active:scale-95 dark:border-slate-600/50 dark:bg-slate-700/50 dark:text-slate-200 dark:hover:bg-slate-600/80",to:"https://myaccount.google.com/",children:[r.jsx(Pe,{size:11,className:"shrink-0 opacity-80"}),r.jsx("span",{className:"truncate",children:"Google"})]})]})]}):r.jsx("div",{"data-aqmb-session-card":!0,className:"aiquants-session-card flex items-center justify-between rounded-xl border border-white/20 bg-white/10 p-2.5 shadow-xs dark:border-slate-700/60 dark:bg-slate-800/60",children:r.jsx("span",{className:"font-medium text-white/90 text-xs dark:text-slate-200",children:"ログインしてください"})})})},U="aiquants-menu-pin-change";let g={pinned:!1,width:0,active:!1};const X=(t=240)=>{if(typeof window>"u"||typeof document>"u")return{pinned:!1,width:0,active:!1};try{const n=getComputedStyle(document.documentElement).getPropertyValue("--aiquants-menu-pinned-width").trim();if(n){const d=Number.parseInt(n,10);if(!Number.isNaN(d)){const f=d>0,m=f?d||t:0,k=g.active??f;return g.pinned===f&&g.width===m&&g.active===k||(g={pinned:f,width:m,active:k}),g}}const s=localStorage.getItem("aiquants-menu-pinned")==="true",c=s?t:0,o=g.active??s;return g.pinned===s&&g.width===c&&g.active===o||(g={pinned:s,width:c,active:o}),g}catch{return{pinned:!1,width:0,active:!1}}},K=(t,n,a)=>{if(typeof window>"u")return;const s=a??t,c={pinned:t,width:n,active:s};(g.pinned!==t||g.width!==n||g.active!==s)&&(g=c);const o=new CustomEvent(U,{detail:c,bubbles:!0,cancelable:!1});window.dispatchEvent(o)},he=(t,n)=>{if(typeof window>"u")return()=>{};const{immediate:a=!0,defaultPinnedWidth:s=240}=n??{};if(a){const o=X(s);t(o)}const c=o=>{const d=o;d.detail&&t(d.detail)};return window.addEventListener(U,c,{passive:!0}),()=>{window.removeEventListener(U,c)}},Ae=t=>{const n=t?.defaultPinnedWidth??240,a=t?.initialPinned??!1,s=l.useCallback(d=>he(()=>{d()},{immediate:!1,defaultPinnedWidth:n}),[n]),c=l.useCallback(()=>X(n),[n]),o=l.useCallback(()=>({pinned:a,width:a?n:0}),[a,n]);return l.useSyncExternalStore(s,c,o)};const Ie=E("log-out",[["path",{d:"m16 17 5-5-5-5",key:"1bji2h"}],["path",{d:"M21 12H9",key:"dn1m92"}],["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}]]);const me=E("pin",[["path",{d:"M12 17v5",key:"bb1du9"}],["path",{d:"M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",key:"1nkz8b"}]]);const be=E("pin-off",[["path",{d:"M12 17v5",key:"bb1du9"}],["path",{d:"M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89",key:"znwnzq"}],["path",{d:"m2 2 20 20",key:"1ooewy"}],["path",{d:"M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11",key:"c9qhm2"}]]);const Oe=E("chart-no-axes-column-increasing",[["path",{d:"M5 21v-6",key:"1hz6c0"}],["path",{d:"M12 21V9",key:"uvy0l4"}],["path",{d:"M19 21V3",key:"11j9sm"}]]);const Le=E("download",[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]]);const pe=E("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]]);const De=E("link",[["path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",key:"1cjeqo"}],["path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",key:"19qd67"}]]);const ze=E("lock",[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]]);const qe=E("table",[["path",{d:"M12 3v18",key:"108xh3"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M3 15h18",key:"5xshup"}]]),Ye=typeof window<"u"?l.useLayoutEffect:l.useEffect,ve="aiquants-menu-scroll",xe=new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/),He={report:pe,slip:pe,table:qe,chart:Oe,download:Le,lock:ze,href:De},Ve=({mark:t,children:n})=>{const a=t?He[t]:void 0;return a?r.jsxs("div",{className:"flex flex-nowrap items-center",children:[r.jsx(a,{className:"h-3.5 w-3.5 shrink-0"}),r.jsx("div",{className:"aiquants-menu-link mx-1 hover:underline",children:n})]}):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:n.subid,title:n.title,href:n.href,mark:n.mark,new:n.new}}:{menu:{id:t.id,title:t.title,href:t.href}},We=({item:t,parentMenu:n,isCurrent:a,onMenuSelected:s})=>{if(t.href==="separator")return r.jsx("hr",{className:"aiquants-menu-separator mx-2 my-1 h-px"});const c=r.jsx(Ve,{mark:t.mark,children:t.title}),o={"aria-current":a?"page":void 0,onClick:()=>{s&&s($(n,t))}};return t.new?r.jsx("a",{href:t.href,rel:"noopener noreferrer",target:"_blank",...o,children:c}):xe.test(t.href)?r.jsx("a",{href:t.href,...o,children:c}):r.jsx(Q.Link,{to:t.href,...o,children:c})},ge=t=>t?t.split(/[?#]/)[0].replace(/(?!^\/)\/$/,""):"",ke=(t,n,a)=>{const s=ge(t);return s===""?-1:s===a||n==="prefix"&&s!=="/"&&a.startsWith(`${s}/`)?s.length:-1},Fe=(t,n)=>{const a=ge(n);let s=null,c=-1;for(const o of t){const d=ke(o.href,o.match,a);if(d>c&&(s={menuId:o.id,subid:null},c=d),o.submenu)for(const f of o.submenu){const m=ke(f.href,f.match,a);m>c&&(s={menuId:o.id,subid:f.subid},c=m)}}return s},ee=(t,n,a)=>t!==null&&t.menuId===n&&t.subid===a,Ue=t=>{const{menuList:n,onMenuSelected:a,pinnedSubmenuIds:s=[],onToggleSubmenuPin:c}=t;let o="";try{o=Q.useLocation().pathname}catch{typeof window<"u"&&(o=window.location.pathname)}const d=l.useMemo(()=>Fe(n,o),[n,o]),f=d===null?null:d.menuId,[m,k]=l.useState(f),_=l.useRef(o),j=l.useRef(f!==null);l.useEffect(()=>{_.current!==o&&(_.current=o,j.current=!1),!j.current&&f!==null&&(k(f),j.current=!0)},[o,f]);const N=l.useCallback(u=>{s.includes(u)||k(C=>C===u?null:u)},[s]),S=l.useRef(null);Ye(()=>{const u=S.current;if(u)try{const p=sessionStorage.getItem(ve);if(p!==null){const C=Number.parseFloat(p);Number.isNaN(C)||(u.scrollTop=C)}}catch{}},[]);const M=l.useCallback(()=>{const u=S.current;if(u)try{sessionStorage.setItem(ve,String(u.scrollTop))}catch{}},[]),I=l.useMemo(()=>r.jsx(r.Fragment,{children:n.map(u=>r.jsx("div",{children:u.href?r.jsx("div",{className:"aiquants-menu-list-item relative mb-0.5 ml-1 flex items-center rounded-l-xl px-2.5 py-1 text-xs before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] sm:text-sm",children:xe.test(u.href)?r.jsx("a",{href:u.href,"aria-current":ee(d,u.id,null)?"page":void 0,onClick:()=>{a&&a($(u))},children:r.jsx("span",{className:"aiquants-menu-link hover:underline",children:u.title})}):r.jsx(Q.Link,{to:u.href,"aria-current":ee(d,u.id,null)?"page":void 0,onClick:()=>{a&&a($(u))},children:r.jsx("span",{className:"aiquants-menu-link hover:underline",children:u.title})})}):r.jsxs("details",{className:"aiquants-menu-accordion-details",open:u.id===m||s.includes(u.id),children:[r.jsxs("summary",{className:"aiquants-menu-list-item aiquants-menu-accordion-summary relative mb-0.5 ml-1 list-none rounded-l-xl px-2.5 py-1 text-xs before:mr-2 before:inline-block before:h-2 before:w-2 before:shrink-0 before:rounded-full before:content-[''] focus-visible:outline-2 focus-visible:outline-current focus-visible:-outline-offset-2 sm:text-sm",onClick:p=>{p.preventDefault(),N(u.id)},onKeyDown:p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),N(u.id))},children:[r.jsx("span",{children:u.title}),r.jsx("button",{type:"button","data-aqmb-submenu-pin-button":!0,onClick:p=>{p.stopPropagation(),p.preventDefault(),c&&c(u.id)},className:`aiquants-submenu-pin-button ${s.includes(u.id)?"pinned":""}`,title:s.includes(u.id)?"ピン留め解除":"ピン留め",children:s.includes(u.id)?r.jsx(me,{size:13}):r.jsx(be,{size:13})})]}),r.jsx("div",{className:"aiquants-menu-submenu pointer-events-auto my-0.5 mr-1 ml-3.5 rounded-lg px-2 py-1 shadow-sm",children:u.submenu.map(p=>r.jsx("div",{className:"aiquants-menu-accordion-container block w-full whitespace-nowrap py-0.5 text-xs",children:r.jsx(We,{item:p,parentMenu:u,isCurrent:ee(d,u.id,p.subid),onMenuSelected:a})},p.subid))})]})},u.id))}),[n,a,m,N,s,d]);return r.jsx("div",{ref:S,onScroll:M,"data-aqmb-menu-list":!0,className:"hidden-scrollbar h-0 grow overflow-y-scroll",children:I})},Ge=t=>{const{menuList:n,menuHeader:a,open:s,onMenuSelected:c,onClickSignout:o,theme:d,toggleTheme:f,isPinned:m,onTogglePin:k,pinnedSubmenuIds:_,onToggleSubmenuPin:j,ref:N}=t;return r.jsxs("div",{ref:N,"data-aqmb-menu-content":!0,inert:!s,className:`aiquants-menu-content fixed top-0 right-0 z-2147483642 flex min-h-dvh w-[240px] select-none flex-col motion-safe:transition-transform motion-safe:duration-500 ${s?"aiquants-menu-translate-x-0":"aiquants-menu-translate-x-250"}`,children:[r.jsx("div",{className:"flex shrink-0 flex-col justify-center border-white/15 border-b px-2.5 py-2 dark:border-slate-700/60",children:a}),r.jsx("div",{className:"flex grow flex-col overflow-y-auto",children:r.jsx(Ue,{menuList:n,onMenuSelected:c,pinnedSubmenuIds:_,onToggleSubmenuPin:j})}),r.jsx("div",{className:"border-white/15 border-t px-2.5 py-1.5 dark:border-slate-700/60",children:r.jsxs("div",{className:"flex items-center justify-between gap-1.5",children:[r.jsx("button",{type:"button",onClick:k,"data-aqmb-pin-button":!0,className:`flex h-7 items-center justify-center rounded-md px-2 text-[11px] text-white shadow-2xs transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-300/60 ${m?"bg-amber-500 hover:bg-amber-600 dark:bg-amber-600 dark:hover:bg-amber-500":"border border-white/20 bg-white/10 hover:bg-white/20 dark:border-slate-600/60 dark:bg-slate-700/60 dark:hover:bg-slate-600"}`,title:m?"ピン留め解除":"ピン留め","aria-label":m?"ピン留め解除":"ピン留め",children:m?r.jsx(me,{size:12}):r.jsx(be,{size:12})}),r.jsx("button",{type:"button",onClick:f,"data-aqmb-theme-button":!0,className:"group relative flex h-7 items-center justify-center rounded-md border border-white/20 bg-white/10 px-2 text-[11px] text-white shadow-2xs backdrop-blur-xs transition-all duration-200 hover:bg-white/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 dark:border-slate-600/60 dark:bg-slate-700/60 dark:hover:bg-slate-600",title:d==="dark"?"ライトモードに切り替え":"ダークモードに切り替え","aria-label":d==="dark"?"ライトモードに切り替え":"ダークモードに切り替え",children:r.jsx("span",{className:"text-xs transition-transform duration-200 group-hover:scale-110",children:d==="dark"?"🌞":"🌙"})}),r.jsxs("button",{type:"button","data-aqmb-signout-button":!0,className:"aiquants-signout-button flex h-7 flex-1 items-center justify-center gap-1.5 whitespace-nowrap rounded-md bg-red-500/90 px-2.5 font-medium text-[11px] text-white shadow-2xs transition-colors duration-200 hover:bg-red-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-300/60 dark:bg-red-600/90 dark:hover:bg-red-500",onClick:o,children:[r.jsx(Ie,{size:11,className:"shrink-0"}),r.jsx("span",{children:"サインアウト"})]})]})})]})},Ze=t=>{t.preventDefault()},Je=t=>{const{isOverlay:n,onOverlayClick:a}=t;return r.jsx("div",{"aria-hidden":"true","data-aqmb-menu-overlay":!0,inert:!n,className:`fixed inset-0 z-2147483640 bg-black/50 motion-safe:transition-opacity motion-safe:duration-500 ${n?"opacity-100":"pointer-events-none opacity-0"}`,onMouseDown:Ze,onClick:a})},Be=({isMenuOpen:t,onMenuOpen:n,onMenuClose:a,ref:s})=>r.jsxs("button",{ref:s,type:"button","data-aqmb-menu-switch":"true","aria-label":t?"Close menu":"Open menu","aria-expanded":t,className:"aiquants-menu-switch",onClick:t?a:n,children:[r.jsxs("span",{className:"aiquants-menu-switch-bars",children:[r.jsx("span",{className:"aiquants-menu-switch-bar"}),r.jsx("span",{className:"aiquants-menu-switch-bar"}),r.jsx("span",{className:"aiquants-menu-switch-bar"}),r.jsx("span",{className:"aiquants-menu-switch-bar"})]}),r.jsx("span",{className:"aiquants-menu-switch-caption","aria-hidden":"true",children:t?"close":"menu"})]}),te=typeof window<"u"?l.useLayoutEffect:l.useEffect,Qe=t=>{const{menuList:n,menuHeader:a,onClickSignout:s,isMenuhide:c,isMenuHide:o,theme:d,toggleTheme:f,onMenuNavigate:m,isPinned:k,pinnedWidth:_=240,onPinChange:j,pinnedSubmenuIds:N,initialPinnedSubmenuIds:S,onSubmenuPinChange:M,closeOnEscape:I="auto"}=t,u=o??c??!1,[p,C]=l.useState(()=>{try{return localStorage.getItem("aiquants-menu-pinned")==="true"}catch{return!1}}),w=k!==void 0?k:p,[P,O]=l.useState(w);l.useEffect(()=>{w&&O(!0)},[w]);const[Y,ne]=l.useState(()=>{if(S)return S;try{const b=localStorage.getItem("aiquants-submenu-pinned");if(b){const e=JSON.parse(b);if(Array.isArray(e))return e.filter(i=>typeof i=="number")}}catch{}return[]}),re=N!==void 0?N:Y,H=l.useCallback(b=>{const e=N!==void 0?N:Y,i=e.includes(b)?e.filter(h=>h!==b):[...e,b];if(N===void 0){ne(i);try{localStorage.setItem("aiquants-submenu-pinned",JSON.stringify(i))}catch{}}M&&M(i)},[N,Y,M]),V=l.useRef(j);te(()=>{V.current=j},[j]),te(()=>{const b=w?_:0,e=`${b}px`;document.documentElement.style.setProperty("--aiquants-menu-pinned-width",e),K(w,b,P||w)},[w,_,P]),te(()=>()=>{document.documentElement.style.setProperty("--aiquants-menu-pinned-width","0px"),K(!1,0)},[]);const G=l.useRef(null),L=l.useRef(null),T=l.useCallback(()=>{L.current?.contains(document.activeElement)&&G.current?.focus()},[]),ae=l.useCallback(()=>{O(!0)},[]),R=l.useCallback(()=>{if(T(),O(!1),k===void 0){C(!1);try{localStorage.removeItem("aiquants-menu-pinned")}catch{}}V.current?.(!1,0)},[k,T]),Z=l.useCallback(()=>{const b=!w,e=b?_:0;if(k===void 0){C(b);try{b?localStorage.setItem("aiquants-menu-pinned","true"):localStorage.removeItem("aiquants-menu-pinned")}catch{}}V.current?.(b,e)},[w,k,_]),J=l.useCallback(b=>{m&&m(b),w||(T(),O(!1))},[m,w,T]),A=l.useCallback(b=>{b.key==="Escape"&&R()},[R]),W=I===!0||I==="auto"&&!w;return l.useEffect(()=>(P&&W?window.addEventListener("keydown",A):window.removeEventListener("keydown",A),()=>{window.removeEventListener("keydown",A)}),[P,W,A]),u?null:r.jsxs("div",{className:`aiquants-menu-bar ${d}`,children:[r.jsx(Be,{ref:G,isMenuOpen:P,onMenuOpen:ae,onMenuClose:R}),r.jsx(Ge,{ref:L,menuList:n,menuHeader:a,onClickSignout:s,onMenuSelected:J,open:P,theme:d,toggleTheme:f,isPinned:w,onTogglePin:Z,pinnedSubmenuIds:re,onToggleSubmenuPin:H}),r.jsx(Je,{isOverlay:P&&!w,onOverlayClick:R})]})};y.DefaultLink=fe,y.MENU_PIN_CHANGE_EVENT=U,y.MenuBar=Qe,y.SessionInfo=Te,y.dispatchMenuPinChange=K,y.getInitialPinState=X,y.subscribeMenuPinChange=he,y.useMenuPinState=Ae,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));

package/dist/styles/menu-bar.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
-@layer components{:root{--aiquants-menu-pinned-width:0px;--aqmb-switch-position:fixed;--aqmb-switch-top:6px;--aqmb-switch-right:8px;--aqmb-switch-left:auto;--aqmb-switch-bottom:auto;--aqmb-switch-z-index:2147480000;--aqmb-switch-size:27px;--aqmb-switch-caption-display:block}.aiquants-menu-bar{font-size:1rem;line-height:1.5;position:relative}.aiquants-menu-bar *{box-sizing:border-box}.aiquants-menu-bar a,.aiquants-menu-bar button{cursor:pointer;background:0 0;border:none;text-decoration:none}.aiquants-menu-bar.dark{color-scheme:dark}.aiquants-menu-bar.dark .aiquants-menu-content{background-color:#0f172a}.aiquants-menu-bar.light .aiquants-menu-content,.aiquants-menu-bar .aiquants-menu-content{background-color:#0369a1}.aiquants-menu-bar.dark .aiquants-signout-button{background-color:#334155}.aiquants-menu-bar.dark .aiquants-signout-button:hover{background-color:#475569}.aiquants-menu-bar.light .aiquants-signout-button,.aiquants-menu-bar .aiquants-signout-button{white-space:nowrap;background-color:#2563eb;min-width:0}.aiquants-menu-bar.light .aiquants-signout-button:hover,.aiquants-menu-bar .aiquants-signout-button:hover{background-color:#1e40af}.aiquants-menu-bar.dark .aiquants-menu-list-item{color:#d1d5db;background-color:#334155}.aiquants-menu-bar.dark .aiquants-menu-list-item:before{background-color:#94a3b8}.aiquants-menu-bar.dark .aiquants-menu-submenu{background-color:#1e293b}.aiquants-menu-bar.dark .aiquants-menu-link{color:#38bdf8}.aiquants-menu-bar.dark .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar.light .aiquants-menu-list-item,.aiquants-menu-bar .aiquants-menu-list-item{color:#4b5563;background-color:#bae6fd}.aiquants-menu-bar.light .aiquants-menu-list-item:before,.aiquants-menu-bar .aiquants-menu-list-item:before{background-color:#fff}.aiquants-menu-bar.light .aiquants-menu-submenu,.aiquants-menu-bar .aiquants-menu-submenu{background-color:#fafafa}.aiquants-menu-bar.light .aiquants-menu-link,.aiquants-menu-bar .aiquants-menu-link{color:#0284c7}.aiquants-menu-bar.light .aiquants-menu-separator,.aiquants-menu-bar .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar .aiquants-menu-separator{border-top:1px solid;height:0}.aiquants-menu-bar .aiquants-session-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.aiquants-menu-accordion-summary{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.aiquants-menu-accordion-summary::-webkit-details-marker{display:none}.aiquants-menu-accordion-summary span{text-align:left;flex-grow:1}.aiquants-submenu-pin-button{border-radius:.25rem;justify-content:center;align-items:center;padding:.15rem;transition:all .3s;display:inline-flex}.aiquants-menu-bar.light .aiquants-submenu-pin-button{color:#4b556366}.aiquants-menu-bar.light .aiquants-submenu-pin-button:hover{color:#4b5563cc;background-color:#4b55631a}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned{color:#d97706}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned:hover{color:#b45309;background-color:#d977061a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button{color:#fff6}.aiquants-menu-bar.dark .aiquants-submenu-pin-button:hover{color:#fffc;background-color:#ffffff1a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned{color:#f59e0b}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned:hover{color:#fbbf24;background-color:#f59e0b26}.aiquants-menu-accordion-container{contain:content;transition:block-size .5s}.aiquants-menu-translate-x-0{transform:translate(0)}.aiquants-menu-translate-x-250{transform:translate(250px)}.aiquants-menu-switch{--_aqmb-switch-bar:calc(var(--aqmb-switch-size,27px) / 9);position:var(--aqmb-switch-position,fixed);top:var(--aqmb-switch-top,6px);right:var(--aqmb-switch-right,8px);left:var(--aqmb-switch-left,auto);bottom:var(--aqmb-switch-bottom,auto);z-index:var(--aqmb-switch-z-index,2147480000);inline-size:var(--aqmb-switch-size,27px);block-size:var(--aqmb-switch-size,27px);vertical-align:middle;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:safe center;padding:0;display:inline-flex}.aiquants-menu-bar.dark .aiquants-menu-switch,.aiquants-menu-switch[aria-expanded=true]{color:#fff}.aiquants-menu-switch:focus-visible{outline-offset:2px;outline:2px solid}.aiquants-menu-switch-bars{block-size:calc(7 * var(--_aqmb-switch-bar));flex:none;position:relative}.aiquants-menu-switch-bar{inline-size:100%;block-size:var(--_aqmb-switch-bar);background-color:currentColor;position:absolute;top:0;left:0}.aiquants-menu-switch-bar:nth-child(2){top:calc(2 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(3){top:calc(4 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(4){top:calc(6 * var(--_aqmb-switch-bar))}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child,.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){inline-size:calc(var(--aqmb-switch-size,27px) * 32 / 27);block-size:calc(var(--aqmb-switch-size,27px) * 4 / 27)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child{transform:translateY(calc(3 * var(--_aqmb-switch-bar))) rotate(-45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){transform:translateY(calc(-3 * var(--_aqmb-switch-bar))) rotate(45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(2),.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(3){opacity:0}.aiquants-menu-switch-caption{display:var(--aqmb-switch-caption-display,block);flex:none;margin-block-start:calc(.5rem - 5 * var(--aqmb-switch-size,27px) / 18);margin-inline-start:-.125rem;font-size:.75rem;line-height:1rem}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-caption{margin-inline-start:.125rem}@media (prefers-reduced-motion:no-preference){.aiquants-menu-switch{transition:color .5s cubic-bezier(.4,0,.2,1)}.aiquants-menu-switch-bar{transition-property:inline-size,block-size,transform,opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}@media (forced-colors:active){.aiquants-menu-switch-bar{forced-color-adjust:none;background-color:buttontext}}}
+@layer components{:root{--aiquants-menu-pinned-width:0px;--aqmb-switch-position:fixed;--aqmb-switch-top:6px;--aqmb-switch-right:8px;--aqmb-switch-left:auto;--aqmb-switch-bottom:auto;--aqmb-switch-z-index:calc(infinity);--aqmb-switch-size:27px;--aqmb-switch-caption-display:block}.aiquants-menu-bar{font-size:1rem;line-height:1.5;position:relative}.aiquants-menu-bar *{box-sizing:border-box}.aiquants-menu-bar a,.aiquants-menu-bar button{cursor:pointer;background:0 0;border:none;text-decoration:none}.aiquants-menu-bar.dark{color-scheme:dark}.aiquants-menu-bar.dark .aiquants-menu-content{background-color:#0f172a}.aiquants-menu-bar.light .aiquants-menu-content,.aiquants-menu-bar .aiquants-menu-content{background-color:#0369a1}.aiquants-menu-bar.dark .aiquants-signout-button{background-color:#334155}.aiquants-menu-bar.dark .aiquants-signout-button:hover{background-color:#475569}.aiquants-menu-bar.light .aiquants-signout-button,.aiquants-menu-bar .aiquants-signout-button{white-space:nowrap;background-color:#2563eb;min-width:0}.aiquants-menu-bar.light .aiquants-signout-button:hover,.aiquants-menu-bar .aiquants-signout-button:hover{background-color:#1e40af}.aiquants-menu-bar.dark .aiquants-menu-list-item{color:#d1d5db;background-color:#334155}.aiquants-menu-bar.dark .aiquants-menu-list-item:before{background-color:#94a3b8}.aiquants-menu-bar.dark .aiquants-menu-submenu{background-color:#1e293b}.aiquants-menu-bar.dark .aiquants-menu-link{color:#38bdf8}.aiquants-menu-bar.dark .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar.light .aiquants-menu-list-item,.aiquants-menu-bar .aiquants-menu-list-item{color:#4b5563;background-color:#bae6fd}.aiquants-menu-bar.light .aiquants-menu-list-item:before,.aiquants-menu-bar .aiquants-menu-list-item:before{background-color:#fff}.aiquants-menu-bar.light .aiquants-menu-submenu,.aiquants-menu-bar .aiquants-menu-submenu{background-color:#fafafa}.aiquants-menu-bar.light .aiquants-menu-link,.aiquants-menu-bar .aiquants-menu-link{color:#0284c7}.aiquants-menu-bar.light .aiquants-menu-separator,.aiquants-menu-bar .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar .aiquants-menu-separator{border-top:1px solid;height:0}.aiquants-menu-bar .aiquants-session-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.aiquants-menu-accordion-summary{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.aiquants-menu-accordion-summary::-webkit-details-marker{display:none}.aiquants-menu-accordion-summary span{text-align:left;flex-grow:1}.aiquants-submenu-pin-button{border-radius:.25rem;justify-content:center;align-items:center;padding:.15rem;transition:all .3s;display:inline-flex}.aiquants-menu-bar.light .aiquants-submenu-pin-button{color:#4b556366}.aiquants-menu-bar.light .aiquants-submenu-pin-button:hover{color:#4b5563cc;background-color:#4b55631a}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned{color:#d97706}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned:hover{color:#b45309;background-color:#d977061a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button{color:#fff6}.aiquants-menu-bar.dark .aiquants-submenu-pin-button:hover{color:#fffc;background-color:#ffffff1a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned{color:#f59e0b}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned:hover{color:#fbbf24;background-color:#f59e0b26}.aiquants-menu-accordion-container{contain:content;transition:block-size .5s}.aiquants-menu-translate-x-0{transform:translate(0)}.aiquants-menu-translate-x-250{transform:translate(250px)}.aiquants-menu-switch{--_aqmb-switch-bar:calc(var(--aqmb-switch-size,27px) / 9);position:var(--aqmb-switch-position,fixed);top:var(--aqmb-switch-top,6px);right:var(--aqmb-switch-right,8px);left:var(--aqmb-switch-left,auto);bottom:var(--aqmb-switch-bottom,auto);z-index:var(--aqmb-switch-z-index,calc(infinity));inline-size:var(--aqmb-switch-size,27px);block-size:var(--aqmb-switch-size,27px);vertical-align:middle;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:safe center;padding:0;display:inline-flex}.aiquants-menu-bar.dark .aiquants-menu-switch,.aiquants-menu-switch[aria-expanded=true]{color:#fff}.aiquants-menu-switch:focus-visible{outline-offset:2px;outline:2px solid}.aiquants-menu-switch-bars{block-size:calc(7 * var(--_aqmb-switch-bar));flex:none;position:relative}.aiquants-menu-switch-bar{inline-size:100%;block-size:var(--_aqmb-switch-bar);background-color:currentColor;position:absolute;top:0;left:0}.aiquants-menu-switch-bar:nth-child(2){top:calc(2 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(3){top:calc(4 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(4){top:calc(6 * var(--_aqmb-switch-bar))}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child,.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){inline-size:calc(var(--aqmb-switch-size,27px) * 32 / 27);block-size:calc(var(--aqmb-switch-size,27px) * 4 / 27)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child{transform:translateY(calc(3 * var(--_aqmb-switch-bar))) rotate(-45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){transform:translateY(calc(-3 * var(--_aqmb-switch-bar))) rotate(45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(2),.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(3){opacity:0}.aiquants-menu-switch-caption{display:var(--aqmb-switch-caption-display,block);flex:none;margin-block-start:calc(.5rem - 5 * var(--aqmb-switch-size,27px) / 18);margin-inline-start:-.125rem;font-size:.75rem;line-height:1rem}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-caption{margin-inline-start:.125rem}@media (prefers-reduced-motion:no-preference){.aiquants-menu-switch{transition:color .5s cubic-bezier(.4,0,.2,1)}.aiquants-menu-switch-bar{transition-property:inline-size,block-size,transform,opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}@media (forced-colors:active){.aiquants-menu-switch-bar{forced-color-adjust:none;background-color:buttontext}}}

package/dist/styles/menu-bar.standalone.css

@@ -1,3 +1,3 @@
 /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 /*! @aiquants/menu-bar standalone CSS — 非 Tailwind ホスト専用。ホストの Tailwind ビルドと混在させないこと (同名ユーティリティ重複でカスケード反転が起きる) */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-outline-style:solid}}}@layer theme{:root,:host{--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-emerald-400:oklch(76.5% .177 163.223);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-600:oklch(58.8% .158 241.966);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--blur-xs:4px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base;@layer components{:root{--aiquants-menu-pinned-width:0px;--aqmb-switch-position:fixed;--aqmb-switch-top:6px;--aqmb-switch-right:8px;--aqmb-switch-left:auto;--aqmb-switch-bottom:auto;--aqmb-switch-z-index:2147480000;--aqmb-switch-size:27px;--aqmb-switch-caption-display:block}.aiquants-menu-bar{font-size:1rem;line-height:1.5;position:relative}.aiquants-menu-bar *{box-sizing:border-box}.aiquants-menu-bar a,.aiquants-menu-bar button{cursor:pointer;background:0 0;border:none;text-decoration:none}.aiquants-menu-bar.dark{color-scheme:dark}.aiquants-menu-bar.dark .aiquants-menu-content{background-color:#0f172a}.aiquants-menu-bar.light .aiquants-menu-content,.aiquants-menu-bar .aiquants-menu-content{background-color:#0369a1}.aiquants-menu-bar.dark .aiquants-signout-button{background-color:#334155}.aiquants-menu-bar.dark .aiquants-signout-button:hover{background-color:#475569}.aiquants-menu-bar.light .aiquants-signout-button,.aiquants-menu-bar .aiquants-signout-button{white-space:nowrap;background-color:#2563eb;min-width:0}.aiquants-menu-bar.light .aiquants-signout-button:hover,.aiquants-menu-bar .aiquants-signout-button:hover{background-color:#1e40af}.aiquants-menu-bar.dark .aiquants-menu-list-item{color:#d1d5db;background-color:#334155}.aiquants-menu-bar.dark .aiquants-menu-list-item:before{background-color:#94a3b8}.aiquants-menu-bar.dark .aiquants-menu-submenu{background-color:#1e293b}.aiquants-menu-bar.dark .aiquants-menu-link{color:#38bdf8}.aiquants-menu-bar.dark .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar.light .aiquants-menu-list-item,.aiquants-menu-bar .aiquants-menu-list-item{color:#4b5563;background-color:#bae6fd}.aiquants-menu-bar.light .aiquants-menu-list-item:before,.aiquants-menu-bar .aiquants-menu-list-item:before{background-color:#fff}.aiquants-menu-bar.light .aiquants-menu-submenu,.aiquants-menu-bar .aiquants-menu-submenu{background-color:#fafafa}.aiquants-menu-bar.light .aiquants-menu-link,.aiquants-menu-bar .aiquants-menu-link{color:#0284c7}.aiquants-menu-bar.light .aiquants-menu-separator,.aiquants-menu-bar .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar .aiquants-menu-separator{border-top:1px solid;height:0}.aiquants-menu-bar .aiquants-session-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.aiquants-menu-accordion-summary{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.aiquants-menu-accordion-summary::-webkit-details-marker{display:none}.aiquants-menu-accordion-summary span{text-align:left;flex-grow:1}.aiquants-submenu-pin-button{border-radius:.25rem;justify-content:center;align-items:center;padding:.15rem;transition:all .3s;display:inline-flex}.aiquants-menu-bar.light .aiquants-submenu-pin-button{color:#4b556366}.aiquants-menu-bar.light .aiquants-submenu-pin-button:hover{color:#4b5563cc;background-color:#4b55631a}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned{color:#d97706}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned:hover{color:#b45309;background-color:#d977061a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button{color:#fff6}.aiquants-menu-bar.dark .aiquants-submenu-pin-button:hover{color:#fffc;background-color:#ffffff1a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned{color:#f59e0b}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned:hover{color:#fbbf24;background-color:#f59e0b26}.aiquants-menu-accordion-container{contain:content;transition:block-size .5s}.aiquants-menu-translate-x-0{transform:translate(0)}.aiquants-menu-translate-x-250{transform:translate(250px)}.aiquants-menu-switch{--_aqmb-switch-bar:calc(var(--aqmb-switch-size,27px) / 9);position:var(--aqmb-switch-position,fixed);top:var(--aqmb-switch-top,6px);right:var(--aqmb-switch-right,8px);left:var(--aqmb-switch-left,auto);bottom:var(--aqmb-switch-bottom,auto);z-index:var(--aqmb-switch-z-index,2147480000);inline-size:var(--aqmb-switch-size,27px);block-size:var(--aqmb-switch-size,27px);vertical-align:middle;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:safe center;padding:0;display:inline-flex}.aiquants-menu-bar.dark .aiquants-menu-switch,.aiquants-menu-switch[aria-expanded=true]{color:#fff}.aiquants-menu-switch:focus-visible{outline-offset:2px;outline:2px solid}.aiquants-menu-switch-bars{block-size:calc(7 * var(--_aqmb-switch-bar));flex:none;position:relative}.aiquants-menu-switch-bar{inline-size:100%;block-size:var(--_aqmb-switch-bar);background-color:currentColor;position:absolute;top:0;left:0}.aiquants-menu-switch-bar:nth-child(2){top:calc(2 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(3){top:calc(4 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(4){top:calc(6 * var(--_aqmb-switch-bar))}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child,.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){inline-size:calc(var(--aqmb-switch-size,27px) * 32 / 27);block-size:calc(var(--aqmb-switch-size,27px) * 4 / 27)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child{transform:translateY(calc(3 * var(--_aqmb-switch-bar))) rotate(-45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){transform:translateY(calc(-3 * var(--_aqmb-switch-bar))) rotate(45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(2),.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(3){opacity:0}.aiquants-menu-switch-caption{display:var(--aqmb-switch-caption-display,block);flex:none;margin-block-start:calc(.5rem - 5 * var(--aqmb-switch-size,27px) / 18);margin-inline-start:-.125rem;font-size:.75rem;line-height:1rem}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-caption{margin-inline-start:.125rem}@media (prefers-reduced-motion:no-preference){.aiquants-menu-switch{transition:color .5s cubic-bezier(.4,0,.2,1)}.aiquants-menu-switch-bar{transition-property:inline-size,block-size,transform,opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}@media (forced-colors:active){.aiquants-menu-switch-bar{forced-color-adjust:none;background-color:buttontext}}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:calc(var(--spacing) * 0)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.z-2147483640{z-index:2147483640}.z-2147483642{z-index:2147483642}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-3\.5{margin-left:calc(var(--spacing) * 3.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-0{height:calc(var(--spacing) * 0)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.h-px{height:1px}.min-h-dvh{min-height:100dvh}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-8{width:calc(var(--spacing) * 8)}.w-\[240px\]{width:240px}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-slate-900{border-color:var(--color-slate-900)}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-red-500\/90{background-color:#fb2c36e6}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/90{background-color:color-mix(in oklab, var(--color-red-500) 90%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.object-cover{object-fit:cover}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-sky-600{color:var(--color-sky-600)}.text-white{color:var(--color-white)}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.opacity-0{opacity:0}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.before\:mr-2:before{content:var(--tw-content);margin-right:calc(var(--spacing) * 2)}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-2:before{content:var(--tw-content);height:calc(var(--spacing) * 2)}.before\:w-2:before{content:var(--tw-content);width:calc(var(--spacing) * 2)}.before\:shrink-0:before{content:var(--tw-content);flex-shrink:0}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-white\/25:hover{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/25:hover{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-amber-300\/60:focus-visible{--tw-ring-color:#ffd23699}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-amber-300\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-amber-300) 60%, transparent)}}.focus-visible\:ring-red-300\/60:focus-visible{--tw-ring-color:#ffa3a399}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-red-300\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-red-300) 60%, transparent)}}.focus-visible\:ring-white\/40:focus-visible{--tw-ring-color:#fff6}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-white\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.focus-visible\:outline-current:focus-visible{outline-color:currentColor}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (prefers-reduced-motion:no-preference){.motion-safe\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:duration-500{--tw-duration:.5s;transition-duration:.5s}}@media (min-width:40rem){.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\:border-slate-500:where(.dark,.dark *){border-color:var(--color-slate-500)}.dark\:border-slate-600\/50:where(.dark,.dark *){border-color:#45556c80}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-600\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-600) 50%, transparent)}}.dark\:border-slate-600\/60:where(.dark,.dark *){border-color:#45556c99}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-600\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-600) 60%, transparent)}}.dark\:border-slate-700\/50:where(.dark,.dark *){border-color:#31415880}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.dark\:border-slate-700\/60:where(.dark,.dark *){border-color:#31415899}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.dark\:bg-amber-600:where(.dark,.dark *){background-color:var(--color-amber-600)}.dark\:bg-red-600\/90:where(.dark,.dark *){background-color:#e40014e6}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-600\/90:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-600) 90%, transparent)}}.dark\:bg-slate-700\/50:where(.dark,.dark *){background-color:#31415880}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-700\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.dark\:bg-slate-700\/60:where(.dark,.dark *){background-color:#31415899}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-700\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.dark\:bg-slate-800\/60:where(.dark,.dark *){background-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.dark\:text-sky-400:where(.dark,.dark *){color:var(--color-sky-400)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}@media (hover:hover){.dark\:hover\:border-slate-600\/80:where(.dark,.dark *):hover{border-color:#45556ccc}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-slate-600\/80:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-slate-600) 80%, transparent)}}.dark\:hover\:bg-amber-500:where(.dark,.dark *):hover{background-color:var(--color-amber-500)}.dark\:hover\:bg-red-500:where(.dark,.dark *):hover{background-color:var(--color-red-500)}.dark\:hover\:bg-slate-600:where(.dark,.dark *):hover{background-color:var(--color-slate-600)}.dark\:hover\:bg-slate-600\/80:where(.dark,.dark *):hover{background-color:#45556ccc}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-600\/80:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-600) 80%, transparent)}}.dark\:hover\:bg-slate-800\/90:where(.dark,.dark *):hover{background-color:#1d293de6}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-800\/90:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-800) 90%, transparent)}}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-content:"";--tw-outline-style:solid}}}@layer theme{:root,:host{--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-emerald-400:oklch(76.5% .177 163.223);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-600:oklch(58.8% .158 241.966);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--blur-xs:4px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base;@layer components{:root{--aiquants-menu-pinned-width:0px;--aqmb-switch-position:fixed;--aqmb-switch-top:6px;--aqmb-switch-right:8px;--aqmb-switch-left:auto;--aqmb-switch-bottom:auto;--aqmb-switch-z-index:calc(infinity);--aqmb-switch-size:27px;--aqmb-switch-caption-display:block}.aiquants-menu-bar{font-size:1rem;line-height:1.5;position:relative}.aiquants-menu-bar *{box-sizing:border-box}.aiquants-menu-bar a,.aiquants-menu-bar button{cursor:pointer;background:0 0;border:none;text-decoration:none}.aiquants-menu-bar.dark{color-scheme:dark}.aiquants-menu-bar.dark .aiquants-menu-content{background-color:#0f172a}.aiquants-menu-bar.light .aiquants-menu-content,.aiquants-menu-bar .aiquants-menu-content{background-color:#0369a1}.aiquants-menu-bar.dark .aiquants-signout-button{background-color:#334155}.aiquants-menu-bar.dark .aiquants-signout-button:hover{background-color:#475569}.aiquants-menu-bar.light .aiquants-signout-button,.aiquants-menu-bar .aiquants-signout-button{white-space:nowrap;background-color:#2563eb;min-width:0}.aiquants-menu-bar.light .aiquants-signout-button:hover,.aiquants-menu-bar .aiquants-signout-button:hover{background-color:#1e40af}.aiquants-menu-bar.dark .aiquants-menu-list-item{color:#d1d5db;background-color:#334155}.aiquants-menu-bar.dark .aiquants-menu-list-item:before{background-color:#94a3b8}.aiquants-menu-bar.dark .aiquants-menu-submenu{background-color:#1e293b}.aiquants-menu-bar.dark .aiquants-menu-link{color:#38bdf8}.aiquants-menu-bar.dark .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar.light .aiquants-menu-list-item,.aiquants-menu-bar .aiquants-menu-list-item{color:#4b5563;background-color:#bae6fd}.aiquants-menu-bar.light .aiquants-menu-list-item:before,.aiquants-menu-bar .aiquants-menu-list-item:before{background-color:#fff}.aiquants-menu-bar.light .aiquants-menu-submenu,.aiquants-menu-bar .aiquants-menu-submenu{background-color:#fafafa}.aiquants-menu-bar.light .aiquants-menu-link,.aiquants-menu-bar .aiquants-menu-link{color:#0284c7}.aiquants-menu-bar.light .aiquants-menu-separator,.aiquants-menu-bar .aiquants-menu-separator{border-color:#4b5563}.aiquants-menu-bar .aiquants-menu-separator{border-top:1px solid;height:0}.aiquants-menu-bar .aiquants-session-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.aiquants-menu-accordion-summary{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.aiquants-menu-accordion-summary::-webkit-details-marker{display:none}.aiquants-menu-accordion-summary span{text-align:left;flex-grow:1}.aiquants-submenu-pin-button{border-radius:.25rem;justify-content:center;align-items:center;padding:.15rem;transition:all .3s;display:inline-flex}.aiquants-menu-bar.light .aiquants-submenu-pin-button{color:#4b556366}.aiquants-menu-bar.light .aiquants-submenu-pin-button:hover{color:#4b5563cc;background-color:#4b55631a}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned{color:#d97706}.aiquants-menu-bar.light .aiquants-submenu-pin-button.pinned:hover{color:#b45309;background-color:#d977061a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button{color:#fff6}.aiquants-menu-bar.dark .aiquants-submenu-pin-button:hover{color:#fffc;background-color:#ffffff1a}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned{color:#f59e0b}.aiquants-menu-bar.dark .aiquants-submenu-pin-button.pinned:hover{color:#fbbf24;background-color:#f59e0b26}.aiquants-menu-accordion-container{contain:content;transition:block-size .5s}.aiquants-menu-translate-x-0{transform:translate(0)}.aiquants-menu-translate-x-250{transform:translate(250px)}.aiquants-menu-switch{--_aqmb-switch-bar:calc(var(--aqmb-switch-size,27px) / 9);position:var(--aqmb-switch-position,fixed);top:var(--aqmb-switch-top,6px);right:var(--aqmb-switch-right,8px);left:var(--aqmb-switch-left,auto);bottom:var(--aqmb-switch-bottom,auto);z-index:var(--aqmb-switch-z-index,calc(infinity));inline-size:var(--aqmb-switch-size,27px);block-size:var(--aqmb-switch-size,27px);vertical-align:middle;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:safe center;padding:0;display:inline-flex}.aiquants-menu-bar.dark .aiquants-menu-switch,.aiquants-menu-switch[aria-expanded=true]{color:#fff}.aiquants-menu-switch:focus-visible{outline-offset:2px;outline:2px solid}.aiquants-menu-switch-bars{block-size:calc(7 * var(--_aqmb-switch-bar));flex:none;position:relative}.aiquants-menu-switch-bar{inline-size:100%;block-size:var(--_aqmb-switch-bar);background-color:currentColor;position:absolute;top:0;left:0}.aiquants-menu-switch-bar:nth-child(2){top:calc(2 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(3){top:calc(4 * var(--_aqmb-switch-bar))}.aiquants-menu-switch-bar:nth-child(4){top:calc(6 * var(--_aqmb-switch-bar))}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child,.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){inline-size:calc(var(--aqmb-switch-size,27px) * 32 / 27);block-size:calc(var(--aqmb-switch-size,27px) * 4 / 27)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:first-child{transform:translateY(calc(3 * var(--_aqmb-switch-bar))) rotate(-45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(4){transform:translateY(calc(-3 * var(--_aqmb-switch-bar))) rotate(45deg)}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(2),.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-bar:nth-child(3){opacity:0}.aiquants-menu-switch-caption{display:var(--aqmb-switch-caption-display,block);flex:none;margin-block-start:calc(.5rem - 5 * var(--aqmb-switch-size,27px) / 18);margin-inline-start:-.125rem;font-size:.75rem;line-height:1rem}.aiquants-menu-switch[aria-expanded=true] .aiquants-menu-switch-caption{margin-inline-start:.125rem}@media (prefers-reduced-motion:no-preference){.aiquants-menu-switch{transition:color .5s cubic-bezier(.4,0,.2,1)}.aiquants-menu-switch-bar{transition-property:inline-size,block-size,transform,opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}@media (forced-colors:active){.aiquants-menu-switch-bar{forced-color-adjust:none;background-color:buttontext}}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:calc(var(--spacing) * 0)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.z-2147483640{z-index:2147483640}.z-2147483642{z-index:2147483642}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-3\.5{margin-left:calc(var(--spacing) * 3.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-0{height:calc(var(--spacing) * 0)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.h-px{height:1px}.min-h-dvh{min-height:100dvh}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-8{width:calc(var(--spacing) * 8)}.w-\[240px\]{width:240px}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-slate-900{border-color:var(--color-slate-900)}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-red-500\/90{background-color:#fb2c36e6}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/90{background-color:color-mix(in oklab, var(--color-red-500) 90%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.object-cover{object-fit:cover}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-sky-600{color:var(--color-sky-600)}.text-white{color:var(--color-white)}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.opacity-0{opacity:0}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.before\:mr-2:before{content:var(--tw-content);margin-right:calc(var(--spacing) * 2)}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-2:before{content:var(--tw-content);height:calc(var(--spacing) * 2)}.before\:w-2:before{content:var(--tw-content);width:calc(var(--spacing) * 2)}.before\:shrink-0:before{content:var(--tw-content);flex-shrink:0}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-white\/25:hover{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/25:hover{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-amber-300\/60:focus-visible{--tw-ring-color:#ffd23699}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-amber-300\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-amber-300) 60%, transparent)}}.focus-visible\:ring-red-300\/60:focus-visible{--tw-ring-color:#ffa3a399}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-red-300\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-red-300) 60%, transparent)}}.focus-visible\:ring-white\/40:focus-visible{--tw-ring-color:#fff6}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-white\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.focus-visible\:outline-current:focus-visible{outline-color:currentColor}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (prefers-reduced-motion:no-preference){.motion-safe\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:duration-500{--tw-duration:.5s;transition-duration:.5s}}@media (min-width:40rem){.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\:border-slate-500:where(.dark,.dark *){border-color:var(--color-slate-500)}.dark\:border-slate-600\/50:where(.dark,.dark *){border-color:#45556c80}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-600\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-600) 50%, transparent)}}.dark\:border-slate-600\/60:where(.dark,.dark *){border-color:#45556c99}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-600\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-600) 60%, transparent)}}.dark\:border-slate-700\/50:where(.dark,.dark *){border-color:#31415880}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.dark\:border-slate-700\/60:where(.dark,.dark *){border-color:#31415899}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.dark\:bg-amber-600:where(.dark,.dark *){background-color:var(--color-amber-600)}.dark\:bg-red-600\/90:where(.dark,.dark *){background-color:#e40014e6}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-600\/90:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-600) 90%, transparent)}}.dark\:bg-slate-700\/50:where(.dark,.dark *){background-color:#31415880}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-700\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.dark\:bg-slate-700\/60:where(.dark,.dark *){background-color:#31415899}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-700\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.dark\:bg-slate-800\/60:where(.dark,.dark *){background-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.dark\:text-sky-400:where(.dark,.dark *){color:var(--color-sky-400)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}@media (hover:hover){.dark\:hover\:border-slate-600\/80:where(.dark,.dark *):hover{border-color:#45556ccc}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-slate-600\/80:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-slate-600) 80%, transparent)}}.dark\:hover\:bg-amber-500:where(.dark,.dark *):hover{background-color:var(--color-amber-500)}.dark\:hover\:bg-red-500:where(.dark,.dark *):hover{background-color:var(--color-red-500)}.dark\:hover\:bg-slate-600:where(.dark,.dark *):hover{background-color:var(--color-slate-600)}.dark\:hover\:bg-slate-600\/80:where(.dark,.dark *):hover{background-color:#45556ccc}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-600\/80:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-600) 80%, transparent)}}.dark\:hover\:bg-slate-800\/90:where(.dark,.dark *):hover{background-color:#1d293de6}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-800\/90:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-800) 90%, transparent)}}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}

package/package.json

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