@react-hive/honey-layout 2.7.0 → 3.0.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import Re, { css as we, useTheme as hr, ThemeProvider as gr, ThemeContext as cn } from "styled-components";
+import Re, { css as ye, useTheme as hr, ThemeProvider as gr, ThemeContext as cn } from "styled-components";
 import vr, { createContext as yr, forwardRef as mr, useMemo as _t, useContext as Xt, Fragment as un, useState as xt, useEffect as pe, useRef as Le, useCallback as Ae } from "react";
 const ln = [
   'a[href]:not([tabindex="-1"])',
@@ -21,16 +21,16 @@ var dn = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
   /* Z+1 */
 );
 const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`), or = (n) => n.split(" ").filter((o) => o), Vt = (n, o = 16) => `${n / o}rem`, gn = (n, o, i, s) => {
-  const f = i - n, c = s - o;
-  return Math.sqrt(f ** 2 + c ** 2);
+  const l = i - n, c = s - o;
+  return Math.sqrt(l ** 2 + c ** 2);
 }, ir = (n, o) => Math.abs(n / o), ar = (n, o) => n * o / 100, vn = (n, o) => {
   if (o < 0 || o > 1)
     throw new Error(`[honey-layout]: Alpha "${o}" is not a valid hex format.`);
   const i = /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/, s = n.match(i);
   if (!s)
     throw new Error("[honey-layout]: Invalid hex format.");
-  const f = s[1], c = f.length === 3 ? f[0] + f[0] + f[1] + f[1] + f[2] + f[2] : f, l = Math.round(o * 255).toString(16).toUpperCase().padStart(2, "0");
-  return `#${c + l}`;
+  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((i) => {
   const s = [
     i.width && ["width", i.width],
@@ -44,8 +44,8 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
     i.maxResolution && ["max-resolution", i.maxResolution],
     i.resolution && ["resolution", i.resolution],
     i.update && ["update", i.update]
-  ].filter(Boolean).map((l) => l && `(${l[0]}: ${l[1]})`).join(" and "), f = i.operator ? `${i.operator} ` : "", c = s ? ` and ${s}` : "";
-  return `${f}${i.mediaType ?? "screen"}${c}`;
+  ].filter(Boolean).map((f) => f && `(${f[0]}: ${f[1]})`).join(" and "), l = i.operator ? `${i.operator} ` : "", c = s ? ` and ${s}` : "";
+  return `${l}${i.mediaType ?? "screen"}${c}`;
 }).join(", ")}`, br = (n) => {
   const s = window.getComputedStyle(n).getPropertyValue("transform").match(/^matrix\((.+)\)$/);
   if (!s)
@@ -53,20 +53,20 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
       translateX: 0,
       translateY: 0
     };
-  const f = s[1].split(", "), c = parseFloat(f[4]), l = parseFloat(f[5]);
+  const l = s[1].split(", "), c = parseFloat(l[4]), f = parseFloat(l[5]);
   return {
     translateX: c,
-    translateY: l
+    translateY: f
   };
-}, yn = (n, o, i, s = [], f = void 0, c = 0) => (n == null || n.forEach((l) => {
-  const { [i]: g, ...p } = l, b = l[i], v = Array.isArray(b);
+}, yn = (n, o, i, s = [], l = void 0, c = 0) => (n == null || n.forEach((f) => {
+  const { [i]: g, ...p } = f, b = f[i], v = Array.isArray(b);
   if (s.push({
     ...p,
-    parentId: f,
+    parentId: l,
     depthLevel: c,
     totalNestedItems: v ? b.length : 0
   }), v) {
-    const y = l[o];
+    const y = f[o];
     yn(
       b,
       o,
@@ -79,29 +79,29 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
 }), s), Qn = (n, o, i) => n.filter(
   (s) => s.parentId === o && (!i || i(s))
 ), eo = (n, o, i, s) => {
-  const f = or(s.toLowerCase());
-  if (!f.length)
+  const l = or(s.toLowerCase());
+  if (!l.length)
     return n;
   const c = n.reduce(
-    (l, g, p) => (l[g[o]] = p, l),
+    (f, g, p) => (f[g[o]] = p, f),
     {}
   );
   return n.reduce(
-    (l, g) => {
+    (f, g) => {
       const p = g[i];
-      if (!p || l.some(
+      if (!p || f.some(
         (y) => y[o] === g[o]
       ))
-        return l;
+        return f;
       const b = or(p.toLowerCase());
-      if (f.every(
+      if (l.every(
         (y) => b.some((E) => E.startsWith(y))
       ))
         if (g.parentId === void 0) {
-          l.push(g);
+          f.push(g);
           const y = (E) => {
             E.totalNestedItems && n.forEach((j) => {
-              j.parentId === E[o] && (l.push(j), y(j));
+              j.parentId === E[o] && (f.push(j), y(j));
             });
           };
           y(g);
@@ -109,16 +109,16 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
           const y = (E) => {
             const j = c[E.parentId], M = n[j];
             M.parentId !== void 0 && y(M);
-            const W = l.length ? l[l.length - 1].parentId : null;
+            const W = f.length ? f[f.length - 1].parentId : null;
             if (W === null || W !== E.parentId) {
               if (!M)
                 throw new Error("[honey-layout]: Parent item was not found.");
-              l.push(M);
+              f.push(M);
             }
           };
-          y(g), l.push(g);
+          y(g), f.push(g);
         }
-      return l;
+      return f;
     },
     []
   );
@@ -158,21 +158,21 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
   const n = Date.now().toString(), o = Math.floor(Math.random() * 1e4).toString().padStart(4, "0");
   return `${n}${o}`;
 }, Tt = (n, o = "px", i = "base") => ({ theme: s }) => {
-  const f = s.spacings[i] ?? 0;
+  const l = s.spacings[i] ?? 0;
   if (typeof n == "number") {
-    const l = n * f;
-    return o ? `${l}${o}` : l;
+    const f = n * l;
+    return o ? `${f}${o}` : f;
   }
-  return n.map((l) => {
-    const g = l * f;
+  return n.map((f) => {
+    const g = f * l;
     return o ? `${g}${o}` : g;
   }).join(" ");
 }, bt = (n, o) => ({ theme: i }) => {
-  const [s, f] = n.split("."), c = i.colors[s][f];
+  const [s, l] = n.split("."), c = i.colors[s][l];
   return o !== void 0 ? vn(c, o) : c;
 }, xn = (n) => ({ theme: o }) => {
   const i = o.fonts[n];
-  return we`
+  return ye`
       font-family: ${i.family};
       font-size: ${Vt(i.size)};
       font-weight: ${i.weight};
@@ -185,13 +185,13 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
     return En(n) && (typeof s == "number" || Array.isArray(s)) ? Tt(s, "px") : Sn(n) && typeof s == "string" && wn(s) ? bt(s) : s;
 }, Cn = (n, o) => Object.entries(n).filter(
   ([i, s]) => _r(i) && o === "xs" || s && typeof s == "object" && o in s
-), xr = (n) => ({ theme: o, ...i }) => we`
-    ${Cn(i, n).map(([s, f]) => {
+), xr = (n) => ({ theme: o, ...i }) => ye`
+    ${Cn(i, n).map(([s, l]) => {
   const c = s.slice(1);
-  return we`
+  return ye`
         ${hn(c)}: ${Rn(
     c,
-    f,
+    l,
     n
   )};
       `;
@@ -200,10 +200,10 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
   ([i, s]) => _r(i) && typeof s == "object" && n in s
 ), Tr = (n, o = {}) => {
   const i = (c) => {
-    const l = c.breakpoints[n];
-    if (!l)
+    const f = c.breakpoints[n];
+    if (!f)
       throw new Error(`[honey-layout]: Setup for breakpoint "${n}" was not found.`);
-    return l;
+    return f;
   };
   return {
     down: ({ theme: c }) => sr([
@@ -219,7 +219,7 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
       }
     ])
   };
-}, yt = (n) => ({ theme: o, ...i }) => !o.breakpoints[n] || !On(n, i) ? null : we`
+}, yt = (n) => ({ theme: o, ...i }) => !o.breakpoints[n] || !On(n, i) ? null : ye`
       ${Tr(n).up} {
         ${xr(n)};
       }
@@ -235,10 +235,10 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
       isLg: !1,
       isXl: !1
     };
-  const f = Object.entries(n).sort(([, l], [, g]) => l - g).map(([l]) => l), c = f.find((l) => {
-    const g = n[l];
+  const l = Object.entries(n).sort(([, f], [, g]) => f - g).map(([f]) => f), c = l.find((f) => {
+    const g = n[f];
     return g ? window.innerWidth < g : !1;
-  }) ?? f.pop();
+  }) ?? l.pop();
   return {
     isPortrait: i,
     isLandscape: s,
@@ -249,8 +249,8 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
     isXl: c === "xl"
   };
 }, Et = Re.div`
-  ${({ modifiers: n }) => we`
-    ${n == null ? void 0 : n.map((o) => o())};
+  ${({ effects: n }) => ye`
+    ${n};
 
     ${xr("xs")};
 
@@ -264,7 +264,7 @@ St.defaultProps = {
   $display: "flex",
   $flexDirection: "column"
 };
-var Se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var we = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Er(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
@@ -282,15 +282,15 @@ var ur;
 function Pn() {
   if (ur) return Qe;
   ur = 1;
-  var n = vr, o = Symbol.for("react.element"), i = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, f = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(g, p, b) {
+  var n = vr, o = Symbol.for("react.element"), i = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, l = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(g, p, b) {
     var v, y = {}, E = null, j = null;
     b !== void 0 && (E = "" + b), p.key !== void 0 && (E = "" + p.key), p.ref !== void 0 && (j = p.ref);
     for (v in p) s.call(p, v) && !c.hasOwnProperty(v) && (y[v] = p[v]);
     if (g && g.defaultProps) for (v in p = g.defaultProps, p) y[v] === void 0 && (y[v] = p[v]);
-    return { $$typeof: o, type: g, key: E, ref: j, props: y, _owner: f.current };
+    return { $$typeof: o, type: g, key: E, ref: j, props: y, _owner: l.current };
   }
-  return Qe.Fragment = i, Qe.jsx = l, Qe.jsxs = l, Qe;
+  return Qe.Fragment = i, Qe.jsx = f, Qe.jsxs = f, Qe;
 }
 var et = {};
 /**
@@ -305,7 +305,7 @@ var et = {};
 var lr;
 function jn() {
   return lr || (lr = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = vr, o = Symbol.for("react.element"), i = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), g = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), M = Symbol.iterator, W = "@@iterator";
+    var n = vr, o = Symbol.for("react.element"), i = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), g = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), M = Symbol.iterator, W = "@@iterator";
     function X(t) {
       if (t === null || typeof t != "object")
         return null;
@@ -317,10 +317,10 @@ function jn() {
       {
         for (var u = arguments.length, d = new Array(u > 1 ? u - 1 : 0), m = 1; m < u; m++)
           d[m - 1] = arguments[m];
-        ye("error", t, d);
+        me("error", t, d);
       }
     }
-    function ye(t, u, d) {
+    function me(t, u, d) {
       {
         var m = z.ReactDebugCurrentFrame, R = m.getStackAddendum();
         R !== "" && (u += "%s", d = d.concat([R]));
@@ -332,8 +332,8 @@ function jn() {
     }
     var he = !1, x = !1, _ = !1, C = !1, K = !1, ne;
     ne = Symbol.for("react.module.reference");
-    function me(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === s || t === c || K || t === f || t === b || t === v || C || t === j || he || x || _ || typeof t == "object" && t !== null && (t.$$typeof === E || t.$$typeof === y || t.$$typeof === l || t.$$typeof === g || t.$$typeof === p || // This needs to include all possible module reference object
+    function be(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === s || t === c || K || t === l || t === b || t === v || C || t === j || he || x || _ || typeof t == "object" && t !== null && (t.$$typeof === E || t.$$typeof === y || t.$$typeof === f || t.$$typeof === g || t.$$typeof === p || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -363,7 +363,7 @@ function jn() {
           return "Portal";
         case c:
           return "Profiler";
-        case f:
+        case l:
           return "StrictMode";
         case b:
           return "Suspense";
@@ -375,7 +375,7 @@ function jn() {
           case g:
             var u = t;
             return B(u) + ".Consumer";
-          case l:
+          case f:
             var d = t;
             return B(d._context) + ".Provider";
           case p:
@@ -394,14 +394,14 @@ function jn() {
         }
       return null;
     }
-    var q = Object.assign, le = 0, fe, be, _e, $e, ke, Ce, ge;
+    var q = Object.assign, le = 0, fe, _e, xe, $e, ke, Ce, ge;
     function O() {
     }
     O.__reactDisabledLog = !0;
     function He() {
       {
         if (le === 0) {
-          fe = console.log, be = console.info, _e = console.warn, $e = console.error, ke = console.group, Ce = console.groupCollapsed, ge = console.groupEnd;
+          fe = console.log, _e = console.info, xe = console.warn, $e = console.error, ke = console.group, Ce = console.groupCollapsed, ge = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
@@ -434,10 +434,10 @@ function jn() {
               value: fe
             }),
             info: q({}, t, {
-              value: be
+              value: _e
             }),
             warn: q({}, t, {
-              value: _e
+              value: xe
             }),
             error: q({}, t, {
               value: $e
@@ -610,7 +610,7 @@ function jn() {
       }
     }
     var Ye = Array.isArray;
-    function xe(t) {
+    function Te(t) {
       return Ye(t);
     }
     function de(t) {
@@ -789,7 +789,7 @@ Check the top-level render call using <` + d + ">.");
       {
         if (typeof t != "object")
           return;
-        if (xe(t))
+        if (Te(t))
           for (var d = 0; d < t.length; d++) {
             var m = t[d];
             ie(m) && ft(m, u);
@@ -844,14 +844,14 @@ Check the top-level render call using <` + d + ">.");
     var dt = {};
     function pt(t, u, d, m, R, L) {
       {
-        var S = me(t);
+        var S = be(t);
         if (!S) {
           var T = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var Y = jt();
           Y ? T += Y : T += ut();
           var F;
-          t === null ? F = "null" : xe(t) ? F = "array" : t !== void 0 && t.$$typeof === o ? (F = "<" + (U(t.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : F = typeof t, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, T);
+          t === null ? F = "null" : Te(t) ? F = "array" : t !== void 0 && t.$$typeof === o ? (F = "<" + (U(t.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : F = typeof t, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, T);
         }
         var H = ct(t, u, d, R, L);
         if (H == null)
@@ -860,7 +860,7 @@ Check the top-level render call using <` + d + ">.");
           var J = u.children;
           if (J !== void 0)
             if (m)
-              if (xe(J)) {
+              if (Te(J)) {
                 for (var ae = 0; ae < J.length; ae++)
                   re(J[ae], t);
                 Object.freeze && Object.freeze(J);
@@ -872,15 +872,15 @@ Check the top-level render call using <` + d + ">.");
         if (Oe.call(u, "key")) {
           var se = U(t), V = Object.keys(u).filter(function(Dt) {
             return Dt !== "key";
-          }), Ee = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!dt[se + Ee]) {
+          }), Se = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!dt[se + Se]) {
             var ht = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             A(`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} />`, Ee, se, ht, se), dt[se + Ee] = !0;
+  <%s key={someKey} {...props} />`, Se, se, ht, se), dt[se + Se] = !0;
           }
         }
         return t === s ? $t(H) : At(H), H;
@@ -889,10 +889,10 @@ React keys must be passed directly to JSX without using spread:
     function kt(t, u, d) {
       return pt(t, u, d, !0);
     }
-    function Te(t, u, d) {
+    function Ee(t, u, d) {
       return pt(t, u, d, !1);
     }
-    var Ht = Te, It = kt;
+    var Ht = Ee, It = kt;
     et.Fragment = s, et.jsx = Ht, et.jsxs = It;
   }()), et;
 }
@@ -902,12 +902,12 @@ function Ln() {
 }
 var G = Ln();
 const Sr = Re(St)`
-  ${({ columns: n, takeColumns: o = 1, spacing: i = 0, applyMaxWidth: s, theme: f }) => {
-  const c = 100 / n, l = Tt(i, null)({ theme: f }), g = o * c, p = (n - o) * (l / n), b = `calc(${g}% - ${p}px)`;
-  return we`
+  ${({ columns: n, takeColumns: o = 1, spacing: i = 0, applyMaxWidth: s, theme: l }) => {
+  const c = 100 / n, f = Tt(i, null)({ theme: l }), g = o * c, p = (n - o) * (f / n), b = `calc(${g}% - ${p}px)`;
+  return ye`
       flex-basis: ${b};
 
-      ${s && we`
+      ${s && ye`
         ${Tr(s).up} {
           max-width: ${b};
         }
@@ -915,7 +915,7 @@ const Sr = Re(St)`
     `;
 }}
 `, wr = Re(Et)`
-  ${({ columnHeight: n, minColumnHeight: o, spacing: i = 0 }) => we`
+  ${({ columnHeight: n, minColumnHeight: o, spacing: i = 0 }) => ye`
     display: flex;
     gap: ${Tt(i)};
 
@@ -929,17 +929,17 @@ wr.defaultProps = {
   $flexWrap: "wrap"
 };
 const Rr = yr(void 0), to = mr(
-  ({ children: n, columns: o, spacing: i, isColumnGrowing: s = !0, applyColumnMaxWidth: f = !1, ...c }, l) => {
+  ({ children: n, columns: o, spacing: i, isColumnGrowing: s = !0, applyColumnMaxWidth: l = !1, ...c }, f) => {
     const g = _t(
       () => ({
         columns: o,
         spacing: i,
         isColumnGrowing: s,
-        applyColumnMaxWidth: f
+        applyColumnMaxWidth: l
       }),
-      [o, i, s, f]
+      [o, i, s, l]
     );
-    return /* @__PURE__ */ G.jsx(Rr.Provider, { value: g, children: /* @__PURE__ */ G.jsx(wr, { ref: l, spacing: i, "data-testid": "honey-grid", ...c, children: n }) });
+    return /* @__PURE__ */ G.jsx(Rr.Provider, { value: g, children: /* @__PURE__ */ G.jsx(wr, { ref: f, spacing: i, "data-testid": "honey-grid", ...c, children: n }) });
   }
 ), An = () => {
   const n = Xt(Rr);
@@ -952,14 +952,14 @@ const Rr = yr(void 0), to = mr(
   children: n,
   ...o
 }) => {
-  const { columns: i, spacing: s, isColumnGrowing: f, applyColumnMaxWidth: c } = An();
+  const { columns: i, spacing: s, isColumnGrowing: l, applyColumnMaxWidth: c } = An();
   return /* @__PURE__ */ G.jsx(
     Sr,
     {
       columns: i,
       spacing: s,
       applyMaxWidth: c,
-      $flexGrow: f ? 1 : 0,
+      $flexGrow: l ? 1 : 0,
       "data-testid": "honey-grid-column",
       ...o,
       children: n
@@ -970,19 +970,19 @@ const Rr = yr(void 0), to = mr(
   isLoading: o = !1,
   isError: i = !1,
   isNoContent: s = !1,
-  loadingContent: f = null,
+  loadingContent: l = null,
   errorContent: c = null,
-  noContent: l = null
-}) => i ? c : o ? f : s ? l : n, kn = Re(St)`
+  noContent: f = null
+}) => i ? c : o ? l : s ? f : n, kn = Re(St)`
   overflow: hidden auto;
 `, Hn = ({
   children: n,
   items: o,
   itemKey: i,
   isLoading: s,
-  loadingContent: f,
+  loadingContent: l,
   isError: c,
-  errorContent: l,
+  errorContent: f,
   noContent: g,
   ...p
 }, b) => /* @__PURE__ */ G.jsx(
@@ -997,9 +997,9 @@ const Rr = yr(void 0), to = mr(
       $n,
       {
         isLoading: s,
-        loadingContent: f,
+        loadingContent: l,
         isError: c,
-        errorContent: l,
+        errorContent: f,
         isNoContent: (o == null ? void 0 : o.length) === 0,
         noContent: g,
         children: o == null ? void 0 : o.map((v, y, E) => /* @__PURE__ */ G.jsx(un, { children: n(v, y, E) }, String(Cr(v, i, y))))
@@ -1011,28 +1011,28 @@ var Gt, dr;
 function In() {
   if (dr) return Gt;
   dr = 1;
-  var n = "Expected a function", o = NaN, i = "[object Symbol]", s = /^\s+|\s+$/g, f = /^[-+]0x[0-9a-f]+$/i, c = /^0b[01]+$/i, l = /^0o[0-7]+$/i, g = parseInt, p = typeof Se == "object" && Se && Se.Object === Object && Se, b = typeof self == "object" && self && self.Object === Object && self, v = p || b || Function("return this")(), y = Object.prototype, E = y.toString, j = Math.max, M = Math.min, W = function() {
+  var n = "Expected a function", o = NaN, i = "[object Symbol]", s = /^\s+|\s+$/g, l = /^[-+]0x[0-9a-f]+$/i, c = /^0b[01]+$/i, f = /^0o[0-7]+$/i, g = parseInt, p = typeof we == "object" && we && we.Object === Object && we, b = typeof self == "object" && self && self.Object === Object && self, v = p || b || Function("return this")(), y = Object.prototype, E = y.toString, j = Math.max, M = Math.min, W = function() {
     return v.Date.now();
   };
   function X(x, _, C) {
-    var K, ne, me, ue, B, U, q = 0, le = !1, fe = !1, be = !0;
+    var K, ne, be, ue, B, U, q = 0, le = !1, fe = !1, _e = !0;
     if (typeof x != "function")
       throw new TypeError(n);
-    _ = he(_) || 0, z(C) && (le = !!C.leading, fe = "maxWait" in C, me = fe ? j(he(C.maxWait) || 0, _) : me, be = "trailing" in C ? !!C.trailing : be);
-    function _e(k) {
+    _ = he(_) || 0, z(C) && (le = !!C.leading, fe = "maxWait" in C, be = fe ? j(he(C.maxWait) || 0, _) : be, _e = "trailing" in C ? !!C.trailing : _e);
+    function xe(k) {
       var N = K, ee = ne;
       return K = ne = void 0, q = k, ue = x.apply(ee, N), ue;
     }
     function $e(k) {
-      return q = k, B = setTimeout(ge, _), le ? _e(k) : ue;
+      return q = k, B = setTimeout(ge, _), le ? xe(k) : ue;
     }
     function ke(k) {
       var N = k - U, ee = k - q, oe = _ - N;
-      return fe ? M(oe, me - ee) : oe;
+      return fe ? M(oe, be - ee) : oe;
     }
     function Ce(k) {
       var N = k - U, ee = k - q;
-      return U === void 0 || N >= _ || N < 0 || fe && ee >= me;
+      return U === void 0 || N >= _ || N < 0 || fe && ee >= be;
     }
     function ge() {
       var k = W();
@@ -1041,7 +1041,7 @@ function In() {
       B = setTimeout(ge, ke(k));
     }
     function O(k) {
-      return B = void 0, be && K ? _e(k) : (K = ne = void 0, ue);
+      return B = void 0, _e && K ? xe(k) : (K = ne = void 0, ue);
     }
     function He() {
       B !== void 0 && clearTimeout(B), q = 0, K = U = ne = B = void 0;
@@ -1055,7 +1055,7 @@ function In() {
         if (B === void 0)
           return $e(U);
         if (fe)
-          return B = setTimeout(ge, _), _e(U);
+          return B = setTimeout(ge, _), xe(U);
       }
       return B === void 0 && (B = setTimeout(ge, _)), ue;
     }
@@ -1068,13 +1068,13 @@ function In() {
   function A(x) {
     return !!x && typeof x == "object";
   }
-  function ye(x) {
+  function me(x) {
     return typeof x == "symbol" || A(x) && E.call(x) == i;
   }
   function he(x) {
     if (typeof x == "number")
       return x;
-    if (ye(x))
+    if (me(x))
       return o;
     if (z(x)) {
       var _ = typeof x.valueOf == "function" ? x.valueOf() : x;
@@ -1084,7 +1084,7 @@ function In() {
       return x === 0 ? x : +x;
     x = x.replace(s, "");
     var C = c.test(x);
-    return C || l.test(x) ? g(x.slice(2), C ? 2 : 8) : f.test(x) ? o : +x;
+    return C || f.test(x) ? g(x.slice(2), C ? 2 : 8) : l.test(x) ? o : +x;
   }
   return Gt = X, Gt;
 }
@@ -1093,24 +1093,24 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   delay: n = 0,
   overrideScreenState: o
 } = {}) => {
-  const i = hr(), [s, f] = xt(() => ({
+  const i = hr(), [s, l] = xt(() => ({
     ...cr(i.breakpoints),
     ...o
   }));
   return pe(() => {
     const c = Mn(() => {
-      f({ ...cr(i.breakpoints), ...o });
+      l({ ...cr(i.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);
     };
   }, []), s;
-}, Or = (n, { onMoveDrag: o, onStartDrag: i, onEndDrag: s }, { isEnabled: f = !0 } = {}) => {
+}, Or = (n, { onMoveDrag: o, onStartDrag: i, onEndDrag: s }, { isEnabled: l = !0 } = {}) => {
   pe(() => {
     const c = n.current;
-    if (!f || !c)
+    if (!l || !c)
       return;
-    const l = o(c);
+    const f = o(c);
     let g = !1, p = 0, b = 0, v = 0, y = 0, E = 0;
     const j = (_, C) => {
       i && i(c) === !1 || (g = !0, p = _, b = C, v = _, y = C, E = Date.now());
@@ -1133,7 +1133,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
     }, X = (_, C) => {
       if (!g)
         return;
-      if (l({
+      if (f({
         get deltaX() {
           return _ - v;
         },
@@ -1161,7 +1161,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
     }, A = (_) => {
       const C = _.touches[0];
       X(C.clientX, C.clientY);
-    }, ye = () => {
+    }, me = () => {
       g = !1;
     }, he = (_) => {
       X(_.clientX, _.clientY);
@@ -1172,13 +1172,13 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
       passive: !0
     }), c.addEventListener("touchmove", A, {
       passive: !0
-    }), c.addEventListener("touchend", M), c.addEventListener("touchcancel", ye), c.addEventListener("mousedown", x), () => {
-      c.removeEventListener("touchstart", z), c.removeEventListener("touchmove", A), c.removeEventListener("touchend", M), c.removeEventListener("touchcancel", ye), c.removeEventListener("mousedown", x);
+    }), c.addEventListener("touchend", M), c.addEventListener("touchcancel", me), c.addEventListener("mousedown", x), () => {
+      c.removeEventListener("touchstart", z), c.removeEventListener("touchmove", A), c.removeEventListener("touchend", M), c.removeEventListener("touchcancel", me), c.removeEventListener("mousedown", x);
     };
-  }, [f, i, o, s]);
+  }, [l, i, o, s]);
 }, oo = (n, o) => {
-  const i = Le(null), s = Le(null), f = Le(null), c = (p, b) => {
-    if (i.current = p, f.current = b, !!p)
+  const i = Le(null), s = Le(null), l = Le(null), c = (p, b) => {
+    if (i.current = p, l.current = b, !!p)
       if (b) {
         const v = ([y]) => {
           y.isIntersecting && o();
@@ -1189,9 +1189,9 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
           threshold: 0
         }), s.current.observe(b);
       } else s.current && (s.current.disconnect(), s.current = null);
-  }, l = Ae(
+  }, f = Ae(
     (p) => {
-      c(p, f.current);
+      c(p, l.current);
     },
     []
   ), g = Ae(
@@ -1201,7 +1201,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
     [i, o]
   );
   return {
-    scrollableContainerRef: l,
+    scrollableContainerRef: f,
     targetRef: g
   };
 }, io = (n, {
@@ -1209,8 +1209,8 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   onStartDrag: i,
   onEndDrag: s
 } = {}) => {
-  const f = Ae(
-    (c) => ({ deltaX: l, deltaY: g }) => {
+  const l = Ae(
+    (c) => ({ deltaX: f, deltaY: g }) => {
       const p = c.scrollWidth - c.clientWidth, b = c.scrollHeight - c.clientHeight;
       if (p <= 0 && b <= 0)
         return;
@@ -1220,20 +1220,20 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
       ), y = ar(
         c.clientHeight,
         o
-      ), { translateX: E, translateY: j } = br(c), M = E + l, W = j + g;
+      ), { translateX: E, translateY: j } = br(c), M = E + f, W = j + g;
       let X = !1, z = E, A = j;
-      (l < 0 && M >= (p + v) * -1 || l > 0 && M <= v) && (z = M, X = !0), (g < 0 && W >= (b + y) * -1 || g > 0 && W <= y) && (A = W, X = !0), X && (c.style.transform = `translate(${z}px, ${A}px)`);
+      (f < 0 && M >= (p + v) * -1 || f > 0 && M <= v) && (z = M, X = !0), (g < 0 && W >= (b + y) * -1 || g > 0 && W <= y) && (A = W, X = !0), X && (c.style.transform = `translate(${z}px, ${A}px)`);
     },
     [o]
   );
   Or(n, {
     onStartDrag: i,
-    onMoveDrag: f,
+    onMoveDrag: l,
     onEndDrag: s
   }), pe(() => {
     const c = () => {
-      var l;
-      (l = n.current) == null || l.style.removeProperty("transform");
+      var f;
+      (f = n.current) == null || f.style.removeProperty("transform");
     };
     return window.addEventListener("resize", c), () => {
       window.removeEventListener("resize", c);
@@ -1243,9 +1243,9 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   pe(() => {
     if (!i)
       return;
-    const s = (f) => {
-      const c = f.code;
-      o.includes(c) && (f.preventDefault(), n(c, f));
+    const s = (l) => {
+      const c = l.code;
+      o.includes(c) && (l.preventDefault(), n(c, l));
     };
     return document.addEventListener("keyup", s), () => {
       document.removeEventListener("keyup", s);
@@ -1259,18 +1259,18 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
     );
   return n;
 }, Wn = (n, o) => {
-  const { registerOverlay: i, unregisterOverlay: s } = jr(), f = Le(null);
+  const { registerOverlay: i, unregisterOverlay: s } = jr(), l = Le(null);
   return pe(() => {
     if (!n)
       return;
     const c = i(o);
-    return f.current = c, () => {
-      f.current = null, s(c.id);
+    return l.current = c, () => {
+      l.current = null, s(c.id);
     };
-  }, [n, o.onKeyUp]), f.current;
+  }, [n, o.onKeyUp]), l.current;
 }, so = (n, { onKeyUp: o } = {}) => {
   const { overlays: i } = jr(), s = _t(
-    () => i.find((f) => f.id === n),
+    () => i.find((l) => l.id === n),
     [i, n]
   );
   return pe(() => {
@@ -1286,13 +1286,13 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   items: o,
   itemKey: i,
   activeItemIndex: s,
-  direction: f = "vertical",
+  direction: l = "vertical",
   ...c
 }) => {
-  const [l, g] = xt(o), p = Le(null);
-  Le(-1), l == null || l.length;
+  const [f, g] = xt(o), p = Le(null);
+  Le(-1), f == null || f.length;
   const b = Ae((v) => (v.parentElement.clientHeight / 2, ({ deltaX: E, deltaY: j }) => {
-    const { translateX: M, translateY: W } = br(v), X = f === "horizontal" ? M + E : 0, z = f === "vertical" ? W + j : 0;
+    const { translateX: M, translateY: W } = br(v), X = l === "horizontal" ? M + E : 0, z = l === "vertical" ? W + j : 0;
     v.style.transform = `translate(${X}px, ${z}px)`;
   }), []);
   return Or(p, {
@@ -1304,7 +1304,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
       return;
     const y = v.children[s];
     v.parentElement.clientHeight / 2, y.offsetTop + y.clientHeight / 2;
-  }, []), /* @__PURE__ */ G.jsx(Et, { $overflow: "hidden", "data-testid": "honey-looping-list-container", ...c, children: /* @__PURE__ */ G.jsx(Lr, { ref: p, "data-testid": "honey-looping-list", children: l == null ? void 0 : l.map((v, y, E) => {
+  }, []), /* @__PURE__ */ G.jsx(Et, { $overflow: "hidden", "data-testid": "honey-looping-list-container", ...c, children: /* @__PURE__ */ G.jsx(Lr, { ref: p, "data-testid": "honey-looping-list", children: f == null ? void 0 : f.map((v, y, E) => {
     const j = Cr(v, i, y);
     return /* @__PURE__ */ G.jsx(
       zn,
@@ -1358,13 +1358,13 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   isMount: o,
   unmountDelay: i,
   isAlwaysMounted: s = !1,
-  isKeepAfterMount: f = !1
+  isKeepAfterMount: l = !1
 }) => {
-  const [c, l] = xt(s || o), g = Le(void 0);
+  const [c, f] = xt(s || o), g = Le(void 0);
   return pe(() => {
     if (!(!o || s))
-      return clearTimeout(g.current), l(!0), () => {
-        f || (g.current = setTimeout(() => l(!1), i));
+      return clearTimeout(g.current), f(!0), () => {
+        l || (g.current = setTimeout(() => f(!1), i));
       };
   }, [o]), c ? n : null;
 }, lo = ({
@@ -1372,18 +1372,18 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   isActive: o,
   overlayId: i,
   onDeactivate: s,
-  ...f
+  ...l
 }) => {
   const c = Wn(o, {
     id: i,
     onKeyUp: Ae(
-      (l) => {
-        l === "Escape" && s();
+      (f) => {
+        f === "Escape" && s();
       },
       [s]
     )
   });
-  return /* @__PURE__ */ G.jsx(St, { ref: c == null ? void 0 : c.setContainerRef, "aria-hidden": !o, ...f, children: typeof n == "function" ? n({
+  return /* @__PURE__ */ G.jsx(St, { ref: c == null ? void 0 : c.setContainerRef, "aria-hidden": !o, ...l, children: typeof n == "function" ? n({
     overlay: c,
     deactivateOverlay: s
   }) : n });
@@ -1392,15 +1392,15 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   pe(() => {
     if (!n.length)
       return;
-    const f = (c) => {
+    const l = (c) => {
       n[n.length - 1].notifyListeners("keyup", c.code, c);
     };
-    return document.addEventListener("keyup", f), () => {
-      document.removeEventListener("keyup", f);
+    return document.addEventListener("keyup", l), () => {
+      document.removeEventListener("keyup", l);
     };
   }, [n]);
-  const i = Ae((f) => {
-    const c = f.id ?? _n(), l = [["keyup", f.onKeyUp]], g = {
+  const i = Ae((l) => {
+    const c = l.id ?? _n(), f = [["keyup", l.onKeyUp]], g = {
       current: null
     }, p = {
       containerRef: g,
@@ -1409,25 +1409,25 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
         g.current = b;
       },
       addListener: (b, v) => {
-        l.push([b, v]);
+        f.push([b, v]);
       },
       removeListener: (b, v) => {
-        const y = l.findIndex(
+        const y = f.findIndex(
           ([E, j]) => E === b && j === v
         );
-        y !== -1 && l.splice(y, 1);
+        y !== -1 && f.splice(y, 1);
       },
       notifyListeners: (b, v, y) => {
         var E;
-        (!((E = f.listenKeys) != null && E.length) || f.listenKeys.includes(v)) && (y.preventDefault(), l.forEach(([j, M]) => {
+        (!((E = l.listenKeys) != null && E.length) || l.listenKeys.includes(v)) && (y.preventDefault(), f.forEach(([j, M]) => {
           j === b && M(v, p, y);
         }));
       }
     };
     return o((b) => [...b, p]), p;
-  }, []), s = Ae((f) => {
+  }, []), s = Ae((l) => {
     o(
-      (c) => c.filter((l) => l.id !== f)
+      (c) => c.filter((f) => f.id !== l)
     );
   }, []);
   return {
@@ -1439,19 +1439,19 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   children: n,
   mediaQueryOptions: o
 }) => {
-  const i = hr(), s = Fn(o), { overlays: f, registerOverlay: c, unregisterOverlay: l } = Yn(), g = _t(
+  const i = hr(), s = Fn(o), { overlays: l, registerOverlay: c, unregisterOverlay: f } = Yn(), g = _t(
     () => ({
       theme: i,
       screenState: s,
-      overlays: f,
+      overlays: l,
       registerOverlay: c,
-      unregisterOverlay: l,
+      unregisterOverlay: f,
       resolveSpacing: (...p) => Tt(...p)({ theme: i }),
       resolveColor: (...p) => bt(...p)({ theme: i }),
       resolveFont: (...p) => xn(...p)({ theme: i }),
       resolveDimension: (...p) => Tn(...p)({ theme: i })
     }),
-    [i, s, f, c, l]
+    [i, s, l, c, f]
   );
   return /* @__PURE__ */ G.jsx(Pr.Provider, { value: g, children: n });
 }, fo = ({
@@ -1463,9 +1463,9 @@ tt.exports;
 var pr;
 function Vn() {
   return pr || (pr = 1, function(n, o) {
-    var i = 200, s = "__lodash_hash_undefined__", f = 800, c = 16, l = 9007199254740991, g = "[object Arguments]", p = "[object Array]", b = "[object AsyncFunction]", v = "[object Boolean]", y = "[object Date]", E = "[object Error]", j = "[object Function]", M = "[object GeneratorFunction]", W = "[object Map]", X = "[object Number]", z = "[object Null]", A = "[object Object]", ye = "[object Proxy]", he = "[object RegExp]", x = "[object Set]", _ = "[object String]", C = "[object Undefined]", K = "[object WeakMap]", ne = "[object ArrayBuffer]", me = "[object DataView]", ue = "[object Float32Array]", B = "[object Float64Array]", U = "[object Int8Array]", q = "[object Int16Array]", le = "[object Int32Array]", fe = "[object Uint8Array]", be = "[object Uint8ClampedArray]", _e = "[object Uint16Array]", $e = "[object Uint32Array]", ke = /[\\^$.*+?()[\]{}|]/g, Ce = /^\[object .+?Constructor\]$/, ge = /^(?:0|[1-9]\d*)$/, O = {};
-    O[ue] = O[B] = O[U] = O[q] = O[le] = O[fe] = O[be] = O[_e] = O[$e] = !0, O[g] = O[p] = O[ne] = O[v] = O[me] = O[y] = O[E] = O[j] = O[W] = O[X] = O[A] = O[he] = O[x] = O[_] = O[K] = !1;
-    var He = typeof Se == "object" && Se && Se.Object === Object && Se, Ue = typeof self == "object" && self && self.Object === Object && self, Z = He || Ue || Function("return this")(), k = o && !o.nodeType && o, N = k && !0 && n && !n.nodeType && n, ee = N && N.exports === k, oe = ee && He.process, rt = function() {
+    var i = 200, s = "__lodash_hash_undefined__", l = 800, c = 16, f = 9007199254740991, g = "[object Arguments]", p = "[object Array]", b = "[object AsyncFunction]", v = "[object Boolean]", y = "[object Date]", E = "[object Error]", j = "[object Function]", M = "[object GeneratorFunction]", W = "[object Map]", X = "[object Number]", z = "[object Null]", A = "[object Object]", me = "[object Proxy]", he = "[object RegExp]", x = "[object Set]", _ = "[object String]", C = "[object Undefined]", K = "[object WeakMap]", ne = "[object ArrayBuffer]", be = "[object DataView]", ue = "[object Float32Array]", B = "[object Float64Array]", U = "[object Int8Array]", q = "[object Int16Array]", le = "[object Int32Array]", fe = "[object Uint8Array]", _e = "[object Uint8ClampedArray]", xe = "[object Uint16Array]", $e = "[object Uint32Array]", ke = /[\\^$.*+?()[\]{}|]/g, Ce = /^\[object .+?Constructor\]$/, ge = /^(?:0|[1-9]\d*)$/, O = {};
+    O[ue] = O[B] = O[U] = O[q] = O[le] = O[fe] = O[_e] = O[xe] = O[$e] = !0, O[g] = O[p] = O[ne] = O[v] = O[be] = O[y] = O[E] = O[j] = O[W] = O[X] = O[A] = O[he] = O[x] = O[_] = O[K] = !1;
+    var He = typeof we == "object" && we && we.Object === Object && we, Ue = typeof self == "object" && self && self.Object === Object && self, Z = He || Ue || Function("return this")(), k = o && !o.nodeType && o, N = k && !0 && n && !n.nodeType && n, ee = N && N.exports === k, oe = ee && He.process, rt = function() {
       try {
         var e = N && N.require && N.require("util").types;
         return e || oe && oe.binding && oe.binding("util");
@@ -1503,11 +1503,11 @@ function Vn() {
         return e(r(a));
       };
     }
-    var ot = Array.prototype, De = Function.prototype, Me = Object.prototype, Ye = Z["__core-js_shared__"], xe = De.toString, de = Me.hasOwnProperty, it = function() {
+    var ot = Array.prototype, De = Function.prototype, Me = Object.prototype, Ye = Z["__core-js_shared__"], Te = De.toString, de = Me.hasOwnProperty, it = function() {
       var e = /[^.]+$/.exec(Ye && Ye.keys && Ye.keys.IE_PROTO || "");
       return e ? "Symbol(src)_1." + e : "";
-    }(), Be = Me.toString, at = xe.call(Object), Pe = RegExp(
-      "^" + xe.call(de).replace(ke, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    }(), Be = Me.toString, at = Te.call(Object), Pe = RegExp(
+      "^" + Te.call(de).replace(ke, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
     ), Fe = ee ? Z.Buffer : void 0, Ve = Z.Symbol, Ge = Z.Uint8Array;
     Fe && Fe.allocUnsafe;
     var We = nt(Object.getPrototypeOf, Object), st = Object.create, Ct = Me.propertyIsEnumerable, Ot = ot.splice, ve = Ve ? Ve.toStringTag : void 0, ze = function() {
@@ -1589,7 +1589,7 @@ function Vn() {
       return h < 0 ? (++this.size, a.push([e, r])) : a[h][1] = r, this;
     }
     re.prototype.clear = At, re.prototype.delete = $t, re.prototype.get = dt, re.prototype.has = pt, re.prototype.set = kt;
-    function Te(e) {
+    function Ee(e) {
       var r = -1, a = e == null ? 0 : e.length;
       for (this.clear(); ++r < a; ) {
         var h = e[r];
@@ -1617,7 +1617,7 @@ function Vn() {
       var a = gt(this, e), h = a.size;
       return a.set(e, r), this.size += a.size == h ? 0 : 1, this;
     }
-    Te.prototype.clear = Ht, Te.prototype.delete = It, Te.prototype.get = t, Te.prototype.has = u, Te.prototype.set = d;
+    Ee.prototype.clear = Ht, Ee.prototype.delete = It, Ee.prototype.get = t, Ee.prototype.has = u, Ee.prototype.set = d;
     function m(e) {
       var r = this.__data__ = new re(e);
       this.size = r.size;
@@ -1641,7 +1641,7 @@ function Vn() {
         var h = a.__data__;
         if (!qe || h.length < i - 1)
           return h.push([e, r]), this.size = ++a.size, this;
-        a = this.__data__ = new Te(h);
+        a = this.__data__ = new Ee(h);
       }
       return a.set(e, r), this.size = a.size, this;
     }
@@ -1678,11 +1678,11 @@ function Vn() {
       }) : e[r] = a;
     }
     var V = Nr();
-    function Ee(e) {
+    function Se(e) {
       return e == null ? e === void 0 ? C : z : ve && ve in Object(e) ? Yr(e) : Kr(e);
     }
     function ht(e) {
-      return Je(e) && Ee(e) == g;
+      return Je(e) && Se(e) == g;
     }
     function Dt(e) {
       if (!je(e) || Xr(e))
@@ -1691,7 +1691,7 @@ function Vn() {
       return r.test(en(e));
     }
     function Ar(e) {
-      return Je(e) && Qt(e.length) && !!O[Ee(e)];
+      return Je(e) && Qt(e.length) && !!O[Se(e)];
     }
     function $r(e) {
       if (!je(e))
@@ -1804,7 +1804,7 @@ function Vn() {
     }
     function Kt(e, r) {
       var a = typeof e;
-      return r = r ?? l, !!r && (a == "number" || a != "symbol" && ge.test(e)) && e > -1 && e % 1 == 0 && e < r;
+      return r = r ?? f, !!r && (a == "number" || a != "symbol" && ge.test(e)) && e > -1 && e % 1 == 0 && e < r;
     }
     function Vr(e, r, a) {
       if (!je(a))
@@ -1853,7 +1853,7 @@ function Vn() {
       return function() {
         var h = Xe(), w = c - (h - a);
         if (a = h, w > 0) {
-          if (++r >= f)
+          if (++r >= l)
             return arguments[0];
         } else
           r = 0;
@@ -1863,7 +1863,7 @@ function Vn() {
     function en(e) {
       if (e != null) {
         try {
-          return xe.call(e);
+          return Te.call(e);
         } catch {
         }
         try {
@@ -1891,11 +1891,11 @@ function Vn() {
     function Nt(e) {
       if (!je(e))
         return !1;
-      var r = Ee(e);
-      return r == j || r == M || r == b || r == ye;
+      var r = Se(e);
+      return r == j || r == M || r == b || r == me;
     }
     function Qt(e) {
-      return typeof e == "number" && e > -1 && e % 1 == 0 && e <= l;
+      return typeof e == "number" && e > -1 && e % 1 == 0 && e <= f;
     }
     function je(e) {
       var r = typeof e;
@@ -1905,13 +1905,13 @@ function Vn() {
       return e != null && typeof e == "object";
     }
     function rn(e) {
-      if (!Je(e) || Ee(e) != A)
+      if (!Je(e) || Se(e) != A)
         return !1;
       var r = We(e);
       if (r === null)
         return !0;
       var a = de.call(r, "constructor") && r.constructor;
-      return typeof a == "function" && a instanceof a && xe.call(a) == at;
+      return typeof a == "function" && a instanceof a && Te.call(a) == at;
     }
     var er = Ne ? Ie(Ne) : Ar;
     function nn(e) {
@@ -1944,7 +1944,19 @@ const Xn = /* @__PURE__ */ Er(Gn), po = ({
 }) => {
   const i = Xt(cn), s = _t(() => Xn(i, n), [i, n]);
   return /* @__PURE__ */ G.jsx(gr, { theme: s, ...o });
-};
+}, ho = ({ durationMs: n, timingFunction: o = "ease-in-out", extraProperties: i = [], activeClassName: s }) => ({ isActive: l = !1 }) => ye`
+    opacity: ${l ? 1 : 0};
+    visibility: ${l ? "visible" : "hidden"};
+
+    transition-property: ${["opacity", "visibility", ...i].join(", ")};
+    transition-duration: ${n}ms;
+    transition-timing-function: ${Array.isArray(o) ? o.join(", ") : o};
+
+    &.${s} {
+      opacity: 1;
+      visibility: visible;
+    }
+  `;
 export {
   Et as HoneyBox,
   St as HoneyFlexBox,
@@ -1976,6 +1988,7 @@ export {
   Jn as getFocusableHTMLElements,
   Cr as getHoneyListItemId,
   br as getTransformationValues,
+  ho as honeyVisibilityTransitionEffect,
   sr as media,
   Vt as pxToRem,
   bt as resolveColor,