@react-hive/honey-layout 3.0.0 → 3.0.1

package/dist/index.js

@@ -1,5 +1,5 @@
-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";
+import Re, { css as pe, 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 he, useRef as Le, useCallback as Ae } from "react";
 const ln = [
   'a[href]:not([tabindex="-1"])',
   'button:not([disabled]):not([tabindex="-1"])',
@@ -172,7 +172,7 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
   return o !== void 0 ? vn(c, o) : c;
 }, xn = (n) => ({ theme: o }) => {
   const i = o.fonts[n];
-  return ye`
+  return pe`
       font-family: ${i.family};
       font-size: ${Vt(i.size)};
       font-weight: ${i.weight};
@@ -185,10 +185,10 @@ 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 }) => ye`
+), xr = (n) => ({ theme: o, ...i }) => pe`
     ${Cn(i, n).map(([s, l]) => {
   const c = s.slice(1);
-  return ye`
+  return pe`
         ${hn(c)}: ${Rn(
     c,
     l,
@@ -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 : ye`
+}, yt = (n) => ({ theme: o, ...i }) => !o.breakpoints[n] || !On(n, i) ? null : pe`
       ${Tr(n).up} {
         ${xr(n)};
       }
@@ -249,7 +249,7 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
     isXl: c === "xl"
   };
 }, Et = Re.div`
-  ${({ effects: n }) => ye`
+  ${({ effects: n }) => pe`
     ${n};
 
     ${xr("xs")};
@@ -330,10 +330,10 @@ function jn() {
         L.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, L);
       }
     }
-    var he = !1, x = !1, _ = !1, C = !1, K = !1, ne;
+    var ge = !1, x = !1, _ = !1, C = !1, K = !1, ne;
     ne = Symbol.for("react.module.reference");
     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
+      return !!(typeof t == "string" || typeof t == "function" || t === s || t === c || K || t === l || t === b || t === v || C || t === j || ge || 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.
@@ -394,14 +394,14 @@ function jn() {
         }
       return null;
     }
-    var q = Object.assign, le = 0, fe, _e, xe, $e, ke, Ce, ge;
+    var q = Object.assign, le = 0, fe, _e, xe, $e, ke, Ce, ve;
     function O() {
     }
     O.__reactDisabledLog = !0;
     function He() {
       {
         if (le === 0) {
-          fe = console.log, _e = console.info, xe = 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, ve = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
@@ -449,7 +449,7 @@ function jn() {
               value: Ce
             }),
             groupEnd: q({}, t, {
-              value: ge
+              value: ve
             })
           });
         }
@@ -662,7 +662,7 @@ function jn() {
         We[d] || (A('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', U(Pe.current.type), t.ref), We[d] = !0);
       }
     }
-    function ve(t, u) {
+    function ye(t, u) {
       {
         var d = function() {
           Ve || (Ve = !0, A("%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));
@@ -726,7 +726,7 @@ function jn() {
         }
         if (T || Y) {
           var H = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          T && ve(S, H), Y && ze(S, H);
+          T && ye(S, H), Y && ze(S, H);
         }
         return Pt(t, T, Y, R, m, Pe.current, S);
       }
@@ -904,10 +904,10 @@ var G = Ln();
 const Sr = Re(St)`
   ${({ 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`
+  return pe`
       flex-basis: ${b};
 
-      ${s && ye`
+      ${s && pe`
         ${Tr(s).up} {
           max-width: ${b};
         }
@@ -915,7 +915,7 @@ const Sr = Re(St)`
     `;
 }}
 `, wr = Re(Et)`
-  ${({ columnHeight: n, minColumnHeight: o, spacing: i = 0 }) => ye`
+  ${({ columnHeight: n, minColumnHeight: o, spacing: i = 0 }) => pe`
     display: flex;
     gap: ${Tt(i)};
 
@@ -1018,13 +1018,13 @@ function In() {
     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, be = fe ? j(he(C.maxWait) || 0, _) : be, _e = "trailing" in C ? !!C.trailing : _e);
+    _ = ge(_) || 0, z(C) && (le = !!C.leading, fe = "maxWait" in C, be = fe ? j(ge(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 ? xe(k) : ue;
+      return q = k, B = setTimeout(ve, _), le ? xe(k) : ue;
     }
     function ke(k) {
       var N = k - U, ee = k - q, oe = _ - N;
@@ -1034,11 +1034,11 @@ function In() {
       var N = k - U, ee = k - q;
       return U === void 0 || N >= _ || N < 0 || fe && ee >= be;
     }
-    function ge() {
+    function ve() {
       var k = W();
       if (Ce(k))
         return O(k);
-      B = setTimeout(ge, ke(k));
+      B = setTimeout(ve, ke(k));
     }
     function O(k) {
       return B = void 0, _e && K ? xe(k) : (K = ne = void 0, ue);
@@ -1055,9 +1055,9 @@ function In() {
         if (B === void 0)
           return $e(U);
         if (fe)
-          return B = setTimeout(ge, _), xe(U);
+          return B = setTimeout(ve, _), xe(U);
       }
-      return B === void 0 && (B = setTimeout(ge, _)), ue;
+      return B === void 0 && (B = setTimeout(ve, _)), ue;
     }
     return Z.cancel = He, Z.flush = Ue, Z;
   }
@@ -1071,7 +1071,7 @@ function In() {
   function me(x) {
     return typeof x == "symbol" || A(x) && E.call(x) == i;
   }
-  function he(x) {
+  function ge(x) {
     if (typeof x == "number")
       return x;
     if (me(x))
@@ -1097,7 +1097,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
     ...cr(i.breakpoints),
     ...o
   }));
-  return pe(() => {
+  return he(() => {
     const c = Mn(() => {
       l({ ...cr(i.breakpoints), ...o });
     }, n);
@@ -1106,7 +1106,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
     };
   }, []), s;
 }, Or = (n, { onMoveDrag: o, onStartDrag: i, onEndDrag: s }, { isEnabled: l = !0 } = {}) => {
-  pe(() => {
+  he(() => {
     const c = n.current;
     if (!l || !c)
       return;
@@ -1129,7 +1129,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
         }, c);
       }
     }, W = () => {
-      M(), window.removeEventListener("mousemove", he), window.removeEventListener("mouseup", W);
+      M(), window.removeEventListener("mousemove", ge), window.removeEventListener("mouseup", W);
     }, X = (_, C) => {
       if (!g)
         return;
@@ -1163,10 +1163,10 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
       X(C.clientX, C.clientY);
     }, me = () => {
       g = !1;
-    }, he = (_) => {
+    }, ge = (_) => {
       X(_.clientX, _.clientY);
     }, x = (_) => {
-      _.stopPropagation(), j(_.clientX, _.clientY), window.addEventListener("mousemove", he), window.addEventListener("mouseup", W);
+      _.stopPropagation(), j(_.clientX, _.clientY), window.addEventListener("mousemove", ge), window.addEventListener("mouseup", W);
     };
     return c.addEventListener("touchstart", z, {
       passive: !0
@@ -1230,7 +1230,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
     onStartDrag: i,
     onMoveDrag: l,
     onEndDrag: s
-  }), pe(() => {
+  }), he(() => {
     const c = () => {
       var f;
       (f = n.current) == null || f.style.removeProperty("transform");
@@ -1240,7 +1240,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
     };
   }, []);
 }, ao = (n, o, { isEnabled: i = !0 } = {}) => {
-  pe(() => {
+  he(() => {
     if (!i)
       return;
     const s = (l) => {
@@ -1260,7 +1260,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   return n;
 }, Wn = (n, o) => {
   const { registerOverlay: i, unregisterOverlay: s } = jr(), l = Le(null);
-  return pe(() => {
+  return he(() => {
     if (!n)
       return;
     const c = i(o);
@@ -1273,7 +1273,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
     () => i.find((l) => l.id === n),
     [i, n]
   );
-  return pe(() => {
+  return he(() => {
     if (!(!s || !o))
       return s.addListener("keyup", o), () => {
         s.removeListener("keyup", o);
@@ -1297,8 +1297,8 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   }), []);
   return Or(p, {
     onMoveDrag: b
-  }), pe(() => {
-  }, []), pe(() => {
+  }), he(() => {
+  }, []), he(() => {
     const v = p.current;
     if (!v)
       return;
@@ -1361,7 +1361,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   isKeepAfterMount: l = !1
 }) => {
   const [c, f] = xt(s || o), g = Le(void 0);
-  return pe(() => {
+  return he(() => {
     if (!(!o || s))
       return clearTimeout(g.current), f(!0), () => {
         l || (g.current = setTimeout(() => f(!1), i));
@@ -1389,7 +1389,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   }) : n });
 }, Yn = () => {
   const [n, o] = xt([]);
-  pe(() => {
+  he(() => {
     if (!n.length)
       return;
     const l = (c) => {
@@ -1463,8 +1463,8 @@ tt.exports;
 var pr;
 function Vn() {
   return pr || (pr = 1, function(n, o) {
-    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 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]", ge = "[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\]$/, ve = /^(?: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[ge] = 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;
@@ -1510,7 +1510,7 @@ function Vn() {
       "^" + 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() {
+    var We = nt(Object.getPrototypeOf, Object), st = Object.create, Ct = Me.propertyIsEnumerable, Ot = ot.splice, ye = Ve ? Ve.toStringTag : void 0, ze = function() {
       try {
         var e = Mt(Object, "defineProperty");
         return e({}, "", {}), e;
@@ -1679,7 +1679,7 @@ function Vn() {
     }
     var V = Nr();
     function Se(e) {
-      return e == null ? e === void 0 ? C : z : ve && ve in Object(e) ? Yr(e) : Kr(e);
+      return e == null ? e === void 0 ? C : z : ye && ye in Object(e) ? Yr(e) : Kr(e);
     }
     function ht(e) {
       return Je(e) && Se(e) == g;
@@ -1790,21 +1790,21 @@ function Vn() {
       return Dt(a) ? a : void 0;
     }
     function Yr(e) {
-      var r = de.call(e, ve), a = e[ve];
+      var r = de.call(e, ye), a = e[ye];
       try {
-        e[ve] = void 0;
+        e[ye] = void 0;
         var h = !0;
       } catch {
       }
       var w = Be.call(e);
-      return h && (r ? e[ve] = a : delete e[ve]), w;
+      return h && (r ? e[ye] = a : delete e[ye]), w;
     }
     function Br(e) {
       return typeof e.constructor == "function" && !Jt(e) ? Ke(We(e)) : {};
     }
     function Kt(e, r) {
       var a = typeof e;
-      return r = r ?? f, !!r && (a == "number" || a != "symbol" && ge.test(e)) && e > -1 && e % 1 == 0 && e < r;
+      return r = r ?? f, !!r && (a == "number" || a != "symbol" && ve.test(e)) && e > -1 && e % 1 == 0 && e < r;
     }
     function Vr(e, r, a) {
       if (!je(a))
@@ -1944,7 +1944,7 @@ 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`
+}, ho = ({ durationMs: n, timingFunction: o = "ease-in-out", extraProperties: i = [], activeClassName: s }) => ({ isActive: l = !1 }) => pe`
     opacity: ${l ? 1 : 0};
     visibility: ${l ? "visible" : "hidden"};
 
@@ -1952,10 +1952,12 @@ const Xn = /* @__PURE__ */ Er(Gn), po = ({
     transition-duration: ${n}ms;
     transition-timing-function: ${Array.isArray(o) ? o.join(", ") : o};
 
-    &.${s} {
-      opacity: 1;
-      visibility: visible;
-    }
+    ${s && pe`
+      &.${s} {
+        opacity: 1;
+        visibility: visible;
+      }
+    `}
   `;
 export {
   Et as HoneyBox,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-hive/honey-layout",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "",
   "keywords": [
     "react",