@marimo-team/islands 0.14.8-dev25 → 0.14.8-dev7

package/dist/{timeline-definition-BDJGKUSR-04fzuWTc.js → timeline-definition-BDJGKUSR-CsWgSrLN.js}

@@ -1,5 +1,5 @@
-import { _ as s, c as xt, l as E, d as j, T as kt, V as vt, W as _t, X as bt, D as wt, Y as St, z as Et } from "./mermaid-CpBz1_ZE.js";
-import { d as nt } from "./arc-BXrety1g.js";
+import { _ as s, c as xt, l as E, d as j, T as kt, V as vt, W as _t, X as bt, D as wt, Y as St, z as Et } from "./mermaid-CnEKePr2.js";
+import { g as nt } from "./main-CbfmTxN_.js";
 var Q = function() {
   var n = /* @__PURE__ */ s(function(x, i, a, c) {
     for (a = a || {}, c = x.length; c--; a[x[c]] = i) ;

package/dist/{vega-component-BafGvbrl.js → vega-component-Iv6gIodh.js}

@@ -1,5 +1,5 @@
-import { T as N, U as Z, c as K, V as z, W as R, X as W, j as d, E as G, J as $, F as k, Y as O, Z as M, _ as U, L as x, $ as S, a0 as B, a1 as Y, a2 as q, a3 as J, a4 as X, a5 as Q } from "./main-BrvdfZz-.js";
-import { M as m, a as ee } from "./VegaLite-C4wW6Fac.js";
+import { a1 as N, a2 as K, c as Z, a3 as z, a4 as R, a5 as G, j as d, E as W, T as $, P as k, a6 as S, a7 as M, a8 as B, L as x, a9 as _, aa as U, ab as q, ac as Y, ad as J, ae as Q, af as X } from "./main-CbfmTxN_.js";
+import { M as m, a as ee } from "./VegaLite-CNJ2iGLb.js";
 function te(e) {
   return e.data && "url" in e.data && (e.data.url = N(e.data.url).href), e;
 }
@@ -38,29 +38,29 @@ function ne(e) {
     encoding: t
   } = e;
   return t ? Object.entries(t).flatMap((o) => {
-    const [r, a] = o;
-    return a ? re.has(r) ? "field" in a && typeof a.field == "string" ? [a.field] : "condition" in a && a.condition && typeof a.condition == "object" && "field" in a.condition && a.condition.field && typeof a.condition.field == "string" ? [a.condition.field] : [] : [] : [];
+    const [a, r] = o;
+    return r ? ae.has(a) ? "field" in r && typeof r.field == "string" ? [r.field] : "condition" in r && r.condition && typeof r.condition == "object" && "field" in r.condition && r.condition.field && typeof r.condition.field == "string" ? [r.condition.field] : [] : [] : [];
   }) : [];
 }
-const re = /* @__PURE__ */ new Set(["color", "fill", "fillOpacity", "opacity", "shape", "size"]);
-function ae(e, t, n, o) {
-  const r = {
-    and: n.map((a) => ({
-      param: a
+const ae = /* @__PURE__ */ new Set(["color", "fill", "fillOpacity", "opacity", "shape", "size"]);
+function re(e, t, n, o) {
+  const a = {
+    and: n.map((r) => ({
+      param: r
     }))
   };
   switch (e) {
     // As of now, we only update opacity to signal selection
     case "opacity": {
-      const a = v.getOpacity(o) || 1;
+      const r = v.getOpacity(o) || 1;
       return {
         ...t,
         opacity: {
           condition: {
-            test: r,
-            value: a
+            test: a,
+            value: r
           },
-          value: a / 5
+          value: r / 5
           // 20% opacity
         }
       };
@@ -178,8 +178,8 @@ function T(e) {
       return ["x", "y"];
   }
 }
-function V(e) {
-  return "params" in e && e.params && e.params.length > 0 ? e.params.filter((n) => n == null ? false : "select" in n && n.select !== void 0).map((n) => n.name) : "layer" in e ? [...new Set(e.layer.flatMap(V))] : [];
+function A(e) {
+  return "params" in e && e.params && e.params.length > 0 ? e.params.filter((n) => n == null ? false : "select" in n && n.select !== void 0).map((n) => n.name) : "layer" in e ? [...new Set(e.layer.flatMap(A))] : [];
 }
 function oe(e) {
   var _a, _b;
@@ -236,11 +236,11 @@ function se(e, t) {
   if (t === false)
     return e;
   let n = ne(e);
-  Array.isArray(t) && (n = n.filter((a) => t.includes(a)));
-  const o = n.map((a) => b.legend(a)), r = [...e.params || [], ...o];
+  Array.isArray(t) && (n = n.filter((r) => t.includes(r)));
+  const o = n.map((r) => b.legend(r)), a = [...e.params || [], ...o];
   return {
     ...e,
-    params: r
+    params: a
   };
 }
 function C(e, t, n) {
@@ -254,10 +254,10 @@ function C(e, t, n) {
   }
   if (o === "geoshape")
     return e;
-  const r = t === true ? le(o) : [t];
-  if (!r)
+  const a = t === true ? le(o) : [t];
+  if (!a)
     return e;
-  const a = r.map((i) => i === "interval" ? b.interval(e, n) : b.point(e, n)), s = [...e.params || [], ...a];
+  const r = a.map((i) => i === "interval" ? b.interval(e, n) : b.point(e, n)), s = [...e.params || [], ...r];
   return {
     ...e,
     params: s
@@ -272,17 +272,17 @@ function I(e) {
   if (t === "geoshape")
     return e;
   const n = e.params || [];
-  return n.some((r) => r.bind === "scales") ? e : {
+  return n.some((a) => a.bind === "scales") ? e : {
     ...e,
     params: [...n, b.panZoom()]
   };
 }
 function P(e) {
-  const t = "encoding" in e ? e.encoding : void 0, n = e.params || [], o = n.map((r) => r.name);
+  const t = "encoding" in e ? e.encoding : void 0, n = e.params || [], o = n.map((a) => a.name);
   return n.length === 0 || !v.isInteractive(e.mark) ? e : {
     ...e,
     mark: v.makeClickable(e.mark),
-    encoding: ae("opacity", t || {}, o, e.mark)
+    encoding: re("opacity", t || {}, o, e.mark)
   };
 }
 function le(e) {
@@ -305,46 +305,46 @@ async function ce(e) {
     return e;
   const t = "datasets" in e ? {
     ...e.datasets
-  } : {}, n = async (r) => {
-    if (!r)
-      return r;
-    if ("layer" in r) {
-      const i = await Promise.all(r.layer.map(n));
-      r = {
-        ...r,
+  } : {}, n = async (a) => {
+    if (!a)
+      return a;
+    if ("layer" in a) {
+      const i = await Promise.all(a.layer.map(n));
+      a = {
+        ...a,
         layer: i
       };
     }
-    if ("hconcat" in r) {
-      const i = await Promise.all(r.hconcat.map(n));
-      r = {
-        ...r,
+    if ("hconcat" in a) {
+      const i = await Promise.all(a.hconcat.map(n));
+      a = {
+        ...a,
         hconcat: i
       };
     }
-    if ("vconcat" in r) {
-      const i = await Promise.all(r.vconcat.map(n));
-      r = {
-        ...r,
+    if ("vconcat" in a) {
+      const i = await Promise.all(a.vconcat.map(n));
+      a = {
+        ...a,
         vconcat: i
       };
     }
-    if ("spec" in r && (r = {
-      ...r,
-      spec: await n(r.spec)
-    }), !r.data || !("url" in r.data))
-      return r;
-    let a;
+    if ("spec" in a && (a = {
+      ...a,
+      spec: await n(a.spec)
+    }), !a.data || !("url" in a.data))
+      return a;
+    let r;
     try {
-      a = N(r.data.url);
+      r = N(a.data.url);
     } catch {
-      return r;
+      return a;
     }
-    const s = await Z(a.href, r.data.format);
-    return t[a.pathname] = s, {
-      ...r,
+    const s = await K(r.href, a.data.format);
+    return t[r.pathname] = s, {
+      ...a,
       data: {
-        name: a.pathname
+        name: r.pathname
       }
     };
   }, o = await n(e);
@@ -353,13 +353,13 @@ async function ce(e) {
     datasets: t
   };
 }
-R("arrow", W);
+R("arrow", G);
 const ye = (e) => {
-  const t = K.c(11), {
+  const t = Z.c(11), {
     value: n,
     setValue: o,
-    chartSelection: r,
-    fieldSelection: a,
+    chartSelection: a,
+    fieldSelection: r,
     spec: s
   } = e;
   let i, l;
@@ -370,63 +370,63 @@ const ye = (e) => {
   } = z(i, l);
   if (u) {
     let y;
-    return t[3] !== u ? (y = /* @__PURE__ */ d.jsx(G, { error: u }), t[3] = u, t[4] = y) : y = t[4], y;
+    return t[3] !== u ? (y = /* @__PURE__ */ d.jsx(W, { error: u }), t[3] = u, t[4] = y) : y = t[4], y;
   }
   if (!f)
     return null;
   let g;
-  return t[5] !== r || t[6] !== a || t[7] !== f || t[8] !== o || t[9] !== n ? (g = /* @__PURE__ */ d.jsx(ue, { value: n, setValue: o, chartSelection: r, fieldSelection: a, spec: f }), t[5] = r, t[6] = a, t[7] = f, t[8] = o, t[9] = n, t[10] = g) : g = t[10], g;
+  return t[5] !== a || t[6] !== r || t[7] !== f || t[8] !== o || t[9] !== n ? (g = /* @__PURE__ */ d.jsx(ue, { value: n, setValue: o, chartSelection: a, fieldSelection: r, spec: f }), t[5] = a, t[6] = r, t[7] = f, t[8] = o, t[9] = n, t[10] = g) : g = t[10], g;
 }, ue = ({
   value: e,
   setValue: t,
   chartSelection: n,
   fieldSelection: o,
-  spec: r
+  spec: a
 }) => {
   const {
-    theme: a
-  } = $(), s = k.useRef(void 0), [i, l] = k.useState(), f = O(r), u = k.useMemo(() => ie(te(f), {
+    theme: r
+  } = $(), s = k.useRef(void 0), [i, l] = k.useState(), f = S(a), u = k.useMemo(() => ie(te(f), {
     chartSelection: n,
     fieldSelection: o
-  }), [f, n, o]), g = k.useMemo(() => V(u), [u]), y = M((c) => {
+  }), [f, n, o]), g = k.useMemo(() => A(u), [u]), y = M((c) => {
     t({
       ...e,
       ...c
     });
-  }), _ = O(g), A = k.useMemo(() => _.reduce((c, p) => (h.PAN_ZOOM === p || (c[p] = U((w, j) => {
-    x.debug("[Vega signal]", w, j);
-    let E = S.mapValues(j, fe);
-    E = S.mapValues(E, de), y({
+  }), j = S(g), V = k.useMemo(() => j.reduce((c, p) => (h.PAN_ZOOM === p || (c[p] = B((w, O) => {
+    x.debug("[Vega signal]", w, O);
+    let E = _.mapValues(O, fe);
+    E = _.mapValues(E, de), y({
       [w]: E
     });
-  }, 100)), c), {}), [_, y]), D = M((c) => {
+  }, 100)), c), {}), [j, y]), D = M((c) => {
     x.error(c), x.debug(u), l(c);
-  }), F = M((c) => {
+  }), H = M((c) => {
     x.debug("[Vega view] created", c), s.current = c, l(void 0);
-  }), H = () => {
+  }), F = () => {
     const c = [];
-    return h.hasPoint(g) && c.push(["Point selection", "click to select a point; hold shift for multi-select"]), h.hasInterval(g) && c.push(["Interval selection", "click and drag to select an interval"]), h.hasLegend(g) && c.push(["Legend selection", "click to select a legend item; hold shift for multi-select"]), h.hasPanZoom(g) && c.push(["Pan", "hold the meta key and drag"], ["Zoom", "hold the meta key and scroll"]), c.length === 0 ? null : /* @__PURE__ */ d.jsx(X, { delayDuration: 300, side: "left", content: /* @__PURE__ */ d.jsx("div", { className: "text-xs flex flex-col", children: c.map((p, w) => /* @__PURE__ */ d.jsxs("div", { children: [
+    return h.hasPoint(g) && c.push(["Point selection", "click to select a point; hold shift for multi-select"]), h.hasInterval(g) && c.push(["Interval selection", "click and drag to select an interval"]), h.hasLegend(g) && c.push(["Legend selection", "click to select a legend item; hold shift for multi-select"]), h.hasPanZoom(g) && c.push(["Pan", "hold the meta key and drag"], ["Zoom", "hold the meta key and scroll"]), c.length === 0 ? null : /* @__PURE__ */ d.jsx(Q, { delayDuration: 300, side: "left", content: /* @__PURE__ */ d.jsx("div", { className: "text-xs flex flex-col", children: c.map((p, w) => /* @__PURE__ */ d.jsxs("div", { children: [
       /* @__PURE__ */ d.jsxs("span", { className: "font-bold tracking-wide", children: [
         p[0],
         ":"
       ] }),
       " ",
       p[1]
-    ] }, w)) }), children: /* @__PURE__ */ d.jsx(Q, { className: "absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground" }) });
+    ] }, w)) }), children: /* @__PURE__ */ d.jsx(X, { className: "absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground" }) });
   };
   return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-    i && /* @__PURE__ */ d.jsxs(B, { variant: "destructive", children: [
-      /* @__PURE__ */ d.jsx(Y, { children: i.message }),
+    i && /* @__PURE__ */ d.jsxs(U, { variant: "destructive", children: [
+      /* @__PURE__ */ d.jsx(q, { children: i.message }),
       /* @__PURE__ */ d.jsx("div", { className: "text-md", children: i.stack })
     ] }),
     /* @__PURE__ */ d.jsxs(
       "div",
       {
         className: "relative",
-        onPointerDown: q.stopPropagation(),
+        onPointerDown: Y.stopPropagation(),
         children: [
-          /* @__PURE__ */ d.jsx(ee, { spec: u, theme: a === "dark" ? "dark" : void 0, actions: me, signalListeners: A, onError: D, onNewView: F }),
-          H()
+          /* @__PURE__ */ d.jsx(ee, { spec: u, theme: r === "dark" ? "dark" : void 0, actions: me, signalListeners: V, onError: D, onNewView: H }),
+          F()
         ]
       }
     )

package/dist/{xychartDiagram-VJFVF3MP-BngC-qFn.js → xychartDiagram-VJFVF3MP-CvqveEJH.js}

@@ -1,12 +1,8 @@
 var _a, _b, _c, _d, _e, _f, _g, _h, _i2, _j;
-import { _ as a, s as ii, g as ei, t as Pt, q as si, a as ni, b as ai, l as Lt, K as oi, e as ri, z as hi, G as ct, F as Et, H as li, M as ci, i as ui, a9 as gi } from "./mermaid-CpBz1_ZE.js";
-import { i as xi } from "./init-DxzjmxYy.js";
-import { o as di } from "./ordinal-CYN5qNoq.js";
-import { r as pi } from "./range-DdOGybNB.js";
-import { l as Rt } from "./linear-B44DDWPu.js";
-import { l as Tt } from "./timer-BYwnU4DF.js";
+import { _ as a, s as ii, g as ei, t as Pt, q as si, a as ni, b as ai, l as Lt, K as oi, e as ri, z as hi, G as ct, F as Et, H as li, M as ci, i as ui, a9 as gi } from "./mermaid-CnEKePr2.js";
+import { B as xi, D as di, F as pi, d as Rt, e as Tt } from "./main-CbfmTxN_.js";
 function at() {
-  var t = di().unknown(void 0), i = t.domain, e = t.range, s = 0, n = 1, x, u, p = false, C = 0, T = 0, k = 0.5;
+  var t = xi().unknown(void 0), i = t.domain, e = t.range, s = 0, n = 1, x, u, p = false, C = 0, T = 0, k = 0.5;
   delete t.unknown;
   function A() {
     var m = i().length, D = n < s, S = D ? n : s, v = D ? s : n;
@@ -38,7 +34,7 @@ function at() {
     return arguments.length ? (k = Math.max(0, Math.min(1, m)), A()) : k;
   }, t.copy = function() {
     return at(i(), [s, n]).round(p).paddingInner(C).paddingOuter(T).align(k);
-  }, xi.apply(A(), arguments);
+  }, di.apply(A(), arguments);
 }
 var ot = function() {
   var t = /* @__PURE__ */ a(function(B, r, l, c) {
@@ -1291,11 +1287,11 @@ var ki = /* @__PURE__ */ a(function() {
   }
 }, "draw"), Di = {
   draw: Ti
-}, Vi = {
+}, Li = {
   parser: fi,
   db: Ri,
   renderer: Di
 };
 export {
-  Vi as diagram
+  Li as diagram
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.14.8-dev25",
+  "version": "0.14.8-dev7",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -150,6 +150,7 @@
     "timestring": "^7.0.0",
     "typescript-memoize": "^1.1.1",
     "use-resize-observer": "^9.1.0",
+    "vega": "^5.33.0",
     "vega-lite": "^5.23.0",
     "vega-loader": "^4.5.3",
     "vscode-languageserver-protocol": "^3.17.5",
@@ -171,7 +172,6 @@
     "lint:stylelint": "stylelint src/**/*.css --fix",
     "format": "biome format --write .",
     "preview": "vite preview",
-    "dev:quarto": "VITE_MARIMO_ISLANDS=true vite",
     "dev:islands": "cross-env VITE_MARIMO_ISLANDS=true vite --config islands/vite.config.mts",
     "build:islands": "cross-env VITE_MARIMO_ISLANDS=true vite --config islands/vite.config.mts build",
     "preview:islands": "cross-env VITE_MARIMO_VERSION='0.4.6' VITE_MARIMO_ISLANDS=true vite --config islands/vite.config.mts build",
@@ -209,8 +209,8 @@
     "@types/timestring": "^6.0.5",
     "@typescript-eslint/eslint-plugin": "^7.15.0",
     "@typescript-eslint/parser": "^7.15.0",
-    "@vitejs/plugin-react": "^4.5.2",
-    "@vitejs/plugin-react-swc": "^3.10.2",
+    "@vitejs/plugin-react": "^4.5.0",
+    "@vitejs/plugin-react-swc": "^3.10.0",
     "autoprefixer": "^10.4.21",
     "babel-plugin-react-compiler": "19.1.0-rc.1",
     "blob-polyfill": "^7.0.20220408",
@@ -226,7 +226,7 @@
     "jsdom": "^24.1.3",
     "msw": "^2.10.2",
     "npm-run-all2": "^6.2.6",
-    "postcss": "^8.5.6",
+    "postcss": "^8.5.4",
     "postcss-plugin-namespace": "^0.0.3",
     "react": "^19.1.0",
     "react-compiler-runtime": "19.1.0-rc.1",
@@ -241,7 +241,7 @@
     "vite-plugin-top-level-await": "^1.5.0",
     "vite-plugin-wasm": "^3.4.1",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.4"
+    "vitest": "^3.1.4"
   },
   "packageManager": "pnpm@10.10.0",
   "pnpm": {