@mcp-use/inspector 20.0.0-beta.14 → 20.0.0-beta.15

package/dist/cdn/useViewHostProps-BPApUBaM.js

@@ -1,364 +0,0 @@
-import { s as e, t } from "./react-BIs9pQ3H.js";
-import { n } from "./createLucideIcon-BONxC1L5.js";
-import { t as r } from "./button-CB4uOoUV.js";
-import { t as i } from "./x-EilKPiCX.js";
-import { d as a } from "./react-BDA-xrgK.js";
-import { n as o, r as s } from "./servers-Dd0Vcp81.js";
-import { i as c, r as l, s as u, t as d } from "./WidgetDebugContext-B6yoOVVV.js";
-//#region src/client/console-log-bus.ts
-var f = /* @__PURE__ */ e(t(), 1), p = new class {
-	listeners = /* @__PURE__ */ new Set();
-	publish(e) {
-		this.listeners.forEach((t) => {
-			try {
-				t(e);
-			} catch (e) {
-				console.error("[ConsoleLogBus] Error in listener:", e);
-			}
-		});
-	}
-	subscribe(e) {
-		return this.listeners.add(e), () => this.listeners.delete(e);
-	}
-}();
-//#endregion
-//#region src/client/mcp-apps/csp.ts
-function m(e) {
-	let t = (e) => e.replace(/['"<>;]/g, "").trim(), n = (e.connectDomains || []).map(t).filter(Boolean), r = (e.resourceDomains || []).map(t).filter(Boolean), i = (e.frameDomains || []).map(t).filter(Boolean), a = (e.baseUriDomains || []).map(t).filter(Boolean), o = n.length > 0 ? n.join(" ") : "'none'", s = r.length > 0 ? [
-		"data:",
-		"blob:",
-		...r
-	].join(" ") : "data: blob:", c = i.length > 0 ? i.join(" ") : "'none'", l = a.length > 0 ? a.join(" ") : "'none'";
-	return [
-		"default-src 'none'",
-		`script-src 'unsafe-inline' ${s}`,
-		`style-src 'unsafe-inline' ${s}`,
-		`img-src ${s}`,
-		`font-src ${s}`,
-		`media-src ${s}`,
-		`connect-src ${o}`,
-		`frame-src ${c}`,
-		"object-src 'none'",
-		`base-uri ${l}`
-	].join("; ");
-}
-function h(e) {
-	if (!e) return {};
-	let t = {};
-	for (let n of e.split(";")) {
-		let [e, ...r] = n.trim().split(/\s+/);
-		e && (t[e.toLowerCase()] = r);
-	}
-	return t;
-}
-function g(e) {
-	return e ? h(m(e)) : {};
-}
-function _(e) {
-	return h(e);
-}
-function v(e) {
-	let t = {};
-	for (let n of e) {
-		let e = (n.effectiveDirective || n.directive || "unknown").toLowerCase(), r = n.blockedUri || "(inline)";
-		t[e] = Array.from(new Set([...t[e] ?? [], r])).sort();
-	}
-	return t;
-}
-function y(e, t) {
-	return Array.from(new Set([...Object.keys(e), ...Object.keys(t)])).sort().map((n) => {
-		let r = e[n] ?? [], i = t[n] ?? [], a = Array.from(new Set(r)).sort(), o = Array.from(new Set(i)).sort();
-		return {
-			directive: n,
-			requested: r,
-			effective: i,
-			status: a.length === o.length && a.every((e, t) => e === o[t]) ? "same" : r.length === 0 ? "added" : i.length === 0 ? "missing" : "changed"
-		};
-	});
-}
-function b(e) {
-	let t = [];
-	e.declared || t.push({
-		severity: "warning",
-		title: "No widget CSP declared",
-		detail: "Widget-declared mode blocks external connections and resources."
-	}), e.mode === "permissive" && t.push({
-		severity: "info",
-		title: "Permissive mode",
-		detail: "Observed violations are requests a declared policy would block."
-	});
-	let n = v(e.violations);
-	for (let [r, i] of Object.entries(n)) t.push({
-		severity: e.mode === "permissive" ? "warning" : "error",
-		title: `${i.length} blocked by ${r}`,
-		detail: i.join(", ")
-	});
-	return t.length === 0 && t.push({
-		severity: "info",
-		title: "No CSP issues observed",
-		detail: e.effectivePolicy ? "The effective policy has not produced violations." : "Load the widget to observe its effective policy."
-	}), t;
-}
-//#endregion
-//#region src/client/mcp-apps/logging-transport.ts
-function x(e, t, n) {
-	let r = {
-		get sessionId() {
-			return e.sessionId;
-		},
-		set sessionId(t) {
-			e.sessionId = t;
-		},
-		setProtocolVersion: e.setProtocolVersion ? (t) => e.setProtocolVersion?.(t) : void 0,
-		async start() {
-			return e.start();
-		},
-		async send(r, i) {
-			return c.publish({
-				source: "widget",
-				serverId: t,
-				widgetId: n,
-				direction: "send",
-				timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-				message: r
-			}), e.send(r, i);
-		},
-		async close() {
-			return e.close();
-		},
-		onclose: void 0,
-		onerror: void 0,
-		onmessage: void 0
-	};
-	return Object.defineProperty(r, "onmessage", {
-		configurable: !0,
-		enumerable: !0,
-		get() {
-			return e.onmessage;
-		},
-		set(r) {
-			if (!r) {
-				e.onmessage = void 0;
-				return;
-			}
-			e.onmessage = (e, i) => {
-				c.publish({
-					source: "widget",
-					serverId: t,
-					widgetId: n,
-					direction: "receive",
-					timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-					message: e
-				}), r(e, i);
-			};
-		}
-	}), Object.defineProperty(r, "onclose", {
-		configurable: !0,
-		enumerable: !0,
-		get() {
-			return e.onclose;
-		},
-		set(t) {
-			e.onclose = t;
-		}
-	}), Object.defineProperty(r, "onerror", {
-		configurable: !0,
-		enumerable: !0,
-		get() {
-			return e.onerror;
-		},
-		set(t) {
-			e.onerror = t;
-		}
-	}), r;
-}
-//#endregion
-//#region src/client/hooks/useDeviceViewport.ts
-function S(e) {
-	return (0, f.useMemo)(() => ({
-		maxWidth: d[e].width,
-		maxHeight: d[e].height
-	}), [e]);
-}
-//#endregion
-//#region src/client/hooks/useMcpAppsHostContext.ts
-function C(e, t) {
-	return e.getPropertyValue(t).trim();
-}
-function w() {
-	if (typeof window > "u") return {};
-	let e = getComputedStyle(document.documentElement), t = {}, n = (e, n) => {
-		n && (t[e] = n);
-	}, r = C(e, "--background"), i = C(e, "--foreground"), a = C(e, "--card"), o = C(e, "--muted"), s = C(e, "--muted-foreground"), c = C(e, "--primary"), l = C(e, "--primary-foreground"), u = C(e, "--secondary"), d = C(e, "--accent"), f = C(e, "--accent-foreground"), p = C(e, "--destructive"), m = C(e, "--border"), h = C(e, "--ring"), g = C(e, "--radius");
-	return n("--color-background-primary", r), n("--color-background-secondary", a || u), n("--color-background-tertiary", o || d), n("--color-background-inverse", c), n("--color-background-ghost", d || o), n("--color-background-danger", p), n("--color-text-primary", i), n("--color-text-secondary", s), n("--color-text-tertiary", s), n("--color-text-inverse", l), n("--color-text-ghost", f || s), n("--color-text-danger", p), n("--color-border-primary", m), n("--color-border-secondary", m), n("--color-border-tertiary", m), n("--color-ring-primary", h || m), n("--border-radius-sm", g), n("--border-radius-md", g), n("--border-radius-lg", g), n("--font-sans", "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"), t;
-}
-function T({ theme: e, displayMode: t, maxWidth: n, maxHeight: r, playground: i, deviceType: a, toolCallId: o, toolName: s, toolInput: c, toolOutput: l, toolMetadata: u, tool: d }) {
-	return (0, f.useMemo)(() => ({
-		theme: e,
-		displayMode: t,
-		availableDisplayModes: [
-			"inline",
-			"pip",
-			"fullscreen"
-		],
-		containerDimensions: {
-			maxHeight: r,
-			maxWidth: n
-		},
-		locale: i.locale,
-		timeZone: i.timeZone,
-		platform: a === "mobile" ? "mobile" : "web",
-		userAgent: "mcp-use-inspector/0.16.2",
-		deviceCapabilities: i.capabilities,
-		safeAreaInsets: i.safeAreaInsets,
-		styles: { variables: w() },
-		toolInfo: d ? {
-			id: o,
-			tool: d
-		} : void 0
-	}), [
-		e,
-		t,
-		r,
-		n,
-		i.locale,
-		i.timeZone,
-		i.capabilities,
-		i.safeAreaInsets,
-		a,
-		o,
-		s,
-		c,
-		l,
-		u,
-		d
-	]);
-}
-//#endregion
-//#region src/client/hooks/useViewHostProps.tsx
-var E = n(), D = {
-	name: "mcp-use-inspector",
-	version: "11.0.0"
-};
-function O(e, t) {
-	let n = (0, f.useRef)(e);
-	n.current = e;
-	let r = (0, f.useRef)(t);
-	return r.current = t, (0, f.useMemo)(() => e ? {
-		callTool: (e, t, r) => n.current.callTool(e, t ?? {}, r),
-		readResource: (e) => r.current(e),
-		get resources() {
-			return n.current?.resources;
-		}
-	} : null, [e?.id]);
-}
-function k(e) {
-	let { serverId: t, viewId: n, resourceUri: c, toolName: d, toolInput: h, toolOutput: g, toolMetadata: _, tool: v, readResource: y, displayMode: b, onDisplayModeChange: C, inlineMaxWidth: w, chromeless: k, onReady: A } = e, { resolvedTheme: j } = u(), { servers: M } = a(), N = M.find((e) => e.id === t), { playground: P, addWidget: F, removeWidget: I, addCspViolation: L, setWidgetModelContext: R, setWidgetDeclaredCsp: z } = l(), B = P.cspMode === "permissive" ? "permissive" : "widget-declared", { maxWidth: V, maxHeight: H } = S(P.deviceType), U = T({
-		theme: j,
-		displayMode: b ?? "inline",
-		maxWidth: V,
-		maxHeight: H,
-		playground: P,
-		deviceType: P.deviceType,
-		toolCallId: n,
-		toolName: d,
-		toolInput: h,
-		toolOutput: g,
-		toolMetadata: _,
-		tool: v
-	}), W = (0, f.useRef)(U);
-	W.current = U;
-	let G = O(N, y), K = (0, f.useMemo)(() => G ? {
-		kind: "live",
-		connection: G,
-		resourceUri: c
-	} : null, [G, c]), q = (0, f.useCallback)((e) => x(e, t, n), [t, n]), J = (0, f.useCallback)((e) => {
-		F(n, {
-			toolName: d,
-			protocol: "mcp-apps",
-			hostContext: W.current
-		});
-		let t = e.declaredCsp, r;
-		B === "permissive" ? r = [
-			"default-src * 'unsafe-inline' 'unsafe-eval' data: blob: filesystem: about:",
-			"script-src * 'unsafe-inline' 'unsafe-eval' data: blob:",
-			"style-src * 'unsafe-inline' data: blob:",
-			"img-src * data: blob: https: http:",
-			"media-src * data: blob: https: http:",
-			"font-src * data: blob: https: http:",
-			"connect-src * data: blob: https: http: ws: wss: about:",
-			"frame-src * data: blob: https: http: about:",
-			"object-src * data: blob:",
-			"base-uri *",
-			"form-action *"
-		].join("; ") : t && (r = m(t)), z(n, t, r);
-	}, [
-		F,
-		n,
-		d,
-		B,
-		z
-	]);
-	(0, f.useEffect)(() => () => I(n), [n, I]);
-	let Y = (0, f.useCallback)((e) => {
-		L(n, {
-			directive: e.directive,
-			effectiveDirective: e.effectiveDirective ?? e.directive,
-			blockedUri: e.blockedUri,
-			sourceFile: e.sourceFile ?? void 0,
-			lineNumber: e.lineNumber ?? void 0,
-			columnNumber: e.columnNumber ?? void 0,
-			originalPolicy: e.originalPolicy,
-			timestamp: e.timestamp
-		});
-	}, [L, n]), X = (0, f.useCallback)(({ content: e, structuredContent: t }) => {
-		R(n, {
-			content: e,
-			structuredContent: t
-		});
-		try {
-			localStorage.setItem(`mcp-use:widget-state:${n}`, JSON.stringify(t));
-		} catch {}
-	}, [R, n]), Z = (0, f.useCallback)(({ level: e, data: t }) => {
-		let n = e === "warning" ? "warn" : e === "error" ? "error" : "log";
-		p.publish({
-			level: n,
-			args: Array.isArray(t) ? t : [t],
-			timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-			url: c
-		});
-	}, [c]), Q = (0, f.useMemo)(() => ({
-		title: N ? o(N) : "MCP Server",
-		iconUrl: N ? s(N) : null
-	}), [N]), $ = (0, f.useCallback)(({ onClick: e, "data-testid": t, "aria-label": n }) => /* @__PURE__ */ (0, E.jsx)(r, {
-		type: "button",
-		variant: "tertiary",
-		size: "icon-sm",
-		className: "rounded-full shadow-sm",
-		"data-testid": t,
-		"aria-label": n,
-		onClick: e,
-		children: /* @__PURE__ */ (0, E.jsx)(i, {})
-	}), []);
-	return K ? {
-		source: K,
-		hostInfo: D,
-		hostContext: U,
-		cspMode: B,
-		wrapTransport: q,
-		onCspViolation: Y,
-		onModelContextUpdate: X,
-		onLog: Z,
-		onResourceResolved: J,
-		displayMode: b,
-		onDisplayModeChange: C,
-		inlineMaxWidth: w ?? (P.deviceType === "mobile" ? V : void 0),
-		chromeless: k,
-		onReady: A,
-		mockOpenAiFileApis: !0,
-		fullscreenHeader: Q,
-		renderFullscreenClose: $
-	} : null;
-}
-//#endregion
-export { g as a, _ as i, b as n, p as o, y as r, k as t };

package/dist/cdn/wrench-DvK20LUT.js

@@ -1,7 +0,0 @@
-import { t as e } from "./createLucideIcon-BONxC1L5.js";
-var t = e("wrench", [["path", {
-	d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",
-	key: "1ngwbx"
-}]]);
-//#endregion
-export { t };

package/dist/cdn/x-EilKPiCX.js

@@ -1,10 +0,0 @@
-import { t as e } from "./createLucideIcon-BONxC1L5.js";
-var t = e("x", [["path", {
-	d: "M18 6 6 18",
-	key: "1bl5f8"
-}], ["path", {
-	d: "m6 6 12 12",
-	key: "d8bk6v"
-}]]);
-//#endregion
-export { t };

package/dist/cdn/zap-0Wr9QO7N.js

@@ -1,10 +0,0 @@
-import { t as e } from "./createLucideIcon-BONxC1L5.js";
-var t = e("chevron-left", [["path", {
-	d: "m15 18-6-6 6-6",
-	key: "1wnfg3"
-}]]), n = e("zap", [["path", {
-	d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
-	key: "1xq2db"
-}]]);
-//#endregion
-export { t as n, n as t };

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

@@ -1,9 +0,0 @@
-import{s as e,t}from"./react-CU_d2d5K.js";import{C as n,H as r,U as i,V as a,W as o,m as s,p as c}from"./input-C0OQCUZy.js";import{n as l}from"./createLucideIcon-BEHeJH0M.js";import{_ as u,g as d,j as f,v as p}from"./button-C8Xa2k4x.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:o,unregister:s,subscribeMapChange:c,elementsRef:l,labelsRef:u,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&&(l.current[h]=e,u)){let n=t!==void 0;u.current[h]=n?t:r?.current?.textContent??e.textContent}},[h,l,u,t,r]);return d(()=>{if(a!=null)return;let e=y.current;if(e)return o(e,n),()=>{s(e)}},[a,o,s,n]),d(()=>{if(a==null)return c(e=>{let t=y.current?e.get(y.current)?.index:null;t!=null&&v(t)})},[a,c,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 f(e)&&e.tagName===`INPUT`}function N(e){return!!(M(e)&&e.selectionStart!=null||f(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=l();function R(e){let{children:t,elementsRef:n,labelsRef:r,onMapChange:i}=e,a=u(i),o=m.useRef(0),s=p(B).current,c=p(z).current,[l,f]=m.useState(0),g=m.useRef(l),_=u((e,t)=>{c.set(e,t??null),g.current+=1,f(g.current)}),v=u(e=>{c.delete(e),g.current+=1,f(g.current)}),y=m.useMemo(()=>{let e=new Map;return Array.from(c.keys()).filter(e=>e.isConnected).sort(V).forEach((t,n)=>{let r=c.get(t)??{};e.set(t,{...r,index:n})}),e},[c,l]);d(()=>{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]),d(()=>{g.current===l&&(n.current.length!==y.size&&(n.current.length=y.size),r&&r.current.length!==y.size&&(r.current.length=y.size),o.current=y.size),a(y)},[a,y,n,r,l]),d(()=>()=>{n.current=[]},[n]),d(()=>()=>{r&&(r.current=[])},[r]);let b=u(e=>(s.add(e),()=>{s.delete(e)}));d(()=>{s.forEach(e=>e(y))},[s,y]);let x=m.useMemo(()=>({register:_,unregister:v,subscribeMapChange:b,elementsRef:n,labelsRef:r,nextIndexRef:o}),[_,v,b,n,r,o]);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(n(t)&&e.isPresent&&!this.props.isPresent&&this.props.pop!==!1){let e=t.offsetParent,r=n(e)&&e.offsetWidth||0,i=n(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=r-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)(),c=(0,m.useRef)(null),l=(0,m.useRef)({width:0,height:0,top:0,left:0,right:0,bottom:0,direction:`ltr`}),{nonce:u}=(0,m.useContext)(s),d=G(c,e.props?.ref??e?.ref);return(0,m.useInsertionEffect)(()=>{let{width:e,height:s,top:d,left:f,right:p,bottom:m,direction:h}=l.current;if(t||a===!1||!c.current||!e||!s)return;let g=h===`rtl`,_=n===`left`?g?`right: ${p}`:`left: ${f}`:g?`left: ${f}`:`right: ${p}`,v=r===`bottom`?`bottom: ${m}`:`top: ${d}`;c.current.dataset.motionPopId=o;let y=document.createElement(`style`);u&&(y.nonce=u);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: ${s}px !important;
-            ${_}px !important;
-            ${v}px !important;
-          }
-        `),()=>{c.current?.removeAttribute(`data-motion-pop-id`),b.contains(y)&&b.removeChild(y)}},[t]),(0,L.jsx)(K,{isPresent:t,childRef:c,sizeRef:l,pop:a,children:a===!1?e:m.cloneElement(e,{ref:d})})}var J=({children:e,initial:t,isPresent:n,onExitComplete:o,custom:s,presenceAffectsLayout:c,mode:l,anchorX:u,anchorY:d,root:f})=>{let p=i(Y),h=(0,m.useId)(),g=(0,m.useRef)(n),_=(0,m.useRef)(o);r(()=>{g.current=n,_.current=o});let v=!0,y=(0,m.useMemo)(()=>(v=!1,{id:h,initial:t,isPresent:n,custom:s,onExitComplete:e=>{p.set(e,!0);for(let e of p.values())if(!e)return;o&&o()},register:e=>(p.set(e,!1),()=>{p.delete(e),!g.current&&!p.size&&_.current?.()})}),[n,p,o]);return c&&v&&(y={...y}),(0,m.useMemo)(()=>{p.forEach((e,t)=>p.set(t,!1))},[n]),m.useEffect(()=>{!n&&!p.size&&o&&o()},[n]),e=(0,L.jsx)(q,{pop:l===`popLayout`,isPresent:n,anchorX:u,anchorY:d,root:f,children:e}),(0,L.jsx)(a.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:a,presenceAffectsLayout:s=!0,mode:l=`sync`,propagate:u=!1,anchorX:d=`left`,anchorY:f=`top`,root:p})=>{let[h,g]=c(u),_=(0,m.useMemo)(()=>Z(e),[e]),v=u&&!h?[]:_.map(X),y=(0,m.useRef)(!0),b=(0,m.useRef)(_),x=i(()=>new Map),S=(0,m.useRef)(new Set),[C,w]=(0,m.useState)(_),[T,E]=(0,m.useState)(_);r(()=>{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 l===`wait`&&D.length&&(e=D),E(Z(e)),w(_),null}let{forceRender:O}=(0,m.useContext)(o);return(0,L.jsx)(L.Fragment,{children:T.map(e=>{let r=X(e),i=u&&!h?!1:_===T||v.includes(r);return(0,L.jsx)(J,{isPresent:i,initial:!y.current||n?void 0:!1,custom:t,presenceAffectsLayout:s,mode:l,root:p,onExitComplete:i?void 0:()=>{if(S.current.has(r))return;if(x.has(r))S.current.add(r),x.set(r,!0);else return;let e=!0;x.forEach(t=>{t||(e=!1)}),e&&(O?.(),E(b.current),u&&g?.(),a&&a())},anchorX:d,anchorY:f,children:e},r)})})};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};