@mcp-use/inspector 12.0.4-canary.0 → 20.0.0-beta.0

package/dist/server/proxy/mcp-proxy.d.ts

@@ -0,0 +1,99 @@
+/**
+ * MCP Proxy Middleware for Hono
+ *
+ * Provides a CORS proxy for browser-based MCP clients to connect to remote MCP servers
+ * that don't support CORS or require server-side forwarding.
+ *
+ * @module mcp-proxy
+ */
+import type { Context, Hono } from "hono";
+/**
+ * Options for configuring the MCP proxy middleware
+ */
+interface McpProxyOptions {
+    /**
+     * Route path for the proxy endpoint
+     * @default "/mcp/proxy"
+     * @example "/inspector/api/proxy"
+     */
+    path?: string;
+    /**
+     * Optional authentication function to validate requests
+     * Return true to allow the request, false to reject with 401
+     *
+     * @example
+     * ```typescript
+     * authenticate: async (c) => {
+     *   const apiKey = c.req.header("X-API-Key");
+     *   return apiKey === process.env.API_KEY;
+     * }
+     * ```
+     */
+    authenticate?: (c: Context) => Promise<boolean> | boolean;
+    /**
+     * Optional request validator to check if target URL is allowed
+     * Return true to allow, false to reject with 403
+     *
+     * @example
+     * ```typescript
+     * validateRequest: (targetUrl) => {
+     *   // Only allow specific domains
+     *   return targetUrl.startsWith("https://api.example.com");
+     * }
+     * ```
+     */
+    validateRequest?: (targetUrl: string, c: Context) => Promise<boolean> | boolean;
+    /** Permit loopback HTTP targets for explicit local development. */
+    allowLoopback?: boolean;
+    /**
+     * Enable request logging
+     * @default true
+     */
+    enableLogging?: boolean;
+}
+/**
+ * Mount MCP proxy middleware on a Hono app
+ *
+ * This middleware proxies MCP requests to target servers based on the X-Target-URL header.
+ * It handles CORS, streaming responses (SSE), and provides optional authentication.
+ *
+ * The proxy:
+ * 1. Reads the target URL from the X-Target-URL header
+ * 2. Forwards the request to that URL with appropriate headers
+ * 3. Streams the response back to the client
+ * 4. Handles compression and encoding correctly
+ *
+ * @param app - Hono application instance
+ * @param options - Configuration options for the proxy
+ *
+ * @example
+ * ```typescript
+ * import { Hono } from "hono";
+ * import { mountMcpProxy } from "mcp-use";
+ *
+ * const app = new Hono();
+ *
+ * // Basic usage
+ * mountMcpProxy(app);
+ *
+ * // With authentication
+ * mountMcpProxy(app, {
+ *   path: "/api/proxy",
+ *   authenticate: async (c) => {
+ *     const token = c.req.header("Authorization");
+ *     return token === `Bearer ${process.env.SECRET_TOKEN}`;
+ *   },
+ *   validateRequest: (targetUrl) => {
+ *     // Only allow specific domains
+ *     return targetUrl.startsWith("https://mcp.example.com");
+ *   }
+ * });
+ * ```
+ *
+ * @remarks
+ * WARNING: This proxy does not implement authentication by default.
+ * For production use, provide an `authenticate` function or restrict access to localhost only.
+ */
+export declare function mountMcpProxy(app: Hono, options?: McpProxyOptions): void;
+export {};
+//# sourceMappingURL=mcp-proxy.d.ts.map

package/dist/server/proxy/mcp-proxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-proxy.d.ts","sourceRoot":"","sources":["../../../src/server/proxy/mcp-proxy.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAM1C;;GAEG;AACH,UAAU,eAAe;IACvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IAE1D;;;;;;;;;;;OAWG;IACH,eAAe,CAAC,EAAE,CAChB,SAAS,EAAE,MAAM,EACjB,CAAC,EAAE,OAAO,KACP,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IAEhC,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,GAAE,eAAoB,GAAG,IAAI,CAuR5E"}

package/dist/server/proxy/mcp-proxy.js

@@ -0,0 +1,8 @@
+import {
+  mountMcpProxy
+} from "../chunk-6XWDZEFF.js";
+import "../chunk-K2F2AJOI.js";
+import "../chunk-PKBMQBKP.js";
+export {
+  mountMcpProxy
+};

package/dist/server/proxy/oauth-proxy.d.ts

@@ -0,0 +1,26 @@
+import type { Context, Hono } from "hono";
+interface OAuthProxyOptions {
+    /** @default "/oauth" */
+    basePath?: string;
+    /** Cross-origin browser origins allowed to call the BFF. Same-origin calls are always allowed. */
+    allowedOrigins?: readonly string[];
+    /** Permit HTTP(S) loopback MCP/OAuth targets. Intended only for explicit local development. */
+    allowLoopback?: boolean;
+    /** @default 10000 */
+    timeoutMs?: number;
+    /** @default 65536 */
+    maxRequestBodyBytes?: number;
+    /** @default 1048576 */
+    maxResponseBodyBytes?: number;
+    /** @default true */
+    enableLogging?: boolean;
+    /** Optional authentication applied before any outbound request. */
+    authenticate?: (c: Context) => Promise<boolean> | boolean;
+    /** Optional deployment policy applied after built-in URL and network checks. */
+    validateServerUrl?: (serverUrl: string, c: Context) => Promise<boolean> | boolean;
+}
+export declare function mountOAuthProxy(app: Hono, options?: OAuthProxyOptions): void;
+/** Validate a proxy target against the BFF's HTTPS and SSRF policy. */
+export declare function isSafeProxyTarget(value: string, allowLoopback?: boolean): Promise<boolean>;
+export {};
+//# sourceMappingURL=oauth-proxy.d.ts.map

package/dist/server/proxy/oauth-proxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-proxy.d.ts","sourceRoot":"","sources":["../../../src/server/proxy/oauth-proxy.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAsB1C,UAAU,iBAAiB;IACzB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kGAAkG;IAClG,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,+FAA+F;IAC/F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oBAAoB;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mEAAmE;IACnE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;IAC1D,gFAAgF;IAChF,iBAAiB,CAAC,EAAE,CAClB,SAAS,EAAE,MAAM,EACjB,CAAC,EAAE,OAAO,KACP,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;CACjC;AA0BD,wBAAgB,eAAe,CAC7B,GAAG,EAAE,IAAI,EACT,OAAO,GAAE,iBAAsB,GAC9B,IAAI,CAkPN;AAkDD,uEAAuE;AACvE,wBAAsB,iBAAiB,CACrC,KAAK,EAAE,MAAM,EACb,aAAa,UAAQ,GACpB,OAAO,CAAC,OAAO,CAAC,CAElB"}

package/dist/server/proxy/oauth-proxy.js

@@ -0,0 +1,9 @@
+import {
+  isSafeProxyTarget,
+  mountOAuthProxy
+} from "../chunk-K2F2AJOI.js";
+import "../chunk-PKBMQBKP.js";
+export {
+  isSafeProxyTarget,
+  mountOAuthProxy
+};

package/dist/server/proxy-routes.d.ts

@@ -0,0 +1,16 @@
+import type { Hono } from "hono";
+export type InspectorProxyRoutesConfig = {
+    /** URL passed to the client via config.json for auto-connect. */
+    autoConnectUrl?: string | null;
+    /** Explicit cross-origin callers of the OAuth BFF. Same-origin is implicit. */
+    oauthProxyAllowedOrigins?: readonly string[];
+    /** Allow the OAuth BFF to reach loopback servers in local development. */
+    oauthProxyAllowLoopback?: boolean;
+    /** Mount OAuth BFF routes (default true). */
+    oauth?: boolean;
+};
+/**
+ * Register minimal inspector backend routes: health, MCP CORS proxy, OAuth BFF.
+ */
+export declare function registerInspectorProxyRoutes(app: Hono, config?: InspectorProxyRoutesConfig, basePath?: string): void;
+//# sourceMappingURL=proxy-routes.d.ts.map

package/dist/server/proxy-routes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"proxy-routes.d.ts","sourceRoot":"","sources":["../../src/server/proxy-routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAGjC,MAAM,MAAM,0BAA0B,GAAG;IACvC,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+EAA+E;IAC/E,wBAAwB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7C,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,wBAAgB,4BAA4B,CAC1C,GAAG,EAAE,IAAI,EACT,MAAM,CAAC,EAAE,0BAA0B,EACnC,QAAQ,GAAE,MAAW,QAmCtB"}

package/dist/server/proxy-routes.js

@@ -0,0 +1,10 @@
+import {
+  registerInspectorProxyRoutes
+} from "./chunk-5B3SXGZP.js";
+import "./chunk-IKTZUWSX.js";
+import "./chunk-6XWDZEFF.js";
+import "./chunk-K2F2AJOI.js";
+import "./chunk-PKBMQBKP.js";
+export {
+  registerInspectorProxyRoutes
+};

package/dist/server/rpc-log-bus.js

@@ -1,7 +1,77 @@
 import {
-  rpcLogBus
-} from "./chunk-CVECQ7BJ.js";
-import "./chunk-PKBMQBKP.js";
+  __publicField
+} from "./chunk-PKBMQBKP.js";
+
+// src/server/rpc-log-bus.ts
+var SimpleEventEmitter = class {
+  constructor() {
+    __publicField(this, "listeners", /* @__PURE__ */ new Map());
+  }
+  on(event, listener) {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, /* @__PURE__ */ new Set());
+    }
+    this.listeners.get(event).add(listener);
+  }
+  off(event, listener) {
+    this.listeners.get(event)?.delete(listener);
+  }
+  emit(event, ...args) {
+    this.listeners.get(event)?.forEach((listener) => {
+      try {
+        listener(...args);
+      } catch (e) {
+        console.error("Error in event listener:", e);
+      }
+    });
+  }
+};
+var RpcLogBus = class {
+  constructor() {
+    __publicField(this, "emitter", new SimpleEventEmitter());
+    __publicField(this, "bufferByServer", /* @__PURE__ */ new Map());
+  }
+  publish(event) {
+    const buffer = this.bufferByServer.get(event.serverId) ?? [];
+    buffer.push(event);
+    if (buffer.length > 1e3) {
+      buffer.shift();
+    }
+    this.bufferByServer.set(event.serverId, buffer);
+    this.emitter.emit("event", event);
+  }
+  subscribe(serverIds, listener) {
+    const filter = new Set(serverIds);
+    const handler = (event) => {
+      if (filter.size === 0 || filter.has(event.serverId)) listener(event);
+    };
+    this.emitter.on("event", handler);
+    return () => this.emitter.off("event", handler);
+  }
+  getBuffer(serverIds, limit) {
+    const filter = new Set(serverIds);
+    const all = [];
+    for (const [serverId, buf] of this.bufferByServer.entries()) {
+      if (filter.size > 0 && !filter.has(serverId)) continue;
+      all.push(...buf);
+    }
+    all.sort((a, b) => b.timestamp.localeCompare(a.timestamp));
+    if (limit === 0) return [];
+    if (!Number.isFinite(limit) || limit < 0) return all;
+    return all.slice(0, limit);
+  }
+  clear(serverIds) {
+    if (serverIds && serverIds.length > 0) {
+      const filter = new Set(serverIds);
+      for (const serverId of filter) {
+        this.bufferByServer.delete(serverId);
+      }
+    } else {
+      this.bufferByServer.clear();
+    }
+  }
+};
+var rpcLogBus = new RpcLogBus();
 export {
   rpcLogBus
 };

package/dist/server/server.d.ts

@@ -1,13 +1,8 @@
 /**
- * Start the MCP Inspector HTTP server and return its listening port and fetch handler.
+ * Standalone inspector API server (proxy + OAuth BFF).
  *
- * Starts the Hono app on an available port (prefers a CLI-specified port, otherwise 3001;
- * in standalone/production mode it will fall back to 3002 if 3001 is unavailable),
- * logs server status, and attempts to open the browser when not running in production.
- * On unrecoverable startup failures (for example, requested ports unavailable), the process
- * will exit with code 1.
- *
- * @returns An object containing the resolved `port` number and the application's `fetch` handler.
+ * Normal local dev uses {@link ../vite-dev-api-plugin.ts} on the same port as
+ * Vite. This entrypoint remains for `dev:server` / direct `tsx` runs.
  */
 declare function startServer(): Promise<{
     port: number;

package/dist/server/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/server/server.ts"],"names":[],"mappings":"AA4EA;;;;;;;;;;GAUG;AACH,iBAAe,WAAW;;;GAoFzB;;;;AAOD,wBAA+B"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/server/server.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,iBAAe,WAAW;;;GAgDzB;;;;AAMD,wBAA+B"}

package/dist/server/server.js

@@ -1,130 +1,53 @@
-import {
-  registerInspectorRoutes
-} from "./chunk-A4VH7AIP.js";
-import "./chunk-PJNKFX2R.js";
-import {
-  setServerPort
-} from "./chunk-QQ37LGLJ.js";
 import {
   hasNoOpenFlag,
   isPortAvailable,
   parsePortFromArgs
 } from "./chunk-KD7K27XK.js";
-import "./chunk-CVECQ7BJ.js";
 import {
-  registerStaticRoutesWithDevProxy
-} from "./chunk-UTW44YSH.js";
-import "./chunk-R4ISUE7T.js";
-import "./chunk-IDMHJUEM.js";
+  createDevApiApp
+} from "./chunk-K2V2SDQD.js";
+import "./chunk-5B3SXGZP.js";
+import "./chunk-IKTZUWSX.js";
+import "./chunk-6XWDZEFF.js";
+import "./chunk-K2F2AJOI.js";
 import "./chunk-PKBMQBKP.js";
 
 // src/server/server.ts
 import { serve } from "@hono/node-server";
-import { Hono } from "hono";
-import { cors } from "hono/cors";
-import { logger } from "hono/logger";
 import open from "open";
-var app = new Hono();
-app.use(
-  "*",
-  cors({
-    origin: "*",
-    allowHeaders: [
-      "Authorization",
-      "Content-Type",
-      "Accept",
-      "X-Target-URL",
-      "X-MCP-Target",
-      "Mcp-Session-Id",
-      "mcp-session-id",
-      "mcp-protocol-version",
-      "X-Server-Id",
-      "X-Requested-With",
-      "X-Connection-URL"
-    ],
-    exposeHeaders: ["*"]
-  })
-);
-var noisyPaths = [
-  "/inspector/api/tel/",
-  "/inspector/api/rpc/stream",
-  "/inspector/api/rpc/log"
-];
-app.use(
-  "/inspector/api/*",
-  logger((message, ...rest) => {
-    if (noisyPaths.some((p) => message.includes(p))) return;
-    console.log(message, ...rest);
-  })
-);
-registerInspectorRoutes(app);
-var OAUTH_POPUP_CLOSED_HTML = `<!doctype html>
-<html lang="en"><head><meta charset="utf-8"><title>Signed in</title><meta name="robots" content="noindex"><style>html,body{margin:0;height:100%;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#4b5563;background:#fff}</style></head>
-<body><div>Signed in. You can close this window.</div>
-<script>try{if(window.opener&&!window.opener.closed)window.opener.postMessage({type:"manufact:oauth-complete"},"*")}catch(e){}try{window.close()}catch(e){}</script>
-</body></html>`;
-app.get(
-  "/inspector/oauth-popup-closed.html",
-  (c) => c.html(OAUTH_POPUP_CLOSED_HTML)
-);
-registerStaticRoutesWithDevProxy(app, void 0, {
-  manufactChatUrl: process.env.MANUFACT_CHAT_URL
-});
+var isDev = process.env.NODE_ENV === "development" || process.env.VITE_DEV === "true";
 async function startServer() {
   try {
-    const isDev = process.env.NODE_ENV === "development" || process.env.VITE_DEV === "true";
     const cliPort = parsePortFromArgs();
-    let port = cliPort ?? (isDev ? 3001 : 3e3);
+    const port = cliPort ?? (Number(process.env.INSPECTOR_API_PORT) || (isDev ? 3001 : 3e3));
     const available = await isPortAvailable(port);
     if (!available) {
-      if (cliPort !== null) {
-        console.error(
-          `\u274C Port ${port} is not available. Please stop the process using this port and try again.`
-        );
-        process.exit(1);
-      }
-      if (isDev) {
-        console.error(
-          `\u274C\u274C\u274C Port ${port} is not available (probably used by Vite dev server as fallback so you should stop port 3000). Please stop the process using this port and try again.`
-        );
-        process.exit(1);
-      } else {
-        const fallbackPort = 3002;
-        console.warn(
-          `\u26A0\uFE0F  Port ${port} is not available, trying ${fallbackPort}`
-        );
-        const fallbackAvailable = await isPortAvailable(fallbackPort);
-        if (!fallbackAvailable) {
-          console.error(
-            `\u274C Neither port ${port} nor ${fallbackPort} is available. Please stop the processes using these ports and try again.`
-          );
-          process.exit(1);
-        }
-        port = fallbackPort;
-      }
+      console.error(
+        `\u274C Port ${port} is not available. Please stop the process using this port and try again.`
+      );
+      process.exit(1);
     }
+    const app = createDevApiApp();
     serve({
       fetch: app.fetch,
       port
     });
-    setServerPort(port);
     if (isDev) {
       console.warn(
         `\u{1F680} MCP Inspector API server running on http://localhost:${port}`
       );
       console.warn(
-        `\u{1F310} Vite dev server should be running on http://localhost:3000`
+        `\u{1F4A1} Tip: run \`pnpm dev\` to serve UI + API on one port via Vite.`
       );
     } else {
       console.warn(`\u{1F680} MCP Inspector running on http://localhost:${port}`);
     }
     if (process.env.NODE_ENV !== "production" && !hasNoOpenFlag()) {
+      const url = `http://localhost:${port}`;
       try {
-        const url = isDev ? "http://localhost:3000" : `http://localhost:${port}`;
         await open(url);
         console.warn(`\u{1F310} Browser opened automatically`);
       } catch {
-        const url = isDev ? "http://localhost:3000" : `http://localhost:${port}`;
         console.warn(`\u{1F310} Please open ${url} in your browser`);
       }
     }

package/dist/server/version.js

@@ -1,7 +1,7 @@
 import {
   VERSION,
   getInspectorVersion
-} from "./chunk-R4ISUE7T.js";
+} from "./chunk-THQ67TSE.js";
 import "./chunk-PKBMQBKP.js";
 export {
   VERSION,

package/dist/server/vite-dev-api-plugin.d.ts

@@ -0,0 +1,4 @@
+import type { Plugin } from "vite";
+/** Mount inspector proxy + OAuth BFF on the Vite dev server (single port). */
+export declare function inspectorDevApiPlugin(): Plugin;
+//# sourceMappingURL=vite-dev-api-plugin.d.ts.map

package/dist/server/vite-dev-api-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-dev-api-plugin.d.ts","sourceRoot":"","sources":["../../src/server/vite-dev-api-plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAWnC,8EAA8E;AAC9E,wBAAgB,qBAAqB,IAAI,MAAM,CAY9C"}

package/dist/server/vite-dev-api-plugin.js

@@ -0,0 +1,30 @@
+import {
+  createDevApiApp
+} from "./chunk-K2V2SDQD.js";
+import "./chunk-5B3SXGZP.js";
+import "./chunk-IKTZUWSX.js";
+import "./chunk-6XWDZEFF.js";
+import "./chunk-K2F2AJOI.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/server/vite-dev-api-plugin.ts
+import { getRequestListener } from "@hono/node-server";
+function isDevApiPath(url) {
+  return url.startsWith("/inspector/api/") || url === "/inspector/health" || url.startsWith("/inspector/health?");
+}
+function inspectorDevApiPlugin() {
+  return {
+    name: "inspector-dev-api",
+    configureServer(server) {
+      const listener = getRequestListener(createDevApiApp().fetch);
+      server.middlewares.use((req, res, next) => {
+        const url = req.url?.split("?")[0] ?? "";
+        if (!isDevApiPath(url)) return next();
+        return listener(req, res);
+      });
+    }
+  };
+}
+export {
+  inspectorDevApiPlugin
+};

package/dist/web/assets/AnimatePresence-CthXziG2.js

@@ -0,0 +1,9 @@
+import{s as e,t}from"./react-CU_d2d5K.js";import{t as n}from"./jsx-runtime-Cjj9sGSy.js";import{C as r,Cr as i,H as a,Sr as o,U as s,V as c,W as l,kr as u,m as d,p as f,wr as p}from"./input-CjmxOFr6.js";var m=e(t(),1),h=m.createContext({register:()=>{},unregister:()=>{},subscribeMapChange:()=>()=>{},elementsRef:{current:[]},nextIndexRef:{current:0}});function g(){return m.useContext(h)}var _=function(e){return e[e.None=0]=`None`,e[e.GuessFromOrder=1]=`GuessFromOrder`,e}({});function v(e={}){let{label:t,metadata:n,textRef:r,indexGuessBehavior:i,index:a}=e,{register:s,unregister:c,subscribeMapChange:l,elementsRef:u,labelsRef:d,nextIndexRef:f}=g(),p=m.useRef(-1),[h,v]=m.useState(a??(i===_.GuessFromOrder?()=>{if(p.current===-1){let e=f.current;f.current+=1,p.current=e}return p.current}:-1)),y=m.useRef(null),b=m.useCallback(e=>{if(y.current=e,h!==-1&&e!==null&&(u.current[h]=e,d)){let n=t!==void 0;d.current[h]=n?t:r?.current?.textContent??e.textContent}},[h,u,d,t,r]);return o(()=>{if(a!=null)return;let e=y.current;if(e)return s(e,n),()=>{c(e)}},[a,s,c,n]),o(()=>{if(a==null)return l(e=>{let t=y.current?e.get(y.current)?.index:null;t!=null&&v(t)})},[a,l,v]),{ref:b,index:h}}var y=`ArrowUp`,b=`ArrowDown`,x=`ArrowLeft`,S=`ArrowRight`,C=`Home`,w=new Set([x,S]),T=new Set([x,S,C,`End`]),E=new Set([y,b]),D=new Set([y,b,C,`End`]),O=new Set([...w,...E]),k=new Set([...O,C,`End`]),A=`Shift`,j=new Set([A,`Control`,`Alt`,`Meta`]);function M(e){return u(e)&&e.tagName===`INPUT`}function N(e){return!!(M(e)&&e.selectionStart!=null||u(e)&&e.tagName===`TEXTAREA`)}function P(e,t,n,r){if(!e||!t||!t.scrollTo)return;let i=e.scrollLeft,a=e.scrollTop,o=e.clientWidth<e.scrollWidth,s=e.clientHeight<e.scrollHeight;if(o&&r!==`vertical`){let r=F(e,t,`left`),a=I(e),o=I(t);n===`ltr`&&(r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight?i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight:r-o.scrollMarginLeft<e.scrollLeft+a.scrollPaddingLeft&&(i=r-o.scrollMarginLeft-a.scrollPaddingLeft)),n===`rtl`&&(r-o.scrollMarginRight<e.scrollLeft+a.scrollPaddingLeft?i=r-o.scrollMarginLeft-a.scrollPaddingLeft:r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight&&(i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight))}if(s&&r!==`horizontal`){let n=F(e,t,`top`),r=I(e),i=I(t);n-i.scrollMarginTop<e.scrollTop+r.scrollPaddingTop?a=n-i.scrollMarginTop-r.scrollPaddingTop:n+t.offsetHeight+i.scrollMarginBottom>e.scrollTop+e.clientHeight-r.scrollPaddingBottom&&(a=n+t.offsetHeight+i.scrollMarginBottom-e.clientHeight+r.scrollPaddingBottom)}e.scrollTo({left:i,top:a,behavior:`auto`})}function F(e,t,n){let r=n===`left`?`offsetLeft`:`offsetTop`,i=0;for(;t.offsetParent&&(i+=t[r],t.offsetParent!==e);)t=t.offsetParent;return i}function I(e){let t=getComputedStyle(e);return{scrollMarginTop:parseFloat(t.scrollMarginTop)||0,scrollMarginRight:parseFloat(t.scrollMarginRight)||0,scrollMarginBottom:parseFloat(t.scrollMarginBottom)||0,scrollMarginLeft:parseFloat(t.scrollMarginLeft)||0,scrollPaddingTop:parseFloat(t.scrollPaddingTop)||0,scrollPaddingRight:parseFloat(t.scrollPaddingRight)||0,scrollPaddingBottom:parseFloat(t.scrollPaddingBottom)||0,scrollPaddingLeft:parseFloat(t.scrollPaddingLeft)||0}}var L=n();function R(e){let{children:t,elementsRef:n,labelsRef:r,onMapChange:a}=e,s=i(a),c=m.useRef(0),l=p(B).current,u=p(z).current,[d,f]=m.useState(0),g=m.useRef(d),_=i((e,t)=>{u.set(e,t??null),g.current+=1,f(g.current)}),v=i(e=>{u.delete(e),g.current+=1,f(g.current)}),y=m.useMemo(()=>{let e=new Map;return Array.from(u.keys()).filter(e=>e.isConnected).sort(V).forEach((t,n)=>{let r=u.get(t)??{};e.set(t,{...r,index:n})}),e},[u,d]);o(()=>{if(typeof MutationObserver!=`function`||y.size===0)return;let e=new MutationObserver(e=>{let t=new Set,n=e=>t.has(e)?t.delete(e):t.add(e);e.forEach(e=>{e.removedNodes.forEach(n),e.addedNodes.forEach(n)}),t.size===0&&(g.current+=1,f(g.current))});return y.forEach((t,n)=>{n.parentElement&&e.observe(n.parentElement,{childList:!0})}),()=>{e.disconnect()}},[y]),o(()=>{g.current===d&&(n.current.length!==y.size&&(n.current.length=y.size),r&&r.current.length!==y.size&&(r.current.length=y.size),c.current=y.size),s(y)},[s,y,n,r,d]),o(()=>()=>{n.current=[]},[n]),o(()=>()=>{r&&(r.current=[])},[r]);let b=i(e=>(l.add(e),()=>{l.delete(e)}));o(()=>{l.forEach(e=>e(y))},[l,y]);let x=m.useMemo(()=>({register:_,unregister:v,subscribeMapChange:b,elementsRef:n,labelsRef:r,nextIndexRef:c}),[_,v,b,n,r,c]);return(0,L.jsx)(h.Provider,{value:x,children:t})}function z(){return new Map}function B(){return new Set}function V(e,t){let n=e.compareDocumentPosition(t);return n&Node.DOCUMENT_POSITION_FOLLOWING||n&Node.DOCUMENT_POSITION_CONTAINED_BY?-1:n&Node.DOCUMENT_POSITION_PRECEDING||n&Node.DOCUMENT_POSITION_CONTAINS?1:0}function H(e){return e==null||e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`}function U(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function W(...e){return t=>{let n=!1,r=e.map(e=>{let r=U(e,t);return!n&&typeof r==`function`&&(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];typeof n==`function`?n():U(e[t],null)}}}}function G(...e){return m.useCallback(W(...e),e)}var K=class extends m.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(r(t)&&e.isPresent&&!this.props.isPresent&&this.props.pop!==!1){let e=t.offsetParent,n=r(e)&&e.offsetWidth||0,i=r(e)&&e.offsetHeight||0,a=getComputedStyle(t),o=this.props.sizeRef.current;o.height=parseFloat(a.height),o.width=parseFloat(a.width),o.top=t.offsetTop,o.left=t.offsetLeft,o.right=n-o.width-o.left,o.bottom=i-o.height-o.top,o.direction=a.direction}return null}componentDidUpdate(){}render(){return this.props.children}};function q({children:e,isPresent:t,anchorX:n,anchorY:r,root:i,pop:a}){let o=(0,m.useId)(),s=(0,m.useRef)(null),c=(0,m.useRef)({width:0,height:0,top:0,left:0,right:0,bottom:0,direction:`ltr`}),{nonce:l}=(0,m.useContext)(d),u=G(s,e.props?.ref??e?.ref);return(0,m.useInsertionEffect)(()=>{let{width:e,height:u,top:d,left:f,right:p,bottom:m,direction:h}=c.current;if(t||a===!1||!s.current||!e||!u)return;let g=h===`rtl`,_=n===`left`?g?`right: ${p}`:`left: ${f}`:g?`left: ${f}`:`right: ${p}`,v=r===`bottom`?`bottom: ${m}`:`top: ${d}`;s.current.dataset.motionPopId=o;let y=document.createElement(`style`);l&&(y.nonce=l);let b=i??document.head;return b.appendChild(y),y.sheet&&y.sheet.insertRule(`
+          [data-motion-pop-id="${o}"] {
+            position: absolute !important;
+            width: ${e}px !important;
+            height: ${u}px !important;
+            ${_}px !important;
+            ${v}px !important;
+          }
+        `),()=>{s.current?.removeAttribute(`data-motion-pop-id`),b.contains(y)&&b.removeChild(y)}},[t]),(0,L.jsx)(K,{isPresent:t,childRef:s,sizeRef:c,pop:a,children:a===!1?e:m.cloneElement(e,{ref:u})})}var J=({children:e,initial:t,isPresent:n,onExitComplete:r,custom:i,presenceAffectsLayout:o,mode:l,anchorX:u,anchorY:d,root:f})=>{let p=s(Y),h=(0,m.useId)(),g=(0,m.useRef)(n),_=(0,m.useRef)(r);a(()=>{g.current=n,_.current=r});let v=!0,y=(0,m.useMemo)(()=>(v=!1,{id:h,initial:t,isPresent:n,custom:i,onExitComplete:e=>{p.set(e,!0);for(let e of p.values())if(!e)return;r&&r()},register:e=>(p.set(e,!1),()=>{p.delete(e),!g.current&&!p.size&&_.current?.()})}),[n,p,r]);return o&&v&&(y={...y}),(0,m.useMemo)(()=>{p.forEach((e,t)=>p.set(t,!1))},[n]),m.useEffect(()=>{!n&&!p.size&&r&&r()},[n]),e=(0,L.jsx)(q,{pop:l===`popLayout`,isPresent:n,anchorX:u,anchorY:d,root:f,children:e}),(0,L.jsx)(c.Provider,{value:y,children:e})};function Y(){return new Map}var X=e=>e.key||``;function Z(e){let t=[];return m.Children.forEach(e,e=>{(0,m.isValidElement)(e)&&t.push(e)}),t}var Q=({children:e,custom:t,initial:n=!0,onExitComplete:r,presenceAffectsLayout:i=!0,mode:o=`sync`,propagate:c=!1,anchorX:u=`left`,anchorY:d=`top`,root:p})=>{let[h,g]=f(c),_=(0,m.useMemo)(()=>Z(e),[e]),v=c&&!h?[]:_.map(X),y=(0,m.useRef)(!0),b=(0,m.useRef)(_),x=s(()=>new Map),S=(0,m.useRef)(new Set),[C,w]=(0,m.useState)(_),[T,E]=(0,m.useState)(_);a(()=>{y.current=!1,b.current=_;for(let e=0;e<T.length;e++){let t=X(T[e]);v.includes(t)?(x.delete(t),S.current.delete(t)):x.get(t)!==!0&&x.set(t,!1)}},[T,v.length,v.join(`-`)]);let D=[];if(_!==C){let e=[..._];for(let t=0;t<T.length;t++){let n=T[t],r=X(n);v.includes(r)||(e.splice(t,0,n),D.push(n))}return o===`wait`&&D.length&&(e=D),E(Z(e)),w(_),null}let{forceRender:O}=(0,m.useContext)(l);return(0,L.jsx)(L.Fragment,{children:T.map(e=>{let a=X(e),s=c&&!h?!1:_===T||v.includes(a);return(0,L.jsx)(J,{isPresent:s,initial:!y.current||n?void 0:!1,custom:t,presenceAffectsLayout:i,mode:o,root:p,onExitComplete:s?void 0:()=>{if(S.current.has(a))return;if(x.has(a))S.current.add(a),x.set(a,!0);else return;let e=!0;x.forEach(t=>{t||(e=!1)}),e&&(O?.(),E(b.current),c&&g?.(),r&&r())},anchorX:u,anchorY:d,children:e},a)})})};export{N as _,O as a,v as b,y as c,w as d,T as f,D as g,E as h,b as i,k as l,A as m,H as n,x as o,j as p,R as r,S as s,Q as t,C as u,P as v,_ as y};