@choc-ui/chakra-autocomplete 5.2.9 → 5.2.10

package/dist/index.es.js

@@ -12,7 +12,7 @@ function cn(e) {
 var gt = { exports: {} }, wr = {};
 /**
  * @license React
- * react-jsx-runtime.production.min.js
+ * react-jsx-runtime.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -21,35 +21,7 @@ var gt = { exports: {} }, wr = {};
  */
 var Gt;
 function $o() {
-  if (Gt)
-    return wr;
-  Gt = 1;
-  var e = qe, r = Symbol.for("react.element"), o = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, l = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function d(p, h, g) {
-    var b, _ = {}, y = null, T = null;
-    g !== void 0 && (y = "" + g), h.key !== void 0 && (y = "" + h.key), h.ref !== void 0 && (T = h.ref);
-    for (b in h)
-      a.call(h, b) && !u.hasOwnProperty(b) && (_[b] = h[b]);
-    if (p && p.defaultProps)
-      for (b in h = p.defaultProps, h)
-        _[b] === void 0 && (_[b] = h[b]);
-    return { $$typeof: r, type: p, key: y, ref: T, props: _, _owner: l.current };
-  }
-  return wr.Fragment = o, wr.jsx = d, wr.jsxs = d, wr;
-}
-var Cr = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Vt;
-function Wo() {
-  return Vt || (Vt = 1, process.env.NODE_ENV !== "production" && function() {
+  return Gt || (Gt = 1, process.env.NODE_ENV !== "production" && function() {
     var e = qe, r = Symbol.for("react.element"), o = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), p = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), I = Symbol.iterator, M = "@@iterator";
     function D(n) {
       if (n === null || typeof n != "object")
@@ -67,29 +39,29 @@ function Wo() {
     }
     function ie(n, f, m) {
       {
-        var k = $.ReactDebugCurrentFrame, P = k.getStackAddendum();
-        P !== "" && (f += "%s", m = m.concat([P]));
-        var j = m.map(function(E) {
+        var k = $.ReactDebugCurrentFrame, B = k.getStackAddendum();
+        B !== "" && (f += "%s", m = m.concat([B]));
+        var A = m.map(function(E) {
           return String(E);
         });
-        j.unshift("Warning: " + f), Function.prototype.apply.call(console[n], console, j);
+        A.unshift("Warning: " + f), Function.prototype.apply.call(console[n], console, A);
       }
     }
-    var or = !1, xr = !1, Ke = !1, ar = !1, Ee = !1, ye;
-    ye = Symbol.for("react.module.reference");
+    var or = !1, xr = !1, Ke = !1, ar = !1, ye = !1, Se;
+    Se = Symbol.for("react.module.reference");
     function $e(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === a || n === u || Ee || n === l || n === g || n === b || ar || n === T || or || xr || Ke || typeof n == "object" && n !== null && (n.$$typeof === y || n.$$typeof === _ || n.$$typeof === d || n.$$typeof === p || n.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === a || n === u || ye || n === l || n === g || n === b || ar || n === T || or || xr || Ke || typeof n == "object" && n !== null && (n.$$typeof === y || n.$$typeof === _ || n.$$typeof === d || n.$$typeof === p || n.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      n.$$typeof === ye || n.getModuleId !== void 0));
+      n.$$typeof === Se || n.getModuleId !== void 0));
     }
     function mr(n, f, m) {
       var k = n.displayName;
       if (k)
         return k;
-      var P = f.displayName || f.name || "";
-      return P !== "" ? m + "(" + P + ")" : m;
+      var B = f.displayName || f.name || "";
+      return B !== "" ? m + "(" + B + ")" : m;
     }
     function se(n) {
       return n.displayName || "Context";
@@ -129,9 +101,9 @@ function Wo() {
             var k = n.displayName || null;
             return k !== null ? k : X(n.type) || "Memo";
           case y: {
-            var P = n, j = P._payload, E = P._init;
+            var B = n, A = B._payload, E = B._init;
             try {
-              return X(E(j));
+              return X(E(A));
             } catch {
               return null;
             }
@@ -139,7 +111,7 @@ function Wo() {
         }
       return null;
     }
-    var Se = Object.assign, fe = 0, Ie, vr, ir, Ge, pe, We, sr;
+    var _e = Object.assign, fe = 0, Ie, vr, ir, Ge, pe, We, sr;
     function F() {
     }
     F.__reactDisabledLog = !0;
@@ -175,25 +147,25 @@ function Wo() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: Se({}, n, {
+            log: _e({}, n, {
               value: Ie
             }),
-            info: Se({}, n, {
+            info: _e({}, n, {
               value: vr
             }),
-            warn: Se({}, n, {
+            warn: _e({}, n, {
               value: ir
             }),
-            error: Se({}, n, {
+            error: _e({}, n, {
               value: Ge
             }),
-            group: Se({}, n, {
+            group: _e({}, n, {
               value: pe
             }),
-            groupCollapsed: Se({}, n, {
+            groupCollapsed: _e({}, n, {
               value: We
             }),
-            groupEnd: Se({}, n, {
+            groupEnd: _e({}, n, {
               value: sr
             })
           });
@@ -201,39 +173,39 @@ function Wo() {
         fe < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var he = $.ReactCurrentDispatcher, _e;
+    var he = $.ReactCurrentDispatcher, xe;
     function ee(n, f, m) {
       {
-        if (_e === void 0)
+        if (xe === void 0)
           try {
             throw Error();
-          } catch (P) {
-            var k = P.stack.trim().match(/\n( *(at )?)/);
-            _e = k && k[1] || "";
+          } catch (B) {
+            var k = B.stack.trim().match(/\n( *(at )?)/);
+            xe = k && k[1] || "";
           }
         return `
-` + _e + n;
+` + xe + n;
       }
     }
-    var Je = !1, xe;
+    var Je = !1, ke;
     {
       var Qe = typeof WeakMap == "function" ? WeakMap : Map;
-      xe = new Qe();
+      ke = new Qe();
     }
     function Ve(n, f) {
       if (!n || Je)
         return "";
       {
-        var m = xe.get(n);
+        var m = ke.get(n);
         if (m !== void 0)
           return m;
       }
       var k;
       Je = !0;
-      var P = Error.prepareStackTrace;
+      var B = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var j;
-      j = he.current, he.current = null, Z();
+      var A;
+      A = he.current, he.current = null, Z();
       try {
         if (f) {
           var E = function() {
@@ -279,17 +251,17 @@ function Wo() {
                   if (H--, q--, q < 0 || R[H] !== oe[q]) {
                     var ue = `
 ` + R[H].replace(" at new ", " at ");
-                    return n.displayName && ue.includes("<anonymous>") && (ue = ue.replace("<anonymous>", n.displayName)), typeof n == "function" && xe.set(n, ue), ue;
+                    return n.displayName && ue.includes("<anonymous>") && (ue = ue.replace("<anonymous>", n.displayName)), typeof n == "function" && ke.set(n, ue), ue;
                   }
                 while (H >= 1 && q >= 0);
               break;
             }
         }
       } finally {
-        Je = !1, he.current = j, ge(), Error.prepareStackTrace = P;
+        Je = !1, he.current = A, ge(), Error.prepareStackTrace = B;
       }
       var De = n ? n.displayName || n.name : "", Pr = De ? ee(De) : "";
-      return typeof n == "function" && xe.set(n, Pr), Pr;
+      return typeof n == "function" && ke.set(n, Pr), Pr;
     }
     function Oe(n, f, m) {
       return Ve(n, !1);
@@ -318,9 +290,9 @@ function Wo() {
           case _:
             return Fe(n.type, f, m);
           case y: {
-            var k = n, P = k._payload, j = k._init;
+            var k = n, B = k._payload, A = k._init;
             try {
-              return Fe(j(P), f, m);
+              return Fe(A(B), f, m);
             } catch {
             }
           }
@@ -335,11 +307,11 @@ function Wo() {
       } else
         cr.setExtraStackFrame(null);
     }
-    function dr(n, f, m, k, P) {
+    function dr(n, f, m, k, B) {
       {
-        var j = Function.call.bind(Ye);
+        var A = Function.call.bind(Ye);
         for (var E in n)
-          if (j(n, E)) {
+          if (A(n, E)) {
             var R = void 0;
             try {
               if (typeof n[E] != "function") {
@@ -350,7 +322,7 @@ function Wo() {
             } catch (H) {
               R = H;
             }
-            R && !(R instanceof Error) && (ur(P), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", k || "React class", m, E, typeof R), ur(null)), R instanceof Error && !(R.message in br) && (br[R.message] = !0, ur(P), w("Failed %s type: %s", m, R.message), ur(null));
+            R && !(R instanceof Error) && (ur(B), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", k || "React class", m, E, typeof R), ur(null)), R instanceof Error && !(R.message in br) && (br[R.message] = !0, ur(B), w("Failed %s type: %s", m, R.message), ur(null));
           }
       }
     }
@@ -383,8 +355,8 @@ function Wo() {
       ref: !0,
       __self: !0,
       __source: !0
-    }, re, He, ke;
-    ke = {};
+    }, re, He, Te;
+    Te = {};
     function L(n) {
       if (Ye.call(n, "ref")) {
         var f = Object.getOwnPropertyDescriptor(n, "ref").get;
@@ -404,7 +376,7 @@ function Wo() {
     function G(n, f) {
       if (typeof n.ref == "string" && K.current && f && K.current.stateNode !== f) {
         var m = X(K.current.type);
-        ke[m] || (w('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', X(K.current.type), n.ref), ke[m] = !0);
+        Te[m] || (w('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', X(K.current.type), n.ref), Te[m] = !0);
       }
     }
     function je(n, f) {
@@ -429,7 +401,7 @@ function Wo() {
         });
       }
     }
-    var Le = function(n, f, m, k, P, j, E) {
+    var Le = function(n, f, m, k, B, A, E) {
       var R = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -439,7 +411,7 @@ function Wo() {
         ref: m,
         props: E,
         // Record the component responsible for creating this element.
-        _owner: j
+        _owner: A
       };
       return R._store = {}, Object.defineProperty(R._store, "validated", {
         configurable: !1,
@@ -455,25 +427,25 @@ function Wo() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: P
+        value: B
       }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     };
-    function te(n, f, m, k, P) {
+    function te(n, f, m, k, B) {
       {
-        var j, E = {}, R = null, oe = null;
-        m !== void 0 && (U(m), R = "" + m), Q(f) && (U(f.key), R = "" + f.key), L(f) && (oe = f.ref, G(f, P));
-        for (j in f)
-          Ye.call(f, j) && !ne.hasOwnProperty(j) && (E[j] = f[j]);
+        var A, E = {}, R = null, oe = null;
+        m !== void 0 && (U(m), R = "" + m), Q(f) && (U(f.key), R = "" + f.key), L(f) && (oe = f.ref, G(f, B));
+        for (A in f)
+          Ye.call(f, A) && !ne.hasOwnProperty(A) && (E[A] = f[A]);
         if (n && n.defaultProps) {
           var H = n.defaultProps;
-          for (j in H)
-            E[j] === void 0 && (E[j] = H[j]);
+          for (A in H)
+            E[A] === void 0 && (E[A] = H[A]);
         }
         if (R || oe) {
           var q = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
           R && je(E, q), oe && ce(E, q);
         }
-        return Le(n, R, oe, P, k, K.current, E);
+        return Le(n, R, oe, B, k, K.current, E);
       }
     }
     var Me = $.ReactCurrentOwner, Ze = $.ReactDebugCurrentFrame;
@@ -484,8 +456,8 @@ function Wo() {
       } else
         Ze.setExtraStackFrame(null);
     }
-    var Te;
-    Te = !1;
+    var we;
+    we = !1;
     function Ae(n) {
       return typeof n == "object" && n !== null && n.$$typeof === r;
     }
@@ -550,9 +522,9 @@ Check the top-level render call using <` + m + ">.");
         else if (Ae(n))
           n._store && (n._store.validated = !0);
         else if (n) {
-          var P = D(n);
-          if (typeof P == "function" && P !== n.entries)
-            for (var j = P.call(n), E; !(E = j.next()).done; )
+          var B = D(n);
+          if (typeof B == "function" && B !== n.entries)
+            for (var A = B.call(n), E; !(E = A.next()).done; )
               Ae(E.value) && Or(E.value, f);
         }
       }
@@ -574,10 +546,10 @@ Check the top-level render call using <` + m + ">.");
         if (m) {
           var k = X(f);
           dr(m, n.props, "prop", k, n);
-        } else if (f.PropTypes !== void 0 && !Te) {
-          Te = !0;
-          var P = X(f);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", P || "Unknown");
+        } else if (f.PropTypes !== void 0 && !we) {
+          we = !0;
+          var B = X(f);
+          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", B || "Unknown");
         }
         typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -594,18 +566,18 @@ Check the top-level render call using <` + m + ">.");
         n.ref !== null && (me(n), w("Invalid attribute `ref` supplied to `React.Fragment`."), me(null));
       }
     }
-    function Ar(n, f, m, k, P, j) {
+    function Ar(n, f, m, k, B, A) {
       {
         var E = $e(n);
         if (!E) {
           var R = "";
           (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (R += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var oe = qr(P);
+          var oe = qr(B);
           oe ? R += oe : R += ve();
           var H;
           n === null ? H = "null" : Ue(n) ? H = "array" : n !== void 0 && n.$$typeof === r ? (H = "<" + (X(n.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : H = typeof n, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, R);
         }
-        var q = te(n, f, m, P, j);
+        var q = te(n, f, m, B, A);
         if (q == null)
           return q;
         if (E) {
@@ -631,10 +603,38 @@ Check the top-level render call using <` + m + ">.");
       return Ar(n, f, m, !1);
     }
     var et = Zr, er = Qr;
-    Cr.Fragment = a, Cr.jsx = et, Cr.jsxs = er;
-  }()), Cr;
+    wr.Fragment = a, wr.jsx = et, wr.jsxs = er;
+  }()), wr;
 }
-process.env.NODE_ENV === "production" ? gt.exports = $o() : gt.exports = Wo();
+var Cr = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Vt;
+function Wo() {
+  if (Vt)
+    return Cr;
+  Vt = 1;
+  var e = qe, r = Symbol.for("react.element"), o = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, l = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(p, h, g) {
+    var b, _ = {}, y = null, T = null;
+    g !== void 0 && (y = "" + g), h.key !== void 0 && (y = "" + h.key), h.ref !== void 0 && (T = h.ref);
+    for (b in h)
+      a.call(h, b) && !u.hasOwnProperty(b) && (_[b] = h[b]);
+    if (p && p.defaultProps)
+      for (b in h = p.defaultProps, h)
+        _[b] === void 0 && (_[b] = h[b]);
+    return { $$typeof: r, type: p, key: y, ref: T, props: _, _owner: l.current };
+  }
+  return Cr.Fragment = o, Cr.jsx = d, Cr.jsxs = d, Cr;
+}
+process.env.NODE_ENV === "production" ? gt.exports = Wo() : gt.exports = $o();
 var x = gt.exports;
 const [Fo, nr] = co({
   name: "AutoCompleteContext",
@@ -651,7 +651,7 @@ var Ur = function(e, r) {
         return p;
     }
   }
-}, Lr = globalThis && globalThis.__spreadArray || function(e, r) {
+}, Lr = function(e, r) {
   for (var o = 0, a = r.length, l = e.length; o < a; o++, l++)
     e[l] = r[o];
   return e;
@@ -778,11 +778,11 @@ function Ho(e) {
     values: ar = Ke ? typeof Ke == "string" ? [Ke] : [...Ke] : void 0
   } = e;
   u = u || (g ? !0 : e.freeSolo);
-  const { isOpen: Ee, onClose: ye, onOpen: $e } = uo({ defaultIsOpen: I }), mr = J(e.children, {
-    isOpen: Ee,
-    onClose: ye,
+  const { isOpen: ye, onClose: Se, onOpen: $e } = uo({ defaultIsOpen: I }), mr = J(e.children, {
+    isOpen: ye,
+    onClose: Se,
     onOpen: $e
-  }), se = Mo(mr), X = Sr(null), Se = Sr(null), fe = Sr(null), Ie = Sr(null), [vr, ir] = ut(!1);
+  }), se = Mo(mr), X = Sr(null), _e = Sr(null), fe = Sr(null), Ie = Sr(null), [vr, ir] = ut(!1);
   let Ge = "";
   g ? Ge = "" : Dr(y) ? Dr(ar) || (Ge = ar[0]) : Ge = y[0];
   const [pe, We] = ut(Ge ?? ""), sr = M ? se : se.filter(
@@ -807,14 +807,14 @@ function Ho(e) {
         g ? U : C
       );
     }
-  }), [_e, ee] = ut(
+  }), [xe, ee] = ut(
     (le = se[0]) == null ? void 0 : le.value
-  ), Je = e.maxSelections || ge.length + 1, xe = Z.findIndex((S) => S.value === _e), Qe = Ro(
-    xe,
+  ), Je = e.maxSelections || ge.length + 1, ke = Z.findIndex((S) => S.value === xe), Qe = Ro(
+    ke,
     Z,
     !!e.rollNavigation
   ), Ve = Eo(
-    xe,
+    ke,
     Z,
     !!e.rollNavigation
   ), Oe = Io(Z), lr = dt(Z);
@@ -822,15 +822,15 @@ function Ho(e) {
     ee(Oe == null ? void 0 : Oe.value);
   }, [pe]), _r(() => {
     var S;
-    Ee || ee((S = se[0]) == null ? void 0 : S.value);
-  }, [Ee]), _r(() => {
-    const S = se.find((C) => C.value === _e);
+    ye || ee((S = se[0]) == null ? void 0 : S.value);
+  }, [ye]), _r(() => {
+    const S = se.find((C) => C.value === xe);
     J(e.onOptionFocus, {
       item: S,
       focusMethod: Ie.current,
       isNewInput: S == null ? void 0 : S.creatable
     });
-  }, [_e, e.onOptionFocus]);
+  }, [xe, e.onOptionFocus]);
   const Fe = (S) => {
     var K, ne;
     !ge.includes(S) && ge.length < Je && he((re) => g ? [...re, S] : [S]);
@@ -844,7 +844,7 @@ function Ho(e) {
       selectMethod: Ie.current
     });
     const U = (C == null ? void 0 : C.label) || (C == null ? void 0 : C.value);
-    We(() => g ? "" : U ?? ""), b && ye();
+    We(() => g ? "" : U ?? ""), b && Se();
   }, Ye = (S, C) => {
     var U;
     he((K) => {
@@ -868,7 +868,7 @@ function Ho(e) {
     children: mr,
     filteredList: Z,
     filteredResults: sr,
-    focusedValue: _e,
+    focusedValue: xe,
     getEmptyStateProps: (S) => {
       if (Z.every((U) => U.noFilter) && l && !o)
         return typeof l == "boolean" ? S : J(l, { query: pe });
@@ -889,16 +889,16 @@ function Ho(e) {
       };
     },
     getInputProps: (S, C) => {
-      const { onBlur: U, onChange: K, onFocus: ne, onKeyDown: re, variant: He, ...ke } = S;
+      const { onBlur: U, onChange: K, onFocus: ne, onKeyDown: re, variant: He, ...Te } = S;
       return {
         wrapper: {
-          ref: Se,
+          ref: _e,
           onClick: () => {
             var L;
             (L = X == null ? void 0 : X.current) == null || L.focus();
           },
           ...Go(C, g),
-          ...ke
+          ...Te
         },
         input: {
           isReadOnly: d,
@@ -908,10 +908,10 @@ function Ho(e) {
           onBlur: (L) => {
             var je, ce;
             J(U, L);
-            const Q = L.relatedTarget === (fe == null ? void 0 : fe.current) || ((je = fe.current) == null ? void 0 : je.contains(L.relatedTarget)), G = (ce = Se.current) == null ? void 0 : ce.contains(
+            const Q = L.relatedTarget === (fe == null ? void 0 : fe.current) || ((je = fe.current) == null ? void 0 : je.contains(L.relatedTarget)), G = (ce = _e.current) == null ? void 0 : ce.contains(
               L.relatedTarget
             );
-            if (!Q && !G && (r && ye(), !ge.includes(L.target.value) && w)) {
+            if (!Q && !G && (r && Se(), !ge.includes(L.target.value) && w)) {
               const Le = dt(ge), te = se.find(
                 (Ze) => Ze.value === Le
               ), Me = (te == null ? void 0 : te.label) || (te == null ? void 0 : te.value) || "";
@@ -922,26 +922,26 @@ function Ho(e) {
             const Q = L.target.value;
             J(K, L), We(Q);
             const G = kt(Q);
-            J(ie, Q) && (!G || xr) ? $e() : ye(), ir(!1);
+            J(ie, Q) && (!G || xr) ? $e() : Se(), ir(!1);
           },
           onKeyDown: (L) => {
             var je;
             J(re, L), Ie.current = "keyboard";
-            const { key: Q } = L, G = Z[xe];
+            const { key: Q } = L, G = Z[ke];
             if (["Enter", ...or].includes(Q)) {
-              G && !(G != null && G.disabled) ? Fe(G == null ? void 0 : G.value) : (je = X.current) == null || je.focus(), L.preventDefault();
+              G && !(G != null && G.disabled) && ye ? Fe(G == null ? void 0 : G.value) : (je = X.current) == null || je.focus(), L.preventDefault();
               return;
             }
             if (Q === "ArrowDown") {
-              Ee ? ee(Qe == null ? void 0 : Qe.value) : $e(), L.preventDefault();
+              ye ? ee(Qe == null ? void 0 : Qe.value) : $e(), L.preventDefault();
               return;
             }
             if (Q === "ArrowUp") {
-              Ee ? ee(Ve == null ? void 0 : Ve.value) : $e(), L.preventDefault();
+              ye ? ee(Ve == null ? void 0 : Ve.value) : $e(), L.preventDefault();
               return;
             }
             if (Q === "Tab") {
-              Ee && G && !(G != null && G.disabled) ? Fe(G == null ? void 0 : G.value) : ye();
+              ye && G && !(G != null && G.disabled) ? Fe(G == null ? void 0 : G.value) : Se();
               return;
             }
             if (Q === "Home") {
@@ -952,30 +952,30 @@ function Ho(e) {
               ee(lr == null ? void 0 : lr.value), L.preventDefault();
               return;
             }
-            Q === "Escape" && (ye(), L.preventDefault());
+            Q === "Escape" && (Se(), L.preventDefault());
           },
           value: pe,
           variant: g ? "unstyled" : He,
-          ...ke
+          ...Te
         }
       };
     },
     getItemProps: (S, C) => {
-      var Te;
+      var we;
       const {
         _fixed: U,
         _focus: K,
         children: ne,
         disabled: re,
         label: He,
-        value: ke,
+        value: Te,
         fixed: L,
         getValue: Q = Tt,
         onClick: G,
         onMouseOver: je,
         sx: ce,
         ...Le
-      } = S, te = C ? ke : (Te = Q(ke)) == null ? void 0 : Te.toString(), Me = te === _e, Ze = Z.findIndex((Ae) => Ae.value === te) >= 0, me = ne || He || te;
+      } = S, te = C ? Te : (we = Q(Te)) == null ? void 0 : we.toString(), Me = te === xe, Ze = Z.findIndex((Ae) => Ae.value === te) >= 0, me = ne || He || te;
       return {
         item: {
           ...typeof me != "string" || !a ? { children: me } : {
@@ -1016,10 +1016,10 @@ function Ho(e) {
     inputRef: X,
     interactionRef: Ie,
     isLoading: D,
-    isOpen: Ee,
+    isOpen: ye,
     itemList: se,
     listRef: fe,
-    onClose: ye,
+    onClose: Se,
     onOpen: $e,
     placement: $,
     query: pe,
@@ -1227,12 +1227,12 @@ function pr(e, ...r) {
 var na = (e) => typeof e == "function", Gr = { exports: {} };
 Gr.exports;
 (function(e, r) {
-  var o = 200, a = "__lodash_hash_undefined__", l = 800, u = 16, d = 9007199254740991, p = "[object Arguments]", h = "[object Array]", g = "[object AsyncFunction]", b = "[object Boolean]", _ = "[object Date]", y = "[object Error]", T = "[object Function]", I = "[object GeneratorFunction]", M = "[object Map]", D = "[object Number]", $ = "[object Null]", w = "[object Object]", ie = "[object Proxy]", or = "[object RegExp]", xr = "[object Set]", Ke = "[object String]", ar = "[object Undefined]", Ee = "[object WeakMap]", ye = "[object ArrayBuffer]", $e = "[object DataView]", mr = "[object Float32Array]", se = "[object Float64Array]", X = "[object Int8Array]", Se = "[object Int16Array]", fe = "[object Int32Array]", Ie = "[object Uint8Array]", vr = "[object Uint8ClampedArray]", ir = "[object Uint16Array]", Ge = "[object Uint32Array]", pe = /[\\^$.*+?()[\]{}|]/g, We = /^\[object .+?Constructor\]$/, sr = /^(?:0|[1-9]\d*)$/, F = {};
-  F[mr] = F[se] = F[X] = F[Se] = F[fe] = F[Ie] = F[vr] = F[ir] = F[Ge] = !0, F[p] = F[h] = F[ye] = F[b] = F[$e] = F[_] = F[y] = F[T] = F[M] = F[D] = F[w] = F[or] = F[xr] = F[Ke] = F[Ee] = !1;
-  var Z = typeof Fr == "object" && Fr && Fr.Object === Object && Fr, ge = typeof self == "object" && self && self.Object === Object && self, he = Z || ge || Function("return this")(), _e = r && !r.nodeType && r, ee = _e && !0 && e && !e.nodeType && e, Je = ee && ee.exports === _e, xe = Je && Z.process, Qe = function() {
+  var o = 200, a = "__lodash_hash_undefined__", l = 800, u = 16, d = 9007199254740991, p = "[object Arguments]", h = "[object Array]", g = "[object AsyncFunction]", b = "[object Boolean]", _ = "[object Date]", y = "[object Error]", T = "[object Function]", I = "[object GeneratorFunction]", M = "[object Map]", D = "[object Number]", $ = "[object Null]", w = "[object Object]", ie = "[object Proxy]", or = "[object RegExp]", xr = "[object Set]", Ke = "[object String]", ar = "[object Undefined]", ye = "[object WeakMap]", Se = "[object ArrayBuffer]", $e = "[object DataView]", mr = "[object Float32Array]", se = "[object Float64Array]", X = "[object Int8Array]", _e = "[object Int16Array]", fe = "[object Int32Array]", Ie = "[object Uint8Array]", vr = "[object Uint8ClampedArray]", ir = "[object Uint16Array]", Ge = "[object Uint32Array]", pe = /[\\^$.*+?()[\]{}|]/g, We = /^\[object .+?Constructor\]$/, sr = /^(?:0|[1-9]\d*)$/, F = {};
+  F[mr] = F[se] = F[X] = F[_e] = F[fe] = F[Ie] = F[vr] = F[ir] = F[Ge] = !0, F[p] = F[h] = F[Se] = F[b] = F[$e] = F[_] = F[y] = F[T] = F[M] = F[D] = F[w] = F[or] = F[xr] = F[Ke] = F[ye] = !1;
+  var Z = typeof Fr == "object" && Fr && Fr.Object === Object && Fr, ge = typeof self == "object" && self && self.Object === Object && self, he = Z || ge || Function("return this")(), xe = r && !r.nodeType && r, ee = xe && !0 && e && !e.nodeType && e, Je = ee && ee.exports === xe, ke = Je && Z.process, Qe = function() {
     try {
       var t = ee && ee.require && ee.require("util").types;
-      return t || xe && xe.binding && xe.binding("util");
+      return t || ke && ke.binding && ke.binding("util");
     } catch {
     }
   }(), Ve = Qe && Qe.isTypedArray;
@@ -1272,13 +1272,13 @@ Gr.exports;
     return t ? "Symbol(src)_1." + t : "";
   }(), C = dr.toString, U = Ue.call(Object), K = RegExp(
     "^" + Ue.call(le).replace(pe, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), ne = Je ? he.Buffer : void 0, re = he.Symbol, He = he.Uint8Array, ke = ne ? ne.allocUnsafe : void 0, L = br(Object.getPrototypeOf, Object), Q = Object.create, G = dr.propertyIsEnumerable, je = cr.splice, ce = re ? re.toStringTag : void 0, Le = function() {
+  ), ne = Je ? he.Buffer : void 0, re = he.Symbol, He = he.Uint8Array, Te = ne ? ne.allocUnsafe : void 0, L = br(Object.getPrototypeOf, Object), Q = Object.create, G = dr.propertyIsEnumerable, je = cr.splice, ce = re ? re.toStringTag : void 0, Le = function() {
     try {
       var t = tt(Object, "defineProperty");
       return t({}, "", {}), t;
     } catch {
     }
-  }(), te = ne ? ne.isBuffer : void 0, Me = Math.max, Ze = Date.now, me = tt(he, "Map"), Te = tt(Object, "create"), Ae = function() {
+  }(), te = ne ? ne.isBuffer : void 0, Me = Math.max, Ze = Date.now, me = tt(he, "Map"), we = tt(Object, "create"), Ae = /* @__PURE__ */ function() {
     function t() {
     }
     return function(i) {
@@ -1299,7 +1299,7 @@ Gr.exports;
     }
   }
   function qr() {
-    this.__data__ = Te ? Te(null) : {}, this.size = 0;
+    this.__data__ = we ? we(null) : {}, this.size = 0;
   }
   function Ir(t) {
     var i = this.has(t) && delete this.__data__[t];
@@ -1307,7 +1307,7 @@ Gr.exports;
   }
   function Kr(t) {
     var i = this.__data__;
-    if (Te) {
+    if (we) {
       var c = i[t];
       return c === a ? void 0 : c;
     }
@@ -1315,11 +1315,11 @@ Gr.exports;
   }
   function Or(t) {
     var i = this.__data__;
-    return Te ? i[t] !== void 0 : le.call(i, t);
+    return we ? i[t] !== void 0 : le.call(i, t);
   }
   function jr(t, i) {
     var c = this.__data__;
-    return this.size += this.has(t) ? 0 : 1, c[t] = Te && i === void 0 ? a : i, this;
+    return this.size += this.has(t) ? 0 : 1, c[t] = we && i === void 0 ? a : i, this;
   }
   ve.prototype.clear = qr, ve.prototype.delete = Ir, ve.prototype.get = Kr, ve.prototype.has = Or, ve.prototype.set = jr;
   function Pe(t) {
@@ -1375,12 +1375,12 @@ Gr.exports;
   function k(t) {
     return $r(this, t).has(t);
   }
-  function P(t, i) {
+  function B(t, i) {
     var c = $r(this, t), v = c.size;
     return c.set(t, i), this.size += c.size == v ? 0 : 1, this;
   }
-  er.prototype.clear = n, er.prototype.delete = f, er.prototype.get = m, er.prototype.has = k, er.prototype.set = P;
-  function j(t) {
+  er.prototype.clear = n, er.prototype.delete = f, er.prototype.get = m, er.prototype.has = k, er.prototype.set = B;
+  function A(t) {
     var i = this.__data__ = new Pe(t);
     this.size = i.size;
   }
@@ -1407,15 +1407,15 @@ Gr.exports;
     }
     return c.set(t, i), this.size = c.size, this;
   }
-  j.prototype.clear = E, j.prototype.delete = R, j.prototype.get = oe, j.prototype.has = H, j.prototype.set = q;
+  A.prototype.clear = E, A.prototype.delete = R, A.prototype.get = oe, A.prototype.has = H, A.prototype.set = q;
   function ue(t, i) {
-    var c = at(t), v = !c && ot(t), A = !c && !v && $t(t), z = !c && !v && !A && Ft(t), V = c || v || A || z, O = V ? lr(t.length, String) : [], Y = O.length;
-    for (var we in t)
-      (i || le.call(t, we)) && !(V && // Safari 9 has enumerable `arguments.length` in strict mode.
-      (we == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-      A && (we == "offset" || we == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-      z && (we == "buffer" || we == "byteLength" || we == "byteOffset") || // Skip index properties.
-      Pt(we, Y))) && O.push(we);
+    var c = at(t), v = !c && ot(t), P = !c && !v && $t(t), z = !c && !v && !P && Ft(t), V = c || v || P || z, O = V ? lr(t.length, String) : [], Y = O.length;
+    for (var Ce in t)
+      (i || le.call(t, Ce)) && !(V && // Safari 9 has enumerable `arguments.length` in strict mode.
+      (Ce == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+      P && (Ce == "offset" || Ce == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+      z && (Ce == "buffer" || Ce == "byteLength" || Ce == "byteOffset") || // Skip index properties.
+      Pt(Ce, Y))) && O.push(Ce);
     return O;
   }
   function De(t, i, c) {
@@ -1463,20 +1463,20 @@ Gr.exports;
       v == "constructor" && (i || !le.call(t, v)) || c.push(v);
     return c;
   }
-  function At(t, i, c, v, A) {
+  function At(t, i, c, v, P) {
     t !== i && Rn(i, function(z, V) {
-      if (A || (A = new j()), fr(z))
-        jn(t, i, V, c, At, v, A);
+      if (P || (P = new A()), fr(z))
+        jn(t, i, V, c, At, v, P);
       else {
-        var O = v ? v(nt(t, V), z, V + "", t, i, A) : void 0;
+        var O = v ? v(nt(t, V), z, V + "", t, i, P) : void 0;
         O === void 0 && (O = z), De(t, V, O);
       }
     }, Lt);
   }
-  function jn(t, i, c, v, A, z, V) {
-    var O = nt(t, c), Y = nt(i, c), we = V.get(Y);
-    if (we) {
-      De(t, c, we);
+  function jn(t, i, c, v, P, z, V) {
+    var O = nt(t, c), Y = nt(i, c), Ce = V.get(Y);
+    if (Ce) {
+      De(t, c, Ce);
       return;
     }
     var be = z ? z(O, Y, c + "", t, i, V) : void 0, Tr = be === void 0;
@@ -1484,7 +1484,7 @@ Gr.exports;
       var lt = at(Y), ct = !lt && $t(Y), Dt = !lt && !ct && Ft(Y);
       be = Y, lt || ct || Dt ? at(O) ? be = O : Qn(O) ? be = Fn(O) : ct ? (Tr = !1, be = Bn(Y, !0)) : Dt ? (Tr = !1, be = Wn(Y, !0)) : be = [] : Zn(Y) || ot(Y) ? (be = O, ot(O) ? be = eo(O) : (!fr(O) || st(O)) && (be = Nn(Y))) : Tr = !1;
     }
-    Tr && (V.set(Y, be), A(be, Y, v, z, V), V.delete(Y)), De(t, c, be);
+    Tr && (V.set(Y, be), P(be, Y, v, z, V), V.delete(Y)), De(t, c, be);
   }
   function An(t, i) {
     return qn(Xn(t, i, Mt), t + "");
@@ -1500,7 +1500,7 @@ Gr.exports;
   function Bn(t, i) {
     if (i)
       return t.slice();
-    var c = t.length, v = ke ? ke(c) : new t.constructor(c);
+    var c = t.length, v = Te ? Te(c) : new t.constructor(c);
     return t.copy(v), v;
   }
   function $n(t) {
@@ -1518,18 +1518,18 @@ Gr.exports;
     return i;
   }
   function Ln(t, i, c, v) {
-    var A = !c;
+    var P = !c;
     c || (c = {});
     for (var z = -1, V = i.length; ++z < V; ) {
       var O = i[z], Y = v ? v(c[O], t[O], O, c, t) : void 0;
-      Y === void 0 && (Y = t[O]), A ? rt(c, O, Y) : Pr(c, O, Y);
+      Y === void 0 && (Y = t[O]), P ? rt(c, O, Y) : Pr(c, O, Y);
     }
     return c;
   }
   function Mn(t) {
     return An(function(i, c) {
-      var v = -1, A = c.length, z = A > 1 ? c[A - 1] : void 0, V = A > 2 ? c[2] : void 0;
-      for (z = t.length > 3 && typeof z == "function" ? (A--, z) : void 0, V && Gn(c[0], c[1], V) && (z = A < 3 ? void 0 : z, A = 1), i = Object(i); ++v < A; ) {
+      var v = -1, P = c.length, z = P > 1 ? c[P - 1] : void 0, V = P > 2 ? c[2] : void 0;
+      for (z = t.length > 3 && typeof z == "function" ? (P--, z) : void 0, V && Gn(c[0], c[1], V) && (z = P < 3 ? void 0 : z, P = 1), i = Object(i); ++v < P; ) {
         var O = c[v];
         O && t(i, O, v, z);
       }
@@ -1538,8 +1538,8 @@ Gr.exports;
   }
   function Dn(t) {
     return function(i, c, v) {
-      for (var A = -1, z = Object(i), V = v(i), O = V.length; O--; ) {
-        var Y = V[t ? O : ++A];
+      for (var P = -1, z = Object(i), V = v(i), O = V.length; O--; ) {
+        var Y = V[t ? O : ++P];
         if (c(z[Y], Y, z) === !1)
           break;
       }
@@ -1561,8 +1561,8 @@ Gr.exports;
       var v = !0;
     } catch {
     }
-    var A = C.call(t);
-    return v && (i ? t[ce] = c : delete t[ce]), A;
+    var P = C.call(t);
+    return v && (i ? t[ce] = c : delete t[ce]), P;
   }
   function Nn(t) {
     return typeof t.constructor == "function" && !Bt(t) ? Ae(L(t)) : {};
@@ -1600,11 +1600,11 @@ Gr.exports;
   }
   function Xn(t, i, c) {
     return i = Me(i === void 0 ? t.length - 1 : i, 0), function() {
-      for (var v = arguments, A = -1, z = Me(v.length - i, 0), V = Array(z); ++A < z; )
-        V[A] = v[i + A];
-      A = -1;
-      for (var O = Array(i + 1); ++A < i; )
-        O[A] = v[A];
+      for (var v = arguments, P = -1, z = Me(v.length - i, 0), V = Array(z); ++P < z; )
+        V[P] = v[i + P];
+      P = -1;
+      for (var O = Array(i + 1); ++P < i; )
+        O[P] = v[P];
       return O[i] = c(V), Oe(t, this, O);
     };
   }
@@ -1616,8 +1616,8 @@ Gr.exports;
   function Kn(t) {
     var i = 0, c = 0;
     return function() {
-      var v = Ze(), A = u - (v - c);
-      if (c = v, A > 0) {
+      var v = Ze(), P = u - (v - c);
+      if (c = v, P > 0) {
         if (++i >= l)
           return arguments[0];
       } else
@@ -1641,7 +1641,7 @@ Gr.exports;
   function Wr(t, i) {
     return t === i || t !== t && i !== i;
   }
-  var ot = jt(function() {
+  var ot = jt(/* @__PURE__ */ function() {
     return arguments;
   }()) ? jt : function(t) {
     return kr(t) && le.call(t, "callee") && !G.call(t, "callee");
@@ -1718,7 +1718,7 @@ function Ct(e) {
   };
 }
 var Mr = (...e) => (r) => e.reduce((o, a) => a(o), r);
-function Ce(e, r) {
+function Re(e, r) {
   return (o) => {
     const a = { property: o, scale: e };
     return a.transform = Ct({
@@ -1871,7 +1871,7 @@ function ya(e) {
 var Sa = (e) => {
   const r = parseFloat(e.toString()), o = e.toString().replace(String(r), "");
   return { unitless: !o, value: r, unit: o };
-}, ze = (e) => (r) => `${e}(${r})`, B = {
+}, ze = (e) => (r) => `${e}(${r})`, j = {
   filter(e) {
     return e !== "auto" ? e : da;
   },
@@ -1879,7 +1879,7 @@ var Sa = (e) => {
     return e !== "auto" ? e : fa;
   },
   ring(e) {
-    return pa(B.px(e));
+    return pa(j.px(e));
   },
   bgClip(e) {
     return e === "text" ? { color: "transparent", backgroundClip: "text" } : { backgroundClip: e };
@@ -1916,7 +1916,7 @@ var Sa = (e) => {
   contrast: ze("contrast"),
   dropShadow: ze("drop-shadow"),
   grayscale: ze("grayscale"),
-  hueRotate: ze("hue-rotate"),
+  hueRotate: (e) => ze("hue-rotate")(j.degree(e)),
   invert: ze("invert"),
   saturate: ze("saturate"),
   sepia: ze("sepia"),
@@ -1933,16 +1933,16 @@ var Sa = (e) => {
     return o && (l[o] = 1), a && (l[a] = 1), l;
   }
 }, s = {
-  borderWidths: Ce("borderWidths"),
-  borderStyles: Ce("borderStyles"),
-  colors: Ce("colors"),
-  borders: Ce("borders"),
-  gradients: Ce("gradients", B.gradient),
-  radii: Ce("radii", B.px),
-  space: Ce("space", Mr(B.vh, B.px)),
-  spaceT: Ce("space", Mr(B.vh, B.px)),
+  borderWidths: Re("borderWidths"),
+  borderStyles: Re("borderStyles"),
+  colors: Re("colors"),
+  borders: Re("borders"),
+  gradients: Re("gradients", j.gradient),
+  radii: Re("radii", j.px),
+  space: Re("space", Mr(j.vh, j.px)),
+  spaceT: Re("space", Mr(j.vh, j.px)),
   degreeT(e) {
-    return { property: e, transform: B.degree };
+    return { property: e, transform: j.degree };
   },
   prop(e, r, o) {
     return {
@@ -1956,11 +1956,11 @@ var Sa = (e) => {
   propT(e, r) {
     return { property: e, transform: r };
   },
-  sizes: Ce("sizes", Mr(B.vh, B.px)),
-  sizesT: Ce("sizes", Mr(B.vh, B.fraction)),
-  shadows: Ce("shadows"),
+  sizes: Re("sizes", Mr(j.vh, j.px)),
+  sizesT: Re("sizes", Mr(j.vh, j.fraction)),
+  shadows: Re("shadows"),
   logical: la,
-  blur: Ce("blur", B.blur)
+  blur: Re("blur", j.blur)
 }, zr = {
   background: s.colors("background"),
   backgroundColor: s.colors("backgroundColor"),
@@ -1969,7 +1969,7 @@ var Sa = (e) => {
   backgroundPosition: !0,
   backgroundRepeat: !0,
   backgroundAttachment: !0,
-  backgroundClip: { transform: B.bgClip },
+  backgroundClip: { transform: j.bgClip },
   bgSize: s.prop("backgroundSize"),
   bgPosition: s.prop("backgroundPosition"),
   bg: s.colors("background"),
@@ -1978,7 +1978,7 @@ var Sa = (e) => {
   bgRepeat: s.prop("backgroundRepeat"),
   bgAttachment: s.prop("backgroundAttachment"),
   bgGradient: s.gradients("backgroundImage"),
-  bgClip: { transform: B.bgClip }
+  bgClip: { transform: j.bgClip }
 };
 Object.assign(zr, {
   bgImage: zr.backgroundImage,
@@ -2134,31 +2134,34 @@ Object.assign(bt, {
   shadow: bt.boxShadow
 });
 var xa = {
-  filter: { transform: B.filter },
+  filter: { transform: j.filter },
   blur: s.blur("--chakra-blur"),
-  brightness: s.propT("--chakra-brightness", B.brightness),
-  contrast: s.propT("--chakra-contrast", B.contrast),
-  hueRotate: s.degreeT("--chakra-hue-rotate"),
-  invert: s.propT("--chakra-invert", B.invert),
-  saturate: s.propT("--chakra-saturate", B.saturate),
-  dropShadow: s.propT("--chakra-drop-shadow", B.dropShadow),
-  backdropFilter: { transform: B.backdropFilter },
+  brightness: s.propT("--chakra-brightness", j.brightness),
+  contrast: s.propT("--chakra-contrast", j.contrast),
+  hueRotate: s.propT("--chakra-hue-rotate", j.hueRotate),
+  invert: s.propT("--chakra-invert", j.invert),
+  saturate: s.propT("--chakra-saturate", j.saturate),
+  dropShadow: s.propT("--chakra-drop-shadow", j.dropShadow),
+  backdropFilter: { transform: j.backdropFilter },
   backdropBlur: s.blur("--chakra-backdrop-blur"),
   backdropBrightness: s.propT(
     "--chakra-backdrop-brightness",
-    B.brightness
+    j.brightness
+  ),
+  backdropContrast: s.propT("--chakra-backdrop-contrast", j.contrast),
+  backdropHueRotate: s.propT(
+    "--chakra-backdrop-hue-rotate",
+    j.hueRotate
   ),
-  backdropContrast: s.propT("--chakra-backdrop-contrast", B.contrast),
-  backdropHueRotate: s.degreeT("--chakra-backdrop-hue-rotate"),
-  backdropInvert: s.propT("--chakra-backdrop-invert", B.invert),
-  backdropSaturate: s.propT("--chakra-backdrop-saturate", B.saturate)
+  backdropInvert: s.propT("--chakra-backdrop-invert", j.invert),
+  backdropSaturate: s.propT("--chakra-backdrop-saturate", j.saturate)
 }, Vr = {
   alignItems: !0,
   alignContent: !0,
   justifyItems: !0,
   justifyContent: !0,
   flexWrap: !0,
-  flexDirection: { transform: B.flexDirection },
+  flexDirection: { transform: j.flexDirection },
   flex: !0,
   flexFlow: !0,
   flexGrow: !0,
@@ -2201,10 +2204,10 @@ var mn = {
   resize: !0,
   userSelect: !0,
   pointerEvents: !0,
-  outline: { transform: B.outline },
+  outline: { transform: j.outline },
   outlineOffset: !0,
   outlineColor: s.colors("outlineColor")
-}, Re = {
+}, Ee = {
   width: s.sizesT("width"),
   inlineSize: s.sizesT("inlineSize"),
   height: s.sizes("height"),
@@ -2243,22 +2246,22 @@ var mn = {
   verticalAlign: !0,
   boxSizing: !0,
   boxDecorationBreak: !0,
-  float: s.propT("float", B.float),
+  float: s.propT("float", j.float),
   objectFit: !0,
   objectPosition: !0,
   visibility: !0,
   isolation: !0
 };
-Object.assign(Re, {
-  w: Re.width,
-  h: Re.height,
-  minW: Re.minWidth,
-  maxW: Re.maxWidth,
-  minH: Re.minHeight,
-  maxH: Re.maxHeight,
-  overscroll: Re.overscrollBehavior,
-  overscrollX: Re.overscrollBehaviorX,
-  overscrollY: Re.overscrollBehaviorY
+Object.assign(Ee, {
+  w: Ee.width,
+  h: Ee.height,
+  minW: Ee.minWidth,
+  maxW: Ee.maxWidth,
+  minH: Ee.minHeight,
+  maxH: Ee.maxHeight,
+  overscroll: Ee.overscrollBehavior,
+  overscrollX: Ee.overscrollBehaviorX,
+  overscrollY: Ee.overscrollBehaviorY
 });
 var Ta = {
   listStyleType: !0,
@@ -2356,7 +2359,7 @@ Object.assign(Er, {
   insetEnd: Er.insetInlineEnd
 });
 var ja = {
-  ring: { transform: B.ring },
+  ring: { transform: j.ring },
   ringColor: s.colors("--chakra-ring-color"),
   ringOffset: s.prop("--chakra-ring-offset-width"),
   ringOffsetColor: s.colors("--chakra-ring-offset-color"),
@@ -2424,7 +2427,7 @@ var Aa = {
   textShadow: s.shadows("textShadow")
 }, Pa = {
   clipPath: !0,
-  transform: s.propT("transform", B.transform),
+  transform: s.propT("transform", j.transform),
   transformOrigin: !0,
   translateX: s.spaceT("--chakra-translate-x"),
   translateY: s.spaceT("--chakra-translate-y"),
@@ -2447,7 +2450,7 @@ var Aa = {
   )
 }, $a = {
   fontFamily: s.prop("fontFamily", "fonts"),
-  fontSize: s.prop("fontSize", "fontSizes", B.px),
+  fontSize: s.prop("fontSize", "fontSizes", j.px),
   fontWeight: s.prop("fontWeight", "fontWeights"),
   lineHeight: s.prop("lineHeight", "lineHeights"),
   letterSpacing: s.prop("letterSpacing", "letterSpacings"),
@@ -2475,6 +2478,7 @@ var Aa = {
       textOverflow: "ellipsis",
       display: "-webkit-box",
       WebkitBoxOrient: "vertical",
+      //@ts-ignore
       WebkitLineClamp: "var(--chakra-line-clamp)"
     },
     property: "--chakra-line-clamp"
@@ -2484,6 +2488,7 @@ var Aa = {
   scrollSnapAlign: !0,
   scrollSnapStop: !0,
   scrollSnapType: !0,
+  // scroll margin
   scrollMargin: s.spaceT("scrollMargin"),
   scrollMarginTop: s.spaceT("scrollMarginTop"),
   scrollMarginBottom: s.spaceT("scrollMarginBottom"),
@@ -2491,6 +2496,7 @@ var Aa = {
   scrollMarginRight: s.spaceT("scrollMarginRight"),
   scrollMarginX: s.spaceT(["scrollMarginLeft", "scrollMarginRight"]),
   scrollMarginY: s.spaceT(["scrollMarginTop", "scrollMarginBottom"]),
+  // scroll padding
   scrollPadding: s.spaceT("scrollPadding"),
   scrollPaddingTop: s.spaceT("scrollPaddingTop"),
   scrollPaddingBottom: s.spaceT("scrollPaddingBottom"),
@@ -2550,66 +2556,292 @@ var ae = {
   expanded: (e, r) => `${e}:read-only ${r}, ${e}[aria-expanded=true] ${r}, ${e}[data-expanded] ${r}`,
   placeholderShown: (e, r) => `${e}:placeholder-shown ${r}`
 }, rr = (e) => bn((r) => e(r, "&"), "[role=group]", "[data-group]", ".group"), Xe = (e) => bn((r) => e(r, "~ &"), "[data-peer]", ".peer"), bn = (e, ...r) => r.map(e).join(", "), Rt = {
+  /**
+   * Styles for CSS selector `&:hover`
+   */
   _hover: "&:hover, &[data-hover]",
+  /**
+   * Styles for CSS Selector `&:active`
+   */
   _active: "&:active, &[data-active]",
+  /**
+   * Styles for CSS selector `&:focus`
+   *
+   */
   _focus: "&:focus, &[data-focus]",
+  /**
+   * Styles for the highlighted state.
+   */
   _highlighted: "&[data-highlighted]",
+  /**
+   * Styles to apply when a child of this element has received focus
+   * - CSS Selector `&:focus-within`
+   */
   _focusWithin: "&:focus-within",
+  /**
+   * Styles to apply when this element has received focus via tabbing
+   * - CSS Selector `&:focus-visible`
+   */
   _focusVisible: "&:focus-visible, &[data-focus-visible]",
+  /**
+   * Styles to apply when this element is disabled. The passed styles are applied to these CSS selectors:
+   * - `&[aria-disabled=true]`
+   * - `&:disabled`
+   * - `&[data-disabled]`
+   * - `&[disabled]`
+   */
   _disabled: "&:disabled, &[disabled], &[aria-disabled=true], &[data-disabled]",
+  /**
+   * Styles for CSS Selector `&:readonly`
+   */
   _readOnly: "&[aria-readonly=true], &[readonly], &[data-readonly]",
+  /**
+   * Styles for CSS selector `&::before`
+   *
+   * NOTE:When using this, ensure the `content` is wrapped in a backtick.
+   * @example
+   * ```jsx
+   * <Box _before={{content:`""` }}/>
+   * ```
+   */
   _before: "&::before",
+  /**
+   * Styles for CSS selector `&::after`
+   *
+   * NOTE:When using this, ensure the `content` is wrapped in a backtick.
+   * @example
+   * ```jsx
+   * <Box _after={{content:`""` }}/>
+   * ```
+   */
   _after: "&::after",
+  /**
+   * Styles for CSS selector `&:empty`
+   */
   _empty: "&:empty",
+  /**
+   * Styles to apply when the ARIA attribute `aria-expanded` is `true`
+   * - CSS selector `&[aria-expanded=true]`
+   */
   _expanded: "&[aria-expanded=true], &[data-expanded]",
+  /**
+   * Styles to apply when the ARIA attribute `aria-checked` is `true`
+   * - CSS selector `&[aria-checked=true]`
+   */
   _checked: "&[aria-checked=true], &[data-checked]",
+  /**
+   * Styles to apply when the ARIA attribute `aria-grabbed` is `true`
+   * - CSS selector `&[aria-grabbed=true]`
+   */
   _grabbed: "&[aria-grabbed=true], &[data-grabbed]",
+  /**
+   * Styles for CSS Selector `&[aria-pressed=true]`
+   * Typically used to style the current "pressed" state of toggle buttons
+   */
   _pressed: "&[aria-pressed=true], &[data-pressed]",
+  /**
+   * Styles to apply when the ARIA attribute `aria-invalid` is `true`
+   * - CSS selector `&[aria-invalid=true]`
+   */
   _invalid: "&[aria-invalid=true], &[data-invalid]",
+  /**
+   * Styles for the valid state
+   * - CSS selector `&[data-valid], &[data-state=valid]`
+   */
   _valid: "&[data-valid], &[data-state=valid]",
+  /**
+   * Styles for CSS Selector `&[aria-busy=true]` or `&[data-loading=true]`.
+   * Useful for styling loading states
+   */
   _loading: "&[data-loading], &[aria-busy=true]",
+  /**
+   * Styles to apply when the ARIA attribute `aria-selected` is `true`
+   *
+   * - CSS selector `&[aria-selected=true]`
+   */
   _selected: "&[aria-selected=true], &[data-selected]",
+  /**
+   * Styles for CSS Selector `[hidden=true]`
+   */
   _hidden: "&[hidden], &[data-hidden]",
+  /**
+   * Styles for CSS Selector `&:-webkit-autofill`
+   */
   _autofill: "&:-webkit-autofill",
+  /**
+   * Styles for CSS Selector `&:nth-child(even)`
+   */
   _even: "&:nth-of-type(even)",
+  /**
+   * Styles for CSS Selector `&:nth-child(odd)`
+   */
   _odd: "&:nth-of-type(odd)",
+  /**
+   * Styles for CSS Selector `&:first-of-type`
+   */
   _first: "&:first-of-type",
+  /**
+   * Styles for CSS selector `&::first-letter`
+   *
+   * NOTE: This selector is only applied for block-level elements and not preceded by an image or table.
+   * @example
+   * ```jsx
+   * <Text _firstLetter={{ textDecoration: 'underline' }}>Once upon a time</Text>
+   * ```
+   */
   _firstLetter: "&::first-letter",
+  /**
+   * Styles for CSS Selector `&:last-of-type`
+   */
   _last: "&:last-of-type",
+  /**
+   * Styles for CSS Selector `&:not(:first-of-type)`
+   */
   _notFirst: "&:not(:first-of-type)",
+  /**
+   * Styles for CSS Selector `&:not(:last-of-type)`
+   */
   _notLast: "&:not(:last-of-type)",
+  /**
+   * Styles for CSS Selector `&:visited`
+   */
   _visited: "&:visited",
+  /**
+   * Used to style the active link in a navigation
+   * Styles for CSS Selector `&[aria-current=page]`
+   */
   _activeLink: "&[aria-current=page]",
+  /**
+   * Used to style the current step within a process
+   * Styles for CSS Selector `&[aria-current=step]`
+   */
   _activeStep: "&[aria-current=step]",
+  /**
+   * Styles to apply when the ARIA attribute `aria-checked` is `mixed`
+   * - CSS selector `&[aria-checked=mixed]`
+   */
   _indeterminate: "&:indeterminate, &[aria-checked=mixed], &[data-indeterminate]",
+  /**
+   * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is hovered
+   */
   _groupHover: rr(ae.hover),
+  /**
+   * Styles to apply when a sibling element with `.peer` or `data-peer` is hovered
+   */
   _peerHover: Xe(ae.hover),
+  /**
+   * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is focused
+   */
   _groupFocus: rr(ae.focus),
+  /**
+   * Styles to apply when a sibling element with `.peer` or `data-peer` is focused
+   */
   _peerFocus: Xe(ae.focus),
+  /**
+   * Styles to apply when a parent element with `.group`, `data-group` or `role=group` has visible focus
+   */
   _groupFocusVisible: rr(ae.focusVisible),
+  /**
+   * Styles to apply when a sibling element with `.peer`or `data-peer` has visible focus
+   */
   _peerFocusVisible: Xe(ae.focusVisible),
+  /**
+   * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is active
+   */
   _groupActive: rr(ae.active),
+  /**
+   * Styles to apply when a sibling element with `.peer` or `data-peer` is active
+   */
   _peerActive: Xe(ae.active),
+  /**
+   * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is disabled
+   */
   _groupDisabled: rr(ae.disabled),
+  /**
+   *  Styles to apply when a sibling element with `.peer` or `data-peer` is disabled
+   */
   _peerDisabled: Xe(ae.disabled),
+  /**
+   *  Styles to apply when a parent element with `.group`, `data-group` or `role=group` is invalid
+   */
   _groupInvalid: rr(ae.invalid),
+  /**
+   *  Styles to apply when a sibling element with `.peer` or `data-peer` is invalid
+   */
   _peerInvalid: Xe(ae.invalid),
+  /**
+   * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is checked
+   */
   _groupChecked: rr(ae.checked),
+  /**
+   * Styles to apply when a sibling element with `.peer` or `data-peer` is checked
+   */
   _peerChecked: Xe(ae.checked),
+  /**
+   *  Styles to apply when a parent element with `.group`, `data-group` or `role=group` has focus within
+   */
   _groupFocusWithin: rr(ae.focusWithin),
+  /**
+   *  Styles to apply when a sibling element with `.peer` or `data-peer` has focus within
+   */
   _peerFocusWithin: Xe(ae.focusWithin),
+  /**
+   * Styles to apply when a sibling element with `.peer` or `data-peer` has placeholder shown
+   */
   _peerPlaceholderShown: Xe(ae.placeholderShown),
+  /**
+   * Styles for CSS Selector `&::placeholder`.
+   */
   _placeholder: "&::placeholder",
+  /**
+   * Styles for CSS Selector `&:placeholder-shown`.
+   */
   _placeholderShown: "&:placeholder-shown",
+  /**
+   * Styles for CSS Selector `&:fullscreen`.
+   */
   _fullScreen: "&:fullscreen",
+  /**
+   * Styles for CSS Selector `&::selection`
+   */
   _selection: "&::selection",
+  /**
+   * Styles for CSS Selector `[dir=rtl] &`
+   * It is applied when a parent element or this element has `dir="rtl"`
+   */
   _rtl: "[dir=rtl] &, &[dir=rtl]",
+  /**
+   * Styles for CSS Selector `[dir=ltr] &`
+   * It is applied when a parent element or this element has `dir="ltr"`
+   */
   _ltr: "[dir=ltr] &, &[dir=ltr]",
+  /**
+   * Styles for CSS Selector `@media (prefers-color-scheme: dark)`
+   * It is used when the user has requested the system use a light or dark color theme.
+   */
   _mediaDark: "@media (prefers-color-scheme: dark)",
+  /**
+   * Styles for CSS Selector `@media (prefers-reduced-motion: reduce)`
+   * It is used when the user has requested the system to reduce the amount of animations.
+   */
   _mediaReduceMotion: "@media (prefers-reduced-motion: reduce)",
+  /**
+   * Styles for when `data-theme` is applied to any parent of
+   * this component or element.
+   */
   _dark: ".chakra-ui-dark &:not([data-theme]),[data-theme=dark] &:not([data-theme]),&[data-theme=dark]",
+  /**
+   * Styles for when `data-theme` is applied to any parent of
+   * this component or element.
+   */
   _light: ".chakra-ui-light &:not([data-theme]),[data-theme=light] &:not([data-theme]),&[data-theme=light]",
+  /**
+   * Styles for the CSS Selector `&[data-orientation=horizontal]`
+   */
   _horizontal: "&[data-orientation=horizontal]",
+  /**
+   * Styles for the CSS Selector `&[data-orientation=vertical]`
+   */
   _vertical: "&[data-orientation=vertical]"
 }, Ma = Object.keys(
   Rt
@@ -2626,7 +2858,7 @@ var Et = tr(
   W,
   _a,
   Vr,
-  Re,
+  Ee,
   xa,
   ja,
   ka,
@@ -2642,7 +2874,7 @@ var Et = tr(
   Ta,
   Ba
 );
-Object.assign({}, N, Re, Vr, mn, Er);
+Object.assign({}, N, Ee, Vr, mn, Er);
 var za = [...Object.keys(Et), ...Ma], Na = { ...Et, ...Rt }, Ga = (e) => e in Na, Va = (e) => (r) => {
   if (!r.__breakpoints)
     return e;