@vitessce/scatterplot-gating 3.1.0 → 3.1.2

package/dist/{index-c974ea79.js → index-4ac2413a.js}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React__default, { useLayoutEffect, useEffect, cloneElement, createElement, forwardRef, useState, useRef, useMemo, useImperativeHandle, Children, isValidElement, PureComponent, useCallback } from "react";
+import React__default, { useLayoutEffect, useEffect, cloneElement, createElement, forwardRef, useState, useRef, useMemo, useImperativeHandle, Children, isValidElement, PureComponent, useId, useCallback } from "react";
 import { usePlotOptionsStyles, OptionsContainer, CellColorEncodingOption, OptionSelect, useVitessceContainer, useComponentHover, useComponentViewInfo, useLoaders, useSetComponentHover, useSetComponentViewInfo, useCoordination, useDeckCanvasSize, useObsSetsData, useFeatureSelection, useObsFeatureMatrixIndices, useReady, useUrls, useUint8FeatureSelection, useExpressionValueGetter, TitleInfo } from "@vitessce/vit-s";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
@@ -788,9 +788,9 @@ var reactJsxRuntime_development = {};
         }
         if (isArray2(node)) {
           for (var i2 = 0; i2 < node.length; i2++) {
-            var child2 = node[i2];
-            if (isValidElement2(child2)) {
-              validateExplicitKey(child2, parentType);
+            var child = node[i2];
+            if (isValidElement2(child)) {
+              validateExplicitKey(child, parentType);
             }
           }
         } else if (isValidElement2(node)) {
@@ -940,332 +940,6 @@ var reactJsxRuntime_development = {};
   jsxRuntime.exports = reactJsxRuntime_development;
 }
 var jsxRuntimeExports = jsxRuntime.exports;
-var irregularPlurals$1 = { exports: {} };
-const addendum = "addenda";
-const aircraft = "aircraft";
-const alga = "algae";
-const alumna = "alumnae";
-const alumnus = "alumni";
-const amoeba = "amoebae";
-const analysis = "analyses";
-const antenna = "antennae";
-const antithesis = "antitheses";
-const apex = "apices";
-const appendix = "appendices";
-const automaton = "automata";
-const axis = "axes";
-const bacillus = "bacilli";
-const bacterium = "bacteria";
-const barracks = "barracks";
-const basis$1 = "bases";
-const beau = "beaux";
-const bison = "bison";
-const buffalo = "buffalo";
-const bureau = "bureaus";
-const cactus = "cacti";
-const calf = "calves";
-const carp = "carp";
-const census = "censuses";
-const chassis = "chassis";
-const cherub = "cherubim";
-const child = "children";
-const cod = "cod";
-const codex = "codices";
-const concerto = "concerti";
-const corpus = "corpora";
-const crisis = "crises";
-const criterion = "criteria";
-const curriculum = "curricula";
-const datum = "data";
-const deer = "deer";
-const diagnosis = "diagnoses";
-const die = "dice";
-const dwarf = "dwarfs";
-const echo = "echoes";
-const elf = "elves";
-const elk = "elk";
-const ellipsis = "ellipses";
-const embargo = "embargoes";
-const emphasis = "emphases";
-const erratum = "errata";
-const fez = "fezes";
-const firmware = "firmware";
-const fish = "fish";
-const focus = "foci";
-const foot = "feet";
-const formula = "formulae";
-const fungus = "fungi";
-const gallows = "gallows";
-const genus = "genera";
-const goose = "geese";
-const graffito = "graffiti";
-const grouse = "grouse";
-const half = "halves";
-const hero = "heroes";
-const hoof = "hooves";
-const hovercraft = "hovercraft";
-const hypothesis = "hypotheses";
-const index$1 = "indices";
-const kakapo = "kakapo";
-const knife = "knives";
-const larva = "larvae";
-const leaf = "leaves";
-const libretto = "libretti";
-const life = "lives";
-const loaf = "loaves";
-const locus = "loci";
-const louse = "lice";
-const man = "men";
-const matrix = "matrices";
-const means = "means";
-const medium = "media";
-const media = "media";
-const memorandum = "memoranda";
-const millennium = "millennia";
-const minutia = "minutiae";
-const moose = "moose";
-const mouse = "mice";
-const nebula$1 = "nebulae";
-const nemesis = "nemeses";
-const neurosis = "neuroses";
-const news = "news";
-const nucleus = "nuclei";
-const oasis = "oases";
-const offspring = "offspring";
-const opus = "opera";
-const ovum = "ova";
-const ox = "oxen";
-const paralysis = "paralyses";
-const parenthesis = "parentheses";
-const person = "people";
-const phenomenon = "phenomena";
-const phylum = "phyla";
-const pike = "pike";
-const polyhedron = "polyhedra";
-const potato = "potatoes";
-const prognosis = "prognoses";
-const quiz = "quizzes";
-const radius = "radii";
-const referendum = "referenda";
-const salmon = "salmon";
-const scarf = "scarves";
-const self$1 = "selves";
-const series = "series";
-const sheep = "sheep";
-const shelf = "shelves";
-const shrimp = "shrimp";
-const soliloquy = "soliloquies";
-const spacecraft = "spacecraft";
-const species = "species";
-const spectrum = "spectra";
-const squid = "squid";
-const stimulus = "stimuli";
-const stratum = "strata";
-const swine = "swine";
-const syllabus = "syllabi";
-const symposium = "symposia";
-const synopsis = "synopses";
-const synthesis = "syntheses";
-const tableau = "tableaus";
-const that = "those";
-const thesis = "theses";
-const thief = "thieves";
-const tomato = "tomatoes";
-const tooth = "teeth";
-const trout = "trout";
-const tuna = "tuna";
-const vertebra = "vertebrae";
-const vertex = "vertices";
-const veto = "vetoes";
-const vita = "vitae";
-const vortex = "vortices";
-const watercraft = "watercraft";
-const wharf = "wharves";
-const wife = "wives";
-const wolf = "wolves";
-const woman = "women";
-const require$$0$7 = {
-  addendum,
-  aircraft,
-  alga,
-  alumna,
-  alumnus,
-  amoeba,
-  analysis,
-  antenna,
-  antithesis,
-  apex,
-  appendix,
-  automaton,
-  axis,
-  bacillus,
-  bacterium,
-  barracks,
-  basis: basis$1,
-  beau,
-  bison,
-  buffalo,
-  bureau,
-  cactus,
-  calf,
-  carp,
-  census,
-  chassis,
-  cherub,
-  child,
-  "château": "châteaus",
-  cod,
-  codex,
-  concerto,
-  corpus,
-  crisis,
-  criterion,
-  curriculum,
-  datum,
-  deer,
-  diagnosis,
-  die,
-  dwarf,
-  echo,
-  elf,
-  elk,
-  ellipsis,
-  embargo,
-  emphasis,
-  erratum,
-  "faux pas": "faux pas",
-  fez,
-  firmware,
-  fish,
-  focus,
-  foot,
-  formula,
-  fungus,
-  gallows,
-  genus,
-  goose,
-  graffito,
-  grouse,
-  half,
-  hero,
-  hoof,
-  hovercraft,
-  hypothesis,
-  index: index$1,
-  kakapo,
-  knife,
-  larva,
-  leaf,
-  libretto,
-  life,
-  loaf,
-  locus,
-  louse,
-  man,
-  matrix,
-  means,
-  medium,
-  media,
-  memorandum,
-  millennium,
-  minutia,
-  moose,
-  mouse,
-  nebula: nebula$1,
-  nemesis,
-  neurosis,
-  news,
-  nucleus,
-  oasis,
-  offspring,
-  opus,
-  ovum,
-  ox,
-  paralysis,
-  parenthesis,
-  person,
-  phenomenon,
-  phylum,
-  pike,
-  polyhedron,
-  potato,
-  prognosis,
-  quiz,
-  radius,
-  referendum,
-  salmon,
-  scarf,
-  self: self$1,
-  series,
-  sheep,
-  shelf,
-  shrimp,
-  soliloquy,
-  spacecraft,
-  species,
-  spectrum,
-  squid,
-  stimulus,
-  stratum,
-  swine,
-  syllabus,
-  symposium,
-  synopsis,
-  synthesis,
-  tableau,
-  that,
-  thesis,
-  thief,
-  "this": "these",
-  tomato,
-  tooth,
-  trout,
-  tuna,
-  vertebra,
-  vertex,
-  veto,
-  vita,
-  vortex,
-  watercraft,
-  wharf,
-  wife,
-  wolf,
-  woman
-};
-irregularPlurals$1.exports;
-(function(module2) {
-  const irregularPlurals2 = require$$0$7;
-  Object.defineProperty(module2, "exports", {
-    get() {
-      return new Map(Object.entries(irregularPlurals2));
-    }
-  });
-})(irregularPlurals$1);
-var irregularPluralsExports = irregularPlurals$1.exports;
-const irregularPlurals = /* @__PURE__ */ getDefaultExportFromCjs(irregularPluralsExports);
-function plur(word, plural, count2) {
-  if (typeof plural === "number") {
-    count2 = plural;
-  }
-  if (irregularPlurals.has(word.toLowerCase())) {
-    plural = irregularPlurals.get(word.toLowerCase());
-    const firstLetter = word.charAt(0);
-    const isFirstLetterUpperCase = firstLetter === firstLetter.toUpperCase();
-    if (isFirstLetterUpperCase) {
-      plural = firstLetter + plural.slice(1);
-    }
-    const isWholeWordUpperCase = word === word.toUpperCase();
-    if (isWholeWordUpperCase) {
-      plural = plural.toUpperCase();
-    }
-  } else if (typeof plural !== "string") {
-    plural = (word.replace(/(?:s|x|z|ch|sh)$/i, "$&e").replace(/([^aeiou])y$/i, "$1ie") + "s").replace(/i?e?s$/i, (match) => {
-      const isTailLowerCase = word.slice(-1) === word.slice(-1).toLowerCase();
-      return isTailLowerCase ? match.toLowerCase() : match.toUpperCase();
-    });
-  }
-  return Math.abs(count2) === 1 ? word : plural;
-}
 function extent$1(values2, valueof) {
   let min;
   let max;
@@ -2531,6 +2205,363 @@ function createRange(fromRight) {
 }
 var range$4 = createRange();
 const range$5 = range$4;
+function commonjsRequire(path) {
+  throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+var pluralize$1 = { exports: {} };
+(function(module2, exports2) {
+  (function(root2, pluralize2) {
+    if (typeof commonjsRequire === "function" && true && true) {
+      module2.exports = pluralize2();
+    } else {
+      root2.pluralize = pluralize2();
+    }
+  })(commonjsGlobal, function() {
+    var pluralRules = [];
+    var singularRules = [];
+    var uncountables = {};
+    var irregularPlurals = {};
+    var irregularSingles = {};
+    function sanitizeRule(rule) {
+      if (typeof rule === "string") {
+        return new RegExp("^" + rule + "$", "i");
+      }
+      return rule;
+    }
+    function restoreCase(word, token) {
+      if (word === token)
+        return token;
+      if (word === word.toLowerCase())
+        return token.toLowerCase();
+      if (word === word.toUpperCase())
+        return token.toUpperCase();
+      if (word[0] === word[0].toUpperCase()) {
+        return token.charAt(0).toUpperCase() + token.substr(1).toLowerCase();
+      }
+      return token.toLowerCase();
+    }
+    function interpolate2(str, args) {
+      return str.replace(/\$(\d{1,2})/g, function(match, index2) {
+        return args[index2] || "";
+      });
+    }
+    function replace(word, rule) {
+      return word.replace(rule[0], function(match, index2) {
+        var result = interpolate2(rule[1], arguments);
+        if (match === "") {
+          return restoreCase(word[index2 - 1], result);
+        }
+        return restoreCase(match, result);
+      });
+    }
+    function sanitizeWord(token, word, rules) {
+      if (!token.length || uncountables.hasOwnProperty(token)) {
+        return word;
+      }
+      var len2 = rules.length;
+      while (len2--) {
+        var rule = rules[len2];
+        if (rule[0].test(word))
+          return replace(word, rule);
+      }
+      return word;
+    }
+    function replaceWord(replaceMap, keepMap, rules) {
+      return function(word) {
+        var token = word.toLowerCase();
+        if (keepMap.hasOwnProperty(token)) {
+          return restoreCase(word, token);
+        }
+        if (replaceMap.hasOwnProperty(token)) {
+          return restoreCase(word, replaceMap[token]);
+        }
+        return sanitizeWord(token, word, rules);
+      };
+    }
+    function checkWord(replaceMap, keepMap, rules, bool) {
+      return function(word) {
+        var token = word.toLowerCase();
+        if (keepMap.hasOwnProperty(token))
+          return true;
+        if (replaceMap.hasOwnProperty(token))
+          return false;
+        return sanitizeWord(token, token, rules) === token;
+      };
+    }
+    function pluralize2(word, count2, inclusive) {
+      var pluralized = count2 === 1 ? pluralize2.singular(word) : pluralize2.plural(word);
+      return (inclusive ? count2 + " " : "") + pluralized;
+    }
+    pluralize2.plural = replaceWord(
+      irregularSingles,
+      irregularPlurals,
+      pluralRules
+    );
+    pluralize2.isPlural = checkWord(
+      irregularSingles,
+      irregularPlurals,
+      pluralRules
+    );
+    pluralize2.singular = replaceWord(
+      irregularPlurals,
+      irregularSingles,
+      singularRules
+    );
+    pluralize2.isSingular = checkWord(
+      irregularPlurals,
+      irregularSingles,
+      singularRules
+    );
+    pluralize2.addPluralRule = function(rule, replacement) {
+      pluralRules.push([sanitizeRule(rule), replacement]);
+    };
+    pluralize2.addSingularRule = function(rule, replacement) {
+      singularRules.push([sanitizeRule(rule), replacement]);
+    };
+    pluralize2.addUncountableRule = function(word) {
+      if (typeof word === "string") {
+        uncountables[word.toLowerCase()] = true;
+        return;
+      }
+      pluralize2.addPluralRule(word, "$0");
+      pluralize2.addSingularRule(word, "$0");
+    };
+    pluralize2.addIrregularRule = function(single, plural) {
+      plural = plural.toLowerCase();
+      single = single.toLowerCase();
+      irregularSingles[single] = plural;
+      irregularPlurals[plural] = single;
+    };
+    [
+      // Pronouns.
+      ["I", "we"],
+      ["me", "us"],
+      ["he", "they"],
+      ["she", "they"],
+      ["them", "them"],
+      ["myself", "ourselves"],
+      ["yourself", "yourselves"],
+      ["itself", "themselves"],
+      ["herself", "themselves"],
+      ["himself", "themselves"],
+      ["themself", "themselves"],
+      ["is", "are"],
+      ["was", "were"],
+      ["has", "have"],
+      ["this", "these"],
+      ["that", "those"],
+      // Words ending in with a consonant and `o`.
+      ["echo", "echoes"],
+      ["dingo", "dingoes"],
+      ["volcano", "volcanoes"],
+      ["tornado", "tornadoes"],
+      ["torpedo", "torpedoes"],
+      // Ends with `us`.
+      ["genus", "genera"],
+      ["viscus", "viscera"],
+      // Ends with `ma`.
+      ["stigma", "stigmata"],
+      ["stoma", "stomata"],
+      ["dogma", "dogmata"],
+      ["lemma", "lemmata"],
+      ["schema", "schemata"],
+      ["anathema", "anathemata"],
+      // Other irregular rules.
+      ["ox", "oxen"],
+      ["axe", "axes"],
+      ["die", "dice"],
+      ["yes", "yeses"],
+      ["foot", "feet"],
+      ["eave", "eaves"],
+      ["goose", "geese"],
+      ["tooth", "teeth"],
+      ["quiz", "quizzes"],
+      ["human", "humans"],
+      ["proof", "proofs"],
+      ["carve", "carves"],
+      ["valve", "valves"],
+      ["looey", "looies"],
+      ["thief", "thieves"],
+      ["groove", "grooves"],
+      ["pickaxe", "pickaxes"],
+      ["passerby", "passersby"]
+    ].forEach(function(rule) {
+      return pluralize2.addIrregularRule(rule[0], rule[1]);
+    });
+    [
+      [/s?$/i, "s"],
+      [/[^\u0000-\u007F]$/i, "$0"],
+      [/([^aeiou]ese)$/i, "$1"],
+      [/(ax|test)is$/i, "$1es"],
+      [/(alias|[^aou]us|t[lm]as|gas|ris)$/i, "$1es"],
+      [/(e[mn]u)s?$/i, "$1s"],
+      [/([^l]ias|[aeiou]las|[ejzr]as|[iu]am)$/i, "$1"],
+      [/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i, "$1i"],
+      [/(alumn|alg|vertebr)(?:a|ae)$/i, "$1ae"],
+      [/(seraph|cherub)(?:im)?$/i, "$1im"],
+      [/(her|at|gr)o$/i, "$1oes"],
+      [/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|automat|quor)(?:a|um)$/i, "$1a"],
+      [/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)(?:a|on)$/i, "$1a"],
+      [/sis$/i, "ses"],
+      [/(?:(kni|wi|li)fe|(ar|l|ea|eo|oa|hoo)f)$/i, "$1$2ves"],
+      [/([^aeiouy]|qu)y$/i, "$1ies"],
+      [/([^ch][ieo][ln])ey$/i, "$1ies"],
+      [/(x|ch|ss|sh|zz)$/i, "$1es"],
+      [/(matr|cod|mur|sil|vert|ind|append)(?:ix|ex)$/i, "$1ices"],
+      [/\b((?:tit)?m|l)(?:ice|ouse)$/i, "$1ice"],
+      [/(pe)(?:rson|ople)$/i, "$1ople"],
+      [/(child)(?:ren)?$/i, "$1ren"],
+      [/eaux$/i, "$0"],
+      [/m[ae]n$/i, "men"],
+      ["thou", "you"]
+    ].forEach(function(rule) {
+      return pluralize2.addPluralRule(rule[0], rule[1]);
+    });
+    [
+      [/s$/i, ""],
+      [/(ss)$/i, "$1"],
+      [/(wi|kni|(?:after|half|high|low|mid|non|night|[^\w]|^)li)ves$/i, "$1fe"],
+      [/(ar|(?:wo|[ae])l|[eo][ao])ves$/i, "$1f"],
+      [/ies$/i, "y"],
+      [/\b([pl]|zomb|(?:neck|cross)?t|coll|faer|food|gen|goon|group|lass|talk|goal|cut)ies$/i, "$1ie"],
+      [/\b(mon|smil)ies$/i, "$1ey"],
+      [/\b((?:tit)?m|l)ice$/i, "$1ouse"],
+      [/(seraph|cherub)im$/i, "$1"],
+      [/(x|ch|ss|sh|zz|tto|go|cho|alias|[^aou]us|t[lm]as|gas|(?:her|at|gr)o|[aeiou]ris)(?:es)?$/i, "$1"],
+      [/(analy|diagno|parenthe|progno|synop|the|empha|cri|ne)(?:sis|ses)$/i, "$1sis"],
+      [/(movie|twelve|abuse|e[mn]u)s$/i, "$1"],
+      [/(test)(?:is|es)$/i, "$1is"],
+      [/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i, "$1us"],
+      [/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|quor)a$/i, "$1um"],
+      [/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)a$/i, "$1on"],
+      [/(alumn|alg|vertebr)ae$/i, "$1a"],
+      [/(cod|mur|sil|vert|ind)ices$/i, "$1ex"],
+      [/(matr|append)ices$/i, "$1ix"],
+      [/(pe)(rson|ople)$/i, "$1rson"],
+      [/(child)ren$/i, "$1"],
+      [/(eau)x?$/i, "$1"],
+      [/men$/i, "man"]
+    ].forEach(function(rule) {
+      return pluralize2.addSingularRule(rule[0], rule[1]);
+    });
+    [
+      // Singular words with no plurals.
+      "adulthood",
+      "advice",
+      "agenda",
+      "aid",
+      "aircraft",
+      "alcohol",
+      "ammo",
+      "analytics",
+      "anime",
+      "athletics",
+      "audio",
+      "bison",
+      "blood",
+      "bream",
+      "buffalo",
+      "butter",
+      "carp",
+      "cash",
+      "chassis",
+      "chess",
+      "clothing",
+      "cod",
+      "commerce",
+      "cooperation",
+      "corps",
+      "debris",
+      "diabetes",
+      "digestion",
+      "elk",
+      "energy",
+      "equipment",
+      "excretion",
+      "expertise",
+      "firmware",
+      "flounder",
+      "fun",
+      "gallows",
+      "garbage",
+      "graffiti",
+      "hardware",
+      "headquarters",
+      "health",
+      "herpes",
+      "highjinks",
+      "homework",
+      "housework",
+      "information",
+      "jeans",
+      "justice",
+      "kudos",
+      "labour",
+      "literature",
+      "machinery",
+      "mackerel",
+      "mail",
+      "media",
+      "mews",
+      "moose",
+      "music",
+      "mud",
+      "manga",
+      "news",
+      "only",
+      "personnel",
+      "pike",
+      "plankton",
+      "pliers",
+      "police",
+      "pollution",
+      "premises",
+      "rain",
+      "research",
+      "rice",
+      "salmon",
+      "scissors",
+      "series",
+      "sewage",
+      "shambles",
+      "shrimp",
+      "software",
+      "species",
+      "staff",
+      "swine",
+      "tennis",
+      "traffic",
+      "transportation",
+      "trout",
+      "tuna",
+      "wealth",
+      "welfare",
+      "whiting",
+      "wildebeest",
+      "wildlife",
+      "you",
+      /pok[eé]mon$/i,
+      // Regexes.
+      /[^aeiou]ese$/i,
+      // "chinese", "japanese"
+      /deer$/i,
+      // "deer", "reindeer"
+      /fish$/i,
+      // "fish", "blowfish", "angelfish"
+      /measles$/i,
+      /o[iu]s$/i,
+      // "carnivorous"
+      /pox$/i,
+      // "chickpox", "smallpox"
+      /sheep$/i
+    ].forEach(pluralize2.addUncountableRule);
+    return pluralize2;
+  });
+})(pluralize$1);
+var pluralizeExports = pluralize$1.exports;
+const plur = /* @__PURE__ */ getDefaultExportFromCjs(pluralizeExports);
+plur.addPluralRule("glomerulus", "glomeruli");
+plur.addPluralRule("interstitium", "interstitia");
 function fromEntries(iterable) {
   return [...iterable].reduce((obj, { 0: key, 1: val }) => Object.assign(obj, { [key]: val }), {});
 }
@@ -2541,6 +2572,9 @@ function commaNumber(n2) {
 function capitalize$1(word) {
   return word ? word.charAt(0).toUpperCase() + word.slice(1) : "";
 }
+function pluralize(word, count2 = null) {
+  return plur(word, count2);
+}
 function getNextScope(prevScopes) {
   const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
   const nextCharIndices = [0];
@@ -4109,12 +4143,12 @@ function findCandidate(tree, a2, b, c2, d, maxDist, segTree) {
   var node = tree.data;
   while (node) {
     for (var i2 = 0; i2 < node.children.length; i2++) {
-      var child2 = node.children[i2];
-      var dist = node.leaf ? sqSegDist(child2, b, c2) : sqSegBoxDist(b, c2, child2);
+      var child = node.children[i2];
+      var dist = node.leaf ? sqSegDist(child, b, c2) : sqSegBoxDist(b, c2, child);
       if (dist > maxDist)
         continue;
       queue.push({
-        node: child2,
+        node: child,
         dist
       });
     }
@@ -8065,7 +8099,7 @@ function nodeTransform(node, predicate, transform2, transformedPaths, currPath =
   if ("children" in node) {
     return {
       ...node,
-      children: node.children.map((child2) => nodeTransform(child2, predicate, transform2, transformedPaths, newPath.concat([child2.name])))
+      children: node.children.map((child) => nodeTransform(child, predicate, transform2, transformedPaths, newPath.concat([child.name])))
     };
   }
   return node;
@@ -12642,7 +12676,7 @@ function nodeFindNodeByNamePath(node, path, currLevelIndex) {
       return node;
     }
     if (node.children) {
-      const foundNodes = node.children.map((child2) => nodeFindNodeByNamePath(child2, path, currLevelIndex + 1)).filter(Boolean);
+      const foundNodes = node.children.map((child) => nodeFindNodeByNamePath(child, path, currLevelIndex + 1)).filter(Boolean);
       if (foundNodes.length === 1) {
         return foundNodes[0];
       }
@@ -12761,10 +12795,10 @@ var json2csv_umd = { exports: {} };
       this._maxListeners = n2;
       return this;
     };
-    function $getMaxListeners(that2) {
-      if (that2._maxListeners === void 0)
+    function $getMaxListeners(that) {
+      if (that._maxListeners === void 0)
         return EventEmitter2.defaultMaxListeners;
-      return that2._maxListeners;
+      return that._maxListeners;
     }
     EventEmitter2.prototype.getMaxListeners = function getMaxListeners2() {
       return $getMaxListeners(this);
@@ -13268,20 +13302,20 @@ var json2csv_umd = { exports: {} };
     function kMaxLength() {
       return Buffer3.TYPED_ARRAY_SUPPORT ? 2147483647 : 1073741823;
     }
-    function createBuffer(that2, length2) {
+    function createBuffer(that, length2) {
       if (kMaxLength() < length2) {
         throw new RangeError("Invalid typed array length");
       }
       if (Buffer3.TYPED_ARRAY_SUPPORT) {
-        that2 = new Uint8Array(length2);
-        that2.__proto__ = Buffer3.prototype;
+        that = new Uint8Array(length2);
+        that.__proto__ = Buffer3.prototype;
       } else {
-        if (that2 === null) {
-          that2 = new Buffer3(length2);
+        if (that === null) {
+          that = new Buffer3(length2);
         }
-        that2.length = length2;
+        that.length = length2;
       }
-      return that2;
+      return that;
     }
     function Buffer3(arg, encodingOrOffset, length2) {
       if (!Buffer3.TYPED_ARRAY_SUPPORT && !(this instanceof Buffer3)) {
@@ -13302,17 +13336,17 @@ var json2csv_umd = { exports: {} };
       arr.__proto__ = Buffer3.prototype;
       return arr;
     };
-    function from(that2, value, encodingOrOffset, length2) {
+    function from(that, value, encodingOrOffset, length2) {
       if (typeof value === "number") {
         throw new TypeError('"value" argument must not be a number');
       }
       if (typeof ArrayBuffer !== "undefined" && value instanceof ArrayBuffer) {
-        return fromArrayBuffer(that2, value, encodingOrOffset, length2);
+        return fromArrayBuffer(that, value, encodingOrOffset, length2);
       }
       if (typeof value === "string") {
-        return fromString(that2, value, encodingOrOffset);
+        return fromString(that, value, encodingOrOffset);
       }
-      return fromObject(that2, value);
+      return fromObject(that, value);
     }
     Buffer3.from = function(value, encodingOrOffset, length2) {
       return from(null, value, encodingOrOffset, length2);
@@ -13328,28 +13362,28 @@ var json2csv_umd = { exports: {} };
         throw new RangeError('"size" argument must not be negative');
       }
     }
-    function alloc(that2, size, fill, encoding) {
+    function alloc(that, size, fill, encoding) {
       assertSize(size);
       if (size <= 0) {
-        return createBuffer(that2, size);
+        return createBuffer(that, size);
       }
       if (fill !== void 0) {
-        return typeof encoding === "string" ? createBuffer(that2, size).fill(fill, encoding) : createBuffer(that2, size).fill(fill);
+        return typeof encoding === "string" ? createBuffer(that, size).fill(fill, encoding) : createBuffer(that, size).fill(fill);
       }
-      return createBuffer(that2, size);
+      return createBuffer(that, size);
     }
     Buffer3.alloc = function(size, fill, encoding) {
       return alloc(null, size, fill, encoding);
     };
-    function allocUnsafe2(that2, size) {
+    function allocUnsafe2(that, size) {
       assertSize(size);
-      that2 = createBuffer(that2, size < 0 ? 0 : checked(size) | 0);
+      that = createBuffer(that, size < 0 ? 0 : checked(size) | 0);
       if (!Buffer3.TYPED_ARRAY_SUPPORT) {
         for (var i2 = 0; i2 < size; ++i2) {
-          that2[i2] = 0;
+          that[i2] = 0;
         }
       }
-      return that2;
+      return that;
     }
     Buffer3.allocUnsafe = function(size) {
       return allocUnsafe2(null, size);
@@ -13357,7 +13391,7 @@ var json2csv_umd = { exports: {} };
     Buffer3.allocUnsafeSlow = function(size) {
       return allocUnsafe2(null, size);
     };
-    function fromString(that2, string, encoding) {
+    function fromString(that, string, encoding) {
       if (typeof encoding !== "string" || encoding === "") {
         encoding = "utf8";
       }
@@ -13365,22 +13399,22 @@ var json2csv_umd = { exports: {} };
         throw new TypeError('"encoding" must be a valid string encoding');
       }
       var length2 = byteLength(string, encoding) | 0;
-      that2 = createBuffer(that2, length2);
-      var actual = that2.write(string, encoding);
+      that = createBuffer(that, length2);
+      var actual = that.write(string, encoding);
       if (actual !== length2) {
-        that2 = that2.slice(0, actual);
+        that = that.slice(0, actual);
       }
-      return that2;
+      return that;
     }
-    function fromArrayLike(that2, array) {
+    function fromArrayLike(that, array) {
       var length2 = array.length < 0 ? 0 : checked(array.length) | 0;
-      that2 = createBuffer(that2, length2);
+      that = createBuffer(that, length2);
       for (var i2 = 0; i2 < length2; i2 += 1) {
-        that2[i2] = array[i2] & 255;
+        that[i2] = array[i2] & 255;
       }
-      return that2;
+      return that;
     }
-    function fromArrayBuffer(that2, array, byteOffset, length2) {
+    function fromArrayBuffer(that, array, byteOffset, length2) {
       array.byteLength;
       if (byteOffset < 0 || array.byteLength < byteOffset) {
         throw new RangeError("'offset' is out of bounds");
@@ -13396,32 +13430,32 @@ var json2csv_umd = { exports: {} };
         array = new Uint8Array(array, byteOffset, length2);
       }
       if (Buffer3.TYPED_ARRAY_SUPPORT) {
-        that2 = array;
-        that2.__proto__ = Buffer3.prototype;
+        that = array;
+        that.__proto__ = Buffer3.prototype;
       } else {
-        that2 = fromArrayLike(that2, array);
+        that = fromArrayLike(that, array);
       }
-      return that2;
+      return that;
     }
-    function fromObject(that2, obj) {
+    function fromObject(that, obj) {
       if (internalIsBuffer(obj)) {
         var len2 = checked(obj.length) | 0;
-        that2 = createBuffer(that2, len2);
-        if (that2.length === 0) {
-          return that2;
+        that = createBuffer(that, len2);
+        if (that.length === 0) {
+          return that;
         }
-        obj.copy(that2, 0, 0, len2);
-        return that2;
+        obj.copy(that, 0, 0, len2);
+        return that;
       }
       if (obj) {
         if (typeof ArrayBuffer !== "undefined" && obj.buffer instanceof ArrayBuffer || "length" in obj) {
           if (typeof obj.length !== "number" || isnan(obj.length)) {
-            return createBuffer(that2, 0);
+            return createBuffer(that, 0);
           }
-          return fromArrayLike(that2, obj);
+          return fromArrayLike(that, obj);
         }
         if (obj.type === "Buffer" && isArray2(obj.data)) {
-          return fromArrayLike(that2, obj.data);
+          return fromArrayLike(that, obj.data);
         }
       }
       throw new TypeError("First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object.");
@@ -18306,9 +18340,9 @@ function tree_add(d) {
 function add$6(tree, x2, y2, d) {
   if (isNaN(x2) || isNaN(y2))
     return tree;
-  var parent, node = tree._root, leaf2 = { data: d }, x02 = tree._x0, y02 = tree._y0, x12 = tree._x1, y12 = tree._y1, xm, ym, xp, yp, right, bottom, i2, j;
+  var parent, node = tree._root, leaf = { data: d }, x02 = tree._x0, y02 = tree._y0, x12 = tree._x1, y12 = tree._y1, xm, ym, xp, yp, right, bottom, i2, j;
   if (!node)
-    return tree._root = leaf2, tree;
+    return tree._root = leaf, tree;
   while (node.length) {
     if (right = x2 >= (xm = (x02 + x12) / 2))
       x02 = xm;
@@ -18319,12 +18353,12 @@ function add$6(tree, x2, y2, d) {
     else
       y12 = ym;
     if (parent = node, !(node = node[i2 = bottom << 1 | right]))
-      return parent[i2] = leaf2, tree;
+      return parent[i2] = leaf, tree;
   }
   xp = +tree._x.call(null, node.data);
   yp = +tree._y.call(null, node.data);
   if (x2 === xp && y2 === yp)
-    return leaf2.next = node, parent ? parent[i2] = leaf2 : tree._root = leaf2, tree;
+    return leaf.next = node, parent ? parent[i2] = leaf : tree._root = leaf, tree;
   do {
     parent = parent ? parent[i2] = new Array(4) : tree._root = new Array(4);
     if (right = x2 >= (xm = (x02 + x12) / 2))
@@ -18336,7 +18370,7 @@ function add$6(tree, x2, y2, d) {
     else
       y12 = ym;
   } while ((i2 = bottom << 1 | right) === (j = (yp >= ym) << 1 | xp >= xm));
-  return parent[j] = node, parent[i2] = leaf2, tree;
+  return parent[j] = node, parent[i2] = leaf, tree;
 }
 function addAll(data) {
   var d, i2, n2 = data.length, x2, y2, xz = new Array(n2), yz = new Array(n2), x02 = Infinity, y02 = Infinity, x12 = -Infinity, y12 = -Infinity;
@@ -18418,16 +18452,16 @@ function Quad(node, x02, y02, x12, y12) {
   this.x1 = x12;
   this.y1 = y12;
 }
-function tree_find(x2, y2, radius2) {
+function tree_find(x2, y2, radius) {
   var data, x02 = this._x0, y02 = this._y0, x12, y12, x22, y22, x3 = this._x1, y3 = this._y1, quads = [], node = this._root, q, i2;
   if (node)
     quads.push(new Quad(node, x02, y02, x3, y3));
-  if (radius2 == null)
-    radius2 = Infinity;
+  if (radius == null)
+    radius = Infinity;
   else {
-    x02 = x2 - radius2, y02 = y2 - radius2;
-    x3 = x2 + radius2, y3 = y2 + radius2;
-    radius2 *= radius2;
+    x02 = x2 - radius, y02 = y2 - radius;
+    x3 = x2 + radius, y3 = y2 + radius;
+    radius *= radius;
   }
   while (q = quads.pop()) {
     if (!(node = q.node) || (x12 = q.x0) > x3 || (y12 = q.y0) > y3 || (x22 = q.x1) < x02 || (y22 = q.y1) < y02)
@@ -18447,8 +18481,8 @@ function tree_find(x2, y2, radius2) {
       }
     } else {
       var dx = x2 - +this._x.call(null, node.data), dy = y2 - +this._y.call(null, node.data), d2 = dx * dx + dy * dy;
-      if (d2 < radius2) {
-        var d = Math.sqrt(radius2 = d2);
+      if (d2 < radius) {
+        var d = Math.sqrt(radius = d2);
         x02 = x2 - d, y02 = y2 - d;
         x3 = x2 + d, y3 = y2 + d;
         data = node.data;
@@ -18517,20 +18551,20 @@ function tree_size() {
   return size;
 }
 function tree_visit(callback) {
-  var quads = [], q, node = this._root, child2, x02, y02, x12, y12;
+  var quads = [], q, node = this._root, child, x02, y02, x12, y12;
   if (node)
     quads.push(new Quad(node, this._x0, this._y0, this._x1, this._y1));
   while (q = quads.pop()) {
     if (!callback(node = q.node, x02 = q.x0, y02 = q.y0, x12 = q.x1, y12 = q.y1) && node.length) {
       var xm = (x02 + x12) / 2, ym = (y02 + y12) / 2;
-      if (child2 = node[3])
-        quads.push(new Quad(child2, xm, ym, x12, y12));
-      if (child2 = node[2])
-        quads.push(new Quad(child2, x02, ym, xm, y12));
-      if (child2 = node[1])
-        quads.push(new Quad(child2, xm, y02, x12, ym));
-      if (child2 = node[0])
-        quads.push(new Quad(child2, x02, y02, xm, ym));
+      if (child = node[3])
+        quads.push(new Quad(child, xm, ym, x12, y12));
+      if (child = node[2])
+        quads.push(new Quad(child, x02, ym, xm, y12));
+      if (child = node[1])
+        quads.push(new Quad(child, xm, y02, x12, ym));
+      if (child = node[0])
+        quads.push(new Quad(child, x02, y02, xm, ym));
     }
   }
   return this;
@@ -18542,15 +18576,15 @@ function tree_visitAfter(callback) {
   while (q = quads.pop()) {
     var node = q.node;
     if (node.length) {
-      var child2, x02 = q.x0, y02 = q.y0, x12 = q.x1, y12 = q.y1, xm = (x02 + x12) / 2, ym = (y02 + y12) / 2;
-      if (child2 = node[0])
-        quads.push(new Quad(child2, x02, y02, xm, ym));
-      if (child2 = node[1])
-        quads.push(new Quad(child2, xm, y02, x12, ym));
-      if (child2 = node[2])
-        quads.push(new Quad(child2, x02, ym, xm, y12));
-      if (child2 = node[3])
-        quads.push(new Quad(child2, xm, ym, x12, y12));
+      var child, x02 = q.x0, y02 = q.y0, x12 = q.x1, y12 = q.y1, xm = (x02 + x12) / 2, ym = (y02 + y12) / 2;
+      if (child = node[0])
+        quads.push(new Quad(child, x02, y02, xm, ym));
+      if (child = node[1])
+        quads.push(new Quad(child, xm, y02, x12, ym));
+      if (child = node[2])
+        quads.push(new Quad(child, x02, ym, xm, y12));
+      if (child = node[3])
+        quads.push(new Quad(child, xm, ym, x12, y12));
     }
     next.push(q);
   }
@@ -18584,15 +18618,15 @@ function Quadtree(x2, y2, x02, y02, x12, y12) {
   this._y1 = y12;
   this._root = void 0;
 }
-function leaf_copy(leaf2) {
-  var copy2 = { data: leaf2.data }, next = copy2;
-  while (leaf2 = leaf2.next)
-    next = next.next = { data: leaf2.data };
+function leaf_copy(leaf) {
+  var copy2 = { data: leaf.data }, next = copy2;
+  while (leaf = leaf.next)
+    next = next.next = { data: leaf.data };
   return copy2;
 }
 var treeProto = quadtree.prototype = Quadtree.prototype;
 treeProto.copy = function() {
-  var copy2 = new Quadtree(this._x, this._y, this._x0, this._y0, this._x1, this._y1), node = this._root, nodes, child2;
+  var copy2 = new Quadtree(this._x, this._y, this._x0, this._y0, this._x1, this._y1), node = this._root, nodes, child;
   if (!node)
     return copy2;
   if (!node.length)
@@ -18600,11 +18634,11 @@ treeProto.copy = function() {
   nodes = [{ source: node, target: copy2._root = new Array(4) }];
   while (node = nodes.pop()) {
     for (var i2 = 0; i2 < 4; ++i2) {
-      if (child2 = node.source[i2]) {
-        if (child2.length)
-          nodes.push({ source: child2, target: node.target[i2] = new Array(4) });
+      if (child = node.source[i2]) {
+        if (child.length)
+          nodes.push({ source: child, target: node.target[i2] = new Array(4) });
         else
-          node.target[i2] = leaf_copy(child2);
+          node.target[i2] = leaf_copy(child);
       }
     }
   }
@@ -18674,20 +18708,20 @@ Dispatch.prototype = dispatch.prototype = {
       copy2[t2] = _[t2].slice();
     return new Dispatch(copy2);
   },
-  call: function(type, that2) {
+  call: function(type, that) {
     if ((n2 = arguments.length - 2) > 0)
       for (var args = new Array(n2), i2 = 0, n2, t2; i2 < n2; ++i2)
         args[i2] = arguments[i2 + 2];
     if (!this._.hasOwnProperty(type))
       throw new Error("unknown type: " + type);
     for (t2 = this._[type], i2 = 0, n2 = t2.length; i2 < n2; ++i2)
-      t2[i2].value.apply(that2, args);
+      t2[i2].value.apply(that, args);
   },
-  apply: function(type, that2, args) {
+  apply: function(type, that, args) {
     if (!this._.hasOwnProperty(type))
       throw new Error("unknown type: " + type);
     for (var t2 = this._[type], i2 = 0, n2 = t2.length; i2 < n2; ++i2)
-      t2[i2].value.apply(that2, args);
+      t2[i2].value.apply(that, args);
   }
 };
 function get(type, name2) {
@@ -18860,9 +18894,9 @@ function forceSimulation(nodes) {
       if (node.fy != null)
         node.y = node.fy;
       if (isNaN(node.x) || isNaN(node.y)) {
-        var radius2 = initialRadius * Math.sqrt(0.5 + i2), angle2 = i2 * initialAngle;
-        node.x = radius2 * Math.cos(angle2);
-        node.y = radius2 * Math.sin(angle2);
+        var radius = initialRadius * Math.sqrt(0.5 + i2), angle2 = i2 * initialAngle;
+        node.x = radius * Math.cos(angle2);
+        node.y = radius * Math.sin(angle2);
       }
       if (isNaN(node.vx) || isNaN(node.vy)) {
         node.vx = node.vy = 0;
@@ -18907,19 +18941,19 @@ function forceSimulation(nodes) {
     force: function(name2, _) {
       return arguments.length > 1 ? (_ == null ? forces.delete(name2) : forces.set(name2, initializeForce(_)), simulation) : forces.get(name2);
     },
-    find: function(x2, y2, radius2) {
+    find: function(x2, y2, radius) {
       var i2 = 0, n2 = nodes.length, dx, dy, d2, node, closest;
-      if (radius2 == null)
-        radius2 = Infinity;
+      if (radius == null)
+        radius = Infinity;
       else
-        radius2 *= radius2;
+        radius *= radius;
       for (i2 = 0; i2 < n2; ++i2) {
         node = nodes[i2];
         dx = x2 - node.x;
         dy = y2 - node.y;
         d2 = dx * dx + dy * dy;
-        if (d2 < radius2)
-          closest = node, radius2 = d2;
+        if (d2 < radius)
+          closest = node, radius = d2;
       }
       return closest;
     },
@@ -23476,7 +23510,7 @@ let Resource$1 = class Resource {
     }
     this._handle = null;
     if (children && deleteChildren) {
-      children.filter(Boolean).forEach((child2) => child2.delete());
+      children.filter(Boolean).forEach((child) => child.delete());
     }
     return this;
   }
@@ -29579,12 +29613,12 @@ function fp64ify(a2) {
 function fp64LowPart$1(a2) {
   return a2 - Math.fround(a2);
 }
-function fp64ifyMatrix4(matrix2) {
+function fp64ifyMatrix4(matrix) {
   const matrixFP64 = new Float32Array(32);
   for (let i2 = 0; i2 < 4; ++i2) {
     for (let j = 0; j < 4; ++j) {
       const index2 = i2 * 4 + j;
-      fp64ify(matrix2[j * 4 + i2], matrixFP64, index2 * 2);
+      fp64ify(matrix[j * 4 + i2], matrixFP64, index2 * 2);
     }
   }
   return matrixFP64;
@@ -31290,8 +31324,8 @@ function scale$3(out, a2, v) {
   out[15] = a2[15];
   return out;
 }
-function rotate(out, a2, rad2, axis2) {
-  var x2 = axis2[0], y2 = axis2[1], z2 = axis2[2];
+function rotate(out, a2, rad2, axis) {
+  var x2 = axis[0], y2 = axis[1], z2 = axis[2];
   var len2 = Math.hypot(x2, y2, z2);
   var s2, c2, t2;
   var a00, a01, a02, a03;
@@ -32050,8 +32084,8 @@ class Matrix4 extends Matrix {
   rotateXYZ(angleXYZ) {
     return this.rotateX(angleXYZ[0]).rotateY(angleXYZ[1]).rotateZ(angleXYZ[2]);
   }
-  rotateAxis(radians2, axis2) {
-    rotate(this, this, radians2, axis2);
+  rotateAxis(radians2, axis) {
+    rotate(this, this, radians2, axis);
     return this.check();
   }
   scale(factor) {
@@ -32183,12 +32217,12 @@ function identity$3(out) {
   out[3] = 1;
   return out;
 }
-function setAxisAngle(out, axis2, rad2) {
+function setAxisAngle(out, axis, rad2) {
   rad2 = rad2 * 0.5;
   var s2 = Math.sin(rad2);
-  out[0] = s2 * axis2[0];
-  out[1] = s2 * axis2[1];
-  out[2] = s2 * axis2[2];
+  out[0] = s2 * axis[0];
+  out[1] = s2 * axis[1];
+  out[2] = s2 * axis[2];
   out[3] = Math.cos(rad2);
   return out;
 }
@@ -32406,16 +32440,16 @@ class Quaternion extends MathArray {
     fromMat3(this, m2);
     return this.check();
   }
-  fromAxisRotation(axis2, rad2) {
-    setAxisAngle(this, axis2, rad2);
+  fromAxisRotation(axis, rad2) {
+    setAxisAngle(this, axis, rad2);
     return this.check();
   }
   identity() {
     identity$3(this);
     return this.check();
   }
-  setAxisAngle(axis2, rad2) {
-    return this.fromAxisRotation(axis2, rad2);
+  setAxisAngle(axis, rad2) {
+    return this.fromAxisRotation(axis, rad2);
   }
   get ELEMENTS() {
     return 4;
@@ -32548,8 +32582,8 @@ class Quaternion extends MathArray {
   lengthSq() {
     return this.lengthSquared();
   }
-  setFromAxisAngle(axis2, rad2) {
-    return this.setAxisAngle(axis2, rad2);
+  setFromAxisAngle(axis, rad2) {
+    return this.setAxisAngle(axis, rad2);
   }
   premultiply(a2) {
     return this.multiplyLeft(a2);
@@ -32564,7 +32598,7 @@ class SphericalCoordinates {
   constructor({
     phi = 0,
     theta = 0,
-    radius: radius2 = 1,
+    radius = 1,
     bearing: bearing2,
     pitch,
     altitude,
@@ -32576,7 +32610,7 @@ class SphericalCoordinates {
     _defineProperty$e(this, "radiusScale", void 0);
     this.phi = phi;
     this.theta = theta;
-    this.radius = radius2 || altitude || 1;
+    this.radius = radius || altitude || 1;
     this.radiusScale = radiusScale || 1;
     if (bearing2 !== void 0) {
       this.bearing = bearing2;
@@ -32628,8 +32662,8 @@ class SphericalCoordinates {
   get z() {
     return (this.radius - 1) * this.radiusScale;
   }
-  set(radius2, phi, theta) {
-    this.radius = radius2;
+  set(radius, phi, theta) {
+    this.radius = radius;
     this.phi = phi;
     this.theta = theta;
     return this.check();
@@ -35127,7 +35161,7 @@ class ConeGeometry extends TruncatedConeGeometry {
     let props2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     const {
       id = uid("cone-geometry"),
-      radius: radius2 = 1,
+      radius = 1,
       cap = true
     } = props2;
     super({
@@ -35136,7 +35170,7 @@ class ConeGeometry extends TruncatedConeGeometry {
       topRadius: 0,
       topCap: Boolean(cap),
       bottomCap: Boolean(cap),
-      bottomRadius: radius2
+      bottomRadius: radius
     });
   }
 }
@@ -35183,13 +35217,13 @@ class CylinderGeometry extends TruncatedConeGeometry {
     let props2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     const {
       id = uid("cylinder-geometry"),
-      radius: radius2 = 1
+      radius = 1
     } = props2;
     super({
       ...props2,
       id,
-      bottomRadius: radius2,
-      topRadius: radius2
+      bottomRadius: radius,
+      topRadius: radius
     });
   }
 }
@@ -35537,7 +35571,7 @@ function tesselateSphere(props2) {
     nlong = 10
   } = props2;
   let {
-    radius: radius2 = 1
+    radius = 1
   } = props2;
   const startLat = 0;
   const endLat = Math.PI;
@@ -35546,9 +35580,9 @@ function tesselateSphere(props2) {
   const endLong = 2 * Math.PI;
   const longRange = endLong - startLong;
   const numVertices = (nlat + 1) * (nlong + 1);
-  if (typeof radius2 === "number") {
-    const value = radius2;
-    radius2 = (n1, n2, n3, u, v) => value;
+  if (typeof radius === "number") {
+    const value = radius;
+    radius = (n1, n2, n3, u, v) => value;
   }
   const positions = new Float32Array(numVertices * 3);
   const normals = new Float32Array(numVertices * 3);
@@ -35571,7 +35605,7 @@ function tesselateSphere(props2) {
       const ux = cosTheta * sinPhi;
       const uy = cosPhi;
       const uz = sinTheta * sinPhi;
-      const r2 = radius2(ux, uy, uz, u, v);
+      const r2 = radius(ux, uy, uz, u, v);
       positions[i3 + 0] = r2 * ux;
       positions[i3 + 1] = r2 * uy;
       positions[i3 + 2] = r2 * uz;
@@ -36090,8 +36124,8 @@ const project32 = {
 function createMat4$1() {
   return [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
 }
-function transformVector$1(matrix2, vector) {
-  const result = transformMat4([], vector, matrix2);
+function transformVector$1(matrix, vector) {
+  const result = transformMat4([], vector, matrix);
   scale$2(result, result, 1 / result[3]);
   return result;
 }
@@ -37578,7 +37612,7 @@ function createProjectionMatrix({
   far
 }) {
   const aspect = width / height;
-  const matrix2 = orthographic2 ? new Matrix4().orthographic({
+  const matrix = orthographic2 ? new Matrix4().orthographic({
     fovy: fovyRadians,
     aspect,
     focalDistance,
@@ -37599,10 +37633,10 @@ function createProjectionMatrix({
     } = padding;
     const offsetX = clamp$3((left + width - right) / 2, 0, width) - width / 2;
     const offsetY = clamp$3((top + height - bottom) / 2, 0, height) - height / 2;
-    matrix2[8] -= offsetX * 2 / width;
-    matrix2[9] += offsetY * 2 / height;
+    matrix[8] -= offsetX * 2 / width;
+    matrix[9] += offsetY * 2 / height;
   }
-  return matrix2;
+  return matrix;
 }
 class Viewport {
   constructor(opts2 = {}) {
@@ -41992,7 +42026,7 @@ class DeckPicker {
     viewports,
     x: x2,
     y: y2,
-    radius: radius2 = 0,
+    radius = 0,
     depth = 1,
     mode = "query",
     unproject3D,
@@ -42015,7 +42049,7 @@ class DeckPicker {
     this._resizeBuffer();
     const devicePixelRange = cssToDevicePixels(this.gl, [x2, y2], true);
     const devicePixel = [devicePixelRange.x + Math.floor(devicePixelRange.width / 2), devicePixelRange.y + Math.floor(devicePixelRange.height / 2)];
-    const deviceRadius = Math.round(radius2 * pixelRatio);
+    const deviceRadius = Math.round(radius * pixelRatio);
     const {
       width,
       height
@@ -42028,10 +42062,10 @@ class DeckPicker {
       deviceHeight: height
     });
     const cullRect = {
-      x: x2 - radius2,
-      y: y2 - radius2,
-      width: radius2 * 2 + 1,
-      height: radius2 * 2 + 1
+      x: x2 - radius,
+      y: y2 - radius,
+      width: radius * 2 + 1,
+      height: radius * 2 + 1
     };
     let infos;
     const result = [];
@@ -42402,10 +42436,10 @@ var hammer$1 = { exports: {} };
     var merge2 = deprecate(function merge3(dest, src2) {
       return extend(dest, src2, true);
     }, "merge", "Use `assign`.");
-    function inherit(child2, base, properties) {
+    function inherit(child, base, properties) {
       var baseP = base.prototype, childP;
-      childP = child2.prototype = Object.create(baseP);
-      childP.constructor = child2;
+      childP = child.prototype = Object.create(baseP);
+      childP.constructor = child;
       childP._super = baseP;
       if (properties) {
         assign2(childP, properties);
@@ -46163,9 +46197,9 @@ function padArrayChunk(options) {
   }
   let i2 = sourceLength;
   while (i2 < targetLength) {
-    const datum2 = getData(i2, source);
+    const datum = getData(i2, source);
     for (let j = 0; j < size; j++) {
-      target[start + i2] = datum2[j] || 0;
+      target[start + i2] = datum[j] || 0;
       i2++;
     }
   }
@@ -49532,8 +49566,8 @@ class GlobeViewport extends Viewport {
     };
   }
 }
-function transformVector(matrix2, vector) {
-  const result = transformMat4([], vector, matrix2);
+function transformVector(matrix, vector) {
+  const result = transformMat4([], vector, matrix);
   scale$2(result, result, 1 / result[3]);
   return result;
 }
@@ -50505,27 +50539,27 @@ function createMesh(bounds2, resolution) {
   const indices = new Uint32Array(vertexCount);
   const texCoords = new Float32Array(uCount * vCount * 2);
   const positions = new Float64Array(uCount * vCount * 3);
-  let vertex2 = 0;
+  let vertex = 0;
   let index2 = 0;
   for (let u = 0; u < uCount; u++) {
     const ut = u / (uCount - 1);
     for (let v = 0; v < vCount; v++) {
       const vt = v / (vCount - 1);
       const p = interpolateQuad(bounds2, ut, vt);
-      positions[vertex2 * 3 + 0] = p[0];
-      positions[vertex2 * 3 + 1] = p[1];
-      positions[vertex2 * 3 + 2] = p[2] || 0;
-      texCoords[vertex2 * 2 + 0] = ut;
-      texCoords[vertex2 * 2 + 1] = 1 - vt;
+      positions[vertex * 3 + 0] = p[0];
+      positions[vertex * 3 + 1] = p[1];
+      positions[vertex * 3 + 2] = p[2] || 0;
+      texCoords[vertex * 2 + 0] = ut;
+      texCoords[vertex * 2 + 1] = 1 - vt;
       if (u > 0 && v > 0) {
-        indices[index2++] = vertex2 - vCount;
-        indices[index2++] = vertex2 - vCount - 1;
-        indices[index2++] = vertex2 - 1;
-        indices[index2++] = vertex2 - vCount;
-        indices[index2++] = vertex2 - 1;
-        indices[index2++] = vertex2;
+        indices[index2++] = vertex - vCount;
+        indices[index2++] = vertex - vCount - 1;
+        indices[index2++] = vertex - 1;
+        indices[index2++] = vertex - vCount;
+        indices[index2++] = vertex - 1;
+        indices[index2++] = vertex;
       }
-      vertex2++;
+      vertex++;
     }
   }
   return {
@@ -52723,7 +52757,7 @@ class ColumnGeometry extends Geometry {
 }
 function tesselateColumn(props2) {
   const {
-    radius: radius2,
+    radius,
     height = 1,
     nradial = 10
   } = props2;
@@ -52750,8 +52784,8 @@ function tesselateColumn(props2) {
       const sin2 = Math.sin(a2);
       const cos2 = Math.cos(a2);
       for (let k = 0; k < 2; k++) {
-        positions[i2 + 0] = vertices ? vertices[vertexIndex * 2] : cos2 * radius2;
-        positions[i2 + 1] = vertices ? vertices[vertexIndex * 2 + 1] : sin2 * radius2;
+        positions[i2 + 0] = vertices ? vertices[vertexIndex * 2] : cos2 * radius;
+        positions[i2 + 1] = vertices ? vertices[vertexIndex * 2 + 1] : sin2 * radius;
         positions[i2 + 2] = (1 / 2 - k) * height;
         normals[i2 + 0] = vertices ? vertices[vertexIndex * 2] : cos2;
         normals[i2 + 1] = vertices ? vertices[vertexIndex * 2 + 1] : sin2;
@@ -52769,8 +52803,8 @@ function tesselateColumn(props2) {
     const vertexIndex = (v + nradial) % nradial;
     const sin2 = Math.sin(a2);
     const cos2 = Math.cos(a2);
-    positions[i2 + 0] = vertices ? vertices[vertexIndex * 2] : cos2 * radius2;
-    positions[i2 + 1] = vertices ? vertices[vertexIndex * 2 + 1] : sin2 * radius2;
+    positions[i2 + 0] = vertices ? vertices[vertexIndex * 2] : cos2 * radius;
+    positions[i2 + 1] = vertices ? vertices[vertexIndex * 2 + 1] : sin2 * radius;
     positions[i2 + 2] = height / 2;
     normals[i2 + 2] = 1;
     i2 += 3;
@@ -53006,7 +53040,7 @@ class ColumnLayer extends Layer {
       wireframe,
       offset: offset5,
       coverage,
-      radius: radius2,
+      radius,
       angle: angle2
     } = this.props;
     const {
@@ -53016,7 +53050,7 @@ class ColumnLayer extends Layer {
       edgeDistance
     } = this.state;
     model.setUniforms(uniforms).setUniforms({
-      radius: radius2,
+      radius,
       angle: angle2 / 180 * Math.PI,
       offset: offset5,
       extruded,
@@ -55048,13 +55082,13 @@ var tinySdf = { exports: {} };
 tinySdf.exports = TinySDF;
 tinySdf.exports.default = TinySDF;
 var INF = 1e20;
-function TinySDF(fontSize, buffer2, radius2, cutoff, fontFamily, fontWeight) {
+function TinySDF(fontSize, buffer2, radius, cutoff, fontFamily, fontWeight) {
   this.fontSize = fontSize || 24;
   this.buffer = buffer2 === void 0 ? 3 : buffer2;
   this.cutoff = cutoff || 0.25;
   this.fontFamily = fontFamily || "sans-serif";
   this.fontWeight = fontWeight || "normal";
-  this.radius = radius2 || 8;
+  this.radius = radius || 8;
   var size = this.size = this.fontSize + this.buffer * 2;
   var gridSize = size + this.buffer * 2;
   this.canvas = document.createElement("canvas");
@@ -55094,10 +55128,10 @@ function prepareGrids(imgData, width, height, glyphWidth, glyphHeight, gridOuter
     }
   }
 }
-function extractAlpha(alphaChannel, width, height, gridOuter, gridInner, radius2, cutoff) {
+function extractAlpha(alphaChannel, width, height, gridOuter, gridInner, radius, cutoff) {
   for (var i2 = 0; i2 < width * height; i2++) {
     var d = Math.sqrt(gridOuter[i2]) - Math.sqrt(gridInner[i2]);
-    alphaChannel[i2] = Math.round(255 - 255 * (d / radius2 + cutoff));
+    alphaChannel[i2] = Math.round(255 - 255 * (d / radius + cutoff));
   }
 }
 TinySDF.prototype._draw = function(char, getMetrics) {
@@ -55550,7 +55584,7 @@ class FontAtlasManager {
       fontSize,
       buffer: buffer2,
       sdf,
-      radius: radius2,
+      radius,
       cutoff
     } = this.props;
     let canvas = cachedFontAtlas && cachedFontAtlas.data;
@@ -55584,7 +55618,7 @@ class FontAtlasManager {
     }
     setTextStyle(ctx, fontFamily, fontSize, fontWeight);
     if (sdf) {
-      const tinySDF = new TinySDF$1(fontSize, buffer2, radius2, cutoff, fontFamily, fontWeight);
+      const tinySDF = new TinySDF$1(fontSize, buffer2, radius, cutoff, fontFamily, fontWeight);
       const imageData = ctx.getImageData(0, 0, tinySDF.size, tinySDF.size);
       for (const char of characterSet) {
         populateAlphaChannel(tinySDF.draw(char), imageData);
@@ -55611,11 +55645,11 @@ class FontAtlasManager {
       fontSize,
       buffer: buffer2,
       sdf,
-      radius: radius2,
+      radius,
       cutoff
     } = this.props;
     if (sdf) {
-      return "".concat(fontFamily, " ").concat(fontWeight, " ").concat(fontSize, " ").concat(buffer2, " ").concat(radius2, " ").concat(cutoff);
+      return "".concat(fontFamily, " ").concat(fontWeight, " ").concat(fontSize, " ").concat(buffer2, " ").concat(radius, " ").concat(cutoff);
     }
     return "".concat(fontFamily, " ").concat(fontWeight, " ").concat(fontSize, " ").concat(buffer2);
   }
@@ -56923,9 +56957,6 @@ class GeoCellLayer extends CompositeLayer {
 }
 _defineProperty$f(GeoCellLayer, "layerName", "GeoCellLayer");
 _defineProperty$f(GeoCellLayer, "defaultProps", defaultProps$t);
-function commonjsRequire(path) {
-  throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
 var long = { exports: {} };
 (function(module2) {
   /**
@@ -57898,16 +57929,16 @@ class AxisAlignedBoundingBox {
 const scratchVector$5 = new Vector3();
 const scratchVector2$2 = new Vector3();
 class BoundingSphere {
-  constructor(center2 = [0, 0, 0], radius2 = 0) {
+  constructor(center2 = [0, 0, 0], radius = 0) {
     _defineProperty$f(this, "center", void 0);
     _defineProperty$f(this, "radius", void 0);
     this.radius = -0;
     this.center = new Vector3();
-    this.fromCenterRadius(center2, radius2);
+    this.fromCenterRadius(center2, radius);
   }
-  fromCenterRadius(center2, radius2) {
+  fromCenterRadius(center2, radius) {
     this.center.from(center2);
-    this.radius = radius2;
+    this.radius = radius;
     return this;
   }
   fromCornerPoints(corner, oppositeCorner) {
@@ -57943,9 +57974,9 @@ class BoundingSphere {
   }
   expand(point2) {
     const scratchPoint = scratchVector$5.from(point2);
-    const radius2 = scratchPoint.subtract(this.center).magnitude();
-    if (radius2 > this.radius) {
-      this.radius = radius2;
+    const radius = scratchPoint.subtract(this.center).magnitude();
+    if (radius > this.radius) {
+      this.radius = radius;
     }
     return this;
   }
@@ -57966,13 +57997,13 @@ class BoundingSphere {
   }
   intersectPlane(plane) {
     const center2 = this.center;
-    const radius2 = this.radius;
+    const radius = this.radius;
     const normal = plane.normal;
     const distanceToPlane = normal.dot(center2) + plane.distance;
-    if (distanceToPlane < -radius2) {
+    if (distanceToPlane < -radius) {
       return INTERSECTION.OUTSIDE;
     }
-    if (distanceToPlane < radius2) {
+    if (distanceToPlane < radius) {
       return INTERSECTION.INTERSECTING;
     }
     return INTERSECTION.INSIDE;
@@ -58226,7 +58257,7 @@ class CullingVolume {
   fromBoundingSphere(boundingSphere) {
     this.planes.length = 2 * faces.length;
     const center2 = boundingSphere.center;
-    const radius2 = boundingSphere.radius;
+    const radius = boundingSphere.radius;
     let planeIndex = 0;
     for (const faceNormal of faces) {
       let plane0 = this.planes[planeIndex];
@@ -58237,10 +58268,10 @@ class CullingVolume {
       if (!plane1) {
         plane1 = this.planes[planeIndex + 1] = new Plane();
       }
-      const plane0Center = scratchPlaneCenter.copy(faceNormal).scale(-radius2).add(center2);
+      const plane0Center = scratchPlaneCenter.copy(faceNormal).scale(-radius).add(center2);
       -faceNormal.dot(plane0Center);
       plane0.fromPointNormal(plane0Center, faceNormal);
-      const plane1Center = scratchPlaneCenter.copy(faceNormal).scale(radius2).add(center2);
+      const plane1Center = scratchPlaneCenter.copy(faceNormal).scale(radius).add(center2);
       const negatedFaceNormal = scratchPlaneNormal.copy(faceNormal).negate();
       -negatedFaceNormal.dot(plane1Center);
       plane1.fromPointNormal(plane1Center, negatedFaceNormal);
@@ -58310,7 +58341,7 @@ const scratchUnitary = new Matrix3();
 const scratchDiagonal = new Matrix3();
 const jMatrix = new Matrix3();
 const jMatrixTranspose = new Matrix3();
-function computeEigenDecomposition(matrix2, result = {}) {
+function computeEigenDecomposition(matrix, result = {}) {
   const EIGEN_TOLERANCE = _MathUtils.EPSILON20;
   const EIGEN_MAX_SWEEPS = 10;
   let count2 = 0;
@@ -58318,7 +58349,7 @@ function computeEigenDecomposition(matrix2, result = {}) {
   const unitaryMatrix = scratchUnitary;
   const diagonalMatrix = scratchDiagonal;
   unitaryMatrix.identity();
-  diagonalMatrix.copy(matrix2);
+  diagonalMatrix.copy(matrix);
   const epsilon3 = EIGEN_TOLERANCE * computeFrobeniusNorm(diagonalMatrix);
   while (sweep < EIGEN_MAX_SWEEPS && offDiagonalFrobeniusNorm(diagonalMatrix) > epsilon3) {
     shurDecomposition(diagonalMatrix, jMatrix);
@@ -58335,30 +58366,30 @@ function computeEigenDecomposition(matrix2, result = {}) {
   result.diagonal = diagonalMatrix.toTarget(result.diagonal);
   return result;
 }
-function computeFrobeniusNorm(matrix2) {
+function computeFrobeniusNorm(matrix) {
   let norm = 0;
   for (let i2 = 0; i2 < 9; ++i2) {
-    const temp2 = matrix2[i2];
+    const temp2 = matrix[i2];
     norm += temp2 * temp2;
   }
   return Math.sqrt(norm);
 }
 const rowVal = [1, 0, 0];
 const colVal = [2, 2, 1];
-function offDiagonalFrobeniusNorm(matrix2) {
+function offDiagonalFrobeniusNorm(matrix) {
   let norm = 0;
   for (let i2 = 0; i2 < 3; ++i2) {
-    const temp2 = matrix2[scratchMatrix.getElementIndex(colVal[i2], rowVal[i2])];
+    const temp2 = matrix[scratchMatrix.getElementIndex(colVal[i2], rowVal[i2])];
     norm += 2 * temp2 * temp2;
   }
   return Math.sqrt(norm);
 }
-function shurDecomposition(matrix2, result) {
+function shurDecomposition(matrix, result) {
   const tolerance = _MathUtils.EPSILON15;
   let maxDiagonal = 0;
   let rotAxis = 1;
   for (let i2 = 0; i2 < 3; ++i2) {
-    const temp2 = Math.abs(matrix2[scratchMatrix.getElementIndex(colVal[i2], rowVal[i2])]);
+    const temp2 = Math.abs(matrix[scratchMatrix.getElementIndex(colVal[i2], rowVal[i2])]);
     if (temp2 > maxDiagonal) {
       rotAxis = i2;
       maxDiagonal = temp2;
@@ -58368,10 +58399,10 @@ function shurDecomposition(matrix2, result) {
   const q = colVal[rotAxis];
   let c2 = 1;
   let s2 = 0;
-  if (Math.abs(matrix2[scratchMatrix.getElementIndex(q, p)]) > tolerance) {
-    const qq = matrix2[scratchMatrix.getElementIndex(q, q)];
-    const pp = matrix2[scratchMatrix.getElementIndex(p, p)];
-    const qp = matrix2[scratchMatrix.getElementIndex(q, p)];
+  if (Math.abs(matrix[scratchMatrix.getElementIndex(q, p)]) > tolerance) {
+    const qq = matrix[scratchMatrix.getElementIndex(q, q)];
+    const pp = matrix[scratchMatrix.getElementIndex(p, p)];
+    const qp = matrix[scratchMatrix.getElementIndex(q, p)];
     const tau2 = (qq - pp) / 2 / qp;
     let t2;
     if (tau2 < 0) {
@@ -58533,8 +58564,8 @@ class OSMNode {
     }
     this.selected = false;
     this.childVisible = true;
-    for (const child2 of this.children) {
-      child2.update(params);
+    for (const child of this.children) {
+      child.update(params);
     }
     return true;
   }
@@ -59176,8 +59207,8 @@ function updateTileStateReplace(allTiles) {
   for (const tile of sortedTiles) {
     tile.isVisible = Boolean(tile.state & TILE_STATE_VISIBLE);
     if (tile.children && (tile.isVisible || tile.state & TILE_STATE_VISITED)) {
-      for (const child2 of tile.children) {
-        child2.state = TILE_STATE_VISITED;
+      for (const child of tile.children) {
+        child.state = TILE_STATE_VISITED;
       }
     } else if (tile.isSelected) {
       getPlaceholderInChildren(tile);
@@ -59196,11 +59227,11 @@ function getPlaceholderInAncestors(startTile) {
   return false;
 }
 function getPlaceholderInChildren(tile) {
-  for (const child2 of tile.children) {
-    if (child2.isLoaded || child2.content) {
-      child2.state |= TILE_STATE_VISIBLE;
+  for (const child of tile.children) {
+    if (child.isLoaded || child.content) {
+      child.state |= TILE_STATE_VISIBLE;
     } else {
-      getPlaceholderInChildren(child2);
+      getPlaceholderInChildren(child);
     }
   }
 }
@@ -71458,18 +71489,18 @@ const MATRIX_ATTRIBUTES = {
     }
     const instanceModelMatrixData = attribute.value;
     if (attribute.constant) {
-      let matrix2;
+      let matrix;
       if (hasMatrix) {
         modelMatrix.set(getTransformMatrix);
-        matrix2 = getExtendedMat3FromMat4(modelMatrix);
+        matrix = getExtendedMat3FromMat4(modelMatrix);
       } else {
-        matrix2 = valueArray;
+        matrix = valueArray;
         const orientation = getOrientation;
         const scale2 = getScale2;
-        calculateTransformMatrix(matrix2, orientation, scale2);
-        matrix2.set(getTranslation, 9);
+        calculateTransformMatrix(matrix, orientation, scale2);
+        matrix.set(getTranslation, 9);
       }
-      attribute.value = new Float32Array(matrix2);
+      attribute.value = new Float32Array(matrix);
     } else {
       let i2 = startRow * attribute.size;
       const {
@@ -71478,29 +71509,29 @@ const MATRIX_ATTRIBUTES = {
       } = createIterable(data, startRow, endRow);
       for (const object2 of iterable) {
         objectInfo.index++;
-        let matrix2;
+        let matrix;
         if (hasMatrix) {
           modelMatrix.set(constantMatrix ? getTransformMatrix : getTransformMatrix(object2, objectInfo));
-          matrix2 = getExtendedMat3FromMat4(modelMatrix);
+          matrix = getExtendedMat3FromMat4(modelMatrix);
         } else {
-          matrix2 = valueArray;
+          matrix = valueArray;
           const orientation = constantOrientation ? getOrientation : getOrientation(object2, objectInfo);
           const scale2 = constantScale ? getScale2 : getScale2(object2, objectInfo);
-          calculateTransformMatrix(matrix2, orientation, scale2);
-          matrix2.set(constantTranslation ? getTranslation : getTranslation(object2, objectInfo), 9);
+          calculateTransformMatrix(matrix, orientation, scale2);
+          matrix.set(constantTranslation ? getTranslation : getTranslation(object2, objectInfo), 9);
         }
-        instanceModelMatrixData[i2++] = matrix2[0];
-        instanceModelMatrixData[i2++] = matrix2[1];
-        instanceModelMatrixData[i2++] = matrix2[2];
-        instanceModelMatrixData[i2++] = matrix2[3];
-        instanceModelMatrixData[i2++] = matrix2[4];
-        instanceModelMatrixData[i2++] = matrix2[5];
-        instanceModelMatrixData[i2++] = matrix2[6];
-        instanceModelMatrixData[i2++] = matrix2[7];
-        instanceModelMatrixData[i2++] = matrix2[8];
-        instanceModelMatrixData[i2++] = matrix2[9];
-        instanceModelMatrixData[i2++] = matrix2[10];
-        instanceModelMatrixData[i2++] = matrix2[11];
+        instanceModelMatrixData[i2++] = matrix[0];
+        instanceModelMatrixData[i2++] = matrix[1];
+        instanceModelMatrixData[i2++] = matrix[2];
+        instanceModelMatrixData[i2++] = matrix[3];
+        instanceModelMatrixData[i2++] = matrix[4];
+        instanceModelMatrixData[i2++] = matrix[5];
+        instanceModelMatrixData[i2++] = matrix[6];
+        instanceModelMatrixData[i2++] = matrix[7];
+        instanceModelMatrixData[i2++] = matrix[8];
+        instanceModelMatrixData[i2++] = matrix[9];
+        instanceModelMatrixData[i2++] = matrix[10];
+        instanceModelMatrixData[i2++] = matrix[11];
       }
     }
   }
@@ -71757,12 +71788,12 @@ class ScenegraphNode {
     this.scale = scale2;
     return this;
   }
-  setMatrix(matrix2) {
+  setMatrix(matrix) {
     let copyMatrix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
     if (copyMatrix) {
-      this.matrix.copy(matrix2);
+      this.matrix.copy(matrix);
     } else {
-      this.matrix = matrix2;
+      this.matrix = matrix;
     }
   }
   setMatrixComponents(_ref3) {
@@ -71858,7 +71889,7 @@ class GroupNode extends ScenegraphNode {
     const {
       children = []
     } = props2;
-    log$2.assert(children.every((child2) => child2 instanceof ScenegraphNode), "every child must an instance of ScenegraphNode");
+    log$2.assert(children.every((child) => child instanceof ScenegraphNode), "every child must an instance of ScenegraphNode");
     super(props2);
     this.children = children;
   }
@@ -71866,18 +71897,18 @@ class GroupNode extends ScenegraphNode {
     for (var _len = arguments.length, children = new Array(_len), _key = 0; _key < _len; _key++) {
       children[_key] = arguments[_key];
     }
-    for (const child2 of children) {
-      if (Array.isArray(child2)) {
-        this.add(...child2);
+    for (const child of children) {
+      if (Array.isArray(child)) {
+        this.add(...child);
       } else {
-        this.children.push(child2);
+        this.children.push(child);
       }
     }
     return this;
   }
-  remove(child2) {
+  remove(child) {
     const children = this.children;
-    const indexOf = children.indexOf(child2);
+    const indexOf = children.indexOf(child);
     if (indexOf > -1) {
       children.splice(indexOf, 1);
     }
@@ -71888,7 +71919,7 @@ class GroupNode extends ScenegraphNode {
     return this;
   }
   delete() {
-    this.children.forEach((child2) => child2.delete());
+    this.children.forEach((child) => child.delete());
     this.removeAll();
     super.delete();
   }
@@ -71897,13 +71928,13 @@ class GroupNode extends ScenegraphNode {
       worldMatrix = new Matrix4()
     } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     const modelMatrix2 = new Matrix4(worldMatrix).multiplyRight(this.matrix);
-    for (const child2 of this.children) {
-      if (child2 instanceof GroupNode) {
-        child2.traverse(visitor, {
+    for (const child of this.children) {
+      if (child instanceof GroupNode) {
+        child.traverse(visitor, {
           worldMatrix: modelMatrix2
         });
       } else {
-        visitor(child2, {
+        visitor(child, {
           worldMatrix: modelMatrix2
         });
       }
@@ -72394,7 +72425,7 @@ class GLTFInstantiator {
   createNode(gltfNode) {
     if (!gltfNode._node) {
       const gltfChildren = gltfNode.children || [];
-      const children = gltfChildren.map((child2) => this.createNode(child2));
+      const children = gltfChildren.map((child) => this.createNode(child));
       if (gltfNode.mesh) {
         children.push(this.createMesh(gltfNode.mesh));
       }
@@ -73229,14 +73260,14 @@ class GLTFScenegraph {
   addNode(node) {
     const {
       meshIndex,
-      matrix: matrix2
+      matrix
     } = node;
     this.json.nodes = this.json.nodes || [];
     const nodeData = {
       mesh: meshIndex
     };
-    if (matrix2) {
-      nodeData.matrix = matrix2;
+    if (matrix) {
+      nodeData.matrix = matrix;
     }
     this.json.nodes.push(nodeData);
     return this.json.nodes.length - 1;
@@ -73937,12 +73968,12 @@ class Float64 extends Float {
 }
 _Symbol$toStringTag7 = Symbol.toStringTag;
 class FixedSizeList extends DataType {
-  constructor(listSize, child2) {
+  constructor(listSize, child) {
     super();
     _defineProperty$f(this, "listSize", void 0);
     _defineProperty$f(this, "children", void 0);
     this.listSize = listSize;
-    this.children = [child2];
+    this.children = [child];
   }
   get typeId() {
     return Type.FixedSizeList;
@@ -74945,7 +74976,7 @@ class GLTFV1Normalizer {
   }
   _convertNodeIds(node) {
     if (node.children) {
-      node.children = node.children.map((child2) => this._convertIdToIndex(child2, "node"));
+      node.children = node.children.map((child) => this._convertIdToIndex(child, "node"));
     }
     if (node.meshes) {
       node.meshes = node.meshes.map((mesh) => this._convertIdToIndex(mesh, "mesh"));
@@ -75161,7 +75192,7 @@ class GLTFPostProcessor {
   _resolveNode(node, index2) {
     node.id = node.id || "node-".concat(index2);
     if (node.children) {
-      node.children = node.children.map((child2) => this.getNode(child2));
+      node.children = node.children.map((child) => this.getNode(child));
     }
     if (node.mesh !== void 0) {
       node.mesh = this.getMesh(node.mesh);
@@ -76713,9 +76744,9 @@ function getZoomFromBoundingVolume(boundingVolume, cartorgraphicCenter) {
     return Math.log2(WGS84_RADIUS_Z / (obbSize + cartorgraphicCenter[2]));
   } else if (boundingVolume instanceof BoundingSphere) {
     const {
-      radius: radius2
+      radius
     } = boundingVolume;
-    return Math.log2(WGS84_RADIUS_Z / (radius2 + cartorgraphicCenter[2]));
+    return Math.log2(WGS84_RADIUS_Z / (radius + cartorgraphicCenter[2]));
   } else if (boundingVolume.width && boundingVolume.height) {
     const {
       width,
@@ -76798,8 +76829,8 @@ function createBoundingVolume(boundingVolumeHeader, transform2, result) {
     const northWest = Ellipsoid.WGS84.cartographicToCartesian([degrees$1(west), degrees$1(north), minHeight], scratchNorthWest);
     const southEast = Ellipsoid.WGS84.cartographicToCartesian([degrees$1(east), degrees$1(south), maxHeight], scratchSouthEast);
     const centerInCartesian = new Vector3().addVectors(northWest, southEast).multiplyScalar(0.5);
-    const radius2 = new Vector3().subVectors(northWest, southEast).len() / 2;
-    return createSphere([centerInCartesian[0], centerInCartesian[1], centerInCartesian[2], radius2], new Matrix4());
+    const radius = new Vector3().subVectors(northWest, southEast).len() / 2;
+    return createSphere([centerInCartesian[0], centerInCartesian[1], centerInCartesian[2], radius], new Matrix4());
   }
   if (boundingVolumeHeader.sphere) {
     return createSphere(boundingVolumeHeader.sphere, transform2, result);
@@ -76843,13 +76874,13 @@ function createSphere(sphere, transform2, result) {
   transform2.transform(center2, center2);
   const scale2 = transform2.getScale(scratchScale);
   const uniformScale = Math.max(Math.max(scale2[0], scale2[1]), scale2[2]);
-  const radius2 = sphere[3] * uniformScale;
+  const radius = sphere[3] * uniformScale;
   if (defined$3(result)) {
     result.center = center2;
-    result.radius = radius2;
+    result.radius = radius;
     return result;
   }
-  return new BoundingSphere(center2, radius2);
+  return new BoundingSphere(center2, radius);
 }
 new Vector3();
 new Vector3();
@@ -77122,8 +77153,8 @@ class TilesetTraverser {
   }
   updateChildTiles(tile, frameState) {
     const children = tile.children;
-    for (const child2 of children) {
-      this.updateTile(child2, frameState);
+    for (const child of children) {
+      this.updateTile(child, frameState);
     }
     return true;
   }
@@ -77137,26 +77168,26 @@ class TilesetTraverser {
     const checkRefines = tile.refine === TILE_REFINEMENT.REPLACE && tile.hasRenderContent && !skipLevelOfDetail;
     let hasVisibleChild = false;
     let refines = true;
-    for (const child2 of children) {
-      child2._selectionDepth = depth;
-      if (child2.isVisibleAndInRequestVolume) {
-        if (stack2.find(child2)) {
-          stack2.delete(child2);
+    for (const child of children) {
+      child._selectionDepth = depth;
+      if (child.isVisibleAndInRequestVolume) {
+        if (stack2.find(child)) {
+          stack2.delete(child);
         }
-        stack2.push(child2);
+        stack2.push(child);
         hasVisibleChild = true;
       } else if (checkRefines || loadSiblings) {
-        this.loadTile(child2, frameState);
-        this.touchTile(child2, frameState);
+        this.loadTile(child, frameState);
+        this.touchTile(child, frameState);
       }
       if (checkRefines) {
         let childRefines;
-        if (!child2._inRequestVolume) {
+        if (!child._inRequestVolume) {
           childRefines = false;
-        } else if (!child2.hasRenderContent) {
-          childRefines = this.executeEmptyTraversal(child2, frameState);
+        } else if (!child.hasRenderContent) {
+          childRefines = this.executeEmptyTraversal(child, frameState);
         } else {
-          childRefines = child2.contentAvailable;
+          childRefines = child.contentAvailable;
         }
         refines = refines && childRefines;
         if (!refines) {
@@ -77233,9 +77264,9 @@ class TilesetTraverser {
   }
   anyChildrenVisible(tile, frameState) {
     let anyVisible = false;
-    for (const child2 of tile.children) {
-      child2.updateVisibility(frameState);
-      anyVisible = anyVisible || child2.isVisibleAndInRequestVolume;
+    for (const child of tile.children) {
+      child.updateVisibility(frameState);
+      anyVisible = anyVisible || child.isVisibleAndInRequestVolume;
     }
     return anyVisible;
   }
@@ -77253,11 +77284,11 @@ class TilesetTraverser {
       const traverse = !tile.hasRenderContent && this.canTraverse(tile, frameState, false, true);
       if (traverse) {
         const children = tile.children;
-        for (const child2 of children) {
-          if (stack2.find(child2)) {
-            stack2.delete(child2);
+        for (const child of children) {
+          if (stack2.find(child)) {
+            stack2.delete(child);
           }
-          stack2.push(child2);
+          stack2.push(child);
         }
       } else if (!tile.contentAvailable) {
         allDescendantsLoaded = false;
@@ -77825,15 +77856,15 @@ class I3STilesetTraverser extends TilesetTraverser {
     const children = tile.header.children || [];
     const childTiles = tile.children;
     const tileset = tile.tileset;
-    for (const child2 of children) {
-      const extendedId = "".concat(child2.id, "-").concat(frameState.viewport.id);
+    for (const child of children) {
+      const extendedId = "".concat(child.id, "-").concat(frameState.viewport.id);
       const childTile = childTiles && childTiles.find((t2) => t2.id === extendedId);
       if (!childTile) {
-        let request = () => this._loadTile(child2.id, tileset);
+        let request = () => this._loadTile(child.id, tileset);
         const cachedRequest = this._tileManager.find(extendedId);
         if (!cachedRequest) {
           if (tileset.tileset.nodePages) {
-            request = () => tileset.tileset.nodePagesTile.formTileFromNodePages(child2.id);
+            request = () => tileset.tileset.nodePagesTile.formTileFromNodePages(child.id);
           }
           this._tileManager.add(request, extendedId, (header) => this._onTileLoad(header, tile, extendedId), frameState);
         } else {
@@ -78389,8 +78420,8 @@ class Tileset3D {
     }
     while (stack2.length > 0) {
       const tile = stack2.pop();
-      for (const child2 of tile.children) {
-        stack2.push(child2);
+      for (const child of tile.children) {
+        stack2.push(child);
       }
       this._destroyTile(tile);
     }
@@ -78402,8 +78433,8 @@ class Tileset3D {
     stack2.push(root2);
     while (stack2.length > 0) {
       tile = stack2.pop();
-      for (const child2 of tile.children) {
-        stack2.push(child2);
+      for (const child of tile.children) {
+        stack2.push(child);
       }
       if (tile !== root2) {
         this._destroyTile(tile);
@@ -84209,7 +84240,7 @@ function evaluateChildren(children, childProps) {
     return children(childProps);
   }
   if (Array.isArray(children)) {
-    return children.map((child2) => evaluateChildren(child2, childProps));
+    return children.map((child) => evaluateChildren(child, childProps));
   }
   if (isComponent(children)) {
     if (isReactMap(children)) {
@@ -84222,16 +84253,16 @@ function evaluateChildren(children, childProps) {
   }
   return children;
 }
-function isComponent(child2) {
-  return child2 && typeof child2 === "object" && "type" in child2 || false;
+function isComponent(child) {
+  return child && typeof child === "object" && "type" in child || false;
 }
-function isReactMap(child2) {
-  const componentClass = child2.type;
+function isReactMap(child) {
+  const componentClass = child.type;
   const componentProps = componentClass && componentClass.defaultProps;
   return componentProps && componentProps.mapStyle;
 }
-function needsDeckGLViewProps(child2) {
-  const componentClass = child2.type;
+function needsDeckGLViewProps(child) {
+  const componentClass = child.type;
   return componentClass && componentClass.deckGLViewProps;
 }
 function wrapInView(node) {
@@ -84316,12 +84347,12 @@ function positionChildrenUnderViews({
   }
   const views = {};
   const defaultViewId = viewManager.views[0].id;
-  for (const child2 of children) {
+  for (const child of children) {
     let viewId = defaultViewId;
-    let viewChildren = child2;
-    if (isComponent(child2) && inheritsFrom(child2.type, View)) {
-      viewId = child2.props.id || defaultViewId;
-      viewChildren = child2.props.children;
+    let viewChildren = child;
+    if (isComponent(child) && inheritsFrom(child.type, View)) {
+      viewId = child.props.id || defaultViewId;
+      viewChildren = child.props.children;
     }
     const viewport = viewManager.getViewport(viewId);
     const viewState = viewManager.getViewState(viewId);
@@ -86850,7 +86881,7 @@ var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
 var slice = Array.prototype.slice;
 var toStr$2 = Object.prototype.toString;
 var funcType = "[object Function]";
-var implementation$7 = function bind2(that2) {
+var implementation$7 = function bind2(that) {
   var target = this;
   if (typeof target !== "function" || toStr$2.call(target) !== funcType) {
     throw new TypeError(ERROR_MESSAGE + target);
@@ -86869,7 +86900,7 @@ var implementation$7 = function bind2(that2) {
       return this;
     } else {
       return target.apply(
-        that2,
+        that,
         args.concat(slice.call(arguments))
       );
     }
@@ -98581,13 +98612,13 @@ function rotation(rotate2) {
   };
   return forward;
 }
-function circleStream(stream, radius2, delta, direction, t0, t1) {
+function circleStream(stream, radius, delta, direction, t0, t1) {
   if (!delta)
     return;
-  var cosRadius = cos(radius2), sinRadius = sin(radius2), step = direction * delta;
+  var cosRadius = cos(radius), sinRadius = sin(radius), step = direction * delta;
   if (t0 == null) {
-    t0 = radius2 + direction * tau;
-    t1 = radius2 - step / 2;
+    t0 = radius + direction * tau;
+    t1 = radius - step / 2;
   } else {
     t0 = circleRadius(cosRadius, t0);
     t1 = circleRadius(cosRadius, t1);
@@ -98602,17 +98633,17 @@ function circleStream(stream, radius2, delta, direction, t0, t1) {
 function circleRadius(cosRadius, point2) {
   point2 = cartesian(point2), point2[0] -= cosRadius;
   cartesianNormalizeInPlace(point2);
-  var radius2 = acos(-point2[1]);
-  return ((-point2[2] < 0 ? -radius2 : radius2) + tau - epsilon) % tau;
+  var radius = acos(-point2[1]);
+  return ((-point2[2] < 0 ? -radius : radius) + tau - epsilon) % tau;
 }
 function circle$2() {
-  var center2 = constant$1([0, 0]), radius2 = constant$1(90), precision = constant$1(6), ring, rotate2, stream = { point: point2 };
+  var center2 = constant$1([0, 0]), radius = constant$1(90), precision = constant$1(6), ring, rotate2, stream = { point: point2 };
   function point2(x2, y2) {
     ring.push(x2 = rotate2(x2, y2));
     x2[0] *= degrees, x2[1] *= degrees;
   }
   function circle2() {
-    var c2 = center2.apply(this, arguments), r2 = radius2.apply(this, arguments) * radians, p = precision.apply(this, arguments) * radians;
+    var c2 = center2.apply(this, arguments), r2 = radius.apply(this, arguments) * radians, p = precision.apply(this, arguments) * radians;
     ring = [];
     rotate2 = rotateRadians(-c2[0] * radians, -c2[1] * radians, 0).invert;
     circleStream(stream, r2, p, 1);
@@ -98624,7 +98655,7 @@ function circle$2() {
     return arguments.length ? (center2 = typeof _ === "function" ? _ : constant$1([+_[0], +_[1]]), circle2) : center2;
   };
   circle2.radius = function(_) {
-    return arguments.length ? (radius2 = typeof _ === "function" ? _ : constant$1(+_), circle2) : radius2;
+    return arguments.length ? (radius = typeof _ === "function" ? _ : constant$1(+_), circle2) : radius;
   };
   circle2.precision = function(_) {
     return arguments.length ? (precision = typeof _ === "function" ? _ : constant$1(+_), circle2) : precision;
@@ -99519,8 +99550,8 @@ PathString.prototype = {
     }
   }
 };
-function circle$1(radius2) {
-  return "m0," + radius2 + "a" + radius2 + "," + radius2 + " 0 1,1 0," + -2 * radius2 + "a" + radius2 + "," + radius2 + " 0 1,1 0," + 2 * radius2 + "z";
+function circle$1(radius) {
+  return "m0," + radius + "a" + radius + "," + radius + " 0 1,1 0," + -2 * radius + "a" + radius + "," + radius + " 0 1,1 0," + 2 * radius + "z";
 }
 function index(projection2, context) {
   var pointRadius = 4.5, projectionStream, contextStream;
@@ -99746,10 +99777,10 @@ function clipAntimeridianInterpolate(from, to, direction, stream) {
     stream.point(to[0], to[1]);
   }
 }
-function clipCircle(radius2, delta) {
-  var cr = cos(radius2), smallRadius = cr > 0, notHemisphere = abs(cr) > epsilon;
+function clipCircle(radius, delta) {
+  var cr = cos(radius), smallRadius = cr > 0, notHemisphere = abs(cr) > epsilon;
   function interpolate2(from, to, direction, stream) {
-    circleStream(stream, radius2, delta, direction, from, to);
+    circleStream(stream, radius, delta, direction, from, to);
   }
   function visible(lambda, phi) {
     return cos(lambda) * cos(phi) > cr;
@@ -99847,7 +99878,7 @@ function clipCircle(radius2, delta) {
     }
   }
   function code(lambda, phi) {
-    var r2 = smallRadius ? radius2 : pi - radius2, code2 = 0;
+    var r2 = smallRadius ? radius : pi - radius, code2 = 0;
     if (lambda < -r2)
       code2 |= 1;
     else if (lambda > r2)
@@ -99858,7 +99889,7 @@ function clipCircle(radius2, delta) {
       code2 |= 8;
     return code2;
   }
-  return clip(visible, clipLine2, interpolate2, smallRadius ? [0, -radius2] : [-pi, radius2 - pi]);
+  return clip(visible, clipLine2, interpolate2, smallRadius ? [0, -radius] : [-pi, radius - pi]);
 }
 function transform$1(methods) {
   return {
@@ -100451,7 +100482,7 @@ function _interopDefaultLegacy$6(e2) {
   return e2 && typeof e2 === "object" && "default" in e2 ? e2 : { "default": e2 };
 }
 var center__default$1 = /* @__PURE__ */ _interopDefaultLegacy$6(center$1);
-function buffer(geojson, radius2, options) {
+function buffer(geojson, radius, options) {
   options = options || {};
   var units2 = options.units || "kilometers";
   var steps = options.steps || 8;
@@ -100461,7 +100492,7 @@ function buffer(geojson, radius2, options) {
     throw new Error("options must be an object");
   if (typeof steps !== "number")
     throw new Error("steps must be an number");
-  if (radius2 === void 0)
+  if (radius === void 0)
     throw new Error("radius is required");
   if (steps <= 0)
     throw new Error("steps must be greater than 0");
@@ -100469,14 +100500,14 @@ function buffer(geojson, radius2, options) {
   switch (geojson.type) {
     case "GeometryCollection":
       meta$4.geomEach(geojson, function(geometry2) {
-        var buffered = bufferFeature(geometry2, radius2, units2, steps);
+        var buffered = bufferFeature(geometry2, radius, units2, steps);
         if (buffered)
           results.push(buffered);
       });
       return helpers$6.featureCollection(results);
     case "FeatureCollection":
       meta$4.featureEach(geojson, function(feature2) {
-        var multiBuffered = bufferFeature(feature2, radius2, units2, steps);
+        var multiBuffered = bufferFeature(feature2, radius, units2, steps);
         if (multiBuffered) {
           meta$4.featureEach(multiBuffered, function(buffered) {
             if (buffered)
@@ -100486,15 +100517,15 @@ function buffer(geojson, radius2, options) {
       });
       return helpers$6.featureCollection(results);
   }
-  return bufferFeature(geojson, radius2, units2, steps);
+  return bufferFeature(geojson, radius, units2, steps);
 }
-function bufferFeature(geojson, radius2, units2, steps) {
+function bufferFeature(geojson, radius, units2, steps) {
   var properties = geojson.properties || {};
   var geometry2 = geojson.type === "Feature" ? geojson.geometry : geojson;
   if (geometry2.type === "GeometryCollection") {
     var results = [];
     meta$4.geomEach(geojson, function(geometry3) {
-      var buffered2 = bufferFeature(geometry3, radius2, units2, steps);
+      var buffered2 = bufferFeature(geometry3, radius, units2, steps);
       if (buffered2)
         results.push(buffered2);
     });
@@ -100507,7 +100538,7 @@ function bufferFeature(geojson, radius2, units2, steps) {
   };
   var reader = new turfJsts.GeoJSONReader();
   var geom = reader.read(projected);
-  var distance2 = helpers$6.radiansToLength(helpers$6.lengthToRadians(radius2, units2), "meters");
+  var distance2 = helpers$6.radiansToLength(helpers$6.lengthToRadians(radius, units2), "meters");
   var buffered = turfJsts.BufferOp.bufferOp(geom, distance2, steps);
   var writer = new turfJsts.GeoJSONWriter();
   buffered = writer.write(buffered);
@@ -103212,10 +103243,10 @@ EventEmitter.prototype.setMaxListeners = function setMaxListeners(n2) {
   this._maxListeners = n2;
   return this;
 };
-function _getMaxListeners(that2) {
-  if (that2._maxListeners === void 0)
+function _getMaxListeners(that) {
+  if (that._maxListeners === void 0)
     return EventEmitter.defaultMaxListeners;
-  return that2._maxListeners;
+  return that._maxListeners;
 }
 EventEmitter.prototype.getMaxListeners = function getMaxListeners() {
   return _getMaxListeners(this);
@@ -104360,9 +104391,9 @@ function rhumbDistance$2(from, to, options) {
   var distance2 = helpers_1$9.convertLength(distanceInMeters, "meters", options.units);
   return distance2;
 }
-function calculateRhumbDistance(origin, destination2, radius2) {
-  radius2 = radius2 === void 0 ? helpers_1$9.earthRadius : Number(radius2);
-  var R2 = radius2;
+function calculateRhumbDistance(origin, destination2, radius) {
+  radius = radius === void 0 ? helpers_1$9.earthRadius : Number(radius);
+  var R2 = radius;
   var phi12 = origin[1] * Math.PI / 180;
   var phi2 = destination2[1] * Math.PI / 180;
   var DeltaPhi = phi2 - phi12;
@@ -106050,7 +106081,7 @@ var __importDefault$2 = commonjsGlobal && commonjsGlobal.__importDefault || func
 Object.defineProperty(js$d, "__esModule", { value: true });
 var destination_1$1 = __importDefault$2(js$i);
 var helpers_1$6 = js$w;
-function circle(center2, radius2, options) {
+function circle(center2, radius, options) {
   if (options === void 0) {
     options = {};
   }
@@ -106058,7 +106089,7 @@ function circle(center2, radius2, options) {
   var properties = options.properties ? options.properties : !Array.isArray(center2) && center2.type === "Feature" && center2.properties ? center2.properties : {};
   var coordinates2 = [];
   for (var i2 = 0; i2 < steps; i2++) {
-    coordinates2.push(destination_1$1.default(center2, radius2, i2 * -360 / steps, options).geometry.coordinates);
+    coordinates2.push(destination_1$1.default(center2, radius, i2 * -360 / steps, options).geometry.coordinates);
   }
   coordinates2.push(coordinates2[0]);
   return helpers_1$6.polygon([coordinates2], properties);
@@ -106309,12 +106340,12 @@ var ResizeCircleMode = /* @__PURE__ */ function(_GeoJsonEditMode) {
         var feature2 = this.getSelectedFeature(props2);
         var center2 = (0, _center$1["default"])(feature2).geometry.coordinates;
         var numberOfSteps = Object.entries(feature2.geometry.coordinates[0]).length - 1;
-        var radius2 = Math.max((0, _distance$b["default"])(center2, event.mapCoords), 1e-3);
+        var radius = Math.max((0, _distance$b["default"])(center2, event.mapCoords), 1e-3);
         var _ref3 = {}, _ref$steps = _ref3.steps, steps = _ref$steps === void 0 ? numberOfSteps : _ref$steps;
         var options = {
           steps
         };
-        var updatedFeature = (0, _circle$2["default"])(center2, radius2, options);
+        var updatedFeature = (0, _circle$2["default"])(center2, radius, options);
         var geometry2 = updatedFeature.geometry;
         var updatedData = new _immutableFeatureCollection$6.ImmutableFeatureCollection(props2.data).replaceGeometry(editHandleProperties.featureIndex, geometry2).getObject();
         props2.onEdit({
@@ -106384,9 +106415,9 @@ function rhumbDestination$4(origin, distance2, bearing2, options) {
   destination2[0] += destination2[0] - coords[0] > 180 ? -360 : coords[0] - destination2[0] > 180 ? 360 : 0;
   return helpers_1$5.point(destination2, options.properties);
 }
-function calculateRhumbDestination(origin, distance2, bearing2, radius2) {
-  radius2 = radius2 === void 0 ? helpers_1$5.earthRadius : Number(radius2);
-  var delta = distance2 / radius2;
+function calculateRhumbDestination(origin, distance2, bearing2, radius) {
+  radius = radius === void 0 ? helpers_1$5.earthRadius : Number(radius);
+  var delta = distance2 / radius;
   var lambda12 = origin[0] * Math.PI / 180;
   var phi12 = helpers_1$5.degreesToRadians(origin[1]);
   var theta = helpers_1$5.degreesToRadians(bearing2);
@@ -110808,8 +110839,8 @@ var DrawCircleByDiameterMode = /* @__PURE__ */ function(_TwoClickPolygonMode) {
         options.steps = 4;
       }
       var centerCoordinates = (0, _geojsonEditMode$8.getIntermediatePosition)(coord1, coord2);
-      var radius2 = Math.max((0, _distance$5["default"])(coord1, centerCoordinates), 1e-3);
-      var geometry2 = (0, _circle$1["default"])(centerCoordinates, radius2, options);
+      var radius = Math.max((0, _distance$5["default"])(coord1, centerCoordinates), 1e-3);
+      var geometry2 = (0, _circle$1["default"])(centerCoordinates, radius, options);
       geometry2.properties = geometry2.properties || {};
       geometry2.properties.shape = "Circle";
       return geometry2;
@@ -110942,8 +110973,8 @@ var DrawCircleFromCenterMode = /* @__PURE__ */ function(_TwoClickPolygonMode) {
         console.warn("Minimum steps to draw a circle is 4 ");
         options.steps = 4;
       }
-      var radius2 = Math.max((0, _distance$4["default"])(coord1, coord2), 1e-3);
-      var geometry2 = (0, _circle["default"])(coord1, radius2, options);
+      var radius = Math.max((0, _distance$4["default"])(coord1, coord2), 1e-3);
+      var geometry2 = (0, _circle["default"])(coord1, radius, options);
       geometry2.properties = geometry2.properties || {};
       geometry2.properties.shape = "Circle";
       return geometry2;
@@ -113336,13 +113367,13 @@ var MeasureAngleMode = /* @__PURE__ */ function(_GeoJsonEditMode) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty$1(_assertThisInitialized$3(_this), "_getTooltips", (0, _memoize["default"])(function(_ref3) {
-      var modeConfig = _ref3.modeConfig, vertex2 = _ref3.vertex, point1 = _ref3.point1, point2 = _ref3.point2;
+      var modeConfig = _ref3.modeConfig, vertex = _ref3.vertex, point1 = _ref3.point1, point2 = _ref3.point2;
       var tooltips = DEFAULT_TOOLTIPS;
-      if (vertex2 && point1 && point2) {
+      if (vertex && point1 && point2) {
         var _ref22 = modeConfig || {}, formatTooltip = _ref22.formatTooltip, measurementCallback = _ref22.measurementCallback;
         var units2 = "deg";
-        var angle1 = (0, _bearing$1["default"])(vertex2, point1);
-        var angle2 = (0, _bearing$1["default"])(vertex2, point2);
+        var angle1 = (0, _bearing$1["default"])(vertex, point1);
+        var angle2 = (0, _bearing$1["default"])(vertex, point2);
         var angle3 = Math.abs(angle1 - angle2);
         if (angle3 > 180) {
           angle3 = 360 - angle3;
@@ -120450,14 +120481,14 @@ class HeatmapCompositeTextLayer extends CompositeLayer {
     ];
   }
   renderLayers() {
-    const { axis: axis2 } = this.props;
-    if (axis2 === "left") {
+    const { axis } = this.props;
+    if (axis === "left") {
       return this._renderAxisLeftLayers();
     }
-    if (axis2 === "top") {
+    if (axis === "top") {
       return this._renderAxisTopLayers();
     }
-    if (axis2 === "corner") {
+    if (axis === "corner") {
       return this._renderCornerLayers();
     }
     return [];
@@ -120866,16 +120897,16 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-2ff96293.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-18e51214.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-32c12810.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-96dab2b2.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-108c168d.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-13b0fa24.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-c341c469.js").then((m2) => m2.default));
-addDecoder(34887, () => import("./lerc-d4cf2fcd.js").then((m2) => m2.default));
-addDecoder(50001, () => import("./webimage-51ac6f70.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-57e5b50f.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-13a7810b.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-943e1bc7.js").then((m2) => m2.default));
+addDecoder(34887, () => import("./lerc-2b818719.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-4f5c5831.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset5 = 0;
@@ -121165,11 +121196,11 @@ var xmlNode$1 = function(tagname, parent, val) {
   this.child = {};
   this.attrsMap = {};
   this.val = val;
-  this.addChild = function(child2) {
-    if (Array.isArray(this.child[child2.tagname])) {
-      this.child[child2.tagname].push(child2);
+  this.addChild = function(child) {
+    if (Array.isArray(this.child[child.tagname])) {
+      this.child[child.tagname].push(child);
     } else {
-      this.child[child2.tagname] = [child2];
+      this.child[child.tagname] = [child];
     }
   };
 };
@@ -133604,15 +133635,15 @@ function createTheme() {
       var depth = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
       var key;
       for (key in node) {
-        var child2 = node[key];
+        var child = node[key];
         if (depth === 1) {
-          if (key.indexOf("Mui") === 0 && child2) {
-            traverse2(child2, key, depth + 1);
+          if (key.indexOf("Mui") === 0 && child) {
+            traverse2(child, key, depth + 1);
           }
-        } else if (pseudoClasses2.indexOf(key) !== -1 && Object.keys(child2).length > 0) {
+        } else if (pseudoClasses2.indexOf(key) !== -1 && Object.keys(child).length > 0) {
           {
             console.error(["Material-UI: The `".concat(parentKey, "` component increases ") + "the CSS specificity of the `".concat(key, "` internal state."), "You can not override it like this: ", JSON.stringify(node, null, 2), "", "Instead, you need to use the $ruleName syntax:", JSON.stringify({
-              root: _defineProperty$e({}, "&$".concat(key), child2)
+              root: _defineProperty$e({}, "&$".concat(key), child)
             }, null, 2), "", "https://mui.com/r/pseudo-classes-guide"].join("\n"));
           }
           node[key] = {};
@@ -134930,11 +134961,11 @@ var DomRenderer = /* @__PURE__ */ function() {
     if (sheet)
       sheets.add(sheet);
     this.sheet = sheet;
-    var _ref3 = this.sheet ? this.sheet.options : {}, media2 = _ref3.media, meta2 = _ref3.meta, element = _ref3.element;
+    var _ref3 = this.sheet ? this.sheet.options : {}, media = _ref3.media, meta2 = _ref3.meta, element = _ref3.element;
     this.element = element || createStyle();
     this.element.setAttribute("data-jss", "");
-    if (media2)
-      this.element.setAttribute("media", media2);
+    if (media)
+      this.element.setAttribute("media", media);
     if (meta2)
       this.element.setAttribute("data-meta", meta2);
     var nonce = getNonce();
@@ -136967,9 +136998,9 @@ function debounce$1(func) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    var that2 = this;
+    var that = this;
     var later = function later2() {
-      func.apply(that2, args);
+      func.apply(that, args);
     };
     clearTimeout(timeout3);
     timeout3 = setTimeout(later, wait);
@@ -137605,15 +137636,15 @@ function _assertThisInitialized(self2) {
   return self2;
 }
 function getChildMapping(children, mapFn) {
-  var mapper = function mapper2(child2) {
-    return mapFn && isValidElement(child2) ? mapFn(child2) : child2;
+  var mapper = function mapper2(child) {
+    return mapFn && isValidElement(child) ? mapFn(child) : child;
   };
   var result = /* @__PURE__ */ Object.create(null);
   if (children)
     Children.map(children, function(c2) {
       return c2;
-    }).forEach(function(child2) {
-      result[child2.key] = mapper(child2);
+    }).forEach(function(child) {
+      result[child.key] = mapper(child);
     });
   return result;
 }
@@ -137651,17 +137682,17 @@ function mergeChildMappings(prev, next) {
   }
   return childMapping;
 }
-function getProp(child2, prop, props2) {
-  return props2[prop] != null ? props2[prop] : child2.props[prop];
+function getProp(child, prop, props2) {
+  return props2[prop] != null ? props2[prop] : child.props[prop];
 }
 function getInitialChildMapping(props2, onExited) {
-  return getChildMapping(props2.children, function(child2) {
-    return cloneElement(child2, {
-      onExited: onExited.bind(null, child2),
+  return getChildMapping(props2.children, function(child) {
+    return cloneElement(child, {
+      onExited: onExited.bind(null, child),
       in: true,
-      appear: getProp(child2, "appear", props2),
-      enter: getProp(child2, "enter", props2),
-      exit: getProp(child2, "exit", props2)
+      appear: getProp(child, "appear", props2),
+      enter: getProp(child, "enter", props2),
+      exit: getProp(child, "exit", props2)
     });
   });
 }
@@ -137669,30 +137700,30 @@ function getNextChildMapping(nextProps, prevChildMapping, onExited) {
   var nextChildMapping = getChildMapping(nextProps.children);
   var children = mergeChildMappings(prevChildMapping, nextChildMapping);
   Object.keys(children).forEach(function(key) {
-    var child2 = children[key];
-    if (!isValidElement(child2))
+    var child = children[key];
+    if (!isValidElement(child))
       return;
     var hasPrev = key in prevChildMapping;
     var hasNext = key in nextChildMapping;
     var prevChild = prevChildMapping[key];
     var isLeaving = isValidElement(prevChild) && !prevChild.props.in;
     if (hasNext && (!hasPrev || isLeaving)) {
-      children[key] = cloneElement(child2, {
-        onExited: onExited.bind(null, child2),
+      children[key] = cloneElement(child, {
+        onExited: onExited.bind(null, child),
         in: true,
-        exit: getProp(child2, "exit", nextProps),
-        enter: getProp(child2, "enter", nextProps)
+        exit: getProp(child, "exit", nextProps),
+        enter: getProp(child, "enter", nextProps)
       });
     } else if (!hasNext && hasPrev && !isLeaving) {
-      children[key] = cloneElement(child2, {
+      children[key] = cloneElement(child, {
         in: false
       });
     } else if (hasNext && hasPrev && isValidElement(prevChild)) {
-      children[key] = cloneElement(child2, {
-        onExited: onExited.bind(null, child2),
+      children[key] = cloneElement(child, {
+        onExited: onExited.bind(null, child),
         in: prevChild.props.in,
-        exit: getProp(child2, "exit", nextProps),
-        enter: getProp(child2, "enter", nextProps)
+        exit: getProp(child, "exit", nextProps),
+        enter: getProp(child, "enter", nextProps)
       });
     }
   });
@@ -137705,8 +137736,8 @@ var values = Object.values || function(obj) {
 };
 var defaultProps = {
   component: "div",
-  childFactory: function childFactory(child2) {
-    return child2;
+  childFactory: function childFactory(child) {
+    return child;
   }
 };
 var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
@@ -137743,17 +137774,17 @@ var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
       firstRender: false
     };
   };
-  _proto.handleExited = function handleExited(child2, node) {
+  _proto.handleExited = function handleExited(child, node) {
     var currentChildMapping = getChildMapping(this.props.children);
-    if (child2.key in currentChildMapping)
+    if (child.key in currentChildMapping)
       return;
-    if (child2.props.onExited) {
-      child2.props.onExited(node);
+    if (child.props.onExited) {
+      child.props.onExited(node);
     }
     if (this.mounted) {
       this.setState(function(state) {
         var children = _extends$1({}, state.children);
-        delete children[child2.key];
+        delete children[child.key];
         return {
           children
         };
@@ -138695,8 +138726,8 @@ IconButton$1.propTypes = {
    * The icon element.
    */
   children: chainPropTypes(PropTypes.node, function(props2) {
-    var found = React.Children.toArray(props2.children).some(function(child2) {
-      return /* @__PURE__ */ React.isValidElement(child2) && child2.props.onClick;
+    var found = React.Children.toArray(props2.children).some(function(child) {
+      return /* @__PURE__ */ React.isValidElement(child) && child.props.onClick;
     });
     if (found) {
       return new Error(["Material-UI: You are providing an onClick event listener to a child of a button element.", "Firefox will never trigger the event.", "You should move the onClick listener to the parent button element.", "https://github.com/mui-org/material-ui/issues/13957"].join("\n"));
@@ -140822,11 +140853,11 @@ var FormControl = /* @__PURE__ */ React.forwardRef(function FormControl2(props2,
   var _React$useState = React.useState(function() {
     var initialAdornedStart = false;
     if (children) {
-      React.Children.forEach(children, function(child2) {
-        if (!isMuiElement(child2, ["Input", "Select"])) {
+      React.Children.forEach(children, function(child) {
+        if (!isMuiElement(child, ["Input", "Select"])) {
           return;
         }
-        var input = isMuiElement(child2, ["Select"]) ? child2.props.input : child2;
+        var input = isMuiElement(child, ["Select"]) ? child.props.input : child;
         if (input && isAdornedStart(input.props)) {
           initialAdornedStart = true;
         }
@@ -140837,11 +140868,11 @@ var FormControl = /* @__PURE__ */ React.forwardRef(function FormControl2(props2,
   var _React$useState2 = React.useState(function() {
     var initialFilled = false;
     if (children) {
-      React.Children.forEach(children, function(child2) {
-        if (!isMuiElement(child2, ["Input", "Select"])) {
+      React.Children.forEach(children, function(child) {
+        if (!isMuiElement(child, ["Input", "Select"])) {
           return;
         }
-        if (isFilled(child2.props, true)) {
+        if (isFilled(child.props, true)) {
           initialFilled = true;
         }
       });
@@ -141898,8 +141929,8 @@ function getTransformOriginValue(transformOrigin) {
     return typeof n2 === "number" ? "".concat(n2, "px") : n2;
   }).join(" ");
 }
-function getScrollParent$1(parent, child2) {
-  var element = child2;
+function getScrollParent$1(parent, child) {
+  var element = child;
   var scrollTop = 0;
   while (element && element !== parent) {
     element = element.parentElement;
@@ -142414,35 +142445,35 @@ var MenuList = /* @__PURE__ */ React.forwardRef(function MenuList2(props2, ref)
   }, []);
   var handleRef = useForkRef(handleOwnRef, ref);
   var activeItemIndex = -1;
-  React.Children.forEach(children, function(child2, index2) {
-    if (!/* @__PURE__ */ React.isValidElement(child2)) {
+  React.Children.forEach(children, function(child, index2) {
+    if (!/* @__PURE__ */ React.isValidElement(child)) {
       return;
     }
     {
-      if (reactIsExports.isFragment(child2)) {
+      if (reactIsExports.isFragment(child)) {
         console.error(["Material-UI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join("\n"));
       }
     }
-    if (!child2.props.disabled) {
-      if (variant === "selectedMenu" && child2.props.selected) {
+    if (!child.props.disabled) {
+      if (variant === "selectedMenu" && child.props.selected) {
         activeItemIndex = index2;
       } else if (activeItemIndex === -1) {
         activeItemIndex = index2;
       }
     }
   });
-  var items = React.Children.map(children, function(child2, index2) {
+  var items = React.Children.map(children, function(child, index2) {
     if (index2 === activeItemIndex) {
       var newChildProps = {};
       if (autoFocusItem) {
         newChildProps.autoFocus = true;
       }
-      if (child2.props.tabIndex === void 0 && variant === "selectedMenu") {
+      if (child.props.tabIndex === void 0 && variant === "selectedMenu") {
         newChildProps.tabIndex = 0;
       }
-      return /* @__PURE__ */ React.cloneElement(child2, newChildProps);
+      return /* @__PURE__ */ React.cloneElement(child, newChildProps);
     }
-    return child2;
+    return child;
   });
   return /* @__PURE__ */ React.createElement(List$1, _extends$1({
     role: "menu",
@@ -142548,33 +142579,33 @@ var Menu = /* @__PURE__ */ React.forwardRef(function Menu2(props2, ref) {
     }
   };
   var activeItemIndex = -1;
-  React.Children.map(children, function(child2, index2) {
-    if (!/* @__PURE__ */ React.isValidElement(child2)) {
+  React.Children.map(children, function(child, index2) {
+    if (!/* @__PURE__ */ React.isValidElement(child)) {
       return;
     }
     {
-      if (reactIsExports.isFragment(child2)) {
+      if (reactIsExports.isFragment(child)) {
         console.error(["Material-UI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join("\n"));
       }
     }
-    if (!child2.props.disabled) {
-      if (variant !== "menu" && child2.props.selected) {
+    if (!child.props.disabled) {
+      if (variant !== "menu" && child.props.selected) {
         activeItemIndex = index2;
       } else if (activeItemIndex === -1) {
         activeItemIndex = index2;
       }
     }
   });
-  var items = React.Children.map(children, function(child2, index2) {
+  var items = React.Children.map(children, function(child, index2) {
     if (index2 === activeItemIndex) {
-      return /* @__PURE__ */ React.cloneElement(child2, {
+      return /* @__PURE__ */ React.cloneElement(child, {
         ref: function ref2(instance) {
           contentAnchorRef.current = ReactDOM.findDOMNode(instance);
-          setRef(child2.ref, instance);
+          setRef(child.ref, instance);
         }
       });
     }
-    return child2;
+    return child;
   });
   return /* @__PURE__ */ React.createElement(Popover$1, _extends$1({
     getContentAnchorEl,
@@ -143526,13 +143557,13 @@ function includeScroll(rect, element) {
   rect.right += scrollLeft * modifier;
   return rect;
 }
-function getBordersSize(styles21, axis2) {
-  var sideA = axis2 === "x" ? "Left" : "Top";
+function getBordersSize(styles21, axis) {
+  var sideA = axis === "x" ? "Left" : "Top";
   var sideB = sideA === "Left" ? "Right" : "Bottom";
   return parseFloat(styles21["border" + sideA + "Width"]) + parseFloat(styles21["border" + sideB + "Width"]);
 }
-function getSize(axis2, body, html, computedStyle) {
-  return Math.max(body["offset" + axis2], body["scroll" + axis2], html["client" + axis2], html["offset" + axis2], html["scroll" + axis2], isIE(10) ? parseInt(html["offset" + axis2]) + parseInt(computedStyle["margin" + (axis2 === "Height" ? "Top" : "Left")]) + parseInt(computedStyle["margin" + (axis2 === "Height" ? "Bottom" : "Right")]) : 0);
+function getSize(axis, body, html, computedStyle) {
+  return Math.max(body["offset" + axis], body["scroll" + axis], html["client" + axis], html["offset" + axis], html["scroll" + axis], isIE(10) ? parseInt(html["offset" + axis]) + parseInt(computedStyle["margin" + (axis === "Height" ? "Top" : "Left")]) + parseInt(computedStyle["margin" + (axis === "Height" ? "Bottom" : "Right")]) : 0);
 }
 function getWindowSizes(document2) {
   var body = document2.body;
@@ -145129,7 +145160,7 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props2,
   var handleRef = useForkRef(ref, inputRefProp);
   React.useImperativeHandle(handleRef, function() {
     return {
-      focus: function focus2() {
+      focus: function focus() {
         displayNode.focus();
       },
       node: inputRef.current,
@@ -145184,19 +145215,19 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props2,
   };
   var childrenArray = React.Children.toArray(children);
   var handleChange = function handleChange2(event) {
-    var index2 = childrenArray.map(function(child3) {
-      return child3.props.value;
+    var index2 = childrenArray.map(function(child2) {
+      return child2.props.value;
     }).indexOf(event.target.value);
     if (index2 === -1) {
       return;
     }
-    var child2 = childrenArray[index2];
-    setValue(child2.props.value);
+    var child = childrenArray[index2];
+    setValue(child.props.value);
     if (onChange) {
-      onChange(event, child2);
+      onChange(event, child);
     }
   };
-  var handleItemClick = function handleItemClick2(child2) {
+  var handleItemClick = function handleItemClick2(child) {
     return function(event) {
       if (!multiple) {
         update2(false, event);
@@ -145204,17 +145235,17 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props2,
       var newValue;
       if (multiple) {
         newValue = Array.isArray(value) ? value.slice() : [];
-        var itemIndex = value.indexOf(child2.props.value);
+        var itemIndex = value.indexOf(child.props.value);
         if (itemIndex === -1) {
-          newValue.push(child2.props.value);
+          newValue.push(child.props.value);
         } else {
           newValue.splice(itemIndex, 1);
         }
       } else {
-        newValue = child2.props.value;
+        newValue = child.props.value;
       }
-      if (child2.props.onClick) {
-        child2.props.onClick(event);
+      if (child.props.onClick) {
+        child.props.onClick(event);
       }
       if (value === newValue) {
         return;
@@ -145229,7 +145260,7 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props2,
             name: name2
           }
         });
-        onChange(event, child2);
+        onChange(event, child);
       }
     };
   };
@@ -145278,12 +145309,12 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props2,
       computeDisplay = true;
     }
   }
-  var items = childrenArray.map(function(child2) {
-    if (!/* @__PURE__ */ React.isValidElement(child2)) {
+  var items = childrenArray.map(function(child) {
+    if (!/* @__PURE__ */ React.isValidElement(child)) {
       return null;
     }
     {
-      if (reactIsExports.isFragment(child2)) {
+      if (reactIsExports.isFragment(child)) {
         console.error(["Material-UI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join("\n"));
       }
     }
@@ -145293,44 +145324,44 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props2,
         throw new Error("Material-UI: The `value` prop must be an array when using the `Select` component with `multiple`.");
       }
       selected = value.some(function(v) {
-        return areEqualValues(v, child2.props.value);
+        return areEqualValues(v, child.props.value);
       });
       if (selected && computeDisplay) {
-        displayMultiple.push(child2.props.children);
+        displayMultiple.push(child.props.children);
       }
     } else {
-      selected = areEqualValues(value, child2.props.value);
+      selected = areEqualValues(value, child.props.value);
       if (selected && computeDisplay) {
-        displaySingle = child2.props.children;
+        displaySingle = child.props.children;
       }
     }
     if (selected) {
       foundMatch = true;
     }
-    return /* @__PURE__ */ React.cloneElement(child2, {
+    return /* @__PURE__ */ React.cloneElement(child, {
       "aria-selected": selected ? "true" : void 0,
-      onClick: handleItemClick(child2),
+      onClick: handleItemClick(child),
       onKeyUp: function onKeyUp(event) {
         if (event.key === " ") {
           event.preventDefault();
         }
-        if (child2.props.onKeyUp) {
-          child2.props.onKeyUp(event);
+        if (child.props.onKeyUp) {
+          child.props.onKeyUp(event);
         }
       },
       role: "option",
       selected,
       value: void 0,
       // The value is most likely not a valid HTML attribute.
-      "data-value": child2.props.value
+      "data-value": child.props.value
       // Instead, we provide it as a data attribute.
     });
   });
   {
     React.useEffect(function() {
       if (!foundMatch && !multiple && value !== "") {
-        var values2 = childrenArray.map(function(child2) {
-          return child2.props.value;
+        var values2 = childrenArray.map(function(child) {
+          return child.props.value;
         });
         console.warn(["Material-UI: You have provided an out-of-range value `".concat(value, "` for the select ").concat(name2 ? '(name="'.concat(name2, '") ') : "", "component."), "Consider providing a value that matches one of the available options or ''.", "The available values are ".concat(values2.filter(function(x2) {
           return x2 != null;
@@ -146244,21 +146275,21 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
     }
   });
   var previousIndex = React.useRef();
-  var axis2 = orientation;
+  var axis = orientation;
   if (isRtl && orientation !== "vertical") {
-    axis2 += "-reverse";
+    axis += "-reverse";
   }
   var getFingerNewValue = function getFingerNewValue2(_ref3) {
     var finger = _ref3.finger, _ref3$move = _ref3.move, move = _ref3$move === void 0 ? false : _ref3$move, values22 = _ref3.values, source = _ref3.source;
     var slider = sliderRef.current;
     var _slider$getBoundingCl = slider.getBoundingClientRect(), width = _slider$getBoundingCl.width, height = _slider$getBoundingCl.height, bottom = _slider$getBoundingCl.bottom, left = _slider$getBoundingCl.left;
     var percent2;
-    if (axis2.indexOf("vertical") === 0) {
+    if (axis.indexOf("vertical") === 0) {
       percent2 = (bottom - finger.y) / height;
     } else {
       percent2 = (finger.x - left) / width;
     }
-    if (axis2.indexOf("-reverse") !== -1) {
+    if (axis.indexOf("-reverse") !== -1) {
       percent2 = 1 - percent2;
     }
     var newValue;
@@ -146403,7 +146434,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
   });
   var trackOffset = valueToPercent(range2 ? values2[0] : min, min, max);
   var trackLeap = valueToPercent(values2[values2.length - 1], min, max) - trackOffset;
-  var trackStyle = _extends$1({}, axisProps[axis2].offset(trackOffset), axisProps[axis2].leap(trackLeap));
+  var trackStyle = _extends$1({}, axisProps[axis].offset(trackOffset), axisProps[axis].leap(trackLeap));
   return /* @__PURE__ */ React.createElement(Component2, _extends$1({
     ref: handleRef,
     className: clsx(classes.root, classes["color".concat(capitalize(color))], className, disabled && classes.disabled, marks.length > 0 && marks.some(function(mark) {
@@ -146421,7 +146452,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
     type: "hidden"
   }), marks.map(function(mark, index2) {
     var percent2 = valueToPercent(mark.value, min, max);
-    var style = axisProps[axis2].offset(percent2);
+    var style = axisProps[axis].offset(percent2);
     var markActive;
     if (track === false) {
       markActive = values2.indexOf(mark.value) !== -1;
@@ -146442,7 +146473,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
     }, mark.label) : null);
   }), values2.map(function(value, index2) {
     var percent2 = valueToPercent(value, min, max);
-    var style = axisProps[axis2].offset(percent2);
+    var style = axisProps[axis].offset(percent2);
     return /* @__PURE__ */ React.createElement(ValueLabelComponent, {
       key: index2,
       valueLabelFormat,
@@ -147227,7 +147258,7 @@ function ToolMenu(props2) {
   const onRecenterButtonCLick = () => {
     recenterOnClick();
   };
-  return jsxRuntimeExports.jsxs("div", { className: classes.tool, children: [visibleTools.pan && jsxRuntimeExports.jsx(IconTool, { alt: "pointer tool", onClick: () => setActiveTool(null), isActive: activeTool === null, children: jsxRuntimeExports.jsx(SvgNearMe, {}) }), visibleTools.selectLasso ? jsxRuntimeExports.jsx(IconTool, { alt: "select lasso", onClick: () => setActiveTool(distEs6$2.SELECTION_TYPE.POLYGON), isActive: activeTool === distEs6$2.SELECTION_TYPE.POLYGON, children: jsxRuntimeExports.jsx(SvgSelectionLasso, {}) }) : null, jsxRuntimeExports.jsx(IconButton2, { alt: "click to recenter", onClick: () => onRecenterButtonCLick(), children: jsxRuntimeExports.jsx(CenterFocusStrong, {}) })] });
+  return jsxRuntimeExports.jsxs("div", { className: classes.tool, children: [visibleTools.pan && jsxRuntimeExports.jsx(IconTool, { alt: "pointer tool", onClick: () => setActiveTool(null), isActive: activeTool === null, children: jsxRuntimeExports.jsx(SvgNearMe, {}) }), visibleTools.selectLasso ? jsxRuntimeExports.jsx(IconTool, { alt: "select lasso", onClick: () => setActiveTool(distEs6$2.SELECTION_TYPE.POLYGON), isActive: activeTool === distEs6$2.SELECTION_TYPE.POLYGON, children: jsxRuntimeExports.jsx(SvgSelectionLasso, {}) }) : null, jsxRuntimeExports.jsx(IconButton2, { alt: "click to recenter", onClick: () => onRecenterButtonCLick(), "aria-label": "Recenter scatterplot view", children: jsxRuntimeExports.jsx(CenterFocusStrong, {}) })] });
 }
 const getCursorWithTool = () => "crosshair";
 const getCursor = (interactionState) => interactionState.isDragging ? "grabbing" : "default";
@@ -147869,6 +147900,7 @@ const ScatterplotWrapper = forwardRef((props2, deckRef) => jsxRuntimeExports.jsx
 ScatterplotWrapper.displayName = "ScatterplotWrapper";
 function ScatterplotOptions(props2) {
   const { children, observationsLabel, cellRadius, setCellRadius, cellRadiusMode, setCellRadiusMode, cellOpacity, setCellOpacity, cellOpacityMode, setCellOpacityMode, cellSetLabelsVisible, setCellSetLabelsVisible, tooltipsVisible, setTooltipsVisible, cellSetLabelSize, setCellSetLabelSize, cellSetPolygonsVisible, setCellSetPolygonsVisible, cellColorEncoding, setCellColorEncoding, geneExpressionColormap, setGeneExpressionColormap, geneExpressionColormapRange, setGeneExpressionColormapRange } = props2;
+  const scatterplotOptionsId = useId();
   const observationsLabelNice = capitalize$1(observationsLabel);
   const classes = usePlotOptionsStyles();
   function handleCellRadiusModeChange(event) {
@@ -147902,7 +147934,10 @@ function ScatterplotOptions(props2) {
     setGeneExpressionColormapRange(value);
   }
   const handleColormapRangeChangeDebounced = useCallback(debounce$3(handleColormapRangeChange, 5, { trailing: true }), [handleColormapRangeChange]);
-  return jsxRuntimeExports.jsxs(OptionsContainer, { children: [children, jsxRuntimeExports.jsx(CellColorEncodingOption, { observationsLabel, cellColorEncoding, setCellColorEncoding }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsxs(TableCell$1, { className: classes.labelCell, children: [observationsLabelNice, " Set Labels Visible"] }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: jsxRuntimeExports.jsx(Checkbox$1, { className: classes.checkbox, checked: cellSetLabelsVisible, onChange: handleLabelVisibilityChange, name: "scatterplot-option-cell-set-labels", color: "default" }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, children: "Tooltips Visible" }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: jsxRuntimeExports.jsx(Checkbox$1, {
+  return jsxRuntimeExports.jsxs(OptionsContainer, { children: [children, jsxRuntimeExports.jsx(CellColorEncodingOption, { observationsLabel, cellColorEncoding, setCellColorEncoding }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: jsxRuntimeExports.jsxs("label", { htmlFor: `scatterplot-set-labels-visible-${scatterplotOptionsId}`, children: [observationsLabelNice, " Set Labels Visible"] }) }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: jsxRuntimeExports.jsx(Checkbox$1, { className: classes.checkbox, checked: cellSetLabelsVisible, onChange: handleLabelVisibilityChange, name: "scatterplot-option-cell-set-labels", color: "default", inputProps: {
+    "aria-label": "Show or hide set labels",
+    id: `scatterplot-set-labels-visible-${scatterplotOptionsId}`
+  } }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: jsxRuntimeExports.jsx("label", { htmlFor: `scatterplot-set-tooltips-visible-${scatterplotOptionsId}`, children: "Tooltips Visible" }) }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: jsxRuntimeExports.jsx(Checkbox$1, {
     className: classes.checkbox,
     /**
      * We have to use "checked" here, not "value".
@@ -147911,15 +147946,25 @@ function ScatterplotOptions(props2) {
      */
     checked: tooltipsVisible,
     onChange: handleTooltipsVisibilityChange,
-    name: "scatterplot-option-toltip-visibility",
-    color: "default"
-  }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsxs(TableCell$1, { className: classes.labelCell, children: [observationsLabelNice, " Set Label Size"] }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: jsxRuntimeExports.jsx(Slider$1, { disabled: !cellSetLabelsVisible, classes: { root: classes.slider, valueLabel: classes.sliderValueLabel }, value: cellSetLabelSize, onChange: handleLabelSizeChange, "aria-labelledby": "cell-set-label-size-slider", valueLabelDisplay: "auto", step: 1, min: 8, max: 36 }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsxs(TableCell$1, { className: classes.labelCell, children: [observationsLabelNice, " Set Polygons Visible"] }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: jsxRuntimeExports.jsx(Checkbox$1, { className: classes.checkbox, checked: cellSetPolygonsVisible, onChange: handlePolygonVisibilityChange, name: "scatterplot-option-cell-set-polygons", color: "default" }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsxs(TableCell$1, { className: classes.labelCell, htmlFor: "cell-radius-mode-select", children: [observationsLabelNice, " Radius Mode"] }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: jsxRuntimeExports.jsxs(OptionSelect, { className: classes.select, value: cellRadiusMode, onChange: handleCellRadiusModeChange, inputProps: {
-    id: "cell-radius-mode-select"
-  }, children: [jsxRuntimeExports.jsx("option", { value: "auto", children: "Auto" }), jsxRuntimeExports.jsx("option", { value: "manual", children: "Manual" })] }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsxs(TableCell$1, { className: classes.labelCell, children: [observationsLabelNice, " Radius"] }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: jsxRuntimeExports.jsx(Slider$1, { disabled: cellRadiusMode !== "manual", classes: { root: classes.slider, valueLabel: classes.sliderValueLabel }, value: cellRadius, onChange: handleRadiusChange, "aria-labelledby": "cell-radius-slider", valueLabelDisplay: "auto", step: 0.01, min: 0.01, max: 10 }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsxs(TableCell$1, { className: classes.labelCell, htmlFor: "cell-opacity-mode-select", children: [observationsLabelNice, " Opacity Mode"] }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: jsxRuntimeExports.jsxs(OptionSelect, { className: classes.select, value: cellOpacityMode, onChange: handleCellOpacityModeChange, inputProps: {
-    id: "cell-opacity-mode-select"
-  }, children: [jsxRuntimeExports.jsx("option", { value: "auto", children: "Auto" }), jsxRuntimeExports.jsx("option", { value: "manual", children: "Manual" })] }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsxs(TableCell$1, { className: classes.labelCell, children: [observationsLabelNice, " Opacity"] }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: jsxRuntimeExports.jsx(Slider$1, { disabled: cellOpacityMode !== "manual", classes: { root: classes.slider, valueLabel: classes.sliderValueLabel }, value: cellOpacity, onChange: handleOpacityChange, "aria-labelledby": "cell-opacity-slider", valueLabelDisplay: "auto", step: 0.05, min: 0, max: 1 }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, htmlFor: "gene-expression-colormap-select", children: "Gene Expression Colormap" }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: jsxRuntimeExports.jsx(OptionSelect, { className: classes.select, value: geneExpressionColormap, onChange: handleGeneExpressionColormapChange, inputProps: {
-    id: "gene-expression-colormap-select"
-  }, children: GLSL_COLORMAPS.map((cmap) => jsxRuntimeExports.jsx("option", { value: cmap, children: cmap }, cmap)) }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, children: "Gene Expression Colormap Range" }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: jsxRuntimeExports.jsx(Slider$1, { classes: { root: classes.slider, valueLabel: classes.sliderValueLabel }, value: geneExpressionColormapRange, onChange: handleColormapRangeChangeDebounced, "aria-labelledby": "gene-expression-colormap-range-slider", valueLabelDisplay: "auto", step: 5e-3, min: 0, max: 1 }) })] })] });
+    name: "scatterplot-option-tooltip-visibility",
+    color: "default",
+    inputProps: {
+      "aria-label": "Show or hide tooltips",
+      id: `scatterplot-set-tooltips-visible-${scatterplotOptionsId}`
+    }
+  }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: jsxRuntimeExports.jsxs("label", { htmlFor: `scatterplot-set-label-size-${scatterplotOptionsId}`, children: [observationsLabelNice, " Set Label Size"] }) }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: jsxRuntimeExports.jsx(Slider$1, { classes: { root: classes.slider, valueLabel: classes.sliderValueLabel }, disabled: !cellSetLabelsVisible, value: cellSetLabelSize, onChange: handleLabelSizeChange, "aria-label": "Scatterplot label size slider", id: `scatterplot-set-label-size-${scatterplotOptionsId}`, valueLabelDisplay: "auto", step: 1, min: 8, max: 36 }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: jsxRuntimeExports.jsxs("label", { htmlFor: `scatterplot-set-polygons-visible-${scatterplotOptionsId}`, children: [observationsLabelNice, " Set Polygons Visible"] }) }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: jsxRuntimeExports.jsx(Checkbox$1, { className: classes.checkbox, checked: cellSetPolygonsVisible, onChange: handlePolygonVisibilityChange, name: "scatterplot-option-cell-set-polygons", color: "default", inputProps: {
+    "aria-label": "Show or hide polygons",
+    id: `scatterplot-set-polygons-visible-${scatterplotOptionsId}`
+  } }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: jsxRuntimeExports.jsxs("label", { htmlFor: `scatterplot-set-radius-mode-select-${scatterplotOptionsId}`, children: [observationsLabelNice, " Radius Mode"] }) }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: jsxRuntimeExports.jsxs(OptionSelect, { className: classes.select, value: cellRadiusMode, onChange: handleCellRadiusModeChange, inputProps: {
+    id: `scatterplot-set-radius-mode-select-${scatterplotOptionsId}`
+  }, children: [jsxRuntimeExports.jsx("option", { value: "auto", children: "Auto" }), jsxRuntimeExports.jsx("option", { value: "manual", children: "Manual" })] }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: jsxRuntimeExports.jsxs("label", { htmlFor: `scatterplot-set-radius-size-select-${scatterplotOptionsId}`, children: [observationsLabelNice, " Radius Size"] }) }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: jsxRuntimeExports.jsx(Slider$1, { classes: { root: classes.slider, valueLabel: classes.sliderValueLabel }, disabled: cellRadiusMode !== "manual", value: cellRadius, onChange: handleRadiusChange, "aria-label": "Scatterplot radius size slider", id: `scatterplot-set-radius-size-select-${scatterplotOptionsId}`, valueLabelDisplay: "auto", step: 0.01, min: 0.01, max: 10 }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: jsxRuntimeExports.jsxs("label", { htmlFor: `scatterplot-set-opacity-mode-${scatterplotOptionsId}`, children: [observationsLabelNice, " Opacity Mode"] }) }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: jsxRuntimeExports.jsxs(OptionSelect, { className: classes.select, value: cellOpacityMode, onChange: handleCellOpacityModeChange, inputProps: {
+    id: `scatterplot-set-opacity-mode-${scatterplotOptionsId}`
+  }, children: [jsxRuntimeExports.jsx("option", { value: "auto", children: "Auto" }), jsxRuntimeExports.jsx("option", { value: "manual", children: "Manual" })] }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: jsxRuntimeExports.jsxs("label", { htmlFor: `scatterplot-set-opacity-level-${scatterplotOptionsId}`, children: [observationsLabelNice, " Opacity Level"] }) }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: jsxRuntimeExports.jsx(Slider$1, { classes: { root: classes.slider, valueLabel: classes.sliderValueLabel }, disabled: cellOpacityMode !== "manual", value: cellOpacity, onChange: handleOpacityChange, "aria-label": "Scatterplot opacity level slider", id: `scatterplot-set-opacity-level-${scatterplotOptionsId}`, valueLabelDisplay: "auto", step: 0.05, min: 0, max: 1 }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: jsxRuntimeExports.jsx("label", { htmlFor: `scatterplot-gene-expression-colormap-${scatterplotOptionsId}`, children: "Gene Expression Colormap" }) }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: jsxRuntimeExports.jsx(OptionSelect, { className: classes.select, value: geneExpressionColormap, onChange: handleGeneExpressionColormapChange, inputProps: {
+    id: `scatterplot-gene-expression-colormap-${scatterplotOptionsId}`
+  }, children: GLSL_COLORMAPS.map((cmap) => jsxRuntimeExports.jsx("option", { value: cmap, children: cmap }, cmap)) }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: jsxRuntimeExports.jsx("label", { htmlFor: `scatterplot-gene-expression-colormap-range-${scatterplotOptionsId}`, children: "Gene Expression Colormap Range" }) }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: jsxRuntimeExports.jsx(Slider$1, { classes: { root: classes.slider, valueLabel: classes.sliderValueLabel }, value: geneExpressionColormapRange, onChange: handleColormapRangeChangeDebounced, getAriaLabel: (index2) => {
+    const labelPrefix = index2 === 0 ? "Low value slider" : "High value slider";
+    return `${labelPrefix} for scatterplot gene expression colormap range`;
+  }, id: `scatterplot-gene-expression-colormap-range-${scatterplotOptionsId}`, valueLabelDisplay: "auto", step: 5e-3, min: 0, max: 1 }) })] })] });
 }
 const styles20 = makeStyles((theme) => ({
   tooltipAnchor: {
@@ -148034,6 +148079,7 @@ function GatingScatterplotOptions(props2) {
     geneSelectOptions,
     transformOptions
   } = props2;
+  const gatingScatterplotOptionsId = useId();
   const classes = usePlotOptionsStyles();
   const handleGeneSelectChange = (event) => {
     const { options } = event.target;
@@ -148066,8 +148112,14 @@ function GatingScatterplotOptions(props2) {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow$1, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, children: capitalize$1(plur(featureType, geneSelectOptions == null ? void 0 : geneSelectOptions.length)) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: `scatterplot-gating-gene-select-${gatingScatterplotOptionsId}`,
+          children: capitalize$1(pluralize(featureType, geneSelectOptions == null ? void 0 : geneSelectOptions.length))
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         OptionSelect,
         {
           multiple: true,
@@ -148075,44 +148127,55 @@ function GatingScatterplotOptions(props2) {
           value: [gatingFeatureSelectionX, gatingFeatureSelectionY].filter((v) => v),
           onChange: handleGeneSelectChange,
           inputProps: {
-            id: "scatterplot-gene-select"
+            id: `scatterplot-gating-gene-select-${gatingScatterplotOptionsId}`
           },
           children: geneSelectOptions.map((name2) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: name2, children: name2 }, name2))
-        },
-        "gating-gene-select"
+        }
       ) })
-    ] }, "gene-option-row"),
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow$1, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, children: "Transform" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: `scatterplot-gating-transform-select-${gatingScatterplotOptionsId}`,
+          children: "Transform"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         OptionSelect,
         {
           className: classes.select,
           value: gatingFeatureValueTransform === null ? "" : gatingFeatureValueTransform,
           onChange: handleTransformChange,
           inputProps: {
-            id: "scatterplot-transform-select"
+            id: `scatterplot-gating-transform-select-${gatingScatterplotOptionsId}`
           },
           children: transformOptions.map((opt) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: opt.value === null ? "" : opt.value, children: opt.name }, opt.name))
-        },
-        "gating-transform-select"
+        }
       ) })
-    ] }, "transform-option-row"),
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow$1, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, children: "Transform Coefficient" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: `scatterplot-gating-transform-coefficient-${gatingScatterplotOptionsId}`,
+          children: "Transform Coefficient"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         TextField$1,
         {
-          label: "Number",
+          label: "Transform Coefficient",
           type: "number",
           onChange: handleTransformCoefficientChange,
           value: gatingFeatureValueTransformCoefficient,
           InputLabelProps: {
             shrink: true
-          }
+          },
+          id: `scatterplot-gating-transform-coefficient-${gatingScatterplotOptionsId}`
         }
       ) })
-    ] }, "transform-coefficient-option-row")
+    ] })
   ] });
 }
 function GatingSubscriber(props2) {
@@ -148438,7 +148501,7 @@ function GatingSubscriber(props2) {
     TitleInfo,
     {
       title,
-      info: `${commaNumber(cellsCount)} ${plur(obsType, cellsCount)}`,
+      info: `${commaNumber(cellsCount)} ${pluralize(obsType, cellsCount)}`,
       removeGridComponent,
       urls,
       theme,
@@ -148495,7 +148558,7 @@ function GatingSubscriber(props2) {
           EmptyMessage,
           {
             visible: !(gatingFeatureSelectionX && gatingFeatureSelectionY),
-            message: `Select two ${plur(featureType, 2)} in the plot settings.`
+            message: `Select two ${pluralize(featureType, 2)} in the plot settings.`
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(