@marimo-team/islands 0.24.3-dev33 → 0.24.3-dev36

package/dist/{swimlanes-42K2YHIH-ZXbhyGv6.js → swimlanes-42K2YHIH-eAB6utyY.js}

@@ -9,7 +9,7 @@ import "./chunk-4HAMMTFA-D2qv8E0X.js";
 import "./chunk-GVQU2GXP-yQEdulRS.js";
 import "./chunk-L3NEJ4N5-DwRWnDDK.js";
 import { o as n } from "./chunk-OSK3NFVY-BBKU_Ign.js";
-import { c as r } from "./mermaid-B1Jb9HfY.js";
+import { c as r } from "./mermaid-CMLxoJ0m.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-CluwxV0g.js → swimlanesDiagram-VR7AAH4N-Cnpd2YtA.js}

@@ -9,11 +9,11 @@ import "./chunk-4HAMMTFA-D2qv8E0X.js";
 import "./chunk-GVQU2GXP-yQEdulRS.js";
 import "./chunk-L3NEJ4N5-DwRWnDDK.js";
 import "./chunk-OSK3NFVY-BBKU_Ign.js";
-import "./mermaid-B1Jb9HfY.js";
+import "./mermaid-CMLxoJ0m.js";
 import "./chunk-F27PBJKO-DHmYWZXr.js";
 import "./chunk-XXDRQBXY-Dnl5VBqG.js";
 import "./chunk-POPQ4Y6H-BCbS3Ozc.js";
-import { r as t, t as n } from "./chunk-SHT3W25Y-tUelricH.js";
+import { r as t, t as n } from "./chunk-SHT3W25Y-D1Nb5X1c.js";
 //#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/swimlanesDiagram-VR7AAH4N.mjs
 var r = n({
 	defaultLayout: "swimlane",

package/dist/{timeline-definition-24CTP7MA-B8i6B9RR.js → timeline-definition-24CTP7MA-DlnODX3U.js}

@@ -3,7 +3,7 @@ import { p as t } from "./chunk-75Z2AOVW-5_HsvXwr.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-BUgAHvnM.js";
-import { p as m } from "./mermaid-B1Jb9HfY.js";
+import { p as m } from "./mermaid-CMLxoJ0m.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/{toDate-C3JOXlJT.js → toDate-0cxDmdsp.js}

@@ -2,7 +2,7 @@ import { t as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { g as t } from "./button-DdXAm8iz.js";
 import { t as n } from "./compiler-runtime-Cj8ZWiNS.js";
 import { u as r } from "./dist-6ChWbo8z.js";
-import { E as i, _ as a, a as o, b as s } from "./useTheme-iQ0VoptU.js";
+import { E as i, _ as a, a as o, b as s } from "./useTheme-Da9LJvrQ.js";
 import { t as c } from "./invariant-DLmrl-hA.js";
 var l = r("circle-question-mark", [
 	["circle", {

package/dist/{useAsyncData-C0f7qnnN.js → useAsyncData-DCIhDLCe.js}

@@ -1,7 +1,7 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-ofJbxM4x.js";
 import { t as n } from "./compiler-runtime-Cj8ZWiNS.js";
-import { A as r } from "./useTheme-iQ0VoptU.js";
+import { A as r } from "./useTheme-Da9LJvrQ.js";
 import { t as i } from "./invariant-DLmrl-hA.js";
 //#region src/hooks/useAsyncData.ts
 var a = n(), o = /* @__PURE__ */ e(t(), 1), s = {

package/dist/{useDeepCompareMemoize-QCa0HbWB.js → useDeepCompareMemoize-CLaZB7Gc.js}

@@ -1,6 +1,6 @@
 import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { t } from "./react-ofJbxM4x.js";
-import { k as n } from "./useTheme-iQ0VoptU.js";
+import { k as n } from "./useTheme-Da9LJvrQ.js";
 //#region src/hooks/useDeepCompareMemoize.ts
 var r = /* @__PURE__ */ e(t(), 1);
 function i(e) {

package/dist/{useLifecycle-BGRBkTFT.js → useLifecycle-C1ViBACC.js}

@@ -4,7 +4,7 @@ import { t as i } from "./react-ofJbxM4x.js";
 import { t as a } from "./compiler-runtime-Cj8ZWiNS.js";
 import { u as o } from "./dist-6ChWbo8z.js";
 import { t as s } from "./jsx-runtime-DgDPJV9S.js";
-import { E as c, w as l } from "./useTheme-iQ0VoptU.js";
+import { E as c, w as l } from "./useTheme-Da9LJvrQ.js";
 var u = o("calendar", [
 	["path", {
 		d: "M8 2v4",

package/dist/{useTheme-iQ0VoptU.js → useTheme-Da9LJvrQ.js}

@@ -3,7 +3,7 @@ import { a as n, g as r, s as i } from "./button-DdXAm8iz.js";
 import { t as a } from "./react-ofJbxM4x.js";
 import { t as o } from "./compiler-runtime-Cj8ZWiNS.js";
 import { A as s, D as c, I as l, N as u, P as d, S as f, _ as p, j as m, x as h } from "./schemas-BDZr-nP0.js";
-import { c as g, t as _ } from "./_baseMerge-Bnytch8P.js";
+import { l as g, t as _ } from "./_baseMerge-BiGRwuqv.js";
 //#region ../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/mergeWith.js
 var v = g(function(e, t, n, r) {
 	_(e, t, n, r);

package/dist/{vega-component-DRI4BDLQ.js → vega-component-Bt6d8B4Q.js}

@@ -2,20 +2,20 @@ import { a as e } from "./rolldown-runtime-Cb76FRpK.js";
 import { g as t, h as n, m as r, o as i } from "./button-DdXAm8iz.js";
 import { t as a } from "./react-ofJbxM4x.js";
 import { t as o } from "./compiler-runtime-Cj8ZWiNS.js";
-import { c as s, v as c } from "./toDate-C3JOXlJT.js";
+import { c as s, v as c } from "./toDate-0cxDmdsp.js";
 import { t as l } from "./jsx-runtime-DgDPJV9S.js";
 import { n as u } from "./error-banner-hCaH06e3.js";
 import { t as d } from "./tooltip-CdE8k0pS.js";
 import { t as f } from "./debounce-C3jyATpc.js";
-import { A as p, n as ee } from "./useTheme-iQ0VoptU.js";
+import { A as p, n as ee } from "./useTheme-Da9LJvrQ.js";
 import { c as m } from "./arrays-CN1djC4k.js";
 import { t as te } from "./objects-CzUgoMIF.js";
-import { t as h } from "./useAsyncData-C0f7qnnN.js";
-import { a as ne, i as re, n as ie, t as g } from "./formats-vDAoRpYs.js";
+import { t as h } from "./useAsyncData-DCIhDLCe.js";
+import { a as ne, i as re, n as ie, t as g } from "./formats-B-gajYGs.js";
 import { M as ae, n as oe } from "./vega-loader.browser-D95WfUcj.js";
 import { t as se } from "./react-vega-5AcMW8gG.js";
 import { a as ce, n as _ } from "./loader-D2W4oM-3.js";
-import { t as le } from "./useDeepCompareMemoize-QCa0HbWB.js";
+import { t as le } from "./useDeepCompareMemoize-CLaZB7Gc.js";
 import { t as ue } from "./semaphore-89jsoHtS.js";
 import { t as de } from "./use-vega-container-remeasure-4DwJbPWu.js";
 //#region src/plugins/impl/vega/fix-relative-url.ts

package/dist/{vennDiagram-4TSXK5OY-CS7lHhxI.js → vennDiagram-4TSXK5OY-B_m5KxUg.js}

@@ -3,7 +3,7 @@ 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-BUgAHvnM.js";
 import { t as _ } from "./rough.esm-CtV9AnV1.js";
-import { p as v } from "./mermaid-B1Jb9HfY.js";
+import { p as v } from "./mermaid-CMLxoJ0m.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-BSm-L8JI.js → wardleyDiagram-VM6X3IG4-Dw-Lgv3D.js}

@@ -2,7 +2,7 @@ import { i as e } from "./chunk-75Z2AOVW-5_HsvXwr.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-BUgAHvnM.js";
-import { p as m } from "./mermaid-B1Jb9HfY.js";
+import { p as m } from "./mermaid-CMLxoJ0m.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-8fKCJGrJ.js → xychartDiagram-S5SC5T6Z-BjfRms1e.js}

@@ -9,7 +9,7 @@ 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-BUgAHvnM.js";
 import "./chunk-PWAF6VOD-CTFCL0jI.js";
 import { t as b } from "./chunk-GMAD6QVW-Czynz8aA.js";
-import { p as x } from "./mermaid-B1Jb9HfY.js";
+import { p as x } from "./mermaid-CMLxoJ0m.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.24.3-dev33",
+  "version": "0.24.3-dev36",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -43,8 +43,6 @@
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@emotion/cache": "^11.14.0",
-    "@emotion/react": "^11.14.0",
     "@glideapps/glide-data-grid": "6.0.4-alpha24",
     "@hookform/resolvers": "^5.9.1",
     "@img-comparison-slider/react": "^8.0.2",
@@ -62,7 +60,6 @@
     "@marimo-team/marimo-api": "workspace:*",
     "@marimo-team/react-slotz": "^0.2.0",
     "@marimo-team/smart-cells": "workspace:*",
-    "@mui/material": "^6.5.0",
     "@paralleldrive/cuid2": "^2.3.1",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-icons": "~1.3.2",
@@ -74,7 +71,6 @@
     "@tailwindcss/typography": "^0.5.20",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.14.10",
-    "@textea/json-viewer": "^4.0.1",
     "@types/humanize-duration": "^3.27.4",
     "@types/js-cookie": "^3.0.6",
     "@types/jsdom": "^21.1.7",
@@ -82,6 +78,7 @@
     "@uidotdev/usehooks": "^2.4.1",
     "@uiw/codemirror-extensions-langs": "^4.25.11",
     "@uiw/react-codemirror": "4.25.11",
+    "@uiw/react-json-view": "2.0.0-alpha.43",
     "@uwdata/flechette": "^1.1.2",
     "@valtown/codemirror-codeium": "^1.1.1",
     "@xterm/addon-attach": "^0.12.0",
@@ -215,9 +212,9 @@
     "jsdom": "^24.1.3",
     "msw": "^2.15.0",
     "npm-run-all2": "^6.2.6",
+    "oxc-transform-react": "0.145.0",
     "oxfmt": "^0.64.0",
     "oxlint": "^1.79.0",
-    "oxc-transform-react": "0.145.0",
     "postcss": "^8.5.26",
     "postcss-prefix-selector": "^2.2.0",
     "react": "^19.2.8",

package/src/components/data-table/columns.tsx

@@ -20,7 +20,6 @@ import { Maps } from "@/utils/maps";
 import { maxFractionalDigits } from "@/utils/numbers";
 import { Objects } from "@/utils/objects";
 import { parseContent } from "@/utils/url-parser";
-import { EmotionCacheProvider } from "../editor/output/EmotionCacheProvider";
 import { JsonOutput } from "../editor/output/JsonOutput";
 import { CopyClipboardIcon } from "../icons/copy-icon";
 import { Button } from "../ui/button";
@@ -412,76 +411,74 @@ const PopoutColumn = ({
     : rawStringValue;
 
   return (
-    <EmotionCacheProvider container={null}>
-      <Popover>
-        <PopoverTrigger
-          ref={triggerRef}
-          className={cn(cellStyles, "max-w-fit outline-hidden")}
-          onClick={selectCell}
-          onMouseDown={(e) => {
-            // Prevent cell underneath from being selected
-            e.stopPropagation();
-          }}
-        >
-          <span
-            className={cn(
-              "cursor-pointer hover:text-link",
-              wrapped && COLUMN_WRAPPING_STYLES,
-            )}
-            title={rawStringValue}
-          >
-            {edges ? <WhitespaceMarkers value={edges.leading} /> : null}
-            {displayText}
-            {edges ? <WhitespaceMarkers value={edges.trailing} /> : null}
-          </span>
-        </PopoverTrigger>
-        <PopoverContent
+    <Popover>
+      <PopoverTrigger
+        ref={triggerRef}
+        className={cn(cellStyles, "max-w-fit outline-hidden")}
+        onClick={selectCell}
+        onMouseDown={(e) => {
+          // Prevent cell underneath from being selected
+          e.stopPropagation();
+        }}
+      >
+        <span
           className={cn(
-            contentClassName,
-            scrollable && "flex flex-col overflow-hidden",
+            "cursor-pointer hover:text-link",
+            wrapped && COLUMN_WRAPPING_STYLES,
           )}
-          align="start"
-          alignOffset={10}
-          onInteractOutside={(event) => {
-            // Radix sees the shadow host as the target. Resolve the original
-            // target so pointer-down does not dismiss before click toggles.
-            const target = Events.composedTarget(event.detail.originalEvent);
-            if (triggerRef.current?.contains(target)) {
-              event.preventDefault();
-            }
-          }}
+          title={rawStringValue}
         >
-          <div
-            className={cn(
-              "flex -mt-3 -mr-2",
-              scrollable ? "shrink-0 justify-end" : "float-right",
-            )}
-          >
-            <CopyClipboardIcon
-              value={rawStringValue}
-              className="size-3 hover:text-link"
-              buttonClassName="flex size-5 items-center justify-center"
-              tooltip={false}
-            />
-            <PopoverClose asChild={true}>
-              <Button
-                variant="link"
-                size="xs"
-                className={cn("size-5 p-0", !buttonText && "ml-1.5 mr-1")}
-                aria-label="Close"
-              >
-                {buttonText ?? "Close"}
-              </Button>
-            </PopoverClose>
-          </div>
-          {scrollable ? (
-            <div className="min-h-0 overflow-auto">{children}</div>
-          ) : (
-            children
+          {edges ? <WhitespaceMarkers value={edges.leading} /> : null}
+          {displayText}
+          {edges ? <WhitespaceMarkers value={edges.trailing} /> : null}
+        </span>
+      </PopoverTrigger>
+      <PopoverContent
+        className={cn(
+          contentClassName,
+          scrollable && "flex flex-col overflow-hidden",
+        )}
+        align="start"
+        alignOffset={10}
+        onInteractOutside={(event) => {
+          // Radix sees the shadow host as the target. Resolve the original
+          // target so pointer-down does not dismiss before click toggles.
+          const target = Events.composedTarget(event.detail.originalEvent);
+          if (triggerRef.current?.contains(target)) {
+            event.preventDefault();
+          }
+        }}
+      >
+        <div
+          className={cn(
+            "flex -mt-3 -mr-2",
+            scrollable ? "shrink-0 justify-end" : "float-right",
           )}
-        </PopoverContent>
-      </Popover>
-    </EmotionCacheProvider>
+        >
+          <CopyClipboardIcon
+            value={rawStringValue}
+            className="size-3 hover:text-link"
+            buttonClassName="flex size-5 items-center justify-center"
+            tooltip={false}
+          />
+          <PopoverClose asChild={true}>
+            <Button
+              variant="link"
+              size="xs"
+              className={cn("size-5 p-0", !buttonText && "ml-1.5 mr-1")}
+              aria-label="Close"
+            >
+              {buttonText ?? "Close"}
+            </Button>
+          </PopoverClose>
+        </div>
+        {scrollable ? (
+          <div className="min-h-0 overflow-auto">{children}</div>
+        ) : (
+          children
+        )}
+      </PopoverContent>
+    </Popover>
   );
 };
 

package/src/components/editor/header/filename-input.tsx

@@ -53,6 +53,8 @@ export const FilenameInput = ({
   const skipReset = useRef<boolean>(false);
 
   useEffect(() => {
+    // TODO: Reset the editable draft without synchronizing state in an effect.
+    // oxlint-disable-next-line react/no-deriving-state-in-effects -- Reset the editable draft when the external filename changes.
     setSearchValue(initialValue);
   }, [initialValue]);