@eclass/ui-kit 1.17.0 → 1.18.2

package/dist/eclass-ui-kit.es.js

@@ -108,7 +108,7 @@ var KEYFRAMES = "@keyframes";
 var abs = Math.abs;
 var from = String.fromCharCode;
 var assign = Object.assign;
-function hash(value, length2) {
+function hash$2(value, length2) {
   return (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3);
 }
 function trim(value) {
@@ -126,8 +126,8 @@ function indexof(value, search) {
 function charat(value, index2) {
   return value.charCodeAt(index2) | 0;
 }
-function substr(value, begin, end) {
-  return value.slice(begin, end);
+function substr(value, begin, end2) {
+  return value.slice(begin, end2);
 }
 function strlen(value) {
   return value.length;
@@ -174,8 +174,8 @@ function peek() {
 function caret() {
   return position$1;
 }
-function slice(begin, end) {
-  return substr(characters, begin, end);
+function slice(begin, end2) {
+  return substr(characters, begin, end2);
 }
 function token(type) {
   switch (type) {
@@ -270,7 +270,7 @@ function compile(value) {
 }
 function parse$2(value, root2, parent, rule, rules, rulesets, pseudo, points, declarations) {
   var index2 = 0;
-  var offset = 0;
+  var offset2 = 0;
   var length2 = pseudo;
   var atrule = 0;
   var property = 0;
@@ -282,7 +282,7 @@ function parse$2(value, root2, parent, rule, rules, rulesets, pseudo, points, de
   var type = "";
   var props = rules;
   var children = rulesets;
-  var reference = rule;
+  var reference2 = rule;
   var characters2 = type;
   while (scanning)
     switch (previous = character2, character2 = next()) {
@@ -325,29 +325,29 @@ function parse$2(value, root2, parent, rule, rules, rulesets, pseudo, points, de
           case 0:
           case 125:
             scanning = 0;
-          case 59 + offset:
+          case 59 + offset2:
             if (property > 0 && strlen(characters2) - length2)
               append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2), declarations);
             break;
           case 59:
             characters2 += ";";
           default:
-            append(reference = ruleset(characters2, root2, parent, index2, offset, rules, points, type, props = [], children = [], length2), rulesets);
+            append(reference2 = ruleset(characters2, root2, parent, index2, offset2, rules, points, type, props = [], children = [], length2), rulesets);
             if (character2 === 123)
-              if (offset === 0)
-                parse$2(characters2, root2, reference, reference, props, rulesets, length2, points, children);
+              if (offset2 === 0)
+                parse$2(characters2, root2, reference2, reference2, props, rulesets, length2, points, children);
               else
                 switch (atrule) {
                   case 100:
                   case 109:
                   case 115:
-                    parse$2(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children);
+                    parse$2(value, reference2, reference2, rule && append(ruleset(value, reference2, reference2, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children);
                     break;
                   default:
-                    parse$2(characters2, reference, reference, reference, [""], children, 0, points, children);
+                    parse$2(characters2, reference2, reference2, reference2, [""], children, 0, points, children);
                 }
         }
-        index2 = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
+        index2 = offset2 = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
         break;
       case 58:
         length2 = 1 + strlen(characters2), property = previous;
@@ -360,7 +360,7 @@ function parse$2(value, root2, parent, rule, rules, rulesets, pseudo, points, de
         }
         switch (characters2 += from(character2), character2 * variable) {
           case 38:
-            ampersand = offset > 0 ? 1 : (characters2 += "\f", -1);
+            ampersand = offset2 > 0 ? 1 : (characters2 += "\f", -1);
             break;
           case 44:
             points[index2++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
@@ -368,7 +368,7 @@ function parse$2(value, root2, parent, rule, rules, rulesets, pseudo, points, de
           case 64:
             if (peek() === 45)
               characters2 += delimit(next());
-            atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
+            atrule = peek(), offset2 = length2 = strlen(type = characters2 += identifier(caret())), character2++;
             break;
           case 45:
             if (previous === 45 && strlen(characters2) == 2)
@@ -377,15 +377,15 @@ function parse$2(value, root2, parent, rule, rules, rulesets, pseudo, points, de
     }
   return rulesets;
 }
-function ruleset(value, root2, parent, index2, offset, rules, points, type, props, children, length2) {
-  var post = offset - 1;
-  var rule = offset === 0 ? rules : [""];
+function ruleset(value, root2, parent, index2, offset2, rules, points, type, props, children, length2) {
+  var post = offset2 - 1;
+  var rule = offset2 === 0 ? rules : [""];
   var size2 = sizeof(rule);
   for (var i = 0, j = 0, k2 = 0; i < index2; ++i)
     for (var x2 = 0, y2 = substr(value, post + 1, post = abs(j = points[i])), z2 = value; x2 < size2; ++x2)
       if (z2 = trim(j > 0 ? rule[x2] + " " + y2 : replace(y2, /&\f/g, rule[x2])))
         props[k2++] = z2;
-  return node(value, root2, parent, offset === 0 ? RULESET : type, props, children, length2);
+  return node(value, root2, parent, offset2 === 0 ? RULESET : type, props, children, length2);
 }
 function comment(value, root2, parent) {
   return node(value, root2, parent, COMMENT, from(char()), substr(value, 2, -2), 0);
@@ -394,7 +394,7 @@ function declaration(value, root2, parent, length2) {
   return node(value, root2, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2);
 }
 function prefix(value, length2) {
-  switch (hash(value, length2)) {
+  switch (hash$2(value, length2)) {
     case 5103:
       return WEBKIT + "print-" + value + value;
     case 5737:
@@ -584,11 +584,11 @@ var weakMemoize = function weakMemoize2(func) {
     return ret;
   };
 };
-function memoize$1(fn) {
+function memoize$1(fn6) {
   var cache = /* @__PURE__ */ Object.create(null);
   return function(arg) {
     if (cache[arg] === void 0)
-      cache[arg] = fn(arg);
+      cache[arg] = fn6(arg);
     return cache[arg];
   };
 }
@@ -739,8 +739,8 @@ var createCache = function createCache2(options) {
   cache.sheet.hydrate(nodesToHydrate);
   return cache;
 };
-function _extends$f() {
-  _extends$f = Object.assign || function(target) {
+function _extends$h() {
+  _extends$h = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -751,7 +751,7 @@ function _extends$f() {
     }
     return target;
   };
-  return _extends$f.apply(this, arguments);
+  return _extends$h.apply(this, arguments);
 }
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var reactIs$1 = { exports: {} };
@@ -1151,7 +1151,7 @@ var getTheme = function getTheme2(outerTheme, theme2) {
     var mergedTheme = theme2(outerTheme);
     return mergedTheme;
   }
-  return _extends$f({}, outerTheme, theme2);
+  return _extends$h({}, outerTheme, theme2);
 };
 var createCacheWithTheme = /* @__PURE__ */ weakMemoize(function(outerTheme) {
   return weakMemoize(function(theme2) {
@@ -1915,8 +1915,8 @@ var lodash_mergewith = { exports: {} };
     }
     assignMergeValue(object, key, newValue);
   }
-  function baseRest(func, start) {
-    return setToString(overRest(func, start, identity), func + "");
+  function baseRest(func, start2) {
+    return setToString(overRest(func, start2, identity), func + "");
   }
   var baseSetToString = !defineProperty ? identity : function(func, string) {
     return defineProperty(func, "toString", {
@@ -2065,19 +2065,19 @@ var lodash_mergewith = { exports: {} };
   function objectToString(value) {
     return nativeObjectToString.call(value);
   }
-  function overRest(func, start, transform10) {
-    start = nativeMax(start === void 0 ? func.length - 1 : start, 0);
+  function overRest(func, start2, transform10) {
+    start2 = nativeMax(start2 === void 0 ? func.length - 1 : start2, 0);
     return function() {
-      var args = arguments, index2 = -1, length2 = nativeMax(args.length - start, 0), array = Array(length2);
+      var args = arguments, index2 = -1, length2 = nativeMax(args.length - start2, 0), array = Array(length2);
       while (++index2 < length2) {
-        array[index2] = args[start + index2];
+        array[index2] = args[start2 + index2];
       }
       index2 = -1;
-      var otherArgs = Array(start + 1);
-      while (++index2 < start) {
+      var otherArgs = Array(start2 + 1);
+      while (++index2 < start2) {
         otherArgs[index2] = args[index2];
       }
-      otherArgs[start] = transform10(array);
+      otherArgs[start2] = transform10(array);
       return apply(func, this, otherArgs);
     };
   }
@@ -2244,11 +2244,11 @@ function get(obj, path, fallback, index2) {
   }
   return obj === void 0 ? fallback : obj;
 }
-var memoize = function memoize2(fn) {
+var memoize = function memoize2(fn6) {
   var cache = /* @__PURE__ */ new WeakMap();
   var memoizedFn = function memoizedFn2(obj, path, fallback, index2) {
     if (typeof obj === "undefined") {
-      return fn(obj, path, fallback);
+      return fn6(obj, path, fallback);
     }
     if (!cache.has(obj)) {
       cache.set(obj, /* @__PURE__ */ new Map());
@@ -2257,18 +2257,18 @@ var memoize = function memoize2(fn) {
     if (map.has(path)) {
       return map.get(path);
     }
-    var value = fn(obj, path, fallback, index2);
+    var value = fn6(obj, path, fallback, index2);
     map.set(path, value);
     return value;
   };
   return memoizedFn;
 };
 var memoizedGet = memoize(get);
-function objectFilter(object, fn) {
+function objectFilter(object, fn6) {
   var result = {};
   Object.keys(object).forEach(function(key) {
     var value = object[key];
-    var shouldPass = fn(value, key, object);
+    var shouldPass = fn6(value, key, object);
     if (shouldPass) {
       result[key] = value;
     }
@@ -2290,6 +2290,10 @@ var fromEntries = function fromEntries2(entries) {
     return carry;
   }, {});
 };
+var getCSSVar = function getCSSVar2(theme2, scale2, value) {
+  var _theme$__cssMap$$varR, _theme$__cssMap$;
+  return (_theme$__cssMap$$varR = (_theme$__cssMap$ = theme2.__cssMap[scale2 + "." + value]) == null ? void 0 : _theme$__cssMap$.varRef) != null ? _theme$__cssMap$$varR : value;
+};
 function analyzeCSSValue$1(value) {
   var num = parseFloat(value.toString());
   var unit = value.toString().replace(String(num), "");
@@ -2329,12 +2333,12 @@ function subtract(value) {
     return "" + (parseFloat(m2) + factor);
   });
 }
-function queryString(min, max) {
+function queryString(min2, max2) {
   var query = ["@media screen"];
-  if (min)
-    query.push("and", "(min-width: " + px$1(min) + ")");
-  if (max)
-    query.push("and", "(max-width: " + px$1(max) + ")");
+  if (min2)
+    query.push("and", "(min-width: " + px$1(min2) + ")");
+  if (max2)
+    query.push("and", "(max-width: " + px$1(max2) + ")");
   return query.join(" ");
 }
 function analyzeBreakpoints(breakpoints2) {
@@ -2400,12 +2404,12 @@ function analyzeBreakpoints(breakpoints2) {
     }
   };
 }
-function isElement(el) {
+function isElement$1(el) {
   return el != null && typeof el == "object" && "nodeType" in el && el.nodeType === Node.ELEMENT_NODE;
 }
-function isHTMLElement(el) {
+function isHTMLElement$1(el) {
   var _el$ownerDocument$def;
-  if (!isElement(el)) {
+  if (!isElement$1(el)) {
     return false;
   }
   var win2 = (_el$ownerDocument$def = el.ownerDocument.defaultView) != null ? _el$ownerDocument$def : window;
@@ -2413,7 +2417,7 @@ function isHTMLElement(el) {
 }
 function getOwnerDocument(node2) {
   var _node$ownerDocument;
-  return isElement(node2) ? (_node$ownerDocument = node2.ownerDocument) != null ? _node$ownerDocument : document : document;
+  return isElement$1(node2) ? (_node$ownerDocument = node2.ownerDocument) != null ? _node$ownerDocument : document : document;
 }
 function canUseDOM() {
   return !!(typeof window !== "undefined" && window.document && window.document.createElement);
@@ -2435,10 +2439,10 @@ function isDisabled(element) {
   return Boolean(element.getAttribute("disabled")) === true || Boolean(element.getAttribute("aria-disabled")) === true;
 }
 function isInputElement(element) {
-  return isHTMLElement(element) && element.tagName.toLowerCase() === "input" && "select" in element;
+  return isHTMLElement$1(element) && element.tagName.toLowerCase() === "input" && "select" in element;
 }
 function isActiveElement(element) {
-  var doc2 = isHTMLElement(element) ? getOwnerDocument(element) : document;
+  var doc2 = isHTMLElement$1(element) ? getOwnerDocument(element) : document;
   return doc2.activeElement === element;
 }
 function isHidden(element) {
@@ -2451,7 +2455,7 @@ function isContentEditable(element) {
   return value !== "false" && value != null;
 }
 function isFocusable(element) {
-  if (!isHTMLElement(element) || isHidden(element) || isDisabled(element)) {
+  if (!isHTMLElement$1(element) || isHidden(element) || isDisabled(element)) {
     return false;
   }
   var localName = element.localName;
@@ -2537,21 +2541,21 @@ function callAllHandlers() {
     fns[_key2] = arguments[_key2];
   }
   return function func(event) {
-    fns.some(function(fn) {
-      fn == null ? void 0 : fn(event);
+    fns.some(function(fn6) {
+      fn6 == null ? void 0 : fn6(event);
       return event == null ? void 0 : event.defaultPrevented;
     });
   };
 }
-function once(fn) {
+function once(fn6) {
   var result;
   return function func() {
-    if (fn) {
+    if (fn6) {
       for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
         args[_key5] = arguments[_key5];
       }
-      result = fn.apply(this, args);
-      fn = null;
+      result = fn6.apply(this, args);
+      fn6 = null;
     }
     return result;
   };
@@ -2682,8 +2686,8 @@ function flatten(target, maxDepth) {
     return result;
   }, {});
 }
-function valueToPercent(value, min, max) {
-  return (value - min) * 100 / (max - min);
+function valueToPercent(value, min2, max2) {
+  return (value - min2) * 100 / (max2 - min2);
 }
 Object.freeze(["base", "sm", "md", "lg", "xl", "2xl"]);
 function mapResponsive(prop2, mapper) {
@@ -2754,13 +2758,13 @@ function getValidChildren(children) {
   });
 }
 var useSafeLayoutEffect = isBrowser$1 ? React.useLayoutEffect : React.useEffect;
-function useCallbackRef$1(fn, deps) {
+function useCallbackRef$1(fn6, deps) {
   if (deps === void 0) {
     deps = [];
   }
-  var ref = React.useRef(fn);
+  var ref = React.useRef(fn6);
   useSafeLayoutEffect(function() {
-    ref.current = fn;
+    ref.current = fn6;
   });
   return React.useCallback(function() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -2769,13 +2773,32 @@ function useCallbackRef$1(fn, deps) {
     return ref.current == null ? void 0 : ref.current.apply(ref, args);
   }, deps);
 }
+function useEventListener(event, handler, env, options) {
+  var listener = useCallbackRef$1(handler);
+  React.useEffect(function() {
+    var _runIfFn;
+    var node2 = (_runIfFn = runIfFn(env)) != null ? _runIfFn : document;
+    if (!handler) {
+      return;
+    }
+    node2.addEventListener(event, listener, options);
+    return function() {
+      node2.removeEventListener(event, listener, options);
+    };
+  }, [event, env, options, listener, handler]);
+  return function() {
+    var _runIfFn2;
+    var node2 = (_runIfFn2 = runIfFn(env)) != null ? _runIfFn2 : document;
+    node2.removeEventListener(event, listener, options);
+  };
+}
 function useControllableProp(prop2, state2) {
   var isControlled = prop2 !== void 0;
   var value = isControlled && typeof prop2 !== "undefined" ? prop2 : state2;
   return [isControlled, value];
 }
-function _extends$e() {
-  _extends$e = Object.assign || function(target) {
+function _extends$g() {
+  _extends$g = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -2786,7 +2809,7 @@ function _extends$e() {
     }
     return target;
   };
-  return _extends$e.apply(this, arguments);
+  return _extends$g.apply(this, arguments);
 }
 var defaultIdContext = {
   current: 1
@@ -2860,7 +2883,7 @@ function useDisclosure(props) {
       if (props2 === void 0) {
         props2 = {};
       }
-      return _extends$e({}, props2, {
+      return _extends$g({}, props2, {
         "aria-expanded": "true",
         "aria-controls": id2,
         onClick: callAllHandlers(props2.onClick, onToggle)
@@ -2870,20 +2893,20 @@ function useDisclosure(props) {
       if (props2 === void 0) {
         props2 = {};
       }
-      return _extends$e({}, props2, {
+      return _extends$g({}, props2, {
         hidden: !isOpen,
         id: id2
       });
     }
   };
 }
-function useUnmountEffect$1(fn, deps) {
+function useUnmountEffect$1(fn6, deps) {
   if (deps === void 0) {
     deps = [];
   }
   return React.useEffect(function() {
     return function() {
-      return fn();
+      return fn6();
     };
   }, deps);
 }
@@ -9440,8 +9463,8 @@ function PortalManager(props) {
     }
   }, children);
 }
-function _extends$d() {
-  _extends$d = Object.assign || function(target) {
+function _extends$f() {
+  _extends$f = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9452,9 +9475,9 @@ function _extends$d() {
     }
     return target;
   };
-  return _extends$d.apply(this, arguments);
+  return _extends$f.apply(this, arguments);
 }
-function _objectWithoutPropertiesLoose$c(source, excluded) {
+function _objectWithoutPropertiesLoose$e(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -9468,7 +9491,7 @@ function _objectWithoutPropertiesLoose$c(source, excluded) {
   }
   return target;
 }
-var _excluded$e = ["containerRef"];
+var _excluded$g = ["containerRef"];
 var _createContext$4 = createContext({
   strict: false,
   name: "PortalContext"
@@ -9551,8 +9574,8 @@ var ContainerPortal = function ContainerPortal2(props) {
   return null;
 };
 function Portal(props) {
-  var containerRef = props.containerRef, rest = _objectWithoutPropertiesLoose$c(props, _excluded$e);
-  return containerRef ? /* @__PURE__ */ React.createElement(ContainerPortal, _extends$d({
+  var containerRef = props.containerRef, rest = _objectWithoutPropertiesLoose$e(props, _excluded$g);
+  return containerRef ? /* @__PURE__ */ React.createElement(ContainerPortal, _extends$f({
     containerRef
   }, rest)) : /* @__PURE__ */ React.createElement(DefaultPortal, rest);
 }
@@ -9765,13 +9788,13 @@ function getColorScheme(fallback) {
   var isDark3 = (_getMediaQuery = getMediaQuery(queries.dark)) != null ? _getMediaQuery : fallback === "dark";
   return isDark3 ? "dark" : "light";
 }
-function addListener(fn) {
+function addListener(fn6) {
   if (!("matchMedia" in window)) {
     return noop$1;
   }
   var mediaQueryList = window.matchMedia(queries.dark);
   var listener = function listener2() {
-    fn(mediaQueryList.matches ? "dark" : "light", true);
+    fn6(mediaQueryList.matches ? "dark" : "light", true);
   };
   mediaQueryList.addEventListener("change", listener);
   return function() {
@@ -9888,8 +9911,8 @@ function ColorModeProvider(props) {
     value: context
   }, children);
 }
-function _extends$c() {
-  _extends$c = Object.assign || function(target) {
+function _extends$e() {
+  _extends$e = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9900,7 +9923,7 @@ function _extends$c() {
     }
     return target;
   };
-  return _extends$c.apply(this, arguments);
+  return _extends$e.apply(this, arguments);
 }
 var tokenToCSSVar = function tokenToCSSVar2(scale2, value) {
   return function(theme2) {
@@ -9911,7 +9934,7 @@ var tokenToCSSVar = function tokenToCSSVar2(scale2, value) {
 };
 function createTransform(options) {
   var scale2 = options.scale, transform10 = options.transform, compose = options.compose;
-  var fn = function fn2(value, theme2) {
+  var fn6 = function fn7(value, theme2) {
     var _transform;
     var _value = tokenToCSSVar(scale2, value)(theme2);
     var result = (_transform = transform10 == null ? void 0 : transform10(_value, theme2)) != null ? _transform : _value;
@@ -9920,7 +9943,7 @@ function createTransform(options) {
     }
     return result;
   };
-  return fn;
+  return fn6;
 }
 function toConfig(scale2, transform10) {
   return function(property) {
@@ -10244,7 +10267,7 @@ var t = {
     };
   },
   prop: function prop(property, scale2, transform10) {
-    return _extends$c({
+    return _extends$e({
       property,
       scale: scale2
     }, scale2 && {
@@ -10426,7 +10449,7 @@ var color$1 = {
   fill: t.colors("fill"),
   stroke: t.colors("stroke")
 };
-var effect = {
+var effect$3 = {
   boxShadow: t.shadows("boxShadow"),
   mixBlendMode: true,
   blendMode: t.prop("mixBlendMode"),
@@ -10434,8 +10457,8 @@ var effect = {
   bgBlendMode: t.prop("backgroundBlendMode"),
   opacity: true
 };
-Object.assign(effect, {
-  shadow: effect.boxShadow
+Object.assign(effect$3, {
+  shadow: effect$3.boxShadow
 });
 var filter$1 = {
   filter: {
@@ -10910,21 +10933,21 @@ var state = {
     return str + ":placeholder-shown " + post;
   }
 };
-var toGroup = function toGroup2(fn) {
+var toGroup = function toGroup2(fn6) {
   return merge(function(v2) {
-    return fn(v2, "&");
+    return fn6(v2, "&");
   }, "[role=group]", "[data-group]", ".group");
 };
-var toPeer = function toPeer2(fn) {
+var toPeer = function toPeer2(fn6) {
   return merge(function(v2) {
-    return fn(v2, "~ &");
+    return fn6(v2, "~ &");
   }, "[data-peer]", ".peer");
 };
-var merge = function merge2(fn) {
+var merge = function merge2(fn6) {
   for (var _len = arguments.length, selectors = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     selectors[_key - 1] = arguments[_key];
   }
-  return selectors.map(fn).join(", ");
+  return selectors.map(fn6).join(", ");
 };
 var pseudoSelectors = {
   _hover: "&:hover, &[data-hover]",
@@ -10987,10 +11010,10 @@ var pseudoSelectors = {
   _light: ".chakra-ui-light &:not([data-theme]),[data-theme=light] &:not([data-theme]),&[data-theme=light]"
 };
 var pseudoPropNames = objectKeys(pseudoSelectors);
-var systemProps = mergeWith({}, background, border, color$1, flexbox, layout, filter$1, ring2, interactivity, grid, others, position, effect, space$1, scroll, typography$2, textDecoration, transform8, list$1, transition$1);
+var systemProps = mergeWith({}, background, border, color$1, flexbox, layout, filter$1, ring2, interactivity, grid, others, position, effect$3, space$1, scroll, typography$2, textDecoration, transform8, list$1, transition$1);
 Object.assign({}, space$1, layout, flexbox, grid, position);
 var propNames = [].concat(objectKeys(systemProps), pseudoPropNames);
-var styleProps = _extends$c({}, systemProps, pseudoSelectors);
+var styleProps = _extends$e({}, systemProps, pseudoSelectors);
 var isStyleProp = function isStyleProp2(prop2) {
   return prop2 in styleProps;
 };
@@ -11243,30 +11266,30 @@ function tokenToCssVar(token2, prefix2) {
   return cssVar$1(String(token2).replace(/\./g, "-"), void 0, prefix2);
 }
 function createThemeVars(flatTokens, options) {
-  var cssVars = {};
+  var cssVars2 = {};
   var cssMap = {};
   var _loop = function _loop2() {
     var _Object$entries$_i = _Object$entries[_i], token2 = _Object$entries$_i[0], tokenValue = _Object$entries$_i[1];
     var isSemantic = tokenValue.isSemantic, value = tokenValue.value;
-    var _tokenToCssVar = tokenToCssVar(token2, options == null ? void 0 : options.cssVarPrefix), variable = _tokenToCssVar.variable, reference = _tokenToCssVar.reference;
+    var _tokenToCssVar = tokenToCssVar(token2, options == null ? void 0 : options.cssVarPrefix), variable = _tokenToCssVar.variable, reference2 = _tokenToCssVar.reference;
     if (!isSemantic) {
       if (token2.startsWith("space")) {
         var keys2 = token2.split(".");
         var firstKey = keys2[0], referenceKeys = keys2.slice(1);
         var negativeLookupKey = firstKey + ".-" + referenceKeys.join(".");
         var negativeValue = calc$1.negate(value);
-        var negatedReference = calc$1.negate(reference);
+        var negatedReference = calc$1.negate(reference2);
         cssMap[negativeLookupKey] = {
           value: negativeValue,
           "var": variable,
           varRef: negatedReference
         };
       }
-      cssVars[variable] = value;
+      cssVars2[variable] = value;
       cssMap[token2] = {
         value,
         "var": variable,
-        varRef: reference
+        varRef: reference2
       };
       return "continue";
     }
@@ -11276,13 +11299,13 @@ function createThemeVars(flatTokens, options) {
       var resolvedTokenValue = flatTokens[withScale];
       if (!resolvedTokenValue)
         return maybeToken;
-      var _tokenToCssVar2 = tokenToCssVar(withScale, options == null ? void 0 : options.cssVarPrefix), reference2 = _tokenToCssVar2.reference;
-      return reference2;
+      var _tokenToCssVar2 = tokenToCssVar(withScale, options == null ? void 0 : options.cssVarPrefix), reference3 = _tokenToCssVar2.reference;
+      return reference3;
     };
     var normalizedValue = isObject(value) ? value : {
       "default": value
     };
-    cssVars = mergeWith(cssVars, Object.entries(normalizedValue).reduce(function(acc, _ref2) {
+    cssVars2 = mergeWith(cssVars2, Object.entries(normalizedValue).reduce(function(acc, _ref2) {
       var _pseudoSelectors$cond, _acc$conditionSelecto;
       var conditionAlias = _ref2[0], conditionValue = _ref2[1];
       var maybeReference = lookupToken(conditionValue);
@@ -11295,9 +11318,9 @@ function createThemeVars(flatTokens, options) {
       return acc;
     }, {}));
     cssMap[token2] = {
-      value: reference,
+      value: reference2,
       "var": variable,
-      varRef: reference
+      varRef: reference2
     };
   };
   for (var _i = 0, _Object$entries = Object.entries(flatTokens); _i < _Object$entries.length; _i++) {
@@ -11306,11 +11329,11 @@ function createThemeVars(flatTokens, options) {
       continue;
   }
   return {
-    cssVars,
+    cssVars: cssVars2,
     cssMap
   };
 }
-function _objectWithoutPropertiesLoose$b(source, excluded) {
+function _objectWithoutPropertiesLoose$d(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -11324,7 +11347,7 @@ function _objectWithoutPropertiesLoose$b(source, excluded) {
   }
   return target;
 }
-var _excluded$d = ["__cssMap", "__cssVars", "__breakpoints"];
+var _excluded$f = ["__cssMap", "__cssVars", "__breakpoints"];
 var tokens = ["colors", "borders", "borderWidths", "borderStyles", "fonts", "fontSizes", "fontWeights", "letterSpacings", "lineHeights", "radii", "space", "shadows", "sizes", "zIndices", "transition", "blur"];
 function extractTokens(theme2) {
   var _tokens = tokens;
@@ -11337,7 +11360,7 @@ function omitVars(rawTheme) {
   rawTheme.__cssMap;
   rawTheme.__cssVars;
   rawTheme.__breakpoints;
-  var cleanTheme = _objectWithoutPropertiesLoose$b(rawTheme, _excluded$d);
+  var cleanTheme = _objectWithoutPropertiesLoose$d(rawTheme, _excluded$f);
   return cleanTheme;
 }
 function flattenTokens(_ref2) {
@@ -11373,7 +11396,7 @@ function toCSSVar(rawTheme) {
   var cssVarPrefix = (_theme$config = theme2.config) == null ? void 0 : _theme$config.cssVarPrefix;
   var _createThemeVars = createThemeVars(flatTokens, {
     cssVarPrefix
-  }), cssMap = _createThemeVars.cssMap, cssVars = _createThemeVars.cssVars;
+  }), cssMap = _createThemeVars.cssMap, cssVars2 = _createThemeVars.cssVars;
   var defaultCssVars = {
     "--chakra-ring-inset": "var(--chakra-empty,/*!*/ /*!*/)",
     "--chakra-ring-offset-width": "0px",
@@ -11385,7 +11408,7 @@ function toCSSVar(rawTheme) {
     "--chakra-space-y-reverse": "0"
   };
   Object.assign(theme2, {
-    __cssVars: _extends$c({}, defaultCssVars, cssVars),
+    __cssVars: _extends$e({}, defaultCssVars, cssVars2),
     __cssMap: cssMap,
     __breakpoints: analyzeBreakpoints(theme2.breakpoints)
   });
@@ -11600,7 +11623,7 @@ var createStyled = function createStyled2(tag2, options) {
       }
     });
     Styled.withComponent = function(nextTag, nextOptions) {
-      return createStyled2(nextTag, _extends$f({}, options, nextOptions, {
+      return createStyled2(nextTag, _extends$h({}, options, nextOptions, {
         shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
       })).apply(void 0, styles2);
     };
@@ -11747,8 +11770,8 @@ var newStyled = createStyled.bind();
 tags.forEach(function(tagName) {
   newStyled[tagName] = newStyled(tagName);
 });
-function _extends$b() {
-  _extends$b = Object.assign || function(target) {
+function _extends$d() {
+  _extends$d = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11759,7 +11782,7 @@ function _extends$b() {
     }
     return target;
   };
-  return _extends$b.apply(this, arguments);
+  return _extends$d.apply(this, arguments);
 }
 var ThemeProvider2 = function ThemeProvider3(props) {
   var cssVarsRoot = props.cssVarsRoot, theme2 = props.theme, children = props.children;
@@ -11815,11 +11838,11 @@ function omitThemingProps(props) {
 function useChakra() {
   var colorModeResult = useColorMode();
   var theme2 = useTheme();
-  return _extends$b({}, colorModeResult, {
+  return _extends$d({}, colorModeResult, {
     theme: theme2
   });
 }
-function _objectWithoutPropertiesLoose$a(source, excluded) {
+function _objectWithoutPropertiesLoose$c(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -11838,12 +11861,12 @@ var validHTMLProps = /* @__PURE__ */ new Set(["htmlWidth", "htmlHeight", "htmlSi
 var shouldForwardProp = function shouldForwardProp2(prop2) {
   return validHTMLProps.has(prop2) || !allPropNames.has(prop2);
 };
-var _excluded$1$3 = ["theme", "css", "__css", "sx"], _excluded2$3 = ["baseStyle"];
+var _excluded$1$4 = ["theme", "css", "__css", "sx"], _excluded2$3 = ["baseStyle"];
 var toCSSObject = function toCSSObject2(_ref2) {
   var baseStyle22 = _ref2.baseStyle;
   return function(props) {
     props.theme;
-    var cssProp = props.css, __css = props.__css, sx = props.sx, rest = _objectWithoutPropertiesLoose$a(props, _excluded$1$3);
+    var cssProp = props.css, __css = props.__css, sx = props.sx, rest = _objectWithoutPropertiesLoose$c(props, _excluded$1$4);
     var styleProps2 = objectFilter(rest, function(_, prop2) {
       return isStyleProp(prop2);
     });
@@ -11854,7 +11877,7 @@ var toCSSObject = function toCSSObject2(_ref2) {
   };
 };
 function styled(component, options) {
-  var _ref2 = options != null ? options : {}, baseStyle22 = _ref2.baseStyle, styledOptions = _objectWithoutPropertiesLoose$a(_ref2, _excluded2$3);
+  var _ref2 = options != null ? options : {}, baseStyle22 = _ref2.baseStyle, styledOptions = _objectWithoutPropertiesLoose$c(_ref2, _excluded2$3);
   if (!styledOptions.shouldForwardProp) {
     styledOptions.shouldForwardProp = shouldForwardProp;
   }
@@ -11866,7 +11889,7 @@ function styled(component, options) {
 function forwardRef(component) {
   return /* @__PURE__ */ React.forwardRef(component);
 }
-var _excluded$c = ["styleConfig"];
+var _excluded$e = ["styleConfig"];
 function useStyleConfig(themeKey, props, opts) {
   var _styleConfig$defaultP;
   if (props === void 0) {
@@ -11875,7 +11898,7 @@ function useStyleConfig(themeKey, props, opts) {
   if (opts === void 0) {
     opts = {};
   }
-  var _props = props, styleConfigProp = _props.styleConfig, rest = _objectWithoutPropertiesLoose$a(_props, _excluded$c);
+  var _props = props, styleConfigProp = _props.styleConfig, rest = _objectWithoutPropertiesLoose$c(_props, _excluded$e);
   var _useChakra = useChakra(), theme2 = _useChakra.theme, colorMode = _useChakra.colorMode;
   var themeStyleConfig = memoizedGet(theme2, "components." + themeKey);
   var styleConfig = styleConfigProp || themeStyleConfig;
@@ -11973,8 +11996,8 @@ var spacing = {
   80: "20rem",
   96: "24rem"
 };
-function _extends$a() {
-  _extends$a = Object.assign || function(target) {
+function _extends$c() {
+  _extends$c = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11985,7 +12008,7 @@ function _extends$a() {
     }
     return target;
   };
-  return _extends$a.apply(this, arguments);
+  return _extends$c.apply(this, arguments);
 }
 var largeSizes = {
   max: "max-content",
@@ -12012,25 +12035,25 @@ var container$1 = {
   lg: "1024px",
   xl: "1280px"
 };
-var sizes$l = _extends$a({}, spacing, largeSizes, {
+var sizes$l = _extends$c({}, spacing, largeSizes, {
   container: container$1
 });
-function bound01(n2, max) {
+function bound01(n2, max2) {
   if (isOnePointZero(n2)) {
     n2 = "100%";
   }
   var isPercent = isPercentage(n2);
-  n2 = max === 360 ? n2 : Math.min(max, Math.max(0, parseFloat(n2)));
+  n2 = max2 === 360 ? n2 : Math.min(max2, Math.max(0, parseFloat(n2)));
   if (isPercent) {
-    n2 = parseInt(String(n2 * max), 10) / 100;
+    n2 = parseInt(String(n2 * max2), 10) / 100;
   }
-  if (Math.abs(n2 - max) < 1e-6) {
+  if (Math.abs(n2 - max2) < 1e-6) {
     return 1;
   }
-  if (max === 360) {
-    n2 = (n2 < 0 ? n2 % max + max : n2 % max) / parseFloat(String(max));
+  if (max2 === 360) {
+    n2 = (n2 < 0 ? n2 % max2 + max2 : n2 % max2) / parseFloat(String(max2));
   } else {
-    n2 = n2 % max / parseFloat(String(max));
+    n2 = n2 % max2 / parseFloat(String(max2));
   }
   return n2;
 }
@@ -12070,18 +12093,18 @@ function rgbToHsl(r2, g2, b2) {
   r2 = bound01(r2, 255);
   g2 = bound01(g2, 255);
   b2 = bound01(b2, 255);
-  var max = Math.max(r2, g2, b2);
-  var min = Math.min(r2, g2, b2);
+  var max2 = Math.max(r2, g2, b2);
+  var min2 = Math.min(r2, g2, b2);
   var h = 0;
   var s = 0;
-  var l2 = (max + min) / 2;
-  if (max === min) {
+  var l2 = (max2 + min2) / 2;
+  if (max2 === min2) {
     s = 0;
     h = 0;
   } else {
-    var d2 = max - min;
-    s = l2 > 0.5 ? d2 / (2 - max - min) : d2 / (max + min);
-    switch (max) {
+    var d2 = max2 - min2;
+    s = l2 > 0.5 ? d2 / (2 - max2 - min2) : d2 / (max2 + min2);
+    switch (max2) {
       case r2:
         h = (g2 - b2) / d2 + (g2 < b2 ? 6 : 0);
         break;
@@ -12138,16 +12161,16 @@ function rgbToHsv(r2, g2, b2) {
   r2 = bound01(r2, 255);
   g2 = bound01(g2, 255);
   b2 = bound01(b2, 255);
-  var max = Math.max(r2, g2, b2);
-  var min = Math.min(r2, g2, b2);
+  var max2 = Math.max(r2, g2, b2);
+  var min2 = Math.min(r2, g2, b2);
   var h = 0;
-  var v2 = max;
-  var d2 = max - min;
-  var s = max === 0 ? 0 : d2 / max;
-  if (max === min) {
+  var v2 = max2;
+  var d2 = max2 - min2;
+  var s = max2 === 0 ? 0 : d2 / max2;
+  if (max2 === min2) {
     h = 0;
   } else {
-    switch (max) {
+    switch (max2) {
       case r2:
         h = (g2 - b2) / d2 + (g2 < b2 ? 6 : 0);
         break;
@@ -13013,11 +13036,11 @@ function randomWithin(range, seed) {
   if (seed === void 0) {
     return Math.floor(range[0] + Math.random() * (range[1] + 1 - range[0]));
   }
-  var max = range[1] || 1;
-  var min = range[0] || 0;
+  var max2 = range[1] || 1;
+  var min2 = range[0] || 0;
   seed = (seed * 9301 + 49297) % 233280;
   var rnd = seed / 233280;
-  return Math.floor(min + rnd * (max - min));
+  return Math.floor(min2 + rnd * (max2 - min2));
 }
 function defineColor(bound) {
   var sMin = bound.lowerBounds[0][0];
@@ -13232,8 +13255,8 @@ function orient(options) {
     return {};
   return orientation === "vertical" ? vertical : horizontal;
 }
-function _extends$9() {
-  _extends$9 = Object.assign || function(target) {
+function _extends$b() {
+  _extends$b = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13244,14 +13267,14 @@ function _extends$9() {
     }
     return target;
   };
-  return _extends$9.apply(this, arguments);
+  return _extends$b.apply(this, arguments);
 }
 var createBreakpoints = function createBreakpoints2(config2) {
   warn({
     condition: true,
     message: ["[chakra-ui]: createBreakpoints(...) will be deprecated pretty soon", "simply pass the breakpoints as an object. Remove the createBreakpoint(..) call"].join("")
   });
-  return _extends$9({
+  return _extends$b({
     base: "0em"
   }, config2);
 };
@@ -13458,14 +13481,14 @@ function addPrefix(value, prefix2) {
 function toVarRef(name, fallback) {
   return "var(" + escape(name) + (fallback ? ", " + fallback : "") + ")";
 }
-function toVar(value, prefix2) {
+function toVar$1(value, prefix2) {
   if (prefix2 === void 0) {
     prefix2 = "";
   }
   return "--" + addPrefix(value, prefix2);
 }
 function cssVar(name, options) {
-  var cssVariable = toVar(name, options == null ? void 0 : options.prefix);
+  var cssVariable = toVar$1(name, options == null ? void 0 : options.prefix);
   return {
     variable: cssVariable,
     reference: toVarRef(cssVariable, getFallback(options == null ? void 0 : options.fallback))
@@ -13886,7 +13909,7 @@ var variantGhost = function variantGhost2(props) {
 var variantOutline$1 = function variantOutline2(props) {
   var c2 = props.colorScheme;
   var borderColor = mode("gray.200", "whiteAlpha.300")(props);
-  return _extends$a({
+  return _extends$c({
     border: "1px solid",
     borderColor: c2 === "gray" ? borderColor : "currentColor"
   }, variantGhost(props));
@@ -14225,7 +14248,7 @@ var baseStyleDialogContainer$1 = {
 };
 var baseStyleDialog$1 = function baseStyleDialog(props) {
   var isFullHeight = props.isFullHeight;
-  return _extends$a({}, isFullHeight && {
+  return _extends$c({}, isFullHeight && {
     height: "100vh"
   }, {
     zIndex: "modal",
@@ -14893,7 +14916,7 @@ function getSize(size2) {
   var _fontSize = (_sizeStyle$field$font = (_sizeStyle$field = sizeStyle.field) == null ? void 0 : _sizeStyle$field.fontSize) != null ? _sizeStyle$field$font : "md";
   var fontSize = typography$1.fontSizes[_fontSize.toString()];
   return {
-    field: _extends$a({}, sizeStyle.field, {
+    field: _extends$c({}, sizeStyle.field, {
       paddingInlineEnd: $inputPadding.reference,
       verticalAlign: "top"
     }),
@@ -14924,7 +14947,7 @@ var numberInput = {
   defaultProps: defaultProps$b
 };
 var _Input$variants$unsty$1;
-var baseStyle$f = _extends$a({}, Input.baseStyle.field, {
+var baseStyle$f = _extends$c({}, Input.baseStyle.field, {
   textAlign: "center"
 });
 var sizes$b = {
@@ -15032,7 +15055,7 @@ function filledStyle(props) {
   var bgColor = mode(c2 + ".500", c2 + ".200")(props);
   var gradient = "linear-gradient(\n    to right,\n    transparent 0%,\n    " + getColor(t2, bgColor) + " 50%,\n    transparent 100%\n  )";
   var addStripe = !isIndeterminate && hasStripe;
-  return _extends$a({}, addStripe && stripeStyle, isIndeterminate ? {
+  return _extends$c({}, addStripe && stripeStyle, isIndeterminate ? {
     bgImage: gradient
   } : {
     bgColor
@@ -15050,7 +15073,7 @@ var baseStyleTrack$2 = function baseStyleTrack(props) {
   };
 };
 var baseStyleFilledTrack$1 = function baseStyleFilledTrack(props) {
-  return _extends$a({
+  return _extends$c({
     transitionProperty: "common",
     transitionDuration: "slow"
   }, filledStyle(props));
@@ -15096,9 +15119,9 @@ var progress$1 = {
 };
 var baseStyleControl2 = function baseStyleControl3(props) {
   var _Checkbox$baseStyle = Checkbox.baseStyle(props), _Checkbox$baseStyle$c = _Checkbox$baseStyle.control, control = _Checkbox$baseStyle$c === void 0 ? {} : _Checkbox$baseStyle$c;
-  return _extends$a({}, control, {
+  return _extends$c({}, control, {
     borderRadius: "full",
-    _checked: _extends$a({}, control["_checked"], {
+    _checked: _extends$c({}, control["_checked"], {
       _before: {
         content: '""',
         display: "inline-block",
@@ -15157,7 +15180,7 @@ var radio = {
   defaultProps: defaultProps$8
 };
 var baseStyleField = function baseStyleField2(props) {
-  return _extends$a({}, Input.baseStyle.field, {
+  return _extends$c({}, Input.baseStyle.field, {
     bg: mode("white", "gray.700")(props),
     appearance: "none",
     paddingBottom: "1px",
@@ -15227,14 +15250,14 @@ var baseStyle$a = function baseStyle15(props) {
   var defaultStartColor = mode("gray.100", "gray.800")(props);
   var defaultEndColor = mode("gray.400", "gray.600")(props);
   var _props$startColor = props.startColor, startColor = _props$startColor === void 0 ? defaultStartColor : _props$startColor, _props$endColor = props.endColor, endColor = _props$endColor === void 0 ? defaultEndColor : _props$endColor, speed = props.speed, theme2 = props.theme;
-  var start = getColor(theme2, startColor);
-  var end = getColor(theme2, endColor);
+  var start2 = getColor(theme2, startColor);
+  var end2 = getColor(theme2, endColor);
   return {
     opacity: 0.7,
     borderRadius: "2px",
-    borderColor: start,
-    background: end,
-    animation: speed + "s linear infinite alternate " + fade(start, end)
+    borderColor: start2,
+    background: end2,
+    animation: speed + "s linear infinite alternate " + fade(start2, end2)
   };
 };
 var skeleton = {
@@ -15278,7 +15301,7 @@ function thumbOrientation(props) {
 }
 var baseStyleContainer$1 = function baseStyleContainer2(props) {
   var orientation = props.orientation;
-  return _extends$a({
+  return _extends$c({
     display: "inline-block",
     position: "relative",
     cursor: "pointer",
@@ -15308,7 +15331,7 @@ var baseStyleTrack$1 = function baseStyleTrack2(props) {
   };
 };
 var baseStyleThumb$1 = function baseStyleThumb(props) {
-  return _extends$a({
+  return _extends$c({
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
@@ -15578,12 +15601,12 @@ var numericStyles = {
 var variantSimple = function variantSimple2(props) {
   var c2 = props.colorScheme;
   return {
-    th: _extends$a({
+    th: _extends$c({
       color: mode("gray.600", "gray.400")(props),
       borderBottom: "1px",
       borderColor: mode(c2 + ".100", c2 + ".700")(props)
     }, numericStyles),
-    td: _extends$a({
+    td: _extends$c({
       borderBottom: "1px",
       borderColor: mode(c2 + ".100", c2 + ".700")(props)
     }, numericStyles),
@@ -15604,12 +15627,12 @@ var variantSimple = function variantSimple2(props) {
 var variantStripe = function variantStripe2(props) {
   var c2 = props.colorScheme;
   return {
-    th: _extends$a({
+    th: _extends$c({
       color: mode("gray.600", "gray.400")(props),
       borderBottom: "1px",
       borderColor: mode(c2 + ".100", c2 + ".700")(props)
     }, numericStyles),
-    td: _extends$a({
+    td: _extends$c({
       borderBottom: "1px",
       borderColor: mode(c2 + ".100", c2 + ".700")(props)
     }, numericStyles),
@@ -15997,7 +16020,7 @@ var tag = {
   defaultProps: defaultProps$1
 };
 var _Input$variants$unsty, _Input$sizes$xs$field, _Input$sizes$sm$field, _Input$sizes$md$field, _Input$sizes$lg$field;
-var baseStyle$1 = _extends$a({}, Input.baseStyle.field, {
+var baseStyle$1 = _extends$c({}, Input.baseStyle.field, {
   paddingY: "8px",
   minHeight: "80px",
   lineHeight: "short",
@@ -16398,7 +16421,7 @@ var blur2 = {
   "2xl": "40px",
   "3xl": "64px"
 };
-var foundations = _extends$a({
+var foundations = _extends$c({
   breakpoints,
   zIndices,
   radii: radii$1,
@@ -16448,15 +16471,15 @@ var config = {
   initialColorMode: "light",
   cssVarPrefix: "chakra"
 };
-var theme$1 = _extends$a({
+var theme$1 = _extends$c({
   direction
 }, foundations, {
   components,
   styles: styles$1$1,
   config
 });
-function _extends$8() {
-  _extends$8 = Object.assign || function(target) {
+function _extends$a() {
+  _extends$a = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -16467,9 +16490,9 @@ function _extends$8() {
     }
     return target;
   };
-  return _extends$8.apply(this, arguments);
+  return _extends$a.apply(this, arguments);
 }
-function _objectWithoutPropertiesLoose$9(source, excluded) {
+function _objectWithoutPropertiesLoose$b(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -16483,7 +16506,7 @@ function _objectWithoutPropertiesLoose$9(source, excluded) {
   }
   return target;
 }
-var _excluded$b = ["as", "viewBox", "color", "focusable", "children", "className", "__css"];
+var _excluded$d = ["as", "viewBox", "color", "focusable", "children", "className", "__css"];
 var fallbackIcon = {
   path: /* @__PURE__ */ React.createElement("g", {
     stroke: "currentColor",
@@ -16506,9 +16529,9 @@ var fallbackIcon = {
   viewBox: "0 0 24 24"
 };
 var Icon = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var element = props.as, viewBox = props.viewBox, _props$color = props.color, color2 = _props$color === void 0 ? "currentColor" : _props$color, _props$focusable = props.focusable, focusable = _props$focusable === void 0 ? false : _props$focusable, children = props.children, className = props.className, __css = props.__css, rest = _objectWithoutPropertiesLoose$9(props, _excluded$b);
+  var element = props.as, viewBox = props.viewBox, _props$color = props.color, color2 = _props$color === void 0 ? "currentColor" : _props$color, _props$focusable = props.focusable, focusable = _props$focusable === void 0 ? false : _props$focusable, children = props.children, className = props.className, __css = props.__css, rest = _objectWithoutPropertiesLoose$b(props, _excluded$d);
   var _className = cx("chakra-icon", className);
-  var styles2 = _extends$8({
+  var styles2 = _extends$a({
     w: "1em",
     h: "1em",
     display: "inline-block",
@@ -16524,12 +16547,12 @@ var Icon = /* @__PURE__ */ forwardRef(function(props, ref) {
   };
   var _viewBox = viewBox != null ? viewBox : fallbackIcon.viewBox;
   if (element && typeof element !== "string") {
-    return /* @__PURE__ */ React.createElement(chakra.svg, _extends$8({
+    return /* @__PURE__ */ React.createElement(chakra.svg, _extends$a({
       as: element
     }, shared, rest));
   }
   var _path = children != null ? children : fallbackIcon.path;
-  return /* @__PURE__ */ React.createElement(chakra.svg, _extends$8({
+  return /* @__PURE__ */ React.createElement(chakra.svg, _extends$a({
     verticalAlign: "middle",
     viewBox: _viewBox
   }, shared, rest), _path);
@@ -16995,7 +17018,7 @@ const startLoop$1 = () => {
     onNextFrame$1(processFrame$1);
 };
 const getFrameData$1 = () => frame$1;
-const clamp$1 = (min, max, v2) => Math.min(Math.max(v2, min), max);
+const clamp$1 = (min2, max2, v2) => Math.min(Math.max(v2, min2), max2);
 const safeMin = 1e-3;
 const minDuration = 0.01;
 const maxDuration = 10;
@@ -17146,7 +17169,7 @@ const progress = (from2, to, value) => {
   return toFromDifference === 0 ? 1 : (value - from2) / toFromDifference;
 };
 const mix = (from2, to, progress2) => -progress2 * from2 + progress2 * to + from2;
-const clamp = (min, max) => (v2) => Math.max(Math.min(v2, max), min);
+const clamp = (min2, max2) => (v2) => Math.max(Math.min(v2, max2), min2);
 const sanitize = (v2) => v2 % 1 ? Number(v2.toFixed(5)) : v2;
 const floatRegex = /(-)?([\d]*\.?[\d])+/g;
 const colorRegex = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi;
@@ -17160,7 +17183,7 @@ const number = {
   transform: (v2) => v2
 };
 const alpha = Object.assign(Object.assign({}, number), { transform: clamp(0, 1) });
-const scale = Object.assign(Object.assign({}, number), { default: 1 });
+const scale$1 = Object.assign(Object.assign({}, number), { default: 1 });
 const createUnitType = (unit) => ({
   test: (v2) => isString(v2) && v2.endsWith(unit) && v2.split(" ").length === 1,
   parse: parseFloat,
@@ -17559,13 +17582,13 @@ function defaultOffset(values) {
   const numValues = values.length;
   return values.map((_value, i) => i !== 0 ? i / (numValues - 1) : 0);
 }
-function convertOffsetToTimes(offset, duration) {
-  return offset.map((o) => o * duration);
+function convertOffsetToTimes(offset2, duration) {
+  return offset2.map((o) => o * duration);
 }
-function keyframes$1({ from: from2 = 0, to = 1, ease, offset, duration = 300 }) {
+function keyframes$1({ from: from2 = 0, to = 1, ease, offset: offset2, duration = 300 }) {
   const state2 = { done: false, value: from2 };
   const values = Array.isArray(to) ? to : [from2, to];
-  const times = convertOffsetToTimes(offset && offset.length === values.length ? offset : defaultOffset(values), duration);
+  const times = convertOffsetToTimes(offset2 && offset2.length === values.length ? offset2 : defaultOffset(values), duration);
   function createInterpolator() {
     return interpolate(times, values, {
       ease: Array.isArray(ease) ? ease : defaultEasing(values, ease)
@@ -17821,17 +17844,17 @@ function animate$1(_a) {
 function velocityPerSecond(velocity, frameDuration) {
   return frameDuration ? velocity * (1e3 / frameDuration) : 0;
 }
-function inertia({ from: from2 = 0, velocity = 0, min, max, power = 0.8, timeConstant = 750, bounceStiffness = 500, bounceDamping = 10, restDelta = 1, modifyTarget, driver, onUpdate, onComplete, onStop }) {
+function inertia({ from: from2 = 0, velocity = 0, min: min2, max: max2, power = 0.8, timeConstant = 750, bounceStiffness = 500, bounceDamping = 10, restDelta = 1, modifyTarget, driver, onUpdate, onComplete, onStop }) {
   let currentAnimation;
   function isOutOfBounds(v2) {
-    return min !== void 0 && v2 < min || max !== void 0 && v2 > max;
+    return min2 !== void 0 && v2 < min2 || max2 !== void 0 && v2 > max2;
   }
   function boundaryNearest(v2) {
-    if (min === void 0)
-      return max;
-    if (max === void 0)
-      return min;
-    return Math.abs(min - v2) < Math.abs(max - v2) ? min : max;
+    if (min2 === void 0)
+      return max2;
+    if (max2 === void 0)
+      return min2;
+    return Math.abs(min2 - v2) < Math.abs(max2 - v2) ? min2 : max2;
   }
   function startAnimation2(options) {
     currentAnimation === null || currentAnimation === void 0 ? void 0 : currentAnimation.stop();
@@ -17856,7 +17879,7 @@ function inertia({ from: from2 = 0, velocity = 0, min, max, power = 0.8, timeCon
     if (typeof modifyTarget !== "undefined")
       target = modifyTarget(target);
     const boundary = boundaryNearest(target);
-    const heading2 = boundary === min ? -1 : 1;
+    const heading2 = boundary === min2 ? -1 : 1;
     let prev2;
     let current;
     const checkBoundary = (v2) => {
@@ -18249,10 +18272,10 @@ var numberValueTypes = {
   rotateX: degrees,
   rotateY: degrees,
   rotateZ: degrees,
-  scale,
-  scaleX: scale,
-  scaleY: scale,
-  scaleZ: scale,
+  scale: scale$1,
+  scaleX: scale$1,
+  scaleY: scale$1,
+  scaleZ: scale$1,
   skew: degrees,
   skewX: degrees,
   skewY: degrees,
@@ -18321,7 +18344,7 @@ function isTransitionDefined(_a) {
   return !!Object.keys(transition2).length;
 }
 function convertTransitionToAnimationOptions(_a) {
-  var ease = _a.ease, times = _a.times, yoyo = _a.yoyo, flip = _a.flip, loop = _a.loop, transition2 = __rest$3(_a, ["ease", "times", "yoyo", "flip", "loop"]);
+  var ease = _a.ease, times = _a.times, yoyo = _a.yoyo, flip2 = _a.flip, loop = _a.loop, transition2 = __rest$3(_a, ["ease", "times", "yoyo", "flip", "loop"]);
   var options = __assign$4({}, transition2);
   if (times)
     options["offset"] = times;
@@ -18334,15 +18357,15 @@ function convertTransitionToAnimationOptions(_a) {
   }
   if (transition2.type === "tween")
     options.type = "keyframes";
-  if (yoyo || loop || flip) {
+  if (yoyo || loop || flip2) {
     if (yoyo) {
       options.repeatType = "reverse";
     } else if (loop) {
       options.repeatType = "loop";
-    } else if (flip) {
+    } else if (flip2) {
       options.repeatType = "mirror";
     }
-    options.repeat = loop || yoyo || flip || transition2.repeat;
+    options.repeat = loop || yoyo || flip2 || transition2.repeat;
   }
   if (transition2.type !== "spring")
     options.type = "keyframes";
@@ -18384,7 +18407,7 @@ function getAnimation(key, value, target, transition2, onComplete) {
     target = getZeroUnit(origin);
   }
   var isOriginAnimatable = isAnimatable(key, origin);
-  function start() {
+  function start2() {
     var options = {
       from: origin,
       to: target,
@@ -18414,7 +18437,7 @@ function getAnimation(key, value, target, transition2, onComplete) {
     return { stop: function() {
     } };
   }
-  return !isOriginAnimatable || !isTargetAnimatable || valueTransition.type === false ? set3 : start;
+  return !isOriginAnimatable || !isTargetAnimatable || valueTransition.type === false ? set3 : start2;
 }
 function isZero(value) {
   return value === 0 || typeof value === "string" && parseFloat(value) === 0 && value.indexOf(" ") === -1;
@@ -18437,13 +18460,13 @@ function startAnimation(key, value, target, transition2) {
     var controls;
     var animation = getAnimation(key, value, target, transition2, onComplete);
     var delay = getDelayFromTransition(transition2, key);
-    var start = function() {
+    var start2 = function() {
       return controls = animation();
     };
     if (delay) {
-      delayTimer = window.setTimeout(start, secondsToMilliseconds(delay));
+      delayTimer = window.setTimeout(start2, secondsToMilliseconds(delay));
     } else {
-      start();
+      start2();
     }
     return function() {
       clearTimeout(delayTimer);
@@ -18510,13 +18533,13 @@ function getRadius(values, radiusName) {
 }
 var easeCrossfadeIn = compress(0, 0.5, circOut);
 var easeCrossfadeOut = compress(0.5, 0.95, linear);
-function compress(min, max, easing) {
+function compress(min2, max2, easing) {
   return function(p2) {
-    if (p2 < min)
+    if (p2 < min2)
       return 0;
-    if (p2 > max)
+    if (p2 > max2)
       return 1;
-    return easing(progress(min, max, p2));
+    return easing(progress(min2, max2, p2));
   };
 }
 function copyAxisInto(axis, originAxis) {
@@ -18599,11 +18622,11 @@ function translateAxis(axis, distance2) {
   axis.min = axis.min + distance2;
   axis.max = axis.max + distance2;
 }
-function transformAxis(axis, transforms, _a) {
+function transformAxis(axis, transforms2, _a) {
   var _b = __read(_a, 3), key = _b[0], scaleKey = _b[1], originKey = _b[2];
-  var axisOrigin = transforms[originKey] !== void 0 ? transforms[originKey] : 0.5;
+  var axisOrigin = transforms2[originKey] !== void 0 ? transforms2[originKey] : 0.5;
   var originPoint = mix(axis.min, axis.max, axisOrigin);
-  applyAxisDelta(axis, transforms[key], transforms[scaleKey], originPoint, transforms.scale);
+  applyAxisDelta(axis, transforms2[key], transforms2[scaleKey], originPoint, transforms2.scale);
 }
 var xKeys$1 = ["x", "scaleX", "originX"];
 var yKeys$1 = ["y", "scaleY", "originY"];
@@ -18693,15 +18716,15 @@ function removeAxisDelta(axis, translate, scale2, origin, boxScale, originAxis,
   axis.min = removePointDelta(axis.min, translate, scale2, originPoint, boxScale);
   axis.max = removePointDelta(axis.max, translate, scale2, originPoint, boxScale);
 }
-function removeAxisTransforms(axis, transforms, _a, origin, sourceAxis) {
+function removeAxisTransforms(axis, transforms2, _a, origin, sourceAxis) {
   var _b = __read(_a, 3), key = _b[0], scaleKey = _b[1], originKey = _b[2];
-  removeAxisDelta(axis, transforms[key], transforms[scaleKey], transforms[originKey], transforms.scale, origin, sourceAxis);
+  removeAxisDelta(axis, transforms2[key], transforms2[scaleKey], transforms2[originKey], transforms2.scale, origin, sourceAxis);
 }
 var xKeys = ["x", "scaleX", "originX"];
 var yKeys = ["y", "scaleY", "originY"];
-function removeBoxTransforms(box, transforms, originBox, sourceBox) {
-  removeAxisTransforms(box.x, transforms, xKeys, originBox === null || originBox === void 0 ? void 0 : originBox.x, sourceBox === null || sourceBox === void 0 ? void 0 : sourceBox.x);
-  removeAxisTransforms(box.y, transforms, yKeys, originBox === null || originBox === void 0 ? void 0 : originBox.y, sourceBox === null || sourceBox === void 0 ? void 0 : sourceBox.y);
+function removeBoxTransforms(box, transforms2, originBox, sourceBox) {
+  removeAxisTransforms(box.x, transforms2, xKeys, originBox === null || originBox === void 0 ? void 0 : originBox.x, sourceBox === null || sourceBox === void 0 ? void 0 : sourceBox.x);
+  removeAxisTransforms(box.y, transforms2, yKeys, originBox === null || originBox === void 0 ? void 0 : originBox.y, sourceBox === null || sourceBox === void 0 ? void 0 : sourceBox.y);
 }
 var createAxisDelta = function() {
   return {
@@ -18849,9 +18872,9 @@ function eachAxis(callback) {
   return [callback("x"), callback("y")];
 }
 var transformAxes = ["", "X", "Y", "Z"];
-var order = ["translate", "scale", "rotate", "skew"];
+var order$1 = ["translate", "scale", "rotate", "skew"];
 var transformProps = ["transformPerspective", "x", "y", "z"];
-order.forEach(function(operationKey) {
+order$1.forEach(function(operationKey) {
   return transformAxes.forEach(function(axesKey) {
     return transformProps.push(operationKey + axesKey);
   });
@@ -19940,7 +19963,7 @@ var getValueAsType = function(value, type) {
 };
 function buildHTMLStyles(state2, latestValues, options, transformTemplate2) {
   var _a;
-  var style = state2.style, vars2 = state2.vars, transform10 = state2.transform, transformKeys2 = state2.transformKeys, transformOrigin = state2.transformOrigin;
+  var style = state2.style, vars2 = state2.vars, transform10 = state2.transform, transformKeys2 = state2.transformKeys, transformOrigin2 = state2.transformOrigin;
   transformKeys2.length = 0;
   var hasTransform2 = false;
   var hasTransformOrigin = false;
@@ -19962,7 +19985,7 @@ function buildHTMLStyles(state2, latestValues, options, transformTemplate2) {
       if (value !== ((_a = valueType.default) !== null && _a !== void 0 ? _a : 0))
         transformIsNone = false;
     } else if (isTransformOriginProp(key)) {
-      transformOrigin[key] = valueAsType;
+      transformOrigin2[key] = valueAsType;
       hasTransformOrigin = true;
     } else {
       style[key] = valueAsType;
@@ -19976,7 +19999,7 @@ function buildHTMLStyles(state2, latestValues, options, transformTemplate2) {
     style.transform = "none";
   }
   if (hasTransformOrigin) {
-    style.transformOrigin = buildTransformOrigin(transformOrigin);
+    style.transformOrigin = buildTransformOrigin(transformOrigin2);
   }
 }
 var createHtmlRenderState = function() {
@@ -20108,8 +20131,8 @@ function filterProps(props, isDom, forwardMotionProps) {
   }
   return filteredProps;
 }
-function calcOrigin$1(origin, offset, size2) {
-  return typeof origin === "string" ? origin : px2.transform(offset + size2 * origin);
+function calcOrigin$1(origin, offset2, size2) {
+  return typeof origin === "string" ? origin : px2.transform(offset2 + size2 * origin);
 }
 function calcSVGTransformOrigin(dimensions, originX, originY) {
   var pxOriginX = calcOrigin$1(originX, dimensions.x, dimensions.width);
@@ -20124,19 +20147,19 @@ var camelKeys = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function buildSVGPath(attrs, length2, spacing2, offset, useDashCase) {
+function buildSVGPath(attrs, length2, spacing2, offset2, useDashCase) {
   if (spacing2 === void 0) {
     spacing2 = 1;
   }
-  if (offset === void 0) {
-    offset = 0;
+  if (offset2 === void 0) {
+    offset2 = 0;
   }
   if (useDashCase === void 0) {
     useDashCase = true;
   }
   attrs.pathLength = 1;
   var keys2 = useDashCase ? dashKeys : camelKeys;
-  attrs[keys2.offset] = px2.transform(-offset);
+  attrs[keys2.offset] = px2.transform(-offset2);
   var pathLength = px2.transform(length2);
   var pathSpacing = px2.transform(spacing2);
   attrs[keys2.array] = "".concat(pathLength, " ").concat(pathSpacing);
@@ -20636,16 +20659,16 @@ function observeIntersection(element, options, callback) {
   };
 }
 function useViewport(_a) {
-  var visualElement2 = _a.visualElement, whileInView = _a.whileInView, onViewportEnter = _a.onViewportEnter, onViewportLeave = _a.onViewportLeave, _b = _a.viewport, viewport = _b === void 0 ? {} : _b;
+  var visualElement2 = _a.visualElement, whileInView = _a.whileInView, onViewportEnter = _a.onViewportEnter, onViewportLeave = _a.onViewportLeave, _b = _a.viewport, viewport2 = _b === void 0 ? {} : _b;
   var state2 = useRef({
     hasEnteredView: false,
     isInView: false
   });
   var shouldObserve = Boolean(whileInView || onViewportEnter || onViewportLeave);
-  if (viewport.once && state2.current.hasEnteredView)
+  if (viewport2.once && state2.current.hasEnteredView)
     shouldObserve = false;
   var useObserver = typeof IntersectionObserver === "undefined" ? useMissingIntersectionObserver : useIntersectionObserver;
-  useObserver(shouldObserve, state2.current, visualElement2, viewport);
+  useObserver(shouldObserve, state2.current, visualElement2, viewport2);
 }
 var thresholdNames = {
   some: 0,
@@ -20750,7 +20773,7 @@ var testValueType = function(v2) {
     return type.test(v2);
   };
 };
-var auto = {
+var auto$1 = {
   test: function(v2) {
     return v2 === "auto";
   },
@@ -20758,7 +20781,7 @@ var auto = {
     return v2;
   }
 };
-var dimensionValueTypes = [number, px2, percent, degrees, vw, vh, auto];
+var dimensionValueTypes = [number, px2, percent, degrees, vw, vh, auto$1];
 var findDimensionValueType = function(v2) {
   return dimensionValueTypes.find(testValueType(v2));
 };
@@ -21274,35 +21297,35 @@ function getVelocity(history, timeDelta) {
   return currentVelocity;
 }
 function applyConstraints(point, _a, elastic) {
-  var min = _a.min, max = _a.max;
-  if (min !== void 0 && point < min) {
-    point = elastic ? mix(min, point, elastic.min) : Math.max(point, min);
-  } else if (max !== void 0 && point > max) {
-    point = elastic ? mix(max, point, elastic.max) : Math.min(point, max);
+  var min2 = _a.min, max2 = _a.max;
+  if (min2 !== void 0 && point < min2) {
+    point = elastic ? mix(min2, point, elastic.min) : Math.max(point, min2);
+  } else if (max2 !== void 0 && point > max2) {
+    point = elastic ? mix(max2, point, elastic.max) : Math.min(point, max2);
   }
   return point;
 }
-function calcRelativeAxisConstraints(axis, min, max) {
+function calcRelativeAxisConstraints(axis, min2, max2) {
   return {
-    min: min !== void 0 ? axis.min + min : void 0,
-    max: max !== void 0 ? axis.max + max - (axis.max - axis.min) : void 0
+    min: min2 !== void 0 ? axis.min + min2 : void 0,
+    max: max2 !== void 0 ? axis.max + max2 - (axis.max - axis.min) : void 0
   };
 }
 function calcRelativeConstraints(layoutBox, _a) {
-  var top = _a.top, left = _a.left, bottom = _a.bottom, right = _a.right;
+  var top2 = _a.top, left2 = _a.left, bottom2 = _a.bottom, right2 = _a.right;
   return {
-    x: calcRelativeAxisConstraints(layoutBox.x, left, right),
-    y: calcRelativeAxisConstraints(layoutBox.y, top, bottom)
+    x: calcRelativeAxisConstraints(layoutBox.x, left2, right2),
+    y: calcRelativeAxisConstraints(layoutBox.y, top2, bottom2)
   };
 }
 function calcViewportAxisConstraints(layoutAxis, constraintsAxis) {
   var _a;
-  var min = constraintsAxis.min - layoutAxis.min;
-  var max = constraintsAxis.max - layoutAxis.max;
+  var min2 = constraintsAxis.min - layoutAxis.min;
+  var max2 = constraintsAxis.max - layoutAxis.max;
   if (constraintsAxis.max - constraintsAxis.min < layoutAxis.max - layoutAxis.min) {
-    _a = __read([max, min], 2), min = _a[0], max = _a[1];
+    _a = __read([max2, min2], 2), min2 = _a[0], max2 = _a[1];
   }
-  return { min, max };
+  return { min: min2, max: max2 };
 }
 function calcViewportConstraints(layoutBox, constraintsBox) {
   return {
@@ -21357,10 +21380,10 @@ function resolvePointElastic(dragElastic, label) {
   return typeof dragElastic === "number" ? dragElastic : (_a = dragElastic[label]) !== null && _a !== void 0 ? _a : 0;
 }
 function convertBoundingBoxToBox(_a) {
-  var top = _a.top, left = _a.left, right = _a.right, bottom = _a.bottom;
+  var top2 = _a.top, left2 = _a.left, right2 = _a.right, bottom2 = _a.bottom;
   return {
-    x: { min: left, max: right },
-    y: { min: top, max: bottom }
+    x: { min: left2, max: right2 },
+    y: { min: top2, max: bottom2 }
   };
 }
 function convertBoxToBoundingBox(_a) {
@@ -21450,16 +21473,16 @@ var VisualElementDragControls = function() {
       var _a2 = _this.getProps(), dragPropagation = _a2.dragPropagation, dragDirectionLock = _a2.dragDirectionLock, onDirectionLock = _a2.onDirectionLock, onDrag = _a2.onDrag;
       if (!dragPropagation && !_this.openGlobalLock)
         return;
-      var offset = info.offset;
+      var offset2 = info.offset;
       if (dragDirectionLock && _this.currentDirection === null) {
-        _this.currentDirection = getCurrentDirection(offset);
+        _this.currentDirection = getCurrentDirection(offset2);
         if (_this.currentDirection !== null) {
           onDirectionLock === null || onDirectionLock === void 0 ? void 0 : onDirectionLock(_this.currentDirection);
         }
         return;
       }
-      _this.updateAxis("x", info.point, offset);
-      _this.updateAxis("y", info.point, offset);
+      _this.updateAxis("x", info.point, offset2);
+      _this.updateAxis("y", info.point, offset2);
       _this.visualElement.syncRender();
       onDrag === null || onDrag === void 0 ? void 0 : onDrag(event, info);
     };
@@ -21498,12 +21521,12 @@ var VisualElementDragControls = function() {
     }
     (_b = this.visualElement.animationState) === null || _b === void 0 ? void 0 : _b.setActive(AnimationType.Drag, false);
   };
-  VisualElementDragControls2.prototype.updateAxis = function(axis, _point, offset) {
+  VisualElementDragControls2.prototype.updateAxis = function(axis, _point, offset2) {
     var drag2 = this.getProps().drag;
-    if (!offset || !shouldDrag(axis, drag2, this.currentDirection))
+    if (!offset2 || !shouldDrag(axis, drag2, this.currentDirection))
       return;
     var axisValue = this.getAxisMotionValue(axis);
-    var next2 = this.originPoint[axis] + offset[axis];
+    var next2 = this.originPoint[axis] + offset2[axis];
     if (this.constraints && this.constraints[axis]) {
       next2 = applyConstraints(next2, this.constraints[axis], this.elastic[axis]);
     }
@@ -21597,8 +21620,8 @@ var VisualElementDragControls = function() {
       var projection = _this.visualElement.projection;
       var axisValue = _this.getAxisMotionValue(axis);
       if (projection && projection.layout) {
-        var _a = projection.layout.actual[axis], min = _a.min, max = _a.max;
-        axisValue.set(point[axis] - mix(min, max, 0.5));
+        var _a = projection.layout.actual[axis], min2 = _a.min, max2 = _a.max;
+        axisValue.set(point[axis] - mix(min2, max2, 0.5));
       }
     });
   };
@@ -21627,8 +21650,8 @@ var VisualElementDragControls = function() {
       if (!shouldDrag(axis, drag2, null))
         return;
       var axisValue = _this.getAxisMotionValue(axis);
-      var _a2 = _this.constraints[axis], min = _a2.min, max = _a2.max;
-      axisValue.set(mix(min, max, boxProgress[axis]));
+      var _a2 = _this.constraints[axis], min2 = _a2.min, max2 = _a2.max;
+      axisValue.set(mix(min2, max2, boxProgress[axis]));
     });
   };
   VisualElementDragControls2.prototype.addListeners = function() {
@@ -21685,14 +21708,14 @@ var VisualElementDragControls = function() {
 function shouldDrag(direction2, drag2, currentDirection) {
   return (drag2 === true || drag2 === direction2) && (currentDirection === null || currentDirection === direction2);
 }
-function getCurrentDirection(offset, lockThreshold) {
+function getCurrentDirection(offset2, lockThreshold) {
   if (lockThreshold === void 0) {
     lockThreshold = 10;
   }
   var direction2 = null;
-  if (Math.abs(offset.y) > lockThreshold) {
+  if (Math.abs(offset2.y) > lockThreshold) {
     direction2 = "y";
-  } else if (Math.abs(offset.x) > lockThreshold) {
+  } else if (Math.abs(offset2.x) > lockThreshold) {
     direction2 = "x";
   }
   return direction2;
@@ -22195,22 +22218,22 @@ var positionalValues = {
     return y2.max - y2.min - parseFloat(paddingTop) - parseFloat(paddingBottom);
   },
   top: function(_bbox, _a) {
-    var top = _a.top;
-    return parseFloat(top);
+    var top2 = _a.top;
+    return parseFloat(top2);
   },
   left: function(_bbox, _a) {
-    var left = _a.left;
-    return parseFloat(left);
+    var left2 = _a.left;
+    return parseFloat(left2);
   },
   bottom: function(_a, _b) {
     var y2 = _a.y;
-    var top = _b.top;
-    return parseFloat(top) + (y2.max - y2.min);
+    var top2 = _b.top;
+    return parseFloat(top2) + (y2.max - y2.min);
   },
   right: function(_a, _b) {
     var x2 = _a.x;
-    var left = _b.left;
-    return parseFloat(left) + (x2.max - x2.min);
+    var left2 = _b.left;
+    return parseFloat(left2) + (x2.max - x2.min);
   },
   x: getTranslateFromMatrix(4, 13),
   y: getTranslateFromMatrix(5, 14)
@@ -22323,7 +22346,7 @@ var parseDomVariant = function(visualElement2, target, origin, transitionEnd) {
   transitionEnd = resolved.transitionEnd;
   return unitConversion(visualElement2, target, origin, transitionEnd);
 };
-function getComputedStyle$1(element) {
+function getComputedStyle$2(element) {
   return window.getComputedStyle(element);
 }
 var htmlConfig = {
@@ -22333,7 +22356,7 @@ var htmlConfig = {
       var defaultType = getDefaultValueType(key);
       return defaultType ? defaultType.default || 0 : 0;
     } else {
-      var computedStyle = getComputedStyle$1(domElement);
+      var computedStyle = getComputedStyle$2(domElement);
       return (isCSSVariable$1(key) ? computedStyle.getPropertyValue(key) : computedStyle[key]) || 0;
     }
   },
@@ -22447,16 +22470,16 @@ var correctBoxShadow = {
     if (shadow.length > 5)
       return original;
     var template = complex.createTransformer(latest);
-    var offset = typeof shadow[0] !== "number" ? 1 : 0;
+    var offset2 = typeof shadow[0] !== "number" ? 1 : 0;
     var xScale = projectionDelta.x.scale * treeScale.x;
     var yScale = projectionDelta.y.scale * treeScale.y;
-    shadow[0 + offset] /= xScale;
-    shadow[1 + offset] /= yScale;
+    shadow[0 + offset2] /= xScale;
+    shadow[1 + offset2] /= yScale;
     var averageScale = mix(xScale, yScale, 0.5);
-    if (typeof shadow[2 + offset] === "number")
-      shadow[2 + offset] /= averageScale;
-    if (typeof shadow[3 + offset] === "number")
-      shadow[3 + offset] /= averageScale;
+    if (typeof shadow[2 + offset2] === "number")
+      shadow[2 + offset2] /= averageScale;
+    if (typeof shadow[3 + offset2] === "number")
+      shadow[3 + offset2] /= averageScale;
     var output = template(shadow);
     if (containsCSSVariables) {
       var i_1 = 0;
@@ -22780,7 +22803,7 @@ var AnimatePresence = function(_a) {
     return cloneElement(child);
   }));
 };
-function _objectWithoutPropertiesLoose$8(source, excluded) {
+function _objectWithoutPropertiesLoose$a(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -22794,8 +22817,8 @@ function _objectWithoutPropertiesLoose$8(source, excluded) {
   }
   return target;
 }
-function _extends$7() {
-  _extends$7 = Object.assign || function(target) {
+function _extends$9() {
+  _extends$9 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -22806,7 +22829,7 @@ function _extends$7() {
     }
     return target;
   };
-  return _extends$7.apply(this, arguments);
+  return _extends$9.apply(this, arguments);
 }
 var TransitionEasings = {
   ease: [0.25, 0.1, 0.25, 1],
@@ -22956,12 +22979,12 @@ var TransitionDefaults = {
 };
 var withDelay = {
   enter: function enter(transition2, delay) {
-    return _extends$7({}, transition2, {
+    return _extends$9({}, transition2, {
       delay: isNumber(delay) ? delay : delay == null ? void 0 : delay["enter"]
     });
   },
   exit: function exit(transition2, delay) {
-    return _extends$7({}, transition2, {
+    return _extends$9({}, transition2, {
       delay: isNumber(delay) ? delay : delay == null ? void 0 : delay["exit"]
     });
   }
@@ -22996,13 +23019,13 @@ var variants$2 = {
   exit: function exit3(_ref2) {
     var _transition$exit;
     var reverse = _ref2.reverse, initialScale = _ref2.initialScale, transition2 = _ref2.transition, transitionEnd = _ref2.transitionEnd, delay = _ref2.delay;
-    return _extends$7({
+    return _extends$9({
       opacity: 0
     }, reverse ? {
       scale: initialScale,
       transitionEnd: transitionEnd == null ? void 0 : transitionEnd.exit
     } : {
-      transitionEnd: _extends$7({
+      transitionEnd: _extends$9({
         scale: initialScale
       }, transitionEnd == null ? void 0 : transitionEnd.exit)
     }, {
@@ -23026,7 +23049,7 @@ var scaleFadeConfig = {
   exit: "exit",
   variants: variants$2
 };
-var _excluded$1$2 = ["direction", "style", "unmountOnExit", "in", "className", "transition", "transitionEnd", "delay"];
+var _excluded$1$3 = ["direction", "style", "unmountOnExit", "in", "className", "transition", "transitionEnd", "delay"];
 var defaultTransition = {
   exit: {
     duration: 0.15,
@@ -23045,7 +23068,7 @@ var variants$1 = {
     var _slideTransition = slideTransition({
       direction: direction2
     }), exitStyles = _slideTransition.exit;
-    return _extends$7({}, exitStyles, {
+    return _extends$9({}, exitStyles, {
       transition: (_transition$exit = transition2 == null ? void 0 : transition2.exit) != null ? _transition$exit : withDelay.exit(defaultTransition.exit, delay),
       transitionEnd: transitionEnd == null ? void 0 : transitionEnd.exit
     });
@@ -23056,14 +23079,14 @@ var variants$1 = {
     var _slideTransition2 = slideTransition({
       direction: direction2
     }), enterStyles = _slideTransition2.enter;
-    return _extends$7({}, enterStyles, {
+    return _extends$9({}, enterStyles, {
       transition: (_transition$enter = transition2 == null ? void 0 : transition2.enter) != null ? _transition$enter : withDelay.enter(defaultTransition.enter, delay),
       transitionEnd: transitionEnd == null ? void 0 : transitionEnd.enter
     });
   }
 };
 var Slide = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  var _props$direction = props.direction, direction2 = _props$direction === void 0 ? "right" : _props$direction, style = props.style, unmountOnExit = props.unmountOnExit, isOpen = props["in"], className = props.className, transition2 = props.transition, transitionEnd = props.transitionEnd, delay = props.delay, rest = _objectWithoutPropertiesLoose$8(props, _excluded$1$2);
+  var _props$direction = props.direction, direction2 = _props$direction === void 0 ? "right" : _props$direction, style = props.style, unmountOnExit = props.unmountOnExit, isOpen = props["in"], className = props.className, transition2 = props.transition, transitionEnd = props.transitionEnd, delay = props.delay, rest = _objectWithoutPropertiesLoose$a(props, _excluded$1$3);
   var transitionStyles = slideTransition({
     direction: direction2
   });
@@ -23080,7 +23103,7 @@ var Slide = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   };
   return /* @__PURE__ */ React.createElement(AnimatePresence, {
     custom
-  }, show && /* @__PURE__ */ React.createElement(motion.div, _extends$7({}, rest, {
+  }, show && /* @__PURE__ */ React.createElement(motion.div, _extends$9({}, rest, {
     ref,
     initial: "exit",
     className: cx("chakra-slide", className),
@@ -23117,17 +23140,17 @@ var variants = {
   exit: function exit5(_ref3) {
     var _transition$exit2;
     var offsetY = _ref3.offsetY, offsetX = _ref3.offsetX, transition2 = _ref3.transition, transitionEnd = _ref3.transitionEnd, reverse = _ref3.reverse, delay = _ref3.delay;
-    var offset = {
+    var offset2 = {
       x: offsetX,
       y: offsetY
     };
-    return _extends$7({
+    return _extends$9({
       opacity: 0,
       transition: (_transition$exit2 = transition2 == null ? void 0 : transition2.exit) != null ? _transition$exit2 : withDelay.exit(TransitionDefaults.exit, delay)
-    }, reverse ? _extends$7({}, offset, {
+    }, reverse ? _extends$9({}, offset2, {
       transitionEnd: transitionEnd == null ? void 0 : transitionEnd.exit
     }) : {
-      transitionEnd: _extends$7({}, offset, transitionEnd == null ? void 0 : transitionEnd.exit)
+      transitionEnd: _extends$9({}, offset2, transitionEnd == null ? void 0 : transitionEnd.exit)
     });
   }
 };
@@ -23137,8 +23160,8 @@ var slideFadeConfig = {
   exit: "exit",
   variants
 };
-function _extends$6() {
-  _extends$6 = Object.assign || function(target) {
+function _extends$8() {
+  _extends$8 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -23149,9 +23172,9 @@ function _extends$6() {
     }
     return target;
   };
-  return _extends$6.apply(this, arguments);
+  return _extends$8.apply(this, arguments);
 }
-function _objectWithoutPropertiesLoose$7(source, excluded) {
+function _objectWithoutPropertiesLoose$9(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -23217,10 +23240,10 @@ function useImage(props) {
   }, [status, load, ignoreFallback]);
   return ignoreFallback ? "loaded" : status;
 }
-var _excluded$9 = ["htmlWidth", "htmlHeight", "alt"], _excluded2$2 = ["fallbackSrc", "fallback", "src", "srcSet", "align", "fit", "loading", "ignoreFallback", "crossOrigin"];
+var _excluded$c = ["htmlWidth", "htmlHeight", "alt"], _excluded2$2 = ["fallbackSrc", "fallback", "src", "srcSet", "align", "fit", "loading", "ignoreFallback", "crossOrigin"];
 var NativeImage = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  var htmlWidth = props.htmlWidth, htmlHeight = props.htmlHeight, alt = props.alt, rest = _objectWithoutPropertiesLoose$7(props, _excluded$9);
-  return /* @__PURE__ */ React.createElement("img", _extends$6({
+  var htmlWidth = props.htmlWidth, htmlHeight = props.htmlHeight, alt = props.alt, rest = _objectWithoutPropertiesLoose$9(props, _excluded$c);
+  return /* @__PURE__ */ React.createElement("img", _extends$8({
     width: htmlWidth,
     height: htmlHeight,
     ref,
@@ -23228,12 +23251,12 @@ var NativeImage = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   }, rest));
 });
 var Image$1 = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var fallbackSrc = props.fallbackSrc, fallback = props.fallback, src = props.src, srcSet = props.srcSet, align = props.align, fit = props.fit, loading = props.loading, ignoreFallback = props.ignoreFallback, crossOrigin = props.crossOrigin, rest = _objectWithoutPropertiesLoose$7(props, _excluded2$2);
+  var fallbackSrc = props.fallbackSrc, fallback = props.fallback, src = props.src, srcSet = props.srcSet, align = props.align, fit = props.fit, loading = props.loading, ignoreFallback = props.ignoreFallback, crossOrigin = props.crossOrigin, rest = _objectWithoutPropertiesLoose$9(props, _excluded2$2);
   var shouldIgnore = loading != null || ignoreFallback || fallbackSrc === void 0 && fallback === void 0;
-  var status = useImage(_extends$6({}, props, {
+  var status = useImage(_extends$8({}, props, {
     ignoreFallback: shouldIgnore
   }));
-  var shared = _extends$6({
+  var shared = _extends$8({
     ref,
     objectFit: fit,
     objectPosition: align
@@ -23241,13 +23264,13 @@ var Image$1 = /* @__PURE__ */ forwardRef(function(props, ref) {
   if (status !== "loaded") {
     if (fallback)
       return fallback;
-    return /* @__PURE__ */ React.createElement(chakra.img, _extends$6({
+    return /* @__PURE__ */ React.createElement(chakra.img, _extends$8({
       as: NativeImage,
       className: "chakra-image__placeholder",
       src: fallbackSrc
     }, shared));
   }
-  return /* @__PURE__ */ React.createElement(chakra.img, _extends$6({
+  return /* @__PURE__ */ React.createElement(chakra.img, _extends$8({
     as: NativeImage,
     src,
     srcSet,
@@ -23273,8 +23296,8 @@ var VisuallyHidden = chakra("span", {
 chakra("input", {
   baseStyle: visuallyHiddenStyle
 });
-function _extends$5() {
-  _extends$5 = Object.assign || function(target) {
+function _extends$7() {
+  _extends$7 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -23285,9 +23308,9 @@ function _extends$5() {
     }
     return target;
   };
-  return _extends$5.apply(this, arguments);
+  return _extends$7.apply(this, arguments);
 }
-function _objectWithoutPropertiesLoose$6(source, excluded) {
+function _objectWithoutPropertiesLoose$8(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -23301,7 +23324,7 @@ function _objectWithoutPropertiesLoose$6(source, excluded) {
   }
   return target;
 }
-var _excluded$7 = ["label", "thickness", "speed", "emptyColor", "className"];
+var _excluded$b = ["label", "thickness", "speed", "emptyColor", "className"];
 var spin$1 = keyframes$2({
   "0%": {
     transform: "rotate(0deg)"
@@ -23312,9 +23335,9 @@ var spin$1 = keyframes$2({
 });
 var Spinner = /* @__PURE__ */ forwardRef(function(props, ref) {
   var styles2 = useStyleConfig("Spinner", props);
-  var _omitThemingProps = omitThemingProps(props), _omitThemingProps$lab = _omitThemingProps.label, label = _omitThemingProps$lab === void 0 ? "Loading..." : _omitThemingProps$lab, _omitThemingProps$thi = _omitThemingProps.thickness, thickness = _omitThemingProps$thi === void 0 ? "2px" : _omitThemingProps$thi, _omitThemingProps$spe = _omitThemingProps.speed, speed = _omitThemingProps$spe === void 0 ? "0.45s" : _omitThemingProps$spe, _omitThemingProps$emp = _omitThemingProps.emptyColor, emptyColor = _omitThemingProps$emp === void 0 ? "transparent" : _omitThemingProps$emp, className = _omitThemingProps.className, rest = _objectWithoutPropertiesLoose$6(_omitThemingProps, _excluded$7);
+  var _omitThemingProps = omitThemingProps(props), _omitThemingProps$lab = _omitThemingProps.label, label = _omitThemingProps$lab === void 0 ? "Loading..." : _omitThemingProps$lab, _omitThemingProps$thi = _omitThemingProps.thickness, thickness = _omitThemingProps$thi === void 0 ? "2px" : _omitThemingProps$thi, _omitThemingProps$spe = _omitThemingProps.speed, speed = _omitThemingProps$spe === void 0 ? "0.45s" : _omitThemingProps$spe, _omitThemingProps$emp = _omitThemingProps.emptyColor, emptyColor = _omitThemingProps$emp === void 0 ? "transparent" : _omitThemingProps$emp, className = _omitThemingProps.className, rest = _objectWithoutPropertiesLoose$8(_omitThemingProps, _excluded$b);
   var _className = cx("chakra-spinner", className);
-  var spinnerStyles = _extends$5({
+  var spinnerStyles = _extends$7({
     display: "inline-block",
     borderColor: "currentColor",
     borderStyle: "solid",
@@ -23324,13 +23347,13 @@ var Spinner = /* @__PURE__ */ forwardRef(function(props, ref) {
     borderLeftColor: emptyColor,
     animation: spin$1 + " " + speed + " linear infinite"
   }, styles2);
-  return /* @__PURE__ */ React.createElement(chakra.div, _extends$5({
+  return /* @__PURE__ */ React.createElement(chakra.div, _extends$7({
     ref,
     __css: spinnerStyles,
     className: _className
   }, rest), label && /* @__PURE__ */ React.createElement(VisuallyHidden, null, label));
 });
-function _objectWithoutPropertiesLoose$5(source, excluded) {
+function _objectWithoutPropertiesLoose$7(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -23344,8 +23367,8 @@ function _objectWithoutPropertiesLoose$5(source, excluded) {
   }
   return target;
 }
-function _extends$4() {
-  _extends$4 = Object.assign || function(target) {
+function _extends$6() {
+  _extends$6 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -23356,7 +23379,7 @@ function _extends$4() {
     }
     return target;
   };
-  return _extends$4.apply(this, arguments);
+  return _extends$6.apply(this, arguments);
 }
 var _createContext$2 = createContext({
   strict: false,
@@ -23368,18 +23391,18 @@ var ButtonSpinner = function ButtonSpinner2(props) {
     color: "currentColor",
     width: "1em",
     height: "1em"
-  }) : _props$children, className = props.className, __css = props.__css, rest = _objectWithoutPropertiesLoose$5(props, _excluded$3$2);
+  }) : _props$children, className = props.className, __css = props.__css, rest = _objectWithoutPropertiesLoose$7(props, _excluded$3$2);
   var _className = cx("chakra-button__spinner", className);
   var marginProp = placement === "start" ? "marginEnd" : "marginStart";
   var spinnerStyles = React.useMemo(function() {
     var _extends2;
-    return _extends$4((_extends2 = {
+    return _extends$6((_extends2 = {
       display: "flex",
       alignItems: "center",
       position: label ? "relative" : "absolute"
     }, _extends2[marginProp] = label ? spacing2 : 0, _extends2.fontSize = "1em", _extends2.lineHeight = "normal", _extends2), __css);
   }, [__css, label, marginProp, spacing2]);
-  return /* @__PURE__ */ React.createElement(chakra.div, _extends$4({
+  return /* @__PURE__ */ React.createElement(chakra.div, _extends$6({
     className: _className
   }, rest, {
     __css: spinnerStyles
@@ -23387,13 +23410,13 @@ var ButtonSpinner = function ButtonSpinner2(props) {
 };
 var _excluded$2$2 = ["children", "className"];
 var ButtonIcon = function ButtonIcon2(props) {
-  var children = props.children, className = props.className, rest = _objectWithoutPropertiesLoose$5(props, _excluded$2$2);
+  var children = props.children, className = props.className, rest = _objectWithoutPropertiesLoose$7(props, _excluded$2$2);
   var _children = /* @__PURE__ */ React.isValidElement(children) ? /* @__PURE__ */ React.cloneElement(children, {
     "aria-hidden": true,
     focusable: false
   }) : children;
   var _className = cx("chakra-button__icon", className);
-  return /* @__PURE__ */ React.createElement(chakra.span, _extends$4({
+  return /* @__PURE__ */ React.createElement(chakra.span, _extends$6({
     display: "inline-flex",
     alignSelf: "center",
     flexShrink: 0
@@ -23414,17 +23437,17 @@ function useButtonType(value) {
     type
   };
 }
-var _excluded$1$1 = ["isDisabled", "isLoading", "isActive", "isFullWidth", "children", "leftIcon", "rightIcon", "loadingText", "iconSpacing", "type", "spinner", "spinnerPlacement", "className", "as"];
+var _excluded$1$2 = ["isDisabled", "isLoading", "isActive", "isFullWidth", "children", "leftIcon", "rightIcon", "loadingText", "iconSpacing", "type", "spinner", "spinnerPlacement", "className", "as"];
 var Button = /* @__PURE__ */ forwardRef(function(props, ref) {
   var group = useButtonGroup();
-  var styles2 = useStyleConfig("Button", _extends$4({}, group, props));
-  var _omitThemingProps = omitThemingProps(props), _omitThemingProps$isD = _omitThemingProps.isDisabled, isDisabled2 = _omitThemingProps$isD === void 0 ? group == null ? void 0 : group.isDisabled : _omitThemingProps$isD, isLoading = _omitThemingProps.isLoading, isActive = _omitThemingProps.isActive, isFullWidth = _omitThemingProps.isFullWidth, children = _omitThemingProps.children, leftIcon = _omitThemingProps.leftIcon, rightIcon = _omitThemingProps.rightIcon, loadingText = _omitThemingProps.loadingText, _omitThemingProps$ico = _omitThemingProps.iconSpacing, iconSpacing2 = _omitThemingProps$ico === void 0 ? "0.5rem" : _omitThemingProps$ico, type = _omitThemingProps.type, spinner2 = _omitThemingProps.spinner, _omitThemingProps$spi = _omitThemingProps.spinnerPlacement, spinnerPlacement = _omitThemingProps$spi === void 0 ? "start" : _omitThemingProps$spi, className = _omitThemingProps.className, as = _omitThemingProps.as, rest = _objectWithoutPropertiesLoose$5(_omitThemingProps, _excluded$1$1);
+  var styles2 = useStyleConfig("Button", _extends$6({}, group, props));
+  var _omitThemingProps = omitThemingProps(props), _omitThemingProps$isD = _omitThemingProps.isDisabled, isDisabled2 = _omitThemingProps$isD === void 0 ? group == null ? void 0 : group.isDisabled : _omitThemingProps$isD, isLoading = _omitThemingProps.isLoading, isActive = _omitThemingProps.isActive, isFullWidth = _omitThemingProps.isFullWidth, children = _omitThemingProps.children, leftIcon = _omitThemingProps.leftIcon, rightIcon = _omitThemingProps.rightIcon, loadingText = _omitThemingProps.loadingText, _omitThemingProps$ico = _omitThemingProps.iconSpacing, iconSpacing2 = _omitThemingProps$ico === void 0 ? "0.5rem" : _omitThemingProps$ico, type = _omitThemingProps.type, spinner2 = _omitThemingProps.spinner, _omitThemingProps$spi = _omitThemingProps.spinnerPlacement, spinnerPlacement = _omitThemingProps$spi === void 0 ? "start" : _omitThemingProps$spi, className = _omitThemingProps.className, as = _omitThemingProps.as, rest = _objectWithoutPropertiesLoose$7(_omitThemingProps, _excluded$1$2);
   var buttonStyles = React.useMemo(function() {
     var _styles$_focus;
     var _focus = mergeWith({}, (_styles$_focus = styles2 == null ? void 0 : styles2["_focus"]) != null ? _styles$_focus : {}, {
       zIndex: 1
     });
-    return _extends$4({
+    return _extends$6({
       display: "inline-flex",
       appearance: "none",
       alignItems: "center",
@@ -23446,7 +23469,7 @@ var Button = /* @__PURE__ */ forwardRef(function(props, ref) {
     iconSpacing: iconSpacing2,
     children
   };
-  return /* @__PURE__ */ React.createElement(chakra.button, _extends$4({
+  return /* @__PURE__ */ React.createElement(chakra.button, _extends$6({
     disabled: isDisabled2 || isLoading,
     ref: useMergeRefs$1(ref, _ref2),
     as,
@@ -23477,7 +23500,7 @@ function ButtonContent(props) {
     marginStart: iconSpacing2
   }, rightIcon));
 }
-function _objectWithoutPropertiesLoose$4(source, excluded) {
+function _objectWithoutPropertiesLoose$6(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -23491,8 +23514,8 @@ function _objectWithoutPropertiesLoose$4(source, excluded) {
   }
   return target;
 }
-function _extends$3() {
-  _extends$3 = Object.assign || function(target) {
+function _extends$5() {
+  _extends$5 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -23503,11 +23526,11 @@ function _extends$3() {
     }
     return target;
   };
-  return _extends$3.apply(this, arguments);
+  return _extends$5.apply(this, arguments);
 }
-var _excluded$4 = ["children", "isDisabled", "__css"];
+var _excluded$9 = ["children", "isDisabled", "__css"];
 var CloseIcon = function CloseIcon2(props) {
-  return /* @__PURE__ */ React.createElement(Icon, _extends$3({
+  return /* @__PURE__ */ React.createElement(Icon, _extends$5({
     focusable: "false",
     "aria-hidden": true
   }, props), /* @__PURE__ */ React.createElement("path", {
@@ -23517,7 +23540,7 @@ var CloseIcon = function CloseIcon2(props) {
 };
 var CloseButton = /* @__PURE__ */ forwardRef(function(props, ref) {
   var styles2 = useStyleConfig("CloseButton", props);
-  var _omitThemingProps = omitThemingProps(props), children = _omitThemingProps.children, isDisabled2 = _omitThemingProps.isDisabled, __css = _omitThemingProps.__css, rest = _objectWithoutPropertiesLoose$4(_omitThemingProps, _excluded$4);
+  var _omitThemingProps = omitThemingProps(props), children = _omitThemingProps.children, isDisabled2 = _omitThemingProps.isDisabled, __css = _omitThemingProps.__css, rest = _objectWithoutPropertiesLoose$6(_omitThemingProps, _excluded$9);
   var baseStyle22 = {
     outline: 0,
     display: "flex",
@@ -23525,19 +23548,19 @@ var CloseButton = /* @__PURE__ */ forwardRef(function(props, ref) {
     justifyContent: "center",
     flexShrink: 0
   };
-  return /* @__PURE__ */ React.createElement(chakra.button, _extends$3({
+  return /* @__PURE__ */ React.createElement(chakra.button, _extends$5({
     type: "button",
     "aria-label": "Close",
     ref,
     disabled: isDisabled2,
-    __css: _extends$3({}, baseStyle22, styles2, __css)
+    __css: _extends$5({}, baseStyle22, styles2, __css)
   }, rest), children || /* @__PURE__ */ React.createElement(CloseIcon, {
     width: "1em",
     height: "1em"
   }));
 });
-function _extends$2() {
-  _extends$2 = Object.assign || function(target) {
+function _extends$4() {
+  _extends$4 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -23548,9 +23571,9 @@ function _extends$2() {
     }
     return target;
   };
-  return _extends$2.apply(this, arguments);
+  return _extends$4.apply(this, arguments);
 }
-function _objectWithoutPropertiesLoose$3(source, excluded) {
+function _objectWithoutPropertiesLoose$5(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -23574,7 +23597,7 @@ var Center = chakra("div", {
 });
 var _excluded$a = ["direction", "align", "justify", "wrap", "basis", "grow", "shrink"];
 var Flex = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var direction2 = props.direction, align = props.align, justify = props.justify, wrap3 = props.wrap, basis = props.basis, grow = props.grow, shrink = props.shrink, rest = _objectWithoutPropertiesLoose$3(props, _excluded$a);
+  var direction2 = props.direction, align = props.align, justify = props.justify, wrap3 = props.wrap, basis = props.basis, grow = props.grow, shrink = props.shrink, rest = _objectWithoutPropertiesLoose$5(props, _excluded$a);
   var styles2 = {
     display: "flex",
     flexDirection: direction2,
@@ -23585,7 +23608,7 @@ var Flex = /* @__PURE__ */ forwardRef(function(props, ref) {
     flexGrow: grow,
     flexShrink: shrink
   };
-  return /* @__PURE__ */ React.createElement(chakra.div, _extends$2({
+  return /* @__PURE__ */ React.createElement(chakra.div, _extends$4({
     ref,
     __css: styles2
   }, rest));
@@ -23595,8 +23618,8 @@ var Heading = /* @__PURE__ */ forwardRef(function(props, ref) {
   var styles2 = useStyleConfig("Heading", props);
   var _omitThemingProps = omitThemingProps(props);
   _omitThemingProps.className;
-  var rest = _objectWithoutPropertiesLoose$3(_omitThemingProps, _excluded$8);
-  return /* @__PURE__ */ React.createElement(chakra.h2, _extends$2({
+  var rest = _objectWithoutPropertiesLoose$5(_omitThemingProps, _excluded$8);
+  return /* @__PURE__ */ React.createElement(chakra.h2, _extends$4({
     ref,
     className: cx("chakra-heading", props.className)
   }, rest, {
@@ -23606,8 +23629,8 @@ var Heading = /* @__PURE__ */ forwardRef(function(props, ref) {
 var _excluded$6 = ["className", "isExternal"];
 var Link = /* @__PURE__ */ forwardRef(function(props, ref) {
   var styles2 = useStyleConfig("Link", props);
-  var _omitThemingProps = omitThemingProps(props), className = _omitThemingProps.className, isExternal = _omitThemingProps.isExternal, rest = _objectWithoutPropertiesLoose$3(_omitThemingProps, _excluded$6);
-  return /* @__PURE__ */ React.createElement(chakra.a, _extends$2({
+  var _omitThemingProps = omitThemingProps(props), className = _omitThemingProps.className, isExternal = _omitThemingProps.isExternal, rest = _objectWithoutPropertiesLoose$5(_omitThemingProps, _excluded$6);
+  return /* @__PURE__ */ React.createElement(chakra.a, _extends$4({
     target: isExternal ? "_blank" : void 0,
     rel: isExternal ? "noopener" : void 0,
     ref,
@@ -23624,7 +23647,7 @@ var _createContext = createContext({
 var List = /* @__PURE__ */ forwardRef(function(props, ref) {
   var _ref2;
   var styles2 = useMultiStyleConfig("List", props);
-  var _omitThemingProps = omitThemingProps(props), children = _omitThemingProps.children, _omitThemingProps$sty = _omitThemingProps.styleType, styleType = _omitThemingProps$sty === void 0 ? "none" : _omitThemingProps$sty, stylePosition = _omitThemingProps.stylePosition, spacing2 = _omitThemingProps.spacing, rest = _objectWithoutPropertiesLoose$3(_omitThemingProps, _excluded$5);
+  var _omitThemingProps = omitThemingProps(props), children = _omitThemingProps.children, _omitThemingProps$sty = _omitThemingProps.styleType, styleType = _omitThemingProps$sty === void 0 ? "none" : _omitThemingProps$sty, stylePosition = _omitThemingProps.stylePosition, spacing2 = _omitThemingProps.spacing, rest = _objectWithoutPropertiesLoose$5(_omitThemingProps, _excluded$5);
   var validChildren = getValidChildren(children);
   var selector2 = "& > *:not(style) ~ *:not(style)";
   var spacingStyle = spacing2 ? (_ref2 = {}, _ref2[selector2] = {
@@ -23632,17 +23655,17 @@ var List = /* @__PURE__ */ forwardRef(function(props, ref) {
   }, _ref2) : {};
   return /* @__PURE__ */ React.createElement(StylesProvider, {
     value: styles2
-  }, /* @__PURE__ */ React.createElement(chakra.ul, _extends$2({
+  }, /* @__PURE__ */ React.createElement(chakra.ul, _extends$4({
     ref,
     listStyleType: styleType,
     listStylePosition: stylePosition,
     role: "list",
-    __css: _extends$2({}, styles2.container, spacingStyle)
+    __css: _extends$4({}, styles2.container, spacingStyle)
   }, rest), validChildren));
 });
 var ListItem = /* @__PURE__ */ forwardRef(function(props, ref) {
   var styles2 = useStyles();
-  return /* @__PURE__ */ React.createElement(chakra.li, _extends$2({
+  return /* @__PURE__ */ React.createElement(chakra.li, _extends$4({
     ref
   }, props, {
     __css: styles2.item
@@ -23727,10 +23750,10 @@ function getDividerStyles(options) {
 }
 var _excluded$3$1 = ["isInline", "direction", "align", "justify", "spacing", "wrap", "children", "divider", "className", "shouldWrapChildren"];
 var StackItem = function StackItem2(props) {
-  return /* @__PURE__ */ React.createElement(chakra.div, _extends$2({
+  return /* @__PURE__ */ React.createElement(chakra.div, _extends$4({
     className: "chakra-stack__item"
   }, props, {
-    __css: _extends$2({
+    __css: _extends$4({
       display: "inline-block",
       flex: "0 0 auto",
       minWidth: 0
@@ -23739,7 +23762,7 @@ var StackItem = function StackItem2(props) {
 };
 var Stack = /* @__PURE__ */ forwardRef(function(props, ref) {
   var _ref2;
-  var isInline = props.isInline, directionProp = props.direction, align = props.align, justify = props.justify, _props$spacing = props.spacing, spacing2 = _props$spacing === void 0 ? "0.5rem" : _props$spacing, wrap3 = props.wrap, children = props.children, divider2 = props.divider, className = props.className, shouldWrapChildren = props.shouldWrapChildren, rest = _objectWithoutPropertiesLoose$3(props, _excluded$3$1);
+  var isInline = props.isInline, directionProp = props.direction, align = props.align, justify = props.justify, _props$spacing = props.spacing, spacing2 = _props$spacing === void 0 ? "0.5rem" : _props$spacing, wrap3 = props.wrap, children = props.children, divider2 = props.divider, className = props.className, shouldWrapChildren = props.shouldWrapChildren, rest = _objectWithoutPropertiesLoose$5(props, _excluded$3$1);
   var direction2 = isInline ? "row" : directionProp != null ? directionProp : "column";
   var styles2 = React.useMemo(function() {
     return getStackStyles({
@@ -23774,7 +23797,7 @@ var Stack = /* @__PURE__ */ forwardRef(function(props, ref) {
     }, _child, _divider);
   });
   var _className = cx("chakra-stack", className);
-  return /* @__PURE__ */ React.createElement(chakra.div, _extends$2({
+  return /* @__PURE__ */ React.createElement(chakra.div, _extends$4({
     ref,
     display: "flex",
     alignItems: align,
@@ -23786,7 +23809,7 @@ var Stack = /* @__PURE__ */ forwardRef(function(props, ref) {
   }, rest), clones);
 });
 var HStack = /* @__PURE__ */ forwardRef(function(props, ref) {
-  return /* @__PURE__ */ React.createElement(Stack, _extends$2({
+  return /* @__PURE__ */ React.createElement(Stack, _extends$4({
     align: "center"
   }, props, {
     direction: "row",
@@ -23801,23 +23824,23 @@ var Text = /* @__PURE__ */ forwardRef(function(props, ref) {
   _omitThemingProps.align;
   _omitThemingProps.decoration;
   _omitThemingProps.casing;
-  var rest = _objectWithoutPropertiesLoose$3(_omitThemingProps, _excluded$2$1);
+  var rest = _objectWithoutPropertiesLoose$5(_omitThemingProps, _excluded$2$1);
   var aliasedProps = filterUndefined({
     textAlign: props.align,
     textDecoration: props.decoration,
     textTransform: props.casing
   });
-  return /* @__PURE__ */ React.createElement(chakra.p, _extends$2({
+  return /* @__PURE__ */ React.createElement(chakra.p, _extends$4({
     ref,
     className: cx("chakra-text", props.className)
   }, aliasedProps, rest, {
     __css: styles2
   }));
 });
-var _excluded = ["isExternal", "target", "rel", "className"], _excluded2 = ["className"];
+var _excluded$7 = ["isExternal", "target", "rel", "className"], _excluded2 = ["className"];
 var LinkOverlay = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var isExternal = props.isExternal, target = props.target, rel = props.rel, className = props.className, rest = _objectWithoutPropertiesLoose$3(props, _excluded);
-  return /* @__PURE__ */ React.createElement(chakra.a, _extends$2({}, rest, {
+  var isExternal = props.isExternal, target = props.target, rel = props.rel, className = props.className, rest = _objectWithoutPropertiesLoose$5(props, _excluded$7);
+  return /* @__PURE__ */ React.createElement(chakra.a, _extends$4({}, rest, {
     ref,
     className: cx("chakra-linkbox__overlay", className),
     rel: isExternal ? "noopener noreferrer" : rel,
@@ -23839,8 +23862,8 @@ var LinkOverlay = /* @__PURE__ */ forwardRef(function(props, ref) {
   }));
 });
 var LinkBox = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var className = props.className, rest = _objectWithoutPropertiesLoose$3(props, _excluded2);
-  return /* @__PURE__ */ React.createElement(chakra.div, _extends$2({
+  var className = props.className, rest = _objectWithoutPropertiesLoose$5(props, _excluded2);
+  return /* @__PURE__ */ React.createElement(chakra.div, _extends$4({
     ref,
     position: "relative"
   }, rest, {
@@ -23853,133 +23876,1792 @@ var LinkBox = /* @__PURE__ */ forwardRef(function(props, ref) {
     }
   }));
 });
-function _objectWithoutPropertiesLoose$2(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
+var top = "top";
+var bottom = "bottom";
+var right = "right";
+var left = "left";
+var auto = "auto";
+var basePlacements = [top, bottom, right, left];
+var start = "start";
+var end = "end";
+var clippingParents = "clippingParents";
+var viewport = "viewport";
+var popper = "popper";
+var reference = "reference";
+var variationPlacements = /* @__PURE__ */ basePlacements.reduce(function(acc, placement) {
+  return acc.concat([placement + "-" + start, placement + "-" + end]);
+}, []);
+var placements = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
+  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
+}, []);
+var beforeRead = "beforeRead";
+var read = "read";
+var afterRead = "afterRead";
+var beforeMain = "beforeMain";
+var main$1 = "main";
+var afterMain = "afterMain";
+var beforeWrite = "beforeWrite";
+var write = "write";
+var afterWrite = "afterWrite";
+var modifierPhases = [beforeRead, read, afterRead, beforeMain, main$1, afterMain, beforeWrite, write, afterWrite];
+function getNodeName(element) {
+  return element ? (element.nodeName || "").toLowerCase() : null;
+}
+function getWindow(node2) {
+  if (node2 == null) {
+    return window;
+  }
+  if (node2.toString() !== "[object Window]") {
+    var ownerDocument = node2.ownerDocument;
+    return ownerDocument ? ownerDocument.defaultView || window : window;
   }
-  return target;
+  return node2;
 }
-var propTypes = { exports: {} };
-var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-var ReactPropTypesSecret = ReactPropTypesSecret_1;
-function emptyFunction() {
+function isElement(node2) {
+  var OwnElement = getWindow(node2).Element;
+  return node2 instanceof OwnElement || node2 instanceof Element;
 }
-function emptyFunctionWithReset() {
+function isHTMLElement(node2) {
+  var OwnElement = getWindow(node2).HTMLElement;
+  return node2 instanceof OwnElement || node2 instanceof HTMLElement;
 }
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-var factoryWithThrowingShims = function() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
+function isShadowRoot(node2) {
+  if (typeof ShadowRoot === "undefined") {
+    return false;
+  }
+  var OwnElement = getWindow(node2).ShadowRoot;
+  return node2 instanceof OwnElement || node2 instanceof ShadowRoot;
+}
+function applyStyles(_ref2) {
+  var state2 = _ref2.state;
+  Object.keys(state2.elements).forEach(function(name) {
+    var style = state2.styles[name] || {};
+    var attributes = state2.attributes[name] || {};
+    var element = state2.elements[name];
+    if (!isHTMLElement(element) || !getNodeName(element)) {
       return;
     }
-    var err = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
-    err.name = "Invariant Violation";
-    throw err;
-  }
-  shim.isRequired = shim;
-  function getShim() {
-    return shim;
+    Object.assign(element.style, style);
+    Object.keys(attributes).forEach(function(name2) {
+      var value = attributes[name2];
+      if (value === false) {
+        element.removeAttribute(name2);
+      } else {
+        element.setAttribute(name2, value === true ? "" : value);
+      }
+    });
+  });
+}
+function effect$2(_ref2) {
+  var state2 = _ref2.state;
+  var initialStyles = {
+    popper: {
+      position: state2.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  Object.assign(state2.elements.popper.style, initialStyles.popper);
+  state2.styles = initialStyles;
+  if (state2.elements.arrow) {
+    Object.assign(state2.elements.arrow.style, initialStyles.arrow);
   }
-  var ReactPropTypes = {
-    array: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
+  return function() {
+    Object.keys(state2.elements).forEach(function(name) {
+      var element = state2.elements[name];
+      var attributes = state2.attributes[name] || {};
+      var styleProperties = Object.keys(state2.styles.hasOwnProperty(name) ? state2.styles[name] : initialStyles[name]);
+      var style = styleProperties.reduce(function(style2, property) {
+        style2[property] = "";
+        return style2;
+      }, {});
+      if (!isHTMLElement(element) || !getNodeName(element)) {
+        return;
+      }
+      Object.assign(element.style, style);
+      Object.keys(attributes).forEach(function(attribute) {
+        element.removeAttribute(attribute);
+      });
+    });
   };
-  ReactPropTypes.PropTypes = ReactPropTypes;
-  return ReactPropTypes;
-};
-{
-  propTypes.exports = factoryWithThrowingShims();
 }
-var PropTypes = propTypes.exports;
-var FOCUS_GROUP = "data-focus-lock";
-var FOCUS_DISABLED = "data-focus-lock-disabled";
-var FOCUS_ALLOW = "data-no-focus-lock";
-var FOCUS_AUTO = "data-autofocus-inside";
-function assignRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref) {
-    ref.current = value;
+var applyStyles$1 = {
+  name: "applyStyles",
+  enabled: true,
+  phase: "write",
+  fn: applyStyles,
+  effect: effect$2,
+  requires: ["computeStyles"]
+};
+function getBasePlacement(placement) {
+  return placement.split("-")[0];
+}
+function getBoundingClientRect(element, includeScale) {
+  var rect = element.getBoundingClientRect();
+  var scaleX = 1;
+  var scaleY = 1;
+  return {
+    width: rect.width / scaleX,
+    height: rect.height / scaleY,
+    top: rect.top / scaleY,
+    right: rect.right / scaleX,
+    bottom: rect.bottom / scaleY,
+    left: rect.left / scaleX,
+    x: rect.left / scaleX,
+    y: rect.top / scaleY
+  };
+}
+function getLayoutRect(element) {
+  var clientRect = getBoundingClientRect(element);
+  var width = element.offsetWidth;
+  var height = element.offsetHeight;
+  if (Math.abs(clientRect.width - width) <= 1) {
+    width = clientRect.width;
+  }
+  if (Math.abs(clientRect.height - height) <= 1) {
+    height = clientRect.height;
   }
-  return ref;
+  return {
+    x: element.offsetLeft,
+    y: element.offsetTop,
+    width,
+    height
+  };
 }
-function useCallbackRef(initialValue, callback) {
-  var ref = useState(function() {
-    return {
-      value: initialValue,
-      callback,
-      facade: {
-        get current() {
-          return ref.value;
-        },
-        set current(value) {
-          var last = ref.value;
-          if (last !== value) {
-            ref.value = value;
-            ref.callback(value, last);
-          }
-        }
+function contains(parent, child) {
+  var rootNode = child.getRootNode && child.getRootNode();
+  if (parent.contains(child)) {
+    return true;
+  } else if (rootNode && isShadowRoot(rootNode)) {
+    var next2 = child;
+    do {
+      if (next2 && parent.isSameNode(next2)) {
+        return true;
       }
-    };
-  })[0];
-  ref.callback = callback;
-  return ref.facade;
+      next2 = next2.parentNode || next2.host;
+    } while (next2);
+  }
+  return false;
 }
-function useMergeRefs(refs, defaultValue) {
-  return useCallbackRef(defaultValue, function(newValue) {
-    return refs.forEach(function(ref) {
-      return assignRef(ref, newValue);
-    });
-  });
+function getComputedStyle$1(element) {
+  return getWindow(element).getComputedStyle(element);
 }
-var hiddenGuard = {
-  width: "1px",
-  height: "0px",
-  padding: 0,
-  overflow: "hidden",
-  position: "fixed",
-  top: "1px",
-  left: "1px"
-};
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+function isTableElement(element) {
+  return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
+}
+function getDocumentElement(element) {
+  return ((isElement(element) ? element.ownerDocument : element.document) || window.document).documentElement;
+}
+function getParentNode(element) {
+  if (getNodeName(element) === "html") {
+    return element;
+  }
+  return element.assignedSlot || element.parentNode || (isShadowRoot(element) ? element.host : null) || getDocumentElement(element);
+}
+function getTrueOffsetParent(element) {
+  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
+    return null;
+  }
+  return element.offsetParent;
+}
+function getContainingBlock(element) {
+  var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
+  var isIE = navigator.userAgent.indexOf("Trident") !== -1;
+  if (isIE && isHTMLElement(element)) {
+    var elementCss = getComputedStyle$1(element);
+    if (elementCss.position === "fixed") {
+      return null;
+    }
+  }
+  var currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
+    var css3 = getComputedStyle$1(currentNode);
+    if (css3.transform !== "none" || css3.perspective !== "none" || css3.contain === "paint" || ["transform", "perspective"].indexOf(css3.willChange) !== -1 || isFirefox && css3.willChange === "filter" || isFirefox && css3.filter && css3.filter !== "none") {
+      return currentNode;
+    } else {
+      currentNode = currentNode.parentNode;
+    }
+  }
+  return null;
+}
+function getOffsetParent(element) {
+  var window2 = getWindow(element);
+  var offsetParent = getTrueOffsetParent(element);
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
+    offsetParent = getTrueOffsetParent(offsetParent);
+  }
+  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static")) {
+    return window2;
+  }
+  return offsetParent || getContainingBlock(element) || window2;
+}
+function getMainAxisFromPlacement(placement) {
+  return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
+}
+var max = Math.max;
+var min = Math.min;
+var round = Math.round;
+function within(min$1, value, max$1) {
+  return max(min$1, min(value, max$1));
+}
+function getFreshSideObject() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function mergePaddingObject(paddingObject) {
+  return Object.assign({}, getFreshSideObject(), paddingObject);
+}
+function expandToHashMap(value, keys2) {
+  return keys2.reduce(function(hashMap, key) {
+    hashMap[key] = value;
+    return hashMap;
+  }, {});
+}
+var toPaddingObject = function toPaddingObject2(padding, state2) {
+  padding = typeof padding === "function" ? padding(Object.assign({}, state2.rects, {
+    placement: state2.placement
+  })) : padding;
+  return mergePaddingObject(typeof padding !== "number" ? padding : expandToHashMap(padding, basePlacements));
+};
+function arrow(_ref2) {
+  var _state$modifiersData$;
+  var state2 = _ref2.state, name = _ref2.name, options = _ref2.options;
+  var arrowElement = state2.elements.arrow;
+  var popperOffsets2 = state2.modifiersData.popperOffsets;
+  var basePlacement = getBasePlacement(state2.placement);
+  var axis = getMainAxisFromPlacement(basePlacement);
+  var isVertical = [left, right].indexOf(basePlacement) >= 0;
+  var len = isVertical ? "height" : "width";
+  if (!arrowElement || !popperOffsets2) {
+    return;
+  }
+  var paddingObject = toPaddingObject(options.padding, state2);
+  var arrowRect = getLayoutRect(arrowElement);
+  var minProp = axis === "y" ? top : left;
+  var maxProp = axis === "y" ? bottom : right;
+  var endDiff = state2.rects.reference[len] + state2.rects.reference[axis] - popperOffsets2[axis] - state2.rects.popper[len];
+  var startDiff = popperOffsets2[axis] - state2.rects.reference[axis];
+  var arrowOffsetParent = getOffsetParent(arrowElement);
+  var clientSize = arrowOffsetParent ? axis === "y" ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
+  var centerToReference = endDiff / 2 - startDiff / 2;
+  var min2 = paddingObject[minProp];
+  var max2 = clientSize - arrowRect[len] - paddingObject[maxProp];
+  var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;
+  var offset2 = within(min2, center, max2);
+  var axisProp = axis;
+  state2.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset2, _state$modifiersData$.centerOffset = offset2 - center, _state$modifiersData$);
+}
+function effect$1(_ref2) {
+  var state2 = _ref2.state, options = _ref2.options;
+  var _options$element = options.element, arrowElement = _options$element === void 0 ? "[data-popper-arrow]" : _options$element;
+  if (arrowElement == null) {
+    return;
+  }
+  if (typeof arrowElement === "string") {
+    arrowElement = state2.elements.popper.querySelector(arrowElement);
+    if (!arrowElement) {
+      return;
+    }
+  }
+  if (!contains(state2.elements.popper, arrowElement)) {
+    return;
+  }
+  state2.elements.arrow = arrowElement;
+}
+var arrow$1 = {
+  name: "arrow",
+  enabled: true,
+  phase: "main",
+  fn: arrow,
+  effect: effect$1,
+  requires: ["popperOffsets"],
+  requiresIfExists: ["preventOverflow"]
+};
+function getVariation(placement) {
+  return placement.split("-")[1];
+}
+var unsetSides = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function roundOffsetsByDPR(_ref2) {
+  var x2 = _ref2.x, y2 = _ref2.y;
+  var win2 = window;
+  var dpr = win2.devicePixelRatio || 1;
+  return {
+    x: round(round(x2 * dpr) / dpr) || 0,
+    y: round(round(y2 * dpr) / dpr) || 0
+  };
+}
+function mapToStyles(_ref2) {
+  var _Object$assign2;
+  var popper2 = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position2 = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets;
+  var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === "function" ? roundOffsets(offsets) : offsets, _ref3$x = _ref3.x, x2 = _ref3$x === void 0 ? 0 : _ref3$x, _ref3$y = _ref3.y, y2 = _ref3$y === void 0 ? 0 : _ref3$y;
+  var hasX = offsets.hasOwnProperty("x");
+  var hasY = offsets.hasOwnProperty("y");
+  var sideX = left;
+  var sideY = top;
+  var win2 = window;
+  if (adaptive) {
+    var offsetParent = getOffsetParent(popper2);
+    var heightProp = "clientHeight";
+    var widthProp = "clientWidth";
+    if (offsetParent === getWindow(popper2)) {
+      offsetParent = getDocumentElement(popper2);
+      if (getComputedStyle$1(offsetParent).position !== "static" && position2 === "absolute") {
+        heightProp = "scrollHeight";
+        widthProp = "scrollWidth";
+      }
+    }
+    offsetParent = offsetParent;
+    if (placement === top || (placement === left || placement === right) && variation === end) {
+      sideY = bottom;
+      y2 -= offsetParent[heightProp] - popperRect.height;
+      y2 *= gpuAcceleration ? 1 : -1;
+    }
+    if (placement === left || (placement === top || placement === bottom) && variation === end) {
+      sideX = right;
+      x2 -= offsetParent[widthProp] - popperRect.width;
+      x2 *= gpuAcceleration ? 1 : -1;
+    }
+  }
+  var commonStyles = Object.assign({
+    position: position2
+  }, adaptive && unsetSides);
+  if (gpuAcceleration) {
+    var _Object$assign;
+    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win2.devicePixelRatio || 1) <= 1 ? "translate(" + x2 + "px, " + y2 + "px)" : "translate3d(" + x2 + "px, " + y2 + "px, 0)", _Object$assign));
+  }
+  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y2 + "px" : "", _Object$assign2[sideX] = hasX ? x2 + "px" : "", _Object$assign2.transform = "", _Object$assign2));
+}
+function computeStyles(_ref4) {
+  var state2 = _ref4.state, options = _ref4.options;
+  var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
+  var commonStyles = {
+    placement: getBasePlacement(state2.placement),
+    variation: getVariation(state2.placement),
+    popper: state2.elements.popper,
+    popperRect: state2.rects.popper,
+    gpuAcceleration
+  };
+  if (state2.modifiersData.popperOffsets != null) {
+    state2.styles.popper = Object.assign({}, state2.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
+      offsets: state2.modifiersData.popperOffsets,
+      position: state2.options.strategy,
+      adaptive,
+      roundOffsets
+    })));
+  }
+  if (state2.modifiersData.arrow != null) {
+    state2.styles.arrow = Object.assign({}, state2.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
+      offsets: state2.modifiersData.arrow,
+      position: "absolute",
+      adaptive: false,
+      roundOffsets
+    })));
+  }
+  state2.attributes.popper = Object.assign({}, state2.attributes.popper, {
+    "data-popper-placement": state2.placement
+  });
+}
+var computeStyles$1 = {
+  name: "computeStyles",
+  enabled: true,
+  phase: "beforeWrite",
+  fn: computeStyles,
+  data: {}
+};
+var passive = {
+  passive: true
+};
+function effect(_ref2) {
+  var state2 = _ref2.state, instance = _ref2.instance, options = _ref2.options;
+  var _options$scroll = options.scroll, scroll2 = _options$scroll === void 0 ? true : _options$scroll, _options$resize = options.resize, resize = _options$resize === void 0 ? true : _options$resize;
+  var window2 = getWindow(state2.elements.popper);
+  var scrollParents = [].concat(state2.scrollParents.reference, state2.scrollParents.popper);
+  if (scroll2) {
+    scrollParents.forEach(function(scrollParent) {
+      scrollParent.addEventListener("scroll", instance.update, passive);
+    });
+  }
+  if (resize) {
+    window2.addEventListener("resize", instance.update, passive);
+  }
+  return function() {
+    if (scroll2) {
+      scrollParents.forEach(function(scrollParent) {
+        scrollParent.removeEventListener("scroll", instance.update, passive);
+      });
+    }
+    if (resize) {
+      window2.removeEventListener("resize", instance.update, passive);
+    }
+  };
+}
+var eventListeners = {
+  name: "eventListeners",
+  enabled: true,
+  phase: "write",
+  fn: function fn() {
+  },
+  effect,
+  data: {}
+};
+var hash$1 = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function getOppositePlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, function(matched) {
+    return hash$1[matched];
+  });
+}
+var hash = {
+  start: "end",
+  end: "start"
+};
+function getOppositeVariationPlacement(placement) {
+  return placement.replace(/start|end/g, function(matched) {
+    return hash[matched];
+  });
+}
+function getWindowScroll(node2) {
+  var win2 = getWindow(node2);
+  var scrollLeft = win2.pageXOffset;
+  var scrollTop = win2.pageYOffset;
+  return {
+    scrollLeft,
+    scrollTop
+  };
+}
+function getWindowScrollBarX(element) {
+  return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
+}
+function getViewportRect(element) {
+  var win2 = getWindow(element);
+  var html = getDocumentElement(element);
+  var visualViewport = win2.visualViewport;
+  var width = html.clientWidth;
+  var height = html.clientHeight;
+  var x2 = 0;
+  var y2 = 0;
+  if (visualViewport) {
+    width = visualViewport.width;
+    height = visualViewport.height;
+    if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
+      x2 = visualViewport.offsetLeft;
+      y2 = visualViewport.offsetTop;
+    }
+  }
+  return {
+    width,
+    height,
+    x: x2 + getWindowScrollBarX(element),
+    y: y2
+  };
+}
+function getDocumentRect(element) {
+  var _element$ownerDocumen;
+  var html = getDocumentElement(element);
+  var winScroll = getWindowScroll(element);
+  var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
+  var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
+  var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
+  var x2 = -winScroll.scrollLeft + getWindowScrollBarX(element);
+  var y2 = -winScroll.scrollTop;
+  if (getComputedStyle$1(body || html).direction === "rtl") {
+    x2 += max(html.clientWidth, body ? body.clientWidth : 0) - width;
+  }
+  return {
+    width,
+    height,
+    x: x2,
+    y: y2
+  };
+}
+function isScrollParent(element) {
+  var _getComputedStyle = getComputedStyle$1(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
+  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
+}
+function getScrollParent(node2) {
+  if (["html", "body", "#document"].indexOf(getNodeName(node2)) >= 0) {
+    return node2.ownerDocument.body;
+  }
+  if (isHTMLElement(node2) && isScrollParent(node2)) {
+    return node2;
+  }
+  return getScrollParent(getParentNode(node2));
+}
+function listScrollParents(element, list2) {
+  var _element$ownerDocumen;
+  if (list2 === void 0) {
+    list2 = [];
+  }
+  var scrollParent = getScrollParent(element);
+  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
+  var win2 = getWindow(scrollParent);
+  var target = isBody ? [win2].concat(win2.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
+  var updatedList = list2.concat(target);
+  return isBody ? updatedList : updatedList.concat(listScrollParents(getParentNode(target)));
+}
+function rectToClientRect(rect) {
+  return Object.assign({}, rect, {
+    left: rect.x,
+    top: rect.y,
+    right: rect.x + rect.width,
+    bottom: rect.y + rect.height
+  });
+}
+function getInnerBoundingClientRect(element) {
+  var rect = getBoundingClientRect(element);
+  rect.top = rect.top + element.clientTop;
+  rect.left = rect.left + element.clientLeft;
+  rect.bottom = rect.top + element.clientHeight;
+  rect.right = rect.left + element.clientWidth;
+  rect.width = element.clientWidth;
+  rect.height = element.clientHeight;
+  rect.x = rect.left;
+  rect.y = rect.top;
+  return rect;
+}
+function getClientRectFromMixedType(element, clippingParent) {
+  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isHTMLElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
+}
+function getClippingParents(element) {
+  var clippingParents2 = listScrollParents(getParentNode(element));
+  var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle$1(element).position) >= 0;
+  var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
+  if (!isElement(clipperElement)) {
+    return [];
+  }
+  return clippingParents2.filter(function(clippingParent) {
+    return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== "body";
+  });
+}
+function getClippingRect(element, boundary, rootBoundary) {
+  var mainClippingParents = boundary === "clippingParents" ? getClippingParents(element) : [].concat(boundary);
+  var clippingParents2 = [].concat(mainClippingParents, [rootBoundary]);
+  var firstClippingParent = clippingParents2[0];
+  var clippingRect = clippingParents2.reduce(function(accRect, clippingParent) {
+    var rect = getClientRectFromMixedType(element, clippingParent);
+    accRect.top = max(rect.top, accRect.top);
+    accRect.right = min(rect.right, accRect.right);
+    accRect.bottom = min(rect.bottom, accRect.bottom);
+    accRect.left = max(rect.left, accRect.left);
+    return accRect;
+  }, getClientRectFromMixedType(element, firstClippingParent));
+  clippingRect.width = clippingRect.right - clippingRect.left;
+  clippingRect.height = clippingRect.bottom - clippingRect.top;
+  clippingRect.x = clippingRect.left;
+  clippingRect.y = clippingRect.top;
+  return clippingRect;
+}
+function computeOffsets(_ref2) {
+  var reference2 = _ref2.reference, element = _ref2.element, placement = _ref2.placement;
+  var basePlacement = placement ? getBasePlacement(placement) : null;
+  var variation = placement ? getVariation(placement) : null;
+  var commonX = reference2.x + reference2.width / 2 - element.width / 2;
+  var commonY = reference2.y + reference2.height / 2 - element.height / 2;
+  var offsets;
+  switch (basePlacement) {
+    case top:
+      offsets = {
+        x: commonX,
+        y: reference2.y - element.height
+      };
+      break;
+    case bottom:
+      offsets = {
+        x: commonX,
+        y: reference2.y + reference2.height
+      };
+      break;
+    case right:
+      offsets = {
+        x: reference2.x + reference2.width,
+        y: commonY
+      };
+      break;
+    case left:
+      offsets = {
+        x: reference2.x - element.width,
+        y: commonY
+      };
+      break;
+    default:
+      offsets = {
+        x: reference2.x,
+        y: reference2.y
+      };
+  }
+  var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
+  if (mainAxis != null) {
+    var len = mainAxis === "y" ? "height" : "width";
+    switch (variation) {
+      case start:
+        offsets[mainAxis] = offsets[mainAxis] - (reference2[len] / 2 - element[len] / 2);
+        break;
+      case end:
+        offsets[mainAxis] = offsets[mainAxis] + (reference2[len] / 2 - element[len] / 2);
+        break;
+    }
+  }
+  return offsets;
+}
+function detectOverflow(state2, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var _options = options, _options$placement = _options.placement, placement = _options$placement === void 0 ? state2.placement : _options$placement, _options$boundary = _options.boundary, boundary = _options$boundary === void 0 ? clippingParents : _options$boundary, _options$rootBoundary = _options.rootBoundary, rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary, _options$elementConte = _options.elementContext, elementContext = _options$elementConte === void 0 ? popper : _options$elementConte, _options$altBoundary = _options.altBoundary, altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary, _options$padding = _options.padding, padding = _options$padding === void 0 ? 0 : _options$padding;
+  var paddingObject = mergePaddingObject(typeof padding !== "number" ? padding : expandToHashMap(padding, basePlacements));
+  var altContext = elementContext === popper ? reference : popper;
+  var popperRect = state2.rects.popper;
+  var element = state2.elements[altBoundary ? altContext : elementContext];
+  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state2.elements.popper), boundary, rootBoundary);
+  var referenceClientRect = getBoundingClientRect(state2.elements.reference);
+  var popperOffsets2 = computeOffsets({
+    reference: referenceClientRect,
+    element: popperRect,
+    strategy: "absolute",
+    placement
+  });
+  var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets2));
+  var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect;
+  var overflowOffsets = {
+    top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
+    bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
+    left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
+    right: elementClientRect.right - clippingClientRect.right + paddingObject.right
+  };
+  var offsetData = state2.modifiersData.offset;
+  if (elementContext === popper && offsetData) {
+    var offset2 = offsetData[placement];
+    Object.keys(overflowOffsets).forEach(function(key) {
+      var multiply3 = [right, bottom].indexOf(key) >= 0 ? 1 : -1;
+      var axis = [top, bottom].indexOf(key) >= 0 ? "y" : "x";
+      overflowOffsets[key] += offset2[axis] * multiply3;
+    });
+  }
+  return overflowOffsets;
+}
+function computeAutoPlacement(state2, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var _options = options, placement = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
+  var variation = getVariation(placement);
+  var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function(placement2) {
+    return getVariation(placement2) === variation;
+  }) : basePlacements;
+  var allowedPlacements = placements$1.filter(function(placement2) {
+    return allowedAutoPlacements.indexOf(placement2) >= 0;
+  });
+  if (allowedPlacements.length === 0) {
+    allowedPlacements = placements$1;
+  }
+  var overflows = allowedPlacements.reduce(function(acc, placement2) {
+    acc[placement2] = detectOverflow(state2, {
+      placement: placement2,
+      boundary,
+      rootBoundary,
+      padding
+    })[getBasePlacement(placement2)];
+    return acc;
+  }, {});
+  return Object.keys(overflows).sort(function(a2, b2) {
+    return overflows[a2] - overflows[b2];
+  });
+}
+function getExpandedFallbackPlacements(placement) {
+  if (getBasePlacement(placement) === auto) {
+    return [];
+  }
+  var oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
+}
+function flip(_ref2) {
+  var state2 = _ref2.state, options = _ref2.options, name = _ref2.name;
+  if (state2.modifiersData[name]._skip) {
+    return;
+  }
+  var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis, specifiedFallbackPlacements = options.fallbackPlacements, padding = options.padding, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, _options$flipVariatio = options.flipVariations, flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio, allowedAutoPlacements = options.allowedAutoPlacements;
+  var preferredPlacement = state2.options.placement;
+  var basePlacement = getBasePlacement(preferredPlacement);
+  var isBasePlacement = basePlacement === preferredPlacement;
+  var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));
+  var placements2 = [preferredPlacement].concat(fallbackPlacements).reduce(function(acc, placement2) {
+    return acc.concat(getBasePlacement(placement2) === auto ? computeAutoPlacement(state2, {
+      placement: placement2,
+      boundary,
+      rootBoundary,
+      padding,
+      flipVariations,
+      allowedAutoPlacements
+    }) : placement2);
+  }, []);
+  var referenceRect = state2.rects.reference;
+  var popperRect = state2.rects.popper;
+  var checksMap = /* @__PURE__ */ new Map();
+  var makeFallbackChecks = true;
+  var firstFittingPlacement = placements2[0];
+  for (var i = 0; i < placements2.length; i++) {
+    var placement = placements2[i];
+    var _basePlacement = getBasePlacement(placement);
+    var isStartVariation = getVariation(placement) === start;
+    var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
+    var len = isVertical ? "width" : "height";
+    var overflow = detectOverflow(state2, {
+      placement,
+      boundary,
+      rootBoundary,
+      altBoundary,
+      padding
+    });
+    var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;
+    if (referenceRect[len] > popperRect[len]) {
+      mainVariationSide = getOppositePlacement(mainVariationSide);
+    }
+    var altVariationSide = getOppositePlacement(mainVariationSide);
+    var checks = [];
+    if (checkMainAxis) {
+      checks.push(overflow[_basePlacement] <= 0);
+    }
+    if (checkAltAxis) {
+      checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
+    }
+    if (checks.every(function(check) {
+      return check;
+    })) {
+      firstFittingPlacement = placement;
+      makeFallbackChecks = false;
+      break;
+    }
+    checksMap.set(placement, checks);
+  }
+  if (makeFallbackChecks) {
+    var numberOfChecks = flipVariations ? 3 : 1;
+    var _loop = function _loop2(_i2) {
+      var fittingPlacement = placements2.find(function(placement2) {
+        var checks2 = checksMap.get(placement2);
+        if (checks2) {
+          return checks2.slice(0, _i2).every(function(check) {
+            return check;
+          });
+        }
+      });
+      if (fittingPlacement) {
+        firstFittingPlacement = fittingPlacement;
+        return "break";
+      }
+    };
+    for (var _i = numberOfChecks; _i > 0; _i--) {
+      var _ret = _loop(_i);
+      if (_ret === "break")
+        break;
+    }
+  }
+  if (state2.placement !== firstFittingPlacement) {
+    state2.modifiersData[name]._skip = true;
+    state2.placement = firstFittingPlacement;
+    state2.reset = true;
+  }
+}
+var flip$1 = {
+  name: "flip",
+  enabled: true,
+  phase: "main",
+  fn: flip,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: false
+  }
+};
+function getSideOffsets(overflow, rect, preventedOffsets) {
+  if (preventedOffsets === void 0) {
+    preventedOffsets = {
+      x: 0,
+      y: 0
+    };
+  }
+  return {
+    top: overflow.top - rect.height - preventedOffsets.y,
+    right: overflow.right - rect.width + preventedOffsets.x,
+    bottom: overflow.bottom - rect.height + preventedOffsets.y,
+    left: overflow.left - rect.width - preventedOffsets.x
+  };
+}
+function isAnySideFullyClipped(overflow) {
+  return [top, right, bottom, left].some(function(side) {
+    return overflow[side] >= 0;
+  });
+}
+function hide(_ref2) {
+  var state2 = _ref2.state, name = _ref2.name;
+  var referenceRect = state2.rects.reference;
+  var popperRect = state2.rects.popper;
+  var preventedOffsets = state2.modifiersData.preventOverflow;
+  var referenceOverflow = detectOverflow(state2, {
+    elementContext: "reference"
+  });
+  var popperAltOverflow = detectOverflow(state2, {
+    altBoundary: true
+  });
+  var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);
+  var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
+  var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
+  var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
+  state2.modifiersData[name] = {
+    referenceClippingOffsets,
+    popperEscapeOffsets,
+    isReferenceHidden,
+    hasPopperEscaped
+  };
+  state2.attributes.popper = Object.assign({}, state2.attributes.popper, {
+    "data-popper-reference-hidden": isReferenceHidden,
+    "data-popper-escaped": hasPopperEscaped
+  });
+}
+var hide$1 = {
+  name: "hide",
+  enabled: true,
+  phase: "main",
+  requiresIfExists: ["preventOverflow"],
+  fn: hide
+};
+function distanceAndSkiddingToXY(placement, rects, offset2) {
+  var basePlacement = getBasePlacement(placement);
+  var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
+  var _ref2 = typeof offset2 === "function" ? offset2(Object.assign({}, rects, {
+    placement
+  })) : offset2, skidding = _ref2[0], distance2 = _ref2[1];
+  skidding = skidding || 0;
+  distance2 = (distance2 || 0) * invertDistance;
+  return [left, right].indexOf(basePlacement) >= 0 ? {
+    x: distance2,
+    y: skidding
+  } : {
+    x: skidding,
+    y: distance2
+  };
+}
+function offset(_ref2) {
+  var state2 = _ref2.state, options = _ref2.options, name = _ref2.name;
+  var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [0, 0] : _options$offset;
+  var data = placements.reduce(function(acc, placement) {
+    acc[placement] = distanceAndSkiddingToXY(placement, state2.rects, offset2);
+    return acc;
+  }, {});
+  var _data$state$placement = data[state2.placement], x2 = _data$state$placement.x, y2 = _data$state$placement.y;
+  if (state2.modifiersData.popperOffsets != null) {
+    state2.modifiersData.popperOffsets.x += x2;
+    state2.modifiersData.popperOffsets.y += y2;
+  }
+  state2.modifiersData[name] = data;
+}
+var offset$1 = {
+  name: "offset",
+  enabled: true,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: offset
+};
+function popperOffsets(_ref2) {
+  var state2 = _ref2.state, name = _ref2.name;
+  state2.modifiersData[name] = computeOffsets({
+    reference: state2.rects.reference,
+    element: state2.rects.popper,
+    strategy: "absolute",
+    placement: state2.placement
+  });
+}
+var popperOffsets$1 = {
+  name: "popperOffsets",
+  enabled: true,
+  phase: "read",
+  fn: popperOffsets,
+  data: {}
+};
+function getAltAxis(axis) {
+  return axis === "x" ? "y" : "x";
+}
+function preventOverflow(_ref2) {
+  var state2 = _ref2.state, options = _ref2.options, name = _ref2.name;
+  var _options$mainAxis = options.mainAxis, checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, _options$altAxis = options.altAxis, checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis, boundary = options.boundary, rootBoundary = options.rootBoundary, altBoundary = options.altBoundary, padding = options.padding, _options$tether = options.tether, tether = _options$tether === void 0 ? true : _options$tether, _options$tetherOffset = options.tetherOffset, tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
+  var overflow = detectOverflow(state2, {
+    boundary,
+    rootBoundary,
+    padding,
+    altBoundary
+  });
+  var basePlacement = getBasePlacement(state2.placement);
+  var variation = getVariation(state2.placement);
+  var isBasePlacement = !variation;
+  var mainAxis = getMainAxisFromPlacement(basePlacement);
+  var altAxis = getAltAxis(mainAxis);
+  var popperOffsets2 = state2.modifiersData.popperOffsets;
+  var referenceRect = state2.rects.reference;
+  var popperRect = state2.rects.popper;
+  var tetherOffsetValue = typeof tetherOffset === "function" ? tetherOffset(Object.assign({}, state2.rects, {
+    placement: state2.placement
+  })) : tetherOffset;
+  var data = {
+    x: 0,
+    y: 0
+  };
+  if (!popperOffsets2) {
+    return;
+  }
+  if (checkMainAxis || checkAltAxis) {
+    var mainSide = mainAxis === "y" ? top : left;
+    var altSide = mainAxis === "y" ? bottom : right;
+    var len = mainAxis === "y" ? "height" : "width";
+    var offset2 = popperOffsets2[mainAxis];
+    var min$1 = popperOffsets2[mainAxis] + overflow[mainSide];
+    var max$1 = popperOffsets2[mainAxis] - overflow[altSide];
+    var additive = tether ? -popperRect[len] / 2 : 0;
+    var minLen = variation === start ? referenceRect[len] : popperRect[len];
+    var maxLen = variation === start ? -popperRect[len] : -referenceRect[len];
+    var arrowElement = state2.elements.arrow;
+    var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {
+      width: 0,
+      height: 0
+    };
+    var arrowPaddingObject = state2.modifiersData["arrow#persistent"] ? state2.modifiersData["arrow#persistent"].padding : getFreshSideObject();
+    var arrowPaddingMin = arrowPaddingObject[mainSide];
+    var arrowPaddingMax = arrowPaddingObject[altSide];
+    var arrowLen = within(0, referenceRect[len], arrowRect[len]);
+    var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - tetherOffsetValue : minLen - arrowLen - arrowPaddingMin - tetherOffsetValue;
+    var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + tetherOffsetValue : maxLen + arrowLen + arrowPaddingMax + tetherOffsetValue;
+    var arrowOffsetParent = state2.elements.arrow && getOffsetParent(state2.elements.arrow);
+    var clientOffset = arrowOffsetParent ? mainAxis === "y" ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
+    var offsetModifierValue = state2.modifiersData.offset ? state2.modifiersData.offset[state2.placement][mainAxis] : 0;
+    var tetherMin = popperOffsets2[mainAxis] + minOffset - offsetModifierValue - clientOffset;
+    var tetherMax = popperOffsets2[mainAxis] + maxOffset - offsetModifierValue;
+    if (checkMainAxis) {
+      var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset2, tether ? max(max$1, tetherMax) : max$1);
+      popperOffsets2[mainAxis] = preventedOffset;
+      data[mainAxis] = preventedOffset - offset2;
+    }
+    if (checkAltAxis) {
+      var _mainSide = mainAxis === "x" ? top : left;
+      var _altSide = mainAxis === "x" ? bottom : right;
+      var _offset = popperOffsets2[altAxis];
+      var _min = _offset + overflow[_mainSide];
+      var _max = _offset - overflow[_altSide];
+      var _preventedOffset = within(tether ? min(_min, tetherMin) : _min, _offset, tether ? max(_max, tetherMax) : _max);
+      popperOffsets2[altAxis] = _preventedOffset;
+      data[altAxis] = _preventedOffset - _offset;
+    }
+  }
+  state2.modifiersData[name] = data;
+}
+var preventOverflow$1 = {
+  name: "preventOverflow",
+  enabled: true,
+  phase: "main",
+  fn: preventOverflow,
+  requiresIfExists: ["offset"]
+};
+function getHTMLElementScroll(element) {
+  return {
+    scrollLeft: element.scrollLeft,
+    scrollTop: element.scrollTop
+  };
+}
+function getNodeScroll(node2) {
+  if (node2 === getWindow(node2) || !isHTMLElement(node2)) {
+    return getWindowScroll(node2);
+  } else {
+    return getHTMLElementScroll(node2);
+  }
+}
+function isElementScaled(element) {
+  var rect = element.getBoundingClientRect();
+  var scaleX = rect.width / element.offsetWidth || 1;
+  var scaleY = rect.height / element.offsetHeight || 1;
+  return scaleX !== 1 || scaleY !== 1;
+}
+function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+  var isOffsetParentAnElement = isHTMLElement(offsetParent);
+  isHTMLElement(offsetParent) && isElementScaled(offsetParent);
+  var documentElement = getDocumentElement(offsetParent);
+  var rect = getBoundingClientRect(elementOrVirtualElement);
+  var scroll2 = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  var offsets = {
+    x: 0,
+    y: 0
+  };
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== "body" || isScrollParent(documentElement)) {
+      scroll2 = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      offsets = getBoundingClientRect(offsetParent);
+      offsets.x += offsetParent.clientLeft;
+      offsets.y += offsetParent.clientTop;
+    } else if (documentElement) {
+      offsets.x = getWindowScrollBarX(documentElement);
+    }
+  }
+  return {
+    x: rect.left + scroll2.scrollLeft - offsets.x,
+    y: rect.top + scroll2.scrollTop - offsets.y,
+    width: rect.width,
+    height: rect.height
+  };
+}
+function order(modifiers) {
+  var map = /* @__PURE__ */ new Map();
+  var visited = /* @__PURE__ */ new Set();
+  var result = [];
+  modifiers.forEach(function(modifier) {
+    map.set(modifier.name, modifier);
+  });
+  function sort(modifier) {
+    visited.add(modifier.name);
+    var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
+    requires.forEach(function(dep) {
+      if (!visited.has(dep)) {
+        var depModifier = map.get(dep);
+        if (depModifier) {
+          sort(depModifier);
+        }
+      }
+    });
+    result.push(modifier);
+  }
+  modifiers.forEach(function(modifier) {
+    if (!visited.has(modifier.name)) {
+      sort(modifier);
+    }
+  });
+  return result;
+}
+function orderModifiers(modifiers) {
+  var orderedModifiers = order(modifiers);
+  return modifierPhases.reduce(function(acc, phase) {
+    return acc.concat(orderedModifiers.filter(function(modifier) {
+      return modifier.phase === phase;
+    }));
+  }, []);
+}
+function debounce(fn6) {
+  var pending;
+  return function() {
+    if (!pending) {
+      pending = new Promise(function(resolve) {
+        Promise.resolve().then(function() {
+          pending = void 0;
+          resolve(fn6());
+        });
+      });
+    }
+    return pending;
+  };
+}
+function mergeByName(modifiers) {
+  var merged = modifiers.reduce(function(merged2, current) {
+    var existing = merged2[current.name];
+    merged2[current.name] = existing ? Object.assign({}, existing, current, {
+      options: Object.assign({}, existing.options, current.options),
+      data: Object.assign({}, existing.data, current.data)
+    }) : current;
+    return merged2;
+  }, {});
+  return Object.keys(merged).map(function(key) {
+    return merged[key];
+  });
+}
+var DEFAULT_OPTIONS = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function areValidElements() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return !args.some(function(element) {
+    return !(element && typeof element.getBoundingClientRect === "function");
+  });
+}
+function popperGenerator(generatorOptions) {
+  if (generatorOptions === void 0) {
+    generatorOptions = {};
+  }
+  var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
+  return function createPopper2(reference2, popper2, options) {
+    if (options === void 0) {
+      options = defaultOptions;
+    }
+    var state2 = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
+      modifiersData: {},
+      elements: {
+        reference: reference2,
+        popper: popper2
+      },
+      attributes: {},
+      styles: {}
+    };
+    var effectCleanupFns = [];
+    var isDestroyed = false;
+    var instance = {
+      state: state2,
+      setOptions: function setOptions(setOptionsAction) {
+        var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state2.options) : setOptionsAction;
+        cleanupModifierEffects();
+        state2.options = Object.assign({}, defaultOptions, state2.options, options2);
+        state2.scrollParents = {
+          reference: isElement(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
+          popper: listScrollParents(popper2)
+        };
+        var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state2.options.modifiers)));
+        state2.orderedModifiers = orderedModifiers.filter(function(m2) {
+          return m2.enabled;
+        });
+        runModifierEffects();
+        return instance.update();
+      },
+      forceUpdate: function forceUpdate() {
+        if (isDestroyed) {
+          return;
+        }
+        var _state$elements = state2.elements, reference3 = _state$elements.reference, popper3 = _state$elements.popper;
+        if (!areValidElements(reference3, popper3)) {
+          return;
+        }
+        state2.rects = {
+          reference: getCompositeRect(reference3, getOffsetParent(popper3), state2.options.strategy === "fixed"),
+          popper: getLayoutRect(popper3)
+        };
+        state2.reset = false;
+        state2.placement = state2.options.placement;
+        state2.orderedModifiers.forEach(function(modifier) {
+          return state2.modifiersData[modifier.name] = Object.assign({}, modifier.data);
+        });
+        for (var index2 = 0; index2 < state2.orderedModifiers.length; index2++) {
+          if (state2.reset === true) {
+            state2.reset = false;
+            index2 = -1;
+            continue;
+          }
+          var _state$orderedModifie = state2.orderedModifiers[index2], fn6 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
+          if (typeof fn6 === "function") {
+            state2 = fn6({
+              state: state2,
+              options: _options,
+              name,
+              instance
+            }) || state2;
+          }
+        }
+      },
+      update: debounce(function() {
+        return new Promise(function(resolve) {
+          instance.forceUpdate();
+          resolve(state2);
+        });
+      }),
+      destroy: function destroy() {
+        cleanupModifierEffects();
+        isDestroyed = true;
+      }
+    };
+    if (!areValidElements(reference2, popper2)) {
+      return instance;
+    }
+    instance.setOptions(options).then(function(state3) {
+      if (!isDestroyed && options.onFirstUpdate) {
+        options.onFirstUpdate(state3);
+      }
+    });
+    function runModifierEffects() {
+      state2.orderedModifiers.forEach(function(_ref3) {
+        var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect5 = _ref3.effect;
+        if (typeof effect5 === "function") {
+          var cleanupFn = effect5({
+            state: state2,
+            name,
+            instance,
+            options: options2
+          });
+          var noopFn = function noopFn2() {
+          };
+          effectCleanupFns.push(cleanupFn || noopFn);
+        }
+      });
+    }
+    function cleanupModifierEffects() {
+      effectCleanupFns.forEach(function(fn6) {
+        return fn6();
+      });
+      effectCleanupFns = [];
+    }
+    return instance;
+  };
+}
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
+var createPopper = /* @__PURE__ */ popperGenerator({
+  defaultModifiers
+});
+function _objectWithoutPropertiesLoose$4(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _extends$3() {
+  _extends$3 = Object.assign || function(target) {
+    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];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$3.apply(this, arguments);
+}
+var toVar = function toVar2(value, fallback) {
+  return {
+    "var": value,
+    varRef: fallback ? "var(" + value + ", " + fallback + ")" : "var(" + value + ")"
+  };
+};
+var cssVars = {
+  arrowShadowColor: toVar("--popper-arrow-shadow-color"),
+  arrowSize: toVar("--popper-arrow-size", "8px"),
+  arrowSizeHalf: toVar("--popper-arrow-size-half"),
+  arrowBg: toVar("--popper-arrow-bg"),
+  transformOrigin: toVar("--popper-transform-origin"),
+  arrowOffset: toVar("--popper-arrow-offset")
+};
+function getBoxShadow(placement) {
+  if (placement.includes("top"))
+    return "1px 1px 1px 0 var(--popper-arrow-shadow-color)";
+  if (placement.includes("bottom"))
+    return "-1px -1px 1px 0 var(--popper-arrow-shadow-color)";
+  if (placement.includes("right"))
+    return "-1px 1px 1px 0 var(--popper-arrow-shadow-color)";
+  if (placement.includes("left"))
+    return "1px -1px 1px 0 var(--popper-arrow-shadow-color)";
+}
+var transforms = {
+  top: "bottom center",
+  "top-start": "bottom left",
+  "top-end": "bottom right",
+  bottom: "top center",
+  "bottom-start": "top left",
+  "bottom-end": "top right",
+  left: "right center",
+  "left-start": "right top",
+  "left-end": "right bottom",
+  right: "left center",
+  "right-start": "left top",
+  "right-end": "left bottom"
+};
+var toTransformOrigin = function toTransformOrigin2(placement) {
+  return transforms[placement];
+};
+var defaultEventListeners = {
+  scroll: true,
+  resize: true
+};
+function getEventListenerOptions(value) {
+  var eventListeners2;
+  if (typeof value === "object") {
+    eventListeners2 = {
+      enabled: true,
+      options: _extends$3({}, defaultEventListeners, value)
+    };
+  } else {
+    eventListeners2 = {
+      enabled: value,
+      options: defaultEventListeners
+    };
+  }
+  return eventListeners2;
+}
+var matchWidth = {
+  name: "matchWidth",
+  enabled: true,
+  phase: "beforeWrite",
+  requires: ["computeStyles"],
+  fn: function fn2(_ref2) {
+    var state2 = _ref2.state;
+    state2.styles.popper.width = state2.rects.reference.width + "px";
+  },
+  effect: function effect2(_ref2) {
+    var state2 = _ref2.state;
+    return function() {
+      var reference2 = state2.elements.reference;
+      state2.elements.popper.style.width = reference2.offsetWidth + "px";
+    };
+  }
+};
+var transformOrigin = {
+  name: "transformOrigin",
+  enabled: true,
+  phase: "write",
+  fn: function fn3(_ref3) {
+    var state2 = _ref3.state;
+    setTransformOrigin(state2);
+  },
+  effect: function effect3(_ref4) {
+    var state2 = _ref4.state;
+    return function() {
+      setTransformOrigin(state2);
+    };
+  }
+};
+var setTransformOrigin = function setTransformOrigin2(state2) {
+  state2.elements.popper.style.setProperty(cssVars.transformOrigin["var"], toTransformOrigin(state2.placement));
+};
+var positionArrow = {
+  name: "positionArrow",
+  enabled: true,
+  phase: "afterWrite",
+  fn: function fn4(_ref5) {
+    var state2 = _ref5.state;
+    setArrowStyles(state2);
+  }
+};
+var setArrowStyles = function setArrowStyles2(state2) {
+  var _state$elements;
+  if (!state2.placement)
+    return;
+  var overrides = getArrowStyle$1(state2.placement);
+  if ((_state$elements = state2.elements) != null && _state$elements.arrow && overrides) {
+    var _Object$assign, _vars;
+    Object.assign(state2.elements.arrow.style, (_Object$assign = {}, _Object$assign[overrides.property] = overrides.value, _Object$assign.width = cssVars.arrowSize.varRef, _Object$assign.height = cssVars.arrowSize.varRef, _Object$assign.zIndex = -1, _Object$assign));
+    var vars2 = (_vars = {}, _vars[cssVars.arrowSizeHalf["var"]] = "calc(" + cssVars.arrowSize.varRef + " / 2)", _vars[cssVars.arrowOffset["var"]] = "calc(" + cssVars.arrowSizeHalf.varRef + " * -1)", _vars);
+    for (var property in vars2) {
+      state2.elements.arrow.style.setProperty(property, vars2[property]);
+    }
+  }
+};
+var getArrowStyle$1 = function getArrowStyle(placement) {
+  if (placement.startsWith("top")) {
+    return {
+      property: "bottom",
+      value: cssVars.arrowOffset.varRef
+    };
+  }
+  if (placement.startsWith("bottom")) {
+    return {
+      property: "top",
+      value: cssVars.arrowOffset.varRef
+    };
+  }
+  if (placement.startsWith("left")) {
+    return {
+      property: "right",
+      value: cssVars.arrowOffset.varRef
+    };
+  }
+  if (placement.startsWith("right")) {
+    return {
+      property: "left",
+      value: cssVars.arrowOffset.varRef
+    };
+  }
+};
+var innerArrow = {
+  name: "innerArrow",
+  enabled: true,
+  phase: "main",
+  requires: ["arrow"],
+  fn: function fn5(_ref6) {
+    var state2 = _ref6.state;
+    setInnerArrowStyles(state2);
+  },
+  effect: function effect4(_ref7) {
+    var state2 = _ref7.state;
+    return function() {
+      setInnerArrowStyles(state2);
+    };
+  }
+};
+var setInnerArrowStyles = function setInnerArrowStyles2(state2) {
+  if (!state2.elements.arrow)
+    return;
+  var inner = state2.elements.arrow.querySelector("[data-popper-arrow-inner]");
+  if (!inner)
+    return;
+  Object.assign(inner.style, {
+    transform: "rotate(45deg)",
+    background: cssVars.arrowBg.varRef,
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "100%",
+    position: "absolute",
+    zIndex: "inherit",
+    boxShadow: getBoxShadow(state2.placement)
+  });
+};
+var logicals = {
+  "start-start": {
+    ltr: "left-start",
+    rtl: "right-start"
+  },
+  "start-end": {
+    ltr: "left-end",
+    rtl: "right-end"
+  },
+  "end-start": {
+    ltr: "right-start",
+    rtl: "left-start"
+  },
+  "end-end": {
+    ltr: "right-end",
+    rtl: "left-end"
+  },
+  start: {
+    ltr: "left",
+    rtl: "right"
+  },
+  end: {
+    ltr: "right",
+    rtl: "left"
+  }
+};
+var opposites = {
+  "auto-start": "auto-end",
+  "auto-end": "auto-start",
+  "top-start": "top-end",
+  "top-end": "top-start",
+  "bottom-start": "bottom-end",
+  "bottom-end": "bottom-start"
+};
+function getPopperPlacement(placement, dir) {
+  var _logicals$placement, _opposites$placement;
+  if (dir === void 0) {
+    dir = "ltr";
+  }
+  var value = ((_logicals$placement = logicals[placement]) == null ? void 0 : _logicals$placement[dir]) || placement;
+  if (dir === "ltr")
+    return value;
+  return (_opposites$placement = opposites[placement]) != null ? _opposites$placement : value;
+}
+var _excluded$4 = ["size", "shadowColor", "bg", "style"];
+function usePopper(props) {
+  if (props === void 0) {
+    props = {};
+  }
+  var _props = props, _props$enabled = _props.enabled, enabled = _props$enabled === void 0 ? true : _props$enabled, modifiers = _props.modifiers, _props$placement = _props.placement, placementProp = _props$placement === void 0 ? "bottom" : _props$placement, _props$strategy = _props.strategy, strategy = _props$strategy === void 0 ? "absolute" : _props$strategy, _props$arrowPadding = _props.arrowPadding, arrowPadding = _props$arrowPadding === void 0 ? 8 : _props$arrowPadding, _props$eventListeners = _props.eventListeners, eventListeners2 = _props$eventListeners === void 0 ? true : _props$eventListeners, offset2 = _props.offset, _props$gutter = _props.gutter, gutter = _props$gutter === void 0 ? 8 : _props$gutter, _props$flip = _props.flip, flip2 = _props$flip === void 0 ? true : _props$flip, _props$boundary = _props.boundary, boundary = _props$boundary === void 0 ? "clippingParents" : _props$boundary, _props$preventOverflo = _props.preventOverflow, preventOverflow2 = _props$preventOverflo === void 0 ? true : _props$preventOverflo, matchWidth$1 = _props.matchWidth, _props$direction = _props.direction, direction2 = _props$direction === void 0 ? "ltr" : _props$direction;
+  var reference2 = useRef(null);
+  var popper2 = useRef(null);
+  var instance = useRef(null);
+  var placement = getPopperPlacement(placementProp, direction2);
+  var cleanup = useRef(function() {
+  });
+  var setupPopper = useCallback(function() {
+    if (!enabled || !reference2.current || !popper2.current)
+      return;
+    cleanup.current == null ? void 0 : cleanup.current();
+    instance.current = createPopper(reference2.current, popper2.current, {
+      placement,
+      modifiers: [innerArrow, positionArrow, transformOrigin, _extends$3({}, matchWidth, {
+        enabled: !!matchWidth$1
+      }), _extends$3({
+        name: "eventListeners"
+      }, getEventListenerOptions(eventListeners2)), {
+        name: "arrow",
+        options: {
+          padding: arrowPadding
+        }
+      }, {
+        name: "offset",
+        options: {
+          offset: offset2 != null ? offset2 : [0, gutter]
+        }
+      }, {
+        name: "flip",
+        enabled: !!flip2,
+        options: {
+          padding: 8
+        }
+      }, {
+        name: "preventOverflow",
+        enabled: !!preventOverflow2,
+        options: {
+          boundary
+        }
+      }].concat(modifiers != null ? modifiers : []),
+      strategy
+    });
+    instance.current.forceUpdate();
+    cleanup.current = instance.current.destroy;
+  }, [placement, enabled, modifiers, matchWidth$1, eventListeners2, arrowPadding, offset2, gutter, flip2, preventOverflow2, boundary, strategy]);
+  useEffect(function() {
+    return function() {
+      if (!reference2.current && !popper2.current) {
+        var _instance$current;
+        (_instance$current = instance.current) == null ? void 0 : _instance$current.destroy();
+        instance.current = null;
+      }
+    };
+  }, []);
+  var referenceRef = useCallback(function(node2) {
+    reference2.current = node2;
+    setupPopper();
+  }, [setupPopper]);
+  var getReferenceProps = useCallback(function(props2, ref) {
+    if (props2 === void 0) {
+      props2 = {};
+    }
+    if (ref === void 0) {
+      ref = null;
+    }
+    return _extends$3({}, props2, {
+      ref: mergeRefs(referenceRef, ref)
+    });
+  }, [referenceRef]);
+  var popperRef = useCallback(function(node2) {
+    popper2.current = node2;
+    setupPopper();
+  }, [setupPopper]);
+  var getPopperProps = useCallback(function(props2, ref) {
+    if (props2 === void 0) {
+      props2 = {};
+    }
+    if (ref === void 0) {
+      ref = null;
+    }
+    return _extends$3({}, props2, {
+      ref: mergeRefs(popperRef, ref),
+      style: _extends$3({}, props2.style, {
+        position: strategy,
+        minWidth: "max-content",
+        inset: "0 auto auto 0"
+      })
+    });
+  }, [strategy, popperRef]);
+  var getArrowProps = useCallback(function(props2, ref) {
+    if (props2 === void 0) {
+      props2 = {};
+    }
+    if (ref === void 0) {
+      ref = null;
+    }
+    var _props2 = props2;
+    _props2.size;
+    _props2.shadowColor;
+    _props2.bg;
+    _props2.style;
+    var rest = _objectWithoutPropertiesLoose$4(_props2, _excluded$4);
+    return _extends$3({}, rest, {
+      ref,
+      "data-popper-arrow": "",
+      style: getArrowStyle2(props2)
+    });
+  }, []);
+  var getArrowInnerProps = useCallback(function(props2, ref) {
+    if (props2 === void 0) {
+      props2 = {};
+    }
+    if (ref === void 0) {
+      ref = null;
+    }
+    return _extends$3({}, props2, {
+      ref,
+      "data-popper-arrow-inner": ""
+    });
+  }, []);
+  return {
+    update: function update() {
+      var _instance$current2;
+      (_instance$current2 = instance.current) == null ? void 0 : _instance$current2.update();
+    },
+    forceUpdate: function forceUpdate() {
+      var _instance$current3;
+      (_instance$current3 = instance.current) == null ? void 0 : _instance$current3.forceUpdate();
+    },
+    transformOrigin: cssVars.transformOrigin.varRef,
+    referenceRef,
+    popperRef,
+    getPopperProps,
+    getArrowProps,
+    getArrowInnerProps,
+    getReferenceProps
+  };
+}
+function getArrowStyle2(props) {
+  var size2 = props.size, shadowColor = props.shadowColor, bg2 = props.bg, style = props.style;
+  var computedStyle = _extends$3({}, style, {
+    position: "absolute"
+  });
+  if (size2) {
+    computedStyle["--popper-arrow-size"] = size2;
+  }
+  if (shadowColor) {
+    computedStyle["--popper-arrow-shadow-color"] = shadowColor;
+  }
+  if (bg2) {
+    computedStyle["--popper-arrow-bg"] = bg2;
+  }
+  return computedStyle;
+}
+function _objectWithoutPropertiesLoose$3(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+var propTypes = { exports: {} };
+var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
+var ReactPropTypesSecret = ReactPropTypesSecret_1;
+function emptyFunction() {
+}
+function emptyFunctionWithReset() {
+}
+emptyFunctionWithReset.resetWarningCache = emptyFunction;
+var factoryWithThrowingShims = function() {
+  function shim(props, propName, componentName, location, propFullName, secret) {
+    if (secret === ReactPropTypesSecret) {
+      return;
+    }
+    var err = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
+    err.name = "Invariant Violation";
+    throw err;
+  }
+  shim.isRequired = shim;
+  function getShim() {
+    return shim;
+  }
+  var ReactPropTypes = {
+    array: shim,
+    bool: shim,
+    func: shim,
+    number: shim,
+    object: shim,
+    string: shim,
+    symbol: shim,
+    any: shim,
+    arrayOf: getShim,
+    element: shim,
+    elementType: shim,
+    instanceOf: getShim,
+    node: shim,
+    objectOf: getShim,
+    oneOf: getShim,
+    oneOfType: getShim,
+    shape: getShim,
+    exact: getShim,
+    checkPropTypes: emptyFunctionWithReset,
+    resetWarningCache: emptyFunction
+  };
+  ReactPropTypes.PropTypes = ReactPropTypes;
+  return ReactPropTypes;
+};
+{
+  propTypes.exports = factoryWithThrowingShims();
+}
+var PropTypes = propTypes.exports;
+var FOCUS_GROUP = "data-focus-lock";
+var FOCUS_DISABLED = "data-focus-lock-disabled";
+var FOCUS_ALLOW = "data-no-focus-lock";
+var FOCUS_AUTO = "data-autofocus-inside";
+function assignRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+  return ref;
+}
+function useCallbackRef(initialValue, callback) {
+  var ref = useState(function() {
+    return {
+      value: initialValue,
+      callback,
+      facade: {
+        get current() {
+          return ref.value;
+        },
+        set current(value) {
+          var last = ref.value;
+          if (last !== value) {
+            ref.value = value;
+            ref.callback(value, last);
+          }
+        }
+      }
+    };
+  })[0];
+  ref.callback = callback;
+  return ref.facade;
+}
+function useMergeRefs(refs, defaultValue) {
+  return useCallbackRef(defaultValue, function(newValue) {
+    return refs.forEach(function(ref) {
+      return assignRef(ref, newValue);
+    });
+  });
+}
+var hiddenGuard = {
+  width: "1px",
+  height: "0px",
+  padding: 0,
+  overflow: "hidden",
+  position: "fixed",
+  top: "1px",
+  left: "1px"
+};
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 var __assign$3 = function() {
@@ -24174,7 +25856,7 @@ var FocusLock$2 = /* @__PURE__ */ React.forwardRef(function FocusLockUI(props, p
       setObserved(newObserved);
     }
   }, []);
-  var lockProps = _extends$f((_extends2 = {}, _extends2[FOCUS_DISABLED] = disabled2 && "disabled", _extends2[FOCUS_GROUP] = group, _extends2), containerProps);
+  var lockProps = _extends$h((_extends2 = {}, _extends2[FOCUS_DISABLED] = disabled2 && "disabled", _extends2[FOCUS_GROUP] = group, _extends2), containerProps);
   var hasLeadingGuards = noFocusGuards !== true;
   var hasTailingGuards = hasLeadingGuards && noFocusGuards !== "tail";
   var mergedRef = useMergeRefs([parentRef, setObserveNode]);
@@ -24204,7 +25886,7 @@ var FocusLock$2 = /* @__PURE__ */ React.forwardRef(function FocusLockUI(props, p
     onActivation,
     onDeactivation,
     returnFocus
-  }), /* @__PURE__ */ React.createElement(Container3, _extends$f({
+  }), /* @__PURE__ */ React.createElement(Container3, _extends$h({
     ref: mergedRef
   }, lockProps, {
     className,
@@ -24741,7 +26423,7 @@ var recordPortal = function recordPortal2(observerNode, portaledElement) {
 var focusIsPortaledPair = function focusIsPortaledPair2(element) {
   return lastPortaledElement && lastPortaledElement.portaledElement === element;
 };
-function autoGuard(startIndex, end, step, allNodes) {
+function autoGuard(startIndex, end2, step, allNodes) {
   var lastGuard = null;
   var i = startIndex;
   do {
@@ -24758,7 +26440,7 @@ function autoGuard(startIndex, end, step, allNodes) {
     } else {
       break;
     }
-  } while ((i += step) !== end);
+  } while ((i += step) !== end2);
   if (lastGuard) {
     lastGuard.node.tabIndex = 0;
   }
@@ -24900,14 +26582,14 @@ mediumEffect.assignMedium(function(cb2) {
 });
 var FocusTrap = withSideEffect(reducePropsToState, handleStateChangeOnClient)(FocusWatcher);
 var FocusLockCombination = /* @__PURE__ */ React.forwardRef(function FocusLockUICombination(props, ref) {
-  return /* @__PURE__ */ React.createElement(FocusLockUI2, _extends$f({
+  return /* @__PURE__ */ React.createElement(FocusLockUI2, _extends$h({
     sideCar: FocusTrap,
     ref
   }, props));
 });
 var _ref = FocusLockUI2.propTypes || {};
 _ref.sideCar;
-_objectWithoutPropertiesLoose$2(_ref, ["sideCar"]);
+_objectWithoutPropertiesLoose$3(_ref, ["sideCar"]);
 FocusLockCombination.propTypes = {};
 var FocusLock$1 = FocusLockCombination;
 var FocusLock = function FocusLock2(props) {
@@ -25091,13 +26773,13 @@ var parse = function(x2) {
 };
 var getOffset = function(gapMode) {
   var cs = window.getComputedStyle(document.body);
-  var left = cs[gapMode === "padding" ? "paddingLeft" : "marginLeft"];
-  var top = cs[gapMode === "padding" ? "paddingTop" : "marginTop"];
-  var right = cs[gapMode === "padding" ? "paddingRight" : "marginRight"];
+  var left2 = cs[gapMode === "padding" ? "paddingLeft" : "marginLeft"];
+  var top2 = cs[gapMode === "padding" ? "paddingTop" : "marginTop"];
+  var right2 = cs[gapMode === "padding" ? "paddingRight" : "marginRight"];
   return [
-    parse(left),
-    parse(top),
-    parse(right)
+    parse(left2),
+    parse(top2),
+    parse(right2)
   ];
 };
 var getGapWidth = function(gapMode) {
@@ -25119,13 +26801,13 @@ var getGapWidth = function(gapMode) {
 };
 var Style = styleSingleton();
 var getStyles = function(_a, allowRelative, gapMode, important) {
-  var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;
+  var left2 = _a.left, top2 = _a.top, right2 = _a.right, gap = _a.gap;
   if (gapMode === void 0) {
     gapMode = "margin";
   }
   return "\n  ." + noScrollbarsClassName + " {\n   overflow: hidden " + important + ";\n   padding-right: " + gap + "px " + important + ";\n  }\n  body {\n    overflow: hidden " + important + ";\n    " + [
     allowRelative && "position: relative " + important + ";",
-    gapMode === "margin" && "\n    padding-left: " + left + "px;\n    padding-top: " + top + "px;\n    padding-right: " + right + "px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: " + gap + "px " + important + ";\n    ",
+    gapMode === "margin" && "\n    padding-left: " + left2 + "px;\n    padding-top: " + top2 + "px;\n    padding-right: " + right2 + "px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: " + gap + "px " + important + ";\n    ",
     gapMode === "padding" && "padding-right: " + gap + "px " + important + ";"
   ].filter(Boolean).join("") + "\n  }\n  \n  ." + zeroRightClassName + " {\n    right: " + gap + "px " + important + ";\n  }\n  \n  ." + fullWidthClassName + " {\n    margin-right: " + gap + "px " + important + ";\n  }\n  \n  ." + zeroRightClassName + " ." + zeroRightClassName + " {\n    right: 0 " + important + ";\n  }\n  \n  ." + fullWidthClassName + " ." + fullWidthClassName + " {\n    margin-right: 0 " + important + ";\n  }\n  \n  body {\n    " + removedBarSizeVariable + ": " + gap + "px;\n  }\n";
 };
@@ -25453,7 +27135,7 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
     }
   };
 };
-function _objectWithoutPropertiesLoose$1(source, excluded) {
+function _objectWithoutPropertiesLoose$2(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -25467,8 +27149,8 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
   }
   return target;
 }
-function _extends$1() {
-  _extends$1 = Object.assign || function(target) {
+function _extends$2() {
+  _extends$2 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -25479,23 +27161,23 @@ function _extends$1() {
     }
     return target;
   };
-  return _extends$1.apply(this, arguments);
+  return _extends$2.apply(this, arguments);
 }
 var _excluded$3 = ["preset"];
 var transitions = {
-  slideInBottom: _extends$1({}, slideFadeConfig, {
+  slideInBottom: _extends$2({}, slideFadeConfig, {
     custom: {
       offsetY: 16,
       reverse: true
     }
   }),
-  slideInRight: _extends$1({}, slideFadeConfig, {
+  slideInRight: _extends$2({}, slideFadeConfig, {
     custom: {
       offsetX: 16,
       reverse: true
     }
   }),
-  scale: _extends$1({}, scaleFadeConfig, {
+  scale: _extends$2({}, scaleFadeConfig, {
     custom: {
       initialScale: 0.95,
       reverse: true
@@ -25505,9 +27187,9 @@ var transitions = {
 };
 var Motion = chakra(motion.section);
 var ModalTransition = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  var preset = props.preset, rest = _objectWithoutPropertiesLoose$1(props, _excluded$3);
+  var preset = props.preset, rest = _objectWithoutPropertiesLoose$2(props, _excluded$3);
   var motionProps = transitions[preset];
-  return /* @__PURE__ */ React.createElement(Motion, _extends$1({
+  return /* @__PURE__ */ React.createElement(Motion, _extends$2({
     ref
   }, motionProps, rest));
 });
@@ -25571,7 +27253,7 @@ function useModal(props) {
     if (ref === void 0) {
       ref = null;
     }
-    return _extends$1({
+    return _extends$2({
       role: "dialog"
     }, props2, {
       ref: mergeRefs(ref, dialogRef),
@@ -25603,7 +27285,7 @@ function useModal(props) {
     if (ref === void 0) {
       ref = null;
     }
-    return _extends$1({}, props2, {
+    return _extends$2({}, props2, {
       ref: mergeRefs(ref, overlayRef),
       onClick: callAllHandlers(props2.onClick, onOverlayClick),
       onKeyDown: callAllHandlers(props2.onKeyDown, onKeyDown),
@@ -25641,7 +27323,7 @@ var Modal = function Modal2(props) {
   var portalProps = props.portalProps, children = props.children, autoFocus = props.autoFocus, trapFocus = props.trapFocus, initialFocusRef = props.initialFocusRef, finalFocusRef = props.finalFocusRef, returnFocusOnClose = props.returnFocusOnClose, blockScrollOnMount = props.blockScrollOnMount, allowPinchZoom = props.allowPinchZoom, preserveScrollBarGap = props.preserveScrollBarGap, motionPreset = props.motionPreset, lockFocusAcrossFrames = props.lockFocusAcrossFrames, onCloseComplete = props.onCloseComplete;
   var styles2 = useMultiStyleConfig("Modal", props);
   var modal2 = useModal(props);
-  var context = _extends$1({}, modal2, {
+  var context = _extends$2({}, modal2, {
     autoFocus,
     trapFocus,
     initialFocusRef,
@@ -25673,20 +27355,20 @@ Modal.defaultProps = {
 };
 var MotionDiv = chakra(motion.div);
 var ModalContent = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var className = props.className, children = props.children, rootProps = props.containerProps, rest = _objectWithoutPropertiesLoose$1(props, _excluded$2);
+  var className = props.className, children = props.children, rootProps = props.containerProps, rest = _objectWithoutPropertiesLoose$2(props, _excluded$2);
   var _useModalContext = useModalContext(), getDialogProps = _useModalContext.getDialogProps, getDialogContainerProps = _useModalContext.getDialogContainerProps;
   var dialogProps = getDialogProps(rest, ref);
   var containerProps = getDialogContainerProps(rootProps);
   var _className = cx("chakra-modal__content", className);
   var styles2 = useStyles$1();
-  var dialogStyles = _extends$1({
+  var dialogStyles = _extends$2({
     display: "flex",
     flexDirection: "column",
     position: "relative",
     width: "100%",
     outline: 0
   }, styles2.dialog);
-  var dialogContainerStyles = _extends$1({
+  var dialogContainerStyles = _extends$2({
     display: "flex",
     width: "100vw",
     height: "100vh",
@@ -25698,11 +27380,11 @@ var ModalContent = /* @__PURE__ */ forwardRef(function(props, ref) {
     top: 0
   }, styles2.dialogContainer);
   var _useModalContext2 = useModalContext(), motionPreset = _useModalContext2.motionPreset;
-  return /* @__PURE__ */ React.createElement(ModalFocusScope, null, /* @__PURE__ */ React.createElement(chakra.div, _extends$1({}, containerProps, {
+  return /* @__PURE__ */ React.createElement(ModalFocusScope, null, /* @__PURE__ */ React.createElement(chakra.div, _extends$2({}, containerProps, {
     className: "chakra-modal__content-container",
     tabIndex: -1,
     __css: dialogContainerStyles
-  }), /* @__PURE__ */ React.createElement(ModalTransition, _extends$1({
+  }), /* @__PURE__ */ React.createElement(ModalTransition, _extends$2({
     preset: motionPreset,
     className: _className
   }, dialogProps, {
@@ -25735,10 +27417,10 @@ function ModalFocusScope(props) {
 var ModalOverlay = /* @__PURE__ */ forwardRef(function(props, ref) {
   var className = props.className;
   props.transition;
-  var rest = _objectWithoutPropertiesLoose$1(props, _excluded2$1$1);
+  var rest = _objectWithoutPropertiesLoose$2(props, _excluded2$1$1);
   var _className = cx("chakra-modal__overlay", className);
   var styles2 = useStyles$1();
-  var overlayStyle = _extends$1({
+  var overlayStyle = _extends$2({
     pos: "fixed",
     left: "0",
     top: "0",
@@ -25747,14 +27429,14 @@ var ModalOverlay = /* @__PURE__ */ forwardRef(function(props, ref) {
   }, styles2.overlay);
   var _useModalContext4 = useModalContext(), motionPreset = _useModalContext4.motionPreset;
   var motionProps = motionPreset === "none" ? {} : fadeConfig;
-  return /* @__PURE__ */ React.createElement(MotionDiv, _extends$1({}, motionProps, {
+  return /* @__PURE__ */ React.createElement(MotionDiv, _extends$2({}, motionProps, {
     __css: overlayStyle,
     ref,
     className: _className
   }, rest));
 });
 var ModalHeader = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var className = props.className, rest = _objectWithoutPropertiesLoose$1(props, _excluded3);
+  var className = props.className, rest = _objectWithoutPropertiesLoose$2(props, _excluded3);
   var _useModalContext5 = useModalContext(), headerId = _useModalContext5.headerId, setHeaderMounted = _useModalContext5.setHeaderMounted;
   React.useEffect(function() {
     setHeaderMounted(true);
@@ -25764,10 +27446,10 @@ var ModalHeader = /* @__PURE__ */ forwardRef(function(props, ref) {
   }, [setHeaderMounted]);
   var _className = cx("chakra-modal__header", className);
   var styles2 = useStyles$1();
-  var headerStyles = _extends$1({
+  var headerStyles = _extends$2({
     flex: 0
   }, styles2.header);
-  return /* @__PURE__ */ React.createElement(chakra.header, _extends$1({
+  return /* @__PURE__ */ React.createElement(chakra.header, _extends$2({
     ref,
     className: _className,
     id: headerId
@@ -25776,7 +27458,7 @@ var ModalHeader = /* @__PURE__ */ forwardRef(function(props, ref) {
   }));
 });
 var ModalBody = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var className = props.className, rest = _objectWithoutPropertiesLoose$1(props, _excluded4);
+  var className = props.className, rest = _objectWithoutPropertiesLoose$2(props, _excluded4);
   var _useModalContext6 = useModalContext(), bodyId = _useModalContext6.bodyId, setBodyMounted = _useModalContext6.setBodyMounted;
   React.useEffect(function() {
     setBodyMounted(true);
@@ -25786,7 +27468,7 @@ var ModalBody = /* @__PURE__ */ forwardRef(function(props, ref) {
   }, [setBodyMounted]);
   var _className = cx("chakra-modal__body", className);
   var styles2 = useStyles$1();
-  return /* @__PURE__ */ React.createElement(chakra.div, _extends$1({
+  return /* @__PURE__ */ React.createElement(chakra.div, _extends$2({
     ref,
     className: _className,
     id: bodyId
@@ -25795,15 +27477,15 @@ var ModalBody = /* @__PURE__ */ forwardRef(function(props, ref) {
   }));
 });
 var ModalFooter = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var className = props.className, rest = _objectWithoutPropertiesLoose$1(props, _excluded5);
+  var className = props.className, rest = _objectWithoutPropertiesLoose$2(props, _excluded5);
   var _className = cx("chakra-modal__footer", className);
   var styles2 = useStyles$1();
-  var footerStyles = _extends$1({
+  var footerStyles = _extends$2({
     display: "flex",
     alignItems: "center",
     justifyContent: "flex-end"
   }, styles2.footer);
-  return /* @__PURE__ */ React.createElement(chakra.footer, _extends$1({
+  return /* @__PURE__ */ React.createElement(chakra.footer, _extends$2({
     ref
   }, rest, {
     __css: footerStyles,
@@ -25811,11 +27493,11 @@ var ModalFooter = /* @__PURE__ */ forwardRef(function(props, ref) {
   }));
 });
 var ModalCloseButton = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var onClick = props.onClick, className = props.className, rest = _objectWithoutPropertiesLoose$1(props, _excluded6);
+  var onClick = props.onClick, className = props.className, rest = _objectWithoutPropertiesLoose$2(props, _excluded6);
   var _useModalContext7 = useModalContext(), onClose = _useModalContext7.onClose;
   var _className = cx("chakra-modal__close-btn", className);
   var styles2 = useStyles$1();
-  return /* @__PURE__ */ React.createElement(CloseButton, _extends$1({
+  return /* @__PURE__ */ React.createElement(CloseButton, _extends$2({
     ref,
     __css: styles2.closeButton,
     className: _className,
@@ -25827,7 +27509,7 @@ var ModalCloseButton = /* @__PURE__ */ forwardRef(function(props, ref) {
 });
 createContext();
 chakra(Slide);
-function _objectWithoutPropertiesLoose(source, excluded) {
+function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -25841,8 +27523,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   }
   return target;
 }
-function _extends() {
-  _extends = Object.assign || function(target) {
+function _extends$1() {
+  _extends$1 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -25853,7 +27535,7 @@ function _extends() {
     }
     return target;
   };
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 var spin = keyframes$2({
   "0%": {
@@ -25894,8 +27576,8 @@ keyframes$2({
   }
 });
 function getProgressProps(options) {
-  var _options$value = options.value, value = _options$value === void 0 ? 0 : _options$value, min = options.min, max = options.max, valueText = options.valueText, getValueText = options.getValueText, isIndeterminate = options.isIndeterminate;
-  var percent2 = valueToPercent(value, min, max);
+  var _options$value = options.value, value = _options$value === void 0 ? 0 : _options$value, min2 = options.min, max2 = options.max, valueText = options.valueText, getValueText = options.getValueText, isIndeterminate = options.isIndeterminate;
+  var percent2 = valueToPercent(value, min2, max2);
   var getAriaValueText = function getAriaValueText2() {
     if (value == null)
       return void 0;
@@ -25904,8 +27586,8 @@ function getProgressProps(options) {
   return {
     bind: {
       "data-indeterminate": isIndeterminate ? "" : void 0,
-      "aria-valuemax": max,
-      "aria-valuemin": min,
+      "aria-valuemax": max2,
+      "aria-valuemin": min2,
       "aria-valuenow": isIndeterminate ? void 0 : value,
       "aria-valuetext": getAriaValueText(),
       role: "progressbar"
@@ -25914,9 +27596,9 @@ function getProgressProps(options) {
     value
   };
 }
-var _excluded$1 = ["size", "isIndeterminate"], _excluded2$1 = ["size", "max", "min", "valueText", "getValueText", "value", "capIsRound", "children", "thickness", "color", "trackColor", "isIndeterminate"];
+var _excluded$1$1 = ["size", "isIndeterminate"], _excluded2$1 = ["size", "max", "min", "valueText", "getValueText", "value", "capIsRound", "children", "thickness", "color", "trackColor", "isIndeterminate"];
 var Circle = function Circle2(props) {
-  return /* @__PURE__ */ React.createElement(chakra.circle, _extends({
+  return /* @__PURE__ */ React.createElement(chakra.circle, _extends$1({
     cx: 50,
     cy: 50,
     r: 42,
@@ -25924,8 +27606,8 @@ var Circle = function Circle2(props) {
   }, props));
 };
 var Shape = function Shape2(props) {
-  var size2 = props.size, isIndeterminate = props.isIndeterminate, rest = _objectWithoutPropertiesLoose(props, _excluded$1);
-  return /* @__PURE__ */ React.createElement(chakra.svg, _extends({
+  var size2 = props.size, isIndeterminate = props.isIndeterminate, rest = _objectWithoutPropertiesLoose$1(props, _excluded$1$1);
+  return /* @__PURE__ */ React.createElement(chakra.svg, _extends$1({
     viewBox: "0 0 100 100",
     __css: {
       width: size2,
@@ -25936,10 +27618,10 @@ var Shape = function Shape2(props) {
 };
 var CircularProgress = function CircularProgress2(props) {
   var _progress$percent;
-  var _props$size = props.size, size2 = _props$size === void 0 ? "48px" : _props$size, _props$max = props.max, max = _props$max === void 0 ? 100 : _props$max, _props$min = props.min, min = _props$min === void 0 ? 0 : _props$min, valueText = props.valueText, getValueText = props.getValueText, value = props.value, capIsRound = props.capIsRound, children = props.children, _props$thickness = props.thickness, thickness = _props$thickness === void 0 ? "10px" : _props$thickness, _props$color = props.color, color2 = _props$color === void 0 ? "#0078d4" : _props$color, _props$trackColor = props.trackColor, trackColor = _props$trackColor === void 0 ? "#edebe9" : _props$trackColor, isIndeterminate = props.isIndeterminate, rest = _objectWithoutPropertiesLoose(props, _excluded2$1);
+  var _props$size = props.size, size2 = _props$size === void 0 ? "48px" : _props$size, _props$max = props.max, max2 = _props$max === void 0 ? 100 : _props$max, _props$min = props.min, min2 = _props$min === void 0 ? 0 : _props$min, valueText = props.valueText, getValueText = props.getValueText, value = props.value, capIsRound = props.capIsRound, children = props.children, _props$thickness = props.thickness, thickness = _props$thickness === void 0 ? "10px" : _props$thickness, _props$color = props.color, color2 = _props$color === void 0 ? "#0078d4" : _props$color, _props$trackColor = props.trackColor, trackColor = _props$trackColor === void 0 ? "#edebe9" : _props$trackColor, isIndeterminate = props.isIndeterminate, rest = _objectWithoutPropertiesLoose$1(props, _excluded2$1);
   var progress2 = getProgressProps({
-    min,
-    max,
+    min: min2,
+    max: max2,
     value,
     valueText,
     getValueText,
@@ -25964,7 +27646,7 @@ var CircularProgress = function CircularProgress2(props) {
     verticalAlign: "middle",
     fontSize: size2
   };
-  return /* @__PURE__ */ React.createElement(chakra.div, _extends({
+  return /* @__PURE__ */ React.createElement(chakra.div, _extends$1({
     className: "chakra-progress"
   }, progress2.bind, rest, {
     __css: rootStyles
@@ -25975,7 +27657,7 @@ var CircularProgress = function CircularProgress2(props) {
     stroke: trackColor,
     strokeWidth: thickness,
     className: "chakra-progress__track"
-  }), /* @__PURE__ */ React.createElement(Circle, _extends({
+  }), /* @__PURE__ */ React.createElement(Circle, _extends$1({
     stroke: color2,
     strokeWidth: thickness,
     className: "chakra-progress__indicator",
@@ -25994,6 +27676,241 @@ chakra("div", {
     transform: "translate(-50%, -50%)"
   }
 });
+function _extends() {
+  _extends = Object.assign || function(target) {
+    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];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+var scale = {
+  exit: {
+    scale: 0.85,
+    opacity: 0,
+    transition: {
+      opacity: {
+        duration: 0.15,
+        easings: "easeInOut"
+      },
+      scale: {
+        duration: 0.2,
+        easings: "easeInOut"
+      }
+    }
+  },
+  enter: {
+    scale: 1,
+    opacity: 1,
+    transition: {
+      opacity: {
+        easings: "easeOut",
+        duration: 0.2
+      },
+      scale: {
+        duration: 0.2,
+        ease: [0.175, 0.885, 0.4, 1.1]
+      }
+    }
+  }
+};
+var _excluded$1 = ["openDelay", "closeDelay", "closeOnClick", "closeOnMouseDown", "closeOnEsc", "onOpen", "onClose", "placement", "id", "isOpen", "defaultIsOpen", "arrowSize", "arrowShadowColor", "arrowPadding", "modifiers", "isDisabled", "gutter", "offset", "direction"];
+function useTooltip(props) {
+  if (props === void 0) {
+    props = {};
+  }
+  var _props = props, _props$openDelay = _props.openDelay, openDelay = _props$openDelay === void 0 ? 0 : _props$openDelay, _props$closeDelay = _props.closeDelay, closeDelay = _props$closeDelay === void 0 ? 0 : _props$closeDelay, _props$closeOnClick = _props.closeOnClick, closeOnClick = _props$closeOnClick === void 0 ? true : _props$closeOnClick, closeOnMouseDown = _props.closeOnMouseDown, _props$closeOnEsc = _props.closeOnEsc, closeOnEsc = _props$closeOnEsc === void 0 ? true : _props$closeOnEsc, onOpenProp = _props.onOpen, onCloseProp = _props.onClose, placement = _props.placement, id2 = _props.id, isOpenProp = _props.isOpen, defaultIsOpen = _props.defaultIsOpen, _props$arrowSize = _props.arrowSize, arrowSize = _props$arrowSize === void 0 ? 10 : _props$arrowSize, arrowShadowColor = _props.arrowShadowColor, arrowPadding = _props.arrowPadding, modifiers = _props.modifiers, isDisabled2 = _props.isDisabled, gutter = _props.gutter, offset2 = _props.offset, direction2 = _props.direction, htmlProps = _objectWithoutPropertiesLoose(_props, _excluded$1);
+  var _useDisclosure = useDisclosure({
+    isOpen: isOpenProp,
+    defaultIsOpen,
+    onOpen: onOpenProp,
+    onClose: onCloseProp
+  }), isOpen = _useDisclosure.isOpen, onOpen = _useDisclosure.onOpen, onClose = _useDisclosure.onClose;
+  var _usePopper = usePopper({
+    enabled: isOpen,
+    placement,
+    arrowPadding,
+    modifiers,
+    gutter,
+    offset: offset2,
+    direction: direction2
+  }), referenceRef = _usePopper.referenceRef, getPopperProps = _usePopper.getPopperProps, getArrowInnerProps = _usePopper.getArrowInnerProps, getArrowProps = _usePopper.getArrowProps;
+  var tooltipId = useId$1(id2, "tooltip");
+  var ref = React.useRef(null);
+  var enterTimeout = React.useRef();
+  var exitTimeout = React.useRef();
+  var openWithDelay = React.useCallback(function() {
+    if (!isDisabled2) {
+      enterTimeout.current = window.setTimeout(onOpen, openDelay);
+    }
+  }, [isDisabled2, onOpen, openDelay]);
+  var closeWithDelay = React.useCallback(function() {
+    if (enterTimeout.current) {
+      clearTimeout(enterTimeout.current);
+    }
+    exitTimeout.current = window.setTimeout(onClose, closeDelay);
+  }, [closeDelay, onClose]);
+  var onClick = React.useCallback(function() {
+    if (closeOnClick) {
+      closeWithDelay();
+    }
+  }, [closeOnClick, closeWithDelay]);
+  var onMouseDown = React.useCallback(function() {
+    if (closeOnMouseDown) {
+      closeWithDelay();
+    }
+  }, [closeOnMouseDown, closeWithDelay]);
+  var onKeyDown = React.useCallback(function(event) {
+    if (isOpen && event.key === "Escape") {
+      closeWithDelay();
+    }
+  }, [isOpen, closeWithDelay]);
+  useEventListener("keydown", closeOnEsc ? onKeyDown : void 0);
+  React.useEffect(function() {
+    return function() {
+      clearTimeout(enterTimeout.current);
+      clearTimeout(exitTimeout.current);
+    };
+  }, []);
+  useEventListener("mouseleave", closeWithDelay, function() {
+    return ref.current;
+  });
+  var getTriggerProps = React.useCallback(function(props2, _ref2) {
+    if (props2 === void 0) {
+      props2 = {};
+    }
+    if (_ref2 === void 0) {
+      _ref2 = null;
+    }
+    var triggerProps = _extends({}, props2, {
+      ref: mergeRefs(ref, _ref2, referenceRef),
+      onMouseEnter: callAllHandlers(props2.onMouseEnter, openWithDelay),
+      onClick: callAllHandlers(props2.onClick, onClick),
+      onMouseDown: callAllHandlers(props2.onMouseDown, onMouseDown),
+      onFocus: callAllHandlers(props2.onFocus, openWithDelay),
+      onBlur: callAllHandlers(props2.onBlur, closeWithDelay),
+      "aria-describedby": isOpen ? tooltipId : void 0
+    });
+    return triggerProps;
+  }, [openWithDelay, closeWithDelay, onMouseDown, isOpen, tooltipId, onClick, referenceRef]);
+  var getTooltipPositionerProps = React.useCallback(function(props2, forwardedRef) {
+    var _extends2;
+    if (props2 === void 0) {
+      props2 = {};
+    }
+    if (forwardedRef === void 0) {
+      forwardedRef = null;
+    }
+    return getPopperProps(_extends({}, props2, {
+      style: _extends({}, props2.style, (_extends2 = {}, _extends2[cssVars.arrowSize["var"]] = arrowSize ? px$1(arrowSize) : void 0, _extends2[cssVars.arrowShadowColor["var"]] = arrowShadowColor, _extends2))
+    }), forwardedRef);
+  }, [getPopperProps, arrowSize, arrowShadowColor]);
+  var getTooltipProps = React.useCallback(function(props2, _ref2) {
+    if (props2 === void 0) {
+      props2 = {};
+    }
+    if (_ref2 === void 0) {
+      _ref2 = null;
+    }
+    var tooltipProps = _extends({
+      ref: _ref2
+    }, htmlProps, props2, {
+      id: tooltipId,
+      role: "tooltip",
+      style: _extends({}, props2.style, {
+        position: "relative",
+        transformOrigin: cssVars.transformOrigin.varRef
+      })
+    });
+    return tooltipProps;
+  }, [htmlProps, tooltipId]);
+  return {
+    isOpen,
+    show: openWithDelay,
+    hide: closeWithDelay,
+    getTriggerProps,
+    getTooltipProps,
+    getTooltipPositionerProps,
+    getArrowProps,
+    getArrowInnerProps
+  };
+}
+var _excluded = ["children", "label", "shouldWrapChildren", "aria-label", "hasArrow", "bg", "portalProps", "background", "backgroundColor", "bgColor"];
+var StyledTooltip = chakra(motion.div);
+var Tooltip = /* @__PURE__ */ forwardRef(function(props, ref) {
+  var _ref2, _ref22;
+  var styles2 = useStyleConfig("Tooltip", props);
+  var ownProps = omitThemingProps(props);
+  var theme2 = useTheme();
+  var children = ownProps.children, label = ownProps.label, shouldWrapChildren = ownProps.shouldWrapChildren, ariaLabel = ownProps["aria-label"], hasArrow = ownProps.hasArrow, bg2 = ownProps.bg, portalProps = ownProps.portalProps, background2 = ownProps.background, backgroundColor = ownProps.backgroundColor, bgColor = ownProps.bgColor, rest = _objectWithoutPropertiesLoose(ownProps, _excluded);
+  var userDefinedBg = (_ref2 = (_ref22 = background2 != null ? background2 : backgroundColor) != null ? _ref22 : bg2) != null ? _ref2 : bgColor;
+  if (userDefinedBg) {
+    styles2.bg = userDefinedBg;
+    styles2[cssVars.arrowBg["var"]] = getCSSVar(theme2, "colors", userDefinedBg);
+  }
+  var tooltip2 = useTooltip(_extends({}, rest, {
+    direction: theme2.direction
+  }));
+  var shouldWrap = isString$1(children) || shouldWrapChildren;
+  var trigger;
+  if (shouldWrap) {
+    trigger = /* @__PURE__ */ React.createElement(chakra.span, _extends({
+      tabIndex: 0
+    }, tooltip2.getTriggerProps()), children);
+  } else {
+    var child = React.Children.only(children);
+    trigger = /* @__PURE__ */ React.cloneElement(child, tooltip2.getTriggerProps(child.props, child.ref));
+  }
+  var hasAriaLabel = !!ariaLabel;
+  var _tooltipProps = tooltip2.getTooltipProps({}, ref);
+  var tooltipProps = hasAriaLabel ? omit(_tooltipProps, ["role", "id"]) : _tooltipProps;
+  var hiddenProps = pick(_tooltipProps, ["role", "id"]);
+  if (!label) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, trigger, /* @__PURE__ */ React.createElement(AnimatePresence, null, tooltip2.isOpen && /* @__PURE__ */ React.createElement(Portal, portalProps, /* @__PURE__ */ React.createElement(chakra.div, _extends({}, tooltip2.getTooltipPositionerProps(), {
+    __css: {
+      zIndex: styles2.zIndex,
+      pointerEvents: "none"
+    }
+  }), /* @__PURE__ */ React.createElement(StyledTooltip, _extends({
+    variants: scale
+  }, tooltipProps, {
+    initial: "exit",
+    animate: "enter",
+    exit: "exit",
+    __css: styles2
+  }), label, hasAriaLabel && /* @__PURE__ */ React.createElement(VisuallyHidden, hiddenProps, ariaLabel), hasArrow && /* @__PURE__ */ React.createElement(chakra.div, {
+    "data-popper-arrow": true,
+    className: "chakra-tooltip__arrow-wrapper"
+  }, /* @__PURE__ */ React.createElement(chakra.div, {
+    "data-popper-arrow-inner": true,
+    className: "chakra-tooltip__arrow",
+    __css: {
+      bg: styles2.bg
+    }
+  })))))));
+});
 var ChakraProvider2 = ChakraProvider$1;
 ChakraProvider2.defaultProps = {
   theme: theme$1
@@ -26289,14 +28206,14 @@ var createRipples = function(defaultProps2) {
         ev.stopPropagation();
         var pageX = ev.pageX, pageY = ev.pageY, currentTarget = ev.currentTarget;
         var rect = currentTarget.getBoundingClientRect();
-        var left = pageX - (rect.left + window.scrollX);
-        var top = pageY - (rect.top + window.scrollY);
+        var left2 = pageX - (rect.left + window.scrollX);
+        var top2 = pageY - (rect.top + window.scrollY);
         var size2 = Math.max(rect.width, rect.height);
         _this.setState(function(state2) {
           return {
             rippleStyle: __assign$1({}, state2.rippleStyle, {
-              left,
-              top,
+              left: left2,
+              top: top2,
               opacity: 1,
               transform: "translate(-50%, -50%)",
               transition: "initial",
@@ -27278,6 +29195,39 @@ function BtnLink({
   });
 }
 BtnLink.displayName = "BtnLink";
+const NewTooltip = ({
+  children,
+  className = "tooltip",
+  label,
+  isDisabled: isDisabled2 = false,
+  m: m2,
+  placement = "bottom"
+}) => {
+  return /* @__PURE__ */ jsx(Tooltip, {
+    sx: {
+      bg: vars("colors-neutral-darkCharcoal"),
+      borderRadius: "10px",
+      color: "white !important",
+      fontSize: "12px",
+      fontWeight: "400",
+      maxWidth: "170px",
+      padding: "8px",
+      ".chakra-tooltip__arrow": {
+        bg: `${vars("colors-neutral-darkCharcoal")} !important`
+      }
+    },
+    className,
+    closeOnClick: true,
+    label,
+    m: m2,
+    hasArrow: true,
+    isDisabled: isDisabled2,
+    placement,
+    children: /* @__PURE__ */ jsx("span", {
+      children
+    })
+  });
+};
 const STUDENT = 4;
 function Header() {
   const {
@@ -28460,5 +30410,5 @@ function CourseList({
   });
 }
 CourseList.displayName = "CourseList";
-export { Btn, BtnLink, BtnPrimary, BtnSecondary, BtnTertiary, CourseList, CourseStatus, index as Icons, Label, Progress, Ripples, TinyAlert, dataFake, maxWidthCoursesList, theme, vars };
+export { Btn, BtnLink, BtnPrimary, BtnSecondary, BtnTertiary, CourseList, CourseStatus, index as Icons, Label, NewTooltip, Progress, Ripples, TinyAlert, dataFake, maxWidthCoursesList, theme, vars };
 //# sourceMappingURL=eclass-ui-kit.es.js.map