@teselagen/ove 0.7.30-beta.1 → 0.7.30-beta.2

package/index.umd.js

@@ -857,7 +857,7 @@ var __async = (__this, __arguments, generator) => {
     return Math.abs(a2 - b3) <= tolerance;
   }
   __name(approxEqual, "approxEqual");
-  function clamp$4(val2, min2, max2) {
+  function clamp$5(val2, min2, max2) {
     if (val2 == null) {
       return val2;
     }
@@ -866,7 +866,7 @@ var __async = (__this, __arguments, generator) => {
     }
     return Math.min(Math.max(val2, min2), max2);
   }
-  __name(clamp$4, "clamp$4");
+  __name(clamp$5, "clamp$5");
   function countDecimalPlaces(num) {
     if (!isFinite(num)) {
       return 0;
@@ -908,17 +908,17 @@ var __async = (__this, __arguments, generator) => {
       return child.trim().length > 0 ? reactExports.createElement(tagName, {}, child) : void 0;
     } else if (typeof child === "number" || typeof child.type === "symbol" || Array.isArray(child)) {
       return reactExports.createElement(tagName, {}, child);
-    } else if (isReactElement(child)) {
+    } else if (isReactElement$1(child)) {
       return child;
     } else {
       return void 0;
     }
   }
   __name(ensureElement, "ensureElement");
-  function isReactElement(child) {
+  function isReactElement$1(child) {
     return typeof child === "object" && typeof child.type !== "undefined" && typeof child.props !== "undefined";
   }
-  __name(isReactElement, "isReactElement");
+  __name(isReactElement$1, "isReactElement$1");
   function isElementOfType(element2, ComponentType) {
     return element2 != null && element2.type != null && element2.type.displayName != null && element2.type.displayName === ComponentType.displayName;
   }
@@ -1001,8 +1001,8 @@ var __async = (__this, __arguments, generator) => {
           return window.cancelAnimationFrame(handle2);
         };
       };
-      AbstractComponent22.prototype.setTimeout = function(callback2, timeout) {
-        var handle2 = window.setTimeout(callback2, timeout);
+      AbstractComponent22.prototype.setTimeout = function(callback2, timeout2) {
+        var handle2 = window.setTimeout(callback2, timeout2);
         this.timeoutIds.push(handle2);
         return function() {
           return window.clearTimeout(handle2);
@@ -1061,8 +1061,8 @@ var __async = (__this, __arguments, generator) => {
           return window.cancelAnimationFrame(handle2);
         };
       };
-      AbstractPureComponent22.prototype.setTimeout = function(callback2, timeout) {
-        var handle2 = window.setTimeout(callback2, timeout);
+      AbstractPureComponent22.prototype.setTimeout = function(callback2, timeout2) {
+        var handle2 = window.setTimeout(callback2, timeout2);
         this.timeoutIds.push(handle2);
         return function() {
           return window.clearTimeout(handle2);
@@ -11800,7 +11800,7 @@ var __async = (__this, __arguments, generator) => {
   Popper$1.Utils = (typeof window !== "undefined" ? window : global).PopperUtils;
   Popper$1.placements = placements$1;
   Popper$1.Defaults = Defaults;
-  var lib$a = { exports: {} };
+  var lib$9 = { exports: {} };
   var implementation = { exports: {} };
   var propTypes$1 = { exports: {} };
   var ReactPropTypesSecret_1;
@@ -12079,10 +12079,10 @@ var __async = (__this, __arguments, generator) => {
     return implementation.exports;
   }
   __name(requireImplementation, "requireImplementation");
-  var hasRequiredLib$a;
-  function requireLib$a() {
-    if (hasRequiredLib$a) return lib$a.exports;
-    hasRequiredLib$a = 1;
+  var hasRequiredLib$9;
+  function requireLib$9() {
+    if (hasRequiredLib$9) return lib$9.exports;
+    hasRequiredLib$9 = 1;
     (function(module2, exports3) {
       exports3.__esModule = true;
       var _react = requireReact();
@@ -12095,11 +12095,11 @@ var __async = (__this, __arguments, generator) => {
       __name(_interopRequireDefault, "_interopRequireDefault");
       exports3.default = _react2.default.createContext || _implementation2.default;
       module2.exports = exports3["default"];
-    })(lib$a, lib$a.exports);
-    return lib$a.exports;
+    })(lib$9, lib$9.exports);
+    return lib$9.exports;
   }
-  __name(requireLib$a, "requireLib$a");
-  var libExports$4 = requireLib$a();
+  __name(requireLib$9, "requireLib$9");
+  var libExports$4 = requireLib$9();
   const createContext$1 = /* @__PURE__ */ getDefaultExportFromCjs(libExports$4);
   var ManagerReferenceNodeContext = createContext$1();
   var ManagerReferenceNodeSetterContext = createContext$1();
@@ -13888,20 +13888,20 @@ var __async = (__this, __arguments, generator) => {
       cache$2.set(target, zeroBoxes);
       return zeroBoxes;
     }
-    var cs = getComputedStyle(target);
+    var cs2 = getComputedStyle(target);
     var svg2 = isSVG$1(target) && target.ownerSVGElement && target.getBBox();
-    var removePadding = !IE && cs.boxSizing === "border-box";
-    var switchSizes = verticalRegexp.test(cs.writingMode || "");
-    var canScrollVertically = !svg2 && scrollRegexp.test(cs.overflowY || "");
-    var canScrollHorizontally = !svg2 && scrollRegexp.test(cs.overflowX || "");
-    var paddingTop2 = svg2 ? 0 : parseDimension(cs.paddingTop);
-    var paddingRight2 = svg2 ? 0 : parseDimension(cs.paddingRight);
-    var paddingBottom2 = svg2 ? 0 : parseDimension(cs.paddingBottom);
-    var paddingLeft2 = svg2 ? 0 : parseDimension(cs.paddingLeft);
-    var borderTop = svg2 ? 0 : parseDimension(cs.borderTopWidth);
-    var borderRight = svg2 ? 0 : parseDimension(cs.borderRightWidth);
-    var borderBottom = svg2 ? 0 : parseDimension(cs.borderBottomWidth);
-    var borderLeft = svg2 ? 0 : parseDimension(cs.borderLeftWidth);
+    var removePadding = !IE && cs2.boxSizing === "border-box";
+    var switchSizes = verticalRegexp.test(cs2.writingMode || "");
+    var canScrollVertically = !svg2 && scrollRegexp.test(cs2.overflowY || "");
+    var canScrollHorizontally = !svg2 && scrollRegexp.test(cs2.overflowX || "");
+    var paddingTop2 = svg2 ? 0 : parseDimension(cs2.paddingTop);
+    var paddingRight2 = svg2 ? 0 : parseDimension(cs2.paddingRight);
+    var paddingBottom2 = svg2 ? 0 : parseDimension(cs2.paddingBottom);
+    var paddingLeft2 = svg2 ? 0 : parseDimension(cs2.paddingLeft);
+    var borderTop = svg2 ? 0 : parseDimension(cs2.borderTopWidth);
+    var borderRight = svg2 ? 0 : parseDimension(cs2.borderRightWidth);
+    var borderBottom = svg2 ? 0 : parseDimension(cs2.borderBottomWidth);
+    var borderLeft = svg2 ? 0 : parseDimension(cs2.borderLeftWidth);
     var horizontalPadding = paddingLeft2 + paddingRight2;
     var verticalPadding = paddingTop2 + paddingBottom2;
     var horizontalBorderArea = borderLeft + borderRight;
@@ -13910,8 +13910,8 @@ var __async = (__this, __arguments, generator) => {
     var verticalScrollbarThickness = !canScrollVertically ? 0 : target.offsetWidth - horizontalBorderArea - target.clientWidth;
     var widthReduction = removePadding ? horizontalPadding + horizontalBorderArea : 0;
     var heightReduction = removePadding ? verticalPadding + verticalBorderArea : 0;
-    var contentWidth = svg2 ? svg2.width : parseDimension(cs.width) - widthReduction - verticalScrollbarThickness;
-    var contentHeight = svg2 ? svg2.height : parseDimension(cs.height) - heightReduction - horizontalScrollbarThickness;
+    var contentWidth = svg2 ? svg2.width : parseDimension(cs2.width) - widthReduction - verticalScrollbarThickness;
+    var contentHeight = svg2 ? svg2.height : parseDimension(cs2.height) - heightReduction - horizontalScrollbarThickness;
     var borderBoxWidth = contentWidth + horizontalPadding + verticalScrollbarThickness + horizontalBorderArea;
     var borderBoxHeight = contentHeight + verticalPadding + horizontalScrollbarThickness + verticalBorderArea;
     var boxes = freeze({
@@ -14062,11 +14062,11 @@ var __async = (__this, __arguments, generator) => {
     "blur",
     "focus"
   ];
-  var time$1 = /* @__PURE__ */ __name(function(timeout) {
-    if (timeout === void 0) {
-      timeout = 0;
+  var time$1 = /* @__PURE__ */ __name(function(timeout2) {
+    if (timeout2 === void 0) {
+      timeout2 = 0;
     }
-    return Date.now() + timeout;
+    return Date.now() + timeout2;
   }, "time$1");
   var scheduled = false;
   var Scheduler = function() {
@@ -14078,30 +14078,30 @@ var __async = (__this, __arguments, generator) => {
       };
     }
     __name(Scheduler2, "Scheduler");
-    Scheduler2.prototype.run = function(timeout) {
+    Scheduler2.prototype.run = function(timeout2) {
       var _this = this;
-      if (timeout === void 0) {
-        timeout = CATCH_PERIOD;
+      if (timeout2 === void 0) {
+        timeout2 = CATCH_PERIOD;
       }
       if (scheduled) {
         return;
       }
       scheduled = true;
-      var until = time$1(timeout);
+      var until = time$1(timeout2);
       queueResizeObserver(function() {
         var elementsHaveResized = false;
         try {
           elementsHaveResized = process$1();
         } finally {
           scheduled = false;
-          timeout = until - time$1();
+          timeout2 = until - time$1();
           if (!isWatching()) {
             return;
           }
           if (elementsHaveResized) {
             _this.run(1e3);
-          } else if (timeout > 0) {
-            _this.run(timeout);
+          } else if (timeout2 > 0) {
+            _this.run(timeout2);
           } else {
             _this.start();
           }
@@ -14818,14 +14818,14 @@ var __async = (__this, __arguments, generator) => {
           order: 900
         } });
       };
-      Popover2.prototype.setOpenState = function(isOpen2, e2, timeout) {
+      Popover2.prototype.setOpenState = function(isOpen2, e2, timeout2) {
         var _this = this;
         var _a2, _b2, _c2, _d2, _e;
         (_a2 = this.cancelOpenTimeout) === null || _a2 === void 0 ? void 0 : _a2.call(this);
-        if (timeout !== void 0 && timeout > 0) {
+        if (timeout2 !== void 0 && timeout2 > 0) {
           this.cancelOpenTimeout = this.setTimeout(function() {
             return _this.setOpenState(isOpen2, e2);
-          }, timeout);
+          }, timeout2);
         } else {
           if (this.props.isOpen == null) {
             this.setState({ isOpen: isOpen2 });
@@ -16242,7 +16242,7 @@ var __async = (__this, __arguments, generator) => {
         var size2 = this.getSize();
         var classes = classNames$1(SPINNER, intentClass(intent), (_a2 = {}, _a2[SPINNER_NO_SPIN] = value != null, _a2), className);
         var strokeWidth = Math.min(MIN_STROKE_WIDTH, STROKE_WIDTH * SpinnerSize.LARGE / size2);
-        var strokeOffset = PATH_LENGTH - PATH_LENGTH * (value == null ? 0.25 : clamp$4(value, 0, 1));
+        var strokeOffset = PATH_LENGTH - PATH_LENGTH * (value == null ? 0.25 : clamp$5(value, 0, 1));
         return reactExports.createElement(tagName, {
           className: classes,
           role: "progressbar"
@@ -16978,7 +16978,7 @@ var __async = (__this, __arguments, generator) => {
             scrollHeight_1 += lineHeight2;
           }
           if (lineHeight2 > 0) {
-            scrollHeight_1 = clamp$4(scrollHeight_1, minLines * lineHeight2, maxLines * lineHeight2);
+            scrollHeight_1 = clamp$5(scrollHeight_1, minLines * lineHeight2, maxLines * lineHeight2);
           }
           scrollHeight_1 = Math.max(scrollHeight_1, getFontSize(this.valueElement) + 1, getLineHeight(parentElement_1));
           scrollWidth += Browser$1.isInternetExplorer() ? BUFFER_WIDTH_IE : BUFFER_WIDTH_DEFAULT;
@@ -17429,7 +17429,7 @@ var __async = (__this, __arguments, generator) => {
   function clampValue(value, min2, max2) {
     var adjustedMin = min2 != null ? min2 : -Infinity;
     var adjustedMax = max2 != null ? max2 : Infinity;
-    return clamp$4(value, adjustedMin, adjustedMax);
+    return clamp$5(value, adjustedMin, adjustedMax);
   }
   __name(clampValue, "clampValue");
   function getValueOrEmptyValue(value) {
@@ -18556,7 +18556,7 @@ var __async = (__this, __arguments, generator) => {
         return newValue;
       };
       Handle2.prototype.clamp = function(value) {
-        return clamp$4(value, this.props.min, this.props.max);
+        return clamp$5(value, this.props.min, this.props.max);
       };
       Handle2.prototype.getHandleElementCenterPixel = function(handleElement) {
         var _a2 = this.getHandleMidpointAndOffset(handleElement), handleMidpoint = _a2.handleMidpoint, handleOffset = _a2.handleOffset;
@@ -18840,7 +18840,7 @@ var __async = (__this, __arguments, generator) => {
         return values2;
       };
       MultiSlider2.prototype.getOffsetRatio = function(value) {
-        return clamp$4((value - this.props.min) * this.state.tickSizeRatio, 0, 1);
+        return clamp$5((value - this.props.min) * this.state.tickSizeRatio, 0, 1);
       };
       MultiSlider2.prototype.getTrackIntent = function(start2, end2) {
         if (!this.props.showTrackFill) {
@@ -19399,7 +19399,7 @@ var __async = (__this, __arguments, generator) => {
         while (index2 > 0 && index2 < values2.length && !values2[index2]) {
           index2 += direction2;
         }
-        return clamp$4(index2, 0, values2.length);
+        return clamp$5(index2, 0, values2.length);
       };
       TagInput2.prototype.getValues = function(inputValue) {
         var separator = this.props.separator;
@@ -21147,10 +21147,10 @@ var __async = (__this, __arguments, generator) => {
     if (ms === 0) {
       return fn5;
     }
-    var timeout;
+    var timeout2;
     return function(arg) {
-      clearTimeout(timeout);
-      timeout = setTimeout(function() {
+      clearTimeout(timeout2);
+      timeout2 = setTimeout(function() {
         fn5(arg);
       }, ms);
     };
@@ -24089,19 +24089,15 @@ var __async = (__this, __arguments, generator) => {
   function noop$9() {
   }
   __name(noop$9, "noop$9");
-  let nanoid = /* @__PURE__ */ __name((size2 = 21) => crypto.getRandomValues(new Uint8Array(size2)).reduce((id2, byte) => {
-    byte &= 63;
-    if (byte < 36) {
-      id2 += byte.toString(36);
-    } else if (byte < 62) {
-      id2 += (byte - 26).toString(36).toUpperCase();
-    } else if (byte > 62) {
-      id2 += "-";
-    } else {
-      id2 += "_";
+  const urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+  let nanoid = /* @__PURE__ */ __name((size2 = 21) => {
+    let id2 = "";
+    let bytes = crypto.getRandomValues(new Uint8Array(size2 |= 0));
+    while (size2--) {
+      id2 += urlAlphabet[bytes[size2] & 63];
     }
     return id2;
-  }, ""), "nanoid");
+  }, "nanoid");
   var papaparse_min$1 = { exports: {} };
   /* @license
   Papa Parse
@@ -31135,7 +31131,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "checkSubmit");
   function createReduxForm(structure$1) {
     var deepEqual2 = structure$1.deepEqual, empty2 = structure$1.empty, getIn2 = structure$1.getIn, setIn2 = structure$1.setIn, keys2 = structure$1.keys, fromJS = structure$1.fromJS, toJS2 = structure$1.toJS;
-    var isValid2 = createIsValid(structure$1);
+    var isValid = createIsValid(structure$1);
     return function(initialConfig) {
       var config = _extends$j({
         touchOnBlur: true,
@@ -31661,8 +31657,8 @@ ${latestSubscriptionCallbackError.current.stack}
           var syncErrors = getIn2(formState, "syncErrors") || structure.empty;
           var syncWarnings = getIn2(formState, "syncWarnings") || structure.empty;
           var registeredFields = getIn2(formState, "registeredFields");
-          var valid2 = isValid2(form2, getFormState, false)(state2);
-          var validExceptSubmit = isValid2(form2, getFormState, true)(state2);
+          var valid2 = isValid(form2, getFormState, false)(state2);
+          var validExceptSubmit = isValid(form2, getFormState, true)(state2);
           var anyTouched = !!getIn2(formState, "anyTouched");
           var submitting = !!getIn2(formState, "submitting");
           var submitFailed = !!getIn2(formState, "submitFailed");
@@ -34152,7 +34148,7 @@ ${latestSubscriptionCallbackError.current.stack}
     return number2;
   }
   __name(baseClamp, "baseClamp");
-  function clamp$3(number2, lower, upper) {
+  function clamp$4(number2, lower, upper) {
     if (upper === void 0) {
       upper = lower;
       lower = void 0;
@@ -34167,7 +34163,7 @@ ${latestSubscriptionCallbackError.current.stack}
     }
     return baseClamp(toNumber(number2), lower, upper);
   }
-  __name(clamp$3, "clamp$3");
+  __name(clamp$4, "clamp$4");
   function stackClear() {
     this.__data__ = new ListCache();
     this.size = 0;
@@ -35942,15 +35938,15 @@ ${latestSubscriptionCallbackError.current.stack}
     return object2 == null ? true : baseUnset(object2, path2);
   }
   __name(unset, "unset");
-  var lib$9 = {};
-  var hasRequiredLib$9;
-  function requireLib$9() {
-    if (hasRequiredLib$9) return lib$9;
-    hasRequiredLib$9 = 1;
-    Object.defineProperty(lib$9, "__esModule", {
+  var lib$8 = {};
+  var hasRequiredLib$8;
+  function requireLib$8() {
+    if (hasRequiredLib$8) return lib$8;
+    hasRequiredLib$8 = 1;
+    Object.defineProperty(lib$8, "__esModule", {
       value: true
     });
-    lib$9.createChangeEmitter = /* @__PURE__ */ __name(function createChangeEmitter() {
+    lib$8.createChangeEmitter = /* @__PURE__ */ __name(function createChangeEmitter() {
       var currentListeners = [];
       var nextListeners = currentListeners;
       function ensureCanMutateNextListeners() {
@@ -35990,10 +35986,10 @@ ${latestSubscriptionCallbackError.current.stack}
         emit
       };
     }, "createChangeEmitter");
-    return lib$9;
+    return lib$8;
   }
-  __name(requireLib$9, "requireLib$9");
-  requireLib$9();
+  __name(requireLib$8, "requireLib$8");
+  requireLib$8();
   function symbolObservablePonyfill(root2) {
     var result;
     var Symbol2 = root2.Symbol;
@@ -43730,11 +43726,14 @@ ${latestSubscriptionCallbackError.current.stack}
   }
   __name(isEntityClean, "isEntityClean");
   const getIdOrCodeOrIndex = /* @__PURE__ */ __name((record, rowIndex) => {
-    if (record.id || record.id === 0) {
+    if ("id" in record && (record.id || record.id === 0)) {
       return record.id;
-    } else if (record.code) {
+    } else if ("code" in record && record.code) {
       return record.code;
     } else {
+      if (rowIndex === void 0 || rowIndex === null) {
+        throw new Error("id, code, or rowIndex must be provided");
+      }
       return rowIndex;
     }
   }, "getIdOrCodeOrIndex");
@@ -43816,17 +43815,22 @@ ${latestSubscriptionCallbackError.current.stack}
     });
     return fieldPathToField;
   }, "getFieldPathToField");
-  const formatPasteData = /* @__PURE__ */ __name(({ schema: schema2, newVal: newVal2, path: path2 }) => {
+  const formatPasteData = /* @__PURE__ */ __name(({
+    schema: schema2,
+    newVal: newVal2,
+    path: path2
+  }) => {
     const pathToField = getFieldPathToField(schema2);
     const column = pathToField[path2];
     if (column.type === "genericSelect") {
-      if ((newVal2 == null ? void 0 : newVal2.__genSelCol) === path2) {
-        newVal2 = newVal2.__strVal;
+      const value = newVal2;
+      if (value.__genSelCol === path2) {
+        newVal2 = value.__strVal;
       } else {
         newVal2 = void 0;
       }
     } else {
-      newVal2 = Object.hasOwn(newVal2, "__strVal") ? newVal2.__strVal : newVal2;
+      newVal2 = typeof newVal2 === "object" && newVal2 !== null && "__strVal" in newVal2 ? newVal2.__strVal : newVal2;
     }
     return newVal2;
   }, "formatPasteData");
@@ -43851,14 +43855,15 @@ ${latestSubscriptionCallbackError.current.stack}
     return /[0-9]+$/.test(str);
   }, "endsWithNumber");
   const getNumberStrAtEnd = /* @__PURE__ */ __name((str) => {
+    var _a2;
     if (endsWithNumber(str)) {
-      return str.match(/[0-9]+$/)[0];
+      return (_a2 = str.match(/[0-9]+$/)) == null ? void 0 : _a2[0];
     }
     return null;
   }, "getNumberStrAtEnd");
   const stripNumberAtEnd = /* @__PURE__ */ __name((str) => {
     var _a2;
-    return (_a2 = str == null ? void 0 : str.replace) == null ? void 0 : _a2.call(str, getNumberStrAtEnd(str), "");
+    return (_a2 = str == null ? void 0 : str.replace) == null ? void 0 : _a2.call(str, getNumberStrAtEnd(str) || "", "");
   }, "stripNumberAtEnd");
   const getAllRows = /* @__PURE__ */ __name((tableRef) => {
     var _a2, _b2;
@@ -43895,7 +43900,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "getNewEntToSelect");
   const getLastSelectedEntity = /* @__PURE__ */ __name((idMap) => {
     let lastSelectedEnt;
-    let latestTime;
+    let latestTime = null;
     Object.values(idMap).forEach(({ time: time2, entity }) => {
       if (!latestTime || time2 > latestTime) {
         lastSelectedEnt = entity;
@@ -43935,9 +43940,9 @@ ${latestSubscriptionCallbackError.current.stack}
     };
   }, "getCellInfo");
   const getCellCopyText = /* @__PURE__ */ __name((cellWrapper) => {
-    const text2 = cellWrapper && cellWrapper.getAttribute("data-copy-text");
-    const jsonText = cellWrapper && cellWrapper.getAttribute("data-copy-json");
-    const textContent = text2 || cellWrapper.textContent || "";
+    const text2 = cellWrapper == null ? void 0 : cellWrapper.getAttribute("data-copy-text");
+    const jsonText = cellWrapper == null ? void 0 : cellWrapper.getAttribute("data-copy-json");
+    const textContent = text2 || (cellWrapper == null ? void 0 : cellWrapper.textContent) || "";
     return [textContent, jsonText];
   }, "getCellCopyText");
   const getRowCopyText = /* @__PURE__ */ __name((rowEl, { specificColumn } = {}) => {
@@ -44245,7 +44250,7 @@ ${latestSubscriptionCallbackError.current.stack}
     if (noSelect || isEntityDisabled(entity)) return;
     const rowId = getIdOrCodeOrIndex(entity, rowInfo.index);
     if (rowId === void 0) return;
-    const ctrl = e2.metaKey || e2.ctrlKey || withCheckboxes && !e2.shiftKey;
+    const ctrl2 = e2.metaKey || e2.ctrlKey || withCheckboxes && !e2.shiftKey;
     const oldIdMap = reduxFormSelectedEntityIdMap || {};
     const rowSelected = oldIdMap[rowId];
     let newIdMap = {
@@ -44257,12 +44262,12 @@ ${latestSubscriptionCallbackError.current.stack}
     if (isSingleSelect) {
       if (rowSelected) newIdMap = {};
     } else if (rowSelected && e2.shiftKey) return;
-    else if (rowSelected && ctrl) {
+    else if (rowSelected && ctrl2) {
       newIdMap = __spreadValues({}, oldIdMap);
       delete newIdMap[rowId];
     } else if (rowSelected) {
       newIdMap = {};
-    } else if (ctrl) {
+    } else if (ctrl2) {
       newIdMap = __spreadValues(__spreadValues({}, oldIdMap), newIdMap);
     } else if (e2.shiftKey && !isEmpty$1(oldIdMap)) {
       newIdMap = {
@@ -45784,23 +45789,23 @@ ${latestSubscriptionCallbackError.current.stack}
     return parse$5;
   }
   __name(requireParse, "requireParse");
-  var lib$8;
-  var hasRequiredLib$8;
-  function requireLib$8() {
-    if (hasRequiredLib$8) return lib$8;
-    hasRequiredLib$8 = 1;
+  var lib$7;
+  var hasRequiredLib$7;
+  function requireLib$7() {
+    if (hasRequiredLib$7) return lib$7;
+    hasRequiredLib$7 = 1;
     var stringify2 = /* @__PURE__ */ requireStringify();
     var parse2 = /* @__PURE__ */ requireParse();
     var formats2 = /* @__PURE__ */ requireFormats();
-    lib$8 = {
+    lib$7 = {
       formats: formats2,
       parse: parse2,
       stringify: stringify2
     };
-    return lib$8;
+    return lib$7;
   }
-  __name(requireLib$8, "requireLib$8");
-  var libExports$3 = /* @__PURE__ */ requireLib$8();
+  __name(requireLib$7, "requireLib$7");
+  var libExports$3 = /* @__PURE__ */ requireLib$7();
   const queryString = /* @__PURE__ */ getDefaultExportFromCjs(libExports$3);
   function tableQueryParamsToHasuraClauses({
     page,
@@ -46293,8 +46298,9 @@ ${latestSubscriptionCallbackError.current.stack}
       if (newWhere) {
         Object.assign(where, newWhere);
       }
-    } else if (typeof additionalFilter === "object")
+    } else if (typeof additionalFilter === "object" && additionalFilter !== null) {
       where._and.push(additionalFilter);
+    }
   }
   __name(initializeHasuraWhereAndFilter, "initializeHasuraWhereAndFilter");
   const defaultPageSizes = [5, 10, 15, 25, 50, 100, 200, 400];
@@ -46802,7 +46808,7 @@ ${latestSubscriptionCallbackError.current.stack}
       }
     ));
   }, "PagingTool");
-  var lib$7 = {};
+  var lib$6 = {};
   var flattenNames = {};
   var isString_1;
   var hasRequiredIsString;
@@ -47692,14 +47698,14 @@ ${latestSubscriptionCallbackError.current.stack}
     return loop;
   }
   __name(requireLoop, "requireLoop");
-  var hasRequiredLib$7;
-  function requireLib$7() {
-    if (hasRequiredLib$7) return lib$7;
-    hasRequiredLib$7 = 1;
-    Object.defineProperty(lib$7, "__esModule", {
+  var hasRequiredLib$6;
+  function requireLib$6() {
+    if (hasRequiredLib$6) return lib$6;
+    hasRequiredLib$6 = 1;
+    Object.defineProperty(lib$6, "__esModule", {
       value: true
     });
-    lib$7.ReactCSS = lib$7.loop = lib$7.handleActive = lib$7.handleHover = lib$7.hover = void 0;
+    lib$6.ReactCSS = lib$6.loop = lib$6.handleActive = lib$6.handleHover = lib$6.hover = void 0;
     var _flattenNames = requireFlattenNames();
     var _flattenNames2 = _interopRequireDefault(_flattenNames);
     var _mergeClasses = requireMergeClasses();
@@ -47716,11 +47722,11 @@ ${latestSubscriptionCallbackError.current.stack}
       return obj && obj.__esModule ? obj : { default: obj };
     }
     __name(_interopRequireDefault, "_interopRequireDefault");
-    lib$7.hover = _hover3.default;
-    lib$7.handleHover = _hover3.default;
-    lib$7.handleActive = _active2.default;
-    lib$7.loop = _loop3.default;
-    var ReactCSS = lib$7.ReactCSS = /* @__PURE__ */ __name(function ReactCSS2(classes) {
+    lib$6.hover = _hover3.default;
+    lib$6.handleHover = _hover3.default;
+    lib$6.handleActive = _active2.default;
+    lib$6.loop = _loop3.default;
+    var ReactCSS = lib$6.ReactCSS = /* @__PURE__ */ __name(function ReactCSS2(classes) {
       for (var _len = arguments.length, activations = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         activations[_key - 1] = arguments[_key];
       }
@@ -47728,11 +47734,11 @@ ${latestSubscriptionCallbackError.current.stack}
       var merged = (0, _mergeClasses2.default)(classes, activeNames);
       return (0, _autoprefix2.default)(merged);
     }, "ReactCSS");
-    lib$7.default = ReactCSS;
-    return lib$7;
+    lib$6.default = ReactCSS;
+    return lib$6;
   }
-  __name(requireLib$7, "requireLib$7");
-  var libExports$2 = requireLib$7();
+  __name(requireLib$6, "requireLib$6");
+  var libExports$2 = requireLib$6();
   const reactCSS = /* @__PURE__ */ getDefaultExportFromCjs(libExports$2);
   var calculateChange$2 = /* @__PURE__ */ __name(function calculateChange2(e2, hsl2, direction2, initialA, container) {
     var containerWidth = container.clientWidth;
@@ -48691,7 +48697,7 @@ ${latestSubscriptionCallbackError.current.stack}
     isLight: /* @__PURE__ */ __name(function isLight() {
       return !this.isDark();
     }, "isLight"),
-    isValid: /* @__PURE__ */ __name(function isValid2() {
+    isValid: /* @__PURE__ */ __name(function isValid() {
       return this._ok;
     }, "isValid"),
     getOriginalInput: /* @__PURE__ */ __name(function getOriginalInput() {
@@ -56311,10 +56317,10 @@ ${latestSubscriptionCallbackError.current.stack}
     return DayPicker$1;
   }
   __name(requireDayPicker, "requireDayPicker");
-  var hasRequiredBuild$1;
-  function requireBuild$1() {
-    if (hasRequiredBuild$1) return build;
-    hasRequiredBuild$1 = 1;
+  var hasRequiredBuild;
+  function requireBuild() {
+    if (hasRequiredBuild) return build;
+    hasRequiredBuild = 1;
     (function(exports3) {
       Object.defineProperty(exports3, "__esModule", {
         value: true
@@ -56354,8 +56360,8 @@ ${latestSubscriptionCallbackError.current.stack}
     })(build);
     return build;
   }
-  __name(requireBuild$1, "requireBuild$1");
-  var buildExports = requireBuild$1();
+  __name(requireBuild, "requireBuild");
+  var buildExports = requireBuild();
   const DayPicker = /* @__PURE__ */ getDefaultExportFromCjs(buildExports);
   var ns = "[Blueprint]";
   var DATEPICKER_DEFAULT_VALUE_INVALID = ns + " <DatePicker> defaultValue must be within minDate and maxDate bounds.";
@@ -56803,9 +56809,9 @@ ${latestSubscriptionCallbackError.current.stack}
       };
       TimePicker2.prototype.renderInput = function(className, unit, value) {
         var _a2;
-        var isValid2 = isTimeUnitValid(unit, parseInt(value, 10));
+        var isValid = isTimeUnitValid(unit, parseInt(value, 10));
         var isHour = unit === TimeUnit.HOUR_12 || unit === TimeUnit.HOUR_24;
-        return reactExports.createElement("input", { className: classNames$1(TIMEPICKER_INPUT, (_a2 = {}, _a2[intentClass(Intent.DANGER)] = !isValid2, _a2), className), onBlur: this.getInputBlurHandler(unit), onChange: this.getInputChangeHandler(unit), onFocus: this.getInputFocusHandler(unit), onKeyDown: this.getInputKeyDownHandler(unit), onKeyUp: this.getInputKeyUpHandler(unit), value, disabled: this.props.disabled, autoFocus: isHour && this.props.autoFocus });
+        return reactExports.createElement("input", { className: classNames$1(TIMEPICKER_INPUT, (_a2 = {}, _a2[intentClass(Intent.DANGER)] = !isValid, _a2), className), onBlur: this.getInputBlurHandler(unit), onChange: this.getInputChangeHandler(unit), onFocus: this.getInputFocusHandler(unit), onKeyDown: this.getInputKeyDownHandler(unit), onKeyUp: this.getInputKeyUpHandler(unit), value, disabled: this.props.disabled, autoFocus: isHour && this.props.autoFocus });
       };
       TimePicker2.prototype.maybeRenderAmPm = function() {
         if (!this.props.useAmPm) {
@@ -59502,10 +59508,10 @@ ${latestSubscriptionCallbackError.current.stack}
           this.setState({ selectedItem: this.props.selectedItem });
         }
         if (this.state.isOpen === false && prevState.isOpen === true) {
-          var timeout = (_g = (_f = this.props.popoverProps) === null || _f === void 0 ? void 0 : _f.transitionDuration) !== null && _g !== void 0 ? _g : Popover.defaultProps.transitionDuration;
+          var timeout2 = (_g = (_f = this.props.popoverProps) === null || _f === void 0 ? void 0 : _f.transitionDuration) !== null && _g !== void 0 ? _g : Popover.defaultProps.transitionDuration;
           setTimeout(function() {
             return _this.maybeResetActiveItemToSelectedItem();
-          }, timeout);
+          }, timeout2);
         }
         if (this.state.isOpen && !prevState.isOpen && this.queryList != null) {
           this.queryList.scrollActiveItemIntoView();
@@ -59569,11 +59575,20 @@ ${latestSubscriptionCallbackError.current.stack}
   __name(requireFuzzysearch, "requireFuzzysearch");
   var fuzzysearchExports = requireFuzzysearch();
   const fuzzysearch = /* @__PURE__ */ getDefaultExportFromCjs(fuzzysearchExports);
+  const isReactElement = /* @__PURE__ */ __name((el) => {
+    if (el) {
+      const newEl = el;
+      if (newEl.props && newEl.props.children) {
+        return true;
+      }
+    }
+    return false;
+  }, "isReactElement");
   function getTextFromEl(el, options = {}) {
     const { lowerCase: lowerCase2 } = options;
     if (React.isValidElement(el)) {
-      return el && el.props && el.props.children ? (el.props.children.reduce ? el.props.children : [el.props.children]).reduce((acc, child) => {
-        if (child && child.props && child.props.children) {
+      return el && el.props && el.props.children ? (Array.isArray(el.props.children) ? el.props.children : [el.props.children]).reduce((acc, child) => {
+        if (isReactElement(child)) {
           acc += getTextFromEl(child);
         } else if (typeof child === "string") {
           if (lowerCase2) {
@@ -59591,1795 +59606,1578 @@ ${latestSubscriptionCallbackError.current.stack}
     }
   }
   __name(getTextFromEl, "getTextFromEl");
-  var colorString = { exports: {} };
-  var colorName$1;
-  var hasRequiredColorName$1;
-  function requireColorName$1() {
-    if (hasRequiredColorName$1) return colorName$1;
-    hasRequiredColorName$1 = 1;
-    colorName$1 = {
-      "aliceblue": [240, 248, 255],
-      "antiquewhite": [250, 235, 215],
-      "aqua": [0, 255, 255],
-      "aquamarine": [127, 255, 212],
-      "azure": [240, 255, 255],
-      "beige": [245, 245, 220],
-      "bisque": [255, 228, 196],
-      "black": [0, 0, 0],
-      "blanchedalmond": [255, 235, 205],
-      "blue": [0, 0, 255],
-      "blueviolet": [138, 43, 226],
-      "brown": [165, 42, 42],
-      "burlywood": [222, 184, 135],
-      "cadetblue": [95, 158, 160],
-      "chartreuse": [127, 255, 0],
-      "chocolate": [210, 105, 30],
-      "coral": [255, 127, 80],
-      "cornflowerblue": [100, 149, 237],
-      "cornsilk": [255, 248, 220],
-      "crimson": [220, 20, 60],
-      "cyan": [0, 255, 255],
-      "darkblue": [0, 0, 139],
-      "darkcyan": [0, 139, 139],
-      "darkgoldenrod": [184, 134, 11],
-      "darkgray": [169, 169, 169],
-      "darkgreen": [0, 100, 0],
-      "darkgrey": [169, 169, 169],
-      "darkkhaki": [189, 183, 107],
-      "darkmagenta": [139, 0, 139],
-      "darkolivegreen": [85, 107, 47],
-      "darkorange": [255, 140, 0],
-      "darkorchid": [153, 50, 204],
-      "darkred": [139, 0, 0],
-      "darksalmon": [233, 150, 122],
-      "darkseagreen": [143, 188, 143],
-      "darkslateblue": [72, 61, 139],
-      "darkslategray": [47, 79, 79],
-      "darkslategrey": [47, 79, 79],
-      "darkturquoise": [0, 206, 209],
-      "darkviolet": [148, 0, 211],
-      "deeppink": [255, 20, 147],
-      "deepskyblue": [0, 191, 255],
-      "dimgray": [105, 105, 105],
-      "dimgrey": [105, 105, 105],
-      "dodgerblue": [30, 144, 255],
-      "firebrick": [178, 34, 34],
-      "floralwhite": [255, 250, 240],
-      "forestgreen": [34, 139, 34],
-      "fuchsia": [255, 0, 255],
-      "gainsboro": [220, 220, 220],
-      "ghostwhite": [248, 248, 255],
-      "gold": [255, 215, 0],
-      "goldenrod": [218, 165, 32],
-      "gray": [128, 128, 128],
-      "green": [0, 128, 0],
-      "greenyellow": [173, 255, 47],
-      "grey": [128, 128, 128],
-      "honeydew": [240, 255, 240],
-      "hotpink": [255, 105, 180],
-      "indianred": [205, 92, 92],
-      "indigo": [75, 0, 130],
-      "ivory": [255, 255, 240],
-      "khaki": [240, 230, 140],
-      "lavender": [230, 230, 250],
-      "lavenderblush": [255, 240, 245],
-      "lawngreen": [124, 252, 0],
-      "lemonchiffon": [255, 250, 205],
-      "lightblue": [173, 216, 230],
-      "lightcoral": [240, 128, 128],
-      "lightcyan": [224, 255, 255],
-      "lightgoldenrodyellow": [250, 250, 210],
-      "lightgray": [211, 211, 211],
-      "lightgreen": [144, 238, 144],
-      "lightgrey": [211, 211, 211],
-      "lightpink": [255, 182, 193],
-      "lightsalmon": [255, 160, 122],
-      "lightseagreen": [32, 178, 170],
-      "lightskyblue": [135, 206, 250],
-      "lightslategray": [119, 136, 153],
-      "lightslategrey": [119, 136, 153],
-      "lightsteelblue": [176, 196, 222],
-      "lightyellow": [255, 255, 224],
-      "lime": [0, 255, 0],
-      "limegreen": [50, 205, 50],
-      "linen": [250, 240, 230],
-      "magenta": [255, 0, 255],
-      "maroon": [128, 0, 0],
-      "mediumaquamarine": [102, 205, 170],
-      "mediumblue": [0, 0, 205],
-      "mediumorchid": [186, 85, 211],
-      "mediumpurple": [147, 112, 219],
-      "mediumseagreen": [60, 179, 113],
-      "mediumslateblue": [123, 104, 238],
-      "mediumspringgreen": [0, 250, 154],
-      "mediumturquoise": [72, 209, 204],
-      "mediumvioletred": [199, 21, 133],
-      "midnightblue": [25, 25, 112],
-      "mintcream": [245, 255, 250],
-      "mistyrose": [255, 228, 225],
-      "moccasin": [255, 228, 181],
-      "navajowhite": [255, 222, 173],
-      "navy": [0, 0, 128],
-      "oldlace": [253, 245, 230],
-      "olive": [128, 128, 0],
-      "olivedrab": [107, 142, 35],
-      "orange": [255, 165, 0],
-      "orangered": [255, 69, 0],
-      "orchid": [218, 112, 214],
-      "palegoldenrod": [238, 232, 170],
-      "palegreen": [152, 251, 152],
-      "paleturquoise": [175, 238, 238],
-      "palevioletred": [219, 112, 147],
-      "papayawhip": [255, 239, 213],
-      "peachpuff": [255, 218, 185],
-      "peru": [205, 133, 63],
-      "pink": [255, 192, 203],
-      "plum": [221, 160, 221],
-      "powderblue": [176, 224, 230],
-      "purple": [128, 0, 128],
-      "rebeccapurple": [102, 51, 153],
-      "red": [255, 0, 0],
-      "rosybrown": [188, 143, 143],
-      "royalblue": [65, 105, 225],
-      "saddlebrown": [139, 69, 19],
-      "salmon": [250, 128, 114],
-      "sandybrown": [244, 164, 96],
-      "seagreen": [46, 139, 87],
-      "seashell": [255, 245, 238],
-      "sienna": [160, 82, 45],
-      "silver": [192, 192, 192],
-      "skyblue": [135, 206, 235],
-      "slateblue": [106, 90, 205],
-      "slategray": [112, 128, 144],
-      "slategrey": [112, 128, 144],
-      "snow": [255, 250, 250],
-      "springgreen": [0, 255, 127],
-      "steelblue": [70, 130, 180],
-      "tan": [210, 180, 140],
-      "teal": [0, 128, 128],
-      "thistle": [216, 191, 216],
-      "tomato": [255, 99, 71],
-      "turquoise": [64, 224, 208],
-      "violet": [238, 130, 238],
-      "wheat": [245, 222, 179],
-      "white": [255, 255, 255],
-      "whitesmoke": [245, 245, 245],
-      "yellow": [255, 255, 0],
-      "yellowgreen": [154, 205, 50]
-    };
-    return colorName$1;
-  }
-  __name(requireColorName$1, "requireColorName$1");
-  var simpleSwizzle = { exports: {} };
-  var isArrayish;
-  var hasRequiredIsArrayish;
-  function requireIsArrayish() {
-    if (hasRequiredIsArrayish) return isArrayish;
-    hasRequiredIsArrayish = 1;
-    isArrayish = /* @__PURE__ */ __name(function isArrayish2(obj) {
-      if (!obj || typeof obj === "string") {
-        return false;
+  const cssKeywords = {
+    aliceblue: [240, 248, 255],
+    antiquewhite: [250, 235, 215],
+    aqua: [0, 255, 255],
+    aquamarine: [127, 255, 212],
+    azure: [240, 255, 255],
+    beige: [245, 245, 220],
+    bisque: [255, 228, 196],
+    black: [0, 0, 0],
+    blanchedalmond: [255, 235, 205],
+    blue: [0, 0, 255],
+    blueviolet: [138, 43, 226],
+    brown: [165, 42, 42],
+    burlywood: [222, 184, 135],
+    cadetblue: [95, 158, 160],
+    chartreuse: [127, 255, 0],
+    chocolate: [210, 105, 30],
+    coral: [255, 127, 80],
+    cornflowerblue: [100, 149, 237],
+    cornsilk: [255, 248, 220],
+    crimson: [220, 20, 60],
+    cyan: [0, 255, 255],
+    darkblue: [0, 0, 139],
+    darkcyan: [0, 139, 139],
+    darkgoldenrod: [184, 134, 11],
+    darkgray: [169, 169, 169],
+    darkgreen: [0, 100, 0],
+    darkgrey: [169, 169, 169],
+    darkkhaki: [189, 183, 107],
+    darkmagenta: [139, 0, 139],
+    darkolivegreen: [85, 107, 47],
+    darkorange: [255, 140, 0],
+    darkorchid: [153, 50, 204],
+    darkred: [139, 0, 0],
+    darksalmon: [233, 150, 122],
+    darkseagreen: [143, 188, 143],
+    darkslateblue: [72, 61, 139],
+    darkslategray: [47, 79, 79],
+    darkslategrey: [47, 79, 79],
+    darkturquoise: [0, 206, 209],
+    darkviolet: [148, 0, 211],
+    deeppink: [255, 20, 147],
+    deepskyblue: [0, 191, 255],
+    dimgray: [105, 105, 105],
+    dimgrey: [105, 105, 105],
+    dodgerblue: [30, 144, 255],
+    firebrick: [178, 34, 34],
+    floralwhite: [255, 250, 240],
+    forestgreen: [34, 139, 34],
+    fuchsia: [255, 0, 255],
+    gainsboro: [220, 220, 220],
+    ghostwhite: [248, 248, 255],
+    gold: [255, 215, 0],
+    goldenrod: [218, 165, 32],
+    gray: [128, 128, 128],
+    green: [0, 128, 0],
+    greenyellow: [173, 255, 47],
+    grey: [128, 128, 128],
+    honeydew: [240, 255, 240],
+    hotpink: [255, 105, 180],
+    indianred: [205, 92, 92],
+    indigo: [75, 0, 130],
+    ivory: [255, 255, 240],
+    khaki: [240, 230, 140],
+    lavender: [230, 230, 250],
+    lavenderblush: [255, 240, 245],
+    lawngreen: [124, 252, 0],
+    lemonchiffon: [255, 250, 205],
+    lightblue: [173, 216, 230],
+    lightcoral: [240, 128, 128],
+    lightcyan: [224, 255, 255],
+    lightgoldenrodyellow: [250, 250, 210],
+    lightgray: [211, 211, 211],
+    lightgreen: [144, 238, 144],
+    lightgrey: [211, 211, 211],
+    lightpink: [255, 182, 193],
+    lightsalmon: [255, 160, 122],
+    lightseagreen: [32, 178, 170],
+    lightskyblue: [135, 206, 250],
+    lightslategray: [119, 136, 153],
+    lightslategrey: [119, 136, 153],
+    lightsteelblue: [176, 196, 222],
+    lightyellow: [255, 255, 224],
+    lime: [0, 255, 0],
+    limegreen: [50, 205, 50],
+    linen: [250, 240, 230],
+    magenta: [255, 0, 255],
+    maroon: [128, 0, 0],
+    mediumaquamarine: [102, 205, 170],
+    mediumblue: [0, 0, 205],
+    mediumorchid: [186, 85, 211],
+    mediumpurple: [147, 112, 219],
+    mediumseagreen: [60, 179, 113],
+    mediumslateblue: [123, 104, 238],
+    mediumspringgreen: [0, 250, 154],
+    mediumturquoise: [72, 209, 204],
+    mediumvioletred: [199, 21, 133],
+    midnightblue: [25, 25, 112],
+    mintcream: [245, 255, 250],
+    mistyrose: [255, 228, 225],
+    moccasin: [255, 228, 181],
+    navajowhite: [255, 222, 173],
+    navy: [0, 0, 128],
+    oldlace: [253, 245, 230],
+    olive: [128, 128, 0],
+    olivedrab: [107, 142, 35],
+    orange: [255, 165, 0],
+    orangered: [255, 69, 0],
+    orchid: [218, 112, 214],
+    palegoldenrod: [238, 232, 170],
+    palegreen: [152, 251, 152],
+    paleturquoise: [175, 238, 238],
+    palevioletred: [219, 112, 147],
+    papayawhip: [255, 239, 213],
+    peachpuff: [255, 218, 185],
+    peru: [205, 133, 63],
+    pink: [255, 192, 203],
+    plum: [221, 160, 221],
+    powderblue: [176, 224, 230],
+    purple: [128, 0, 128],
+    rebeccapurple: [102, 51, 153],
+    red: [255, 0, 0],
+    rosybrown: [188, 143, 143],
+    royalblue: [65, 105, 225],
+    saddlebrown: [139, 69, 19],
+    salmon: [250, 128, 114],
+    sandybrown: [244, 164, 96],
+    seagreen: [46, 139, 87],
+    seashell: [255, 245, 238],
+    sienna: [160, 82, 45],
+    silver: [192, 192, 192],
+    skyblue: [135, 206, 235],
+    slateblue: [106, 90, 205],
+    slategray: [112, 128, 144],
+    slategrey: [112, 128, 144],
+    snow: [255, 250, 250],
+    springgreen: [0, 255, 127],
+    steelblue: [70, 130, 180],
+    tan: [210, 180, 140],
+    teal: [0, 128, 128],
+    thistle: [216, 191, 216],
+    tomato: [255, 99, 71],
+    turquoise: [64, 224, 208],
+    violet: [238, 130, 238],
+    wheat: [245, 222, 179],
+    white: [255, 255, 255],
+    whitesmoke: [245, 245, 245],
+    yellow: [255, 255, 0],
+    yellowgreen: [154, 205, 50]
+  };
+  const reverseNames = /* @__PURE__ */ Object.create(null);
+  for (const name2 in cssKeywords) {
+    if (Object.hasOwn(cssKeywords, name2)) {
+      reverseNames[cssKeywords[name2]] = name2;
+    }
+  }
+  const cs = {
+    to: {},
+    get: {}
+  };
+  cs.get = function(string2) {
+    const prefix2 = string2.slice(0, 3).toLowerCase();
+    let value;
+    let model;
+    switch (prefix2) {
+      case "hsl": {
+        value = cs.get.hsl(string2);
+        model = "hsl";
+        break;
       }
-      return obj instanceof Array || Array.isArray(obj) || obj.length >= 0 && (obj.splice instanceof Function || Object.getOwnPropertyDescriptor(obj, obj.length - 1) && obj.constructor.name !== "String");
-    }, "isArrayish");
-    return isArrayish;
-  }
-  __name(requireIsArrayish, "requireIsArrayish");
-  var hasRequiredSimpleSwizzle;
-  function requireSimpleSwizzle() {
-    if (hasRequiredSimpleSwizzle) return simpleSwizzle.exports;
-    hasRequiredSimpleSwizzle = 1;
-    var isArrayish2 = requireIsArrayish();
-    var concat = Array.prototype.concat;
-    var slice = Array.prototype.slice;
-    var swizzle = simpleSwizzle.exports = /* @__PURE__ */ __name(function swizzle2(args) {
-      var results = [];
-      for (var i2 = 0, len = args.length; i2 < len; i2++) {
-        var arg = args[i2];
-        if (isArrayish2(arg)) {
-          results = concat.call(results, slice.call(arg));
-        } else {
-          results.push(arg);
-        }
+      case "hwb": {
+        value = cs.get.hwb(string2);
+        model = "hwb";
+        break;
       }
-      return results;
-    }, "swizzle");
-    swizzle.wrap = function(fn2) {
-      return function() {
-        return fn2(swizzle(arguments));
-      };
-    };
-    return simpleSwizzle.exports;
-  }
-  __name(requireSimpleSwizzle, "requireSimpleSwizzle");
-  var hasRequiredColorString;
-  function requireColorString() {
-    if (hasRequiredColorString) return colorString.exports;
-    hasRequiredColorString = 1;
-    var colorNames = requireColorName$1();
-    var swizzle = requireSimpleSwizzle();
-    var hasOwnProperty2 = Object.hasOwnProperty;
-    var reverseNames = /* @__PURE__ */ Object.create(null);
-    for (var name2 in colorNames) {
-      if (hasOwnProperty2.call(colorNames, name2)) {
-        reverseNames[colorNames[name2]] = name2;
-      }
-    }
-    var cs = colorString.exports = {
-      to: {},
-      get: {}
-    };
-    cs.get = function(string2) {
-      var prefix2 = string2.substring(0, 3).toLowerCase();
-      var val2;
-      var model;
-      switch (prefix2) {
-        case "hsl":
-          val2 = cs.get.hsl(string2);
-          model = "hsl";
-          break;
-        case "hwb":
-          val2 = cs.get.hwb(string2);
-          model = "hwb";
-          break;
-        default:
-          val2 = cs.get.rgb(string2);
-          model = "rgb";
-          break;
+      default: {
+        value = cs.get.rgb(string2);
+        model = "rgb";
+        break;
       }
-      if (!val2) {
-        return null;
+    }
+    if (!value) {
+      return null;
+    }
+    return { model, value };
+  };
+  cs.get.rgb = function(string2) {
+    if (!string2) {
+      return null;
+    }
+    const abbr = /^#([a-f\d]{3,4})$/i;
+    const hex = /^#([a-f\d]{6})([a-f\d]{2})?$/i;
+    const rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/;
+    const per = /^rgba?\(\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/;
+    const keyword = /^(\w+)$/;
+    let rgb2 = [0, 0, 0, 1];
+    let match;
+    let i2;
+    let hexAlpha;
+    if (match = string2.match(hex)) {
+      hexAlpha = match[2];
+      match = match[1];
+      for (i2 = 0; i2 < 3; i2++) {
+        const i22 = i2 * 2;
+        rgb2[i2] = Number.parseInt(match.slice(i22, i22 + 2), 16);
       }
-      return { model, value: val2 };
-    };
-    cs.get.rgb = function(string2) {
-      if (!string2) {
-        return null;
+      if (hexAlpha) {
+        rgb2[3] = Number.parseInt(hexAlpha, 16) / 255;
       }
-      var abbr = /^#([a-f0-9]{3,4})$/i;
-      var hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;
-      var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
-      var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
-      var keyword = /^(\w+)$/;
-      var rgb2 = [0, 0, 0, 1];
-      var match;
-      var i2;
-      var hexAlpha;
-      if (match = string2.match(hex)) {
-        hexAlpha = match[2];
-        match = match[1];
-        for (i2 = 0; i2 < 3; i2++) {
-          var i22 = i2 * 2;
-          rgb2[i2] = parseInt(match.slice(i22, i22 + 2), 16);
-        }
-        if (hexAlpha) {
-          rgb2[3] = parseInt(hexAlpha, 16) / 255;
-        }
-      } else if (match = string2.match(abbr)) {
-        match = match[1];
-        hexAlpha = match[3];
-        for (i2 = 0; i2 < 3; i2++) {
-          rgb2[i2] = parseInt(match[i2] + match[i2], 16);
-        }
-        if (hexAlpha) {
-          rgb2[3] = parseInt(hexAlpha + hexAlpha, 16) / 255;
-        }
-      } else if (match = string2.match(rgba)) {
-        for (i2 = 0; i2 < 3; i2++) {
-          rgb2[i2] = parseInt(match[i2 + 1], 0);
-        }
-        if (match[4]) {
-          if (match[5]) {
-            rgb2[3] = parseFloat(match[4]) * 0.01;
-          } else {
-            rgb2[3] = parseFloat(match[4]);
-          }
-        }
-      } else if (match = string2.match(per)) {
-        for (i2 = 0; i2 < 3; i2++) {
-          rgb2[i2] = Math.round(parseFloat(match[i2 + 1]) * 2.55);
-        }
-        if (match[4]) {
-          if (match[5]) {
-            rgb2[3] = parseFloat(match[4]) * 0.01;
-          } else {
-            rgb2[3] = parseFloat(match[4]);
-          }
-        }
-      } else if (match = string2.match(keyword)) {
-        if (match[1] === "transparent") {
-          return [0, 0, 0, 0];
-        }
-        if (!hasOwnProperty2.call(colorNames, match[1])) {
-          return null;
-        }
-        rgb2 = colorNames[match[1]];
-        rgb2[3] = 1;
-        return rgb2;
-      } else {
-        return null;
+    } else if (match = string2.match(abbr)) {
+      match = match[1];
+      hexAlpha = match[3];
+      for (i2 = 0; i2 < 3; i2++) {
+        rgb2[i2] = Number.parseInt(match[i2] + match[i2], 16);
       }
+      if (hexAlpha) {
+        rgb2[3] = Number.parseInt(hexAlpha + hexAlpha, 16) / 255;
+      }
+    } else if (match = string2.match(rgba)) {
       for (i2 = 0; i2 < 3; i2++) {
-        rgb2[i2] = clamp2(rgb2[i2], 0, 255);
+        rgb2[i2] = Number.parseInt(match[i2 + 1], 10);
       }
-      rgb2[3] = clamp2(rgb2[3], 0, 1);
-      return rgb2;
-    };
-    cs.get.hsl = function(string2) {
-      if (!string2) {
-        return null;
+      if (match[4]) {
+        rgb2[3] = match[5] ? Number.parseFloat(match[4]) * 0.01 : Number.parseFloat(match[4]);
       }
-      var hsl2 = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
-      var match = string2.match(hsl2);
-      if (match) {
-        var alpha = parseFloat(match[4]);
-        var h2 = (parseFloat(match[1]) % 360 + 360) % 360;
-        var s2 = clamp2(parseFloat(match[2]), 0, 100);
-        var l2 = clamp2(parseFloat(match[3]), 0, 100);
-        var a2 = clamp2(isNaN(alpha) ? 1 : alpha, 0, 1);
-        return [h2, s2, l2, a2];
+    } else if (match = string2.match(per)) {
+      for (i2 = 0; i2 < 3; i2++) {
+        rgb2[i2] = Math.round(Number.parseFloat(match[i2 + 1]) * 2.55);
       }
-      return null;
-    };
-    cs.get.hwb = function(string2) {
-      if (!string2) {
-        return null;
+      if (match[4]) {
+        rgb2[3] = match[5] ? Number.parseFloat(match[4]) * 0.01 : Number.parseFloat(match[4]);
       }
-      var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
-      var match = string2.match(hwb);
-      if (match) {
-        var alpha = parseFloat(match[4]);
-        var h2 = (parseFloat(match[1]) % 360 + 360) % 360;
-        var w2 = clamp2(parseFloat(match[2]), 0, 100);
-        var b3 = clamp2(parseFloat(match[3]), 0, 100);
-        var a2 = clamp2(isNaN(alpha) ? 1 : alpha, 0, 1);
-        return [h2, w2, b3, a2];
+    } else if (match = string2.match(keyword)) {
+      if (match[1] === "transparent") {
+        return [0, 0, 0, 0];
       }
+      if (!Object.hasOwn(cssKeywords, match[1])) {
+        return null;
+      }
+      rgb2 = cssKeywords[match[1]];
+      rgb2[3] = 1;
+      return rgb2;
+    } else {
       return null;
-    };
-    cs.to.hex = function() {
-      var rgba = swizzle(arguments);
-      return "#" + hexDouble(rgba[0]) + hexDouble(rgba[1]) + hexDouble(rgba[2]) + (rgba[3] < 1 ? hexDouble(Math.round(rgba[3] * 255)) : "");
-    };
-    cs.to.rgb = function() {
-      var rgba = swizzle(arguments);
-      return rgba.length < 4 || rgba[3] === 1 ? "rgb(" + Math.round(rgba[0]) + ", " + Math.round(rgba[1]) + ", " + Math.round(rgba[2]) + ")" : "rgba(" + Math.round(rgba[0]) + ", " + Math.round(rgba[1]) + ", " + Math.round(rgba[2]) + ", " + rgba[3] + ")";
-    };
-    cs.to.rgb.percent = function() {
-      var rgba = swizzle(arguments);
-      var r2 = Math.round(rgba[0] / 255 * 100);
-      var g2 = Math.round(rgba[1] / 255 * 100);
-      var b3 = Math.round(rgba[2] / 255 * 100);
-      return rgba.length < 4 || rgba[3] === 1 ? "rgb(" + r2 + "%, " + g2 + "%, " + b3 + "%)" : "rgba(" + r2 + "%, " + g2 + "%, " + b3 + "%, " + rgba[3] + ")";
-    };
-    cs.to.hsl = function() {
-      var hsla = swizzle(arguments);
-      return hsla.length < 4 || hsla[3] === 1 ? "hsl(" + hsla[0] + ", " + hsla[1] + "%, " + hsla[2] + "%)" : "hsla(" + hsla[0] + ", " + hsla[1] + "%, " + hsla[2] + "%, " + hsla[3] + ")";
-    };
-    cs.to.hwb = function() {
-      var hwba = swizzle(arguments);
-      var a2 = "";
-      if (hwba.length >= 4 && hwba[3] !== 1) {
-        a2 = ", " + hwba[3];
-      }
-      return "hwb(" + hwba[0] + ", " + hwba[1] + "%, " + hwba[2] + "%" + a2 + ")";
-    };
-    cs.to.keyword = function(rgb2) {
-      return reverseNames[rgb2.slice(0, 3)];
-    };
-    function clamp2(num, min2, max2) {
-      return Math.min(Math.max(min2, num), max2);
-    }
-    __name(clamp2, "clamp");
-    function hexDouble(num) {
-      var str = Math.round(num).toString(16).toUpperCase();
-      return str.length < 2 ? "0" + str : str;
-    }
-    __name(hexDouble, "hexDouble");
-    return colorString.exports;
-  }
-  __name(requireColorString, "requireColorString");
-  var conversions = { exports: {} };
-  var colorName;
-  var hasRequiredColorName;
-  function requireColorName() {
-    if (hasRequiredColorName) return colorName;
-    hasRequiredColorName = 1;
-    colorName = {
-      "aliceblue": [240, 248, 255],
-      "antiquewhite": [250, 235, 215],
-      "aqua": [0, 255, 255],
-      "aquamarine": [127, 255, 212],
-      "azure": [240, 255, 255],
-      "beige": [245, 245, 220],
-      "bisque": [255, 228, 196],
-      "black": [0, 0, 0],
-      "blanchedalmond": [255, 235, 205],
-      "blue": [0, 0, 255],
-      "blueviolet": [138, 43, 226],
-      "brown": [165, 42, 42],
-      "burlywood": [222, 184, 135],
-      "cadetblue": [95, 158, 160],
-      "chartreuse": [127, 255, 0],
-      "chocolate": [210, 105, 30],
-      "coral": [255, 127, 80],
-      "cornflowerblue": [100, 149, 237],
-      "cornsilk": [255, 248, 220],
-      "crimson": [220, 20, 60],
-      "cyan": [0, 255, 255],
-      "darkblue": [0, 0, 139],
-      "darkcyan": [0, 139, 139],
-      "darkgoldenrod": [184, 134, 11],
-      "darkgray": [169, 169, 169],
-      "darkgreen": [0, 100, 0],
-      "darkgrey": [169, 169, 169],
-      "darkkhaki": [189, 183, 107],
-      "darkmagenta": [139, 0, 139],
-      "darkolivegreen": [85, 107, 47],
-      "darkorange": [255, 140, 0],
-      "darkorchid": [153, 50, 204],
-      "darkred": [139, 0, 0],
-      "darksalmon": [233, 150, 122],
-      "darkseagreen": [143, 188, 143],
-      "darkslateblue": [72, 61, 139],
-      "darkslategray": [47, 79, 79],
-      "darkslategrey": [47, 79, 79],
-      "darkturquoise": [0, 206, 209],
-      "darkviolet": [148, 0, 211],
-      "deeppink": [255, 20, 147],
-      "deepskyblue": [0, 191, 255],
-      "dimgray": [105, 105, 105],
-      "dimgrey": [105, 105, 105],
-      "dodgerblue": [30, 144, 255],
-      "firebrick": [178, 34, 34],
-      "floralwhite": [255, 250, 240],
-      "forestgreen": [34, 139, 34],
-      "fuchsia": [255, 0, 255],
-      "gainsboro": [220, 220, 220],
-      "ghostwhite": [248, 248, 255],
-      "gold": [255, 215, 0],
-      "goldenrod": [218, 165, 32],
-      "gray": [128, 128, 128],
-      "green": [0, 128, 0],
-      "greenyellow": [173, 255, 47],
-      "grey": [128, 128, 128],
-      "honeydew": [240, 255, 240],
-      "hotpink": [255, 105, 180],
-      "indianred": [205, 92, 92],
-      "indigo": [75, 0, 130],
-      "ivory": [255, 255, 240],
-      "khaki": [240, 230, 140],
-      "lavender": [230, 230, 250],
-      "lavenderblush": [255, 240, 245],
-      "lawngreen": [124, 252, 0],
-      "lemonchiffon": [255, 250, 205],
-      "lightblue": [173, 216, 230],
-      "lightcoral": [240, 128, 128],
-      "lightcyan": [224, 255, 255],
-      "lightgoldenrodyellow": [250, 250, 210],
-      "lightgray": [211, 211, 211],
-      "lightgreen": [144, 238, 144],
-      "lightgrey": [211, 211, 211],
-      "lightpink": [255, 182, 193],
-      "lightsalmon": [255, 160, 122],
-      "lightseagreen": [32, 178, 170],
-      "lightskyblue": [135, 206, 250],
-      "lightslategray": [119, 136, 153],
-      "lightslategrey": [119, 136, 153],
-      "lightsteelblue": [176, 196, 222],
-      "lightyellow": [255, 255, 224],
-      "lime": [0, 255, 0],
-      "limegreen": [50, 205, 50],
-      "linen": [250, 240, 230],
-      "magenta": [255, 0, 255],
-      "maroon": [128, 0, 0],
-      "mediumaquamarine": [102, 205, 170],
-      "mediumblue": [0, 0, 205],
-      "mediumorchid": [186, 85, 211],
-      "mediumpurple": [147, 112, 219],
-      "mediumseagreen": [60, 179, 113],
-      "mediumslateblue": [123, 104, 238],
-      "mediumspringgreen": [0, 250, 154],
-      "mediumturquoise": [72, 209, 204],
-      "mediumvioletred": [199, 21, 133],
-      "midnightblue": [25, 25, 112],
-      "mintcream": [245, 255, 250],
-      "mistyrose": [255, 228, 225],
-      "moccasin": [255, 228, 181],
-      "navajowhite": [255, 222, 173],
-      "navy": [0, 0, 128],
-      "oldlace": [253, 245, 230],
-      "olive": [128, 128, 0],
-      "olivedrab": [107, 142, 35],
-      "orange": [255, 165, 0],
-      "orangered": [255, 69, 0],
-      "orchid": [218, 112, 214],
-      "palegoldenrod": [238, 232, 170],
-      "palegreen": [152, 251, 152],
-      "paleturquoise": [175, 238, 238],
-      "palevioletred": [219, 112, 147],
-      "papayawhip": [255, 239, 213],
-      "peachpuff": [255, 218, 185],
-      "peru": [205, 133, 63],
-      "pink": [255, 192, 203],
-      "plum": [221, 160, 221],
-      "powderblue": [176, 224, 230],
-      "purple": [128, 0, 128],
-      "rebeccapurple": [102, 51, 153],
-      "red": [255, 0, 0],
-      "rosybrown": [188, 143, 143],
-      "royalblue": [65, 105, 225],
-      "saddlebrown": [139, 69, 19],
-      "salmon": [250, 128, 114],
-      "sandybrown": [244, 164, 96],
-      "seagreen": [46, 139, 87],
-      "seashell": [255, 245, 238],
-      "sienna": [160, 82, 45],
-      "silver": [192, 192, 192],
-      "skyblue": [135, 206, 235],
-      "slateblue": [106, 90, 205],
-      "slategray": [112, 128, 144],
-      "slategrey": [112, 128, 144],
-      "snow": [255, 250, 250],
-      "springgreen": [0, 255, 127],
-      "steelblue": [70, 130, 180],
-      "tan": [210, 180, 140],
-      "teal": [0, 128, 128],
-      "thistle": [216, 191, 216],
-      "tomato": [255, 99, 71],
-      "turquoise": [64, 224, 208],
-      "violet": [238, 130, 238],
-      "wheat": [245, 222, 179],
-      "white": [255, 255, 255],
-      "whitesmoke": [245, 245, 245],
-      "yellow": [255, 255, 0],
-      "yellowgreen": [154, 205, 50]
-    };
-    return colorName;
-  }
-  __name(requireColorName, "requireColorName");
-  var hasRequiredConversions;
-  function requireConversions() {
-    if (hasRequiredConversions) return conversions.exports;
-    hasRequiredConversions = 1;
-    var cssKeywords = requireColorName();
-    var reverseKeywords = {};
-    for (var key in cssKeywords) {
-      if (cssKeywords.hasOwnProperty(key)) {
-        reverseKeywords[cssKeywords[key]] = key;
-      }
-    }
-    var convert2 = conversions.exports = {
-      rgb: { channels: 3, labels: "rgb" },
-      hsl: { channels: 3, labels: "hsl" },
-      hsv: { channels: 3, labels: "hsv" },
-      hwb: { channels: 3, labels: "hwb" },
-      cmyk: { channels: 4, labels: "cmyk" },
-      xyz: { channels: 3, labels: "xyz" },
-      lab: { channels: 3, labels: "lab" },
-      lch: { channels: 3, labels: "lch" },
-      hex: { channels: 1, labels: ["hex"] },
-      keyword: { channels: 1, labels: ["keyword"] },
-      ansi16: { channels: 1, labels: ["ansi16"] },
-      ansi256: { channels: 1, labels: ["ansi256"] },
-      hcg: { channels: 3, labels: ["h", "c", "g"] },
-      apple: { channels: 3, labels: ["r16", "g16", "b16"] },
-      gray: { channels: 1, labels: ["gray"] }
-    };
-    for (var model in convert2) {
-      if (convert2.hasOwnProperty(model)) {
-        if (!("channels" in convert2[model])) {
-          throw new Error("missing channels property: " + model);
-        }
-        if (!("labels" in convert2[model])) {
-          throw new Error("missing channel labels property: " + model);
-        }
-        if (convert2[model].labels.length !== convert2[model].channels) {
-          throw new Error("channel and label counts mismatch: " + model);
-        }
-        var channels = convert2[model].channels;
-        var labels = convert2[model].labels;
-        delete convert2[model].channels;
-        delete convert2[model].labels;
-        Object.defineProperty(convert2[model], "channels", { value: channels });
-        Object.defineProperty(convert2[model], "labels", { value: labels });
-      }
-    }
-    convert2.rgb.hsl = function(rgb2) {
-      var r2 = rgb2[0] / 255;
-      var g2 = rgb2[1] / 255;
-      var b3 = rgb2[2] / 255;
-      var min2 = Math.min(r2, g2, b3);
-      var max2 = Math.max(r2, g2, b3);
-      var delta = max2 - min2;
-      var h2;
-      var s2;
-      var l2;
-      if (max2 === min2) {
+    }
+    for (i2 = 0; i2 < 3; i2++) {
+      rgb2[i2] = clamp$3(rgb2[i2], 0, 255);
+    }
+    rgb2[3] = clamp$3(rgb2[3], 0, 1);
+    return rgb2;
+  };
+  cs.get.hsl = function(string2) {
+    if (!string2) {
+      return null;
+    }
+    const hsl2 = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+    const match = string2.match(hsl2);
+    if (match) {
+      const alpha = Number.parseFloat(match[4]);
+      const h2 = (Number.parseFloat(match[1]) % 360 + 360) % 360;
+      const s2 = clamp$3(Number.parseFloat(match[2]), 0, 100);
+      const l2 = clamp$3(Number.parseFloat(match[3]), 0, 100);
+      const a2 = clamp$3(Number.isNaN(alpha) ? 1 : alpha, 0, 1);
+      return [h2, s2, l2, a2];
+    }
+    return null;
+  };
+  cs.get.hwb = function(string2) {
+    if (!string2) {
+      return null;
+    }
+    const hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d.]+)%\s*,\s*([+-]?[\d.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+    const match = string2.match(hwb);
+    if (match) {
+      const alpha = Number.parseFloat(match[4]);
+      const h2 = (Number.parseFloat(match[1]) % 360 + 360) % 360;
+      const w2 = clamp$3(Number.parseFloat(match[2]), 0, 100);
+      const b3 = clamp$3(Number.parseFloat(match[3]), 0, 100);
+      const a2 = clamp$3(Number.isNaN(alpha) ? 1 : alpha, 0, 1);
+      return [h2, w2, b3, a2];
+    }
+    return null;
+  };
+  cs.to.hex = function(...rgba) {
+    return "#" + hexDouble(rgba[0]) + hexDouble(rgba[1]) + hexDouble(rgba[2]) + (rgba[3] < 1 ? hexDouble(Math.round(rgba[3] * 255)) : "");
+  };
+  cs.to.rgb = function(...rgba) {
+    return rgba.length < 4 || rgba[3] === 1 ? "rgb(" + Math.round(rgba[0]) + ", " + Math.round(rgba[1]) + ", " + Math.round(rgba[2]) + ")" : "rgba(" + Math.round(rgba[0]) + ", " + Math.round(rgba[1]) + ", " + Math.round(rgba[2]) + ", " + rgba[3] + ")";
+  };
+  cs.to.rgb.percent = function(...rgba) {
+    const r2 = Math.round(rgba[0] / 255 * 100);
+    const g2 = Math.round(rgba[1] / 255 * 100);
+    const b3 = Math.round(rgba[2] / 255 * 100);
+    return rgba.length < 4 || rgba[3] === 1 ? "rgb(" + r2 + "%, " + g2 + "%, " + b3 + "%)" : "rgba(" + r2 + "%, " + g2 + "%, " + b3 + "%, " + rgba[3] + ")";
+  };
+  cs.to.hsl = function(...hsla) {
+    return hsla.length < 4 || hsla[3] === 1 ? "hsl(" + hsla[0] + ", " + hsla[1] + "%, " + hsla[2] + "%)" : "hsla(" + hsla[0] + ", " + hsla[1] + "%, " + hsla[2] + "%, " + hsla[3] + ")";
+  };
+  cs.to.hwb = function(...hwba) {
+    let a2 = "";
+    if (hwba.length >= 4 && hwba[3] !== 1) {
+      a2 = ", " + hwba[3];
+    }
+    return "hwb(" + hwba[0] + ", " + hwba[1] + "%, " + hwba[2] + "%" + a2 + ")";
+  };
+  cs.to.keyword = function(...rgb2) {
+    return reverseNames[rgb2.slice(0, 3)];
+  };
+  function clamp$3(number_, min2, max2) {
+    return Math.min(Math.max(min2, number_), max2);
+  }
+  __name(clamp$3, "clamp$3");
+  function hexDouble(number_) {
+    const string_ = Math.round(number_).toString(16).toUpperCase();
+    return string_.length < 2 ? "0" + string_ : string_;
+  }
+  __name(hexDouble, "hexDouble");
+  const reverseKeywords = {};
+  for (const key of Object.keys(cssKeywords)) {
+    reverseKeywords[cssKeywords[key]] = key;
+  }
+  const convert$2 = {
+    rgb: { channels: 3, labels: "rgb" },
+    hsl: { channels: 3, labels: "hsl" },
+    hsv: { channels: 3, labels: "hsv" },
+    hwb: { channels: 3, labels: "hwb" },
+    cmyk: { channels: 4, labels: "cmyk" },
+    xyz: { channels: 3, labels: "xyz" },
+    lab: { channels: 3, labels: "lab" },
+    oklab: { channels: 3, labels: ["okl", "oka", "okb"] },
+    lch: { channels: 3, labels: "lch" },
+    oklch: { channels: 3, labels: ["okl", "okc", "okh"] },
+    hex: { channels: 1, labels: ["hex"] },
+    keyword: { channels: 1, labels: ["keyword"] },
+    ansi16: { channels: 1, labels: ["ansi16"] },
+    ansi256: { channels: 1, labels: ["ansi256"] },
+    hcg: { channels: 3, labels: ["h", "c", "g"] },
+    apple: { channels: 3, labels: ["r16", "g16", "b16"] },
+    gray: { channels: 1, labels: ["gray"] }
+  };
+  const LAB_FT = __pow(6 / 29, 3);
+  function srgbNonlinearTransform(c2) {
+    const cc = c2 > 31308e-7 ? 1.055 * __pow(c2, 1 / 2.4) - 0.055 : c2 * 12.92;
+    return Math.min(Math.max(0, cc), 1);
+  }
+  __name(srgbNonlinearTransform, "srgbNonlinearTransform");
+  function srgbNonlinearTransformInv(c2) {
+    return c2 > 0.04045 ? __pow((c2 + 0.055) / 1.055, 2.4) : c2 / 12.92;
+  }
+  __name(srgbNonlinearTransformInv, "srgbNonlinearTransformInv");
+  for (const model of Object.keys(convert$2)) {
+    if (!("channels" in convert$2[model])) {
+      throw new Error("missing channels property: " + model);
+    }
+    if (!("labels" in convert$2[model])) {
+      throw new Error("missing channel labels property: " + model);
+    }
+    if (convert$2[model].labels.length !== convert$2[model].channels) {
+      throw new Error("channel and label counts mismatch: " + model);
+    }
+    const { channels, labels } = convert$2[model];
+    delete convert$2[model].channels;
+    delete convert$2[model].labels;
+    Object.defineProperty(convert$2[model], "channels", { value: channels });
+    Object.defineProperty(convert$2[model], "labels", { value: labels });
+  }
+  convert$2.rgb.hsl = function(rgb2) {
+    const r2 = rgb2[0] / 255;
+    const g2 = rgb2[1] / 255;
+    const b3 = rgb2[2] / 255;
+    const min2 = Math.min(r2, g2, b3);
+    const max2 = Math.max(r2, g2, b3);
+    const delta = max2 - min2;
+    let h2;
+    let s2;
+    switch (max2) {
+      case min2: {
         h2 = 0;
-      } else if (r2 === max2) {
+        break;
+      }
+      case r2: {
         h2 = (g2 - b3) / delta;
-      } else if (g2 === max2) {
+        break;
+      }
+      case g2: {
         h2 = 2 + (b3 - r2) / delta;
-      } else if (b3 === max2) {
-        h2 = 4 + (r2 - g2) / delta;
+        break;
       }
-      h2 = Math.min(h2 * 60, 360);
-      if (h2 < 0) {
-        h2 += 360;
+      case b3: {
+        h2 = 4 + (r2 - g2) / delta;
+        break;
       }
-      l2 = (min2 + max2) / 2;
-      if (max2 === min2) {
-        s2 = 0;
-      } else if (l2 <= 0.5) {
-        s2 = delta / (max2 + min2);
-      } else {
-        s2 = delta / (2 - max2 - min2);
-      }
-      return [h2, s2 * 100, l2 * 100];
-    };
-    convert2.rgb.hsv = function(rgb2) {
-      var rdif;
-      var gdif;
-      var bdif;
-      var h2;
-      var s2;
-      var r2 = rgb2[0] / 255;
-      var g2 = rgb2[1] / 255;
-      var b3 = rgb2[2] / 255;
-      var v2 = Math.max(r2, g2, b3);
-      var diff = v2 - Math.min(r2, g2, b3);
-      var diffc = /* @__PURE__ */ __name(function(c2) {
-        return (v2 - c2) / 6 / diff + 1 / 2;
-      }, "diffc");
-      if (diff === 0) {
-        h2 = s2 = 0;
-      } else {
-        s2 = diff / v2;
-        rdif = diffc(r2);
-        gdif = diffc(g2);
-        bdif = diffc(b3);
-        if (r2 === v2) {
+    }
+    h2 = Math.min(h2 * 60, 360);
+    if (h2 < 0) {
+      h2 += 360;
+    }
+    const l2 = (min2 + max2) / 2;
+    if (max2 === min2) {
+      s2 = 0;
+    } else if (l2 <= 0.5) {
+      s2 = delta / (max2 + min2);
+    } else {
+      s2 = delta / (2 - max2 - min2);
+    }
+    return [h2, s2 * 100, l2 * 100];
+  };
+  convert$2.rgb.hsv = function(rgb2) {
+    let rdif;
+    let gdif;
+    let bdif;
+    let h2;
+    let s2;
+    const r2 = rgb2[0] / 255;
+    const g2 = rgb2[1] / 255;
+    const b3 = rgb2[2] / 255;
+    const v2 = Math.max(r2, g2, b3);
+    const diff = v2 - Math.min(r2, g2, b3);
+    const diffc = /* @__PURE__ */ __name(function(c2) {
+      return (v2 - c2) / 6 / diff + 1 / 2;
+    }, "diffc");
+    if (diff === 0) {
+      h2 = 0;
+      s2 = 0;
+    } else {
+      s2 = diff / v2;
+      rdif = diffc(r2);
+      gdif = diffc(g2);
+      bdif = diffc(b3);
+      switch (v2) {
+        case r2: {
           h2 = bdif - gdif;
-        } else if (g2 === v2) {
+          break;
+        }
+        case g2: {
           h2 = 1 / 3 + rdif - bdif;
-        } else if (b3 === v2) {
-          h2 = 2 / 3 + gdif - rdif;
+          break;
         }
-        if (h2 < 0) {
-          h2 += 1;
-        } else if (h2 > 1) {
-          h2 -= 1;
+        case b3: {
+          h2 = 2 / 3 + gdif - rdif;
+          break;
         }
       }
-      return [
-        h2 * 360,
-        s2 * 100,
-        v2 * 100
-      ];
-    };
-    convert2.rgb.hwb = function(rgb2) {
-      var r2 = rgb2[0];
-      var g2 = rgb2[1];
-      var b3 = rgb2[2];
-      var h2 = convert2.rgb.hsl(rgb2)[0];
-      var w2 = 1 / 255 * Math.min(r2, Math.min(g2, b3));
-      b3 = 1 - 1 / 255 * Math.max(r2, Math.max(g2, b3));
-      return [h2, w2 * 100, b3 * 100];
-    };
-    convert2.rgb.cmyk = function(rgb2) {
-      var r2 = rgb2[0] / 255;
-      var g2 = rgb2[1] / 255;
-      var b3 = rgb2[2] / 255;
-      var c2;
-      var m2;
-      var y2;
-      var k2;
-      k2 = Math.min(1 - r2, 1 - g2, 1 - b3);
-      c2 = (1 - r2 - k2) / (1 - k2) || 0;
-      m2 = (1 - g2 - k2) / (1 - k2) || 0;
-      y2 = (1 - b3 - k2) / (1 - k2) || 0;
-      return [c2 * 100, m2 * 100, y2 * 100, k2 * 100];
-    };
-    function comparativeDistance(x2, y2) {
-      return Math.pow(x2[0] - y2[0], 2) + Math.pow(x2[1] - y2[1], 2) + Math.pow(x2[2] - y2[2], 2);
-    }
-    __name(comparativeDistance, "comparativeDistance");
-    convert2.rgb.keyword = function(rgb2) {
-      var reversed = reverseKeywords[rgb2];
-      if (reversed) {
-        return reversed;
-      }
-      var currentClosestDistance = Infinity;
-      var currentClosestKeyword;
-      for (var keyword in cssKeywords) {
-        if (cssKeywords.hasOwnProperty(keyword)) {
-          var value = cssKeywords[keyword];
-          var distance2 = comparativeDistance(rgb2, value);
-          if (distance2 < currentClosestDistance) {
-            currentClosestDistance = distance2;
-            currentClosestKeyword = keyword;
-          }
-        }
-      }
-      return currentClosestKeyword;
-    };
-    convert2.keyword.rgb = function(keyword) {
-      return cssKeywords[keyword];
-    };
-    convert2.rgb.xyz = function(rgb2) {
-      var r2 = rgb2[0] / 255;
-      var g2 = rgb2[1] / 255;
-      var b3 = rgb2[2] / 255;
-      r2 = r2 > 0.04045 ? Math.pow((r2 + 0.055) / 1.055, 2.4) : r2 / 12.92;
-      g2 = g2 > 0.04045 ? Math.pow((g2 + 0.055) / 1.055, 2.4) : g2 / 12.92;
-      b3 = b3 > 0.04045 ? Math.pow((b3 + 0.055) / 1.055, 2.4) : b3 / 12.92;
-      var x2 = r2 * 0.4124 + g2 * 0.3576 + b3 * 0.1805;
-      var y2 = r2 * 0.2126 + g2 * 0.7152 + b3 * 0.0722;
-      var z2 = r2 * 0.0193 + g2 * 0.1192 + b3 * 0.9505;
-      return [x2 * 100, y2 * 100, z2 * 100];
-    };
-    convert2.rgb.lab = function(rgb2) {
-      var xyz = convert2.rgb.xyz(rgb2);
-      var x2 = xyz[0];
-      var y2 = xyz[1];
-      var z2 = xyz[2];
-      var l2;
-      var a2;
-      var b3;
-      x2 /= 95.047;
-      y2 /= 100;
-      z2 /= 108.883;
-      x2 = x2 > 8856e-6 ? Math.pow(x2, 1 / 3) : 7.787 * x2 + 16 / 116;
-      y2 = y2 > 8856e-6 ? Math.pow(y2, 1 / 3) : 7.787 * y2 + 16 / 116;
-      z2 = z2 > 8856e-6 ? Math.pow(z2, 1 / 3) : 7.787 * z2 + 16 / 116;
-      l2 = 116 * y2 - 16;
-      a2 = 500 * (x2 - y2);
-      b3 = 200 * (y2 - z2);
-      return [l2, a2, b3];
-    };
-    convert2.hsl.rgb = function(hsl2) {
-      var h2 = hsl2[0] / 360;
-      var s2 = hsl2[1] / 100;
-      var l2 = hsl2[2] / 100;
-      var t1;
-      var t2;
-      var t3;
-      var rgb2;
-      var val2;
-      if (s2 === 0) {
-        val2 = l2 * 255;
-        return [val2, val2, val2];
-      }
-      if (l2 < 0.5) {
-        t2 = l2 * (1 + s2);
+      if (h2 < 0) {
+        h2 += 1;
+      } else if (h2 > 1) {
+        h2 -= 1;
+      }
+    }
+    return [
+      h2 * 360,
+      s2 * 100,
+      v2 * 100
+    ];
+  };
+  convert$2.rgb.hwb = function(rgb2) {
+    const r2 = rgb2[0];
+    const g2 = rgb2[1];
+    let b3 = rgb2[2];
+    const h2 = convert$2.rgb.hsl(rgb2)[0];
+    const w2 = 1 / 255 * Math.min(r2, Math.min(g2, b3));
+    b3 = 1 - 1 / 255 * Math.max(r2, Math.max(g2, b3));
+    return [h2, w2 * 100, b3 * 100];
+  };
+  convert$2.rgb.oklab = function(rgb2) {
+    const r2 = srgbNonlinearTransformInv(rgb2[0] / 255);
+    const g2 = srgbNonlinearTransformInv(rgb2[1] / 255);
+    const b3 = srgbNonlinearTransformInv(rgb2[2] / 255);
+    const lp = Math.cbrt(0.4122214708 * r2 + 0.5363325363 * g2 + 0.0514459929 * b3);
+    const mp = Math.cbrt(0.2119034982 * r2 + 0.6806995451 * g2 + 0.1073969566 * b3);
+    const sp = Math.cbrt(0.0883024619 * r2 + 0.2817188376 * g2 + 0.6299787005 * b3);
+    const l2 = 0.2104542553 * lp + 0.793617785 * mp - 0.0040720468 * sp;
+    const aa = 1.9779984951 * lp - 2.428592205 * mp + 0.4505937099 * sp;
+    const bb = 0.0259040371 * lp + 0.7827717662 * mp - 0.808675766 * sp;
+    return [l2 * 100, aa * 100, bb * 100];
+  };
+  convert$2.rgb.cmyk = function(rgb2) {
+    const r2 = rgb2[0] / 255;
+    const g2 = rgb2[1] / 255;
+    const b3 = rgb2[2] / 255;
+    const k2 = Math.min(1 - r2, 1 - g2, 1 - b3);
+    const c2 = (1 - r2 - k2) / (1 - k2) || 0;
+    const m2 = (1 - g2 - k2) / (1 - k2) || 0;
+    const y2 = (1 - b3 - k2) / (1 - k2) || 0;
+    return [c2 * 100, m2 * 100, y2 * 100, k2 * 100];
+  };
+  function comparativeDistance(x2, y2) {
+    return __pow(x2[0] - y2[0], 2) + __pow(x2[1] - y2[1], 2) + __pow(x2[2] - y2[2], 2);
+  }
+  __name(comparativeDistance, "comparativeDistance");
+  convert$2.rgb.keyword = function(rgb2) {
+    const reversed = reverseKeywords[rgb2];
+    if (reversed) {
+      return reversed;
+    }
+    let currentClosestDistance = Number.POSITIVE_INFINITY;
+    let currentClosestKeyword;
+    for (const keyword of Object.keys(cssKeywords)) {
+      const value = cssKeywords[keyword];
+      const distance2 = comparativeDistance(rgb2, value);
+      if (distance2 < currentClosestDistance) {
+        currentClosestDistance = distance2;
+        currentClosestKeyword = keyword;
+      }
+    }
+    return currentClosestKeyword;
+  };
+  convert$2.keyword.rgb = function(keyword) {
+    return cssKeywords[keyword];
+  };
+  convert$2.rgb.xyz = function(rgb2) {
+    const r2 = srgbNonlinearTransformInv(rgb2[0] / 255);
+    const g2 = srgbNonlinearTransformInv(rgb2[1] / 255);
+    const b3 = srgbNonlinearTransformInv(rgb2[2] / 255);
+    const x2 = r2 * 0.4124564 + g2 * 0.3575761 + b3 * 0.1804375;
+    const y2 = r2 * 0.2126729 + g2 * 0.7151522 + b3 * 0.072175;
+    const z2 = r2 * 0.0193339 + g2 * 0.119192 + b3 * 0.9503041;
+    return [x2 * 100, y2 * 100, z2 * 100];
+  };
+  convert$2.rgb.lab = function(rgb2) {
+    const xyz = convert$2.rgb.xyz(rgb2);
+    let x2 = xyz[0];
+    let y2 = xyz[1];
+    let z2 = xyz[2];
+    x2 /= 95.047;
+    y2 /= 100;
+    z2 /= 108.883;
+    x2 = x2 > LAB_FT ? __pow(x2, 1 / 3) : 7.787 * x2 + 16 / 116;
+    y2 = y2 > LAB_FT ? __pow(y2, 1 / 3) : 7.787 * y2 + 16 / 116;
+    z2 = z2 > LAB_FT ? __pow(z2, 1 / 3) : 7.787 * z2 + 16 / 116;
+    const l2 = 116 * y2 - 16;
+    const a2 = 500 * (x2 - y2);
+    const b3 = 200 * (y2 - z2);
+    return [l2, a2, b3];
+  };
+  convert$2.hsl.rgb = function(hsl2) {
+    const h2 = hsl2[0] / 360;
+    const s2 = hsl2[1] / 100;
+    const l2 = hsl2[2] / 100;
+    let t3;
+    let value;
+    if (s2 === 0) {
+      value = l2 * 255;
+      return [value, value, value];
+    }
+    const t2 = l2 < 0.5 ? l2 * (1 + s2) : l2 + s2 - l2 * s2;
+    const t1 = 2 * l2 - t2;
+    const rgb2 = [0, 0, 0];
+    for (let i2 = 0; i2 < 3; i2++) {
+      t3 = h2 + 1 / 3 * -(i2 - 1);
+      if (t3 < 0) {
+        t3++;
+      }
+      if (t3 > 1) {
+        t3--;
+      }
+      if (6 * t3 < 1) {
+        value = t1 + (t2 - t1) * 6 * t3;
+      } else if (2 * t3 < 1) {
+        value = t2;
+      } else if (3 * t3 < 2) {
+        value = t1 + (t2 - t1) * (2 / 3 - t3) * 6;
       } else {
-        t2 = l2 + s2 - l2 * s2;
-      }
-      t1 = 2 * l2 - t2;
-      rgb2 = [0, 0, 0];
-      for (var i2 = 0; i2 < 3; i2++) {
-        t3 = h2 + 1 / 3 * -(i2 - 1);
-        if (t3 < 0) {
-          t3++;
-        }
-        if (t3 > 1) {
-          t3--;
-        }
-        if (6 * t3 < 1) {
-          val2 = t1 + (t2 - t1) * 6 * t3;
-        } else if (2 * t3 < 1) {
-          val2 = t2;
-        } else if (3 * t3 < 2) {
-          val2 = t1 + (t2 - t1) * (2 / 3 - t3) * 6;
-        } else {
-          val2 = t1;
-        }
-        rgb2[i2] = val2 * 255;
+        value = t1;
+      }
+      rgb2[i2] = value * 255;
+    }
+    return rgb2;
+  };
+  convert$2.hsl.hsv = function(hsl2) {
+    const h2 = hsl2[0];
+    let s2 = hsl2[1] / 100;
+    let l2 = hsl2[2] / 100;
+    let smin = s2;
+    const lmin = Math.max(l2, 0.01);
+    l2 *= 2;
+    s2 *= l2 <= 1 ? l2 : 2 - l2;
+    smin *= lmin <= 1 ? lmin : 2 - lmin;
+    const v2 = (l2 + s2) / 2;
+    const sv = l2 === 0 ? 2 * smin / (lmin + smin) : 2 * s2 / (l2 + s2);
+    return [h2, sv * 100, v2 * 100];
+  };
+  convert$2.hsv.rgb = function(hsv) {
+    const h2 = hsv[0] / 60;
+    const s2 = hsv[1] / 100;
+    let v2 = hsv[2] / 100;
+    const hi = Math.floor(h2) % 6;
+    const f2 = h2 - Math.floor(h2);
+    const p2 = 255 * v2 * (1 - s2);
+    const q2 = 255 * v2 * (1 - s2 * f2);
+    const t2 = 255 * v2 * (1 - s2 * (1 - f2));
+    v2 *= 255;
+    switch (hi) {
+      case 0: {
+        return [v2, t2, p2];
+      }
+      case 1: {
+        return [q2, v2, p2];
+      }
+      case 2: {
+        return [p2, v2, t2];
+      }
+      case 3: {
+        return [p2, q2, v2];
+      }
+      case 4: {
+        return [t2, p2, v2];
+      }
+      case 5: {
+        return [v2, p2, q2];
+      }
+    }
+  };
+  convert$2.hsv.hsl = function(hsv) {
+    const h2 = hsv[0];
+    const s2 = hsv[1] / 100;
+    const v2 = hsv[2] / 100;
+    const vmin = Math.max(v2, 0.01);
+    let sl;
+    let l2;
+    l2 = (2 - s2) * v2;
+    const lmin = (2 - s2) * vmin;
+    sl = s2 * vmin;
+    sl /= lmin <= 1 ? lmin : 2 - lmin;
+    sl = sl || 0;
+    l2 /= 2;
+    return [h2, sl * 100, l2 * 100];
+  };
+  convert$2.hwb.rgb = function(hwb) {
+    const h2 = hwb[0] / 360;
+    let wh = hwb[1] / 100;
+    let bl = hwb[2] / 100;
+    const ratio = wh + bl;
+    let f2;
+    if (ratio > 1) {
+      wh /= ratio;
+      bl /= ratio;
+    }
+    const i2 = Math.floor(6 * h2);
+    const v2 = 1 - bl;
+    f2 = 6 * h2 - i2;
+    if ((i2 & 1) !== 0) {
+      f2 = 1 - f2;
+    }
+    const n2 = wh + f2 * (v2 - wh);
+    let r2;
+    let g2;
+    let b3;
+    switch (i2) {
+      default:
+      case 6:
+      case 0: {
+        r2 = v2;
+        g2 = n2;
+        b3 = wh;
+        break;
       }
-      return rgb2;
-    };
-    convert2.hsl.hsv = function(hsl2) {
-      var h2 = hsl2[0];
-      var s2 = hsl2[1] / 100;
-      var l2 = hsl2[2] / 100;
-      var smin = s2;
-      var lmin = Math.max(l2, 0.01);
-      var sv;
-      var v2;
-      l2 *= 2;
-      s2 *= l2 <= 1 ? l2 : 2 - l2;
-      smin *= lmin <= 1 ? lmin : 2 - lmin;
-      v2 = (l2 + s2) / 2;
-      sv = l2 === 0 ? 2 * smin / (lmin + smin) : 2 * s2 / (l2 + s2);
-      return [h2, sv * 100, v2 * 100];
-    };
-    convert2.hsv.rgb = function(hsv) {
-      var h2 = hsv[0] / 60;
-      var s2 = hsv[1] / 100;
-      var v2 = hsv[2] / 100;
-      var hi = Math.floor(h2) % 6;
-      var f2 = h2 - Math.floor(h2);
-      var p2 = 255 * v2 * (1 - s2);
-      var q2 = 255 * v2 * (1 - s2 * f2);
-      var t2 = 255 * v2 * (1 - s2 * (1 - f2));
-      v2 *= 255;
-      switch (hi) {
-        case 0:
-          return [v2, t2, p2];
-        case 1:
-          return [q2, v2, p2];
-        case 2:
-          return [p2, v2, t2];
-        case 3:
-          return [p2, q2, v2];
-        case 4:
-          return [t2, p2, v2];
-        case 5:
-          return [v2, p2, q2];
-      }
-    };
-    convert2.hsv.hsl = function(hsv) {
-      var h2 = hsv[0];
-      var s2 = hsv[1] / 100;
-      var v2 = hsv[2] / 100;
-      var vmin = Math.max(v2, 0.01);
-      var lmin;
-      var sl;
-      var l2;
-      l2 = (2 - s2) * v2;
-      lmin = (2 - s2) * vmin;
-      sl = s2 * vmin;
-      sl /= lmin <= 1 ? lmin : 2 - lmin;
-      sl = sl || 0;
-      l2 /= 2;
-      return [h2, sl * 100, l2 * 100];
-    };
-    convert2.hwb.rgb = function(hwb) {
-      var h2 = hwb[0] / 360;
-      var wh = hwb[1] / 100;
-      var bl = hwb[2] / 100;
-      var ratio = wh + bl;
-      var i2;
-      var v2;
-      var f2;
-      var n2;
-      if (ratio > 1) {
-        wh /= ratio;
-        bl /= ratio;
-      }
-      i2 = Math.floor(6 * h2);
-      v2 = 1 - bl;
-      f2 = 6 * h2 - i2;
-      if ((i2 & 1) !== 0) {
-        f2 = 1 - f2;
-      }
-      n2 = wh + f2 * (v2 - wh);
-      var r2;
-      var g2;
-      var b3;
-      switch (i2) {
-        default:
-        case 6:
-        case 0:
-          r2 = v2;
-          g2 = n2;
-          b3 = wh;
-          break;
-        case 1:
-          r2 = n2;
-          g2 = v2;
-          b3 = wh;
-          break;
-        case 2:
-          r2 = wh;
-          g2 = v2;
-          b3 = n2;
-          break;
-        case 3:
-          r2 = wh;
-          g2 = n2;
-          b3 = v2;
-          break;
-        case 4:
-          r2 = n2;
-          g2 = wh;
-          b3 = v2;
-          break;
-        case 5:
-          r2 = v2;
-          g2 = wh;
-          b3 = n2;
-          break;
+      case 1: {
+        r2 = n2;
+        g2 = v2;
+        b3 = wh;
+        break;
       }
-      return [r2 * 255, g2 * 255, b3 * 255];
-    };
-    convert2.cmyk.rgb = function(cmyk) {
-      var c2 = cmyk[0] / 100;
-      var m2 = cmyk[1] / 100;
-      var y2 = cmyk[2] / 100;
-      var k2 = cmyk[3] / 100;
-      var r2;
-      var g2;
-      var b3;
-      r2 = 1 - Math.min(1, c2 * (1 - k2) + k2);
-      g2 = 1 - Math.min(1, m2 * (1 - k2) + k2);
-      b3 = 1 - Math.min(1, y2 * (1 - k2) + k2);
-      return [r2 * 255, g2 * 255, b3 * 255];
-    };
-    convert2.xyz.rgb = function(xyz) {
-      var x2 = xyz[0] / 100;
-      var y2 = xyz[1] / 100;
-      var z2 = xyz[2] / 100;
-      var r2;
-      var g2;
-      var b3;
-      r2 = x2 * 3.2406 + y2 * -1.5372 + z2 * -0.4986;
-      g2 = x2 * -0.9689 + y2 * 1.8758 + z2 * 0.0415;
-      b3 = x2 * 0.0557 + y2 * -0.204 + z2 * 1.057;
-      r2 = r2 > 31308e-7 ? 1.055 * Math.pow(r2, 1 / 2.4) - 0.055 : r2 * 12.92;
-      g2 = g2 > 31308e-7 ? 1.055 * Math.pow(g2, 1 / 2.4) - 0.055 : g2 * 12.92;
-      b3 = b3 > 31308e-7 ? 1.055 * Math.pow(b3, 1 / 2.4) - 0.055 : b3 * 12.92;
-      r2 = Math.min(Math.max(0, r2), 1);
-      g2 = Math.min(Math.max(0, g2), 1);
-      b3 = Math.min(Math.max(0, b3), 1);
-      return [r2 * 255, g2 * 255, b3 * 255];
-    };
-    convert2.xyz.lab = function(xyz) {
-      var x2 = xyz[0];
-      var y2 = xyz[1];
-      var z2 = xyz[2];
-      var l2;
-      var a2;
-      var b3;
-      x2 /= 95.047;
-      y2 /= 100;
-      z2 /= 108.883;
-      x2 = x2 > 8856e-6 ? Math.pow(x2, 1 / 3) : 7.787 * x2 + 16 / 116;
-      y2 = y2 > 8856e-6 ? Math.pow(y2, 1 / 3) : 7.787 * y2 + 16 / 116;
-      z2 = z2 > 8856e-6 ? Math.pow(z2, 1 / 3) : 7.787 * z2 + 16 / 116;
-      l2 = 116 * y2 - 16;
-      a2 = 500 * (x2 - y2);
-      b3 = 200 * (y2 - z2);
-      return [l2, a2, b3];
-    };
-    convert2.lab.xyz = function(lab) {
-      var l2 = lab[0];
-      var a2 = lab[1];
-      var b3 = lab[2];
-      var x2;
-      var y2;
-      var z2;
-      y2 = (l2 + 16) / 116;
-      x2 = a2 / 500 + y2;
-      z2 = y2 - b3 / 200;
-      var y22 = Math.pow(y2, 3);
-      var x22 = Math.pow(x2, 3);
-      var z22 = Math.pow(z2, 3);
-      y2 = y22 > 8856e-6 ? y22 : (y2 - 16 / 116) / 7.787;
-      x2 = x22 > 8856e-6 ? x22 : (x2 - 16 / 116) / 7.787;
-      z2 = z22 > 8856e-6 ? z22 : (z2 - 16 / 116) / 7.787;
-      x2 *= 95.047;
-      y2 *= 100;
-      z2 *= 108.883;
-      return [x2, y2, z2];
-    };
-    convert2.lab.lch = function(lab) {
-      var l2 = lab[0];
-      var a2 = lab[1];
-      var b3 = lab[2];
-      var hr;
-      var h2;
-      var c2;
-      hr = Math.atan2(b3, a2);
-      h2 = hr * 360 / 2 / Math.PI;
-      if (h2 < 0) {
-        h2 += 360;
+      case 2: {
+        r2 = wh;
+        g2 = v2;
+        b3 = n2;
+        break;
       }
-      c2 = Math.sqrt(a2 * a2 + b3 * b3);
-      return [l2, c2, h2];
-    };
-    convert2.lch.lab = function(lch) {
-      var l2 = lch[0];
-      var c2 = lch[1];
-      var h2 = lch[2];
-      var a2;
-      var b3;
-      var hr;
-      hr = h2 / 360 * 2 * Math.PI;
-      a2 = c2 * Math.cos(hr);
-      b3 = c2 * Math.sin(hr);
-      return [l2, a2, b3];
-    };
-    convert2.rgb.ansi16 = function(args) {
-      var r2 = args[0];
-      var g2 = args[1];
-      var b3 = args[2];
-      var value = 1 in arguments ? arguments[1] : convert2.rgb.hsv(args)[2];
-      value = Math.round(value / 50);
-      if (value === 0) {
-        return 30;
-      }
-      var ansi = 30 + (Math.round(b3 / 255) << 2 | Math.round(g2 / 255) << 1 | Math.round(r2 / 255));
-      if (value === 2) {
-        ansi += 60;
-      }
-      return ansi;
-    };
-    convert2.hsv.ansi16 = function(args) {
-      return convert2.rgb.ansi16(convert2.hsv.rgb(args), args[2]);
-    };
-    convert2.rgb.ansi256 = function(args) {
-      var r2 = args[0];
-      var g2 = args[1];
-      var b3 = args[2];
-      if (r2 === g2 && g2 === b3) {
-        if (r2 < 8) {
-          return 16;
-        }
-        if (r2 > 248) {
-          return 231;
-        }
-        return Math.round((r2 - 8) / 247 * 24) + 232;
-      }
-      var ansi = 16 + 36 * Math.round(r2 / 255 * 5) + 6 * Math.round(g2 / 255 * 5) + Math.round(b3 / 255 * 5);
-      return ansi;
-    };
-    convert2.ansi16.rgb = function(args) {
-      var color2 = args % 10;
-      if (color2 === 0 || color2 === 7) {
-        if (args > 50) {
-          color2 += 3.5;
-        }
-        color2 = color2 / 10.5 * 255;
-        return [color2, color2, color2];
-      }
-      var mult = (~~(args > 50) + 1) * 0.5;
-      var r2 = (color2 & 1) * mult * 255;
-      var g2 = (color2 >> 1 & 1) * mult * 255;
-      var b3 = (color2 >> 2 & 1) * mult * 255;
-      return [r2, g2, b3];
-    };
-    convert2.ansi256.rgb = function(args) {
-      if (args >= 232) {
-        var c2 = (args - 232) * 10 + 8;
-        return [c2, c2, c2];
-      }
-      args -= 16;
-      var rem;
-      var r2 = Math.floor(args / 36) / 5 * 255;
-      var g2 = Math.floor((rem = args % 36) / 6) / 5 * 255;
-      var b3 = rem % 6 / 5 * 255;
-      return [r2, g2, b3];
-    };
-    convert2.rgb.hex = function(args) {
-      var integer = ((Math.round(args[0]) & 255) << 16) + ((Math.round(args[1]) & 255) << 8) + (Math.round(args[2]) & 255);
-      var string2 = integer.toString(16).toUpperCase();
-      return "000000".substring(string2.length) + string2;
-    };
-    convert2.hex.rgb = function(args) {
-      var match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
-      if (!match) {
-        return [0, 0, 0];
-      }
-      var colorString2 = match[0];
-      if (match[0].length === 3) {
-        colorString2 = colorString2.split("").map(function(char) {
-          return char + char;
-        }).join("");
+      case 3: {
+        r2 = wh;
+        g2 = n2;
+        b3 = v2;
+        break;
       }
-      var integer = parseInt(colorString2, 16);
-      var r2 = integer >> 16 & 255;
-      var g2 = integer >> 8 & 255;
-      var b3 = integer & 255;
-      return [r2, g2, b3];
-    };
-    convert2.rgb.hcg = function(rgb2) {
-      var r2 = rgb2[0] / 255;
-      var g2 = rgb2[1] / 255;
-      var b3 = rgb2[2] / 255;
-      var max2 = Math.max(Math.max(r2, g2), b3);
-      var min2 = Math.min(Math.min(r2, g2), b3);
-      var chroma = max2 - min2;
-      var grayscale;
-      var hue;
-      if (chroma < 1) {
-        grayscale = min2 / (1 - chroma);
-      } else {
-        grayscale = 0;
-      }
-      if (chroma <= 0) {
-        hue = 0;
-      } else if (max2 === r2) {
-        hue = (g2 - b3) / chroma % 6;
-      } else if (max2 === g2) {
-        hue = 2 + (b3 - r2) / chroma;
-      } else {
-        hue = 4 + (r2 - g2) / chroma + 4;
-      }
-      hue /= 6;
-      hue %= 1;
-      return [hue * 360, chroma * 100, grayscale * 100];
-    };
-    convert2.hsl.hcg = function(hsl2) {
-      var s2 = hsl2[1] / 100;
-      var l2 = hsl2[2] / 100;
-      var c2 = 1;
-      var f2 = 0;
-      if (l2 < 0.5) {
-        c2 = 2 * s2 * l2;
-      } else {
-        c2 = 2 * s2 * (1 - l2);
-      }
-      if (c2 < 1) {
-        f2 = (l2 - 0.5 * c2) / (1 - c2);
-      }
-      return [hsl2[0], c2 * 100, f2 * 100];
-    };
-    convert2.hsv.hcg = function(hsv) {
-      var s2 = hsv[1] / 100;
-      var v2 = hsv[2] / 100;
-      var c2 = s2 * v2;
-      var f2 = 0;
-      if (c2 < 1) {
-        f2 = (v2 - c2) / (1 - c2);
-      }
-      return [hsv[0], c2 * 100, f2 * 100];
-    };
-    convert2.hcg.rgb = function(hcg) {
-      var h2 = hcg[0] / 360;
-      var c2 = hcg[1] / 100;
-      var g2 = hcg[2] / 100;
-      if (c2 === 0) {
-        return [g2 * 255, g2 * 255, g2 * 255];
-      }
-      var pure2 = [0, 0, 0];
-      var hi = h2 % 1 * 6;
-      var v2 = hi % 1;
-      var w2 = 1 - v2;
-      var mg = 0;
-      switch (Math.floor(hi)) {
-        case 0:
-          pure2[0] = 1;
-          pure2[1] = v2;
-          pure2[2] = 0;
-          break;
-        case 1:
-          pure2[0] = w2;
-          pure2[1] = 1;
-          pure2[2] = 0;
-          break;
-        case 2:
-          pure2[0] = 0;
-          pure2[1] = 1;
-          pure2[2] = v2;
-          break;
-        case 3:
-          pure2[0] = 0;
-          pure2[1] = w2;
-          pure2[2] = 1;
-          break;
-        case 4:
-          pure2[0] = v2;
-          pure2[1] = 0;
-          pure2[2] = 1;
-          break;
-        default:
-          pure2[0] = 1;
-          pure2[1] = 0;
-          pure2[2] = w2;
+      case 4: {
+        r2 = n2;
+        g2 = wh;
+        b3 = v2;
+        break;
+      }
+      case 5: {
+        r2 = v2;
+        g2 = wh;
+        b3 = n2;
+        break;
       }
-      mg = (1 - c2) * g2;
-      return [
-        (c2 * pure2[0] + mg) * 255,
-        (c2 * pure2[1] + mg) * 255,
-        (c2 * pure2[2] + mg) * 255
-      ];
-    };
-    convert2.hcg.hsv = function(hcg) {
-      var c2 = hcg[1] / 100;
-      var g2 = hcg[2] / 100;
-      var v2 = c2 + g2 * (1 - c2);
-      var f2 = 0;
-      if (v2 > 0) {
-        f2 = c2 / v2;
-      }
-      return [hcg[0], f2 * 100, v2 * 100];
-    };
-    convert2.hcg.hsl = function(hcg) {
-      var c2 = hcg[1] / 100;
-      var g2 = hcg[2] / 100;
-      var l2 = g2 * (1 - c2) + 0.5 * c2;
-      var s2 = 0;
-      if (l2 > 0 && l2 < 0.5) {
-        s2 = c2 / (2 * l2);
-      } else if (l2 >= 0.5 && l2 < 1) {
-        s2 = c2 / (2 * (1 - l2));
-      }
-      return [hcg[0], s2 * 100, l2 * 100];
-    };
-    convert2.hcg.hwb = function(hcg) {
-      var c2 = hcg[1] / 100;
-      var g2 = hcg[2] / 100;
-      var v2 = c2 + g2 * (1 - c2);
-      return [hcg[0], (v2 - c2) * 100, (1 - v2) * 100];
-    };
-    convert2.hwb.hcg = function(hwb) {
-      var w2 = hwb[1] / 100;
-      var b3 = hwb[2] / 100;
-      var v2 = 1 - b3;
-      var c2 = v2 - w2;
-      var g2 = 0;
-      if (c2 < 1) {
-        g2 = (v2 - c2) / (1 - c2);
-      }
-      return [hwb[0], c2 * 100, g2 * 100];
-    };
-    convert2.apple.rgb = function(apple) {
-      return [apple[0] / 65535 * 255, apple[1] / 65535 * 255, apple[2] / 65535 * 255];
-    };
-    convert2.rgb.apple = function(rgb2) {
-      return [rgb2[0] / 255 * 65535, rgb2[1] / 255 * 65535, rgb2[2] / 255 * 65535];
-    };
-    convert2.gray.rgb = function(args) {
-      return [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255];
-    };
-    convert2.gray.hsl = convert2.gray.hsv = function(args) {
-      return [0, 0, args[0]];
-    };
-    convert2.gray.hwb = function(gray) {
-      return [0, 100, gray[0]];
-    };
-    convert2.gray.cmyk = function(gray) {
-      return [0, 0, 0, gray[0]];
-    };
-    convert2.gray.lab = function(gray) {
-      return [gray[0], 0, 0];
-    };
-    convert2.gray.hex = function(gray) {
-      var val2 = Math.round(gray[0] / 100 * 255) & 255;
-      var integer = (val2 << 16) + (val2 << 8) + val2;
-      var string2 = integer.toString(16).toUpperCase();
-      return "000000".substring(string2.length) + string2;
-    };
-    convert2.rgb.gray = function(rgb2) {
-      var val2 = (rgb2[0] + rgb2[1] + rgb2[2]) / 3;
-      return [val2 / 255 * 100];
-    };
-    return conversions.exports;
-  }
-  __name(requireConversions, "requireConversions");
-  var route;
-  var hasRequiredRoute;
-  function requireRoute() {
-    if (hasRequiredRoute) return route;
-    hasRequiredRoute = 1;
-    var conversions2 = requireConversions();
-    function buildGraph() {
-      var graph = {};
-      var models = Object.keys(conversions2);
-      for (var len = models.length, i2 = 0; i2 < len; i2++) {
-        graph[models[i2]] = {
-          // http://jsperf.com/1-vs-infinity
-          // micro-opt, but this is simple.
-          distance: -1,
-          parent: null
-        };
-      }
-      return graph;
-    }
-    __name(buildGraph, "buildGraph");
-    function deriveBFS(fromModel) {
-      var graph = buildGraph();
-      var queue = [fromModel];
-      graph[fromModel].distance = 0;
-      while (queue.length) {
-        var current = queue.pop();
-        var adjacents = Object.keys(conversions2[current]);
-        for (var len = adjacents.length, i2 = 0; i2 < len; i2++) {
-          var adjacent = adjacents[i2];
-          var node2 = graph[adjacent];
-          if (node2.distance === -1) {
-            node2.distance = graph[current].distance + 1;
-            node2.parent = current;
-            queue.unshift(adjacent);
-          }
-        }
-      }
-      return graph;
-    }
-    __name(deriveBFS, "deriveBFS");
-    function link2(from, to) {
-      return function(args) {
-        return to(from(args));
-      };
     }
-    __name(link2, "link");
-    function wrapConversion(toModel, graph) {
-      var path2 = [graph[toModel].parent, toModel];
-      var fn2 = conversions2[graph[toModel].parent][toModel];
-      var cur = graph[toModel].parent;
-      while (graph[cur].parent) {
-        path2.unshift(graph[cur].parent);
-        fn2 = link2(conversions2[graph[cur].parent][cur], fn2);
-        cur = graph[cur].parent;
-      }
-      fn2.conversion = path2;
-      return fn2;
+    return [r2 * 255, g2 * 255, b3 * 255];
+  };
+  convert$2.cmyk.rgb = function(cmyk) {
+    const c2 = cmyk[0] / 100;
+    const m2 = cmyk[1] / 100;
+    const y2 = cmyk[2] / 100;
+    const k2 = cmyk[3] / 100;
+    const r2 = 1 - Math.min(1, c2 * (1 - k2) + k2);
+    const g2 = 1 - Math.min(1, m2 * (1 - k2) + k2);
+    const b3 = 1 - Math.min(1, y2 * (1 - k2) + k2);
+    return [r2 * 255, g2 * 255, b3 * 255];
+  };
+  convert$2.xyz.rgb = function(xyz) {
+    const x2 = xyz[0] / 100;
+    const y2 = xyz[1] / 100;
+    const z2 = xyz[2] / 100;
+    let r2;
+    let g2;
+    let b3;
+    r2 = x2 * 3.2404542 + y2 * -1.5371385 + z2 * -0.4985314;
+    g2 = x2 * -0.969266 + y2 * 1.8760108 + z2 * 0.041556;
+    b3 = x2 * 0.0556434 + y2 * -0.2040259 + z2 * 1.0572252;
+    r2 = srgbNonlinearTransform(r2);
+    g2 = srgbNonlinearTransform(g2);
+    b3 = srgbNonlinearTransform(b3);
+    return [r2 * 255, g2 * 255, b3 * 255];
+  };
+  convert$2.xyz.lab = function(xyz) {
+    let x2 = xyz[0];
+    let y2 = xyz[1];
+    let z2 = xyz[2];
+    x2 /= 95.047;
+    y2 /= 100;
+    z2 /= 108.883;
+    x2 = x2 > LAB_FT ? __pow(x2, 1 / 3) : 7.787 * x2 + 16 / 116;
+    y2 = y2 > LAB_FT ? __pow(y2, 1 / 3) : 7.787 * y2 + 16 / 116;
+    z2 = z2 > LAB_FT ? __pow(z2, 1 / 3) : 7.787 * z2 + 16 / 116;
+    const l2 = 116 * y2 - 16;
+    const a2 = 500 * (x2 - y2);
+    const b3 = 200 * (y2 - z2);
+    return [l2, a2, b3];
+  };
+  convert$2.xyz.oklab = function(xyz) {
+    const x2 = xyz[0] / 100;
+    const y2 = xyz[1] / 100;
+    const z2 = xyz[2] / 100;
+    const lp = Math.cbrt(0.8189330101 * x2 + 0.3618667424 * y2 - 0.1288597137 * z2);
+    const mp = Math.cbrt(0.0329845436 * x2 + 0.9293118715 * y2 + 0.0361456387 * z2);
+    const sp = Math.cbrt(0.0482003018 * x2 + 0.2643662691 * y2 + 0.633851707 * z2);
+    const l2 = 0.2104542553 * lp + 0.793617785 * mp - 0.0040720468 * sp;
+    const a2 = 1.9779984951 * lp - 2.428592205 * mp + 0.4505937099 * sp;
+    const b3 = 0.0259040371 * lp + 0.7827717662 * mp - 0.808675766 * sp;
+    return [l2 * 100, a2 * 100, b3 * 100];
+  };
+  convert$2.oklab.oklch = function(oklab) {
+    return convert$2.lab.lch(oklab);
+  };
+  convert$2.oklab.xyz = function(oklab) {
+    const ll = oklab[0] / 100;
+    const a2 = oklab[1] / 100;
+    const b3 = oklab[2] / 100;
+    const l2 = __pow(0.999999998 * ll + 0.396337792 * a2 + 0.215803758 * b3, 3);
+    const m2 = __pow(1.000000008 * ll - 0.105561342 * a2 - 0.063854175 * b3, 3);
+    const s2 = __pow(1.000000055 * ll - 0.089484182 * a2 - 1.291485538 * b3, 3);
+    const x2 = 1.227013851 * l2 - 0.55779998 * m2 + 0.281256149 * s2;
+    const y2 = -0.040580178 * l2 + 1.11225687 * m2 - 0.071676679 * s2;
+    const z2 = -0.076381285 * l2 - 0.421481978 * m2 + 1.58616322 * s2;
+    return [x2 * 100, y2 * 100, z2 * 100];
+  };
+  convert$2.oklab.rgb = function(oklab) {
+    const ll = oklab[0] / 100;
+    const aa = oklab[1] / 100;
+    const bb = oklab[2] / 100;
+    const l2 = __pow(ll + 0.3963377774 * aa + 0.2158037573 * bb, 3);
+    const m2 = __pow(ll - 0.1055613458 * aa - 0.0638541728 * bb, 3);
+    const s2 = __pow(ll - 0.0894841775 * aa - 1.291485548 * bb, 3);
+    const r2 = srgbNonlinearTransform(4.0767416621 * l2 - 3.3077115913 * m2 + 0.2309699292 * s2);
+    const g2 = srgbNonlinearTransform(-1.2684380046 * l2 + 2.6097574011 * m2 - 0.3413193965 * s2);
+    const b3 = srgbNonlinearTransform(-0.0041960863 * l2 - 0.7034186147 * m2 + 1.707614701 * s2);
+    return [r2 * 255, g2 * 255, b3 * 255];
+  };
+  convert$2.oklch.oklab = function(oklch) {
+    return convert$2.lch.lab(oklch);
+  };
+  convert$2.lab.xyz = function(lab) {
+    const l2 = lab[0];
+    const a2 = lab[1];
+    const b3 = lab[2];
+    let x2;
+    let y2;
+    let z2;
+    y2 = (l2 + 16) / 116;
+    x2 = a2 / 500 + y2;
+    z2 = y2 - b3 / 200;
+    const y22 = __pow(y2, 3);
+    const x22 = __pow(x2, 3);
+    const z22 = __pow(z2, 3);
+    y2 = y22 > LAB_FT ? y22 : (y2 - 16 / 116) / 7.787;
+    x2 = x22 > LAB_FT ? x22 : (x2 - 16 / 116) / 7.787;
+    z2 = z22 > LAB_FT ? z22 : (z2 - 16 / 116) / 7.787;
+    x2 *= 95.047;
+    y2 *= 100;
+    z2 *= 108.883;
+    return [x2, y2, z2];
+  };
+  convert$2.lab.lch = function(lab) {
+    const l2 = lab[0];
+    const a2 = lab[1];
+    const b3 = lab[2];
+    let h2;
+    const hr = Math.atan2(b3, a2);
+    h2 = hr * 360 / 2 / Math.PI;
+    if (h2 < 0) {
+      h2 += 360;
+    }
+    const c2 = Math.sqrt(a2 * a2 + b3 * b3);
+    return [l2, c2, h2];
+  };
+  convert$2.lch.lab = function(lch) {
+    const l2 = lch[0];
+    const c2 = lch[1];
+    const h2 = lch[2];
+    const hr = h2 / 360 * 2 * Math.PI;
+    const a2 = c2 * Math.cos(hr);
+    const b3 = c2 * Math.sin(hr);
+    return [l2, a2, b3];
+  };
+  convert$2.rgb.ansi16 = function(args, saturation = null) {
+    const [r2, g2, b3] = args;
+    let value = saturation === null ? convert$2.rgb.hsv(args)[2] : saturation;
+    value = Math.round(value / 50);
+    if (value === 0) {
+      return 30;
     }
-    __name(wrapConversion, "wrapConversion");
-    route = /* @__PURE__ */ __name(function(fromModel) {
-      var graph = deriveBFS(fromModel);
-      var conversion = {};
-      var models = Object.keys(graph);
-      for (var len = models.length, i2 = 0; i2 < len; i2++) {
-        var toModel = models[i2];
-        var node2 = graph[toModel];
-        if (node2.parent === null) {
-          continue;
-        }
-        conversion[toModel] = wrapConversion(toModel, graph);
+    let ansi = 30 + (Math.round(b3 / 255) << 2 | Math.round(g2 / 255) << 1 | Math.round(r2 / 255));
+    if (value === 2) {
+      ansi += 60;
+    }
+    return ansi;
+  };
+  convert$2.hsv.ansi16 = function(args) {
+    return convert$2.rgb.ansi16(convert$2.hsv.rgb(args), args[2]);
+  };
+  convert$2.rgb.ansi256 = function(args) {
+    const r2 = args[0];
+    const g2 = args[1];
+    const b3 = args[2];
+    if (r2 >> 4 === g2 >> 4 && g2 >> 4 === b3 >> 4) {
+      if (r2 < 8) {
+        return 16;
       }
-      return conversion;
-    }, "route");
-    return route;
-  }
-  __name(requireRoute, "requireRoute");
-  var colorConvert;
-  var hasRequiredColorConvert;
-  function requireColorConvert() {
-    if (hasRequiredColorConvert) return colorConvert;
-    hasRequiredColorConvert = 1;
-    var conversions2 = requireConversions();
-    var route2 = requireRoute();
-    var convert2 = {};
-    var models = Object.keys(conversions2);
-    function wrapRaw(fn2) {
-      var wrappedFn = /* @__PURE__ */ __name(function(args) {
-        if (args === void 0 || args === null) {
-          return args;
-        }
-        if (arguments.length > 1) {
-          args = Array.prototype.slice.call(arguments);
-        }
-        return fn2(args);
-      }, "wrappedFn");
-      if ("conversion" in fn2) {
-        wrappedFn.conversion = fn2.conversion;
+      if (r2 > 248) {
+        return 231;
+      }
+      return Math.round((r2 - 8) / 247 * 24) + 232;
+    }
+    const ansi = 16 + 36 * Math.round(r2 / 255 * 5) + 6 * Math.round(g2 / 255 * 5) + Math.round(b3 / 255 * 5);
+    return ansi;
+  };
+  convert$2.ansi16.rgb = function(args) {
+    args = args[0];
+    let color2 = args % 10;
+    if (color2 === 0 || color2 === 7) {
+      if (args > 50) {
+        color2 += 3.5;
+      }
+      color2 = color2 / 10.5 * 255;
+      return [color2, color2, color2];
+    }
+    const mult = (Math.trunc(args > 50) + 1) * 0.5;
+    const r2 = (color2 & 1) * mult * 255;
+    const g2 = (color2 >> 1 & 1) * mult * 255;
+    const b3 = (color2 >> 2 & 1) * mult * 255;
+    return [r2, g2, b3];
+  };
+  convert$2.ansi256.rgb = function(args) {
+    args = args[0];
+    if (args >= 232) {
+      const c2 = (args - 232) * 10 + 8;
+      return [c2, c2, c2];
+    }
+    args -= 16;
+    let rem;
+    const r2 = Math.floor(args / 36) / 5 * 255;
+    const g2 = Math.floor((rem = args % 36) / 6) / 5 * 255;
+    const b3 = rem % 6 / 5 * 255;
+    return [r2, g2, b3];
+  };
+  convert$2.rgb.hex = function(args) {
+    const integer = ((Math.round(args[0]) & 255) << 16) + ((Math.round(args[1]) & 255) << 8) + (Math.round(args[2]) & 255);
+    const string2 = integer.toString(16).toUpperCase();
+    return "000000".slice(string2.length) + string2;
+  };
+  convert$2.hex.rgb = function(args) {
+    const match = args.toString(16).match(/[a-f\d]{6}|[a-f\d]{3}/i);
+    if (!match) {
+      return [0, 0, 0];
+    }
+    let colorString = match[0];
+    if (match[0].length === 3) {
+      colorString = [...colorString].map((char) => char + char).join("");
+    }
+    const integer = Number.parseInt(colorString, 16);
+    const r2 = integer >> 16 & 255;
+    const g2 = integer >> 8 & 255;
+    const b3 = integer & 255;
+    return [r2, g2, b3];
+  };
+  convert$2.rgb.hcg = function(rgb2) {
+    const r2 = rgb2[0] / 255;
+    const g2 = rgb2[1] / 255;
+    const b3 = rgb2[2] / 255;
+    const max2 = Math.max(Math.max(r2, g2), b3);
+    const min2 = Math.min(Math.min(r2, g2), b3);
+    const chroma = max2 - min2;
+    let hue;
+    const grayscale = chroma < 1 ? min2 / (1 - chroma) : 0;
+    if (chroma <= 0) {
+      hue = 0;
+    } else if (max2 === r2) {
+      hue = (g2 - b3) / chroma % 6;
+    } else if (max2 === g2) {
+      hue = 2 + (b3 - r2) / chroma;
+    } else {
+      hue = 4 + (r2 - g2) / chroma;
+    }
+    hue /= 6;
+    hue %= 1;
+    return [hue * 360, chroma * 100, grayscale * 100];
+  };
+  convert$2.hsl.hcg = function(hsl2) {
+    const s2 = hsl2[1] / 100;
+    const l2 = hsl2[2] / 100;
+    const c2 = l2 < 0.5 ? 2 * s2 * l2 : 2 * s2 * (1 - l2);
+    let f2 = 0;
+    if (c2 < 1) {
+      f2 = (l2 - 0.5 * c2) / (1 - c2);
+    }
+    return [hsl2[0], c2 * 100, f2 * 100];
+  };
+  convert$2.hsv.hcg = function(hsv) {
+    const s2 = hsv[1] / 100;
+    const v2 = hsv[2] / 100;
+    const c2 = s2 * v2;
+    let f2 = 0;
+    if (c2 < 1) {
+      f2 = (v2 - c2) / (1 - c2);
+    }
+    return [hsv[0], c2 * 100, f2 * 100];
+  };
+  convert$2.hcg.rgb = function(hcg) {
+    const h2 = hcg[0] / 360;
+    const c2 = hcg[1] / 100;
+    const g2 = hcg[2] / 100;
+    if (c2 === 0) {
+      return [g2 * 255, g2 * 255, g2 * 255];
+    }
+    const pure2 = [0, 0, 0];
+    const hi = h2 % 1 * 6;
+    const v2 = hi % 1;
+    const w2 = 1 - v2;
+    let mg = 0;
+    switch (Math.floor(hi)) {
+      case 0: {
+        pure2[0] = 1;
+        pure2[1] = v2;
+        pure2[2] = 0;
+        break;
+      }
+      case 1: {
+        pure2[0] = w2;
+        pure2[1] = 1;
+        pure2[2] = 0;
+        break;
+      }
+      case 2: {
+        pure2[0] = 0;
+        pure2[1] = 1;
+        pure2[2] = v2;
+        break;
+      }
+      case 3: {
+        pure2[0] = 0;
+        pure2[1] = w2;
+        pure2[2] = 1;
+        break;
+      }
+      case 4: {
+        pure2[0] = v2;
+        pure2[1] = 0;
+        pure2[2] = 1;
+        break;
+      }
+      default: {
+        pure2[0] = 1;
+        pure2[1] = 0;
+        pure2[2] = w2;
       }
-      return wrappedFn;
     }
-    __name(wrapRaw, "wrapRaw");
-    function wrapRounded(fn2) {
-      var wrappedFn = /* @__PURE__ */ __name(function(args) {
-        if (args === void 0 || args === null) {
-          return args;
-        }
-        if (arguments.length > 1) {
-          args = Array.prototype.slice.call(arguments);
-        }
-        var result = fn2(args);
-        if (typeof result === "object") {
-          for (var len = result.length, i2 = 0; i2 < len; i2++) {
-            result[i2] = Math.round(result[i2]);
-          }
-        }
-        return result;
-      }, "wrappedFn");
-      if ("conversion" in fn2) {
-        wrappedFn.conversion = fn2.conversion;
-      }
-      return wrappedFn;
-    }
-    __name(wrapRounded, "wrapRounded");
-    models.forEach(function(fromModel) {
-      convert2[fromModel] = {};
-      Object.defineProperty(convert2[fromModel], "channels", { value: conversions2[fromModel].channels });
-      Object.defineProperty(convert2[fromModel], "labels", { value: conversions2[fromModel].labels });
-      var routes = route2(fromModel);
-      var routeModels = Object.keys(routes);
-      routeModels.forEach(function(toModel) {
-        var fn2 = routes[toModel];
-        convert2[fromModel][toModel] = wrapRounded(fn2);
-        convert2[fromModel][toModel].raw = wrapRaw(fn2);
-      });
-    });
-    colorConvert = convert2;
-    return colorConvert;
-  }
-  __name(requireColorConvert, "requireColorConvert");
-  var color$3;
-  var hasRequiredColor;
-  function requireColor() {
-    if (hasRequiredColor) return color$3;
-    hasRequiredColor = 1;
-    var colorString2 = requireColorString();
-    var convert2 = requireColorConvert();
-    var _slice = [].slice;
-    var skippedModels = [
-      // to be honest, I don't really feel like keyword belongs in color convert, but eh.
-      "keyword",
-      // gray conflicts with some method names, and has its own method defined.
-      "gray",
-      // shouldn't really be in color-convert either...
-      "hex"
+    mg = (1 - c2) * g2;
+    return [
+      (c2 * pure2[0] + mg) * 255,
+      (c2 * pure2[1] + mg) * 255,
+      (c2 * pure2[2] + mg) * 255
     ];
-    var hashedModelKeys = {};
-    Object.keys(convert2).forEach(function(model) {
-      hashedModelKeys[_slice.call(convert2[model].labels).sort().join("")] = model;
-    });
-    var limiters = {};
-    function Color2(obj, model) {
-      if (!(this instanceof Color2)) {
-        return new Color2(obj, model);
+  };
+  convert$2.hcg.hsv = function(hcg) {
+    const c2 = hcg[1] / 100;
+    const g2 = hcg[2] / 100;
+    const v2 = c2 + g2 * (1 - c2);
+    let f2 = 0;
+    if (v2 > 0) {
+      f2 = c2 / v2;
+    }
+    return [hcg[0], f2 * 100, v2 * 100];
+  };
+  convert$2.hcg.hsl = function(hcg) {
+    const c2 = hcg[1] / 100;
+    const g2 = hcg[2] / 100;
+    const l2 = g2 * (1 - c2) + 0.5 * c2;
+    let s2 = 0;
+    if (l2 > 0 && l2 < 0.5) {
+      s2 = c2 / (2 * l2);
+    } else if (l2 >= 0.5 && l2 < 1) {
+      s2 = c2 / (2 * (1 - l2));
+    }
+    return [hcg[0], s2 * 100, l2 * 100];
+  };
+  convert$2.hcg.hwb = function(hcg) {
+    const c2 = hcg[1] / 100;
+    const g2 = hcg[2] / 100;
+    const v2 = c2 + g2 * (1 - c2);
+    return [hcg[0], (v2 - c2) * 100, (1 - v2) * 100];
+  };
+  convert$2.hwb.hcg = function(hwb) {
+    const w2 = hwb[1] / 100;
+    const b3 = hwb[2] / 100;
+    const v2 = 1 - b3;
+    const c2 = v2 - w2;
+    let g2 = 0;
+    if (c2 < 1) {
+      g2 = (v2 - c2) / (1 - c2);
+    }
+    return [hwb[0], c2 * 100, g2 * 100];
+  };
+  convert$2.apple.rgb = function(apple) {
+    return [apple[0] / 65535 * 255, apple[1] / 65535 * 255, apple[2] / 65535 * 255];
+  };
+  convert$2.rgb.apple = function(rgb2) {
+    return [rgb2[0] / 255 * 65535, rgb2[1] / 255 * 65535, rgb2[2] / 255 * 65535];
+  };
+  convert$2.gray.rgb = function(args) {
+    return [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255];
+  };
+  convert$2.gray.hsl = function(args) {
+    return [0, 0, args[0]];
+  };
+  convert$2.gray.hsv = convert$2.gray.hsl;
+  convert$2.gray.hwb = function(gray) {
+    return [0, 100, gray[0]];
+  };
+  convert$2.gray.cmyk = function(gray) {
+    return [0, 0, 0, gray[0]];
+  };
+  convert$2.gray.lab = function(gray) {
+    return [gray[0], 0, 0];
+  };
+  convert$2.gray.hex = function(gray) {
+    const value = Math.round(gray[0] / 100 * 255) & 255;
+    const integer = (value << 16) + (value << 8) + value;
+    const string2 = integer.toString(16).toUpperCase();
+    return "000000".slice(string2.length) + string2;
+  };
+  convert$2.rgb.gray = function(rgb2) {
+    const value = (rgb2[0] + rgb2[1] + rgb2[2]) / 3;
+    return [value / 255 * 100];
+  };
+  function buildGraph() {
+    const graph = {};
+    const models2 = Object.keys(convert$2);
+    for (let { length } = models2, i2 = 0; i2 < length; i2++) {
+      graph[models2[i2]] = {
+        // http://jsperf.com/1-vs-infinity
+        // micro-opt, but this is simple.
+        distance: -1,
+        parent: null
+      };
+    }
+    return graph;
+  }
+  __name(buildGraph, "buildGraph");
+  function deriveBFS(fromModel) {
+    const graph = buildGraph();
+    const queue = [fromModel];
+    graph[fromModel].distance = 0;
+    while (queue.length > 0) {
+      const current = queue.pop();
+      const adjacents = Object.keys(convert$2[current]);
+      for (let { length } = adjacents, i2 = 0; i2 < length; i2++) {
+        const adjacent = adjacents[i2];
+        const node2 = graph[adjacent];
+        if (node2.distance === -1) {
+          node2.distance = graph[current].distance + 1;
+          node2.parent = current;
+          queue.unshift(adjacent);
+        }
+      }
+    }
+    return graph;
+  }
+  __name(deriveBFS, "deriveBFS");
+  function link$2(from, to) {
+    return function(args) {
+      return to(from(args));
+    };
+  }
+  __name(link$2, "link$2");
+  function wrapConversion(toModel, graph) {
+    const path2 = [graph[toModel].parent, toModel];
+    let fn2 = convert$2[graph[toModel].parent][toModel];
+    let cur = graph[toModel].parent;
+    while (graph[cur].parent) {
+      path2.unshift(graph[cur].parent);
+      fn2 = link$2(convert$2[graph[cur].parent][cur], fn2);
+      cur = graph[cur].parent;
+    }
+    fn2.conversion = path2;
+    return fn2;
+  }
+  __name(wrapConversion, "wrapConversion");
+  function route(fromModel) {
+    const graph = deriveBFS(fromModel);
+    const conversion = {};
+    const models2 = Object.keys(graph);
+    for (let { length } = models2, i2 = 0; i2 < length; i2++) {
+      const toModel = models2[i2];
+      const node2 = graph[toModel];
+      if (node2.parent === null) {
+        continue;
+      }
+      conversion[toModel] = wrapConversion(toModel, graph);
+    }
+    return conversion;
+  }
+  __name(route, "route");
+  const convert$1 = {};
+  const models = Object.keys(convert$2);
+  function wrapRaw(fn2) {
+    const wrappedFn = /* @__PURE__ */ __name(function(...args) {
+      const arg0 = args[0];
+      if (arg0 === void 0 || arg0 === null) {
+        return arg0;
       }
-      if (model && model in skippedModels) {
-        model = null;
+      if (arg0.length > 1) {
+        args = arg0;
       }
-      if (model && !(model in convert2)) {
-        throw new Error("Unknown model: " + model);
+      return fn2(args);
+    }, "wrappedFn");
+    if ("conversion" in fn2) {
+      wrappedFn.conversion = fn2.conversion;
+    }
+    return wrappedFn;
+  }
+  __name(wrapRaw, "wrapRaw");
+  function wrapRounded(fn2) {
+    const wrappedFn = /* @__PURE__ */ __name(function(...args) {
+      const arg0 = args[0];
+      if (arg0 === void 0 || arg0 === null) {
+        return arg0;
       }
-      var i2;
-      var channels;
-      if (obj == null) {
-        this.model = "rgb";
-        this.color = [0, 0, 0];
-        this.valpha = 1;
-      } else if (obj instanceof Color2) {
-        this.model = obj.model;
-        this.color = obj.color.slice();
-        this.valpha = obj.valpha;
-      } else if (typeof obj === "string") {
-        var result = colorString2.get(obj);
-        if (result === null) {
-          throw new Error("Unable to parse color from string: " + obj);
-        }
-        this.model = result.model;
-        channels = convert2[this.model].channels;
-        this.color = result.value.slice(0, channels);
-        this.valpha = typeof result.value[channels] === "number" ? result.value[channels] : 1;
-      } else if (obj.length) {
-        this.model = model || "rgb";
-        channels = convert2[this.model].channels;
-        var newArr = _slice.call(obj, 0, channels);
-        this.color = zeroArray(newArr, channels);
-        this.valpha = typeof obj[channels] === "number" ? obj[channels] : 1;
-      } else if (typeof obj === "number") {
-        obj &= 16777215;
-        this.model = "rgb";
-        this.color = [
-          obj >> 16 & 255,
-          obj >> 8 & 255,
-          obj & 255
-        ];
-        this.valpha = 1;
-      } else {
-        this.valpha = 1;
-        var keys2 = Object.keys(obj);
-        if ("alpha" in obj) {
-          keys2.splice(keys2.indexOf("alpha"), 1);
-          this.valpha = typeof obj.alpha === "number" ? obj.alpha : 0;
-        }
-        var hashedKeys = keys2.sort().join("");
-        if (!(hashedKeys in hashedModelKeys)) {
-          throw new Error("Unable to parse color from object: " + JSON.stringify(obj));
-        }
-        this.model = hashedModelKeys[hashedKeys];
-        var labels = convert2[this.model].labels;
-        var color2 = [];
-        for (i2 = 0; i2 < labels.length; i2++) {
-          color2.push(obj[labels[i2]]);
-        }
-        this.color = zeroArray(color2);
-      }
-      if (limiters[this.model]) {
-        channels = convert2[this.model].channels;
-        for (i2 = 0; i2 < channels; i2++) {
-          var limit = limiters[this.model][i2];
-          if (limit) {
-            this.color[i2] = limit(this.color[i2]);
-          }
-        }
-      }
-      this.valpha = Math.max(0, Math.min(1, this.valpha));
-      if (Object.freeze) {
-        Object.freeze(this);
-      }
-    }
-    __name(Color2, "Color");
-    Color2.prototype = {
-      toString: /* @__PURE__ */ __name(function() {
-        return this.string();
-      }, "toString"),
-      toJSON: /* @__PURE__ */ __name(function() {
-        return this[this.model]();
-      }, "toJSON"),
-      string: /* @__PURE__ */ __name(function(places) {
-        var self2 = this.model in colorString2.to ? this : this.rgb();
-        self2 = self2.round(typeof places === "number" ? places : 1);
-        var args = self2.valpha === 1 ? self2.color : self2.color.concat(this.valpha);
-        return colorString2.to[self2.model](args);
-      }, "string"),
-      percentString: /* @__PURE__ */ __name(function(places) {
-        var self2 = this.rgb().round(typeof places === "number" ? places : 1);
-        var args = self2.valpha === 1 ? self2.color : self2.color.concat(this.valpha);
-        return colorString2.to.rgb.percent(args);
-      }, "percentString"),
-      array: /* @__PURE__ */ __name(function() {
-        return this.valpha === 1 ? this.color.slice() : this.color.concat(this.valpha);
-      }, "array"),
-      object: /* @__PURE__ */ __name(function() {
-        var result = {};
-        var channels = convert2[this.model].channels;
-        var labels = convert2[this.model].labels;
-        for (var i2 = 0; i2 < channels; i2++) {
-          result[labels[i2]] = this.color[i2];
-        }
-        if (this.valpha !== 1) {
-          result.alpha = this.valpha;
-        }
-        return result;
-      }, "object"),
-      unitArray: /* @__PURE__ */ __name(function() {
-        var rgb2 = this.rgb().color;
-        rgb2[0] /= 255;
-        rgb2[1] /= 255;
-        rgb2[2] /= 255;
-        if (this.valpha !== 1) {
-          rgb2.push(this.valpha);
-        }
-        return rgb2;
-      }, "unitArray"),
-      unitObject: /* @__PURE__ */ __name(function() {
-        var rgb2 = this.rgb().object();
-        rgb2.r /= 255;
-        rgb2.g /= 255;
-        rgb2.b /= 255;
-        if (this.valpha !== 1) {
-          rgb2.alpha = this.valpha;
-        }
-        return rgb2;
-      }, "unitObject"),
-      round: /* @__PURE__ */ __name(function(places) {
-        places = Math.max(places || 0, 0);
-        return new Color2(this.color.map(roundToPlace(places)).concat(this.valpha), this.model);
-      }, "round"),
-      alpha: /* @__PURE__ */ __name(function(val2) {
-        if (arguments.length) {
-          return new Color2(this.color.concat(Math.max(0, Math.min(1, val2))), this.model);
-        }
-        return this.valpha;
-      }, "alpha"),
-      // rgb
-      red: getset("rgb", 0, maxfn(255)),
-      green: getset("rgb", 1, maxfn(255)),
-      blue: getset("rgb", 2, maxfn(255)),
-      hue: getset(["hsl", "hsv", "hsl", "hwb", "hcg"], 0, function(val2) {
-        return (val2 % 360 + 360) % 360;
-      }),
-      // eslint-disable-line brace-style
-      saturationl: getset("hsl", 1, maxfn(100)),
-      lightness: getset("hsl", 2, maxfn(100)),
-      saturationv: getset("hsv", 1, maxfn(100)),
-      value: getset("hsv", 2, maxfn(100)),
-      chroma: getset("hcg", 1, maxfn(100)),
-      gray: getset("hcg", 2, maxfn(100)),
-      white: getset("hwb", 1, maxfn(100)),
-      wblack: getset("hwb", 2, maxfn(100)),
-      cyan: getset("cmyk", 0, maxfn(100)),
-      magenta: getset("cmyk", 1, maxfn(100)),
-      yellow: getset("cmyk", 2, maxfn(100)),
-      black: getset("cmyk", 3, maxfn(100)),
-      x: getset("xyz", 0, maxfn(100)),
-      y: getset("xyz", 1, maxfn(100)),
-      z: getset("xyz", 2, maxfn(100)),
-      l: getset("lab", 0, maxfn(100)),
-      a: getset("lab", 1),
-      b: getset("lab", 2),
-      keyword: /* @__PURE__ */ __name(function(val2) {
-        if (arguments.length) {
-          return new Color2(val2);
-        }
-        return convert2[this.model].keyword(this.color);
-      }, "keyword"),
-      hex: /* @__PURE__ */ __name(function(val2) {
-        if (arguments.length) {
-          return new Color2(val2);
-        }
-        return colorString2.to.hex(this.rgb().round().color);
-      }, "hex"),
-      rgbNumber: /* @__PURE__ */ __name(function() {
-        var rgb2 = this.rgb().color;
-        return (rgb2[0] & 255) << 16 | (rgb2[1] & 255) << 8 | rgb2[2] & 255;
-      }, "rgbNumber"),
-      luminosity: /* @__PURE__ */ __name(function() {
-        var rgb2 = this.rgb().color;
-        var lum = [];
-        for (var i2 = 0; i2 < rgb2.length; i2++) {
-          var chan = rgb2[i2] / 255;
-          lum[i2] = chan <= 0.03928 ? chan / 12.92 : Math.pow((chan + 0.055) / 1.055, 2.4);
-        }
-        return 0.2126 * lum[0] + 0.7152 * lum[1] + 0.0722 * lum[2];
-      }, "luminosity"),
-      contrast: /* @__PURE__ */ __name(function(color2) {
-        var lum1 = this.luminosity();
-        var lum2 = color2.luminosity();
-        if (lum1 > lum2) {
-          return (lum1 + 0.05) / (lum2 + 0.05);
-        }
-        return (lum2 + 0.05) / (lum1 + 0.05);
-      }, "contrast"),
-      level: /* @__PURE__ */ __name(function(color2) {
-        var contrastRatio = this.contrast(color2);
-        if (contrastRatio >= 7.1) {
-          return "AAA";
-        }
-        return contrastRatio >= 4.5 ? "AA" : "";
-      }, "level"),
-      isDark: /* @__PURE__ */ __name(function() {
-        var rgb2 = this.rgb().color;
-        var yiq = (rgb2[0] * 299 + rgb2[1] * 587 + rgb2[2] * 114) / 1e3;
-        return yiq < 128;
-      }, "isDark"),
-      isLight: /* @__PURE__ */ __name(function() {
-        return !this.isDark();
-      }, "isLight"),
-      negate: /* @__PURE__ */ __name(function() {
-        var rgb2 = this.rgb();
-        for (var i2 = 0; i2 < 3; i2++) {
-          rgb2.color[i2] = 255 - rgb2.color[i2];
-        }
-        return rgb2;
-      }, "negate"),
-      lighten: /* @__PURE__ */ __name(function(ratio) {
-        var hsl2 = this.hsl();
-        hsl2.color[2] += hsl2.color[2] * ratio;
-        return hsl2;
-      }, "lighten"),
-      darken: /* @__PURE__ */ __name(function(ratio) {
-        var hsl2 = this.hsl();
-        hsl2.color[2] -= hsl2.color[2] * ratio;
-        return hsl2;
-      }, "darken"),
-      saturate: /* @__PURE__ */ __name(function(ratio) {
-        var hsl2 = this.hsl();
-        hsl2.color[1] += hsl2.color[1] * ratio;
-        return hsl2;
-      }, "saturate"),
-      desaturate: /* @__PURE__ */ __name(function(ratio) {
-        var hsl2 = this.hsl();
-        hsl2.color[1] -= hsl2.color[1] * ratio;
-        return hsl2;
-      }, "desaturate"),
-      whiten: /* @__PURE__ */ __name(function(ratio) {
-        var hwb = this.hwb();
-        hwb.color[1] += hwb.color[1] * ratio;
-        return hwb;
-      }, "whiten"),
-      blacken: /* @__PURE__ */ __name(function(ratio) {
-        var hwb = this.hwb();
-        hwb.color[2] += hwb.color[2] * ratio;
-        return hwb;
-      }, "blacken"),
-      grayscale: /* @__PURE__ */ __name(function() {
-        var rgb2 = this.rgb().color;
-        var val2 = rgb2[0] * 0.3 + rgb2[1] * 0.59 + rgb2[2] * 0.11;
-        return Color2.rgb(val2, val2, val2);
-      }, "grayscale"),
-      fade: /* @__PURE__ */ __name(function(ratio) {
-        return this.alpha(this.valpha - this.valpha * ratio);
-      }, "fade"),
-      opaquer: /* @__PURE__ */ __name(function(ratio) {
-        return this.alpha(this.valpha + this.valpha * ratio);
-      }, "opaquer"),
-      rotate: /* @__PURE__ */ __name(function(degrees) {
-        var hsl2 = this.hsl();
-        var hue = hsl2.color[0];
-        hue = (hue + degrees) % 360;
-        hue = hue < 0 ? 360 + hue : hue;
-        hsl2.color[0] = hue;
-        return hsl2;
-      }, "rotate"),
-      mix: /* @__PURE__ */ __name(function(mixinColor, weight) {
-        if (!mixinColor || !mixinColor.rgb) {
-          throw new Error('Argument to "mix" was not a Color instance, but rather an instance of ' + typeof mixinColor);
-        }
-        var color1 = mixinColor.rgb();
-        var color2 = this.rgb();
-        var p2 = weight === void 0 ? 0.5 : weight;
-        var w2 = 2 * p2 - 1;
-        var a2 = color1.alpha() - color2.alpha();
-        var w1 = ((w2 * a2 === -1 ? w2 : (w2 + a2) / (1 + w2 * a2)) + 1) / 2;
-        var w22 = 1 - w1;
-        return Color2.rgb(
-          w1 * color1.red() + w22 * color2.red(),
-          w1 * color1.green() + w22 * color2.green(),
-          w1 * color1.blue() + w22 * color2.blue(),
-          color1.alpha() * p2 + color2.alpha() * (1 - p2)
-        );
-      }, "mix")
-    };
-    Object.keys(convert2).forEach(function(model) {
-      if (skippedModels.indexOf(model) !== -1) {
-        return;
+      if (arg0.length > 1) {
+        args = arg0;
       }
-      var channels = convert2[model].channels;
-      Color2.prototype[model] = function() {
-        if (this.model === model) {
-          return new Color2(this);
-        }
-        if (arguments.length) {
-          return new Color2(arguments, model);
-        }
-        var newAlpha = typeof arguments[channels] === "number" ? channels : this.valpha;
-        return new Color2(assertArray(convert2[this.model][model].raw(this.color)).concat(newAlpha), model);
-      };
-      Color2[model] = function(color2) {
-        if (typeof color2 === "number") {
-          color2 = zeroArray(_slice.call(arguments), channels);
+      const result = fn2(args);
+      if (typeof result === "object") {
+        for (let { length } = result, i2 = 0; i2 < length; i2++) {
+          result[i2] = Math.round(result[i2]);
         }
-        return new Color2(color2, model);
-      };
-    });
-    function roundTo(num, places) {
-      return Number(num.toFixed(places));
+      }
+      return result;
+    }, "wrappedFn");
+    if ("conversion" in fn2) {
+      wrappedFn.conversion = fn2.conversion;
+    }
+    return wrappedFn;
+  }
+  __name(wrapRounded, "wrapRounded");
+  for (const fromModel of models) {
+    convert$1[fromModel] = {};
+    Object.defineProperty(convert$1[fromModel], "channels", { value: convert$2[fromModel].channels });
+    Object.defineProperty(convert$1[fromModel], "labels", { value: convert$2[fromModel].labels });
+    const routes = route(fromModel);
+    const routeModels = Object.keys(routes);
+    for (const toModel of routeModels) {
+      const fn2 = routes[toModel];
+      convert$1[fromModel][toModel] = wrapRounded(fn2);
+      convert$1[fromModel][toModel].raw = wrapRaw(fn2);
+    }
+  }
+  const skippedModels = [
+    // To be honest, I don't really feel like keyword belongs in color convert, but eh.
+    "keyword",
+    // Gray conflicts with some method names, and has its own method defined.
+    "gray",
+    // Shouldn't really be in color-convert either...
+    "hex"
+  ];
+  const hashedModelKeys = {};
+  for (const model of Object.keys(convert$1)) {
+    hashedModelKeys[[...convert$1[model].labels].sort().join("")] = model;
+  }
+  const limiters = {};
+  function Color(object2, model) {
+    if (!(this instanceof Color)) {
+      return new Color(object2, model);
     }
-    __name(roundTo, "roundTo");
-    function roundToPlace(places) {
-      return function(num) {
-        return roundTo(num, places);
-      };
+    if (model && model in skippedModels) {
+      model = null;
     }
-    __name(roundToPlace, "roundToPlace");
-    function getset(model, channel, modifier) {
-      model = Array.isArray(model) ? model : [model];
-      model.forEach(function(m2) {
-        (limiters[m2] || (limiters[m2] = []))[channel] = modifier;
-      });
-      model = model[0];
-      return function(val2) {
-        var result;
-        if (arguments.length) {
-          if (modifier) {
-            val2 = modifier(val2);
-          }
-          result = this[model]();
-          result.color[channel] = val2;
-          return result;
-        }
-        result = this[model]().color[channel];
-        if (modifier) {
-          result = modifier(result);
+    if (model && !(model in convert$1)) {
+      throw new Error("Unknown model: " + model);
+    }
+    let i2;
+    let channels;
+    if (object2 == null) {
+      this.model = "rgb";
+      this.color = [0, 0, 0];
+      this.valpha = 1;
+    } else if (object2 instanceof Color) {
+      this.model = object2.model;
+      this.color = [...object2.color];
+      this.valpha = object2.valpha;
+    } else if (typeof object2 === "string") {
+      const result = cs.get(object2);
+      if (result === null) {
+        throw new Error("Unable to parse color from string: " + object2);
+      }
+      this.model = result.model;
+      channels = convert$1[this.model].channels;
+      this.color = result.value.slice(0, channels);
+      this.valpha = typeof result.value[channels] === "number" ? result.value[channels] : 1;
+    } else if (object2.length > 0) {
+      this.model = model || "rgb";
+      channels = convert$1[this.model].channels;
+      const newArray = Array.prototype.slice.call(object2, 0, channels);
+      this.color = zeroArray(newArray, channels);
+      this.valpha = typeof object2[channels] === "number" ? object2[channels] : 1;
+    } else if (typeof object2 === "number") {
+      this.model = "rgb";
+      this.color = [
+        object2 >> 16 & 255,
+        object2 >> 8 & 255,
+        object2 & 255
+      ];
+      this.valpha = 1;
+    } else {
+      this.valpha = 1;
+      const keys2 = Object.keys(object2);
+      if ("alpha" in object2) {
+        keys2.splice(keys2.indexOf("alpha"), 1);
+        this.valpha = typeof object2.alpha === "number" ? object2.alpha : 0;
+      }
+      const hashedKeys = keys2.sort().join("");
+      if (!(hashedKeys in hashedModelKeys)) {
+        throw new Error("Unable to parse color from object: " + JSON.stringify(object2));
+      }
+      this.model = hashedModelKeys[hashedKeys];
+      const { labels } = convert$1[this.model];
+      const color2 = [];
+      for (i2 = 0; i2 < labels.length; i2++) {
+        color2.push(object2[labels[i2]]);
+      }
+      this.color = zeroArray(color2);
+    }
+    if (limiters[this.model]) {
+      channels = convert$1[this.model].channels;
+      for (i2 = 0; i2 < channels; i2++) {
+        const limit = limiters[this.model][i2];
+        if (limit) {
+          this.color[i2] = limit(this.color[i2]);
         }
-        return result;
-      };
+      }
     }
-    __name(getset, "getset");
-    function maxfn(max2) {
-      return function(v2) {
-        return Math.max(0, Math.min(max2, v2));
-      };
+    this.valpha = Math.max(0, Math.min(1, this.valpha));
+    if (Object.freeze) {
+      Object.freeze(this);
     }
-    __name(maxfn, "maxfn");
-    function assertArray(val2) {
-      return Array.isArray(val2) ? val2 : [val2];
+  }
+  __name(Color, "Color");
+  Color.prototype = {
+    toString() {
+      return this.string();
+    },
+    toJSON() {
+      return this[this.model]();
+    },
+    string(places) {
+      let self2 = this.model in cs.to ? this : this.rgb();
+      self2 = self2.round(typeof places === "number" ? places : 1);
+      const arguments_ = self2.valpha === 1 ? self2.color : [...self2.color, this.valpha];
+      return cs.to[self2.model](...arguments_);
+    },
+    percentString(places) {
+      const self2 = this.rgb().round(typeof places === "number" ? places : 1);
+      const arguments_ = self2.valpha === 1 ? self2.color : [...self2.color, this.valpha];
+      return cs.to.rgb.percent(...arguments_);
+    },
+    array() {
+      return this.valpha === 1 ? [...this.color] : [...this.color, this.valpha];
+    },
+    object() {
+      const result = {};
+      const { channels } = convert$1[this.model];
+      const { labels } = convert$1[this.model];
+      for (let i2 = 0; i2 < channels; i2++) {
+        result[labels[i2]] = this.color[i2];
+      }
+      if (this.valpha !== 1) {
+        result.alpha = this.valpha;
+      }
+      return result;
+    },
+    unitArray() {
+      const rgb2 = this.rgb().color;
+      rgb2[0] /= 255;
+      rgb2[1] /= 255;
+      rgb2[2] /= 255;
+      if (this.valpha !== 1) {
+        rgb2.push(this.valpha);
+      }
+      return rgb2;
+    },
+    unitObject() {
+      const rgb2 = this.rgb().object();
+      rgb2.r /= 255;
+      rgb2.g /= 255;
+      rgb2.b /= 255;
+      if (this.valpha !== 1) {
+        rgb2.alpha = this.valpha;
+      }
+      return rgb2;
+    },
+    round(places) {
+      places = Math.max(places || 0, 0);
+      return new Color([...this.color.map(roundToPlace(places)), this.valpha], this.model);
+    },
+    alpha(value) {
+      if (value !== void 0) {
+        return new Color([...this.color, Math.max(0, Math.min(1, value))], this.model);
+      }
+      return this.valpha;
+    },
+    // Rgb
+    red: getset("rgb", 0, maxfn(255)),
+    green: getset("rgb", 1, maxfn(255)),
+    blue: getset("rgb", 2, maxfn(255)),
+    hue: getset(["hsl", "hsv", "hsl", "hwb", "hcg"], 0, (value) => (value % 360 + 360) % 360),
+    saturationl: getset("hsl", 1, maxfn(100)),
+    lightness: getset("hsl", 2, maxfn(100)),
+    saturationv: getset("hsv", 1, maxfn(100)),
+    value: getset("hsv", 2, maxfn(100)),
+    chroma: getset("hcg", 1, maxfn(100)),
+    gray: getset("hcg", 2, maxfn(100)),
+    white: getset("hwb", 1, maxfn(100)),
+    wblack: getset("hwb", 2, maxfn(100)),
+    cyan: getset("cmyk", 0, maxfn(100)),
+    magenta: getset("cmyk", 1, maxfn(100)),
+    yellow: getset("cmyk", 2, maxfn(100)),
+    black: getset("cmyk", 3, maxfn(100)),
+    x: getset("xyz", 0, maxfn(95.047)),
+    y: getset("xyz", 1, maxfn(100)),
+    z: getset("xyz", 2, maxfn(108.833)),
+    l: getset("lab", 0, maxfn(100)),
+    a: getset("lab", 1),
+    b: getset("lab", 2),
+    keyword(value) {
+      if (value !== void 0) {
+        return new Color(value);
+      }
+      return convert$1[this.model].keyword(this.color);
+    },
+    hex(value) {
+      if (value !== void 0) {
+        return new Color(value);
+      }
+      return cs.to.hex(...this.rgb().round().color);
+    },
+    hexa(value) {
+      if (value !== void 0) {
+        return new Color(value);
+      }
+      const rgbArray = this.rgb().round().color;
+      let alphaHex = Math.round(this.valpha * 255).toString(16).toUpperCase();
+      if (alphaHex.length === 1) {
+        alphaHex = "0" + alphaHex;
+      }
+      return cs.to.hex(...rgbArray) + alphaHex;
+    },
+    rgbNumber() {
+      const rgb2 = this.rgb().color;
+      return (rgb2[0] & 255) << 16 | (rgb2[1] & 255) << 8 | rgb2[2] & 255;
+    },
+    luminosity() {
+      const rgb2 = this.rgb().color;
+      const lum = [];
+      for (const [i2, element2] of rgb2.entries()) {
+        const chan = element2 / 255;
+        lum[i2] = chan <= 0.04045 ? chan / 12.92 : __pow((chan + 0.055) / 1.055, 2.4);
+      }
+      return 0.2126 * lum[0] + 0.7152 * lum[1] + 0.0722 * lum[2];
+    },
+    contrast(color2) {
+      const lum1 = this.luminosity();
+      const lum2 = color2.luminosity();
+      if (lum1 > lum2) {
+        return (lum1 + 0.05) / (lum2 + 0.05);
+      }
+      return (lum2 + 0.05) / (lum1 + 0.05);
+    },
+    level(color2) {
+      const contrastRatio = this.contrast(color2);
+      if (contrastRatio >= 7) {
+        return "AAA";
+      }
+      return contrastRatio >= 4.5 ? "AA" : "";
+    },
+    isDark() {
+      const rgb2 = this.rgb().color;
+      const yiq = (rgb2[0] * 2126 + rgb2[1] * 7152 + rgb2[2] * 722) / 1e4;
+      return yiq < 128;
+    },
+    isLight() {
+      return !this.isDark();
+    },
+    negate() {
+      const rgb2 = this.rgb();
+      for (let i2 = 0; i2 < 3; i2++) {
+        rgb2.color[i2] = 255 - rgb2.color[i2];
+      }
+      return rgb2;
+    },
+    lighten(ratio) {
+      const hsl2 = this.hsl();
+      hsl2.color[2] += hsl2.color[2] * ratio;
+      return hsl2;
+    },
+    darken(ratio) {
+      const hsl2 = this.hsl();
+      hsl2.color[2] -= hsl2.color[2] * ratio;
+      return hsl2;
+    },
+    saturate(ratio) {
+      const hsl2 = this.hsl();
+      hsl2.color[1] += hsl2.color[1] * ratio;
+      return hsl2;
+    },
+    desaturate(ratio) {
+      const hsl2 = this.hsl();
+      hsl2.color[1] -= hsl2.color[1] * ratio;
+      return hsl2;
+    },
+    whiten(ratio) {
+      const hwb = this.hwb();
+      hwb.color[1] += hwb.color[1] * ratio;
+      return hwb;
+    },
+    blacken(ratio) {
+      const hwb = this.hwb();
+      hwb.color[2] += hwb.color[2] * ratio;
+      return hwb;
+    },
+    grayscale() {
+      const rgb2 = this.rgb().color;
+      const value = rgb2[0] * 0.3 + rgb2[1] * 0.59 + rgb2[2] * 0.11;
+      return Color.rgb(value, value, value);
+    },
+    fade(ratio) {
+      return this.alpha(this.valpha - this.valpha * ratio);
+    },
+    opaquer(ratio) {
+      return this.alpha(this.valpha + this.valpha * ratio);
+    },
+    rotate(degrees) {
+      const hsl2 = this.hsl();
+      let hue = hsl2.color[0];
+      hue = (hue + degrees) % 360;
+      hue = hue < 0 ? 360 + hue : hue;
+      hsl2.color[0] = hue;
+      return hsl2;
+    },
+    mix(mixinColor, weight) {
+      if (!mixinColor || !mixinColor.rgb) {
+        throw new Error('Argument to "mix" was not a Color instance, but rather an instance of ' + typeof mixinColor);
+      }
+      const color1 = mixinColor.rgb();
+      const color2 = this.rgb();
+      const p2 = weight === void 0 ? 0.5 : weight;
+      const w2 = 2 * p2 - 1;
+      const a2 = color1.alpha() - color2.alpha();
+      const w1 = ((w2 * a2 === -1 ? w2 : (w2 + a2) / (1 + w2 * a2)) + 1) / 2;
+      const w22 = 1 - w1;
+      return Color.rgb(
+        w1 * color1.red() + w22 * color2.red(),
+        w1 * color1.green() + w22 * color2.green(),
+        w1 * color1.blue() + w22 * color2.blue(),
+        color1.alpha() * p2 + color2.alpha() * (1 - p2)
+      );
     }
-    __name(assertArray, "assertArray");
-    function zeroArray(arr, length) {
-      for (var i2 = 0; i2 < length; i2++) {
-        if (typeof arr[i2] !== "number") {
-          arr[i2] = 0;
+  };
+  for (const model of Object.keys(convert$1)) {
+    if (skippedModels.includes(model)) {
+      continue;
+    }
+    const { channels } = convert$1[model];
+    Color.prototype[model] = function(...arguments_) {
+      if (this.model === model) {
+        return new Color(this);
+      }
+      if (arguments_.length > 0) {
+        return new Color(arguments_, model);
+      }
+      return new Color([...assertArray(convert$1[this.model][model].raw(this.color)), this.valpha], model);
+    };
+    Color[model] = function(...arguments_) {
+      let color2 = arguments_[0];
+      if (typeof color2 === "number") {
+        color2 = zeroArray(arguments_, channels);
+      }
+      return new Color(color2, model);
+    };
+  }
+  function roundTo(number2, places) {
+    return Number(number2.toFixed(places));
+  }
+  __name(roundTo, "roundTo");
+  function roundToPlace(places) {
+    return function(number2) {
+      return roundTo(number2, places);
+    };
+  }
+  __name(roundToPlace, "roundToPlace");
+  function getset(model, channel, modifier) {
+    model = Array.isArray(model) ? model : [model];
+    for (const m2 of model) {
+      (limiters[m2] || (limiters[m2] = []))[channel] = modifier;
+    }
+    model = model[0];
+    return function(value) {
+      let result;
+      if (value !== void 0) {
+        if (modifier) {
+          value = modifier(value);
         }
+        result = this[model]();
+        result.color[channel] = value;
+        return result;
+      }
+      result = this[model]().color[channel];
+      if (modifier) {
+        result = modifier(result);
+      }
+      return result;
+    };
+  }
+  __name(getset, "getset");
+  function maxfn(max2) {
+    return function(v2) {
+      return Math.max(0, Math.min(max2, v2));
+    };
+  }
+  __name(maxfn, "maxfn");
+  function assertArray(value) {
+    return Array.isArray(value) ? value : [value];
+  }
+  __name(assertArray, "assertArray");
+  function zeroArray(array, length) {
+    for (let i2 = 0; i2 < length; i2++) {
+      if (typeof array[i2] !== "number") {
+        array[i2] = 0;
       }
-      return arr;
     }
-    __name(zeroArray, "zeroArray");
-    color$3 = Color2;
-    return color$3;
+    return array;
   }
-  __name(requireColor, "requireColor");
-  var colorExports = requireColor();
-  const Color = /* @__PURE__ */ getDefaultExportFromCjs(colorExports);
+  __name(zeroArray, "zeroArray");
   function determineBlackOrWhiteTextColor(c2) {
     try {
       return Color(c2).isLight() ? "#000000" : "#FFFFFF";
@@ -69072,10 +68870,10 @@ ${latestSubscriptionCallbackError.current.stack}
       effects.enter("chunkString", {
         contentType: "string"
       });
-      return meta(code2);
+      return meta2(code2);
     }
     __name(metaBefore, "metaBefore");
-    function meta(code2) {
+    function meta2(code2) {
       if (code2 === null || markdownLineEnding(code2)) {
         effects.exit("chunkString");
         effects.exit("codeFencedFenceMeta");
@@ -69085,9 +68883,9 @@ ${latestSubscriptionCallbackError.current.stack}
         return nok(code2);
       }
       effects.consume(code2);
-      return meta;
+      return meta2;
     }
-    __name(meta, "meta");
+    __name(meta2, "meta");
     function atNonLazyBreak(code2) {
       return effects.attempt(closeStart, after, contentBefore)(code2);
     }
@@ -85004,6 +84802,34 @@ ${latestSubscriptionCallbackError.current.stack}
       $mobx
     });
   }
+  const keyCount = {};
+  const timeout = {};
+  const isBeingCalledExcessively = /* @__PURE__ */ __name(({
+    uniqName
+  }) => {
+    if (process.env["NODE_ENV"] !== "development") {
+      return;
+    }
+    if (!uniqName) {
+      throw new Error("uniqName is required");
+    }
+    keyCount[uniqName] = keyCount[uniqName] || 0;
+    keyCount[uniqName]++;
+    if (!timeout[uniqName]) {
+      timeout[uniqName] = setTimeout(() => {
+        keyCount[uniqName] = 0;
+        timeout[uniqName] = null;
+      }, 2e3);
+    }
+    if (keyCount[uniqName] > 20) {
+      keyCount[uniqName] = 0;
+      if (timeout[uniqName]) {
+        clearTimeout(timeout[uniqName]);
+        timeout[uniqName] = null;
+      }
+      throw new Error(`isBeingCalledExcessively: ${uniqName}`);
+    }
+  }, "isBeingCalledExcessively");
   T$1();
   const IS_LINUX = window.navigator.platform.toLowerCase().search("linux") > -1;
   const itemSizeEstimators = {
@@ -85352,6 +85178,7 @@ ${latestSubscriptionCallbackError.current.stack}
     const entities = useDeepEqualMemo(_entities);
     const entitiesAcrossPages = useDeepEqualMemo(_entitiesAcrossPages);
     reactExports.useEffect(() => {
+      !noExcessiveCheck && isBeingCalledExcessively({ uniqName: `dt_entities_${formName}` });
       change$12("allOrderedEntities", entitiesAcrossPages);
       if (entities.length === 0 || isEmpty$1(reduxFormSelectedEntityIdMap)) return;
       changeSelectedEntities({
@@ -85374,6 +85201,7 @@ ${latestSubscriptionCallbackError.current.stack}
         } else {
           newTableConfig = getTableConfigFromStorage(formName);
         }
+        !noExcessiveCheck && isBeingCalledExcessively({ uniqName: `dt_setTableConfig_${formName}` });
         setTableConfig((prev) => {
           if (!newTableConfig) {
             newTableConfig = {
@@ -104053,7 +103881,9 @@ ${latestSubscriptionCallbackError.current.stack}
     const combo = typeof def === "string" ? def : def.combo;
     if (useSymbols) {
       let parts2 = combo.replace("++", "+plus").split("+");
-      parts2 = parts2.map((p2) => symbols[p2] || startCase(p2) || p2);
+      parts2 = parts2.map(
+        (p2) => p2 in symbols ? symbols[p2] : startCase(p2) || p2
+      );
       return parts2.join("");
     } else {
       return combo.split("+").map((p2) => startCase(p2) || p2).join(" + ").replace("Meta", isMac ? "Cmd" : "Ctrl").replace("Mod", isMac ? "Cmd" : "Ctrl").replace("Alt", isMac ? "Option" : "Alt");
@@ -104063,7 +103893,7 @@ ${latestSubscriptionCallbackError.current.stack}
   const getHotkeyProps = /* @__PURE__ */ __name((def, id2) => {
     let out;
     if (typeof def === "string") {
-      out = { combo: def };
+      out = { combo: def, label: def };
     } else if (def instanceof Array) {
       out = __spreadValues({ combo: def[0], label: def[1] }, def[2] || {});
     } else {
@@ -104098,15 +103928,18 @@ ${latestSubscriptionCallbackError.current.stack}
         React.cloneElement(children, newProps)
       ) : (
         //if not, then we'll return a div that can be used
-        /* @__PURE__ */ React.createElement("div", __spreadValues({ className: "hotkeyHandler" }, newProps))
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", __spreadValues({ className: "hotkeyHandler" }, newProps))
       );
     };
   }, "withHotkeys");
   const isMac = navigator.userAgent.includes("Mac OS X");
+  const cmd = "⌘";
+  const meta = "⌘";
+  const ctrl = "⌃";
   const symbols = {
-    cmd: "⌘",
-    meta: "⌘",
-    ctrl: "⌃",
+    cmd,
+    meta,
+    ctrl,
     alt: "⌥",
     shift: "⇧",
     esc: "␛",
@@ -104124,9 +103957,9 @@ ${latestSubscriptionCallbackError.current.stack}
     left: "←",
     right: "→",
     up: "↑",
-    down: "↓"
+    down: "↓",
+    mod: isMac ? cmd : ctrl
   };
-  symbols.mod = symbols[isMac ? "meta" : "ctrl"];
   let MenuBar$1 = (_C = class extends React.Component {
     constructor(props) {
       super(props);
@@ -105014,21 +104847,21 @@ ${latestSubscriptionCallbackError.current.stack}
   }
   __name(getCommandHotkeyHandlers, "getCommandHotkeyHandlers");
   const withCommand = /* @__PURE__ */ __name((mappings) => (WrappedComponent) => (_a2) => {
-    var _b2 = _a2, { cmd, cmdOptions = {} } = _b2, props = __objRest(_b2, ["cmd", "cmdOptions"]);
+    var _b2 = _a2, { cmd: cmd2, cmdOptions = {} } = _b2, props = __objRest(_b2, ["cmd", "cmdOptions"]);
     const mappedProps = {};
     Object.keys(mappings).forEach((k2) => {
-      mappedProps[k2] = mappings[k2] === "execute" ? (event) => cmd.execute({ event }) : typeof mappings[k2] === "function" ? mappings[k2](cmd, props) : cmd[mappings[k2]];
+      mappedProps[k2] = mappings[k2] === "execute" ? (event) => cmd2.execute({ event }) : typeof mappings[k2] === "function" ? mappings[k2](cmd2, props) : cmd2[mappings[k2]];
     });
     let out = /* @__PURE__ */ React.createElement(WrappedComponent, __spreadValues(__spreadValues({}, mappedProps), props));
-    const tooltip = cmd.tooltip || typeof cmd.isDisabled === "string" && cmd.isDisabled;
+    const tooltip = cmd2.tooltip || typeof cmd2.isDisabled === "string" && cmd2.isDisabled;
     if (tooltip && !cmdOptions.ignoreTooltip) {
       out = /* @__PURE__ */ React.createElement(Tooltip, { content: tooltip }, out);
     }
-    return cmd.isHidden && !cmdOptions.ignoreHidden ? null : out;
+    return cmd2.isHidden && !cmdOptions.ignoreHidden ? null : out;
   }, "withCommand");
   const CmdCheckbox = withCommand({
     onChange: "execute",
-    label: /* @__PURE__ */ __name((cmd, props) => props.name || props.prefix && /* @__PURE__ */ React.createElement(React.Fragment, null, props.prefix, cmd.name) || cmd.name, "label"),
+    label: /* @__PURE__ */ __name((cmd2, props) => props.name || props.prefix && /* @__PURE__ */ React.createElement(React.Fragment, null, props.prefix, cmd2.name) || cmd2.name, "label"),
     disabled: "isDisabled",
     checked: "isActive"
   })(Checkbox);
@@ -105037,13 +104870,13 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "Div");
   const CmdDiv = withCommand({
     onChange: "execute",
-    children: /* @__PURE__ */ __name((cmd, props) => props.name || props.prefix && /* @__PURE__ */ React.createElement(React.Fragment, null, props.prefix, cmd.name) || cmd.name, "children"),
+    children: /* @__PURE__ */ __name((cmd2, props) => props.name || props.prefix && /* @__PURE__ */ React.createElement(React.Fragment, null, props.prefix, cmd2.name) || cmd2.name, "children"),
     disabled: "isDisabled",
     checked: "isActive"
   })(Div);
   const CmdButton = withCommand({
     onClick: "execute",
-    text: /* @__PURE__ */ __name((cmd) => cmd.isActive === false && cmd.inactiveName || cmd.name, "text"),
+    text: /* @__PURE__ */ __name((cmd2) => cmd2.isActive === false && cmd2.inactiveName || cmd2.name, "text"),
     icon: "icon",
     disabled: "isDisabled"
   })(Button);
@@ -105336,9 +105169,9 @@ ${latestSubscriptionCallbackError.current.stack}
     default: createYourOwnEnzyme
   }, Symbol.toStringTag, { value: "Module" }));
   function createMetaAction(actionName, payloadHelper) {
-    return createAction(actionName, payloadHelper, function(unused, meta) {
-      return __spreadProps(__spreadValues({}, meta), {
-        editorName: meta.editorName
+    return createAction(actionName, payloadHelper, function(unused, meta2) {
+      return __spreadProps(__spreadValues({}, meta2), {
+        editorName: meta2.editorName
       });
     });
   }
@@ -107291,303 +107124,6 @@ ${latestSubscriptionCallbackError.current.stack}
   const getFeatureTypes = /* @__PURE__ */ __name(({ includeHidden } = {}) => filter(getMergedFeatureMap(), (f2) => includeHidden ? true : !f2.isHidden).map(
     (f2) => f2.name
   ), "getFeatureTypes");
-  var lib$6 = { exports: {} };
-  var randomFromSeed;
-  var hasRequiredRandomFromSeed;
-  function requireRandomFromSeed() {
-    if (hasRequiredRandomFromSeed) return randomFromSeed;
-    hasRequiredRandomFromSeed = 1;
-    var seed = 1;
-    function getNextValue() {
-      seed = (seed * 9301 + 49297) % 233280;
-      return seed / 233280;
-    }
-    __name(getNextValue, "getNextValue");
-    function setSeed(_seed_) {
-      seed = _seed_;
-    }
-    __name(setSeed, "setSeed");
-    randomFromSeed = {
-      nextValue: getNextValue,
-      seed: setSeed
-    };
-    return randomFromSeed;
-  }
-  __name(requireRandomFromSeed, "requireRandomFromSeed");
-  var alphabet_1;
-  var hasRequiredAlphabet;
-  function requireAlphabet() {
-    if (hasRequiredAlphabet) return alphabet_1;
-    hasRequiredAlphabet = 1;
-    var randomFromSeed2 = requireRandomFromSeed();
-    var ORIGINAL = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-";
-    var alphabet;
-    var previousSeed;
-    var shuffled;
-    function reset2() {
-      shuffled = false;
-    }
-    __name(reset2, "reset");
-    function setCharacters(_alphabet_) {
-      if (!_alphabet_) {
-        if (alphabet !== ORIGINAL) {
-          alphabet = ORIGINAL;
-          reset2();
-        }
-        return;
-      }
-      if (_alphabet_ === alphabet) {
-        return;
-      }
-      if (_alphabet_.length !== ORIGINAL.length) {
-        throw new Error("Custom alphabet for shortid must be " + ORIGINAL.length + " unique characters. You submitted " + _alphabet_.length + " characters: " + _alphabet_);
-      }
-      var unique2 = _alphabet_.split("").filter(function(item, ind, arr) {
-        return ind !== arr.lastIndexOf(item);
-      });
-      if (unique2.length) {
-        throw new Error("Custom alphabet for shortid must be " + ORIGINAL.length + " unique characters. These characters were not unique: " + unique2.join(", "));
-      }
-      alphabet = _alphabet_;
-      reset2();
-    }
-    __name(setCharacters, "setCharacters");
-    function characters(_alphabet_) {
-      setCharacters(_alphabet_);
-      return alphabet;
-    }
-    __name(characters, "characters");
-    function setSeed(seed) {
-      randomFromSeed2.seed(seed);
-      if (previousSeed !== seed) {
-        reset2();
-        previousSeed = seed;
-      }
-    }
-    __name(setSeed, "setSeed");
-    function shuffle() {
-      if (!alphabet) {
-        setCharacters(ORIGINAL);
-      }
-      var sourceArray = alphabet.split("");
-      var targetArray = [];
-      var r2 = randomFromSeed2.nextValue();
-      var characterIndex;
-      while (sourceArray.length > 0) {
-        r2 = randomFromSeed2.nextValue();
-        characterIndex = Math.floor(r2 * sourceArray.length);
-        targetArray.push(sourceArray.splice(characterIndex, 1)[0]);
-      }
-      return targetArray.join("");
-    }
-    __name(shuffle, "shuffle");
-    function getShuffled() {
-      if (shuffled) {
-        return shuffled;
-      }
-      shuffled = shuffle();
-      return shuffled;
-    }
-    __name(getShuffled, "getShuffled");
-    function lookup2(index2) {
-      var alphabetShuffled = getShuffled();
-      return alphabetShuffled[index2];
-    }
-    __name(lookup2, "lookup");
-    function get2() {
-      return alphabet || ORIGINAL;
-    }
-    __name(get2, "get");
-    alphabet_1 = {
-      get: get2,
-      characters,
-      seed: setSeed,
-      lookup: lookup2,
-      shuffled: getShuffled
-    };
-    return alphabet_1;
-  }
-  __name(requireAlphabet, "requireAlphabet");
-  var randomByteBrowser;
-  var hasRequiredRandomByteBrowser;
-  function requireRandomByteBrowser() {
-    if (hasRequiredRandomByteBrowser) return randomByteBrowser;
-    hasRequiredRandomByteBrowser = 1;
-    var crypto2 = typeof window === "object" && (window.crypto || window.msCrypto);
-    var randomByte;
-    if (!crypto2 || !crypto2.getRandomValues) {
-      randomByte = /* @__PURE__ */ __name(function(size2) {
-        var bytes = [];
-        for (var i2 = 0; i2 < size2; i2++) {
-          bytes.push(Math.floor(Math.random() * 256));
-        }
-        return bytes;
-      }, "randomByte");
-    } else {
-      randomByte = /* @__PURE__ */ __name(function(size2) {
-        return crypto2.getRandomValues(new Uint8Array(size2));
-      }, "randomByte");
-    }
-    randomByteBrowser = randomByte;
-    return randomByteBrowser;
-  }
-  __name(requireRandomByteBrowser, "requireRandomByteBrowser");
-  var format_browser;
-  var hasRequiredFormat_browser;
-  function requireFormat_browser() {
-    if (hasRequiredFormat_browser) return format_browser;
-    hasRequiredFormat_browser = 1;
-    format_browser = /* @__PURE__ */ __name(function(random, alphabet, size2) {
-      var mask = (2 << Math.log(alphabet.length - 1) / Math.LN2) - 1;
-      var step = -~(1.6 * mask * size2 / alphabet.length);
-      var id2 = "";
-      while (true) {
-        var bytes = random(step);
-        var i2 = step;
-        while (i2--) {
-          id2 += alphabet[bytes[i2] & mask] || "";
-          if (id2.length === +size2) return id2;
-        }
-      }
-    }, "format_browser");
-    return format_browser;
-  }
-  __name(requireFormat_browser, "requireFormat_browser");
-  var generate_1;
-  var hasRequiredGenerate;
-  function requireGenerate() {
-    if (hasRequiredGenerate) return generate_1;
-    hasRequiredGenerate = 1;
-    var alphabet = requireAlphabet();
-    var random = requireRandomByteBrowser();
-    var format2 = /* @__PURE__ */ requireFormat_browser();
-    function generate(number2) {
-      var loopCounter = 0;
-      var done;
-      var str = "";
-      while (!done) {
-        str = str + format2(random, alphabet.get(), 1);
-        done = number2 < Math.pow(16, loopCounter + 1);
-        loopCounter++;
-      }
-      return str;
-    }
-    __name(generate, "generate");
-    generate_1 = generate;
-    return generate_1;
-  }
-  __name(requireGenerate, "requireGenerate");
-  var build_1;
-  var hasRequiredBuild;
-  function requireBuild() {
-    if (hasRequiredBuild) return build_1;
-    hasRequiredBuild = 1;
-    var generate = requireGenerate();
-    requireAlphabet();
-    var REDUCE_TIME = 1567752802062;
-    var version2 = 7;
-    var counter2;
-    var previousSeconds;
-    function build2(clusterWorkerId) {
-      var str = "";
-      var seconds = Math.floor((Date.now() - REDUCE_TIME) * 1e-3);
-      if (seconds === previousSeconds) {
-        counter2++;
-      } else {
-        counter2 = 0;
-        previousSeconds = seconds;
-      }
-      str = str + generate(version2);
-      str = str + generate(clusterWorkerId);
-      if (counter2 > 0) {
-        str = str + generate(counter2);
-      }
-      str = str + generate(seconds);
-      return str;
-    }
-    __name(build2, "build");
-    build_1 = build2;
-    return build_1;
-  }
-  __name(requireBuild, "requireBuild");
-  var isValid;
-  var hasRequiredIsValid;
-  function requireIsValid() {
-    if (hasRequiredIsValid) return isValid;
-    hasRequiredIsValid = 1;
-    var alphabet = requireAlphabet();
-    function isShortId(id2) {
-      if (!id2 || typeof id2 !== "string" || id2.length < 6) {
-        return false;
-      }
-      var nonAlphabetic = new RegExp("[^" + alphabet.get().replace(/[|\\{}()[\]^$+*?.-]/g, "\\$&") + "]");
-      return !nonAlphabetic.test(id2);
-    }
-    __name(isShortId, "isShortId");
-    isValid = isShortId;
-    return isValid;
-  }
-  __name(requireIsValid, "requireIsValid");
-  var clusterWorkerIdBrowser;
-  var hasRequiredClusterWorkerIdBrowser;
-  function requireClusterWorkerIdBrowser() {
-    if (hasRequiredClusterWorkerIdBrowser) return clusterWorkerIdBrowser;
-    hasRequiredClusterWorkerIdBrowser = 1;
-    clusterWorkerIdBrowser = 0;
-    return clusterWorkerIdBrowser;
-  }
-  __name(requireClusterWorkerIdBrowser, "requireClusterWorkerIdBrowser");
-  var hasRequiredLib$6;
-  function requireLib$6() {
-    if (hasRequiredLib$6) return lib$6.exports;
-    hasRequiredLib$6 = 1;
-    (function(module2) {
-      var alphabet = requireAlphabet();
-      var build2 = requireBuild();
-      var isValid2 = requireIsValid();
-      var clusterWorkerId = requireClusterWorkerIdBrowser() || 0;
-      function seed(seedValue) {
-        alphabet.seed(seedValue);
-        return module2.exports;
-      }
-      __name(seed, "seed");
-      function worker(workerId) {
-        clusterWorkerId = workerId;
-        return module2.exports;
-      }
-      __name(worker, "worker");
-      function characters(newCharacters) {
-        if (newCharacters !== void 0) {
-          alphabet.characters(newCharacters);
-        }
-        return alphabet.shuffled();
-      }
-      __name(characters, "characters");
-      function generate() {
-        return build2(clusterWorkerId);
-      }
-      __name(generate, "generate");
-      module2.exports = generate;
-      module2.exports.generate = generate;
-      module2.exports.seed = seed;
-      module2.exports.worker = worker;
-      module2.exports.characters = characters;
-      module2.exports.isValid = isValid2;
-    })(lib$6);
-    return lib$6.exports;
-  }
-  __name(requireLib$6, "requireLib$6");
-  var shortid;
-  var hasRequiredShortid;
-  function requireShortid() {
-    if (hasRequiredShortid) return shortid;
-    hasRequiredShortid = 1;
-    shortid = requireLib$6();
-    return shortid;
-  }
-  __name(requireShortid, "requireShortid");
-  var shortidExports = requireShortid();
-  const uuid = /* @__PURE__ */ getDefaultExportFromCjs(shortidExports);
   function cutSequenceByRestrictionEnzyme(pSequence, circular2, restrictionEnzyme) {
     if (restrictionEnzyme.forwardRegex.length === 0 || restrictionEnzyme.reverseRegex.length === 0) {
       const returnArray = [];
@@ -107795,7 +107331,7 @@ ${latestSubscriptionCallbackError.current.stack}
         }
         const overhangBps = getSequenceWithinRange(cutRange, originalSequence);
         restrictionCutSite = {
-          id: uuid(),
+          id: nanoid(),
           start: start2,
           end: end2,
           topSnipPosition,
@@ -112430,10 +111966,10 @@ ${latestSubscriptionCallbackError.current.stack}
       annotation.name = "Untitled annotation";
     }
     if (provideNewIdsForAnnotations) {
-      annotation.id = uuid();
+      annotation.id = nanoid();
     }
     if (!annotation.id && annotation.id !== 0 && !doNotProvideIdsForAnnotations) {
-      annotation.id = uuid();
+      annotation.id = nanoid();
       messages.push(
         "Unable to detect valid ID for annotation, setting ID to " + annotation.id
       );
@@ -112677,7 +112213,7 @@ ${latestSubscriptionCallbackError.current.stack}
           if (item.id || item.id === 0) {
             itemId = item.id;
           } else {
-            itemId = uuid();
+            itemId = nanoid();
             if (!doNotProvideIdsForAnnotations) {
               item.id = itemId;
             }
@@ -112740,7 +112276,7 @@ ${latestSubscriptionCallbackError.current.stack}
     });
     sortedCutsites.forEach((cutsite1, index2) => {
       if (computePartialDigest && !computePartialDigestDisabled) {
-        sortedCutsites.forEach((cs, index22) => {
+        sortedCutsites.forEach((cs2, index22) => {
           pairs.push([cutsite1, sortedCutsites[index22]]);
         });
       }
@@ -121109,7 +120645,7 @@ ${latestSubscriptionCallbackError.current.stack}
             forward,
             annotationTypePlural: "orfs",
             isOrf: true,
-            id: uuid()
+            id: nanoid()
           });
         }
       }
@@ -123239,11 +122775,11 @@ ${latestSubscriptionCallbackError.current.stack}
             if (attrStr[attrStr.length - 1] === "/") {
               const attrStrStart = i2 - attrStr.length;
               attrStr = attrStr.substring(0, attrStr.length - 1);
-              const isValid2 = validateAttributeString(attrStr, options);
-              if (isValid2 === true) {
+              const isValid = validateAttributeString(attrStr, options);
+              if (isValid === true) {
                 tagFound = true;
               } else {
-                return getErrorObject(isValid2.err.code, isValid2.err.msg, getLineNumberForPosition(xmlData, attrStrStart + isValid2.err.line));
+                return getErrorObject(isValid.err.code, isValid.err.msg, getLineNumberForPosition(xmlData, attrStrStart + isValid.err.line));
               }
             } else if (closingTag) {
               if (!result.tagClosed) {
@@ -123265,9 +122801,9 @@ ${latestSubscriptionCallbackError.current.stack}
                 }
               }
             } else {
-              const isValid2 = validateAttributeString(attrStr, options);
-              if (isValid2 !== true) {
-                return getErrorObject(isValid2.err.code, isValid2.err.msg, getLineNumberForPosition(xmlData, i2 - attrStr.length + isValid2.err.line));
+              const isValid = validateAttributeString(attrStr, options);
+              if (isValid !== true) {
+                return getErrorObject(isValid.err.code, isValid.err.msg, getLineNumberForPosition(xmlData, i2 - attrStr.length + isValid.err.line));
               }
               if (reachedRoot === true) {
                 return getErrorObject("InvalidXml", "Multiple possible root nodes found.", getLineNumberForPosition(xmlData, i2));
@@ -132443,7 +131979,7 @@ ${seq.sequence}
     if (type2 === "UPSERT_ALIGNMENT_RUN") {
       const { id: id2 } = payload;
       const payloadToUse = __spreadValues(__spreadValues({
-        stateTrackingId: ((_a2 = state2[id2]) == null ? void 0 : _a2.stateTrackingId) ? uuid() : "initialLoadId",
+        stateTrackingId: ((_a2 = state2[id2]) == null ? void 0 : _a2.stateTrackingId) ? nanoid() : "initialLoadId",
         alignmentType: (_b2 = state2[id2]) == null ? void 0 : _b2.alignmentType
       }, payload), defaultVisibilityTypes.reduce((acc, type22) => {
         if (type22.startsWith("pairwise_") && payload.pairwiseAlignments || !type22.startsWith("pairwise_") && !payload.pairwiseAlignments) {
@@ -132665,10 +132201,10 @@ ${seq.sequence}
     "flipActiveTabFromLinearOrCircularIfNecessary"
   );
   const expandTabToSplitScreen = createMetaAction("expandTabToSplitScreen");
-  const propertiesViewOpen = /* @__PURE__ */ __name((unused, meta) => {
-    return setPanelAsActive("properties", meta);
+  const propertiesViewOpen = /* @__PURE__ */ __name((unused, meta2) => {
+    return setPanelAsActive("properties", meta2);
   }, "propertiesViewOpen");
-  const createNewDigest = /* @__PURE__ */ __name((unused, meta) => {
+  const createNewDigest = /* @__PURE__ */ __name((unused, meta2) => {
     return (dispatch) => {
       dispatch(
         addPanelIfItDoesntAlreadyExist(
@@ -132678,13 +132214,13 @@ ${seq.sequence}
             active: true,
             canClose: true
           },
-          meta
+          meta2
         )
       );
-      dispatch(setPanelAsActive("digestTool", meta));
+      dispatch(setPanelAsActive("digestTool", meta2));
     };
   }, "createNewDigest");
-  const createNewPCR = /* @__PURE__ */ __name((unused, meta) => {
+  const createNewPCR = /* @__PURE__ */ __name((unused, meta2) => {
     return (dispatch) => {
       dispatch(
         addPanelIfItDoesntAlreadyExist(
@@ -132694,13 +132230,13 @@ ${seq.sequence}
             active: true,
             canClose: true
           },
-          meta
+          meta2
         )
       );
-      dispatch(setPanelAsActive("pcrTool", meta));
+      dispatch(setPanelAsActive("pcrTool", meta2));
     };
   }, "createNewPCR");
-  const createNewAlignment = /* @__PURE__ */ __name((payload, meta) => {
+  const createNewAlignment = /* @__PURE__ */ __name((payload, meta2) => {
     return (dispatch) => {
       dispatch(
         addPanelIfItDoesntAlreadyExist(
@@ -132710,13 +132246,13 @@ ${seq.sequence}
             active: true,
             canClose: true
           }, payload),
-          meta
+          meta2
         )
       );
-      dispatch(setPanelAsActive(payload.id, meta));
+      dispatch(setPanelAsActive(payload.id, meta2));
     };
   }, "createNewAlignment");
-  const createNewMismatchesList = /* @__PURE__ */ __name((payload, meta) => {
+  const createNewMismatchesList = /* @__PURE__ */ __name((payload, meta2) => {
     return (dispatch) => {
       dispatch(
         addPanelIfItDoesntAlreadyExist(
@@ -132726,16 +132262,16 @@ ${seq.sequence}
             active: true,
             canClose: true
           }, payload),
-          meta
+          meta2
         )
       );
-      dispatch(setPanelAsActive(payload.id, meta));
+      dispatch(setPanelAsActive(payload.id, meta2));
     };
   }, "createNewMismatchesList");
-  const collapseSplitScreen = /* @__PURE__ */ __name((activePanelId, meta) => {
+  const collapseSplitScreen = /* @__PURE__ */ __name((activePanelId, meta2) => {
     return (dispatch) => {
-      dispatch(_collapseSplitScreen(activePanelId, meta));
-      activePanelId && dispatch(setPanelAsActive(activePanelId, meta));
+      dispatch(_collapseSplitScreen(activePanelId, meta2));
+      activePanelId && dispatch(setPanelAsActive(activePanelId, meta2));
     };
   }, "collapseSplitScreen");
   const reducer$1 = createReducer(
@@ -133244,7 +132780,7 @@ ${seq.sequence}
   );
   const annotationDeselect = createMetaAction("VE_ANNOTATION_DESELECT");
   const annotationDeselectAll = createMetaAction("VE_ANNOTATION_DESELECT_ALL");
-  function replacementLayerRightClicked({ event, annotation }, meta) {
+  function replacementLayerRightClicked({ event, annotation }, meta2) {
     event.preventDefault();
     event.stopPropagation();
     return function(dispatch) {
@@ -133254,7 +132790,7 @@ ${seq.sequence}
           onClick: /* @__PURE__ */ __name(function() {
             dispatch({
               type: "REPLACEMENT_LAYER_DELETE",
-              meta,
+              meta: meta2,
               payload: __spreadValues({}, annotation)
             });
           }, "onClick")
@@ -133394,7 +132930,7 @@ ${seq.sequence}
   function upsertDeleteActionGenerator(upsertAction, deleteAction) {
     return {
       [upsertAction]: (state2, payload) => {
-        const idToUse = payload.id || uuid();
+        const idToUse = payload.id || nanoid();
         return __spreadProps(__spreadValues({}, state2), {
           [idToUse]: __spreadProps(__spreadValues(__spreadValues({}, state2[idToUse] || {}), payload), { id: idToUse })
         });
@@ -133518,7 +133054,7 @@ ${seq.sequence}
       return state2;
     } else {
       return __spreadProps(__spreadValues({}, newState), {
-        stateTrackingId: newState.stateTrackingId ? uuid() : "initialLoadId"
+        stateTrackingId: newState.stateTrackingId ? nanoid() : "initialLoadId"
       });
     }
   }
@@ -133977,11 +133513,11 @@ ${seq.sequence}
   };
   __name(_FillWindow, "FillWindow");
   let FillWindow = _FillWindow;
-  function addMetaToActionCreators(actions2, meta) {
+  function addMetaToActionCreators(actions2, meta2) {
     const metaActions = {};
     Object.keys(actions2).forEach(function(actionName) {
       metaActions[actionName] = function(firstArg, additionalMeta) {
-        return actions2[actionName](firstArg, __spreadValues(__spreadValues({}, meta), additionalMeta || {}));
+        return actions2[actionName](firstArg, __spreadValues(__spreadValues({}, meta2), additionalMeta || {}));
       };
     });
     return metaActions;
@@ -134219,7 +133755,7 @@ ${seq.sequence}
       const cutsitesForEnzyme = cutsitesByName[enzymeName];
       cutsitesForEnzyme.forEach(function(cutsite) {
         const numberOfCuts = cutsitesByName[enzymeName].length;
-        const uniqueId2 = uuid();
+        const uniqueId2 = nanoid();
         cutsite.id = uniqueId2;
         cutsite.numberOfCuts = numberOfCuts;
         cutsite.annotationType = "cutsite";
@@ -134623,7 +134159,7 @@ ${seq.sequence}
   function translationsSelector(isCircular, translationSearchMatches, sequence2, orfs, showOrfTranslations, showOrfs, cdsFeatures, showCdsFeatureTranslations, showFeatures, translations2, frameTranslations2) {
     const translationsToPass = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, translationSearchMatches.reduce((acc, match) => {
       if (!match) return acc;
-      const id2 = match.id || uuid();
+      const id2 = match.id || nanoid();
       acc[id2] = __spreadProps(__spreadValues({}, match), {
         id: id2,
         translationType: "AA Search Match",
@@ -134664,7 +134200,7 @@ ${seq.sequence}
       (acc, isActive2, frameName) => {
         const frameOffset = Number(frameName);
         if (isActive2) {
-          const id2 = uuid();
+          const id2 = nanoid();
           acc[id2] = {
             id: id2,
             start: isCircular || frameOffset > 0 ? normalizePositionByRangeLength(
@@ -135377,7 +134913,7 @@ ${seq.sequence}
             return new Promise(function(resolve) {
               var request = new XMLHttpRequest();
               request.onreadystatechange = done;
-              request.ontimeout = timeout;
+              request.ontimeout = timeout2;
               request.responseType = "blob";
               request.timeout = TIMEOUT;
               request.open("GET", url, true);
@@ -135407,14 +134943,14 @@ ${seq.sequence}
                 encoder.readAsDataURL(request.response);
               }
               __name(done, "done");
-              function timeout() {
+              function timeout2() {
                 if (placeholder) {
                   resolve(placeholder);
                 } else {
                   fail("timeout of " + TIMEOUT + "ms occured while fetching resource: " + url);
                 }
               }
-              __name(timeout, "timeout");
+              __name(timeout2, "timeout");
               function fail(message) {
                 console.error(message);
                 resolve("");
@@ -135676,7 +135212,7 @@ ${seq.sequence}
     dialogHolder.CustomModalComponent = ModalComponent;
     dialogHolder.props = props;
     dialogHolder.overrideName = overrideName;
-    dialogHolder.setUniqKeyToForceRerender(uuid());
+    dialogHolder.setUniqKeyToForceRerender(nanoid());
   }
   __name(showDialog, "showDialog");
   function hideDialog() {
@@ -136066,7 +135602,7 @@ ${seq.sequence}
           seqData = yield onImport(seqData, file, props);
         }
         if (seqData) {
-          seqData.stateTrackingId = uuid();
+          seqData.stateTrackingId = nanoid();
           updateEditor(
             {
               getState: /* @__PURE__ */ __name(() => ({ VectorEditor: { [props.editorName]: props } }), "getState"),
@@ -136328,7 +135864,7 @@ ${seq.sequence}
       readOnly: readOnly2
     } = ownProps;
     const editorState = getEditorState(state2, editorName);
-    const meta = { editorName };
+    const meta2 = { editorName };
     const { VectorEditor } = state2;
     const { __allEditorsOptions } = VectorEditor;
     const { uppercaseSequenceMapFont: uppercaseSequenceMapFont2 } = __allEditorsOptions;
@@ -136356,7 +135892,7 @@ ${seq.sequence}
       }
     });
     const toReturn = __spreadProps(__spreadValues({}, editorState), {
-      meta,
+      meta: meta2,
       annotationToAdd
     });
     if (sequenceDataFromProps && allowSeqDataOverride) {
@@ -136390,7 +135926,7 @@ ${seq.sequence}
     const f2 = getFindTool(findTool2, matchesTotal);
     return __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, editorState), {
       readOnly: readOnly2 || editorState.readOnly,
-      meta,
+      meta: meta2,
       annotationToAdd
     }), newSelection && { selectionLayer: newSelection }), {
       selectedCutsites,
@@ -136449,8 +135985,8 @@ ${seq.sequence}
   }
   __name(fakeActionOverrides, "fakeActionOverrides");
   function getCombinedActions(editorName, actions2, actionOverrides, dispatch) {
-    const meta = { editorName };
-    let metaActions = addMetaToActionCreators(actions2, meta);
+    const meta2 = { editorName };
+    let metaActions = addMetaToActionCreators(actions2, meta2);
     const overrides = {};
     metaActions = __spreadValues(__spreadValues({
       undo: /* @__PURE__ */ __name(() => {
@@ -148412,7 +147948,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
             }, hovered && { textDecoration: "underline" }), annotation.annotationTypePlural !== "cutsites" && {
               fontStyle: "normal"
             }), {
-              left: clamp$3(xStart, 0, Number.MAX_VALUE),
+              left: clamp$4(xStart, 0, Number.MAX_VALUE),
               whiteSpace: "nowrap",
               color: annotation.annotationTypePlural === "parts" ? "#ac68cc" : annotation.labelColor,
               zIndex: 10
@@ -150466,7 +150002,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     input.click();
   }
   __name(showFileDialog, "showFileDialog");
-  const version = "0.7.29";
+  const version = "0.7.30-beta.1";
   const packageJson = {
     version
   };
@@ -154797,8 +154333,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   __name(assignDefault, "assignDefault");
   const BEFORE_LAST_KINEMATICS_DELAY = 32;
   const _Engine = class _Engine {
-    constructor(ctrl, args, key) {
-      this.ctrl = ctrl;
+    constructor(ctrl2, args, key) {
+      this.ctrl = ctrl2;
       this.args = args;
       this.key = key;
       if (!this.state) {
@@ -155601,9 +155137,9 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(parse$1, "parse$1");
   const _EventStore = class _EventStore {
-    constructor(ctrl, gestureKey) {
+    constructor(ctrl2, gestureKey) {
       _defineProperty(this, "_listeners", /* @__PURE__ */ new Set());
-      this._ctrl = ctrl;
+      this._ctrl = ctrl2;
       this._gestureKey = gestureKey;
     }
     add(element2, device, action2, handler, options) {
@@ -155635,11 +155171,11 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       this._timeouts.set(key, window.setTimeout(callback2, ms, ...args));
     }
     remove(key) {
-      const timeout = this._timeouts.get(key);
-      if (timeout) window.clearTimeout(timeout);
+      const timeout2 = this._timeouts.get(key);
+      if (timeout2) window.clearTimeout(timeout2);
     }
     clean() {
-      this._timeouts.forEach((timeout) => void window.clearTimeout(timeout));
+      this._timeouts.forEach((timeout2) => void window.clearTimeout(timeout2));
       this._timeouts.clear();
     }
   };
@@ -155737,19 +155273,19 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   };
   __name(_Controller, "Controller");
   let Controller = _Controller;
-  function setupGesture(ctrl, gestureKey) {
-    ctrl.gestures.add(gestureKey);
-    ctrl.gestureEventStores[gestureKey] = new EventStore(ctrl, gestureKey);
-    ctrl.gestureTimeoutStores[gestureKey] = new TimeoutStore();
+  function setupGesture(ctrl2, gestureKey) {
+    ctrl2.gestures.add(gestureKey);
+    ctrl2.gestureEventStores[gestureKey] = new EventStore(ctrl2, gestureKey);
+    ctrl2.gestureTimeoutStores[gestureKey] = new TimeoutStore();
   }
   __name(setupGesture, "setupGesture");
-  function resolveGestures(ctrl, internalHandlers) {
-    if (internalHandlers.drag) setupGesture(ctrl, "drag");
-    if (internalHandlers.wheel) setupGesture(ctrl, "wheel");
-    if (internalHandlers.scroll) setupGesture(ctrl, "scroll");
-    if (internalHandlers.move) setupGesture(ctrl, "move");
-    if (internalHandlers.pinch) setupGesture(ctrl, "pinch");
-    if (internalHandlers.hover) setupGesture(ctrl, "hover");
+  function resolveGestures(ctrl2, internalHandlers) {
+    if (internalHandlers.drag) setupGesture(ctrl2, "drag");
+    if (internalHandlers.wheel) setupGesture(ctrl2, "wheel");
+    if (internalHandlers.scroll) setupGesture(ctrl2, "scroll");
+    if (internalHandlers.move) setupGesture(ctrl2, "move");
+    if (internalHandlers.pinch) setupGesture(ctrl2, "pinch");
+    if (internalHandlers.hover) setupGesture(ctrl2, "hover");
   }
   __name(resolveGestures, "resolveGestures");
   const bindToProps = /* @__PURE__ */ __name((props, eventOptions, withPassiveOption) => (device, action2, handler, options = {}, isNative2 = false) => {
@@ -155762,15 +155298,15 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     props[handlerProp].push(handler);
   }, "bindToProps");
   function useRecognizers(handlers2, config = {}, gestureKey, nativeHandlers) {
-    const ctrl = React.useMemo(() => new Controller(handlers2), []);
-    ctrl.applyHandlers(handlers2, nativeHandlers);
-    ctrl.applyConfig(config, gestureKey);
-    React.useEffect(ctrl.effect.bind(ctrl));
+    const ctrl2 = React.useMemo(() => new Controller(handlers2), []);
+    ctrl2.applyHandlers(handlers2, nativeHandlers);
+    ctrl2.applyConfig(config, gestureKey);
+    React.useEffect(ctrl2.effect.bind(ctrl2));
     React.useEffect(() => {
-      return ctrl.clean.bind(ctrl);
+      return ctrl2.clean.bind(ctrl2);
     }, []);
     if (config.target === void 0) {
-      return ctrl.bind.bind(ctrl);
+      return ctrl2.bind.bind(ctrl2);
     }
     return void 0;
   }
@@ -155929,7 +155465,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           return fn2({
             value: valToPass,
             changeValue: /* @__PURE__ */ __name((newVal2) => {
-              const newnew = clamp$3(newVal2, min2, max2);
+              const newnew = clamp$4(newVal2, min2, max2);
               this.setState({ value: newnew });
               this.props.onChange && this.props.onChange(newnew);
               this.props.onRelease && this.props.onRelease(newnew);
@@ -158459,7 +157995,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     const radius = outerRadius;
     const outerPointRadius = outerRadius - 20;
     const fontWidth = labelSize2 * (textScalingFactor < 1 ? textScalingFactor : 1);
-    const fontHeight = fontWidth * clamp$3(fontHeightMultiplier, 1.5, 3.5);
+    const fontHeight = fontWidth * clamp$4(fontHeightMultiplier, 1.5, 3.5);
     const labelPoints = labels.map(function(label) {
       const {
         annotationCenterAngle: _annotationCenterAngle,
@@ -169652,7 +169188,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           seqsToAlign = addedSequencesToUse;
         }
         hideModal();
-        const alignmentId = uuid();
+        const alignmentId = nanoid();
         createNewAlignment2({
           id: alignmentId,
           name: seqsToAlign[0].name + " Alignment"
@@ -169971,7 +169507,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
               }
               upsertFeature2(
                 __spreadProps(__spreadValues({}, feat1), {
-                  id: uuid(),
+                  id: nanoid(),
                   start: start2 - 1,
                   end: end2 - 1,
                   name: name2