@react-hive/honey-layout 4.0.0 → 4.2.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import $e, { css as le, useTheme as dr, ThemeProvider as pr, ThemeContext as an } from "styled-components";
-import hr, { createContext as gr, forwardRef as vr, useMemo as _t, useContext as Bt, Fragment as sn, useState as xt, useEffect as fe, useRef as Le, useCallback as Ae } from "react";
+import hr, { createContext as gr, forwardRef as vr, useMemo as _t, useContext as Yt, Fragment as sn, useState as Bt, useEffect as fe, useRef as Se, useCallback as Ae } from "react";
 const cn = [
   'a[href]:not([tabindex="-1"])',
   'button:not([disabled]):not([tabindex="-1"])',
@@ -20,7 +20,7 @@ var ln = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
   }
   /* Z+1 */
 );
-const Kn = (n, o) => typeof o == "string" ? fn(n) : !0, dn = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) => n.split(" ").filter((o) => o), Nt = (n, o = 16) => `${n / o}rem`, pn = (n, o, i, s) => {
+const Kn = (n, o) => typeof o == "string" ? fn(n) : !0, dn = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) => n.split(" ").filter((o) => o), Ut = (n, o = 16) => `${n / o}rem`, pn = (n, o, i, s) => {
   const l = i - n, c = s - o;
   return Math.sqrt(l ** 2 + c ** 2);
 }, nr = (n, o) => Math.abs(n / o), or = (n, o) => n * o / 100, hn = (n, o) => {
@@ -59,9 +59,9 @@ const Kn = (n, o) => typeof o == "string" ? fn(n) : !0, dn = (n) => n.replace(/[
     translateY: f
   };
 }, gn = (n, o, i, s = [], l = void 0, c = 0) => (n == null || n.forEach((f) => {
-  const { [i]: g, ...h } = f, _ = f[i], m = Array.isArray(_);
+  const { [i]: g, ...p } = f, _ = f[i], m = Array.isArray(_);
   if (s.push({
-    ...h,
+    ...p,
     parentId: l,
     depthLevel: c,
     totalNestedItems: m ? _.length : 0
@@ -83,37 +83,37 @@ const Kn = (n, o) => typeof o == "string" ? fn(n) : !0, dn = (n) => n.replace(/[
   if (!l.length)
     return n;
   const c = n.reduce(
-    (f, g, h) => (f[g[o]] = h, f),
+    (f, g, p) => (f[g[o]] = p, f),
     {}
   );
   return n.reduce(
     (f, g) => {
-      const h = g[i];
-      if (!h || f.some(
+      const p = g[i];
+      if (!p || f.some(
         (y) => y[o] === g[o]
       ))
         return f;
-      const _ = rr(h.toLowerCase());
+      const _ = rr(p.toLowerCase());
       if (l.every(
-        (y) => _.some((w) => w.startsWith(y))
+        (y) => _.some((E) => E.startsWith(y))
       ))
         if (g.parentId === void 0) {
           f.push(g);
-          const y = (w) => {
-            w.totalNestedItems && n.forEach((O) => {
-              O.parentId === w[o] && (f.push(O), y(O));
+          const y = (E) => {
+            E.totalNestedItems && n.forEach((j) => {
+              j.parentId === E[o] && (f.push(j), y(j));
             });
           };
           y(g);
         } else {
-          const y = (w) => {
-            const O = c[w.parentId], I = n[O];
-            I.parentId !== void 0 && y(I);
+          const y = (E) => {
+            const j = c[E.parentId], W = n[j];
+            W.parentId !== void 0 && y(W);
             const z = f.length ? f[f.length - 1].parentId : null;
-            if (z === null || z !== w.parentId) {
-              if (!I)
+            if (z === null || z !== E.parentId) {
+              if (!W)
                 throw new Error("[honey-layout]: Parent item was not found.");
-              f.push(I);
+              f.push(W);
             }
           };
           y(g), f.push(g);
@@ -162,7 +162,7 @@ function eo(n, o) {
 const mn = () => {
   const n = Date.now().toString(), o = Math.floor(Math.random() * 1e4).toString().padStart(4, "0");
   return `${n}${o}`;
-}, Tt = (n, o = "px", i = "base") => ({ theme: s }) => {
+}, xt = (n, o = "px", i = "base") => ({ theme: s }) => {
   const l = s.spacings[i] ?? 0;
   if (typeof n == "number") {
     const f = n * l;
@@ -179,15 +179,15 @@ const mn = () => {
   const i = o.fonts[n];
   return le`
       font-family: ${i.family};
-      font-size: ${Nt(i.size)};
+      font-size: ${Ut(i.size)};
       font-weight: ${i.weight};
-      line-height: ${i.lineHeight !== void 0 && Nt(i.lineHeight)};
-      letter-spacing: ${i.letterSpacing !== void 0 && Nt(i.letterSpacing)};
+      line-height: ${i.lineHeight !== void 0 && Ut(i.lineHeight)};
+      letter-spacing: ${i.letterSpacing !== void 0 && Ut(i.letterSpacing)};
     `;
 }, _n = (n) => ({ theme: o }) => o.dimensions[n], xn = (n) => vn.includes(n), Tn = (n) => yn.includes(n), br = (n) => n[0] === "$", wn = (n) => n.split(".").length === 2, En = (n, o, i) => {
   const s = typeof o == "object" && !Array.isArray(o) ? o[i] : o;
   if (s !== void 0)
-    return xn(n) && (typeof s == "number" || Array.isArray(s)) ? Tt(s, "px") : Tn(n) && typeof s == "string" && wn(s) ? mr(s) : s;
+    return xn(n) && (typeof s == "number" || Array.isArray(s)) ? xt(s, "px") : Tn(n) && typeof s == "string" && wn(s) ? mr(s) : s;
 }, Sn = (n, o) => Object.entries(n).filter(
   ([i, s]) => br(i) && o === "xs" || s && typeof s == "object" && o in s
 ), _r = (n) => ({ theme: o, ...i }) => le`
@@ -253,7 +253,7 @@ const mn = () => {
     isLg: c === "lg",
     isXl: c === "xl"
   };
-}, wt = $e.div`
+}, Tt = $e.div`
   ${({ effects: n }) => le`
     ${n};
 
@@ -264,10 +264,12 @@ const mn = () => {
     ${mt("lg")};
     ${mt("xl")};
   `}
-`, Vt = $e(wt).attrs(({ $display: n, $flexDirection: o }) => ({
-  $display: n ?? "flex",
-  $flexDirection: o ?? "column"
-}))``;
+`, Vt = $e(Tt).attrs(
+  ({ $display: n = "flex", $flexDirection: o = "column" }) => ({
+    $display: n,
+    $flexDirection: o
+  })
+)``;
 var Ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Tr(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
@@ -287,12 +289,12 @@ function Cn() {
   if (sr) return Qe;
   sr = 1;
   var n = hr, o = Symbol.for("react.element"), i = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, l = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function f(g, h, _) {
-    var m, y = {}, w = null, O = null;
-    _ !== void 0 && (w = "" + _), h.key !== void 0 && (w = "" + h.key), h.ref !== void 0 && (O = h.ref);
-    for (m in h) s.call(h, m) && !c.hasOwnProperty(m) && (y[m] = h[m]);
-    if (g && g.defaultProps) for (m in h = g.defaultProps, h) y[m] === void 0 && (y[m] = h[m]);
-    return { $$typeof: o, type: g, key: w, ref: O, props: y, _owner: l.current };
+  function f(g, p, _) {
+    var m, y = {}, E = null, j = null;
+    _ !== void 0 && (E = "" + _), p.key !== void 0 && (E = "" + p.key), p.ref !== void 0 && (j = p.ref);
+    for (m in p) s.call(p, m) && !c.hasOwnProperty(m) && (y[m] = p[m]);
+    if (g && g.defaultProps) for (m in p = g.defaultProps, p) y[m] === void 0 && (y[m] = p[m]);
+    return { $$typeof: o, type: g, key: E, ref: j, props: y, _owner: l.current };
   }
   return Qe.Fragment = i, Qe.jsx = f, Qe.jsxs = f, Qe;
 }
@@ -309,11 +311,11 @@ var et = {};
 var cr;
 function On() {
   return cr || (cr = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = hr, o = Symbol.for("react.element"), i = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), g = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), I = Symbol.iterator, z = "@@iterator";
+    var n = hr, o = Symbol.for("react.element"), i = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), g = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), W = Symbol.iterator, z = "@@iterator";
     function q(t) {
       if (t === null || typeof t != "object")
         return null;
-      var u = I && t[I] || t[z];
+      var u = W && t[W] || t[z];
       return typeof u == "function" ? u : null;
     }
     var U = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -326,18 +328,18 @@ function On() {
     }
     function ve(t, u, d) {
       {
-        var b = U.ReactDebugCurrentFrame, E = b.getStackAddendum();
-        E !== "" && (u += "%s", d = d.concat([E]));
+        var b = U.ReactDebugCurrentFrame, w = b.getStackAddendum();
+        w !== "" && (u += "%s", d = d.concat([w]));
         var A = d.map(function(S) {
           return String(S);
         });
         A.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, A);
       }
     }
-    var ye = !1, de = !1, p = !1, x = !1, D = !1, V;
+    var ye = !1, de = !1, h = !1, x = !1, I = !1, V;
     V = Symbol.for("react.module.reference");
     function Z(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === s || t === c || D || t === l || t === _ || t === m || x || t === O || ye || de || p || typeof t == "object" && t !== null && (t.$$typeof === w || t.$$typeof === y || t.$$typeof === f || t.$$typeof === g || t.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === s || t === c || I || t === l || t === _ || t === m || x || t === j || ye || de || h || typeof t == "object" && t !== null && (t.$$typeof === E || t.$$typeof === y || t.$$typeof === f || t.$$typeof === g || t.$$typeof === p || // 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.
@@ -347,13 +349,13 @@ function On() {
       var b = t.displayName;
       if (b)
         return b;
-      var E = u.displayName || u.name || "";
-      return E !== "" ? d + "(" + E + ")" : d;
+      var w = u.displayName || u.name || "";
+      return w !== "" ? d + "(" + w + ")" : d;
     }
     function re(t) {
       return t.displayName || "Context";
     }
-    function F(t) {
+    function M(t) {
       if (t == null)
         return null;
       if (typeof t.tag == "number" && L("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
@@ -382,15 +384,15 @@ function On() {
           case f:
             var d = t;
             return re(d._context) + ".Provider";
-          case h:
+          case p:
             return me(t, t.render, "ForwardRef");
           case y:
             var b = t.displayName || null;
-            return b !== null ? b : F(t.type) || "Memo";
-          case w: {
-            var E = t, A = E._payload, S = E._init;
+            return b !== null ? b : M(t.type) || "Memo";
+          case E: {
+            var w = t, A = w._payload, S = w._init;
             try {
-              return F(S(A));
+              return M(S(A));
             } catch {
               return null;
             }
@@ -398,14 +400,14 @@ function On() {
         }
       return null;
     }
-    var Y = Object.assign, Q = 0, Se, ae, be, _e, ke, He, Re;
+    var Y = Object.assign, Q = 0, Re, ae, be, _e, ke, He, Ce;
     function C() {
     }
     C.__reactDisabledLog = !0;
-    function Ce() {
+    function Oe() {
       {
         if (Q === 0) {
-          Se = console.log, ae = console.info, be = console.warn, _e = console.error, ke = console.group, He = console.groupCollapsed, Re = console.groupEnd;
+          Re = console.log, ae = console.info, be = console.warn, _e = console.error, ke = console.group, He = console.groupCollapsed, Ce = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
@@ -435,7 +437,7 @@ function On() {
           };
           Object.defineProperties(console, {
             log: Y({}, t, {
-              value: Se
+              value: Re
             }),
             info: Y({}, t, {
               value: ae
@@ -453,7 +455,7 @@ function On() {
               value: He
             }),
             groupEnd: Y({}, t, {
-              value: Re
+              value: Ce
             })
           });
         }
@@ -461,13 +463,13 @@ function On() {
       }
     }
     var ne = U.ReactCurrentDispatcher, se;
-    function j(t, u, d) {
+    function P(t, u, d) {
       {
         if (se === void 0)
           try {
             throw Error();
-          } catch (E) {
-            var b = E.stack.trim().match(/\n( *(at )?)/);
+          } catch (w) {
+            var b = w.stack.trim().match(/\n( *(at )?)/);
             se = b && b[1] || "";
           }
         return `
@@ -476,8 +478,8 @@ function On() {
     }
     var J = !1, K;
     {
-      var Oe = typeof WeakMap == "function" ? WeakMap : Map;
-      K = new Oe();
+      var Pe = typeof WeakMap == "function" ? WeakMap : Map;
+      K = new Pe();
     }
     function Ye(t, u) {
       if (!t || J)
@@ -489,10 +491,10 @@ function On() {
       }
       var b;
       J = !0;
-      var E = Error.prepareStackTrace;
+      var w = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var A;
-      A = ne.current, ne.current = null, Ce();
+      A = ne.current, ne.current = null, Oe();
       try {
         if (u) {
           var S = function() {
@@ -529,31 +531,31 @@ function On() {
         if (N && b && typeof N.stack == "string") {
           for (var T = N.stack.split(`
 `), B = b.stack.split(`
-`), M = T.length - 1, W = B.length - 1; M >= 1 && W >= 0 && T[M] !== B[W]; )
-            W--;
-          for (; M >= 1 && W >= 0; M--, W--)
-            if (T[M] !== B[W]) {
-              if (M !== 1 || W !== 1)
+`), D = T.length - 1, F = B.length - 1; D >= 1 && F >= 0 && T[D] !== B[F]; )
+            F--;
+          for (; D >= 1 && F >= 0; D--, F--)
+            if (T[D] !== B[F]) {
+              if (D !== 1 || F !== 1)
                 do
-                  if (M--, W--, W < 0 || T[M] !== B[W]) {
+                  if (D--, F--, F < 0 || T[D] !== B[F]) {
                     var G = `
-` + T[M].replace(" at new ", " at ");
+` + T[D].replace(" at new ", " at ");
                     return t.displayName && G.includes("<anonymous>") && (G = G.replace("<anonymous>", t.displayName)), typeof t == "function" && K.set(t, G), G;
                   }
-                while (M >= 1 && W >= 0);
+                while (D >= 1 && F >= 0);
               break;
             }
         }
       } finally {
-        J = !1, ne.current = A, Ne(), Error.prepareStackTrace = E;
+        J = !1, ne.current = A, Ne(), Error.prepareStackTrace = w;
       }
-      var we = t ? t.displayName || t.name : "", te = we ? j(we) : "";
+      var we = t ? t.displayName || t.name : "", te = we ? P(we) : "";
       return typeof t == "function" && K.set(t, te), te;
     }
-    function Et(t, u, d) {
+    function wt(t, u, d) {
       return Ye(t, !1);
     }
-    function St(t) {
+    function Et(t) {
       var u = t.prototype;
       return !!(u && u.isReactComponent);
     }
@@ -561,32 +563,32 @@ function On() {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return Ye(t, St(t));
+        return Ye(t, Et(t));
       if (typeof t == "string")
-        return j(t);
+        return P(t);
       switch (t) {
         case _:
-          return j("Suspense");
+          return P("Suspense");
         case m:
-          return j("SuspenseList");
+          return P("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
-          case h:
-            return Et(t.render);
+          case p:
+            return wt(t.render);
           case y:
             return Ie(t.type, u, d);
-          case w: {
-            var b = t, E = b._payload, A = b._init;
+          case E: {
+            var b = t, w = b._payload, A = b._init;
             try {
-              return Ie(A(E), u, d);
+              return Ie(A(w), u, d);
             } catch {
             }
           }
         }
       return "";
     }
-    var Pe = Object.prototype.hasOwnProperty, rt = {}, nt = U.ReactDebugCurrentFrame;
+    var je = Object.prototype.hasOwnProperty, rt = {}, nt = U.ReactDebugCurrentFrame;
     function De(t) {
       if (t) {
         var u = t._owner, d = Ie(t.type, t._source, u ? u.type : null);
@@ -594,9 +596,9 @@ function On() {
       } else
         nt.setExtraStackFrame(null);
     }
-    function Me(t, u, d, b, E) {
+    function Me(t, u, d, b, w) {
       {
-        var A = Function.call.bind(Pe);
+        var A = Function.call.bind(je);
         for (var S in t)
           if (A(t, S)) {
             var T = void 0;
@@ -606,10 +608,10 @@ function On() {
                 throw B.name = "Invariant Violation", B;
               }
               T = t[S](u, S, b, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (M) {
-              T = M;
+            } catch (D) {
+              T = D;
             }
-            T && !(T instanceof Error) && (De(E), L("%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).", b || "React class", d, S, typeof T), De(null)), T instanceof Error && !(T.message in rt) && (rt[T.message] = !0, De(E), L("Failed %s type: %s", d, T.message), De(null));
+            T && !(T instanceof Error) && (De(w), L("%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).", b || "React class", d, S, typeof T), De(null)), T instanceof Error && !(T.message in rt) && (rt[T.message] = !0, De(w), L("Failed %s type: %s", d, T.message), De(null));
           }
       }
     }
@@ -644,7 +646,7 @@ function On() {
       __source: !0
     }, Ge, Xe;
     function st(t) {
-      if (Pe.call(t, "ref")) {
+      if (je.call(t, "ref")) {
         var u = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (u && u.isReactWarning)
           return !1;
@@ -652,17 +654,17 @@ function On() {
       return t.ref !== void 0;
     }
     function ct(t) {
-      if (Pe.call(t, "key")) {
+      if (je.call(t, "key")) {
         var u = Object.getOwnPropertyDescriptor(t, "key").get;
         if (u && u.isReactWarning)
           return !1;
       }
       return t.key !== void 0;
     }
-    function Rt(t, u) {
+    function St(t, u) {
       typeof t.ref == "string" && at.current;
     }
-    function Ct(t, u) {
+    function Rt(t, u) {
       {
         var d = function() {
           Ge || (Ge = !0, L("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
@@ -684,7 +686,7 @@ function On() {
         });
       }
     }
-    var We = function(t, u, d, b, E, A, S) {
+    var We = function(t, u, d, b, w, A, S) {
       var T = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: o,
@@ -710,25 +712,25 @@ function On() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
+        value: w
       }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
     };
-    function Ot(t, u, d, b, E) {
+    function Ct(t, u, d, b, w) {
       {
         var A, S = {}, T = null, B = null;
-        d !== void 0 && (it(d), T = "" + d), ct(u) && (it(u.key), T = "" + u.key), st(u) && (B = u.ref, Rt(u, E));
+        d !== void 0 && (it(d), T = "" + d), ct(u) && (it(u.key), T = "" + u.key), st(u) && (B = u.ref, St(u, w));
         for (A in u)
-          Pe.call(u, A) && !Fe.hasOwnProperty(A) && (S[A] = u[A]);
+          je.call(u, A) && !Fe.hasOwnProperty(A) && (S[A] = u[A]);
         if (t && t.defaultProps) {
-          var M = t.defaultProps;
-          for (A in M)
-            S[A] === void 0 && (S[A] = M[A]);
+          var D = t.defaultProps;
+          for (A in D)
+            S[A] === void 0 && (S[A] = D[A]);
         }
         if (T || B) {
-          var W = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          T && Ct(S, W), B && pe(S, W);
+          var F = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          T && Rt(S, F), B && pe(S, F);
         }
-        return We(t, T, B, E, b, at.current, S);
+        return We(t, T, B, w, b, at.current, S);
       }
     }
     var ze = U.ReactCurrentOwner, ut = U.ReactDebugCurrentFrame;
@@ -747,7 +749,7 @@ function On() {
     function ue() {
       {
         if (ze.current) {
-          var t = F(ze.current.type);
+          var t = M(ze.current.type);
           if (t)
             return `
 
@@ -756,11 +758,11 @@ Check the render method of \`` + t + "`.";
         return "";
       }
     }
-    function Pt(t) {
+    function Ot(t) {
       return "";
     }
     var lt = {};
-    function jt(t) {
+    function Pt(t) {
       {
         var u = ue();
         if (!u) {
@@ -777,12 +779,12 @@ Check the top-level render call using <` + d + ">.");
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var d = jt(u);
+        var d = Pt(u);
         if (lt[d])
           return;
         lt[d] = !0;
         var b = "";
-        t && t._owner && t._owner !== ze.current && (b = " It was passed a child from " + F(t._owner.type) + "."), he(t), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, b), he(null);
+        t && t._owner && t._owner !== ze.current && (b = " It was passed a child from " + M(t._owner.type) + "."), he(t), L('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, b), he(null);
       }
     }
     function dt(t, u) {
@@ -797,9 +799,9 @@ Check the top-level render call using <` + d + ">.");
         else if (qe(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var E = q(t);
-          if (typeof E == "function" && E !== t.entries)
-            for (var A = E.call(t), S; !(S = A.next()).done; )
+          var w = q(t);
+          if (typeof w == "function" && w !== t.entries)
+            for (var A = w.call(t), S; !(S = A.next()).done; )
               qe(S.value) && ft(S.value, u);
         }
       }
@@ -812,24 +814,24 @@ Check the top-level render call using <` + d + ">.");
         var d;
         if (typeof u == "function")
           d = u.propTypes;
-        else if (typeof u == "object" && (u.$$typeof === h || // Note: Memo only checks outer props here.
+        else if (typeof u == "object" && (u.$$typeof === p || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         u.$$typeof === y))
           d = u.propTypes;
         else
           return;
         if (d) {
-          var b = F(u);
+          var b = M(u);
           Me(d, t.props, "prop", b, t);
         } else if (u.PropTypes !== void 0 && !ge) {
           ge = !0;
-          var E = F(u);
-          L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+          var w = M(u);
+          L("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", w || "Unknown");
         }
         typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && L("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Lt(t) {
+    function jt(t) {
       {
         for (var u = Object.keys(t.props), d = 0; d < u.length; d++) {
           var b = u[d];
@@ -842,20 +844,20 @@ Check the top-level render call using <` + d + ">.");
       }
     }
     var pt = {};
-    function ht(t, u, d, b, E, A) {
+    function ht(t, u, d, b, w, A) {
       {
         var S = Z(t);
         if (!S) {
           var T = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (T += " 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 B = Pt();
+          var B = Ot();
           B ? T += B : T += ue();
-          var M;
-          t === null ? M = "null" : xe(t) ? M = "array" : t !== void 0 && t.$$typeof === o ? (M = "<" + (F(t.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : M = typeof t, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", M, T);
+          var D;
+          t === null ? D = "null" : xe(t) ? D = "array" : t !== void 0 && t.$$typeof === o ? (D = "<" + (M(t.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : D = typeof t, L("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, T);
         }
-        var W = Ot(t, u, d, E, A);
-        if (W == null)
-          return W;
+        var F = Ct(t, u, d, w, A);
+        if (F == null)
+          return F;
         if (S) {
           var G = u.children;
           if (G !== void 0)
@@ -869,8 +871,8 @@ Check the top-level render call using <` + d + ">.");
             else
               dt(G, t);
         }
-        if (Pe.call(u, "key")) {
-          var te = F(t), N = Object.keys(u).filter(function(gt) {
+        if (je.call(u, "key")) {
+          var te = M(t), N = Object.keys(u).filter(function(gt) {
             return gt !== "key";
           }), Je = N.length > 0 ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!pt[te + Je]) {
@@ -883,17 +885,17 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Je, te, Ue, te), pt[te + Je] = !0;
           }
         }
-        return t === s ? Lt(W) : oe(W), W;
+        return t === s ? jt(F) : oe(F), F;
       }
     }
-    function At(t, u, d) {
+    function Lt(t, u, d) {
       return ht(t, u, d, !0);
     }
-    function $t(t, u, d) {
+    function At(t, u, d) {
       return ht(t, u, d, !1);
     }
-    var Te = $t, kt = At;
-    et.Fragment = s, et.jsx = Te, et.jsxs = kt;
+    var Te = At, $t = Lt;
+    et.Fragment = s, et.jsx = Te, et.jsxs = $t;
   }()), et;
 }
 var ur;
@@ -903,7 +905,7 @@ function Pn() {
 var X = Pn();
 const wr = $e(Vt)`
   ${({ columns: n, takeColumns: o = 1, spacing: i = 0, applyMaxWidth: s, theme: l }) => {
-  const c = 100 / n, f = Tt(i, null)({ theme: l }), g = o * c, h = (n - o) * (f / n), _ = `calc(${g}% - ${h}px)`;
+  const c = 100 / n, f = xt(i, null)({ theme: l }), g = o * c, p = (n - o) * (f / n), _ = `calc(${g}% - ${p}px)`;
   return le`
       flex-basis: ${_};
 
@@ -914,12 +916,12 @@ const wr = $e(Vt)`
       `}
     `;
 }}
-`, jn = $e(wt).attrs(({ $flexWrap: n }) => ({
+`, jn = $e(Tt).attrs(({ $flexWrap: n }) => ({
   $flexWrap: n ?? "wrap"
 }))`
   ${({ columnHeight: n, minColumnHeight: o, spacing: i = 0 }) => le`
     display: flex;
-    gap: ${Tt(i)};
+    gap: ${xt(i)};
 
     > ${wr} {
       height: ${n};
@@ -942,7 +944,7 @@ const wr = $e(Vt)`
 );
 Ln.displayName = "HoneyGrid";
 const An = () => {
-  const n = Bt(Er);
+  const n = Yt(Er);
   if (!n)
     throw new Error(
       "The `useCurrentHoneyGrid()` hook can only be used inside <HoneyGrid/> component!"
@@ -988,7 +990,7 @@ const An = () => {
   loadingContent: c,
   isError: f,
   errorContent: g,
-  noContent: h,
+  noContent: p,
   ..._
 }, m) => /* @__PURE__ */ X.jsx(
   kn,
@@ -1007,109 +1009,109 @@ const An = () => {
         isError: f,
         errorContent: g,
         isNoContent: (o == null ? void 0 : o.length) === 0,
-        noContent: h,
-        children: o == null ? void 0 : o.map((y, w, O) => /* @__PURE__ */ X.jsx(sn, { children: n(y, w, O) }, String(Sr(y, i, w))))
+        noContent: p,
+        children: o == null ? void 0 : o.map((y, E, j) => /* @__PURE__ */ X.jsx(sn, { children: n(y, E, j) }, String(Sr(y, i, E))))
       }
     )
   }
 ), ro = vr(Hn);
-var Yt, lr;
+var Nt, lr;
 function In() {
-  if (lr) return Yt;
+  if (lr) return Nt;
   lr = 1;
-  var n = "Expected a function", o = NaN, i = "[object Symbol]", s = /^\s+|\s+$/g, l = /^[-+]0x[0-9a-f]+$/i, c = /^0b[01]+$/i, f = /^0o[0-7]+$/i, g = parseInt, h = typeof Ee == "object" && Ee && Ee.Object === Object && Ee, _ = typeof self == "object" && self && self.Object === Object && self, m = h || _ || Function("return this")(), y = Object.prototype, w = y.toString, O = Math.max, I = Math.min, z = function() {
+  var n = "Expected a function", o = NaN, i = "[object Symbol]", s = /^\s+|\s+$/g, l = /^[-+]0x[0-9a-f]+$/i, c = /^0b[01]+$/i, f = /^0o[0-7]+$/i, g = parseInt, p = typeof Ee == "object" && Ee && Ee.Object === Object && Ee, _ = typeof self == "object" && self && self.Object === Object && self, m = p || _ || Function("return this")(), y = Object.prototype, E = y.toString, j = Math.max, W = Math.min, z = function() {
     return m.Date.now();
   };
-  function q(p, x, D) {
-    var V, Z, me, re, F, Y, Q = 0, Se = !1, ae = !1, be = !0;
-    if (typeof p != "function")
+  function q(h, x, I) {
+    var V, Z, me, re, M, Y, Q = 0, Re = !1, ae = !1, be = !0;
+    if (typeof h != "function")
       throw new TypeError(n);
-    x = de(x) || 0, L(D) && (Se = !!D.leading, ae = "maxWait" in D, me = ae ? O(de(D.maxWait) || 0, x) : me, be = "trailing" in D ? !!D.trailing : be);
-    function _e(j) {
+    x = de(x) || 0, L(I) && (Re = !!I.leading, ae = "maxWait" in I, me = ae ? j(de(I.maxWait) || 0, x) : me, be = "trailing" in I ? !!I.trailing : be);
+    function _e(P) {
       var J = V, K = Z;
-      return V = Z = void 0, Q = j, re = p.apply(K, J), re;
+      return V = Z = void 0, Q = P, re = h.apply(K, J), re;
     }
-    function ke(j) {
-      return Q = j, F = setTimeout(C, x), Se ? _e(j) : re;
+    function ke(P) {
+      return Q = P, M = setTimeout(C, x), Re ? _e(P) : re;
     }
-    function He(j) {
-      var J = j - Y, K = j - Q, Oe = x - J;
-      return ae ? I(Oe, me - K) : Oe;
+    function He(P) {
+      var J = P - Y, K = P - Q, Pe = x - J;
+      return ae ? W(Pe, me - K) : Pe;
     }
-    function Re(j) {
-      var J = j - Y, K = j - Q;
+    function Ce(P) {
+      var J = P - Y, K = P - Q;
       return Y === void 0 || J >= x || J < 0 || ae && K >= me;
     }
     function C() {
-      var j = z();
-      if (Re(j))
-        return Ce(j);
-      F = setTimeout(C, He(j));
+      var P = z();
+      if (Ce(P))
+        return Oe(P);
+      M = setTimeout(C, He(P));
     }
-    function Ce(j) {
-      return F = void 0, be && V ? _e(j) : (V = Z = void 0, re);
+    function Oe(P) {
+      return M = void 0, be && V ? _e(P) : (V = Z = void 0, re);
     }
     function Ne() {
-      F !== void 0 && clearTimeout(F), Q = 0, V = Y = Z = F = void 0;
+      M !== void 0 && clearTimeout(M), Q = 0, V = Y = Z = M = void 0;
     }
     function ne() {
-      return F === void 0 ? re : Ce(z());
+      return M === void 0 ? re : Oe(z());
     }
     function se() {
-      var j = z(), J = Re(j);
-      if (V = arguments, Z = this, Y = j, J) {
-        if (F === void 0)
+      var P = z(), J = Ce(P);
+      if (V = arguments, Z = this, Y = P, J) {
+        if (M === void 0)
           return ke(Y);
         if (ae)
-          return F = setTimeout(C, x), _e(Y);
+          return M = setTimeout(C, x), _e(Y);
       }
-      return F === void 0 && (F = setTimeout(C, x)), re;
+      return M === void 0 && (M = setTimeout(C, x)), re;
     }
     return se.cancel = Ne, se.flush = ne, se;
   }
-  function U(p, x, D) {
+  function U(h, x, I) {
     var V = !0, Z = !0;
-    if (typeof p != "function")
+    if (typeof h != "function")
       throw new TypeError(n);
-    return L(D) && (V = "leading" in D ? !!D.leading : V, Z = "trailing" in D ? !!D.trailing : Z), q(p, x, {
+    return L(I) && (V = "leading" in I ? !!I.leading : V, Z = "trailing" in I ? !!I.trailing : Z), q(h, x, {
       leading: V,
       maxWait: x,
       trailing: Z
     });
   }
-  function L(p) {
-    var x = typeof p;
-    return !!p && (x == "object" || x == "function");
+  function L(h) {
+    var x = typeof h;
+    return !!h && (x == "object" || x == "function");
   }
-  function ve(p) {
-    return !!p && typeof p == "object";
+  function ve(h) {
+    return !!h && typeof h == "object";
   }
-  function ye(p) {
-    return typeof p == "symbol" || ve(p) && w.call(p) == i;
+  function ye(h) {
+    return typeof h == "symbol" || ve(h) && E.call(h) == i;
   }
-  function de(p) {
-    if (typeof p == "number")
-      return p;
-    if (ye(p))
+  function de(h) {
+    if (typeof h == "number")
+      return h;
+    if (ye(h))
       return o;
-    if (L(p)) {
-      var x = typeof p.valueOf == "function" ? p.valueOf() : p;
-      p = L(x) ? x + "" : x;
-    }
-    if (typeof p != "string")
-      return p === 0 ? p : +p;
-    p = p.replace(s, "");
-    var D = c.test(p);
-    return D || f.test(p) ? g(p.slice(2), D ? 2 : 8) : l.test(p) ? o : +p;
+    if (L(h)) {
+      var x = typeof h.valueOf == "function" ? h.valueOf() : h;
+      h = L(x) ? x + "" : x;
+    }
+    if (typeof h != "string")
+      return h === 0 ? h : +h;
+    h = h.replace(s, "");
+    var I = c.test(h);
+    return I || f.test(h) ? g(h.slice(2), I ? 2 : 8) : l.test(h) ? o : +h;
   }
-  return Yt = U, Yt;
+  return Nt = U, Nt;
 }
 var Dn = In();
 const Mn = /* @__PURE__ */ Tr(Dn), Fn = ({
   resizeThrottle: n = 0,
   overrideScreenState: o
 } = {}) => {
-  const i = dr(), [s, l] = xt(() => ({
+  const i = dr(), [s, l] = Bt(() => ({
     ...ar(i.breakpoints),
     ...o
   }));
@@ -1130,92 +1132,92 @@ const Mn = /* @__PURE__ */ Tr(Dn), Fn = ({
     if (!l || !c)
       return;
     const f = o(c);
-    let g = !1, h = 0, _ = 0, m = 0, y = 0, w = 0;
-    const O = async (p, x) => {
-      i && !await i(c) || (g = !0, h = p, _ = x, m = p, y = x, w = Date.now());
-    }, I = async () => {
+    let g = !1, p = 0, _ = 0, m = 0, y = 0, E = 0;
+    const j = async (h, x) => {
+      i && !await i(c) || (g = !0, p = h, _ = x, m = h, y = x, E = Date.now());
+    }, W = async () => {
       if (g && (g = !1, s)) {
-        const p = Date.now() - w, x = m - h, D = y - _;
+        const h = Date.now() - E, x = m - p, I = y - _;
         await s({
           deltaX: x,
-          deltaY: D,
+          deltaY: I,
           get movingSpeedX() {
-            return nr(x, p);
+            return nr(x, h);
           },
           get movingSpeedY() {
-            return nr(D, p);
+            return nr(I, h);
           }
         }, c);
       }
     }, z = async () => {
-      await I(), window.removeEventListener("mousemove", ye), window.removeEventListener("mouseup", z);
-    }, q = async (p, x) => {
+      await W(), window.removeEventListener("mousemove", ye), window.removeEventListener("mouseup", z);
+    }, q = async (h, x) => {
       if (!g)
         return;
       if (!await f({
         get deltaX() {
-          return p - m;
+          return h - m;
         },
         get deltaY() {
           return x - y;
         },
         get distanceX() {
-          return p - h;
+          return h - p;
         },
         get distanceY() {
           return x - _;
         },
         get euclideanDistance() {
-          return pn(h, _, p, x);
+          return pn(p, _, h, x);
         }
       })) {
-        m = p, y = x, await z();
+        m = h, y = x, await z();
         return;
       }
-      m = p, y = x;
-    }, U = async (p) => {
-      p.stopPropagation();
-      const x = p.touches[0];
-      await O(x.clientX, x.clientY);
-    }, L = async (p) => {
-      const x = p.touches[0];
+      m = h, y = x;
+    }, U = async (h) => {
+      h.stopPropagation();
+      const x = h.touches[0];
+      await j(x.clientX, x.clientY);
+    }, L = async (h) => {
+      const x = h.touches[0];
       await q(x.clientX, x.clientY);
     }, ve = () => {
       g = !1;
-    }, ye = async (p) => {
-      await q(p.clientX, p.clientY);
-    }, de = async (p) => {
-      p.stopPropagation(), await O(p.clientX, p.clientY), window.addEventListener("mousemove", ye), window.addEventListener("mouseup", z);
+    }, ye = async (h) => {
+      await q(h.clientX, h.clientY);
+    }, de = async (h) => {
+      h.stopPropagation(), await j(h.clientX, h.clientY), window.addEventListener("mousemove", ye), window.addEventListener("mouseup", z);
     };
     return c.addEventListener("touchstart", U, {
       passive: !0
     }), c.addEventListener("touchmove", L, {
       passive: !0
-    }), c.addEventListener("touchend", I), c.addEventListener("touchcancel", ve), c.addEventListener("mousedown", de), () => {
-      c.removeEventListener("touchstart", U), c.removeEventListener("touchmove", L), c.removeEventListener("touchend", I), c.removeEventListener("touchcancel", ve), c.removeEventListener("mousedown", de);
+    }), c.addEventListener("touchend", W), c.addEventListener("touchcancel", ve), c.addEventListener("mousedown", de), () => {
+      c.removeEventListener("touchstart", U), c.removeEventListener("touchmove", L), c.removeEventListener("touchend", W), c.removeEventListener("touchcancel", ve), c.removeEventListener("mousedown", de);
     };
   }, [l, i, o, s]);
 }, no = (n, o) => {
-  const i = Le(null), s = Le(null), l = Le(null), c = (h, _) => {
-    if (i.current = h, l.current = _, !!h)
+  const i = Se(null), s = Se(null), l = Se(null), c = (p, _) => {
+    if (i.current = p, l.current = _, !!p)
       if (_) {
         const m = ([y]) => {
           y.isIntersecting && o();
         };
         s.current = new IntersectionObserver(m, {
-          root: h,
+          root: p,
           rootMargin: "0px",
           threshold: 0
         }), s.current.observe(_);
       } else s.current && (s.current.disconnect(), s.current = null);
   }, f = Ae(
-    (h) => {
-      c(h, l.current);
+    (p) => {
+      c(p, l.current);
     },
     []
   ), g = Ae(
-    (h) => {
-      c(i.current, h);
+    (p) => {
+      c(i.current, p);
     },
     [i, o]
   );
@@ -1230,8 +1232,8 @@ const Mn = /* @__PURE__ */ Tr(Dn), Fn = ({
 } = {}) => {
   const l = Ae(
     (c) => async ({ deltaX: f, deltaY: g }) => {
-      const h = c.scrollWidth - c.clientWidth, _ = c.scrollHeight - c.clientHeight;
-      if (h <= 0 && _ <= 0)
+      const p = c.scrollWidth - c.clientWidth, _ = c.scrollHeight - c.clientHeight;
+      if (p <= 0 && _ <= 0)
         return !1;
       const m = or(
         c.clientWidth,
@@ -1239,9 +1241,9 @@ const Mn = /* @__PURE__ */ Tr(Dn), Fn = ({
       ), y = or(
         c.clientHeight,
         o
-      ), { translateX: w, translateY: O } = yr(c), I = w + f, z = O + g;
-      let q = !1, U = w, L = O;
-      return (f < 0 && I >= (h + m) * -1 || f > 0 && I <= m) && (U = I, q = !0), (g < 0 && z >= (_ + y) * -1 || g > 0 && z <= y) && (L = z, q = !0), q && (c.style.transform = `translate(${U}px, ${L}px)`), !0;
+      ), { translateX: E, translateY: j } = yr(c), W = E + f, z = j + g;
+      let q = !1, U = E, L = j;
+      return (f < 0 && W >= (p + m) * -1 || f > 0 && W <= m) && (U = W, q = !0), (g < 0 && z >= (_ + y) * -1 || g > 0 && z <= y) && (L = z, q = !0), q && (c.style.transform = `translate(${U}px, ${L}px)`), !0;
     },
     [o]
   );
@@ -1271,14 +1273,14 @@ const Mn = /* @__PURE__ */ Tr(Dn), Fn = ({
     };
   }, [n, i]);
 }, Cr = gr(void 0), Or = () => {
-  const n = Bt(Cr);
+  const n = Yt(Cr);
   if (!n)
     throw new Error(
       "The `useHoneyLayout()` hook must be used inside <HoneyLayoutProvider/> component!"
     );
   return n;
 }, Wn = (n, o) => {
-  const { registerOverlay: i, unregisterOverlay: s } = Or(), l = Le(null);
+  const { registerOverlay: i, unregisterOverlay: s } = Or(), l = Se(null);
   return fe(() => {
     if (!n)
       return;
@@ -1298,7 +1300,7 @@ const Mn = /* @__PURE__ */ Tr(Dn), Fn = ({
         s.removeListener("keyup", o);
       };
   }, [s, o]), s;
-}, zn = $e(wt)`
+}, zn = $e(Tt)`
   overflow: hidden;
 `, Un = $e.div``, so = ({
   children: n,
@@ -1308,30 +1310,30 @@ const Mn = /* @__PURE__ */ Tr(Dn), Fn = ({
   direction: l = "vertical",
   ...c
 }) => {
-  const [f, g] = xt(o), h = Le(null);
-  Le(-1), f == null || f.length;
-  const _ = Ae((m) => (m.parentElement.clientHeight / 2, async ({ deltaX: w, deltaY: O }) => {
-    const { translateX: I, translateY: z } = yr(m), q = l === "horizontal" ? I + w : 0, U = l === "vertical" ? z + O : 0;
+  const [f, g] = Bt(o), p = Se(null);
+  Se(-1), f == null || f.length;
+  const _ = Ae((m) => (m.parentElement.clientHeight / 2, async ({ deltaX: E, deltaY: j }) => {
+    const { translateX: W, translateY: z } = yr(m), q = l === "horizontal" ? W + E : 0, U = l === "vertical" ? z + j : 0;
     return m.style.transform = `translate(${q}px, ${U}px)`, !0;
   }), []);
-  return Rr(h, {
+  return Rr(p, {
     onMoveDrag: _
   }), fe(() => {
   }, []), fe(() => {
-    const m = h.current;
+    const m = p.current;
     if (!m)
       return;
     const y = m.children[s];
     m.parentElement.clientHeight / 2, y.offsetTop + y.clientHeight / 2;
-  }, []), /* @__PURE__ */ X.jsx(wt, { $overflow: "hidden", "data-testid": "honey-looping-list-container", ...c, children: /* @__PURE__ */ X.jsx(zn, { ref: h, "data-testid": "honey-looping-list", children: f == null ? void 0 : f.map((m, y, w) => {
-    const O = Sr(m, i, y);
+  }, []), /* @__PURE__ */ X.jsx(Tt, { $overflow: "hidden", "data-testid": "honey-looping-list-container", ...c, children: /* @__PURE__ */ X.jsx(zn, { ref: p, "data-testid": "honey-looping-list", children: f == null ? void 0 : f.map((m, y, E) => {
+    const j = Sr(m, i, y);
     return /* @__PURE__ */ X.jsx(
       Un,
       {
         "aria-current": y === s,
-        children: n(m, y, w)
+        children: n(m, y, E)
       },
-      String(O)
+      String(j)
     );
   }) }) });
 }, co = ({
@@ -1341,7 +1343,7 @@ const Mn = /* @__PURE__ */ Tr(Dn), Fn = ({
   isAlwaysMounted: s = !1,
   isKeepAfterMount: l = !1
 }) => {
-  const [c, f] = xt(s || o), g = Le(void 0);
+  const [c, f] = Bt(s || o), g = Se(void 0);
   return fe(() => {
     if (!(!o || s))
       return clearTimeout(g.current), f(!0), () => {
@@ -1379,52 +1381,51 @@ const Mn = /* @__PURE__ */ Tr(Dn), Fn = ({
     }
   );
 }, Nn = () => {
-  const [n, o] = xt([]);
+  const n = Se([]);
   fe(() => {
-    if (!n.length)
-      return;
-    const l = (c) => {
-      n[n.length - 1].notifyListeners("keyup", c.code, c);
+    const s = (l) => {
+      const c = n.current;
+      if (!c.length)
+        return;
+      c[c.length - 1].notifyListeners("keyup", l.code, l);
     };
-    return document.addEventListener("keyup", l), () => {
-      document.removeEventListener("keyup", l);
+    return document.addEventListener("keyup", s), () => {
+      document.removeEventListener("keyup", s);
     };
-  }, [n]);
-  const i = Ae((l) => {
-    const c = l.id ?? mn(), f = [["keyup", l.onKeyUp]], g = {
+  }, []);
+  const o = Ae((s) => {
+    const l = s.id ?? mn(), c = [["keyup", s.onKeyUp]], f = {
       current: null
-    }, h = {
-      containerRef: g,
-      id: c,
-      setContainerRef: (_) => {
-        g.current = _;
+    }, g = {
+      containerRef: f,
+      id: l,
+      setContainerRef: (p) => {
+        f.current = p;
       },
-      addListener: (_, m) => {
-        f.push([_, m]);
+      addListener: (p, _) => {
+        c.push([p, _]);
       },
-      removeListener: (_, m) => {
-        const y = f.findIndex(
-          ([w, O]) => w === _ && O === m
+      removeListener: (p, _) => {
+        const m = c.findIndex(
+          ([y, E]) => y === p && E === _
         );
-        y !== -1 && f.splice(y, 1);
+        m !== -1 && c.splice(m, 1);
       },
-      notifyListeners: (_, m, y) => {
-        var w;
-        (!((w = l.listenKeys) != null && w.length) || l.listenKeys.includes(m)) && (y.preventDefault(), f.forEach(([O, I]) => {
-          O === _ && I(m, h, y);
+      notifyListeners: (p, _, m) => {
+        const y = s.listenKeys ?? [];
+        (!y.length || y.includes(_)) && (m.preventDefault(), c.forEach(([E, j]) => {
+          E === p && j(_, g, m);
         }));
       }
     };
-    return o((_) => [..._, h]), h;
-  }, []), s = Ae((l) => {
-    o(
-      (c) => c.filter((f) => f.id !== l)
-    );
+    return n.current.push(g), g;
+  }, []), i = Ae((s) => {
+    n.current = n.current.filter((l) => l.id !== s);
   }, []);
   return {
-    overlays: n,
-    registerOverlay: i,
-    unregisterOverlay: s
+    overlays: n.current,
+    registerOverlay: o,
+    unregisterOverlay: i
   };
 }, Yn = ({
   children: n,
@@ -1437,10 +1438,10 @@ const Mn = /* @__PURE__ */ Tr(Dn), Fn = ({
       overlays: l,
       registerOverlay: c,
       unregisterOverlay: f,
-      resolveSpacing: (...h) => Tt(...h)({ theme: i }),
-      resolveColor: (...h) => mr(...h)({ theme: i }),
-      resolveFont: (...h) => bn(...h)({ theme: i }),
-      resolveDimension: (...h) => _n(...h)({ theme: i })
+      resolveSpacing: (...p) => xt(...p)({ theme: i }),
+      resolveColor: (...p) => mr(...p)({ theme: i }),
+      resolveFont: (...p) => bn(...p)({ theme: i }),
+      resolveDimension: (...p) => _n(...p)({ theme: i })
     }),
     [i, s, l, c, f]
   );
@@ -1454,16 +1455,16 @@ tt.exports;
 var fr;
 function Bn() {
   return fr || (fr = 1, function(n, o) {
-    var i = 200, s = "__lodash_hash_undefined__", l = 800, c = 16, f = 9007199254740991, g = "[object Arguments]", h = "[object Array]", _ = "[object AsyncFunction]", m = "[object Boolean]", y = "[object Date]", w = "[object Error]", O = "[object Function]", I = "[object GeneratorFunction]", z = "[object Map]", q = "[object Number]", U = "[object Null]", L = "[object Object]", ve = "[object Proxy]", ye = "[object RegExp]", de = "[object Set]", p = "[object String]", x = "[object Undefined]", D = "[object WeakMap]", V = "[object ArrayBuffer]", Z = "[object DataView]", me = "[object Float32Array]", re = "[object Float64Array]", F = "[object Int8Array]", Y = "[object Int16Array]", Q = "[object Int32Array]", Se = "[object Uint8Array]", ae = "[object Uint8ClampedArray]", be = "[object Uint16Array]", _e = "[object Uint32Array]", ke = /[\\^$.*+?()[\]{}|]/g, He = /^\[object .+?Constructor\]$/, Re = /^(?:0|[1-9]\d*)$/, C = {};
-    C[me] = C[re] = C[F] = C[Y] = C[Q] = C[Se] = C[ae] = C[be] = C[_e] = !0, C[g] = C[h] = C[V] = C[m] = C[Z] = C[y] = C[w] = C[O] = C[z] = C[q] = C[L] = C[ye] = C[de] = C[p] = C[D] = !1;
-    var Ce = typeof Ee == "object" && Ee && Ee.Object === Object && Ee, Ne = typeof self == "object" && self && self.Object === Object && self, ne = Ce || Ne || Function("return this")(), se = o && !o.nodeType && o, j = se && !0 && n && !n.nodeType && n, J = j && j.exports === se, K = J && Ce.process, Oe = function() {
+    var i = 200, s = "__lodash_hash_undefined__", l = 800, c = 16, f = 9007199254740991, g = "[object Arguments]", p = "[object Array]", _ = "[object AsyncFunction]", m = "[object Boolean]", y = "[object Date]", E = "[object Error]", j = "[object Function]", W = "[object GeneratorFunction]", z = "[object Map]", q = "[object Number]", U = "[object Null]", L = "[object Object]", ve = "[object Proxy]", ye = "[object RegExp]", de = "[object Set]", h = "[object String]", x = "[object Undefined]", I = "[object WeakMap]", V = "[object ArrayBuffer]", Z = "[object DataView]", me = "[object Float32Array]", re = "[object Float64Array]", M = "[object Int8Array]", Y = "[object Int16Array]", Q = "[object Int32Array]", Re = "[object Uint8Array]", ae = "[object Uint8ClampedArray]", be = "[object Uint16Array]", _e = "[object Uint32Array]", ke = /[\\^$.*+?()[\]{}|]/g, He = /^\[object .+?Constructor\]$/, Ce = /^(?:0|[1-9]\d*)$/, C = {};
+    C[me] = C[re] = C[M] = C[Y] = C[Q] = C[Re] = C[ae] = C[be] = C[_e] = !0, C[g] = C[p] = C[V] = C[m] = C[Z] = C[y] = C[E] = C[j] = C[z] = C[q] = C[L] = C[ye] = C[de] = C[h] = C[I] = !1;
+    var Oe = typeof Ee == "object" && Ee && Ee.Object === Object && Ee, Ne = typeof self == "object" && self && self.Object === Object && self, ne = Oe || Ne || Function("return this")(), se = o && !o.nodeType && o, P = se && !0 && n && !n.nodeType && n, J = P && P.exports === se, K = J && Oe.process, Pe = function() {
       try {
-        var e = j && j.require && j.require("util").types;
+        var e = P && P.require && P.require("util").types;
         return e || K && K.binding && K.binding("util");
       } catch {
       }
-    }(), Ye = Oe && Oe.isTypedArray;
-    function Et(e, r, a) {
+    }(), Ye = Pe && Pe.isTypedArray;
+    function wt(e, r, a) {
       switch (a.length) {
         case 0:
           return e.call(r);
@@ -1476,7 +1477,7 @@ function Bn() {
       }
       return e.apply(r, a);
     }
-    function St(e, r) {
+    function Et(e, r) {
       for (var a = -1, v = Array(e); ++a < e; )
         v[a] = r(a);
       return v;
@@ -1486,7 +1487,7 @@ function Bn() {
         return e(r);
       };
     }
-    function Pe(e, r) {
+    function je(e, r) {
       return e == null ? void 0 : e[r];
     }
     function rt(e, r) {
@@ -1501,17 +1502,17 @@ function Bn() {
       "^" + xe.call(ce).replace(ke, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
     ), Fe = J ? ne.Buffer : void 0, Ge = ne.Symbol, Xe = ne.Uint8Array;
     Fe && Fe.allocUnsafe;
-    var st = rt(Object.getPrototypeOf, Object), ct = Object.create, Rt = Me.propertyIsEnumerable, Ct = nt.splice, pe = Ge ? Ge.toStringTag : void 0, We = function() {
+    var st = rt(Object.getPrototypeOf, Object), ct = Object.create, St = Me.propertyIsEnumerable, Rt = nt.splice, pe = Ge ? Ge.toStringTag : void 0, We = function() {
       try {
-        var e = Ht(Object, "defineProperty");
+        var e = kt(Object, "defineProperty");
         return e({}, "", {}), e;
       } catch {
       }
-    }(), Ot = Fe ? Fe.isBuffer : void 0, ze = Math.max, ut = Date.now, he = Ht(ne, "Map"), ge = Ht(Object, "create"), qe = /* @__PURE__ */ function() {
+    }(), Ct = Fe ? Fe.isBuffer : void 0, ze = Math.max, ut = Date.now, he = kt(ne, "Map"), ge = kt(Object, "create"), qe = /* @__PURE__ */ function() {
       function e() {
       }
       return function(r) {
-        if (!je(r))
+        if (!Le(r))
           return {};
         if (ct)
           return ct(r);
@@ -1527,14 +1528,14 @@ function Bn() {
         this.set(v[0], v[1]);
       }
     }
-    function Pt() {
+    function Ot() {
       this.__data__ = ge ? ge(null) : {}, this.size = 0;
     }
     function lt(e) {
       var r = this.has(e) && delete this.__data__[e];
       return this.size -= r ? 1 : 0, r;
     }
-    function jt(e) {
+    function Pt(e) {
       var r = this.__data__;
       if (ge) {
         var a = r[e];
@@ -1550,7 +1551,7 @@ function Bn() {
       var a = this.__data__;
       return this.size += this.has(e) ? 0 : 1, a[e] = ge && r === void 0 ? s : r, this;
     }
-    ue.prototype.clear = Pt, ue.prototype.delete = lt, ue.prototype.get = jt, ue.prototype.has = ft, ue.prototype.set = dt;
+    ue.prototype.clear = Ot, ue.prototype.delete = lt, ue.prototype.get = Pt, ue.prototype.has = ft, ue.prototype.set = dt;
     function oe(e) {
       var r = -1, a = e == null ? 0 : e.length;
       for (this.clear(); ++r < a; ) {
@@ -1558,7 +1559,7 @@ function Bn() {
         this.set(v[0], v[1]);
       }
     }
-    function Lt() {
+    function jt() {
       this.__data__ = [], this.size = 0;
     }
     function pt(e) {
@@ -1566,20 +1567,20 @@ function Bn() {
       if (a < 0)
         return !1;
       var v = r.length - 1;
-      return a == v ? r.pop() : Ct.call(r, a, 1), --this.size, !0;
+      return a == v ? r.pop() : Rt.call(r, a, 1), --this.size, !0;
     }
     function ht(e) {
       var r = this.__data__, a = te(r, e);
       return a < 0 ? void 0 : r[a][1];
     }
-    function At(e) {
+    function Lt(e) {
       return te(this.__data__, e) > -1;
     }
-    function $t(e, r) {
+    function At(e, r) {
       var a = this.__data__, v = te(a, e);
       return v < 0 ? (++this.size, a.push([e, r])) : a[v][1] = r, this;
     }
-    oe.prototype.clear = Lt, oe.prototype.delete = pt, oe.prototype.get = ht, oe.prototype.has = At, oe.prototype.set = $t;
+    oe.prototype.clear = jt, oe.prototype.delete = pt, oe.prototype.get = ht, oe.prototype.has = Lt, oe.prototype.set = At;
     function Te(e) {
       var r = -1, a = e == null ? 0 : e.length;
       for (this.clear(); ++r < a; ) {
@@ -1587,7 +1588,7 @@ function Bn() {
         this.set(v[0], v[1]);
       }
     }
-    function kt() {
+    function $t() {
       this.size = 0, this.__data__ = {
         hash: new ue(),
         map: new (he || oe)(),
@@ -1608,8 +1609,8 @@ function Bn() {
       var a = vt(this, e), v = a.size;
       return a.set(e, r), this.size += a.size == v ? 0 : 1, this;
     }
-    Te.prototype.clear = kt, Te.prototype.delete = t, Te.prototype.get = u, Te.prototype.has = d, Te.prototype.set = b;
-    function E(e) {
+    Te.prototype.clear = $t, Te.prototype.delete = t, Te.prototype.get = u, Te.prototype.has = d, Te.prototype.set = b;
+    function w(e) {
       var r = this.__data__ = new oe(e);
       this.size = r.size;
     }
@@ -1626,7 +1627,7 @@ function Bn() {
     function B(e) {
       return this.__data__.has(e);
     }
-    function M(e, r) {
+    function D(e, r) {
       var a = this.__data__;
       if (a instanceof oe) {
         var v = a.__data__;
@@ -1636,16 +1637,16 @@ function Bn() {
       }
       return a.set(e, r), this.size = a.size, this;
     }
-    E.prototype.clear = A, E.prototype.delete = S, E.prototype.get = T, E.prototype.has = B, E.prototype.set = M;
-    function W(e, r) {
-      var a = Mt(e), v = !a && Dt(e), R = !a && !v && Jt(e), $ = !a && !v && !R && Zt(e), k = a || v || R || $, P = k ? St(e.length, String) : [], H = P.length;
+    w.prototype.clear = A, w.prototype.delete = S, w.prototype.get = T, w.prototype.has = B, w.prototype.set = D;
+    function F(e, r) {
+      var a = Dt(e), v = !a && It(e), R = !a && !v && Jt(e), $ = !a && !v && !R && Zt(e), k = a || v || R || $, O = k ? Et(e.length, String) : [], H = O.length;
       for (var ie in e)
         k && // Safari 9 has enumerable `arguments.length` in strict mode.
         (ie == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
         R && (ie == "offset" || ie == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
         $ && (ie == "buffer" || ie == "byteLength" || ie == "byteOffset") || // Skip index properties.
-        Xt(ie, H)) || P.push(ie);
-      return P;
+        Xt(ie, H)) || O.push(ie);
+      return O;
     }
     function G(e, r, a) {
       (a !== void 0 && !yt(e[r], a) || a === void 0 && !(r in e)) && N(e, r, a);
@@ -1676,16 +1677,16 @@ function Bn() {
       return Ke(e) && Ue(e) == g;
     }
     function Pr(e) {
-      if (!je(e) || Vr(e))
+      if (!Le(e) || Vr(e))
         return !1;
-      var r = Wt(e) ? at : He;
+      var r = Ft(e) ? at : He;
       return r.test(Zr(e));
     }
     function jr(e) {
       return Ke(e) && Kt(e.length) && !!C[Ue(e)];
     }
     function Lr(e) {
-      if (!je(e))
+      if (!Le(e))
         return Gr(e);
       var r = qt(e), a = [];
       for (var v in e)
@@ -1694,24 +1695,24 @@ function Bn() {
     }
     function Gt(e, r, a, v, R) {
       e !== r && Je(r, function($, k) {
-        if (R || (R = new E()), je($))
+        if (R || (R = new w()), Le($))
           Ar(e, r, k, a, Gt, v, R);
         else {
-          var P = v ? v(It(e, k), $, k + "", e, r, R) : void 0;
-          P === void 0 && (P = $), G(e, k, P);
+          var O = v ? v(Ht(e, k), $, k + "", e, r, R) : void 0;
+          O === void 0 && (O = $), G(e, k, O);
         }
       }, Qt);
     }
     function Ar(e, r, a, v, R, $, k) {
-      var P = It(e, a), H = It(r, a), ie = k.get(H);
+      var O = Ht(e, a), H = Ht(r, a), ie = k.get(H);
       if (ie) {
         G(e, a, ie);
         return;
       }
-      var ee = $ ? $(P, H, a + "", e, r, k) : void 0, Ze = ee === void 0;
+      var ee = $ ? $(O, H, a + "", e, r, k) : void 0, Ze = ee === void 0;
       if (Ze) {
-        var zt = Mt(H), Ut = !zt && Jt(H), tr = !zt && !Ut && Zt(H);
-        ee = H, zt || Ut || tr ? Mt(P) ? ee = P : Qr(P) ? ee = Mr(P) : Ut ? (Ze = !1, ee = Hr(H)) : tr ? (Ze = !1, ee = Dr(H)) : ee = [] : en(H) || Dt(H) ? (ee = P, Dt(P) ? ee = tn(P) : (!je(P) || Wt(P)) && (ee = Nr(H))) : Ze = !1;
+        var Wt = Dt(H), zt = !Wt && Jt(H), tr = !Wt && !zt && Zt(H);
+        ee = H, Wt || zt || tr ? Dt(O) ? ee = O : Qr(O) ? ee = Mr(O) : zt ? (Ze = !1, ee = Hr(H)) : tr ? (Ze = !1, ee = Dr(H)) : ee = [] : en(H) || It(H) ? (ee = O, It(O) ? ee = tn(O) : (!Le(O) || Ft(O)) && (ee = Nr(H))) : Ze = !1;
       }
       Ze && (k.set(H, ee), R(ee, H, v, $, k), k.delete(H)), G(e, a, ee);
     }
@@ -1747,8 +1748,8 @@ function Bn() {
       var R = !a;
       a || (a = {});
       for (var $ = -1, k = r.length; ++$ < k; ) {
-        var P = r[$], H = void 0;
-        H === void 0 && (H = e[P]), R ? N(a, P, H) : we(a, P, H);
+        var O = r[$], H = void 0;
+        H === void 0 && (H = e[O]), R ? N(a, O, H) : we(a, O, H);
       }
       return a;
     }
@@ -1756,15 +1757,15 @@ function Bn() {
       return $r(function(r, a) {
         var v = -1, R = a.length, $ = R > 1 ? a[R - 1] : void 0, k = R > 2 ? a[2] : void 0;
         for ($ = e.length > 3 && typeof $ == "function" ? (R--, $) : void 0, k && Yr(a[0], a[1], k) && ($ = R < 3 ? void 0 : $, R = 1), r = Object(r); ++v < R; ) {
-          var P = a[v];
-          P && e(r, P, v, $);
+          var O = a[v];
+          O && e(r, O, v, $);
         }
         return r;
       });
     }
     function zr(e) {
       return function(r, a, v) {
-        for (var R = -1, $ = Object(r), k = v(r), P = k.length; P--; ) {
+        for (var R = -1, $ = Object(r), k = v(r), O = k.length; O--; ) {
           var H = k[++R];
           if (a($[H], H, $) === !1)
             break;
@@ -1776,8 +1777,8 @@ function Bn() {
       var a = e.__data__;
       return Br(r) ? a[typeof r == "string" ? "string" : "hash"] : a.map;
     }
-    function Ht(e, r) {
-      var a = Pe(e, r);
+    function kt(e, r) {
+      var a = je(e, r);
       return Pr(a) ? a : void 0;
     }
     function Ur(e) {
@@ -1795,13 +1796,13 @@ function Bn() {
     }
     function Xt(e, r) {
       var a = typeof e;
-      return r = r ?? f, !!r && (a == "number" || a != "symbol" && Re.test(e)) && e > -1 && e % 1 == 0 && e < r;
+      return r = r ?? f, !!r && (a == "number" || a != "symbol" && Ce.test(e)) && e > -1 && e % 1 == 0 && e < r;
     }
     function Yr(e, r, a) {
-      if (!je(a))
+      if (!Le(a))
         return !1;
       var v = typeof r;
-      return (v == "number" ? Ft(a) && Xt(r, a.length) : v == "string" && r in a) ? yt(a[r], e) : !1;
+      return (v == "number" ? Mt(a) && Xt(r, a.length) : v == "string" && r in a) ? yt(a[r], e) : !1;
     }
     function Br(e) {
       var r = typeof e;
@@ -1829,12 +1830,12 @@ function Bn() {
         for (var v = arguments, R = -1, $ = ze(v.length - r, 0), k = Array($); ++R < $; )
           k[R] = v[r + R];
         R = -1;
-        for (var P = Array(r + 1); ++R < r; )
-          P[R] = v[R];
-        return P[r] = a(k), Et(e, this, P);
+        for (var O = Array(r + 1); ++R < r; )
+          O[R] = v[R];
+        return O[r] = a(k), wt(e, this, O);
       };
     }
-    function It(e, r) {
+    function Ht(e, r) {
       if (!(r === "constructor" && typeof e[r] == "function") && r != "__proto__")
         return e[r];
     }
@@ -1867,28 +1868,28 @@ function Bn() {
     function yt(e, r) {
       return e === r || e !== e && r !== r;
     }
-    var Dt = gt(/* @__PURE__ */ function() {
+    var It = gt(/* @__PURE__ */ function() {
       return arguments;
     }()) ? gt : function(e) {
-      return Ke(e) && ce.call(e, "callee") && !Rt.call(e, "callee");
-    }, Mt = Array.isArray;
-    function Ft(e) {
-      return e != null && Kt(e.length) && !Wt(e);
+      return Ke(e) && ce.call(e, "callee") && !St.call(e, "callee");
+    }, Dt = Array.isArray;
+    function Mt(e) {
+      return e != null && Kt(e.length) && !Ft(e);
     }
     function Qr(e) {
-      return Ke(e) && Ft(e);
+      return Ke(e) && Mt(e);
     }
-    var Jt = Ot || on;
-    function Wt(e) {
-      if (!je(e))
+    var Jt = Ct || on;
+    function Ft(e) {
+      if (!Le(e))
         return !1;
       var r = Ue(e);
-      return r == O || r == I || r == _ || r == ve;
+      return r == j || r == W || r == _ || r == ve;
     }
     function Kt(e) {
       return typeof e == "number" && e > -1 && e % 1 == 0 && e <= f;
     }
-    function je(e) {
+    function Le(e) {
       var r = typeof e;
       return e != null && (r == "object" || r == "function");
     }
@@ -1909,7 +1910,7 @@ function Bn() {
       return Fr(e, Qt(e));
     }
     function Qt(e) {
-      return Ft(e) ? W(e) : Lr(e);
+      return Mt(e) ? F(e) : Lr(e);
     }
     var rn = Wr(function(e, r, a) {
       Gt(e, r, a);
@@ -1933,7 +1934,7 @@ const Gn = /* @__PURE__ */ Tr(Vn), fo = ({
   theme: n,
   ...o
 }) => {
-  const i = Bt(an), s = _t(() => Gn(i, n), [i, n]);
+  const i = Yt(an), s = _t(() => Gn(i, n), [i, n]);
   return /* @__PURE__ */ X.jsx(pr, { theme: s, ...o });
 }, po = ({ durationMs: n, timingFunction: o = "ease-in-out", extraProperties: i = [], activeClassName: s }) => ({ isActive: l = !1 }) => le`
     opacity: ${l ? 1 : 0};
@@ -1951,7 +1952,7 @@ const Gn = /* @__PURE__ */ Tr(Vn), fo = ({
     `}
   `;
 export {
-  wt as HoneyBox,
+  Tt as HoneyBox,
   Vt as HoneyFlexBox,
   Ln as HoneyGrid,
   to as HoneyGridColumn,
@@ -1983,12 +1984,12 @@ export {
   yr as getTransformationValues,
   po as honeyVisibilityTransitionEffect,
   ir as media,
-  Nt as pxToRem,
+  Ut as pxToRem,
   mr as resolveColor,
   _n as resolveDimension,
   bn as resolveFont,
   ar as resolveScreenState,
-  Tt as resolveSpacing,
+  xt as resolveSpacing,
   Qn as searchFlattenedItems,
   Kn as shouldForwardProp,
   rr as splitStringIntoWords,