@commander-services/cmd-dropdown-portal 1.4.7 → 1.4.9

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import * as xe from "react";
 import A, { useState as fr } from "react";
 import dr from "react-dom";
-var K = { exports: {} }, Y = {};
+var K = { exports: {} }, L = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,17 +13,17 @@ var K = { exports: {} }, Y = {};
  */
 var Ce;
 function vr() {
-  if (Ce) return Y;
+  if (Ce) return L;
   Ce = 1;
-  var g = A, d = Symbol.for("react.element"), y = Symbol.for("react.fragment"), R = Object.prototype.hasOwnProperty, k = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, j = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function O(w, v, h) {
-    var c, m = {}, p = null, T = null;
-    h !== void 0 && (p = "" + h), v.key !== void 0 && (p = "" + v.key), v.ref !== void 0 && (T = v.ref);
-    for (c in v) R.call(v, c) && !j.hasOwnProperty(c) && (m[c] = v[c]);
-    if (w && w.defaultProps) for (c in v = w.defaultProps, v) m[c] === void 0 && (m[c] = v[c]);
-    return { $$typeof: d, type: w, key: p, ref: T, props: m, _owner: k.current };
+  var g = A, f = Symbol.for("react.element"), y = Symbol.for("react.fragment"), h = Object.prototype.hasOwnProperty, k = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, j = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function C(w, d, R) {
+    var c, p = {}, v = null, T = null;
+    R !== void 0 && (v = "" + R), d.key !== void 0 && (v = "" + d.key), d.ref !== void 0 && (T = d.ref);
+    for (c in d) h.call(d, c) && !j.hasOwnProperty(c) && (p[c] = d[c]);
+    if (w && w.defaultProps) for (c in d = w.defaultProps, d) p[c] === void 0 && (p[c] = d[c]);
+    return { $$typeof: f, type: w, key: v, ref: T, props: p, _owner: k.current };
   }
-  return Y.Fragment = y, Y.jsx = O, Y.jsxs = O, Y;
+  return L.Fragment = y, L.jsx = C, L.jsxs = C, L;
 }
 var $ = {};
 /**
@@ -38,15 +38,15 @@ var $ = {};
 var Pe;
 function pr() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && function() {
-    var g = A, d = Symbol.for("react.element"), y = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), O = Symbol.for("react.provider"), w = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), W = Symbol.iterator, V = "@@iterator";
+    var g = A, f = Symbol.for("react.element"), y = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), w = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), W = Symbol.iterator, V = "@@iterator";
     function J(e) {
       if (e === null || typeof e != "object")
         return null;
       var r = W && e[W] || e[V];
       return typeof r == "function" ? r : null;
     }
-    var C = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function f(e) {
+    var O = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function m(e) {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
           t[n - 1] = arguments[n];
@@ -55,7 +55,7 @@ function pr() {
     }
     function ke(e, r, t) {
       {
-        var n = C.ReactDebugCurrentFrame, i = n.getStackAddendum();
+        var n = O.ReactDebugCurrentFrame, i = n.getStackAddendum();
         i !== "" && (r += "%s", t = t.concat([i]));
         var u = t.map(function(o) {
           return String(o);
@@ -65,14 +65,14 @@ function pr() {
     }
     var je = !1, De = !1, Fe = !1, Ae = !1, Ie = !1, re;
     re = Symbol.for("react.module.reference");
-    function Le(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === R || e === j || Ie || e === k || e === h || e === c || Ae || e === T || je || De || Fe || typeof e == "object" && e !== null && (e.$$typeof === p || e.$$typeof === m || e.$$typeof === O || e.$$typeof === w || e.$$typeof === v || // This needs to include all possible module reference object
+    function Ye(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === h || e === j || Ie || e === k || e === R || e === c || Ae || e === T || je || De || Fe || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === p || e.$$typeof === C || e.$$typeof === w || e.$$typeof === d || // 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.
       e.$$typeof === re || e.getModuleId !== void 0));
     }
-    function Ye(e, r, t) {
+    function Le(e, r, t) {
       var n = e.displayName;
       if (n)
         return n;
@@ -85,12 +85,12 @@ function pr() {
     function P(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && f("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case R:
+        case h:
           return "Fragment";
         case y:
           return "Portal";
@@ -98,7 +98,7 @@ function pr() {
           return "Profiler";
         case k:
           return "StrictMode";
-        case h:
+        case R:
           return "Suspense";
         case c:
           return "SuspenseList";
@@ -108,15 +108,15 @@ function pr() {
           case w:
             var r = e;
             return te(r) + ".Consumer";
-          case O:
+          case C:
             var t = e;
             return te(t._context) + ".Provider";
-          case v:
-            return Ye(e, e.render, "ForwardRef");
-          case m:
+          case d:
+            return Le(e, e.render, "ForwardRef");
+          case p:
             var n = e.displayName || null;
             return n !== null ? n : P(e.type) || "Memo";
-          case p: {
+          case v: {
             var i = e, u = i._payload, o = i._init;
             try {
               return P(o(u));
@@ -186,10 +186,10 @@ function pr() {
             })
           });
         }
-        I < 0 && f("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        I < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var q = C.ReactCurrentDispatcher, z;
+    var q = O.ReactCurrentDispatcher, z;
     function M(e, r, t) {
       {
         if (z === void 0)
@@ -294,18 +294,18 @@ function pr() {
       if (typeof e == "string")
         return M(e);
       switch (e) {
-        case h:
+        case R:
           return M("Suspense");
         case c:
           return M("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case v:
+          case d:
             return Me(e.render);
-          case m:
+          case p:
             return U(e.type, r, t);
-          case p: {
+          case v: {
             var n = e, i = n._payload, u = n._init;
             try {
               return U(u(i), r, t);
@@ -315,7 +315,7 @@ function pr() {
         }
       return "";
     }
-    var L = Object.prototype.hasOwnProperty, de = {}, ve = C.ReactDebugCurrentFrame;
+    var Y = Object.prototype.hasOwnProperty, de = {}, ve = O.ReactDebugCurrentFrame;
     function N(e) {
       if (e) {
         var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
@@ -325,7 +325,7 @@ function pr() {
     }
     function Ue(e, r, t, n, i) {
       {
-        var u = Function.call.bind(L);
+        var u = Function.call.bind(Y);
         for (var o in e)
           if (u(e, o)) {
             var a = void 0;
@@ -338,7 +338,7 @@ function pr() {
             } catch (s) {
               a = s;
             }
-            a && !(a instanceof Error) && (N(i), f("%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).", n || "React class", t, o, typeof a), N(null)), a instanceof Error && !(a.message in de) && (de[a.message] = !0, N(i), f("Failed %s type: %s", t, a.message), N(null));
+            a && !(a instanceof Error) && (N(i), m("%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).", n || "React class", t, o, typeof a), N(null)), a instanceof Error && !(a.message in de) && (de[a.message] = !0, N(i), m("Failed %s type: %s", t, a.message), N(null));
           }
       }
     }
@@ -364,16 +364,16 @@ function pr() {
     }
     function me(e) {
       if (Je(e))
-        return f("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), pe(e);
+        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), pe(e);
     }
-    var Ee = C.ReactCurrentOwner, qe = {
+    var Ee = O.ReactCurrentOwner, qe = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, ge, be;
     function ze(e) {
-      if (L.call(e, "ref")) {
+      if (Y.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
@@ -381,7 +381,7 @@ function pr() {
       return e.ref !== void 0;
     }
     function Ge(e) {
-      if (L.call(e, "key")) {
+      if (Y.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
@@ -394,7 +394,7 @@ function pr() {
     function Xe(e, r) {
       {
         var t = function() {
-          ge || (ge = !0, f("%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)", r));
+          ge || (ge = !0, m("%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)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: t,
@@ -405,7 +405,7 @@ function pr() {
     function Ze(e, r) {
       {
         var t = function() {
-          be || (be = !0, f("%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)", r));
+          be || (be = !0, m("%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)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: t,
@@ -416,7 +416,7 @@ function pr() {
     var Qe = function(e, r, t, n, i, u, o) {
       var a = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: d,
+        $$typeof: f,
         // Built-in properties that belong on the element
         type: e,
         key: r,
@@ -447,7 +447,7 @@ function pr() {
         var u, o = {}, a = null, E = null;
         t !== void 0 && (me(t), a = "" + t), Ge(r) && (me(r.key), a = "" + r.key), ze(r) && (E = r.ref, He(r, i));
         for (u in r)
-          L.call(r, u) && !qe.hasOwnProperty(u) && (o[u] = r[u]);
+          Y.call(r, u) && !qe.hasOwnProperty(u) && (o[u] = r[u]);
         if (e && e.defaultProps) {
           var s = e.defaultProps;
           for (u in s)
@@ -460,7 +460,7 @@ function pr() {
         return Qe(e, a, E, i, n, Ee.current, o);
       }
     }
-    var X = C.ReactCurrentOwner, ye = C.ReactDebugCurrentFrame;
+    var X = O.ReactCurrentOwner, ye = O.ReactDebugCurrentFrame;
     function D(e) {
       if (e) {
         var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
@@ -471,9 +471,9 @@ function pr() {
     var Z;
     Z = !1;
     function Q(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === d;
+      return typeof e == "object" && e !== null && e.$$typeof === f;
     }
-    function Re() {
+    function he() {
       {
         if (X.current) {
           var e = P(X.current.type);
@@ -488,10 +488,10 @@ Check the render method of \`` + e + "`.";
     function rr(e) {
       return "";
     }
-    var he = {};
+    var Re = {};
     function tr(e) {
       {
-        var r = Re();
+        var r = he();
         if (!r) {
           var t = typeof e == "string" ? e : e.displayName || e.name;
           t && (r = `
@@ -507,11 +507,11 @@ Check the top-level render call using <` + t + ">.");
           return;
         e._store.validated = !0;
         var t = tr(r);
-        if (he[t])
+        if (Re[t])
           return;
-        he[t] = !0;
+        Re[t] = !0;
         var n = "";
-        e && e._owner && e._owner !== X.current && (n = " It was passed a child from " + P(e._owner.type) + "."), D(e), f('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), D(null);
+        e && e._owner && e._owner !== X.current && (n = " It was passed a child from " + P(e._owner.type) + "."), D(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), D(null);
       }
     }
     function we(e, r) {
@@ -541,9 +541,9 @@ Check the top-level render call using <` + t + ">.");
         var t;
         if (typeof r == "function")
           t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === v || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === m))
+        r.$$typeof === p))
           t = r.propTypes;
         else
           return;
@@ -553,9 +553,9 @@ Check the top-level render call using <` + t + ">.");
         } else if (r.PropTypes !== void 0 && !Z) {
           Z = !0;
           var i = P(r);
-          f("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
+          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && f("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function ar(e) {
@@ -563,24 +563,24 @@ Check the top-level render call using <` + t + ">.");
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
           var n = r[t];
           if (n !== "children" && n !== "key") {
-            D(e), f("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), D(null);
+            D(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), D(null);
             break;
           }
         }
-        e.ref !== null && (D(e), f("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
+        e.ref !== null && (D(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
       }
     }
     var Te = {};
     function Oe(e, r, t, n, i, u) {
       {
-        var o = Le(e);
+        var o = Ye(e);
         if (!o) {
           var a = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " 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 E = rr();
-          E ? a += E : a += Re();
+          E ? a += E : a += he();
           var s;
-          e === null ? s = "null" : H(e) ? s = "array" : e !== void 0 && e.$$typeof === d ? (s = "<" + (P(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, f("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
+          e === null ? s = "null" : H(e) ? s = "array" : e !== void 0 && e.$$typeof === f ? (s = "<" + (P(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
         }
         var l = er(e, r, t, i, u);
         if (l == null)
@@ -594,17 +594,17 @@ Check the top-level render call using <` + t + ">.");
                   we(_[F], e);
                 Object.freeze && Object.freeze(_);
               } else
-                f("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                m("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
               we(_, e);
         }
-        if (L.call(r, "key")) {
+        if (Y.call(r, "key")) {
           var x = P(e), b = Object.keys(r).filter(function(cr) {
             return cr !== "key";
           }), ee = b.length > 0 ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Te[x + ee]) {
             var lr = b.length > 0 ? "{" + b.join(": ..., ") + ": ...}" : "{}";
-            f(`A props object containing a "key" prop is being spread into JSX:
+            m(`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:
@@ -612,7 +612,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, ee, x, lr, x), Te[x + ee] = !0;
           }
         }
-        return e === R ? ar(l) : nr(l), l;
+        return e === h ? ar(l) : nr(l), l;
       }
     }
     function or(e, r, t) {
@@ -622,7 +622,7 @@ React keys must be passed directly to JSX without using spread:
       return Oe(e, r, t, !1);
     }
     var ur = ir, sr = or;
-    $.Fragment = R, $.jsx = ur, $.jsxs = sr;
+    $.Fragment = h, $.jsx = ur, $.jsxs = sr;
   }()), $;
 }
 var Se;
@@ -630,73 +630,72 @@ function mr() {
   return Se || (Se = 1, process.env.NODE_ENV === "production" ? K.exports = vr() : K.exports = pr()), K.exports;
 }
 var Er = mr();
-const gr = (g, d) => {
-  const y = (R) => {
-    g.current && !g.current.contains(R.target) && d(R);
+const gr = (g, f) => {
+  const y = (h) => {
+    g.current && !g.current.contains(h.target) && f(h);
   };
   xe.useEffect(() => (document.addEventListener("click", y, { capture: !0 }), () => {
     document.removeEventListener("click", y, { capture: !0 });
   }));
-}, br = "Escape", yr = (g, d) => {
-  const y = ({ key: R }) => {
-    R === g && d();
+}, br = "Escape", yr = (g, f) => {
+  const y = ({ key: h }) => {
+    h === g && f();
   };
   xe.useEffect(() => (document.addEventListener("keyup", y), () => {
     document.removeEventListener("keyup", y);
   }), []);
-}, Rr = () => ({ useOutsideClick: gr, useKeyPress: yr, ESCAPE_KEY: br }), hr = Rr;
+}, hr = () => ({ useOutsideClick: gr, useKeyPress: yr, ESCAPE_KEY: br }), Rr = hr;
 function Tr(g) {
-  const [d, y] = fr(null), { useOutsideClick: R, useKeyPress: k, ESCAPE_KEY: j } = hr(), O = A.useRef(), w = () => {
+  const [f, y] = fr(null), { useOutsideClick: h, useKeyPress: k, ESCAPE_KEY: j } = Rr(), C = A.useRef(), w = () => {
     setTimeout(function() {
       g.handleOpen(!1);
     }, 50);
   };
-  R(O, () => {
+  h(C, () => {
     w();
   }), k(j, () => {
     w();
   });
-  const v = (c, m) => {
-    const p = c.getBoundingClientRect(), T = m.getBoundingClientRect();
-    return p.bottom >= T.top && p.bottom <= T.bottom;
-  }, h = A.useCallback(() => {
-    const c = document.getElementById(g.elementId), m = document.getElementById("cmd-modal-body");
-    if (c && (!m || v(c, m))) {
-      const p = c.getBoundingClientRect(), T = 260, W = window.innerHeight - p.bottom, V = p.left, J = p.bottom, C = p.top, f = p.width;
-      W >= T || !m ? y({
+  const d = (c, p) => {
+    const v = c.getBoundingClientRect(), T = p.getBoundingClientRect();
+    return v.bottom >= T.top && v.bottom <= T.bottom;
+  }, R = A.useCallback(() => {
+    const c = document.getElementById(g.elementId), p = document.getElementById("cmd-modal-body");
+    if (c && (!p || d(c, p))) {
+      const v = c.getBoundingClientRect(), T = 260, W = window.innerHeight - v.bottom, V = v.left, J = v.bottom, O = v.width;
+      W >= T || !p ? y({
         // top: rect.bottom + window.scrollY,
         top: J,
         left: V,
-        width: f,
+        width: O,
         bottom: void 0
       }) : y({
-        // bottom: window.innerHeight - rect.top - window.scrollY,
-        bottom: C,
+        bottom: window.innerHeight - v.top - window.scrollY + 3,
         left: V,
-        width: f,
+        width: O,
         top: void 0
       });
     } else
       y(null);
   }, []);
-  return A.useEffect(() => (window.addEventListener("scroll", h, { capture: !0 }), window.addEventListener("resize", h, { capture: !0 }), () => {
-    window.removeEventListener("scroll", h, { capture: !0 }), window.removeEventListener("resize", h, { capture: !0 });
-  }), [h]), A.useEffect(() => {
-    h();
-  }, [g.elementId]), d ? dr.createPortal(
+  return A.useEffect(() => (window.addEventListener("scroll", R, { capture: !0 }), window.addEventListener("resize", R, { capture: !0 }), () => {
+    window.removeEventListener("scroll", R, { capture: !0 }), window.removeEventListener("resize", R, { capture: !0 });
+  }), [R]), A.useEffect(() => {
+    R();
+  }, [g.elementId]), f ? dr.createPortal(
     /* @__PURE__ */ Er.jsx(
       "div",
       {
         className: "font-poppins",
         id: `cmd-dropdown-portal-${g.elementId}`,
-        ref: O,
+        ref: C,
         style: {
           position: "absolute",
-          left: d.left,
-          width: d.width,
+          left: f.left,
+          width: f.width,
           zIndex: 999,
-          ...d.top !== void 0 ? { top: d.top } : {},
-          ...d.bottom !== void 0 ? { bottom: d.bottom } : {}
+          ...f.top !== void 0 ? { top: f.top } : {},
+          ...f.bottom !== void 0 ? { bottom: f.bottom } : {}
         },
         children: g.children
       }