@marimo-team/islands 0.21.2-dev2 → 0.21.2-dev21

package/dist/main.js

@@ -29325,6 +29325,8 @@ ${c.sqlString}
   var NotebookLanguageServerClient = (_a = class {
     constructor(e, r, c = defaultGetNotebookEditors) {
       __publicField(this, "completionItemCache", new LRUCache(10));
+      __publicField(this, "latestDiagnosticsVersion", null);
+      __publicField(this, "forwardedDiagnosticsVersion", 0);
       this.documentUri = getLSPDocument(), this.getNotebookEditors = c, this.initialSettings = r, this.client = e, this.patchProcessNotification(), this.initializePromise.then(() => {
         invariant(isClientWithNotify(this.client), "notify is not a method on the client"), this.client.notify("workspace/didChangeConfiguration", {
           settings: r
@@ -29372,7 +29374,7 @@ ${c.sqlString}
         settings: this.initialSettings
       });
       let { lens: e, version: r } = this.snapshotter.snapshot();
-      await this.client.textDocumentDidOpen({
+      this.latestDiagnosticsVersion = null, this.forwardedDiagnosticsVersion = 0, await this.client.textDocumentDidOpen({
         textDocument: {
           languageId: "python",
           text: e.mergedText,
@@ -29570,39 +29572,49 @@ ${c.sqlString}
       invariant("processNotification" in this.client, "processNotification is not a method on the client");
       let r = this.client.processNotification.bind(this.client), c = (c2) => {
         if (c2.method === "textDocument/publishDiagnostics") {
+          let d = c2.params.version;
+          if (d != null) {
+            let e = this.latestDiagnosticsVersion;
+            if (e !== null && Number.isFinite(d) && d < e) {
+              Logger.debug("[lsp] dropping stale diagnostics notification", c2);
+              return;
+            }
+            this.latestDiagnosticsVersion = d;
+          }
           Logger.debug("[lsp] handling diagnostics", c2);
-          let d = this.snapshotter.getLatestSnapshot(), f = c2.params.diagnostics, { lens: _, version: v } = d, y = /* @__PURE__ */ new Map();
-          for (let e of f) for (let r2 of _.cellIds) if (_.isInRange(e.range, r2)) {
-            y.has(r2) || y.set(r2, []);
+          let f = this.snapshotter.getLatestSnapshot(), _ = c2.params.diagnostics, { lens: v } = f, y = ++this.forwardedDiagnosticsVersion, S = /* @__PURE__ */ new Map();
+          for (let e of _) for (let r2 of v.cellIds) if (v.isInRange(e.range, r2)) {
+            S.has(r2) || S.set(r2, []);
             let c3 = {
               ...e,
-              range: _.reverseRange(e.range, r2)
+              range: v.reverseRange(e.range, r2)
             };
-            y.get(r2).push(c3);
+            S.get(r2).push(c3);
             break;
           }
-          let S = new Set(_.cellIds);
-          _a.pruneSeenCellUris(S);
-          let w = new Set(_a.SEEN_CELL_DOCUMENT_URIS);
-          for (let [e, d2] of y.entries()) {
+          let w = new Set(v.cellIds);
+          _a.pruneSeenCellUris(w);
+          let E = new Set(_a.SEEN_CELL_DOCUMENT_URIS);
+          for (let [e, d2] of S.entries()) {
             Logger.debug("[lsp] diagnostics for cell", e, d2);
             let f2 = CellDocumentUri.of(e);
-            w.delete(f2), r({
+            E.delete(f2), r({
               ...c2,
               params: {
                 ...c2.params,
                 uri: f2,
-                version: v,
+                version: y,
                 diagnostics: d2
               }
             });
           }
-          if (w.size > 0) {
-            Logger.debug("[lsp] clearing diagnostics", w);
-            for (let e of w) r({
+          if (E.size > 0) {
+            Logger.debug("[lsp] clearing diagnostics", E);
+            for (let e of E) r({
               method: "textDocument/publishDiagnostics",
               params: {
                 uri: e,
+                version: y,
                 diagnostics: []
               }
             });
@@ -32264,12 +32276,14 @@ ${c.sqlString}
       afterCursorCode: getEditorCodeAsPython(e, v)
     };
   }
-  var TEMPORARY_ATTRIBUTE = "data-temp-href-target";
-  purify.addHook("beforeSanitizeAttributes", (e) => {
-    e.tagName === "A" && (e.hasAttribute("target") || e.setAttribute("target", "_self"), e.hasAttribute("target") && e.setAttribute(TEMPORARY_ATTRIBUTE, e.getAttribute("target") || ""));
-  }), purify.addHook("afterSanitizeAttributes", (e) => {
-    e.tagName === "A" && e.hasAttribute(TEMPORARY_ATTRIBUTE) && (e.setAttribute("target", e.getAttribute(TEMPORARY_ATTRIBUTE) || ""), e.removeAttribute(TEMPORARY_ATTRIBUTE), e.getAttribute("target") === "_blank" && e.setAttribute("rel", "noopener noreferrer"));
-  });
+  if (typeof document < "u") {
+    let e = "data-temp-href-target";
+    purify.addHook("beforeSanitizeAttributes", (r) => {
+      r.tagName === "A" && (r.hasAttribute("target") || r.setAttribute("target", "_self"), r.hasAttribute("target") && r.setAttribute(e, r.getAttribute("target") || ""));
+    }), purify.addHook("afterSanitizeAttributes", (r) => {
+      r.tagName === "A" && r.hasAttribute(e) && (r.setAttribute("target", r.getAttribute(e) || ""), r.removeAttribute(e), r.getAttribute("target") === "_blank" && r.setAttribute("rel", "noopener noreferrer"));
+    });
+  }
   function sanitizeHtml(e) {
     let r = {
       USE_PROFILES: {
@@ -58976,9 +58990,16 @@ ${r}
   }
   var isSlotElement = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT", isSVGElement = (e) => e.tagName != null && e.tagName.toUpperCase() === "SVG";
   async function cloneChildren(e, r, c) {
+    var _a3;
     if (isSVGElement(r)) return r;
     let d = [];
-    return d = isSlotElement(e) && e.assignedNodes ? toArray(e.assignedNodes()) : toArray((e.shadowRoot ?? e).childNodes), d.length === 0 || isInstanceOfElement(e, HTMLVideoElement) || await d.reduce((e2, d2) => e2.then(() => cloneNode(d2, c)).then((e3) => {
+    if (isSlotElement(e) && e.assignedNodes) d = toArray(e.assignedNodes());
+    else if (isInstanceOfElement(e, HTMLIFrameElement)) try {
+      ((_a3 = e.contentDocument) == null ? void 0 : _a3.body) && (d = toArray(e.contentDocument.body.childNodes));
+    } catch {
+    }
+    else d = toArray((e.shadowRoot ?? e).childNodes);
+    return d.length === 0 || isInstanceOfElement(e, HTMLVideoElement) || await d.reduce((e2, d2) => e2.then(() => cloneNode(d2, c)).then((e3) => {
       e3 && r.appendChild(e3);
     }), Promise.resolve()), r;
   }
@@ -59190,12 +59211,13 @@ ${r}
     return getWebFontRules(await getCSSRules(toArray(e.ownerDocument.styleSheets), r));
   }
   function normalizeFontFamily(e) {
-    return e.trim().replace(/["']/g, "");
+    return (e || "").trim().replace(/["']/g, "");
   }
   function getUsedFonts(e) {
     let r = /* @__PURE__ */ new Set();
     function c(e2) {
-      (e2.style.fontFamily || getComputedStyle(e2).fontFamily).split(",").forEach((e3) => {
+      let d = e2.style.fontFamily || getComputedStyle(e2).fontFamily;
+      d && d.split(",").forEach((e3) => {
         r.add(normalizeFontFamily(e3));
       }), Array.from(e2.children).forEach((e3) => {
         e3 instanceof HTMLElement && c(e3);
@@ -59211,7 +59233,7 @@ ${r}
     }))).join("\n");
   }
   async function embedWebFonts(e, r) {
-    let c = r.fontEmbedCSS == null ? r.skipFonts ? null : await getWebFontCSS(e, r) : r.fontEmbedCSS, d = r.extraStyleContent == null ? c : r.extraStyleContent.concat(c || "");
+    let c = r.fontEmbedCSS == null ? r.skipFonts ? null : await getWebFontCSS(e, r) : r.fontEmbedCSS, d = r.extraStyleContent == null ? c : (c || "").concat(r.extraStyleContent);
     if (d) {
       let r2 = document.createElement("style"), c2 = document.createTextNode(d);
       r2.appendChild(c2), e.firstChild ? e.insertBefore(r2, e.firstChild) : e.appendChild(r2);
@@ -59240,6 +59262,7 @@ ${r}
         return Logger.error("Error filtering node:", e2), true;
       }
     },
+    imagePlaceholder: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQI12NgAAIABQABNjN9GQAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAA0lEQVQI12P4z8BQDwAEgAF/QualIQAAAABJRU5ErkJggg==",
     onImageErrorHandler: (e) => {
       Logger.error("Error loading image:", e);
     },
@@ -59423,10 +59446,10 @@ Defaulting to \`null\`.`;
     d && (v = d(r));
     try {
       downloadByURL(await toPng(r), Filenames.toPNG(c));
-    } catch {
-      toast({
-        title: "Error",
-        description: "Failed to download as PNG.",
+    } catch (e2) {
+      Logger.error("Error downloading as PNG", e2), toast({
+        title: "Failed to download as PNG",
+        description: prettyError(e2),
         variant: "danger"
       });
     } finally {
@@ -70777,7 +70800,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
       return Logger.warn("Failed to get version from mount config"), null;
     }
   }
-  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.2-dev2"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.2-dev21"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime$89 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {
@@ -92685,21 +92708,75 @@ ${c}
     }), r[13] = c, r[14] = e.label, r[15] = f, r[16] = O, r[17] = M) : M = r[17], M;
   };
   var import_compiler_runtime$28 = require_compiler_runtime(), RangeSlider = import_react.forwardRef((e, r) => {
-    let c = (0, import_compiler_runtime$28.c)(35), { className: d, valueMap: f, ..._ } = e, [v, y] = useBoolean(false), { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w = dist_exports, E;
-    c[0] === d ? E = c[1] : (E = cn("relative flex touch-none select-none hover:cursor-pointer", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:items-center", "data-[orientation=vertical]:h-full data-[orientation=vertical]:justify-center", "data-disabled:cursor-not-allowed", d), c[0] = d, c[1] = E);
-    let O;
-    c[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = cn("relative grow overflow-hidden rounded-full bg-slate-200 dark:bg-accent/60", "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"), c[2] = O) : O = c[2];
-    let M;
-    c[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = (0, import_jsx_runtime.jsx)(Track, {
+    let c = (0, import_compiler_runtime$28.c)(56), d, f, _;
+    c[0] === e ? (d = c[1], f = c[2], _ = c[3]) : ({ className: d, valueMap: _, ...f } = e, c[0] = e, c[1] = d, c[2] = f, c[3] = _);
+    let [v, y] = useBoolean(false), { locale: S } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), w = import_react.useRef(false), E = import_react.useRef(0), O = import_react.useRef(0), M;
+    c[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = [], c[4] = M) : M = c[4];
+    let I = import_react.useRef(M), z;
+    c[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = [], c[5] = z) : z = c[5];
+    let G = import_react.useRef(z), q = import_react.useRef(null), IY = import_react.useRef(null), LY = import_react.useRef(null), RY;
+    c[6] === r ? RY = c[7] : (RY = (e2) => {
+      q.current = e2, typeof r == "function" ? r(e2) : r && (r.current = e2);
+    }, c[6] = r, c[7] = RY);
+    let zY = RY, BY;
+    c[8] !== f.disabled || c[9] !== f.value ? (BY = (e2) => {
+      var _a3;
+      !f.value || f.value.length !== 2 || f.disabled || (e2.preventDefault(), e2.stopPropagation(), w.current = true, E.current = e2.clientX, O.current = e2.clientY, I.current = [
+        ...f.value
+      ], G.current = [
+        ...f.value
+      ], LY.current = ((_a3 = IY.current) == null ? void 0 : _a3.getBoundingClientRect()) ?? null, e2.currentTarget.setPointerCapture(e2.pointerId));
+    }, c[8] = f.disabled, c[9] = f.value, c[10] = BY) : BY = c[10];
+    let VY = BY, HY;
+    c[11] === f ? HY = c[12] : (HY = (e2) => {
+      var _a3;
+      if (!w.current) return;
+      e2.stopPropagation();
+      let r2 = LY.current;
+      if (!r2) return;
+      let c2 = f.orientation === "vertical", d2 = f.min ?? 0, _2 = f.max ?? 100, v2 = _2 - d2, y2;
+      if (c2) {
+        let c3 = r2.height;
+        y2 = -((e2.clientY - O.current) / c3) * v2;
+      } else {
+        let c3 = r2.width;
+        y2 = (e2.clientX - E.current) / c3 * v2;
+      }
+      let [S2, M2] = I.current, z2 = M2 - S2, q2 = f.steps, IY2 = q2 && q2.length > 1 ? Math.min(...q2.slice(1).map((e3, r3) => e3 - q2[r3])) : f.step ?? 1, RY2 = Math.round(y2 / IY2) * IY2, zY2 = S2 + Math.max(d2 - S2, Math.min(_2 - M2, RY2)), BY2 = zY2 + z2;
+      G.current = [
+        zY2,
+        BY2
+      ], (_a3 = f.onValueChange) == null ? void 0 : _a3.call(f, [
+        zY2,
+        BY2
+      ]);
+    }, c[11] = f, c[12] = HY);
+    let UY = HY, WY;
+    c[13] === f ? WY = c[14] : (WY = (e2) => {
+      var _a3;
+      w.current && (e2.currentTarget.releasePointerCapture(e2.pointerId), w.current = false, G.current.length === 2 && ((_a3 = f.onValueCommit) == null ? void 0 : _a3.call(f, G.current)));
+    }, c[13] = f, c[14] = WY);
+    let GY = WY, KY;
+    c[15] === d ? KY = c[16] : (KY = cn("relative flex touch-none select-none hover:cursor-pointer", "data-[orientation=horizontal]:w-full data-[orientation=horizontal]:items-center", "data-[orientation=vertical]:h-full data-[orientation=vertical]:justify-center", "data-disabled:cursor-not-allowed", d), c[15] = d, c[16] = KY);
+    let qY;
+    c[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (qY = cn("relative grow overflow-hidden rounded-full bg-slate-200 dark:bg-accent/60", "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"), c[17] = qY) : qY = c[17];
+    let JY;
+    c[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (JY = cn("absolute bg-blue-500 dark:bg-primary", "data-[orientation=horizontal]:h-full", "data-[orientation=vertical]:w-full", "data-disabled:opacity-50", "hover:cursor-grab active:cursor-grabbing"), c[18] = JY) : JY = c[18];
+    let YY;
+    c[19] !== VY || c[20] !== UY || c[21] !== GY ? (YY = (0, import_jsx_runtime.jsx)(Track, {
+      ref: IY,
       "data-testid": "track",
-      className: O,
+      className: qY,
       children: (0, import_jsx_runtime.jsx)(Range, {
         "data-testid": "range",
-        className: cn("absolute bg-blue-500 dark:bg-primary", "data-[orientation=horizontal]:h-full", "data-[orientation=vertical]:w-full", "data-disabled:opacity-50")
+        className: JY,
+        onPointerDown: VY,
+        onPointerMove: UY,
+        onPointerUp: GY
       })
-    }), c[3] = M) : M = c[3];
-    let I;
-    c[4] !== y.setFalse || c[5] !== y.setTrue ? (I = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[19] = VY, c[20] = UY, c[21] = GY, c[22] = YY) : YY = c[22];
+    let XY;
+    c[23] !== y.setFalse || c[24] !== y.setTrue ? (XY = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -92709,28 +92786,30 @@ ${c}
         onMouseEnter: y.setTrue,
         onMouseLeave: y.setFalse
       })
-    }), c[4] = y.setFalse, c[5] = y.setTrue, c[6] = I) : I = c[6];
-    let z = _.value != null && _.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
-      children: prettyScientificNumber(f(_.value[0]), {
+    }), c[23] = y.setFalse, c[24] = y.setTrue, c[25] = XY) : XY = c[25];
+    let ZY;
+    c[26] !== S || c[27] !== f.value || c[28] !== _ ? (ZY = f.value != null && f.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+      children: prettyScientificNumber(_(f.value[0]), {
         locale: S
       })
-    }, _.value[0]), G;
-    c[7] === z ? G = c[8] : (G = (0, import_jsx_runtime.jsx)(TooltipPortal, {
-      children: z
-    }), c[7] = z, c[8] = G);
-    let q;
-    c[9] !== v || c[10] !== I || c[11] !== G ? (q = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+    }, f.value[0]), c[26] = S, c[27] = f.value, c[28] = _, c[29] = ZY) : ZY = c[29];
+    let QY;
+    c[30] === ZY ? QY = c[31] : (QY = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: ZY
+    }), c[30] = ZY, c[31] = QY);
+    let $Y;
+    c[32] !== v || c[33] !== XY || c[34] !== QY ? ($Y = (0, import_jsx_runtime.jsx)(TooltipProvider, {
       children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
         delayDuration: 0,
         open: v,
         children: [
-          I,
-          G
+          XY,
+          QY
         ]
       })
-    }), c[9] = v, c[10] = I, c[11] = G, c[12] = q) : q = c[12];
-    let IY = TooltipProvider, LY = TooltipRoot, RY;
-    c[13] !== y.setFalse || c[14] !== y.setTrue ? (RY = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
+    }), c[32] = v, c[33] = XY, c[34] = QY, c[35] = $Y) : $Y = c[35];
+    let eX;
+    c[36] !== y.setFalse || c[37] !== y.setTrue ? (eX = (0, import_jsx_runtime.jsx)(TooltipTrigger, {
       asChild: true,
       children: (0, import_jsx_runtime.jsx)(Thumb, {
         "data-testid": "thumb",
@@ -92740,39 +92819,39 @@ ${c}
         onMouseEnter: y.setTrue,
         onMouseLeave: y.setFalse
       })
-    }), c[13] = y.setFalse, c[14] = y.setTrue, c[15] = RY) : RY = c[15];
-    let zY = TooltipPortal, BY = _.value != null && _.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
-      children: prettyScientificNumber(f(_.value[1]), {
+    }), c[36] = y.setFalse, c[37] = y.setTrue, c[38] = eX) : eX = c[38];
+    let tX;
+    c[39] !== S || c[40] !== f.value || c[41] !== _ ? (tX = f.value != null && f.value.length === 2 && (0, import_jsx_runtime.jsx)(TooltipContent, {
+      children: prettyScientificNumber(_(f.value[1]), {
         locale: S
       })
-    }, _.value[1]), VY;
-    c[16] !== zY || c[17] !== BY ? (VY = (0, import_jsx_runtime.jsx)(zY, {
-      children: BY
-    }), c[16] = zY, c[17] = BY, c[18] = VY) : VY = c[18];
-    let HY;
-    c[19] !== LY || c[20] !== v || c[21] !== RY || c[22] !== VY ? (HY = (0, import_jsx_runtime.jsxs)(LY, {
-      delayDuration: 0,
-      open: v,
-      children: [
-        RY,
-        VY
-      ]
-    }), c[19] = LY, c[20] = v, c[21] = RY, c[22] = VY, c[23] = HY) : HY = c[23];
-    let UY;
-    c[24] !== IY || c[25] !== HY ? (UY = (0, import_jsx_runtime.jsx)(IY, {
-      children: HY
-    }), c[24] = IY, c[25] = HY, c[26] = UY) : UY = c[26];
-    let WY;
-    return c[27] !== _ || c[28] !== r || c[29] !== w.Root || c[30] !== UY || c[31] !== E || c[32] !== M || c[33] !== q ? (WY = (0, import_jsx_runtime.jsxs)(w.Root, {
-      ref: r,
-      className: E,
-      ..._,
+    }, f.value[1]), c[39] = S, c[40] = f.value, c[41] = _, c[42] = tX) : tX = c[42];
+    let nX;
+    c[43] === tX ? nX = c[44] : (nX = (0, import_jsx_runtime.jsx)(TooltipPortal, {
+      children: tX
+    }), c[43] = tX, c[44] = nX);
+    let rX;
+    c[45] !== v || c[46] !== eX || c[47] !== nX ? (rX = (0, import_jsx_runtime.jsx)(TooltipProvider, {
+      children: (0, import_jsx_runtime.jsxs)(TooltipRoot, {
+        delayDuration: 0,
+        open: v,
+        children: [
+          eX,
+          nX
+        ]
+      })
+    }), c[45] = v, c[46] = eX, c[47] = nX, c[48] = rX) : rX = c[48];
+    let iX;
+    return c[49] !== zY || c[50] !== f || c[51] !== YY || c[52] !== $Y || c[53] !== rX || c[54] !== KY ? (iX = (0, import_jsx_runtime.jsxs)(Root$1, {
+      ref: zY,
+      className: KY,
+      ...f,
       children: [
-        M,
-        q,
-        UY
+        YY,
+        $Y,
+        rX
       ]
-    }), c[27] = _, c[28] = r, c[29] = w.Root, c[30] = UY, c[31] = E, c[32] = M, c[33] = q, c[34] = WY) : WY = c[34], WY;
+    }), c[49] = zY, c[50] = f, c[51] = YY, c[52] = $Y, c[53] = rX, c[54] = KY, c[55] = iX) : iX = c[55], iX;
   });
   RangeSlider.displayName = Root$1.displayName;
   var import_compiler_runtime$27 = require_compiler_runtime(), RangeSliderPlugin = class {
@@ -93082,7 +93161,7 @@ ${c}
       });
     }
   }, SliderComponent = (e) => {
-    let r = (0, import_compiler_runtime$26.c)(55), { label: c, setValue: d, value: f, start: _, stop: v, step: y, debounce: S, orientation: w, showValue: E, fullWidth: O, valueMap: M, includeInput: I, disabled: z } = e, G = (0, import_react.useId)(), { locale: q } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [IY, LY] = (0, import_react.useState)(f), RY, zY;
+    let r = (0, import_compiler_runtime$26.c)(54), { label: c, setValue: d, value: f, start: _, stop: v, step: y, debounce: S, orientation: w, showValue: E, fullWidth: O, valueMap: M, includeInput: I, disabled: z } = e, G = (0, import_react.useId)(), { locale: q } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7(), [IY, LY] = (0, import_react.useState)(f), RY, zY;
     r[0] === f ? (RY = r[1], zY = r[2]) : (RY = () => {
       LY(f);
     }, zY = [
@@ -93128,10 +93207,10 @@ ${c}
       })
     }), r[27] = IY, r[28] = q, r[29] = E, r[30] = M, r[31] = ZY) : ZY = r[31];
     let QY;
-    r[32] !== S || r[33] !== z || r[34] !== I || r[35] !== IY || r[36] !== c || r[37] !== d || r[38] !== _ || r[39] !== y || r[40] !== v || r[41] !== M ? (QY = I && (0, import_jsx_runtime.jsx)(NumberField, {
+    r[32] !== z || r[33] !== I || r[34] !== IY || r[35] !== c || r[36] !== d || r[37] !== _ || r[38] !== y || r[39] !== v || r[40] !== M ? (QY = I && (0, import_jsx_runtime.jsx)(NumberField, {
       value: M(IY),
       onChange: (e2) => {
-        (e2 == null || Number.isNaN(e2)) && (e2 = Number(_)), LY(e2), S || d(e2);
+        (e2 == null || Number.isNaN(e2)) && (e2 = Number(_)), LY(e2), d(e2);
       },
       minValue: _,
       maxValue: v,
@@ -93139,25 +93218,25 @@ ${c}
       className: "w-24",
       "aria-label": `${c || "Slider"} value input`,
       isDisabled: z
-    }), r[32] = S, r[33] = z, r[34] = I, r[35] = IY, r[36] = c, r[37] = d, r[38] = _, r[39] = y, r[40] = v, r[41] = M, r[42] = QY) : QY = r[42];
+    }), r[32] = z, r[33] = I, r[34] = IY, r[35] = c, r[36] = d, r[37] = _, r[38] = y, r[39] = v, r[40] = M, r[41] = QY) : QY = r[41];
     let $Y;
-    r[43] !== XY || r[44] !== ZY || r[45] !== QY || r[46] !== WY ? ($Y = (0, import_jsx_runtime.jsxs)("div", {
+    r[42] !== XY || r[43] !== ZY || r[44] !== QY || r[45] !== WY ? ($Y = (0, import_jsx_runtime.jsxs)("div", {
       className: WY,
       children: [
         XY,
         ZY,
         QY
       ]
-    }), r[43] = XY, r[44] = ZY, r[45] = QY, r[46] = WY, r[47] = $Y) : $Y = r[47];
+    }), r[42] = XY, r[43] = ZY, r[44] = QY, r[45] = WY, r[46] = $Y) : $Y = r[46];
     let eX;
-    return r[48] !== O || r[49] !== G || r[50] !== c || r[51] !== $Y || r[52] !== BY || r[53] !== HY ? (eX = (0, import_jsx_runtime.jsx)(Labeled, {
+    return r[47] !== O || r[48] !== G || r[49] !== c || r[50] !== $Y || r[51] !== BY || r[52] !== HY ? (eX = (0, import_jsx_runtime.jsx)(Labeled, {
       label: c,
       id: G,
       align: BY,
       fullWidth: O,
       className: HY,
       children: $Y
-    }), r[48] = O, r[49] = G, r[50] = c, r[51] = $Y, r[52] = BY, r[53] = HY, r[54] = eX) : eX = r[54], eX;
+    }), r[47] = O, r[48] = G, r[49] = c, r[50] = $Y, r[51] = BY, r[52] = HY, r[53] = eX) : eX = r[53], eX;
   }, import_compiler_runtime$25 = require_compiler_runtime(), SwitchPlugin = class {
     constructor() {
       __publicField(this, "tagName", "marimo-switch");