@marimo-team/islands 0.21.2-dev20 → 0.21.2-dev22

package/dist/main.js

@@ -70800,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-dev20"), showCodeInRunModeAtom = atom(true);
+  const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.21.2-dev22"), showCodeInRunModeAtom = atom(true);
   atom(null);
   var import_compiler_runtime$89 = require_compiler_runtime();
   function useKeydownOnElement(e, r) {
@@ -92708,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",
@@ -92732,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",
@@ -92763,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 {