@spscommerce/ds-react 6.18.1 → 6.19.0

package/lib/index.es.js

@@ -65,9 +65,9 @@ function toVal(mix) {
   return str;
 }
 function clsx() {
-  var i2 = 0, tmp, x2, str = "";
-  while (i2 < arguments.length) {
-    if (tmp = arguments[i2++]) {
+  var i = 0, tmp, x2, str = "";
+  while (i < arguments.length) {
+    if (tmp = arguments[i++]) {
       if (x2 = toVal(tmp)) {
         str && (str += " ");
         str += x2;
@@ -599,26 +599,19 @@ const SpsAdvancedSearchExamples = {
     }
   }
 };
-var crypto = self.crypto || self.msCrypto;
-var url = "-_";
-var i = 36;
-while (i--) {
-  url += i.toString(36);
-}
-i = 36;
-while (i-- - 10) {
-  url += i.toString(36).toUpperCase();
-}
-var index_browser = function(size) {
-  var id = "";
-  var bytes = crypto.getRandomValues(new Uint8Array(size || 21));
-  i = size || 21;
-  while (i--) {
-    id += url[bytes[i] & 63];
+let nanoid = (size = 21) => crypto.getRandomValues(new Uint8Array(size)).reduce((id, byte) => {
+  byte &= 63;
+  if (byte < 36) {
+    id += byte.toString(36);
+  } else if (byte < 62) {
+    id += (byte - 26).toString(36).toUpperCase();
+  } else if (byte > 62) {
+    id += "-";
+  } else {
+    id += "_";
   }
   return id;
-};
-var nanoid = index_browser;
+}, "");
 function useElementId(id) {
   return useRef(id || nanoid());
 }
@@ -1155,7 +1148,7 @@ class SpsFormGroupMeta extends SpsFormSetMeta {
 }
 class SpsFormArrayMeta extends SpsFormSetMeta {
   inferMembers(inferFromValue) {
-    this.fields = inferFromValue.map((item, i2) => this.inferSpsControl(item, String(i2)));
+    this.fields = inferFromValue.map((item, i) => this.inferSpsControl(item, String(i)));
   }
 }
 function inferSpsControl(valueOrControl, path, update2) {
@@ -1215,7 +1208,7 @@ function cloneFormValue(value, path) {
   const next = path[0];
   path = path.slice(1);
   if (Array.isArray(value)) {
-    return value.map((x2, i2) => i2 === Number(next) ? cloneFormValue(x2, path) : x2);
+    return value.map((x2, i) => i === Number(next) ? cloneFormValue(x2, path) : x2);
   }
   if (lodash_isplainobject(value)) {
     return Object.keys(value).reduce((acc, key) => Object.assign(acc, {
@@ -1492,11 +1485,11 @@ function n$1(t2, n2) {
   }
   return false;
 }
-function r$1(t2, e2, n2, r2, i2, o, l2, d2) {
-  return o < t2 && l2 > e2 || o > t2 && l2 < e2 ? 0 : o <= t2 && d2 <= n2 || l2 >= e2 && d2 >= n2 ? o - t2 - r2 : l2 > e2 && d2 < n2 || o < t2 && d2 > n2 ? l2 - e2 + i2 : 0;
+function r$1(t2, e2, n2, r2, i, o, l2, d2) {
+  return o < t2 && l2 > e2 || o > t2 && l2 < e2 ? 0 : o <= t2 && d2 <= n2 || l2 >= e2 && d2 >= n2 ? o - t2 - r2 : l2 > e2 && d2 < n2 || o < t2 && d2 > n2 ? l2 - e2 + i : 0;
 }
-function compute(e2, i2) {
-  var o = window, l2 = i2.scrollMode, d2 = i2.block, u = i2.inline, h2 = i2.boundary, a = i2.skipOverflowHiddenElements, c2 = typeof h2 == "function" ? h2 : function(t2) {
+function compute(e2, i) {
+  var o = window, l2 = i.scrollMode, d2 = i.block, u = i.inline, h2 = i.boundary, a = i.skipOverflowHiddenElements, c2 = typeof h2 == "function" ? h2 : function(t2) {
     return t2 !== h2;
   };
   if (!t$1(e2))
@@ -2473,8 +2466,8 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
     className: "sps-option-list__zero-state"
   }, zeroState), (loading || searchState.pending) && /* @__PURE__ */ React.createElement("div", {
     className: "sps-option-list__loading"
-  }, /* @__PURE__ */ React.createElement(SpsSpinner, null)), !loading && !searchState.pending && optionList.map((option, i2) => {
-    const identifier = `${id}-option-${i2}`;
+  }, /* @__PURE__ */ React.createElement(SpsSpinner, null)), !loading && !searchState.pending && optionList.map((option, i) => {
+    const identifier = `${id}-option-${i}`;
     const comparisonResult = compareOptions(option.value, selectedOption, comparisonKey);
     const isOptionDisabledResult = isOptionDisabled(disabledOptionsRef.current, comparisonKey, option);
     return /* @__PURE__ */ React.createElement("a", {
@@ -2483,12 +2476,12 @@ const SpsOptionList = React.forwardRef((props2, ref2) => {
       role: optionRole,
       "aria-selected": comparisonResult,
       href: option.href,
-      className: clsx("sps-option-list__option", option.caption && "sps-option-list__option--has-caption", option.disabled && "sps-option-list__option--disabled", option.bold && "sps-option-list__option--bold", (comparisonResult || isOptionDisabledResult) && "sps-option-list__option--selected", highlightedOptionIndex === i2 && "sps-option-list__option--highlighted"),
+      className: clsx("sps-option-list__option", option.caption && "sps-option-list__option--has-caption", option.disabled && "sps-option-list__option--disabled", option.bold && "sps-option-list__option--bold", (comparisonResult || isOptionDisabledResult) && "sps-option-list__option--selected", highlightedOptionIndex === i && "sps-option-list__option--highlighted"),
       onClick: (event) => handleOptionClick(event, option, isOptionDisabledResult),
-      onMouseOver: () => setHighlightedOptionIndex(i2),
+      onMouseOver: () => setHighlightedOptionIndex(i),
       tabIndex: -1,
-      ref: highlightedOptionIndex === i2 ? highlightedOptionRef : null,
-      "data-testid": `${testId}-option-${i2}`
+      ref: highlightedOptionIndex === i ? highlightedOptionRef : null,
+      "data-testid": `${testId}-option-${i}`
     }, option.value && option.value.icon && /* @__PURE__ */ React.createElement("i", {
       className: clsx("sps-icon", "sps-option-list__option-icon", `sps-icon-${String(option.value.icon)}`)
     }), (!option.value || !option.value.icon && anyOptionHasIcon) && /* @__PURE__ */ React.createElement("span", {
@@ -2569,13 +2562,13 @@ function selectChildren(children = [], groups = []) {
   const nodeLists = new Array(normGroups.length + 1).fill(null).map(() => []);
   for (const node of childrenArray) {
     let nodeSelected = false;
-    for (let i2 = 0; i2 < normGroups.length; i2 += 1) {
-      for (const { type, props: props2 = {} } of normGroups[i2]) {
+    for (let i = 0; i < normGroups.length; i += 1) {
+      for (const { type, props: props2 = {} } of normGroups[i]) {
         if (node.type === type) {
           const propsMatch = Object.keys(props2).every((prop) => props2[prop] === node.props[prop]);
           if (propsMatch) {
             nodeSelected = true;
-            nodeLists[i2].push(node);
+            nodeLists[i].push(node);
             break;
           }
         }
@@ -3749,8 +3742,8 @@ function useControlledState(value, defaultValue, onChange) {
 }
 function _extends() {
   _extends = Object.assign || function(target) {
-    for (var i2 = 1; i2 < arguments.length; i2++) {
-      var source = arguments[i2];
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
@@ -4367,8 +4360,8 @@ function chain() {
 }
 function mergeProps() {
   let result = _extends({}, arguments.length <= 0 ? void 0 : arguments[0]);
-  for (let i2 = 1; i2 < arguments.length; i2++) {
-    let props2 = i2 < 0 || arguments.length <= i2 ? void 0 : arguments[i2];
+  for (let i = 1; i < arguments.length; i++) {
+    let props2 = i < 0 || arguments.length <= i ? void 0 : arguments[i];
     for (let key in props2) {
       let a = result[key];
       let b2 = props2[key];
@@ -4584,9 +4577,9 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return {};
   var target = {};
   var sourceKeys = Object.keys(source);
-  var key, i2;
-  for (i2 = 0; i2 < sourceKeys.length; i2++) {
-    key = sourceKeys[i2];
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0)
       continue;
     target[key] = source[key];
@@ -5116,8 +5109,8 @@ function $ffc54430b1dbeee65879852feaaff07d$var$getTouchFromEvent(event) {
 }
 function $ffc54430b1dbeee65879852feaaff07d$var$getTouchById(event, pointerId) {
   const changedTouches = event.changedTouches;
-  for (let i2 = 0; i2 < changedTouches.length; i2++) {
-    const touch = changedTouches[i2];
+  for (let i = 0; i < changedTouches.length; i++) {
+    const touch = changedTouches[i];
     if (touch.identifier === pointerId) {
       return touch;
     }
@@ -6842,9 +6835,9 @@ function ownKeys(object, enumerableOnly) {
   return keys;
 }
 function _objectSpread2(target) {
-  for (var i2 = 1; i2 < arguments.length; i2++) {
-    var source = arguments[i2] != null ? arguments[i2] : {};
-    if (i2 % 2) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+    if (i % 2) {
       ownKeys(Object(source), true).forEach(function(key) {
         _defineProperty(target, key, source[key]);
       });
@@ -6958,8 +6951,8 @@ function createStore$1(reducer2, preloadedState, enhancer) {
       isDispatching = false;
     }
     var listeners = currentListeners = nextListeners;
-    for (var i2 = 0; i2 < listeners.length; i2++) {
-      var listener = listeners[i2];
+    for (var i = 0; i < listeners.length; i++) {
+      var listener = listeners[i];
       listener();
     }
     return action;
@@ -7389,8 +7382,8 @@ function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
     }
     var targetStatics = getStatics(targetComponent);
     var sourceStatics = getStatics(sourceComponent);
-    for (var i2 = 0; i2 < keys.length; ++i2) {
-      var key = keys[i2];
+    for (var i = 0; i < keys.length; ++i) {
+      var key = keys[i];
       if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
         var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
         try {
@@ -7600,8 +7593,8 @@ function shallowEqual(objA, objB) {
   var keysB = Object.keys(objB);
   if (keysA.length !== keysB.length)
     return false;
-  for (var i2 = 0; i2 < keysA.length; i2++) {
-    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i2]) || !is(objA[keysA[i2]], objB[keysA[i2]])) {
+  for (var i = 0; i < keysA.length; i++) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
       return false;
     }
   }
@@ -7785,8 +7778,8 @@ function finalPropsSelectorFactory(dispatch, _ref2) {
 }
 var _excluded = ["pure", "areStatesEqual", "areOwnPropsEqual", "areStatePropsEqual", "areMergedPropsEqual"];
 function match(arg, factories, name) {
-  for (var i2 = factories.length - 1; i2 >= 0; i2--) {
-    var result = factories[i2](arg);
+  for (var i = factories.length - 1; i >= 0; i--) {
+    var result = factories[i](arg);
     if (result)
       return result;
   }
@@ -7830,8 +7823,8 @@ function areInputsEqual$1(newInputs, lastInputs) {
   if (newInputs.length !== lastInputs.length) {
     return false;
   }
-  for (var i2 = 0; i2 < newInputs.length; i2++) {
-    if (newInputs[i2] !== lastInputs[i2]) {
+  for (var i = 0; i < newInputs.length; i++) {
+    if (newInputs[i] !== lastInputs[i]) {
       return false;
     }
   }
@@ -8019,8 +8012,8 @@ function areInputsEqual(newInputs, lastInputs) {
   if (newInputs.length !== lastInputs.length) {
     return false;
   }
-  for (var i2 = 0; i2 < newInputs.length; i2++) {
-    if (!isEqual$2(newInputs[i2], lastInputs[i2])) {
+  for (var i = 0; i < newInputs.length; i++) {
+    if (!isEqual$2(newInputs[i], lastInputs[i])) {
       return false;
     }
   }
@@ -8386,9 +8379,9 @@ function findIndex(list, predicate) {
   if (list.findIndex) {
     return list.findIndex(predicate);
   }
-  for (var i2 = 0; i2 < list.length; i2++) {
-    if (predicate(list[i2])) {
-      return i2;
+  for (var i = 0; i < list.length; i++) {
+    if (predicate(list[i])) {
+      return i;
     }
   }
   return -1;
@@ -8981,8 +8974,8 @@ function getDraggables(ids, draggables) {
   });
 }
 function tryGetVisible(id, groups) {
-  for (var i2 = 0; i2 < groups.length; i2++) {
-    var displacement = groups[i2].visible[id];
+  for (var i = 0; i < groups.length; i++) {
+    var displacement = groups[i].visible[id];
     if (displacement) {
       return displacement;
     }
@@ -13434,8 +13427,8 @@ function useSensorMarshal(_ref4) {
       isLockClaimed
     };
   }, [canGetLock, tryGetLock, findClosestDraggableId, findOptionsForDraggable, tryReleaseLock, isLockClaimed]);
-  for (var i2 = 0; i2 < useSensors.length; i2++) {
-    useSensors[i2](api);
+  for (var i = 0; i < useSensors.length; i++) {
+    useSensors[i](api);
   }
 }
 var createResponders = function createResponders2(props2) {
@@ -16113,8 +16106,8 @@ function SpsDatepickerCalendar(props2) {
   }, moment$1.weekdaysShort().map((dayName) => /* @__PURE__ */ React.createElement("div", {
     key: dayName,
     className: "sps-datepicker__calendar-header-cell"
-  }, dayName))), cal.map((week, i2) => /* @__PURE__ */ React.createElement("div", {
-    key: i2,
+  }, dayName))), cal.map((week, i) => /* @__PURE__ */ React.createElement("div", {
+    key: i,
     className: "sps-datepicker__calendar-row"
   }, week.map((date2, j) => /* @__PURE__ */ React.createElement("div", {
     key: j,
@@ -16581,20 +16574,20 @@ function SpsDateRangePicker(_w) {
   }), /* @__PURE__ */ React.createElement("label", {
     className: "sps-custom-control__label",
     htmlFor: `sps-date-range-picker-${wrapperId}__range-custom`
-  }, t2("design-system:datepicker.preset.custom"))), presets.map((preset2, i2) => /* @__PURE__ */ React.createElement("div", {
+  }, t2("design-system:datepicker.preset.custom"))), presets.map((preset2, i) => /* @__PURE__ */ React.createElement("div", {
     key: getPresetText(preset2),
     className: "sps-custom-control sps-custom-radio sps-custom-control--no-error"
   }, /* @__PURE__ */ React.createElement("input", {
     type: "radio",
     "data-testid": `${testId}_preset_option_${preset2.label}`,
-    id: `sps-date-range-picker-${wrapperId}__range-${i2}`,
+    id: `sps-date-range-picker-${wrapperId}__range-${i}`,
     name: `sps-date-range-picker-${wrapperId}__range`,
     onChange: () => selectPreset(preset2),
     checked: (selectedPreset == null ? void 0 : selectedPreset.definition) ? selectedPreset.definition === preset2.definition : false,
     className: "sps-custom-control__input"
   }), /* @__PURE__ */ React.createElement("label", {
     className: "sps-custom-control__label",
-    htmlFor: `sps-date-range-picker-${wrapperId}__range-${i2}`
+    htmlFor: `sps-date-range-picker-${wrapperId}__range-${i}`
   }, getPresetText(preset2)))))), /* @__PURE__ */ React.createElement(SpsDatepickerCalendar, {
     "data-testid": `${testId}_calendar`,
     selectedRange: Array.isArray(value) ? value : displayRange,
@@ -16798,16 +16791,16 @@ var moment = { exports: {} };
       return input instanceof Date || Object.prototype.toString.call(input) === "[object Date]";
     }
     function map(arr, fn) {
-      var res = [], i2;
-      for (i2 = 0; i2 < arr.length; ++i2) {
-        res.push(fn(arr[i2], i2));
+      var res = [], i;
+      for (i = 0; i < arr.length; ++i) {
+        res.push(fn(arr[i], i));
       }
       return res;
     }
     function extend(a, b2) {
-      for (var i2 in b2) {
-        if (hasOwnProp(b2, i2)) {
-          a[i2] = b2[i2];
+      for (var i in b2) {
+        if (hasOwnProp(b2, i)) {
+          a[i] = b2[i];
         }
       }
       if (hasOwnProp(b2, "toString")) {
@@ -16852,9 +16845,9 @@ var moment = { exports: {} };
       some = Array.prototype.some;
     } else {
       some = function(fun2) {
-        var t2 = Object(this), len = t2.length >>> 0, i2;
-        for (i2 = 0; i2 < len; i2++) {
-          if (i2 in t2 && fun2.call(this, t2[i2], i2, t2)) {
+        var t2 = Object(this), len = t2.length >>> 0, i;
+        for (i = 0; i < len; i++) {
+          if (i in t2 && fun2.call(this, t2[i], i, t2)) {
             return true;
           }
         }
@@ -16863,8 +16856,8 @@ var moment = { exports: {} };
     }
     function isValid(m2) {
       if (m2._isValid == null) {
-        var flags = getParsingFlags(m2), parsedParts = some.call(flags.parsedDateParts, function(i2) {
-          return i2 != null;
+        var flags = getParsingFlags(m2), parsedParts = some.call(flags.parsedDateParts, function(i) {
+          return i != null;
         }), isNowValid = !isNaN(m2._d.getTime()) && flags.overflow < 0 && !flags.empty && !flags.invalidEra && !flags.invalidMonth && !flags.invalidWeekday && !flags.weekdayMismatch && !flags.nullInput && !flags.invalidFormat && !flags.userInvalidated && (!flags.meridiem || flags.meridiem && parsedParts);
         if (m2._strict) {
           isNowValid = isNowValid && flags.charsLeftOver === 0 && flags.unusedTokens.length === 0 && flags.bigHour === void 0;
@@ -16888,7 +16881,7 @@ var moment = { exports: {} };
     }
     var momentProperties = hooks.momentProperties = [], updateInProgress = false;
     function copyConfig(to2, from2) {
-      var i2, prop, val;
+      var i, prop, val;
       if (!isUndefined(from2._isAMomentObject)) {
         to2._isAMomentObject = from2._isAMomentObject;
       }
@@ -16920,8 +16913,8 @@ var moment = { exports: {} };
         to2._locale = from2._locale;
       }
       if (momentProperties.length > 0) {
-        for (i2 = 0; i2 < momentProperties.length; i2++) {
-          prop = momentProperties[i2];
+        for (i = 0; i < momentProperties.length; i++) {
+          prop = momentProperties[i];
           val = from2[prop];
           if (!isUndefined(val)) {
             to2[prop] = val;
@@ -16957,11 +16950,11 @@ var moment = { exports: {} };
           hooks.deprecationHandler(null, msg);
         }
         if (firstTime) {
-          var args = [], arg, i2, key;
-          for (i2 = 0; i2 < arguments.length; i2++) {
+          var args = [], arg, i, key;
+          for (i = 0; i < arguments.length; i++) {
             arg = "";
-            if (typeof arguments[i2] === "object") {
-              arg += "\n[" + i2 + "] ";
+            if (typeof arguments[i] === "object") {
+              arg += "\n[" + i + "] ";
               for (key in arguments[0]) {
                 if (hasOwnProp(arguments[0], key)) {
                   arg += key + ": " + arguments[0][key] + ", ";
@@ -16969,7 +16962,7 @@ var moment = { exports: {} };
               }
               arg = arg.slice(0, -2);
             } else {
-              arg = arguments[i2];
+              arg = arguments[i];
             }
             args.push(arg);
           }
@@ -16995,14 +16988,14 @@ var moment = { exports: {} };
       return typeof Function !== "undefined" && input instanceof Function || Object.prototype.toString.call(input) === "[object Function]";
     }
     function set(config2) {
-      var prop, i2;
-      for (i2 in config2) {
-        if (hasOwnProp(config2, i2)) {
-          prop = config2[i2];
+      var prop, i;
+      for (i in config2) {
+        if (hasOwnProp(config2, i)) {
+          prop = config2[i];
           if (isFunction(prop)) {
-            this[i2] = prop;
+            this[i] = prop;
           } else {
-            this["_" + i2] = prop;
+            this["_" + i] = prop;
           }
         }
       }
@@ -17041,10 +17034,10 @@ var moment = { exports: {} };
       keys = Object.keys;
     } else {
       keys = function(obj) {
-        var i2, res = [];
-        for (i2 in obj) {
-          if (hasOwnProp(obj, i2)) {
-            res.push(i2);
+        var i, res = [];
+        for (i in obj) {
+          if (hasOwnProp(obj, i)) {
+            res.push(i);
           }
         }
         return res;
@@ -17095,18 +17088,18 @@ var moment = { exports: {} };
       return input.replace(/\\/g, "");
     }
     function makeFormatFunction(format2) {
-      var array = format2.match(formattingTokens), i2, length;
-      for (i2 = 0, length = array.length; i2 < length; i2++) {
-        if (formatTokenFunctions[array[i2]]) {
-          array[i2] = formatTokenFunctions[array[i2]];
+      var array = format2.match(formattingTokens), i, length;
+      for (i = 0, length = array.length; i < length; i++) {
+        if (formatTokenFunctions[array[i]]) {
+          array[i] = formatTokenFunctions[array[i]];
         } else {
-          array[i2] = removeFormattingTokens(array[i2]);
+          array[i] = removeFormattingTokens(array[i]);
         }
       }
       return function(mom) {
-        var output = "", i3;
-        for (i3 = 0; i3 < length; i3++) {
-          output += isFunction(array[i3]) ? array[i3].call(mom, format2) : array[i3];
+        var output = "", i2;
+        for (i2 = 0; i2 < length; i2++) {
+          output += isFunction(array[i2]) ? array[i2].call(mom, format2) : array[i2];
         }
         return output;
       };
@@ -17120,15 +17113,15 @@ var moment = { exports: {} };
       return formatFunctions[format2](m2);
     }
     function expandFormat(format2, locale2) {
-      var i2 = 5;
+      var i = 5;
       function replaceLongDateFormatTokens(input) {
         return locale2.longDateFormat(input) || input;
       }
       localFormattingTokens.lastIndex = 0;
-      while (i2 >= 0 && localFormattingTokens.test(format2)) {
+      while (i >= 0 && localFormattingTokens.test(format2)) {
         format2 = format2.replace(localFormattingTokens, replaceLongDateFormatTokens);
         localFormattingTokens.lastIndex = 0;
-        i2 -= 1;
+        i -= 1;
       }
       return format2;
     }
@@ -17274,9 +17267,9 @@ var moment = { exports: {} };
     function stringSet(units, value) {
       if (typeof units === "object") {
         units = normalizeObjectUnits(units);
-        var prioritized = getPrioritizedUnits(units), i2;
-        for (i2 = 0; i2 < prioritized.length; i2++) {
-          this[prioritized[i2].unit](units[prioritized[i2].unit]);
+        var prioritized = getPrioritizedUnits(units), i;
+        for (i = 0; i < prioritized.length; i++) {
+          this[prioritized[i].unit](units[prioritized[i].unit]);
         }
       } else {
         units = normalizeUnits(units);
@@ -17309,7 +17302,7 @@ var moment = { exports: {} };
     }
     var tokens = {};
     function addParseToken(token2, callback) {
-      var i2, func = callback;
+      var i, func = callback;
       if (typeof token2 === "string") {
         token2 = [token2];
       }
@@ -17318,8 +17311,8 @@ var moment = { exports: {} };
           array[callback] = toInt(input);
         };
       }
-      for (i2 = 0; i2 < token2.length; i2++) {
-        tokens[token2[i2]] = func;
+      for (i = 0; i < token2.length; i++) {
+        tokens[token2[i]] = func;
       }
     }
     function addWeekParseToken(token2, callback) {
@@ -17342,10 +17335,10 @@ var moment = { exports: {} };
       indexOf = Array.prototype.indexOf;
     } else {
       indexOf = function(o) {
-        var i2;
-        for (i2 = 0; i2 < this.length; ++i2) {
-          if (this[i2] === o) {
-            return i2;
+        var i;
+        for (i = 0; i < this.length; ++i) {
+          if (this[i] === o) {
+            return i;
           }
         }
         return -1;
@@ -17403,15 +17396,15 @@ var moment = { exports: {} };
       return isArray(this._monthsShort) ? this._monthsShort[m2.month()] : this._monthsShort[MONTHS_IN_FORMAT.test(format2) ? "format" : "standalone"][m2.month()];
     }
     function handleStrictParse(monthName, format2, strict) {
-      var i2, ii, mom, llc = monthName.toLocaleLowerCase();
+      var i, ii, mom, llc = monthName.toLocaleLowerCase();
       if (!this._monthsParse) {
         this._monthsParse = [];
         this._longMonthsParse = [];
         this._shortMonthsParse = [];
-        for (i2 = 0; i2 < 12; ++i2) {
-          mom = createUTC([2e3, i2]);
-          this._shortMonthsParse[i2] = this.monthsShort(mom, "").toLocaleLowerCase();
-          this._longMonthsParse[i2] = this.months(mom, "").toLocaleLowerCase();
+        for (i = 0; i < 12; ++i) {
+          mom = createUTC([2e3, i]);
+          this._shortMonthsParse[i] = this.monthsShort(mom, "").toLocaleLowerCase();
+          this._longMonthsParse[i] = this.months(mom, "").toLocaleLowerCase();
         }
       }
       if (strict) {
@@ -17441,7 +17434,7 @@ var moment = { exports: {} };
       }
     }
     function localeMonthsParse(monthName, format2, strict) {
-      var i2, mom, regex;
+      var i, mom, regex;
       if (this._monthsParseExact) {
         return handleStrictParse.call(this, monthName, format2, strict);
       }
@@ -17450,22 +17443,22 @@ var moment = { exports: {} };
         this._longMonthsParse = [];
         this._shortMonthsParse = [];
       }
-      for (i2 = 0; i2 < 12; i2++) {
-        mom = createUTC([2e3, i2]);
-        if (strict && !this._longMonthsParse[i2]) {
-          this._longMonthsParse[i2] = new RegExp("^" + this.months(mom, "").replace(".", "") + "$", "i");
-          this._shortMonthsParse[i2] = new RegExp("^" + this.monthsShort(mom, "").replace(".", "") + "$", "i");
+      for (i = 0; i < 12; i++) {
+        mom = createUTC([2e3, i]);
+        if (strict && !this._longMonthsParse[i]) {
+          this._longMonthsParse[i] = new RegExp("^" + this.months(mom, "").replace(".", "") + "$", "i");
+          this._shortMonthsParse[i] = new RegExp("^" + this.monthsShort(mom, "").replace(".", "") + "$", "i");
         }
-        if (!strict && !this._monthsParse[i2]) {
+        if (!strict && !this._monthsParse[i]) {
           regex = "^" + this.months(mom, "") + "|^" + this.monthsShort(mom, "");
-          this._monthsParse[i2] = new RegExp(regex.replace(".", ""), "i");
+          this._monthsParse[i] = new RegExp(regex.replace(".", ""), "i");
         }
-        if (strict && format2 === "MMMM" && this._longMonthsParse[i2].test(monthName)) {
-          return i2;
-        } else if (strict && format2 === "MMM" && this._shortMonthsParse[i2].test(monthName)) {
-          return i2;
-        } else if (!strict && this._monthsParse[i2].test(monthName)) {
-          return i2;
+        if (strict && format2 === "MMMM" && this._longMonthsParse[i].test(monthName)) {
+          return i;
+        } else if (strict && format2 === "MMM" && this._shortMonthsParse[i].test(monthName)) {
+          return i;
+        } else if (!strict && this._monthsParse[i].test(monthName)) {
+          return i;
         }
       }
     }
@@ -17538,9 +17531,9 @@ var moment = { exports: {} };
       function cmpLenRev(a, b2) {
         return b2.length - a.length;
       }
-      var shortPieces = [], longPieces = [], mixedPieces = [], i2, mom;
-      for (i2 = 0; i2 < 12; i2++) {
-        mom = createUTC([2e3, i2]);
+      var shortPieces = [], longPieces = [], mixedPieces = [], i, mom;
+      for (i = 0; i < 12; i++) {
+        mom = createUTC([2e3, i]);
         shortPieces.push(this.monthsShort(mom, ""));
         longPieces.push(this.months(mom, ""));
         mixedPieces.push(this.months(mom, ""));
@@ -17549,12 +17542,12 @@ var moment = { exports: {} };
       shortPieces.sort(cmpLenRev);
       longPieces.sort(cmpLenRev);
       mixedPieces.sort(cmpLenRev);
-      for (i2 = 0; i2 < 12; i2++) {
-        shortPieces[i2] = regexEscape(shortPieces[i2]);
-        longPieces[i2] = regexEscape(longPieces[i2]);
+      for (i = 0; i < 12; i++) {
+        shortPieces[i] = regexEscape(shortPieces[i]);
+        longPieces[i] = regexEscape(longPieces[i]);
       }
-      for (i2 = 0; i2 < 24; i2++) {
-        mixedPieces[i2] = regexEscape(mixedPieces[i2]);
+      for (i = 0; i < 24; i++) {
+        mixedPieces[i] = regexEscape(mixedPieces[i]);
       }
       this._monthsRegex = new RegExp("^(" + mixedPieces.join("|") + ")", "i");
       this._monthsShortRegex = this._monthsRegex;
@@ -17775,16 +17768,16 @@ var moment = { exports: {} };
       return m2 === true ? shiftWeekdays(this._weekdaysMin, this._week.dow) : m2 ? this._weekdaysMin[m2.day()] : this._weekdaysMin;
     }
     function handleStrictParse$1(weekdayName, format2, strict) {
-      var i2, ii, mom, llc = weekdayName.toLocaleLowerCase();
+      var i, ii, mom, llc = weekdayName.toLocaleLowerCase();
       if (!this._weekdaysParse) {
         this._weekdaysParse = [];
         this._shortWeekdaysParse = [];
         this._minWeekdaysParse = [];
-        for (i2 = 0; i2 < 7; ++i2) {
-          mom = createUTC([2e3, 1]).day(i2);
-          this._minWeekdaysParse[i2] = this.weekdaysMin(mom, "").toLocaleLowerCase();
-          this._shortWeekdaysParse[i2] = this.weekdaysShort(mom, "").toLocaleLowerCase();
-          this._weekdaysParse[i2] = this.weekdays(mom, "").toLocaleLowerCase();
+        for (i = 0; i < 7; ++i) {
+          mom = createUTC([2e3, 1]).day(i);
+          this._minWeekdaysParse[i] = this.weekdaysMin(mom, "").toLocaleLowerCase();
+          this._shortWeekdaysParse[i] = this.weekdaysShort(mom, "").toLocaleLowerCase();
+          this._weekdaysParse[i] = this.weekdays(mom, "").toLocaleLowerCase();
         }
       }
       if (strict) {
@@ -17836,7 +17829,7 @@ var moment = { exports: {} };
       }
     }
     function localeWeekdaysParse(weekdayName, format2, strict) {
-      var i2, mom, regex;
+      var i, mom, regex;
       if (this._weekdaysParseExact) {
         return handleStrictParse$1.call(this, weekdayName, format2, strict);
       }
@@ -17846,25 +17839,25 @@ var moment = { exports: {} };
         this._shortWeekdaysParse = [];
         this._fullWeekdaysParse = [];
       }
-      for (i2 = 0; i2 < 7; i2++) {
-        mom = createUTC([2e3, 1]).day(i2);
-        if (strict && !this._fullWeekdaysParse[i2]) {
-          this._fullWeekdaysParse[i2] = new RegExp("^" + this.weekdays(mom, "").replace(".", "\\.?") + "$", "i");
-          this._shortWeekdaysParse[i2] = new RegExp("^" + this.weekdaysShort(mom, "").replace(".", "\\.?") + "$", "i");
-          this._minWeekdaysParse[i2] = new RegExp("^" + this.weekdaysMin(mom, "").replace(".", "\\.?") + "$", "i");
+      for (i = 0; i < 7; i++) {
+        mom = createUTC([2e3, 1]).day(i);
+        if (strict && !this._fullWeekdaysParse[i]) {
+          this._fullWeekdaysParse[i] = new RegExp("^" + this.weekdays(mom, "").replace(".", "\\.?") + "$", "i");
+          this._shortWeekdaysParse[i] = new RegExp("^" + this.weekdaysShort(mom, "").replace(".", "\\.?") + "$", "i");
+          this._minWeekdaysParse[i] = new RegExp("^" + this.weekdaysMin(mom, "").replace(".", "\\.?") + "$", "i");
         }
-        if (!this._weekdaysParse[i2]) {
+        if (!this._weekdaysParse[i]) {
           regex = "^" + this.weekdays(mom, "") + "|^" + this.weekdaysShort(mom, "") + "|^" + this.weekdaysMin(mom, "");
-          this._weekdaysParse[i2] = new RegExp(regex.replace(".", ""), "i");
+          this._weekdaysParse[i] = new RegExp(regex.replace(".", ""), "i");
         }
-        if (strict && format2 === "dddd" && this._fullWeekdaysParse[i2].test(weekdayName)) {
-          return i2;
-        } else if (strict && format2 === "ddd" && this._shortWeekdaysParse[i2].test(weekdayName)) {
-          return i2;
-        } else if (strict && format2 === "dd" && this._minWeekdaysParse[i2].test(weekdayName)) {
-          return i2;
-        } else if (!strict && this._weekdaysParse[i2].test(weekdayName)) {
-          return i2;
+        if (strict && format2 === "dddd" && this._fullWeekdaysParse[i].test(weekdayName)) {
+          return i;
+        } else if (strict && format2 === "ddd" && this._shortWeekdaysParse[i].test(weekdayName)) {
+          return i;
+        } else if (strict && format2 === "dd" && this._minWeekdaysParse[i].test(weekdayName)) {
+          return i;
+        } else if (!strict && this._weekdaysParse[i].test(weekdayName)) {
+          return i;
         }
       }
     }
@@ -17953,9 +17946,9 @@ var moment = { exports: {} };
       function cmpLenRev(a, b2) {
         return b2.length - a.length;
       }
-      var minPieces = [], shortPieces = [], longPieces = [], mixedPieces = [], i2, mom, minp, shortp, longp;
-      for (i2 = 0; i2 < 7; i2++) {
-        mom = createUTC([2e3, 1]).day(i2);
+      var minPieces = [], shortPieces = [], longPieces = [], mixedPieces = [], i, mom, minp, shortp, longp;
+      for (i = 0; i < 7; i++) {
+        mom = createUTC([2e3, 1]).day(i);
         minp = regexEscape(this.weekdaysMin(mom, ""));
         shortp = regexEscape(this.weekdaysShort(mom, ""));
         longp = regexEscape(this.weekdays(mom, ""));
@@ -18087,10 +18080,10 @@ var moment = { exports: {} };
     };
     var locales = {}, localeFamilies = {}, globalLocale;
     function commonPrefix(arr1, arr2) {
-      var i2, minl = Math.min(arr1.length, arr2.length);
-      for (i2 = 0; i2 < minl; i2 += 1) {
-        if (arr1[i2] !== arr2[i2]) {
-          return i2;
+      var i, minl = Math.min(arr1.length, arr2.length);
+      for (i = 0; i < minl; i += 1) {
+        if (arr1[i] !== arr2[i]) {
+          return i;
         }
       }
       return minl;
@@ -18099,11 +18092,11 @@ var moment = { exports: {} };
       return key ? key.toLowerCase().replace("_", "-") : key;
     }
     function chooseLocale(names) {
-      var i2 = 0, j, next, locale2, split;
-      while (i2 < names.length) {
-        split = normalizeLocale(names[i2]).split("-");
+      var i = 0, j, next, locale2, split;
+      while (i < names.length) {
+        split = normalizeLocale(names[i]).split("-");
         j = split.length;
-        next = normalizeLocale(names[i2 + 1]);
+        next = normalizeLocale(names[i + 1]);
         next = next ? next.split("-") : null;
         while (j > 0) {
           locale2 = loadLocale(split.slice(0, j).join("-"));
@@ -18115,7 +18108,7 @@ var moment = { exports: {} };
           }
           j--;
         }
-        i2++;
+        i++;
       }
       return globalLocale;
     }
@@ -18297,13 +18290,13 @@ var moment = { exports: {} };
       PST: -8 * 60
     };
     function configFromISO(config2) {
-      var i2, l2, string = config2._i, match5 = extendedIsoRegex.exec(string) || basicIsoRegex.exec(string), allowTime, dateFormat, timeFormat, tzFormat;
+      var i, l2, string = config2._i, match5 = extendedIsoRegex.exec(string) || basicIsoRegex.exec(string), allowTime, dateFormat, timeFormat, tzFormat;
       if (match5) {
         getParsingFlags(config2).iso = true;
-        for (i2 = 0, l2 = isoDates.length; i2 < l2; i2++) {
-          if (isoDates[i2][1].exec(match5[1])) {
-            dateFormat = isoDates[i2][0];
-            allowTime = isoDates[i2][2] !== false;
+        for (i = 0, l2 = isoDates.length; i < l2; i++) {
+          if (isoDates[i][1].exec(match5[1])) {
+            dateFormat = isoDates[i][0];
+            allowTime = isoDates[i][2] !== false;
             break;
           }
         }
@@ -18312,9 +18305,9 @@ var moment = { exports: {} };
           return;
         }
         if (match5[3]) {
-          for (i2 = 0, l2 = isoTimes.length; i2 < l2; i2++) {
-            if (isoTimes[i2][1].exec(match5[3])) {
-              timeFormat = (match5[2] || " ") + isoTimes[i2][0];
+          for (i = 0, l2 = isoTimes.length; i < l2; i++) {
+            if (isoTimes[i][1].exec(match5[3])) {
+              timeFormat = (match5[2] || " ") + isoTimes[i][0];
               break;
             }
           }
@@ -18451,7 +18444,7 @@ var moment = { exports: {} };
       return [nowValue.getFullYear(), nowValue.getMonth(), nowValue.getDate()];
     }
     function configFromArray(config2) {
-      var i2, date2, input = [], currentDate, expectedWeekday, yearToUse;
+      var i, date2, input = [], currentDate, expectedWeekday, yearToUse;
       if (config2._d) {
         return;
       }
@@ -18468,11 +18461,11 @@ var moment = { exports: {} };
         config2._a[MONTH] = date2.getUTCMonth();
         config2._a[DATE] = date2.getUTCDate();
       }
-      for (i2 = 0; i2 < 3 && config2._a[i2] == null; ++i2) {
-        config2._a[i2] = input[i2] = currentDate[i2];
+      for (i = 0; i < 3 && config2._a[i] == null; ++i) {
+        config2._a[i] = input[i] = currentDate[i];
       }
-      for (; i2 < 7; i2++) {
-        config2._a[i2] = input[i2] = config2._a[i2] == null ? i2 === 2 ? 1 : 0 : config2._a[i2];
+      for (; i < 7; i++) {
+        config2._a[i] = input[i] = config2._a[i] == null ? i === 2 ? 1 : 0 : config2._a[i];
       }
       if (config2._a[HOUR] === 24 && config2._a[MINUTE] === 0 && config2._a[SECOND] === 0 && config2._a[MILLISECOND] === 0) {
         config2._nextDay = true;
@@ -18547,10 +18540,10 @@ var moment = { exports: {} };
       }
       config2._a = [];
       getParsingFlags(config2).empty = true;
-      var string = "" + config2._i, i2, parsedInput, tokens2, token2, skipped, stringLength = string.length, totalParsedInputLength = 0, era;
+      var string = "" + config2._i, i, parsedInput, tokens2, token2, skipped, stringLength = string.length, totalParsedInputLength = 0, era;
       tokens2 = expandFormat(config2._f, config2._locale).match(formattingTokens) || [];
-      for (i2 = 0; i2 < tokens2.length; i2++) {
-        token2 = tokens2[i2];
+      for (i = 0; i < tokens2.length; i++) {
+        token2 = tokens2[i];
         parsedInput = (string.match(getParseRegexForToken(token2, config2)) || [])[0];
         if (parsedInput) {
           skipped = string.substr(0, string.indexOf(parsedInput));
@@ -18609,20 +18602,20 @@ var moment = { exports: {} };
       }
     }
     function configFromStringAndArray(config2) {
-      var tempConfig, bestMoment, scoreToBeat, i2, currentScore, validFormatFound, bestFormatIsValid = false;
+      var tempConfig, bestMoment, scoreToBeat, i, currentScore, validFormatFound, bestFormatIsValid = false;
       if (config2._f.length === 0) {
         getParsingFlags(config2).invalidFormat = true;
         config2._d = new Date(NaN);
         return;
       }
-      for (i2 = 0; i2 < config2._f.length; i2++) {
+      for (i = 0; i < config2._f.length; i++) {
         currentScore = 0;
         validFormatFound = false;
         tempConfig = copyConfig({}, config2);
         if (config2._useUTC != null) {
           tempConfig._useUTC = config2._useUTC;
         }
-        tempConfig._f = config2._f[i2];
+        tempConfig._f = config2._f[i];
         configFromStringAndFormat(tempConfig);
         if (isValid(tempConfig)) {
           validFormatFound = true;
@@ -18651,8 +18644,8 @@ var moment = { exports: {} };
       if (config2._d) {
         return;
       }
-      var i2 = normalizeObjectUnits(config2._i), dayOrDate = i2.day === void 0 ? i2.date : i2.day;
-      config2._a = map([i2.year, i2.month, dayOrDate, i2.hour, i2.minute, i2.second, i2.millisecond], function(obj) {
+      var i = normalizeObjectUnits(config2._i), dayOrDate = i.day === void 0 ? i.date : i.day;
+      config2._a = map([i.year, i.month, dayOrDate, i.hour, i.minute, i.second, i.millisecond], function(obj) {
         return obj && parseInt(obj, 10);
       });
       configFromArray(config2);
@@ -18751,7 +18744,7 @@ var moment = { exports: {} };
       }
     });
     function pickBy(fn, moments) {
-      var res, i2;
+      var res, i;
       if (moments.length === 1 && isArray(moments[0])) {
         moments = moments[0];
       }
@@ -18759,9 +18752,9 @@ var moment = { exports: {} };
         return createLocal();
       }
       res = moments[0];
-      for (i2 = 1; i2 < moments.length; ++i2) {
-        if (!moments[i2].isValid() || moments[i2][fn](res)) {
-          res = moments[i2];
+      for (i = 1; i < moments.length; ++i) {
+        if (!moments[i].isValid() || moments[i][fn](res)) {
+          res = moments[i];
         }
       }
       return res;
@@ -18789,18 +18782,18 @@ var moment = { exports: {} };
       "millisecond"
     ];
     function isDurationValid(m2) {
-      var key, unitHasDecimal = false, i2;
+      var key, unitHasDecimal = false, i;
       for (key in m2) {
         if (hasOwnProp(m2, key) && !(indexOf.call(ordering, key) !== -1 && (m2[key] == null || !isNaN(m2[key])))) {
           return false;
         }
       }
-      for (i2 = 0; i2 < ordering.length; ++i2) {
-        if (m2[ordering[i2]]) {
+      for (i = 0; i < ordering.length; ++i) {
+        if (m2[ordering[i]]) {
           if (unitHasDecimal) {
             return false;
           }
-          if (parseFloat(m2[ordering[i2]]) !== toInt(m2[ordering[i2]])) {
+          if (parseFloat(m2[ordering[i]]) !== toInt(m2[ordering[i]])) {
             unitHasDecimal = true;
           }
         }
@@ -18834,9 +18827,9 @@ var moment = { exports: {} };
       }
     }
     function compareArrays(array1, array2, dontConvert) {
-      var len = Math.min(array1.length, array2.length), lengthDiff = Math.abs(array1.length - array2.length), diffs = 0, i2;
-      for (i2 = 0; i2 < len; i2++) {
-        if (dontConvert && array1[i2] !== array2[i2] || !dontConvert && toInt(array1[i2]) !== toInt(array2[i2])) {
+      var len = Math.min(array1.length, array2.length), lengthDiff = Math.abs(array1.length - array2.length), diffs = 0, i;
+      for (i = 0; i < len; i++) {
+        if (dontConvert && array1[i] !== array2[i] || !dontConvert && toInt(array1[i]) !== toInt(array2[i])) {
           diffs++;
         }
       }
@@ -19145,9 +19138,9 @@ var moment = { exports: {} };
         "milliseconds",
         "millisecond",
         "ms"
-      ], i2, property;
-      for (i2 = 0; i2 < properties.length; i2 += 1) {
-        property = properties[i2];
+      ], i, property;
+      for (i = 0; i < properties.length; i += 1) {
+        property = properties[i];
         propertyTest = propertyTest || hasOwnProp(input, property);
       }
       return objectTest && propertyTest;
@@ -19169,9 +19162,9 @@ var moment = { exports: {} };
         "nextWeek",
         "lastWeek",
         "sameElse"
-      ], i2, property;
-      for (i2 = 0; i2 < properties.length; i2 += 1) {
-        property = properties[i2];
+      ], i, property;
+      for (i = 0; i < properties.length; i += 1) {
+        property = properties[i];
         propertyTest = propertyTest || hasOwnProp(input, property);
       }
       return objectTest && propertyTest;
@@ -19591,55 +19584,55 @@ var moment = { exports: {} };
       }
     });
     function localeEras(m2, format2) {
-      var i2, l2, date2, eras = this._eras || getLocale("en")._eras;
-      for (i2 = 0, l2 = eras.length; i2 < l2; ++i2) {
-        switch (typeof eras[i2].since) {
+      var i, l2, date2, eras = this._eras || getLocale("en")._eras;
+      for (i = 0, l2 = eras.length; i < l2; ++i) {
+        switch (typeof eras[i].since) {
           case "string":
-            date2 = hooks(eras[i2].since).startOf("day");
-            eras[i2].since = date2.valueOf();
+            date2 = hooks(eras[i].since).startOf("day");
+            eras[i].since = date2.valueOf();
             break;
         }
-        switch (typeof eras[i2].until) {
+        switch (typeof eras[i].until) {
           case "undefined":
-            eras[i2].until = Infinity;
+            eras[i].until = Infinity;
             break;
           case "string":
-            date2 = hooks(eras[i2].until).startOf("day").valueOf();
-            eras[i2].until = date2.valueOf();
+            date2 = hooks(eras[i].until).startOf("day").valueOf();
+            eras[i].until = date2.valueOf();
             break;
         }
       }
       return eras;
     }
     function localeErasParse(eraName, format2, strict) {
-      var i2, l2, eras = this.eras(), name, abbr, narrow;
+      var i, l2, eras = this.eras(), name, abbr, narrow;
       eraName = eraName.toUpperCase();
-      for (i2 = 0, l2 = eras.length; i2 < l2; ++i2) {
-        name = eras[i2].name.toUpperCase();
-        abbr = eras[i2].abbr.toUpperCase();
-        narrow = eras[i2].narrow.toUpperCase();
+      for (i = 0, l2 = eras.length; i < l2; ++i) {
+        name = eras[i].name.toUpperCase();
+        abbr = eras[i].abbr.toUpperCase();
+        narrow = eras[i].narrow.toUpperCase();
         if (strict) {
           switch (format2) {
             case "N":
             case "NN":
             case "NNN":
               if (abbr === eraName) {
-                return eras[i2];
+                return eras[i];
               }
               break;
             case "NNNN":
               if (name === eraName) {
-                return eras[i2];
+                return eras[i];
               }
               break;
             case "NNNNN":
               if (narrow === eraName) {
-                return eras[i2];
+                return eras[i];
               }
               break;
           }
         } else if ([name, abbr, narrow].indexOf(eraName) >= 0) {
-          return eras[i2];
+          return eras[i];
         }
       }
     }
@@ -19652,51 +19645,51 @@ var moment = { exports: {} };
       }
     }
     function getEraName() {
-      var i2, l2, val, eras = this.localeData().eras();
-      for (i2 = 0, l2 = eras.length; i2 < l2; ++i2) {
+      var i, l2, val, eras = this.localeData().eras();
+      for (i = 0, l2 = eras.length; i < l2; ++i) {
         val = this.clone().startOf("day").valueOf();
-        if (eras[i2].since <= val && val <= eras[i2].until) {
-          return eras[i2].name;
+        if (eras[i].since <= val && val <= eras[i].until) {
+          return eras[i].name;
         }
-        if (eras[i2].until <= val && val <= eras[i2].since) {
-          return eras[i2].name;
+        if (eras[i].until <= val && val <= eras[i].since) {
+          return eras[i].name;
         }
       }
       return "";
     }
     function getEraNarrow() {
-      var i2, l2, val, eras = this.localeData().eras();
-      for (i2 = 0, l2 = eras.length; i2 < l2; ++i2) {
+      var i, l2, val, eras = this.localeData().eras();
+      for (i = 0, l2 = eras.length; i < l2; ++i) {
         val = this.clone().startOf("day").valueOf();
-        if (eras[i2].since <= val && val <= eras[i2].until) {
-          return eras[i2].narrow;
+        if (eras[i].since <= val && val <= eras[i].until) {
+          return eras[i].narrow;
         }
-        if (eras[i2].until <= val && val <= eras[i2].since) {
-          return eras[i2].narrow;
+        if (eras[i].until <= val && val <= eras[i].since) {
+          return eras[i].narrow;
         }
       }
       return "";
     }
     function getEraAbbr() {
-      var i2, l2, val, eras = this.localeData().eras();
-      for (i2 = 0, l2 = eras.length; i2 < l2; ++i2) {
+      var i, l2, val, eras = this.localeData().eras();
+      for (i = 0, l2 = eras.length; i < l2; ++i) {
         val = this.clone().startOf("day").valueOf();
-        if (eras[i2].since <= val && val <= eras[i2].until) {
-          return eras[i2].abbr;
+        if (eras[i].since <= val && val <= eras[i].until) {
+          return eras[i].abbr;
         }
-        if (eras[i2].until <= val && val <= eras[i2].since) {
-          return eras[i2].abbr;
+        if (eras[i].until <= val && val <= eras[i].since) {
+          return eras[i].abbr;
         }
       }
       return "";
     }
     function getEraYear() {
-      var i2, l2, dir, val, eras = this.localeData().eras();
-      for (i2 = 0, l2 = eras.length; i2 < l2; ++i2) {
-        dir = eras[i2].since <= eras[i2].until ? 1 : -1;
+      var i, l2, dir, val, eras = this.localeData().eras();
+      for (i = 0, l2 = eras.length; i < l2; ++i) {
+        dir = eras[i].since <= eras[i].until ? 1 : -1;
         val = this.clone().startOf("day").valueOf();
-        if (eras[i2].since <= val && val <= eras[i2].until || eras[i2].until <= val && val <= eras[i2].since) {
-          return (this.year() - hooks(eras[i2].since).year()) * dir + eras[i2].offset;
+        if (eras[i].since <= val && val <= eras[i].until || eras[i].until <= val && val <= eras[i].since) {
+          return (this.year() - hooks(eras[i].since).year()) * dir + eras[i].offset;
         }
       }
       return this.year();
@@ -19732,14 +19725,14 @@ var moment = { exports: {} };
       return locale2._eraYearOrdinalRegex || matchUnsigned;
     }
     function computeErasParse() {
-      var abbrPieces = [], namePieces = [], narrowPieces = [], mixedPieces = [], i2, l2, eras = this.eras();
-      for (i2 = 0, l2 = eras.length; i2 < l2; ++i2) {
-        namePieces.push(regexEscape(eras[i2].name));
-        abbrPieces.push(regexEscape(eras[i2].abbr));
-        narrowPieces.push(regexEscape(eras[i2].narrow));
-        mixedPieces.push(regexEscape(eras[i2].name));
-        mixedPieces.push(regexEscape(eras[i2].abbr));
-        mixedPieces.push(regexEscape(eras[i2].narrow));
+      var abbrPieces = [], namePieces = [], narrowPieces = [], mixedPieces = [], i, l2, eras = this.eras();
+      for (i = 0, l2 = eras.length; i < l2; ++i) {
+        namePieces.push(regexEscape(eras[i].name));
+        abbrPieces.push(regexEscape(eras[i].abbr));
+        narrowPieces.push(regexEscape(eras[i].narrow));
+        mixedPieces.push(regexEscape(eras[i].name));
+        mixedPieces.push(regexEscape(eras[i].abbr));
+        mixedPieces.push(regexEscape(eras[i].narrow));
       }
       this._erasRegex = new RegExp("^(" + mixedPieces.join("|") + ")", "i");
       this._erasNameRegex = new RegExp("^(" + namePieces.join("|") + ")", "i");
@@ -20056,9 +20049,9 @@ var moment = { exports: {} };
       if (index != null) {
         return get$1(format2, index, field, "month");
       }
-      var i2, out = [];
-      for (i2 = 0; i2 < 12; i2++) {
-        out[i2] = get$1(format2, i2, field, "month");
+      var i, out = [];
+      for (i = 0; i < 12; i++) {
+        out[i] = get$1(format2, i, field, "month");
       }
       return out;
     }
@@ -20079,12 +20072,12 @@ var moment = { exports: {} };
         }
         format2 = format2 || "";
       }
-      var locale2 = getLocale(), shift3 = localeSorted ? locale2._week.dow : 0, i2, out = [];
+      var locale2 = getLocale(), shift3 = localeSorted ? locale2._week.dow : 0, i, out = [];
       if (index != null) {
         return get$1(format2, (index + shift3) % 7, field, "day");
       }
-      for (i2 = 0; i2 < 7; i2++) {
-        out[i2] = get$1(format2, (i2 + shift3) % 7, field, "day");
+      for (i = 0; i < 7; i++) {
+        out[i] = get$1(format2, (i + shift3) % 7, field, "day");
       }
       return out;
     }
@@ -23274,8 +23267,8 @@ function formArray(members = [], config2 = {}) {
     },
     length: members.length,
     setInitValue(newValue) {
-      for (const [i2, member] of this.members.entries()) {
-        member.setInitValue(newValue[i2]);
+      for (const [i, member] of this.members.entries()) {
+        member.setInitValue(newValue[i]);
       }
       return this;
     },
@@ -23283,8 +23276,8 @@ function formArray(members = [], config2 = {}) {
       return this.members.map((member) => member.getValue());
     },
     setValue(newValue = []) {
-      for (const [i2, member] of this.members.entries()) {
-        member.setValue(newValue[i2]);
+      for (const [i, member] of this.members.entries()) {
+        member.setValue(newValue[i]);
       }
       return this;
     },
@@ -23326,9 +23319,9 @@ function formArray(members = [], config2 = {}) {
       const t2 = this;
       t2.members = [...members];
       t2.length = members.length;
-      for (const [i2, member] of t2.members.entries()) {
-        if (value && i2 < value.length) {
-          member.reset(value[i2]);
+      for (const [i, member] of t2.members.entries()) {
+        if (value && i < value.length) {
+          member.reset(value[i]);
         } else {
           member.reset();
         }
@@ -24839,7 +24832,7 @@ Object.assign(SpsKeyValueListItem, {
 });
 const SpsKeyValueListExamples = {
   vertical: {
-    label: "Vertical Key Value Sets",
+    label: "Vertical Key Value Lists",
     description: () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("h5", null, "Use:"), /* @__PURE__ */ React__default.createElement("ul", null, /* @__PURE__ */ React__default.createElement("li", {
       className: "mb-2"
     }, "Vertical containers such as a side bar or general card")), /* @__PURE__ */ React__default.createElement("h5", null, "Do Not Use:"), /* @__PURE__ */ React__default.createElement("ul", null, /* @__PURE__ */ React__default.createElement("li", {
@@ -24938,7 +24931,7 @@ const SpsKeyValueListExamples = {
     }
   },
   horizontal: {
-    label: "Horizontal Key Value Sets",
+    label: "Horizontal Key Value Lists",
     description: () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("h5", null, "Use:"), /* @__PURE__ */ React__default.createElement("ul", null, /* @__PURE__ */ React__default.createElement("li", {
       className: "mb-2"
     }, "Horizontal containers such as a content row")), /* @__PURE__ */ React__default.createElement("h5", null, "Do Not Use:"), /* @__PURE__ */ React__default.createElement("ul", null, /* @__PURE__ */ React__default.createElement("li", {
@@ -24955,7 +24948,7 @@ const SpsKeyValueListExamples = {
       className: "mb-2"
     }, "Can be used individually or stacked on top of one another", /* @__PURE__ */ React__default.createElement("ul", null, /* @__PURE__ */ React__default.createElement("li", {
       className: "mb-2"
-    }, "When stacking, the value sets should share a common category or theme"))))),
+    }, "When stacking, the value lists should share a common category or theme"))))),
     examples: {
       standard: {
         description: () => /* @__PURE__ */ React__default.createElement("h4", null, "Standard"),
@@ -24972,7 +24965,7 @@ const SpsKeyValueListExamples = {
         `
       },
       stacked: {
-        description: () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("h4", null, "Stacked"), /* @__PURE__ */ React__default.createElement("p", null, /* @__PURE__ */ React__default.createElement("b", null, "Note:"), " There is no limit to the number of stacked listings, but more than three in a single container should be avoided."), /* @__PURE__ */ React__default.createElement("p", null, /* @__PURE__ */ React__default.createElement("b", null, "Note:"), " Titles are right-aligned in the horizontal Key Value Sets to optimize scanability of the values.")),
+        description: () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("h4", null, "Stacked"), /* @__PURE__ */ React__default.createElement("p", null, /* @__PURE__ */ React__default.createElement("b", null, "Note:"), " There is no limit to the number of stacked listings, but more than three in a single container should be avoided."), /* @__PURE__ */ React__default.createElement("p", null, /* @__PURE__ */ React__default.createElement("b", null, "Note:"), " Titles are right-aligned in the horizontal Key Value Lists to optimize scanability of the values.")),
         react: code`
           function DemoComponent() {
             return (
@@ -25545,9 +25538,9 @@ const getScrollParent = (node) => {
       return;
     }
     const ps = parents(_node.parentNode, []);
-    for (let i2 = 0; i2 < ps.length; i2 += 1) {
-      if (scroll3(ps[i2])) {
-        return ps[i2];
+    for (let i = 0; i < ps.length; i += 1) {
+      if (scroll3(ps[i])) {
+        return ps[i];
       }
     }
     return null;
@@ -25916,21 +25909,21 @@ const useColumnResizer = ({
         }
         if (table) {
           const tableHeaders = table.querySelectorAll("thead > tr > th");
-          for (let i2 = 0; i2 < tableHeaders.length; i2 += 1) {
-            const tableHeaderBody2 = tableHeaders[i2].querySelector(".sps-table__header-cell-body");
+          for (let i = 0; i < tableHeaders.length; i += 1) {
+            const tableHeaderBody2 = tableHeaders[i].querySelector(".sps-table__header-cell-body");
             if (tableHeaderBody2 && !tableHeaderBody2.title) {
               tableHeaderBody2.title = tableHeaderBody2.textContent;
             }
           }
           const cells = table.querySelectorAll(`tbody > tr > td:nth-of-type(${tableHeaderRef.current.cellIndex + 1})`);
-          for (let i2 = 0; i2 < cells.length; i2 += 1) {
-            cells[i2].style.width = width;
-            cells[i2].style.maxWidth = width;
-            cells[i2].style.minWidth = width;
-            cells[i2].style.overflowWrap = width ? "break-word" : null;
-            cells[i2].style.whiteSpace = width ? "normal" : null;
-            if (!cells[i2].title) {
-              cells[i2].title = cells[i2].textContent;
+          for (let i = 0; i < cells.length; i += 1) {
+            cells[i].style.width = width;
+            cells[i].style.maxWidth = width;
+            cells[i].style.minWidth = width;
+            cells[i].style.overflowWrap = width ? "break-word" : null;
+            cells[i].style.whiteSpace = width ? "normal" : null;
+            if (!cells[i].title) {
+              cells[i].title = cells[i].textContent;
             }
           }
         }
@@ -27771,8 +27764,8 @@ function SpsSearchResultsBarV2(props2) {
     kind: TagKind.INFO
   }, /* @__PURE__ */ React.createElement("span", null, results))), /* @__PURE__ */ React.createElement("div", {
     className: "sps-search-results-bar-v2__selections"
-  }, Object.keys(filteredSelections).length > 0 ? Object.keys(filteredSelections).map((selection, i2) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", {
-    key: i2,
+  }, Object.keys(filteredSelections).length > 0 ? Object.keys(filteredSelections).map((selection, i) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", {
+    key: i,
     className: "sps-search-results-bar-v2__selection"
   }, selection, ":"), filteredSelections[selection].map((label, j) => /* @__PURE__ */ React.createElement(SpsTag, {
     key: j,
@@ -29887,7 +29880,7 @@ function SpsMultiSelect(_O) {
     focusTextInput();
   }
   function removeOptionByIndex(indexToRemove) {
-    const newValue = value.filter((option, i2) => i2 !== indexToRemove);
+    const newValue = value.filter((option, i) => i !== indexToRemove);
     updateValue(newValue);
   }
   function handleChange(event) {
@@ -29970,7 +29963,7 @@ function SpsMultiSelect(_O) {
   }
   function handleOptionListChanged(filteredListLength) {
     patchState({
-      optionIds: new Array(filteredListLength).fill("").map((s, i2) => `${wrapperId}-options-option-${i2}`).join(",")
+      optionIds: new Array(filteredListLength).fill("").map((s, i) => `${wrapperId}-options-option-${i}`).join(",")
     });
   }
   const onSpecialActionSelect = React.useCallback(() => {
@@ -29980,7 +29973,7 @@ function SpsMultiSelect(_O) {
     focusTextInput();
   }, []);
   const classes = clsx(unsafelyReplaceClassName || "sps-multi-select", showPopup && "sps-multi-select--open", showPopup && "z-stratum-dropdown", state.opensUpward && "sps-multi-select--opens-upward", disabled && "sps-form-control--disabled", className);
-  const tagIds = new Array(value.length).fill(0).map((_, i2) => `${wrapperId}_tag-${i2}`);
+  const tagIds = new Array(value.length).fill(0).map((_, i) => `${wrapperId}_tag-${i}`);
   return /* @__PURE__ */ React.createElement(SpsFormComponentWrapper, {
     id: wrapperId,
     className: classes,
@@ -30004,13 +29997,13 @@ function SpsMultiSelect(_O) {
   }), /* @__PURE__ */ React.createElement("div", {
     className: "sps-multi-select__tags-and-input",
     ref: tagList
-  }, hideSelected ? null : value.map((opt, i2) => /* @__PURE__ */ React.createElement(SpsClickableTag, {
-    id: tagIds[i2],
+  }, hideSelected ? null : value.map((opt, i) => /* @__PURE__ */ React.createElement(SpsClickableTag, {
+    id: tagIds[i],
     role: "option",
     disabled,
     "aria-selected": "true",
-    key: tagIds[i2],
-    onRemove: () => removeOptionByIndex(i2)
+    key: tagIds[i],
+    onRemove: () => removeOptionByIndex(i)
   }, textKey ? opt[textKey] : opt)), /* @__PURE__ */ React.createElement("input", __spreadValues({
     type: "text",
     ref: textInput,
@@ -30753,7 +30746,7 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
   }
   function handleOptionListChanged(filteredListLength) {
     patchState({
-      optionIds: new Array(filteredListLength).fill("").map((s, i2) => `${wrapperId}-options-option-${i2}`).join(",")
+      optionIds: new Array(filteredListLength).fill("").map((s, i) => `${wrapperId}-options-option-${i}`).join(",")
     });
   }
   React.useEffect(() => {
@@ -38165,7 +38158,7 @@ const MANIFEST = {
     examples: SpsInsightTileExamples
   },
   "Key Value Lists": {
-    description: () => /* @__PURE__ */ React.createElement("p", null, "Key Value Sets consist of a title and value, or values, paired together visually. They are ideal for displaying details (a value or values) that require additional context (title)."),
+    description: () => /* @__PURE__ */ React.createElement("p", null, "Key Value Lists consist of a title and value, or values, paired together visually. They are ideal for displaying details (a value or values) that require additional context (title)."),
     components: [SpsKeyValueList, SpsKeyValueListItem],
     examples: SpsKeyValueListExamples
   },
@@ -38481,7 +38474,7 @@ const SpsCurrencyInputExamples = {
 };
 function useGrowlers() {
   const [growlerList, setGrowlerList] = React.useState([]);
-  const growlers = React.useCallback(() => growlerList.map((g2, i2) => /* @__PURE__ */ React.createElement(SpsGrowler, {
+  const growlers = React.useCallback(() => growlerList.map((g2, i) => /* @__PURE__ */ React.createElement(SpsGrowler, {
     id: g2.id,
     key: g2.id,
     title: g2.title,
@@ -38617,9 +38610,10 @@ const SpsKeyValueTagExamples = {
     }
   }
 };
-const WHITESPACE_COMMA_TAB_NEWLINE_REGEX = new RegExp(/[,\n+\s+\t+]+/);
-function splitStringByDelimiter(str) {
-  return str.split(WHITESPACE_COMMA_TAB_NEWLINE_REGEX).filter((s) => s !== "");
+function splitStringByDelimiter(str, delimiters) {
+  const regexForSplit = new RegExp(`[\\t\r
+${delimiters.join("").replace("]", "\\]").replace(" ", "\\s")}]+`);
+  return str.split(regexForSplit).filter((s) => s !== "");
 }
 const propsDoc$1 = {
   disabled: "boolean",
@@ -38628,7 +38622,8 @@ const propsDoc$1 = {
   onChange: "ChangeEventHandler",
   onEntryChange: "(searchText: string) => void",
   placeholder: "string",
-  value: "any"
+  value: "any",
+  createTagOptions: "string[]"
 };
 const propTypes$1 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   disabled: propTypes$1H.exports.bool,
@@ -38638,7 +38633,8 @@ const propTypes$1 = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   onChange: fun(),
   onEntryChange: fun(),
   placeholder: propTypes$1H.exports.string,
-  value: propTypes$1H.exports.any
+  value: propTypes$1H.exports.any,
+  createTagOptions: propTypes$1H.exports.arrayOf(propTypes$1H.exports.string)
 });
 function SpsMultiValueTextInput(_ma) {
   var _na = _ma, {
@@ -38653,6 +38649,7 @@ function SpsMultiValueTextInput(_ma) {
     unsafelyReplaceClassName,
     value,
     icon,
+    createTagOptions = [" ", ","],
     "data-testid": testId
   } = _na, rest = __objRest(_na, [
     "className",
@@ -38666,6 +38663,7 @@ function SpsMultiValueTextInput(_ma) {
     "unsafelyReplaceClassName",
     "value",
     "icon",
+    "createTagOptions",
     "data-testid"
   ]);
   const meta = formMeta || formControl2;
@@ -38700,7 +38698,7 @@ function SpsMultiValueTextInput(_ma) {
     }
   }
   function removeOptionByIndex(indexToRemove) {
-    const newValue = value.filter((_, i2) => i2 !== indexToRemove);
+    const newValue = value.filter((_, i) => i !== indexToRemove);
     updateValue(newValue);
   }
   function handleChange(event) {
@@ -38713,6 +38711,21 @@ function SpsMultiValueTextInput(_ma) {
       removeIcon && removeIcon.focus();
     }
   }
+  const createNewTag = React.useCallback((event) => {
+    patchState({ activeTagIndex: null, searchText: "" });
+    const trimmedText = state.searchText.trim();
+    if (trimmedText && value.indexOf(trimmedText) === -1) {
+      updateValue([...value, ...splitStringByDelimiter(trimmedText, createTagOptions)]);
+    }
+    if ((event.key === "Tab" || event.key === "Enter") && !state.searchText) {
+      return;
+    }
+    event.preventDefault();
+  }, [
+    state.searchText,
+    value,
+    splitStringByDelimiter
+  ]);
   function handleKeyDown(event) {
     if (!disabled) {
       const cursorIsAtLeftOfTextInputAndThereIsAtLeastOneSelection = !event.target.selectionStart && value && value.length;
@@ -38741,15 +38754,7 @@ function SpsMultiValueTextInput(_ma) {
           break;
         case "Enter":
         case "Tab":
-        case ",":
-        case " ":
-          if (state.searchText !== "") {
-            event.preventDefault();
-          }
-          patchState({ activeTagIndex: null, searchText: "" });
-          if (state.searchText.trim() !== "" && value.indexOf(state.searchText) === -1) {
-            updateValue([...value, ...splitStringByDelimiter(state.searchText)]);
-          }
+          createNewTag(event);
           break;
         case "Up":
         case "ArrowUp":
@@ -38784,6 +38789,11 @@ function SpsMultiValueTextInput(_ma) {
           }
           break;
       }
+      for (const option of createTagOptions) {
+        if (event.key === option) {
+          createNewTag(event);
+        }
+      }
       event.persist();
       patchState({ keyDown: event });
     }
@@ -38793,7 +38803,7 @@ function SpsMultiValueTextInput(_ma) {
     event.stopPropagation();
   }
   const classes = clsx(unsafelyReplaceClassName || "sps-multi-select", disabled && "sps-form-control--disabled", className);
-  const tagIds = new Array(value.length).fill(0).map((_, i2) => `${wrapperId}_tag-${i2}`);
+  const tagIds = new Array(value.length).fill(0).map((_, i) => `${wrapperId}_tag-${i}`);
   return /* @__PURE__ */ React.createElement(SpsFormComponentWrapper, {
     id: wrapperId,
     className: classes,
@@ -38816,13 +38826,13 @@ function SpsMultiValueTextInput(_ma) {
   }), /* @__PURE__ */ React.createElement("div", {
     className: "sps-multi-select__tags-and-input",
     ref: clickableTagList
-  }, Array.isArray(value) && value.map((opt, i2) => /* @__PURE__ */ React.createElement(SpsClickableTag, {
-    id: tagIds[i2],
+  }, Array.isArray(value) && value.map((opt, i) => /* @__PURE__ */ React.createElement(SpsClickableTag, {
+    id: tagIds[i],
     role: "option",
     disabled,
     "aria-selected": "true",
-    key: tagIds[i2],
-    onRemove: () => removeOptionByIndex(i2)
+    key: tagIds[i],
+    onRemove: () => removeOptionByIndex(i)
   }, /* @__PURE__ */ React.createElement("span", null, opt))), /* @__PURE__ */ React.createElement("input", __spreadValues({
     type: "text",
     ref: textInput,