@marimo-team/islands 0.23.1-dev9 → 0.23.1

package/dist/{useDeepCompareMemoize-AjORjhpL.js → useDeepCompareMemoize-CsyOnnjc.js}

@@ -1,16 +1,16 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { t as toDate } from "./toDate-CfGr2xZ1.js";
-import { r as cva, y as cn } from "./button-Cn59RsBF.js";
+import { g as cn, r as cva } from "./button-D1C3g5GI.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
+import { t as toDate } from "./toDate-B1AzlBoW.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
-import { C as dequal } from "./useTheme-ytmywQ5O.js";
-import { i as tableFromIPC } from "./loader-JmfPBSx5.js";
-function isDate(t) {
-  return t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]";
+import { C as dequal } from "./useTheme-CzwDokKe.js";
+import { i as tableFromIPC } from "./loader-ZFbGsMN1.js";
+function isDate(e) {
+  return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
 }
-function isValid(t) {
-  return !(!isDate(t) && typeof t != "number" || isNaN(+toDate(t)));
+function isValid(e) {
+  return !(!isDate(e) && typeof e != "number" || isNaN(+toDate(e)));
 }
 var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1), alertVariants = cva("relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:translate-y-[-3px] [&:has(svg)]:pl-11", {
   variants: { variant: {
@@ -20,9 +20,9 @@ var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__P
     warning: "bg-(--yellow-2) border-(--yellow-7) text-(--yellow-11) [&>svg]:text-(--yellow-11)"
   } },
   defaultVariants: { variant: "default" }
-}), Alert = import_react.forwardRef((t, m) => {
+}), Alert = import_react.forwardRef((e, m) => {
   let h = (0, import_compiler_runtime.c)(11), g, _, v;
-  h[0] === t ? (g = h[1], _ = h[2], v = h[3]) : ({ className: g, variant: v, ..._ } = t, h[0] = t, h[1] = g, h[2] = _, h[3] = v);
+  h[0] === e ? (g = h[1], _ = h[2], v = h[3]) : ({ className: g, variant: v, ..._ } = e, h[0] = e, h[1] = g, h[2] = _, h[3] = v);
   let y;
   h[4] !== g || h[5] !== v ? (y = cn(alertVariants({ variant: v }), g), h[4] = g, h[5] = v, h[6] = y) : y = h[6];
   let b;
@@ -34,9 +34,9 @@ var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__P
   }), h[7] = _, h[8] = m, h[9] = y, h[10] = b) : b = h[10], b;
 });
 Alert.displayName = "Alert";
-var AlertTitle = import_react.forwardRef((t, m) => {
+var AlertTitle = import_react.forwardRef((e, m) => {
   let h = (0, import_compiler_runtime.c)(11), g, _, v;
-  h[0] === t ? (g = h[1], _ = h[2], v = h[3]) : ({ className: _, children: g, ...v } = t, h[0] = t, h[1] = g, h[2] = _, h[3] = v);
+  h[0] === e ? (g = h[1], _ = h[2], v = h[3]) : ({ className: _, children: g, ...v } = e, h[0] = e, h[1] = g, h[2] = _, h[3] = v);
   let y;
   h[4] === _ ? y = h[5] : (y = cn("mb-1 font-medium leading-none tracking-tight", _), h[4] = _, h[5] = y);
   let b;
@@ -48,9 +48,9 @@ var AlertTitle = import_react.forwardRef((t, m) => {
   }), h[6] = g, h[7] = v, h[8] = m, h[9] = y, h[10] = b) : b = h[10], b;
 });
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = import_react.forwardRef((t, m) => {
+var AlertDescription = import_react.forwardRef((e, m) => {
   let h = (0, import_compiler_runtime.c)(9), g, _;
-  h[0] === t ? (g = h[1], _ = h[2]) : ({ className: g, ..._ } = t, h[0] = t, h[1] = g, h[2] = _);
+  h[0] === e ? (g = h[1], _ = h[2]) : ({ className: g, ..._ } = e, h[0] = e, h[1] = g, h[2] = _);
   let v;
   h[3] === g ? v = h[4] : (v = cn("text-sm [&_p]:leading-relaxed", g), h[3] = g, h[4] = v);
   let y;
@@ -61,19 +61,19 @@ var AlertDescription = import_react.forwardRef((t, m) => {
   }), h[5] = _, h[6] = m, h[7] = v, h[8] = y) : y = h[8], y;
 });
 AlertDescription.displayName = "AlertDescription";
-function arrow(t) {
-  function m(t2) {
-    return !!(t2 == null ? void 0 : t2.schema) && Array.isArray(t2.schema.fields) && typeof t2.toArray == "function";
+function arrow(e) {
+  function p(e2) {
+    return !!(e2 == null ? void 0 : e2.schema) && Array.isArray(e2.schema.fields) && typeof e2.toArray == "function";
   }
-  return (m(t) ? t : decodeIPC(t)).toArray();
+  return (p(e) ? e : decodeIPC(e)).toArray();
 }
 arrow.responseType = "arrayBuffer";
-function decodeIPC(t, m) {
-  return tableFromIPC(t, m ?? { useProxy: true });
+function decodeIPC(e, p) {
+  return tableFromIPC(e, p ?? { useProxy: true });
 }
-function useDeepCompareMemoize(t) {
-  let m = import_react.useRef(t);
-  return dequal(t, m.current) || (m.current = t), m.current;
+function useDeepCompareMemoize(e) {
+  let p = import_react.useRef(e);
+  return dequal(e, p.current) || (p.current = e), p.current;
 }
 export {
   AlertTitle as a,

package/dist/{useIframeCapabilities---aRgGdv.js → useIframeCapabilities-CsTUYYj7.js}

@@ -1,7 +1,7 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { t as getIframeCapabilities } from "./capabilities-Bml77Di-.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
+import { t as getIframeCapabilities } from "./capabilities-BwpUgo4S.js";
 var import_compiler_runtime = require_compiler_runtime();
 require_react();
 function useIframeCapabilities() {

package/dist/{useLifecycle-B90lJH4p.js → useLifecycle-DrGGIsgp.js}

@@ -1,10 +1,10 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { u as createLucideIcon } from "./dist-CjLQ79mo.js";
-import { g as Logger, r as cva, y as cn } from "./button-Cn59RsBF.js";
+import { _ as Logger, g as cn, r as cva } from "./button-D1C3g5GI.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
+import { u as createLucideIcon } from "./dist-CTtLBPLZ.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
-import { _ as useSetAtom, y as atom } from "./useTheme-ytmywQ5O.js";
+import { _ as useSetAtom, y as atom } from "./useTheme-CzwDokKe.js";
 var Calendar = createLucideIcon("calendar", [
   ["path", {
     d: "M8 2v4",
@@ -81,50 +81,50 @@ var Calendar = createLucideIcon("calendar", [
     key: "s66wpe"
   }]
 ]), import_compiler_runtime$2 = require_compiler_runtime();
-function createReducer(e, m) {
+function createReducer(e, h) {
   return {
-    reducer: (h, g) => (h || (h = e()), g.type in m ? m[g.type](h, g.payload) : (Logger.error(`Action type ${g.type} is not defined in reducers.`), h)),
+    reducer: (g, _) => (g || (g = e()), _.type in h ? h[_.type](g, _.payload) : (Logger.error(`Action type ${_.type} is not defined in reducers.`), g)),
     createActions: (e2) => {
-      let h = {};
-      for (let g in m) h[g] = (m2) => {
+      let m = {};
+      for (let g in h) m[g] = (m2) => {
         e2({
           type: g,
           payload: m2
         });
       };
-      return h;
+      return m;
     }
   };
 }
-function createReducerAndAtoms(e, m, h) {
-  let g = [...h ?? []], v = (e2) => {
-    g.push(e2);
-  }, { reducer: y, createActions: b } = createReducer(e, m), x = (e2, m2) => {
+function createReducerAndAtoms(e, h, g) {
+  let _ = [...g ?? []], v = (e2) => {
+    _.push(e2);
+  }, { reducer: y, createActions: b } = createReducer(e, h), x = (e2, h2) => {
     try {
-      let h2 = y(e2, m2);
-      for (let v2 of g) try {
-        v2(e2, h2, m2);
+      let g2 = y(e2, h2);
+      for (let v2 of _) try {
+        v2(e2, g2, h2);
       } catch (e3) {
-        Logger.error(`Error in middleware for action ${m2.type}:`, e3);
+        Logger.error(`Error in middleware for action ${h2.type}:`, e3);
       }
-      return h2;
-    } catch (h2) {
-      return Logger.error(`Error in reducer for action ${m2.type}:`, h2), e2;
+      return g2;
+    } catch (g2) {
+      return Logger.error(`Error in reducer for action ${h2.type}:`, g2), e2;
     }
   }, S = atom(e()), C = /* @__PURE__ */ new WeakMap();
   function w(e2) {
-    let m2 = (0, import_compiler_runtime$2.c)(4), h2 = e2 === void 0 ? {} : e2, g2 = useSetAtom(S);
+    let m = (0, import_compiler_runtime$2.c)(4), h2 = e2 === void 0 ? {} : e2, g2 = useSetAtom(S);
     if (h2.skipMiddleware === true) {
       let e3;
-      return m2[0] === g2 ? e3 = m2[1] : (e3 = b((e4) => {
-        g2((m3) => y(m3, e4));
-      }), m2[0] = g2, m2[1] = e3), e3;
+      return m[0] === g2 ? e3 = m[1] : (e3 = b((e4) => {
+        g2((m2) => y(m2, e4));
+      }), m[0] = g2, m[1] = e3), e3;
     }
     C.has(g2) || C.set(g2, b((e3) => {
-      g2((m3) => x(m3, e3));
+      g2((m2) => x(m2, e3));
     }));
-    let _;
-    return m2[2] === g2 ? _ = m2[3] : (_ = C.get(g2), m2[2] = g2, m2[3] = _), _;
+    let _2;
+    return m[2] === g2 ? _2 = m[3] : (_2 = C.get(g2), m[2] = g2, m[3] = _2), _2;
   }
   return {
     reducer: x,
@@ -145,15 +145,15 @@ var import_compiler_runtime$1 = require_compiler_runtime(), import_react = /* @_
   } },
   defaultVariants: { variant: "default" }
 }), Badge = (e) => {
-  let m = (0, import_compiler_runtime$1.c)(10), h, g, _;
-  m[0] === e ? (h = m[1], g = m[2], _ = m[3]) : ({ className: h, variant: _, ...g } = e, m[0] = e, m[1] = h, m[2] = g, m[3] = _);
-  let v;
-  m[4] !== h || m[5] !== _ ? (v = cn(badgeVariants({ variant: _ }), h), m[4] = h, m[5] = _, m[6] = v) : v = m[6];
+  let m = (0, import_compiler_runtime$1.c)(10), g, _, v;
+  m[0] === e ? (g = m[1], _ = m[2], v = m[3]) : ({ className: g, variant: v, ..._ } = e, m[0] = e, m[1] = g, m[2] = _, m[3] = v);
+  let y;
+  m[4] !== g || m[5] !== v ? (y = cn(badgeVariants({ variant: v }), g), m[4] = g, m[5] = v, m[6] = y) : y = m[6];
   let b;
-  return m[7] !== g || m[8] !== v ? (b = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    className: v,
-    ...g
-  }), m[7] = g, m[8] = v, m[9] = b) : b = m[9], b;
+  return m[7] !== _ || m[8] !== y ? (b = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+    className: y,
+    ..._
+  }), m[7] = _, m[8] = y, m[9] = b) : b = m[9], b;
 }, import_compiler_runtime = require_compiler_runtime();
 function useOnMount(e) {
   let m = (0, import_compiler_runtime.c)(1), h;

package/dist/{useTheme-ytmywQ5O.js → useTheme-CzwDokKe.js}

@@ -1,8 +1,8 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { a as OverridingHotkeyProvider, g as Logger, s as resolvePlatform } from "./button-Cn59RsBF.js";
-import { A as looseObject, B as union, I as record, N as number, P as object, R as string, T as boolean, b as _enum, w as array } from "./zod-D4UoCYGu.js";
+import { _ as Logger, a as OverridingHotkeyProvider, s as resolvePlatform } from "./button-D1C3g5GI.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
+import { A as looseObject, B as union, I as record, N as number, P as object, R as string, T as boolean, b as _enum, w as array } from "./zod-W5ZEjzaE.js";
 import { t as merge_default } from "./merge-CVhG7q_o.js";
 var import_react = /* @__PURE__ */ __toESM(require_react()), useInsertionEffect = typeof window < "u" ? import_react.useInsertionEffect || import_react.useLayoutEffect : () => {
 };

package/dist/{vega-component-1icm1Ykb.js → vega-component-KBJXEDZz.js}

@@ -1,21 +1,21 @@
 import { s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { c as asRemoteURL, g as CircleQuestionMark } from "./toDate-CfGr2xZ1.js";
-import { c as Objects, g as Logger, h as Events, y as cn } from "./button-Cn59RsBF.js";
-import "./react-dom-BSUuJjCR.js";
+import { _ as Logger, c as Objects, g as cn, h as Events } from "./button-D1C3g5GI.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
+import { c as asRemoteURL, g as CircleQuestionMark } from "./toDate-B1AzlBoW.js";
+import "./react-dom-D5FDLRUB.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
-import "./zod-D4UoCYGu.js";
-import { n as ErrorBanner } from "./error-banner-BQcJXy6k.js";
-import { t as Tooltip } from "./tooltip-CygUI9oH.js";
+import "./zod-W5ZEjzaE.js";
+import { n as ErrorBanner } from "./error-banner-B_ioHva3.js";
+import { t as Tooltip } from "./tooltip-DwNnFsxZ.js";
 import { i as debounce_default } from "./constants-CvyfaCvs.js";
-import { n as useTheme, w as useEvent_default } from "./useTheme-ytmywQ5O.js";
+import { n as useTheme, w as useEvent_default } from "./useTheme-CzwDokKe.js";
 import { s as uniq } from "./arrays-beUWo8RF.js";
-import { a as AlertTitle, n as arrow, o as isValid, r as Alert, t as useDeepCompareMemoize } from "./useDeepCompareMemoize-AjORjhpL.js";
+import { a as AlertTitle, n as arrow, o as isValid, r as Alert, t as useDeepCompareMemoize } from "./useDeepCompareMemoize-CsyOnnjc.js";
 import { n as formats } from "./vega-loader.browser-DqEcFOPD.js";
-import { a as getContainerWidth, n as vegaLoadData, s as tooltipHandler } from "./loader-JmfPBSx5.js";
-import { t as useAsyncData } from "./useAsyncData-BzS3Ai32.js";
-import { t as j } from "./react-vega-CzRAIHrv.js";
+import { a as getContainerWidth, n as vegaLoadData, s as tooltipHandler } from "./loader-ZFbGsMN1.js";
+import { t as useAsyncData } from "./useAsyncData-BL98MPIy.js";
+import { t as j } from "./react-vega-DBwal82H.js";
 import "./defaultLocale-qS7DaAmi.js";
 import "./defaultLocale-Bxoo2-30.js";
 var import_compiler_runtime = require_compiler_runtime(), import_react = /* @__PURE__ */ __toESM(require_react(), 1);
@@ -483,20 +483,20 @@ async function resolveVegaSpecData(e) {
       ...e2,
       spec: await w(e2.spec)
     }), !e2.data || !("url" in e2.data)) return e2;
-    let E2;
+    let T2;
     try {
-      E2 = asRemoteURL(e2.data.url);
+      T2 = asRemoteURL(e2.data.url);
     } catch {
       return e2;
     }
-    let D = await vegaLoadData(E2.href, e2.data.format);
-    return C[E2.pathname] = D, {
+    let E = await vegaLoadData(T2.href, e2.data.format);
+    return C[T2.pathname] = E, {
       ...e2,
-      data: { name: E2.pathname }
+      data: { name: T2.pathname }
     };
-  }, E = await w(e);
-  return Object.keys(C).length === 0 ? E : {
-    ...E,
+  }, T = await w(e);
+  return Object.keys(C).length === 0 ? T : {
+    ...T,
     datasets: C
   };
 }
@@ -520,29 +520,29 @@ var VegaComponent = (e) => {
     spec: P,
     embedOptions: k
   }), C[5] = E, C[6] = k, C[7] = D, C[8] = P, C[9] = T, C[10] = w, C[11] = I) : I = C[11], I;
-}, LoadedVegaComponent = ({ value: e, setValue: C, chartSelection: w, fieldSelection: T, spec: M, embedOptions: N }) => {
+}, LoadedVegaComponent = ({ value: e, setValue: D, chartSelection: O, fieldSelection: k, spec: M, embedOptions: N }) => {
   let { theme: L } = useTheme(), R = (0, import_react.useRef)(null), z = (0, import_react.useRef)(void 0), [B, V] = (0, import_react.useState)(), H = (0, import_react.useMemo)(() => N && "actions" in N ? N.actions : {
     source: false,
     compiled: false
   }, [N]), U = useDeepCompareMemoize(M), W = (0, import_react.useMemo)(() => makeSelectable(fixRelativeUrl(U), {
-    chartSelection: w,
-    fieldSelection: T
+    chartSelection: O,
+    fieldSelection: k
   }), [
     U,
-    w,
-    T
-  ]), G = (0, import_react.useMemo)(() => getSelectionParamNames(W), [W]), K = useEvent_default((w2) => {
-    C({
+    O,
+    k
+  ]), G = (0, import_react.useMemo)(() => getSelectionParamNames(W), [W]), K = useEvent_default((C) => {
+    D({
       ...e,
-      ...w2
+      ...C
     });
-  }), q = (0, import_react.useMemo)(() => debounce_default((e2, C2) => {
-    Logger.debug("[Vega signal]", e2, C2);
-    let w2 = Objects.mapValues(C2, convertDatetimeToEpochMilliseconds);
-    w2 = Objects.mapValues(w2, convertSetToList), K({ [e2]: w2 });
-  }, 100), [K]), J = useDeepCompareMemoize(G), Y = (0, import_react.useMemo)(() => J.reduce((e2, C2) => (ParamNames.PAN_ZOOM === C2 || ParamNames.isBinColoring(C2) || e2.push({
-    signalName: C2,
-    handler: (e3, C3) => q(e3, C3)
+  }), q = (0, import_react.useMemo)(() => debounce_default((e2, T) => {
+    Logger.debug("[Vega signal]", e2, T);
+    let E = Objects.mapValues(T, convertDatetimeToEpochMilliseconds);
+    E = Objects.mapValues(E, convertSetToList), K({ [e2]: E });
+  }, 100), [K]), J = useDeepCompareMemoize(G), Y = (0, import_react.useMemo)(() => J.reduce((e2, C) => (ParamNames.PAN_ZOOM === C || ParamNames.isBinColoring(C) || e2.push({
+    signalName: C,
+    handler: (e3, C2) => q(e3, C2)
   }), e2), []), [J, q]), X = useEvent_default((e2) => {
     Logger.error(e2), Logger.debug(W), V(e2);
   }), Z = useEvent_default((e2) => {
@@ -554,14 +554,14 @@ var VegaComponent = (e) => {
       side: "left",
       content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
         className: "text-xs flex flex-col",
-        children: e2.map((e3, C2) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        children: e2.map((e3, C) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
             className: "font-bold tracking-wide",
             children: [e3[0], ":"]
           }),
           " ",
           e3[1]
-        ] }, C2))
+        ] }, C))
       }),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleQuestionMark, { className: "absolute bottom-1 right-0 m-2 h-4 w-4 cursor-help text-muted-foreground hover:text-foreground" })
     });
@@ -578,16 +578,16 @@ var VegaComponent = (e) => {
     onError: X,
     onEmbed: Z
   });
-  return (0, import_react.useEffect)(() => (Y.forEach(({ signalName: e2, handler: C2 }) => {
+  return (0, import_react.useEffect)(() => (Y.forEach(({ signalName: e2, handler: w }) => {
     try {
-      $ == null ? void 0 : $.view.addSignalListener(e2, C2);
+      $ == null ? void 0 : $.view.addSignalListener(e2, w);
     } catch (e3) {
       Logger.error(e3);
     }
   }), () => {
-    Y.forEach(({ signalName: e2, handler: C2 }) => {
+    Y.forEach(({ signalName: e2, handler: w }) => {
       try {
-        $ == null ? void 0 : $.view.removeSignalListener(e2, C2);
+        $ == null ? void 0 : $.view.removeSignalListener(e2, w);
       } catch (e3) {
         Logger.error(e3);
       }

package/dist/{zod-D4UoCYGu.js → zod-W5ZEjzaE.js}

@@ -1,8 +1,8 @@
 import { r as __export, s as __toESM } from "./chunk-BNovOVIE.js";
-import { t as require_react } from "./react-Bs6Z0kvn.js";
-import { t as require_compiler_runtime } from "./compiler-runtime-B_OLMU9S.js";
-import { d as createSlot, l as useEventListener, m as useComposedRefs } from "./button-Cn59RsBF.js";
-import { t as require_react_dom } from "./react-dom-BSUuJjCR.js";
+import { d as createSlot, l as useEventListener, m as useComposedRefs } from "./button-D1C3g5GI.js";
+import { t as require_react } from "./react-DA-nE2FX.js";
+import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
+import { t as require_react_dom } from "./react-dom-D5FDLRUB.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_react_dom$1 = /* @__PURE__ */ __toESM(require_react_dom(), 1), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1), Primitive = [
   "a",
@@ -23,16 +23,16 @@ var import_react = /* @__PURE__ */ __toESM(require_react(), 1), import_react_dom
   "svg",
   "ul"
 ].reduce((e, E) => {
-  let D = createSlot(`Primitive.${E}`), O = import_react.forwardRef((e2, O2) => {
-    let { asChild: k, ...A } = e2, j = k ? D : E;
+  let O = createSlot(`Primitive.${E}`), k = import_react.forwardRef((e2, D) => {
+    let { asChild: k2, ...A } = e2, j = k2 ? O : E;
     return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = true), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(j, {
       ...A,
-      ref: O2
+      ref: D
     });
   });
-  return O.displayName = `Primitive.${E}`, {
+  return k.displayName = `Primitive.${E}`, {
     ...e,
-    [E]: O
+    [E]: k
   };
 }, {});
 function dispatchDiscreteCustomEvent(e, E) {
@@ -169,8 +169,8 @@ function useStateMachine(e, E) {
   return import_react.useReducer((e2, D) => E[e2][D] ?? e2, e);
 }
 var Presence = (e) => {
-  let { present: E, children: D } = e, O = usePresence(E), k = typeof D == "function" ? D({ present: O.isPresent }) : import_react.Children.only(D), A = useComposedRefs(O.ref, getElementRef(k));
-  return typeof D == "function" || O.isPresent ? import_react.cloneElement(k, { ref: A }) : null;
+  let { present: E, children: D } = e, O = usePresence(E), A = typeof D == "function" ? D({ present: O.isPresent }) : import_react.Children.only(D), j = useComposedRefs(O.ref, getElementRef(A));
+  return typeof D == "function" || O.isPresent ? import_react.cloneElement(A, { ref: j }) : null;
 };
 Presence.displayName = "Presence";
 function usePresence(e) {
@@ -256,12 +256,12 @@ var DISMISSABLE_LAYER_NAME = "DismissableLayer", CONTEXT_UPDATE = "dismissableLa
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 }), DismissableLayer = import_react.forwardRef((e, E) => {
-  let { disableOutsidePointerEvents: D = false, onEscapeKeyDown: O, onPointerDownOutside: k, onFocusOutside: A, onInteractOutside: M, onDismiss: N, ...F } = e, R = import_react.useContext(DismissableLayerContext), [B, V] = import_react.useState(null), H = (B == null ? void 0 : B.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, W] = import_react.useState({}), G = useComposedRefs(E, (e2) => V(e2)), K = Array.from(R.layers), [q] = [...R.layersWithOutsidePointerEventsDisabled].slice(-1), J = K.indexOf(q), Y = B ? K.indexOf(B) : -1, X = R.layersWithOutsidePointerEventsDisabled.size > 0, Z = Y >= J, Q = usePointerDownOutside((e2) => {
+  let { disableOutsidePointerEvents: D = false, onEscapeKeyDown: O, onPointerDownOutside: A, onFocusOutside: j, onInteractOutside: M, onDismiss: N, ...F } = e, R = import_react.useContext(DismissableLayerContext), [B, V] = import_react.useState(null), H = (B == null ? void 0 : B.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, W] = import_react.useState({}), G = useComposedRefs(E, (e2) => V(e2)), K = Array.from(R.layers), [q] = [...R.layersWithOutsidePointerEventsDisabled].slice(-1), J = K.indexOf(q), Y = B ? K.indexOf(B) : -1, X = R.layersWithOutsidePointerEventsDisabled.size > 0, Z = Y >= J, Q = usePointerDownOutside((e2) => {
     let E2 = e2.target, D2 = [...R.branches].some((e3) => e3.contains(E2));
-    !Z || D2 || (k == null ? void 0 : k(e2), M == null ? void 0 : M(e2), e2.defaultPrevented || (N == null ? void 0 : N()));
+    !Z || D2 || (A == null ? void 0 : A(e2), M == null ? void 0 : M(e2), e2.defaultPrevented || (N == null ? void 0 : N()));
   }, H), $ = useFocusOutside((e2) => {
     let E2 = e2.target;
-    [...R.branches].some((e3) => e3.contains(E2)) || (A == null ? void 0 : A(e2), M == null ? void 0 : M(e2), e2.defaultPrevented || (N == null ? void 0 : N()));
+    [...R.branches].some((e3) => e3.contains(E2)) || (j == null ? void 0 : j(e2), M == null ? void 0 : M(e2), e2.defaultPrevented || (N == null ? void 0 : N()));
   }, H);
   return useEscapeKeydown((e2) => {
     Y === R.layers.size - 1 && (O == null ? void 0 : O(e2), !e2.defaultPrevented && N && (e2.preventDefault(), N()));
@@ -293,7 +293,7 @@ var DISMISSABLE_LAYER_NAME = "DismissableLayer", CONTEXT_UPDATE = "dismissableLa
 });
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch", DismissableLayerBranch = import_react.forwardRef((e, E) => {
-  let D = import_react.useContext(DismissableLayerContext), O = import_react.useRef(null), k = useComposedRefs(E, O);
+  let D = import_react.useContext(DismissableLayerContext), O = import_react.useRef(null), A = useComposedRefs(E, O);
   return import_react.useEffect(() => {
     let e2 = O.current;
     if (e2) return D.branches.add(e2), () => {
@@ -301,7 +301,7 @@ var BRANCH_NAME = "DismissableLayerBranch", DismissableLayerBranch = import_reac
     };
   }, [D.branches]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Primitive.div, {
     ...e,
-    ref: k
+    ref: A
   });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
@@ -353,7 +353,7 @@ var Root = DismissableLayer, Branch = DismissableLayerBranch, AUTOFOCUS_ON_MOUNT
   bubbles: false,
   cancelable: true
 }, FOCUS_SCOPE_NAME = "FocusScope", FocusScope = import_react.forwardRef((e, E) => {
-  let { loop: D = false, trapped: O = false, onMountAutoFocus: k, onUnmountAutoFocus: A, ...M } = e, [N, F] = import_react.useState(null), R = useCallbackRef$1(k), B = useCallbackRef$1(A), V = import_react.useRef(null), H = useComposedRefs(E, (e2) => F(e2)), U = import_react.useRef({
+  let { loop: D = false, trapped: O = false, onMountAutoFocus: A, onUnmountAutoFocus: j, ...M } = e, [N, F] = import_react.useState(null), R = useCallbackRef$1(A), B = useCallbackRef$1(j), V = import_react.useRef(null), H = useComposedRefs(E, (e2) => F(e2)), U = import_react.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -411,10 +411,10 @@ var Root = DismissableLayer, Branch = DismissableLayerBranch, AUTOFOCUS_ON_MOUNT
   ]);
   let W = import_react.useCallback((e2) => {
     if (!D && !O || U.paused) return;
-    let E2 = e2.key === "Tab" && !e2.altKey && !e2.ctrlKey && !e2.metaKey, k2 = document.activeElement;
-    if (E2 && k2) {
+    let E2 = e2.key === "Tab" && !e2.altKey && !e2.ctrlKey && !e2.metaKey, k = document.activeElement;
+    if (E2 && k) {
       let E3 = e2.currentTarget, [O2, A2] = getTabbableEdges(E3);
-      O2 && A2 ? !e2.shiftKey && k2 === A2 ? (e2.preventDefault(), D && focus(O2, { select: true })) : e2.shiftKey && k2 === O2 && (e2.preventDefault(), D && focus(A2, { select: true })) : k2 === E3 && e2.preventDefault();
+      O2 && A2 ? !e2.shiftKey && k === A2 ? (e2.preventDefault(), D && focus(O2, { select: true })) : e2.shiftKey && k === O2 && (e2.preventDefault(), D && focus(A2, { select: true })) : k === E3 && e2.preventDefault();
     }
   }, [
     D,
@@ -1069,10 +1069,10 @@ function isInVscodeExtension() {
 var import_compiler_runtime = require_compiler_runtime(), VSCODE_OUTPUT_CONTAINER_SELECTOR = "[data-vscode-output-container]";
 const MAX_HEIGHT_OFFSET = isInVscodeExtension() ? 0 : 30;
 function useFullScreenElement() {
-  let e = (0, import_compiler_runtime.c)(1), [E, D] = (0, import_react.useState)(document.fullscreenElement), O;
-  return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = () => {
+  let e = (0, import_compiler_runtime.c)(1), [E, D] = (0, import_react.useState)(document.fullscreenElement), k;
+  return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = () => {
     D(document.fullscreenElement);
-  }, e[0] = O) : O = e[0], useEventListener(document, "fullscreenchange", O), E;
+  }, e[0] = k) : k = e[0], useEventListener(document, "fullscreenchange", k), E;
 }
 function withFullScreenAsRoot(e) {
   let E = (E2) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.23.1-dev9",
+  "version": "0.23.1",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -123,6 +123,7 @@
     "path-to-regexp": "^8.4.0",
     "plotly.js": "^3.3.1",
     "pyodide": "0.27.7",
+    "radix-ui": "1.4.3",
     "react-arborist": "^3.4.3",
     "react-aria": "3.47.0",
     "react-aria-components": "1.16.0",
@@ -159,8 +160,7 @@
     "vscode-jsonrpc": "^8.2.1",
     "vscode-languageserver-protocol": "^3.17.5",
     "web-vitals": "^4.2.4",
-    "zod": "^4.3.6",
-    "radix-ui": "1.4.3"
+    "zod": "^4.3.6"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -217,7 +217,7 @@
     "oxfmt": "^0.42.0",
     "oxlint": "^1.58.0",
     "postcss": "^8.5.6",
-    "postcss-plugin-namespace": "^0.0.3",
+    "postcss-prefix-selector": "^2.1.1",
     "react": "^19.2.4",
     "react-compiler-runtime": "19.1.0-rc.3",
     "react-dom": "^19.2.4",

package/src/core/islands/__tests__/bridge.test.ts

@@ -1,7 +1,7 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
 import type { components } from "@marimo-team/marimo-api";
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { beforeEach, describe, expect, it, vi } from "vitest";
 import {
   cellId,
   requestId,
@@ -83,17 +83,7 @@ describe("IslandsPyodideBridge", () => {
 
   beforeEach(() => {
     vi.clearAllMocks();
-    // Reset the singleton by clearing the window property
-    // oxlint-disable-next-line typescript/no-explicit-any
-    delete (window as any)._marimo_private_IslandsPyodideBridge;
-    // Access the singleton - creates a fresh instance
-    bridge = IslandsPyodideBridge.INSTANCE;
-  });
-
-  afterEach(() => {
-    // Clean up singleton
-    // oxlint-disable-next-line typescript/no-explicit-any
-    delete (window as any)._marimo_private_IslandsPyodideBridge;
+    bridge = new IslandsPyodideBridge({ autoStartSessions: false });
   });
 
   describe("sendComponentValues", () => {