@marimo-team/islands 0.25.3-dev29 → 0.25.3-dev290

package/dist/{ConnectedDataExplorerComponent-7EaP9VWb.js → ConnectedDataExplorerComponent-CErm132k.js}

@@ -1,22 +1,23 @@
 import { a as e, i as t, n, r, t as i } from "./rolldown-runtime-Cb76FRpK.js";
-import { g as a, h as o, t as s } from "./button-CvjkwdSk.js";
+import { g as a, h as o, t as s } from "./button-DZuNnIZO.js";
 import { t as c } from "./react-sHtZdjeP.js";
 import { t as l } from "./compiler-runtime-CldRdSsv.js";
-import { h as u, t as d } from "./tooltip-CtBZ5q8p.js";
-import { D as f, t as p } from "./spec-D_u2ipzF.js";
-import { a as m, c as h, i as g, o as _, r as v, s as y, t as b } from "./useLifecycle-Dfq8UD-b.js";
-import { a as x, t as S } from "./useDateFormatter-DkajGwwd.js";
-import { a as C, b as w, c as T, i as E, n as D, o as O, r as ee, s as te, t as ne } from "./select-DemoKT4G.js";
+import { h as u, t as d } from "./tooltip-DMMiOn2f.js";
+import { D as f, t as p } from "./spec-BZMDxAu7.js";
+import { a as m, i as h, o as g, r as _, s as v, t as y } from "./useLifecycle-SniivYmC.js";
+import { a as b, t as x } from "./useDateFormatter-CPlava52.js";
+import { a as S, c as C, d as w, i as T, n as ee, o as E, r as te, s as ne, t as re, x as D } from "./select-DsoP1qe8.js";
+import { r as O } from "./assertNever-B-YzWzbL.js";
 import { t as k } from "./jsx-runtime-3BD1kT0s.js";
-import { n as re } from "./error-banner-CFPHFw4h.js";
-import { n as ie, t as ae } from "./label-DoysmLMW.js";
-import { C as oe, D as se, E as ce, n as le, x as ue } from "./useTheme-Bu5bBgrh.js";
+import { Ft as ie, Nt as ae, Rt as oe, u as se, zt as ce } from "./use-restore-focus-CosX7-gx.js";
+import { n as le } from "./error-banner-CHCdHVFB.js";
+import { t as ue } from "./objects-DCmMvZtn.js";
 import { t as de } from "./invariant-DLmrl-hA.js";
-import { t as fe } from "./objects-CzUgoMIF.js";
-import { t as pe } from "./useAsyncData-BneN349z.js";
-import { D as me } from "./vega-loader.browser-CpbZAXub.js";
-import { n as he, r as ge } from "./react-vega-BDpbvBCb.js";
-import { a as _e, n as ve } from "./loader-BPdQhmlq.js";
+import { t as fe } from "./createReducer-DRqwmaTc.js";
+import { t as pe } from "./useAsyncData-Ci4AvJff.js";
+import { D as me } from "./vega-loader.browser-B9Pz0EGP.js";
+import { n as he, r as ge } from "./react-vega-C4T9Rb_w.js";
+import { a as _e, n as ve } from "./loader-DZvtzQoD.js";
 var ye = u("chart-column-big", [
 	["path", {
 		d: "M3 3v16a2 2 0 0 0 2 2h16",
@@ -5369,10 +5370,10 @@ function Ol(e, t, n) {
 //#endregion
 //#region src/plugins/impl/data-explorer/components/icons.tsx
 var kl = /* @__PURE__ */ e(c(), 1), $ = k(), Al = {
-	[X.BOOLEAN]: /* @__PURE__ */ (0, $.jsx)(_, { className: "h-5 w-5 inline-flex opacity-60" }),
-	[X.DATETIME]: /* @__PURE__ */ (0, $.jsx)(h, { className: "h-5 w-5 inline-flex opacity-60" }),
-	[X.NUMBER]: /* @__PURE__ */ (0, $.jsx)(y, { className: "h-5 w-5 inline-flex opacity-60" }),
-	[X.STRING]: /* @__PURE__ */ (0, $.jsx)(m, { className: "h-5 w-5 inline-flex opacity-60" }),
+	[X.BOOLEAN]: /* @__PURE__ */ (0, $.jsx)(m, { className: "h-5 w-5 inline-flex opacity-60" }),
+	[X.DATETIME]: /* @__PURE__ */ (0, $.jsx)(v, { className: "h-5 w-5 inline-flex opacity-60" }),
+	[X.NUMBER]: /* @__PURE__ */ (0, $.jsx)(g, { className: "h-5 w-5 inline-flex opacity-60" }),
+	[X.STRING]: /* @__PURE__ */ (0, $.jsx)(h, { className: "h-5 w-5 inline-flex opacity-60" }),
 	[X.INTEGER]: /* @__PURE__ */ (0, $.jsx)(be, { className: "h-5 w-5 inline-flex opacity-60" })
 }, jl = 12, Ml = (e) => {
 	let t = (0, xe.c)(45), { schema: n } = e, [r, i] = (0, kl.useState)(), [a, c] = (0, kl.useState)(), l, u, d, f, p, m, h, g;
@@ -5401,7 +5402,9 @@ var kl = /* @__PURE__ */ e(c(), 1), $ = k(), Al = {
 				channel: "x",
 				field: e
 			});
-			return /* @__PURE__ */ (0, $.jsxs)("span", {
+			return /* @__PURE__ */ (0, $.jsxs)("button", {
+				type: "button",
+				"aria-pressed": r === e,
 				className: o("hover:bg-muted self-start px-2 py-2 rounded flex flex-row gap-1 items-center cursor-pointer lg:justify-center text-sm truncate shrink-0 overflow-hidden", r === e && "bg-muted"),
 				onClick: () => {
 					if (r === e) {
@@ -5444,12 +5447,12 @@ var kl = /* @__PURE__ */ e(c(), 1), $ = k(), Al = {
 		i(e);
 	}, t[25] = x) : x = t[25];
 	let S;
-	t[26] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ (0, $.jsx)(te, {
+	t[26] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ (0, $.jsx)(ne, {
 		className: "min-w-[210px] h-full",
-		children: /* @__PURE__ */ (0, $.jsx)(T, { placeholder: "Select a column" })
+		children: /* @__PURE__ */ (0, $.jsx)(C, { placeholder: "Select a column" })
 	}), t[26] = S) : S = t[26];
-	let C;
-	t[27] === n ? C = t[28] : (C = n.fieldNames().map((e) => /* @__PURE__ */ (0, $.jsx)(E, {
+	let w;
+	t[27] === n ? w = t[28] : (w = n.fieldNames().map((e) => /* @__PURE__ */ (0, $.jsx)(T, {
 		value: e.toString(),
 		children: /* @__PURE__ */ (0, $.jsxs)("span", {
 			className: "flex items-center gap-2 flex-1",
@@ -5469,22 +5472,22 @@ var kl = /* @__PURE__ */ e(c(), 1), $ = k(), Al = {
 				})
 			]
 		})
-	}, e)), t[27] = n, t[28] = C);
-	let w;
-	t[29] === C ? w = t[30] : (w = /* @__PURE__ */ (0, $.jsx)(D, { children: /* @__PURE__ */ (0, $.jsx)(ee, { children: C }) }), t[29] = C, t[30] = w);
-	let O;
-	t[31] !== w || t[32] !== y || t[33] !== b ? (O = /* @__PURE__ */ (0, $.jsx)("div", {
+	}, e)), t[27] = n, t[28] = w);
+	let E;
+	t[29] === w ? E = t[30] : (E = /* @__PURE__ */ (0, $.jsx)(ee, { children: /* @__PURE__ */ (0, $.jsx)(te, { children: w }) }), t[29] = w, t[30] = E);
+	let D;
+	t[31] !== E || t[32] !== y || t[33] !== b ? (D = /* @__PURE__ */ (0, $.jsx)("div", {
 		className: "lg:hidden",
-		children: /* @__PURE__ */ (0, $.jsxs)(ne, {
+		children: /* @__PURE__ */ (0, $.jsxs)(re, {
 			"data-testid": "marimo-plugin-data-explorer-column-select",
 			value: y,
 			disabled: b,
 			onValueChange: x,
-			children: [S, w]
+			children: [S, E]
 		})
-	}), t[31] = w, t[32] = y, t[33] = b, t[34] = O) : O = t[34];
-	let k;
-	t[35] !== r || t[36] !== d ? (k = r && /* @__PURE__ */ (0, $.jsx)("div", {
+	}), t[31] = E, t[32] = y, t[33] = b, t[34] = D) : D = t[34];
+	let O;
+	t[35] !== r || t[36] !== d ? (O = r && /* @__PURE__ */ (0, $.jsx)("div", {
 		className: "grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-2 p-2 text-sm",
 		children: Nl.map((e) => /* @__PURE__ */ (0, $.jsxs)("div", {
 			className: "flex flex-row gap-2 min-w-[100px]",
@@ -5493,18 +5496,18 @@ var kl = /* @__PURE__ */ e(c(), 1), $ = k(), Al = {
 				children: e
 			}), /* @__PURE__ */ (0, $.jsx)("span", { children: /* @__PURE__ */ (0, $.jsx)(Pl, { value: d?.[e] }) })]
 		}, e))
-	}), t[35] = r, t[36] = d, t[37] = k) : k = t[37];
-	let re;
-	return t[38] !== O || t[39] !== k || t[40] !== m || t[41] !== h || t[42] !== g || t[43] !== v ? (re = /* @__PURE__ */ (0, $.jsxs)("div", {
+	}), t[35] = r, t[36] = d, t[37] = O) : O = t[37];
+	let k;
+	return t[38] !== D || t[39] !== O || t[40] !== m || t[41] !== h || t[42] !== g || t[43] !== v ? (k = /* @__PURE__ */ (0, $.jsxs)("div", {
 		className: m,
 		children: [
 			h,
 			g,
 			v,
-			O,
-			k
+			D,
+			O
 		]
-	}), t[38] = O, t[39] = k, t[40] = m, t[41] = h, t[42] = g, t[43] = v, t[44] = re) : re = t[44], re;
+	}), t[38] = D, t[39] = O, t[40] = m, t[41] = h, t[42] = g, t[43] = v, t[44] = k) : k = t[44], k;
 }, Nl = [
 	"distinct",
 	"min",
@@ -5517,13 +5520,13 @@ var kl = /* @__PURE__ */ e(c(), 1), $ = k(), Al = {
 ], Pl = (e) => {
 	let t = (0, xe.c)(8), { value: n } = e, r;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = { maximumFractionDigits: 2 }, t[0] = r) : r = t[0];
-	let i = ie(r), a;
+	let i = D(r), a;
 	t[1] === Symbol.for("react.memo_cache_sentinel") ? (a = {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
 	}, t[1] = a) : a = t[1];
-	let o = S(a);
+	let o = x(a);
 	if (typeof n == "number") {
 		let e;
 		return t[2] !== i || t[3] !== n ? (e = i.format(n), t[2] = i, t[3] = n, t[4] = e) : e = t[4], e;
@@ -5874,7 +5877,7 @@ function hu() {
 		schema: null
 	};
 }
-var { valueAtom: gu, useActions: _u } = g(hu, {
+var { valueAtom: gu, useActions: _u } = fe(hu, {
 	setSchema: (e, t) => ({
 		...e,
 		schema: t
@@ -5904,7 +5907,7 @@ var { valueAtom: gu, useActions: _u } = g(hu, {
 function vu() {
 	return _u();
 }
-var yu = ce((e) => {
+var yu = oe((e) => {
 	let t = e(gu);
 	if (!t.schema) return {};
 	let n = pu({
@@ -5928,7 +5931,7 @@ var yu = ce((e) => {
 	"size",
 	"shape"
 ], Su = (e) => {
-	let t = (0, xe.c)(26), { schema: n, mark: r } = e, i = oe(gu), a = vu(), o = i.encoding.x && i.encoding.y, s;
+	let t = (0, xe.c)(26), { schema: n, mark: r } = e, i = ie(gu), a = vu(), o = i.encoding.x && i.encoding.y, s;
 	t[0] !== a || t[1] !== o || t[2] !== n || t[3] !== i.encoding ? (s = (e) => /* @__PURE__ */ (0, $.jsx)(Cu, {
 		schema: n,
 		label: e,
@@ -5941,11 +5944,11 @@ var yu = ce((e) => {
 	let u;
 	t[7] === a ? u = t[8] : (u = (e) => a.setMark(e), t[7] = a, t[8] = u);
 	let d;
-	t[9] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ (0, $.jsx)(te, { children: /* @__PURE__ */ (0, $.jsx)(T, { placeholder: "Mark" }) }), t[9] = d) : d = t[9];
+	t[9] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ (0, $.jsx)(ne, { children: /* @__PURE__ */ (0, $.jsx)(C, { placeholder: "Mark" }) }), t[9] = d) : d = t[9];
 	let f;
-	t[10] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ (0, $.jsx)(D, { children: /* @__PURE__ */ (0, $.jsxs)(ee, { children: [/* @__PURE__ */ (0, $.jsx)(C, { children: "Mark" }), Wl.map(Eu)] }) }), t[10] = f) : f = t[10];
+	t[10] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ (0, $.jsx)(ee, { children: /* @__PURE__ */ (0, $.jsxs)(te, { children: [/* @__PURE__ */ (0, $.jsx)(S, { children: "Mark" }), Wl.map(Eu)] }) }), t[10] = f) : f = t[10];
 	let p;
-	t[11] !== l || t[12] !== u ? (p = /* @__PURE__ */ (0, $.jsxs)(ne, {
+	t[11] !== l || t[12] !== u ? (p = /* @__PURE__ */ (0, $.jsxs)(re, {
 		"data-testid": "marimo-plugin-data-explorer-mark-select",
 		value: l,
 		onValueChange: u,
@@ -6007,7 +6010,7 @@ var yu = ce((e) => {
 	let u = l, d;
 	t[5] === i?.field ? d = t[6] : (d = i?.field.toString() ?? "", t[5] = i?.field, t[6] = d);
 	let f = d, p;
-	t[7] === n ? p = t[8] : (p = /* @__PURE__ */ (0, $.jsx)(ae, {
+	t[7] === n ? p = t[8] : (p = /* @__PURE__ */ (0, $.jsx)(w, {
 		className: "text-(--slate-11) font-semibold",
 		children: n
 	}), t[7] = n, t[8] = p);
@@ -6025,13 +6028,13 @@ var yu = ce((e) => {
 	let h = f ? u : void 0, g;
 	t[12] === c ? g = t[13] : (g = c(), t[12] = c, t[13] = g);
 	let _;
-	t[14] !== h || t[15] !== g ? (_ = /* @__PURE__ */ (0, $.jsx)(te, {
+	t[14] !== h || t[15] !== g ? (_ = /* @__PURE__ */ (0, $.jsx)(ne, {
 		className: "min-w-[140px] lg:min-w-[210px] h-full",
 		onClear: h,
 		children: g
 	}), t[14] = h, t[15] = g, t[16] = _) : _ = t[16];
 	let v;
-	t[17] === r ? v = t[18] : (v = r.fieldNames().map((e) => /* @__PURE__ */ (0, $.jsx)(E, {
+	t[17] === r ? v = t[18] : (v = r.fieldNames().map((e) => /* @__PURE__ */ (0, $.jsx)(T, {
 		value: e.toString(),
 		children: /* @__PURE__ */ (0, $.jsxs)("span", {
 			className: "flex items-center gap-2 flex-1",
@@ -6053,15 +6056,15 @@ var yu = ce((e) => {
 		})
 	}, e)), t[17] = r, t[18] = v);
 	let y;
-	t[19] === r ? y = t[20] : (y = r.fieldNames().length === 0 && /* @__PURE__ */ (0, $.jsx)(E, {
+	t[19] === r ? y = t[20] : (y = r.fieldNames().length === 0 && /* @__PURE__ */ (0, $.jsx)(T, {
 		disabled: !0,
 		value: "--",
 		children: "No columns"
 	}), t[19] = r, t[20] = y);
 	let b;
-	t[21] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ (0, $.jsx)(O, {}), t[21] = b) : b = t[21];
+	t[21] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ (0, $.jsx)(E, {}), t[21] = b) : b = t[21];
 	let x;
-	t[22] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ (0, $.jsx)(E, {
+	t[22] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ (0, $.jsx)(T, {
 		value: "*",
 		children: /* @__PURE__ */ (0, $.jsxs)("span", {
 			className: "flex items-center gap-1 flex-1",
@@ -6072,36 +6075,36 @@ var yu = ce((e) => {
 		})
 	}, "*"), t[22] = x) : x = t[22];
 	let S;
-	t[23] !== y || t[24] !== v ? (S = /* @__PURE__ */ (0, $.jsx)(D, { children: /* @__PURE__ */ (0, $.jsxs)(ee, { children: [
+	t[23] !== y || t[24] !== v ? (S = /* @__PURE__ */ (0, $.jsx)(ee, { children: /* @__PURE__ */ (0, $.jsxs)(te, { children: [
 		v,
 		y,
 		b,
 		x
 	] }) }), t[23] = y, t[24] = v, t[25] = S) : S = t[25];
 	let C;
-	t[26] !== a || t[27] !== f || t[28] !== S || t[29] !== m || t[30] !== _ ? (C = /* @__PURE__ */ (0, $.jsxs)(ne, {
+	t[26] !== a || t[27] !== f || t[28] !== S || t[29] !== m || t[30] !== _ ? (C = /* @__PURE__ */ (0, $.jsxs)(re, {
 		value: f,
 		disabled: a,
 		onValueChange: m,
 		children: [_, S]
 	}), t[26] = a, t[27] = f, t[28] = S, t[29] = m, t[30] = _, t[31] = C) : C = t[31];
-	let w;
-	t[32] !== i || t[33] !== o ? (w = i && /* @__PURE__ */ (0, $.jsx)(Tu, {
+	let D;
+	t[32] !== i || t[33] !== o ? (D = i && /* @__PURE__ */ (0, $.jsx)(Tu, {
 		field: i,
 		onChange: o
-	}), t[32] = i, t[33] = o, t[34] = w) : w = t[34];
-	let T;
-	t[35] === w ? T = t[36] : (T = /* @__PURE__ */ (0, $.jsx)("div", {
+	}), t[32] = i, t[33] = o, t[34] = D) : D = t[34];
+	let O;
+	t[35] === D ? O = t[36] : (O = /* @__PURE__ */ (0, $.jsx)("div", {
 		className: "w-[26px]",
-		children: w
-	}), t[35] = w, t[36] = T);
+		children: D
+	}), t[35] = D, t[36] = O);
 	let k;
-	t[37] !== C || t[38] !== T ? (k = /* @__PURE__ */ (0, $.jsxs)("div", {
+	t[37] !== C || t[38] !== O ? (k = /* @__PURE__ */ (0, $.jsxs)("div", {
 		className: "flex flex-row gap-1 h-[26px]",
-		children: [C, T]
-	}), t[37] = C, t[38] = T, t[39] = k) : k = t[39];
-	let re;
-	return t[40] !== k || t[41] !== p ? (re = /* @__PURE__ */ (0, $.jsxs)($.Fragment, { children: [p, k] }), t[40] = k, t[41] = p, t[42] = re) : re = t[42], re;
+		children: [C, O]
+	}), t[37] = C, t[38] = O, t[39] = k) : k = t[39];
+	let ie;
+	return t[40] !== k || t[41] !== p ? (ie = /* @__PURE__ */ (0, $.jsxs)($.Fragment, { children: [p, k] }), t[40] = k, t[41] = p, t[42] = ie) : ie = t[42], ie;
 }, wu = "__", Tu = (e) => {
 	let t = (0, xe.c)(10), { field: n, onChange: r } = e;
 	if (n.field === "*") return null;
@@ -6117,7 +6120,7 @@ var yu = ce((e) => {
 						fn: e === wu ? void 0 : e
 					});
 				}, o;
-				t[3] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ (0, $.jsx)(te, {
+				t[3] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ (0, $.jsx)(ne, {
 					className: "h-full px-1",
 					hideChevron: !0,
 					variant: "ghost",
@@ -6127,16 +6130,16 @@ var yu = ce((e) => {
 					})
 				}), t[3] = o) : o = t[3];
 				let s, c;
-				t[4] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ (0, $.jsx)(ee, { children: /* @__PURE__ */ (0, $.jsx)(E, {
+				t[4] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ (0, $.jsx)(te, { children: /* @__PURE__ */ (0, $.jsx)(T, {
 					value: wu,
 					children: "None"
-				}) }), c = /* @__PURE__ */ (0, $.jsx)(O, {}), t[4] = s, t[5] = c) : (s = t[4], c = t[5]);
-				let l = /* @__PURE__ */ (0, $.jsxs)(D, { children: [
+				}) }), c = /* @__PURE__ */ (0, $.jsx)(E, {}), t[4] = s, t[5] = c) : (s = t[4], c = t[5]);
+				let l = /* @__PURE__ */ (0, $.jsxs)(ee, { children: [
 					s,
 					c,
 					e.map(Ou)
 				] }), u;
-				t[6] !== n.fn || t[7] !== a || t[8] !== l ? (u = /* @__PURE__ */ (0, $.jsxs)(ne, {
+				t[6] !== n.fn || t[7] !== a || t[8] !== l ? (u = /* @__PURE__ */ (0, $.jsxs)(re, {
 					"data-testid": "marimo-plugin-data-explorer-field-options",
 					value: n.fn,
 					onValueChange: a,
@@ -6150,26 +6153,26 @@ var yu = ce((e) => {
 	return i === Symbol.for("react.early_return_sentinel") ? null : i;
 };
 function Eu(e) {
-	return /* @__PURE__ */ (0, $.jsx)(E, {
+	return /* @__PURE__ */ (0, $.jsx)(T, {
 		value: e,
 		children: e === "?" ? "auto" : e
 	}, e);
 }
 function Du(e) {
-	return /* @__PURE__ */ (0, $.jsx)(E, {
+	return /* @__PURE__ */ (0, $.jsx)(T, {
 		value: e ?? wu,
-		children: w.startCase(e)
+		children: O.startCase(e)
 	}, e);
 }
 function Ou(e) {
 	let [t, n] = e;
-	return /* @__PURE__ */ (0, $.jsxs)(ee, { children: [t && /* @__PURE__ */ (0, $.jsx)(C, { children: t }), n.map(Du)] }, t);
+	return /* @__PURE__ */ (0, $.jsxs)(te, { children: [t && /* @__PURE__ */ (0, $.jsx)(S, { children: t }), n.map(Du)] }, t);
 }
 //#endregion
 //#region src/plugins/impl/data-explorer/ConnectedDataExplorerComponent.tsx
 var ku = (e) => {
 	let t = (0, xe.c)(5), n;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = se(), t[0] = n) : n = t[0];
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = ce(), t[0] = n) : n = t[0];
 	let r = n, i;
 	t[1] === e ? i = t[2] : (i = () => {
 		let t = r.sub(gu, () => {
@@ -6177,9 +6180,9 @@ var ku = (e) => {
 			e.setValue(n);
 		}), n = e.value;
 		return n && Object.keys(n).length > 0 && r.set(gu, n), t;
-	}, t[1] = e, t[2] = i), b(i);
+	}, t[1] = e, t[2] = i), y(i);
 	let a;
-	return t[3] === e ? a = t[4] : (a = /* @__PURE__ */ (0, $.jsx)(ue, {
+	return t[3] === e ? a = t[4] : (a = /* @__PURE__ */ (0, $.jsx)(ae, {
 		store: r,
 		children: /* @__PURE__ */ (0, $.jsx)(ju, { ...e })
 	}), t[3] = e, t[4] = a), a;
@@ -6221,25 +6224,25 @@ var ju = (e) => {
 	}, t[0] = r, t[1] = n, t[2] = i) : i = t[2];
 	let a;
 	t[3] === n ? a = t[4] : (a = [n], t[3] = n, t[4] = a);
-	let { data: c, isPending: l, error: u } = pe(i, a), { mark: f } = oe(gu), m = oe(yu), { theme: h } = le();
+	let { data: c, isPending: l, error: u } = pe(i, a), { mark: f } = ie(gu), m = ie(yu), { theme: h } = se();
 	if (u) {
 		let e;
-		return t[5] === u ? e = t[6] : (e = /* @__PURE__ */ (0, $.jsx)(re, { error: u }), t[5] = u, t[6] = e), e;
+		return t[5] === u ? e = t[6] : (e = /* @__PURE__ */ (0, $.jsx)(le, { error: u }), t[5] = u, t[6] = e), e;
 	}
 	if (!c) {
 		let e;
 		return t[7] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ (0, $.jsx)("div", {}), t[7] = e) : e = t[7], e;
 	}
-	let { chartData: g, schema: _ } = c;
-	if (l || !_) {
+	let { chartData: g, schema: v } = c;
+	if (l || !v) {
 		let e;
 		return t[8] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ (0, $.jsx)("div", {}), t[8] = e) : e = t[8], e;
 	}
-	let y = m.main?.plots?.[0], b;
-	t[9] === y?.fieldInfos ? b = t[10] : (b = new Set(y?.fieldInfos.map(Fu)), t[9] = y?.fieldInfos, t[10] = b);
-	let S = b, C;
-	t[11] !== g || t[12] !== y || t[13] !== _ || t[14] !== h ? (C = () => {
-		if (!y) return /* @__PURE__ */ (0, $.jsx)(Ml, { schema: _ });
+	let y = m.main?.plots?.[0], x;
+	t[9] === y?.fieldInfos ? x = t[10] : (x = new Set(y?.fieldInfos.map(Fu)), t[9] = y?.fieldInfos, t[10] = x);
+	let S = x, C;
+	t[11] !== g || t[12] !== y || t[13] !== v || t[14] !== h ? (C = () => {
+		if (!y) return /* @__PURE__ */ (0, $.jsx)(Ml, { schema: v });
 		let e = y.spec, t = Pu(e), n = p(t, g);
 		return /* @__PURE__ */ (0, $.jsx)("div", {
 			className: o("flex overflow-y-auto justify-center items-center flex-1 w-[90%]"),
@@ -6249,28 +6252,28 @@ var ju = (e) => {
 				options: Au(h)
 			})
 		});
-	}, t[11] = g, t[12] = y, t[13] = _, t[14] = h, t[15] = C) : C = t[15];
+	}, t[11] = g, t[12] = y, t[13] = v, t[14] = h, t[15] = C) : C = t[15];
 	let w = C, T;
-	t[16] !== f || t[17] !== _ ? (T = /* @__PURE__ */ (0, $.jsx)(Su, {
+	t[16] !== f || t[17] !== v ? (T = /* @__PURE__ */ (0, $.jsx)(Su, {
 		mark: f,
-		schema: _
-	}), t[16] = f, t[17] = _, t[18] = T) : T = t[18];
+		schema: v
+	}), t[16] = f, t[17] = v, t[18] = T) : T = t[18];
+	let ee;
+	t[19] === w ? ee = t[20] : (ee = w(), t[19] = w, t[20] = ee);
 	let E;
-	t[19] === w ? E = t[20] : (E = w(), t[19] = w, t[20] = E);
-	let D;
-	t[21] !== T || t[22] !== E ? (D = /* @__PURE__ */ (0, $.jsxs)("div", {
+	t[21] !== T || t[22] !== ee ? (E = /* @__PURE__ */ (0, $.jsxs)("div", {
 		className: "flex items-center gap-2",
-		children: [T, E]
-	}), t[21] = T, t[22] = E, t[23] = D) : D = t[23];
-	let O = m.histograms?.plots, ee = m.addCategoricalField?.plots, te = m.addQuantitativeField?.plots, ne = m.addTemporalField?.plots, k;
-	if (t[24] !== r || t[25] !== g || t[26] !== S || t[27] !== te || t[28] !== ne || t[29] !== O || t[30] !== ee || t[31] !== h) {
+		children: [T, ee]
+	}), t[21] = T, t[22] = ee, t[23] = E) : E = t[23];
+	let te = m.histograms?.plots, ne = m.addCategoricalField?.plots, re = m.addQuantitativeField?.plots, D = m.addTemporalField?.plots, O;
+	if (t[24] !== r || t[25] !== g || t[26] !== S || t[27] !== re || t[28] !== D || t[29] !== te || t[30] !== ne || t[31] !== h) {
 		let e;
 		t[33] !== r || t[34] !== g || t[35] !== S || t[36] !== h ? (e = (e, t) => /* @__PURE__ */ (0, $.jsx)(Nu, {
 			title: /* @__PURE__ */ (0, $.jsx)("div", {
 				className: "flex flex-row gap-1",
 				children: e.fieldInfos.map((e) => {
 					let t = e.fieldDef.field === "*" ? "Count" : e.fieldDef.fn ? `${e.fieldDef.fn}(${e.fieldDef.field})` : e.fieldDef.field.toString();
-					return /* @__PURE__ */ (0, $.jsx)(v, {
+					return /* @__PURE__ */ (0, $.jsx)(_, {
 						variant: S.has(e.fieldDef.field) ? "secondary" : "defaultOutline",
 						children: t
 					}, t);
@@ -6283,30 +6286,30 @@ var ju = (e) => {
 					variant: "text",
 					size: "icon",
 					onClick: () => {
-						let t = fe.fromEntries(e.fieldInfos.map(Iu));
+						let t = ue.fromEntries(e.fieldInfos.map(Iu));
 						r.setEncoding(t);
 					},
-					children: /* @__PURE__ */ (0, $.jsx)(x, { className: "w-4 h-4" })
+					children: /* @__PURE__ */ (0, $.jsx)(b, { className: "w-4 h-4" })
 				})
 			}),
 			children: /* @__PURE__ */ (0, $.jsx)(he, {
 				options: Au(h),
 				spec: p(e.spec, g)
 			}, t)
-		}, t), t[33] = r, t[34] = g, t[35] = S, t[36] = h, t[37] = e) : e = t[37], k = [
-			O,
-			ee,
+		}, t), t[33] = r, t[34] = g, t[35] = S, t[36] = h, t[37] = e) : e = t[37], O = [
 			te,
-			ne
-		].filter(Boolean).flat().map(e), t[24] = r, t[25] = g, t[26] = S, t[27] = te, t[28] = ne, t[29] = O, t[30] = ee, t[31] = h, t[32] = k;
-	} else k = t[32];
-	let ie;
-	t[38] === k ? ie = t[39] : (ie = /* @__PURE__ */ (0, $.jsx)(Mu, { children: k }), t[38] = k, t[39] = ie);
+			ne,
+			re,
+			D
+		].filter(Boolean).flat().map(e), t[24] = r, t[25] = g, t[26] = S, t[27] = re, t[28] = D, t[29] = te, t[30] = ne, t[31] = h, t[32] = O;
+	} else O = t[32];
+	let k;
+	t[38] === O ? k = t[39] : (k = /* @__PURE__ */ (0, $.jsx)(Mu, { children: O }), t[38] = O, t[39] = k);
 	let ae;
-	return t[40] !== ie || t[41] !== D ? (ae = /* @__PURE__ */ (0, $.jsxs)("div", {
+	return t[40] !== k || t[41] !== E ? (ae = /* @__PURE__ */ (0, $.jsxs)("div", {
 		className: "flex flex-col gap-2",
-		children: [D, ie]
-	}), t[40] = ie, t[41] = D, t[42] = ae) : ae = t[42], ae;
+		children: [E, k]
+	}), t[40] = k, t[41] = E, t[42] = ae) : ae = t[42], ae;
 }, Mu = (e) => {
 	let t = (0, xe.c)(2), { children: n } = e;
 	if (kl.Children.count(n) === 0) return null;