@react-hive/honey-layout 1.1.0 → 2.2.0

package/dist/index.js

@@ -1,17 +1,17 @@
-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) => {
+import he, { css as pe, useTheme as pr, ThemeProvider as hr, ThemeContext as an } from "styled-components";
+import vr, { createContext as gr, forwardRef as yr, useMemo as Gt, useContext as Vt, Fragment as sn, useState as Xt, useEffect as je, useRef as Oe, useCallback as ht } from "react";
+const un = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), or = (n) => n.split(" ").filter((o) => o), kt = (n, o = 16) => `${n / o}rem`, cn = (n, o, a, s) => {
+  const l = a - n, c = s - o;
+  return Math.sqrt(l ** 2 + c ** 2);
+}, ir = (n, o) => Math.abs(n / o), ar = (n, o) => n * o / 100, fn = (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], 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 l = s[1], c = l.length === 3 ? l[0] + l[0] + l[1] + l[1] + l[2] + l[2] : l, f = Math.round(o * 255).toString(16).toUpperCase().padStart(2, "0");
+  return `#${c + f}`;
+}, sr = (n) => `@media ${n.map((a) => {
   const s = [
     a.width && ["width", a.width],
     a.minWidth && ["min-width", a.minWidth],
@@ -24,38 +24,45 @@ 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} ` : "", l = s ? ` and ${s}` : "";
-  return `${c}${a.mediaType ?? "screen"}${l}`;
-}).join(", ")}`, vr = (n) => {
+  ].filter(Boolean).map((f) => f && `(${f[0]}: ${f[1]})`).join(" and "), l = a.operator ? `${a.operator} ` : "", c = s ? ` and ${s}` : "";
+  return `${l}${a.mediaType ?? "screen"}${c}`;
+}).join(", ")}`, mr = (n) => {
   const s = window.getComputedStyle(n).getPropertyValue("transform").match(/^matrix\((.+)\)$/);
   if (!s)
     return {
       translateX: 0,
       translateY: 0
     };
-  const c = s[1].split(", "), l = parseFloat(c[4]), f = parseFloat(c[5]);
+  const l = s[1].split(", "), c = parseFloat(l[4]), f = parseFloat(l[5]);
   return {
-    translateX: l,
+    translateX: c,
     translateY: 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(_);
+}, ln = (n, o, a, s = [], l = void 0, c = 0) => (n == null || n.forEach((f) => {
+  const { [a]: p, ...v } = f, _ = f[a], m = Array.isArray(_);
   if (s.push({
     ...v,
-    parentId: c,
-    depthLevel: l,
-    totalNestedItems: y ? _.length : 0
-  }), y) {
-    const m = f[o];
-    cn(_, o, a, s, m, l + 1);
-  }
-}), s), Kn = (n, o, a) => n.filter(
+    parentId: l,
+    depthLevel: c,
+    totalNestedItems: m ? _.length : 0
+  }), m) {
+    const y = f[o];
+    ln(
+      _,
+      o,
+      a,
+      s,
+      y,
+      c + 1
+    );
+  }
+}), s), no = (n, o, a) => n.filter(
   (s) => s.parentId === o && (!a || a(s))
-), Qn = (n, o, a, s) => {
-  const c = rr(s.toLowerCase());
-  if (!c.length)
+), oo = (n, o, a, s) => {
+  const l = or(s.toLowerCase());
+  if (!l.length)
     return n;
-  const l = n.reduce(
+  const c = n.reduce(
     (f, p, v) => (f[p[o]] = v, f),
     {}
   );
@@ -63,39 +70,39 @@ const an = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) =>
     (f, p) => {
       const v = p[a];
       if (!v || f.some(
-        (m) => m[o] === p[o]
+        (y) => y[o] === p[o]
       ))
         return f;
-      const _ = rr(v.toLowerCase());
-      if (c.every(
-        (m) => _.some((S) => S.startsWith(m))
+      const _ = or(v.toLowerCase());
+      if (l.every(
+        (y) => _.some((w) => w.startsWith(y))
       ))
         if (p.parentId === void 0) {
           f.push(p);
-          const m = (S) => {
-            S.totalNestedItems && n.forEach((j) => {
-              j.parentId === S[o] && (f.push(j), m(j));
+          const y = (w) => {
+            w.totalNestedItems && n.forEach((j) => {
+              j.parentId === w[o] && (f.push(j), y(j));
             });
           };
-          m(p);
+          y(p);
         } else {
-          const m = (S) => {
-            const j = l[S.parentId], M = n[j];
-            M.parentId !== void 0 && m(M);
+          const y = (w) => {
+            const j = c[w.parentId], M = n[j];
+            M.parentId !== void 0 && y(M);
             const W = f.length ? f[f.length - 1].parentId : null;
-            if (W === null || W !== S.parentId) {
+            if (W === null || W !== w.parentId) {
               if (!M)
                 throw new Error("[honey-layout]: Parent item was not found.");
               f.push(M);
             }
           };
-          m(p), f.push(p);
+          y(p), f.push(p);
         }
       return f;
     },
     []
   );
-}, fn = [
+}, dn = [
   "width",
   "height",
   "margin",
@@ -115,7 +122,7 @@ const an = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) =>
   "gap",
   "rowGap",
   "columnGap"
-], ln = [
+], pn = [
   "color",
   "backgroundColor",
   "borderColor",
@@ -127,73 +134,73 @@ const an = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), rr = (n) =>
   "textDecorationColor",
   "fill",
   "stroke"
-], vt = (n, o = "px", a = "base") => ({ theme: s }) => {
-  const c = s.spacings[a] ?? 0;
+], yt = (n, o = "px", a = "base") => ({ theme: s }) => {
+  const l = s.spacings[a] ?? 0;
   if (typeof n == "number") {
-    const f = n * c;
+    const f = n * l;
     return o ? `${f}${o}` : f;
   }
   return n.map((f) => {
-    const p = f * c;
+    const p = f * l;
     return o ? `${p}${o}` : p;
   }).join(" ");
-}, 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 }) => {
+}, vt = (n, o) => ({ theme: a }) => {
+  const [s, l] = n.split("."), c = a.colors[s][l];
+  return o !== void 0 ? fn(c, o) : c;
+}, hn = (n) => ({ theme: o }) => {
   const a = o.fonts[n];
-  return ge`
+  return pe`
       font-family: ${a.family};
-      font-size: ${Wt(a.size)};
+      font-size: ${kt(a.size)};
       font-weight: ${a.weight};
-      line-height: ${a.lineHeight !== void 0 && Wt(a.lineHeight)};
-      letter-spacing: ${a.letterSpacing !== void 0 && Wt(a.letterSpacing)};
+      line-height: ${a.lineHeight !== void 0 && kt(a.lineHeight)};
+      letter-spacing: ${a.letterSpacing !== void 0 && kt(a.letterSpacing)};
     `;
-}, 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) => {
+}, vn = (n) => ({ theme: o }) => o.dimensions[n], gn = (n) => dn.includes(n), yn = (n) => pn.includes(n), br = (n) => n[0] === "$", mn = (n) => n.split(".").length === 2, bn = (n, o, a) => {
   const s = typeof o == "object" && !Array.isArray(o) ? o[a] : o;
   if (s !== void 0)
-    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 l = an(s).slice(1);
-  return ge`
-          ${l}: ${yn(
-    s.slice(1),
+    return gn(n) && (typeof s == "number" || Array.isArray(s)) ? yt(s, "px") : yn(n) && typeof s == "string" && mn(s) ? vt(s) : s;
+}, _n = (n, o) => Object.entries(n).filter(
+  ([a, s]) => br(a) && o === "xs" || s && typeof s == "object" && o in s
+), _r = (n) => ({ theme: o, ...a }) => pe`
+    ${_n(a, n).map(([s, l]) => {
+  const c = s.slice(1);
+  return pe`
+        ${un(c)}: ${bn(
     c,
+    l,
     n
   )};
-        `;
+      `;
 })}
-  `, mn = (n, o) => Object.entries(o).some(
-  ([a, s]) => a[0] === "$" && typeof s == "object" && n in s
-), yr = (n, o = {}) => {
-  const a = (l) => {
-    const f = l.breakpoints[n];
+  `, xn = (n, o) => Object.entries(o).some(
+  ([a, s]) => br(a) && typeof s == "object" && n in s
+), xr = (n, o = {}) => {
+  const a = (c) => {
+    const f = c.breakpoints[n];
     if (!f)
       throw new Error(`[honey-layout]: Setup for breakpoint "${n}" was not found.`);
     return f;
   };
   return {
-    down: ({ theme: l }) => ir([
+    down: ({ theme: c }) => sr([
       {
-        maxWidth: `${a(l)}px`,
+        maxWidth: `${a(c)}px`,
         ...o
       }
     ]),
-    up: ({ theme: l }) => ir([
+    up: ({ theme: c }) => sr([
       {
-        minWidth: `${a(l)}px`,
+        minWidth: `${a(c)}px`,
         ...o
       }
     ])
   };
-}, lt = (n) => ({ theme: o, ...a }) => !o.breakpoints[n] || !mn(n, a) ? null : ge`
-      ${yr(n).up} {
-        ${gr(n)};
+}, pt = (n) => ({ theme: o, ...a }) => !o.breakpoints[n] || !xn(n, a) ? null : pe`
+      ${xr(n).up} {
+        ${_r(n)};
       }
-    `, ar = (n) => {
+    `, ur = (n) => {
   const o = window.screen.orientation.type, a = o === "portrait-primary" || o === "portrait-secondary", s = !a;
   if (!n)
     return {
@@ -205,36 +212,41 @@ 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), l = c.find((f) => {
+  const l = Object.entries(n).sort(([, f], [, p]) => f - p).map(([f]) => f), c = l.find((f) => {
     const p = n[f];
     return p ? window.innerWidth < p : !1;
-  }) ?? c.pop();
+  }) ?? l.pop();
   return {
     isPortrait: a,
     isLandscape: s,
-    isXs: l === "xs",
-    isSm: l === "sm",
-    isMd: l === "md",
-    isLg: l === "lg",
-    isXl: l === "xl"
+    isXs: c === "xs",
+    isSm: c === "sm",
+    isMd: c === "md",
+    isLg: c === "lg",
+    isXl: c === "xl"
   };
-}, ze = ye.div`
-  ${({ modifiers: n }) => ge`
+}, Pe = he.div`
+  ${({ modifiers: n }) => pe`
     ${n == null ? void 0 : n.map((o) => o())};
 
-    ${gr("xs")};
+    ${_r("xs")};
 
-    ${lt("sm")};
-    ${lt("md")};
-    ${lt("lg")};
-    ${lt("xl")};
+    ${pt("sm")};
+    ${pt("md")};
+    ${pt("lg")};
+    ${pt("xl")};
   `}
+`, Tn = he(Pe)`
+  display: flex;
 `;
-var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function mr(n) {
+Tn.defaultProps = {
+  $flexDirection: "column"
+};
+var de = 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;
 }
-var zt = { exports: {} }, We = {};
+var Ut = { exports: {} }, ze = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -244,21 +256,21 @@ var zt = { exports: {} }, We = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var sr;
-function bn() {
-  if (sr) return We;
-  sr = 1;
-  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 };
+var cr;
+function En() {
+  if (cr) return ze;
+  cr = 1;
+  var n = vr, o = Symbol.for("react.element"), a = 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(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) && !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 };
+    var m, y = {}, w = null, j = null;
+    _ !== void 0 && (w = "" + _), v.key !== void 0 && (w = "" + v.key), v.ref !== void 0 && (j = v.ref);
+    for (m in v) s.call(v, m) && !c.hasOwnProperty(m) && (y[m] = v[m]);
+    if (p && p.defaultProps) for (m in v = p.defaultProps, v) y[m] === void 0 && (y[m] = v[m]);
+    return { $$typeof: o, type: p, key: w, ref: j, props: y, _owner: l.current };
   }
-  return We.Fragment = a, We.jsx = f, We.jsxs = f, We;
+  return ze.Fragment = a, ze.jsx = f, ze.jsxs = f, ze;
 }
-var Ne = {};
+var ke = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -268,10 +280,10 @@ var Ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ur;
-function _n() {
-  return ur || (ur = 1, process.env.NODE_ENV !== "production" && function() {
-    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";
+var fr;
+function wn() {
+  return fr || (fr = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = vr, o = Symbol.for("react.element"), a = 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"), p = Symbol.for("react.context"), v = 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"), j = Symbol.for("react.offscreen"), M = Symbol.iterator, W = "@@iterator";
     function z(t) {
       if (t === null || typeof t != "object")
         return null;
@@ -279,46 +291,46 @@ function _n() {
       return typeof u == "function" ? u : null;
     }
     var F = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function $(t) {
+    function P(t) {
       {
         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);
+        ae("error", t, d);
       }
     }
-    function oe(t, u, d) {
+    function ae(t, u, d) {
       {
-        var g = F.ReactDebugCurrentFrame, x = g.getStackAddendum();
-        x !== "" && (u += "%s", d = d.concat([x]));
-        var O = d.map(function(E) {
-          return String(E);
+        var g = F.ReactDebugCurrentFrame, S = g.getStackAddendum();
+        S !== "" && (u += "%s", d = d.concat([S]));
+        var O = d.map(function(T) {
+          return String(T);
         });
         O.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, O);
       }
     }
-    var ie = !1, R = !1, b = !1, k = !1, K = !1, le;
-    le = Symbol.for("react.module.reference");
-    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
+    var se = !1, R = !1, b = !1, k = !1, ee = !1, ve;
+    ve = Symbol.for("react.module.reference");
+    function mt(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === s || t === c || ee || t === l || t === _ || t === m || k || t === j || se || R || b || typeof t == "object" && t !== null && (t.$$typeof === w || t.$$typeof === y || 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));
+      t.$$typeof === ve || t.getModuleId !== void 0));
     }
-    function yt(t, u, d) {
+    function bt(t, u, d) {
       var g = t.displayName;
       if (g)
         return g;
-      var x = u.displayName || u.name || "";
-      return x !== "" ? d + "(" + x + ")" : d;
+      var S = u.displayName || u.name || "";
+      return S !== "" ? d + "(" + S + ")" : d;
     }
-    function ke(t) {
+    function Ye(t) {
       return t.displayName || "Context";
     }
-    function q(t) {
+    function V(t) {
       if (t == null)
         return null;
-      if (typeof t.tag == "number" && $("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+      if (typeof t.tag == "number" && P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
         return t.displayName || t.name || null;
       if (typeof t == "string")
         return t;
@@ -327,32 +339,32 @@ function _n() {
           return "Fragment";
         case a:
           return "Portal";
-        case l:
-          return "Profiler";
         case c:
+          return "Profiler";
+        case l:
           return "StrictMode";
         case _:
           return "Suspense";
-        case y:
+        case m:
           return "SuspenseList";
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
           case p:
             var u = t;
-            return ke(u) + ".Consumer";
+            return Ye(u) + ".Consumer";
           case f:
             var d = t;
-            return ke(d._context) + ".Provider";
+            return Ye(d._context) + ".Provider";
           case v:
-            return yt(t, t.render, "ForwardRef");
-          case m:
+            return bt(t, t.render, "ForwardRef");
+          case y:
             var g = t.displayName || null;
-            return g !== null ? g : q(t.type) || "Memo";
-          case S: {
-            var x = t, O = x._payload, E = x._init;
+            return g !== null ? g : V(t.type) || "Memo";
+          case w: {
+            var S = t, O = S._payload, T = S._init;
             try {
-              return q(E(O));
+              return V(T(O));
             } catch {
               return null;
             }
@@ -360,18 +372,18 @@ function _n() {
         }
       return null;
     }
-    var te = Object.assign, de = 0, Ye, Ue, Ge, Be, Ve, Xe, qe;
-    function P() {
+    var ne = Object.assign, ge = 0, Ue, Be, Ge, Ve, Xe, qe, Je;
+    function $() {
     }
-    P.__reactDisabledLog = !0;
-    function Je() {
+    $.__reactDisabledLog = !0;
+    function Ke() {
       {
-        if (de === 0) {
-          Ye = console.log, Ue = console.info, Ge = console.warn, Be = console.error, Ve = console.group, Xe = console.groupCollapsed, qe = console.groupEnd;
+        if (ge === 0) {
+          Ue = console.log, Be = console.info, Ge = console.warn, Ve = console.error, Xe = console.group, qe = console.groupCollapsed, Je = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
-            value: P,
+            value: $,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -384,254 +396,254 @@ function _n() {
             groupEnd: t
           });
         }
-        de++;
+        ge++;
       }
     }
-    function mt() {
+    function _t() {
       {
-        if (de--, de === 0) {
+        if (ge--, ge === 0) {
           var t = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: te({}, t, {
-              value: Ye
-            }),
-            info: te({}, t, {
+            log: ne({}, t, {
               value: Ue
             }),
-            warn: te({}, t, {
-              value: Ge
-            }),
-            error: te({}, t, {
+            info: ne({}, t, {
               value: Be
             }),
-            group: te({}, t, {
+            warn: ne({}, t, {
+              value: Ge
+            }),
+            error: ne({}, t, {
               value: Ve
             }),
-            groupCollapsed: te({}, t, {
+            group: ne({}, t, {
               value: Xe
             }),
-            groupEnd: te({}, t, {
+            groupCollapsed: ne({}, t, {
               value: qe
+            }),
+            groupEnd: ne({}, t, {
+              value: Je
             })
           });
         }
-        de < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ge < 0 && P("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var re = F.ReactCurrentDispatcher, me;
-    function Q(t, u, d) {
+    var oe = F.ReactCurrentDispatcher, _e;
+    function te(t, u, d) {
       {
-        if (me === void 0)
+        if (_e === void 0)
           try {
             throw Error();
-          } catch (x) {
-            var g = x.stack.trim().match(/\n( *(at )?)/);
-            me = g && g[1] || "";
+          } catch (S) {
+            var g = S.stack.trim().match(/\n( *(at )?)/);
+            _e = g && g[1] || "";
           }
         return `
-` + me + t;
+` + _e + t;
       }
     }
-    var be = !1, ae;
+    var xe = !1, ue;
     {
       var Ze = typeof WeakMap == "function" ? WeakMap : Map;
-      ae = new Ze();
+      ue = new Ze();
     }
-    function je(t, u) {
-      if (!t || be)
+    function $e(t, u) {
+      if (!t || xe)
         return "";
       {
-        var d = ae.get(t);
+        var d = ue.get(t);
         if (d !== void 0)
           return d;
       }
       var g;
-      be = !0;
-      var x = Error.prepareStackTrace;
+      xe = !0;
+      var S = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var O;
-      O = re.current, re.current = null, Je();
+      O = oe.current, oe.current = null, Ke();
       try {
         if (u) {
-          var E = function() {
+          var T = function() {
             throw Error();
           };
-          if (Object.defineProperty(E.prototype, "props", {
+          if (Object.defineProperty(T.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(E, []);
-            } catch (G) {
-              g = G;
+              Reflect.construct(T, []);
+            } catch (Y) {
+              g = Y;
             }
-            Reflect.construct(t, [], E);
+            Reflect.construct(t, [], T);
           } else {
             try {
-              E.call();
-            } catch (G) {
-              g = G;
+              T.call();
+            } catch (Y) {
+              g = Y;
             }
-            t.call(E.prototype);
+            t.call(T.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (G) {
-            g = G;
+          } catch (Y) {
+            g = Y;
           }
           t();
         }
-      } catch (G) {
-        if (G && g && typeof G.stack == "string") {
-          for (var T = G.stack.split(`
+      } catch (Y) {
+        if (Y && g && typeof Y.stack == "string") {
+          for (var x = Y.stack.split(`
 `), N = g.stack.split(`
-`), H = T.length - 1, D = N.length - 1; H >= 1 && D >= 0 && T[H] !== N[D]; )
-            D--;
-          for (; H >= 1 && D >= 0; H--, D--)
-            if (T[H] !== N[D]) {
-              if (H !== 1 || D !== 1)
+`), D = x.length - 1, L = N.length - 1; D >= 1 && L >= 0 && x[D] !== N[L]; )
+            L--;
+          for (; D >= 1 && L >= 0; D--, L--)
+            if (x[D] !== N[L]) {
+              if (D !== 1 || L !== 1)
                 do
-                  if (H--, D--, D < 0 || T[H] !== N[D]) {
-                    var Y = `
-` + T[H].replace(" at new ", " at ");
-                    return t.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", t.displayName)), typeof t == "function" && ae.set(t, Y), Y;
+                  if (D--, L--, L < 0 || x[D] !== N[L]) {
+                    var B = `
+` + x[D].replace(" at new ", " at ");
+                    return t.displayName && B.includes("<anonymous>") && (B = B.replace("<anonymous>", t.displayName)), typeof t == "function" && ue.set(t, B), B;
                   }
-                while (H >= 1 && D >= 0);
+                while (D >= 1 && L >= 0);
               break;
             }
         }
       } finally {
-        be = !1, re.current = O, mt(), Error.prepareStackTrace = x;
+        xe = !1, oe.current = O, _t(), Error.prepareStackTrace = S;
       }
-      var ce = t ? t.displayName || t.name : "", he = ce ? Q(ce) : "";
-      return typeof t == "function" && ae.set(t, he), he;
+      var K = t ? t.displayName || t.name : "", Z = K ? te(K) : "";
+      return typeof t == "function" && ue.set(t, Z), Z;
     }
-    function bt(t, u, d) {
-      return je(t, !1);
+    function xt(t, u, d) {
+      return $e(t, !1);
     }
-    function _t(t) {
+    function Tt(t) {
       var u = t.prototype;
       return !!(u && u.isReactComponent);
     }
-    function _e(t, u, d) {
+    function Te(t, u, d) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return je(t, _t(t));
+        return $e(t, Tt(t));
       if (typeof t == "string")
-        return Q(t);
+        return te(t);
       switch (t) {
         case _:
-          return Q("Suspense");
-        case y:
-          return Q("SuspenseList");
+          return te("Suspense");
+        case m:
+          return te("SuspenseList");
       }
       if (typeof t == "object")
         switch (t.$$typeof) {
           case v:
-            return bt(t.render);
-          case m:
-            return _e(t.type, u, d);
-          case S: {
-            var g = t, x = g._payload, O = g._init;
+            return xt(t.render);
+          case y:
+            return Te(t.type, u, d);
+          case w: {
+            var g = t, S = g._payload, O = g._init;
             try {
-              return _e(O(x), u, d);
+              return Te(O(S), u, d);
             } catch {
             }
           }
         }
       return "";
     }
-    var Te = Object.prototype.hasOwnProperty, Ke = {}, Qe = F.ReactDebugCurrentFrame;
-    function xe(t) {
+    var ye = Object.prototype.hasOwnProperty, Qe = {}, et = F.ReactDebugCurrentFrame;
+    function Ee(t) {
       if (t) {
-        var u = t._owner, d = _e(t.type, t._source, u ? u.type : null);
-        Qe.setExtraStackFrame(d);
+        var u = t._owner, d = Te(t.type, t._source, u ? u.type : null);
+        et.setExtraStackFrame(d);
       } else
-        Qe.setExtraStackFrame(null);
+        et.setExtraStackFrame(null);
     }
-    function Ee(t, u, d, g, x) {
+    function we(t, u, d, g, S) {
       {
-        var O = Function.call.bind(Te);
-        for (var E in t)
-          if (O(t, E)) {
-            var T = void 0;
+        var O = Function.call.bind(ye);
+        for (var T in t)
+          if (O(t, T)) {
+            var x = void 0;
             try {
-              if (typeof t[E] != "function") {
-                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`.");
+              if (typeof t[T] != "function") {
+                var N = Error((g || "React class") + ": " + d + " type `" + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[T] + "`.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, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (H) {
-              T = H;
+              x = t[T](u, T, g, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (D) {
+              x = D;
             }
-            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));
+            x && !(x instanceof Error) && (Ee(S), P("%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, T, typeof x), Ee(null)), x instanceof Error && !(x.message in Qe) && (Qe[x.message] = !0, Ee(S), P("Failed %s type: %s", d, x.message), Ee(null));
           }
       }
     }
-    var Pe = Array.isArray;
-    function se(t) {
-      return Pe(t);
+    var Ae = Array.isArray;
+    function ce(t) {
+      return Ae(t);
     }
-    function ee(t) {
+    function re(t) {
       {
         var u = typeof Symbol == "function" && Symbol.toStringTag, d = u && t[Symbol.toStringTag] || t.constructor.name || "Object";
         return d;
       }
     }
-    function et(t) {
+    function tt(t) {
       try {
-        return $e(t), !1;
+        return Le(t), !1;
       } catch {
         return !0;
       }
     }
-    function $e(t) {
+    function Le(t) {
       return "" + t;
     }
-    function tt(t) {
-      if (et(t))
-        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ee(t)), $e(t);
+    function rt(t) {
+      if (tt(t))
+        return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", re(t)), Le(t);
     }
-    var pe = F.ReactCurrentOwner, we = {
+    var me = F.ReactCurrentOwner, Se = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ae, Le, Se;
-    Se = {};
-    function rt(t) {
-      if (Te.call(t, "ref")) {
+    }, Ie, He, Ce;
+    Ce = {};
+    function nt(t) {
+      if (ye.call(t, "ref")) {
         var u = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (u && u.isReactWarning)
           return !1;
       }
       return t.ref !== void 0;
     }
-    function Tt(t) {
-      if (Te.call(t, "key")) {
+    function Et(t) {
+      if (ye.call(t, "key")) {
         var u = Object.getOwnPropertyDescriptor(t, "key").get;
         if (u && u.isReactWarning)
           return !1;
       }
       return t.key !== void 0;
     }
-    function xt(t, u) {
-      if (typeof t.ref == "string" && pe.current && u && pe.current.stateNode !== u) {
-        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 wt(t, u) {
+      if (typeof t.ref == "string" && me.current && u && me.current.stateNode !== u) {
+        var d = V(me.current.type);
+        Ce[d] || (P('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', V(me.current.type), t.ref), Ce[d] = !0);
       }
     }
-    function ne(t, u) {
+    function ie(t, u) {
       {
         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));
+          Ie || (Ie = !0, P("%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));
         };
         d.isReactWarning = !0, Object.defineProperty(t, "key", {
           get: d,
@@ -639,10 +651,10 @@ function _n() {
         });
       }
     }
-    function Ce(t, u) {
+    function Re(t, u) {
       {
         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));
+          He || (He = !0, P("%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));
         };
         d.isReactWarning = !0, Object.defineProperty(t, "ref", {
           get: d,
@@ -650,70 +662,70 @@ function _n() {
         });
       }
     }
-    var Et = function(t, u, d, g, x, O, E) {
-      var T = {
+    var St = function(t, u, d, g, S, O, T) {
+      var x = {
         // 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: d,
-        props: E,
+        props: T,
         // Record the component responsible for creating this element.
         _owner: O
       };
-      return T._store = {}, Object.defineProperty(T._store, "validated", {
+      return x._store = {}, Object.defineProperty(x._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(T, "_self", {
+      }), Object.defineProperty(x, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: g
-      }), Object.defineProperty(T, "_source", {
+      }), Object.defineProperty(x, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: x
-      }), Object.freeze && (Object.freeze(T.props), Object.freeze(T)), T;
+        value: S
+      }), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
     };
-    function nt(t, u, d, g, x) {
+    function ot(t, u, d, g, S) {
       {
-        var O, E = {}, T = null, N = null;
-        d !== void 0 && (tt(d), T = "" + d), Tt(u) && (tt(u.key), T = "" + u.key), rt(u) && (N = u.ref, xt(u, x));
+        var O, T = {}, x = null, N = null;
+        d !== void 0 && (rt(d), x = "" + d), Et(u) && (rt(u.key), x = "" + u.key), nt(u) && (N = u.ref, wt(u, S));
         for (O in u)
-          Te.call(u, O) && !we.hasOwnProperty(O) && (E[O] = u[O]);
+          ye.call(u, O) && !Se.hasOwnProperty(O) && (T[O] = u[O]);
         if (t && t.defaultProps) {
-          var H = t.defaultProps;
-          for (O in H)
-            E[O] === void 0 && (E[O] = H[O]);
+          var D = t.defaultProps;
+          for (O in D)
+            T[O] === void 0 && (T[O] = D[O]);
         }
-        if (T || N) {
-          var D = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          T && ne(E, D), N && Ce(E, D);
+        if (x || N) {
+          var L = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          x && ie(T, L), N && Re(T, L);
         }
-        return Et(t, T, N, x, g, pe.current, E);
+        return St(t, x, N, S, g, me.current, T);
       }
     }
-    var Ie = F.ReactCurrentOwner, He = F.ReactDebugCurrentFrame;
-    function V(t) {
+    var De = F.ReactCurrentOwner, Me = F.ReactDebugCurrentFrame;
+    function X(t) {
       if (t) {
-        var u = t._owner, d = _e(t.type, t._source, u ? u.type : null);
-        He.setExtraStackFrame(d);
+        var u = t._owner, d = Te(t.type, t._source, u ? u.type : null);
+        Me.setExtraStackFrame(d);
       } else
-        He.setExtraStackFrame(null);
+        Me.setExtraStackFrame(null);
     }
-    var De;
-    De = !1;
+    var Fe;
+    Fe = !1;
     function J(t) {
       return typeof t == "object" && t !== null && t.$$typeof === o;
     }
-    function ot() {
+    function it() {
       {
-        if (Ie.current) {
-          var t = q(Ie.current.type);
+        if (De.current) {
+          var t = V(De.current.type);
           if (t)
             return `
 
@@ -722,13 +734,13 @@ Check the render method of \`` + t + "`.";
         return "";
       }
     }
-    function wt(t) {
+    function Ct(t) {
       return "";
     }
-    var it = {};
-    function St(t) {
+    var at = {};
+    function Rt(t) {
       {
-        var u = ot();
+        var u = it();
         if (!u) {
           var d = typeof t == "string" ? t : t.displayName || t.name;
           d && (u = `
@@ -738,39 +750,39 @@ Check the top-level render call using <` + d + ">.");
         return u;
       }
     }
-    function at(t, u) {
+    function st(t, u) {
       {
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
-        var d = St(u);
-        if (it[d])
+        var d = Rt(u);
+        if (at[d])
           return;
-        it[d] = !0;
+        at[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.', d, g), V(null);
+        t && t._owner && t._owner !== De.current && (g = " It was passed a child from " + V(t._owner.type) + "."), X(t), P('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), X(null);
       }
     }
-    function X(t, u) {
+    function q(t, u) {
       {
         if (typeof t != "object")
           return;
-        if (se(t))
+        if (ce(t))
           for (var d = 0; d < t.length; d++) {
             var g = t[d];
-            J(g) && at(g, u);
+            J(g) && st(g, u);
           }
         else if (J(t))
           t._store && (t._store.validated = !0);
         else if (t) {
-          var x = z(t);
-          if (typeof x == "function" && x !== t.entries)
-            for (var O = x.call(t), E; !(E = O.next()).done; )
-              J(E.value) && at(E.value, u);
+          var S = z(t);
+          if (typeof S == "function" && S !== t.entries)
+            for (var O = S.call(t), T; !(T = O.next()).done; )
+              J(T.value) && st(T.value, u);
         }
       }
     }
-    function Ct(t) {
+    function Ot(t) {
       {
         var u = t.type;
         if (u == null || typeof u == "string")
@@ -780,297 +792,324 @@ Check the top-level render call using <` + d + ">.");
           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))
+        u.$$typeof === y))
           d = u.propTypes;
         else
           return;
         if (d) {
-          var g = q(u);
-          Ee(d, t.props, "prop", g, t);
-        } else if (u.PropTypes !== void 0 && !De) {
-          De = !0;
-          var x = q(u);
-          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
+          var g = V(u);
+          we(d, t.props, "prop", g, t);
+        } else if (u.PropTypes !== void 0 && !Fe) {
+          Fe = !0;
+          var S = V(u);
+          P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
         }
-        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Rt(t) {
+    function jt(t) {
       {
         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);
+            X(t), P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), X(null);
             break;
           }
         }
-        t.ref !== null && (V(t), $("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
+        t.ref !== null && (X(t), P("Invalid attribute `ref` supplied to `React.Fragment`."), X(null));
       }
     }
-    function st(t, u, d, g, x, O) {
+    var ut = {};
+    function ct(t, u, d, g, S, O) {
       {
-        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 = 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 T = mt(t);
+        if (!T) {
+          var x = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (x += " 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 = Ct();
+          N ? x += N : x += it();
+          var D;
+          t === null ? D = "null" : ce(t) ? D = "array" : t !== void 0 && t.$$typeof === o ? (D = "<" + (V(t.type) || "Unknown") + " />", x = " Did you accidentally export a JSX literal instead of a component?") : D = typeof t, P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, x);
         }
-        var D = nt(t, u, d, x, O);
-        if (D == null)
-          return D;
-        if (E) {
-          var Y = u.children;
-          if (Y !== void 0)
+        var L = ot(t, u, d, S, O);
+        if (L == null)
+          return L;
+        if (T) {
+          var B = u.children;
+          if (B !== void 0)
             if (g)
-              if (se(Y)) {
-                for (var ce = 0; ce < Y.length; ce++)
-                  X(Y[ce], t);
-                Object.freeze && Object.freeze(Y);
+              if (ce(B)) {
+                for (var K = 0; K < B.length; K++)
+                  q(B[K], t);
+                Object.freeze && Object.freeze(B);
               } else
-                $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                P("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              X(Y, t);
+              q(B, t);
         }
-        return t === s ? Rt(D) : Ct(D), D;
+        if (ye.call(u, "key")) {
+          var Z = V(t), Y = Object.keys(u).filter(function(Lt) {
+            return Lt !== "key";
+          }), le = Y.length > 0 ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ut[Z + le]) {
+            var ft = Y.length > 0 ? "{" + Y.join(": ..., ") + ": ...}" : "{}";
+            P(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, le, Z, ft, Z), ut[Z + le] = !0;
+          }
+        }
+        return t === s ? jt(L) : Ot(L), L;
       }
     }
-    function Ot(t, u, d) {
-      return st(t, u, d, !0);
+    function Pt(t, u, d) {
+      return ct(t, u, d, !0);
     }
-    function jt(t, u, d) {
-      return st(t, u, d, !1);
+    function fe(t, u, d) {
+      return ct(t, u, d, !1);
     }
-    var ue = jt, Pt = Ot;
-    Ne.Fragment = s, Ne.jsx = ue, Ne.jsxs = Pt;
-  }()), Ne;
+    var $t = fe, At = Pt;
+    ke.Fragment = s, ke.jsx = $t, ke.jsxs = At;
+  }()), ke;
 }
-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, l = vt(a, null)({ theme: s }), f = o * c, p = (n - o) * (l / n);
-  return ge`
+process.env.NODE_ENV === "production" ? Ut.exports = En() : Ut.exports = wn();
+var U = Ut.exports;
+const Er = he(Pe)`
+  ${({ columns: n, takeColumns: o = 1, spacing: a = 0, applyMaxWidth: s, theme: l }) => {
+  const c = 100 / n, f = yt(a, null)({ theme: l }), p = o * c, v = (n - o) * (f / n), _ = `calc(${p}% - ${v}px)`;
+  return pe`
       display: flex;
       flex-direction: column;
-      flex-basis: calc(${f}% - ${p}px);
-
-      overflow: hidden;
+      flex-basis: ${_};
 
-      ${yr("lg").up} {
-        max-width: calc(${f}% - ${p}px);
-      }
+      ${s && pe`
+        ${xr(s).up} {
+          max-width: ${_};
+        }
+      `}
     `;
 }}
-`, _r = ye(ze)`
-  ${({ columnHeight: n, minColumnHeight: o, spacing: a = 0 }) => ge`
+`, wr = he(Pe)`
+  ${({ columnHeight: n, minColumnHeight: o, spacing: a = 0 }) => pe`
     display: flex;
-    gap: ${vt(a)};
+    gap: ${yt(a)};
 
-    > ${br} {
+    > ${Er} {
       height: ${n};
       min-height: ${o};
     }
   `}
 `;
-_r.defaultProps = {
+wr.defaultProps = {
   $flexWrap: "wrap"
 };
-const Tr = hr(void 0), eo = ({
-  children: n,
-  columns: o,
-  columnGrowing: a = !0,
-  spacing: s,
-  ...c
-}) => {
-  const l = Yt(
-    () => ({
-      columns: o,
-      columnGrowing: a,
-      spacing: s
-    }),
-    [o, a, s]
-  );
-  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);
+const Sr = gr(void 0), io = yr(
+  ({ children: n, columns: o, spacing: a, isColumnGrowing: s = !0, applyColumnMaxWidth: l = !1, ...c }, f) => {
+    const p = Gt(
+      () => ({
+        columns: o,
+        spacing: a,
+        isColumnGrowing: s,
+        applyColumnMaxWidth: l
+      }),
+      [o, a, s, l]
+    );
+    return /* @__PURE__ */ U.jsx(Sr.Provider, { value: p, children: /* @__PURE__ */ U.jsx(wr, { ref: f, spacing: a, "data-testid": "honey-grid", ...c, children: n }) });
+  }
+), Sn = () => {
+  const n = Vt(Sr);
   if (!n)
     throw new Error(
       "The `useCurrentHoneyGrid()` hook can only be used inside <HoneyGrid/> component!"
     );
   return n;
-}, to = ({
+}, ao = ({
   children: n,
   ...o
 }) => {
-  const { columns: a, columnGrowing: s, spacing: c } = Tn();
+  const { columns: a, spacing: s, isColumnGrowing: l, applyColumnMaxWidth: c } = Sn();
   return /* @__PURE__ */ U.jsx(
-    br,
+    Er,
     {
       columns: a,
-      spacing: c,
-      $flexGrow: s ? 1 : 0,
+      spacing: s,
+      applyMaxWidth: c,
+      $flexGrow: l ? 1 : 0,
       "data-testid": "honey-grid-column",
       ...o,
       children: n
     }
   );
-}, xr = (n, o, a) => typeof o == "function" ? o(n) : typeof n == "string" || typeof n == "number" ? n : o ? n[o] : a, xn = ({
+}, Cr = (n, o, a) => typeof o == "function" ? o(n) : typeof n == "string" || typeof n == "number" ? n : o ? n[o] : a, Cn = ({
   children: n,
   isLoading: o = !1,
   isError: a = !1,
   isNoContent: s = !1,
-  loadingContent: c = null,
-  errorContent: l = null,
+  loadingContent: l = null,
+  errorContent: c = null,
   noContent: f = null
-}) => a ? l : s ? f : o ? c : n, En = ye(ze)`
+}) => a ? c : s ? f : o ? l : n, Rn = he(Pe)`
   overflow: hidden auto;
-`, ro = ({
+`, On = ({
   children: n,
   items: o,
   itemKey: a,
   isLoading: s,
-  loadingContent: c,
-  isError: l,
+  loadingContent: l,
+  isError: c,
   errorContent: f,
   noContent: p,
   ...v
-}) => /* @__PURE__ */ U.jsx(En, { role: "list", "aria-busy": s, "data-testid": "honey-list", ...v, children: /* @__PURE__ */ U.jsx(
-  xn,
+}, _) => /* @__PURE__ */ U.jsx(
+  Rn,
   {
-    isLoading: s,
-    loadingContent: c,
-    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(xr(_, a, y))))
-  }
-) });
-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();
+    ref: _,
+    role: "list",
+    "aria-busy": s,
+    "data-testid": "honey-list",
+    ...v,
+    children: /* @__PURE__ */ U.jsx(
+      Cn,
+      {
+        isLoading: s,
+        loadingContent: l,
+        isError: c,
+        errorContent: f,
+        isNoContent: (o == null ? void 0 : o.length) === 0,
+        noContent: p,
+        children: o == null ? void 0 : o.map((m, y, w) => /* @__PURE__ */ U.jsx(sn, { children: n(m, y, w) }, String(Cr(m, a, y))))
+      }
+    )
+  }
+), so = yr(On);
+var jn = "Expected a function", lr = NaN, Pn = "[object Symbol]", $n = /^\s+|\s+$/g, An = /^[-+]0x[0-9a-f]+$/i, Ln = /^0b[01]+$/i, In = /^0o[0-7]+$/i, Hn = parseInt, Dn = typeof de == "object" && de && de.Object === Object && de, Mn = typeof self == "object" && self && self.Object === Object && self, Fn = Dn || Mn || Function("return this")(), Wn = Object.prototype, Nn = Wn.toString, zn = Math.max, kn = Math.min, Yt = function() {
+  return Fn.Date.now();
 };
-function Fn(n, o, a) {
-  var s, c, l, f, p, v, _ = 0, y = !1, m = !1, S = !0;
+function Yn(n, o, a) {
+  var s, l, c, f, p, v, _ = 0, m = !1, y = !1, w = !0;
   if (typeof n != "function")
-    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);
+    throw new TypeError(jn);
+  o = dr(o) || 0, Bt(a) && (m = !!a.leading, y = "maxWait" in a, c = y ? zn(dr(a.maxWait) || 0, o) : c, w = "trailing" in a ? !!a.trailing : w);
   function j(b) {
-    var k = s, K = c;
-    return s = c = void 0, _ = b, f = n.apply(K, k), f;
+    var k = s, ee = l;
+    return s = l = void 0, _ = b, f = n.apply(ee, k), f;
   }
   function M(b) {
-    return _ = b, p = setTimeout(F, o), y ? j(b) : f;
+    return _ = b, p = setTimeout(F, o), m ? j(b) : f;
   }
   function W(b) {
-    var k = b - v, K = b - _, le = o - k;
-    return m ? Mn(le, l - K) : le;
+    var k = b - v, ee = b - _, ve = o - k;
+    return y ? kn(ve, c - ee) : ve;
   }
   function z(b) {
-    var k = b - v, K = b - _;
-    return v === void 0 || k >= o || k < 0 || m && K >= l;
+    var k = b - v, ee = b - _;
+    return v === void 0 || k >= o || k < 0 || y && ee >= c;
   }
   function F() {
-    var b = Nt();
+    var b = Yt();
     if (z(b))
-      return $(b);
+      return P(b);
     p = setTimeout(F, W(b));
   }
-  function $(b) {
-    return p = void 0, S && s ? j(b) : (s = c = void 0, f);
+  function P(b) {
+    return p = void 0, w && s ? j(b) : (s = l = void 0, f);
   }
-  function oe() {
-    p !== void 0 && clearTimeout(p), _ = 0, s = v = c = p = void 0;
+  function ae() {
+    p !== void 0 && clearTimeout(p), _ = 0, s = v = l = p = void 0;
   }
-  function ie() {
-    return p === void 0 ? f : $(Nt());
+  function se() {
+    return p === void 0 ? f : P(Yt());
   }
   function R() {
-    var b = Nt(), k = z(b);
-    if (s = arguments, c = this, v = b, k) {
+    var b = Yt(), k = z(b);
+    if (s = arguments, l = this, v = b, k) {
       if (p === void 0)
         return M(v);
-      if (m)
+      if (y)
         return p = setTimeout(F, o), j(v);
     }
     return p === void 0 && (p = setTimeout(F, o)), f;
   }
-  return R.cancel = oe, R.flush = ie, R;
+  return R.cancel = ae, R.flush = se, R;
 }
-function kt(n) {
+function Bt(n) {
   var o = typeof n;
   return !!n && (o == "object" || o == "function");
 }
-function Wn(n) {
+function Un(n) {
   return !!n && typeof n == "object";
 }
-function Nn(n) {
-  return typeof n == "symbol" || Wn(n) && Hn.call(n) == Sn;
+function Bn(n) {
+  return typeof n == "symbol" || Un(n) && Nn.call(n) == Pn;
 }
-function fr(n) {
+function dr(n) {
   if (typeof n == "number")
     return n;
-  if (Nn(n))
-    return cr;
-  if (kt(n)) {
+  if (Bn(n))
+    return lr;
+  if (Bt(n)) {
     var o = typeof n.valueOf == "function" ? n.valueOf() : n;
-    n = kt(o) ? o + "" : o;
+    n = Bt(o) ? o + "" : o;
   }
   if (typeof n != "string")
     return n === 0 ? n : +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;
+  n = n.replace($n, "");
+  var a = Ln.test(n);
+  return a || In.test(n) ? Hn(n.slice(2), a ? 2 : 8) : An.test(n) ? lr : +n;
 }
-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 = kn(() => {
-      s(ar(o.breakpoints));
+var Gn = Yn;
+const Vn = /* @__PURE__ */ Tr(Gn), Xn = ({
+  delay: n = 0,
+  overrideScreenState: o
+} = {}) => {
+  const a = pr(), [s, l] = Xt(() => ({
+    ...ur(a.breakpoints),
+    ...o
+  }));
+  return je(() => {
+    const c = Vn(() => {
+      l({ ...ur(a.breakpoints), ...o });
     }, 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;
-}, Er = (n, { onMoveDrag: o, onStartDrag: a, onEndDrag: s }) => {
-  Oe(() => {
-    const c = n.current;
-    if (!c)
+  }, []), s;
+}, Rr = (n, { onMoveDrag: o, onStartDrag: a, onEndDrag: s }) => {
+  je(() => {
+    const l = n.current;
+    if (!l)
       return;
-    const l = o(c);
-    let f = !1, p = 0, v = 0, _ = 0, y = 0, m = 0;
-    const S = (R, b) => {
-      a && a(c) === !1 || (f = !0, p = R, v = b, _ = R, y = b, m = Date.now());
+    const c = o(l);
+    let f = !1, p = 0, v = 0, _ = 0, m = 0, y = 0;
+    const w = (R, b) => {
+      a && a(l) === !1 || (f = !0, p = R, v = b, _ = R, m = b, y = Date.now());
     }, j = () => {
       if (f && (f = !1, s)) {
-        const R = Date.now() - m, b = _ - p, k = y - v;
+        const R = Date.now() - y, b = _ - p, k = m - v;
         s({
           deltaX: b,
           deltaY: k,
           get movingSpeedX() {
-            return nr(b, R);
+            return ir(b, R);
           },
           get movingSpeedY() {
-            return nr(k, R);
+            return ir(k, R);
           }
-        }, c);
+        }, l);
       }
     }, M = () => {
-      j(), window.removeEventListener("mousemove", oe), window.removeEventListener("mouseup", M);
+      j(), window.removeEventListener("mousemove", ae), window.removeEventListener("mouseup", M);
     }, W = (R, b) => {
       if (!f)
         return;
-      if (l({
+      if (c({
         get deltaX() {
           return R - _;
         },
         get deltaY() {
-          return b - y;
+          return b - m;
         },
         get distanceX() {
           return R - p;
@@ -1079,55 +1118,55 @@ const kn = /* @__PURE__ */ mr(zn), Yn = ({ delay: n = 0 } = {}) => {
           return b - v;
         },
         get euclideanDistance() {
-          return sn(p, v, R, b);
+          return cn(p, v, R, b);
         }
       }) === !1) {
-        _ = R, y = b, M();
+        _ = R, m = b, M();
         return;
       }
-      _ = R, y = b;
+      _ = R, m = b;
     }, z = (R) => {
       const b = R.touches[0];
-      S(b.clientX, b.clientY);
+      w(b.clientX, b.clientY);
     }, F = (R) => {
       const b = R.touches[0];
       W(b.clientX, b.clientY);
-    }, $ = () => {
+    }, P = () => {
       f = !1;
-    }, oe = (R) => {
+    }, ae = (R) => {
       W(R.clientX, R.clientY);
-    }, ie = (R) => {
-      S(R.clientX, R.clientY), window.addEventListener("mousemove", oe), window.addEventListener("mouseup", M);
+    }, se = (R) => {
+      w(R.clientX, R.clientY), window.addEventListener("mousemove", ae), window.addEventListener("mouseup", M);
     };
-    return c.addEventListener("touchstart", z, {
+    return l.addEventListener("touchstart", z, {
       passive: !0
-    }), c.addEventListener("touchmove", F, {
+    }), l.addEventListener("touchmove", F, {
       passive: !0
-    }), c.addEventListener("touchend", j), c.addEventListener("touchcancel", $), c.addEventListener("mousedown", ie), () => {
-      c.removeEventListener("touchstart", z), c.removeEventListener("touchmove", F), c.removeEventListener("touchend", j), c.removeEventListener("touchcancel", $), c.removeEventListener("mousedown", ie);
+    }), l.addEventListener("touchend", j), l.addEventListener("touchcancel", P), l.addEventListener("mousedown", se), () => {
+      l.removeEventListener("touchstart", z), l.removeEventListener("touchmove", F), l.removeEventListener("touchend", j), l.removeEventListener("touchcancel", P), l.removeEventListener("mousedown", se);
     };
   }, [a, o, s, n]);
-}, no = (n, o) => {
-  const a = Re(null), s = Re(null), c = Re(null), l = (v, _) => {
-    if (a.current = v, c.current = _, !!v)
+}, uo = (n, o) => {
+  const a = Oe(null), s = Oe(null), l = Oe(null), c = (v, _) => {
+    if (a.current = v, l.current = _, !!v)
       if (_) {
-        const y = ([m]) => {
-          m.isIntersecting && o();
+        const m = ([y]) => {
+          y.isIntersecting && o();
         };
-        s.current = new IntersectionObserver(y, {
+        s.current = new IntersectionObserver(m, {
           root: v,
           rootMargin: "0px",
           threshold: 0
         }), s.current.observe(_);
       } else s.current && (s.current.disconnect(), s.current = null);
-  }, f = dt(
+  }, f = ht(
     (v) => {
-      l(v, c.current);
+      c(v, l.current);
     },
     []
-  ), p = dt(
+  ), p = ht(
     (v) => {
-      l(a.current, v);
+      c(a.current, v);
     },
     [a, o]
   );
@@ -1135,84 +1174,84 @@ const kn = /* @__PURE__ */ mr(zn), Yn = ({ delay: n = 0 } = {}) => {
     scrollableContainerRef: f,
     targetRef: p
   };
-}, oo = (n, {
+}, co = (n, {
   availableWindowPercentage: o = 0,
   onStartDrag: a,
   onEndDrag: s
 } = {}) => {
-  const c = dt(
-    (l) => ({ deltaX: f, deltaY: p }) => {
-      const v = l.scrollWidth - l.clientWidth, _ = l.scrollHeight - l.clientHeight;
+  const l = ht(
+    (c) => ({ deltaX: f, deltaY: p }) => {
+      const v = c.scrollWidth - c.clientWidth, _ = c.scrollHeight - c.clientHeight;
       if (v <= 0 && _ <= 0)
         return;
-      const y = or(
-        l.clientWidth,
+      const m = ar(
+        c.clientWidth,
         o
-      ), m = or(
-        l.clientHeight,
+      ), y = ar(
+        c.clientHeight,
         o
-      ), { 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 && (l.style.transform = `translate(${F}px, ${$}px)`);
+      ), { translateX: w, translateY: j } = mr(c), M = w + f, W = j + p;
+      let z = !1, F = w, P = j;
+      (f < 0 && M >= (v + m) * -1 || f > 0 && M <= m) && (F = M, z = !0), (p < 0 && W >= (_ + y) * -1 || p > 0 && W <= y) && (P = W, z = !0), z && (c.style.transform = `translate(${F}px, ${P}px)`);
     },
     [o]
   );
-  return Er(n, {
+  return Rr(n, {
     onStartDrag: a,
-    onMoveDrag: c,
+    onMoveDrag: l,
     onEndDrag: s
-  }), Oe(() => {
-    const l = () => {
+  }), je(() => {
+    const c = () => {
       var f;
       (f = n.current) == null || f.style.removeProperty("transform");
     };
-    return window.addEventListener("resize", l), () => {
-      window.removeEventListener("resize", l);
+    return window.addEventListener("resize", c), () => {
+      window.removeEventListener("resize", c);
     };
   }, []), n;
-}, wr = ye(ze)`
+}, Or = he(Pe)`
   overflow: hidden;
-`, Un = ye.div``, Gn = ({
+`, qn = he.div``, Jn = ({
   children: n,
   items: o,
   itemKey: a,
   activeItemIndex: s,
-  direction: c = "vertical",
-  ...l
+  direction: l = "vertical",
+  ...c
 }) => {
-  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 } = vr(y), z = c === "horizontal" ? M + S : 0, F = c === "vertical" ? W + j : 0;
-    y.style.transform = `translate(${z}px, ${F}px)`;
+  const [f, p] = Xt(o), v = Oe(null);
+  Oe(-1), f == null || f.length;
+  const _ = ht((m) => (m.parentElement.clientHeight / 2, ({ deltaX: w, deltaY: j }) => {
+    const { translateX: M, translateY: W } = mr(m), z = l === "horizontal" ? M + w : 0, F = l === "vertical" ? W + j : 0;
+    m.style.transform = `translate(${z}px, ${F}px)`;
   }), []);
-  return Er(v, {
+  return Rr(v, {
     onMoveDrag: _
-  }), Oe(() => {
-  }, []), Oe(() => {
-    const y = v.current;
-    if (!y)
+  }), je(() => {
+  }, []), je(() => {
+    const m = v.current;
+    if (!m)
       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", ...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);
+    const y = m.children[s];
+    m.parentElement.clientHeight / 2, y.offsetTop + y.clientHeight / 2;
+  }, []), /* @__PURE__ */ U.jsx(Pe, { $overflow: "hidden", "data-testid": "honey-looping-list-container", ...c, children: /* @__PURE__ */ U.jsx(Or, { ref: v, "data-testid": "honey-looping-list", children: f == null ? void 0 : f.map((m, y, w) => {
+    const j = Cr(m, a, y);
     return /* @__PURE__ */ U.jsx(
-      Un,
+      qn,
       {
-        "aria-current": m === s,
-        children: n(y, m, S)
+        "aria-current": y === s,
+        children: n(m, y, w)
       },
       String(j)
     );
   }) }) });
-}, Bn = ye.div`
+}, Kn = he.div`
   padding: 8px;
 
   border-radius: 4px;
-  border: 1px solid ${pt("neutral.charcoalDark")};
+  border: 1px solid ${vt("neutral.charcoalDark")};
 
-  ${wr} {
+  ${Or} {
     padding: 0;
     list-style-type: none;
 
@@ -1228,14 +1267,14 @@ const kn = /* @__PURE__ */ mr(zn), Yn = ({ delay: n = 0 } = {}) => {
         font-weight: bold;
         font-size: 1.3rem;
 
-        background-color: ${pt("neutral.charcoalDark")};
+        background-color: ${vt("neutral.charcoalDark")};
       }
     }
   }
-`, io = () => {
+`, fo = () => {
   const n = Array.from(Array(12)).map((o, a) => a + 1);
-  return /* @__PURE__ */ U.jsx(Bn, { children: /* @__PURE__ */ U.jsx(
-    Gn,
+  return /* @__PURE__ */ U.jsx(Kn, { children: /* @__PURE__ */ U.jsx(
+    Jn,
     {
       items: n,
       itemKey: (o) => o.toString(),
@@ -1244,60 +1283,60 @@ const kn = /* @__PURE__ */ mr(zn), Yn = ({ delay: n = 0 } = {}) => {
       children: (o) => o
     }
   ) });
-}, ao = ({
+}, lo = ({
   children: n,
   isMount: o,
   unmountDelay: a,
   isAlwaysMounted: s = !1,
-  isKeepAfterMount: c = !1
+  isKeepAfterMount: l = !1
 }) => {
-  const [l, f] = Gt(s || o), p = Re(void 0);
-  return Oe(() => {
+  const [c, f] = Xt(s || o), p = Oe(void 0);
+  return je(() => {
     if (!(!o || s))
       return clearTimeout(p.current), f(!0), () => {
-        c || (p.current = setTimeout(() => f(!1), a));
+        l || (p.current = setTimeout(() => f(!1), a));
       };
-  }, [o]), l ? n : null;
-}, Sr = hr(void 0), Vn = ({
+  }, [o]), c ? n : null;
+}, jr = gr(void 0), Zn = ({
   children: n,
   mediaQueryOptions: o
 }) => {
-  const a = lr(), s = Yn(o), c = Yt(
+  const a = pr(), s = Xn(o), l = Gt(
     () => ({
       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 })
+      resolveSpacing: (...c) => yt(...c)({ theme: a }),
+      resolveColor: (...c) => vt(...c)({ theme: a }),
+      resolveFont: (...c) => hn(...c)({ theme: a }),
+      resolveDimension: (...c) => vn(...c)({ theme: a })
     }),
     [a, s]
   );
-  return /* @__PURE__ */ U.jsx(Sr.Provider, { value: c, children: n });
-}, so = ({
+  return /* @__PURE__ */ U.jsx(jr.Provider, { value: l, children: n });
+}, po = ({
   theme: n,
   ...o
-}) => /* @__PURE__ */ U.jsx(dr, { theme: n, children: /* @__PURE__ */ U.jsx(Vn, { ...o }) }), uo = () => {
-  const n = Ut(Sr);
+}) => /* @__PURE__ */ U.jsx(hr, { theme: n, children: /* @__PURE__ */ U.jsx(Zn, { ...o }) }), ho = () => {
+  const n = Vt(jr);
   if (!n)
     throw new Error(
       "The `useHoneyLayout()` hook must be used inside <HoneyLayoutProvider/> component!"
     );
   return n;
 };
-var ht = { exports: {} };
-ht.exports;
+var gt = { exports: {} };
+gt.exports;
 (function(n, o) {
-  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() {
+  var a = 200, s = "__lodash_hash_undefined__", l = 800, c = 16, f = 9007199254740991, p = "[object Arguments]", v = "[object Array]", _ = "[object AsyncFunction]", m = "[object Boolean]", y = "[object Date]", w = "[object Error]", j = "[object Function]", M = "[object GeneratorFunction]", W = "[object Map]", z = "[object Number]", F = "[object Null]", P = "[object Object]", ae = "[object Proxy]", se = "[object RegExp]", R = "[object Set]", b = "[object String]", k = "[object Undefined]", ee = "[object WeakMap]", ve = "[object ArrayBuffer]", mt = "[object DataView]", bt = "[object Float32Array]", Ye = "[object Float64Array]", V = "[object Int8Array]", ne = "[object Int16Array]", ge = "[object Int32Array]", Ue = "[object Uint8Array]", Be = "[object Uint8ClampedArray]", Ge = "[object Uint16Array]", Ve = "[object Uint32Array]", Xe = /[\\^$.*+?()[\]{}|]/g, qe = /^\[object .+?Constructor\]$/, Je = /^(?:0|[1-9]\d*)$/, $ = {};
+  $[bt] = $[Ye] = $[V] = $[ne] = $[ge] = $[Ue] = $[Be] = $[Ge] = $[Ve] = !0, $[p] = $[v] = $[ve] = $[m] = $[mt] = $[y] = $[w] = $[j] = $[W] = $[z] = $[P] = $[se] = $[R] = $[b] = $[ee] = !1;
+  var Ke = typeof de == "object" && de && de.Object === Object && de, _t = typeof self == "object" && self && self.Object === Object && self, oe = Ke || _t || Function("return this")(), _e = o && !o.nodeType && o, te = _e && !0 && n && !n.nodeType && n, xe = te && te.exports === _e, ue = xe && Ke.process, Ze = function() {
     try {
-      var e = Q && Q.require && Q.require("util").types;
-      return e || ae && ae.binding && ae.binding("util");
+      var e = te && te.require && te.require("util").types;
+      return e || ue && ue.binding && ue.binding("util");
     } catch {
     }
-  }(), je = Ze && Ze.isTypedArray;
-  function bt(e, r, i) {
+  }(), $e = Ze && Ze.isTypedArray;
+  function xt(e, r, i) {
     switch (i.length) {
       case 0:
         return e.call(r);
@@ -1310,45 +1349,45 @@ ht.exports;
     }
     return e.apply(r, i);
   }
-  function _t(e, r) {
+  function Tt(e, r) {
     for (var i = -1, h = Array(e); ++i < e; )
       h[i] = r(i);
     return h;
   }
-  function _e(e) {
+  function Te(e) {
     return function(r) {
       return e(r);
     };
   }
-  function Te(e, r) {
+  function ye(e, r) {
     return e == null ? void 0 : e[r];
   }
-  function Ke(e, r) {
+  function Qe(e, r) {
     return function(i) {
       return e(r(i));
     };
   }
-  var Qe = Array.prototype, xe = Function.prototype, Ee = Object.prototype, Pe = re["__core-js_shared__"], se = xe.toString, ee = Ee.hasOwnProperty, et = function() {
-    var e = /[^.]+$/.exec(Pe && Pe.keys && Pe.keys.IE_PROTO || "");
+  var et = Array.prototype, Ee = Function.prototype, we = Object.prototype, Ae = oe["__core-js_shared__"], ce = Ee.toString, re = we.hasOwnProperty, tt = function() {
+    var e = /[^.]+$/.exec(Ae && Ae.keys && Ae.keys.IE_PROTO || "");
     return e ? "Symbol(src)_1." + e : "";
-  }(), $e = Ee.toString, tt = se.call(Object), pe = RegExp(
-    "^" + 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, Tt = Ee.propertyIsEnumerable, xt = Qe.splice, ne = Ae ? Ae.toStringTag : void 0, Ce = function() {
+  }(), Le = we.toString, rt = ce.call(Object), me = RegExp(
+    "^" + ce.call(re).replace(Xe, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  ), Se = xe ? oe.Buffer : void 0, Ie = oe.Symbol, He = oe.Uint8Array;
+  Se && Se.allocUnsafe;
+  var Ce = Qe(Object.getPrototypeOf, Object), nt = Object.create, Et = we.propertyIsEnumerable, wt = et.splice, ie = Ie ? Ie.toStringTag : void 0, Re = function() {
     try {
-      var e = $t(Object, "defineProperty");
+      var e = It(Object, "defineProperty");
       return e({}, "", {}), e;
     } catch {
     }
-  }(), Et = we ? we.isBuffer : void 0, nt = Math.max, Ie = Date.now, He = $t(re, "Map"), V = $t(Object, "create"), De = /* @__PURE__ */ function() {
+  }(), St = Se ? Se.isBuffer : void 0, ot = Math.max, De = Date.now, Me = It(oe, "Map"), X = It(Object, "create"), Fe = /* @__PURE__ */ function() {
     function e() {
     }
     return function(r) {
-      if (!ve(r))
+      if (!be(r))
         return {};
-      if (rt)
-        return rt(r);
+      if (nt)
+        return nt(r);
       e.prototype = r;
       var i = new e();
       return e.prototype = void 0, i;
@@ -1361,334 +1400,334 @@ ht.exports;
       this.set(h[0], h[1]);
     }
   }
-  function ot() {
-    this.__data__ = V ? V(null) : {}, this.size = 0;
+  function it() {
+    this.__data__ = X ? X(null) : {}, this.size = 0;
   }
-  function wt(e) {
+  function Ct(e) {
     var r = this.has(e) && delete this.__data__[e];
     return this.size -= r ? 1 : 0, r;
   }
-  function it(e) {
+  function at(e) {
     var r = this.__data__;
-    if (V) {
+    if (X) {
       var i = r[e];
       return i === s ? void 0 : i;
     }
-    return ee.call(r, e) ? r[e] : void 0;
+    return re.call(r, e) ? r[e] : void 0;
   }
-  function St(e) {
+  function Rt(e) {
     var r = this.__data__;
-    return V ? r[e] !== void 0 : ee.call(r, e);
+    return X ? r[e] !== void 0 : re.call(r, e);
   }
-  function at(e, r) {
+  function st(e, r) {
     var i = this.__data__;
-    return this.size += this.has(e) ? 0 : 1, i[e] = V && r === void 0 ? s : r, this;
+    return this.size += this.has(e) ? 0 : 1, i[e] = X && r === void 0 ? s : r, this;
   }
-  J.prototype.clear = ot, J.prototype.delete = wt, J.prototype.get = it, J.prototype.has = St, J.prototype.set = at;
-  function X(e) {
+  J.prototype.clear = it, J.prototype.delete = Ct, J.prototype.get = at, J.prototype.has = Rt, J.prototype.set = st;
+  function q(e) {
     var r = -1, i = e == null ? 0 : e.length;
     for (this.clear(); ++r < i; ) {
       var h = e[r];
       this.set(h[0], h[1]);
     }
   }
-  function Ct() {
+  function Ot() {
     this.__data__ = [], this.size = 0;
   }
-  function Rt(e) {
-    var r = this.__data__, i = he(r, e);
+  function jt(e) {
+    var r = this.__data__, i = K(r, e);
     if (i < 0)
       return !1;
     var h = r.length - 1;
-    return i == h ? r.pop() : xt.call(r, i, 1), --this.size, !0;
+    return i == h ? r.pop() : wt.call(r, i, 1), --this.size, !0;
   }
-  function st(e) {
-    var r = this.__data__, i = he(r, e);
+  function ut(e) {
+    var r = this.__data__, i = K(r, e);
     return i < 0 ? void 0 : r[i][1];
   }
-  function Ot(e) {
-    return he(this.__data__, e) > -1;
+  function ct(e) {
+    return K(this.__data__, e) > -1;
   }
-  function jt(e, r) {
-    var i = this.__data__, h = he(i, e);
+  function Pt(e, r) {
+    var i = this.__data__, h = K(i, e);
     return h < 0 ? (++this.size, i.push([e, r])) : i[h][1] = r, this;
   }
-  X.prototype.clear = Ct, X.prototype.delete = Rt, X.prototype.get = st, X.prototype.has = Ot, X.prototype.set = jt;
-  function ue(e) {
+  q.prototype.clear = Ot, q.prototype.delete = jt, q.prototype.get = ut, q.prototype.has = ct, q.prototype.set = Pt;
+  function fe(e) {
     var r = -1, i = e == null ? 0 : e.length;
     for (this.clear(); ++r < i; ) {
       var h = e[r];
       this.set(h[0], h[1]);
     }
   }
-  function Pt() {
+  function $t() {
     this.size = 0, this.__data__ = {
       hash: new J(),
-      map: new (He || X)(),
+      map: new (Me || q)(),
       string: new J()
     };
   }
-  function t(e) {
-    var r = ct(this, e).delete(e);
+  function At(e) {
+    var r = lt(this, e).delete(e);
     return this.size -= r ? 1 : 0, r;
   }
-  function u(e) {
-    return ct(this, e).get(e);
+  function t(e) {
+    return lt(this, e).get(e);
   }
-  function d(e) {
-    return ct(this, e).has(e);
+  function u(e) {
+    return lt(this, e).has(e);
   }
-  function g(e, r) {
-    var i = ct(this, e), h = i.size;
+  function d(e, r) {
+    var i = lt(this, e), h = i.size;
     return i.set(e, r), this.size += i.size == h ? 0 : 1, this;
   }
-  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);
+  fe.prototype.clear = $t, fe.prototype.delete = At, fe.prototype.get = t, fe.prototype.has = u, fe.prototype.set = d;
+  function g(e) {
+    var r = this.__data__ = new q(e);
     this.size = r.size;
   }
-  function O() {
-    this.__data__ = new X(), this.size = 0;
+  function S() {
+    this.__data__ = new q(), this.size = 0;
   }
-  function E(e) {
+  function O(e) {
     var r = this.__data__, i = r.delete(e);
     return this.size = r.size, i;
   }
   function T(e) {
     return this.__data__.get(e);
   }
-  function N(e) {
+  function x(e) {
     return this.__data__.has(e);
   }
-  function H(e, r) {
+  function N(e, r) {
     var i = this.__data__;
-    if (i instanceof X) {
+    if (i instanceof q) {
       var h = i.__data__;
-      if (!He || h.length < a - 1)
+      if (!Me || h.length < a - 1)
         return h.push([e, r]), this.size = ++i.size, this;
-      i = this.__data__ = new ue(h);
+      i = this.__data__ = new fe(h);
     }
     return i.set(e, r), this.size = i.size, this;
   }
-  x.prototype.clear = O, x.prototype.delete = E, x.prototype.get = T, x.prototype.has = N, x.prototype.set = H;
+  g.prototype.clear = S, g.prototype.delete = O, g.prototype.get = T, g.prototype.has = x, g.prototype.set = N;
   function D(e, r) {
-    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)) || C.push(Z);
+    var i = Mt(e), h = !i && Dt(e), E = !i && !h && Zt(e), A = !i && !h && !E && er(e), I = i || h || E || A, C = I ? Tt(e.length, String) : [], H = C.length;
+    for (var Q in e)
+      I && // Safari 9 has enumerable `arguments.length` in strict mode.
+      (Q == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+      E && (Q == "offset" || Q == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+      A && (Q == "buffer" || Q == "byteLength" || Q == "byteOffset") || // Skip index properties.
+      Jt(Q, H)) || C.push(Q);
     return C;
   }
-  function Y(e, r, i) {
-    (i !== void 0 && !ft(e[r], i) || i === void 0 && !(r in e)) && G(e, r, i);
+  function L(e, r, i) {
+    (i !== void 0 && !dt(e[r], i) || i === void 0 && !(r in e)) && Z(e, r, i);
   }
-  function ce(e, r, i) {
+  function B(e, r, i) {
     var h = e[r];
-    (!(ee.call(e, r) && ft(h, i)) || i === void 0 && !(r in e)) && G(e, r, i);
+    (!(re.call(e, r) && dt(h, i)) || i === void 0 && !(r in e)) && Z(e, r, i);
   }
-  function he(e, r) {
+  function K(e, r) {
     for (var i = e.length; i--; )
-      if (ft(e[i][0], r))
+      if (dt(e[i][0], r))
         return i;
     return -1;
   }
-  function G(e, r, i) {
-    r == "__proto__" && Ce ? Ce(e, r, {
+  function Z(e, r, i) {
+    r == "__proto__" && Re ? Re(e, r, {
       configurable: !0,
       enumerable: !0,
       value: i,
       writable: !0
     }) : e[r] = i;
   }
-  var Cr = Wr();
-  function ut(e) {
-    return e == null ? e === void 0 ? k : F : ne && ne in Object(e) ? Nr(e) : Br(e);
+  var Y = zr();
+  function le(e) {
+    return e == null ? e === void 0 ? k : F : ie && ie in Object(e) ? kr(e) : Xr(e);
   }
-  function Bt(e) {
-    return Me(e) && ut(e) == p;
+  function ft(e) {
+    return We(e) && le(e) == p;
   }
-  function Rr(e) {
-    if (!ve(e) || Ur(e))
+  function Lt(e) {
+    if (!be(e) || Gr(e))
       return !1;
-    var r = Dt(e) ? pe : Xe;
-    return r.test(Jr(e));
+    var r = Wt(e) ? me : qe;
+    return r.test(Zr(e));
   }
-  function Or(e) {
-    return Me(e) && Zt(e.length) && !!P[ut(e)];
+  function Pr(e) {
+    return We(e) && Qt(e.length) && !!$[le(e)];
   }
-  function jr(e) {
-    if (!ve(e))
-      return Gr(e);
-    var r = qt(e), i = [];
+  function $r(e) {
+    if (!be(e))
+      return Vr(e);
+    var r = Kt(e), i = [];
     for (var h in e)
-      h == "constructor" && (r || !ee.call(e, h)) || i.push(h);
+      h == "constructor" && (r || !re.call(e, h)) || i.push(h);
     return i;
   }
-  function Vt(e, r, i, h, w) {
-    e !== r && Cr(r, function(A, L) {
-      if (w || (w = new x()), ve(A))
-        Pr(e, r, L, i, Vt, h, w);
+  function qt(e, r, i, h, E) {
+    e !== r && Y(r, function(A, I) {
+      if (E || (E = new g()), be(A))
+        Ar(e, r, I, i, qt, h, E);
       else {
-        var C = h ? h(At(e, L), A, L + "", e, r, w) : void 0;
-        C === void 0 && (C = A), Y(e, L, C);
+        var C = h ? h(Ht(e, I), A, I + "", e, r, E) : void 0;
+        C === void 0 && (C = A), L(e, I, C);
       }
-    }, Qt);
+    }, tr);
   }
-  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);
+  function Ar(e, r, i, h, E, A, I) {
+    var C = Ht(e, i), H = Ht(r, i), Q = I.get(H);
+    if (Q) {
+      L(e, i, Q);
       return;
     }
-    var B = A ? A(C, I, i + "", e, r, L) : void 0, Fe = B === void 0;
-    if (Fe) {
-      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;
+    var G = A ? A(C, H, i + "", e, r, I) : void 0, Ne = G === void 0;
+    if (Ne) {
+      var Nt = Mt(H), zt = !Nt && Zt(H), nr = !Nt && !zt && er(H);
+      G = H, Nt || zt || nr ? Mt(C) ? G = C : Qr(C) ? G = Fr(C) : zt ? (Ne = !1, G = Hr(H)) : nr ? (Ne = !1, G = Mr(H)) : G = [] : en(H) || Dt(H) ? (G = C, Dt(C) ? G = tn(C) : (!be(C) || Wt(C)) && (G = Yr(H))) : Ne = !1;
     }
-    Fe && (L.set(I, B), w(B, I, h, A, L), L.delete(I)), Y(e, i, B);
+    Ne && (I.set(H, G), E(G, H, h, A, I), I.delete(H)), L(e, i, G);
   }
-  function $r(e, r) {
-    return Xr(Vr(e, r, er), e + "");
+  function Lr(e, r) {
+    return Jr(qr(e, r, rr), e + "");
   }
-  var Ar = Ce ? function(e, r) {
-    return Ce(e, "toString", {
+  var Ir = Re ? function(e, r) {
+    return Re(e, "toString", {
       configurable: !0,
       enumerable: !1,
-      value: tn(r),
+      value: nn(r),
       writable: !0
     });
-  } : er;
-  function Lr(e, r) {
+  } : rr;
+  function Hr(e, r) {
     return e.slice();
   }
-  function Ir(e) {
+  function Dr(e) {
     var r = new e.constructor(e.byteLength);
-    return new Le(r).set(new Le(e)), r;
+    return new He(r).set(new He(e)), r;
   }
-  function Hr(e, r) {
-    var i = Ir(e.buffer);
+  function Mr(e, r) {
+    var i = Dr(e.buffer);
     return new e.constructor(i, e.byteOffset, e.length);
   }
-  function Dr(e, r) {
+  function Fr(e, r) {
     var i = -1, h = e.length;
     for (r || (r = Array(h)); ++i < h; )
       r[i] = e[i];
     return r;
   }
-  function Mr(e, r, i, h) {
-    var w = !i;
+  function Wr(e, r, i, h) {
+    var E = !i;
     i || (i = {});
-    for (var A = -1, L = r.length; ++A < L; ) {
-      var C = r[A], I = void 0;
-      I === void 0 && (I = e[C]), w ? G(i, C, I) : ce(i, C, I);
+    for (var A = -1, I = r.length; ++A < I; ) {
+      var C = r[A], H = void 0;
+      H === void 0 && (H = e[C]), E ? Z(i, C, H) : B(i, C, H);
     }
     return 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 && kr(i[0], i[1], L) && (A = w < 3 ? void 0 : A, w = 1), r = Object(r); ++h < w; ) {
+  function Nr(e) {
+    return Lr(function(r, i) {
+      var h = -1, E = i.length, A = E > 1 ? i[E - 1] : void 0, I = E > 2 ? i[2] : void 0;
+      for (A = e.length > 3 && typeof A == "function" ? (E--, A) : void 0, I && Ur(i[0], i[1], I) && (A = E < 3 ? void 0 : A, E = 1), r = Object(r); ++h < E; ) {
         var C = i[h];
         C && e(r, C, h, A);
       }
       return r;
     });
   }
-  function Wr(e) {
+  function zr(e) {
     return function(r, i, h) {
-      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)
+      for (var E = -1, A = Object(r), I = h(r), C = I.length; C--; ) {
+        var H = I[++E];
+        if (i(A[H], H, A) === !1)
           break;
       }
       return r;
     };
   }
-  function ct(e, r) {
+  function lt(e, r) {
     var i = e.__data__;
-    return Yr(r) ? i[typeof r == "string" ? "string" : "hash"] : i.map;
+    return Br(r) ? i[typeof r == "string" ? "string" : "hash"] : i.map;
   }
-  function $t(e, r) {
-    var i = Te(e, r);
-    return Rr(i) ? i : void 0;
+  function It(e, r) {
+    var i = ye(e, r);
+    return Lt(i) ? i : void 0;
   }
-  function Nr(e) {
-    var r = ee.call(e, ne), i = e[ne];
+  function kr(e) {
+    var r = re.call(e, ie), i = e[ie];
     try {
-      e[ne] = void 0;
+      e[ie] = void 0;
       var h = !0;
     } catch {
     }
-    var w = $e.call(e);
-    return h && (r ? e[ne] = i : delete e[ne]), w;
+    var E = Le.call(e);
+    return h && (r ? e[ie] = i : delete e[ie]), E;
   }
-  function zr(e) {
-    return typeof e.constructor == "function" && !qt(e) ? De(Se(e)) : {};
+  function Yr(e) {
+    return typeof e.constructor == "function" && !Kt(e) ? Fe(Ce(e)) : {};
   }
-  function Xt(e, r) {
+  function Jt(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;
+    return r = r ?? f, !!r && (i == "number" || i != "symbol" && Je.test(e)) && e > -1 && e % 1 == 0 && e < r;
   }
-  function kr(e, r, i) {
-    if (!ve(i))
+  function Ur(e, r, i) {
+    if (!be(i))
       return !1;
     var h = typeof r;
-    return (h == "number" ? Ht(i) && Xt(r, i.length) : h == "string" && r in i) ? ft(i[r], e) : !1;
+    return (h == "number" ? Ft(i) && Jt(r, i.length) : h == "string" && r in i) ? dt(i[r], e) : !1;
   }
-  function Yr(e) {
+  function Br(e) {
     var r = typeof e;
     return r == "string" || r == "number" || r == "symbol" || r == "boolean" ? e !== "__proto__" : e === null;
   }
-  function Ur(e) {
-    return !!et && et in e;
+  function Gr(e) {
+    return !!tt && tt in e;
   }
-  function qt(e) {
-    var r = e && e.constructor, i = typeof r == "function" && r.prototype || Ee;
+  function Kt(e) {
+    var r = e && e.constructor, i = typeof r == "function" && r.prototype || we;
     return e === i;
   }
-  function Gr(e) {
+  function Vr(e) {
     var r = [];
     if (e != null)
       for (var i in Object(e))
         r.push(i);
     return r;
   }
-  function Br(e) {
-    return $e.call(e);
-  }
-  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 C = Array(r + 1); ++w < r; )
-        C[w] = h[w];
-      return C[r] = i(L), bt(e, this, C);
+  function Xr(e) {
+    return Le.call(e);
+  }
+  function qr(e, r, i) {
+    return r = ot(r === void 0 ? e.length - 1 : r, 0), function() {
+      for (var h = arguments, E = -1, A = ot(h.length - r, 0), I = Array(A); ++E < A; )
+        I[E] = h[r + E];
+      E = -1;
+      for (var C = Array(r + 1); ++E < r; )
+        C[E] = h[E];
+      return C[r] = i(I), xt(e, this, C);
     };
   }
-  function At(e, r) {
+  function Ht(e, r) {
     if (!(r === "constructor" && typeof e[r] == "function") && r != "__proto__")
       return e[r];
   }
-  var Xr = qr(Ar);
-  function qr(e) {
+  var Jr = Kr(Ir);
+  function Kr(e) {
     var r = 0, i = 0;
     return function() {
-      var h = Ie(), w = l - (h - i);
-      if (i = h, w > 0) {
-        if (++r >= c)
+      var h = De(), E = c - (h - i);
+      if (i = h, E > 0) {
+        if (++r >= l)
           return arguments[0];
       } else
         r = 0;
       return e.apply(void 0, arguments);
     };
   }
-  function Jr(e) {
+  function Zr(e) {
     if (e != null) {
       try {
-        return se.call(e);
+        return ce.call(e);
       } catch {
       }
       try {
@@ -1698,117 +1737,118 @@ ht.exports;
     }
     return "";
   }
-  function ft(e, r) {
+  function dt(e, r) {
     return e === r || e !== e && r !== r;
   }
-  var Lt = Bt(/* @__PURE__ */ function() {
+  var Dt = ft(/* @__PURE__ */ function() {
     return arguments;
-  }()) ? Bt : function(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);
+  }()) ? ft : function(e) {
+    return We(e) && re.call(e, "callee") && !Et.call(e, "callee");
+  }, Mt = Array.isArray;
+  function Ft(e) {
+    return e != null && Qt(e.length) && !Wt(e);
   }
-  function Zr(e) {
-    return Me(e) && Ht(e);
+  function Qr(e) {
+    return We(e) && Ft(e);
   }
-  var Jt = Et || rn;
-  function Dt(e) {
-    if (!ve(e))
+  var Zt = St || on;
+  function Wt(e) {
+    if (!be(e))
       return !1;
-    var r = ut(e);
-    return r == j || r == M || r == _ || r == oe;
+    var r = le(e);
+    return r == j || r == M || r == _ || r == ae;
   }
-  function Zt(e) {
+  function Qt(e) {
     return typeof e == "number" && e > -1 && e % 1 == 0 && e <= f;
   }
-  function ve(e) {
+  function be(e) {
     var r = typeof e;
     return e != null && (r == "object" || r == "function");
   }
-  function Me(e) {
+  function We(e) {
     return e != null && typeof e == "object";
   }
-  function Kr(e) {
-    if (!Me(e) || ut(e) != $)
+  function en(e) {
+    if (!We(e) || le(e) != P)
       return !1;
-    var r = Se(e);
+    var r = Ce(e);
     if (r === null)
       return !0;
-    var i = ee.call(r, "constructor") && r.constructor;
-    return typeof i == "function" && i instanceof i && se.call(i) == tt;
+    var i = re.call(r, "constructor") && r.constructor;
+    return typeof i == "function" && i instanceof i && ce.call(i) == rt;
   }
-  var Kt = je ? _e(je) : Or;
-  function Qr(e) {
-    return Mr(e, Qt(e));
+  var er = $e ? Te($e) : Pr;
+  function tn(e) {
+    return Wr(e, tr(e));
   }
-  function Qt(e) {
-    return Ht(e) ? D(e) : jr(e);
+  function tr(e) {
+    return Ft(e) ? D(e) : $r(e);
   }
-  var en = Fr(function(e, r, i) {
-    Vt(e, r, i);
+  var rn = Nr(function(e, r, i) {
+    qt(e, r, i);
   });
-  function tn(e) {
+  function nn(e) {
     return function() {
       return e;
     };
   }
-  function er(e) {
+  function rr(e) {
     return e;
   }
-  function rn() {
+  function on() {
     return !1;
   }
-  n.exports = en;
-})(ht, ht.exports);
-var Xn = ht.exports;
-const qn = /* @__PURE__ */ mr(Xn), co = ({
+  n.exports = rn;
+})(gt, gt.exports);
+var Qn = gt.exports;
+const eo = /* @__PURE__ */ Tr(Qn), vo = ({
   theme: n,
   ...o
 }) => {
-  const a = Ut(nn), s = Yt(() => qn(a, n), [a, n]);
-  return /* @__PURE__ */ U.jsx(dr, { theme: s, ...o });
+  const a = Vt(an), s = Gt(() => eo(a, n), [a, n]);
+  return /* @__PURE__ */ U.jsx(hr, { theme: s, ...o });
 };
 export {
-  ze as HoneyBox,
-  eo as HoneyGrid,
-  to as HoneyGridColumn,
-  br as HoneyGridColumnStyled,
-  Tr as HoneyGridContext,
-  so as HoneyLayoutProvider,
-  co as HoneyLayoutThemeOverride,
-  ao as HoneyLazyContent,
-  ro as HoneyList,
-  Gn as HoneyLoopingList,
-  io as HoneyLoopingListExample,
-  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,
-  Kn as filterFlattenedItems,
-  cn as flattenNestedList,
-  lt as generateMediaStyles,
-  gr as generateStyles,
-  xr as getHoneyListItemId,
-  vr as getTransformationValues,
-  ir as media,
-  Wt as pxToRem,
-  pt as resolveColor,
-  pn as resolveDimension,
-  dn as resolveFont,
-  ar as resolveScreenState,
-  vt as resolveSpacing,
-  Qn as searchFlattenedItems,
-  rr as splitStringIntoWords,
-  Tn as useCurrentHoneyGrid,
-  Er as useHoneyDrag,
-  no as useHoneyInfiniteScroll,
-  uo as useHoneyLayout,
-  Yn as useHoneyMediaQuery,
-  oo as useHoneySyntheticScrollableContainer
+  Pe as HoneyBox,
+  Tn as HoneyFlexBox,
+  io as HoneyGrid,
+  ao as HoneyGridColumn,
+  Er as HoneyGridColumnStyled,
+  Sr as HoneyGridContext,
+  po as HoneyLayoutProvider,
+  vo as HoneyLayoutThemeOverride,
+  lo as HoneyLazyContent,
+  so as HoneyList,
+  Jn as HoneyLoopingList,
+  fo as HoneyLoopingListExample,
+  qn as HoneyLoopingListItemStyled,
+  Or as HoneyLoopingListStyled,
+  Cn as HoneyStatusContent,
+  pt as applyBreakpointStyles,
+  xr as bpMedia,
+  cn as calculateEuclideanDistance,
+  ir as calculateMovingSpeed,
+  ar as calculatePercentage,
+  un as camelToDashCase,
+  fn as convertHexToHexWithAlpha,
+  _r as createStyles,
+  no as filterFlattenedItems,
+  ln as flattenNestedList,
+  Cr as getHoneyListItemId,
+  mr as getTransformationValues,
+  sr as media,
+  kt as pxToRem,
+  vt as resolveColor,
+  vn as resolveDimension,
+  hn as resolveFont,
+  ur as resolveScreenState,
+  yt as resolveSpacing,
+  oo as searchFlattenedItems,
+  or as splitStringIntoWords,
+  Sn as useCurrentHoneyGrid,
+  Rr as useHoneyDrag,
+  uo as useHoneyInfiniteScroll,
+  ho as useHoneyLayout,
+  Xn as useHoneyMediaQuery,
+  co as useHoneySyntheticScrollableContainer
 };