@marimo-team/islands 0.25.2-dev27 → 0.25.2-dev30

package/dist/{quadrantDiagram-AXDQQJYC--kqzFC3w.js → quadrantDiagram-AXDQQJYC-keLfFx9f.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./linear-Cnaq3Tfb.js";
 import { n as t, t as n } from "./src-CA_m4ONl.js";
 import { n as r } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
-import { D as i, H as a, K as o, U as s, a as c, c as l, f as u, v as d, w as f, x as p, y as m, z as h } from "./chunk-DU6HZSFF-1TwWR6gh.js";
+import { D as i, H as a, K as o, U as s, a as c, c as l, f as u, v as d, w as f, x as p, y as m, z as h } from "./chunk-DU6HZSFF-BSvuTkX4.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/quadrantDiagram-AXDQQJYC.mjs
 var g = (function() {
 	var e = /* @__PURE__ */ r(function(e, t, n, r) {

package/dist/{railroadDiagram-O6MQD6OU-D6eOFr6Z.js → railroadDiagram-O6MQD6OU-f-sfFoX9.js}

@@ -1,9 +1,9 @@
 import { n as e } from "./src-CA_m4ONl.js";
 import { n as t } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
-import "./chunk-DU6HZSFF-1TwWR6gh.js";
-import "./mermaid-Dfvntf3s.js";
+import "./chunk-DU6HZSFF-BSvuTkX4.js";
+import "./mermaid-CEceCleL.js";
 import { g as n, t as r } from "./mermaid-parser.core-DxuSfYwJ.js";
-import { n as i, r as a, t as o } from "./chunk-SVP7TREG-B2SFkCAL.js";
+import { n as i, r as a, t as o } from "./chunk-SVP7TREG-B0dScloT.js";
 import { t as s } from "./chunk-JWPE2WC7-DJvv1t8U.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/railroadDiagram-O6MQD6OU.mjs
 var c = n().Railroad.parser.LangiumParser, l = /* @__PURE__ */ t((e) => {

package/dist/{requirementDiagram-BXWQKSXE-CHYsMgDR.js → requirementDiagram-BXWQKSXE-BICupkaf.js}

@@ -1,17 +1,17 @@
-import { g as e } from "./chunk-75Z2AOVW-C4AOleKf.js";
+import { g as e } from "./chunk-75Z2AOVW-AI7CvgKn.js";
 import { n as t } from "./src-CA_m4ONl.js";
 import { n, t as r } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
-import { H as i, K as a, U as o, a as s, b as c, v as l, w as u, x as d, y as f } from "./chunk-DU6HZSFF-1TwWR6gh.js";
-import "./chunk-P2QGCYS3-0TAWai9C.js";
-import "./chunk-PWAF6VOD-lNxB9k8z.js";
-import "./chunk-GMAD6QVW-vStrMz2P.js";
-import "./chunk-4HAMMTFA-BPTTOOC5.js";
-import "./chunk-GVQU2GXP-2HwWgs4u.js";
-import "./chunk-L3NEJ4N5-RhC7i0I2.js";
-import "./chunk-OSK3NFVY-CZV09N-U.js";
-import { n as p, r as m } from "./mermaid-Dfvntf3s.js";
+import { H as i, K as a, U as o, a as s, b as c, v as l, w as u, x as d, y as f } from "./chunk-DU6HZSFF-BSvuTkX4.js";
+import "./chunk-P2QGCYS3-D9twiFuU.js";
+import "./chunk-PWAF6VOD-D8S9NPCy.js";
+import "./chunk-GMAD6QVW-wnHcn-lH.js";
+import "./chunk-4HAMMTFA-CH7Gpamd.js";
+import "./chunk-GVQU2GXP-7O2p8hut.js";
+import "./chunk-L3NEJ4N5-B9_Alrxb.js";
+import "./chunk-OSK3NFVY-PeQPH2fD.js";
+import { n as p, r as m } from "./mermaid-CEceCleL.js";
 import { t as h } from "./chunk-XXDRQBXY-Dnl5VBqG.js";
-import { t as g } from "./chunk-POPQ4Y6H-Cc3_56GX.js";
+import { t as g } from "./chunk-POPQ4Y6H-BUiNs18s.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/requirementDiagram-BXWQKSXE.mjs
 var _ = (function() {
 	var e = /* @__PURE__ */ n(function(e, t, n, r) {

package/dist/{reveal-component-b8UCRAp7.js → reveal-component-BJG6YrPy.js}

@@ -3,15 +3,15 @@ import { c as t, g as n, h as r, m as i, t as a } from "./button-B0Xgl-Qn.js";
 import { t as o } from "./react-ofJbxM4x.js";
 import { t as s } from "./compiler-runtime-Cj8ZWiNS.js";
 import { g as c, t as l } from "./tooltip-Bi36DgYh.js";
-import { w as u } from "./cells-5ppES-Un.js";
-import { $ as d, Q as f, Z as p, an as m, i as h, l as g, ln as _, n as v, on as y, r as b, t as x, u as S } from "./common-CB96Vrh1.js";
+import { w as u } from "./cells-BUbzm9iX.js";
+import { $ as d, Q as f, Z as p, an as m, i as h, l as g, ln as _, n as v, on as y, r as b, t as x, u as S } from "./common-DYbUXmkS.js";
 import { M as C } from "./select-BcObMjGz.js";
 import { J as ee } from "./dropdown-menu-BaqM0t4N.js";
 import { y as w } from "./toDate-DWVp6uE1.js";
 import { t as T } from "./jsx-runtime-DgDPJV9S.js";
 import { q as te } from "./use-restore-focus-ZgG5Br63.js";
 import { A as E, C as D, b as O } from "./useTheme-BOw801nZ.js";
-import { a as k, n as ne, t as re } from "./code-visibility-BKuHUlSp.js";
+import { a as k, n as ne, t as re } from "./code-visibility-CP3A3ANH.js";
 /* empty css                */
 var A = c("sticky-note", [["path", {
 	d: "M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z",

package/dist/{sankeyDiagram-P5KCCOFB-BdzhT0BM.js → sankeyDiagram-P5KCCOFB-Bh4EsJox.js}

@@ -2,7 +2,7 @@ import { n as e } from "./ordinal-c7efuCSS.js";
 import { t } from "./colors-Bf2kJUGb.js";
 import { t as n } from "./src-CA_m4ONl.js";
 import { n as r } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
-import { H as i, J as a, K as o, U as s, a as c, d as l, s as u, v as d, w as f, x as p, y as m } from "./chunk-DU6HZSFF-1TwWR6gh.js";
+import { H as i, J as a, K as o, U as s, a as c, d as l, s as u, v as d, w as f, x as p, y as m } from "./chunk-DU6HZSFF-BSvuTkX4.js";
 //#region ../node_modules/.pnpm/d3-scale-chromatic@3.1.0/node_modules/d3-scale-chromatic/src/categorical/Tableau10.js
 var h = t("4e79a7f28e2ce1575976b7b259a14fedc949af7aa1ff9da79c755fbab0ab");
 //#endregion

package/dist/{sequenceDiagram-WJ2MYXX4-BPAknhBp.js → sequenceDiagram-WJ2MYXX4-DBFRnNGU.js}

@@ -1,10 +1,10 @@
-import { g as e, p as t } from "./chunk-75Z2AOVW-C4AOleKf.js";
+import { g as e, p as t } from "./chunk-75Z2AOVW-AI7CvgKn.js";
 import { n, t as r } from "./src-CA_m4ONl.js";
 import { n as i } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
-import { A as a, F as o, G as s, H as c, K as l, O as u, U as d, a as f, b as p, c as m, i as h, r as g, s as _, v, w as y, x as b, y as x, z as S } from "./chunk-DU6HZSFF-1TwWR6gh.js";
+import { A as a, F as o, G as s, H as c, K as l, O as u, U as d, a as f, b as p, c as m, i as h, r as g, s as _, v, w as y, x as b, y as x, z as S } from "./chunk-DU6HZSFF-BSvuTkX4.js";
 import { t as C } from "./dist-DUAh96QY.js";
-import { a as w, i as T } from "./mermaid-Dfvntf3s.js";
-import { a as E, c as D, i as O, n as k, r as A, s as j } from "./chunk-F27PBJKO-DMI1PBe4.js";
+import { a as w, i as T } from "./mermaid-CEceCleL.js";
+import { a as E, c as D, i as O, n as k, r as A, s as j } from "./chunk-F27PBJKO-CLshwT9T.js";
 import { t as M } from "./chunk-2Q5K7J3B-BMkUkeuy.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/sequenceDiagram-WJ2MYXX4.mjs
 var N = C(), P = (function() {

package/dist/{stateDiagram-D77RDMKH-Cq249IQ4.js → stateDiagram-D77RDMKH-CUP7QQW8.js}

@@ -1,22 +1,22 @@
 import { t as e } from "./dagre-BGSfXNEb.js";
 import { t } from "./graphlib-BmY_CCV9.js";
 import { K as n, q as r } from "./cubic-OaEBhQPK.js";
-import { g as i } from "./chunk-75Z2AOVW-C4AOleKf.js";
+import { g as i } from "./chunk-75Z2AOVW-AI7CvgKn.js";
 import { n as a, t as o } from "./src-CA_m4ONl.js";
 import { n as s } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
-import { O as c, c as l, s as u, x as d } from "./chunk-DU6HZSFF-1TwWR6gh.js";
-import "./chunk-P2QGCYS3-0TAWai9C.js";
-import "./chunk-PWAF6VOD-lNxB9k8z.js";
-import "./chunk-GMAD6QVW-vStrMz2P.js";
-import "./chunk-4HAMMTFA-BPTTOOC5.js";
-import "./chunk-GVQU2GXP-2HwWgs4u.js";
-import "./chunk-L3NEJ4N5-RhC7i0I2.js";
-import "./chunk-OSK3NFVY-CZV09N-U.js";
-import "./mermaid-Dfvntf3s.js";
-import "./chunk-F27PBJKO-DMI1PBe4.js";
+import { O as c, c as l, s as u, x as d } from "./chunk-DU6HZSFF-BSvuTkX4.js";
+import "./chunk-P2QGCYS3-D9twiFuU.js";
+import "./chunk-PWAF6VOD-D8S9NPCy.js";
+import "./chunk-GMAD6QVW-wnHcn-lH.js";
+import "./chunk-4HAMMTFA-CH7Gpamd.js";
+import "./chunk-GVQU2GXP-7O2p8hut.js";
+import "./chunk-L3NEJ4N5-B9_Alrxb.js";
+import "./chunk-OSK3NFVY-PeQPH2fD.js";
+import "./mermaid-CEceCleL.js";
+import "./chunk-F27PBJKO-CLshwT9T.js";
 import "./chunk-XXDRQBXY-Dnl5VBqG.js";
-import "./chunk-POPQ4Y6H-Cc3_56GX.js";
-import { i as f, n as p, t as m } from "./chunk-IMKFNOWR-Cm3RgLDj.js";
+import "./chunk-POPQ4Y6H-BUiNs18s.js";
+import { i as f, n as p, t as m } from "./chunk-IMKFNOWR-BlsbbLiS.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-D77RDMKH.mjs
 var h = /* @__PURE__ */ s((e) => e.append("circle").attr("class", "start-state").attr("r", d().state.sizeUnit).attr("cx", d().state.padding + d().state.sizeUnit).attr("cy", d().state.padding + d().state.sizeUnit), "drawStartState"), g = /* @__PURE__ */ s((e) => e.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", d().state.textHeight).attr("class", "divider").attr("x2", d().state.textHeight * 2).attr("y1", 0).attr("y2", 0), "drawDivider"), _ = /* @__PURE__ */ s((e, t) => {
 	let n = e.append("text").attr("x", 2 * d().state.padding).attr("y", d().state.textHeight + 2 * d().state.padding).attr("font-size", d().state.fontSize).attr("class", "state-title").text(t.id), r = n.node().getBBox();

package/dist/stateDiagram-v2-MP3YSRHH-B5mAItmH.js

@@ -0,0 +1,30 @@
+import "./chunk-75Z2AOVW-AI7CvgKn.js";
+import "./src-CA_m4ONl.js";
+import { n as e } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import "./chunk-DU6HZSFF-BSvuTkX4.js";
+import "./chunk-P2QGCYS3-D9twiFuU.js";
+import "./chunk-PWAF6VOD-D8S9NPCy.js";
+import "./chunk-GMAD6QVW-wnHcn-lH.js";
+import "./chunk-4HAMMTFA-CH7Gpamd.js";
+import "./chunk-GVQU2GXP-7O2p8hut.js";
+import "./chunk-L3NEJ4N5-B9_Alrxb.js";
+import "./chunk-OSK3NFVY-PeQPH2fD.js";
+import "./mermaid-CEceCleL.js";
+import "./chunk-F27PBJKO-CLshwT9T.js";
+import "./chunk-XXDRQBXY-Dnl5VBqG.js";
+import "./chunk-POPQ4Y6H-BUiNs18s.js";
+import { i as t, n, r, t as i } from "./chunk-IMKFNOWR-BlsbbLiS.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-v2-MP3YSRHH.mjs
+var a = {
+	parser: n,
+	get db() {
+		return new i(2);
+	},
+	renderer: r,
+	styles: t,
+	init: /* @__PURE__ */ e((e) => {
+		e.state ||= {}, e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
+	}, "init")
+};
+//#endregion
+export { a as diagram };

package/dist/{swimlanes-42K2YHIH-Bh_S_HKD.js → swimlanes-42K2YHIH-BtIMdg7b.js}

@@ -1,15 +1,15 @@
-import "./chunk-75Z2AOVW-C4AOleKf.js";
+import "./chunk-75Z2AOVW-AI7CvgKn.js";
 import { n as e } from "./src-CA_m4ONl.js";
 import { n as t } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
-import "./chunk-DU6HZSFF-1TwWR6gh.js";
-import "./chunk-P2QGCYS3-0TAWai9C.js";
-import "./chunk-PWAF6VOD-lNxB9k8z.js";
-import "./chunk-GMAD6QVW-vStrMz2P.js";
-import "./chunk-4HAMMTFA-BPTTOOC5.js";
-import "./chunk-GVQU2GXP-2HwWgs4u.js";
-import "./chunk-L3NEJ4N5-RhC7i0I2.js";
-import { o as n } from "./chunk-OSK3NFVY-CZV09N-U.js";
-import { c as r } from "./mermaid-Dfvntf3s.js";
+import "./chunk-DU6HZSFF-BSvuTkX4.js";
+import "./chunk-P2QGCYS3-D9twiFuU.js";
+import "./chunk-PWAF6VOD-D8S9NPCy.js";
+import "./chunk-GMAD6QVW-wnHcn-lH.js";
+import "./chunk-4HAMMTFA-CH7Gpamd.js";
+import "./chunk-GVQU2GXP-7O2p8hut.js";
+import "./chunk-L3NEJ4N5-B9_Alrxb.js";
+import { o as n } from "./chunk-OSK3NFVY-PeQPH2fD.js";
+import { c as r } from "./mermaid-CEceCleL.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/swimlanes-42K2YHIH.mjs
 var i = 5, a = 1e-5, o = 1e-6;
 function s(e) {

package/dist/swimlanesDiagram-VR7AAH4N-CGnrrHpw.js

@@ -0,0 +1,30 @@
+import "./chunk-75Z2AOVW-AI7CvgKn.js";
+import "./src-CA_m4ONl.js";
+import { n as e } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import "./chunk-DU6HZSFF-BSvuTkX4.js";
+import "./chunk-P2QGCYS3-D9twiFuU.js";
+import "./chunk-PWAF6VOD-D8S9NPCy.js";
+import "./chunk-GMAD6QVW-wnHcn-lH.js";
+import "./chunk-4HAMMTFA-CH7Gpamd.js";
+import "./chunk-GVQU2GXP-7O2p8hut.js";
+import "./chunk-L3NEJ4N5-B9_Alrxb.js";
+import "./chunk-OSK3NFVY-PeQPH2fD.js";
+import "./mermaid-CEceCleL.js";
+import "./chunk-F27PBJKO-CLshwT9T.js";
+import "./chunk-XXDRQBXY-Dnl5VBqG.js";
+import "./chunk-POPQ4Y6H-BUiNs18s.js";
+import { r as t, t as n } from "./chunk-SHT3W25Y-DoIB7Bub.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/swimlanesDiagram-VR7AAH4N.mjs
+var r = n({
+	defaultLayout: "swimlane",
+	styles: /* @__PURE__ */ e((e) => `${t(e)}
+  .swimlane.cluster rect {
+    stroke: ${e.clusterBorder} !important;
+  }
+  [data-look="neo"].cluster rect {
+    filter: none;
+  }
+`, "getStyles")
+});
+//#endregion
+export { r as diagram };

package/dist/{timeline-definition-24CTP7MA-ByNMgBE7.js → timeline-definition-24CTP7MA-UwihiSH2.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./arc-7ra3iNdN.js";
-import { p as t } from "./chunk-75Z2AOVW-C4AOleKf.js";
+import { p as t } from "./chunk-75Z2AOVW-AI7CvgKn.js";
 import { n, t as r } from "./src-CA_m4ONl.js";
 import { n as i, t as a } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
-import { $ as o, J as s, a as c, b as l, et as u, nt as d, o as f, x as p } from "./chunk-DU6HZSFF-1TwWR6gh.js";
-import { p as m } from "./mermaid-Dfvntf3s.js";
+import { $ as o, J as s, a as c, b as l, et as u, nt as d, o as f, x as p } from "./chunk-DU6HZSFF-BSvuTkX4.js";
+import { p as m } from "./mermaid-CEceCleL.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/timeline-definition-24CTP7MA.mjs
 var h = (function() {
 	var e = /* @__PURE__ */ i(function(e, t, n, r) {

package/dist/{vennDiagram-4TSXK5OY-DY8CySdO.js → vennDiagram-4TSXK5OY-D5LNVIRI.js}

@@ -1,9 +1,9 @@
-import { i as e } from "./chunk-75Z2AOVW-C4AOleKf.js";
+import { i as e } from "./chunk-75Z2AOVW-AI7CvgKn.js";
 import { t } from "./src-CA_m4ONl.js";
 import { n } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
-import { $ as r, H as i, K as a, U as o, a as s, b as c, c as l, et as u, f as d, nt as f, tt as p, v as m, w as h, y as g } from "./chunk-DU6HZSFF-1TwWR6gh.js";
+import { $ as r, H as i, K as a, U as o, a as s, b as c, c as l, et as u, f as d, nt as f, tt as p, v as m, w as h, y as g } from "./chunk-DU6HZSFF-BSvuTkX4.js";
 import { t as _ } from "./rough.esm-CtV9AnV1.js";
-import { p as v } from "./mermaid-Dfvntf3s.js";
+import { p as v } from "./mermaid-CEceCleL.js";
 //#region ../node_modules/.pnpm/khroma@2.1.0/node_modules/khroma/dist/methods/transparentize.js
 var y = (e, t) => p(e, "a", -t), b = 1e-10;
 function x(e, t) {

package/dist/{wardleyDiagram-VM6X3IG4-DYC1AFni.js → wardleyDiagram-VM6X3IG4-BwKf-b0_.js}

@@ -1,8 +1,8 @@
-import { i as e } from "./chunk-75Z2AOVW-C4AOleKf.js";
+import { i as e } from "./chunk-75Z2AOVW-AI7CvgKn.js";
 import { n as t } from "./src-CA_m4ONl.js";
 import { n } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
-import { D as r, H as i, K as a, U as o, a as s, b as c, c as l, v as u, w as d, x as f, y as p } from "./chunk-DU6HZSFF-1TwWR6gh.js";
-import { p as m } from "./mermaid-Dfvntf3s.js";
+import { D as r, H as i, K as a, U as o, a as s, b as c, c as l, v as u, w as d, x as f, y as p } from "./chunk-DU6HZSFF-BSvuTkX4.js";
+import { p as m } from "./mermaid-CEceCleL.js";
 import { n as h } from "./mermaid-parser.core-DxuSfYwJ.js";
 import { t as g } from "./chunk-JWPE2WC7-DJvv1t8U.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-VM6X3IG4.mjs

package/dist/{xychartDiagram-S5SC5T6Z-Df8LLnuY.js → xychartDiagram-S5SC5T6Z-Cg_vyuW2.js}

@@ -2,14 +2,14 @@ import { t as e } from "./linear-Cnaq3Tfb.js";
 import { n as t } from "./ordinal-c7efuCSS.js";
 import { t as n } from "./range-BAIvbVHp.js";
 import { q as r } from "./cubic-OaEBhQPK.js";
-import { i } from "./chunk-75Z2AOVW-C4AOleKf.js";
+import { i } from "./chunk-75Z2AOVW-AI7CvgKn.js";
 import { n as a } from "./init-Ix4LXMlt.js";
 import { n as o } from "./src-CA_m4ONl.js";
 import { n as s } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
-import { D as c, H as l, K as u, U as d, a as f, b as p, c as m, f as h, v as g, w as _, y as v, z as y } from "./chunk-DU6HZSFF-1TwWR6gh.js";
-import "./chunk-PWAF6VOD-lNxB9k8z.js";
-import { t as b } from "./chunk-GMAD6QVW-vStrMz2P.js";
-import { p as x } from "./mermaid-Dfvntf3s.js";
+import { D as c, H as l, K as u, U as d, a as f, b as p, c as m, f as h, v as g, w as _, y as v, z as y } from "./chunk-DU6HZSFF-BSvuTkX4.js";
+import "./chunk-PWAF6VOD-D8S9NPCy.js";
+import { t as b } from "./chunk-GMAD6QVW-wnHcn-lH.js";
+import { p as x } from "./mermaid-CEceCleL.js";
 //#region ../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/band.js
 function S() {
 	var e = t().unknown(void 0), r = e.domain, i = e.range, o = 0, s = 1, c, l, u = !1, d = 0, f = 0, p = .5;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.25.2-dev27",
+  "version": "0.25.2-dev30",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -99,7 +99,7 @@
     "date-fns": "^4.4.0",
     "dequal": "^2.0.3",
     "dnd-core": "^16.0.1",
-    "dompurify": "^3.4.14",
+    "dompurify": "^3.4.16",
     "htm": "^3.1.1",
     "html-react-parser": "^5.2.17",
     "html-to-image": "1.11.13",

package/src/components/chat/tool-call/__tests__/tool-result.test.tsx

@@ -0,0 +1,56 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+import { ResultRenderer } from "../tool-result";
+
+afterEach(cleanup);
+
+describe("ResultRenderer", () => {
+  it.each([
+    { status: "success", message: "No output was returned." },
+    { status: "success", next_steps: ["Run the edited cells."] },
+    {
+      status: "success",
+      action_url: null,
+      next_steps: null,
+      meta: null,
+      message: "Finished",
+    },
+    {
+      status: "success",
+      action_url: "/notebook",
+      next_steps: ["Review the output."],
+      meta: { source: "notebook" },
+      cellsToOutput: { cell: { cellOutput: "Hello", consoleOutput: "" } },
+    },
+  ])("renders structured results with optional fields: %j", (result) => {
+    render(<ResultRenderer result={result} />);
+
+    expect(screen.getByRole("heading", { name: "Tool Result" })).toBeVisible();
+    expect(screen.getByText("success")).toBeVisible();
+  });
+
+  it("displays messages and tool-specific output without metadata", () => {
+    render(
+      <ResultRenderer
+        result={{
+          status: "success",
+          message: "Cells finished running.",
+          cellsToOutput: { cell: { cellOutput: "Hello", consoleOutput: "" } },
+        }}
+      />,
+    );
+
+    expect(screen.getByText("Cells finished running.")).toBeVisible();
+    expect(screen.getByText("cellsToOutput")).toBeVisible();
+    expect(screen.getByText(/"cellOutput": "Hello"/)).toBeVisible();
+  });
+
+  it("preserves the fallback for unstructured results", () => {
+    render(<ResultRenderer result="Plain text result" />);
+
+    expect(screen.queryByRole("heading", { name: "Tool Result" })).toBeNull();
+    expect(screen.getByText("Plain text result")).toBeVisible();
+  });
+});

package/src/components/chat/tool-call/tool-result.tsx

@@ -21,9 +21,9 @@ function isUninformative(value: unknown): boolean {
 const SuccessResultSchema = z.looseObject({
   status: z.string().default("success"),
   auth_required: z.boolean().default(false),
-  action_url: z.any(),
-  next_steps: z.any(),
-  meta: z.any(),
+  action_url: z.any().optional(),
+  next_steps: z.any().optional(),
+  meta: z.any().optional(),
   message: z.string().nullish(),
 });
 

package/src/plugins/impl/CheckboxPlugin.tsx

@@ -46,7 +46,7 @@ const CheckboxComponent = ({
   const id = useId();
 
   return (
-    <Labeled label={data.label} align="right" id={id}>
+    <Labeled label={data.label} align="right" controlId={id}>
       <Checkbox
         data-testid="marimo-plugin-checkbox"
         checked={value}

package/src/plugins/impl/DatePickerPlugin.tsx

@@ -1,7 +1,7 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
 import { type CalendarDate, parseDate } from "@internationalized/date";
-import type { JSX } from "react";
+import { type JSX, useId } from "react";
 import { z } from "zod";
 import { DatePicker } from "@/components/ui/date-picker";
 import type { IPlugin, IPluginProps, Setter } from "../types";
@@ -49,6 +49,7 @@ interface DatePickerProps extends Data {
 }
 
 const DatePickerComponent = (props: DatePickerProps): JSX.Element => {
+  const labelId = useId();
   const handleInput = (valueAsDate: CalendarDate | null) => {
     if (!valueAsDate) {
       return;
@@ -59,12 +60,13 @@ const DatePickerComponent = (props: DatePickerProps): JSX.Element => {
   };
 
   return (
-    <Labeled label={props.label} fullWidth={props.fullWidth}>
+    <Labeled labelId={labelId} label={props.label} fullWidth={props.fullWidth}>
       <DatePicker
         granularity="day"
         value={parseDate(props.value)}
         onChange={handleInput}
-        aria-label={props.label ?? "date picker"}
+        aria-labelledby={props.label ? labelId : undefined}
+        aria-label={props.label ? undefined : "date picker"}
         minValue={parseDate(props.start)}
         maxValue={parseDate(props.stop)}
         isDisabled={props.disabled}

package/src/plugins/impl/DateRangePlugin.tsx

@@ -1,7 +1,7 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
 import { type CalendarDate, parseDate } from "@internationalized/date";
-import type { JSX } from "react";
+import { type JSX, useId } from "react";
 import { z } from "zod";
 import { DateRangePicker } from "@/components/ui/date-picker";
 import type { IPlugin, IPluginProps, Setter } from "../types";
@@ -48,6 +48,7 @@ interface DateRangePickerProps extends Data {
 }
 
 const DateRangePickerComponent = (props: DateRangePickerProps): JSX.Element => {
+  const labelId = useId();
   const handleInput = (
     valueAsDateRange: {
       start: CalendarDate;
@@ -64,7 +65,7 @@ const DateRangePickerComponent = (props: DateRangePickerProps): JSX.Element => {
   };
 
   return (
-    <Labeled label={props.label} fullWidth={props.fullWidth}>
+    <Labeled labelId={labelId} label={props.label} fullWidth={props.fullWidth}>
       <DateRangePicker
         granularity="day"
         value={{
@@ -72,7 +73,8 @@ const DateRangePickerComponent = (props: DateRangePickerProps): JSX.Element => {
           end: parseDate(props.value[1]),
         }}
         onChange={handleInput}
-        aria-label={props.label ?? "date range picker"}
+        aria-labelledby={props.label ? labelId : undefined}
+        aria-label={props.label ? undefined : "date range picker"}
         minValue={parseDate(props.start)}
         maxValue={parseDate(props.stop)}
         isDisabled={props.disabled}

package/src/plugins/impl/DateTimePickerPlugin.tsx

@@ -1,7 +1,7 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
 import { type CalendarDateTime, parseDateTime } from "@internationalized/date";
-import type { JSX } from "react";
+import { type JSX, useId } from "react";
 import { z } from "zod";
 import { DatePicker } from "@/components/ui/date-picker";
 import type { IPlugin, IPluginProps, Setter } from "../types";
@@ -50,6 +50,7 @@ interface DateTimePickerProps extends Data {
 }
 
 const DateTimePickerComponent = (props: DateTimePickerProps): JSX.Element => {
+  const labelId = useId();
   const handleInput = (valueAsDateTime: CalendarDateTime | null) => {
     if (!valueAsDateTime) {
       return;
@@ -63,12 +64,13 @@ const DateTimePickerComponent = (props: DateTimePickerProps): JSX.Element => {
   const parsedValue = props.value ? parseDateTime(props.value) : undefined;
 
   return (
-    <Labeled label={props.label} fullWidth={props.fullWidth}>
+    <Labeled labelId={labelId} label={props.label} fullWidth={props.fullWidth}>
       <DatePicker
         granularity={props.precision}
         value={parsedValue}
         onChange={handleInput}
-        aria-label={props.label ?? "date time picker"}
+        aria-labelledby={props.label ? labelId : undefined}
+        aria-label={props.label ? undefined : "date time picker"}
         minValue={parseDateTime(props.start)}
         maxValue={parseDateTime(props.stop)}
         isDisabled={props.disabled}

package/src/plugins/impl/DropdownPlugin.tsx

@@ -79,7 +79,7 @@ const Dropdown = (props: DropdownProps): JSX.Element => {
   const singleValue = value.length === 0 ? defaultValue : value[0];
 
   return (
-    <Labeled label={label} id={id} fullWidth={fullWidth}>
+    <Labeled label={label} controlId={id} fullWidth={fullWidth}>
       <NativeSelect
         data-testid="marimo-plugin-dropdown"
         onChange={(e) => {

package/src/plugins/impl/MultiselectPlugin.tsx

@@ -68,7 +68,7 @@ export const Multiselect = ({
   );
 
   return (
-    <Labeled label={label} id={id} fullWidth={fullWidth}>
+    <Labeled label={label} controlId={id} fullWidth={fullWidth}>
       <SelectList<string>
         id={id}
         options={items}

package/src/plugins/impl/NumberPlugin.tsx

@@ -70,7 +70,7 @@ const NumberComponent = (props: NumberComponentProps): JSX.Element => {
   };
 
   return (
-    <Labeled label={props.label} id={id} fullWidth={props.fullWidth}>
+    <Labeled label={props.label} controlId={id} fullWidth={props.fullWidth}>
       <NumberField
         data-testid="marimo-plugin-number-input"
         className={cn("min-w-[3em]", props.fullWidth && "w-full")}

package/src/plugins/impl/RadioPlugin.tsx

@@ -51,7 +51,11 @@ export const Radio = (props: RadioProps): JSX.Element => {
   const id = useId();
 
   return (
-    <Labeled label={props.label} id={id} align={props.inline ? "left" : "top"}>
+    <Labeled
+      label={props.label}
+      controlId={id}
+      align={props.inline ? "left" : "top"}
+    >
       <RadioGroup
         data-testid="marimo-plugin-radio"
         value={props.value ?? ""}

package/src/plugins/impl/RangeSliderPlugin.tsx

@@ -98,7 +98,7 @@ const RangeSliderComponent = ({
   const sliderElement = (
     <Labeled
       label={label}
-      id={id}
+      controlId={id}
       align={orientation === "horizontal" ? "left" : "top"}
       className={cn(fullWidth && "my-1 w-full")}
       fullWidth={fullWidth}

package/src/plugins/impl/SearchableSelect.tsx

@@ -33,7 +33,7 @@ export const SearchableSelect = (props: SearchableSelectProps): JSX.Element => {
   );
 
   return (
-    <Labeled label={label} id={id} fullWidth={fullWidth}>
+    <Labeled label={label} controlId={id} fullWidth={fullWidth}>
       <SelectList<string>
         id={id}
         options={items}

package/src/plugins/impl/SliderPlugin.tsx

@@ -224,7 +224,7 @@ const SliderComponent = ({
   const sliderElement = (
     <Labeled
       label={label}
-      id={id}
+      controlId={id}
       align={orientation === "horizontal" ? "left" : "top"}
       fullWidth={fullWidth}
       className={cn(fullWidth && "my-1 w-full")}

package/src/plugins/impl/SwitchPlugin.tsx

@@ -34,7 +34,12 @@ const SwitchComponent = ({
   const id = useId();
 
   return (
-    <Labeled label={data.label} align="right" id={id} labelClassName="ml-1">
+    <Labeled
+      label={data.label}
+      align="right"
+      controlId={id}
+      labelClassName="ml-1"
+    >
       <Switch
         data-testid="marimo-plugin-switch"
         checked={value}