@marimo-team/islands 0.23.2-dev7 → 0.23.2-dev70

package/dist/{ConnectedDataExplorerComponent-P92i6wYx.js → ConnectedDataExplorerComponent-BS9U2zaC.js}

@@ -1,24 +1,26 @@
 import { a as __toCommonJS, n as __esmMin, r as __export, s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
-import { _ as Logger, c as Objects, g as cn, t as Button } from "./button-D1C3g5GI.js";
+import { _ as Logger, c as Objects, g as cn, t as Button } from "./button-CA5pI2YF.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 { A as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, F as ListFilter, P as SquareFunction, t as augmentSpecWithData } from "./spec-3EPbPQZH.js";
-import { a as Type, c as Calendar, i as createReducerAndAtoms, o as ToggleLeft, r as Badge, s as Hash, t as useOnMount } from "./useLifecycle-DrGGIsgp.js";
-import { a as SelectContent, c as SelectLabel, d as SelectValue, i as Select, l as SelectSeparator, n as Strings, o as SelectGroup, s as SelectItem, t as Label, u as SelectTrigger, w as $a916eb452884faea$export$b7a616150fdb9f44 } from "./label-BebYlsDV.js";
-import "./react-dom-D5FDLRUB.js";
-import { t as require_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
-import "./zod-W5ZEjzaE.js";
-import { n as ErrorBanner } from "./error-banner-B_ioHva3.js";
-import { t as Tooltip } from "./tooltip-DwNnFsxZ.js";
-import { b as createStore, g as useAtomValue, m as Provider, n as useTheme, y as atom } from "./useTheme-CzwDokKe.js";
-import { t as invariant } from "./invariant-e8eBgdux.js";
-import "./vega-loader.browser-DqEcFOPD.js";
-import { a as getContainerWidth, n as vegaLoadData, s as tooltipHandler } from "./loader-ZFbGsMN1.js";
-import { t as useAsyncData } from "./useAsyncData-BL98MPIy.js";
-import { n as q, r as contains } from "./react-vega-DBwal82H.js";
-import "./defaultLocale-qS7DaAmi.js";
-import "./defaultLocale-Bxoo2-30.js";
+import { u as createLucideIcon } from "./dist-ESg7xyoD.js";
+import { A as SquareFunction, t as augmentSpecWithData } from "./spec-BKWq0wn2.js";
+import { a as Type, c as Calendar, i as createReducerAndAtoms, o as ToggleLeft, r as Badge, s as Hash, t as useOnMount } from "./useLifecycle-smVfjLNI.js";
+import { a as ListFilter, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./useDateFormatter-B3mCQMP3.js";
+import { C as $a916eb452884faea$export$b7a616150fdb9f44, a as SelectGroup, c as SelectSeparator, i as SelectContent, l as SelectTrigger, o as SelectItem, r as Select, s as SelectLabel, t as Strings, u as SelectValue } from "./strings-B_FOH6eV.js";
+import "./react-dom-BWRJ_g_k.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-COBk7ree.js";
+import "./zod-BxdsqRPd.js";
+import { n as ErrorBanner } from "./error-banner-DnBPzEWg.js";
+import { t as Label } from "./label-BCWi-Oqu.js";
+import { t as Tooltip } from "./tooltip-B0mtKTXm.js";
+import { b as createStore, g as useAtomValue, m as Provider, n as useTheme, y as atom } from "./useTheme-CX9pPLUH.js";
+import { t as invariant } from "./invariant-UcGKQEhF.js";
+import "./vega-loader.browser-3_z8GoFC.js";
+import { a as getContainerWidth, n as vegaLoadData, s as tooltipHandler } from "./loader-BvW0-YWZ.js";
+import { t as useAsyncData } from "./useAsyncData-CKYzhCis.js";
+import { n as q, r as contains } from "./react-vega-C2Rtgjb4.js";
+import "./defaultLocale-BpsHxBd7.js";
+import "./defaultLocale-DoeErsX2.js";
 var ChartColumnBig = createLucideIcon("chart-column-big", [
   ["path", {
     d: "M3 3v16a2 2 0 0 0 2 2h16",
@@ -5434,8 +5436,8 @@ const ColumnSummary = (e3) => {
     className: "min-w-[210px] h-full",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectValue, { placeholder: "Select a column" })
   }), p[26] = L) : L = p[26];
-  let z;
-  p[27] === m ? z = p[28] : (z = m.fieldNames().map((e4) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
+  let R;
+  p[27] === m ? R = p[28] : (R = m.fieldNames().map((e4) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItem, {
     value: e4.toString(),
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
       className: "flex items-center gap-2 flex-1",
@@ -5455,20 +5457,20 @@ const ColumnSummary = (e3) => {
         })
       ]
     })
-  }, e4)), p[27] = m, p[28] = z);
-  let H;
-  p[29] === z ? H = p[30] : (H = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroup, { children: z }) }), p[29] = z, p[30] = H);
-  let U;
-  p[31] !== H || p[32] !== P || p[33] !== F ? (U = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+  }, e4)), p[27] = m, p[28] = R);
+  let B;
+  p[29] === R ? B = p[30] : (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroup, { children: R }) }), p[29] = R, p[30] = B);
+  let G;
+  p[31] !== B || p[32] !== P || p[33] !== F ? (G = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
     className: "lg:hidden",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select, {
       "data-testid": "marimo-plugin-data-explorer-column-select",
       value: P,
       disabled: F,
       onValueChange: I,
-      children: [L, H]
+      children: [L, B]
     })
-  }), p[31] = H, p[32] = P, p[33] = F, p[34] = U) : U = p[34];
+  }), p[31] = B, p[32] = P, p[33] = F, p[34] = G) : G = p[34];
   let J;
   p[35] !== h || p[36] !== C ? (J = h && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
     className: "grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-2 p-2 text-sm",
@@ -5481,16 +5483,16 @@ const ColumnSummary = (e3) => {
     }, e4))
   }), p[35] = h, p[36] = C, p[37] = J) : J = p[37];
   let X;
-  return p[38] !== U || p[39] !== J || p[40] !== D || p[41] !== k || p[42] !== A || p[43] !== M ? (X = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+  return p[38] !== G || p[39] !== J || p[40] !== D || p[41] !== k || p[42] !== A || p[43] !== M ? (X = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: D,
     children: [
       k,
       A,
       M,
-      U,
+      G,
       J
     ]
-  }), p[38] = U, p[39] = J, p[40] = D, p[41] = k, p[42] = A, p[43] = M, p[44] = X) : X = p[44], X;
+  }), p[38] = G, p[39] = J, p[40] = D, p[41] = k, p[42] = A, p[43] = M, p[44] = X) : X = p[44], X;
 };
 var STAT_KEYS = [
   "distinct",
@@ -6049,30 +6051,30 @@ var FieldSelect = (e3) => {
     F,
     I
   ] }) }), p[23] = P, p[24] = M, p[25] = L) : L = p[25];
-  let z;
-  p[26] !== _ || p[27] !== w || p[28] !== L || p[29] !== D || p[30] !== j ? (z = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select, {
+  let R;
+  p[26] !== _ || p[27] !== w || p[28] !== L || p[29] !== D || p[30] !== j ? (R = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Select, {
     value: w,
     disabled: _,
     onValueChange: D,
     children: [j, L]
-  }), p[26] = _, p[27] = w, p[28] = L, p[29] = D, p[30] = j, p[31] = z) : z = p[31];
-  let B;
-  p[32] !== g || p[33] !== v ? (B = g && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldOptions, {
+  }), p[26] = _, p[27] = w, p[28] = L, p[29] = D, p[30] = j, p[31] = R) : R = p[31];
+  let G;
+  p[32] !== g || p[33] !== v ? (G = g && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FieldOptions, {
     field: g,
     onChange: v
-  }), p[32] = g, p[33] = v, p[34] = B) : B = p[34];
-  let U;
-  p[35] === B ? U = p[36] : (U = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+  }), p[32] = g, p[33] = v, p[34] = G) : G = p[34];
+  let J;
+  p[35] === G ? J = p[36] : (J = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
     className: "w-[26px]",
-    children: B
-  }), p[35] = B, p[36] = U);
-  let X;
-  p[37] !== z || p[38] !== U ? (X = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    children: G
+  }), p[35] = G, p[36] = J);
+  let Y;
+  p[37] !== R || p[38] !== J ? (Y = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
     className: "flex flex-row gap-1 h-[26px]",
-    children: [z, U]
-  }), p[37] = z, p[38] = U, p[39] = X) : X = p[39];
-  let Z;
-  return p[40] !== X || p[41] !== E ? (Z = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [E, X] }), p[40] = X, p[41] = E, p[42] = Z) : Z = p[42], Z;
+    children: [R, J]
+  }), p[37] = R, p[38] = J, p[39] = Y) : Y = p[39];
+  let X;
+  return p[40] !== Y || p[41] !== E ? (X = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [E, Y] }), p[40] = Y, p[41] = E, p[42] = X) : X = p[42], X;
 }, NONE_FN = "__", FieldOptions = (e3) => {
   let p = (0, import_compiler_runtime$1.c)(10), { field: m, onChange: h } = e3;
   if (m.field === "*") return null;
@@ -6192,7 +6194,7 @@ const DataExplorerComponent = (e3) => {
   }, p[0] = h, p[1] = m, p[2] = g) : g = p[2];
   let _;
   p[3] === m ? _ = p[4] : (_ = [m], p[3] = m, p[4] = _);
-  let { data: x, isPending: S, error: C } = useAsyncData(g, _), { mark: w } = useAtomValue(chartSpecAtom), D = useAtomValue(relatedChartSpecsAtom), { theme: A } = useTheme();
+  let { data: x, isPending: S, error: C } = useAsyncData(g, _), { mark: w } = useAtomValue(chartSpecAtom), D = useAtomValue(relatedChartSpecsAtom), { theme: k } = useTheme();
   if (C) {
     let e4;
     return p[5] === C ? e4 = p[6] : (e4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, { error: C }), p[5] = C, p[6] = e4), e4;
@@ -6201,31 +6203,31 @@ const DataExplorerComponent = (e3) => {
     let e4;
     return p[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}), p[7] = e4) : e4 = p[7], e4;
   }
-  let { chartData: j, schema: M } = x;
-  if (S || !M) {
+  let { chartData: A, schema: j } = x;
+  if (S || !j) {
     let e4;
     return p[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}), p[8] = e4) : e4 = p[8], e4;
   }
-  let P = (_b = (_a = D.main) == null ? void 0 : _a.plots) == null ? void 0 : _b[0], I;
-  p[9] === (P == null ? void 0 : P.fieldInfos) ? I = p[10] : (I = new Set(P == null ? void 0 : P.fieldInfos.map(_temp)), p[9] = P == null ? void 0 : P.fieldInfos, p[10] = I);
-  let L = I, R;
-  p[11] !== j || p[12] !== P || p[13] !== M || p[14] !== A ? (R = () => {
-    if (!P) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColumnSummary, { schema: M });
-    let e4 = P.spec, p2 = augmentSpecWithData(makeResponsive(e4), j);
+  let P = (_b = (_a = D.main) == null ? void 0 : _a.plots) == null ? void 0 : _b[0], F;
+  p[9] === (P == null ? void 0 : P.fieldInfos) ? F = p[10] : (F = new Set(P == null ? void 0 : P.fieldInfos.map(_temp)), p[9] = P == null ? void 0 : P.fieldInfos, p[10] = F);
+  let L = F, R;
+  p[11] !== A || p[12] !== P || p[13] !== j || p[14] !== k ? (R = () => {
+    if (!P) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColumnSummary, { schema: j });
+    let e4 = P.spec, p2 = augmentSpecWithData(makeResponsive(e4), A);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       className: cn("flex overflow-y-auto justify-center items-center flex-1 w-[90%]"),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(q, {
         "data-container-width": getContainerWidth(p2),
         spec: p2,
-        options: chartOptions(A)
+        options: chartOptions(k)
       })
     });
-  }, p[11] = j, p[12] = P, p[13] = M, p[14] = A, p[15] = R) : R = p[15];
+  }, p[11] = A, p[12] = P, p[13] = j, p[14] = k, p[15] = R) : R = p[15];
   let z = R, B;
-  p[16] !== w || p[17] !== M ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryForm, {
+  p[16] !== w || p[17] !== j ? (B = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryForm, {
     mark: w,
-    schema: M
-  }), p[16] = w, p[17] = M, p[18] = B) : B = p[18];
+    schema: j
+  }), p[16] = w, p[17] = j, p[18] = B) : B = p[18];
   let V;
   p[19] === z ? V = p[20] : (V = z(), p[19] = z, p[20] = V);
   let H;
@@ -6234,9 +6236,9 @@ const DataExplorerComponent = (e3) => {
     children: [B, V]
   }), p[21] = B, p[22] = V, p[23] = H) : H = p[23];
   let U = (_c = D.histograms) == null ? void 0 : _c.plots, W = (_d2 = D.addCategoricalField) == null ? void 0 : _d2.plots, G = (_e = D.addQuantitativeField) == null ? void 0 : _e.plots, J = (_f2 = D.addTemporalField) == null ? void 0 : _f2.plots, Y;
-  if (p[24] !== h || p[25] !== j || p[26] !== L || p[27] !== G || p[28] !== J || p[29] !== U || p[30] !== W || p[31] !== A) {
+  if (p[24] !== h || p[25] !== A || p[26] !== L || p[27] !== G || p[28] !== J || p[29] !== U || p[30] !== W || p[31] !== k) {
     let e4;
-    p[33] !== h || p[34] !== j || p[35] !== L || p[36] !== A ? (e4 = (e5, p2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalCarouselItem, {
+    p[33] !== h || p[34] !== A || p[35] !== L || p[36] !== k ? (e4 = (e5, p2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalCarouselItem, {
       title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
         className: "flex flex-row gap-1",
         children: e5.fieldInfos.map((e6) => {
@@ -6261,15 +6263,15 @@ const DataExplorerComponent = (e3) => {
         })
       }),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(q, {
-        options: chartOptions(A),
-        spec: augmentSpecWithData(e5.spec, j)
+        options: chartOptions(k),
+        spec: augmentSpecWithData(e5.spec, A)
       }, p2)
-    }, p2), p[33] = h, p[34] = j, p[35] = L, p[36] = A, p[37] = e4) : e4 = p[37], Y = [
+    }, p2), p[33] = h, p[34] = A, p[35] = L, p[36] = k, p[37] = e4) : e4 = p[37], Y = [
       U,
       W,
       G,
       J
-    ].filter(Boolean).flat().map(e4), p[24] = h, p[25] = j, p[26] = L, p[27] = G, p[28] = J, p[29] = U, p[30] = W, p[31] = A, p[32] = Y;
+    ].filter(Boolean).flat().map(e4), p[24] = h, p[25] = A, p[26] = L, p[27] = G, p[28] = J, p[29] = U, p[30] = W, p[31] = k, p[32] = Y;
   } else Y = p[32];
   let X;
   p[38] === Y ? X = p[39] : (X = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalCarousel, { children: Y }), p[38] = Y, p[39] = X);

package/dist/ErrorBoundary-Da4UeYxT.js

@@ -0,0 +1,167 @@
+import { s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.js";
+import { t as Button } from "./button-CA5pI2YF.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_jsx_runtime } from "./jsx-runtime-COBk7ree.js";
+import { n as Constants } from "./constants-D0gkYoE2.js";
+var require_ReactPropTypesSecret = /* @__PURE__ */ __commonJSMin(((e, u) => {
+  u.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+})), require_factoryWithThrowingShims = /* @__PURE__ */ __commonJSMin(((e, u) => {
+  var d = require_ReactPropTypesSecret();
+  function f() {
+  }
+  function p() {
+  }
+  p.resetWarningCache = f, u.exports = function() {
+    function e2(e3, u3, f2, p2, m2, h) {
+      if (h !== d) {
+        var g = /* @__PURE__ */ Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
+        throw g.name = "Invariant Violation", g;
+      }
+    }
+    e2.isRequired = e2;
+    function u2() {
+      return e2;
+    }
+    var m = {
+      array: e2,
+      bigint: e2,
+      bool: e2,
+      func: e2,
+      number: e2,
+      object: e2,
+      string: e2,
+      symbol: e2,
+      any: e2,
+      arrayOf: u2,
+      element: e2,
+      elementType: e2,
+      instanceOf: u2,
+      node: e2,
+      objectOf: u2,
+      oneOf: u2,
+      oneOfType: u2,
+      shape: u2,
+      exact: u2,
+      checkPropTypes: p,
+      resetWarningCache: f
+    };
+    return m.PropTypes = m, m;
+  };
+})), require_prop_types = /* @__PURE__ */ __commonJSMin(((e, u) => {
+  u.exports = require_factoryWithThrowingShims()();
+})), import_react = /* @__PURE__ */ __toESM(require_react()), ErrorBoundaryContext = (0, import_react.createContext)(null), initialState = {
+  didCatch: false,
+  error: null
+}, ErrorBoundary = class extends import_react.Component {
+  constructor(e) {
+    super(e), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = initialState;
+  }
+  static getDerivedStateFromError(e) {
+    return {
+      didCatch: true,
+      error: e
+    };
+  }
+  resetErrorBoundary() {
+    let { error: e } = this.state;
+    if (e !== null) {
+      var u, d, f = [...arguments];
+      (u = (d = this.props).onReset) == null || u.call(d, {
+        args: f,
+        reason: "imperative-api"
+      }), this.setState(initialState);
+    }
+  }
+  componentDidCatch(e, u) {
+    var d, f;
+    (d = (f = this.props).onError) == null || d.call(f, e, u);
+  }
+  componentDidUpdate(e, u) {
+    let { didCatch: d } = this.state, { resetKeys: f } = this.props;
+    if (d && u.error !== null && hasArrayChanged(e.resetKeys, f)) {
+      var p, m;
+      (p = (m = this.props).onReset) == null || p.call(m, {
+        next: f,
+        prev: e.resetKeys,
+        reason: "keys"
+      }), this.setState(initialState);
+    }
+  }
+  render() {
+    let { children: e, fallbackRender: u, FallbackComponent: d, fallback: f } = this.props, { didCatch: p, error: m } = this.state, h = e;
+    if (p) {
+      let e2 = {
+        error: m,
+        resetErrorBoundary: this.resetErrorBoundary
+      };
+      if (typeof u == "function") h = u(e2);
+      else if (d) h = (0, import_react.createElement)(d, e2);
+      else if (f !== void 0) h = f;
+      else throw m;
+    }
+    return (0, import_react.createElement)(ErrorBoundaryContext.Provider, { value: {
+      didCatch: p,
+      error: m,
+      resetErrorBoundary: this.resetErrorBoundary
+    } }, h);
+  }
+};
+function hasArrayChanged() {
+  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  return e.length !== u.length || e.some((e2, d) => !Object.is(e2, u[d]));
+}
+var import_compiler_runtime = require_compiler_runtime(), import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
+const ErrorBoundary$1 = (e) => {
+  let u = (0, import_compiler_runtime.c)(2), d;
+  return u[0] === e.children ? d = u[1] : (d = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
+    FallbackComponent,
+    children: e.children
+  }), u[0] = e.children, u[1] = d), d;
+};
+var FallbackComponent = (e) => {
+  var _a;
+  let u = (0, import_compiler_runtime.c)(9), f;
+  u[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+    className: "text-2xl font-bold",
+    children: "Something went wrong"
+  }), u[0] = f) : f = u[0];
+  let p = (_a = e.error) == null ? void 0 : _a.message, m;
+  u[1] === p ? m = u[2] : (m = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+    className: "text-xs bg-muted/40 border rounded-md p-4 max-w-[80%] whitespace-normal",
+    children: p
+  }), u[1] = p, u[2] = m);
+  let g;
+  u[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    "If this is an issue with marimo, please report it on",
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+      href: Constants.issuesPage,
+      target: "_blank",
+      className: "underline",
+      children: "GitHub"
+    }),
+    "."
+  ] }), u[3] = g) : g = u[3];
+  let _;
+  u[4] === e.resetErrorBoundary ? _ = u[5] : (_ = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+    "data-testid": "reset-error-boundary-button",
+    onClick: e.resetErrorBoundary,
+    variant: "outline",
+    children: "Try again"
+  }), u[4] = e.resetErrorBoundary, u[5] = _);
+  let v;
+  return u[6] !== m || u[7] !== _ ? (v = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+    className: "flex-1 flex items-center justify-center flex-col space-y-4 max-w-2xl mx-auto px-6",
+    children: [
+      f,
+      m,
+      g,
+      _
+    ]
+  }), u[6] = m, u[7] = _, u[8] = v) : v = u[8], v;
+};
+export {
+  require_prop_types as n,
+  ErrorBoundary$1 as t
+};

package/dist/{ImageComparisonComponent-HF4AY8_n.js → ImageComparisonComponent-DaocPIse.js}

@@ -1,7 +1,7 @@
 import { s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.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_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-COBk7ree.js";
 var require_dist$1 = /* @__PURE__ */ __commonJSMin((() => {
   (() => {
     var e = {

package/dist/{Plot-CK0oVgQL.js → Plot-PIeIvFnD.js}

@@ -1,7 +1,7 @@
 import { s as __toESM, t as __commonJSMin } from "./chunk-BNovOVIE.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_jsx_runtime } from "./jsx-runtime-9hcJiI23.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-COBk7ree.js";
 var require_plotly = /* @__PURE__ */ __commonJSMin(((e, t) => {
   (function(e2, n) {
     typeof t == "object" && t.exports ? t.exports = n() : e2.moduleName = n();