@marimo-team/islands 0.23.16-dev13 → 0.23.16-dev15

package/dist/{reveal-component-B_CE2EbA.js → reveal-component-CSYwIpfk.js}

@@ -6,13 +6,13 @@ import { s as __toESM } from "./chunk-BNovOVIE.js";
 import { c as useEventListener, g as Logger, h as cn, m as Events, t as Button } from "./button-BSm8IXRU.js";
 import { t as require_react } from "./react-DA-nE2FX.js";
 import { t as require_compiler_runtime } from "./compiler-runtime-CEbnTgxf.js";
-import { dt as kioskModeAtom, ht as outputIsStale } from "./html-to-image-Bif4utQZ.js";
+import { ut as outputIsStale } from "./html-to-image-C0Yzb7i_.js";
 import "./chunk-5FQGJX7Z-B9WoXK1R.js";
 import { u as createLucideIcon } from "./dist-DIlxLFXG.js";
-import { a as DEFAULT_DECK_VERTICAL_ALIGN, c as SlideSidebar, cn as EyeOff, ct as Panel, fn as Code, i as DEFAULT_DECK_TRANSITION, l as Slide, ln as Expand, lt as PanelGroup, o as DEFAULT_SLIDE_TYPE, t as useNotebookCodeAvailable, ut as PanelResizeHandle } from "./code-visibility-DgtKp1AN.js";
+import { a as DEFAULT_DECK_VERTICAL_ALIGN, c as SlideSidebar, cn as EyeOff, ct as Panel, fn as Code, i as DEFAULT_DECK_TRANSITION, l as Slide, ln as Expand, lt as PanelGroup, o as DEFAULT_SLIDE_TYPE, t as useNotebookCodeAvailable, ut as PanelResizeHandle } from "./code-visibility-D3Ara34d.js";
 import { R as ChevronDown } from "./strings-DIy9NAmg.js";
 import { X as useDebouncedCallback } from "./input-C5K4VBvB.js";
-import "./toDate-CmR_xR3P.js";
+import { v as kioskModeAtom } from "./toDate-CqhBWjvO.js";
 import "./react-dom-BTJzcVJ9.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-DebpN0FN.js";
 import { X as useFullScreenElement } from "./zod-BUcyXSdR.js";
@@ -4739,8 +4739,8 @@ const SlideNotesEditor = (e5) => {
     className: "flex items-center gap-1.5 px-3 h-8 shrink-0 text-xs font-medium uppercase tracking-wide text-muted-foreground",
     children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StickyNote, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Speaker notes" })]
   }), t[17] = To) : To = t[17];
-  let Eo;
-  t[18] !== o || t[19] !== l || t[20] !== Co ? (Eo = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+  let Do;
+  t[18] !== o || t[19] !== l || t[20] !== Co ? (Do = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
     className: "flex-1 min-h-0 p-2",
     children: o ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
       value: l,
@@ -4753,14 +4753,14 @@ const SlideNotesEditor = (e5) => {
       className: "h-full flex items-center justify-center text-xs text-muted-foreground",
       children: "Select a slide to add notes."
     })
-  }), t[18] = o, t[19] = l, t[20] = Co, t[21] = Eo) : Eo = t[21];
+  }), t[18] = o, t[19] = l, t[20] = Co, t[21] = Do) : Do = t[21];
   let Oo;
-  return t[22] !== wo || t[23] !== Eo ? (Oo = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+  return t[22] !== wo || t[23] !== Do ? (Oo = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
     className: wo,
     "aria-label": "Speaker notes",
     onKeyDown: _temp$1,
-    children: [To, Eo]
-  }), t[22] = wo, t[23] = Eo, t[24] = Oo) : Oo = t[24], Oo;
+    children: [To, Do]
+  }), t[22] = wo, t[23] = Do, t[24] = Oo) : Oo = t[24], Oo;
 };
 function _temp$1(e5) {
   return e5.stopPropagation();
@@ -7326,12 +7326,12 @@ function resolveSlideContentStyle(e5) {
   }
 }
 var SubslideView = (e5) => {
-  let t = (0, import_compiler_runtime.c)(24), { subslide: n, resolveShowCode: r, isEditable: i, slideConfigs: a, contentStyle: o } = e5, s, c, u, f, go, _o;
+  let t = (0, import_compiler_runtime.c)(24), { subslide: n, resolveShowCode: r, isEditable: i, slideConfigs: a, contentStyle: o } = e5, s, l, u, f, go, _o;
   if (t[0] !== o || t[1] !== i || t[2] !== r || t[3] !== a || t[4] !== n) {
     let { slideLevel: e6, cumulativeByBlock: p2 } = buildSubslideNotes(n, a);
     u = e6;
     let vo2 = n.blocks.some((e7) => e7.cells.some((e8) => r(e8.id)));
-    c = w, s = SlideScrollContainer, f = vo2 ? "mo-slide-content flex flex-col gap-3" : "mo-slide-content", go = o, _o = n.blocks.map((e7, t2) => {
+    l = w, s = SlideScrollContainer, f = vo2 ? "mo-slide-content flex flex-col gap-3" : "mo-slide-content", go = o, _o = n.blocks.map((e7, t2) => {
       let n2 = e7.cells.map((e8) => r(e8.id) ? i ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlideCellView, { cell: e8 }, e8.id) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlideCellReadOnlyView, { cell: e8 }, e8.id) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slide, {
         cellId: e8.id,
         status: e8.status,
@@ -7346,8 +7346,8 @@ var SubslideView = (e5) => {
         }, t2);
       }
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: n2 }, t2);
-    }), t[0] = o, t[1] = i, t[2] = r, t[3] = a, t[4] = n, t[5] = s, t[6] = c, t[7] = u, t[8] = f, t[9] = go, t[10] = _o;
-  } else s = t[5], c = t[6], u = t[7], f = t[8], go = t[9], _o = t[10];
+    }), t[0] = o, t[1] = i, t[2] = r, t[3] = a, t[4] = n, t[5] = s, t[6] = l, t[7] = u, t[8] = f, t[9] = go, t[10] = _o;
+  } else s = t[5], l = t[6], u = t[7], f = t[8], go = t[9], _o = t[10];
   let p;
   t[11] !== f || t[12] !== go || t[13] !== _o ? (p = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
     className: f,
@@ -7356,10 +7356,10 @@ var SubslideView = (e5) => {
   }), t[11] = f, t[12] = go, t[13] = _o, t[14] = p) : p = t[14];
   let vo;
   t[15] !== s || t[16] !== p ? (vo = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(s, { children: p }), t[15] = s, t[16] = p, t[17] = vo) : vo = t[17];
-  let yo;
-  t[18] === u ? yo = t[19] : (yo = u && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NotesAside, { text: u }), t[18] = u, t[19] = yo);
+  let bo;
+  t[18] === u ? bo = t[19] : (bo = u && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NotesAside, { text: u }), t[18] = u, t[19] = bo);
   let xo;
-  return t[20] !== c || t[21] !== vo || t[22] !== yo ? (xo = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(c, { children: [vo, yo] }), t[20] = c, t[21] = vo, t[22] = yo, t[23] = xo) : xo = t[23], xo;
+  return t[20] !== l || t[21] !== vo || t[22] !== bo ? (xo = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(l, { children: [vo, bo] }), t[20] = l, t[21] = vo, t[22] = bo, t[23] = xo) : xo = t[23], xo;
 };
 function parkedRendersSource(e5) {
   let { isNoOutputPreview: t, isEditable: n, showCode: r } = e5;
@@ -7375,21 +7375,21 @@ var ParkedPreviewContent = (e5) => {
     let e6;
     return t[0] !== n || t[1] !== i ? (e6 = i ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlideCellView, { cell: n }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlideCellReadOnlyView, { cell: n }), t[0] = n, t[1] = i, t[2] = e6) : e6 = t[2], e6;
   }
-  let o = n.id, s = n.status, c = n.output, u;
+  let o = n.id, s = n.status, l = n.output, u;
   t[3] === n ? u = t[4] : (u = outputIsStale(n, false), t[3] = n, t[4] = u);
   let f;
   return t[5] !== n.id || t[6] !== n.output || t[7] !== n.status || t[8] !== u ? (f = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slide, {
     cellId: o,
     status: s,
-    output: c,
+    output: l,
     stale: u
   }), t[5] = n.id, t[6] = n.output, t[7] = n.status, t[8] = u, t[9] = f) : f = t[9], f;
-}, reveal_component_default = ({ slideCells: e5, layout: o, setLayout: s, noOutputIds: l, activeIndex: u, onSlideChange: f, mode: yo, configWidth: bo, isEditable: Co = false }) => {
+}, reveal_component_default = ({ slideCells: e5, layout: o, setLayout: s, noOutputIds: c, activeIndex: l, onSlideChange: u, mode: vo, configWidth: yo, isEditable: So = false }) => {
   var _a2, _b2, _c;
-  let Eo = (0, import_react.useRef)(null), Do = (0, import_react.useRef)(null), { width: Oo, height: Po } = useSlideDimensions(Eo), Fo = useFullScreenElement() != null, Lo = useAtomValue(kioskModeAtom), Ro = (0, import_react.useMemo)(() => Lo ? [] : [ce], [Lo]), [zo, Bo] = (0, import_react.useState)(() => /* @__PURE__ */ new Set()), Vo = useNotebookCodeAvailable(e5), Ho = !isIslands() && Vo, Uo = u == null ? void 0 : e5[u], Wo = Uo ?? e5.at(0), { parkedPreviewCell: Go, isHeldEdit: Ko, isNoOutputPreview: qo, heldEditCellId: Jo, heldShowsCode: Yo, toggleHeldShowsCode: Xo } = useParkedPreview({
+  let To = (0, import_react.useRef)(null), Eo = (0, import_react.useRef)(null), { width: Oo, height: Po } = useSlideDimensions(To), Fo = useFullScreenElement() != null, Lo = useAtomValue(kioskModeAtom), Ro = (0, import_react.useMemo)(() => Lo ? [] : [ce], [Lo]), [zo, Bo] = (0, import_react.useState)(() => /* @__PURE__ */ new Set()), Vo = useNotebookCodeAvailable(e5), Ho = !isIslands() && Vo, Uo = l == null ? void 0 : e5[l], Wo = Uo ?? e5.at(0), { parkedPreviewCell: Go, isHeldEdit: Ko, isNoOutputPreview: qo, heldEditCellId: Jo, heldShowsCode: Yo, toggleHeldShowsCode: Xo } = useParkedPreview({
     activeCell: Uo,
     slideConfigs: o.cells,
-    noOutputIds: l
+    noOutputIds: c
   }), Zo = (e6) => shouldShowCode({
     cells: o.cells,
     cellId: e6,
@@ -7399,13 +7399,13 @@ var ParkedPreviewContent = (e5) => {
     cells: e5,
     getType: (e6) => deckSlideType({
       cell: e6,
-      noOutputIds: l,
+      noOutputIds: c,
       heldEditCellId: Jo,
       slideConfigs: o.cells
     })
   }), [
     e5,
-    l,
+    c,
     o.cells,
     Jo
   ]), { cellToTarget: is, targetToCellIndex: as } = (0, import_react.useMemo)(() => buildSlideIndices({
@@ -7433,7 +7433,7 @@ var ParkedPreviewContent = (e5) => {
     cs
   ]), us = useEvent_default((t) => {
     let n = resolveDeckNavigationTarget({
-      activeIndex: u,
+      activeIndex: l,
       cells: e5,
       cellToTarget: is,
       getId: (e6) => e6.id
@@ -7441,10 +7441,10 @@ var ParkedPreviewContent = (e5) => {
     r && (t.slide(r.h, r.v, r.f), clearPreviousVerticalIndices(t));
   });
   (0, import_react.useEffect)(() => {
-    let e6 = Do.current;
+    let e6 = Eo.current;
     e6 != null && us(e6);
   }, [
-    u,
+    l,
     is,
     e5,
     us
@@ -7471,27 +7471,27 @@ var ParkedPreviewContent = (e5) => {
     t instanceof HTMLElement && (t.tabIndex = -1, t.focus({ preventScroll: true }));
   }), ps = useEvent_default(() => {
     if (Go != null) return;
-    let e6 = Do.current;
+    let e6 = Eo.current;
     if (!e6) return;
     let t = resolveActiveCellIndex(as, e6.getIndices());
-    t != null && (f == null ? void 0 : f(t));
+    t != null && (u == null ? void 0 : u(t));
   }), ms = useEvent_default((t) => {
-    if (!Go || u == null || Events.fromInput(t)) return;
+    if (!Go || l == null || Events.fromInput(t)) return;
     let n = classifyNavKey(t);
     if (n === 0) return;
     t.preventDefault(), t.stopPropagation();
-    let r = u + n;
-    r < 0 || r >= e5.length || (f == null ? void 0 : f(r));
+    let r = l + n;
+    r < 0 || r >= e5.length || (u == null ? void 0 : u(r));
   }), hs = useEvent_default(() => {
     ps();
   });
   useEventListener(document, "keydown", ms, { capture: true });
   let gs = Ko ? null : qo ? "Hidden as there is no output" : "Skipped in presentation", _s = Ko ? Yo : Zo(Go == null ? void 0 : Go.id), vs = parkedRendersSource({
     isNoOutputPreview: qo,
-    isEditable: Co,
+    isEditable: So,
     showCode: _s
   }), ys = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-    ref: Eo,
+    ref: To,
     className: "h-full w-full min-w-0 flex items-center justify-center overflow-hidden",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
       className: "group relative",
@@ -7501,7 +7501,7 @@ var ParkedPreviewContent = (e5) => {
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(b, {
-          deckRef: Do,
+          deckRef: Eo,
           className: "aspect-video w-full overflow-hidden border rounded bg-background mo-slides-theme prose-slides focus:outline-hidden focus-visible:outline-hidden",
           config: ls,
           onReady: fs,
@@ -7512,13 +7512,13 @@ var ParkedPreviewContent = (e5) => {
           children: rs.stacks.map((e6, t) => e6.subslides.length === 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubslideView, {
             subslide: e6.subslides[0],
             resolveShowCode: Zo,
-            isEditable: Co,
+            isEditable: So,
             slideConfigs: o.cells,
             contentStyle: ss
           }, t) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ne, { children: e6.subslides.map((e7, t2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubslideView, {
             subslide: e7,
             resolveShowCode: Zo,
-            isEditable: Co,
+            isEditable: So,
             slideConfigs: o.cells,
             contentStyle: ss
           }, t2)) }, t))
@@ -7537,7 +7537,7 @@ var ParkedPreviewContent = (e5) => {
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ParkedPreviewContent, {
                 cell: Go,
                 isNoOutputPreview: qo,
-                isEditable: Co,
+                isEditable: So,
                 showCode: _s
               })
             })
@@ -7568,7 +7568,7 @@ var ParkedPreviewContent = (e5) => {
               "aria-label": "Enter fullscreen",
               onClick: () => {
                 var _a3, _b3;
-                (_b3 = (_a3 = Do.current) == null ? void 0 : _a3.getViewportElement()) == null ? void 0 : _b3.requestFullscreen().catch((e6) => {
+                (_b3 = (_a3 = Eo.current) == null ? void 0 : _a3.getViewportElement()) == null ? void 0 : _b3.requestFullscreen().catch((e6) => {
                   Logger.error("Failed to request fullscreen", e6);
                 });
               },
@@ -7579,7 +7579,7 @@ var ParkedPreviewContent = (e5) => {
       ]
     })
   });
-  return yo === "read" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+  return vo === "read" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
     className: "flex-1 min-w-0 flex flex-row gap-3",
     children: ys
   }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -7615,7 +7615,7 @@ var ParkedPreviewContent = (e5) => {
         })
       ]
     }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlideSidebar, {
-      configWidth: bo,
+      configWidth: yo,
       layout: o,
       setLayout: s,
       activeConfigCell: Wo