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

package/index.es.js

@@ -1516,10 +1516,10 @@ function debounce$2(fn5, ms) {
   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);
   };
@@ -4637,19 +4637,15 @@ function requireClassnames() {
 __name(requireClassnames, "requireClassnames");
 var classnamesExports = requireClassnames();
 const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-let nanoid = /* @__PURE__ */ __name((size = 21) => crypto.getRandomValues(new Uint8Array(size)).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((size = 21) => {
+  let id2 = "";
+  let bytes = crypto.getRandomValues(new Uint8Array(size |= 0));
+  while (size--) {
+    id2 += urlAlphabet[bytes[size] & 63];
   }
   return id2;
-}, ""), "nanoid");
+}, "nanoid");
 var papaparse_min$1 = { exports: {} };
 /* @license
 Papa Parse
@@ -7051,7 +7047,7 @@ function baseClamp(number2, lower, upper) {
   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;
@@ -7066,7 +7062,7 @@ function clamp$3(number2, lower, upper) {
   }
   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;
@@ -8883,15 +8879,15 @@ function _objectWithoutPropertiesLoose$4(source, excluded) {
   return target;
 }
 __name(_objectWithoutPropertiesLoose$4, "_objectWithoutPropertiesLoose$4");
-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() {
@@ -8931,10 +8927,10 @@ function requireLib$9() {
       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;
@@ -16671,11 +16667,14 @@ function isEntityClean(e) {
 }
 __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");
@@ -16757,17 +16756,22 @@ const getFieldPathToField = /* @__PURE__ */ __name((schema2) => {
   });
   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");
@@ -16792,14 +16796,15 @@ const endsWithNumber = /* @__PURE__ */ __name((str) => {
   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;
@@ -16836,7 +16841,7 @@ const getNewEntToSelect = /* @__PURE__ */ __name(({
 }, "getNewEntToSelect");
 const getLastSelectedEntity = /* @__PURE__ */ __name((idMap) => {
   let lastSelectedEnt;
-  let latestTime;
+  let latestTime = null;
   Object.values(idMap).forEach(({ time, entity }) => {
     if (!latestTime || time > latestTime) {
       lastSelectedEnt = entity;
@@ -16876,9 +16881,9 @@ const getCellInfo = /* @__PURE__ */ __name(({
   };
 }, "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 } = {}) => {
@@ -17186,7 +17191,7 @@ function rowClick(e, rowInfo, entities, {
   if (noSelect || isEntityDisabled(entity)) return;
   const rowId = getIdOrCodeOrIndex(entity, rowInfo.index);
   if (rowId === void 0) return;
-  const ctrl = e.metaKey || e.ctrlKey || withCheckboxes && !e.shiftKey;
+  const ctrl2 = e.metaKey || e.ctrlKey || withCheckboxes && !e.shiftKey;
   const oldIdMap = reduxFormSelectedEntityIdMap || {};
   const rowSelected = oldIdMap[rowId];
   let newIdMap = {
@@ -17198,12 +17203,12 @@ function rowClick(e, rowInfo, entities, {
   if (isSingleSelect) {
     if (rowSelected) newIdMap = {};
   } else if (rowSelected && e.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 (e.shiftKey && !isEmpty$1(oldIdMap)) {
     newIdMap = {
@@ -19513,23 +19518,23 @@ function requireParse() {
   return parse$4;
 }
 __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 parse3 = /* @__PURE__ */ requireParse();
   var formats2 = /* @__PURE__ */ requireFormats();
-  lib$8 = {
+  lib$7 = {
     formats: formats2,
     parse: parse3,
     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,
@@ -20022,8 +20027,9 @@ function initializeHasuraWhereAndFilter(additionalFilter, where = {}, currentPar
     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];
@@ -20531,7 +20537,7 @@ const PagingTool = /* @__PURE__ */ __name(({
     }
   ));
 }, "PagingTool");
-var lib$7 = {};
+var lib$6 = {};
 var flattenNames = {};
 var _freeGlobal;
 var hasRequired_freeGlobal;
@@ -23903,14 +23909,14 @@ function requireLoop() {
   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();
@@ -23927,11 +23933,11 @@ function requireLib$7() {
     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];
     }
@@ -23939,11 +23945,11 @@ function requireLib$7() {
     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 calculateChange(e, hsl, direction, initialA, container) {
   var containerWidth = container.clientWidth;
@@ -30352,11 +30358,20 @@ function requireFuzzysearch() {
 __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__default.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) {
@@ -30374,1795 +30389,1578 @@ function getTextFromEl(el, options = {}) {
   }
 }
 __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;
-    }
-    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;
+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;
+  }
 }
-__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 i = 0, len = args.length; i < len; i++) {
-      var arg = args[i];
-      if (isArrayish2(arg)) {
-        results = concat.call(results, slice.call(arg));
-      } else {
-        results.push(arg);
-      }
+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 results;
-  }, "swizzle");
-  swizzle.wrap = function(fn4) {
-    return function() {
-      return fn4(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;
+    case "hwb": {
+      value = cs.get.hwb(string2);
+      model = "hwb";
+      break;
     }
-    if (!val2) {
-      return null;
+    default: {
+      value = cs.get.rgb(string2);
+      model = "rgb";
+      break;
     }
-    return { model, value: val2 };
-  };
-  cs.get.rgb = function(string2) {
-    if (!string2) {
-      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 rgb = [0, 0, 0, 1];
+  let match;
+  let i;
+  let hexAlpha;
+  if (match = string2.match(hex)) {
+    hexAlpha = match[2];
+    match = match[1];
+    for (i = 0; i < 3; i++) {
+      const i2 = i * 2;
+      rgb[i] = Number.parseInt(match.slice(i2, i2 + 2), 16);
     }
-    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 rgb = [0, 0, 0, 1];
-    var match;
-    var i;
-    var hexAlpha;
-    if (match = string2.match(hex)) {
-      hexAlpha = match[2];
-      match = match[1];
-      for (i = 0; i < 3; i++) {
-        var i2 = i * 2;
-        rgb[i] = parseInt(match.slice(i2, i2 + 2), 16);
-      }
-      if (hexAlpha) {
-        rgb[3] = parseInt(hexAlpha, 16) / 255;
-      }
-    } else if (match = string2.match(abbr)) {
-      match = match[1];
-      hexAlpha = match[3];
-      for (i = 0; i < 3; i++) {
-        rgb[i] = parseInt(match[i] + match[i], 16);
-      }
-      if (hexAlpha) {
-        rgb[3] = parseInt(hexAlpha + hexAlpha, 16) / 255;
-      }
-    } else if (match = string2.match(rgba)) {
-      for (i = 0; i < 3; i++) {
-        rgb[i] = parseInt(match[i + 1], 0);
-      }
-      if (match[4]) {
-        if (match[5]) {
-          rgb[3] = parseFloat(match[4]) * 0.01;
-        } else {
-          rgb[3] = parseFloat(match[4]);
-        }
-      }
-    } else if (match = string2.match(per)) {
-      for (i = 0; i < 3; i++) {
-        rgb[i] = Math.round(parseFloat(match[i + 1]) * 2.55);
-      }
-      if (match[4]) {
-        if (match[5]) {
-          rgb[3] = parseFloat(match[4]) * 0.01;
-        } else {
-          rgb[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;
-      }
-      rgb = colorNames[match[1]];
-      rgb[3] = 1;
-      return rgb;
-    } else {
-      return null;
+    if (hexAlpha) {
+      rgb[3] = Number.parseInt(hexAlpha, 16) / 255;
     }
+  } else if (match = string2.match(abbr)) {
+    match = match[1];
+    hexAlpha = match[3];
     for (i = 0; i < 3; i++) {
-      rgb[i] = clamp2(rgb[i], 0, 255);
+      rgb[i] = Number.parseInt(match[i] + match[i], 16);
     }
-    rgb[3] = clamp2(rgb[3], 0, 1);
-    return rgb;
-  };
-  cs.get.hsl = function(string2) {
-    if (!string2) {
-      return null;
+    if (hexAlpha) {
+      rgb[3] = Number.parseInt(hexAlpha + hexAlpha, 16) / 255;
     }
-    var hsl = /^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(hsl);
-    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(rgba)) {
+    for (i = 0; i < 3; i++) {
+      rgb[i] = Number.parseInt(match[i + 1], 10);
     }
-    return null;
-  };
-  cs.get.hwb = function(string2) {
-    if (!string2) {
-      return null;
+    if (match[4]) {
+      rgb[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(per)) {
+    for (i = 0; i < 3; i++) {
+      rgb[i] = Math.round(Number.parseFloat(match[i + 1]) * 2.55);
+    }
+    if (match[4]) {
+      rgb[3] = match[5] ? Number.parseFloat(match[4]) * 0.01 : Number.parseFloat(match[4]);
     }
+  } else if (match = string2.match(keyword)) {
+    if (match[1] === "transparent") {
+      return [0, 0, 0, 0];
+    }
+    if (!Object.hasOwn(cssKeywords, match[1])) {
+      return null;
+    }
+    rgb = cssKeywords[match[1]];
+    rgb[3] = 1;
+    return rgb;
+  } 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(rgb) {
-    return reverseNames[rgb.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(rgb) {
-    var r2 = rgb[0] / 255;
-    var g2 = rgb[1] / 255;
-    var b3 = rgb[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 (i = 0; i < 3; i++) {
+    rgb[i] = clamp$3(rgb[i], 0, 255);
+  }
+  rgb[3] = clamp$3(rgb[3], 0, 1);
+  return rgb;
+};
+cs.get.hsl = function(string2) {
+  if (!string2) {
+    return null;
+  }
+  const hsl = /^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(hsl);
+  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(...rgb) {
+  return reverseNames[rgb.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(rgb) {
+  const r2 = rgb[0] / 255;
+  const g2 = rgb[1] / 255;
+  const b3 = rgb[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(rgb) {
-    var rdif;
-    var gdif;
-    var bdif;
-    var h2;
-    var s2;
-    var r2 = rgb[0] / 255;
-    var g2 = rgb[1] / 255;
-    var b3 = rgb[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(rgb) {
+  let rdif;
+  let gdif;
+  let bdif;
+  let h2;
+  let s2;
+  const r2 = rgb[0] / 255;
+  const g2 = rgb[1] / 255;
+  const b3 = rgb[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(rgb) {
-    var r2 = rgb[0];
-    var g2 = rgb[1];
-    var b3 = rgb[2];
-    var h2 = convert2.rgb.hsl(rgb)[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(rgb) {
-    var r2 = rgb[0] / 255;
-    var g2 = rgb[1] / 255;
-    var b3 = rgb[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(x, y2) {
-    return Math.pow(x[0] - y2[0], 2) + Math.pow(x[1] - y2[1], 2) + Math.pow(x[2] - y2[2], 2);
-  }
-  __name(comparativeDistance, "comparativeDistance");
-  convert2.rgb.keyword = function(rgb) {
-    var reversed = reverseKeywords[rgb];
-    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(rgb, value);
-        if (distance2 < currentClosestDistance) {
-          currentClosestDistance = distance2;
-          currentClosestKeyword = keyword;
-        }
-      }
-    }
-    return currentClosestKeyword;
-  };
-  convert2.keyword.rgb = function(keyword) {
-    return cssKeywords[keyword];
-  };
-  convert2.rgb.xyz = function(rgb) {
-    var r2 = rgb[0] / 255;
-    var g2 = rgb[1] / 255;
-    var b3 = rgb[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 x = 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 [x * 100, y2 * 100, z2 * 100];
-  };
-  convert2.rgb.lab = function(rgb) {
-    var xyz = convert2.rgb.xyz(rgb);
-    var x = xyz[0];
-    var y2 = xyz[1];
-    var z2 = xyz[2];
-    var l2;
-    var a2;
-    var b3;
-    x /= 95.047;
-    y2 /= 100;
-    z2 /= 108.883;
-    x = x > 8856e-6 ? Math.pow(x, 1 / 3) : 7.787 * x + 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 * (x - y2);
-    b3 = 200 * (y2 - z2);
-    return [l2, a2, b3];
-  };
-  convert2.hsl.rgb = function(hsl) {
-    var h2 = hsl[0] / 360;
-    var s2 = hsl[1] / 100;
-    var l2 = hsl[2] / 100;
-    var t1;
-    var t2;
-    var t3;
-    var rgb;
-    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(rgb) {
+  const r2 = rgb[0];
+  const g2 = rgb[1];
+  let b3 = rgb[2];
+  const h2 = convert$2.rgb.hsl(rgb)[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(rgb) {
+  const r2 = srgbNonlinearTransformInv(rgb[0] / 255);
+  const g2 = srgbNonlinearTransformInv(rgb[1] / 255);
+  const b3 = srgbNonlinearTransformInv(rgb[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(rgb) {
+  const r2 = rgb[0] / 255;
+  const g2 = rgb[1] / 255;
+  const b3 = rgb[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(x, y2) {
+  return __pow(x[0] - y2[0], 2) + __pow(x[1] - y2[1], 2) + __pow(x[2] - y2[2], 2);
+}
+__name(comparativeDistance, "comparativeDistance");
+convert$2.rgb.keyword = function(rgb) {
+  const reversed = reverseKeywords[rgb];
+  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(rgb, value);
+    if (distance2 < currentClosestDistance) {
+      currentClosestDistance = distance2;
+      currentClosestKeyword = keyword;
+    }
+  }
+  return currentClosestKeyword;
+};
+convert$2.keyword.rgb = function(keyword) {
+  return cssKeywords[keyword];
+};
+convert$2.rgb.xyz = function(rgb) {
+  const r2 = srgbNonlinearTransformInv(rgb[0] / 255);
+  const g2 = srgbNonlinearTransformInv(rgb[1] / 255);
+  const b3 = srgbNonlinearTransformInv(rgb[2] / 255);
+  const x = 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 [x * 100, y2 * 100, z2 * 100];
+};
+convert$2.rgb.lab = function(rgb) {
+  const xyz = convert$2.rgb.xyz(rgb);
+  let x = xyz[0];
+  let y2 = xyz[1];
+  let z2 = xyz[2];
+  x /= 95.047;
+  y2 /= 100;
+  z2 /= 108.883;
+  x = x > LAB_FT ? __pow(x, 1 / 3) : 7.787 * x + 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 * (x - y2);
+  const b3 = 200 * (y2 - z2);
+  return [l2, a2, b3];
+};
+convert$2.hsl.rgb = function(hsl) {
+  const h2 = hsl[0] / 360;
+  const s2 = hsl[1] / 100;
+  const l2 = hsl[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 rgb = [0, 0, 0];
+  for (let i = 0; i < 3; i++) {
+    t3 = h2 + 1 / 3 * -(i - 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;
-    rgb = [0, 0, 0];
-    for (var i = 0; i < 3; i++) {
-      t3 = h2 + 1 / 3 * -(i - 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;
-      }
-      rgb[i] = val2 * 255;
+      value = t1;
     }
-    return rgb;
-  };
-  convert2.hsl.hsv = function(hsl) {
-    var h2 = hsl[0];
-    var s2 = hsl[1] / 100;
-    var l2 = hsl[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 i;
-    var v2;
-    var f2;
-    var n2;
-    if (ratio > 1) {
-      wh /= ratio;
-      bl /= ratio;
-    }
-    i = Math.floor(6 * h2);
-    v2 = 1 - bl;
-    f2 = 6 * h2 - i;
-    if ((i & 1) !== 0) {
-      f2 = 1 - f2;
-    }
-    n2 = wh + f2 * (v2 - wh);
-    var r2;
-    var g2;
-    var b3;
-    switch (i) {
-      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;
+    rgb[i] = value * 255;
+  }
+  return rgb;
+};
+convert$2.hsl.hsv = function(hsl) {
+  const h2 = hsl[0];
+  let s2 = hsl[1] / 100;
+  let l2 = hsl[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];
     }
-    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 x = xyz[0] / 100;
-    var y2 = xyz[1] / 100;
-    var z2 = xyz[2] / 100;
-    var r2;
-    var g2;
-    var b3;
-    r2 = x * 3.2406 + y2 * -1.5372 + z2 * -0.4986;
-    g2 = x * -0.9689 + y2 * 1.8758 + z2 * 0.0415;
-    b3 = x * 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 x = xyz[0];
-    var y2 = xyz[1];
-    var z2 = xyz[2];
-    var l2;
-    var a2;
-    var b3;
-    x /= 95.047;
-    y2 /= 100;
-    z2 /= 108.883;
-    x = x > 8856e-6 ? Math.pow(x, 1 / 3) : 7.787 * x + 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 * (x - 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 x;
-    var y2;
-    var z2;
-    y2 = (l2 + 16) / 116;
-    x = a2 / 500 + y2;
-    z2 = y2 - b3 / 200;
-    var y22 = Math.pow(y2, 3);
-    var x2 = Math.pow(x, 3);
-    var z22 = Math.pow(z2, 3);
-    y2 = y22 > 8856e-6 ? y22 : (y2 - 16 / 116) / 7.787;
-    x = x2 > 8856e-6 ? x2 : (x - 16 / 116) / 7.787;
-    z2 = z22 > 8856e-6 ? z22 : (z2 - 16 / 116) / 7.787;
-    x *= 95.047;
-    y2 *= 100;
-    z2 *= 108.883;
-    return [x, 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;
-    }
-    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("");
-    }
-    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(rgb) {
-    var r2 = rgb[0] / 255;
-    var g2 = rgb[1] / 255;
-    var b3 = rgb[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(hsl) {
-    var s2 = hsl[1] / 100;
-    var l2 = hsl[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 [hsl[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 1: {
+      return [q2, v2, p2];
     }
-    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(rgb) {
-    return [rgb[0] / 255 * 65535, rgb[1] / 255 * 65535, rgb[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(rgb) {
-    var val2 = (rgb[0] + rgb[1] + rgb[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, i = 0; i < len; i++) {
-      graph[models[i]] = {
-        // http://jsperf.com/1-vs-infinity
-        // micro-opt, but this is simple.
-        distance: -1,
-        parent: null
-      };
+    case 2: {
+      return [p2, v2, t2];
+    }
+    case 3: {
+      return [p2, q2, v2];
+    }
+    case 4: {
+      return [t2, p2, v2];
+    }
+    case 5: {
+      return [v2, p2, q2];
     }
-    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, i = 0; i < len; i++) {
-        var adjacent = adjacents[i];
-        var node2 = graph[adjacent];
-        if (node2.distance === -1) {
-          node2.distance = graph[current].distance + 1;
-          node2.parent = current;
-          queue.unshift(adjacent);
-        }
-      }
+};
+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 i = Math.floor(6 * h2);
+  const v2 = 1 - bl;
+  f2 = 6 * h2 - i;
+  if ((i & 1) !== 0) {
+    f2 = 1 - f2;
+  }
+  const n2 = wh + f2 * (v2 - wh);
+  let r2;
+  let g2;
+  let b3;
+  switch (i) {
+    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;
+    }
+  }
+  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 x = xyz[0] / 100;
+  const y2 = xyz[1] / 100;
+  const z2 = xyz[2] / 100;
+  let r2;
+  let g2;
+  let b3;
+  r2 = x * 3.2404542 + y2 * -1.5371385 + z2 * -0.4985314;
+  g2 = x * -0.969266 + y2 * 1.8760108 + z2 * 0.041556;
+  b3 = x * 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 x = xyz[0];
+  let y2 = xyz[1];
+  let z2 = xyz[2];
+  x /= 95.047;
+  y2 /= 100;
+  z2 /= 108.883;
+  x = x > LAB_FT ? __pow(x, 1 / 3) : 7.787 * x + 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 * (x - y2);
+  const b3 = 200 * (y2 - z2);
+  return [l2, a2, b3];
+};
+convert$2.xyz.oklab = function(xyz) {
+  const x = xyz[0] / 100;
+  const y2 = xyz[1] / 100;
+  const z2 = xyz[2] / 100;
+  const lp = Math.cbrt(0.8189330101 * x + 0.3618667424 * y2 - 0.1288597137 * z2);
+  const mp = Math.cbrt(0.0329845436 * x + 0.9293118715 * y2 + 0.0361456387 * z2);
+  const sp = Math.cbrt(0.0482003018 * x + 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 x = 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 [x * 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 x;
+  let y2;
+  let z2;
+  y2 = (l2 + 16) / 116;
+  x = a2 / 500 + y2;
+  z2 = y2 - b3 / 200;
+  const y22 = __pow(y2, 3);
+  const x2 = __pow(x, 3);
+  const z22 = __pow(z2, 3);
+  y2 = y22 > LAB_FT ? y22 : (y2 - 16 / 116) / 7.787;
+  x = x2 > LAB_FT ? x2 : (x - 16 / 116) / 7.787;
+  z2 = z22 > LAB_FT ? z22 : (z2 - 16 / 116) / 7.787;
+  x *= 95.047;
+  y2 *= 100;
+  z2 *= 108.883;
+  return [x, 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;
+  }
+  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;
+    }
+    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(rgb) {
+  const r2 = rgb[0] / 255;
+  const g2 = rgb[1] / 255;
+  const b3 = rgb[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(hsl) {
+  const s2 = hsl[1] / 100;
+  const l2 = hsl[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 [hsl[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 graph;
   }
-  __name(deriveBFS, "deriveBFS");
-  function link2(from, to) {
-    return function(args) {
-      return to(from(args));
+  mg = (1 - c2) * g2;
+  return [
+    (c2 * pure2[0] + mg) * 255,
+    (c2 * pure2[1] + mg) * 255,
+    (c2 * pure2[2] + mg) * 255
+  ];
+};
+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(rgb) {
+  return [rgb[0] / 255 * 65535, rgb[1] / 255 * 65535, rgb[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(rgb) {
+  const value = (rgb[0] + rgb[1] + rgb[2]) / 3;
+  return [value / 255 * 100];
+};
+function buildGraph() {
+  const graph = {};
+  const models2 = Object.keys(convert$2);
+  for (let { length } = models2, i = 0; i < length; i++) {
+    graph[models2[i]] = {
+      // http://jsperf.com/1-vs-infinity
+      // micro-opt, but this is simple.
+      distance: -1,
+      parent: null
     };
   }
-  __name(link2, "link");
-  function wrapConversion(toModel, graph) {
-    var path2 = [graph[toModel].parent, toModel];
-    var fn4 = conversions2[graph[toModel].parent][toModel];
-    var cur = graph[toModel].parent;
-    while (graph[cur].parent) {
-      path2.unshift(graph[cur].parent);
-      fn4 = link2(conversions2[graph[cur].parent][cur], fn4);
-      cur = graph[cur].parent;
-    }
-    fn4.conversion = path2;
-    return fn4;
+  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, i = 0; i < length; i++) {
+      const adjacent = adjacents[i];
+      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 fn4 = convert$2[graph[toModel].parent][toModel];
+  let cur = graph[toModel].parent;
+  while (graph[cur].parent) {
+    path2.unshift(graph[cur].parent);
+    fn4 = link$2(convert$2[graph[cur].parent][cur], fn4);
+    cur = graph[cur].parent;
+  }
+  fn4.conversion = path2;
+  return fn4;
+}
+__name(wrapConversion, "wrapConversion");
+function route(fromModel) {
+  const graph = deriveBFS(fromModel);
+  const conversion = {};
+  const models2 = Object.keys(graph);
+  for (let { length } = models2, i = 0; i < length; i++) {
+    const toModel = models2[i];
+    const node2 = graph[toModel];
+    if (node2.parent === null) {
+      continue;
+    }
+    conversion[toModel] = wrapConversion(toModel, graph);
   }
-  __name(wrapConversion, "wrapConversion");
-  route = /* @__PURE__ */ __name(function(fromModel) {
-    var graph = deriveBFS(fromModel);
-    var conversion = {};
-    var models = Object.keys(graph);
-    for (var len = models.length, i = 0; i < len; i++) {
-      var toModel = models[i];
-      var 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(fn4) {
+  const wrappedFn = /* @__PURE__ */ __name(function(...args) {
+    const arg0 = args[0];
+    if (arg0 === void 0 || arg0 === null) {
+      return arg0;
+    }
+    if (arg0.length > 1) {
+      args = arg0;
     }
-    return conversion;
-  }, "route");
-  return route;
+    return fn4(args);
+  }, "wrappedFn");
+  if ("conversion" in fn4) {
+    wrappedFn.conversion = fn4.conversion;
+  }
+  return wrappedFn;
 }
-__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(fn4) {
-    var wrappedFn = /* @__PURE__ */ __name(function(args) {
-      if (args === void 0 || args === null) {
-        return args;
-      }
-      if (arguments.length > 1) {
-        args = Array.prototype.slice.call(arguments);
+__name(wrapRaw, "wrapRaw");
+function wrapRounded(fn4) {
+  const wrappedFn = /* @__PURE__ */ __name(function(...args) {
+    const arg0 = args[0];
+    if (arg0 === void 0 || arg0 === null) {
+      return arg0;
+    }
+    if (arg0.length > 1) {
+      args = arg0;
+    }
+    const result = fn4(args);
+    if (typeof result === "object") {
+      for (let { length } = result, i = 0; i < length; i++) {
+        result[i] = Math.round(result[i]);
       }
-      return fn4(args);
-    }, "wrappedFn");
-    if ("conversion" in fn4) {
-      wrappedFn.conversion = fn4.conversion;
     }
-    return wrappedFn;
+    return result;
+  }, "wrappedFn");
+  if ("conversion" in fn4) {
+    wrappedFn.conversion = fn4.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 fn4 = routes[toModel];
+    convert$1[fromModel][toModel] = wrapRounded(fn4);
+    convert$1[fromModel][toModel].raw = wrapRaw(fn4);
+  }
+}
+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(object3, model) {
+  if (!(this instanceof Color)) {
+    return new Color(object3, model);
   }
-  __name(wrapRaw, "wrapRaw");
-  function wrapRounded(fn4) {
-    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 = fn4(args);
-      if (typeof result === "object") {
-        for (var len = result.length, i = 0; i < len; i++) {
-          result[i] = Math.round(result[i]);
-        }
-      }
-      return result;
-    }, "wrappedFn");
-    if ("conversion" in fn4) {
-      wrappedFn.conversion = fn4.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 fn4 = routes[toModel];
-      convert2[fromModel][toModel] = wrapRounded(fn4);
-      convert2[fromModel][toModel].raw = wrapRaw(fn4);
-    });
-  });
-  colorConvert = convert2;
-  return colorConvert;
-}
-__name(requireColorConvert, "requireColorConvert");
-var color$1;
-var hasRequiredColor;
-function requireColor() {
-  if (hasRequiredColor) return color$1;
-  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"
-  ];
-  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);
+  if (model && model in skippedModels) {
+    model = null;
+  }
+  if (model && !(model in convert$1)) {
+    throw new Error("Unknown model: " + model);
+  }
+  let i;
+  let channels;
+  if (object3 == null) {
+    this.model = "rgb";
+    this.color = [0, 0, 0];
+    this.valpha = 1;
+  } else if (object3 instanceof Color) {
+    this.model = object3.model;
+    this.color = [...object3.color];
+    this.valpha = object3.valpha;
+  } else if (typeof object3 === "string") {
+    const result = cs.get(object3);
+    if (result === null) {
+      throw new Error("Unable to parse color from string: " + object3);
+    }
+    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 (object3.length > 0) {
+    this.model = model || "rgb";
+    channels = convert$1[this.model].channels;
+    const newArray = Array.prototype.slice.call(object3, 0, channels);
+    this.color = zeroArray(newArray, channels);
+    this.valpha = typeof object3[channels] === "number" ? object3[channels] : 1;
+  } else if (typeof object3 === "number") {
+    this.model = "rgb";
+    this.color = [
+      object3 >> 16 & 255,
+      object3 >> 8 & 255,
+      object3 & 255
+    ];
+    this.valpha = 1;
+  } else {
+    this.valpha = 1;
+    const keys3 = Object.keys(object3);
+    if ("alpha" in object3) {
+      keys3.splice(keys3.indexOf("alpha"), 1);
+      this.valpha = typeof object3.alpha === "number" ? object3.alpha : 0;
     }
-    if (model && model in skippedModels) {
-      model = null;
+    const hashedKeys = keys3.sort().join("");
+    if (!(hashedKeys in hashedModelKeys)) {
+      throw new Error("Unable to parse color from object: " + JSON.stringify(object3));
     }
-    if (model && !(model in convert2)) {
-      throw new Error("Unknown model: " + model);
+    this.model = hashedModelKeys[hashedKeys];
+    const { labels } = convert$1[this.model];
+    const color2 = [];
+    for (i = 0; i < labels.length; i++) {
+      color2.push(object3[labels[i]]);
     }
-    var i;
-    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 keys3 = Object.keys(obj);
-      if ("alpha" in obj) {
-        keys3.splice(keys3.indexOf("alpha"), 1);
-        this.valpha = typeof obj.alpha === "number" ? obj.alpha : 0;
-      }
-      var hashedKeys = keys3.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 (i = 0; i < labels.length; i++) {
-        color2.push(obj[labels[i]]);
-      }
-      this.color = zeroArray(color2);
-    }
-    if (limiters[this.model]) {
-      channels = convert2[this.model].channels;
-      for (i = 0; i < channels; i++) {
-        var limit = limiters[this.model][i];
-        if (limit) {
-          this.color[i] = limit(this.color[i]);
-        }
-      }
-    }
-    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 i = 0; i < channels; i++) {
-        result[labels[i]] = this.color[i];
-      }
-      if (this.valpha !== 1) {
-        result.alpha = this.valpha;
+    this.color = zeroArray(color2);
+  }
+  if (limiters[this.model]) {
+    channels = convert$1[this.model].channels;
+    for (i = 0; i < channels; i++) {
+      const limit = limiters[this.model][i];
+      if (limit) {
+        this.color[i] = limit(this.color[i]);
       }
-      return result;
-    }, "object"),
-    unitArray: /* @__PURE__ */ __name(function() {
-      var rgb = this.rgb().color;
-      rgb[0] /= 255;
-      rgb[1] /= 255;
-      rgb[2] /= 255;
-      if (this.valpha !== 1) {
-        rgb.push(this.valpha);
-      }
-      return rgb;
-    }, "unitArray"),
-    unitObject: /* @__PURE__ */ __name(function() {
-      var rgb = this.rgb().object();
-      rgb.r /= 255;
-      rgb.g /= 255;
-      rgb.b /= 255;
-      if (this.valpha !== 1) {
-        rgb.alpha = this.valpha;
-      }
-      return rgb;
-    }, "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 rgb = this.rgb().color;
-      return (rgb[0] & 255) << 16 | (rgb[1] & 255) << 8 | rgb[2] & 255;
-    }, "rgbNumber"),
-    luminosity: /* @__PURE__ */ __name(function() {
-      var rgb = this.rgb().color;
-      var lum = [];
-      for (var i = 0; i < rgb.length; i++) {
-        var chan = rgb[i] / 255;
-        lum[i] = 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 rgb = this.rgb().color;
-      var yiq = (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1e3;
-      return yiq < 128;
-    }, "isDark"),
-    isLight: /* @__PURE__ */ __name(function() {
-      return !this.isDark();
-    }, "isLight"),
-    negate: /* @__PURE__ */ __name(function() {
-      var rgb = this.rgb();
-      for (var i = 0; i < 3; i++) {
-        rgb.color[i] = 255 - rgb.color[i];
-      }
-      return rgb;
-    }, "negate"),
-    lighten: /* @__PURE__ */ __name(function(ratio) {
-      var hsl = this.hsl();
-      hsl.color[2] += hsl.color[2] * ratio;
-      return hsl;
-    }, "lighten"),
-    darken: /* @__PURE__ */ __name(function(ratio) {
-      var hsl = this.hsl();
-      hsl.color[2] -= hsl.color[2] * ratio;
-      return hsl;
-    }, "darken"),
-    saturate: /* @__PURE__ */ __name(function(ratio) {
-      var hsl = this.hsl();
-      hsl.color[1] += hsl.color[1] * ratio;
-      return hsl;
-    }, "saturate"),
-    desaturate: /* @__PURE__ */ __name(function(ratio) {
-      var hsl = this.hsl();
-      hsl.color[1] -= hsl.color[1] * ratio;
-      return hsl;
-    }, "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 rgb = this.rgb().color;
-      var val2 = rgb[0] * 0.3 + rgb[1] * 0.59 + rgb[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 hsl = this.hsl();
-      var hue = hsl.color[0];
-      hue = (hue + degrees) % 360;
-      hue = hue < 0 ? 360 + hue : hue;
-      hsl.color[0] = hue;
-      return hsl;
-    }, "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;
     }
-    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);
-      }
-      return new Color2(color2, model);
-    };
-  });
-  function roundTo(num, places) {
-    return Number(num.toFixed(places));
   }
-  __name(roundTo, "roundTo");
-  function roundToPlace(places) {
-    return function(num) {
-      return roundTo(num, places);
-    };
+  this.valpha = Math.max(0, Math.min(1, this.valpha));
+  if (Object.freeze) {
+    Object.freeze(this);
   }
-  __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);
-      }
-      return result;
-    };
+}
+__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 i = 0; i < channels; i++) {
+      result[labels[i]] = this.color[i];
+    }
+    if (this.valpha !== 1) {
+      result.alpha = this.valpha;
+    }
+    return result;
+  },
+  unitArray() {
+    const rgb = this.rgb().color;
+    rgb[0] /= 255;
+    rgb[1] /= 255;
+    rgb[2] /= 255;
+    if (this.valpha !== 1) {
+      rgb.push(this.valpha);
+    }
+    return rgb;
+  },
+  unitObject() {
+    const rgb = this.rgb().object();
+    rgb.r /= 255;
+    rgb.g /= 255;
+    rgb.b /= 255;
+    if (this.valpha !== 1) {
+      rgb.alpha = this.valpha;
+    }
+    return rgb;
+  },
+  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 rgb = this.rgb().color;
+    return (rgb[0] & 255) << 16 | (rgb[1] & 255) << 8 | rgb[2] & 255;
+  },
+  luminosity() {
+    const rgb = this.rgb().color;
+    const lum = [];
+    for (const [i, element2] of rgb.entries()) {
+      const chan = element2 / 255;
+      lum[i] = 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 rgb = this.rgb().color;
+    const yiq = (rgb[0] * 2126 + rgb[1] * 7152 + rgb[2] * 722) / 1e4;
+    return yiq < 128;
+  },
+  isLight() {
+    return !this.isDark();
+  },
+  negate() {
+    const rgb = this.rgb();
+    for (let i = 0; i < 3; i++) {
+      rgb.color[i] = 255 - rgb.color[i];
+    }
+    return rgb;
+  },
+  lighten(ratio) {
+    const hsl = this.hsl();
+    hsl.color[2] += hsl.color[2] * ratio;
+    return hsl;
+  },
+  darken(ratio) {
+    const hsl = this.hsl();
+    hsl.color[2] -= hsl.color[2] * ratio;
+    return hsl;
+  },
+  saturate(ratio) {
+    const hsl = this.hsl();
+    hsl.color[1] += hsl.color[1] * ratio;
+    return hsl;
+  },
+  desaturate(ratio) {
+    const hsl = this.hsl();
+    hsl.color[1] -= hsl.color[1] * ratio;
+    return hsl;
+  },
+  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 rgb = this.rgb().color;
+    const value = rgb[0] * 0.3 + rgb[1] * 0.59 + rgb[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 hsl = this.hsl();
+    let hue = hsl.color[0];
+    hue = (hue + degrees) % 360;
+    hue = hue < 0 ? 360 + hue : hue;
+    hsl.color[0] = hue;
+    return hsl;
+  },
+  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(getset, "getset");
-  function maxfn(max2) {
-    return function(v2) {
-      return Math.max(0, Math.min(max2, v2));
-    };
+};
+for (const model of Object.keys(convert$1)) {
+  if (skippedModels.includes(model)) {
+    continue;
   }
-  __name(maxfn, "maxfn");
-  function assertArray(val2) {
-    return Array.isArray(val2) ? val2 : [val2];
+  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;
   }
-  __name(assertArray, "assertArray");
-  function zeroArray(arr, length) {
-    for (var i = 0; i < length; i++) {
-      if (typeof arr[i] !== "number") {
-        arr[i] = 0;
+  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(array2, length) {
+  for (let i = 0; i < length; i++) {
+    if (typeof array2[i] !== "number") {
+      array2[i] = 0;
     }
-    return arr;
   }
-  __name(zeroArray, "zeroArray");
-  color$1 = Color2;
-  return color$1;
+  return array2;
 }
-__name(requireColor, "requireColor");
-var colorExports = requireColor();
-const Color = /* @__PURE__ */ getDefaultExportFromCjs(colorExports);
+__name(zeroArray, "zeroArray");
 function determineBlackOrWhiteTextColor(c2) {
   try {
     return Color(c2).isLight() ? "#000000" : "#FFFFFF";
@@ -40023,10 +39821,10 @@ function tokenizeCodeFenced(effects, ok2, nok) {
     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");
@@ -40036,9 +39834,9 @@ function tokenizeCodeFenced(effects, ok2, nok) {
       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);
   }
@@ -55955,6 +55753,34 @@ if (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === "object") {
     $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();
 const IS_LINUX = window.navigator.platform.toLowerCase().search("linux") > -1;
 const itemSizeEstimators = {
@@ -56303,6 +56129,7 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
   const entities = useDeepEqualMemo(_entities);
   const entitiesAcrossPages = useDeepEqualMemo(_entitiesAcrossPages);
   useEffect(() => {
+    !noExcessiveCheck && isBeingCalledExcessively({ uniqName: `dt_entities_${formName}` });
     change$1("allOrderedEntities", entitiesAcrossPages);
     if (entities.length === 0 || isEmpty$1(reduxFormSelectedEntityIdMap)) return;
     changeSelectedEntities({
@@ -56325,6 +56152,7 @@ const DataTable = /* @__PURE__ */ __name((_u) => {
       } else {
         newTableConfig = getTableConfigFromStorage(formName);
       }
+      !noExcessiveCheck && isBeingCalledExcessively({ uniqName: `dt_setTableConfig_${formName}` });
       setTableConfig((prev) => {
         if (!newTableConfig) {
           newTableConfig = {
@@ -75010,7 +74838,9 @@ function comboToLabel(def, useSymbols = true) {
   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");
@@ -75020,7 +74850,7 @@ __name(comboToLabel, "comboToLabel");
 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 {
@@ -75055,15 +74885,18 @@ const withHotkeys = /* @__PURE__ */ __name((hotkeys, handlers2) => {
       React__default.cloneElement(children, newProps)
     ) : (
       //if not, then we'll return a div that can be used
-      /* @__PURE__ */ React__default.createElement("div", __spreadValues({ className: "hotkeyHandler" }, newProps))
+      /* @__PURE__ */ 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: "␛",
@@ -75081,9 +74914,9 @@ const symbols = {
   left: "←",
   right: "→",
   up: "↑",
-  down: "↓"
+  down: "↓",
+  mod: isMac ? cmd : ctrl
 };
-symbols.mod = symbols[isMac ? "meta" : "ctrl"];
 let MenuBar$1 = (_C = class extends React__default.Component {
   constructor(props) {
     super(props);
@@ -75971,21 +75804,21 @@ function getCommandHotkeyHandlers(commands) {
 }
 __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__default.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__default.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__default.createElement(React__default.Fragment, null, props.prefix, cmd.name) || cmd.name, "label"),
+  label: /* @__PURE__ */ __name((cmd2, props) => props.name || props.prefix && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.prefix, cmd2.name) || cmd2.name, "label"),
   disabled: "isDisabled",
   checked: "isActive"
 })(Checkbox);
@@ -75994,13 +75827,13 @@ const Div = /* @__PURE__ */ __name(({ onChange, children }) => {
 }, "Div");
 const CmdDiv = withCommand({
   onChange: "execute",
-  children: /* @__PURE__ */ __name((cmd, props) => props.name || props.prefix && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.prefix, cmd.name) || cmd.name, "children"),
+  children: /* @__PURE__ */ __name((cmd2, props) => props.name || props.prefix && /* @__PURE__ */ React__default.createElement(React__default.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);
@@ -76293,9 +76126,9 @@ const createYourOwnEnzyme$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
   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
     });
   });
 }
@@ -78370,303 +78203,6 @@ const getFeatureToColorMap = /* @__PURE__ */ __name(({ includeHidden } = {}) =>
 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 lookup(index2) {
-    var alphabetShuffled = getShuffled();
-    return alphabetShuffled[index2];
-  }
-  __name(lookup, "lookup");
-  function get7() {
-    return alphabet || ORIGINAL;
-  }
-  __name(get7, "get");
-  alphabet_1 = {
-    get: get7,
-    characters,
-    seed: setSeed,
-    lookup,
-    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(size) {
-      var bytes = [];
-      for (var i = 0; i < size; i++) {
-        bytes.push(Math.floor(Math.random() * 256));
-      }
-      return bytes;
-    }, "randomByte");
-  } else {
-    randomByte = /* @__PURE__ */ __name(function(size) {
-      return crypto2.getRandomValues(new Uint8Array(size));
-    }, "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, size) {
-    var mask = (2 << Math.log(alphabet.length - 1) / Math.LN2) - 1;
-    var step = -~(1.6 * mask * size / alphabet.length);
-    var id2 = "";
-    while (true) {
-      var bytes = random(step);
-      var i = step;
-      while (i--) {
-        id2 += alphabet[bytes[i] & mask] || "";
-        if (id2.length === +size) 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 build(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(build, "build");
-  build_1 = build;
-  return build_1;
-}
-__name(requireBuild, "requireBuild");
-var isValid2;
-var hasRequiredIsValid;
-function requireIsValid() {
-  if (hasRequiredIsValid) return isValid2;
-  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");
-  isValid2 = isShortId;
-  return isValid2;
-}
-__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 build = requireBuild();
-    var isValid3 = 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 build(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 = isValid3;
-  })(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 = [];
@@ -78874,7 +78410,7 @@ function cutSequence(forwardRegExpPattern, restrictionEnzyme, sequence2, circula
       }
       const overhangBps = getSequenceWithinRange(cutRange, originalSequence);
       restrictionCutSite = {
-        id: uuid(),
+        id: nanoid(),
         start: start2,
         end: end2,
         topSnipPosition,
@@ -83509,10 +83045,10 @@ function tidyUpAnnotation(_annotation, {
     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
     );
@@ -83756,7 +83292,7 @@ function tidyUpSequenceData(pSeqData, options = {}) {
         if (item.id || item.id === 0) {
           itemId = item.id;
         } else {
-          itemId = uuid();
+          itemId = nanoid();
           if (!doNotProvideIdsForAnnotations) {
             item.id = itemId;
           }
@@ -83819,7 +83355,7 @@ function getVirtualDigest({
   });
   sortedCutsites.forEach((cutsite1, index2) => {
     if (computePartialDigest && !computePartialDigestDisabled) {
-      sortedCutsites.forEach((cs, index22) => {
+      sortedCutsites.forEach((cs2, index22) => {
         pairs.push([cutsite1, sortedCutsites[index22]]);
       });
     }
@@ -92188,7 +91724,7 @@ function getOrfsFromSequence(options) {
           forward,
           annotationTypePlural: "orfs",
           isOrf: true,
-          id: uuid()
+          id: nanoid()
         });
       }
     }
@@ -94318,11 +93854,11 @@ function requireValidator() {
           if (attrStr[attrStr.length - 1] === "/") {
             const attrStrStart = i - attrStr.length;
             attrStr = attrStr.substring(0, attrStr.length - 1);
-            const isValid3 = validateAttributeString(attrStr, options);
-            if (isValid3 === true) {
+            const isValid2 = validateAttributeString(attrStr, options);
+            if (isValid2 === true) {
               tagFound = true;
             } else {
-              return getErrorObject(isValid3.err.code, isValid3.err.msg, getLineNumberForPosition(xmlData, attrStrStart + isValid3.err.line));
+              return getErrorObject(isValid2.err.code, isValid2.err.msg, getLineNumberForPosition(xmlData, attrStrStart + isValid2.err.line));
             }
           } else if (closingTag) {
             if (!result.tagClosed) {
@@ -94344,9 +93880,9 @@ function requireValidator() {
               }
             }
           } else {
-            const isValid3 = validateAttributeString(attrStr, options);
-            if (isValid3 !== true) {
-              return getErrorObject(isValid3.err.code, isValid3.err.msg, getLineNumberForPosition(xmlData, i - attrStr.length + isValid3.err.line));
+            const isValid2 = validateAttributeString(attrStr, options);
+            if (isValid2 !== true) {
+              return getErrorObject(isValid2.err.code, isValid2.err.msg, getLineNumberForPosition(xmlData, i - attrStr.length + isValid2.err.line));
             }
             if (reachedRoot === true) {
               return getErrorObject("InvalidXml", "Multiple possible root nodes found.", getLineNumberForPosition(xmlData, i));
@@ -103524,7 +103060,7 @@ const alignments = /* @__PURE__ */ __name((state2 = {}, { payload = {}, type: ty
   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) {
@@ -103746,10 +103282,10 @@ const flipActiveTabFromLinearOrCircularIfNecessary = createMetaAction(
   "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(
@@ -103759,13 +103295,13 @@ const createNewDigest = /* @__PURE__ */ __name((unused, meta) => {
           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(
@@ -103775,13 +103311,13 @@ const createNewPCR = /* @__PURE__ */ __name((unused, meta) => {
           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(
@@ -103791,13 +103327,13 @@ const createNewAlignment = /* @__PURE__ */ __name((payload, meta) => {
           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(
@@ -103807,16 +103343,16 @@ const createNewMismatchesList = /* @__PURE__ */ __name((payload, meta) => {
           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(
@@ -104353,7 +103889,7 @@ const updateSelectedAnnotation = createMetaAction(
 );
 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) {
@@ -104363,7 +103899,7 @@ function replacementLayerRightClicked({ event, annotation }, meta) {
         onClick: /* @__PURE__ */ __name(function() {
           dispatch({
             type: "REPLACEMENT_LAYER_DELETE",
-            meta,
+            meta: meta2,
             payload: __spreadValues({}, annotation)
           });
         }, "onClick")
@@ -105228,7 +104764,7 @@ const deepEqual = /* @__PURE__ */ getDefaultExportFromCjs(deepEqualExports);
 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 })
       });
@@ -105352,7 +104888,7 @@ function index$1(state2, action2) {
     return state2;
   } else {
     return __spreadProps(__spreadValues({}, newState), {
-      stateTrackingId: newState.stateTrackingId ? uuid() : "initialLoadId"
+      stateTrackingId: newState.stateTrackingId ? nanoid() : "initialLoadId"
     });
   }
 }
@@ -105811,11 +105347,11 @@ const _FillWindow = class _FillWindow extends React__default.Component {
 };
 __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;
@@ -106053,7 +105589,7 @@ function cutsitesSelector(sequence2, circular2, enzymeList, cutsiteLabelColors)
     const cutsitesForEnzyme = cutsitesByName[enzymeName];
     cutsitesForEnzyme.forEach(function(cutsite) {
       const numberOfCuts = cutsitesByName[enzymeName].length;
-      const uniqueId = uuid();
+      const uniqueId = nanoid();
       cutsite.id = uniqueId;
       cutsite.numberOfCuts = numberOfCuts;
       cutsite.annotationType = "cutsite";
@@ -106457,7 +105993,7 @@ const cdsFeaturesSelector = createSelector(featuresSelector, cdsFeaturesRawSelec
 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",
@@ -106498,7 +106034,7 @@ function translationsSelector(isCircular, translationSearchMatches, sequence2, o
     (acc, isActive2, frameName) => {
       const frameOffset = Number(frameName);
       if (isActive2) {
-        const id2 = uuid();
+        const id2 = nanoid();
         acc[id2] = {
           id: id2,
           start: isCircular || frameOffset > 0 ? normalizePositionByRangeLength(
@@ -107211,7 +106747,7 @@ function requireDomToImage() {
           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);
@@ -107241,14 +106777,14 @@ function requireDomToImage() {
               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("");
@@ -107510,7 +107046,7 @@ function showDialog({
   dialogHolder.CustomModalComponent = ModalComponent;
   dialogHolder.props = props;
   dialogHolder.overrideName = overrideName;
-  dialogHolder.setUniqKeyToForceRerender(uuid());
+  dialogHolder.setUniqKeyToForceRerender(nanoid());
 }
 __name(showDialog, "showDialog");
 function hideDialog() {
@@ -107900,7 +107436,7 @@ const importSequenceFromFile = /* @__PURE__ */ __name((props) => (_0, ..._1) =>
         seqData = yield onImport(seqData, file, props);
       }
       if (seqData) {
-        seqData.stateTrackingId = uuid();
+        seqData.stateTrackingId = nanoid();
         updateEditor(
           {
             getState: /* @__PURE__ */ __name(() => ({ VectorEditor: { [props.editorName]: props } }), "getState"),
@@ -108162,7 +107698,7 @@ function mapStateToProps(state2, ownProps) {
     readOnly: readOnly2
   } = ownProps;
   const editorState = getEditorState(state2, editorName);
-  const meta = { editorName };
+  const meta2 = { editorName };
   const { VectorEditor } = state2;
   const { __allEditorsOptions } = VectorEditor;
   const { uppercaseSequenceMapFont: uppercaseSequenceMapFont2 } = __allEditorsOptions;
@@ -108190,7 +107726,7 @@ function mapStateToProps(state2, ownProps) {
     }
   });
   const toReturn = __spreadProps(__spreadValues({}, editorState), {
-    meta,
+    meta: meta2,
     annotationToAdd
   });
   if (sequenceDataFromProps && allowSeqDataOverride) {
@@ -108224,7 +107760,7 @@ function mapStateToProps(state2, ownProps) {
   const f2 = getFindTool(findTool2, matchesTotal);
   return __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, editorState), {
     readOnly: readOnly2 || editorState.readOnly,
-    meta,
+    meta: meta2,
     annotationToAdd
   }), newSelection && { selectionLayer: newSelection }), {
     selectedCutsites,
@@ -108283,8 +107819,8 @@ function fakeActionOverrides() {
 }
 __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(() => {
@@ -120246,7 +119782,7 @@ const DrawLabel = withHover(
           }, 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
@@ -122350,7 +121886,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.7.29";
+const version = "0.7.30-beta.1";
 const packageJson = {
   version
 };
@@ -128283,8 +127819,8 @@ function assignDefault(value, fallback) {
 __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) {
@@ -129087,9 +128623,9 @@ function parse(newConfig, gestureKey, _config = {}) {
 }
 __name(parse, "parse");
 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) {
@@ -129121,11 +128657,11 @@ const _TimeoutStore = class _TimeoutStore {
     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();
   }
 };
@@ -129223,19 +128759,19 @@ const _Controller = class _Controller {
 };
 __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) => {
@@ -129248,15 +128784,15 @@ const bindToProps = /* @__PURE__ */ __name((props, eventOptions, withPassiveOpti
   props[handlerProp].push(handler);
 }, "bindToProps");
 function useRecognizers(handlers2, config = {}, gestureKey, nativeHandlers) {
-  const ctrl = React__default.useMemo(() => new Controller(handlers2), []);
-  ctrl.applyHandlers(handlers2, nativeHandlers);
-  ctrl.applyConfig(config, gestureKey);
-  React__default.useEffect(ctrl.effect.bind(ctrl));
+  const ctrl2 = React__default.useMemo(() => new Controller(handlers2), []);
+  ctrl2.applyHandlers(handlers2, nativeHandlers);
+  ctrl2.applyConfig(config, gestureKey);
+  React__default.useEffect(ctrl2.effect.bind(ctrl2));
   React__default.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;
 }
@@ -129415,7 +128951,7 @@ const _UncontrolledSliderWithPlusMinusBtns = class _UncontrolledSliderWithPlusMi
         return fn4({
           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);
@@ -131945,7 +131481,7 @@ function Labels({
   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,
@@ -143138,7 +142674,7 @@ const _AlignmentTool = class _AlignmentTool extends React__default.Component {
         seqsToAlign = addedSequencesToUse;
       }
       hideModal();
-      const alignmentId = uuid();
+      const alignmentId = nanoid();
       createNewAlignment2({
         id: alignmentId,
         name: seqsToAlign[0].name + " Alignment"
@@ -143457,7 +142993,7 @@ const _MergeFeaturesDialog = class _MergeFeaturesDialog extends React__default.C
             }
             upsertFeature2(
               __spreadProps(__spreadValues({}, feat1), {
-                id: uuid(),
+                id: nanoid(),
                 start: start2 - 1,
                 end: end2 - 1,
                 name: name2