@react-hive/honey-layout 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,16 +1,16 @@
-import ye, { css as ge, useTheme as rn, ThemeProvider as lr, ThemeContext as nn } from "styled-components";
-import dr, { createContext as pr, useMemo as kt, useContext as Yt, Fragment as on, useState as Ut, useEffect as Oe, useRef as Ce, useCallback as dt } from "react";
-const an = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) => n.split(" ").filter((o) => o), Mt = (n, o = 16) => `${n / o}rem`, sn = (n, o, a, s) => {
-  const c = a - n, d = s - o;
-  return Math.sqrt(c ** 2 + d ** 2);
+import ye, { css as ge, useTheme as lr, ThemeProvider as dr, ThemeContext as nn } from "styled-components";
+import pr, { createContext as hr, useMemo as Yt, useContext as Ut, Fragment as on, useState as Gt, useEffect as Oe, useRef as Re, useCallback as dt } from "react";
+const an = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) => n.split(" ").filter((o) => o), Wt = (n, o = 16) => `${n / o}rem`, sn = (n, o, a, s) => {
+  const c = a - n, l = s - o;
+  return Math.sqrt(c ** 2 + l ** 2);
 }, nr = (n, o) => Math.abs(n / o), or = (n, o) => n * o / 100, un = (n, o) => {
   if (o < 0 || o > 1)
     throw new Error(`[honey-layout]: Alpha "${o}" is not a valid hex format.`);
   const a = /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/, s = n.match(a);
   if (!s)
     throw new Error("[honey-layout]: Invalid hex format.");
-  const c = s[1], d = c.length === 3 ? c[0] + c[0] + c[1] + c[1] + c[2] + c[2] : c, f = Math.round(o * 255).toString(16).toUpperCase().padStart(2, "0");
-  return `#${d + f}`;
+  const c = s[1], l = c.length === 3 ? c[0] + c[0] + c[1] + c[1] + c[2] + c[2] : c, f = Math.round(o * 255).toString(16).toUpperCase().padStart(2, "0");
+  return `#${l + f}`;
 }, ir = (n) => `@media ${n.map((a) => {
   const s = [
     a.width && ["width", a.width],
@@ -24,38 +24,38 @@ const an = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) =>
     a.maxResolution && ["max-resolution", a.maxResolution],
     a.resolution && ["resolution", a.resolution],
     a.update && ["update", a.update]
-  ].filter(Boolean).map((f) => f && `(${f[0]}: ${f[1]})`).join(" and "), c = a.operator ? `${a.operator} ` : "", d = s ? ` and ${s}` : "";
-  return `${c}${a.mediaType ?? "screen"}${d}`;
-}).join(", ")}`, hr = (n) => {
+  ].filter(Boolean).map((f) => f && `(${f[0]}: ${f[1]})`).join(" and "), c = a.operator ? `${a.operator} ` : "", l = s ? ` and ${s}` : "";
+  return `${c}${a.mediaType ?? "screen"}${l}`;
+}).join(", ")}`, vr = (n) => {
   const s = window.getComputedStyle(n).getPropertyValue("transform").match(/^matrix\((.+)\)$/);
   if (!s)
     return {
       translateX: 0,
       translateY: 0
     };
-  const c = s[1].split(", "), d = parseFloat(c[4]), f = parseFloat(c[5]);
+  const c = s[1].split(", "), l = parseFloat(c[4]), f = parseFloat(c[5]);
   return {
-    translateX: d,
+    translateX: l,
     translateY: f
   };
-}, cn = (n, o, a, s = [], c = void 0, d = 0) => (n == null || n.forEach((f) => {
+}, cn = (n, o, a, s = [], c = void 0, l = 0) => (n == null || n.forEach((f) => {
   const { [a]: p, ...v } = f, _ = f[a], y = Array.isArray(_);
   if (s.push({
     ...v,
     parentId: c,
-    depthLevel: d,
+    depthLevel: l,
     totalNestedItems: y ? _.length : 0
   }), y) {
     const m = f[o];
-    cn(_, o, a, s, m, d + 1);
+    cn(_, o, a, s, m, l + 1);
   }
-}), s), Jn = (n, o, a) => n.filter(
+}), s), Kn = (n, o, a) => n.filter(
   (s) => s.parentId === o && (!a || a(s))
-), Zn = (n, o, a, s) => {
+), Qn = (n, o, a, s) => {
   const c = rr(s.toLowerCase());
   if (!c.length)
     return n;
-  const d = n.reduce(
+  const l = n.reduce(
     (f, p, v) => (f[p[o]] = v, f),
     {}
   );
@@ -80,7 +80,7 @@ const an = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) =>
           m(p);
         } else {
           const m = (S) => {
-            const j = d[S.parentId], M = n[j];
+            const j = l[S.parentId], M = n[j];
             M.parentId !== void 0 && m(M);
             const W = f.length ? f[f.length - 1].parentId : null;
             if (W === null || W !== S.parentId) {
@@ -127,7 +127,7 @@ const an = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) =>
   "textDecorationColor",
   "fill",
   "stroke"
-], Gt = (n, o = "px", a = "base") => ({ theme: s }) => {
+], vt = (n, o = "px", a = "base") => ({ theme: s }) => {
   const c = s.spacings[a] ?? 0;
   if (typeof n == "number") {
     const f = n * c;
@@ -137,61 +137,61 @@ const an = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) =>
     const p = f * c;
     return o ? `${p}${o}` : p;
   }).join(" ");
-}, Wt = (n, o) => ({ theme: a }) => {
-  const [s, c] = n.split("."), d = a.colors[s][c];
-  return o !== void 0 ? un(d, o) : d;
-}, Kn = (n) => ({ theme: o }) => {
+}, pt = (n, o) => ({ theme: a }) => {
+  const [s, c] = n.split("."), l = a.colors[s][c];
+  return o !== void 0 ? un(l, o) : l;
+}, dn = (n) => ({ theme: o }) => {
   const a = o.fonts[n];
   return ge`
       font-family: ${a.family};
-      font-size: ${Mt(a.size)};
+      font-size: ${Wt(a.size)};
       font-weight: ${a.weight};
-      line-height: ${a.lineHeight !== void 0 && Mt(a.lineHeight)};
-      letter-spacing: ${a.letterSpacing !== void 0 && Mt(a.letterSpacing)};
+      line-height: ${a.lineHeight !== void 0 && Wt(a.lineHeight)};
+      letter-spacing: ${a.letterSpacing !== void 0 && Wt(a.letterSpacing)};
     `;
-}, Qn = (n) => ({ theme: o }) => o.dimensions[n], dn = (n) => fn.includes(n), pn = (n) => ln.includes(n), hn = (n) => n.split(".").length === 2, vn = (n, o, a) => {
+}, pn = (n) => ({ theme: o }) => o.dimensions[n], hn = (n) => fn.includes(n), vn = (n) => ln.includes(n), gn = (n) => n.split(".").length === 2, yn = (n, o, a) => {
   const s = typeof o == "object" && !Array.isArray(o) ? o[a] : o;
   if (s !== void 0)
-    return dn(n) && (typeof s == "number" || Array.isArray(s)) ? Gt(s, "px") : pn(n) && typeof s == "string" && hn(s) ? Wt(s) : s;
-}, vr = (n) => ({ theme: o, ...a }) => ge`
+    return hn(n) && (typeof s == "number" || Array.isArray(s)) ? vt(s, "px") : vn(n) && typeof s == "string" && gn(s) ? pt(s) : s;
+}, gr = (n) => ({ theme: o, ...a }) => ge`
     ${Object.entries(a).filter(
   ([s, c]) => s[0] === "$" && n === "xs" || c && typeof c == "object" && n in c
 ).map(([s, c]) => {
-  const d = an(s).slice(1);
+  const l = an(s).slice(1);
   return ge`
-          ${d}: ${vn(
+          ${l}: ${yn(
     s.slice(1),
     c,
     n
   )};
         `;
 })}
-  `, gn = (n, o) => Object.entries(o).some(
+  `, mn = (n, o) => Object.entries(o).some(
   ([a, s]) => a[0] === "$" && typeof s == "object" && n in s
-), gr = (n, o = {}) => {
-  const a = (d) => {
-    const f = d.breakpoints[n];
+), yr = (n, o = {}) => {
+  const a = (l) => {
+    const f = l.breakpoints[n];
     if (!f)
       throw new Error(`[honey-layout]: Setup for breakpoint "${n}" was not found.`);
     return f;
   };
   return {
-    down: ({ theme: d }) => ir([
+    down: ({ theme: l }) => ir([
       {
-        maxWidth: `${a(d)}px`,
+        maxWidth: `${a(l)}px`,
         ...o
       }
     ]),
-    up: ({ theme: d }) => ir([
+    up: ({ theme: l }) => ir([
       {
-        minWidth: `${a(d)}px`,
+        minWidth: `${a(l)}px`,
         ...o
       }
     ])
   };
-}, lt = (n) => ({ theme: o, ...a }) => !o.breakpoints[n] || !gn(n, a) ? null : ge`
-      ${gr(n).up} {
-        ${vr(n)};
+}, lt = (n) => ({ theme: o, ...a }) => !o.breakpoints[n] || !mn(n, a) ? null : ge`
+      ${yr(n).up} {
+        ${gr(n)};
       }
     `, ar = (n) => {
   const o = window.screen.orientation.type, a = o === "portrait-primary" || o === "portrait-secondary", s = !a;
@@ -205,24 +205,24 @@ const an = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) =>
       isLg: !1,
       isXl: !1
     };
-  const c = Object.entries(n).sort(([, f], [, p]) => f - p).map(([f]) => f), d = c.find((f) => {
+  const c = Object.entries(n).sort(([, f], [, p]) => f - p).map(([f]) => f), l = c.find((f) => {
     const p = n[f];
     return p ? window.innerWidth < p : !1;
   }) ?? c.pop();
   return {
     isPortrait: a,
     isLandscape: s,
-    isXs: d === "xs",
-    isSm: d === "sm",
-    isMd: d === "md",
-    isLg: d === "lg",
-    isXl: d === "xl"
+    isXs: l === "xs",
+    isSm: l === "sm",
+    isMd: l === "md",
+    isLg: l === "lg",
+    isXl: l === "xl"
   };
 }, ze = ye.div`
   ${({ modifiers: n }) => ge`
     ${n == null ? void 0 : n.map((o) => o())};
 
-    ${vr("xs")};
+    ${gr("xs")};
 
     ${lt("sm")};
     ${lt("md")};
@@ -231,10 +231,10 @@ const an = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) =>
   `}
 `;
 var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function yr(n) {
+function mr(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var Nt = { exports: {} }, We = {};
+var zt = { exports: {} }, We = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -245,14 +245,14 @@ var Nt = { exports: {} }, We = {};
  * LICENSE file in the root directory of this source tree.
  */
 var sr;
-function yn() {
+function bn() {
   if (sr) return We;
   sr = 1;
-  var n = dr, o = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var n = pr, o = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function f(p, v, _) {
     var y, m = {}, S = null, j = null;
     _ !== void 0 && (S = "" + _), v.key !== void 0 && (S = "" + v.key), v.ref !== void 0 && (j = v.ref);
-    for (y in v) s.call(v, y) && !d.hasOwnProperty(y) && (m[y] = v[y]);
+    for (y in v) s.call(v, y) && !l.hasOwnProperty(y) && (m[y] = v[y]);
     if (p && p.defaultProps) for (y in v = p.defaultProps, v) m[y] === void 0 && (m[y] = v[y]);
     return { $$typeof: o, type: p, key: S, ref: j, props: m, _owner: c.current };
   }
@@ -269,9 +269,9 @@ var Ne = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ur;
-function mn() {
+function _n() {
   return ur || (ur = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = dr, o = Symbol.for("react.element"), a = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), p = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), M = Symbol.iterator, W = "@@iterator";
+    var n = pr, o = Symbol.for("react.element"), a = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), p = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), M = Symbol.iterator, W = "@@iterator";
     function z(t) {
       if (t === null || typeof t != "object")
         return null;
@@ -281,36 +281,36 @@ function mn() {
     var F = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function $(t) {
       {
-        for (var u = arguments.length, l = new Array(u > 1 ? u - 1 : 0), g = 1; g < u; g++)
-          l[g - 1] = arguments[g];
-        oe("error", t, l);
+        for (var u = arguments.length, d = new Array(u > 1 ? u - 1 : 0), g = 1; g < u; g++)
+          d[g - 1] = arguments[g];
+        oe("error", t, d);
       }
     }
-    function oe(t, u, l) {
+    function oe(t, u, d) {
       {
         var g = F.ReactDebugCurrentFrame, x = g.getStackAddendum();
-        x !== "" && (u += "%s", l = l.concat([x]));
-        var O = l.map(function(E) {
+        x !== "" && (u += "%s", d = d.concat([x]));
+        var O = d.map(function(E) {
           return String(E);
         });
         O.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, O);
       }
     }
-    var ie = !1, C = !1, b = !1, k = !1, K = !1, le;
+    var ie = !1, R = !1, b = !1, k = !1, K = !1, le;
     le = Symbol.for("react.module.reference");
-    function ht(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === s || t === d || K || t === c || t === _ || t === y || k || t === j || ie || C || b || typeof t == "object" && t !== null && (t.$$typeof === S || t.$$typeof === m || t.$$typeof === f || t.$$typeof === p || t.$$typeof === v || // This needs to include all possible module reference object
+    function gt(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === s || t === l || K || t === c || t === _ || t === y || k || t === j || ie || R || b || typeof t == "object" && t !== null && (t.$$typeof === S || t.$$typeof === m || t.$$typeof === f || t.$$typeof === p || t.$$typeof === v || // 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.
       t.$$typeof === le || t.getModuleId !== void 0));
     }
-    function vt(t, u, l) {
+    function yt(t, u, d) {
       var g = t.displayName;
       if (g)
         return g;
       var x = u.displayName || u.name || "";
-      return x !== "" ? l + "(" + x + ")" : l;
+      return x !== "" ? d + "(" + x + ")" : d;
     }
     function ke(t) {
       return t.displayName || "Context";
@@ -327,7 +327,7 @@ function mn() {
           return "Fragment";
         case a:
           return "Portal";
-        case d:
+        case l:
           return "Profiler";
         case c:
           return "StrictMode";
@@ -342,10 +342,10 @@ function mn() {
             var u = t;
             return ke(u) + ".Consumer";
           case f:
-            var l = t;
-            return ke(l._context) + ".Provider";
+            var d = t;
+            return ke(d._context) + ".Provider";
           case v:
-            return vt(t, t.render, "ForwardRef");
+            return yt(t, t.render, "ForwardRef");
           case m:
             var g = t.displayName || null;
             return g !== null ? g : q(t.type) || "Memo";
@@ -387,7 +387,7 @@ function mn() {
         de++;
       }
     }
-    function gt() {
+    function mt() {
       {
         if (de--, de === 0) {
           var t = {
@@ -423,7 +423,7 @@ function mn() {
       }
     }
     var re = F.ReactCurrentDispatcher, me;
-    function Q(t, u, l) {
+    function Q(t, u, d) {
       {
         if (me === void 0)
           try {
@@ -445,9 +445,9 @@ function mn() {
       if (!t || be)
         return "";
       {
-        var l = ae.get(t);
-        if (l !== void 0)
-          return l;
+        var d = ae.get(t);
+        if (d !== void 0)
+          return d;
       }
       var g;
       be = !0;
@@ -507,23 +507,23 @@ function mn() {
             }
         }
       } finally {
-        be = !1, re.current = O, gt(), Error.prepareStackTrace = x;
+        be = !1, re.current = O, mt(), Error.prepareStackTrace = x;
       }
       var ce = t ? t.displayName || t.name : "", he = ce ? Q(ce) : "";
       return typeof t == "function" && ae.set(t, he), he;
     }
-    function yt(t, u, l) {
+    function bt(t, u, d) {
       return je(t, !1);
     }
-    function mt(t) {
+    function _t(t) {
       var u = t.prototype;
       return !!(u && u.isReactComponent);
     }
-    function _e(t, u, l) {
+    function _e(t, u, d) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return je(t, mt(t));
+        return je(t, _t(t));
       if (typeof t == "string")
         return Q(t);
       switch (t) {
@@ -535,13 +535,13 @@ function mn() {
       if (typeof t == "object")
         switch (t.$$typeof) {
           case v:
-            return yt(t.render);
+            return bt(t.render);
           case m:
-            return _e(t.type, u, l);
+            return _e(t.type, u, d);
           case S: {
             var g = t, x = g._payload, O = g._init;
             try {
-              return _e(O(x), u, l);
+              return _e(O(x), u, d);
             } catch {
             }
           }
@@ -551,12 +551,12 @@ function mn() {
     var Te = Object.prototype.hasOwnProperty, Ke = {}, Qe = F.ReactDebugCurrentFrame;
     function xe(t) {
       if (t) {
-        var u = t._owner, l = _e(t.type, t._source, u ? u.type : null);
-        Qe.setExtraStackFrame(l);
+        var u = t._owner, d = _e(t.type, t._source, u ? u.type : null);
+        Qe.setExtraStackFrame(d);
       } else
         Qe.setExtraStackFrame(null);
     }
-    function Ee(t, u, l, g, x) {
+    function Ee(t, u, d, g, x) {
       {
         var O = Function.call.bind(Te);
         for (var E in t)
@@ -564,14 +564,14 @@ function mn() {
             var T = void 0;
             try {
               if (typeof t[E] != "function") {
-                var N = Error((g || "React class") + ": " + l + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var N = Error((g || "React class") + ": " + d + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw N.name = "Invariant Violation", N;
               }
-              T = t[E](u, E, g, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              T = t[E](u, E, g, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (H) {
               T = H;
             }
-            T && !(T instanceof Error) && (xe(x), $("%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).", g || "React class", l, E, typeof T), xe(null)), T instanceof Error && !(T.message in Ke) && (Ke[T.message] = !0, xe(x), $("Failed %s type: %s", l, T.message), xe(null));
+            T && !(T instanceof Error) && (xe(x), $("%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).", g || "React class", d, E, typeof T), xe(null)), T instanceof Error && !(T.message in Ke) && (Ke[T.message] = !0, xe(x), $("Failed %s type: %s", d, T.message), xe(null));
           }
       }
     }
@@ -581,8 +581,8 @@ function mn() {
     }
     function ee(t) {
       {
-        var u = typeof Symbol == "function" && Symbol.toStringTag, l = u && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return l;
+        var u = typeof Symbol == "function" && Symbol.toStringTag, d = u && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return d;
       }
     }
     function et(t) {
@@ -614,7 +614,7 @@ function mn() {
       }
       return t.ref !== void 0;
     }
-    function bt(t) {
+    function Tt(t) {
       if (Te.call(t, "key")) {
         var u = Object.getOwnPropertyDescriptor(t, "key").get;
         if (u && u.isReactWarning)
@@ -622,42 +622,42 @@ function mn() {
       }
       return t.key !== void 0;
     }
-    function _t(t, u) {
+    function xt(t, u) {
       if (typeof t.ref == "string" && pe.current && u && pe.current.stateNode !== u) {
-        var l = q(pe.current.type);
-        Se[l] || ($('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', q(pe.current.type), t.ref), Se[l] = !0);
+        var d = q(pe.current.type);
+        Se[d] || ($('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', q(pe.current.type), t.ref), Se[d] = !0);
       }
     }
     function ne(t, u) {
       {
-        var l = function() {
+        var d = function() {
           Ae || (Ae = !0, $("%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));
         };
-        l.isReactWarning = !0, Object.defineProperty(t, "key", {
-          get: l,
+        d.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: d,
           configurable: !0
         });
       }
     }
-    function Re(t, u) {
+    function Ce(t, u) {
       {
-        var l = function() {
+        var d = function() {
           Le || (Le = !0, $("%s: `ref` 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));
         };
-        l.isReactWarning = !0, Object.defineProperty(t, "ref", {
-          get: l,
+        d.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: d,
           configurable: !0
         });
       }
     }
-    var Tt = function(t, u, l, g, x, O, E) {
+    var Et = function(t, u, d, g, x, O, E) {
       var T = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: o,
         // Built-in properties that belong on the element
         type: t,
         key: u,
-        ref: l,
+        ref: d,
         props: E,
         // Record the component responsible for creating this element.
         _owner: O
@@ -679,10 +679,10 @@ function mn() {
         value: x
       }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
     };
-    function nt(t, u, l, g, x) {
+    function nt(t, u, d, g, x) {
       {
         var O, E = {}, T = null, N = null;
-        l !== void 0 && (tt(l), T = "" + l), bt(u) && (tt(u.key), T = "" + u.key), rt(u) && (N = u.ref, _t(u, x));
+        d !== void 0 && (tt(d), T = "" + d), Tt(u) && (tt(u.key), T = "" + u.key), rt(u) && (N = u.ref, xt(u, x));
         for (O in u)
           Te.call(u, O) && !we.hasOwnProperty(O) && (E[O] = u[O]);
         if (t && t.defaultProps) {
@@ -692,16 +692,16 @@ function mn() {
         }
         if (T || N) {
           var D = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          T && ne(E, D), N && Re(E, D);
+          T && ne(E, D), N && Ce(E, D);
         }
-        return Tt(t, T, N, x, g, pe.current, E);
+        return Et(t, T, N, x, g, pe.current, E);
       }
     }
     var Ie = F.ReactCurrentOwner, He = F.ReactDebugCurrentFrame;
     function V(t) {
       if (t) {
-        var u = t._owner, l = _e(t.type, t._source, u ? u.type : null);
-        He.setExtraStackFrame(l);
+        var u = t._owner, d = _e(t.type, t._source, u ? u.type : null);
+        He.setExtraStackFrame(d);
       } else
         He.setExtraStackFrame(null);
     }
@@ -722,18 +722,18 @@ Check the render method of \`` + t + "`.";
         return "";
       }
     }
-    function xt(t) {
+    function wt(t) {
       return "";
     }
     var it = {};
-    function Et(t) {
+    function St(t) {
       {
         var u = ot();
         if (!u) {
-          var l = typeof t == "string" ? t : t.displayName || t.name;
-          l && (u = `
+          var d = typeof t == "string" ? t : t.displayName || t.name;
+          d && (u = `
 
-Check the top-level render call using <` + l + ">.");
+Check the top-level render call using <` + d + ">.");
         }
         return u;
       }
@@ -743,12 +743,12 @@ Check the top-level render call using <` + l + ">.");
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var l = Et(u);
-        if (it[l])
+        var d = St(u);
+        if (it[d])
           return;
-        it[l] = !0;
+        it[d] = !0;
         var g = "";
-        t && t._owner && t._owner !== Ie.current && (g = " It was passed a child from " + q(t._owner.type) + "."), V(t), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, g), V(null);
+        t && t._owner && t._owner !== Ie.current && (g = " It was passed a child from " + q(t._owner.type) + "."), V(t), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, g), V(null);
       }
     }
     function X(t, u) {
@@ -756,8 +756,8 @@ Check the top-level render call using <` + l + ">.");
         if (typeof t != "object")
           return;
         if (se(t))
-          for (var l = 0; l < t.length; l++) {
-            var g = t[l];
+          for (var d = 0; d < t.length; d++) {
+            var g = t[d];
             J(g) && at(g, u);
           }
         else if (J(t))
@@ -770,23 +770,23 @@ Check the top-level render call using <` + l + ">.");
         }
       }
     }
-    function wt(t) {
+    function Ct(t) {
       {
         var u = t.type;
         if (u == null || typeof u == "string")
           return;
-        var l;
+        var d;
         if (typeof u == "function")
-          l = u.propTypes;
+          d = u.propTypes;
         else if (typeof u == "object" && (u.$$typeof === v || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         u.$$typeof === m))
-          l = u.propTypes;
+          d = u.propTypes;
         else
           return;
-        if (l) {
+        if (d) {
           var g = q(u);
-          Ee(l, t.props, "prop", g, t);
+          Ee(d, t.props, "prop", g, t);
         } else if (u.PropTypes !== void 0 && !De) {
           De = !0;
           var x = q(u);
@@ -795,10 +795,10 @@ Check the top-level render call using <` + l + ">.");
         typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function St(t) {
+    function Rt(t) {
       {
-        for (var u = Object.keys(t.props), l = 0; l < u.length; l++) {
-          var g = u[l];
+        for (var u = Object.keys(t.props), d = 0; d < u.length; d++) {
+          var g = u[d];
           if (g !== "children" && g !== "key") {
             V(t), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), V(null);
             break;
@@ -807,18 +807,18 @@ Check the top-level render call using <` + l + ">.");
         t.ref !== null && (V(t), $("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
       }
     }
-    function st(t, u, l, g, x, O) {
+    function st(t, u, d, g, x, O) {
       {
-        var E = ht(t);
+        var E = gt(t);
         if (!E) {
           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 N = xt();
+          var N = wt();
           N ? T += N : T += ot();
           var H;
           t === null ? H = "null" : se(t) ? H = "array" : t !== void 0 && t.$$typeof === o ? (H = "<" + (q(t.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : H = typeof t, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, T);
         }
-        var D = nt(t, u, l, x, O);
+        var D = nt(t, u, d, x, O);
         if (D == null)
           return D;
         if (E) {
@@ -834,24 +834,24 @@ Check the top-level render call using <` + l + ">.");
             else
               X(Y, t);
         }
-        return t === s ? St(D) : wt(D), D;
+        return t === s ? Rt(D) : Ct(D), D;
       }
     }
-    function Rt(t, u, l) {
-      return st(t, u, l, !0);
+    function Ot(t, u, d) {
+      return st(t, u, d, !0);
     }
-    function Ct(t, u, l) {
-      return st(t, u, l, !1);
+    function jt(t, u, d) {
+      return st(t, u, d, !1);
     }
-    var ue = Ct, Ot = Rt;
-    Ne.Fragment = s, Ne.jsx = ue, Ne.jsxs = Ot;
+    var ue = jt, Pt = Ot;
+    Ne.Fragment = s, Ne.jsx = ue, Ne.jsxs = Pt;
   }()), Ne;
 }
-process.env.NODE_ENV === "production" ? Nt.exports = yn() : Nt.exports = mn();
-var U = Nt.exports;
-const mr = ye(ze)`
+process.env.NODE_ENV === "production" ? zt.exports = bn() : zt.exports = _n();
+var U = zt.exports;
+const br = ye(ze)`
   ${({ columns: n, takeColumns: o = 1, spacing: a = 0, theme: s }) => {
-  const c = 100 / n, d = Gt(a, null)({ theme: s }), f = o * c, p = (n - o) * (d / n);
+  const c = 100 / n, l = vt(a, null)({ theme: s }), f = o * c, p = (n - o) * (l / n);
   return ge`
       display: flex;
       flex-direction: column;
@@ -859,33 +859,33 @@ const mr = ye(ze)`
 
       overflow: hidden;
 
-      ${gr("lg").up} {
+      ${yr("lg").up} {
         max-width: calc(${f}% - ${p}px);
       }
     `;
 }}
-`, br = ye(ze)`
+`, _r = ye(ze)`
   ${({ columnHeight: n, minColumnHeight: o, spacing: a = 0 }) => ge`
     display: flex;
-    gap: ${Gt(a)};
+    gap: ${vt(a)};
 
-    > ${mr} {
+    > ${br} {
       height: ${n};
       min-height: ${o};
     }
   `}
 `;
-br.defaultProps = {
+_r.defaultProps = {
   $flexWrap: "wrap"
 };
-const _r = pr(void 0), eo = ({
+const Tr = hr(void 0), eo = ({
   children: n,
   columns: o,
   columnGrowing: a = !0,
   spacing: s,
   ...c
 }) => {
-  const d = kt(
+  const l = Yt(
     () => ({
       columns: o,
       columnGrowing: a,
@@ -893,9 +893,9 @@ const _r = pr(void 0), eo = ({
     }),
     [o, a, s]
   );
-  return /* @__PURE__ */ U.jsx(_r.Provider, { value: d, children: /* @__PURE__ */ U.jsx(br, { spacing: s, "data-testid": "honey-grid", ...c, children: n }) });
-}, bn = () => {
-  const n = Yt(_r);
+  return /* @__PURE__ */ U.jsx(Tr.Provider, { value: l, children: /* @__PURE__ */ U.jsx(_r, { spacing: s, "data-testid": "honey-grid", ...c, children: n }) });
+}, Tn = () => {
+  const n = Ut(Tr);
   if (!n)
     throw new Error(
       "The `useCurrentHoneyGrid()` hook can only be used inside <HoneyGrid/> component!"
@@ -905,9 +905,9 @@ const _r = pr(void 0), eo = ({
   children: n,
   ...o
 }) => {
-  const { columns: a, columnGrowing: s, spacing: c } = bn();
+  const { columns: a, columnGrowing: s, spacing: c } = Tn();
   return /* @__PURE__ */ U.jsx(
-    mr,
+    br,
     {
       columns: a,
       spacing: c,
@@ -917,15 +917,15 @@ const _r = pr(void 0), eo = ({
       children: n
     }
   );
-}, Tr = (n, o, a) => typeof o == "function" ? o(n) : typeof n == "string" || typeof n == "number" ? n : o ? n[o] : a, _n = ({
+}, xr = (n, o, a) => typeof o == "function" ? o(n) : typeof n == "string" || typeof n == "number" ? n : o ? n[o] : a, xn = ({
   children: n,
   isLoading: o = !1,
   isError: a = !1,
   isNoContent: s = !1,
   loadingContent: c = null,
-  errorContent: d = null,
+  errorContent: l = null,
   noContent: f = null
-}) => a ? d : s ? f : o ? c : n, Tn = ye(ze)`
+}) => a ? l : s ? f : o ? c : n, En = ye(ze)`
   overflow: hidden auto;
 `, ro = ({
   children: n,
@@ -933,30 +933,30 @@ const _r = pr(void 0), eo = ({
   itemKey: a,
   isLoading: s,
   loadingContent: c,
-  isError: d,
+  isError: l,
   errorContent: f,
   noContent: p,
   ...v
-}) => /* @__PURE__ */ U.jsx(Tn, { role: "list", "aria-busy": s, "data-testid": "honey-list", ...v, children: /* @__PURE__ */ U.jsx(
-  _n,
+}) => /* @__PURE__ */ U.jsx(En, { role: "list", "aria-busy": s, "data-testid": "honey-list", ...v, children: /* @__PURE__ */ U.jsx(
+  xn,
   {
     isLoading: s,
     loadingContent: c,
-    isError: d,
+    isError: l,
     errorContent: f,
     isNoContent: (o == null ? void 0 : o.length) === 0,
     noContent: p,
-    children: o == null ? void 0 : o.map((_, y, m) => /* @__PURE__ */ U.jsx(on, { children: n(_, y, m) }, String(Tr(_, a, y))))
+    children: o == null ? void 0 : o.map((_, y, m) => /* @__PURE__ */ U.jsx(on, { children: n(_, y, m) }, String(xr(_, a, y))))
   }
 ) });
-var xn = "Expected a function", cr = NaN, En = "[object Symbol]", wn = /^\s+|\s+$/g, Sn = /^[-+]0x[0-9a-f]+$/i, Rn = /^0b[01]+$/i, Cn = /^0o[0-7]+$/i, On = parseInt, jn = typeof fe == "object" && fe && fe.Object === Object && fe, Pn = typeof self == "object" && self && self.Object === Object && self, $n = jn || Pn || Function("return this")(), An = Object.prototype, Ln = An.toString, In = Math.max, Hn = Math.min, Ft = function() {
-  return $n.Date.now();
+var wn = "Expected a function", cr = NaN, Sn = "[object Symbol]", Cn = /^\s+|\s+$/g, Rn = /^[-+]0x[0-9a-f]+$/i, On = /^0b[01]+$/i, jn = /^0o[0-7]+$/i, Pn = parseInt, $n = typeof fe == "object" && fe && fe.Object === Object && fe, An = typeof self == "object" && self && self.Object === Object && self, Ln = $n || An || Function("return this")(), In = Object.prototype, Hn = In.toString, Dn = Math.max, Mn = Math.min, Nt = function() {
+  return Ln.Date.now();
 };
-function Dn(n, o, a) {
-  var s, c, d, f, p, v, _ = 0, y = !1, m = !1, S = !0;
+function Fn(n, o, a) {
+  var s, c, l, f, p, v, _ = 0, y = !1, m = !1, S = !0;
   if (typeof n != "function")
-    throw new TypeError(xn);
-  o = fr(o) || 0, zt(a) && (y = !!a.leading, m = "maxWait" in a, d = m ? In(fr(a.maxWait) || 0, o) : d, S = "trailing" in a ? !!a.trailing : S);
+    throw new TypeError(wn);
+  o = fr(o) || 0, kt(a) && (y = !!a.leading, m = "maxWait" in a, l = m ? Dn(fr(a.maxWait) || 0, o) : l, S = "trailing" in a ? !!a.trailing : S);
   function j(b) {
     var k = s, K = c;
     return s = c = void 0, _ = b, f = n.apply(K, k), f;
@@ -966,14 +966,14 @@ function Dn(n, o, a) {
   }
   function W(b) {
     var k = b - v, K = b - _, le = o - k;
-    return m ? Hn(le, d - K) : le;
+    return m ? Mn(le, l - K) : le;
   }
   function z(b) {
     var k = b - v, K = b - _;
-    return v === void 0 || k >= o || k < 0 || m && K >= d;
+    return v === void 0 || k >= o || k < 0 || m && K >= l;
   }
   function F() {
-    var b = Ft();
+    var b = Nt();
     if (z(b))
       return $(b);
     p = setTimeout(F, W(b));
@@ -985,10 +985,10 @@ function Dn(n, o, a) {
     p !== void 0 && clearTimeout(p), _ = 0, s = v = c = p = void 0;
   }
   function ie() {
-    return p === void 0 ? f : $(Ft());
+    return p === void 0 ? f : $(Nt());
   }
-  function C() {
-    var b = Ft(), k = z(b);
+  function R() {
+    var b = Nt(), k = z(b);
     if (s = arguments, c = this, v = b, k) {
       if (p === void 0)
         return M(v);
@@ -997,107 +997,107 @@ function Dn(n, o, a) {
     }
     return p === void 0 && (p = setTimeout(F, o)), f;
   }
-  return C.cancel = oe, C.flush = ie, C;
+  return R.cancel = oe, R.flush = ie, R;
 }
-function zt(n) {
+function kt(n) {
   var o = typeof n;
   return !!n && (o == "object" || o == "function");
 }
-function Mn(n) {
+function Wn(n) {
   return !!n && typeof n == "object";
 }
-function Fn(n) {
-  return typeof n == "symbol" || Mn(n) && Ln.call(n) == En;
+function Nn(n) {
+  return typeof n == "symbol" || Wn(n) && Hn.call(n) == Sn;
 }
 function fr(n) {
   if (typeof n == "number")
     return n;
-  if (Fn(n))
+  if (Nn(n))
     return cr;
-  if (zt(n)) {
+  if (kt(n)) {
     var o = typeof n.valueOf == "function" ? n.valueOf() : n;
-    n = zt(o) ? o + "" : o;
+    n = kt(o) ? o + "" : o;
   }
   if (typeof n != "string")
     return n === 0 ? n : +n;
-  n = n.replace(wn, "");
-  var a = Rn.test(n);
-  return a || Cn.test(n) ? On(n.slice(2), a ? 2 : 8) : Sn.test(n) ? cr : +n;
+  n = n.replace(Cn, "");
+  var a = On.test(n);
+  return a || jn.test(n) ? Pn(n.slice(2), a ? 2 : 8) : Rn.test(n) ? cr : +n;
 }
-var Wn = Dn;
-const Nn = /* @__PURE__ */ yr(Wn), zn = ({ delay: n = 0 } = {}) => {
-  const o = rn(), [a, s] = Ut(
+var zn = Fn;
+const kn = /* @__PURE__ */ mr(zn), Yn = ({ delay: n = 0 } = {}) => {
+  const o = lr(), [a, s] = Gt(
     () => ar(o.breakpoints)
   );
   return Oe(() => {
-    const c = Nn(() => {
+    const c = kn(() => {
       s(ar(o.breakpoints));
     }, n);
     return c(), window.addEventListener("resize", c), window.screen.orientation.addEventListener("change", c), () => {
       c.cancel(), window.removeEventListener("resize", c), window.screen.orientation.removeEventListener("change", c);
     };
   }, []), a;
-}, xr = (n, { onMoveDrag: o, onStartDrag: a, onEndDrag: s }) => {
+}, Er = (n, { onMoveDrag: o, onStartDrag: a, onEndDrag: s }) => {
   Oe(() => {
     const c = n.current;
     if (!c)
       return;
-    const d = o(c);
+    const l = o(c);
     let f = !1, p = 0, v = 0, _ = 0, y = 0, m = 0;
-    const S = (C, b) => {
-      a && a(c) === !1 || (f = !0, p = C, v = b, _ = C, y = b, m = Date.now());
+    const S = (R, b) => {
+      a && a(c) === !1 || (f = !0, p = R, v = b, _ = R, y = b, m = Date.now());
     }, j = () => {
       if (f && (f = !1, s)) {
-        const C = Date.now() - m, b = _ - p, k = y - v;
+        const R = Date.now() - m, b = _ - p, k = y - v;
         s({
           deltaX: b,
           deltaY: k,
           get movingSpeedX() {
-            return nr(b, C);
+            return nr(b, R);
           },
           get movingSpeedY() {
-            return nr(k, C);
+            return nr(k, R);
           }
         }, c);
       }
     }, M = () => {
       j(), window.removeEventListener("mousemove", oe), window.removeEventListener("mouseup", M);
-    }, W = (C, b) => {
+    }, W = (R, b) => {
       if (!f)
         return;
-      if (d({
+      if (l({
         get deltaX() {
-          return C - _;
+          return R - _;
         },
         get deltaY() {
           return b - y;
         },
         get distanceX() {
-          return C - p;
+          return R - p;
         },
         get distanceY() {
           return b - v;
         },
         get euclideanDistance() {
-          return sn(p, v, C, b);
+          return sn(p, v, R, b);
         }
       }) === !1) {
-        _ = C, y = b, M();
+        _ = R, y = b, M();
         return;
       }
-      _ = C, y = b;
-    }, z = (C) => {
-      const b = C.touches[0];
+      _ = R, y = b;
+    }, z = (R) => {
+      const b = R.touches[0];
       S(b.clientX, b.clientY);
-    }, F = (C) => {
-      const b = C.touches[0];
+    }, F = (R) => {
+      const b = R.touches[0];
       W(b.clientX, b.clientY);
     }, $ = () => {
       f = !1;
-    }, oe = (C) => {
-      W(C.clientX, C.clientY);
-    }, ie = (C) => {
-      S(C.clientX, C.clientY), window.addEventListener("mousemove", oe), window.addEventListener("mouseup", M);
+    }, oe = (R) => {
+      W(R.clientX, R.clientY);
+    }, ie = (R) => {
+      S(R.clientX, R.clientY), window.addEventListener("mousemove", oe), window.addEventListener("mouseup", M);
     };
     return c.addEventListener("touchstart", z, {
       passive: !0
@@ -1108,7 +1108,7 @@ const Nn = /* @__PURE__ */ yr(Wn), zn = ({ delay: n = 0 } = {}) => {
     };
   }, [a, o, s, n]);
 }, no = (n, o) => {
-  const a = Ce(null), s = Ce(null), c = Ce(null), d = (v, _) => {
+  const a = Re(null), s = Re(null), c = Re(null), l = (v, _) => {
     if (a.current = v, c.current = _, !!v)
       if (_) {
         const y = ([m]) => {
@@ -1122,12 +1122,12 @@ const Nn = /* @__PURE__ */ yr(Wn), zn = ({ delay: n = 0 } = {}) => {
       } else s.current && (s.current.disconnect(), s.current = null);
   }, f = dt(
     (v) => {
-      d(v, c.current);
+      l(v, c.current);
     },
     []
   ), p = dt(
     (v) => {
-      d(a.current, v);
+      l(a.current, v);
     },
     [a, o]
   );
@@ -1141,52 +1141,52 @@ const Nn = /* @__PURE__ */ yr(Wn), zn = ({ delay: n = 0 } = {}) => {
   onEndDrag: s
 } = {}) => {
   const c = dt(
-    (d) => ({ deltaX: f, deltaY: p }) => {
-      const v = d.scrollWidth - d.clientWidth, _ = d.scrollHeight - d.clientHeight;
+    (l) => ({ deltaX: f, deltaY: p }) => {
+      const v = l.scrollWidth - l.clientWidth, _ = l.scrollHeight - l.clientHeight;
       if (v <= 0 && _ <= 0)
         return;
       const y = or(
-        d.clientWidth,
+        l.clientWidth,
         o
       ), m = or(
-        d.clientHeight,
+        l.clientHeight,
         o
-      ), { translateX: S, translateY: j } = hr(d), M = S + f, W = j + p;
+      ), { translateX: S, translateY: j } = vr(l), M = S + f, W = j + p;
       let z = !1, F = S, $ = j;
-      (f < 0 && M >= (v + y) * -1 || f > 0 && M <= y) && (F = M, z = !0), (p < 0 && W >= (_ + m) * -1 || p > 0 && W <= m) && ($ = W, z = !0), z && (d.style.transform = `translate(${F}px, ${$}px)`);
+      (f < 0 && M >= (v + y) * -1 || f > 0 && M <= y) && (F = M, z = !0), (p < 0 && W >= (_ + m) * -1 || p > 0 && W <= m) && ($ = W, z = !0), z && (l.style.transform = `translate(${F}px, ${$}px)`);
     },
     [o]
   );
-  return xr(n, {
+  return Er(n, {
     onStartDrag: a,
     onMoveDrag: c,
     onEndDrag: s
   }), Oe(() => {
-    const d = () => {
+    const l = () => {
       var f;
       (f = n.current) == null || f.style.removeProperty("transform");
     };
-    return window.addEventListener("resize", d), () => {
-      window.removeEventListener("resize", d);
+    return window.addEventListener("resize", l), () => {
+      window.removeEventListener("resize", l);
     };
   }, []), n;
-}, Er = ye(ze)`
+}, wr = ye(ze)`
   overflow: hidden;
-`, kn = ye.div``, Yn = ({
+`, Un = ye.div``, Gn = ({
   children: n,
   items: o,
   itemKey: a,
   activeItemIndex: s,
   direction: c = "vertical",
-  ...d
+  ...l
 }) => {
-  const [f, p] = Ut(o), v = Ce(null);
-  Ce(-1), f == null || f.length;
+  const [f, p] = Gt(o), v = Re(null);
+  Re(-1), f == null || f.length;
   const _ = dt((y) => (y.parentElement.clientHeight / 2, ({ deltaX: S, deltaY: j }) => {
-    const { translateX: M, translateY: W } = hr(y), z = c === "horizontal" ? M + S : 0, F = c === "vertical" ? W + j : 0;
+    const { translateX: M, translateY: W } = vr(y), z = c === "horizontal" ? M + S : 0, F = c === "vertical" ? W + j : 0;
     y.style.transform = `translate(${z}px, ${F}px)`;
   }), []);
-  return xr(v, {
+  return Er(v, {
     onMoveDrag: _
   }), Oe(() => {
   }, []), Oe(() => {
@@ -1195,10 +1195,10 @@ const Nn = /* @__PURE__ */ yr(Wn), zn = ({ delay: n = 0 } = {}) => {
       return;
     const m = y.children[s];
     y.parentElement.clientHeight / 2, m.offsetTop + m.clientHeight / 2;
-  }, []), /* @__PURE__ */ U.jsx(ze, { $overflow: "hidden", "data-testid": "honey-looping-list-container", ...d, children: /* @__PURE__ */ U.jsx(Er, { ref: v, "data-testid": "honey-looping-list", children: f == null ? void 0 : f.map((y, m, S) => {
-    const j = Tr(y, a, m);
+  }, []), /* @__PURE__ */ U.jsx(ze, { $overflow: "hidden", "data-testid": "honey-looping-list-container", ...l, children: /* @__PURE__ */ U.jsx(wr, { ref: v, "data-testid": "honey-looping-list", children: f == null ? void 0 : f.map((y, m, S) => {
+    const j = xr(y, a, m);
     return /* @__PURE__ */ U.jsx(
-      kn,
+      Un,
       {
         "aria-current": m === s,
         children: n(y, m, S)
@@ -1206,13 +1206,13 @@ const Nn = /* @__PURE__ */ yr(Wn), zn = ({ delay: n = 0 } = {}) => {
       String(j)
     );
   }) }) });
-}, Un = ye.div`
+}, Bn = ye.div`
   padding: 8px;
 
   border-radius: 4px;
-  border: 1px solid ${Wt("neutral.charcoalDark")};
+  border: 1px solid ${pt("neutral.charcoalDark")};
 
-  ${Er} {
+  ${wr} {
     padding: 0;
     list-style-type: none;
 
@@ -1228,14 +1228,14 @@ const Nn = /* @__PURE__ */ yr(Wn), zn = ({ delay: n = 0 } = {}) => {
         font-weight: bold;
         font-size: 1.3rem;
 
-        background-color: ${Wt("neutral.charcoalDark")};
+        background-color: ${pt("neutral.charcoalDark")};
       }
     }
   }
 `, io = () => {
   const n = Array.from(Array(12)).map((o, a) => a + 1);
-  return /* @__PURE__ */ U.jsx(Un, { children: /* @__PURE__ */ U.jsx(
-    Yn,
+  return /* @__PURE__ */ U.jsx(Bn, { children: /* @__PURE__ */ U.jsx(
+    Gn,
     {
       items: n,
       itemKey: (o) => o.toString(),
@@ -1251,48 +1251,53 @@ const Nn = /* @__PURE__ */ yr(Wn), zn = ({ delay: n = 0 } = {}) => {
   isAlwaysMounted: s = !1,
   isKeepAfterMount: c = !1
 }) => {
-  const [d, f] = Ut(s || o), p = Ce(void 0);
+  const [l, f] = Gt(s || o), p = Re(void 0);
   return Oe(() => {
     if (!(!o || s))
       return clearTimeout(p.current), f(!0), () => {
         c || (p.current = setTimeout(() => f(!1), a));
       };
-  }, [o]), d ? n : null;
-}, wr = pr(void 0), Gn = ({
+  }, [o]), l ? n : null;
+}, Sr = hr(void 0), Vn = ({
   children: n,
   mediaQueryOptions: o
 }) => {
-  const a = zn(o), s = kt(
+  const a = lr(), s = Yn(o), c = Yt(
     () => ({
-      screenState: a
+      theme: a,
+      screenState: s,
+      resolveSpacing: (...l) => vt(...l)({ theme: a }),
+      resolveColor: (...l) => pt(...l)({ theme: a }),
+      resolveFont: (...l) => dn(...l)({ theme: a }),
+      resolveDimension: (...l) => pn(...l)({ theme: a })
     }),
-    [a]
+    [a, s]
   );
-  return /* @__PURE__ */ U.jsx(wr.Provider, { value: s, children: n });
+  return /* @__PURE__ */ U.jsx(Sr.Provider, { value: c, children: n });
 }, so = ({
   theme: n,
   ...o
-}) => /* @__PURE__ */ U.jsx(lr, { theme: n, children: /* @__PURE__ */ U.jsx(Gn, { ...o }) }), uo = () => {
-  const n = Yt(wr);
+}) => /* @__PURE__ */ U.jsx(dr, { theme: n, children: /* @__PURE__ */ U.jsx(Vn, { ...o }) }), uo = () => {
+  const n = Ut(Sr);
   if (!n)
     throw new Error(
       "The `useHoneyLayout()` hook must be used inside <HoneyLayoutProvider/> component!"
     );
   return n;
 };
-var pt = { exports: {} };
-pt.exports;
+var ht = { exports: {} };
+ht.exports;
 (function(n, o) {
-  var a = 200, s = "__lodash_hash_undefined__", c = 800, d = 16, f = 9007199254740991, p = "[object Arguments]", v = "[object Array]", _ = "[object AsyncFunction]", y = "[object Boolean]", m = "[object Date]", S = "[object Error]", j = "[object Function]", M = "[object GeneratorFunction]", W = "[object Map]", z = "[object Number]", F = "[object Null]", $ = "[object Object]", oe = "[object Proxy]", ie = "[object RegExp]", C = "[object Set]", b = "[object String]", k = "[object Undefined]", K = "[object WeakMap]", le = "[object ArrayBuffer]", ht = "[object DataView]", vt = "[object Float32Array]", ke = "[object Float64Array]", q = "[object Int8Array]", te = "[object Int16Array]", de = "[object Int32Array]", Ye = "[object Uint8Array]", Ue = "[object Uint8ClampedArray]", Ge = "[object Uint16Array]", Be = "[object Uint32Array]", Ve = /[\\^$.*+?()[\]{}|]/g, Xe = /^\[object .+?Constructor\]$/, qe = /^(?:0|[1-9]\d*)$/, P = {};
-  P[vt] = P[ke] = P[q] = P[te] = P[de] = P[Ye] = P[Ue] = P[Ge] = P[Be] = !0, P[p] = P[v] = P[le] = P[y] = P[ht] = P[m] = P[S] = P[j] = P[W] = P[z] = P[$] = P[ie] = P[C] = P[b] = P[K] = !1;
-  var Je = typeof fe == "object" && fe && fe.Object === Object && fe, gt = typeof self == "object" && self && self.Object === Object && self, re = Je || gt || Function("return this")(), me = o && !o.nodeType && o, Q = me && !0 && n && !n.nodeType && n, be = Q && Q.exports === me, ae = be && Je.process, Ze = function() {
+  var a = 200, s = "__lodash_hash_undefined__", c = 800, l = 16, f = 9007199254740991, p = "[object Arguments]", v = "[object Array]", _ = "[object AsyncFunction]", y = "[object Boolean]", m = "[object Date]", S = "[object Error]", j = "[object Function]", M = "[object GeneratorFunction]", W = "[object Map]", z = "[object Number]", F = "[object Null]", $ = "[object Object]", oe = "[object Proxy]", ie = "[object RegExp]", R = "[object Set]", b = "[object String]", k = "[object Undefined]", K = "[object WeakMap]", le = "[object ArrayBuffer]", gt = "[object DataView]", yt = "[object Float32Array]", ke = "[object Float64Array]", q = "[object Int8Array]", te = "[object Int16Array]", de = "[object Int32Array]", Ye = "[object Uint8Array]", Ue = "[object Uint8ClampedArray]", Ge = "[object Uint16Array]", Be = "[object Uint32Array]", Ve = /[\\^$.*+?()[\]{}|]/g, Xe = /^\[object .+?Constructor\]$/, qe = /^(?:0|[1-9]\d*)$/, P = {};
+  P[yt] = P[ke] = P[q] = P[te] = P[de] = P[Ye] = P[Ue] = P[Ge] = P[Be] = !0, P[p] = P[v] = P[le] = P[y] = P[gt] = P[m] = P[S] = P[j] = P[W] = P[z] = P[$] = P[ie] = P[R] = P[b] = P[K] = !1;
+  var Je = typeof fe == "object" && fe && fe.Object === Object && fe, mt = typeof self == "object" && self && self.Object === Object && self, re = Je || mt || Function("return this")(), me = o && !o.nodeType && o, Q = me && !0 && n && !n.nodeType && n, be = Q && Q.exports === me, ae = be && Je.process, Ze = function() {
     try {
       var e = Q && Q.require && Q.require("util").types;
       return e || ae && ae.binding && ae.binding("util");
     } catch {
     }
   }(), je = Ze && Ze.isTypedArray;
-  function yt(e, r, i) {
+  function bt(e, r, i) {
     switch (i.length) {
       case 0:
         return e.call(r);
@@ -1305,7 +1310,7 @@ pt.exports;
     }
     return e.apply(r, i);
   }
-  function mt(e, r) {
+  function _t(e, r) {
     for (var i = -1, h = Array(e); ++i < e; )
       h[i] = r(i);
     return h;
@@ -1330,13 +1335,13 @@ pt.exports;
     "^" + se.call(ee).replace(Ve, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   ), we = be ? re.Buffer : void 0, Ae = re.Symbol, Le = re.Uint8Array;
   we && we.allocUnsafe;
-  var Se = Ke(Object.getPrototypeOf, Object), rt = Object.create, bt = Ee.propertyIsEnumerable, _t = Qe.splice, ne = Ae ? Ae.toStringTag : void 0, Re = function() {
+  var Se = Ke(Object.getPrototypeOf, Object), rt = Object.create, Tt = Ee.propertyIsEnumerable, xt = Qe.splice, ne = Ae ? Ae.toStringTag : void 0, Ce = function() {
     try {
-      var e = jt(Object, "defineProperty");
+      var e = $t(Object, "defineProperty");
       return e({}, "", {}), e;
     } catch {
     }
-  }(), Tt = we ? we.isBuffer : void 0, nt = Math.max, Ie = Date.now, He = jt(re, "Map"), V = jt(Object, "create"), De = /* @__PURE__ */ function() {
+  }(), Et = we ? we.isBuffer : void 0, nt = Math.max, Ie = Date.now, He = $t(re, "Map"), V = $t(Object, "create"), De = /* @__PURE__ */ function() {
     function e() {
     }
     return function(r) {
@@ -1359,7 +1364,7 @@ pt.exports;
   function ot() {
     this.__data__ = V ? V(null) : {}, this.size = 0;
   }
-  function xt(e) {
+  function wt(e) {
     var r = this.has(e) && delete this.__data__[e];
     return this.size -= r ? 1 : 0, r;
   }
@@ -1371,7 +1376,7 @@ pt.exports;
     }
     return ee.call(r, e) ? r[e] : void 0;
   }
-  function Et(e) {
+  function St(e) {
     var r = this.__data__;
     return V ? r[e] !== void 0 : ee.call(r, e);
   }
@@ -1379,7 +1384,7 @@ pt.exports;
     var i = this.__data__;
     return this.size += this.has(e) ? 0 : 1, i[e] = V && r === void 0 ? s : r, this;
   }
-  J.prototype.clear = ot, J.prototype.delete = xt, J.prototype.get = it, J.prototype.has = Et, J.prototype.set = at;
+  J.prototype.clear = ot, J.prototype.delete = wt, J.prototype.get = it, J.prototype.has = St, J.prototype.set = at;
   function X(e) {
     var r = -1, i = e == null ? 0 : e.length;
     for (this.clear(); ++r < i; ) {
@@ -1387,28 +1392,28 @@ pt.exports;
       this.set(h[0], h[1]);
     }
   }
-  function wt() {
+  function Ct() {
     this.__data__ = [], this.size = 0;
   }
-  function St(e) {
+  function Rt(e) {
     var r = this.__data__, i = he(r, e);
     if (i < 0)
       return !1;
     var h = r.length - 1;
-    return i == h ? r.pop() : _t.call(r, i, 1), --this.size, !0;
+    return i == h ? r.pop() : xt.call(r, i, 1), --this.size, !0;
   }
   function st(e) {
     var r = this.__data__, i = he(r, e);
     return i < 0 ? void 0 : r[i][1];
   }
-  function Rt(e) {
+  function Ot(e) {
     return he(this.__data__, e) > -1;
   }
-  function Ct(e, r) {
+  function jt(e, r) {
     var i = this.__data__, h = he(i, e);
     return h < 0 ? (++this.size, i.push([e, r])) : i[h][1] = r, this;
   }
-  X.prototype.clear = wt, X.prototype.delete = St, X.prototype.get = st, X.prototype.has = Rt, X.prototype.set = Ct;
+  X.prototype.clear = Ct, X.prototype.delete = Rt, X.prototype.get = st, X.prototype.has = Ot, X.prototype.set = jt;
   function ue(e) {
     var r = -1, i = e == null ? 0 : e.length;
     for (this.clear(); ++r < i; ) {
@@ -1416,7 +1421,7 @@ pt.exports;
       this.set(h[0], h[1]);
     }
   }
-  function Ot() {
+  function Pt() {
     this.size = 0, this.__data__ = {
       hash: new J(),
       map: new (He || X)(),
@@ -1430,14 +1435,14 @@ pt.exports;
   function u(e) {
     return ct(this, e).get(e);
   }
-  function l(e) {
+  function d(e) {
     return ct(this, e).has(e);
   }
   function g(e, r) {
     var i = ct(this, e), h = i.size;
     return i.set(e, r), this.size += i.size == h ? 0 : 1, this;
   }
-  ue.prototype.clear = Ot, ue.prototype.delete = t, ue.prototype.get = u, ue.prototype.has = l, ue.prototype.set = g;
+  ue.prototype.clear = Pt, ue.prototype.delete = t, ue.prototype.get = u, ue.prototype.has = d, ue.prototype.set = g;
   function x(e) {
     var r = this.__data__ = new X(e);
     this.size = r.size;
@@ -1467,14 +1472,14 @@ pt.exports;
   }
   x.prototype.clear = O, x.prototype.delete = E, x.prototype.get = T, x.prototype.has = N, x.prototype.set = H;
   function D(e, r) {
-    var i = At(e), h = !i && $t(e), w = !i && !h && Jt(e), A = !i && !h && !w && Kt(e), L = i || h || w || A, R = L ? mt(e.length, String) : [], I = R.length;
+    var i = It(e), h = !i && Lt(e), w = !i && !h && Jt(e), A = !i && !h && !w && Kt(e), L = i || h || w || A, C = L ? _t(e.length, String) : [], I = C.length;
     for (var Z in e)
       L && // Safari 9 has enumerable `arguments.length` in strict mode.
       (Z == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
       w && (Z == "offset" || Z == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
       A && (Z == "buffer" || Z == "byteLength" || Z == "byteOffset") || // Skip index properties.
-      Xt(Z, I)) || R.push(Z);
-    return R;
+      Xt(Z, I)) || C.push(Z);
+    return C;
   }
   function Y(e, r, i) {
     (i !== void 0 && !ft(e[r], i) || i === void 0 && !(r in e)) && G(e, r, i);
@@ -1490,110 +1495,110 @@ pt.exports;
     return -1;
   }
   function G(e, r, i) {
-    r == "__proto__" && Re ? Re(e, r, {
+    r == "__proto__" && Ce ? Ce(e, r, {
       configurable: !0,
       enumerable: !0,
       value: i,
       writable: !0
     }) : e[r] = i;
   }
-  var Sr = Fr();
+  var Cr = Wr();
   function ut(e) {
-    return e == null ? e === void 0 ? k : F : ne && ne in Object(e) ? Wr(e) : Gr(e);
+    return e == null ? e === void 0 ? k : F : ne && ne in Object(e) ? Nr(e) : Br(e);
   }
   function Bt(e) {
     return Me(e) && ut(e) == p;
   }
   function Rr(e) {
-    if (!ve(e) || Yr(e))
+    if (!ve(e) || Ur(e))
       return !1;
-    var r = It(e) ? pe : Xe;
-    return r.test(qr(e));
+    var r = Dt(e) ? pe : Xe;
+    return r.test(Jr(e));
   }
-  function Cr(e) {
+  function Or(e) {
     return Me(e) && Zt(e.length) && !!P[ut(e)];
   }
-  function Or(e) {
+  function jr(e) {
     if (!ve(e))
-      return Ur(e);
+      return Gr(e);
     var r = qt(e), i = [];
     for (var h in e)
       h == "constructor" && (r || !ee.call(e, h)) || i.push(h);
     return i;
   }
   function Vt(e, r, i, h, w) {
-    e !== r && Sr(r, function(A, L) {
+    e !== r && Cr(r, function(A, L) {
       if (w || (w = new x()), ve(A))
-        jr(e, r, L, i, Vt, h, w);
+        Pr(e, r, L, i, Vt, h, w);
       else {
-        var R = h ? h(Pt(e, L), A, L + "", e, r, w) : void 0;
-        R === void 0 && (R = A), Y(e, L, R);
+        var C = h ? h(At(e, L), A, L + "", e, r, w) : void 0;
+        C === void 0 && (C = A), Y(e, L, C);
       }
     }, Qt);
   }
-  function jr(e, r, i, h, w, A, L) {
-    var R = Pt(e, i), I = Pt(r, i), Z = L.get(I);
+  function Pr(e, r, i, h, w, A, L) {
+    var C = At(e, i), I = At(r, i), Z = L.get(I);
     if (Z) {
       Y(e, i, Z);
       return;
     }
-    var B = A ? A(R, I, i + "", e, r, L) : void 0, Fe = B === void 0;
+    var B = A ? A(C, I, i + "", e, r, L) : void 0, Fe = B === void 0;
     if (Fe) {
-      var Ht = At(I), Dt = !Ht && Jt(I), tr = !Ht && !Dt && Kt(I);
-      B = I, Ht || Dt || tr ? At(R) ? B = R : Jr(R) ? B = Hr(R) : Dt ? (Fe = !1, B = Ar(I)) : tr ? (Fe = !1, B = Ir(I)) : B = [] : Zr(I) || $t(I) ? (B = R, $t(R) ? B = Kr(R) : (!ve(R) || It(R)) && (B = Nr(I))) : Fe = !1;
+      var Mt = It(I), Ft = !Mt && Jt(I), tr = !Mt && !Ft && Kt(I);
+      B = I, Mt || Ft || tr ? It(C) ? B = C : Zr(C) ? B = Dr(C) : Ft ? (Fe = !1, B = Lr(I)) : tr ? (Fe = !1, B = Hr(I)) : B = [] : Kr(I) || Lt(I) ? (B = C, Lt(C) ? B = Qr(C) : (!ve(C) || Dt(C)) && (B = zr(I))) : Fe = !1;
     }
     Fe && (L.set(I, B), w(B, I, h, A, L), L.delete(I)), Y(e, i, B);
   }
-  function Pr(e, r) {
-    return Vr(Br(e, r, er), e + "");
+  function $r(e, r) {
+    return Xr(Vr(e, r, er), e + "");
   }
-  var $r = Re ? function(e, r) {
-    return Re(e, "toString", {
+  var Ar = Ce ? function(e, r) {
+    return Ce(e, "toString", {
       configurable: !0,
       enumerable: !1,
-      value: en(r),
+      value: tn(r),
       writable: !0
     });
   } : er;
-  function Ar(e, r) {
+  function Lr(e, r) {
     return e.slice();
   }
-  function Lr(e) {
+  function Ir(e) {
     var r = new e.constructor(e.byteLength);
     return new Le(r).set(new Le(e)), r;
   }
-  function Ir(e, r) {
-    var i = Lr(e.buffer);
+  function Hr(e, r) {
+    var i = Ir(e.buffer);
     return new e.constructor(i, e.byteOffset, e.length);
   }
-  function Hr(e, r) {
+  function Dr(e, r) {
     var i = -1, h = e.length;
     for (r || (r = Array(h)); ++i < h; )
       r[i] = e[i];
     return r;
   }
-  function Dr(e, r, i, h) {
+  function Mr(e, r, i, h) {
     var w = !i;
     i || (i = {});
     for (var A = -1, L = r.length; ++A < L; ) {
-      var R = r[A], I = void 0;
-      I === void 0 && (I = e[R]), w ? G(i, R, I) : ce(i, R, I);
+      var C = r[A], I = void 0;
+      I === void 0 && (I = e[C]), w ? G(i, C, I) : ce(i, C, I);
     }
     return i;
   }
-  function Mr(e) {
-    return Pr(function(r, i) {
+  function Fr(e) {
+    return $r(function(r, i) {
       var h = -1, w = i.length, A = w > 1 ? i[w - 1] : void 0, L = w > 2 ? i[2] : void 0;
-      for (A = e.length > 3 && typeof A == "function" ? (w--, A) : void 0, L && zr(i[0], i[1], L) && (A = w < 3 ? void 0 : A, w = 1), r = Object(r); ++h < w; ) {
-        var R = i[h];
-        R && e(r, R, h, A);
+      for (A = e.length > 3 && typeof A == "function" ? (w--, A) : void 0, L && kr(i[0], i[1], L) && (A = w < 3 ? void 0 : A, w = 1), r = Object(r); ++h < w; ) {
+        var C = i[h];
+        C && e(r, C, h, A);
       }
       return r;
     });
   }
-  function Fr(e) {
+  function Wr(e) {
     return function(r, i, h) {
-      for (var w = -1, A = Object(r), L = h(r), R = L.length; R--; ) {
+      for (var w = -1, A = Object(r), L = h(r), C = L.length; C--; ) {
         var I = L[++w];
         if (i(A[I], I, A) === !1)
           break;
@@ -1603,13 +1608,13 @@ pt.exports;
   }
   function ct(e, r) {
     var i = e.__data__;
-    return kr(r) ? i[typeof r == "string" ? "string" : "hash"] : i.map;
+    return Yr(r) ? i[typeof r == "string" ? "string" : "hash"] : i.map;
   }
-  function jt(e, r) {
+  function $t(e, r) {
     var i = Te(e, r);
     return Rr(i) ? i : void 0;
   }
-  function Wr(e) {
+  function Nr(e) {
     var r = ee.call(e, ne), i = e[ne];
     try {
       e[ne] = void 0;
@@ -1619,59 +1624,59 @@ pt.exports;
     var w = $e.call(e);
     return h && (r ? e[ne] = i : delete e[ne]), w;
   }
-  function Nr(e) {
+  function zr(e) {
     return typeof e.constructor == "function" && !qt(e) ? De(Se(e)) : {};
   }
   function Xt(e, r) {
     var i = typeof e;
     return r = r ?? f, !!r && (i == "number" || i != "symbol" && qe.test(e)) && e > -1 && e % 1 == 0 && e < r;
   }
-  function zr(e, r, i) {
+  function kr(e, r, i) {
     if (!ve(i))
       return !1;
     var h = typeof r;
-    return (h == "number" ? Lt(i) && Xt(r, i.length) : h == "string" && r in i) ? ft(i[r], e) : !1;
+    return (h == "number" ? Ht(i) && Xt(r, i.length) : h == "string" && r in i) ? ft(i[r], e) : !1;
   }
-  function kr(e) {
+  function Yr(e) {
     var r = typeof e;
     return r == "string" || r == "number" || r == "symbol" || r == "boolean" ? e !== "__proto__" : e === null;
   }
-  function Yr(e) {
+  function Ur(e) {
     return !!et && et in e;
   }
   function qt(e) {
     var r = e && e.constructor, i = typeof r == "function" && r.prototype || Ee;
     return e === i;
   }
-  function Ur(e) {
+  function Gr(e) {
     var r = [];
     if (e != null)
       for (var i in Object(e))
         r.push(i);
     return r;
   }
-  function Gr(e) {
+  function Br(e) {
     return $e.call(e);
   }
-  function Br(e, r, i) {
+  function Vr(e, r, i) {
     return r = nt(r === void 0 ? e.length - 1 : r, 0), function() {
       for (var h = arguments, w = -1, A = nt(h.length - r, 0), L = Array(A); ++w < A; )
         L[w] = h[r + w];
       w = -1;
-      for (var R = Array(r + 1); ++w < r; )
-        R[w] = h[w];
-      return R[r] = i(L), yt(e, this, R);
+      for (var C = Array(r + 1); ++w < r; )
+        C[w] = h[w];
+      return C[r] = i(L), bt(e, this, C);
     };
   }
-  function Pt(e, r) {
+  function At(e, r) {
     if (!(r === "constructor" && typeof e[r] == "function") && r != "__proto__")
       return e[r];
   }
-  var Vr = Xr($r);
-  function Xr(e) {
+  var Xr = qr(Ar);
+  function qr(e) {
     var r = 0, i = 0;
     return function() {
-      var h = Ie(), w = d - (h - i);
+      var h = Ie(), w = l - (h - i);
       if (i = h, w > 0) {
         if (++r >= c)
           return arguments[0];
@@ -1680,7 +1685,7 @@ pt.exports;
       return e.apply(void 0, arguments);
     };
   }
-  function qr(e) {
+  function Jr(e) {
     if (e != null) {
       try {
         return se.call(e);
@@ -1696,19 +1701,19 @@ pt.exports;
   function ft(e, r) {
     return e === r || e !== e && r !== r;
   }
-  var $t = Bt(/* @__PURE__ */ function() {
+  var Lt = Bt(/* @__PURE__ */ function() {
     return arguments;
   }()) ? Bt : function(e) {
-    return Me(e) && ee.call(e, "callee") && !bt.call(e, "callee");
-  }, At = Array.isArray;
-  function Lt(e) {
-    return e != null && Zt(e.length) && !It(e);
+    return Me(e) && ee.call(e, "callee") && !Tt.call(e, "callee");
+  }, It = Array.isArray;
+  function Ht(e) {
+    return e != null && Zt(e.length) && !Dt(e);
   }
-  function Jr(e) {
-    return Me(e) && Lt(e);
+  function Zr(e) {
+    return Me(e) && Ht(e);
   }
-  var Jt = Tt || tn;
-  function It(e) {
+  var Jt = Et || rn;
+  function Dt(e) {
     if (!ve(e))
       return !1;
     var r = ut(e);
@@ -1724,7 +1729,7 @@ pt.exports;
   function Me(e) {
     return e != null && typeof e == "object";
   }
-  function Zr(e) {
+  function Kr(e) {
     if (!Me(e) || ut(e) != $)
       return !1;
     var r = Se(e);
@@ -1733,17 +1738,17 @@ pt.exports;
     var i = ee.call(r, "constructor") && r.constructor;
     return typeof i == "function" && i instanceof i && se.call(i) == tt;
   }
-  var Kt = je ? _e(je) : Cr;
-  function Kr(e) {
-    return Dr(e, Qt(e));
+  var Kt = je ? _e(je) : Or;
+  function Qr(e) {
+    return Mr(e, Qt(e));
   }
   function Qt(e) {
-    return Lt(e) ? D(e) : Or(e);
+    return Ht(e) ? D(e) : jr(e);
   }
-  var Qr = Mr(function(e, r, i) {
+  var en = Fr(function(e, r, i) {
     Vt(e, r, i);
   });
-  function en(e) {
+  function tn(e) {
     return function() {
       return e;
     };
@@ -1751,59 +1756,59 @@ pt.exports;
   function er(e) {
     return e;
   }
-  function tn() {
+  function rn() {
     return !1;
   }
-  n.exports = Qr;
-})(pt, pt.exports);
-var Bn = pt.exports;
-const Vn = /* @__PURE__ */ yr(Bn), co = ({
+  n.exports = en;
+})(ht, ht.exports);
+var Xn = ht.exports;
+const qn = /* @__PURE__ */ mr(Xn), co = ({
   theme: n,
   ...o
 }) => {
-  const a = Yt(nn), s = kt(() => Vn(a, n), [a, n]);
-  return /* @__PURE__ */ U.jsx(lr, { theme: s, ...o });
+  const a = Ut(nn), s = Yt(() => qn(a, n), [a, n]);
+  return /* @__PURE__ */ U.jsx(dr, { theme: s, ...o });
 };
 export {
   ze as HoneyBox,
   eo as HoneyGrid,
   to as HoneyGridColumn,
-  mr as HoneyGridColumnStyled,
-  _r as HoneyGridContext,
+  br as HoneyGridColumnStyled,
+  Tr as HoneyGridContext,
   so as HoneyLayoutProvider,
   co as HoneyLayoutThemeOverride,
   ao as HoneyLazyContent,
   ro as HoneyList,
-  Yn as HoneyLoopingList,
+  Gn as HoneyLoopingList,
   io as HoneyLoopingListExample,
-  kn as HoneyLoopingListItemStyled,
-  Er as HoneyLoopingListStyled,
-  _n as HoneyStatusContent,
-  gr as bpMedia,
+  Un as HoneyLoopingListItemStyled,
+  wr as HoneyLoopingListStyled,
+  xn as HoneyStatusContent,
+  yr as bpMedia,
   sn as calculateEuclideanDistance,
   nr as calculateMovingSpeed,
   or as calculatePercentage,
   an as camelToDashCase,
   un as convertHexToHexWithAlpha,
-  Jn as filterFlattenedItems,
+  Kn as filterFlattenedItems,
   cn as flattenNestedList,
   lt as generateMediaStyles,
-  vr as generateStyles,
-  Tr as getHoneyListItemId,
-  hr as getTransformationValues,
+  gr as generateStyles,
+  xr as getHoneyListItemId,
+  vr as getTransformationValues,
   ir as media,
-  Mt as pxToRem,
-  Wt as resolveColor,
-  Qn as resolveDimension,
-  Kn as resolveFont,
+  Wt as pxToRem,
+  pt as resolveColor,
+  pn as resolveDimension,
+  dn as resolveFont,
   ar as resolveScreenState,
-  Gt as resolveSpacing,
-  Zn as searchFlattenedItems,
+  vt as resolveSpacing,
+  Qn as searchFlattenedItems,
   rr as splitStringIntoWords,
-  bn as useCurrentHoneyGrid,
-  xr as useHoneyDrag,
+  Tn as useCurrentHoneyGrid,
+  Er as useHoneyDrag,
   no as useHoneyInfiniteScroll,
   uo as useHoneyLayout,
-  zn as useHoneyMediaQuery,
+  Yn as useHoneyMediaQuery,
   oo as useHoneySyntheticScrollableContainer
 };