@vitessce/statistical-plots 3.8.10 → 3.8.13

package/dist/{index-q44JSarg.js → index-BmYvVUY8.js}

@@ -334,6 +334,8 @@ const CoordinationType$1 = {
   // Per-spatial-layer
   SPATIAL_MAX_RESOLUTION: "spatialMaxResolution",
   // Per-image-channel (for spatial-accelerated)
+  SPATIAL_LOD_FACTOR: "spatialLodFactor",
+  // LOD factor for 3D volume rendering
   // For clipping plane sliders
   SPATIAL_SLICE_X: "spatialSliceX",
   SPATIAL_SLICE_Y: "spatialSliceY",
@@ -2042,6 +2044,392 @@ function getValueTransformFunction(featureValueTransform, coefficient) {
   }
   return transformFunction;
 }
+function ascending$7(a2, b2) {
+  return a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
+}
+function bisector$3(f2) {
+  let delta = f2;
+  let compare2 = f2;
+  if (f2.length === 1) {
+    delta = (d, x2) => f2(d) - x2;
+    compare2 = ascendingComparator$1(f2);
+  }
+  function left2(a2, x2, lo, hi) {
+    if (lo == null) lo = 0;
+    if (hi == null) hi = a2.length;
+    while (lo < hi) {
+      const mid = lo + hi >>> 1;
+      if (compare2(a2[mid], x2) < 0) lo = mid + 1;
+      else hi = mid;
+    }
+    return lo;
+  }
+  function right2(a2, x2, lo, hi) {
+    if (lo == null) lo = 0;
+    if (hi == null) hi = a2.length;
+    while (lo < hi) {
+      const mid = lo + hi >>> 1;
+      if (compare2(a2[mid], x2) > 0) hi = mid;
+      else lo = mid + 1;
+    }
+    return lo;
+  }
+  function center2(a2, x2, lo, hi) {
+    if (lo == null) lo = 0;
+    if (hi == null) hi = a2.length;
+    const i2 = left2(a2, x2, lo, hi - 1);
+    return i2 > lo && delta(a2[i2 - 1], x2) > -delta(a2[i2], x2) ? i2 - 1 : i2;
+  }
+  return { left: left2, center: center2, right: right2 };
+}
+function ascendingComparator$1(f2) {
+  return (d, x2) => ascending$7(f2(d), x2);
+}
+function number$8(x2) {
+  return x2 === null ? NaN : +x2;
+}
+const ascendingBisect$1 = bisector$3(ascending$7);
+const bisectRight$2 = ascendingBisect$1.right;
+bisector$3(number$8).center;
+function count$2(values2, valueof) {
+  let count2 = 0;
+  {
+    for (let value2 of values2) {
+      if (value2 != null && (value2 = +value2) >= value2) {
+        ++count2;
+      }
+    }
+  }
+  return count2;
+}
+function variance$1(values2, valueof) {
+  let count2 = 0;
+  let delta;
+  let mean2 = 0;
+  let sum2 = 0;
+  {
+    for (let value2 of values2) {
+      if (value2 != null && (value2 = +value2) >= value2) {
+        delta = value2 - mean2;
+        mean2 += delta / ++count2;
+        sum2 += delta * (value2 - mean2);
+      }
+    }
+  }
+  if (count2 > 1) return sum2 / (count2 - 1);
+}
+function deviation$1(values2, valueof) {
+  const v = variance$1(values2);
+  return v ? Math.sqrt(v) : v;
+}
+function extent$2(values2, valueof) {
+  let min2;
+  let max2;
+  if (valueof === void 0) {
+    for (const value2 of values2) {
+      if (value2 != null) {
+        if (min2 === void 0) {
+          if (value2 >= value2) min2 = max2 = value2;
+        } else {
+          if (min2 > value2) min2 = value2;
+          if (max2 < value2) max2 = value2;
+        }
+      }
+    }
+  } else {
+    let index2 = -1;
+    for (let value2 of values2) {
+      if ((value2 = valueof(value2, ++index2, values2)) != null) {
+        if (min2 === void 0) {
+          if (value2 >= value2) min2 = max2 = value2;
+        } else {
+          if (min2 > value2) min2 = value2;
+          if (max2 < value2) max2 = value2;
+        }
+      }
+    }
+  }
+  return [min2, max2];
+}
+let InternMap$1 = class InternMap extends Map {
+  constructor(entries2, key2 = keyof$1) {
+    super();
+    Object.defineProperties(this, { _intern: { value: /* @__PURE__ */ new Map() }, _key: { value: key2 } });
+    if (entries2 != null) for (const [key22, value2] of entries2) this.set(key22, value2);
+  }
+  get(key2) {
+    return super.get(intern_get$1(this, key2));
+  }
+  has(key2) {
+    return super.has(intern_get$1(this, key2));
+  }
+  set(key2, value2) {
+    return super.set(intern_set$1(this, key2), value2);
+  }
+  delete(key2) {
+    return super.delete(intern_delete$1(this, key2));
+  }
+};
+function intern_get$1({ _intern, _key }, value2) {
+  const key2 = _key(value2);
+  return _intern.has(key2) ? _intern.get(key2) : value2;
+}
+function intern_set$1({ _intern, _key }, value2) {
+  const key2 = _key(value2);
+  if (_intern.has(key2)) return _intern.get(key2);
+  _intern.set(key2, value2);
+  return value2;
+}
+function intern_delete$1({ _intern, _key }, value2) {
+  const key2 = _key(value2);
+  if (_intern.has(key2)) {
+    value2 = _intern.get(value2);
+    _intern.delete(key2);
+  }
+  return value2;
+}
+function keyof$1(value2) {
+  return value2 !== null && typeof value2 === "object" ? value2.valueOf() : value2;
+}
+function identity$d(x2) {
+  return x2;
+}
+function rollup(values2, reduce2, ...keys2) {
+  return nest$1(values2, identity$d, reduce2, keys2);
+}
+function nest$1(values2, map2, reduce2, keys2) {
+  return function regroup(values22, i2) {
+    if (i2 >= keys2.length) return reduce2(values22);
+    const groups2 = new InternMap$1();
+    const keyof2 = keys2[i2++];
+    let index2 = -1;
+    for (const value2 of values22) {
+      const key2 = keyof2(value2, ++index2, values22);
+      const group2 = groups2.get(key2);
+      if (group2) group2.push(value2);
+      else groups2.set(key2, [value2]);
+    }
+    for (const [key2, values3] of groups2) {
+      groups2.set(key2, regroup(values3, i2));
+    }
+    return map2(groups2);
+  }(values2, 0);
+}
+var array$8 = Array.prototype;
+var slice$5 = array$8.slice;
+function constant$7(x2) {
+  return function() {
+    return x2;
+  };
+}
+var e10$1 = Math.sqrt(50), e5$1 = Math.sqrt(10), e2$1 = Math.sqrt(2);
+function ticks$1(start2, stop3, count2) {
+  var reverse2, i2 = -1, n2, ticks2, step;
+  stop3 = +stop3, start2 = +start2, count2 = +count2;
+  if (start2 === stop3 && count2 > 0) return [start2];
+  if (reverse2 = stop3 < start2) n2 = start2, start2 = stop3, stop3 = n2;
+  if ((step = tickIncrement$1(start2, stop3, count2)) === 0 || !isFinite(step)) return [];
+  if (step > 0) {
+    let r0 = Math.round(start2 / step), r1 = Math.round(stop3 / step);
+    if (r0 * step < start2) ++r0;
+    if (r1 * step > stop3) --r1;
+    ticks2 = new Array(n2 = r1 - r0 + 1);
+    while (++i2 < n2) ticks2[i2] = (r0 + i2) * step;
+  } else {
+    step = -step;
+    let r0 = Math.round(start2 * step), r1 = Math.round(stop3 * step);
+    if (r0 / step < start2) ++r0;
+    if (r1 / step > stop3) --r1;
+    ticks2 = new Array(n2 = r1 - r0 + 1);
+    while (++i2 < n2) ticks2[i2] = (r0 + i2) / step;
+  }
+  if (reverse2) ticks2.reverse();
+  return ticks2;
+}
+function tickIncrement$1(start2, stop3, count2) {
+  var step = (stop3 - start2) / Math.max(0, count2), power = Math.floor(Math.log(step) / Math.LN10), error2 = step / Math.pow(10, power);
+  return power >= 0 ? (error2 >= e10$1 ? 10 : error2 >= e5$1 ? 5 : error2 >= e2$1 ? 2 : 1) * Math.pow(10, power) : -Math.pow(10, -power) / (error2 >= e10$1 ? 10 : error2 >= e5$1 ? 5 : error2 >= e2$1 ? 2 : 1);
+}
+function nice$2(start2, stop3, count2) {
+  let prestep;
+  while (true) {
+    const step = tickIncrement$1(start2, stop3, count2);
+    if (step === prestep || step === 0 || !isFinite(step)) {
+      return [start2, stop3];
+    } else if (step > 0) {
+      start2 = Math.floor(start2 / step) * step;
+      stop3 = Math.ceil(stop3 / step) * step;
+    } else if (step < 0) {
+      start2 = Math.ceil(start2 * step) / step;
+      stop3 = Math.floor(stop3 * step) / step;
+    }
+    prestep = step;
+  }
+}
+function sturges(values2) {
+  return Math.ceil(Math.log(count$2(values2)) / Math.LN2) + 1;
+}
+function bin$2() {
+  var value2 = identity$d, domain2 = extent$2, threshold2 = sturges;
+  function histogram(data2) {
+    if (!Array.isArray(data2)) data2 = Array.from(data2);
+    var i2, n2 = data2.length, x2, values2 = new Array(n2);
+    for (i2 = 0; i2 < n2; ++i2) {
+      values2[i2] = value2(data2[i2], i2, data2);
+    }
+    var xz = domain2(values2), x02 = xz[0], x12 = xz[1], tz = threshold2(values2, x02, x12);
+    if (!Array.isArray(tz)) {
+      const max2 = x12, tn = +tz;
+      if (domain2 === extent$2) [x02, x12] = nice$2(x02, x12, tn);
+      tz = ticks$1(x02, x12, tn);
+      if (tz[tz.length - 1] >= x12) {
+        if (max2 >= x12 && domain2 === extent$2) {
+          const step = tickIncrement$1(x02, x12, tn);
+          if (isFinite(step)) {
+            if (step > 0) {
+              x12 = (Math.floor(x12 / step) + 1) * step;
+            } else if (step < 0) {
+              x12 = (Math.ceil(x12 * -step) + 1) / -step;
+            }
+          }
+        } else {
+          tz.pop();
+        }
+      }
+    }
+    var m2 = tz.length;
+    while (tz[0] <= x02) tz.shift(), --m2;
+    while (tz[m2 - 1] > x12) tz.pop(), --m2;
+    var bins2 = new Array(m2 + 1), bin2;
+    for (i2 = 0; i2 <= m2; ++i2) {
+      bin2 = bins2[i2] = [];
+      bin2.x0 = i2 > 0 ? tz[i2 - 1] : x02;
+      bin2.x1 = i2 < m2 ? tz[i2] : x12;
+    }
+    for (i2 = 0; i2 < n2; ++i2) {
+      x2 = values2[i2];
+      if (x02 <= x2 && x2 <= x12) {
+        bins2[bisectRight$2(tz, x2, 0, m2)].push(data2[i2]);
+      }
+    }
+    return bins2;
+  }
+  histogram.value = function(_) {
+    return arguments.length ? (value2 = typeof _ === "function" ? _ : constant$7(_), histogram) : value2;
+  };
+  histogram.domain = function(_) {
+    return arguments.length ? (domain2 = typeof _ === "function" ? _ : constant$7([_[0], _[1]]), histogram) : domain2;
+  };
+  histogram.thresholds = function(_) {
+    return arguments.length ? (threshold2 = typeof _ === "function" ? _ : Array.isArray(_) ? constant$7(slice$5.call(_)) : constant$7(_), histogram) : threshold2;
+  };
+  return histogram;
+}
+function max$4(values2, valueof) {
+  let max2;
+  {
+    for (const value2 of values2) {
+      if (value2 != null && (max2 < value2 || max2 === void 0 && value2 >= value2)) {
+        max2 = value2;
+      }
+    }
+  }
+  return max2;
+}
+function min$4(values2, valueof) {
+  let min2;
+  {
+    for (const value2 of values2) {
+      if (value2 != null && (min2 > value2 || min2 === void 0 && value2 >= value2)) {
+        min2 = value2;
+      }
+    }
+  }
+  return min2;
+}
+function quantileSorted$1(values2, p, valueof = number$8) {
+  if (!(n2 = values2.length)) return;
+  if ((p = +p) <= 0 || n2 < 2) return +valueof(values2[0], 0, values2);
+  if (p >= 1) return +valueof(values2[n2 - 1], n2 - 1, values2);
+  var n2, i2 = (n2 - 1) * p, i0 = Math.floor(i2), value0 = +valueof(values2[i0], i0, values2), value1 = +valueof(values2[i0 + 1], i0 + 1, values2);
+  return value0 + (value1 - value0) * (i2 - i0);
+}
+function mean$1(values2, valueof) {
+  let count2 = 0;
+  let sum2 = 0;
+  {
+    for (let value2 of values2) {
+      if (value2 != null && (value2 = +value2) >= value2) {
+        ++count2, sum2 += value2;
+      }
+    }
+  }
+  if (count2) return sum2 / count2;
+}
+function sum$4(values2, valueof) {
+  let sum2 = 0;
+  {
+    for (let value2 of values2) {
+      if (value2 = +value2) {
+        sum2 += value2;
+      }
+    }
+  }
+  return sum2;
+}
+function aggregateFeatureArrays(arrays, strategy) {
+  if (!arrays || arrays.length === 0)
+    return null;
+  let targetArray;
+  if (strategy === "first" || typeof strategy === "number" && strategy === 0) {
+    targetArray = arrays[0];
+  } else if (strategy === "last") {
+    targetArray = arrays[arrays.length - 1];
+  } else if (typeof strategy === "number") {
+    if (strategy >= 0 && strategy < arrays.length) {
+      targetArray = arrays[strategy];
+    } else {
+      throw new Error(`Array index out of bounds: ${strategy}`);
+    }
+  }
+  if (targetArray) {
+    return targetArray;
+  }
+  const numArrays = arrays.length;
+  const firstArrayLength = arrays[0].length;
+  if (arrays.some((arr) => arr.length !== firstArrayLength)) {
+    throw new Error("All arrays must have the same length for aggregation.");
+  }
+  if (strategy === "sum" || strategy === "mean") {
+    const resultArray = new Float64Array(firstArrayLength);
+    for (let i2 = 0; i2 < numArrays; i2++) {
+      const arr = arrays[i2];
+      for (let j = 0; j < firstArrayLength; j++) {
+        resultArray[j] += arr[j];
+      }
+    }
+    if (strategy === "mean") {
+      for (let i2 = 0; i2 < firstArrayLength; i2++) {
+        resultArray[i2] /= numArrays;
+      }
+    }
+    return Array.from(resultArray);
+  }
+  if (strategy === "difference") {
+    if (numArrays !== 2) {
+      console.warn("Difference strategy requires exactly 2 arrays.");
+      return arrays[0];
+    }
+    const arr0 = arrays[0];
+    const arr1 = arrays[1];
+    const resultArray = new Float64Array(firstArrayLength);
+    for (let i2 = 0; i2 < firstArrayLength; i2++) {
+      resultArray[i2] = arr0[i2] - arr1[i2];
+    }
+    return Array.from(resultArray);
+  }
+  throw new Error(`Unknown aggregation strategy: ${strategy}`);
+}
 let getRandomValues$1;
 const rnds8$1 = new Uint8Array(16);
 function rng$1() {
@@ -17663,52 +18051,52 @@ function requireJson2csv_umd() {
   return json2csv_umd$1.exports;
 }
 requireJson2csv_umd();
-let InternMap$1 = class InternMap extends Map {
-  constructor(entries2, key2 = keyof$1) {
+class InternMap2 extends Map {
+  constructor(entries2, key2 = keyof) {
     super();
     Object.defineProperties(this, { _intern: { value: /* @__PURE__ */ new Map() }, _key: { value: key2 } });
     if (entries2 != null) for (const [key22, value2] of entries2) this.set(key22, value2);
   }
   get(key2) {
-    return super.get(intern_get$1(this, key2));
+    return super.get(intern_get(this, key2));
   }
   has(key2) {
-    return super.has(intern_get$1(this, key2));
+    return super.has(intern_get(this, key2));
   }
   set(key2, value2) {
-    return super.set(intern_set$1(this, key2), value2);
+    return super.set(intern_set(this, key2), value2);
   }
   delete(key2) {
-    return super.delete(intern_delete$1(this, key2));
+    return super.delete(intern_delete(this, key2));
   }
-};
+}
 class InternSet extends Set {
-  constructor(values2, key2 = keyof$1) {
+  constructor(values2, key2 = keyof) {
     super();
     Object.defineProperties(this, { _intern: { value: /* @__PURE__ */ new Map() }, _key: { value: key2 } });
     if (values2 != null) for (const value2 of values2) this.add(value2);
   }
   has(value2) {
-    return super.has(intern_get$1(this, value2));
+    return super.has(intern_get(this, value2));
   }
   add(value2) {
-    return super.add(intern_set$1(this, value2));
+    return super.add(intern_set(this, value2));
   }
   delete(value2) {
-    return super.delete(intern_delete$1(this, value2));
+    return super.delete(intern_delete(this, value2));
   }
 }
-function intern_get$1({ _intern, _key }, value2) {
+function intern_get({ _intern, _key }, value2) {
   const key2 = _key(value2);
   return _intern.has(key2) ? _intern.get(key2) : value2;
 }
-function intern_set$1({ _intern, _key }, value2) {
+function intern_set({ _intern, _key }, value2) {
   const key2 = _key(value2);
   if (_intern.has(key2)) return _intern.get(key2);
   _intern.set(key2, value2);
   return value2;
 }
-function intern_delete$1({ _intern, _key }, value2) {
+function intern_delete({ _intern, _key }, value2) {
   const key2 = _key(value2);
   if (_intern.has(key2)) {
     value2 = _intern.get(key2);
@@ -17716,7 +18104,7 @@ function intern_delete$1({ _intern, _key }, value2) {
   }
   return value2;
 }
-function keyof$1(value2) {
+function keyof(value2) {
   return value2 !== null && typeof value2 === "object" ? value2.valueOf() : value2;
 }
 const schemeRdBu = [[103, 0, 31], [178, 24, 43], [214, 96, 77], [244, 165, 130], [253, 219, 199], [247, 247, 247], [209, 229, 240], [146, 197, 222], [67, 147, 195], [33, 102, 172], [5, 48, 97]];
@@ -17759,7 +18147,7 @@ function basis$2(values2) {
 const interpolateRgbBasis = rgbSpline$1(basis$2);
 interpolateRgbBasis(schemeRdBu);
 function stratifyExpressionData(sampleEdges, sampleSets, sampleSetSelection, expressionData, obsIndex, mergedCellSets, geneSelection, cellSetSelection, cellSetColor, featureValueTransform, featureValueTransformCoefficient) {
-  const result = new InternMap$1([], JSON.stringify);
+  const result = new InternMap2([], JSON.stringify);
   const hasSampleSetSelection = Array.isArray(sampleSetSelection) && sampleSetSelection.length > 0;
   const hasCellSetSelection = Array.isArray(cellSetSelection) && cellSetSelection.length > 0;
   const hasGeneSelection = Array.isArray(geneSelection) && geneSelection.length > 0;
@@ -17767,9 +18155,9 @@ function stratifyExpressionData(sampleEdges, sampleSets, sampleSetSelection, exp
   const cellSetKeys = hasCellSetSelection ? cellSetSelection : [null];
   const geneKeys = hasGeneSelection ? geneSelection : [null];
   cellSetKeys.forEach((cellSetKey) => {
-    result.set(cellSetKey, new InternMap$1([], JSON.stringify));
+    result.set(cellSetKey, new InternMap2([], JSON.stringify));
     sampleSetKeys.forEach((sampleSetKey) => {
-      result.get(cellSetKey).set(sampleSetKey, new InternMap$1([], JSON.stringify));
+      result.get(cellSetKey).set(sampleSetKey, new InternMap2([], JSON.stringify));
       geneKeys.forEach((geneKey) => {
         result.get(cellSetKey).get(sampleSetKey).set(geneKey, []);
       });
@@ -17801,9 +18189,9 @@ function stratifyExpressionData(sampleEdges, sampleSets, sampleSetSelection, exp
   return [null, null];
 }
 function aggregateStratifiedExpressionData(stratifiedResult, geneSelection, featureAggregationStrategy) {
-  const result = new InternMap$1([], JSON.stringify);
+  const result = new InternMap2([], JSON.stringify);
   Array.from(stratifiedResult.entries()).forEach(([cellSetKey, firstLevelInternMap]) => {
-    result.set(cellSetKey, new InternMap$1([], JSON.stringify));
+    result.set(cellSetKey, new InternMap2([], JSON.stringify));
     Array.from(firstLevelInternMap.entries()).forEach(([sampleSetKey, secondLevelInternMap]) => {
       let values2;
       if (featureAggregationStrategy === "first") {
@@ -18114,7 +18502,7 @@ function peek$3() {
 function caret() {
   return position$1;
 }
-function slice$5(begin, end2) {
+function slice$4(begin, end2) {
   return substr(characters, begin, end2);
 }
 function token(type2) {
@@ -18162,7 +18550,7 @@ function dealloc(value2) {
   return characters = "", value2;
 }
 function delimit(type2) {
-  return trim$1(slice$5(position$1 - 1, delimiter(type2 === 91 ? type2 + 2 : type2 === 40 ? type2 + 1 : type2)));
+  return trim$1(slice$4(position$1 - 1, delimiter(type2 === 91 ? type2 + 2 : type2 === 40 ? type2 + 1 : type2)));
 }
 function whitespace(type2) {
   while (character = peek$3())
@@ -18176,7 +18564,7 @@ function escaping(index2, count2) {
   while (--count2 && next())
     if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
       break;
-  return slice$5(index2, caret() + (count2 < 6 && peek$3() == 32 && next() == 32));
+  return slice$4(index2, caret() + (count2 < 6 && peek$3() == 32 && next() == 32));
 }
 function delimiter(type2) {
   while (next())
@@ -18208,12 +18596,12 @@ function commenter(type2, index2) {
       break;
     else if (type2 + character === 42 + 42 && peek$3() === 47)
       break;
-  return "/*" + slice$5(index2, position$1 - 1) + "*" + from(type2 === 47 ? type2 : next());
+  return "/*" + slice$4(index2, position$1 - 1) + "*" + from(type2 === 47 ? type2 : next());
 }
 function identifier(index2) {
   while (!token(peek$3()))
     next();
-  return slice$5(index2, position$1);
+  return slice$4(index2, position$1);
 }
 function compile$1(value2) {
   return dealloc(parse$b("", null, null, null, [""], value2 = alloc(value2), 0, [0], value2));
@@ -18423,7 +18811,7 @@ var identifierWithPointTracking = function identifierWithPointTracking2(begin, p
     }
     next();
   }
-  return slice$5(begin, position$1);
+  return slice$4(begin, position$1);
 };
 var toRules = function toRules2(parsed, points2) {
   var index2 = -1;
@@ -25624,10 +26012,17 @@ const { tss } = createTss({
   "usePlugin": useMuiThemeStyleOverridesPlugin
 });
 const useStyles$2 = tss.create({});
-function chainPropTypes(propType1, propType2) {
-  return function validate2(...args) {
-    return propType1(...args) || propType2(...args);
-  };
+function createChainedFunction$1(...funcs) {
+  return funcs.reduce((acc, func) => {
+    if (func == null) {
+      return acc;
+    }
+    return function chainedFunction(...args) {
+      acc.apply(this, args);
+      func.apply(this, args);
+    };
+  }, () => {
+  });
 }
 function GlobalStyles(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStyles$1, {
@@ -25680,6 +26075,475 @@ const memoTheme = unstable_memoTheme;
 function useDefaultProps(params2) {
   return useDefaultProps$1(params2);
 }
+function getSvgIconUtilityClass(slot) {
+  return generateUtilityClass("MuiSvgIcon", slot);
+}
+generateUtilityClasses("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const useUtilityClasses$1m = (ownerState) => {
+  const {
+    color: color2,
+    fontSize: fontSize2,
+    classes: classes2
+  } = ownerState;
+  const slots = {
+    root: ["root", color2 !== "inherit" && `color${capitalize$1(color2)}`, `fontSize${capitalize$1(fontSize2)}`]
+  };
+  return composeClasses(slots, getSvgIconUtilityClass, classes2);
+};
+const SvgIconRoot = styled("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.root, ownerState.color !== "inherit" && styles2[`color${capitalize$1(ownerState.color)}`], styles2[`fontSize${capitalize$1(ownerState.fontSize)}`]];
+  }
+})(memoTheme(({
+  theme
+}) => {
+  var _a3, _b2, _c2, _d2, _e, _f2, _g2, _h, _i, _j, _k2, _l, _m, _n;
+  return {
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    flexShrink: 0,
+    transition: (_d2 = (_a3 = theme.transitions) == null ? void 0 : _a3.create) == null ? void 0 : _d2.call(_a3, "fill", {
+      duration: (_c2 = (_b2 = (theme.vars ?? theme).transitions) == null ? void 0 : _b2.duration) == null ? void 0 : _c2.shorter
+    }),
+    variants: [
+      {
+        props: (props) => !props.hasSvgAsChild,
+        style: {
+          // the <svg> will define the property that has `currentColor`
+          // for example heroicons uses fill="none" and stroke="currentColor"
+          fill: "currentColor"
+        }
+      },
+      {
+        props: {
+          fontSize: "inherit"
+        },
+        style: {
+          fontSize: "inherit"
+        }
+      },
+      {
+        props: {
+          fontSize: "small"
+        },
+        style: {
+          fontSize: ((_f2 = (_e = theme.typography) == null ? void 0 : _e.pxToRem) == null ? void 0 : _f2.call(_e, 20)) || "1.25rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "medium"
+        },
+        style: {
+          fontSize: ((_h = (_g2 = theme.typography) == null ? void 0 : _g2.pxToRem) == null ? void 0 : _h.call(_g2, 24)) || "1.5rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "large"
+        },
+        style: {
+          fontSize: ((_j = (_i = theme.typography) == null ? void 0 : _i.pxToRem) == null ? void 0 : _j.call(_i, 35)) || "2.1875rem"
+        }
+      },
+      // TODO v5 deprecate color prop, v6 remove for sx
+      ...Object.entries((theme.vars ?? theme).palette).filter(([, value2]) => value2 && value2.main).map(([color2]) => {
+        var _a4, _b3;
+        return {
+          props: {
+            color: color2
+          },
+          style: {
+            color: (_b3 = (_a4 = (theme.vars ?? theme).palette) == null ? void 0 : _a4[color2]) == null ? void 0 : _b3.main
+          }
+        };
+      }),
+      {
+        props: {
+          color: "action"
+        },
+        style: {
+          color: (_l = (_k2 = (theme.vars ?? theme).palette) == null ? void 0 : _k2.action) == null ? void 0 : _l.active
+        }
+      },
+      {
+        props: {
+          color: "disabled"
+        },
+        style: {
+          color: (_n = (_m = (theme.vars ?? theme).palette) == null ? void 0 : _m.action) == null ? void 0 : _n.disabled
+        }
+      },
+      {
+        props: {
+          color: "inherit"
+        },
+        style: {
+          color: void 0
+        }
+      }
+    ]
+  };
+}));
+const SvgIcon = /* @__PURE__ */ React.forwardRef(function SvgIcon2(inProps, ref2) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiSvgIcon"
+  });
+  const {
+    children: children2,
+    className,
+    color: color2 = "inherit",
+    component = "svg",
+    fontSize: fontSize2 = "medium",
+    htmlColor,
+    inheritViewBox = false,
+    titleAccess,
+    viewBox = "0 0 24 24",
+    ...other
+  } = props;
+  const hasSvgAsChild = /* @__PURE__ */ React.isValidElement(children2) && children2.type === "svg";
+  const ownerState = {
+    ...props,
+    color: color2,
+    component,
+    fontSize: fontSize2,
+    instanceFontSize: inProps.fontSize,
+    inheritViewBox,
+    viewBox,
+    hasSvgAsChild
+  };
+  const more = {};
+  if (!inheritViewBox) {
+    more.viewBox = viewBox;
+  }
+  const classes2 = useUtilityClasses$1m(ownerState);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SvgIconRoot, {
+    as: component,
+    className: clsx(classes2.root, className),
+    focusable: "false",
+    color: htmlColor,
+    "aria-hidden": titleAccess ? void 0 : true,
+    role: titleAccess ? "img" : void 0,
+    ref: ref2,
+    ...more,
+    ...other,
+    ...hasSvgAsChild && children2.props,
+    ownerState,
+    children: [hasSvgAsChild ? children2.props.children : children2, titleAccess ? /* @__PURE__ */ jsxRuntimeExports.jsx("title", {
+      children: titleAccess
+    }) : null]
+  });
+});
+SvgIcon.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Node passed into the SVG element.
+   */
+  children: _pt.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _pt.object,
+  /**
+   * @ignore
+   */
+  className: _pt.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: _pt.oneOfType([_pt.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), _pt.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: _pt.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: _pt.oneOfType([_pt.oneOf(["inherit", "large", "medium", "small"]), _pt.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: _pt.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: _pt.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: _pt.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _pt.oneOfType([_pt.arrayOf(_pt.oneOfType([_pt.func, _pt.object, _pt.bool])), _pt.func, _pt.object]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: _pt.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: _pt.string
+};
+SvgIcon.muiName = "SvgIcon";
+function createSvgIcon(path2, displayName) {
+  function Component2(props, ref2) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(SvgIcon, {
+      "data-testid": `${displayName}Icon`,
+      ref: ref2,
+      ...props,
+      children: path2
+    });
+  }
+  {
+    Component2.displayName = `${displayName}Icon`;
+  }
+  Component2.muiName = SvgIcon.muiName;
+  return /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(Component2));
+}
+function debounce$3(func, wait = 166) {
+  let timeout3;
+  function debounced(...args) {
+    const later = () => {
+      func.apply(this, args);
+    };
+    clearTimeout(timeout3);
+    timeout3 = setTimeout(later, wait);
+  }
+  debounced.clear = () => {
+    clearTimeout(timeout3);
+  };
+  return debounced;
+}
+function ownerDocument(node2) {
+  return node2 && node2.ownerDocument || document;
+}
+function ownerWindow(node2) {
+  const doc = ownerDocument(node2);
+  return doc.defaultView || window;
+}
+function setRef$1(ref2, value2) {
+  if (typeof ref2 === "function") {
+    ref2(value2);
+  } else if (ref2) {
+    ref2.current = value2;
+  }
+}
+let globalId$1 = 0;
+function useGlobalId(idOverride) {
+  const [defaultId2, setDefaultId] = React.useState(idOverride);
+  const id2 = idOverride || defaultId2;
+  React.useEffect(() => {
+    if (defaultId2 == null) {
+      globalId$1 += 1;
+      setDefaultId(`mui-${globalId$1}`);
+    }
+  }, [defaultId2]);
+  return id2;
+}
+const safeReact = {
+  ...React
+};
+const maybeReactUseId = safeReact.useId;
+function useId(idOverride) {
+  if (maybeReactUseId !== void 0) {
+    const reactId = maybeReactUseId();
+    return idOverride ?? reactId;
+  }
+  return useGlobalId(idOverride);
+}
+function unsupportedProp(props, propName, componentName, location, propFullName) {
+  const propFullNameSafe = propFullName || propName;
+  if (typeof props[propName] !== "undefined") {
+    return new Error(`The prop \`${propFullNameSafe}\` is not supported. Please remove it.`);
+  }
+  return null;
+}
+function useControlled(props) {
+  const {
+    controlled,
+    default: defaultProp,
+    name: name2,
+    state = "value"
+  } = props;
+  const {
+    current: isControlled
+  } = React.useRef(controlled !== void 0);
+  const [valueState, setValue] = React.useState(defaultProp);
+  const value2 = isControlled ? controlled : valueState;
+  {
+    React.useEffect(() => {
+      if (isControlled !== (controlled !== void 0)) {
+        console.error([`MUI: A component is changing the ${isControlled ? "" : "un"}controlled ${state} state of ${name2} to be ${isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${name2} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join("\n"));
+      }
+    }, [state, name2, controlled]);
+    const {
+      current: defaultValue2
+    } = React.useRef(defaultProp);
+    React.useEffect(() => {
+      if (!isControlled && !Object.is(defaultValue2, defaultProp)) {
+        console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name2} after being initialized. To suppress this warning opt to use a controlled ${name2}.`].join("\n"));
+      }
+    }, [JSON.stringify(defaultProp)]);
+  }
+  const setValueIfUncontrolled = React.useCallback((newValue) => {
+    if (!isControlled) {
+      setValue(newValue);
+    }
+  }, []);
+  return [value2, setValueIfUncontrolled];
+}
+function useEventCallback(fn2) {
+  const ref2 = React.useRef(fn2);
+  useEnhancedEffect$1(() => {
+    ref2.current = fn2;
+  });
+  return React.useRef((...args) => (
+    // @ts-expect-error hide `this`
+    (0, ref2.current)(...args)
+  )).current;
+}
+function useForkRef$1(...refs) {
+  const cleanupRef = React.useRef(void 0);
+  const refEffect = React.useCallback((instance) => {
+    const cleanups = refs.map((ref2) => {
+      if (ref2 == null) {
+        return null;
+      }
+      if (typeof ref2 === "function") {
+        const refCallback = ref2;
+        const refCleanup = refCallback(instance);
+        return typeof refCleanup === "function" ? refCleanup : () => {
+          refCallback(null);
+        };
+      }
+      ref2.current = instance;
+      return () => {
+        ref2.current = null;
+      };
+    });
+    return () => {
+      cleanups.forEach((refCleanup) => refCleanup == null ? void 0 : refCleanup());
+    };
+  }, refs);
+  return React.useMemo(() => {
+    if (refs.every((ref2) => ref2 == null)) {
+      return null;
+    }
+    return (value2) => {
+      if (cleanupRef.current) {
+        cleanupRef.current();
+        cleanupRef.current = void 0;
+      }
+      if (value2 != null) {
+        cleanupRef.current = refEffect(value2);
+      }
+    };
+  }, refs);
+}
+function isEventHandler(key2, value2) {
+  const thirdCharCode = key2.charCodeAt(2);
+  return key2[0] === "o" && key2[1] === "n" && thirdCharCode >= 65 && thirdCharCode <= 90 && typeof value2 === "function";
+}
+function mergeSlotProps$1(externalSlotProps, defaultSlotProps) {
+  if (!externalSlotProps) {
+    return defaultSlotProps;
+  }
+  function extractHandlers(externalSlotPropsValue, defaultSlotPropsValue) {
+    const handlers2 = {};
+    Object.keys(defaultSlotPropsValue).forEach((key2) => {
+      if (isEventHandler(key2, defaultSlotPropsValue[key2]) && typeof externalSlotPropsValue[key2] === "function") {
+        handlers2[key2] = (...args) => {
+          externalSlotPropsValue[key2](...args);
+          defaultSlotPropsValue[key2](...args);
+        };
+      }
+    });
+    return handlers2;
+  }
+  if (typeof externalSlotProps === "function" || typeof defaultSlotProps === "function") {
+    return (ownerState) => {
+      const defaultSlotPropsValue = typeof defaultSlotProps === "function" ? defaultSlotProps(ownerState) : defaultSlotProps;
+      const externalSlotPropsValue = typeof externalSlotProps === "function" ? externalSlotProps({
+        ...ownerState,
+        ...defaultSlotPropsValue
+      }) : externalSlotProps;
+      const className2 = clsx(ownerState == null ? void 0 : ownerState.className, defaultSlotPropsValue == null ? void 0 : defaultSlotPropsValue.className, externalSlotPropsValue == null ? void 0 : externalSlotPropsValue.className);
+      const handlers2 = extractHandlers(externalSlotPropsValue, defaultSlotPropsValue);
+      return {
+        ...defaultSlotPropsValue,
+        ...externalSlotPropsValue,
+        ...handlers2,
+        ...!!className2 && {
+          className: className2
+        },
+        ...(defaultSlotPropsValue == null ? void 0 : defaultSlotPropsValue.style) && (externalSlotPropsValue == null ? void 0 : externalSlotPropsValue.style) && {
+          style: {
+            ...defaultSlotPropsValue.style,
+            ...externalSlotPropsValue.style
+          }
+        },
+        ...(defaultSlotPropsValue == null ? void 0 : defaultSlotPropsValue.sx) && (externalSlotPropsValue == null ? void 0 : externalSlotPropsValue.sx) && {
+          sx: [...Array.isArray(defaultSlotPropsValue.sx) ? defaultSlotPropsValue.sx : [defaultSlotPropsValue.sx], ...Array.isArray(externalSlotPropsValue.sx) ? externalSlotPropsValue.sx : [externalSlotPropsValue.sx]]
+        }
+      };
+    };
+  }
+  const typedDefaultSlotProps = defaultSlotProps;
+  const handlers = extractHandlers(externalSlotProps, typedDefaultSlotProps);
+  const className = clsx(typedDefaultSlotProps == null ? void 0 : typedDefaultSlotProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
+  return {
+    ...defaultSlotProps,
+    ...externalSlotProps,
+    ...handlers,
+    ...!!className && {
+      className
+    },
+    ...(typedDefaultSlotProps == null ? void 0 : typedDefaultSlotProps.style) && (externalSlotProps == null ? void 0 : externalSlotProps.style) && {
+      style: {
+        ...typedDefaultSlotProps.style,
+        ...externalSlotProps.style
+      }
+    },
+    ...(typedDefaultSlotProps == null ? void 0 : typedDefaultSlotProps.sx) && (externalSlotProps == null ? void 0 : externalSlotProps.sx) && {
+      sx: [...Array.isArray(typedDefaultSlotProps.sx) ? typedDefaultSlotProps.sx : [typedDefaultSlotProps.sx], ...Array.isArray(externalSlotProps.sx) ? externalSlotProps.sx : [externalSlotProps.sx]]
+    }
+  };
+}
+function chainPropTypes(propType1, propType2) {
+  return function validate2(...args) {
+    return propType1(...args) || propType2(...args);
+  };
+}
 function _extends$2() {
   return _extends$2 = Object.assign ? Object.assign.bind() : function(n2) {
     for (var e3 = 1; e3 < arguments.length; e3++) {
@@ -26464,482 +27328,6 @@ function getTransitionProps(props, options) {
     delay: style2.transitionDelay
   };
 }
-function createChainedFunction$1(...funcs) {
-  return funcs.reduce((acc, func) => {
-    if (func == null) {
-      return acc;
-    }
-    return function chainedFunction(...args) {
-      acc.apply(this, args);
-      func.apply(this, args);
-    };
-  }, () => {
-  });
-}
-function getSvgIconUtilityClass(slot) {
-  return generateUtilityClass("MuiSvgIcon", slot);
-}
-generateUtilityClasses("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const useUtilityClasses$1m = (ownerState) => {
-  const {
-    color: color2,
-    fontSize: fontSize2,
-    classes: classes2
-  } = ownerState;
-  const slots = {
-    root: ["root", color2 !== "inherit" && `color${capitalize$1(color2)}`, `fontSize${capitalize$1(fontSize2)}`]
-  };
-  return composeClasses(slots, getSvgIconUtilityClass, classes2);
-};
-const SvgIconRoot = styled("svg", {
-  name: "MuiSvgIcon",
-  slot: "Root",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.root, ownerState.color !== "inherit" && styles2[`color${capitalize$1(ownerState.color)}`], styles2[`fontSize${capitalize$1(ownerState.fontSize)}`]];
-  }
-})(memoTheme(({
-  theme
-}) => {
-  var _a3, _b2, _c2, _d2, _e, _f2, _g2, _h, _i, _j, _k2, _l, _m, _n;
-  return {
-    userSelect: "none",
-    width: "1em",
-    height: "1em",
-    display: "inline-block",
-    flexShrink: 0,
-    transition: (_d2 = (_a3 = theme.transitions) == null ? void 0 : _a3.create) == null ? void 0 : _d2.call(_a3, "fill", {
-      duration: (_c2 = (_b2 = (theme.vars ?? theme).transitions) == null ? void 0 : _b2.duration) == null ? void 0 : _c2.shorter
-    }),
-    variants: [
-      {
-        props: (props) => !props.hasSvgAsChild,
-        style: {
-          // the <svg> will define the property that has `currentColor`
-          // for example heroicons uses fill="none" and stroke="currentColor"
-          fill: "currentColor"
-        }
-      },
-      {
-        props: {
-          fontSize: "inherit"
-        },
-        style: {
-          fontSize: "inherit"
-        }
-      },
-      {
-        props: {
-          fontSize: "small"
-        },
-        style: {
-          fontSize: ((_f2 = (_e = theme.typography) == null ? void 0 : _e.pxToRem) == null ? void 0 : _f2.call(_e, 20)) || "1.25rem"
-        }
-      },
-      {
-        props: {
-          fontSize: "medium"
-        },
-        style: {
-          fontSize: ((_h = (_g2 = theme.typography) == null ? void 0 : _g2.pxToRem) == null ? void 0 : _h.call(_g2, 24)) || "1.5rem"
-        }
-      },
-      {
-        props: {
-          fontSize: "large"
-        },
-        style: {
-          fontSize: ((_j = (_i = theme.typography) == null ? void 0 : _i.pxToRem) == null ? void 0 : _j.call(_i, 35)) || "2.1875rem"
-        }
-      },
-      // TODO v5 deprecate color prop, v6 remove for sx
-      ...Object.entries((theme.vars ?? theme).palette).filter(([, value2]) => value2 && value2.main).map(([color2]) => {
-        var _a4, _b3;
-        return {
-          props: {
-            color: color2
-          },
-          style: {
-            color: (_b3 = (_a4 = (theme.vars ?? theme).palette) == null ? void 0 : _a4[color2]) == null ? void 0 : _b3.main
-          }
-        };
-      }),
-      {
-        props: {
-          color: "action"
-        },
-        style: {
-          color: (_l = (_k2 = (theme.vars ?? theme).palette) == null ? void 0 : _k2.action) == null ? void 0 : _l.active
-        }
-      },
-      {
-        props: {
-          color: "disabled"
-        },
-        style: {
-          color: (_n = (_m = (theme.vars ?? theme).palette) == null ? void 0 : _m.action) == null ? void 0 : _n.disabled
-        }
-      },
-      {
-        props: {
-          color: "inherit"
-        },
-        style: {
-          color: void 0
-        }
-      }
-    ]
-  };
-}));
-const SvgIcon = /* @__PURE__ */ React.forwardRef(function SvgIcon2(inProps, ref2) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiSvgIcon"
-  });
-  const {
-    children: children2,
-    className,
-    color: color2 = "inherit",
-    component = "svg",
-    fontSize: fontSize2 = "medium",
-    htmlColor,
-    inheritViewBox = false,
-    titleAccess,
-    viewBox = "0 0 24 24",
-    ...other
-  } = props;
-  const hasSvgAsChild = /* @__PURE__ */ React.isValidElement(children2) && children2.type === "svg";
-  const ownerState = {
-    ...props,
-    color: color2,
-    component,
-    fontSize: fontSize2,
-    instanceFontSize: inProps.fontSize,
-    inheritViewBox,
-    viewBox,
-    hasSvgAsChild
-  };
-  const more = {};
-  if (!inheritViewBox) {
-    more.viewBox = viewBox;
-  }
-  const classes2 = useUtilityClasses$1m(ownerState);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SvgIconRoot, {
-    as: component,
-    className: clsx(classes2.root, className),
-    focusable: "false",
-    color: htmlColor,
-    "aria-hidden": titleAccess ? void 0 : true,
-    role: titleAccess ? "img" : void 0,
-    ref: ref2,
-    ...more,
-    ...other,
-    ...hasSvgAsChild && children2.props,
-    ownerState,
-    children: [hasSvgAsChild ? children2.props.children : children2, titleAccess ? /* @__PURE__ */ jsxRuntimeExports.jsx("title", {
-      children: titleAccess
-    }) : null]
-  });
-});
-SvgIcon.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Node passed into the SVG element.
-   */
-  children: _pt.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _pt.object,
-  /**
-   * @ignore
-   */
-  className: _pt.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
-   * @default 'inherit'
-   */
-  color: _pt.oneOfType([_pt.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), _pt.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: _pt.elementType,
-  /**
-   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
-   * @default 'medium'
-   */
-  fontSize: _pt.oneOfType([_pt.oneOf(["inherit", "large", "medium", "small"]), _pt.string]),
-  /**
-   * Applies a color attribute to the SVG element.
-   */
-  htmlColor: _pt.string,
-  /**
-   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
-   * prop will be ignored.
-   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
-   * `component`'s viewBox to the root node.
-   * @default false
-   */
-  inheritViewBox: _pt.bool,
-  /**
-   * The shape-rendering attribute. The behavior of the different options is described on the
-   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/shape-rendering).
-   * If you are having issues with blurry icons you should investigate this prop.
-   */
-  shapeRendering: _pt.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: _pt.oneOfType([_pt.arrayOf(_pt.oneOfType([_pt.func, _pt.object, _pt.bool])), _pt.func, _pt.object]),
-  /**
-   * Provides a human-readable title for the element that contains it.
-   * https://www.w3.org/TR/SVG-access/#Equivalent
-   */
-  titleAccess: _pt.string,
-  /**
-   * Allows you to redefine what the coordinates without units mean inside an SVG element.
-   * For example, if the SVG element is 500 (width) by 200 (height),
-   * and you pass viewBox="0 0 50 20",
-   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
-   * to bottom right (50,20) and each unit will be worth 10px.
-   * @default '0 0 24 24'
-   */
-  viewBox: _pt.string
-};
-SvgIcon.muiName = "SvgIcon";
-function createSvgIcon(path2, displayName) {
-  function Component2(props, ref2) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(SvgIcon, {
-      "data-testid": `${displayName}Icon`,
-      ref: ref2,
-      ...props,
-      children: path2
-    });
-  }
-  {
-    Component2.displayName = `${displayName}Icon`;
-  }
-  Component2.muiName = SvgIcon.muiName;
-  return /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(Component2));
-}
-function debounce$3(func, wait = 166) {
-  let timeout3;
-  function debounced(...args) {
-    const later = () => {
-      func.apply(this, args);
-    };
-    clearTimeout(timeout3);
-    timeout3 = setTimeout(later, wait);
-  }
-  debounced.clear = () => {
-    clearTimeout(timeout3);
-  };
-  return debounced;
-}
-function ownerDocument(node2) {
-  return node2 && node2.ownerDocument || document;
-}
-function ownerWindow(node2) {
-  const doc = ownerDocument(node2);
-  return doc.defaultView || window;
-}
-function setRef$1(ref2, value2) {
-  if (typeof ref2 === "function") {
-    ref2(value2);
-  } else if (ref2) {
-    ref2.current = value2;
-  }
-}
-let globalId$1 = 0;
-function useGlobalId(idOverride) {
-  const [defaultId2, setDefaultId] = React.useState(idOverride);
-  const id2 = idOverride || defaultId2;
-  React.useEffect(() => {
-    if (defaultId2 == null) {
-      globalId$1 += 1;
-      setDefaultId(`mui-${globalId$1}`);
-    }
-  }, [defaultId2]);
-  return id2;
-}
-const safeReact = {
-  ...React
-};
-const maybeReactUseId = safeReact.useId;
-function useId(idOverride) {
-  if (maybeReactUseId !== void 0) {
-    const reactId = maybeReactUseId();
-    return idOverride ?? reactId;
-  }
-  return useGlobalId(idOverride);
-}
-function unsupportedProp(props, propName, componentName, location, propFullName) {
-  const propFullNameSafe = propFullName || propName;
-  if (typeof props[propName] !== "undefined") {
-    return new Error(`The prop \`${propFullNameSafe}\` is not supported. Please remove it.`);
-  }
-  return null;
-}
-function useControlled(props) {
-  const {
-    controlled,
-    default: defaultProp,
-    name: name2,
-    state = "value"
-  } = props;
-  const {
-    current: isControlled
-  } = React.useRef(controlled !== void 0);
-  const [valueState, setValue] = React.useState(defaultProp);
-  const value2 = isControlled ? controlled : valueState;
-  {
-    React.useEffect(() => {
-      if (isControlled !== (controlled !== void 0)) {
-        console.error([`MUI: A component is changing the ${isControlled ? "" : "un"}controlled ${state} state of ${name2} to be ${isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${name2} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join("\n"));
-      }
-    }, [state, name2, controlled]);
-    const {
-      current: defaultValue2
-    } = React.useRef(defaultProp);
-    React.useEffect(() => {
-      if (!isControlled && !Object.is(defaultValue2, defaultProp)) {
-        console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name2} after being initialized. To suppress this warning opt to use a controlled ${name2}.`].join("\n"));
-      }
-    }, [JSON.stringify(defaultProp)]);
-  }
-  const setValueIfUncontrolled = React.useCallback((newValue) => {
-    if (!isControlled) {
-      setValue(newValue);
-    }
-  }, []);
-  return [value2, setValueIfUncontrolled];
-}
-function useEventCallback(fn2) {
-  const ref2 = React.useRef(fn2);
-  useEnhancedEffect$1(() => {
-    ref2.current = fn2;
-  });
-  return React.useRef((...args) => (
-    // @ts-expect-error hide `this`
-    (0, ref2.current)(...args)
-  )).current;
-}
-function useForkRef$1(...refs) {
-  const cleanupRef = React.useRef(void 0);
-  const refEffect = React.useCallback((instance) => {
-    const cleanups = refs.map((ref2) => {
-      if (ref2 == null) {
-        return null;
-      }
-      if (typeof ref2 === "function") {
-        const refCallback = ref2;
-        const refCleanup = refCallback(instance);
-        return typeof refCleanup === "function" ? refCleanup : () => {
-          refCallback(null);
-        };
-      }
-      ref2.current = instance;
-      return () => {
-        ref2.current = null;
-      };
-    });
-    return () => {
-      cleanups.forEach((refCleanup) => refCleanup == null ? void 0 : refCleanup());
-    };
-  }, refs);
-  return React.useMemo(() => {
-    if (refs.every((ref2) => ref2 == null)) {
-      return null;
-    }
-    return (value2) => {
-      if (cleanupRef.current) {
-        cleanupRef.current();
-        cleanupRef.current = void 0;
-      }
-      if (value2 != null) {
-        cleanupRef.current = refEffect(value2);
-      }
-    };
-  }, refs);
-}
-function isEventHandler(key2, value2) {
-  const thirdCharCode = key2.charCodeAt(2);
-  return key2[0] === "o" && key2[1] === "n" && thirdCharCode >= 65 && thirdCharCode <= 90 && typeof value2 === "function";
-}
-function mergeSlotProps$1(externalSlotProps, defaultSlotProps) {
-  if (!externalSlotProps) {
-    return defaultSlotProps;
-  }
-  function extractHandlers(externalSlotPropsValue, defaultSlotPropsValue) {
-    const handlers2 = {};
-    Object.keys(defaultSlotPropsValue).forEach((key2) => {
-      if (isEventHandler(key2, defaultSlotPropsValue[key2]) && typeof externalSlotPropsValue[key2] === "function") {
-        handlers2[key2] = (...args) => {
-          externalSlotPropsValue[key2](...args);
-          defaultSlotPropsValue[key2](...args);
-        };
-      }
-    });
-    return handlers2;
-  }
-  if (typeof externalSlotProps === "function" || typeof defaultSlotProps === "function") {
-    return (ownerState) => {
-      const defaultSlotPropsValue = typeof defaultSlotProps === "function" ? defaultSlotProps(ownerState) : defaultSlotProps;
-      const externalSlotPropsValue = typeof externalSlotProps === "function" ? externalSlotProps({
-        ...ownerState,
-        ...defaultSlotPropsValue
-      }) : externalSlotProps;
-      const className2 = clsx(ownerState == null ? void 0 : ownerState.className, defaultSlotPropsValue == null ? void 0 : defaultSlotPropsValue.className, externalSlotPropsValue == null ? void 0 : externalSlotPropsValue.className);
-      const handlers2 = extractHandlers(externalSlotPropsValue, defaultSlotPropsValue);
-      return {
-        ...defaultSlotPropsValue,
-        ...externalSlotPropsValue,
-        ...handlers2,
-        ...!!className2 && {
-          className: className2
-        },
-        ...(defaultSlotPropsValue == null ? void 0 : defaultSlotPropsValue.style) && (externalSlotPropsValue == null ? void 0 : externalSlotPropsValue.style) && {
-          style: {
-            ...defaultSlotPropsValue.style,
-            ...externalSlotPropsValue.style
-          }
-        },
-        ...(defaultSlotPropsValue == null ? void 0 : defaultSlotPropsValue.sx) && (externalSlotPropsValue == null ? void 0 : externalSlotPropsValue.sx) && {
-          sx: [...Array.isArray(defaultSlotPropsValue.sx) ? defaultSlotPropsValue.sx : [defaultSlotPropsValue.sx], ...Array.isArray(externalSlotPropsValue.sx) ? externalSlotPropsValue.sx : [externalSlotPropsValue.sx]]
-        }
-      };
-    };
-  }
-  const typedDefaultSlotProps = defaultSlotProps;
-  const handlers = extractHandlers(externalSlotProps, typedDefaultSlotProps);
-  const className = clsx(typedDefaultSlotProps == null ? void 0 : typedDefaultSlotProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
-  return {
-    ...defaultSlotProps,
-    ...externalSlotProps,
-    ...handlers,
-    ...!!className && {
-      className
-    },
-    ...(typedDefaultSlotProps == null ? void 0 : typedDefaultSlotProps.style) && (externalSlotProps == null ? void 0 : externalSlotProps.style) && {
-      style: {
-        ...typedDefaultSlotProps.style,
-        ...externalSlotProps.style
-      }
-    },
-    ...(typedDefaultSlotProps == null ? void 0 : typedDefaultSlotProps.sx) && (externalSlotProps == null ? void 0 : externalSlotProps.sx) && {
-      sx: [...Array.isArray(typedDefaultSlotProps.sx) ? typedDefaultSlotProps.sx : [typedDefaultSlotProps.sx], ...Array.isArray(externalSlotProps.sx) ? externalSlotProps.sx : [externalSlotProps.sx]]
-    }
-  };
-}
 function getTypeByValue(value2) {
   const valueType = typeof value2;
   switch (valueType) {
@@ -29822,8 +30210,8 @@ const applyStyles$1 = {
 function getBasePlacement(placement) {
   return placement.split("-")[0];
 }
-var max$4 = Math.max;
-var min$4 = Math.min;
+var max$3 = Math.max;
+var min$3 = Math.min;
 var round$2 = Math.round;
 function getUAString() {
   var uaData = navigator.userAgentData;
@@ -29972,7 +30360,7 @@ function getMainAxisFromPlacement(placement) {
   return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
 }
 function within$1(min2, value2, max2) {
-  return max$4(min2, min$4(value2, max2));
+  return max$3(min2, min$3(value2, max2));
 }
 function withinMaxClamp(min2, value2, max2) {
   var v = within$1(min2, value2, max2);
@@ -30274,12 +30662,12 @@ function getDocumentRect(element2) {
   var html = getDocumentElement(element2);
   var winScroll = getWindowScroll(element2);
   var body = (_element$ownerDocumen = element2.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
-  var width2 = max$4(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
-  var height2 = max$4(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
+  var width2 = max$3(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
+  var height2 = max$3(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
   var x2 = -winScroll.scrollLeft + getWindowScrollBarX(element2);
   var y2 = -winScroll.scrollTop;
   if (getComputedStyle$1(body || html).direction === "rtl") {
-    x2 += max$4(html.clientWidth, body ? body.clientWidth : 0) - width2;
+    x2 += max$3(html.clientWidth, body ? body.clientWidth : 0) - width2;
   }
   return {
     width: width2,
@@ -30356,10 +30744,10 @@ function getClippingRect(element2, boundary, rootBoundary, strategy) {
   var firstClippingParent = clippingParents2[0];
   var clippingRect = clippingParents2.reduce(function(accRect, clippingParent) {
     var rect2 = getClientRectFromMixedType(element2, clippingParent, strategy);
-    accRect.top = max$4(rect2.top, accRect.top);
-    accRect.right = min$4(rect2.right, accRect.right);
-    accRect.bottom = min$4(rect2.bottom, accRect.bottom);
-    accRect.left = max$4(rect2.left, accRect.left);
+    accRect.top = max$3(rect2.top, accRect.top);
+    accRect.right = min$3(rect2.right, accRect.right);
+    accRect.bottom = min$3(rect2.bottom, accRect.bottom);
+    accRect.left = max$3(rect2.left, accRect.left);
     return accRect;
   }, getClientRectFromMixedType(element2, firstClippingParent, strategy));
   clippingRect.width = clippingRect.right - clippingRect.left;
@@ -30755,7 +31143,7 @@ function preventOverflow$1(_ref) {
     var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
     var tetherMin = offset2 + minOffset - offsetModifierValue - clientOffset;
     var tetherMax = offset2 + maxOffset - offsetModifierValue;
-    var preventedOffset = within$1(tether ? min$4(min2, tetherMin) : min2, offset2, tether ? max$4(max2, tetherMax) : max2);
+    var preventedOffset = within$1(tether ? min$3(min2, tetherMin) : min2, offset2, tether ? max$3(max2, tetherMax) : max2);
     popperOffsets2[mainAxis] = preventedOffset;
     data2[mainAxis] = preventedOffset - offset2;
   }
@@ -37559,6 +37947,437 @@ InputLabel.propTypes = {
    */
   variant: _pt.oneOf(["filled", "outlined", "standard"])
 };
+function getLinearProgressUtilityClass(slot) {
+  return generateUtilityClass("MuiLinearProgress", slot);
+}
+generateUtilityClasses("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "bar1", "bar2", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
+const TRANSITION_DURATION = 4;
+const indeterminate1Keyframe = keyframes`
+  0% {
+    left: -35%;
+    right: 100%;
+  }
+
+  60% {
+    left: 100%;
+    right: -90%;
+  }
+
+  100% {
+    left: 100%;
+    right: -90%;
+  }
+`;
+const indeterminate1Animation = typeof indeterminate1Keyframe !== "string" ? css`
+        animation: ${indeterminate1Keyframe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+      ` : null;
+const indeterminate2Keyframe = keyframes`
+  0% {
+    left: -200%;
+    right: 100%;
+  }
+
+  60% {
+    left: 107%;
+    right: -8%;
+  }
+
+  100% {
+    left: 107%;
+    right: -8%;
+  }
+`;
+const indeterminate2Animation = typeof indeterminate2Keyframe !== "string" ? css`
+        animation: ${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
+      ` : null;
+const bufferKeyframe = keyframes`
+  0% {
+    opacity: 1;
+    background-position: 0 -23px;
+  }
+
+  60% {
+    opacity: 0;
+    background-position: 0 -23px;
+  }
+
+  100% {
+    opacity: 1;
+    background-position: -200px -23px;
+  }
+`;
+const bufferAnimation = typeof bufferKeyframe !== "string" ? css`
+        animation: ${bufferKeyframe} 3s infinite linear;
+      ` : null;
+const useUtilityClasses$13 = (ownerState) => {
+  const {
+    classes: classes2,
+    variant,
+    color: color2
+  } = ownerState;
+  const slots = {
+    root: ["root", `color${capitalize$1(color2)}`, variant],
+    dashed: ["dashed", `dashedColor${capitalize$1(color2)}`],
+    bar1: ["bar", "bar1", `barColor${capitalize$1(color2)}`, (variant === "indeterminate" || variant === "query") && "bar1Indeterminate", variant === "determinate" && "bar1Determinate", variant === "buffer" && "bar1Buffer"],
+    bar2: ["bar", "bar2", variant !== "buffer" && `barColor${capitalize$1(color2)}`, variant === "buffer" && `color${capitalize$1(color2)}`, (variant === "indeterminate" || variant === "query") && "bar2Indeterminate", variant === "buffer" && "bar2Buffer"]
+  };
+  return composeClasses(slots, getLinearProgressUtilityClass, classes2);
+};
+const getColorShade = (theme, color2) => {
+  if (theme.vars) {
+    return theme.vars.palette.LinearProgress[`${color2}Bg`];
+  }
+  return theme.palette.mode === "light" ? lighten(theme.palette[color2].main, 0.62) : darken(theme.palette[color2].main, 0.5);
+};
+const LinearProgressRoot = styled("span", {
+  name: "MuiLinearProgress",
+  slot: "Root",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.root, styles2[`color${capitalize$1(ownerState.color)}`], styles2[ownerState.variant]];
+  }
+})(memoTheme(({
+  theme
+}) => ({
+  position: "relative",
+  overflow: "hidden",
+  display: "block",
+  height: 4,
+  // Fix Safari's bug during composition of different paint.
+  zIndex: 0,
+  "@media print": {
+    colorAdjust: "exact"
+  },
+  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2
+    },
+    style: {
+      backgroundColor: getColorShade(theme, color2)
+    }
+  })), {
+    props: ({
+      ownerState
+    }) => ownerState.color === "inherit" && ownerState.variant !== "buffer",
+    style: {
+      "&::before": {
+        content: '""',
+        position: "absolute",
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "currentColor",
+        opacity: 0.3
+      }
+    }
+  }, {
+    props: {
+      variant: "buffer"
+    },
+    style: {
+      backgroundColor: "transparent"
+    }
+  }, {
+    props: {
+      variant: "query"
+    },
+    style: {
+      transform: "rotate(180deg)"
+    }
+  }]
+})));
+const LinearProgressDashed = styled("span", {
+  name: "MuiLinearProgress",
+  slot: "Dashed",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.dashed, styles2[`dashedColor${capitalize$1(ownerState.color)}`]];
+  }
+})(memoTheme(({
+  theme
+}) => ({
+  position: "absolute",
+  marginTop: 0,
+  height: "100%",
+  width: "100%",
+  backgroundSize: "10px 10px",
+  backgroundPosition: "0 -23px",
+  variants: [{
+    props: {
+      color: "inherit"
+    },
+    style: {
+      opacity: 0.3,
+      backgroundImage: `radial-gradient(currentColor 0%, currentColor 16%, transparent 42%)`
+    }
+  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => {
+    const backgroundColor2 = getColorShade(theme, color2);
+    return {
+      props: {
+        color: color2
+      },
+      style: {
+        backgroundImage: `radial-gradient(${backgroundColor2} 0%, ${backgroundColor2} 16%, transparent 42%)`
+      }
+    };
+  })]
+})), bufferAnimation || {
+  // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
+  animation: `${bufferKeyframe} 3s infinite linear`
+});
+const LinearProgressBar1 = styled("span", {
+  name: "MuiLinearProgress",
+  slot: "Bar1",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.bar, styles2.bar1, styles2[`barColor${capitalize$1(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles2.bar1Indeterminate, ownerState.variant === "determinate" && styles2.bar1Determinate, ownerState.variant === "buffer" && styles2.bar1Buffer];
+  }
+})(memoTheme(({
+  theme
+}) => ({
+  width: "100%",
+  position: "absolute",
+  left: 0,
+  bottom: 0,
+  top: 0,
+  transition: "transform 0.2s linear",
+  transformOrigin: "left",
+  variants: [{
+    props: {
+      color: "inherit"
+    },
+    style: {
+      backgroundColor: "currentColor"
+    }
+  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2
+    },
+    style: {
+      backgroundColor: (theme.vars || theme).palette[color2].main
+    }
+  })), {
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: `transform .${TRANSITION_DURATION}s linear`
+    }
+  }, {
+    props: {
+      variant: "buffer"
+    },
+    style: {
+      zIndex: 1,
+      transition: `transform .${TRANSITION_DURATION}s linear`
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
+    style: {
+      width: "auto"
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
+    style: indeterminate1Animation || {
+      animation: `${indeterminate1Keyframe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite`
+    }
+  }]
+})));
+const LinearProgressBar2 = styled("span", {
+  name: "MuiLinearProgress",
+  slot: "Bar2",
+  overridesResolver: (props, styles2) => {
+    const {
+      ownerState
+    } = props;
+    return [styles2.bar, styles2.bar2, styles2[`barColor${capitalize$1(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles2.bar2Indeterminate, ownerState.variant === "buffer" && styles2.bar2Buffer];
+  }
+})(memoTheme(({
+  theme
+}) => ({
+  width: "100%",
+  position: "absolute",
+  left: 0,
+  bottom: 0,
+  top: 0,
+  transition: "transform 0.2s linear",
+  transformOrigin: "left",
+  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2
+    },
+    style: {
+      "--LinearProgressBar2-barColor": (theme.vars || theme).palette[color2].main
+    }
+  })), {
+    props: ({
+      ownerState
+    }) => ownerState.variant !== "buffer" && ownerState.color !== "inherit",
+    style: {
+      backgroundColor: "var(--LinearProgressBar2-barColor, currentColor)"
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.variant !== "buffer" && ownerState.color === "inherit",
+    style: {
+      backgroundColor: "currentColor"
+    }
+  }, {
+    props: {
+      color: "inherit"
+    },
+    style: {
+      opacity: 0.3
+    }
+  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
+    props: {
+      color: color2,
+      variant: "buffer"
+    },
+    style: {
+      backgroundColor: getColorShade(theme, color2),
+      transition: `transform .${TRANSITION_DURATION}s linear`
+    }
+  })), {
+    props: ({
+      ownerState
+    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
+    style: {
+      width: "auto"
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
+    style: indeterminate2Animation || {
+      animation: `${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite`
+    }
+  }]
+})));
+const LinearProgress = /* @__PURE__ */ React.forwardRef(function LinearProgress2(inProps, ref2) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiLinearProgress"
+  });
+  const {
+    className,
+    color: color2 = "primary",
+    value: value2,
+    valueBuffer,
+    variant = "indeterminate",
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
+    color: color2,
+    variant
+  };
+  const classes2 = useUtilityClasses$13(ownerState);
+  const isRtl = useRtl();
+  const rootProps = {};
+  const inlineStyles = {
+    bar1: {},
+    bar2: {}
+  };
+  if (variant === "determinate" || variant === "buffer") {
+    if (value2 !== void 0) {
+      rootProps["aria-valuenow"] = Math.round(value2);
+      rootProps["aria-valuemin"] = 0;
+      rootProps["aria-valuemax"] = 100;
+      let transform2 = value2 - 100;
+      if (isRtl) {
+        transform2 = -transform2;
+      }
+      inlineStyles.bar1.transform = `translateX(${transform2}%)`;
+    } else {
+      console.error("MUI: You need to provide a value prop when using the determinate or buffer variant of LinearProgress .");
+    }
+  }
+  if (variant === "buffer") {
+    if (valueBuffer !== void 0) {
+      let transform2 = (valueBuffer || 0) - 100;
+      if (isRtl) {
+        transform2 = -transform2;
+      }
+      inlineStyles.bar2.transform = `translateX(${transform2}%)`;
+    } else {
+      console.error("MUI: You need to provide a valueBuffer prop when using the buffer variant of LinearProgress.");
+    }
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(LinearProgressRoot, {
+    className: clsx(classes2.root, className),
+    ownerState,
+    role: "progressbar",
+    ...rootProps,
+    ref: ref2,
+    ...other,
+    children: [variant === "buffer" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressDashed, {
+      className: classes2.dashed,
+      ownerState
+    }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressBar1, {
+      className: classes2.bar1,
+      ownerState,
+      style: inlineStyles.bar1
+    }), variant === "determinate" ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressBar2, {
+      className: classes2.bar2,
+      ownerState,
+      style: inlineStyles.bar2
+    })]
+  });
+});
+LinearProgress.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _pt.object,
+  /**
+   * @ignore
+   */
+  className: _pt.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: _pt.oneOfType([_pt.oneOf(["inherit", "primary", "secondary"]), _pt.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _pt.oneOfType([_pt.arrayOf(_pt.oneOfType([_pt.func, _pt.object, _pt.bool])), _pt.func, _pt.object]),
+  /**
+   * The value of the progress indicator for the determinate and buffer variants.
+   * Value between 0 and 100.
+   */
+  value: _pt.number,
+  /**
+   * The value for the buffer variant.
+   * Value between 0 and 100.
+   */
+  valueBuffer: _pt.number,
+  /**
+   * The variant to use.
+   * Use indeterminate or query when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: _pt.oneOf(["buffer", "determinate", "indeterminate", "query"])
+};
 const ListContext = /* @__PURE__ */ React.createContext({});
 {
   ListContext.displayName = "ListContext";
@@ -37567,7 +38386,7 @@ function getListUtilityClass(slot) {
   return generateUtilityClass("MuiList", slot);
 }
 generateUtilityClasses("MuiList", ["root", "padding", "dense", "subheader"]);
-const useUtilityClasses$13 = (ownerState) => {
+const useUtilityClasses$12 = (ownerState) => {
   const {
     classes: classes2,
     disablePadding,
@@ -37633,7 +38452,7 @@ const List = /* @__PURE__ */ React.forwardRef(function List2(inProps, ref2) {
     dense,
     disablePadding
   };
-  const classes2 = useUtilityClasses$13(ownerState);
+  const classes2 = useUtilityClasses$12(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListContext.Provider, {
     value: context2,
     children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ListRoot, {
@@ -37693,7 +38512,7 @@ function getListItemTextUtilityClass(slot) {
   return generateUtilityClass("MuiListItemText", slot);
 }
 const listItemTextClasses = generateUtilityClasses("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
-const useUtilityClasses$12 = (ownerState) => {
+const useUtilityClasses$11 = (ownerState) => {
   const {
     classes: classes2,
     inset,
@@ -37780,7 +38599,7 @@ const ListItemText = /* @__PURE__ */ React.forwardRef(function ListItemText2(inP
     secondary: !!secondary,
     dense
   };
-  const classes2 = useUtilityClasses$12(ownerState);
+  const classes2 = useUtilityClasses$11(ownerState);
   const externalForwardedProps = {
     slots,
     slotProps: {
@@ -38157,7 +38976,7 @@ function getDividerUtilityClass(slot) {
   return generateUtilityClass("MuiDivider", slot);
 }
 const dividerClasses = generateUtilityClasses("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
-const useUtilityClasses$11 = (ownerState) => {
+const useUtilityClasses$10 = (ownerState) => {
   const {
     absolute,
     children: children2,
@@ -38371,7 +39190,7 @@ const Divider$1 = /* @__PURE__ */ React.forwardRef(function Divider2(inProps, re
     textAlign: textAlign2,
     variant
   };
-  const classes2 = useUtilityClasses$11(ownerState);
+  const classes2 = useUtilityClasses$10(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DividerRoot, {
     as: component,
     className: clsx(classes2.root, className),
@@ -38457,7 +39276,7 @@ function getListItemIconUtilityClass(slot) {
   return generateUtilityClass("MuiListItemIcon", slot);
 }
 const listItemIconClasses = generateUtilityClasses("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
-const useUtilityClasses$10 = (ownerState) => {
+const useUtilityClasses$$ = (ownerState) => {
   const {
     alignItems,
     classes: classes2
@@ -38506,7 +39325,7 @@ const ListItemIcon = /* @__PURE__ */ React.forwardRef(function ListItemIcon2(inP
     ...props,
     alignItems: context2.alignItems
   };
-  const classes2 = useUtilityClasses$10(ownerState);
+  const classes2 = useUtilityClasses$$(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListItemIconRoot, {
     className: clsx(classes2.root, className),
     ownerState,
@@ -38547,7 +39366,7 @@ const overridesResolver$1 = (props, styles2) => {
   } = props;
   return [styles2.root, ownerState.dense && styles2.dense, ownerState.divider && styles2.divider, !ownerState.disableGutters && styles2.gutters];
 };
-const useUtilityClasses$$ = (ownerState) => {
+const useUtilityClasses$_ = (ownerState) => {
   const {
     disabled,
     dense,
@@ -38707,7 +39526,7 @@ const MenuItem = /* @__PURE__ */ React.forwardRef(function MenuItem2(inProps, re
     divider,
     disableGutters
   };
-  const classes2 = useUtilityClasses$$(props);
+  const classes2 = useUtilityClasses$_(props);
   const handleRef = useForkRef$1(menuItemRef, ref2);
   let tabIndex;
   if (!props.disabled) {
@@ -38807,7 +39626,7 @@ function getNativeSelectUtilityClasses(slot) {
   return generateUtilityClass("MuiNativeSelect", slot);
 }
 const nativeSelectClasses = generateUtilityClasses("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
-const useUtilityClasses$_ = (ownerState) => {
+const useUtilityClasses$Z = (ownerState) => {
   const {
     classes: classes2,
     variant,
@@ -38962,7 +39781,7 @@ const NativeSelectInput = /* @__PURE__ */ React.forwardRef(function NativeSelect
     variant,
     error: error2
   };
-  const classes2 = useUtilityClasses$_(ownerState);
+  const classes2 = useUtilityClasses$Z(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx(NativeSelectSelect, {
       ownerState,
@@ -39032,7 +39851,7 @@ NativeSelectInput.propTypes = {
    */
   variant: _pt.oneOf(["standard", "outlined", "filled"])
 };
-const useUtilityClasses$Z = (ownerState) => {
+const useUtilityClasses$Y = (ownerState) => {
   const {
     classes: classes2,
     disableUnderline
@@ -39165,7 +39984,7 @@ const Input$1 = /* @__PURE__ */ React.forwardRef(function Input2(inProps, ref2)
     type: type2 = "text",
     ...other
   } = props;
-  const classes2 = useUtilityClasses$Z(props);
+  const classes2 = useUtilityClasses$Y(props);
   const ownerState = {
     disableUnderline
   };
@@ -40065,7 +40884,7 @@ function getBackdropUtilityClass(slot) {
   return generateUtilityClass("MuiBackdrop", slot);
 }
 generateUtilityClasses("MuiBackdrop", ["root", "invisible"]);
-const useUtilityClasses$Y = (ownerState) => {
+const useUtilityClasses$X = (ownerState) => {
   const {
     classes: classes2,
     invisible
@@ -40128,7 +40947,7 @@ const Backdrop = /* @__PURE__ */ React.forwardRef(function Backdrop2(inProps, re
     component,
     invisible
   };
-  const classes2 = useUtilityClasses$Y(ownerState);
+  const classes2 = useUtilityClasses$X(ownerState);
   const backwardCompatibleSlots = {
     transition: TransitionComponentProp,
     root: components.Root,
@@ -40427,7 +41246,7 @@ function getModalUtilityClass(slot) {
   return generateUtilityClass("MuiModal", slot);
 }
 generateUtilityClasses("MuiModal", ["root", "hidden", "backdrop"]);
-const useUtilityClasses$X = (ownerState) => {
+const useUtilityClasses$W = (ownerState) => {
   const {
     open,
     exited,
@@ -40534,7 +41353,7 @@ const Modal = /* @__PURE__ */ React.forwardRef(function Modal2(inProps, ref2) {
     ...propsWithDefaults,
     exited
   };
-  const classes2 = useUtilityClasses$X(ownerState);
+  const classes2 = useUtilityClasses$W(ownerState);
   const childProps = {};
   if (children2.props.tabIndex === void 0) {
     childProps.tabIndex = "-1";
@@ -40814,7 +41633,7 @@ function getTransformOriginValue(transformOrigin2) {
 function resolveAnchorEl(anchorEl) {
   return typeof anchorEl === "function" ? anchorEl() : anchorEl;
 }
-const useUtilityClasses$W = (ownerState) => {
+const useUtilityClasses$V = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -40892,7 +41711,7 @@ const Popover = /* @__PURE__ */ React.forwardRef(function Popover2(inProps, ref2
     transitionDuration: transitionDurationProp,
     TransitionProps
   };
-  const classes2 = useUtilityClasses$W(ownerState);
+  const classes2 = useUtilityClasses$V(ownerState);
   const getAnchorOffset = React.useCallback(() => {
     if (anchorReference === "anchorPosition") {
       {
@@ -41331,7 +42150,7 @@ const LTR_ORIGIN = {
   vertical: "top",
   horizontal: "left"
 };
-const useUtilityClasses$V = (ownerState) => {
+const useUtilityClasses$U = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -41402,7 +42221,7 @@ const Menu = /* @__PURE__ */ React.forwardRef(function Menu2(inProps, ref2) {
     TransitionProps,
     variant
   };
-  const classes2 = useUtilityClasses$V(ownerState);
+  const classes2 = useUtilityClasses$U(ownerState);
   const autoFocusItem = autoFocus && !disableAutoFocusItem && open;
   const menuListActionsRef = React.useRef(null);
   const handleEntering = (element2, isAppearing) => {
@@ -41707,7 +42526,7 @@ function areEqualValues(a2, b2) {
 function isEmpty$1(display) {
   return display == null || typeof display === "string" && !display.trim();
 }
-const useUtilityClasses$U = (ownerState) => {
+const useUtilityClasses$T = (ownerState) => {
   const {
     classes: classes2,
     variant,
@@ -42027,7 +42846,7 @@ const SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props
     open,
     error: error2
   };
-  const classes2 = useUtilityClasses$U(ownerState);
+  const classes2 = useUtilityClasses$T(ownerState);
   const paperProps = {
     ...MenuProps.PaperProps,
     ...(_a3 = MenuProps.slotProps) == null ? void 0 : _a3.paper
@@ -42266,7 +43085,7 @@ SelectInput.propTypes = {
    */
   variant: _pt.oneOf(["standard", "outlined", "filled"])
 };
-const useUtilityClasses$T = (ownerState) => {
+const useUtilityClasses$S = (ownerState) => {
   const {
     classes: classes2,
     disableUnderline,
@@ -42548,7 +43367,7 @@ const FilledInput = /* @__PURE__ */ React.forwardRef(function FilledInput2(inPro
     multiline,
     type: type2
   };
-  const classes2 = useUtilityClasses$T(props);
+  const classes2 = useUtilityClasses$S(props);
   const filledInputComponentsProps = {
     root: {
       ownerState
@@ -42912,7 +43731,7 @@ NotchedOutline.propTypes = {
    */
   style: _pt.object
 };
-const useUtilityClasses$S = (ownerState) => {
+const useUtilityClasses$R = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -43090,7 +43909,7 @@ const OutlinedInput = /* @__PURE__ */ React.forwardRef(function OutlinedInput2(i
     type: type2 = "text",
     ...other
   } = props;
-  const classes2 = useUtilityClasses$S(props);
+  const classes2 = useUtilityClasses$R(props);
   const muiFormControl = useFormControl();
   const fcs = formControlState({
     props,
@@ -43322,7 +44141,7 @@ OutlinedInput.propTypes = {
   value: _pt.any
 };
 OutlinedInput.muiName = "Input";
-const useUtilityClasses$R = (ownerState) => {
+const useUtilityClasses$Q = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -43385,7 +44204,7 @@ const Select = /* @__PURE__ */ React.forwardRef(function Select2(inProps, ref2)
     variant,
     classes: classesProp
   };
-  const classes2 = useUtilityClasses$R(ownerState);
+  const classes2 = useUtilityClasses$Q(ownerState);
   const {
     root: root2,
     ...restOfClasses
@@ -44808,7 +45627,7 @@ const SliderMarkLabel = styled("span", {
     }
   }]
 })));
-const useUtilityClasses$Q = (ownerState) => {
+const useUtilityClasses$P = (ownerState) => {
   const {
     disabled,
     dragging,
@@ -44921,7 +45740,7 @@ const Slider = /* @__PURE__ */ React.forwardRef(function Slider2(inputProps, ref
   ownerState.marked = marks.length > 0 && marks.some((mark2) => mark2.label);
   ownerState.dragging = dragging;
   ownerState.focusedThumbIndex = focusedThumbIndex;
-  const classes2 = useUtilityClasses$Q(ownerState);
+  const classes2 = useUtilityClasses$P(ownerState);
   const RootSlot = (slots == null ? void 0 : slots.root) ?? components.Root ?? SliderRoot;
   const RailSlot = (slots == null ? void 0 : slots.rail) ?? components.Rail ?? SliderRail;
   const TrackSlot = (slots == null ? void 0 : slots.track) ?? components.Track ?? SliderTrack;
@@ -45375,7 +46194,7 @@ function getSwitchUtilityClass(slot) {
   return generateUtilityClass("MuiSwitch", slot);
 }
 const switchClasses = generateUtilityClasses("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium", "checked", "disabled", "input", "thumb", "track"]);
-const useUtilityClasses$P = (ownerState) => {
+const useUtilityClasses$O = (ownerState) => {
   const {
     classes: classes2,
     edge,
@@ -45579,7 +46398,7 @@ const Switch = /* @__PURE__ */ React.forwardRef(function Switch2(inProps, ref2)
     edge,
     size
   };
-  const classes2 = useUtilityClasses$P(ownerState);
+  const classes2 = useUtilityClasses$O(ownerState);
   const externalForwardedProps = {
     slots,
     slotProps
@@ -45772,7 +46591,7 @@ function getTableCellUtilityClass(slot) {
   return generateUtilityClass("MuiTableCell", slot);
 }
 const tableCellClasses = generateUtilityClasses("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]);
-const useUtilityClasses$O = (ownerState) => {
+const useUtilityClasses$N = (ownerState) => {
   const {
     classes: classes2,
     variant,
@@ -45946,7 +46765,7 @@ const TableCell = /* @__PURE__ */ React.forwardRef(function TableCell2(inProps,
     stickyHeader: variant === "head" && table && table.stickyHeader,
     variant
   };
-  const classes2 = useUtilityClasses$O(ownerState);
+  const classes2 = useUtilityClasses$N(ownerState);
   let ariaSort = null;
   if (sortDirection) {
     ariaSort = sortDirection === "asc" ? "ascending" : "descending";
@@ -46023,7 +46842,7 @@ function getTableRowUtilityClass(slot) {
   return generateUtilityClass("MuiTableRow", slot);
 }
 const tableRowClasses = generateUtilityClasses("MuiTableRow", ["root", "selected", "hover", "head", "footer"]);
-const useUtilityClasses$N = (ownerState) => {
+const useUtilityClasses$M = (ownerState) => {
   const {
     classes: classes2,
     selected,
@@ -46085,7 +46904,7 @@ const TableRow = /* @__PURE__ */ React.forwardRef(function TableRow2(inProps, re
     head: tablelvl2 && tablelvl2.variant === "head",
     footer: tablelvl2 && tablelvl2.variant === "footer"
   };
-  const classes2 = useUtilityClasses$N(ownerState);
+  const classes2 = useUtilityClasses$M(ownerState);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(TableRowRoot, {
     as: component,
     ref: ref2,
@@ -46147,7 +46966,7 @@ const variantComponent = {
   filled: FilledInput,
   outlined: OutlinedInput
 };
-const useUtilityClasses$M = (ownerState) => {
+const useUtilityClasses$L = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -46214,7 +47033,7 @@ const TextField = /* @__PURE__ */ React.forwardRef(function TextField2(inProps,
     select: select2,
     variant
   };
-  const classes2 = useUtilityClasses$M(ownerState);
+  const classes2 = useUtilityClasses$L(ownerState);
   {
     if (select2 && !children2) {
       console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
@@ -46550,7 +47369,7 @@ const tooltipClasses = generateUtilityClasses("MuiTooltip", ["popper", "popperIn
 function round$1(value2) {
   return Math.round(value2 * 1e5) / 1e5;
 }
-const useUtilityClasses$L = (ownerState) => {
+const useUtilityClasses$K = (ownerState) => {
   const {
     classes: classes2,
     disableInteractive,
@@ -47113,7 +47932,7 @@ const Tooltip$1 = /* @__PURE__ */ React.forwardRef(function Tooltip2(inProps, re
       modifiers: tooltipModifiers
     };
   }, [arrowRef, PopperProps.popperOptions, resolvedPopperProps == null ? void 0 : resolvedPopperProps.popperOptions]);
-  const classes2 = useUtilityClasses$L(ownerState);
+  const classes2 = useUtilityClasses$K(ownerState);
   const resolvedTransitionProps = typeof slotProps.transition === "function" ? slotProps.transition(ownerState) : slotProps.transition;
   const externalForwardedProps = {
     slots: {
@@ -47385,6 +48204,183 @@ Tooltip$1.propTypes = {
    */
   TransitionProps: _pt.object
 };
+function getInputAdornmentUtilityClass(slot) {
+  return generateUtilityClass("MuiInputAdornment", slot);
+}
+const inputAdornmentClasses = generateUtilityClasses("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
+var _span;
+const overridesResolver = (props, styles2) => {
+  const {
+    ownerState
+  } = props;
+  return [styles2.root, styles2[`position${capitalize$1(ownerState.position)}`], ownerState.disablePointerEvents === true && styles2.disablePointerEvents, styles2[ownerState.variant]];
+};
+const useUtilityClasses$J = (ownerState) => {
+  const {
+    classes: classes2,
+    disablePointerEvents,
+    hiddenLabel,
+    position: position2,
+    size,
+    variant
+  } = ownerState;
+  const slots = {
+    root: ["root", disablePointerEvents && "disablePointerEvents", position2 && `position${capitalize$1(position2)}`, variant, hiddenLabel && "hiddenLabel", size && `size${capitalize$1(size)}`]
+  };
+  return composeClasses(slots, getInputAdornmentUtilityClass, classes2);
+};
+const InputAdornmentRoot = styled("div", {
+  name: "MuiInputAdornment",
+  slot: "Root",
+  overridesResolver
+})(memoTheme(({
+  theme
+}) => ({
+  display: "flex",
+  maxHeight: "2em",
+  alignItems: "center",
+  whiteSpace: "nowrap",
+  color: (theme.vars || theme).palette.action.active,
+  variants: [{
+    props: {
+      variant: "filled"
+    },
+    style: {
+      [`&.${inputAdornmentClasses.positionStart}&:not(.${inputAdornmentClasses.hiddenLabel})`]: {
+        marginTop: 16
+      }
+    }
+  }, {
+    props: {
+      position: "start"
+    },
+    style: {
+      marginRight: 8
+    }
+  }, {
+    props: {
+      position: "end"
+    },
+    style: {
+      marginLeft: 8
+    }
+  }, {
+    props: {
+      disablePointerEvents: true
+    },
+    style: {
+      pointerEvents: "none"
+    }
+  }]
+})));
+const InputAdornment$1 = /* @__PURE__ */ React.forwardRef(function InputAdornment2(inProps, ref2) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiInputAdornment"
+  });
+  const {
+    children: children2,
+    className,
+    component = "div",
+    disablePointerEvents = false,
+    disableTypography = false,
+    position: position2,
+    variant: variantProp,
+    ...other
+  } = props;
+  const muiFormControl = useFormControl() || {};
+  let variant = variantProp;
+  if (variantProp && muiFormControl.variant) {
+    {
+      if (variantProp === muiFormControl.variant) {
+        console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one.");
+      }
+    }
+  }
+  if (muiFormControl && !variant) {
+    variant = muiFormControl.variant;
+  }
+  const ownerState = {
+    ...props,
+    hiddenLabel: muiFormControl.hiddenLabel,
+    size: muiFormControl.size,
+    disablePointerEvents,
+    position: position2,
+    variant
+  };
+  const classes2 = useUtilityClasses$J(ownerState);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlContext.Provider, {
+    value: null,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputAdornmentRoot, {
+      as: component,
+      ownerState,
+      className: clsx(classes2.root, className),
+      ref: ref2,
+      ...other,
+      children: typeof children2 === "string" && !disableTypography ? /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, {
+        color: "textSecondary",
+        children: children2
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
+        children: [position2 === "start" ? (
+          /* notranslate needed while Google Translate will not fix zero-width space issue */
+          _span || (_span = /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+            className: "notranslate",
+            "aria-hidden": true,
+            children: "​"
+          }))
+        ) : null, children2]
+      })
+    })
+  });
+});
+InputAdornment$1.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component, normally an `IconButton` or string.
+   */
+  children: _pt.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _pt.object,
+  /**
+   * @ignore
+   */
+  className: _pt.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: _pt.elementType,
+  /**
+   * Disable pointer events on the root.
+   * This allows for the content of the adornment to focus the `input` on click.
+   * @default false
+   */
+  disablePointerEvents: _pt.bool,
+  /**
+   * If children is a string then disable wrapping in a Typography component.
+   * @default false
+   */
+  disableTypography: _pt.bool,
+  /**
+   * The position this adornment should appear relative to the `Input`.
+   */
+  position: _pt.oneOf(["end", "start"]).isRequired,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: _pt.oneOfType([_pt.arrayOf(_pt.oneOfType([_pt.func, _pt.object, _pt.bool])), _pt.func, _pt.object]),
+  /**
+   * The variant to use.
+   * Note: If you are using the `TextField` component or the `FormControl` component
+   * you do not have to set this manually.
+   */
+  variant: _pt.oneOf(["filled", "outlined", "standard"])
+};
 const reactMajor = parseInt(React.version, 10);
 const forwardRef = (render) => {
   if (reactMajor >= 19) {
@@ -48725,7 +49721,7 @@ function wrap$2(input) {
   return result;
 }
 const _excluded$X = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "hasFocus", "isValidating", "debounceMs", "isProcessingProps", "onValueChange", "slotProps"];
-const useUtilityClasses$K = (ownerState) => {
+const useUtilityClasses$I = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -48761,7 +49757,7 @@ const GridEditInputCell = forwardRef((props, ref2) => {
   const apiRef = useGridApiContext();
   const inputRef = React.useRef(null);
   const [valueState, setValueState] = React.useState(value2);
-  const classes2 = useUtilityClasses$K(rootProps);
+  const classes2 = useUtilityClasses$I(rootProps);
   const handleChange = React.useCallback(async (event2) => {
     const newValue = event2.target.value;
     if (onValueChange) {
@@ -49928,7 +50924,7 @@ function variablesToString(variables) {
   return output2;
 }
 const _excluded$V = ["open", "target", "onClose", "children", "position", "className", "onExited"];
-const useUtilityClasses$J = (ownerState) => {
+const useUtilityClasses$H = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -49959,7 +50955,7 @@ function GridMenu(props) {
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$V);
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$J(rootProps);
+  const classes2 = useUtilityClasses$H(rootProps);
   const variablesClass = useCSSVariablesClass();
   const savedFocusRef = React.useRef(null);
   useEnhancedEffect$1(() => {
@@ -50529,7 +51525,7 @@ let PinnedColumnPosition = /* @__PURE__ */ function(PinnedColumnPosition2) {
   return PinnedColumnPosition2;
 }({});
 const _excluded$T = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "hasFocus", "tabIndex", "hideDescendantCount"];
-const useUtilityClasses$I = (ownerState) => {
+const useUtilityClasses$G = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -50548,7 +51544,7 @@ function GridBooleanCellRaw(props) {
   const ownerState = {
     classes: rootProps.classes
   };
-  const classes2 = useUtilityClasses$I(ownerState);
+  const classes2 = useUtilityClasses$G(ownerState);
   const maxDepth2 = useGridSelector(apiRef, gridRowMaximumTreeDepthSelector);
   const isServerSideRowGroupingRow = (
     // @ts-expect-error - Access tree data prop
@@ -50639,7 +51635,7 @@ const renderBooleanCell = (params2) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridBooleanCell, _extends$2({}, params2));
 };
 const _excluded$S = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange"];
-const useUtilityClasses$H = (ownerState) => {
+const useUtilityClasses$F = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -50666,7 +51662,7 @@ function GridEditBooleanCell(props) {
   const ownerState = {
     classes: rootProps.classes
   };
-  const classes2 = useUtilityClasses$H(ownerState);
+  const classes2 = useUtilityClasses$F(ownerState);
   const handleChange = React.useCallback(async (event2) => {
     const newValue = event2.target.checked;
     if (onValueChange) {
@@ -51224,7 +52220,7 @@ const findRowsToDeselect = (apiRef, tree2, deselectedRow, autoSelectDescendants,
   }
 };
 const _excluded$Q = ["field", "id", "formattedValue", "row", "rowNode", "colDef", "isEditable", "cellMode", "hasFocus", "tabIndex", "api"];
-const useUtilityClasses$G = (ownerState) => {
+const useUtilityClasses$E = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -51246,7 +52242,7 @@ const GridCellCheckboxForwardRef = forwardRef(function GridCellCheckboxRenderer2
   const ownerState = {
     classes: rootProps.classes
   };
-  const classes2 = useUtilityClasses$G(ownerState);
+  const classes2 = useUtilityClasses$E(ownerState);
   const handleChange = (event2) => {
     const params2 = {
       value: event2.target.checked,
@@ -51483,7 +52479,7 @@ const gridVisibleRowsSelector = createSelectorMemoized(gridPaginationEnabledClie
   };
 });
 const _excluded$P = ["field", "colDef"];
-const useUtilityClasses$F = (ownerState) => {
+const useUtilityClasses$D = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -51501,7 +52497,7 @@ const GridHeaderCheckbox = forwardRef(function GridHeaderCheckbox2(props, ref2)
   const ownerState = {
     classes: rootProps.classes
   };
-  const classes2 = useUtilityClasses$F(ownerState);
+  const classes2 = useUtilityClasses$D(ownerState);
   const tabIndexState = useGridSelector(apiRef, gridTabIndexColumnHeaderSelector);
   const selection = useGridSelector(apiRef, gridRowSelectionStateSelector);
   const visibleRowIds = useGridSelector(apiRef, gridExpandedSortedRowIdsSelector);
@@ -51878,7 +52874,7 @@ const _excluded$N = ["id", "value", "formattedValue", "api", "field", "row", "ro
 const StyledInputBase = styled(NotRendered)({
   fontSize: "inherit"
 });
-const useUtilityClasses$E = (ownerState) => {
+const useUtilityClasses$C = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -51927,7 +52923,7 @@ function GridEditDateCell(props) {
   const ownerState = {
     classes: rootProps.classes
   };
-  const classes2 = useUtilityClasses$E(ownerState);
+  const classes2 = useUtilityClasses$C(ownerState);
   const parseValueToDate = React.useCallback((value2) => {
     if (value2 === "") {
       return null;
@@ -53090,7 +54086,7 @@ function getTotalHeaderHeight(apiRef, props) {
 }
 const CLIFF = 1;
 const SLOP = 1.5;
-const useUtilityClasses$D = (ownerState) => {
+const useUtilityClasses$B = (ownerState) => {
   const {
     scrollDirection,
     classes: classes2
@@ -53167,7 +54163,7 @@ function GridScrollAreaContent(props) {
   const ownerState = _extends$2({}, rootProps, {
     scrollDirection
   });
-  const classes2 = useUtilityClasses$D(ownerState);
+  const classes2 = useUtilityClasses$B(ownerState);
   const totalHeaderHeight = getTotalHeaderHeight(apiRef, rootProps);
   const headerHeight = Math.floor(rootProps.columnHeaderHeight * densityFactor);
   const style2 = {
@@ -54145,7 +55141,7 @@ const GridOverlayWrapperInner = styled$1("div", {
   shouldForwardProp: (prop) => prop !== "overlayType" && prop !== "loadingOverlayVariant",
   overridesResolver: (props, styles2) => styles2.overlayWrapperInner
 })({});
-const useUtilityClasses$C = (ownerState) => {
+const useUtilityClasses$A = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -54163,7 +55159,7 @@ function GridOverlayWrapper(props) {
   if (height2 === 0) {
     height2 = minimalContentHeight;
   }
-  const classes2 = useUtilityClasses$C(_extends$2({}, props, {
+  const classes2 = useUtilityClasses$A(_extends$2({}, props, {
     classes: rootProps.classes
   }));
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlayWrapperRoot, _extends$2({
@@ -54316,7 +55312,7 @@ const GridMainContainer = forwardRef((props, ref2) => {
     }), props.children]
   }));
 });
-const useUtilityClasses$B = () => {
+const useUtilityClasses$z = () => {
   const slots = {
     root: ["topContainer"]
   };
@@ -54328,13 +55324,13 @@ const Element$2 = styled$1("div")({
   top: 0
 });
 function GridTopContainer(props) {
-  const classes2 = useUtilityClasses$B();
+  const classes2 = useUtilityClasses$z();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Element$2, _extends$2({}, props, {
     className: clsx(classes2.root, gridClasses["container--top"]),
     role: "presentation"
   }));
 }
-const useUtilityClasses$A = (props, overflowedContent) => {
+const useUtilityClasses$y = (props, overflowedContent) => {
   const {
     classes: classes2
   } = props;
@@ -54357,7 +55353,7 @@ const GridVirtualScrollerContent = forwardRef(function GridVirtualScrollerConten
   var _a3;
   const rootProps = useGridRootProps();
   const overflowedContent = !rootProps.autoHeight && ((_a3 = props.style) == null ? void 0 : _a3.minHeight) === "auto";
-  const classes2 = useUtilityClasses$A(rootProps, overflowedContent);
+  const classes2 = useUtilityClasses$y(rootProps, overflowedContent);
   const ownerState = {
     classes: rootProps.classes,
     overflowedContent
@@ -54433,7 +55429,7 @@ function GridVirtualScrollerFiller({
 }
 const Memoized$2 = fastMemo(GridVirtualScrollerFiller);
 const _excluded$J = ["className"];
-const useUtilityClasses$z = (ownerState) => {
+const useUtilityClasses$x = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -54458,7 +55454,7 @@ const GridVirtualScrollerRenderZone = forwardRef(function GridVirtualScrollerRen
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$J);
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$z(rootProps);
+  const classes2 = useUtilityClasses$x(rootProps);
   const offsetTop = useGridSelector(apiRef, () => {
     const renderContext = gridRenderContextSelector(apiRef);
     const rowsMeta = gridRowsMetaSelector(apiRef);
@@ -54554,7 +55550,7 @@ class GridGetRowsError extends Error {
     this.cause = options.cause;
   }
 }
-const useUtilityClasses$y = (ownerState, position2) => {
+const useUtilityClasses$w = (ownerState, position2) => {
   const {
     classes: classes2
   } = ownerState;
@@ -54609,7 +55605,7 @@ const GridVirtualScrollbar = forwardRef(function GridVirtualScrollbar2(props, re
   const lastPosition = React.useRef(0);
   const scrollbarRef = React.useRef(null);
   const contentRef = React.useRef(null);
-  const classes2 = useUtilityClasses$y(rootProps, props.position);
+  const classes2 = useUtilityClasses$w(rootProps, props.position);
   const dimensions = useGridSelector(apiRef, gridDimensionsSelector);
   const propertyDimension = props.position === "vertical" ? "height" : "width";
   const propertyScroll = props.position === "vertical" ? "scrollTop" : "scrollLeft";
@@ -54686,7 +55682,7 @@ const GridVirtualScrollbar = forwardRef(function GridVirtualScrollbar2(props, re
     })
   });
 });
-const useUtilityClasses$x = (ownerState) => {
+const useUtilityClasses$v = (ownerState) => {
   const {
     classes: classes2,
     hasScrollX,
@@ -54745,7 +55741,7 @@ function GridVirtualScroller(props) {
     hasScrollX,
     hasPinnedRight
   }, overlaysProps);
-  const classes2 = useUtilityClasses$x(ownerState);
+  const classes2 = useUtilityClasses$v(ownerState);
   const virtualScroller = useGridVirtualScroller();
   const {
     getContainerProps,
@@ -54890,7 +55886,7 @@ const _excluded$I = ["column", "row", "rowId", "rowNode", "align", "children", "
   [PinnedColumnPosition.NONE]: void 0,
   [PinnedColumnPosition.VIRTUAL]: void 0
 });
-const useUtilityClasses$w = (ownerState) => {
+const useUtilityClasses$u = (ownerState) => {
   const {
     align: align2,
     showLeftBorder,
@@ -55004,7 +56000,7 @@ const GridCell = forwardRef(function GridCell2(props, ref2) {
     isSelected,
     isSelectionMode
   };
-  const classes2 = useUtilityClasses$w(ownerState);
+  const classes2 = useUtilityClasses$u(ownerState);
   const publishMouseUp = React.useCallback((eventName) => (event2) => {
     const params2 = apiRef.current.getCellParams(rowId, field2 || "");
     apiRef.current.publishEvent(eventName, params2, event2);
@@ -55171,7 +56167,7 @@ const CONTENT_WIDTH_RANGE_BY_TYPE = {
   dateTime: [60, 80],
   singleSelect: [40, 80]
 };
-const useUtilityClasses$v = (ownerState) => {
+const useUtilityClasses$t = (ownerState) => {
   const {
     align: align2,
     classes: classes2,
@@ -55200,7 +56196,7 @@ function GridSkeletonCell(props) {
     align: align2,
     empty: empty2
   };
-  const classes2 = useUtilityClasses$v(ownerState);
+  const classes2 = useUtilityClasses$t(ownerState);
   const skeletonProps = React.useMemo(() => {
     const isCircularContent = type2 === "boolean" || type2 === "actions";
     if (isCircularContent) {
@@ -56248,7 +57244,7 @@ function GridHeader() {
   });
 }
 const _excluded$G = ["className", "children"];
-const useUtilityClasses$u = (ownerState, density2) => {
+const useUtilityClasses$s = (ownerState, density2) => {
   const {
     autoHeight,
     classes: classes2,
@@ -56276,7 +57272,7 @@ const GridRoot = forwardRef(function GridRoot2(props, ref2) {
   }, [apiRef]);
   const handleRef = useForkRef$1(rootElementRef, ref2, rootMountCallback);
   const ownerState = rootProps;
-  const classes2 = useUtilityClasses$u(ownerState, density2);
+  const classes2 = useUtilityClasses$s(ownerState, density2);
   const cssVariables = useCSSVariablesContext();
   const isSSR2 = useIsSSR();
   if (isSSR2) {
@@ -56304,7 +57300,7 @@ GridRoot.propTypes = {
 };
 const MemoizedGridRoot = fastMemo(GridRoot);
 const _excluded$F = ["className"];
-const useUtilityClasses$t = (ownerState) => {
+const useUtilityClasses$r = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -56329,7 +57325,7 @@ const GridFooterContainer = forwardRef(function GridFooterContainer2(props, ref2
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$F);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$t(rootProps);
+  const classes2 = useUtilityClasses$r(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridFooterContainerRoot, _extends$2({
     className: clsx(classes2.root, className),
     ownerState: rootProps
@@ -56345,7 +57341,7 @@ GridFooterContainer.propTypes = {
   sx: _pt.oneOfType([_pt.arrayOf(_pt.oneOfType([_pt.func, _pt.object, _pt.bool])), _pt.func, _pt.object])
 };
 const _excluded$E = ["className"];
-const useUtilityClasses$s = (ownerState) => {
+const useUtilityClasses$q = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -56373,7 +57369,7 @@ const GridOverlay = forwardRef(function GridOverlay2(props, ref2) {
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$E);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$s(rootProps);
+  const classes2 = useUtilityClasses$q(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlayRoot, _extends$2({
     className: clsx(classes2.root, className),
     ownerState: rootProps
@@ -56421,7 +57417,7 @@ function useToolbarContext() {
   return context2;
 }
 const _excluded$D = ["render", "className"];
-const useUtilityClasses$r = (ownerState) => {
+const useUtilityClasses$p = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -56450,7 +57446,7 @@ const Toolbar$1 = forwardRef(function Toolbar2(props, ref2) {
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$D);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$r(rootProps);
+  const classes2 = useUtilityClasses$p(rootProps);
   const [focusableItemId, setFocusableItemId] = React.useState(null);
   const [items, setItems] = React.useState([]);
   const registerItem = React.useCallback((id2, itemRef) => {
@@ -56649,7 +57645,7 @@ ToolbarButton.propTypes = {
   title: _pt.string,
   touchRippleRef: _pt.any
 };
-const useUtilityClasses$q = (ownerState) => {
+const useUtilityClasses$o = (ownerState) => {
   const {
     classes: classes2,
     open
@@ -56674,7 +57670,7 @@ const ColumnHeaderMenuIcon = /* @__PURE__ */ React.memo((props) => {
   const ownerState = _extends$2({}, props, {
     classes: rootProps.classes
   });
-  const classes2 = useUtilityClasses$q(ownerState);
+  const classes2 = useUtilityClasses$o(ownerState);
   const handleMenuIconClick = React.useCallback((event2) => {
     event2.preventDefault();
     event2.stopPropagation();
@@ -56952,7 +57948,7 @@ function parseCellColIndex(col) {
   return Number(ariaColIndex) - 1;
 }
 const _excluded$B = ["className", "aria-label"];
-const useUtilityClasses$p = (ownerState) => {
+const useUtilityClasses$n = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -56977,7 +57973,7 @@ const ColumnHeaderInnerTitle = forwardRef(function ColumnHeaderInnerTitle2(props
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$B);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$p(rootProps);
+  const classes2 = useUtilityClasses$n(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnHeaderTitleRoot, _extends$2({
     className: clsx(classes2.root, className),
     ownerState: rootProps
@@ -57029,7 +58025,7 @@ var GridColumnHeaderSeparatorSides = /* @__PURE__ */ function(GridColumnHeaderSe
   GridColumnHeaderSeparatorSides2["Right"] = "right";
   return GridColumnHeaderSeparatorSides2;
 }(GridColumnHeaderSeparatorSides || {});
-const useUtilityClasses$o = (ownerState) => {
+const useUtilityClasses$m = (ownerState) => {
   const {
     resizable,
     resizing,
@@ -57052,7 +58048,7 @@ function GridColumnHeaderSeparatorRaw(props) {
     side,
     classes: rootProps.classes
   });
-  const classes2 = useUtilityClasses$o(ownerState);
+  const classes2 = useUtilityClasses$m(ownerState);
   const stopClick = React.useCallback((event2) => {
     event2.preventDefault();
     event2.stopPropagation();
@@ -57164,7 +58160,7 @@ const GridGenericColumnHeaderItem = forwardRef(function GridGenericColumnHeaderI
     }, columnHeaderSeparatorProps)), columnMenu]
   }));
 });
-const useUtilityClasses$n = (ownerState) => {
+const useUtilityClasses$l = (ownerState) => {
   const {
     colDef,
     classes: classes2,
@@ -57246,7 +58242,7 @@ function GridColumnHeaderItem(props) {
     showRightBorder,
     showLeftBorder
   });
-  const classes2 = useUtilityClasses$n(ownerState);
+  const classes2 = useUtilityClasses$l(ownerState);
   const publish = React.useCallback((eventName) => (event2) => {
     if (isEventTargetInPortal(event2)) {
       return;
@@ -57393,7 +58389,7 @@ GridColumnHeaderItem.propTypes = {
 };
 const Memoized = fastMemo(GridColumnHeaderItem);
 const _excluded$y = ["className"];
-const useUtilityClasses$m = (ownerState) => {
+const useUtilityClasses$k = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -57416,7 +58412,7 @@ const GridIconButtonContainer = forwardRef(function GridIconButtonContainer2(pro
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$y);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$m(rootProps);
+  const classes2 = useUtilityClasses$k(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridIconButtonContainerRoot, _extends$2({
     className: clsx(classes2.root, className),
     ownerState: rootProps
@@ -57425,7 +58421,7 @@ const GridIconButtonContainer = forwardRef(function GridIconButtonContainer2(pro
   }));
 });
 const _excluded$x = ["direction", "index", "sortingOrder", "disabled"];
-const useUtilityClasses$l = (ownerState) => {
+const useUtilityClasses$j = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -57463,7 +58459,7 @@ function GridColumnHeaderSortIconRaw(props) {
   const ownerState = _extends$2({}, props, {
     classes: rootProps.classes
   });
-  const classes2 = useUtilityClasses$l(ownerState);
+  const classes2 = useUtilityClasses$j(ownerState);
   const iconElement = getIcon(rootProps.slots, direction, classes2.icon, sortingOrder);
   if (!iconElement) {
     return null;
@@ -57498,7 +58494,7 @@ GridColumnHeaderSortIconRaw.propTypes = {
   index: _pt.number,
   sortingOrder: _pt.arrayOf(_pt.oneOf(["asc", "desc"])).isRequired
 };
-const useUtilityClasses$k = (ownerState) => {
+const useUtilityClasses$i = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -57534,7 +58530,7 @@ function GridColumnHeaderFilterIconButton(props) {
   const ownerState = _extends$2({}, props, {
     classes: rootProps.classes
   });
-  const classes2 = useUtilityClasses$k(ownerState);
+  const classes2 = useUtilityClasses$i(ownerState);
   const labelId = useId();
   const isOpen = useGridSelector(apiRef, gridPreferencePanelSelectorWithLabel, labelId);
   const panelId = useId();
@@ -58067,7 +59063,7 @@ GridColumnMenu.propTypes = {
   slots: _pt.object
 };
 const _excluded$t = ["className"];
-const useUtilityClasses$j = (ownerState) => {
+const useUtilityClasses$h = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -58092,7 +59088,7 @@ const GridPanelWrapper = forwardRef(function GridPanelWrapper2(props, ref2) {
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$t);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$j(rootProps);
+  const classes2 = useUtilityClasses$h(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelWrapperRoot, _extends$2({
     tabIndex: -1,
     className: clsx(classes2.root, className),
@@ -58201,7 +59197,7 @@ GridPanel.propTypes = {
   target: _pt.any
 };
 const _excluded$r = ["className"];
-const useUtilityClasses$i = (ownerState) => {
+const useUtilityClasses$g = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -58227,7 +59223,7 @@ function GridPanelContent(props) {
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$r);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$i(rootProps);
+  const classes2 = useUtilityClasses$g(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelContentRoot, _extends$2({
     className: clsx(classes2.root, className),
     ownerState: rootProps
@@ -58241,7 +59237,7 @@ GridPanelContent.propTypes = {
   sx: _pt.oneOfType([_pt.arrayOf(_pt.oneOfType([_pt.func, _pt.object, _pt.bool])), _pt.func, _pt.object])
 };
 const _excluded$q = ["className"];
-const useUtilityClasses$h = (ownerState) => {
+const useUtilityClasses$f = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -58265,7 +59261,7 @@ function GridPanelFooter(props) {
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$q);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$h(rootProps);
+  const classes2 = useUtilityClasses$f(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelFooterRoot, _extends$2({
     className: clsx(classes2.root, className),
     ownerState: rootProps
@@ -58279,7 +59275,7 @@ GridPanelFooter.propTypes = {
   sx: _pt.oneOfType([_pt.arrayOf(_pt.oneOfType([_pt.func, _pt.object, _pt.bool])), _pt.func, _pt.object])
 };
 const _excluded$p = ["item", "hasMultipleFilters", "deleteFilter", "applyFilterChanges", "showMultiFilterOperators", "disableMultiFilterOperator", "applyMultiFilterOperatorChanges", "focusElementRef", "logicOperators", "columnsSort", "filterColumns", "deleteIconProps", "logicOperatorInputProps", "operatorInputProps", "columnInputProps", "valueInputProps", "readOnly", "children"], _excluded2$6 = ["InputComponentProps"];
-const useUtilityClasses$g = (ownerState) => {
+const useUtilityClasses$e = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -58382,7 +59378,7 @@ const GridFilterForm = forwardRef(function GridFilterForm2(props, ref2) {
   const operatorSelectId = useId();
   const operatorSelectLabelId = useId();
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$g(rootProps);
+  const classes2 = useUtilityClasses$e(rootProps);
   const valueRef = React.useRef(null);
   const filterSelectorRef = React.useRef(null);
   const multiFilterOperator = filterModel.logicOperator ?? GridLogicOperator.And;
@@ -59012,7 +60008,7 @@ function GridShadowScrollArea(props) {
     children: children2
   }));
 }
-const useUtilityClasses$f = (ownerState) => {
+const useUtilityClasses$d = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -59035,7 +60031,7 @@ function GridColumnsManagement(props) {
   const columnVisibilityModel = useGridSelector(apiRef, gridColumnVisibilityModelSelector);
   const rootProps = useGridRootProps();
   const [searchValue, setSearchValue] = React.useState("");
-  const classes2 = useUtilityClasses$f(rootProps);
+  const classes2 = useUtilityClasses$d(rootProps);
   const {
     sort: sort2,
     searchPredicate = defaultSearchPredicate,
@@ -59949,7 +60945,7 @@ QuickFilterTrigger.propTypes = {
   touchRippleRef: _pt.any
 };
 const _excluded$h = ["quickFilterParser", "quickFilterFormatter", "debounceMs", "className", "slotProps"], _excluded2$4 = ["ref", "slotProps"];
-const useUtilityClasses$e = (ownerState) => {
+const useUtilityClasses$c = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -60002,7 +60998,7 @@ function GridToolbarQuickFilter(props) {
     classes: rootProps.classes,
     expanded: false
   };
-  const classes2 = useUtilityClasses$e(ownerState);
+  const classes2 = useUtilityClasses$c(ownerState);
   const {
     quickFilterParser,
     quickFilterFormatter,
@@ -60377,7 +61373,7 @@ ExportPrint.propTypes = {
   touchRippleRef: _pt.any
 };
 const _excluded$c = ["className"], _excluded2$3 = ["className"];
-const useUtilityClasses$d = (ownerState) => {
+const useUtilityClasses$b = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -60409,7 +61405,7 @@ const Label$2 = styled$1("span", {
 function GridToolbarDivider(props) {
   const other = _objectWithoutPropertiesLoose(props, _excluded$c);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$d(rootProps);
+  const classes2 = useUtilityClasses$b(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, _extends$2({
     as: rootProps.slots.baseDivider,
     orientation: "vertical",
@@ -60427,7 +61423,7 @@ GridToolbarDivider.propTypes = {
 function GridToolbarLabel(props) {
   const other = _objectWithoutPropertiesLoose(props, _excluded2$3);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$d(rootProps);
+  const classes2 = useUtilityClasses$b(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, _extends$2({
     className: classes2.label
   }, other));
@@ -60547,7 +61543,7 @@ GridToolbar.propTypes = {
   sx: _pt.oneOfType([_pt.arrayOf(_pt.oneOfType([_pt.func, _pt.object, _pt.bool])), _pt.func, _pt.object])
 };
 const _excluded$b = ["className", "selectedRowCount"];
-const useUtilityClasses$c = (ownerState) => {
+const useUtilityClasses$a = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -60580,7 +61576,7 @@ const GridSelectedRowCount = forwardRef(function GridSelectedRowCount2(props, re
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$b);
   const apiRef = useGridApiContext();
   const ownerState = useGridRootProps();
-  const classes2 = useUtilityClasses$c(ownerState);
+  const classes2 = useUtilityClasses$a(ownerState);
   const rowSelectedText = apiRef.current.getLocaleText("footerRowSelected")(selectedRowCount);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridSelectedRowCountRoot, _extends$2({
     className: clsx(classes2.root, className),
@@ -60690,7 +61686,7 @@ const SkeletonOverlay = styled$1("div", {
   overflow: "clip"
   // y axis is hidden while the x axis is allowed to overflow
 });
-const useUtilityClasses$b = (ownerState) => {
+const useUtilityClasses$9 = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -60706,7 +61702,7 @@ const GridSkeletonLoadingOverlayInner = forwardRef(function GridSkeletonLoadingO
     slots
   } = rootProps;
   const isRtl = useRtl();
-  const classes2 = useUtilityClasses$b({
+  const classes2 = useUtilityClasses$9({
     classes: rootProps.classes
   });
   const ref2 = React.useRef(null);
@@ -61017,7 +62013,7 @@ GridPagination.propTypes = {
   component: _pt.elementType
 };
 const _excluded$8 = ["className", "rowCount", "visibleRowCount"];
-const useUtilityClasses$a = (ownerState) => {
+const useUtilityClasses$8 = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -61043,7 +62039,7 @@ const GridRowCount = forwardRef(function GridRowCount2(props, ref2) {
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$8);
   const apiRef = useGridApiContext();
   const ownerState = useGridRootProps();
-  const classes2 = useUtilityClasses$a(ownerState);
+  const classes2 = useUtilityClasses$8(ownerState);
   if (rowCount === 0) {
     return null;
   }
@@ -66886,7 +67882,7 @@ const useGridRowSelection = (apiRef, props) => {
     }
   }, []);
 };
-const useUtilityClasses$9 = (ownerState) => {
+const useUtilityClasses$7 = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -66902,7 +67898,7 @@ const useGridRowSelectionPreProcessors = (apiRef, props) => {
   const ownerState = {
     classes: props.classes
   };
-  const classes2 = useUtilityClasses$9(ownerState);
+  const classes2 = useUtilityClasses$7(ownerState);
   const updateSelectionColumn = React.useCallback((columnsState) => {
     const selectionColumn = _extends$2({}, GRID_CHECKBOX_SELECTION_COL_DEF, {
       cellClassName: classes2.cellCheckbox,
@@ -69216,7 +70212,7 @@ const useDataGridComponent = (inputApiRef, props) => {
   useGridDataSource(apiRef, props);
   return apiRef;
 };
-const useUtilityClasses$8 = (ownerState) => {
+const useUtilityClasses$6 = (ownerState) => {
   const {
     classes: classes2,
     headerAlign,
@@ -69286,7 +70282,7 @@ function GridColumnGroupHeader(props) {
   const label2 = headerName ?? groupId;
   const id2 = useId();
   const elementId = groupId === null ? `empty-group-cell-${id2}` : groupId;
-  const classes2 = useUtilityClasses$8(ownerState);
+  const classes2 = useUtilityClasses$6(ownerState);
   React.useLayoutEffect(() => {
     if (hasFocus) {
       const focusableElement = headerCellRef.current.querySelector('[tabindex="0"]');
@@ -69628,7 +70624,7 @@ const useGridColumnHeaders = (props) => {
   };
 };
 const _excluded$3 = ["className"];
-const useUtilityClasses$7 = (ownerState) => {
+const useUtilityClasses$5 = (ownerState) => {
   const {
     classes: classes2
   } = ownerState;
@@ -69652,7 +70648,7 @@ const GridBaseColumnHeaders = forwardRef(function GridColumnHeaders(props, ref2)
     className
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$3);
   const rootProps = useGridRootProps();
-  const classes2 = useUtilityClasses$7(rootProps);
+  const classes2 = useUtilityClasses$5(rootProps);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnHeadersRoot, _extends$2({
     className: clsx(classes2.root, className),
     ownerState: rootProps
@@ -69809,7 +70805,7 @@ const badgeClasses = generateUtilityClasses("MuiBadge", [
 ]);
 const RADIUS_STANDARD = 10;
 const RADIUS_DOT = 4;
-const useUtilityClasses$6 = (ownerState) => {
+const useUtilityClasses$4 = (ownerState) => {
   const {
     color: color2,
     anchorOrigin,
@@ -70071,7 +71067,7 @@ const Badge = /* @__PURE__ */ React.forwardRef(function Badge2(inProps, ref2) {
     overlap,
     variant
   };
-  const classes2 = useUtilityClasses$6(ownerState);
+  const classes2 = useUtilityClasses$4(ownerState);
   const externalForwardedProps = {
     slots: {
       root: (slots == null ? void 0 : slots.root) ?? components.Root,
@@ -70222,614 +71218,6 @@ Badge.propTypes = {
    */
   variant: _pt.oneOfType([_pt.oneOf(["dot", "standard"]), _pt.string])
 };
-function getLinearProgressUtilityClass(slot) {
-  return generateUtilityClass("MuiLinearProgress", slot);
-}
-generateUtilityClasses("MuiLinearProgress", ["root", "colorPrimary", "colorSecondary", "determinate", "indeterminate", "buffer", "query", "dashed", "dashedColorPrimary", "dashedColorSecondary", "bar", "bar1", "bar2", "barColorPrimary", "barColorSecondary", "bar1Indeterminate", "bar1Determinate", "bar1Buffer", "bar2Indeterminate", "bar2Buffer"]);
-const TRANSITION_DURATION = 4;
-const indeterminate1Keyframe = keyframes`
-  0% {
-    left: -35%;
-    right: 100%;
-  }
-
-  60% {
-    left: 100%;
-    right: -90%;
-  }
-
-  100% {
-    left: 100%;
-    right: -90%;
-  }
-`;
-const indeterminate1Animation = typeof indeterminate1Keyframe !== "string" ? css`
-        animation: ${indeterminate1Keyframe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-      ` : null;
-const indeterminate2Keyframe = keyframes`
-  0% {
-    left: -200%;
-    right: 100%;
-  }
-
-  60% {
-    left: 107%;
-    right: -8%;
-  }
-
-  100% {
-    left: 107%;
-    right: -8%;
-  }
-`;
-const indeterminate2Animation = typeof indeterminate2Keyframe !== "string" ? css`
-        animation: ${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
-      ` : null;
-const bufferKeyframe = keyframes`
-  0% {
-    opacity: 1;
-    background-position: 0 -23px;
-  }
-
-  60% {
-    opacity: 0;
-    background-position: 0 -23px;
-  }
-
-  100% {
-    opacity: 1;
-    background-position: -200px -23px;
-  }
-`;
-const bufferAnimation = typeof bufferKeyframe !== "string" ? css`
-        animation: ${bufferKeyframe} 3s infinite linear;
-      ` : null;
-const useUtilityClasses$5 = (ownerState) => {
-  const {
-    classes: classes2,
-    variant,
-    color: color2
-  } = ownerState;
-  const slots = {
-    root: ["root", `color${capitalize$1(color2)}`, variant],
-    dashed: ["dashed", `dashedColor${capitalize$1(color2)}`],
-    bar1: ["bar", "bar1", `barColor${capitalize$1(color2)}`, (variant === "indeterminate" || variant === "query") && "bar1Indeterminate", variant === "determinate" && "bar1Determinate", variant === "buffer" && "bar1Buffer"],
-    bar2: ["bar", "bar2", variant !== "buffer" && `barColor${capitalize$1(color2)}`, variant === "buffer" && `color${capitalize$1(color2)}`, (variant === "indeterminate" || variant === "query") && "bar2Indeterminate", variant === "buffer" && "bar2Buffer"]
-  };
-  return composeClasses(slots, getLinearProgressUtilityClass, classes2);
-};
-const getColorShade = (theme, color2) => {
-  if (theme.vars) {
-    return theme.vars.palette.LinearProgress[`${color2}Bg`];
-  }
-  return theme.palette.mode === "light" ? lighten(theme.palette[color2].main, 0.62) : darken(theme.palette[color2].main, 0.5);
-};
-const LinearProgressRoot = styled("span", {
-  name: "MuiLinearProgress",
-  slot: "Root",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.root, styles2[`color${capitalize$1(ownerState.color)}`], styles2[ownerState.variant]];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  position: "relative",
-  overflow: "hidden",
-  display: "block",
-  height: 4,
-  // Fix Safari's bug during composition of different paint.
-  zIndex: 0,
-  "@media print": {
-    colorAdjust: "exact"
-  },
-  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
-    props: {
-      color: color2
-    },
-    style: {
-      backgroundColor: getColorShade(theme, color2)
-    }
-  })), {
-    props: ({
-      ownerState
-    }) => ownerState.color === "inherit" && ownerState.variant !== "buffer",
-    style: {
-      "&::before": {
-        content: '""',
-        position: "absolute",
-        left: 0,
-        top: 0,
-        right: 0,
-        bottom: 0,
-        backgroundColor: "currentColor",
-        opacity: 0.3
-      }
-    }
-  }, {
-    props: {
-      variant: "buffer"
-    },
-    style: {
-      backgroundColor: "transparent"
-    }
-  }, {
-    props: {
-      variant: "query"
-    },
-    style: {
-      transform: "rotate(180deg)"
-    }
-  }]
-})));
-const LinearProgressDashed = styled("span", {
-  name: "MuiLinearProgress",
-  slot: "Dashed",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.dashed, styles2[`dashedColor${capitalize$1(ownerState.color)}`]];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  position: "absolute",
-  marginTop: 0,
-  height: "100%",
-  width: "100%",
-  backgroundSize: "10px 10px",
-  backgroundPosition: "0 -23px",
-  variants: [{
-    props: {
-      color: "inherit"
-    },
-    style: {
-      opacity: 0.3,
-      backgroundImage: `radial-gradient(currentColor 0%, currentColor 16%, transparent 42%)`
-    }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => {
-    const backgroundColor2 = getColorShade(theme, color2);
-    return {
-      props: {
-        color: color2
-      },
-      style: {
-        backgroundImage: `radial-gradient(${backgroundColor2} 0%, ${backgroundColor2} 16%, transparent 42%)`
-      }
-    };
-  })]
-})), bufferAnimation || {
-  // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
-  animation: `${bufferKeyframe} 3s infinite linear`
-});
-const LinearProgressBar1 = styled("span", {
-  name: "MuiLinearProgress",
-  slot: "Bar1",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.bar, styles2.bar1, styles2[`barColor${capitalize$1(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles2.bar1Indeterminate, ownerState.variant === "determinate" && styles2.bar1Determinate, ownerState.variant === "buffer" && styles2.bar1Buffer];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  width: "100%",
-  position: "absolute",
-  left: 0,
-  bottom: 0,
-  top: 0,
-  transition: "transform 0.2s linear",
-  transformOrigin: "left",
-  variants: [{
-    props: {
-      color: "inherit"
-    },
-    style: {
-      backgroundColor: "currentColor"
-    }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
-    props: {
-      color: color2
-    },
-    style: {
-      backgroundColor: (theme.vars || theme).palette[color2].main
-    }
-  })), {
-    props: {
-      variant: "determinate"
-    },
-    style: {
-      transition: `transform .${TRANSITION_DURATION}s linear`
-    }
-  }, {
-    props: {
-      variant: "buffer"
-    },
-    style: {
-      zIndex: 1,
-      transition: `transform .${TRANSITION_DURATION}s linear`
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
-    style: {
-      width: "auto"
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
-    style: indeterminate1Animation || {
-      animation: `${indeterminate1Keyframe} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite`
-    }
-  }]
-})));
-const LinearProgressBar2 = styled("span", {
-  name: "MuiLinearProgress",
-  slot: "Bar2",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.bar, styles2.bar2, styles2[`barColor${capitalize$1(ownerState.color)}`], (ownerState.variant === "indeterminate" || ownerState.variant === "query") && styles2.bar2Indeterminate, ownerState.variant === "buffer" && styles2.bar2Buffer];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  width: "100%",
-  position: "absolute",
-  left: 0,
-  bottom: 0,
-  top: 0,
-  transition: "transform 0.2s linear",
-  transformOrigin: "left",
-  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
-    props: {
-      color: color2
-    },
-    style: {
-      "--LinearProgressBar2-barColor": (theme.vars || theme).palette[color2].main
-    }
-  })), {
-    props: ({
-      ownerState
-    }) => ownerState.variant !== "buffer" && ownerState.color !== "inherit",
-    style: {
-      backgroundColor: "var(--LinearProgressBar2-barColor, currentColor)"
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.variant !== "buffer" && ownerState.color === "inherit",
-    style: {
-      backgroundColor: "currentColor"
-    }
-  }, {
-    props: {
-      color: "inherit"
-    },
-    style: {
-      opacity: 0.3
-    }
-  }, ...Object.entries(theme.palette).filter(createSimplePaletteValueFilter()).map(([color2]) => ({
-    props: {
-      color: color2,
-      variant: "buffer"
-    },
-    style: {
-      backgroundColor: getColorShade(theme, color2),
-      transition: `transform .${TRANSITION_DURATION}s linear`
-    }
-  })), {
-    props: ({
-      ownerState
-    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
-    style: {
-      width: "auto"
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.variant === "indeterminate" || ownerState.variant === "query",
-    style: indeterminate2Animation || {
-      animation: `${indeterminate2Keyframe} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite`
-    }
-  }]
-})));
-const LinearProgress = /* @__PURE__ */ React.forwardRef(function LinearProgress2(inProps, ref2) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiLinearProgress"
-  });
-  const {
-    className,
-    color: color2 = "primary",
-    value: value2,
-    valueBuffer,
-    variant = "indeterminate",
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    color: color2,
-    variant
-  };
-  const classes2 = useUtilityClasses$5(ownerState);
-  const isRtl = useRtl();
-  const rootProps = {};
-  const inlineStyles = {
-    bar1: {},
-    bar2: {}
-  };
-  if (variant === "determinate" || variant === "buffer") {
-    if (value2 !== void 0) {
-      rootProps["aria-valuenow"] = Math.round(value2);
-      rootProps["aria-valuemin"] = 0;
-      rootProps["aria-valuemax"] = 100;
-      let transform2 = value2 - 100;
-      if (isRtl) {
-        transform2 = -transform2;
-      }
-      inlineStyles.bar1.transform = `translateX(${transform2}%)`;
-    } else {
-      console.error("MUI: You need to provide a value prop when using the determinate or buffer variant of LinearProgress .");
-    }
-  }
-  if (variant === "buffer") {
-    if (valueBuffer !== void 0) {
-      let transform2 = (valueBuffer || 0) - 100;
-      if (isRtl) {
-        transform2 = -transform2;
-      }
-      inlineStyles.bar2.transform = `translateX(${transform2}%)`;
-    } else {
-      console.error("MUI: You need to provide a valueBuffer prop when using the buffer variant of LinearProgress.");
-    }
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(LinearProgressRoot, {
-    className: clsx(classes2.root, className),
-    ownerState,
-    role: "progressbar",
-    ...rootProps,
-    ref: ref2,
-    ...other,
-    children: [variant === "buffer" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressDashed, {
-      className: classes2.dashed,
-      ownerState
-    }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressBar1, {
-      className: classes2.bar1,
-      ownerState,
-      style: inlineStyles.bar1
-    }), variant === "determinate" ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgressBar2, {
-      className: classes2.bar2,
-      ownerState,
-      style: inlineStyles.bar2
-    })]
-  });
-});
-LinearProgress.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _pt.object,
-  /**
-   * @ignore
-   */
-  className: _pt.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: _pt.oneOfType([_pt.oneOf(["inherit", "primary", "secondary"]), _pt.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: _pt.oneOfType([_pt.arrayOf(_pt.oneOfType([_pt.func, _pt.object, _pt.bool])), _pt.func, _pt.object]),
-  /**
-   * The value of the progress indicator for the determinate and buffer variants.
-   * Value between 0 and 100.
-   */
-  value: _pt.number,
-  /**
-   * The value for the buffer variant.
-   * Value between 0 and 100.
-   */
-  valueBuffer: _pt.number,
-  /**
-   * The variant to use.
-   * Use indeterminate or query when there is no progress value.
-   * @default 'indeterminate'
-   */
-  variant: _pt.oneOf(["buffer", "determinate", "indeterminate", "query"])
-};
-function getInputAdornmentUtilityClass(slot) {
-  return generateUtilityClass("MuiInputAdornment", slot);
-}
-const inputAdornmentClasses = generateUtilityClasses("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
-var _span;
-const overridesResolver = (props, styles2) => {
-  const {
-    ownerState
-  } = props;
-  return [styles2.root, styles2[`position${capitalize$1(ownerState.position)}`], ownerState.disablePointerEvents === true && styles2.disablePointerEvents, styles2[ownerState.variant]];
-};
-const useUtilityClasses$4 = (ownerState) => {
-  const {
-    classes: classes2,
-    disablePointerEvents,
-    hiddenLabel,
-    position: position2,
-    size,
-    variant
-  } = ownerState;
-  const slots = {
-    root: ["root", disablePointerEvents && "disablePointerEvents", position2 && `position${capitalize$1(position2)}`, variant, hiddenLabel && "hiddenLabel", size && `size${capitalize$1(size)}`]
-  };
-  return composeClasses(slots, getInputAdornmentUtilityClass, classes2);
-};
-const InputAdornmentRoot = styled("div", {
-  name: "MuiInputAdornment",
-  slot: "Root",
-  overridesResolver
-})(memoTheme(({
-  theme
-}) => ({
-  display: "flex",
-  maxHeight: "2em",
-  alignItems: "center",
-  whiteSpace: "nowrap",
-  color: (theme.vars || theme).palette.action.active,
-  variants: [{
-    props: {
-      variant: "filled"
-    },
-    style: {
-      [`&.${inputAdornmentClasses.positionStart}&:not(.${inputAdornmentClasses.hiddenLabel})`]: {
-        marginTop: 16
-      }
-    }
-  }, {
-    props: {
-      position: "start"
-    },
-    style: {
-      marginRight: 8
-    }
-  }, {
-    props: {
-      position: "end"
-    },
-    style: {
-      marginLeft: 8
-    }
-  }, {
-    props: {
-      disablePointerEvents: true
-    },
-    style: {
-      pointerEvents: "none"
-    }
-  }]
-})));
-const InputAdornment$1 = /* @__PURE__ */ React.forwardRef(function InputAdornment2(inProps, ref2) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiInputAdornment"
-  });
-  const {
-    children: children2,
-    className,
-    component = "div",
-    disablePointerEvents = false,
-    disableTypography = false,
-    position: position2,
-    variant: variantProp,
-    ...other
-  } = props;
-  const muiFormControl = useFormControl() || {};
-  let variant = variantProp;
-  if (variantProp && muiFormControl.variant) {
-    {
-      if (variantProp === muiFormControl.variant) {
-        console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one.");
-      }
-    }
-  }
-  if (muiFormControl && !variant) {
-    variant = muiFormControl.variant;
-  }
-  const ownerState = {
-    ...props,
-    hiddenLabel: muiFormControl.hiddenLabel,
-    size: muiFormControl.size,
-    disablePointerEvents,
-    position: position2,
-    variant
-  };
-  const classes2 = useUtilityClasses$4(ownerState);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlContext.Provider, {
-    value: null,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputAdornmentRoot, {
-      as: component,
-      ownerState,
-      className: clsx(classes2.root, className),
-      ref: ref2,
-      ...other,
-      children: typeof children2 === "string" && !disableTypography ? /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, {
-        color: "textSecondary",
-        children: children2
-      }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
-        children: [position2 === "start" ? (
-          /* notranslate needed while Google Translate will not fix zero-width space issue */
-          _span || (_span = /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-            className: "notranslate",
-            "aria-hidden": true,
-            children: "​"
-          }))
-        ) : null, children2]
-      })
-    })
-  });
-});
-InputAdornment$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component, normally an `IconButton` or string.
-   */
-  children: _pt.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _pt.object,
-  /**
-   * @ignore
-   */
-  className: _pt.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: _pt.elementType,
-  /**
-   * Disable pointer events on the root.
-   * This allows for the content of the adornment to focus the `input` on click.
-   * @default false
-   */
-  disablePointerEvents: _pt.bool,
-  /**
-   * If children is a string then disable wrapping in a Typography component.
-   * @default false
-   */
-  disableTypography: _pt.bool,
-  /**
-   * The position this adornment should appear relative to the `Input`.
-   */
-  position: _pt.oneOf(["end", "start"]).isRequired,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: _pt.oneOfType([_pt.arrayOf(_pt.oneOfType([_pt.func, _pt.object, _pt.bool])), _pt.func, _pt.object]),
-  /**
-   * The variant to use.
-   * Note: If you are using the `TextField` component or the `FormControl` component
-   * you do not have to set this manually.
-   */
-  variant: _pt.oneOf(["filled", "outlined", "standard"])
-};
 function getToolbarUtilityClass(slot) {
   return generateUtilityClass("MuiToolbar", slot);
 }
@@ -87240,7 +87628,7 @@ function getIdentityMatrix$1() {
   }
   return IDENTITY_MATRIX3;
 }
-function identity$d(out) {
+function identity$c(out) {
   out[0] = 1;
   out[1] = 0;
   out[2] = 0;
@@ -87738,7 +88126,7 @@ function lookAt(out, eye, center2, up) {
   var centery = center2[1];
   var centerz = center2[2];
   if (Math.abs(eyex - centerx) < EPSILON$6 && Math.abs(eyey - centery) < EPSILON$6 && Math.abs(eyez - centerz) < EPSILON$6) {
-    return identity$d(out);
+    return identity$c(out);
   }
   z02 = eyex - centerx;
   z1 = eyey - centery;
@@ -88339,7 +88727,7 @@ function create$4() {
   out[3] = 1;
   return out;
 }
-function identity$c(out) {
+function identity$b(out) {
   out[0] = 0;
   out[1] = 0;
   out[2] = 0;
@@ -88571,7 +88959,7 @@ class Quaternion extends MathArray {
     return this.check();
   }
   identity() {
-    identity$c(this);
+    identity$b(this);
     return this.check();
   }
   setAxisAngle(axis2, rad) {
@@ -103785,7 +104173,7 @@ function getPropTypes(props) {
 }
 const ERR_NOT_OBJECT = "count(): argument not an object";
 const ERR_NOT_CONTAINER = "count(): argument not a container";
-function count$2(container) {
+function count$1(container) {
   if (!isObject$2(container)) {
     throw new Error(ERR_NOT_OBJECT);
   }
@@ -104804,7 +105192,7 @@ class Layer extends Component {
     if (this.state && this.state.numInstances !== void 0) {
       return this.state.numInstances;
     }
-    return count$2(this.props.data);
+    return count$1(this.props.data);
   }
   getStartIndices() {
     if (this.props.startIndices) {
@@ -106397,7 +106785,7 @@ const esm$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   _LayersPass: LayersPass,
   _SunLight: SunLight,
   _compareProps: compareProps,
-  _count: count$2,
+  _count: count$1,
   _fillArray: fillArray,
   _flatten: flatten$1,
   _memoize: memoize$2,
@@ -113420,7 +113808,7 @@ const defaultGetValue = (points2) => points2.length;
 const MAX_32_BIT_FLOAT = 3402823466e29;
 const defaultGetPoints = (bin2) => bin2.points;
 const defaultGetIndex = (bin2) => bin2.index;
-const ascending$7 = (a2, b2) => a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
+const ascending$6 = (a2, b2) => a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
 const defaultProps$w = {
   getValue: defaultGetValue,
   getPoints: defaultGetPoints,
@@ -113504,7 +113892,7 @@ class BinSorter {
   }
   getValueRange(percentileRange) {
     if (!this.sortedBins) {
-      this.sortedBins = this.aggregatedBins.sort((a2, b2) => ascending$7(a2.value, b2.value));
+      this.sortedBins = this.aggregatedBins.sort((a2, b2) => ascending$6(a2.value, b2.value));
     }
     if (!this.sortedBins.length) {
       return [];
@@ -113520,7 +113908,7 @@ class BinSorter {
   }
   getValueDomainByScale(scale2, [lower2 = 0, upper = 100] = []) {
     if (!this.sortedBins) {
-      this.sortedBins = this.aggregatedBins.sort((a2, b2) => ascending$7(a2.value, b2.value));
+      this.sortedBins = this.aggregatedBins.sort((a2, b2) => ascending$6(a2.value, b2.value));
     }
     if (!this.sortedBins.length) {
       return [];
@@ -133779,11 +134167,11 @@ _defineProperty$3(MeshLayer, "defaultProps", defaultProps$k);
 const WGS84_RADIUS_X$1 = 6378137;
 const WGS84_RADIUS_Y$1 = 6378137;
 const WGS84_RADIUS_Z$1 = 6356752314245179e-9;
-function identity$b(x2) {
+function identity$a(x2) {
   return x2;
 }
 new Vector3();
-function fromCartographic(cartographic, result = [], map2 = identity$b) {
+function fromCartographic(cartographic, result = [], map2 = identity$a) {
   if ("longitude" in cartographic) {
     result[0] = map2(cartographic.longitude);
     result[1] = map2(cartographic.latitude);
@@ -133800,9 +134188,9 @@ function fromCartographic(cartographic, result = [], map2 = identity$b) {
   return result;
 }
 function fromCartographicToRadians(cartographic, vector = []) {
-  return fromCartographic(cartographic, vector, config._cartographicRadians ? identity$b : toRadians);
+  return fromCartographic(cartographic, vector, config._cartographicRadians ? identity$a : toRadians);
 }
-function toCartographic(vector, cartographic, map2 = identity$b) {
+function toCartographic(vector, cartographic, map2 = identity$a) {
   if ("longitude" in cartographic) {
     cartographic.longitude = map2(vector[0]);
     cartographic.latitude = map2(vector[1]);
@@ -133819,7 +134207,7 @@ function toCartographic(vector, cartographic, map2 = identity$b) {
   return cartographic;
 }
 function toCartographicFromRadians(vector, cartographic) {
-  return toCartographic(vector, cartographic, config._cartographicRadians ? identity$b : toDegrees);
+  return toCartographic(vector, cartographic, config._cartographicRadians ? identity$a : toDegrees);
 }
 const scratchVector$4 = new Vector3();
 const scaleToGeodeticSurfaceIntersection = new Vector3();
@@ -139527,7 +139915,7 @@ function isPointOnLineSegment(lineSegmentStart, lineSegmentEnd, pt, excludeBound
 const epsilon$9 = 11102230246251565e-32;
 const splitter$1 = 134217729;
 const resulterrbound$1 = (3 + 8 * epsilon$9) * epsilon$9;
-function sum$4(elen, e3, flen, f2, h2) {
+function sum$3(elen, e3, flen, f2, h2) {
   let Q2, Qnew, hh, bvirt;
   let enow = e3[0];
   let fnow = f2[0];
@@ -139698,7 +140086,7 @@ function orient2dadapt$1(ax, ay, bx, by, cx, cy, detsum) {
   bvirt = u3 - _j;
   u$1[2] = _j - (u3 - bvirt) + (_i - bvirt);
   u$1[3] = u3;
-  const C1len = sum$4(4, B$3, 4, u$1, C1$1);
+  const C1len = sum$3(4, B$3, 4, u$1, C1$1);
   s1 = acx * bcytail;
   c2 = splitter$1 * acx;
   ahi = c2 - (c2 - acx);
@@ -139728,7 +140116,7 @@ function orient2dadapt$1(ax, ay, bx, by, cx, cy, detsum) {
   bvirt = u3 - _j;
   u$1[2] = _j - (u3 - bvirt) + (_i - bvirt);
   u$1[3] = u3;
-  const C2len = sum$4(C1len, C1$1, 4, u$1, C2$1);
+  const C2len = sum$3(C1len, C1$1, 4, u$1, C2$1);
   s1 = acxtail * bcytail;
   c2 = splitter$1 * acxtail;
   ahi = c2 - (c2 - acxtail);
@@ -139758,7 +140146,7 @@ function orient2dadapt$1(ax, ay, bx, by, cx, cy, detsum) {
   bvirt = u3 - _j;
   u$1[2] = _j - (u3 - bvirt) + (_i - bvirt);
   u$1[3] = u3;
-  const Dlen = sum$4(C2len, C2$1, 4, u$1, D$3);
+  const Dlen = sum$3(C2len, C2$1, 4, u$1, D$3);
   return D$3[Dlen - 1];
 }
 function orient2d$1(ax, ay, bx, by, cx, cy) {
@@ -153175,7 +153563,7 @@ function centroid(object2) {
   }
   return [atan2$2(y2, x2) * degrees$3, asin$3(z2 / sqrt$4(m2)) * degrees$3];
 }
-function constant$7(x2) {
+function constant$6(x2) {
   return function() {
     return x2;
   };
@@ -153259,7 +153647,7 @@ function circleRadius$1(cosRadius, point2) {
   return ((-point2[2] < 0 ? -radius2 : radius2) + tau$4 - epsilon$8) % tau$4;
 }
 function circle$4() {
-  var center2 = constant$7([0, 0]), radius2 = constant$7(90), precision2 = constant$7(6), ring, rotate2, stream2 = { point: point2 };
+  var center2 = constant$6([0, 0]), radius2 = constant$6(90), precision2 = constant$6(6), ring, rotate2, stream2 = { point: point2 };
   function point2(x2, y2) {
     ring.push(x2 = rotate2(x2, y2));
     x2[0] *= degrees$3, x2[1] *= degrees$3;
@@ -153274,13 +153662,13 @@ function circle$4() {
     return c2;
   }
   circle2.center = function(_) {
-    return arguments.length ? (center2 = typeof _ === "function" ? _ : constant$7([+_[0], +_[1]]), circle2) : center2;
+    return arguments.length ? (center2 = typeof _ === "function" ? _ : constant$6([+_[0], +_[1]]), circle2) : center2;
   };
   circle2.radius = function(_) {
-    return arguments.length ? (radius2 = typeof _ === "function" ? _ : constant$7(+_), circle2) : radius2;
+    return arguments.length ? (radius2 = typeof _ === "function" ? _ : constant$6(+_), circle2) : radius2;
   };
   circle2.precision = function(_) {
-    return arguments.length ? (precision2 = typeof _ === "function" ? _ : constant$7(+_), circle2) : precision2;
+    return arguments.length ? (precision2 = typeof _ === "function" ? _ : constant$6(+_), circle2) : precision2;
   };
   return circle2;
 }
@@ -153427,11 +153815,11 @@ function link$1(array2) {
   a2.n = b2 = array2[0];
   b2.p = a2;
 }
-function ascending$6(a2, b2) {
+function ascending$5(a2, b2) {
   return a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
 }
-function bisector$3(compare2) {
-  if (compare2.length === 1) compare2 = ascendingComparator$1(compare2);
+function bisector$2(compare2) {
+  if (compare2.length === 1) compare2 = ascendingComparator(compare2);
   return {
     left: function(a2, x2, lo, hi) {
       if (lo == null) lo = 0;
@@ -153455,12 +153843,12 @@ function bisector$3(compare2) {
     }
   };
 }
-function ascendingComparator$1(f2) {
+function ascendingComparator(f2) {
   return function(d, x2) {
-    return ascending$6(f2(d), x2);
+    return ascending$5(f2(d), x2);
   };
 }
-bisector$3(ascending$6);
+bisector$2(ascending$5);
 function range$7(start2, stop3, step) {
   start2 = +start2, stop3 = +stop3, step = (n2 = arguments.length) < 2 ? (stop3 = start2, start2 = 0, 1) : n2 < 3 ? 1 : +step;
   var i2 = -1, n2 = Math.max(0, Math.ceil((stop3 - start2) / step)) | 0, range2 = new Array(n2);
@@ -153602,7 +153990,7 @@ function clipExtent(x02, y02, x12, y12) {
     return clipStream;
   };
 }
-function extent$2() {
+function extent$1() {
   var x02 = 0, y02 = 0, x12 = 960, y12 = 500, cache2, cacheStream, clip2;
   return clip2 = {
     stream: function(stream2) {
@@ -153613,16 +154001,16 @@ function extent$2() {
     }
   };
 }
-var sum$3 = adder();
+var sum$2 = adder();
 function polygonContains$1(polygon2, point2) {
   var lambda = point2[0], phi2 = point2[1], normal = [sin$3(lambda), -cos$3(lambda), 0], angle2 = 0, winding = 0;
-  sum$3.reset();
+  sum$2.reset();
   for (var i2 = 0, n2 = polygon2.length; i2 < n2; ++i2) {
     if (!(m2 = (ring = polygon2[i2]).length)) continue;
     var ring, m2, point0 = ring[m2 - 1], lambda02 = point0[0], phi02 = point0[1] / 2 + quarterPi$1, sinPhi02 = sin$3(phi02), cosPhi02 = cos$3(phi02);
     for (var j = 0; j < m2; ++j, lambda02 = lambda12, sinPhi02 = sinPhi1, cosPhi02 = cosPhi1, point0 = point1) {
       var point1 = ring[j], lambda12 = point1[0], phi12 = point1[1] / 2 + quarterPi$1, sinPhi1 = sin$3(phi12), cosPhi1 = cos$3(phi12), delta = lambda12 - lambda02, sign2 = delta >= 0 ? 1 : -1, absDelta = sign2 * delta, antimeridian = absDelta > pi$4, k = sinPhi02 * sinPhi1;
-      sum$3.add(atan2$2(k * sign2 * sin$3(absDelta), cosPhi02 * cosPhi1 + k * cos$3(absDelta)));
+      sum$2.add(atan2$2(k * sign2 * sin$3(absDelta), cosPhi02 * cosPhi1 + k * cos$3(absDelta)));
       angle2 += antimeridian ? delta + sign2 * tau$4 : delta;
       if (antimeridian ^ lambda02 >= lambda ^ lambda12 >= lambda) {
         var arc2 = cartesianCross$1(cartesian$1(point0), cartesian$1(point1));
@@ -153636,7 +154024,7 @@ function polygonContains$1(polygon2, point2) {
       }
     }
   }
-  return (angle2 < -1e-6 || angle2 < epsilon$8 && sum$3 < -1e-6) ^ winding & 1;
+  return (angle2 < -1e-6 || angle2 < epsilon$8 && sum$2 < -1e-6) ^ winding & 1;
 }
 var lengthSum$2 = adder(), lambda0$2, sinPhi0$1, cosPhi0$1;
 var lengthStream$2 = {
@@ -153849,7 +154237,7 @@ function interpolate$4(a2, b2) {
   interpolate2.distance = d;
   return interpolate2;
 }
-function identity$a(x2) {
+function identity$9(x2) {
   return x2;
 }
 var areaSum$2 = adder(), areaRingSum$2 = adder(), x00$5, y00$5, x0$8, y0$8;
@@ -154120,7 +154508,7 @@ function index$2(projection2, context2) {
     return centroidStream$2.result();
   };
   path2.projection = function(_) {
-    return arguments.length ? (projectionStream = _ == null ? (projection2 = null, identity$a) : (projection2 = _).stream, path2) : projection2;
+    return arguments.length ? (projectionStream = _ == null ? (projection2 = null, identity$9) : (projection2 = _).stream, path2) : projection2;
   };
   path2.context = function(_) {
     if (!arguments.length) return context2;
@@ -154540,7 +154928,7 @@ function projection$2(project2) {
   })();
 }
 function projectionMutator$1(projectAt) {
-  var project2, k = 150, x2 = 480, y2 = 250, dx, dy, lambda = 0, phi2 = 0, deltaLambda = 0, deltaPhi = 0, deltaGamma = 0, rotate2, projectRotate, theta = null, preclip = clipAntimeridian$1, x02 = null, y02, x12, y12, postclip = identity$a, delta2 = 0.5, projectResample = resample$2(projectTransform, delta2), cache2, cacheStream;
+  var project2, k = 150, x2 = 480, y2 = 250, dx, dy, lambda = 0, phi2 = 0, deltaLambda = 0, deltaPhi = 0, deltaGamma = 0, rotate2, projectRotate, theta = null, preclip = clipAntimeridian$1, x02 = null, y02, x12, y12, postclip = identity$9, delta2 = 0.5, projectResample = resample$2(projectTransform, delta2), cache2, cacheStream;
   function projection2(point2) {
     point2 = projectRotate(point2[0] * radians$2, point2[1] * radians$2);
     return [point2[0] * k + dx, dy - point2[1] * k];
@@ -154559,7 +154947,7 @@ function projectionMutator$1(projectAt) {
     return arguments.length ? (preclip = +_ ? clipCircle$1(theta = _ * radians$2, 6 * radians$2) : (theta = null, clipAntimeridian$1), reset3()) : theta * degrees$3;
   };
   projection2.clipExtent = function(_) {
-    return arguments.length ? (postclip = _ == null ? (x02 = y02 = x12 = y12 = null, identity$a) : clipExtent(x02 = +_[0][0], y02 = +_[0][1], x12 = +_[1][0], y12 = +_[1][1]), reset3()) : x02 == null ? null : [[x02, y02], [x12, y12]];
+    return arguments.length ? (postclip = _ == null ? (x02 = y02 = x12 = y12 = null, identity$9) : clipExtent(x02 = +_[0][0], y02 = +_[0][1], x12 = +_[1][0], y12 = +_[1][1]), reset3()) : x02 == null ? null : [[x02, y02], [x12, y12]];
   };
   projection2.scale = function(_) {
     return arguments.length ? (k = +_, recenter()) : k;
@@ -154831,14 +155219,14 @@ function gnomonic() {
   return projection$2(gnomonicRaw$1).scale(144.049).clipAngle(60);
 }
 function scaleTranslate$1(kx, ky, tx2, ty) {
-  return kx === 1 && ky === 1 && tx2 === 0 && ty === 0 ? identity$a : transformer$4({
+  return kx === 1 && ky === 1 && tx2 === 0 && ty === 0 ? identity$9 : transformer$4({
     point: function(x2, y2) {
       this.stream.point(x2 * kx + tx2, y2 * ky + ty);
     }
   });
 }
-function identity$9() {
-  var k = 1, tx2 = 0, ty = 0, sx = 1, sy = 1, transform2 = identity$a, x02 = null, y02, x12, y12, clip2 = identity$a, cache2, cacheStream, projection2;
+function identity$8() {
+  var k = 1, tx2 = 0, ty = 0, sx = 1, sy = 1, transform2 = identity$9, x02 = null, y02, x12, y12, clip2 = identity$9, cache2, cacheStream, projection2;
   function reset3() {
     cache2 = cacheStream = null;
     return projection2;
@@ -154848,7 +155236,7 @@ function identity$9() {
       return cache2 && cacheStream === stream2 ? cache2 : cache2 = transform2(clip2(cacheStream = stream2));
     },
     clipExtent: function(_) {
-      return arguments.length ? (clip2 = _ == null ? (x02 = y02 = x12 = y12 = null, identity$a) : clipExtent(x02 = +_[0][0], y02 = +_[0][1], x12 = +_[1][0], y12 = +_[1][1]), reset3()) : x02 == null ? null : [[x02, y02], [x12, y12]];
+      return arguments.length ? (clip2 = _ == null ? (x02 = y02 = x12 = y12 = null, identity$9) : clipExtent(x02 = +_[0][0], y02 = +_[0][1], x12 = +_[1][0], y12 = +_[1][1]), reset3()) : x02 == null ? null : [[x02, y02], [x12, y12]];
     },
     scale: function(_) {
       return arguments.length ? (transform2 = scaleTranslate$1((k = +_) * sx, k * sy, tx2, ty), reset3()) : k;
@@ -154936,7 +155324,7 @@ const d3Geo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   geoBounds: bounds$1,
   geoCentroid: centroid,
   geoCircle: circle$4,
-  geoClipExtent: extent$2,
+  geoClipExtent: extent$1,
   geoConicConformal: conicConformal,
   geoConicConformalRaw: conicConformalRaw$1,
   geoConicEqualArea: conicEqualArea,
@@ -154951,7 +155339,7 @@ const d3Geo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   geoGnomonicRaw: gnomonicRaw$1,
   geoGraticule: graticule$1,
   geoGraticule10: graticule10,
-  geoIdentity: identity$9,
+  geoIdentity: identity$8,
   geoInterpolate: interpolate$4,
   geoLength: length$2,
   geoMercator: mercator,
@@ -178762,22 +179150,22 @@ function addDecoder(cases2, importFn) {
   }
   cases2.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-DOcy41Rl.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-C-RMlDwt.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-B56udEa5.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-ahoob13H.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-DToQbO44.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-DQgdM1c8.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-Da1GYtZc.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-CnRvmB8H.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-BuiHI4Et.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-Ckd3nQz8.js").then((m2) => m2.default));
 addDecoder(
   34887,
-  () => import("./lerc-_NCoDm-Z.js").then(async (m2) => {
+  () => import("./lerc-DdM66WTL.js").then(async (m2) => {
     await m2.zstd.init();
     return m2;
   }).then((m2) => m2.default)
 );
-addDecoder(50001, () => import("./webimage-BnfvBie4.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-CKIhq6Gi.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset2 = 0;
@@ -188746,341 +189134,8 @@ void main() {
   DECKGL_FILTER_COLOR(gl_FragColor, geometry);
 }
 `;
-function ascending$5(a2, b2) {
-  return a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
-}
-function bisector$2(f2) {
-  let delta = f2;
-  let compare2 = f2;
-  if (f2.length === 1) {
-    delta = (d, x2) => f2(d) - x2;
-    compare2 = ascendingComparator(f2);
-  }
-  function left2(a2, x2, lo, hi) {
-    if (lo == null) lo = 0;
-    if (hi == null) hi = a2.length;
-    while (lo < hi) {
-      const mid = lo + hi >>> 1;
-      if (compare2(a2[mid], x2) < 0) lo = mid + 1;
-      else hi = mid;
-    }
-    return lo;
-  }
-  function right2(a2, x2, lo, hi) {
-    if (lo == null) lo = 0;
-    if (hi == null) hi = a2.length;
-    while (lo < hi) {
-      const mid = lo + hi >>> 1;
-      if (compare2(a2[mid], x2) > 0) hi = mid;
-      else lo = mid + 1;
-    }
-    return lo;
-  }
-  function center2(a2, x2, lo, hi) {
-    if (lo == null) lo = 0;
-    if (hi == null) hi = a2.length;
-    const i2 = left2(a2, x2, lo, hi - 1);
-    return i2 > lo && delta(a2[i2 - 1], x2) > -delta(a2[i2], x2) ? i2 - 1 : i2;
-  }
-  return { left: left2, center: center2, right: right2 };
-}
-function ascendingComparator(f2) {
-  return (d, x2) => ascending$5(f2(d), x2);
-}
-function number$8(x2) {
-  return x2 === null ? NaN : +x2;
-}
-const ascendingBisect$1 = bisector$2(ascending$5);
-const bisectRight$2 = ascendingBisect$1.right;
-bisector$2(number$8).center;
-function count$1(values2, valueof) {
-  let count2 = 0;
-  {
-    for (let value2 of values2) {
-      if (value2 != null && (value2 = +value2) >= value2) {
-        ++count2;
-      }
-    }
-  }
-  return count2;
-}
-function variance$1(values2, valueof) {
-  let count2 = 0;
-  let delta;
-  let mean2 = 0;
-  let sum2 = 0;
-  {
-    for (let value2 of values2) {
-      if (value2 != null && (value2 = +value2) >= value2) {
-        delta = value2 - mean2;
-        mean2 += delta / ++count2;
-        sum2 += delta * (value2 - mean2);
-      }
-    }
-  }
-  if (count2 > 1) return sum2 / (count2 - 1);
-}
-function deviation$1(values2, valueof) {
-  const v = variance$1(values2);
-  return v ? Math.sqrt(v) : v;
-}
-function extent$1(values2, valueof) {
-  let min2;
-  let max2;
-  if (valueof === void 0) {
-    for (const value2 of values2) {
-      if (value2 != null) {
-        if (min2 === void 0) {
-          if (value2 >= value2) min2 = max2 = value2;
-        } else {
-          if (min2 > value2) min2 = value2;
-          if (max2 < value2) max2 = value2;
-        }
-      }
-    }
-  } else {
-    let index2 = -1;
-    for (let value2 of values2) {
-      if ((value2 = valueof(value2, ++index2, values2)) != null) {
-        if (min2 === void 0) {
-          if (value2 >= value2) min2 = max2 = value2;
-        } else {
-          if (min2 > value2) min2 = value2;
-          if (max2 < value2) max2 = value2;
-        }
-      }
-    }
-  }
-  return [min2, max2];
-}
-class InternMap2 extends Map {
-  constructor(entries2, key2 = keyof) {
-    super();
-    Object.defineProperties(this, { _intern: { value: /* @__PURE__ */ new Map() }, _key: { value: key2 } });
-    if (entries2 != null) for (const [key22, value2] of entries2) this.set(key22, value2);
-  }
-  get(key2) {
-    return super.get(intern_get(this, key2));
-  }
-  has(key2) {
-    return super.has(intern_get(this, key2));
-  }
-  set(key2, value2) {
-    return super.set(intern_set(this, key2), value2);
-  }
-  delete(key2) {
-    return super.delete(intern_delete(this, key2));
-  }
-}
-function intern_get({ _intern, _key }, value2) {
-  const key2 = _key(value2);
-  return _intern.has(key2) ? _intern.get(key2) : value2;
-}
-function intern_set({ _intern, _key }, value2) {
-  const key2 = _key(value2);
-  if (_intern.has(key2)) return _intern.get(key2);
-  _intern.set(key2, value2);
-  return value2;
-}
-function intern_delete({ _intern, _key }, value2) {
-  const key2 = _key(value2);
-  if (_intern.has(key2)) {
-    value2 = _intern.get(value2);
-    _intern.delete(key2);
-  }
-  return value2;
-}
-function keyof(value2) {
-  return value2 !== null && typeof value2 === "object" ? value2.valueOf() : value2;
-}
-function identity$8(x2) {
-  return x2;
-}
-function rollup(values2, reduce2, ...keys2) {
-  return nest$1(values2, identity$8, reduce2, keys2);
-}
-function nest$1(values2, map2, reduce2, keys2) {
-  return function regroup(values22, i2) {
-    if (i2 >= keys2.length) return reduce2(values22);
-    const groups2 = new InternMap2();
-    const keyof2 = keys2[i2++];
-    let index2 = -1;
-    for (const value2 of values22) {
-      const key2 = keyof2(value2, ++index2, values22);
-      const group2 = groups2.get(key2);
-      if (group2) group2.push(value2);
-      else groups2.set(key2, [value2]);
-    }
-    for (const [key2, values3] of groups2) {
-      groups2.set(key2, regroup(values3, i2));
-    }
-    return map2(groups2);
-  }(values2, 0);
-}
-var array$8 = Array.prototype;
-var slice$4 = array$8.slice;
-function constant$6(x2) {
-  return function() {
-    return x2;
-  };
-}
-var e10$1 = Math.sqrt(50), e5$1 = Math.sqrt(10), e2$1 = Math.sqrt(2);
-function ticks$1(start2, stop3, count2) {
-  var reverse2, i2 = -1, n2, ticks2, step;
-  stop3 = +stop3, start2 = +start2, count2 = +count2;
-  if (start2 === stop3 && count2 > 0) return [start2];
-  if (reverse2 = stop3 < start2) n2 = start2, start2 = stop3, stop3 = n2;
-  if ((step = tickIncrement$1(start2, stop3, count2)) === 0 || !isFinite(step)) return [];
-  if (step > 0) {
-    let r0 = Math.round(start2 / step), r1 = Math.round(stop3 / step);
-    if (r0 * step < start2) ++r0;
-    if (r1 * step > stop3) --r1;
-    ticks2 = new Array(n2 = r1 - r0 + 1);
-    while (++i2 < n2) ticks2[i2] = (r0 + i2) * step;
-  } else {
-    step = -step;
-    let r0 = Math.round(start2 * step), r1 = Math.round(stop3 * step);
-    if (r0 / step < start2) ++r0;
-    if (r1 / step > stop3) --r1;
-    ticks2 = new Array(n2 = r1 - r0 + 1);
-    while (++i2 < n2) ticks2[i2] = (r0 + i2) / step;
-  }
-  if (reverse2) ticks2.reverse();
-  return ticks2;
-}
-function tickIncrement$1(start2, stop3, count2) {
-  var step = (stop3 - start2) / Math.max(0, count2), power = Math.floor(Math.log(step) / Math.LN10), error2 = step / Math.pow(10, power);
-  return power >= 0 ? (error2 >= e10$1 ? 10 : error2 >= e5$1 ? 5 : error2 >= e2$1 ? 2 : 1) * Math.pow(10, power) : -Math.pow(10, -power) / (error2 >= e10$1 ? 10 : error2 >= e5$1 ? 5 : error2 >= e2$1 ? 2 : 1);
-}
-function nice$2(start2, stop3, count2) {
-  let prestep;
-  while (true) {
-    const step = tickIncrement$1(start2, stop3, count2);
-    if (step === prestep || step === 0 || !isFinite(step)) {
-      return [start2, stop3];
-    } else if (step > 0) {
-      start2 = Math.floor(start2 / step) * step;
-      stop3 = Math.ceil(stop3 / step) * step;
-    } else if (step < 0) {
-      start2 = Math.ceil(start2 * step) / step;
-      stop3 = Math.floor(stop3 * step) / step;
-    }
-    prestep = step;
-  }
-}
-function sturges(values2) {
-  return Math.ceil(Math.log(count$1(values2)) / Math.LN2) + 1;
-}
-function bin$2() {
-  var value2 = identity$8, domain2 = extent$1, threshold2 = sturges;
-  function histogram(data2) {
-    if (!Array.isArray(data2)) data2 = Array.from(data2);
-    var i2, n2 = data2.length, x2, values2 = new Array(n2);
-    for (i2 = 0; i2 < n2; ++i2) {
-      values2[i2] = value2(data2[i2], i2, data2);
-    }
-    var xz = domain2(values2), x02 = xz[0], x12 = xz[1], tz = threshold2(values2, x02, x12);
-    if (!Array.isArray(tz)) {
-      const max2 = x12, tn = +tz;
-      if (domain2 === extent$1) [x02, x12] = nice$2(x02, x12, tn);
-      tz = ticks$1(x02, x12, tn);
-      if (tz[tz.length - 1] >= x12) {
-        if (max2 >= x12 && domain2 === extent$1) {
-          const step = tickIncrement$1(x02, x12, tn);
-          if (isFinite(step)) {
-            if (step > 0) {
-              x12 = (Math.floor(x12 / step) + 1) * step;
-            } else if (step < 0) {
-              x12 = (Math.ceil(x12 * -step) + 1) / -step;
-            }
-          }
-        } else {
-          tz.pop();
-        }
-      }
-    }
-    var m2 = tz.length;
-    while (tz[0] <= x02) tz.shift(), --m2;
-    while (tz[m2 - 1] > x12) tz.pop(), --m2;
-    var bins2 = new Array(m2 + 1), bin2;
-    for (i2 = 0; i2 <= m2; ++i2) {
-      bin2 = bins2[i2] = [];
-      bin2.x0 = i2 > 0 ? tz[i2 - 1] : x02;
-      bin2.x1 = i2 < m2 ? tz[i2] : x12;
-    }
-    for (i2 = 0; i2 < n2; ++i2) {
-      x2 = values2[i2];
-      if (x02 <= x2 && x2 <= x12) {
-        bins2[bisectRight$2(tz, x2, 0, m2)].push(data2[i2]);
-      }
-    }
-    return bins2;
-  }
-  histogram.value = function(_) {
-    return arguments.length ? (value2 = typeof _ === "function" ? _ : constant$6(_), histogram) : value2;
-  };
-  histogram.domain = function(_) {
-    return arguments.length ? (domain2 = typeof _ === "function" ? _ : constant$6([_[0], _[1]]), histogram) : domain2;
-  };
-  histogram.thresholds = function(_) {
-    return arguments.length ? (threshold2 = typeof _ === "function" ? _ : Array.isArray(_) ? constant$6(slice$4.call(_)) : constant$6(_), histogram) : threshold2;
-  };
-  return histogram;
-}
-function max$3(values2, valueof) {
-  let max2;
-  {
-    for (const value2 of values2) {
-      if (value2 != null && (max2 < value2 || max2 === void 0 && value2 >= value2)) {
-        max2 = value2;
-      }
-    }
-  }
-  return max2;
-}
-function min$3(values2, valueof) {
-  let min2;
-  {
-    for (const value2 of values2) {
-      if (value2 != null && (min2 > value2 || min2 === void 0 && value2 >= value2)) {
-        min2 = value2;
-      }
-    }
-  }
-  return min2;
-}
-function quantileSorted$1(values2, p, valueof = number$8) {
-  if (!(n2 = values2.length)) return;
-  if ((p = +p) <= 0 || n2 < 2) return +valueof(values2[0], 0, values2);
-  if (p >= 1) return +valueof(values2[n2 - 1], n2 - 1, values2);
-  var n2, i2 = (n2 - 1) * p, i0 = Math.floor(i2), value0 = +valueof(values2[i0], i0, values2), value1 = +valueof(values2[i0 + 1], i0 + 1, values2);
-  return value0 + (value1 - value0) * (i2 - i0);
-}
-function mean$1(values2, valueof) {
-  let count2 = 0;
-  let sum2 = 0;
-  {
-    for (let value2 of values2) {
-      if (value2 != null && (value2 = +value2) >= value2) {
-        ++count2, sum2 += value2;
-      }
-    }
-  }
-  if (count2) return sum2 / count2;
-}
-function sum$2(values2, valueof) {
-  let sum2 = 0;
-  {
-    for (let value2 of values2) {
-      if (value2 = +value2) {
-        sum2 += value2;
-      }
-    }
-  }
-  return sum2;
-}
 function normalize$3(arr) {
-  const [min2, max2] = extent$1(arr);
+  const [min2, max2] = extent$2(arr);
   const ratio = 255 / (max2 - min2);
   const data2 = new Uint8Array(arr.map((i2) => Math.floor((i2 - min2) * ratio)));
   return data2;
@@ -189092,9 +189147,9 @@ function multiSetsToTextureData(multiFeatureValues, multiMatrixObsIndex, setColo
     var _a3, _b2, _c2, _d2;
     if (isSetColorMode) {
       totalColorsLength += (((_b2 = (_a3 = setColorValues[channelIndex]) == null ? void 0 : _a3.setColors) == null ? void 0 : _b2.length) ?? 0) * 3;
-      totalValuesLength += ((_c2 = setColorValues[channelIndex]) == null ? void 0 : _c2.obsIndex) ? max$3(setColorValues[channelIndex].obsIndex.map((d) => parseInt(d))) : 0;
+      totalValuesLength += ((_c2 = setColorValues[channelIndex]) == null ? void 0 : _c2.obsIndex) ? max$4(setColorValues[channelIndex].obsIndex.map((d) => parseInt(d))) : 0;
     } else {
-      totalValuesLength += multiMatrixObsIndex[channelIndex] ? max$3(multiMatrixObsIndex[channelIndex].map((d) => parseInt(d))) : ((_d2 = multiFeatureValues[channelIndex]) == null ? void 0 : _d2.length) ?? 0;
+      totalValuesLength += multiMatrixObsIndex[channelIndex] ? max$4(multiMatrixObsIndex[channelIndex].map((d) => parseInt(d))) : ((_d2 = multiFeatureValues[channelIndex]) == null ? void 0 : _d2.length) ?? 0;
     }
   });
   const valueTexHeight = Math.max(2, Math.ceil(totalValuesLength / texSize));
@@ -193065,7 +193120,7 @@ function initInterpolator(domain2, interpolator) {
 }
 const implicit = Symbol("implicit");
 function ordinal() {
-  var index2 = new InternMap$1(), domain2 = [], range2 = [], unknown = implicit;
+  var index2 = new InternMap2(), domain2 = [], range2 = [], unknown = implicit;
   function scale2(d) {
     let i2 = index2.get(d);
     if (i2 === void 0) {
@@ -193076,7 +193131,7 @@ function ordinal() {
   }
   scale2.domain = function(_) {
     if (!arguments.length) return domain2.slice();
-    domain2 = [], index2 = new InternMap$1();
+    domain2 = [], index2 = new InternMap2();
     for (const value2 of _) {
       if (index2.has(value2)) continue;
       index2.set(value2, domain2.push(value2) - 1);
@@ -198559,7 +198614,7 @@ const useStyles$1 = makeStyles()(() => ({
   }
 }));
 function summarize(iterable, keepZeros) {
-  const values2 = iterable.filter((d) => keepZeros).sort(ascending$5);
+  const values2 = iterable.filter((d) => keepZeros).sort(ascending$7);
   const minVal = values2[0];
   const maxVal = values2[values2.length - 1];
   const q1 = quantileSorted$1(values2, 0.25);
@@ -198586,11 +198641,11 @@ function summarize(iterable, keepZeros) {
   };
 }
 function dotStratifiedExpressionData(stratifiedResult, posThreshold) {
-  const result = new InternMap$1([], JSON.stringify);
+  const result = new InternMap2([], JSON.stringify);
   Array.from(stratifiedResult.entries()).forEach(([cellSetKey, firstLevelInternMap]) => {
-    result.set(cellSetKey, new InternMap$1([], JSON.stringify));
+    result.set(cellSetKey, new InternMap2([], JSON.stringify));
     Array.from(firstLevelInternMap.entries()).forEach(([sampleSetKey, secondLevelInternMap]) => {
-      result.get(cellSetKey).set(sampleSetKey, new InternMap$1([], JSON.stringify));
+      result.get(cellSetKey).set(sampleSetKey, new InternMap2([], JSON.stringify));
       Array.from(secondLevelInternMap.entries()).forEach(([geneKey, values2]) => {
         if (values2) {
           const exprMean = mean$1(values2);
@@ -198608,9 +198663,9 @@ function dotStratifiedExpressionData(stratifiedResult, posThreshold) {
   return result;
 }
 function summarizeStratifiedExpressionData(stratifiedResult, keepZeros) {
-  const summarizedResult = new InternMap$1([], JSON.stringify);
+  const summarizedResult = new InternMap2([], JSON.stringify);
   Array.from(stratifiedResult.entries()).forEach(([cellSetKey, firstLevelInternMap]) => {
-    summarizedResult.set(cellSetKey, new InternMap$1([], JSON.stringify));
+    summarizedResult.set(cellSetKey, new InternMap2([], JSON.stringify));
     Array.from(firstLevelInternMap.entries()).forEach(([sampleSetKey, secondLevelInternMap]) => {
       const values2 = secondLevelInternMap;
       const summary = summarize(values2, keepZeros);
@@ -198632,14 +198687,14 @@ function histogramStratifiedExpressionData(summarizedResult, binCount, yMinProp)
     value: value2.map(({ key: subKey, value: subValue }) => ({ key: subKey, value: subValue.nonOutliers }))
   }));
   const trimmedData = groupData.map((kv) => kv.value.map((subKv) => subKv.value).flat()).flat();
-  const yMin = yMinProp === null ? Math.min(0, min$3(trimmedData)) : yMinProp;
-  const y2 = linear$1().domain([yMin, max$3(trimmedData)]);
+  const yMin = yMinProp === null ? Math.min(0, min$4(trimmedData)) : yMinProp;
+  const y2 = linear$1().domain([yMin, max$4(trimmedData)]);
   const histogram = bin$2().thresholds(y2.ticks(binCount)).domain(y2.domain());
   const groupBins = groupData.map((kv) => ({
     key: kv.key,
     value: kv.value.map((subKv) => ({ key: subKv.key, value: histogram(subKv.value) }))
   }));
-  const groupBinsMax = max$3(
+  const groupBinsMax = max$4(
     groupBins.flatMap((d) => d.value.flatMap((subKv) => subKv.value.map((v) => v.length)))
   );
   return {
@@ -250058,7 +250113,15 @@ function ExpressionHistogram(props) {
   } = props;
   const [selectedRanges, setSelectedRanges] = useState([]);
   const isExpression = featureType === "gene" && featureValueType === "expression";
-  const xTitle = geneSelection && geneSelection.length >= 1 ? isExpression ? `Expression Value (${geneSelection[0]})` : `${geneSelection[0]}` : isExpression ? "Total Transcript Count" : "Sum of Feature Values";
+  const xTitle = useMemo(() => {
+    if (!geneSelection || geneSelection.length === 0) {
+      return isExpression ? "Total Transcript Count" : "Sum of Feature Values";
+    }
+    if (geneSelection.length > 1) {
+      return isExpression ? "Expression Value (aggregated)" : "Aggregated Feature Value";
+    }
+    return isExpression ? `Expression Value (${geneSelection[0]})` : `${geneSelection[0]}`;
+  }, [geneSelection, isExpression]);
   const spec = {
     data: { values: data2 },
     mark: "bar",
@@ -250134,6 +250197,7 @@ function ExpressionHistogramSubscriber(props) {
     featureType,
     featureValueType,
     featureSelection: geneSelection,
+    featureAggregationStrategy,
     additionalObsSets: additionalCellSets,
     obsSetColor: cellSetColor
   }, {
@@ -250183,12 +250247,26 @@ function ExpressionHistogramSubscriber(props) {
   const urls = useUrls([
     matrixUrls
   ]);
-  const firstGeneSelected = geneSelection && geneSelection.length >= 1 ? geneSelection[0] : null;
+  const numGenesSelected = geneSelection ? geneSelection.length : 0;
+  const aggregationStrategy = featureAggregationStrategy ?? "first";
+  const titleSuffix = (
+    // eslint-disable-next-line no-nested-ternary
+    numGenesSelected > 1 ? ` (${numGenesSelected} genes, ${aggregationStrategy})` : numGenesSelected === 1 ? ` (${geneSelection[0]})` : ""
+  );
   const data2 = useMemo(() => {
-    if (firstGeneSelected && obsFeatureMatrix && expressionData) {
+    if (numGenesSelected > 0 && obsFeatureMatrix && expressionData) {
+      let expressionDataToUse = expressionData;
+      if (numGenesSelected > 1) {
+        const aggregatedData = aggregateFeatureArrays(expressionData, aggregationStrategy);
+        if (aggregatedData) {
+          expressionDataToUse = [aggregatedData];
+        } else {
+          console.error("Error aggregating feature arrays");
+        }
+      }
       return obsIndex.map((cellId, cellIndex) => {
-        const value2 = expressionData[0][cellIndex];
-        const newItem = { value: value2, gene: firstGeneSelected, cellId };
+        const value2 = expressionDataToUse[0][cellIndex];
+        const newItem = { value: value2, cellId };
         return newItem;
       });
     }
@@ -250196,15 +250274,25 @@ function ExpressionHistogramSubscriber(props) {
       const numGenes = featureIndex.length;
       return obsIndex.map((cellId, cellIndex) => {
         const values2 = obsFeatureMatrix.data.subarray(cellIndex * numGenes, (cellIndex + 1) * numGenes);
-        const sumValue = sum$2(values2);
-        const newItem = { value: sumValue, gene: null, cellId };
+        const sumValue = sum$4(values2);
+        const newItem = { value: sumValue, cellId };
         return newItem;
       });
     }
     return null;
-  }, [obsIndex, featureIndex, obsFeatureMatrix, firstGeneSelected, expressionData]);
+  }, [
+    obsIndex,
+    featureIndex,
+    obsFeatureMatrix,
+    expressionData,
+    numGenesSelected,
+    aggregationStrategy
+  ]);
   const onSelect = useCallback((value2) => {
-    const geneName = firstGeneSelected ? [firstGeneSelected, "values"].join(" ") : "transcript count";
+    const geneName = (
+      // eslint-disable-next-line no-nested-ternary
+      numGenesSelected > 1 ? `${numGenesSelected} genes (${aggregationStrategy})` : numGenesSelected === 1 ? ` ${geneSelection[0]}` : "transcript count"
+    );
     const selectedCellIds = getObsInfoFromDataWithinRange(value2, data2);
     setObsSelection(
       selectedCellIds,
@@ -250225,12 +250313,14 @@ function ExpressionHistogramSubscriber(props) {
     setCellColorEncoding,
     setCellSetColor,
     setCellSetSelection,
-    firstGeneSelected
+    numGenesSelected,
+    aggregationStrategy,
+    geneSelection
   ]);
   return /* @__PURE__ */ React__default.createElement(
     TitleInfo,
     {
-      title: `Histogram${firstGeneSelected ? ` (${firstGeneSelected})` : ""}`,
+      title: `Histogram ${titleSuffix}`,
       closeButtonVisible,
       downloadButtonVisible,
       removeGridComponent,
@@ -250470,11 +250560,11 @@ function useExpressionSummaries(sampleEdges, sampleSets, sampleSetSelection, exp
         posThreshold
       );
       const geneToUuid = new Map(geneSelection == null ? void 0 : geneSelection.map((gene) => [gene, v4$1()]));
-      const cellSetToUuid = new InternMap$1(
+      const cellSetToUuid = new InternMap2(
         cellSetSelection == null ? void 0 : cellSetSelection.map((sampleSet) => [sampleSet, v4$1()]),
         JSON.stringify
       );
-      const sampleSetToUuid = new InternMap$1(
+      const sampleSetToUuid = new InternMap2(
         sampleSetSelection == null ? void 0 : sampleSetSelection.map((sampleSet) => [sampleSet, v4$1()]),
         JSON.stringify
       );
@@ -250804,7 +250894,7 @@ function FeatureBarPlot(props) {
     const xTitle = `${capitalize$3(obsType)}`;
     const autoMarginBottom = marginBottom || 30 + Math.sqrt(maxCharactersForLabel / 2) * 30;
     const foregroundColor = theme === "dark" ? "lightgray" : "black";
-    data2.sort((a2, b2) => ascending$5(a2[FEATURE_KEY], b2[FEATURE_KEY]));
+    data2.sort((a2, b2) => ascending$7(a2[FEATURE_KEY], b2[FEATURE_KEY]));
     const svg = select$1(domElement);
     svg.selectAll("g").remove();
     svg.attr("width", width2).attr("height", height2);
@@ -251392,14 +251482,14 @@ function TreemapSubscriber(props) {
   );
   const [obsCounts, sampleCounts] = useMemo(() => {
     var _a3, _b2;
-    const obsResult = new InternMap$1([], JSON.stringify);
-    const sampleResult = new InternMap$1([], JSON.stringify);
+    const obsResult = new InternMap2([], JSON.stringify);
+    const sampleResult = new InternMap2([], JSON.stringify);
     const hasSampleSetSelection = Array.isArray(sampleSetSelection) && sampleSetSelection.length > 0;
     const hasCellSetSelection = Array.isArray(obsSetSelection) && obsSetSelection.length > 0;
     const sampleSetKeys = hasSampleSetSelection ? sampleSetSelection : [null];
     const cellSetKeys = hasCellSetSelection ? obsSetSelection : [null];
     cellSetKeys.forEach((cellSetKey) => {
-      obsResult.set(cellSetKey, new InternMap$1([], JSON.stringify));
+      obsResult.set(cellSetKey, new InternMap2([], JSON.stringify));
       sampleSetKeys.forEach((sampleSetKey) => {
         obsResult.get(cellSetKey).set(sampleSetKey, 0);
       });
@@ -251540,13 +251630,13 @@ function VolcanoPlot(props) {
     if (!computedData) {
       return [null, null];
     }
-    let xExtentResult = extent$1(
-      computedData.flatMap((d) => extent$1(d.df.logFoldChange))
+    let xExtentResult = extent$2(
+      computedData.flatMap((d) => extent$2(d.df.logFoldChange))
     );
     const xAbsMax = Math.max(Math.abs(xExtentResult[0]), Math.abs(xExtentResult[1]));
     xExtentResult = [-xAbsMax, xAbsMax];
-    const yExtentResult = extent$1(
-      computedData.flatMap((d) => extent$1(d.df.minusLog10p.filter((v) => Number.isFinite(v))))
+    const yExtentResult = extent$2(
+      computedData.flatMap((d) => extent$2(d.df.minusLog10p.filter((v) => Number.isFinite(v))))
     );
     return [xExtentResult, yExtentResult];
   }, [computedData]);
@@ -252004,7 +252094,7 @@ function CellSetCompositionBarPlot(props) {
   };
   const xExtent = useMemo(() => {
     if (computedData) {
-      const [min2, max2] = extent$1(computedData.map((d) => d.logFoldChange));
+      const [min2, max2] = extent$2(computedData.map((d) => d.logFoldChange));
       const buffer2 = 1.05;
       const minAbs = Math.abs(min2) * buffer2;
       const maxAbs = Math.abs(max2) * buffer2;