@marimo-team/islands 0.24.1-dev115 → 0.24.1-dev116

package/dist/{toDate-CrAIOASL.js → toDate-Cq6SCTVJ.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { g as t } from "./button-CKBkqR9J.js";
 import { t as n } from "./compiler-runtime-CAH9RLw2.js";
-import { u as r } from "./dist-mymH-A_x.js";
-import { E as i, _ as a, a as o, b as s } from "./useTheme-Bm9_FyqO.js";
+import { u as r } from "./dist-3_o3T78I.js";
+import { E as i, _ as a, a as o, b as s } from "./useTheme-CWrCsZgw.js";
 import { t as c } from "./invariant-DLmrl-hA.js";
 var l = r("circle-question-mark", [
 	["circle", {

package/dist/{tooltip-COXZxyl7.js → tooltip-Dt77sBeT.js}

@@ -2,116 +2,116 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { d as t, h as n, p as r } from "./button-CKBkqR9J.js";
 import { t as i } from "./react-DMWcHin-.js";
 import { t as a } from "./compiler-runtime-CAH9RLw2.js";
-import { a as o, i as s, n as c, r as l, s as u, t as d } from "./dist-mymH-A_x.js";
+import { a as o, i as s, n as c, r as l, s as u, t as d } from "./dist-3_o3T78I.js";
 import { t as f } from "./jsx-runtime-CpoKNRgu.js";
-import { Bc as p, Dc as m, Ec as h, Hc as ee, Kc as g, Lc as _, Pc as v, Vc as y, Wc as b, kc as x, qc as S } from "./schemas-BjeOpZLk.js";
+import { Ac as p, Dc as m, Fc as h, Gc as g, Hc as _, Jc as v, Oc as y, Rc as b, Uc as ee, Vc as te, qc as x } from "./schemas-DzK6U94N.js";
 //#region ../node_modules/.pnpm/@radix-ui+react-tooltip@1.2.8_@types+react-dom@19.2.3_@types+react@19.2.10__@types+reac_6c936392a1aa34d496e116dc55299197/node_modules/@radix-ui/react-tooltip/dist/index.mjs
-var C = /* @__PURE__ */ e(i(), 1), w = f(), [T, E] = g("Tooltip", [o]), D = o(), O = "TooltipProvider", te = 700, k = "tooltip.open", [ne, A] = T(O), j = (e) => {
-	let { __scopeTooltip: t, delayDuration: n = te, skipDelayDuration: r = 300, disableHoverableContent: i = !1, children: a } = e, o = C.useRef(!0), s = C.useRef(!1), c = C.useRef(0);
-	return C.useEffect(() => {
+var S = /* @__PURE__ */ e(i(), 1), C = f(), [w, T] = x("Tooltip", [o]), E = o(), D = "TooltipProvider", ne = 700, O = "tooltip.open", [re, k] = w(D), A = (e) => {
+	let { __scopeTooltip: t, delayDuration: n = ne, skipDelayDuration: r = 300, disableHoverableContent: i = !1, children: a } = e, o = S.useRef(!0), s = S.useRef(!1), c = S.useRef(0);
+	return S.useEffect(() => {
 		let e = c.current;
 		return () => window.clearTimeout(e);
-	}, []), /* @__PURE__ */ (0, w.jsx)(ne, {
+	}, []), /* @__PURE__ */ (0, C.jsx)(re, {
 		scope: t,
 		isOpenDelayedRef: o,
 		delayDuration: n,
-		onOpen: C.useCallback(() => {
+		onOpen: S.useCallback(() => {
 			window.clearTimeout(c.current), o.current = !1;
 		}, []),
-		onClose: C.useCallback(() => {
+		onClose: S.useCallback(() => {
 			window.clearTimeout(c.current), c.current = window.setTimeout(() => o.current = !0, r);
 		}, [r]),
 		isPointerInTransitRef: s,
-		onPointerInTransitChange: C.useCallback((e) => {
+		onPointerInTransitChange: S.useCallback((e) => {
 			s.current = e;
 		}, []),
 		disableHoverableContent: i,
 		children: a
 	});
 };
-j.displayName = O;
-var M = "Tooltip", [N, P] = T(M), F = (e) => {
-	let { __scopeTooltip: t, children: n, open: r, defaultOpen: i, onOpenChange: a, disableHoverableContent: o, delayDuration: c } = e, l = A(M, e.__scopeTooltip), u = D(t), [d, f] = C.useState(null), m = p(), h = C.useRef(0), g = o ?? l.disableHoverableContent, _ = c ?? l.delayDuration, v = C.useRef(!1), [y, b] = ee({
+A.displayName = D;
+var j = "Tooltip", [M, N] = w(j), P = (e) => {
+	let { __scopeTooltip: t, children: n, open: r, defaultOpen: i, onOpenChange: a, disableHoverableContent: o, delayDuration: c } = e, l = k(j, e.__scopeTooltip), u = E(t), [d, f] = S.useState(null), p = te(), m = S.useRef(0), h = o ?? l.disableHoverableContent, g = c ?? l.delayDuration, _ = S.useRef(!1), [v, y] = ee({
 		prop: r,
 		defaultProp: i ?? !1,
 		onChange: (e) => {
-			e ? (l.onOpen(), document.dispatchEvent(new CustomEvent(k))) : l.onClose(), a?.(e);
+			e ? (l.onOpen(), document.dispatchEvent(new CustomEvent(O))) : l.onClose(), a?.(e);
 		},
-		caller: M
-	}), x = C.useMemo(() => y ? v.current ? "delayed-open" : "instant-open" : "closed", [y]), S = C.useCallback(() => {
-		window.clearTimeout(h.current), h.current = 0, v.current = !1, b(!0);
-	}, [b]), T = C.useCallback(() => {
-		window.clearTimeout(h.current), h.current = 0, b(!1);
-	}, [b]), E = C.useCallback(() => {
-		window.clearTimeout(h.current), h.current = window.setTimeout(() => {
-			v.current = !0, b(!0), h.current = 0;
-		}, _);
-	}, [_, b]);
-	return C.useEffect(() => () => {
-		h.current &&= (window.clearTimeout(h.current), 0);
-	}, []), /* @__PURE__ */ (0, w.jsx)(s, {
+		caller: j
+	}), b = S.useMemo(() => v ? _.current ? "delayed-open" : "instant-open" : "closed", [v]), x = S.useCallback(() => {
+		window.clearTimeout(m.current), m.current = 0, _.current = !1, y(!0);
+	}, [y]), w = S.useCallback(() => {
+		window.clearTimeout(m.current), m.current = 0, y(!1);
+	}, [y]), T = S.useCallback(() => {
+		window.clearTimeout(m.current), m.current = window.setTimeout(() => {
+			_.current = !0, y(!0), m.current = 0;
+		}, g);
+	}, [g, y]);
+	return S.useEffect(() => () => {
+		m.current &&= (window.clearTimeout(m.current), 0);
+	}, []), /* @__PURE__ */ (0, C.jsx)(s, {
 		...u,
-		children: /* @__PURE__ */ (0, w.jsx)(N, {
+		children: /* @__PURE__ */ (0, C.jsx)(M, {
 			scope: t,
-			contentId: m,
-			open: y,
-			stateAttribute: x,
+			contentId: p,
+			open: v,
+			stateAttribute: b,
 			trigger: d,
 			onTriggerChange: f,
-			onTriggerEnter: C.useCallback(() => {
-				l.isOpenDelayedRef.current ? E() : S();
+			onTriggerEnter: S.useCallback(() => {
+				l.isOpenDelayedRef.current ? T() : x();
 			}, [
 				l.isOpenDelayedRef,
-				E,
-				S
+				T,
+				x
 			]),
-			onTriggerLeave: C.useCallback(() => {
-				g ? T() : (window.clearTimeout(h.current), h.current = 0);
-			}, [T, g]),
-			onOpen: S,
-			onClose: T,
-			disableHoverableContent: g,
+			onTriggerLeave: S.useCallback(() => {
+				h ? w() : (window.clearTimeout(m.current), m.current = 0);
+			}, [w, h]),
+			onOpen: x,
+			onClose: w,
+			disableHoverableContent: h,
 			children: n
 		})
 	});
 };
-F.displayName = M;
-var I = "TooltipTrigger", L = C.forwardRef((e, t) => {
-	let { __scopeTooltip: n, ...i } = e, a = P(I, n), o = A(I, n), s = D(n), c = C.useRef(null), l = r(t, c, a.onTriggerChange), u = C.useRef(!1), f = C.useRef(!1), p = C.useCallback(() => u.current = !1, []);
-	return C.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ (0, w.jsx)(d, {
+P.displayName = j;
+var F = "TooltipTrigger", I = S.forwardRef((e, t) => {
+	let { __scopeTooltip: n, ...i } = e, a = N(F, n), o = k(F, n), s = E(n), c = S.useRef(null), l = r(t, c, a.onTriggerChange), u = S.useRef(!1), f = S.useRef(!1), p = S.useCallback(() => u.current = !1, []);
+	return S.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ (0, C.jsx)(d, {
 		asChild: !0,
 		...s,
-		children: /* @__PURE__ */ (0, w.jsx)(S.button, {
+		children: /* @__PURE__ */ (0, C.jsx)(v.button, {
 			"aria-describedby": a.open ? a.contentId : void 0,
 			"data-state": a.stateAttribute,
 			...i,
 			ref: l,
-			onPointerMove: b(e.onPointerMove, (e) => {
+			onPointerMove: g(e.onPointerMove, (e) => {
 				e.pointerType !== "touch" && !f.current && !o.isPointerInTransitRef.current && (a.onTriggerEnter(), f.current = !0);
 			}),
-			onPointerLeave: b(e.onPointerLeave, () => {
+			onPointerLeave: g(e.onPointerLeave, () => {
 				a.onTriggerLeave(), f.current = !1;
 			}),
-			onPointerDown: b(e.onPointerDown, () => {
+			onPointerDown: g(e.onPointerDown, () => {
 				a.open && a.onClose(), u.current = !0, document.addEventListener("pointerup", p, { once: !0 });
 			}),
-			onFocus: b(e.onFocus, () => {
+			onFocus: g(e.onFocus, () => {
 				u.current || a.onOpen();
 			}),
-			onBlur: b(e.onBlur, a.onClose),
-			onClick: b(e.onClick, a.onClose)
+			onBlur: g(e.onBlur, a.onClose),
+			onClick: g(e.onClick, a.onClose)
 		})
 	});
 });
-L.displayName = I;
-var R = "TooltipPortal", [re, z] = T(R, { forceMount: void 0 }), B = (e) => {
-	let { __scopeTooltip: t, forceMount: n, children: r, container: i } = e, a = P(R, t);
-	return /* @__PURE__ */ (0, w.jsx)(re, {
+I.displayName = F;
+var L = "TooltipPortal", [R, z] = w(L, { forceMount: void 0 }), B = (e) => {
+	let { __scopeTooltip: t, forceMount: n, children: r, container: i } = e, a = N(L, t);
+	return /* @__PURE__ */ (0, C.jsx)(R, {
 		scope: t,
 		forceMount: n,
-		children: /* @__PURE__ */ (0, w.jsx)(y, {
+		children: /* @__PURE__ */ (0, C.jsx)(_, {
 			present: n || a.open,
-			children: /* @__PURE__ */ (0, w.jsx)(v, {
+			children: /* @__PURE__ */ (0, C.jsx)(h, {
 				asChild: !0,
 				container: i,
 				children: r
@@ -119,32 +119,32 @@ var R = "TooltipPortal", [re, z] = T(R, { forceMount: void 0 }), B = (e) => {
 		})
 	});
 };
-B.displayName = R;
-var V = "TooltipContent", H = C.forwardRef((e, t) => {
-	let n = z(V, e.__scopeTooltip), { forceMount: r = n.forceMount, side: i = "top", ...a } = e, o = P(V, e.__scopeTooltip);
-	return /* @__PURE__ */ (0, w.jsx)(y, {
+B.displayName = L;
+var V = "TooltipContent", H = S.forwardRef((e, t) => {
+	let n = z(V, e.__scopeTooltip), { forceMount: r = n.forceMount, side: i = "top", ...a } = e, o = N(V, e.__scopeTooltip);
+	return /* @__PURE__ */ (0, C.jsx)(_, {
 		present: r || o.open,
-		children: o.disableHoverableContent ? /* @__PURE__ */ (0, w.jsx)(G, {
+		children: o.disableHoverableContent ? /* @__PURE__ */ (0, C.jsx)(G, {
 			side: i,
 			...a,
 			ref: t
-		}) : /* @__PURE__ */ (0, w.jsx)(ie, {
+		}) : /* @__PURE__ */ (0, C.jsx)(ie, {
 			side: i,
 			...a,
 			ref: t
 		})
 	});
-}), ie = C.forwardRef((e, t) => {
-	let n = P(V, e.__scopeTooltip), i = A(V, e.__scopeTooltip), a = C.useRef(null), o = r(t, a), [s, c] = C.useState(null), { trigger: l, onClose: u } = n, d = a.current, { onPointerInTransitChange: f } = i, p = C.useCallback(() => {
+}), ie = S.forwardRef((e, t) => {
+	let n = N(V, e.__scopeTooltip), i = k(V, e.__scopeTooltip), a = S.useRef(null), o = r(t, a), [s, c] = S.useState(null), { trigger: l, onClose: u } = n, d = a.current, { onPointerInTransitChange: f } = i, p = S.useCallback(() => {
 		c(null), f(!1);
-	}, [f]), m = C.useCallback((e, t) => {
+	}, [f]), m = S.useCallback((e, t) => {
 		let n = e.currentTarget, r = {
 			x: e.clientX,
 			y: e.clientY
 		}, i = se(r, oe(r, n.getBoundingClientRect())), a = ce(t.getBoundingClientRect()), o = ue([...i, ...a]);
 		c(o), f(!0);
 	}, [f]);
-	return C.useEffect(() => () => p(), [p]), C.useEffect(() => {
+	return S.useEffect(() => () => p(), [p]), S.useEffect(() => {
 		if (l && d) {
 			let e = (e) => m(e, d), t = (e) => m(e, l);
 			return l.addEventListener("pointerleave", e), d.addEventListener("pointerleave", t), () => {
@@ -156,7 +156,7 @@ var V = "TooltipContent", H = C.forwardRef((e, t) => {
 		d,
 		m,
 		p
-	]), C.useEffect(() => {
+	]), S.useEffect(() => {
 		if (s) {
 			let e = (e) => {
 				let t = e.target, n = {
@@ -173,27 +173,27 @@ var V = "TooltipContent", H = C.forwardRef((e, t) => {
 		s,
 		u,
 		p
-	]), /* @__PURE__ */ (0, w.jsx)(G, {
+	]), /* @__PURE__ */ (0, C.jsx)(G, {
 		...e,
 		ref: o
 	});
-}), [ae, U] = T(M, { isInside: !1 }), W = t("TooltipContent"), G = C.forwardRef((e, t) => {
-	let { __scopeTooltip: n, children: r, "aria-label": i, onEscapeKeyDown: a, onPointerDownOutside: o, ...s } = e, c = P(V, n), d = D(n), { onClose: f } = c;
-	return C.useEffect(() => (document.addEventListener(k, f), () => document.removeEventListener(k, f)), [f]), C.useEffect(() => {
+}), [ae, U] = w(j, { isInside: !1 }), W = t("TooltipContent"), G = S.forwardRef((e, t) => {
+	let { __scopeTooltip: n, children: r, "aria-label": i, onEscapeKeyDown: a, onPointerDownOutside: o, ...s } = e, c = N(V, n), d = E(n), { onClose: f } = c;
+	return S.useEffect(() => (document.addEventListener(O, f), () => document.removeEventListener(O, f)), [f]), S.useEffect(() => {
 		if (c.trigger) {
 			let e = (e) => {
 				e.target?.contains(c.trigger) && f();
 			};
 			return window.addEventListener("scroll", e, { capture: !0 }), () => window.removeEventListener("scroll", e, { capture: !0 });
 		}
-	}, [c.trigger, f]), /* @__PURE__ */ (0, w.jsx)(_, {
+	}, [c.trigger, f]), /* @__PURE__ */ (0, C.jsx)(b, {
 		asChild: !0,
 		disableOutsidePointerEvents: !1,
 		onEscapeKeyDown: a,
 		onPointerDownOutside: o,
 		onFocusOutside: (e) => e.preventDefault(),
 		onDismiss: f,
-		children: /* @__PURE__ */ (0, w.jsxs)(l, {
+		children: /* @__PURE__ */ (0, C.jsxs)(l, {
 			"data-state": c.stateAttribute,
 			...d,
 			...s,
@@ -206,10 +206,10 @@ var V = "TooltipContent", H = C.forwardRef((e, t) => {
 				"--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
 				"--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
 			},
-			children: [/* @__PURE__ */ (0, w.jsx)(W, { children: r }), /* @__PURE__ */ (0, w.jsx)(ae, {
+			children: [/* @__PURE__ */ (0, C.jsx)(W, { children: r }), /* @__PURE__ */ (0, C.jsx)(ae, {
 				scope: n,
 				isInside: !0,
-				children: /* @__PURE__ */ (0, w.jsx)(u, {
+				children: /* @__PURE__ */ (0, C.jsx)(u, {
 					id: c.contentId,
 					role: "tooltip",
 					children: i || r
@@ -219,9 +219,9 @@ var V = "TooltipContent", H = C.forwardRef((e, t) => {
 	});
 });
 H.displayName = V;
-var K = "TooltipArrow", q = C.forwardRef((e, t) => {
-	let { __scopeTooltip: n, ...r } = e, i = D(n);
-	return U(K, n).isInside ? null : /* @__PURE__ */ (0, w.jsx)(c, {
+var K = "TooltipArrow", q = S.forwardRef((e, t) => {
+	let { __scopeTooltip: n, ...r } = e, i = E(n);
+	return U(K, n).isInside ? null : /* @__PURE__ */ (0, C.jsx)(c, {
 		...i,
 		...r,
 		ref: t
@@ -336,21 +336,21 @@ function de(e) {
 	}
 	return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
 }
-var fe = j, pe = F, me = L, he = B, J = H, Y = a(), ge = (e) => {
+var fe = A, pe = P, me = I, he = B, J = H, Y = a(), ge = (e) => {
 	let t = (0, Y.c)(6), n, r;
 	t[0] === e ? (n = t[1], r = t[2]) : ({delayDuration: r, ...n} = e, t[0] = e, t[1] = n, t[2] = r);
 	let i = r === void 0 ? 400 : r, a;
-	return t[3] !== i || t[4] !== n ? (a = /* @__PURE__ */ (0, w.jsx)(fe, {
+	return t[3] !== i || t[4] !== n ? (a = /* @__PURE__ */ (0, C.jsx)(fe, {
 		delayDuration: i,
 		...n
 	}), t[3] = i, t[4] = n, t[5] = a) : a = t[5], a;
-}, X = h(he), Z = pe, _e = m(J), Q = me, $ = C.forwardRef((e, t) => {
+}, X = m(he), Z = pe, _e = y(J), Q = me, $ = S.forwardRef((e, t) => {
 	let r = (0, Y.c)(11), i, a, o;
 	r[0] === e ? (i = r[1], a = r[2], o = r[3]) : ({className: i, sideOffset: o, ...a} = e, r[0] = e, r[1] = i, r[2] = a, r[3] = o);
 	let s = o === void 0 ? 4 : o, c;
 	r[4] === i ? c = r[5] : (c = n("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-xs data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1", i), r[4] = i, r[5] = c);
 	let l;
-	return r[6] !== a || r[7] !== t || r[8] !== s || r[9] !== c ? (l = /* @__PURE__ */ (0, w.jsx)(x, { children: /* @__PURE__ */ (0, w.jsx)(_e, {
+	return r[6] !== a || r[7] !== t || r[8] !== s || r[9] !== c ? (l = /* @__PURE__ */ (0, C.jsx)(p, { children: /* @__PURE__ */ (0, C.jsx)(_e, {
 		ref: t,
 		sideOffset: s,
 		className: c,
@@ -364,23 +364,23 @@ var ve = (e) => {
 	let u = s === void 0 || s, d = c === void 0 || c;
 	if (i == null || i === "") return r;
 	let f;
-	t[9] !== d || t[10] !== r || t[11] !== l ? (f = /* @__PURE__ */ (0, w.jsx)(Q, {
+	t[9] !== d || t[10] !== r || t[11] !== l ? (f = /* @__PURE__ */ (0, C.jsx)(Q, {
 		asChild: d,
 		tabIndex: l,
 		children: r
 	}), t[9] = d, t[10] = r, t[11] = l, t[12] = f) : f = t[12];
 	let p;
-	t[13] !== n || t[14] !== i || t[15] !== o || t[16] !== u ? (p = u ? /* @__PURE__ */ (0, w.jsx)(X, { children: /* @__PURE__ */ (0, w.jsx)($, {
+	t[13] !== n || t[14] !== i || t[15] !== o || t[16] !== u ? (p = u ? /* @__PURE__ */ (0, C.jsx)(X, { children: /* @__PURE__ */ (0, C.jsx)($, {
 		side: o,
 		align: n,
 		children: i
-	}) }) : /* @__PURE__ */ (0, w.jsx)($, {
+	}) }) : /* @__PURE__ */ (0, C.jsx)($, {
 		side: o,
 		align: n,
 		children: i
 	}), t[13] = n, t[14] = i, t[15] = o, t[16] = u, t[17] = p) : p = t[17];
 	let m;
-	return t[18] !== a || t[19] !== f || t[20] !== p ? (m = /* @__PURE__ */ (0, w.jsxs)(Z, {
+	return t[18] !== a || t[19] !== f || t[20] !== p ? (m = /* @__PURE__ */ (0, C.jsxs)(Z, {
 		disableHoverableContent: !0,
 		...a,
 		children: [f, p]

package/dist/{useAsyncData-x0_tWDWI.js → useAsyncData-DqlulK9M.js}

@@ -1,7 +1,7 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-DMWcHin-.js";
 import { t as n } from "./compiler-runtime-CAH9RLw2.js";
-import { j as r } from "./useTheme-Bm9_FyqO.js";
+import { j as r } from "./useTheme-CWrCsZgw.js";
 import { t as i } from "./invariant-DLmrl-hA.js";
 //#region src/hooks/useAsyncData.ts
 var a = n(), o = /* @__PURE__ */ e(t(), 1), s = {

package/dist/{useDateFormatter-B3V__WqX.js → useDateFormatter-Cp9Jdxls.js}

@@ -1,7 +1,7 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-DMWcHin-.js";
-import { u as n } from "./dist-mymH-A_x.js";
-import { E as r } from "./select-DotAQ4jp.js";
+import { u as n } from "./dist-3_o3T78I.js";
+import { E as r } from "./select-3qHpFKF9.js";
 var i = n("chart-pie", [["path", {
 	d: "M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z",
 	key: "pzmjnu"

package/dist/{useDeepCompareMemoize-KaRHJEEU.js → useDeepCompareMemoize-Ceu-LMdC.js}

@@ -1,6 +1,6 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-DMWcHin-.js";
-import { A as n } from "./useTheme-Bm9_FyqO.js";
+import { A as n } from "./useTheme-CWrCsZgw.js";
 //#region src/hooks/useDeepCompareMemoize.ts
 var r = /* @__PURE__ */ e(t(), 1);
 function i(e) {

package/dist/{useLifecycle-x0OriHo-.js → useLifecycle-DmYfrWCI.js}

@@ -2,9 +2,9 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { g as t, h as n, r } from "./button-CKBkqR9J.js";
 import { t as i } from "./react-DMWcHin-.js";
 import { t as a } from "./compiler-runtime-CAH9RLw2.js";
-import { u as o } from "./dist-mymH-A_x.js";
+import { u as o } from "./dist-3_o3T78I.js";
 import { t as s } from "./jsx-runtime-CpoKNRgu.js";
-import { E as c, w as l } from "./useTheme-Bm9_FyqO.js";
+import { E as c, w as l } from "./useTheme-CWrCsZgw.js";
 var u = o("calendar", [
 	["path", {
 		d: "M8 2v4",

package/dist/{useTheme-Bm9_FyqO.js → useTheme-CWrCsZgw.js}

@@ -2,7 +2,7 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { a as t, g as n, s as r } from "./button-CKBkqR9J.js";
 import { t as i } from "./react-DMWcHin-.js";
 import { t as a } from "./compiler-runtime-CAH9RLw2.js";
-import { Cn as o, In as s, Jn as c, Sn as l, Tt as u, jn as d, kt as f, un as p, vt as m } from "./schemas-BjeOpZLk.js";
+import { Cn as o, In as s, Jn as c, Sn as l, Tt as u, jn as d, kt as f, un as p, vt as m } from "./schemas-DzK6U94N.js";
 import { n as h, t as g } from "./_baseMerge-Dv8bBloN.js";
 //#region ../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/mergeWith.js
 var _ = h(function(e, t, n, r) {

package/dist/{vega-component-nD2oP6WN.js → vega-component-Dzo_03Dh.js}

@@ -2,20 +2,20 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { g as t, h as n, m as r, o as i } from "./button-CKBkqR9J.js";
 import { t as a } from "./react-DMWcHin-.js";
 import { t as o } from "./compiler-runtime-CAH9RLw2.js";
-import { c as s, v as c } from "./toDate-CrAIOASL.js";
+import { c as s, v as c } from "./toDate-Cq6SCTVJ.js";
 import { t as l } from "./jsx-runtime-CpoKNRgu.js";
-import { n as u } from "./error-banner-DmgOcFS3.js";
-import { t as d } from "./tooltip-COXZxyl7.js";
+import { n as u } from "./error-banner-WDhUzJyg.js";
+import { t as d } from "./tooltip-Dt77sBeT.js";
 import { t as f } from "./debounce-C3jyATpc.js";
-import { j as p, n as ee } from "./useTheme-Bm9_FyqO.js";
+import { j as p, n as ee } from "./useTheme-CWrCsZgw.js";
 import { c as m } from "./arrays-CN1djC4k.js";
 import { t as te } from "./objects-CzUgoMIF.js";
-import { t as h } from "./useAsyncData-x0_tWDWI.js";
-import { a as ne, i as re, n as ie, t as g } from "./formats-DuRRWVwb.js";
+import { t as h } from "./useAsyncData-DqlulK9M.js";
+import { a as ne, i as re, n as ie, t as g } from "./formats-DrWM-ouO.js";
 import { A as ae, n as oe } from "./vega-loader.browser-DEggZzni.js";
 import { t as se } from "./react-vega-DSD5aT7_.js";
 import { a as ce, n as _ } from "./loader-VZ__bv4g.js";
-import { t as le } from "./useDeepCompareMemoize-KaRHJEEU.js";
+import { t as le } from "./useDeepCompareMemoize-Ceu-LMdC.js";
 import { t as ue } from "./semaphore-89jsoHtS.js";
 import { t as de } from "./use-vega-container-remeasure-DUW4tRxq.js";
 //#region src/plugins/impl/vega/fix-relative-url.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.24.1-dev115",
+  "version": "0.24.1-dev116",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/editor/Output.tsx

@@ -18,10 +18,12 @@ import {
   ChevronsDownUpIcon,
   ChevronsUpDownIcon,
   ExpandIcon,
+  ShrinkIcon,
 } from "lucide-react";
 import { tooltipHandler } from "@/components/charts/tooltip";
 import { useExpandedOutput } from "@/core/cells/outputs";
 import { viewStateAtom } from "@/core/mode";
+import { useEventListener } from "@/hooks/useEventListener";
 import { useIframeCapabilities } from "@/hooks/useIframeCapabilities";
 import { useOverflowDetection } from "@/hooks/useOverflowDetection";
 import { renderHTML } from "@/plugins/core/RenderHTML";
@@ -31,11 +33,13 @@ import { getContainerWidth } from "@/plugins/impl/vega/utils";
 import { useTheme } from "@/theme/useTheme";
 import { Events } from "@/utils/events";
 import { invariant } from "@/utils/invariant";
+import { Logger } from "@/utils/Logger";
 import { processMimeBundle } from "@/utils/mime-types";
 import { Objects } from "@/utils/objects";
 import { LazyVegaEmbed } from "../charts/lazy";
 import { ChartLoadingState } from "../data-table/charts/components/chart-states";
 import { Button } from "../ui/button";
+import { useIsFullScreen } from "../ui/fullscreen";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
 import { Tooltip } from "../ui/tooltip";
 import { CsvViewer } from "./file-tree/renderers";
@@ -408,6 +412,12 @@ const Div = React.forwardRef<
 >((props, ref) => <div ref={ref} {...props} />);
 Div.displayName = "Div";
 
+function exitFullscreen() {
+  document.exitFullscreen().catch((error) => {
+    Logger.warn("Failed to exit fullscreen", error);
+  });
+}
+
 /**
  * Detects if there is overflow in the output area and adds a button to optionally expand
  */
@@ -425,6 +435,16 @@ const ExpandableOutput = React.memo(
     const [isExpanded, setIsExpanded] = useExpandedOutput(cellId);
     const isOverflowing = useOverflowDetection(containerRef);
     const { hasFullscreen } = useIframeCapabilities();
+    const isFullscreen = useIsFullScreen(containerRef);
+
+    // Not every host exits fullscreen on Escape by itself. A null target keeps
+    // the listener off every output that is not fullscreen.
+    useEventListener(isFullscreen ? document : null, "keydown", (event) => {
+      if (event.key !== "Escape" || !document.fullscreenElement) {
+        return;
+      }
+      exitFullscreen();
+    });
 
     return (
       <>
@@ -488,6 +508,26 @@ const ExpandableOutput = React.memo(
               isExpanded || forceExpand ? { maxHeight: "none" } : undefined
             }
           >
+            {/* Fullscreen paints this element only, and the action buttons sit
+                outside it. A host does not always draw an exit overlay, so the
+                output carries its own exit control. */}
+            {isFullscreen && (
+              <Tooltip content="Exit fullscreen" side="left">
+                <Button
+                  data-testid="exit-fullscreen-output-button"
+                  aria-label="Exit fullscreen"
+                  className="absolute right-2 top-2 z-2 p-1 bg-background/90 border border-border hover:bg-muted print:hidden"
+                  onClick={exitFullscreen}
+                  size="xs"
+                  variant="text"
+                >
+                  <ShrinkIcon
+                    className="size-4 opacity-60 hover:opacity-80"
+                    strokeWidth={1.25}
+                  />
+                </Button>
+              </Tooltip>
+            )}
             {children}
           </div>
         </div>

package/src/components/editor/__tests__/Output.test.tsx

@@ -1,6 +1,6 @@
 /* Copyright 2026 Marimo. All rights reserved. */
-import { render, screen } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
+import { act, fireEvent, render, screen } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { cellId } from "@/__tests__/branded";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { OutputArea, OutputRenderer } from "../Output";
@@ -158,3 +158,86 @@ describe("OutputRenderer image and SVG rendering", () => {
     expect(imgElement).toHaveAttribute("src", base64PngDataUrl);
   });
 });
+
+describe("OutputArea fullscreen exit control", () => {
+  let fullscreenElement: Element | null = null;
+  const exitFullscreen = vi.fn(() => Promise.resolve());
+
+  beforeEach(() => {
+    fullscreenElement = null;
+    exitFullscreen.mockClear();
+    Object.defineProperty(document, "fullscreenElement", {
+      configurable: true,
+      get: () => fullscreenElement,
+    });
+    Object.defineProperty(document, "exitFullscreen", {
+      configurable: true,
+      value: exitFullscreen,
+    });
+  });
+
+  // Drop the stubs so that the real document properties come back.
+  afterEach(() => {
+    Reflect.deleteProperty(document, "fullscreenElement");
+    Reflect.deleteProperty(document, "exitFullscreen");
+  });
+
+  const renderOutput = () =>
+    render(
+      <TooltipProvider>
+        <OutputArea
+          output={{
+            channel: "output",
+            data: "Hello World",
+            mimetype: "text/plain",
+          }}
+          cellId={cellId("test")}
+          stale={false}
+          loading={false}
+          allowExpand={true}
+        />
+      </TooltipProvider>,
+    );
+
+  const enterFullscreen = (container: HTMLElement) => {
+    fullscreenElement = container.querySelector('[data-cell-role="output"]');
+    act(() => {
+      document.dispatchEvent(new Event("fullscreenchange"));
+    });
+  };
+
+  it("hides the exit button outside fullscreen", () => {
+    renderOutput();
+    expect(
+      screen.queryByTestId("exit-fullscreen-output-button"),
+    ).not.toBeInTheDocument();
+  });
+
+  it("shows the exit button when the output is the fullscreen element", () => {
+    const { container } = renderOutput();
+    enterFullscreen(container);
+    expect(
+      screen.getByTestId("exit-fullscreen-output-button"),
+    ).toBeInTheDocument();
+  });
+
+  it("exits fullscreen on click", () => {
+    const { container } = renderOutput();
+    enterFullscreen(container);
+    fireEvent.click(screen.getByTestId("exit-fullscreen-output-button"));
+    expect(exitFullscreen).toHaveBeenCalledTimes(1);
+  });
+
+  it("exits fullscreen on Escape", () => {
+    const { container } = renderOutput();
+    enterFullscreen(container);
+    fireEvent.keyDown(document, { key: "Escape" });
+    expect(exitFullscreen).toHaveBeenCalledTimes(1);
+  });
+
+  it("ignores Escape outside fullscreen", () => {
+    renderOutput();
+    fireEvent.keyDown(document, { key: "Escape" });
+    expect(exitFullscreen).not.toHaveBeenCalled();
+  });
+});