@marimo-team/islands 0.24.1-dev94 → 0.24.1-dev96

package/dist/{common-oQugGVKJ.js → common-BEKbkdQp.js}

@@ -31805,7 +31805,7 @@ function dK() {
 		return i.warn("Failed to get version from mount config"), null;
 	}
 }
-var fK = dK() || "0.24.1-dev94", pK = V(fK), mK = V(!0);
+var fK = dK() || "0.24.1-dev96", pK = V(fK), mK = V(!0);
 V(null);
 //#endregion
 //#region src/core/wasm/state.ts

package/dist/main.js

@@ -6,7 +6,7 @@ import { n as x, r as S, t as C } from "./copy-D9h0DuU7.js";
 import { At as w, B as T, Bn as E, Bt as D, C as O, Cn as k, Ct as A, Dn as j, Dt as M, En as N, Et as P, F, Ft as I, G as L, Gn as ee, Hn as te, I as R, It as ne, J as z, Jn as re, Jt as ie, K as ae, Kt as oe, L as se, Ln as ce, Mn as le, Mt as ue, Nn as de, Nt as fe, On as pe, Ot as me, P as he, Pn as ge, Q as _e, Qn as ve, R as ye, Rn as be, St as xe, Tn as Se, U as Ce, Un as we, Ut as Te, W as Ee, X as De, Xn as Oe, Xt as ke, Y as Ae, Yn as je, Z as Me, Zn as Ne, Zt as Pe, _ as Fe, a as Ie, an as Le, at as Re, b as ze, bn as Be, bt as Ve, cn as He, dn as Ue, dt as We, en as Ge, er as Ke, et as qe, g as Je, gn as Ye, i as Xe, in as Ze, ir as Qe, it as $e, j as et, jt as tt, k as nt, kn as rt, ln as it, lt as at, n as ot, o as st, on as ct, ot as lt, q as ut, qt as dt, rr as ft, sn as pt, st as mt, tr as ht, un as gt, ut as _t, v as vt, xn as yt, xt as bt, y as xt, yn as St, yt as Ct, z as wt, zn as Tt, zt as Et } from "./html-to-image-BMTAw0YV.js";
 import { o as Dt, s as Ot, u as kt } from "./dist-wdOJ5T7-.js";
 import { D as At, E as jt, O as Mt, S as Nt, T as Pt, _ as Ft, a as It, c as Lt, d as Rt, f as zt, g as Bt, h as Vt, i as Ht, l as Ut, m as Wt, n as Gt, o as Kt, p as qt, r as Jt, s as Yt, t as Xt, u as Zt, v as Qt, w as $t, x as en, y as tn } from "./spec-DNZWpXiu.js";
-import { $ as nn, $t as rn, A as an, At as on, B as sn, Bt as cn, C as ln, Cn as un, Ct as dn, D as fn, Dt as pn, E as mn, Et as hn, F as gn, Ft as _n, G as vn, Gt as yn, H as bn, Ht as xn, I as Sn, It as Cn, J as wn, Jt as Tn, K as En, Kt as Dn, L as On, Lt as kn, M as An, Mt as jn, N as Mn, Nt as Nn, O as Pn, P as Fn, Pt as In, Q as Ln, Qt as Rn, R as zn, Rt as Bn, S as Vn, Sn as Hn, St as Un, T as Wn, Tt as Gn, U as Kn, Ut as qn, V as Jn, Vt as Yn, W as Xn, Wt as Zn, X as Qn, Xt as $n, Y as er, Yt as tr, Z as nr, Zt as rr, _ as ir, _n as ar, _t as or, a as sr, an as cr, b as lr, bn as ur, bt as dr, cn as fr, ct as pr, dn as mr, dt as hr, en as gr, et as _r, fn as vr, ft as yr, g as br, gn as xr, gt as Sr, ht as Cr, i as wr, in as Tr, it as Er, j as Dr, jt as Or, k as kr, l as Ar, ln as jr, lt as Mr, m as Nr, mn as Pr, mt as Fr, n as Ir, nn as Lr, nt as Rr, on as zr, pn as Br, pt as Vr, q as Hr, qt as Ur, rn as Wr, rt as Gr, s as Kr, sn as qr, t as Jr, tn as Yr, tt as Xr, un as Zr, ut as Qr, v as $r, vn as ei, vt as ti, w as ni, wn as ri, wt as ii, x as ai, xn as oi, xt as si, y as ci, yn as li, yt as ui, z as di, zt as fi } from "./common-oQugGVKJ.js";
+import { $ as nn, $t as rn, A as an, At as on, B as sn, Bt as cn, C as ln, Cn as un, Ct as dn, D as fn, Dt as pn, E as mn, Et as hn, F as gn, Ft as _n, G as vn, Gt as yn, H as bn, Ht as xn, I as Sn, It as Cn, J as wn, Jt as Tn, K as En, Kt as Dn, L as On, Lt as kn, M as An, Mt as jn, N as Mn, Nt as Nn, O as Pn, P as Fn, Pt as In, Q as Ln, Qt as Rn, R as zn, Rt as Bn, S as Vn, Sn as Hn, St as Un, T as Wn, Tt as Gn, U as Kn, Ut as qn, V as Jn, Vt as Yn, W as Xn, Wt as Zn, X as Qn, Xt as $n, Y as er, Yt as tr, Z as nr, Zt as rr, _ as ir, _n as ar, _t as or, a as sr, an as cr, b as lr, bn as ur, bt as dr, cn as fr, ct as pr, dn as mr, dt as hr, en as gr, et as _r, fn as vr, ft as yr, g as br, gn as xr, gt as Sr, ht as Cr, i as wr, in as Tr, it as Er, j as Dr, jt as Or, k as kr, l as Ar, ln as jr, lt as Mr, m as Nr, mn as Pr, mt as Fr, n as Ir, nn as Lr, nt as Rr, on as zr, pn as Br, pt as Vr, q as Hr, qt as Ur, rn as Wr, rt as Gr, s as Kr, sn as qr, t as Jr, tn as Yr, tt as Xr, un as Zr, ut as Qr, v as $r, vn as ei, vt as ti, w as ni, wn as ri, wt as ii, x as ai, xn as oi, xt as si, y as ci, yn as li, yt as ui, z as di, zt as fi } from "./common-BEKbkdQp.js";
 import { c as pi, i as mi, n as hi, o as gi, t as _i } from "./useLifecycle-foJH5Q8T.js";
 import { t as vi } from "./check-BcJDmQdF.js";
 import { A as yi, C as bi, D as xi, E as Si, F as Ci, I as wi, M as Ti, N as Ei, P as Di, R as Oi, S as ki, a as Ai, b as ji, c as Mi, i as Ni, j as Pi, l as Fi, n as Ii, o as Li, r as Ri, s as zi, t as Bi, w as Vi, x as Hi } from "./select-DQ9jU_B_.js";
@@ -27043,7 +27043,7 @@ function AV(e, t) {
 }
 //#endregion
 //#region src/plugins/impl/vega/VegaPlugin.tsx
-var jV = q.lazy(() => import("./vega-component-PYsP9Jod.js")), MV = class {
+var jV = q.lazy(() => import("./vega-component-LgU-A6O9.js")), MV = class {
 	tagName = "marimo-vega";
 	validator = B({
 		spec: B({}).passthrough().transform((e) => e),
@@ -35311,7 +35311,7 @@ function aJ(e) {
 }
 //#endregion
 //#region src/components/editor/renderers/slides-layout/slides-layout.tsx
-var oJ = q.lazy(() => import("./reveal-component-D-C1xr_I.js")), sJ = (e) => {
+var oJ = q.lazy(() => import("./reveal-component-BkBZwd8P.js")), sJ = (e) => {
 	let t = (0, Y.c)(33), { layout: n, setLayout: r, cells: i, mode: a } = e, o = qm(me), s = a === "read" || o, c = qm(Ae) > 1, [l, u] = (0, q.useState)(null), d;
 	t[0] !== i || t[1] !== n ? (d = rW(i, n), t[0] = i, t[1] = n, t[2] = d) : d = t[2];
 	let { slideCells: f, skippedIds: p, noOutputIds: m, slideTypes: h, startCellIndex: g } = d, _;

package/dist/{reveal-component-D-C1xr_I.js → reveal-component-BkBZwd8P.js}

@@ -4,7 +4,7 @@ import { t as o } from "./react-DMWcHin-.js";
 import { t as s } from "./compiler-runtime-CAH9RLw2.js";
 import { Ot as c, ot as l } from "./html-to-image-BMTAw0YV.js";
 import { u } from "./dist-wdOJ5T7-.js";
-import { at as d, c as f, g as p, h as m, hn as h, l as g, mn as _, n as v, o as y, ot as b, r as x, st as S, t as C, u as w, vn as T } from "./common-oQugGVKJ.js";
+import { at as d, c as f, g as p, h as m, hn as h, l as g, mn as _, n as v, o as y, ot as b, r as x, st as S, t as C, u as w, vn as T } from "./common-BEKbkdQp.js";
 import { R as E } from "./select-DQ9jU_B_.js";
 import { Y as D } from "./dropdown-menu-Baf29jmS.js";
 import { t as O } from "./jsx-runtime-CpoKNRgu.js";

package/dist/{vega-component-PYsP9Jod.js → vega-component-LgU-A6O9.js}

@@ -1,31 +1,31 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
-import { g as t, h as n, m as r } from "./button-DlqUC8W-.js";
-import { t as i } from "./react-DMWcHin-.js";
-import { t as a } from "./compiler-runtime-CAH9RLw2.js";
-import { c as o, v as s } from "./toDate-DfFzRDkN.js";
-import { t as c } from "./jsx-runtime-CpoKNRgu.js";
-import { n as l } from "./error-banner-xVkWHg51.js";
-import { t as u } from "./tooltip-7p_32zdw.js";
-import { t as d } from "./debounce-C3jyATpc.js";
-import { j as f, n as p } from "./useTheme-C2ZreN00.js";
+import { g as t, h as n, m as r, o as i } from "./button-DlqUC8W-.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-DfFzRDkN.js";
+import { t as l } from "./jsx-runtime-CpoKNRgu.js";
+import { n as u } from "./error-banner-xVkWHg51.js";
+import { t as d } from "./tooltip-7p_32zdw.js";
+import { t as f } from "./debounce-C3jyATpc.js";
+import { j as p, n as ee } from "./useTheme-C2ZreN00.js";
 import { c as m } from "./arrays-CN1djC4k.js";
-import { t as ee } from "./objects-CzUgoMIF.js";
+import { t as te } from "./objects-CzUgoMIF.js";
 import { t as h } from "./useAsyncData-Cyh2jLTR.js";
-import { a as te, i as ne, n as re, t as g } from "./formats-nPPeLOk2.js";
-import { A as ie, n as ae } from "./vega-loader.browser-DEggZzni.js";
-import { t as oe } from "./react-vega-DSD5aT7_.js";
-import { a as se, n as _ } from "./loader-D8jS1unC.js";
-import { t as ce } from "./useDeepCompareMemoize-BqcHK9ZZ.js";
-import { t as le } from "./semaphore-89jsoHtS.js";
-import { t as ue } from "./use-vega-container-remeasure-DUW4tRxq.js";
+import { a as ne, i as re, n as ie, t as g } from "./formats-nPPeLOk2.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-D8jS1unC.js";
+import { t as le } from "./useDeepCompareMemoize-BqcHK9ZZ.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
-var v = /* @__PURE__ */ e(i(), 1), de = a();
-function fe(e) {
-	return e.data && "url" in e.data && (e.data.url = o(e.data.url).href), e;
+var fe = /* @__PURE__ */ e(a(), 1), pe = o();
+function me(e) {
+	return e.data && "url" in e.data && (e.data.url = s(e.data.url).href), e;
 }
 //#endregion
 //#region src/plugins/impl/vega/types.ts
-var y = {
+var v = {
 	arc: "arc",
 	area: "area",
 	bar: "bar",
@@ -40,23 +40,23 @@ var y = {
 	circle: "circle",
 	square: "square",
 	geoshape: "geoshape"
-}, b = /* @__PURE__ */ new Set([
+}, y = /* @__PURE__ */ new Set([
 	"boxplot",
 	"errorband",
 	"errorbar"
-]), x = {
+]), b = {
 	getMarkType(e) {
 		let t = typeof e == "string" ? e : e.type;
-		if (b.has(t)) throw Error("Not supported");
+		if (y.has(t)) throw Error("Not supported");
 		return t;
 	},
 	isInteractive(e) {
 		let t = typeof e == "string" ? e : e.type;
-		return !b.has(t);
+		return !y.has(t);
 	},
 	makeClickable(e) {
 		let t = typeof e == "string" ? e : e.type;
-		return t in y ? typeof e == "string" ? {
+		return t in v ? typeof e == "string" ? {
 			type: e,
 			cursor: "pointer",
 			tooltip: !0
@@ -70,7 +70,7 @@ var y = {
 	getOpacity(e) {
 		return typeof e == "string" ? null : "opacity" in e && typeof e.opacity == "number" ? e.opacity : null;
 	}
-}, S = {
+}, x = {
 	point(e) {
 		return e == null ? "select_point" : `select_point_${e}`;
 	},
@@ -100,10 +100,14 @@ var y = {
 	isBinColoring(e) {
 		return e.startsWith("bin_coloring");
 	}
-}, C = {
+};
+function S() {
+	return i() ? "metaKey" : "ctrlKey";
+}
+var C = {
 	highlight() {
 		return {
-			name: S.HIGHLIGHT,
+			name: x.HIGHLIGHT,
 			select: {
 				type: "point",
 				on: "mouseover"
@@ -111,8 +115,9 @@ var y = {
 		};
 	},
 	interval(e, t) {
+		let n = S();
 		return {
-			name: S.interval(t),
+			name: x.interval(t),
 			select: {
 				type: "interval",
 				encodings: w(e),
@@ -122,33 +127,33 @@ var y = {
 					stroke: "#669EFF",
 					strokeOpacity: .4
 				},
-				on: "[mousedown[!event.metaKey], mouseup] > mousemove[!event.metaKey]",
-				translate: "[mousedown[!event.metaKey], mouseup] > mousemove[!event.metaKey]"
+				on: `[mousedown[!event.${n}], mouseup] > mousemove[!event.${n}]`,
+				translate: `[mousedown[!event.${n}], mouseup] > mousemove[!event.${n}]`
 			}
 		};
 	},
 	point(e, t) {
 		return {
-			name: S.point(t),
+			name: x.point(t),
 			select: {
 				type: "point",
 				encodings: w(e),
-				on: "click[!event.metaKey]"
+				on: `click[!event.${S()}]`
 			}
 		};
 	},
 	binColoring(e) {
 		return {
-			name: S.binColoring(e),
+			name: x.binColoring(e),
 			select: {
 				type: "point",
-				on: "click[!event.metaKey]"
+				on: `click[!event.${S()}]`
 			}
 		};
 	},
 	legend(e) {
 		return {
-			name: S.legendSelection(e),
+			name: x.legendSelection(e),
 			select: {
 				type: "point",
 				fields: [e]
@@ -157,37 +162,38 @@ var y = {
 		};
 	},
 	panZoom() {
+		let e = S();
 		return {
-			name: S.PAN_ZOOM,
+			name: x.PAN_ZOOM,
 			bind: "scales",
 			select: {
 				type: "interval",
-				on: "[mousedown[event.metaKey], window:mouseup] > window:mousemove!",
-				translate: "[mousedown[event.metaKey], window:mouseup] > window:mousemove!",
-				zoom: "wheel![event.metaKey]"
+				on: `[mousedown[event.${e}], window:mouseup] > window:mousemove!`,
+				translate: `[mousedown[event.${e}], window:mouseup] > window:mousemove!`,
+				zoom: `wheel![event.${e}]`
 			}
 		};
 	}
 };
 function w(e) {
-	switch (x.getMarkType(e.mark)) {
-		case y.image:
-		case y.trail: return;
-		case y.area:
-		case y.arc: return ["color"];
-		case y.bar: {
+	switch (b.getMarkType(e.mark)) {
+		case v.image:
+		case v.trail: return;
+		case v.area:
+		case v.arc: return ["color"];
+		case v.bar: {
 			let t = E(e);
 			return t === "horizontal" ? ["y"] : t === "vertical" ? ["x"] : void 0;
 		}
-		case y.circle:
-		case y.geoshape:
-		case y.line:
-		case y.point:
-		case y.rect:
-		case y.rule:
-		case y.square:
-		case y.text:
-		case y.tick: return ["x", "y"];
+		case v.circle:
+		case v.geoshape:
+		case v.line:
+		case v.point:
+		case v.rect:
+		case v.rule:
+		case v.square:
+		case v.text:
+		case v.tick: return ["x", "y"];
 	}
 }
 function T(e) {
@@ -229,10 +235,10 @@ var k = /* @__PURE__ */ new Set([
 	"size"
 ]);
 function A(e, t, n, r) {
-	let i = n.filter((e) => S.isBinColoring(e)), a = { and: (i.length > 0 ? i : n).map((e) => ({ param: e })) };
+	let i = n.filter((e) => x.isBinColoring(e)), a = { and: (i.length > 0 ? i : n).map((e) => ({ param: e })) };
 	switch (e) {
 		case "opacity": {
-			let e = x.getOpacity(r) || 1;
+			let e = b.getOpacity(r) || 1;
 			return {
 				...t,
 				opacity: {
@@ -334,13 +340,13 @@ function I(e, t) {
 	} : "hconcat" in e && Array.isArray(e.hconcat) ? {
 		...e,
 		hconcat: e.hconcat.map((e) => I(e, t))
-	} : "layer" in e ? e : "mark" in e && x.isInteractive(e.mark) ? {
+	} : "layer" in e ? e : "mark" in e && b.isInteractive(e.mark) ? {
 		...e,
-		mark: x.makeClickable(e.mark),
+		mark: b.makeClickable(e.mark),
 		encoding: A("opacity", e.encoding || {}, t, e.mark)
 	} : e;
 }
-function pe(e, t) {
+function he(e, t) {
 	let { chartSelection: n = !0, fieldSelection: r = !0 } = t;
 	if (!n && !r) return e;
 	e.params?.some((e) => e.bind === "legend") && (r = !1);
@@ -349,7 +355,7 @@ function pe(e, t) {
 	let a = "vconcat" in e || "hconcat" in e;
 	if (i && a) return e;
 	if ("vconcat" in e) {
-		let t = e.vconcat.map((e) => "mark" in e ? pe(e, {
+		let t = e.vconcat.map((e) => "mark" in e ? he(e, {
 			chartSelection: n,
 			fieldSelection: r
 		}) : e);
@@ -359,7 +365,7 @@ function pe(e, t) {
 		});
 	}
 	if ("hconcat" in e) {
-		let t = e.hconcat.map((e) => "mark" in e ? pe(e, {
+		let t = e.hconcat.map((e) => "mark" in e ? he(e, {
 			chartSelection: n,
 			fieldSelection: r
 		}) : e);
@@ -391,7 +397,7 @@ function pe(e, t) {
 			layer: o
 		};
 	}
-	if (!("mark" in e) || !x.isInteractive(e.mark)) return e;
+	if (!("mark" in e) || !b.isInteractive(e.mark)) return e;
 	let o = e;
 	return o = L(o, r), o = R(o, n, void 0), o = B(o), o = z(o), o;
 }
@@ -409,7 +415,7 @@ function R(e, t, n) {
 	if (t === !1) return e;
 	let r;
 	try {
-		r = x.getMarkType(e.mark);
+		r = b.getMarkType(e.mark);
 	} catch {
 		return e;
 	}
@@ -425,7 +431,7 @@ function R(e, t, n) {
 function z(e) {
 	let t;
 	try {
-		t = x.getMarkType(e.mark);
+		t = b.getMarkType(e.mark);
 	} catch {}
 	if (t === "geoshape") return e;
 	let n = e.params || [];
@@ -436,9 +442,9 @@ function z(e) {
 }
 function B(e) {
 	let t = "encoding" in e ? e.encoding : void 0, n = e.params || [], r = n.map((e) => e.name);
-	return n.length === 0 || !x.isInteractive(e.mark) ? e : {
+	return n.length === 0 || !b.isInteractive(e.mark) ? e : {
 		...e,
-		mark: x.makeClickable(e.mark),
+		mark: b.makeClickable(e.mark),
 		encoding: A("opacity", t || {}, r, e.mark)
 	};
 }
@@ -457,7 +463,7 @@ function V(e) {
 var H = 5;
 async function U(e) {
 	if (!e) return e;
-	let t = "datasets" in e ? { ...e.datasets } : {}, n = new le(H), r = async (e) => {
+	let t = "datasets" in e ? { ...e.datasets } : {}, n = new ue(H), r = async (e) => {
 		if (!e) return e;
 		if ("layer" in e) {
 			let t = await Promise.all(e.layer.map(r));
@@ -486,12 +492,12 @@ async function U(e) {
 		}), !e.data || !("url" in e.data)) return e;
 		let i;
 		try {
-			i = o(e.data.url);
+			i = s(e.data.url);
 		} catch {
 			return e;
 		}
-		let a = e.data.format, s = await n.run(() => _(i.href, a));
-		return t[i.pathname] = s, {
+		let a = e.data.format, o = await n.run(() => _(i.href, a));
+		return t[i.pathname] = o, {
 			...e,
 			data: { name: i.pathname }
 		};
@@ -503,15 +509,15 @@ async function U(e) {
 }
 //#endregion
 //#region src/plugins/impl/vega/vega-component.tsx
-var W = c();
-ae("arrow", g);
+var W = l();
+oe("arrow", g);
 var G = (e) => {
-	let t = (0, de.c)(12), { value: n, setValue: r, chartSelection: i, fieldSelection: a, spec: o, embedOptions: s } = e, c, u;
-	t[0] === o ? (c = t[1], u = t[2]) : (c = async () => U(o), u = [o], t[0] = o, t[1] = c, t[2] = u);
-	let { data: d, error: f } = h(c, u);
+	let t = (0, pe.c)(12), { value: n, setValue: r, chartSelection: i, fieldSelection: a, spec: o, embedOptions: s } = e, c, l;
+	t[0] === o ? (c = t[1], l = t[2]) : (c = async () => U(o), l = [o], t[0] = o, t[1] = c, t[2] = l);
+	let { data: d, error: f } = h(c, l);
 	if (f) {
 		let e;
-		return t[3] === f ? e = t[4] : (e = /* @__PURE__ */ (0, W.jsx)(l, { error: f }), t[3] = f, t[4] = e), e;
+		return t[3] === f ? e = t[4] : (e = /* @__PURE__ */ (0, W.jsx)(u, { error: f }), t[3] = f, t[4] = e), e;
 	}
 	if (!d) return null;
 	let p;
@@ -524,140 +530,144 @@ var G = (e) => {
 		embedOptions: s
 	}), t[5] = i, t[6] = s, t[7] = a, t[8] = d, t[9] = r, t[10] = n, t[11] = p) : p = t[11], p;
 }, K = (e) => {
-	let i = (0, de.c)(50), { value: a, setValue: o, chartSelection: c, fieldSelection: l, spec: m, embedOptions: h } = e, { theme: te } = p(), g = (0, v.useRef)(null), ae = (0, v.useRef)(void 0), [_, le] = (0, v.useState)(), y;
+	let a = (0, pe.c)(50), { value: o, setValue: s, chartSelection: l, fieldSelection: u, spec: m, embedOptions: h } = e, { theme: ne } = ee(), g = (0, fe.useRef)(null), oe = (0, fe.useRef)(void 0), [_, ue] = (0, fe.useState)(), v;
 	bb0: {
 		if (h && "actions" in h) {
-			y = h.actions;
+			v = h.actions;
 			break bb0;
 		}
 		let e;
-		i[0] === Symbol.for("react.memo_cache_sentinel") ? (e = {
+		a[0] === Symbol.for("react.memo_cache_sentinel") ? (e = {
 			source: !1,
 			compiled: !1
-		}, i[0] = e) : e = i[0], y = e;
+		}, a[0] = e) : e = a[0], v = e;
 	}
-	let b = y, x = ce(m), C;
-	i[1] !== c || i[2] !== l || i[3] !== x ? (C = pe(fe(x), {
-		chartSelection: c,
-		fieldSelection: l
-	}), i[1] = c, i[2] = l, i[3] = x, i[4] = C) : C = i[4];
-	let w = C, E;
-	i[5] === w ? E = i[6] : (E = T(w), i[5] = w, i[6] = E);
-	let D = E, O;
-	i[7] !== o || i[8] !== a ? (O = (e) => {
-		o({
-			...a,
+	let y = v, b = le(m), S;
+	a[1] !== l || a[2] !== u || a[3] !== b ? (S = he(me(b), {
+		chartSelection: l,
+		fieldSelection: u
+	}), a[1] = l, a[2] = u, a[3] = b, a[4] = S) : S = a[4];
+	let C = S, w;
+	a[5] === C ? w = a[6] : (w = T(C), a[5] = C, a[6] = w);
+	let E = w, D;
+	a[7] !== s || a[8] !== o ? (D = (e) => {
+		s({
+			...o,
 			...e
 		});
-	}, i[7] = o, i[8] = a, i[9] = O) : O = i[9];
-	let k = f(O), A;
-	i[10] === k ? A = i[11] : (A = d((e, n) => {
+	}, a[7] = s, a[8] = o, a[9] = D) : D = a[9];
+	let O = p(D), k;
+	a[10] === O ? k = a[11] : (k = f((e, n) => {
 		t.debug("[Vega signal]", e, n);
-		let r = ee.mapValues(n, he);
-		r = ee.mapValues(r, me), k({ [e]: r });
-	}, 100), i[10] = k, i[11] = A);
-	let j = A, M = ce(D), N;
-	if (i[12] !== j || i[13] !== M) {
+		let r = te.mapValues(n, _e);
+		r = te.mapValues(r, ge), O({ [e]: r });
+	}, 100), a[10] = O, a[11] = k);
+	let A = k, j = le(E), M;
+	if (a[12] !== A || a[13] !== j) {
 		let e;
-		i[15] === j ? e = i[16] : (e = (e, t) => (S.PAN_ZOOM === t || S.isBinColoring(t) || e.push({
+		a[15] === A ? e = a[16] : (e = (e, t) => (x.PAN_ZOOM === t || x.isBinColoring(t) || e.push({
 			signalName: t,
-			handler: (e, t) => j(e, t)
-		}), e), i[15] = j, i[16] = e), N = M.reduce(e, []), i[12] = j, i[13] = M, i[14] = N;
-	} else N = i[14];
-	let P = N, F;
-	i[17] === w ? F = i[18] : (F = (e) => {
-		t.error(e), t.debug(w), le(e);
-	}, i[17] = w, i[18] = F);
-	let I = f(F), L;
-	i[19] === Symbol.for("react.memo_cache_sentinel") ? (L = (e) => {
-		t.debug("[Vega view] created", e), ae.current = e, le(void 0);
-	}, i[19] = L) : L = i[19];
-	let R = f(L), z;
-	i[20] === D ? z = i[21] : (z = () => {
+			handler: (e, t) => A(e, t)
+		}), e), a[15] = A, a[16] = e), M = j.reduce(e, []), a[12] = A, a[13] = j, a[14] = M;
+	} else M = a[14];
+	let N = M, P;
+	a[17] === C ? P = a[18] : (P = (e) => {
+		t.error(e), t.debug(C), ue(e);
+	}, a[17] = C, a[18] = P);
+	let F = p(P), I;
+	a[19] === Symbol.for("react.memo_cache_sentinel") ? (I = (e) => {
+		t.debug("[Vega view] created", e), oe.current = e, ue(void 0);
+	}, a[19] = I) : I = a[19];
+	let L = p(I), R;
+	a[20] === E ? R = a[21] : (R = () => {
 		let e = [];
-		return S.hasPoint(D) && e.push(["Point selection", "click to select a point; hold shift for multi-select"]), S.hasInterval(D) && e.push(["Interval selection", "click and drag to select an interval"]), S.hasLegend(D) && e.push(["Legend selection", "click to select a legend item; hold shift for multi-select"]), S.hasPanZoom(D) && e.push(["Pan", "hold the meta key and drag"], ["Zoom", "hold the meta key and scroll"]), e.length === 0 ? null : /* @__PURE__ */ (0, W.jsx)(u, {
+		if (x.hasPoint(E) && e.push(["Point selection", "click to select a point; hold shift for multi-select"]), x.hasInterval(E) && e.push(["Interval selection", "click and drag to select an interval"]), x.hasLegend(E) && e.push(["Legend selection", "click to select a legend item; hold shift for multi-select"]), x.hasPanZoom(E)) {
+			let t = i() ? "⌘" : "ctrl";
+			e.push(["Pan", `hold the ${t} key and drag`], ["Zoom", `hold the ${t} key and scroll`]);
+		}
+		return e.length === 0 ? null : /* @__PURE__ */ (0, W.jsx)(d, {
 			delayDuration: 300,
 			side: "left",
 			content: /* @__PURE__ */ (0, W.jsx)("div", {
 				className: "text-xs flex flex-col",
-				children: e.map(ge)
+				children: e.map(ve)
 			}),
-			children: /* @__PURE__ */ (0, W.jsx)(s, { className: "absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground" })
+			children: /* @__PURE__ */ (0, W.jsx)(c, { className: "absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground" })
 		});
-	}, i[20] = D, i[21] = z);
-	let B = z, V = te === "dark" ? "dark" : void 0, H;
-	i[22] !== b || i[23] !== V ? (H = {
-		theme: V,
-		actions: b,
+	}, a[20] = E, a[21] = R);
+	let z = R, B = ne === "dark" ? "dark" : void 0, V;
+	a[22] !== y || a[23] !== B ? (V = {
+		theme: B,
+		actions: y,
 		mode: "vega-lite",
-		tooltip: se.call,
+		tooltip: ce.call,
 		renderer: "canvas"
-	}, i[22] = b, i[23] = V, i[24] = H) : H = i[24];
-	let U;
-	i[25] !== I || i[26] !== R || i[27] !== w || i[28] !== H ? (U = {
+	}, a[22] = y, a[23] = B, a[24] = V) : V = a[24];
+	let H;
+	a[25] !== F || a[26] !== L || a[27] !== C || a[28] !== V ? (H = {
 		ref: g,
-		spec: w,
-		options: H,
-		onError: I,
-		onEmbed: R
-	}, i[25] = I, i[26] = R, i[27] = w, i[28] = H, i[29] = U) : U = i[29];
-	let G = oe(U), K;
-	i[30] === w ? K = i[31] : (K = ie(w), i[30] = w, i[31] = K);
-	let q = K;
-	ue(g, q === "container");
-	let J, Y;
-	i[32] !== G || i[33] !== P ? (J = () => (P.forEach((e) => {
+		spec: C,
+		options: V,
+		onError: F,
+		onEmbed: L
+	}, a[25] = F, a[26] = L, a[27] = C, a[28] = V, a[29] = H) : H = a[29];
+	let U = se(H), G;
+	a[30] === C ? G = a[31] : (G = ae(C), a[30] = C, a[31] = G);
+	let K = G;
+	de(g, K === "container");
+	let q, J;
+	a[32] !== U || a[33] !== N ? (q = () => (N.forEach((e) => {
 		let { signalName: n, handler: r } = e;
 		try {
-			G?.view.addSignalListener(n, r);
+			U?.view.addSignalListener(n, r);
 		} catch (e) {
 			let n = e;
 			t.error(n);
 		}
 	}), () => {
-		P.forEach((e) => {
+		N.forEach((e) => {
 			let { signalName: n, handler: r } = e;
 			try {
-				G?.view.removeSignalListener(n, r);
+				U?.view.removeSignalListener(n, r);
 			} catch (e) {
 				let n = e;
 				t.error(n);
 			}
 		});
-	}), Y = [G, P], i[32] = G, i[33] = P, i[34] = J, i[35] = Y) : (J = i[34], Y = i[35]), (0, v.useEffect)(J, Y);
-	let X;
-	i[36] === _ ? X = i[37] : (X = _ && /* @__PURE__ */ (0, W.jsxs)(re, {
+	}), J = [U, N], a[32] = U, a[33] = N, a[34] = q, a[35] = J) : (q = a[34], J = a[35]), (0, fe.useEffect)(q, J);
+	let Y;
+	a[36] === _ ? Y = a[37] : (Y = _ && /* @__PURE__ */ (0, W.jsxs)(ie, {
 		variant: "destructive",
-		children: [/* @__PURE__ */ (0, W.jsx)(ne, { children: _.message }), /* @__PURE__ */ (0, W.jsx)("div", {
+		children: [/* @__PURE__ */ (0, W.jsx)(re, { children: _.message }), /* @__PURE__ */ (0, W.jsx)("div", {
 			className: "text-md",
 			children: _.stack
 		})]
-	}), i[36] = _, i[37] = X);
-	let _e, ve;
-	i[38] === Symbol.for("react.memo_cache_sentinel") ? (_e = n("relative"), ve = r.stopPropagation(), i[38] = _e, i[39] = ve) : (_e = i[38], ve = i[39]);
+	}), a[36] = _, a[37] = Y);
+	let X, ye;
+	a[38] === Symbol.for("react.memo_cache_sentinel") ? (X = n("relative"), ye = r.stopPropagation(), a[38] = X, a[39] = ye) : (X = a[38], ye = a[39]);
 	let Z;
-	i[40] === q ? Z = i[41] : (Z = /* @__PURE__ */ (0, W.jsx)("div", {
+	a[40] === K ? Z = a[41] : (Z = /* @__PURE__ */ (0, W.jsx)("div", {
 		ref: g,
-		"data-container-width": q
-	}), i[40] = q, i[41] = Z);
+		"data-container-width": K
+	}), a[40] = K, a[41] = Z);
 	let Q;
-	i[42] === B ? Q = i[43] : (Q = B(), i[42] = B, i[43] = Q);
+	a[42] === z ? Q = a[43] : (Q = z(), a[42] = z, a[43] = Q);
 	let $;
-	i[44] !== Z || i[45] !== Q ? ($ = /* @__PURE__ */ (0, W.jsxs)("div", {
-		className: _e,
-		onPointerDown: ve,
+	a[44] !== Z || a[45] !== Q ? ($ = /* @__PURE__ */ (0, W.jsxs)("div", {
+		className: X,
+		onPointerDown: ye,
 		children: [Z, Q]
-	}), i[44] = Z, i[45] = Q, i[46] = $) : $ = i[46];
-	let ye;
-	return i[47] !== X || i[48] !== $ ? (ye = /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [X, $] }), i[47] = X, i[48] = $, i[49] = ye) : ye = i[49], ye;
+	}), a[44] = Z, a[45] = Q, a[46] = $) : $ = a[46];
+	let be;
+	return a[47] !== Y || a[48] !== $ ? (be = /* @__PURE__ */ (0, W.jsxs)(W.Fragment, { children: [Y, $] }), a[47] = Y, a[48] = $, a[49] = be) : be = a[49], be;
 };
-function me(e) {
+function ge(e) {
 	return e instanceof Set ? [...e] : e;
 }
-function he(e) {
-	return Array.isArray(e) ? e.map((e) => e instanceof Date && te(e) ? new Date(e).getTime() : e) : e;
+function _e(e) {
+	return Array.isArray(e) ? e.map((e) => e instanceof Date && ne(e) ? new Date(e).getTime() : e) : e;
 }
-function ge(e, t) {
+function ve(e, t) {
 	return /* @__PURE__ */ (0, W.jsxs)("div", { children: [
 		/* @__PURE__ */ (0, W.jsxs)("span", {
 			className: "font-bold tracking-wide",

package/package.json

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