strapi-plugin-comments 3.0.0-beta.1 → 3.0.1

package/dist/_chunks/{index-CY_AVWS-.js → index-Ccb93U47.js}

@@ -4211,9 +4211,9 @@ var handleScroll$2 = function(axis, endTarget, event, sourceDelta, noOverscroll)
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || false)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || false)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -4295,7 +4295,7 @@ function RemoveScrollSideCar$2(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll$2(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
+    return handleScroll$2(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
   var shouldPrevent = React__namespace.useCallback(function(_event) {
     var event = _event;
@@ -4557,7 +4557,7 @@ function createCollection(name2) {
 }
 const cache = /* @__PURE__ */ new Map();
 function useCollator(locale, options) {
-  const cacheKey = locale + (options ? Object.entries(options).sort((a2, b2) => a2[0] < b2[0] ? -1 : 1).join() : "");
+  const cacheKey = locale + Object.entries(options).sort((a2, b2) => a2[0] < b2[0] ? -1 : 1).join();
   if (cache.has(cacheKey)) {
     return cache.get(cacheKey);
   }
@@ -5324,6 +5324,8 @@ const ComboboxNoValueFound = React__namespace.forwardRef((props, ref) => {
       unsub();
     };
   }, [subscribe]);
+  if (autocomplete.type === "none" && items.length > 0)
+    return null;
   if (autocomplete.type === "list" && autocomplete.filter === "startsWith" && items.some((item) => startsWith(item.textValue, textValue))) {
     return null;
   }
@@ -7068,8 +7070,8 @@ const SvgArrowClockwise = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M30.5 7v6a1.5 1.5 0 0 1-1.5 1.5h-6a1.5 1.5 0 0 1 0-3h2.137l-2.375-2.173-.047-.046a9.5 9.5 0 1 0-6.84 16.219H16a9.44 9.44 0 0 0 6.519-2.59 1.5 1.5 0 1 1 2.061 2.181A12.43 12.43 0 0 1 16 28.5h-.171a12.5 12.5 0 1 1 8.985-21.368L27.5 9.59V7a1.5 1.5 0 0 1 3 0" }) });
 };
-const ForwardRef$50 = React.forwardRef(SvgArrowClockwise);
-const ForwardRef$51 = ForwardRef$50;
+const ForwardRef$58 = React.forwardRef(SvgArrowClockwise);
+const ForwardRef$59 = ForwardRef$58;
 const SvgArrowDown = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7121,8 +7123,8 @@ const SvgArrowUp = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M26.061 15.061a1.5 1.5 0 0 1-2.125 0L17.5 8.625V27a1.5 1.5 0 1 1-3 0V8.625l-6.439 6.436a1.503 1.503 0 1 1-2.125-2.125l9-9a1.5 1.5 0 0 1 2.125 0l9 9a1.5 1.5 0 0 1 0 2.125" }) });
 };
-const ForwardRef$4U = React.forwardRef(SvgArrowUp);
-const ForwardRef$4V = ForwardRef$4U;
+const ForwardRef$50 = React.forwardRef(SvgArrowUp);
+const ForwardRef$51 = ForwardRef$50;
 const SvgArrowsCounterClockwise = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7161,8 +7163,8 @@ const SvgBold = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22.135 14.308A6.001 6.001 0 0 0 17.5 4.5H9A1.5 1.5 0 0 0 7.5 6v19A1.5 1.5 0 0 0 9 26.5h10a6.5 6.5 0 0 0 3.135-12.192M10.5 7.5h7a3 3 0 0 1 0 6h-7zm8.5 16h-8.5v-7H19a3.5 3.5 0 1 1 0 7" }) });
 };
-const ForwardRef$4O = React.forwardRef(SvgBold);
-const ForwardRef$4P = ForwardRef$4O;
+const ForwardRef$4W = React.forwardRef(SvgBold);
+const ForwardRef$4X = ForwardRef$4W;
 const SvgBook = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7201,8 +7203,8 @@ const SvgBulletList = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.5 8A1.5 1.5 0 0 1 11 6.5h16a1.5 1.5 0 0 1 0 3H11A1.5 1.5 0 0 1 9.5 8M27 14.5H11a1.5 1.5 0 1 0 0 3h16a1.5 1.5 0 1 0 0-3m0 8H11a1.5 1.5 0 1 0 0 3h16a1.5 1.5 0 1 0 0-3M5.5 14a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0-8a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 16a2 2 0 1 0 0 4 2 2 0 0 0 0-4" }) });
 };
-const ForwardRef$4I = React.forwardRef(SvgBulletList);
-const ForwardRef$4J = ForwardRef$4I;
+const ForwardRef$4Q = React.forwardRef(SvgBulletList);
+const ForwardRef$4R = ForwardRef$4Q;
 const SvgCalendar = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7215,8 +7217,8 @@ const SvgCalendar = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M26 4h-3V3a1 1 0 0 0-2 0v1H11V3a1 1 0 0 0-2 0v1H6a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 6H6V6h3v1a1 1 0 0 0 2 0V6h10v1a1 1 0 0 0 2 0V6h3z" }) });
 };
-const ForwardRef$4G = React.forwardRef(SvgCalendar);
-const ForwardRef$4H = ForwardRef$4G;
+const ForwardRef$4O = React.forwardRef(SvgCalendar);
+const ForwardRef$4P = ForwardRef$4O;
 const SvgCar = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7242,8 +7244,8 @@ const SvgCaretDown = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m26.708 12.708-10 10a1 1 0 0 1-1.415 0l-10-10A1 1 0 0 1 6 11h20a1 1 0 0 1 .707 1.707" }) });
 };
-const ForwardRef$4C = React.forwardRef(SvgCaretDown);
-const ForwardRef$4D = ForwardRef$4C;
+const ForwardRef$4K = React.forwardRef(SvgCaretDown);
+const ForwardRef$4L = ForwardRef$4K;
 const SvgCaretUp = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7334,8 +7336,8 @@ const SvgCheck = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m29.061 10.061-16 16a1.5 1.5 0 0 1-2.125 0l-7-7a1.504 1.504 0 0 1 2.125-2.125L12 22.875 26.939 7.939a1.502 1.502 0 1 1 2.125 2.125z" }) });
 };
-const ForwardRef$4o = React.forwardRef(SvgCheck);
-const ForwardRef$4p = ForwardRef$4o;
+const ForwardRef$4w = React.forwardRef(SvgCheck);
+const ForwardRef$4x = ForwardRef$4w;
 const SvgCheckCircle = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7348,8 +7350,8 @@ const SvgCheckCircle = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3a13 13 0 1 0 13 13A13.013 13.013 0 0 0 16 3m5.708 10.708-7 7a1 1 0 0 1-1.415 0l-3-3a1 1 0 0 1 1.415-1.415L14 18.586l6.293-6.293a1 1 0 0 1 1.415 1.415" }) });
 };
-const ForwardRef$4m = React.forwardRef(SvgCheckCircle);
-const ForwardRef$4n = ForwardRef$4m;
+const ForwardRef$4u = React.forwardRef(SvgCheckCircle);
+const ForwardRef$4v = ForwardRef$4u;
 const SvgChevronDown = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7375,8 +7377,8 @@ const SvgChevronLeft = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21.061 24.939a1.503 1.503 0 0 1-2.125 2.125l-10-10a1.5 1.5 0 0 1 0-2.125l10-10a1.503 1.503 0 0 1 2.125 2.125L12.125 16z" }) });
 };
-const ForwardRef$4i = React.forwardRef(SvgChevronLeft);
-const ForwardRef$4j = ForwardRef$4i;
+const ForwardRef$4q = React.forwardRef(SvgChevronLeft);
+const ForwardRef$4r = ForwardRef$4q;
 const SvgChevronRight = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7389,8 +7391,8 @@ const SvgChevronRight = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m23.061 17.061-10 10a1.503 1.503 0 0 1-2.125-2.125L19.875 16l-8.936-8.939a1.502 1.502 0 1 1 2.125-2.125l10 10a1.5 1.5 0 0 1-.003 2.125" }) });
 };
-const ForwardRef$4g = React.forwardRef(SvgChevronRight);
-const ForwardRef$4h = ForwardRef$4g;
+const ForwardRef$4o = React.forwardRef(SvgChevronRight);
+const ForwardRef$4p = ForwardRef$4o;
 const SvgChevronUp = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7416,8 +7418,8 @@ const SvgClock = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 3a13 13 0 1 0 13 13A13.013 13.013 0 0 0 16 3m7 14h-7a1 1 0 0 1-1-1V9a1 1 0 0 1 2 0v6h6a1 1 0 0 1 0 2" }) });
 };
-const ForwardRef$4c = React.forwardRef(SvgClock);
-const ForwardRef$4d = ForwardRef$4c;
+const ForwardRef$4k = React.forwardRef(SvgClock);
+const ForwardRef$4l = ForwardRef$4k;
 const SvgClockCounterClockwise = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7469,8 +7471,21 @@ const SvgCode = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.96 12.153 4.342 16l4.618 3.848a1.5 1.5 0 1 1-1.92 2.305l-6-5a1.5 1.5 0 0 1 0-2.305l6-5a1.5 1.5 0 0 1 1.92 2.304m22 2.694-6-5a1.5 1.5 0 1 0-1.92 2.306L27.658 16l-4.618 3.848a1.5 1.5 0 1 0 1.92 2.305l6-5a1.5 1.5 0 0 0 0-2.305M20.512 3.59a1.5 1.5 0 0 0-1.922.898l-8 22a1.5 1.5 0 0 0 2.82 1.024l8-22a1.5 1.5 0 0 0-.898-1.922" }) });
 };
-const ForwardRef$44 = React.forwardRef(SvgCode);
-const ForwardRef$45 = ForwardRef$44;
+const ForwardRef$4c = React.forwardRef(SvgCode);
+const ForwardRef$4d = ForwardRef$4c;
+const SvgCodeBlock = ({
+  fill: fillProp = "currentColor",
+  stroke: strokeProp,
+  ...props
+}, ref) => {
+  const {
+    colors
+  } = styled.useTheme();
+  const fill = fillProp && fillProp in colors ? colors[fillProp] : fillProp;
+  const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 256 256", fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M200 40h-32a16 16 0 0 0-16-16H32a16 16 0 0 0-16 16v80a16 16 0 0 0 16 16h8v64a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m-93.66 21.66a8 8 0 0 1 11.32-11.32l24 24a8 8 0 0 1 0 11.32l-24 24a8 8 0 0 1-11.32-11.32L124.69 80Zm-64 24a8 8 0 0 1 0-11.32l24-24a8 8 0 0 1 11.32 11.32L59.31 80l18.35 18.34a8 8 0 0 1-11.32 11.32ZM200 200H56v-64h96a16 16 0 0 0 16-16V56h32Z" }) });
+};
+React.forwardRef(SvgCodeBlock);
 const SvgCoffee = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7509,8 +7524,8 @@ const SvgCollapse = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.5 12V6a1.5 1.5 0 1 1 3 0v4.5H26a1.5 1.5 0 1 1 0 3h-6a1.5 1.5 0 0 1-1.5-1.5M12 18.5H6a1.5 1.5 0 1 0 0 3h4.5V26a1.5 1.5 0 1 0 3 0v-6a1.5 1.5 0 0 0-1.5-1.5m14 0h-6a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 1 0 3 0v-4.5H26a1.5 1.5 0 1 0 0-3m-14-14A1.5 1.5 0 0 0 10.5 6v4.5H6a1.5 1.5 0 1 0 0 3h6a1.5 1.5 0 0 0 1.5-1.5V6A1.5 1.5 0 0 0 12 4.5" }) });
 };
-const ForwardRef$3_ = React.forwardRef(SvgCollapse);
-const ForwardRef$3$ = ForwardRef$3_;
+const ForwardRef$44 = React.forwardRef(SvgCollapse);
+const ForwardRef$45 = ForwardRef$44;
 const SvgCommand = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7549,8 +7564,8 @@ const SvgCross = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M26.061 23.939a1.503 1.503 0 0 1-2.125 2.125L16 18.125l-7.939 7.936a1.503 1.503 0 1 1-2.125-2.125L13.875 16 5.939 8.061a1.503 1.503 0 1 1 2.125-2.125L16 13.875l7.939-7.94a1.502 1.502 0 1 1 2.125 2.125L18.125 16z" }) });
 };
-const ForwardRef$3U = React.forwardRef(SvgCross);
-const ForwardRef$3V = ForwardRef$3U;
+const ForwardRef$3_ = React.forwardRef(SvgCross);
+const ForwardRef$3$ = ForwardRef$3_;
 const SvgCrossCircle = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7722,8 +7737,8 @@ const SvgExpand = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M27.5 6v5a1.5 1.5 0 1 1-3 0V7.5H21a1.5 1.5 0 0 1 0-3h5A1.5 1.5 0 0 1 27.5 6M11 24.5H7.5V21a1.5 1.5 0 0 0-3 0v5A1.5 1.5 0 0 0 6 27.5h5a1.5 1.5 0 1 0 0-3m15-5a1.5 1.5 0 0 0-1.5 1.5v3.5H21a1.5 1.5 0 1 0 0 3h5a1.5 1.5 0 0 0 1.5-1.5v-5a1.5 1.5 0 0 0-1.5-1.5m-15-15H6A1.5 1.5 0 0 0 4.5 6v5a1.5 1.5 0 0 0 3 0V7.5H11a1.5 1.5 0 0 0 0-3" }) });
 };
-const ForwardRef$3u = React.forwardRef(SvgExpand);
-const ForwardRef$3v = ForwardRef$3u;
+const ForwardRef$3A = React.forwardRef(SvgExpand);
+const ForwardRef$3B = ForwardRef$3A;
 const SvgExternalLink = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7736,8 +7751,8 @@ const SvgExternalLink = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M28.5 13a1.5 1.5 0 1 1-3 0V8.625l-7.439 7.439a1.503 1.503 0 1 1-2.125-2.125L23.375 6.5H19a1.5 1.5 0 0 1 0-3h8A1.5 1.5 0 0 1 28.5 5zM23 16a1.5 1.5 0 0 0-1.5 1.5v8h-15v-15h8a1.5 1.5 0 1 0 0-3H6A2.5 2.5 0 0 0 3.5 10v16A2.5 2.5 0 0 0 6 28.5h16a2.5 2.5 0 0 0 2.5-2.5v-8.5A1.5 1.5 0 0 0 23 16" }) });
 };
-const ForwardRef$3s = React.forwardRef(SvgExternalLink);
-const ForwardRef$3t = ForwardRef$3s;
+const ForwardRef$3y = React.forwardRef(SvgExternalLink);
+const ForwardRef$3z = ForwardRef$3y;
 const SvgEye = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7750,8 +7765,8 @@ const SvgEye = ({
   const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M30.914 15.595c-.044-.099-1.103-2.447-3.457-4.801C24.322 7.657 20.36 6 16 6S7.679 7.657 4.542 10.794C2.19 13.148 1.125 15.5 1.086 15.595a1 1 0 0 0 0 .812c.044.1 1.103 2.447 3.456 4.8C7.68 24.344 11.64 26 16 26s8.321-1.657 11.458-4.792c2.353-2.354 3.412-4.702 3.456-4.8a1 1 0 0 0 0-.813M16 21a5 5 0 1 1 0-10 5 5 0 0 1 0 10" }) });
 };
-const ForwardRef$3q = React.forwardRef(SvgEye);
-const ForwardRef$3r = ForwardRef$3q;
+const ForwardRef$3w = React.forwardRef(SvgEye);
+const ForwardRef$3x = ForwardRef$3w;
 const SvgEyeStriked = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7804,6 +7819,19 @@ const SvgFile = ({
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m26.708 10.293-7-7A1 1 0 0 0 19 3H7a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V11a1 1 0 0 0-.293-.707M19 11V5.5l5.5 5.5z" }) });
 };
 React.forwardRef(SvgFile);
+const SvgFileCsv = ({
+  fill: fillProp = "currentColor",
+  stroke: strokeProp,
+  ...props
+}, ref) => {
+  const {
+    colors
+  } = styled.useTheme();
+  const fill = fillProp && fillProp in colors ? colors[fillProp] : fillProp;
+  const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 256 256", fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m213.66 82.34-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v76a4 4 0 0 0 4 4h168a4 4 0 0 0 4-4V88a8 8 0 0 0-2.34-5.66M152 88V44l44 44ZM48 180c0 11 7.18 20 16 20a14.18 14.18 0 0 0 10.06-4.5 8.21 8.21 0 0 1 10.9-.91 8 8 0 0 1 .82 11.81A30.06 30.06 0 0 1 64 216c-17.64 0-32-16.15-32-36s14.36-36 32-36a30 30 0 0 1 21.39 9.19 8.26 8.26 0 0 1 .73 11.09 8 8 0 0 1-11.9.38A14.17 14.17 0 0 0 64 160c-8.82 0-16 9-16 20m103.81 16.31a20.82 20.82 0 0 1-9.19 15.23C137.43 215 131 216 125.13 216a61.1 61.1 0 0 1-15.13-2 8 8 0 1 1 4.3-15.41c4.38 1.2 14.95 2.7 19.55-.36.88-.59 1.83-1.52 2.14-3.93.35-2.67-.71-4.1-12.78-7.59-9.35-2.7-25-7.23-23-23.11a20.56 20.56 0 0 1 9-14.95c11.84-8 30.71-3.31 32.83-2.76a8 8 0 0 1-4.07 15.48c-4.49-1.17-15.23-2.56-19.83.56a4.54 4.54 0 0 0-2 3.67c-.12.9-.14 1.09 1.11 1.9 2.31 1.49 6.45 2.68 10.45 3.84 9.79 2.83 26.35 7.66 24.11 24.97M215.42 155l-19.89 55.68a8 8 0 0 1-15.06 0L160.58 155a8.21 8.21 0 0 1 4.5-10.45 8 8 0 0 1 10.45 4.76l12.47 34.9 12.47-34.9a8 8 0 0 1 10.45-4.76 8.23 8.23 0 0 1 4.5 10.45" }) });
+};
+React.forwardRef(SvgFileCsv);
 const SvgFileError = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -7830,6 +7858,32 @@ const SvgFilePdf = ({
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 15h20a1 1 0 0 0 1-1v-3a1 1 0 0 0-.293-.707l-7-7A1 1 0 0 0 19 3H7a2 2 0 0 0-2 2v9a1 1 0 0 0 1 1m13-9.5 5.5 5.5H19zM28 19a1 1 0 0 1-1 1h-3v2h2a1 1 0 0 1 0 2h-2v2a1 1 0 0 1-2 0v-7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1M8 18H6a1 1 0 0 0-1 1v7a1 1 0 1 0 2 0v-1h1a3.5 3.5 0 1 0 0-7m0 5H7v-3h1a1.5 1.5 0 1 1 0 3m8-5h-2a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h2a4.5 4.5 0 1 0 0-9m0 7h-1v-5h1a2.5 2.5 0 0 1 0 5" }) });
 };
 React.forwardRef(SvgFilePdf);
+const SvgFileXls = ({
+  fill: fillProp = "currentColor",
+  stroke: strokeProp,
+  ...props
+}, ref) => {
+  const {
+    colors
+  } = styled.useTheme();
+  const fill = fillProp && fillProp in colors ? colors[fillProp] : fillProp;
+  const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 256 256", fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M44 120h168a4 4 0 0 0 4-4V88a8 8 0 0 0-2.34-5.66l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v76a4 4 0 0 0 4 4m108-76 44 44h-44Zm4 164.53a8.18 8.18 0 0 1-8.25 7.47H120a8 8 0 0 1-8-8v-55.73a8.18 8.18 0 0 1 7.47-8.25 8 8 0 0 1 8.53 8v48h20a8 8 0 0 1 8 8.51m-61.49-51.88L77.83 180l16.68 23.35a8 8 0 0 1-13 9.3L68 193.76l-13.49 18.89a8 8 0 1 1-13-9.3L58.17 180l-16.68-23.35a8 8 0 0 1 2.3-11.46 8.19 8.19 0 0 1 10.88 2.38L68 166.24l13.49-18.89a8 8 0 0 1 13 9.3Zm121.28 39.66a20.81 20.81 0 0 1-9.18 15.23c-5.19 3.46-11.67 4.46-17.49 4.46a60.6 60.6 0 0 1-15.19-2 8 8 0 0 1 4.31-15.41c4.38 1.21 14.94 2.71 19.54-.35.89-.6 1.84-1.52 2.15-3.93.34-2.67-.72-4.1-12.78-7.59-9.35-2.7-25-7.23-23-23.12a20.58 20.58 0 0 1 8.95-14.94c11.84-8 30.72-3.31 32.83-2.76a8 8 0 0 1-4.07 15.48c-4.48-1.17-15.22-2.56-19.82.56a4.54 4.54 0 0 0-2 3.67c-.11.9-.13 1.08 1.12 1.9 2.31 1.49 6.45 2.68 10.45 3.84 9.87 2.82 26.39 7.65 24.18 24.96" }) });
+};
+React.forwardRef(SvgFileXls);
+const SvgFileZip = ({
+  fill: fillProp = "currentColor",
+  stroke: strokeProp,
+  ...props
+}, ref) => {
+  const {
+    colors
+  } = styled.useTheme();
+  const fill = fillProp && fillProp in colors ? colors[fillProp] : fillProp;
+  const stroke = strokeProp && strokeProp in colors ? colors[strokeProp] : strokeProp;
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 256 256", fill, stroke, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M184 144h-16a8 8 0 0 0-8 8v55.73a8.17 8.17 0 0 0 7.47 8.25 8 8 0 0 0 8.53-8v-8h7.4c15.24 0 28.14-11.92 28.59-27.15A28 28 0 0 0 184 144m-.35 40H176v-24h8a12 12 0 0 1 12 13.16A12.25 12.25 0 0 1 183.65 184M136 152v55.73a8.17 8.17 0 0 1-7.47 8.25 8 8 0 0 1-8.53-8v-55.71a8.17 8.17 0 0 1 7.47-8.25A8 8 0 0 1 136 152m-40 56.53a8.17 8.17 0 0 1-8.27 7.47h-31.5a8.27 8.27 0 0 1-6-2.5 8 8 0 0 1-1.18-9.5l25.16-44H56.27a8.17 8.17 0 0 1-8.27-7.47 8 8 0 0 1 8-8.53h31.77a8.27 8.27 0 0 1 6 2.5A8 8 0 0 1 95 156l-25.21 44H88a8 8 0 0 1 8 8.53M213.66 82.34l-56-56A8 8 0 0 0 152 24H56a16 16 0 0 0-16 16v76a4 4 0 0 0 4 4h168a4 4 0 0 0 4-4V88a8 8 0 0 0-2.34-5.66M152 88V44l44 44Z" }) });
+};
+React.forwardRef(SvgFileZip);
 const SvgFilter = ({
   fill: fillProp = "currentColor",
   stroke: strokeProp,
@@ -9627,9 +9681,9 @@ var handleScroll$1 = function(axis, endTarget, event, sourceDelta, noOverscroll)
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (availableScroll === 0 || !noOverscroll)) {
+  if (isDeltaPositive && (availableScroll === 0 || false)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (availableScrollTop === 0 || !noOverscroll)) {
+  } else if (!isDeltaPositive && (availableScrollTop === 0 || false)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -9713,7 +9767,7 @@ function RemoveScrollSideCar$1(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll$1(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
+    return handleScroll$1(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
   var shouldPrevent = React__namespace.useCallback(function(_event) {
     var event = _event;
@@ -11779,7 +11833,7 @@ function isTopLayer(element) {
 function isContainingBlock(elementOrCss) {
   const webkit2 = isWebKit();
   const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
-  return css.transform !== "none" || css.perspective !== "none" || (css.containerType ? css.containerType !== "normal" : false) || !webkit2 && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit2 && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective", "filter"].some((value) => (css.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((value) => css[value] ? css[value] !== "none" : false) || (css.containerType ? css.containerType !== "normal" : false) || !webkit2 && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit2 && (css.filter ? css.filter !== "none" : false) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((value) => (css.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
@@ -12285,6 +12339,9 @@ const platform = {
   isElement,
   isRTL
 };
+function rectsAreEqual(a2, b2) {
+  return a2.x === b2.x && a2.y === b2.y && a2.width === b2.width && a2.height === b2.height;
+}
 function observeMove(element, onMove) {
   let io = null;
   let timeoutId;
@@ -12303,12 +12360,13 @@ function observeMove(element, onMove) {
       threshold = 1;
     }
     cleanup();
+    const elementRectForRootMargin = element.getBoundingClientRect();
     const {
       left,
       top: top2,
       width,
       height
-    } = element.getBoundingClientRect();
+    } = elementRectForRootMargin;
     if (!skip) {
       onMove();
     }
@@ -12339,6 +12397,9 @@ function observeMove(element, onMove) {
           refresh(false, ratio);
         }
       }
+      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+        refresh();
+      }
       isFirstUpdate = false;
     }
     try {
@@ -12402,7 +12463,7 @@ function autoUpdate(reference, floating, update, options) {
   }
   function frameLoop() {
     const nextRefRect = getBoundingClientRect(reference);
-    if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
       update();
     }
     prevRefRect = nextRefRect;
@@ -12803,9 +12864,9 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll)) {
+  if (isDeltaPositive && (Math.abs(availableScroll) < 1 || false)) {
     shouldCancelScroll = true;
-  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) {
+  } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || false)) {
     shouldCancelScroll = true;
   }
   return shouldCancelScroll;
@@ -12887,7 +12948,7 @@ function RemoveScrollSideCar(props) {
       return true;
     }
     var cancelingAxis = activeAxis.current || currentAxis;
-    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
+    return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
   }, []);
   var shouldPrevent = React__namespace.useCallback(function(_event) {
     var event = _event;
@@ -16530,11 +16591,11 @@ class HighlightBuilder {
       for (let i = 0, pos = start; ; i++) {
         let next = i < mounted.overlay.length ? mounted.overlay[i] : null;
         let nextPos = next ? next.from + start : end;
-        let rangeFrom = Math.max(from, pos), rangeTo = Math.min(to, nextPos);
-        if (rangeFrom < rangeTo && hasChild2) {
-          while (cursor2.from < rangeTo) {
-            this.highlightRange(cursor2, rangeFrom, rangeTo, inheritedClass, highlighters);
-            this.startSpan(Math.min(rangeTo, cursor2.to), cls);
+        let rangeFrom2 = Math.max(from, pos), rangeTo2 = Math.min(to, nextPos);
+        if (rangeFrom2 < rangeTo2 && hasChild2) {
+          while (cursor2.from < rangeTo2) {
+            this.highlightRange(cursor2, rangeFrom2, rangeTo2, inheritedClass, highlighters);
+            this.startSpan(Math.min(rangeTo2, cursor2.to), cls);
             if (cursor2.to >= nextPos || !cursor2.nextSibling())
               break;
           }
@@ -16981,30 +17042,101 @@ const jsonHighlighting = styleTags({
   "True False": tags.bool,
   PropertyName: tags.propertyName,
   Null: tags.null,
-  ",": tags.separator,
+  ", :": tags.separator,
   "[ ]": tags.squareBracket,
   "{ }": tags.brace
 });
 const parser = LRParser.deserialize({
   version: 14,
-  states: "$bOVQPOOOOQO'#Cb'#CbOnQPO'#CeOvQPO'#CjOOQO'#Cp'#CpQOQPOOOOQO'#Cg'#CgO}QPO'#CfO!SQPO'#CrOOQO,59P,59PO![QPO,59PO!aQPO'#CuOOQO,59U,59UO!iQPO,59UOVQPO,59QOqQPO'#CkO!nQPO,59^OOQO1G.k1G.kOVQPO'#ClO!vQPO,59aOOQO1G.p1G.pOOQO1G.l1G.lOOQO,59V,59VOOQO-E6i-E6iOOQO,59W,59WOOQO-E6j-E6j",
-  stateData: "#O~OcOS~OQSORSOSSOTSOWQO]ROePO~OVXOeUO~O[[O~PVOg^O~Oh_OVfX~OVaO~OhbO[iX~O[dO~Oh_OVfa~OhbO[ia~O",
-  goto: "!kjPPPPPPkPPkqwPPk{!RPPP!XP!ePP!hXSOR^bQWQRf_TVQ_Q`WRg`QcZRicQTOQZRQe^RhbRYQR]R",
-  nodeNames: "⚠ JsonText True False Null Number String } { Object Property PropertyName ] [ Array",
+  states: "$bOVQPOOOOQO'#Cb'#CbOnQPO'#CeOvQPO'#ClOOQO'#Cr'#CrQOQPOOOOQO'#Cg'#CgO}QPO'#CfO!SQPO'#CtOOQO,59P,59PO![QPO,59PO!aQPO'#CuOOQO,59W,59WO!iQPO,59WOVQPO,59QOqQPO'#CmO!nQPO,59`OOQO1G.k1G.kOVQPO'#CnO!vQPO,59aOOQO1G.r1G.rOOQO1G.l1G.lOOQO,59X,59XOOQO-E6k-E6kOOQO,59Y,59YOOQO-E6l-E6l",
+  stateData: "#O~OeOS~OQSORSOSSOTSOWQO_ROgPO~OVXOgUO~O^[O~PVO[^O~O]_OVhX~OVaO~O]bO^iX~O^dO~O]_OVha~O]bO^ia~O",
+  goto: "!kjPPPPPPkPPkqwPPPPk{!RPPP!XP!e!hXSOR^bQWQRf_TVQ_Q`WRg`QcZRicQTOQZRQe^RhbRYQR]R",
+  nodeNames: "⚠ JsonText True False Null Number String } { Object Property PropertyName : , ] [ Array",
   maxTerm: 25,
   nodeProps: [
     ["isolate", -2, 6, 11, ""],
-    ["openedBy", 7, "{", 12, "["],
-    ["closedBy", 8, "}", 13, "]"]
+    ["openedBy", 7, "{", 14, "["],
+    ["closedBy", 8, "}", 15, "]"]
   ],
   propSources: [jsonHighlighting],
   skippedNodes: [0],
   repeatNodeCount: 2,
-  tokenData: "(|~RaXY!WYZ!W]^!Wpq!Wrs!]|}$u}!O$z!Q!R%T!R![&c![!]&t!}#O&y#P#Q'O#Y#Z'T#b#c'r#h#i(Z#o#p(r#q#r(w~!]Oc~~!`Wpq!]qr!]rs!xs#O!]#O#P!}#P;'S!];'S;=`$o<%lO!]~!}Oe~~#QXrs!]!P!Q!]#O#P!]#U#V!]#Y#Z!]#b#c!]#f#g!]#h#i!]#i#j#m~#pR!Q![#y!c!i#y#T#Z#y~#|R!Q![$V!c!i$V#T#Z$V~$YR!Q![$c!c!i$c#T#Z$c~$fR!Q![!]!c!i!]#T#Z!]~$rP;=`<%l!]~$zOh~~$}Q!Q!R%T!R![&c~%YRT~!O!P%c!g!h%w#X#Y%w~%fP!Q![%i~%nRT~!Q![%i!g!h%w#X#Y%w~%zR{|&T}!O&T!Q![&Z~&WP!Q![&Z~&`PT~!Q![&Z~&hST~!O!P%c!Q![&c!g!h%w#X#Y%w~&yOg~~'OO]~~'TO[~~'WP#T#U'Z~'^P#`#a'a~'dP#g#h'g~'jP#X#Y'm~'rOR~~'uP#i#j'x~'{P#`#a(O~(RP#`#a(U~(ZOS~~(^P#f#g(a~(dP#i#j(g~(jP#X#Y(m~(rOQ~~(wOW~~(|OV~",
+  tokenData: "(|~RaXY!WYZ!W]^!Wpq!Wrs!]|}$u}!O$z!Q!R%T!R![&c![!]&t!}#O&y#P#Q'O#Y#Z'T#b#c'r#h#i(Z#o#p(r#q#r(w~!]Oe~~!`Wpq!]qr!]rs!xs#O!]#O#P!}#P;'S!];'S;=`$o<%lO!]~!}Og~~#QXrs!]!P!Q!]#O#P!]#U#V!]#Y#Z!]#b#c!]#f#g!]#h#i!]#i#j#m~#pR!Q![#y!c!i#y#T#Z#y~#|R!Q![$V!c!i$V#T#Z$V~$YR!Q![$c!c!i$c#T#Z$c~$fR!Q![!]!c!i!]#T#Z!]~$rP;=`<%l!]~$zO]~~$}Q!Q!R%T!R![&c~%YRT~!O!P%c!g!h%w#X#Y%w~%fP!Q![%i~%nRT~!Q![%i!g!h%w#X#Y%w~%zR{|&T}!O&T!Q![&Z~&WP!Q![&Z~&`PT~!Q![&Z~&hST~!O!P%c!Q![&c!g!h%w#X#Y%w~&yO[~~'OO_~~'TO^~~'WP#T#U'Z~'^P#`#a'a~'dP#g#h'g~'jP#X#Y'm~'rOR~~'uP#i#j'x~'{P#`#a(O~(RP#`#a(U~(ZOS~~(^P#f#g(a~(dP#i#j(g~(jP#X#Y(m~(rOQ~~(wOW~~(|OV~",
   tokenizers: [0],
   topRules: { "JsonText": [0, 1] },
   tokenPrec: 0
 });
+let rangeFrom = [], rangeTo = [];
+(() => {
+  let numbers = "lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,3b,f,,w,1j,,,,4,8,4,,3,7,a,2,t,,1m,,,,2,4,8,,9,,a,2,q,,2,2,1l,,4,2,4,2,2,3,3,,u,2,3,,b,2,1l,,4,5,,2,4,,k,2,m,6,,,1m,,,2,,4,8,,7,3,a,2,u,,1n,,,,c,,9,,14,,3,,1l,3,5,3,,4,7,2,b,2,t,,1m,,2,,2,,3,,5,2,7,2,b,2,s,2,1l,2,,,2,4,8,,9,,a,2,t,,20,,4,,2,3,,,8,,29,,2,7,c,8,2q,,2,9,b,6,22,2,r,,,,,,1j,e,,5,,2,5,b,,10,9,,2u,4,,6,,2,2,2,p,2,4,3,g,4,d,,2,2,6,,f,,jj,3,qa,3,t,3,t,2,u,2,1s,2,,7,8,,2,b,9,,19,3,3b,2,y,,3a,3,4,2,9,,6,3,63,2,2,,1m,,,7,,,,,2,8,6,a,2,,1c,h,1r,4,1c,7,,,5,,14,9,c,2,w,4,2,2,,3,1k,,,2,3,,,3,1m,8,2,2,48,3,,d,,7,4,,6,,3,2,5i,1m,,5,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,p,2,5,,47,2,q,i,d,,12,8,p,b,1a,3,1c,,2,4,2,2,13,,1v,6,2,2,2,2,c,,8,,1b,,1f,,,3,2,2,5,2,,,16,2,8,,6m,,2,,4,,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,14,3,4,,4l,2,fx,4,ar,2,49,b,4w,,1i,f,1k,3,1d,4,2,2,1x,3,10,5,,8,1q,,c,2,1g,9,a,4,2,,2n,3,2,,,2,6,,4g,,3,8,l,2,1l,2,,,,,m,,e,7,3,5,5f,8,2,3,,,n,,29,,2,6,,,2,,,2,,2,6j,,2,4,6,2,,2,r,2,2d,8,2,,,2,2y,,,,2,6,,,2t,3,2,4,,5,77,9,,2,6t,,a,2,,,4,,40,4,2,2,4,,w,a,14,6,2,4,8,,9,6,2,3,1a,d,,2,ba,7,,6,,,2a,m,2,7,,2,,2,3e,6,3,,,2,,7,,,20,2,3,,,,9n,2,f0b,5,1n,7,t4,,1r,4,29,,f5k,2,43q,,,3,4,5,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,79,7,c5,4,15s,7,31,7,240,5,gx7k,2o,3k,6o".split(",").map((s2) => s2 ? parseInt(s2, 36) : 1);
+  for (let i = 0, n2 = 0; i < numbers.length; i++)
+    (i % 2 ? rangeTo : rangeFrom).push(n2 = n2 + numbers[i]);
+})();
+function isExtendingChar(code) {
+  if (code < 768) return false;
+  for (let from = 0, to = rangeFrom.length; ; ) {
+    let mid = from + to >> 1;
+    if (code < rangeFrom[mid]) to = mid;
+    else if (code >= rangeTo[mid]) from = mid + 1;
+    else return true;
+    if (from == to) return false;
+  }
+}
+function isRegionalIndicator(code) {
+  return code >= 127462 && code <= 127487;
+}
+const ZWJ = 8205;
+function findClusterBreak$1(str, pos, forward = true, includeExtending = true) {
+  return (forward ? nextClusterBreak : prevClusterBreak)(str, pos, includeExtending);
+}
+function nextClusterBreak(str, pos, includeExtending) {
+  if (pos == str.length) return pos;
+  if (pos && surrogateLow$1(str.charCodeAt(pos)) && surrogateHigh$1(str.charCodeAt(pos - 1))) pos--;
+  let prev = codePointAt$1(str, pos);
+  pos += codePointSize$1(prev);
+  while (pos < str.length) {
+    let next = codePointAt$1(str, pos);
+    if (prev == ZWJ || next == ZWJ || includeExtending && isExtendingChar(next)) {
+      pos += codePointSize$1(next);
+      prev = next;
+    } else if (isRegionalIndicator(next)) {
+      let countBefore = 0, i = pos - 2;
+      while (i >= 0 && isRegionalIndicator(codePointAt$1(str, i))) {
+        countBefore++;
+        i -= 2;
+      }
+      if (countBefore % 2 == 0) break;
+      else pos += 2;
+    } else {
+      break;
+    }
+  }
+  return pos;
+}
+function prevClusterBreak(str, pos, includeExtending) {
+  while (pos > 0) {
+    let found = nextClusterBreak(str, pos - 2, includeExtending);
+    if (found < pos) return found;
+    pos--;
+  }
+  return 0;
+}
+function codePointAt$1(str, pos) {
+  let code0 = str.charCodeAt(pos);
+  if (!surrogateHigh$1(code0) || pos + 1 == str.length) return code0;
+  let code1 = str.charCodeAt(pos + 1);
+  if (!surrogateLow$1(code1)) return code0;
+  return (code0 - 55296 << 10) + (code1 - 56320) + 65536;
+}
+function surrogateLow$1(ch) {
+  return ch >= 56320 && ch < 57344;
+}
+function surrogateHigh$1(ch) {
+  return ch >= 55296 && ch < 56320;
+}
+function codePointSize$1(code) {
+  return code < 65536 ? 1 : 2;
+}
 class Text {
   /**
   Get the line description around the given position.
@@ -17555,58 +17687,8 @@ function clip(text, from, to) {
   from = Math.max(0, Math.min(text.length, from));
   return [from, Math.max(from, Math.min(text.length, to))];
 }
-let extend = /* @__PURE__ */ "lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,3b,f,,w,1j,,,,4,8,4,,3,7,a,2,t,,1m,,,,2,4,8,,9,,a,2,q,,2,2,1l,,4,2,4,2,2,3,3,,u,2,3,,b,2,1l,,4,5,,2,4,,k,2,m,6,,,1m,,,2,,4,8,,7,3,a,2,u,,1n,,,,c,,9,,14,,3,,1l,3,5,3,,4,7,2,b,2,t,,1m,,2,,2,,3,,5,2,7,2,b,2,s,2,1l,2,,,2,4,8,,9,,a,2,t,,20,,4,,2,3,,,8,,29,,2,7,c,8,2q,,2,9,b,6,22,2,r,,,,,,1j,e,,5,,2,5,b,,10,9,,2u,4,,6,,2,2,2,p,2,4,3,g,4,d,,2,2,6,,f,,jj,3,qa,3,t,3,t,2,u,2,1s,2,,7,8,,2,b,9,,19,3,3b,2,y,,3a,3,4,2,9,,6,3,63,2,2,,1m,,,7,,,,,2,8,6,a,2,,1c,h,1r,4,1c,7,,,5,,14,9,c,2,w,4,2,2,,3,1k,,,2,3,,,3,1m,8,2,2,48,3,,d,,7,4,,6,,3,2,5i,1m,,5,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,p,2,5,,47,2,q,i,d,,12,8,p,b,1a,3,1c,,2,4,2,2,13,,1v,6,2,2,2,2,c,,8,,1b,,1f,,,3,2,2,5,2,,,16,2,8,,6m,,2,,4,,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,14,3,4,,4l,2,fx,4,ar,2,49,b,4w,,1i,f,1k,3,1d,4,2,2,1x,3,10,5,,8,1q,,c,2,1g,9,a,4,2,,2n,3,2,,,2,6,,4g,,3,8,l,2,1l,2,,,,,m,,e,7,3,5,5f,8,2,3,,,n,,29,,2,6,,,2,,,2,,2,6j,,2,4,6,2,,2,r,2,2d,8,2,,,2,2y,,,,2,6,,,2t,3,2,4,,5,77,9,,2,6t,,a,2,,,4,,40,4,2,2,4,,w,a,14,6,2,4,8,,9,6,2,3,1a,d,,2,ba,7,,6,,,2a,m,2,7,,2,,2,3e,6,3,,,2,,7,,,20,2,3,,,,9n,2,f0b,5,1n,7,t4,,1r,4,29,,f5k,2,43q,,,3,4,5,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,79,7,c5,4,15s,7,31,7,240,5,gx7k,2o,3k,6o".split(",").map((s2) => s2 ? parseInt(s2, 36) : 1);
-for (let i = 1; i < extend.length; i++)
-  extend[i] += extend[i - 1];
-function isExtendingChar(code) {
-  for (let i = 1; i < extend.length; i += 2)
-    if (extend[i] > code)
-      return extend[i - 1] <= code;
-  return false;
-}
-function isRegionalIndicator(code) {
-  return code >= 127462 && code <= 127487;
-}
-const ZWJ = 8205;
 function findClusterBreak(str, pos, forward = true, includeExtending = true) {
-  return (forward ? nextClusterBreak : prevClusterBreak)(str, pos, includeExtending);
-}
-function nextClusterBreak(str, pos, includeExtending) {
-  if (pos == str.length)
-    return pos;
-  if (pos && surrogateLow(str.charCodeAt(pos)) && surrogateHigh(str.charCodeAt(pos - 1)))
-    pos--;
-  let prev = codePointAt(str, pos);
-  pos += codePointSize(prev);
-  while (pos < str.length) {
-    let next = codePointAt(str, pos);
-    if (prev == ZWJ || next == ZWJ || includeExtending && isExtendingChar(next)) {
-      pos += codePointSize(next);
-      prev = next;
-    } else if (isRegionalIndicator(next)) {
-      let countBefore = 0, i = pos - 2;
-      while (i >= 0 && isRegionalIndicator(codePointAt(str, i))) {
-        countBefore++;
-        i -= 2;
-      }
-      if (countBefore % 2 == 0)
-        break;
-      else
-        pos += 2;
-    } else {
-      break;
-    }
-  }
-  return pos;
-}
-function prevClusterBreak(str, pos, includeExtending) {
-  while (pos > 0) {
-    let found = nextClusterBreak(str, pos - 2, includeExtending);
-    if (found < pos)
-      return found;
-    pos--;
-  }
-  return 0;
+  return findClusterBreak$1(str, pos, forward, includeExtending);
 }
 function surrogateLow(ch) {
   return ch >= 56320 && ch < 57344;
@@ -17736,7 +17818,7 @@ class ChangeDesc {
   Map this description, which should start with the same document
   as `other`, over another set of changes, so that it can be
   applied after it. When `before` is true, map as if the changes
-  in `other` happened before the ones in `this`.
+  in `this` happened before the ones in `other`.
   */
   mapDesc(other, before = false) {
     return other.empty ? this : mapSet(this, other, before);
@@ -18037,7 +18119,7 @@ function addSection(sections, len, ins, forceJoin = false) {
   let last = sections.length - 2;
   if (last >= 0 && ins <= 0 && ins == sections[last + 1])
     sections[last] += len;
-  else if (len == 0 && sections[last] == 0)
+  else if (last >= 0 && len == 0 && sections[last] == 0)
     sections[last + 1] += ins;
   else if (forceJoin) {
     sections[last] += len;
@@ -18086,7 +18168,9 @@ function mapSet(setA, setB, before, mkSet = false) {
   let sections = [], insert2 = mkSet ? [] : null;
   let a2 = new SectionIter(setA), b2 = new SectionIter(setB);
   for (let inserted = -1; ; ) {
-    if (a2.ins == -1 && b2.ins == -1) {
+    if (a2.done && b2.len || b2.done && a2.len) {
+      throw new Error("Mismatched change set lengths");
+    } else if (a2.ins == -1 && b2.ins == -1) {
       let len = Math.min(a2.len, b2.len);
       addSection(sections, len, -1);
       a2.forward(len);
@@ -20317,7 +20401,7 @@ function compare(a2, startA, b2, startB, length, comparator) {
   let endB = startB + length;
   let pos = startB, dPos = startB - startA;
   for (; ; ) {
-    let diff = a2.to + dPos - b2.to || a2.endSide - b2.endSide;
+    let dEnd = a2.to + dPos - b2.to, diff = dEnd || a2.endSide - b2.endSide;
     let end = diff < 0 ? a2.to + dPos : b2.to, clipEnd = Math.min(end, endB);
     if (a2.point || b2.point) {
       if (!(a2.point && b2.point && (a2.point == b2.point || a2.point.eq(b2.point)) && sameValues(a2.activeForPoint(a2.to), b2.activeForPoint(b2.to))))
@@ -20328,6 +20412,8 @@ function compare(a2, startA, b2, startB, length, comparator) {
     }
     if (end > endB)
       break;
+    if ((dEnd || a2.openEnd != b2.openEnd) && comparator.boundChange)
+      comparator.boundChange(end);
     pos = end;
     if (diff <= 0)
       a2.next();
@@ -20364,7 +20450,7 @@ function findMinIndex(value, array) {
 }
 function countColumn(string2, tabSize, to = string2.length) {
   let n2 = 0;
-  for (let i = 0; i < to; ) {
+  for (let i = 0; i < to && i < string2.length; ) {
     if (string2.charCodeAt(i) == 9) {
       n2 += tabSize - n2 % tabSize;
       i++;
@@ -21016,7 +21102,7 @@ class ContentView {
               child.reuseDOM(next);
           }
           child.sync(view, track);
-          child.flags &= ~7;
+          child.flags &= -8;
         }
         next = prev ? prev.nextSibling : parent.firstChild;
         if (track && !track.written && track.node == parent && next != child.dom)
@@ -21038,7 +21124,7 @@ class ContentView {
       for (let child of this.children)
         if (child.flags & 7) {
           child.sync(view, track);
-          child.flags &= ~7;
+          child.flags &= -8;
         }
     }
   }
@@ -23062,6 +23148,15 @@ class ViewUpdate {
     return (this.flags & 4) > 0;
   }
   /**
+  Returns true when
+  [`viewportChanged`](https://codemirror.net/6/docs/ref/#view.ViewUpdate.viewportChanged) is true
+  and the viewport change is not just the result of mapping it in
+  response to document changes.
+  */
+  get viewportMoved() {
+    return (this.flags & 8) > 0;
+  }
+  /**
   Indicates whether the height of a block element in the editor
   changed in this update.
   */
@@ -23073,7 +23168,7 @@ class ViewUpdate {
   editor, or elements within the editor, changed.
   */
   get geometryChanged() {
-    return this.docChanged || (this.flags & (8 | 2)) > 0;
+    return this.docChanged || (this.flags & (16 | 2)) > 0;
   }
   /**
   True when this update indicates a focus change.
@@ -23180,13 +23275,13 @@ class DocView extends ContentView {
       this.dom.style.flexBasis = this.minWidth ? this.minWidth + "px" : "";
       let track = browser.chrome || browser.ios ? { node: observer.selectionRange.focusNode, written: false } : void 0;
       this.sync(this.view, track);
-      this.flags &= ~7;
+      this.flags &= -8;
       if (track && (track.written || observer.selectionRange.focusNode != track.node))
         this.forceSelection = true;
       this.dom.style.height = "";
     });
     this.markedForComposition.forEach(
-      (cView) => cView.flags &= ~8
+      (cView) => cView.flags &= -9
       /* ViewFlag.Composition */
     );
     let gaps = [];
@@ -23275,7 +23370,7 @@ class DocView extends ContentView {
     if (mustRead || !this.view.observer.selectionRange.focusNode)
       this.view.observer.readSelectionRange();
     let activeElt = this.view.root.activeElement, focused = activeElt == this.dom;
-    let selectionNotFocus = !focused && hasSelection(this.dom, this.view.observer.selectionRange) && !(activeElt && this.dom.contains(activeElt));
+    let selectionNotFocus = !focused && !(this.view.state.facet(editable) || this.dom.tabIndex > -1) && hasSelection(this.dom, this.view.observer.selectionRange) && !(activeElt && this.dom.contains(activeElt));
     if (!(focused || fromPointer || selectionNotFocus))
       return;
     let force = this.forceSelection;
@@ -23673,6 +23768,9 @@ let DecorationComparator$1 = class DecorationComparator {
   comparePoint(from, to) {
     addRange(from, to, this.changes);
   }
+  boundChange(pos) {
+    addRange(pos, pos, this.changes);
+  }
 };
 function findChangedDeco(a2, b2, diff) {
   let comp = new DecorationComparator$1();
@@ -24200,16 +24298,16 @@ function applyDOMChange(view, domChange) {
     return false;
   if (!change && domChange.typeOver && !sel.empty && newSel && newSel.main.empty) {
     change = { from: sel.from, to: sel.to, insert: view.state.doc.slice(sel.from, sel.to) };
+  } else if ((browser.mac || browser.android) && change && change.from == change.to && change.from == sel.head - 1 && /^\. ?$/.test(change.insert.toString()) && view.contentDOM.getAttribute("autocorrect") == "off") {
+    if (newSel && change.insert.length == 2)
+      newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
+    change = { from: change.from, to: change.to, insert: Text.of([change.insert.toString().replace(".", " ")]) };
   } else if (change && change.from >= sel.from && change.to <= sel.to && (change.from != sel.from || change.to != sel.to) && sel.to - sel.from - (change.to - change.from) <= 4) {
     change = {
       from: sel.from,
       to: sel.to,
       insert: view.state.doc.slice(sel.from, change.from).append(change.insert).append(view.state.doc.slice(change.to, sel.to))
     };
-  } else if ((browser.mac || browser.android) && change && change.from == change.to && change.from == sel.head - 1 && /^\. ?$/.test(change.insert.toString()) && view.contentDOM.getAttribute("autocorrect") == "off") {
-    if (newSel && change.insert.length == 2)
-      newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
-    change = { from: sel.from, to: sel.to, insert: Text.of([" "]) };
   } else if (browser.chrome && change && change.from == change.to && change.from == sel.head && change.insert.toString() == "\n " && view.lineWrapping) {
     if (newSel)
       newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
@@ -24843,15 +24941,15 @@ function basicMouseSelection(view, event) {
         startSel = startSel.map(update.changes);
       }
     },
-    get(event2, extend2, multiple) {
+    get(event2, extend, multiple) {
       let cur2 = queryPos(view, event2), removed;
       let range = rangeForClick(view, cur2.pos, cur2.bias, type);
-      if (start.pos != cur2.pos && !extend2) {
+      if (start.pos != cur2.pos && !extend) {
         let startRange = rangeForClick(view, start.pos, start.bias, type);
         let from = Math.min(startRange.from, range.from), to = Math.max(startRange.to, range.to);
         range = from < range.from ? EditorSelection.range(from, to) : EditorSelection.range(to, from);
       }
-      if (extend2)
+      if (extend)
         return startSel.replaceRange(startSel.main.extend(range.from, range.to));
       else if (multiple && type == 1 && startSel.ranges.length > 1 && (removed = removeRangeAround(startSel, cur2.pos)))
         return removed;
@@ -25269,7 +25367,7 @@ class HeightMap {
     return (this.flags & 2) > 0;
   }
   set outdated(value) {
-    this.flags = (value ? 2 : 0) | this.flags & ~2;
+    this.flags = (value ? 2 : 0) | this.flags & -3;
   }
   setHeight(height) {
     if (this.height != height) {
@@ -25845,6 +25943,10 @@ function visiblePixelRange(dom, paddingTop) {
     bottom: Math.max(top2, bottom) - (rect.top + paddingTop)
   };
 }
+function inWindow(elt) {
+  let rect = elt.getBoundingClientRect(), win = elt.ownerDocument.defaultView || window;
+  return rect.left < win.innerWidth && rect.right > 0 && rect.top < win.innerHeight && rect.bottom > 0;
+}
 function fullPixelRange(dom, paddingTop) {
   let rect = dom.getBoundingClientRect();
   return {
@@ -25991,7 +26093,7 @@ class ViewState {
       this.updateViewportLines();
     if (this.lineGaps.length || this.viewport.to - this.viewport.from > 2e3 << 1)
       this.updateLineGaps(this.ensureLineGaps(this.mapLineGaps(this.lineGaps, update.changes)));
-    update.flags |= this.computeVisibleRanges();
+    update.flags |= this.computeVisibleRanges(update.changes);
     if (scrollTarget)
       this.scrollTarget = scrollTarget;
     if (!this.mustEnforceCursorAssoc && update.selectionSet && update.view.lineWrapping && update.state.selection.main.empty && update.state.selection.main.assoc && !update.state.facet(nativeSelectionHidden))
@@ -26013,7 +26115,7 @@ class ViewState {
       if (scaleX > 5e-3 && Math.abs(this.scaleX - scaleX) > 5e-3 || scaleY > 5e-3 && Math.abs(this.scaleY - scaleY) > 5e-3) {
         this.scaleX = scaleX;
         this.scaleY = scaleY;
-        result |= 8;
+        result |= 16;
         refresh = measureContent = true;
       }
     }
@@ -26022,13 +26124,13 @@ class ViewState {
     if (this.paddingTop != paddingTop || this.paddingBottom != paddingBottom) {
       this.paddingTop = paddingTop;
       this.paddingBottom = paddingBottom;
-      result |= 8 | 2;
+      result |= 16 | 2;
     }
     if (this.editorWidth != view.scrollDOM.clientWidth) {
       if (oracle.lineWrapping)
         measureContent = true;
       this.editorWidth = view.scrollDOM.clientWidth;
-      result |= 8;
+      result |= 16;
     }
     let scrollTop = view.scrollDOM.scrollTop * this.scaleY;
     if (this.scrollTop != scrollTop) {
@@ -26045,13 +26147,13 @@ class ViewState {
       if (inView)
         measureContent = true;
     }
-    if (!this.inView && !this.scrollTarget)
+    if (!this.inView && !this.scrollTarget && !inWindow(view.dom))
       return 0;
     let contentWidth = domRect.width;
     if (this.contentDOMWidth != contentWidth || this.editorHeight != view.scrollDOM.clientHeight) {
       this.contentDOMWidth = domRect.width;
       this.editorHeight = view.scrollDOM.clientHeight;
-      result |= 8;
+      result |= 16;
     }
     if (measureContent) {
       let lineHeights = view.docView.measureVisibleLineHeights(this.viewport);
@@ -26062,7 +26164,7 @@ class ViewState {
         refresh = lineHeight > 0 && oracle.refresh(whiteSpace, lineHeight, charWidth, textHeight, contentWidth / charWidth, lineHeights);
         if (refresh) {
           view.docView.minWidth = 0;
-          result |= 8;
+          result |= 16;
         }
       }
       if (dTop > 0 && dBottom > 0)
@@ -26264,7 +26366,7 @@ class ViewState {
       this.lineGapDeco = Decoration.set(gaps.map((gap) => gap.draw(this, this.heightOracle.lineWrapping)));
     }
   }
-  computeVisibleRanges() {
+  computeVisibleRanges(changes) {
     let deco = this.stateDeco;
     if (this.lineGaps.length)
       deco = deco.concat(this.lineGapDeco);
@@ -26276,9 +26378,21 @@ class ViewState {
       point() {
       }
     }, 20);
-    let changed = ranges.length != this.visibleRanges.length || this.visibleRanges.some((r2, i) => r2.from != ranges[i].from || r2.to != ranges[i].to);
+    let changed = 0;
+    if (ranges.length != this.visibleRanges.length) {
+      changed = 8 | 4;
+    } else {
+      for (let i = 0; i < ranges.length && !(changed & 8); i++) {
+        let old = this.visibleRanges[i], nw = ranges[i];
+        if (old.from != nw.from || old.to != nw.to) {
+          changed |= 4;
+          if (!(changes && changes.mapPos(old.from, -1) == nw.from && changes.mapPos(old.to, 1) == nw.to))
+            changed |= 8;
+        }
+      }
+    }
     this.visibleRanges = ranges;
-    return changed ? 4 : 0;
+    return changed;
   }
   lineBlockAt(pos) {
     return pos >= this.viewport.from && pos <= this.viewport.to && this.viewportLines.find((b2) => b2.from <= pos && b2.to >= pos) || scaleBlock(this.heightMap.lineAt(pos, QueryType$1.ByPos, this.heightOracle, 0, 0), this.scaler);
@@ -27150,7 +27264,7 @@ class EditContextManager {
       selectionEnd: this.toContextPos(view.state.selection.main.head)
     });
     this.handlers.textupdate = (e2) => {
-      let { anchor } = view.state.selection.main;
+      let main = view.state.selection.main, { anchor, head } = main;
       let from = this.toEditorPos(e2.updateRangeStart), to = this.toEditorPos(e2.updateRangeEnd);
       if (view.inputState.composing >= 0 && !this.composing)
         this.composing = { contextBase: e2.updateRangeStart, editorBase: from, drifted: false };
@@ -27159,11 +27273,19 @@ class EditContextManager {
         change.from = anchor;
       else if (change.to == this.to && anchor > this.to)
         change.to = anchor;
-      if (change.from == change.to && !change.insert.length)
+      if (change.from == change.to && !change.insert.length) {
+        let newSel = EditorSelection.single(this.toEditorPos(e2.selectionStart), this.toEditorPos(e2.selectionEnd));
+        if (!newSel.main.eq(main))
+          view.dispatch({ selection: newSel, userEvent: "select" });
         return;
+      }
+      if ((browser.mac || browser.android) && change.from == head - 1 && /^\. ?$/.test(e2.text) && view.contentDOM.getAttribute("autocorrect") == "off")
+        change = { from, to, insert: Text.of([e2.text.replace(".", " ")]) };
       this.pendingContextChange = change;
-      if (!view.state.readOnly)
-        applyDOMChangeInner(view, change, EditorSelection.single(this.toEditorPos(e2.selectionStart), this.toEditorPos(e2.selectionEnd)));
+      if (!view.state.readOnly) {
+        let newLen = this.to - this.from + (change.to - change.from + change.insert.length);
+        applyDOMChangeInner(view, change, EditorSelection.single(this.toEditorPos(e2.selectionStart, newLen), this.toEditorPos(e2.selectionEnd, newLen)));
+      }
       if (this.pendingContextChange) {
         this.revertPending(view.state);
         this.setSelection(view.state);
@@ -27183,8 +27305,11 @@ class EditContextManager {
       for (let format of e2.getTextFormats()) {
         let lineStyle = format.underlineStyle, thickness = format.underlineThickness;
         if (lineStyle != "None" && thickness != "None") {
-          let style = `text-decoration: underline ${lineStyle == "Dashed" ? "dashed " : lineStyle == "Squiggle" ? "wavy " : ""}${thickness == "Thin" ? 1 : 2}px`;
-          deco.push(Decoration.mark({ attributes: { style } }).range(this.toEditorPos(format.rangeStart), this.toEditorPos(format.rangeEnd)));
+          let from = this.toEditorPos(format.rangeStart), to = this.toEditorPos(format.rangeEnd);
+          if (from < to) {
+            let style = `text-decoration: underline ${lineStyle == "Dashed" ? "dashed " : lineStyle == "Squiggle" ? "wavy " : ""}${thickness == "Thin" ? 1 : 2}px`;
+            deco.push(Decoration.mark({ attributes: { style } }).range(from, to));
+          }
         }
       }
       view.dispatch({ effects: setEditContextFormatting.of(Decoration.set(deco)) });
@@ -27298,7 +27423,8 @@ class EditContextManager {
     let { head } = state.selection.main;
     return !(this.from > 0 && head - this.from < 500 || this.to < state.doc.length && this.to - head < 500 || this.to - this.from > 1e4 * 3);
   }
-  toEditorPos(contextPos) {
+  toEditorPos(contextPos, clipLen = this.to - this.from) {
+    contextPos = Math.min(contextPos, clipLen);
     let c2 = this.composing;
     return c2 && c2.drifted ? c2.editorBase + (contextPos - c2.contextBase) : contextPos + this.from;
   }
@@ -27727,6 +27853,7 @@ class EditorView {
       spellcheck: "false",
       autocorrect: "off",
       autocapitalize: "off",
+      writingsuggestions: "false",
       translate: "no",
       contenteditable: !this.state.facet(editable) ? "false" : "true",
       class: "cm-content",
@@ -28570,14 +28697,7 @@ function rectanglesForRange(view, className, range) {
     return pieces(top2).concat(between).concat(pieces(bottom));
   }
   function piece(left, top2, right, bottom) {
-    return new RectangleMarker(
-      className,
-      left - base2.left,
-      top2 - base2.top - 0.01,
-      right - left,
-      bottom - top2 + 0.01
-      /* C.Epsilon */
-    );
+    return new RectangleMarker(className, left - base2.left, top2 - base2.top, right - left, bottom - top2);
   }
   function pieces({ top: top2, bottom, horizontal }) {
     let pieces2 = [];
@@ -28710,7 +28830,7 @@ function layer(config2) {
     layerOrder.of(config2)
   ];
 }
-const CanHidePrimary = !browser.ios;
+const CanHidePrimary = !(browser.ios && browser.webkit && browser.webkit_version < 534);
 const selectionConfig = /* @__PURE__ */ Facet.define({
   combine(configs) {
     return combineConfig(configs, {
@@ -28951,12 +29071,12 @@ class MatchDecorator {
     let changeFrom = 1e9, changeTo = -1;
     if (update.docChanged)
       update.changes.iterChanges((_f, _t, from, to) => {
-        if (to > update.view.viewport.from && from < update.view.viewport.to) {
+        if (to >= update.view.viewport.from && from <= update.view.viewport.to) {
           changeFrom = Math.min(from, changeFrom);
           changeTo = Math.max(to, changeTo);
         }
       });
-    if (update.viewportChanged || changeTo - changeFrom > 1e3)
+    if (update.viewportMoved || changeTo - changeFrom > 1e3)
       return this.createDeco(update.view);
     if (changeTo > -1)
       return this.updateRange(update.view, deco.map(update.changes), changeFrom, changeTo);
@@ -29590,10 +29710,10 @@ const tooltipPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
       }
       if (this.position == "absolute") {
         dom.style.top = (top2 - measured.parent.top) / scaleY + "px";
-        dom.style.left = (left - measured.parent.left) / scaleX + "px";
+        setLeftStyle(dom, (left - measured.parent.left) / scaleX);
       } else {
         dom.style.top = top2 / scaleY + "px";
-        dom.style.left = left / scaleX + "px";
+        setLeftStyle(dom, left / scaleX);
       }
       if (arrow2) {
         let arrowLeft = pos.left + (ltr ? offset2.x : -offset2.x) - (left + 14 - 7);
@@ -29626,6 +29746,11 @@ const tooltipPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
     }
   }
 });
+function setLeftStyle(elt, value) {
+  let current = parseInt(elt.style.left, 10);
+  if (isNaN(current) || Math.abs(value - current) > 1)
+    elt.style.left = value + "px";
+}
 const baseTheme$4 = /* @__PURE__ */ EditorView.baseTheme({
   ".cm-tooltip": {
     zIndex: 500,
@@ -31214,10 +31339,10 @@ class IndentContext {
 const indentNodeProp = /* @__PURE__ */ new NodeProp();
 function syntaxIndentation(cx, ast, pos) {
   let stack = ast.resolveStack(pos);
-  let inner = stack.node.enterUnfinishedNodesBefore(pos);
+  let inner = ast.resolveInner(pos, -1).resolve(pos, 0).enterUnfinishedNodesBefore(pos);
   if (inner != stack.node) {
     let add2 = [];
-    for (let cur2 = inner; cur2 != stack.node; cur2 = cur2.parent)
+    for (let cur2 = inner; cur2 && !(cur2.from == stack.node.from && cur2.type == stack.node.type); cur2 = cur2.parent)
       add2.push(cur2);
     for (let i = add2.length - 1; i >= 0; i--)
       stack = { node: add2[i], next: stack };
@@ -32694,7 +32819,7 @@ const cursorLineBoundaryLeft = (view) => moveSel(view, (range) => moveByLineBoun
 const cursorLineBoundaryRight = (view) => moveSel(view, (range) => moveByLineBoundary(view, range, ltrAtCursor(view)));
 const cursorLineStart = (view) => moveSel(view, (range) => EditorSelection.cursor(view.lineBlockAt(range.head).from, 1));
 const cursorLineEnd = (view) => moveSel(view, (range) => EditorSelection.cursor(view.lineBlockAt(range.head).to, -1));
-function toMatchingBracket(state, dispatch, extend2) {
+function toMatchingBracket(state, dispatch, extend) {
   let found = false, selection2 = updateSel(state.selection, (range) => {
     let matching = matchBrackets(state, range.head, -1) || matchBrackets(state, range.head, 1) || range.head > 0 && matchBrackets(state, range.head - 1, 1) || range.head < state.doc.length && matchBrackets(state, range.head + 1, -1);
     if (!matching || !matching.end)
@@ -35871,25 +35996,67 @@ class LintState {
     let diagnosticFilter = state.facet(lintConfig).markerFilter;
     if (diagnosticFilter)
       markedDiagnostics = diagnosticFilter(markedDiagnostics, state);
-    let ranges = Decoration.set(markedDiagnostics.map((d2) => {
-      return d2.from == d2.to || d2.from == d2.to - 1 && state.doc.lineAt(d2.from).to == d2.from ? Decoration.widget({
-        widget: new DiagnosticWidget(d2),
-        diagnostic: d2
-      }).range(d2.from) : Decoration.mark({
-        attributes: { class: "cm-lintRange cm-lintRange-" + d2.severity + (d2.markClass ? " " + d2.markClass : "") },
-        diagnostic: d2
-      }).range(d2.from, d2.to);
-    }), true);
-    return new LintState(ranges, panel, findDiagnostic(ranges));
+    let sorted = diagnostics.slice().sort((a2, b2) => a2.from - b2.from || a2.to - b2.to);
+    let deco = new RangeSetBuilder(), active = [], pos = 0;
+    for (let i = 0; ; ) {
+      let next = i == sorted.length ? null : sorted[i];
+      if (!next && !active.length)
+        break;
+      let from, to;
+      if (active.length) {
+        from = pos;
+        to = active.reduce((p2, d2) => Math.min(p2, d2.to), next && next.from > from ? next.from : 1e8);
+      } else {
+        from = next.from;
+        to = next.to;
+        active.push(next);
+        i++;
+      }
+      while (i < sorted.length) {
+        let next2 = sorted[i];
+        if (next2.from == from && (next2.to > next2.from || next2.to == from)) {
+          active.push(next2);
+          i++;
+          to = Math.min(next2.to, to);
+        } else {
+          to = Math.min(next2.from, to);
+          break;
+        }
+      }
+      let sev = maxSeverity(active);
+      if (active.some((d2) => d2.from == d2.to || d2.from == d2.to - 1 && state.doc.lineAt(d2.from).to == d2.from)) {
+        deco.add(from, from, Decoration.widget({
+          widget: new DiagnosticWidget(sev),
+          diagnostics: active.slice()
+        }));
+      } else {
+        let markClass = active.reduce((c2, d2) => d2.markClass ? c2 + " " + d2.markClass : c2, "");
+        deco.add(from, to, Decoration.mark({
+          class: "cm-lintRange cm-lintRange-" + sev + markClass,
+          diagnostics: active.slice(),
+          inclusiveEnd: active.some((a2) => a2.to > to)
+        }));
+      }
+      pos = to;
+      for (let i2 = 0; i2 < active.length; i2++)
+        if (active[i2].to <= pos)
+          active.splice(i2--, 1);
+    }
+    let set = deco.finish();
+    return new LintState(set, panel, findDiagnostic(set));
   }
 }
 function findDiagnostic(diagnostics, diagnostic = null, after = 0) {
   let found = null;
   diagnostics.between(after, 1e9, (from, to, { spec }) => {
-    if (diagnostic && spec.diagnostic != diagnostic)
+    if (diagnostic && spec.diagnostics.indexOf(diagnostic) < 0)
       return;
-    found = new SelectedDiagnostic(from, to, spec.diagnostic);
-    return false;
+    if (!found)
+      found = new SelectedDiagnostic(from, to, diagnostic || spec.diagnostics[0]);
+    else if (spec.diagnostics.indexOf(found.diagnostic) < 0)
+      return false;
+    else
+      found = new SelectedDiagnostic(found.from, to, found.diagnostic);
   });
   return found;
 }
@@ -35942,23 +36109,24 @@ const lintState = /* @__PURE__ */ StateField.define({
 const activeMark = /* @__PURE__ */ Decoration.mark({ class: "cm-lintRange cm-lintRange-active" });
 function lintTooltip(view, pos, side) {
   let { diagnostics } = view.state.field(lintState);
-  let found = [], stackStart = 2e8, stackEnd = 0;
+  let found, start = -1, end = -1;
   diagnostics.between(pos - (side < 0 ? 1 : 0), pos + (side > 0 ? 1 : 0), (from, to, { spec }) => {
     if (pos >= from && pos <= to && (from == to || (pos > from || side > 0) && (pos < to || side < 0))) {
-      found.push(spec.diagnostic);
-      stackStart = Math.min(from, stackStart);
-      stackEnd = Math.max(to, stackEnd);
+      found = spec.diagnostics;
+      start = from;
+      end = to;
+      return false;
     }
   });
   let diagnosticFilter = view.state.facet(lintConfig).tooltipFilter;
-  if (diagnosticFilter)
+  if (found && diagnosticFilter)
     found = diagnosticFilter(found, view.state);
-  if (!found.length)
+  if (!found)
     return null;
   return {
-    pos: stackStart,
-    end: stackEnd,
-    above: view.state.doc.lineAt(stackStart).to < stackEnd,
+    pos: start,
+    end,
+    above: view.state.doc.lineAt(start).to < end,
     create() {
       return { dom: diagnosticsTooltip(view, found) };
     }
@@ -36057,15 +36225,15 @@ function renderDiagnostic(view, diagnostic, inPanel) {
   }), diagnostic.source && crelt("div", { class: "cm-diagnosticSource" }, diagnostic.source));
 }
 class DiagnosticWidget extends WidgetType {
-  constructor(diagnostic) {
+  constructor(sev) {
     super();
-    this.diagnostic = diagnostic;
+    this.sev = sev;
   }
   eq(other) {
-    return other.diagnostic == this.diagnostic;
+    return other.sev == this.sev;
   }
   toDOM() {
-    return crelt("span", { class: "cm-lintPoint cm-lintPoint-" + this.diagnostic.severity });
+    return crelt("span", { class: "cm-lintPoint cm-lintPoint-" + this.sev });
   }
 }
 class PanelItem {
@@ -36141,33 +36309,39 @@ class LintPanel {
   update() {
     let { diagnostics, selected } = this.view.state.field(lintState);
     let i = 0, needsSync = false, newSelectedItem = null;
+    let seen = /* @__PURE__ */ new Set();
     diagnostics.between(0, this.view.state.doc.length, (_start, _end, { spec }) => {
-      let found = -1, item;
-      for (let j = i; j < this.items.length; j++)
-        if (this.items[j].diagnostic == spec.diagnostic) {
-          found = j;
-          break;
-        }
-      if (found < 0) {
-        item = new PanelItem(this.view, spec.diagnostic);
-        this.items.splice(i, 0, item);
-        needsSync = true;
-      } else {
-        item = this.items[found];
-        if (found > i) {
-          this.items.splice(i, found - i);
+      for (let diagnostic of spec.diagnostics) {
+        if (seen.has(diagnostic))
+          continue;
+        seen.add(diagnostic);
+        let found = -1, item;
+        for (let j = i; j < this.items.length; j++)
+          if (this.items[j].diagnostic == diagnostic) {
+            found = j;
+            break;
+          }
+        if (found < 0) {
+          item = new PanelItem(this.view, diagnostic);
+          this.items.splice(i, 0, item);
           needsSync = true;
+        } else {
+          item = this.items[found];
+          if (found > i) {
+            this.items.splice(i, found - i);
+            needsSync = true;
+          }
         }
-      }
-      if (selected && item.diagnostic == selected.diagnostic) {
-        if (!item.dom.hasAttribute("aria-selected")) {
-          item.dom.setAttribute("aria-selected", "true");
-          newSelectedItem = item;
+        if (selected && item.diagnostic == selected.diagnostic) {
+          if (!item.dom.hasAttribute("aria-selected")) {
+            item.dom.setAttribute("aria-selected", "true");
+            newSelectedItem = item;
+          }
+        } else if (item.dom.hasAttribute("aria-selected")) {
+          item.dom.removeAttribute("aria-selected");
         }
-      } else if (item.dom.hasAttribute("aria-selected")) {
-        item.dom.removeAttribute("aria-selected");
+        i++;
       }
-      i++;
     });
     while (i < this.items.length && !(this.items.length == 1 && this.items[0].diagnostic.from < 0)) {
       needsSync = true;
@@ -36334,6 +36508,20 @@ const baseTheme = /* @__PURE__ */ EditorView.baseTheme({
     }
   }
 });
+function severityWeight(sev) {
+  return sev == "error" ? 4 : sev == "warning" ? 3 : sev == "info" ? 2 : 1;
+}
+function maxSeverity(diagnostics) {
+  let sev = "hint", weight = 1;
+  for (let d2 of diagnostics) {
+    let w2 = severityWeight(d2.severity);
+    if (w2 > weight) {
+      weight = w2;
+      sev = d2.severity;
+    }
+  }
+  return sev;
+}
 const lintExtensions = [
   lintState,
   /* @__PURE__ */ EditorView.decorations.compute([lintState], (state) => {
@@ -39119,7 +39307,7 @@ const Trigger$7 = React__namespace.forwardRef(
   ({ caretPosition = "left", description, icon: Icon2, iconProps, children, ...restProps }, forwardedRef) => {
     const { size: size2 } = useAccordion("Trigger");
     return /* @__PURE__ */ jsxRuntime.jsxs(AccordionTrigger, { $caretPosition: caretPosition, $size: size2, ref: forwardedRef, ...restProps, children: [
-      caretPosition === "left" ? /* @__PURE__ */ jsxRuntime.jsx(TriggerIcon, { $size: size2, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4D, { width: size2 === "S" ? "1.2rem" : "1.6rem", height: size2 === "S" ? "1.2rem" : "1.6rem" }) }) : null,
+      caretPosition === "left" ? /* @__PURE__ */ jsxRuntime.jsx(TriggerIcon, { $size: size2, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4L, { width: size2 === "S" ? "1.2rem" : "1.6rem", height: size2 === "S" ? "1.2rem" : "1.6rem" }) }) : null,
       /* @__PURE__ */ jsxRuntime.jsxs(Flex, { tag: "span", gap: 2, children: [
         Icon2 && size2 === "S" ? /* @__PURE__ */ jsxRuntime.jsx(IconBox$4, { children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { ...iconProps }) }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs(Flex, { alignItems: "flex-start", direction: "column", tag: "span", ref: forwardedRef, children: [
@@ -39136,7 +39324,7 @@ const Trigger$7 = React__namespace.forwardRef(
           description && size2 === "M" ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { textAlign: "left", children: description }) : null
         ] })
       ] }),
-      caretPosition === "right" ? /* @__PURE__ */ jsxRuntime.jsx(TriggerIcon, { $size: size2, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4D, { width: size2 === "S" ? "1.2rem" : "1.6rem", height: size2 === "S" ? "1.2rem" : "1.6rem" }) }) : null
+      caretPosition === "right" ? /* @__PURE__ */ jsxRuntime.jsx(TriggerIcon, { $size: size2, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4L, { width: size2 === "S" ? "1.2rem" : "1.6rem", height: size2 === "S" ? "1.2rem" : "1.6rem" }) }) : null
     ] });
   }
 );
@@ -39399,7 +39587,7 @@ const AlertIconWrapper = styled.styled(Flex)`
 `;
 const AlertIcon = ({ variant: variant2, ...props }) => {
   if (variant2 === "success") {
-    return /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4n, { ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4v, { ...props });
   }
   if (variant2 === "danger" || variant2 === "warning") {
     return /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3, { ...props });
@@ -39465,7 +39653,7 @@ const Alert = ({
             marginTop: 1,
             onClick: onClose,
             color: "neutral700",
-            children: /* @__PURE__ */ jsxRuntime.jsx(AccessibleIcon, { label: closeLabel, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3V, {}) })
+            children: /* @__PURE__ */ jsxRuntime.jsx(AccessibleIcon, { label: closeLabel, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3$, {}) })
           }
         )
       ]
@@ -40296,7 +40484,7 @@ const Link = forwardRef(
       startIcon,
       /* @__PURE__ */ jsxRuntime.jsx(Typography, { textColor: disabled ? "neutral600" : "primary600", children }),
       endIcon,
-      href && !endIcon && isExternal && /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3t, {})
+      href && !endIcon && isExternal && /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3z, {})
     ] });
   }
 );
@@ -40319,6 +40507,10 @@ const LinkWrapper$1 = styled.styled(BaseLinkImpl)`
     & > span {
       color: ${({ theme: theme2 }) => theme2.colors.primary500};
     }
+
+    svg path {
+      fill: ${({ theme: theme2 }) => theme2.colors.primary500};
+    }
   }
 
   &:active {
@@ -40329,13 +40521,13 @@ const LinkWrapper$1 = styled.styled(BaseLinkImpl)`
 `;
 const MenuRoot = $d08ef79370b62062$export$be92b6f5f03c0fe9;
 const MenuTrigger = React__namespace.forwardRef(
-  ({ label, endIcon = /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4D, { width: "1.2rem", height: "1.2rem", "aria-hidden": true }), tag = Button, icon, ...rest }, ref) => {
+  ({ label, endIcon = /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4L, { width: "1.2rem", height: "1.2rem", "aria-hidden": true }), tag = Button, icon, ...rest }, ref) => {
     const props = {
       ...rest,
       ref,
       type: "button"
     };
-    return /* @__PURE__ */ jsxRuntime.jsx($d08ef79370b62062$export$41fb9f06171c75f4, { asChild: true, children: tag === IconButton ? /* @__PURE__ */ jsxRuntime.jsx(IconButton, { label, variant: "tertiary", ...props, children: icon }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { endIcon, variant: "ghost", ...props }) });
+    return /* @__PURE__ */ jsxRuntime.jsx($d08ef79370b62062$export$41fb9f06171c75f4, { asChild: true, disabled: props.disabled, children: tag === IconButton ? /* @__PURE__ */ jsxRuntime.jsx(IconButton, { label, variant: "tertiary", ...props, children: icon }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { endIcon, variant: "ghost", ...props }) });
   }
 );
 const MenuContent = React__namespace.forwardRef(
@@ -40456,7 +40648,7 @@ React__namespace.forwardRef(({ disabled = false, ...props }, ref) => {
       ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: props.children }),
-        /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4h, { fill: "neutral500", height: "1.2rem", width: "1.2rem" })
+        /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4p, { fill: "neutral500", height: "1.2rem", width: "1.2rem" })
       ]
     }
   ) });
@@ -40775,8 +40967,8 @@ const Carousel = React__namespace.forwardRef(
           position: "relative",
           children: [
             childrenArray && childrenArray.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CarouselAction, { tag: "button", onClick: onPrevious, $area: "startAction", ref: prevActionRef, type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(AccessibleIcon, { label: previousLabel, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4j, { width: "1.6rem", height: "1.6rem", fill: "neutral600" }) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(CarouselAction, { tag: "button", onClick: onNext, $area: "endAction", ref: nextActionRef, type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(AccessibleIcon, { label: nextLabel, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4h, { width: "1.6rem", height: "1.6rem", fill: "neutral600" }) }) })
+              /* @__PURE__ */ jsxRuntime.jsx(CarouselAction, { tag: "button", onClick: onPrevious, $area: "startAction", ref: prevActionRef, type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(AccessibleIcon, { label: previousLabel, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4r, { width: "1.6rem", height: "1.6rem", fill: "neutral600" }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(CarouselAction, { tag: "button", onClick: onNext, $area: "endAction", ref: nextActionRef, type: "button", children: /* @__PURE__ */ jsxRuntime.jsx(AccessibleIcon, { label: nextLabel, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4p, { width: "1.6rem", height: "1.6rem", fill: "neutral600" }) }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(CarouselSlides, { "aria-live": "polite", paddingLeft: 2, paddingRight: 2, width: "100%", overflow: "hidden", children: childrenArray }),
             actions
@@ -42854,7 +43046,7 @@ lodash.exports;
           return symbolToString ? symbolToString.call(value) : "";
         }
         var result2 = value + "";
-        return result2 == "0" && 1 / value == -INFINITY ? "-0" : result2;
+        return result2 == "0" && 1 / value == -Infinity ? "-0" : result2;
       }
       function baseUniq(array, iteratee2, comparator) {
         var index2 = -1, includes2 = arrayIncludes, length = array.length, isCommon = true, result2 = [], seen = result2;
@@ -43406,7 +43598,7 @@ lodash.exports;
         bitmask |= isCurry ? WRAP_PARTIAL_FLAG : WRAP_PARTIAL_RIGHT_FLAG;
         bitmask &= ~(isCurry ? WRAP_PARTIAL_RIGHT_FLAG : WRAP_PARTIAL_FLAG);
         if (!(bitmask & WRAP_CURRY_BOUND_FLAG)) {
-          bitmask &= ~(WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG);
+          bitmask &= -4;
         }
         var newData = [
           func,
@@ -43462,7 +43654,7 @@ lodash.exports;
         }
         var length = partials ? partials.length : 0;
         if (!length) {
-          bitmask &= ~(WRAP_PARTIAL_FLAG | WRAP_PARTIAL_RIGHT_FLAG);
+          bitmask &= -97;
           partials = holders = undefined$1;
         }
         ary2 = ary2 === undefined$1 ? ary2 : nativeMax(toInteger(ary2), 0);
@@ -43495,7 +43687,7 @@ lodash.exports;
         holders = newData[4];
         arity = newData[9] = newData[9] === undefined$1 ? isBindKey ? 0 : func.length : nativeMax(newData[9] - length, 0);
         if (!arity && bitmask & (WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG)) {
-          bitmask &= ~(WRAP_CURRY_FLAG | WRAP_CURRY_RIGHT_FLAG);
+          bitmask &= -25;
         }
         if (!bitmask || bitmask == WRAP_BIND_FLAG) {
           var result2 = createBind(func, bitmask, thisArg);
@@ -44061,7 +44253,7 @@ lodash.exports;
           return value;
         }
         var result2 = value + "";
-        return result2 == "0" && 1 / value == -INFINITY ? "-0" : result2;
+        return result2 == "0" && 1 / value == -Infinity ? "-0" : result2;
       }
       function toSource(func) {
         if (func != null) {
@@ -45125,7 +45317,7 @@ lodash.exports;
       }
       var isRegExp = nodeIsRegExp ? baseUnary(nodeIsRegExp) : baseIsRegExp;
       function isSafeInteger(value) {
-        return isInteger(value) && value >= -MAX_SAFE_INTEGER && value <= MAX_SAFE_INTEGER;
+        return isInteger(value) && value >= -9007199254740991 && value <= MAX_SAFE_INTEGER;
       }
       var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
       function isString(value) {
@@ -45166,7 +45358,7 @@ lodash.exports;
           return value === 0 ? value : 0;
         }
         value = toNumber(value);
-        if (value === INFINITY || value === -INFINITY) {
+        if (value === INFINITY || value === -Infinity) {
           var sign = value < 0 ? -1 : 1;
           return sign * MAX_INTEGER;
         }
@@ -45201,7 +45393,7 @@ lodash.exports;
         return copyObject(value, keysIn(value));
       }
       function toSafeInteger(value) {
-        return value ? baseClamp(toInteger(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER) : value === 0 ? value : 0;
+        return value ? baseClamp(toInteger(value), -9007199254740991, MAX_SAFE_INTEGER) : value === 0 ? value : 0;
       }
       function toString(value) {
         return value == null ? "" : baseToString(value);
@@ -46916,10 +47108,10 @@ const Combobox = React__namespace.forwardRef(
                   "aria-label": clearLabel,
                   title: clearLabel,
                   ref: clearRef,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3V, {})
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3$, {})
                 }
               ) : null,
-              /* @__PURE__ */ jsxRuntime.jsx(DownIcon$1, { children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4D, { fill: "neutral500" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(DownIcon$1, { children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4L, { fill: "neutral500" }) })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(Combobox$1$1.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(Content$5, { sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(Viewport$1, { ref: viewportRef, children: [
@@ -47440,10 +47632,10 @@ const SelectTrigger = React__namespace.forwardRef(
                 "aria-label": clearLabel,
                 title: clearLabel,
                 cursor: "pointer",
-                children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3V, {})
+                children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3$, {})
               }
             ) : null,
-            /* @__PURE__ */ jsxRuntime.jsx(DownIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4D, {}) })
+            /* @__PURE__ */ jsxRuntime.jsx(DownIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4L, {}) })
           ] })
         ]
       }
@@ -47839,7 +48031,7 @@ const DatePicker$1 = React__namespace.forwardRef(
         value,
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(DatePickerTrigger, { className, hasError, size: size2, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4H, { fill: "neutral500", "aria-hidden": true }),
+            /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4P, { fill: "neutral500", "aria-hidden": true }),
             /* @__PURE__ */ jsxRuntime.jsx(DatePickerTextInput, { ref, "aria-describedby": ariaDescription, id, name: name2, ...restProps }),
             textValue && onClear ? /* @__PURE__ */ jsxRuntime.jsx(
               IconBox$1,
@@ -47853,7 +48045,7 @@ const DatePicker$1 = React__namespace.forwardRef(
                 "aria-label": clearLabel,
                 title: clearLabel,
                 ref: clearRef,
-                children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3V, {})
+                children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3$, {})
               }
             ) : null
           ] }),
@@ -48555,7 +48747,7 @@ const TimePicker$1 = React__namespace.forwardRef(
         allowCustomValue: true,
         placeholder: `--${separator}--`,
         autocomplete: "none",
-        startIcon: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4d, { fill: "neutral500" }),
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4l, { fill: "neutral500" }),
         inputMode: "numeric",
         pattern: `\\d{2}\\${separator}\\d{2}`,
         textValue,
@@ -49058,7 +49250,7 @@ const Header = React__namespace.forwardRef(
         tag: "header",
         children: [
           children,
-          /* @__PURE__ */ jsxRuntime.jsx(Close, { children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { withTooltip: false, label: closeLabel, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3V, {}) }) })
+          /* @__PURE__ */ jsxRuntime.jsx(Close, { children: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { withTooltip: false, label: closeLabel, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3$, {}) }) })
         ]
       }
     );
@@ -49214,7 +49406,7 @@ React__namespace.forwardRef(
               tabIndex: -1,
               type: "button",
               "data-testid": "ArrowUp",
-              children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4D, { fill: "neutral500" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4L, { fill: "neutral500" })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -49226,7 +49418,7 @@ React__namespace.forwardRef(
               tabIndex: -1,
               type: "button",
               "data-testid": "ArrowDown",
-              children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4D, { fill: "neutral500" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4L, { fill: "neutral500" })
             }
           )
         ] }),
@@ -49287,7 +49479,7 @@ forwardRef(
     const disabled = activePage === 1;
     return /* @__PURE__ */ jsxRuntime.jsxs(ActionLinkWrapper, { ref, "aria-disabled": disabled, tabIndex: disabled ? -1 : void 0, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden, { children }),
-      /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4j, { "aria-hidden": true })
+      /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4r, { "aria-hidden": true })
     ] });
   }
 );
@@ -49297,7 +49489,7 @@ forwardRef(
     const disabled = activePage === pageCount;
     return /* @__PURE__ */ jsxRuntime.jsxs(ActionLinkWrapper, { ref, "aria-disabled": disabled, tabIndex: disabled ? -1 : void 0, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden, { children }),
-      /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4h, { "aria-hidden": true })
+      /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$4p, { "aria-hidden": true })
     ] });
   }
 );
@@ -49749,7 +49941,7 @@ const RawTr = ({ children, ...props }) => {
   });
   return /* @__PURE__ */ jsxRuntime.jsx(Box, { tag: "tr", ...props, children: childrenClone });
 };
-const CloseIcon = styled.styled(ForwardRef$3V)`
+const CloseIcon = styled.styled(ForwardRef$3$)`
   font-size: 0.5rem;
   path {
     fill: ${({ theme: theme2 }) => theme2.colors.neutral400};
@@ -49941,7 +50133,7 @@ const MultiSelect = React__namespace.forwardRef(
           {
             tabIndex: -1,
             disabled,
-            icon: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3V, { width: `${14 / 16}rem`, height: `${14 / 16}rem` }),
+            icon: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$3$, { width: `${14 / 16}rem`, height: `${14 / 16}rem` }),
             onClick: handleTagClick(arg.value),
             children: arg.textValue
           },
@@ -50206,7 +50398,7 @@ const SubNavSectionLabel = ({
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(Box, { paddingRight: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "sigma", textColor: "neutral600", children: label }) }),
           collapsable && /* @__PURE__ */ jsxRuntime.jsx(
-            ForwardRef$4D,
+            ForwardRef$4L,
             {
               width: "1.2rem",
               "aria-hidden": true,
@@ -51014,7 +51206,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: displayName
       },
-      Component: () => Promise.resolve().then(() => require("./index-BXEk5PWx.js")),
+      Component: () => Promise.resolve().then(() => require("./index-k7z0V0lj.js")),
       permissions: pluginPermissions.access
     });
     app.createSettingSection(
@@ -51033,7 +51225,7 @@ const index = {
           },
           id: "comments",
           to: `/settings/${pluginId}`,
-          Component: () => Promise.resolve().then(() => require("./index-BFPteXuP.js")),
+          Component: () => Promise.resolve().then(() => require("./index-R1krliyC.js")),
           permissions: pluginPermissions.settings
         }
       ]
@@ -51082,15 +51274,15 @@ exports.ForwardRef$2l = ForwardRef$2l;
 exports.ForwardRef$2v = ForwardRef$2v;
 exports.ForwardRef$3 = ForwardRef$3;
 exports.ForwardRef$3$ = ForwardRef$3$;
-exports.ForwardRef$3V = ForwardRef$3V;
-exports.ForwardRef$3r = ForwardRef$3r;
-exports.ForwardRef$3v = ForwardRef$3v;
+exports.ForwardRef$3B = ForwardRef$3B;
+exports.ForwardRef$3x = ForwardRef$3x;
 exports.ForwardRef$45 = ForwardRef$45;
-exports.ForwardRef$4J = ForwardRef$4J;
-exports.ForwardRef$4P = ForwardRef$4P;
-exports.ForwardRef$4V = ForwardRef$4V;
-exports.ForwardRef$4p = ForwardRef$4p;
+exports.ForwardRef$4R = ForwardRef$4R;
+exports.ForwardRef$4X = ForwardRef$4X;
+exports.ForwardRef$4d = ForwardRef$4d;
+exports.ForwardRef$4x = ForwardRef$4x;
 exports.ForwardRef$51 = ForwardRef$51;
+exports.ForwardRef$59 = ForwardRef$59;
 exports.ForwardRef$R = ForwardRef$R;
 exports.ForwardRef$f = ForwardRef$f;
 exports.ForwardRef$j = ForwardRef$j;