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

package/dist/{swiper-component-Bqzl6az1.js → swiper-component-C90YjhaV.js}

@@ -1,9 +1,9 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { c as t, h as n, t as r } from "./button-BeWeF5Z2.js";
+import { c as t, h as n, t as r } from "./button-CKBkqR9J.js";
 import { t as i } from "./react-DMWcHin-.js";
 import { t as a } from "./compiler-runtime-CAH9RLw2.js";
 import { t as o } from "./jsx-runtime-CpoKNRgu.js";
-import { t as s } from "./useIframeCapabilities-Bj4ORYGz.js";
+import { t as s } from "./useIframeCapabilities-De3C-9b4.js";
 /* empty css                */
 //#region ../node_modules/.pnpm/swiper@12.1.2/node_modules/swiper/shared/ssr-window.esm.mjs
 var c = /* @__PURE__ */ e(i(), 1), l = a();

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

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { g as t } from "./button-BeWeF5Z2.js";
+import { g as t } from "./button-CKBkqR9J.js";
 import { t as n } from "./compiler-runtime-CAH9RLw2.js";
-import { u as r } from "./dist-CSjGX93W.js";
-import { E as i, _ as a, a as o, b as s } from "./useTheme-BlOgV7zf.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-B1X8ECYn.js → tooltip-Dt77sBeT.js}

@@ -1,117 +1,117 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { d as t, h as n, p as r } from "./button-BeWeF5Z2.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-CSjGX93W.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-CLB4UWgG.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-BkvtR_Y2.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-BlOgV7zf.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-DGIhtjdF.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-CSjGX93W.js";
-import { E as r } from "./select-foAi7oM_.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-DcZEHOmt.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-BlOgV7zf.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/{useIframeCapabilities-Bj4ORYGz.js → useIframeCapabilities-De3C-9b4.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./compiler-runtime-CAH9RLw2.js";
-import { t } from "./capabilities-C7Q0J4_N.js";
+import { t } from "./capabilities-CMBBJTcc.js";
 //#region src/hooks/useIframeCapabilities.ts
 var n = e();
 function r() {

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

@@ -1,10 +1,10 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { g as t, h as n, r } from "./button-BeWeF5Z2.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-CSjGX93W.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-BlOgV7zf.js";
+import { E as c, w as l } from "./useTheme-CWrCsZgw.js";
 var u = o("calendar", [
 	["path", {
 		d: "M8 2v4",
@@ -136,14 +136,14 @@ function g(e, n, r) {
 }
 //#endregion
 //#region src/components/ui/badge.tsx
-var _ = /* @__PURE__ */ e(i(), 1), v = s(), y = r("inline-flex items-center border rounded-full px-2 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+var _ = /* @__PURE__ */ e(i(), 1), v = s(), y = r("inline-flex items-center border rounded-full px-2 py-0.5 text-xs font-semibold transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 forced-color-adjust-none", {
 	variants: { variant: {
-		default: "bg-primary hover:bg-primary/60 border-transparent text-primary-foreground",
-		defaultOutline: "bg-(--blue-2) border-(--blue-8) text-(--blue-11)",
-		secondary: "bg-secondary hover:bg-secondary/80 border-transparent text-secondary-foreground",
-		destructive: "bg-(--red-2) border-(--red-6) text-(--red-9) hover:bg-(--red-3)",
-		success: "bg-(--grass-2) border-(--grass-5) text-(--grass-9) hover:bg-(--grass-3)",
-		outline: "text-foreground"
+		default: "bg-primary hover:bg-primary/60 border-transparent text-primary-foreground forced-colors:bg-[Highlight] forced-colors:border-[Highlight] forced-colors:text-[HighlightText] forced-colors:hover:bg-[Highlight] forced-colors:hover:text-[HighlightText]",
+		defaultOutline: "bg-(--blue-2) border-(--blue-8) text-(--blue-11) forced-colors:bg-[Canvas] forced-colors:border-[Highlight] forced-colors:text-[CanvasText]",
+		secondary: "bg-secondary hover:bg-secondary/80 border-transparent text-secondary-foreground forced-colors:bg-[ButtonFace] forced-colors:border-[ButtonText] forced-colors:text-[ButtonText] forced-colors:hover:bg-[Highlight] forced-colors:hover:text-[HighlightText]",
+		destructive: "bg-(--red-2) border-(--red-6) text-(--red-9) hover:bg-(--red-3) forced-colors:bg-[Canvas] forced-colors:border-[ButtonText] forced-colors:text-[CanvasText] forced-colors:hover:bg-[Highlight] forced-colors:hover:text-[HighlightText]",
+		success: "bg-(--grass-2) border-(--grass-5) text-(--grass-9) hover:bg-(--grass-3) forced-colors:bg-[Canvas] forced-colors:border-[ButtonText] forced-colors:text-[CanvasText] forced-colors:hover:bg-[Highlight] forced-colors:hover:text-[HighlightText]",
+		outline: "text-foreground forced-colors:bg-[Canvas] forced-colors:border-[ButtonText] forced-colors:text-[CanvasText]"
 	} },
 	defaultVariants: { variant: "default" }
 }), b = (e) => {

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

@@ -1,8 +1,8 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { a as t, g as n, s as r } from "./button-BeWeF5Z2.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-CLB4UWgG.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-B4rwjseP.js → vega-component-Dzo_03Dh.js}

@@ -1,21 +1,21 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { g as t, h as n, m as r, o as i } from "./button-BeWeF5Z2.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-DxgaJjev.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-C0gx40vn.js";
-import { t as d } from "./tooltip-B1X8ECYn.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-BlOgV7zf.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-BkvtR_Y2.js";
-import { a as ne, i as re, n as ie, t as g } from "./formats-CX_fkiT0.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-BIZus5lj.js";
-import { t as le } from "./useDeepCompareMemoize-DcZEHOmt.js";
+import { a as ce, n as _ } from "./loader-VZ__bv4g.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-dev114",
+  "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>