@splunk/react-ui 5.0.0 → 5.2.0

package/RadioList.js

@@ -24,11 +24,11 @@
     /******/    (() => {
         /******/ // define getter functions for harmony exports
         /******/ e.d = (r, a) => {
-            /******/ for (var n in a) {
-                /******/ if (e.o(a, n) && !e.o(r, n)) {
-                    /******/ Object.defineProperty(r, n, {
+            /******/ for (var o in a) {
+                /******/ if (e.o(a, o) && !e.o(r, o)) {
+                    /******/ Object.defineProperty(r, o, {
                         enumerable: true,
-                        get: a[n]
+                        get: a[o]
                     });
                     /******/                }
                 /******/            }
@@ -66,51 +66,51 @@
     });
     // CONCATENATED MODULE: external "react"
     const a = require("react");
-    var n =  e.n(a);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var t =  e.n(o);
+    var o =  e.n(a);
     // CONCATENATED MODULE: external "lodash/omit"
-    const i = require("lodash/omit");
+    const n = require("lodash/omit");
+    var t =  e.n(n);
+    // CONCATENATED MODULE: external "prop-types"
+    const i = require("prop-types");
     var l =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const d = require("@splunk/ui-utils/id");
-    // CONCATENATED MODULE: ./src/RadioList/RadioListContext.ts
-    var c =  (0, a.createContext)({});
-    c.displayName = "RadioList";
-    /* harmony default export */    const s = c;
     // CONCATENATED MODULE: external "styled-components"
-    const u = require("styled-components");
-    var v =  e.n(u);
+    const c = require("styled-components");
+    var s =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const b = require("@splunk/themes");
+    const u = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/RadioList/OptionStyles.ts
-    var f = v().div.withConfig({
+    var v = s().div.withConfig({
         displayName: "OptionStyles__StyledWrapper",
         componentId: "imaqjt-0"
-    })([ "display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:", ";" ], b.variables.spacingSmall);
-    var p = v().label.withConfig({
+    })([ "display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:", ";" ], u.variables.spacingSmall);
+    var f = s().label.withConfig({
         displayName: "OptionStyles__StyledLabel",
         componentId: "imaqjt-1"
     })([ "grid-column:label;color:", ";cursor:pointer;" ], (function(e) {
         var r = e.$disabled;
-        return r ? b.variables.contentColorDisabled : b.variables.contentColorActive;
+        return r ? u.variables.contentColorDisabled : u.variables.contentColorActive;
     }));
-    var y = "20px";
-    var m = v().input.withConfig({
+    var b = "20px";
+    var p = s().input.withConfig({
         displayName: "OptionStyles__StyledRadioInput",
         componentId: "imaqjt-2"
-    })([ "", ";grid-column:input;appearance:none;align-items:center;justify-items:center;height:", ";width:", ";border-radius:50%;border:2px solid ", ";background-color:", ";&::after{display:block;content:'';border-radius:50%;height:0;width:0;opacity:0;border:5px solid transparent;}&:checked::after{opacity:1;}&:hover{border-color:", ";background-color:", ";}&:checked{&,&::after{border-color:", ";}&:hover{border-color:", ";}}&:disabled{cursor:not-allowed;&,&:hover,&:checked,&:checked:hover,&:checked::after{border-color:", ";}&,&:hover{background-color:transparent;}}&:focus{box-shadow:", ";}", "" ], b.mixins.reset("grid"), y, y, b.variables.interactiveColorBorder, b.variables.interactiveColorBackground, b.variables.interactiveColorBorderHover, b.mixins.overlayColors(b.variables.interactiveColorBackground, b.variables.interactiveColorOverlayHover), b.variables.interactiveColorAccent, b.mixins.overlayColors(b.variables.interactiveColorAccent, b.variables.interactiveColorBorderHover), b.variables.interactiveColorBorderDisabled, b.variables.focusShadow, (function(e) {
+    })([ "", ";grid-column:input;appearance:none;align-items:center;justify-items:center;height:", ";width:", ";border-radius:50%;border:2px solid ", ";background-color:", ";&::after{display:block;content:'';border-radius:50%;height:0;width:0;opacity:0;border:5px solid transparent;}&:checked::after{opacity:1;}&:hover{border-color:", ";background-color:", ";}&:checked{&,&::after{border-color:", ";}&:hover{border-color:", ";}}&:disabled{cursor:not-allowed;&,&:hover,&:checked,&:checked:hover,&:checked::after{border-color:", ";}&,&:hover{background-color:transparent;}}&:focus{box-shadow:", ";}", "" ], u.mixins.reset("grid"), b, b, u.variables.interactiveColorBorder, u.variables.interactiveColorBackground, u.variables.interactiveColorBorderHover, u.mixins.overlayColors(u.variables.interactiveColorBackground, u.variables.interactiveColorOverlayHover), u.variables.interactiveColorAccent, u.mixins.overlayColors(u.variables.interactiveColorAccent, u.variables.interactiveColorBorderHover), u.variables.interactiveColorBorderDisabled, u.variables.focusShadow, (function(e) {
         var r = e.$error;
-        return r && (0, u.css)([ "&,&:checked,&:checked::after{border-color:", ";}&:checked:hover{border-color:", ";}&:hover{background-color:", ";border-color:", ";}" ], b.variables.interactiveColorAccentError, b.mixins.overlayColors(b.variables.interactiveColorAccentError, b.variables.interactiveColorBorderHover), b.variables.interactiveColorOverlayHover, b.mixins.overlayColors(b.variables.interactiveColorAccentError, b.variables.interactiveColorBorderHover));
+        return r && (0, c.css)([ "&,&:checked,&:checked::after{border-color:", ";}&:checked:hover{border-color:", ";}&:hover{background-color:", ";border-color:", ";}" ], u.variables.interactiveColorAccentError, u.mixins.overlayColors(u.variables.interactiveColorAccentError, u.variables.interactiveColorBorderHover), u.variables.interactiveColorOverlayHover, u.mixins.overlayColors(u.variables.interactiveColorAccentError, u.variables.interactiveColorBorderHover));
     }));
+    // CONCATENATED MODULE: ./src/RadioList/RadioListContext.ts
+    var m =  (0, a.createContext)({});
+    m.displayName = "RadioList";
+    /* harmony default export */    const y = m;
     // CONCATENATED MODULE: ./src/RadioList/Option.tsx
     function g() {
         return g = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
-                for (var n in a) {
-                    ({}).hasOwnProperty.call(a, n) && (e[n] = a[n]);
+                for (var o in a) {
+                    ({}).hasOwnProperty.call(a, o) && (e[o] = a[o]);
                 }
             }
             return e;
@@ -118,249 +118,274 @@
     }
     function h(e, r) {
         if (null == e) return {};
-        var a, n, o = C(e, r);
+        var a, o, n = O(e, r);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < t.length; n++) {
-                a = t[n], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (o[a] = e[a]);
+            for (o = 0; o < t.length; o++) {
+                a = t[o], -1 === r.indexOf(a) && {}.propertyIsEnumerable.call(e, a) && (n[a] = e[a]);
             }
         }
-        return o;
+        return n;
     }
-    function C(e, r) {
+    function O(e, r) {
         if (null == e) return {};
         var a = {};
-        for (var n in e) {
-            if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
-                a[n] = e[n];
+        for (var o in e) {
+            if ({}.hasOwnProperty.call(e, o)) {
+                if (-1 !== r.indexOf(o)) continue;
+                a[o] = e[o];
             }
         }
         return a;
     }
-    var O = {
-        children: t().node,
-        disabled: t().bool,
-        error: t().bool,
-        id: t().string,
-        onChange: t().func,
-        value: t().any.isRequired
+    var C = {
+        children: l().node,
+        disabled: l().bool,
+        error: l().bool,
+        id: l().string,
+        onChange: l().func,
+        value: l().any.isRequired
     };
     function S(e) {
-        var r = e.children, o = e.disabled, t = o === void 0 ? false : o, i = e.error, l = i === void 0 ? false : i, c = e.id, u = e.onChange, v = e.value, b = h(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
+        var r = e.children, n = e.disabled, t = n === void 0 ? false : n, i = e.error, l = i === void 0 ? false : i, c = e.id, s = e.onChange, u = e.value, b = h(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
         // @docs-props-type OptionPropsBase
-                var y = (0, a.useRef)(c || (0, d.createDOMID)("radio-option")), C = y.current;
-        var O = (0, a.useContext)(s);
+                var m = (0, a.useRef)(c || (0, d.createDOMID)("radio-option")), O = m.current;
+        var C = (0, a.useContext)(y);
         var S = function e(r) {
             var a;
             r.stopPropagation();
-            u === null || u === void 0 ? void 0 : u(r, {
-                value: v,
-                name: O.name
+            s === null || s === void 0 ? void 0 : s(r, {
+                value: u,
+                name: C.name
             });
-            (a = O.onChange) === null || a === void 0 ? void 0 : a.call(O, r, {
-                value: v,
-                name: O.name
+            (a = C.onChange) === null || a === void 0 ? void 0 : a.call(C, r, {
+                value: u,
+                name: C.name
             });
         };
         var w = false;
-        if ((O === null || O === void 0 ? void 0 : O.value) !== undefined) {
-            w = O.value === v;
+        if ((C === null || C === void 0 ? void 0 : C.value) !== undefined) {
+            w = C.value === u;
         }
         var j = t;
-        if (O === null || O === void 0 ? void 0 : O.disabled) {
-            j = O.disabled;
+        if (C === null || C === void 0 ? void 0 : C.disabled) {
+            j = C.disabled;
         }
-        var k = l;
-        if (O === null || O === void 0 ? void 0 : O.error) {
-            k = O.error;
+        var x = l;
+        if (C === null || C === void 0 ? void 0 : C.error) {
+            x = C.error;
         }
         
-        return n().createElement(f, g({
+        return o().createElement(v, g({
             "data-test": "option",
-            "data-test-value": v,
+            "data-test-value": u,
             "data-test-disabled": j ? "disabled" : undefined
         }, b, {
             "data-checked": w
-        }),  n().createElement(m, {
-            id: C,
+        }),  o().createElement(p, {
+            id: O,
             type: "radio",
-            name: O.name,
-            $error: k,
+            name: C.name,
+            $error: x,
             disabled: j,
-            value: v.toString(),
+            value: u.toString(),
             checked: w,
             onChange: S,
             "data-test": "input",
-            required: O.required
-        }),  n().createElement(p, {
-            htmlFor: C,
+            required: C.required
+        }),  o().createElement(f, {
+            htmlFor: O,
             "data-test": "label",
             $disabled: j
         }, r));
     }
-    S.propTypes = O;
+    S.propTypes = C;
     /* harmony default export */    const w = S;
     // CONCATENATED MODULE: ./src/RadioList/RadioListStyles.ts
-    var j = v().div.withConfig({
+    var j = s().div.withConfig({
         displayName: "RadioListStyles__StyledRadioList",
         componentId: "sc-1qg10hx-0"
-    })([ "", ";grid-template-columns:[input] min-content [label] auto;gap:", " ", ";", "" ], b.mixins.reset("grid"), b.variables.spacingMedium, b.variables.spacingSmall, (function(e) {
-        return e.direction === "row" && (0, u.css)([ "", ";gap:", ";", "{grid-template-columns:[input] min-content [label] auto;gap:", ";}" ], b.mixins.reset("flex"), b.variables.spacingXLarge, /* sc-sel */ f, b.variables.spacingSmall);
+    })([ "", ";grid-template-columns:[input] min-content [label] auto;gap:", " ", ";", "" ], u.mixins.reset("grid"), u.variables.spacingMedium, u.variables.spacingSmall, (function(e) {
+        return e.direction === "row" && (0, c.css)([ "", ";gap:", ";", "{grid-template-columns:[input] min-content [label] auto;gap:", ";}" ], u.mixins.reset("flex"), u.variables.spacingXLarge, /* sc-sel */ v, u.variables.spacingSmall);
     }));
+    // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+    var x = "is deprecated and will be removed in the next major version.";
+    var k = function e(r) {
+        var a = r.additionalMessage, o = a === void 0 ? "" : a, n = r.componentName;
+        useEffect((function() {
+            if (false) {}
+        }), [ o, n ]);
+    };
+    var q = function e(r) {
+        var o = r.additionalMessage, n = o === void 0 ? "" : o, t = r.componentName, i = r.propName, l = r.propValue;
+        (0, a.useEffect)((function() {
+            if (false) {}
+        }), [ n, t, i, l ]);
+    };
+    var E = function e(r) {
+        var a = r.additionalMessage, o = a === void 0 ? "" : a, n = r.componentName, t = r.deprecatedPropValue, i = r.propName, l = r.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ o, n, i, l, t ]);
+    };
     // CONCATENATED MODULE: ./src/RadioList/RadioList.tsx
-    function k() {
-        return k = Object.assign ? Object.assign.bind() : function(e) {
+    function P() {
+        return P = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
-                for (var n in a) {
-                    ({}).hasOwnProperty.call(a, n) && (e[n] = a[n]);
+                for (var o in a) {
+                    ({}).hasOwnProperty.call(a, o) && (e[o] = a[o]);
                 }
             }
             return e;
-        }, k.apply(null, arguments);
+        }, P.apply(null, arguments);
     }
-    function q(e, r) {
-        return A(e) || E(e, r) || B(e, r) || x();
+    function B(e, r) {
+        return _(e) || N(e, r) || A(e, r) || R();
     }
-    function x() {
+    function R() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function B(e, r) {
+    function A(e, r) {
         if (e) {
-            if ("string" == typeof e) return P(e, r);
+            if ("string" == typeof e) return I(e, r);
             var a = {}.toString.call(e).slice(8, -1);
-            return "Object" === a && e.constructor && (a = e.constructor.name), "Map" === a || "Set" === a ? Array.from(e) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? P(e, r) : void 0;
+            return "Object" === a && e.constructor && (a = e.constructor.name), "Map" === a || "Set" === a ? Array.from(e) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? I(e, r) : void 0;
         }
     }
-    function P(e, r) {
+    function I(e, r) {
         (null == r || r > e.length) && (r = e.length);
-        for (var a = 0, n = Array(r); a < r; a++) {
-            n[a] = e[a];
+        for (var a = 0, o = Array(r); a < r; a++) {
+            o[a] = e[a];
         }
-        return n;
+        return o;
     }
-    function E(e, r) {
+    function N(e, r) {
         var a = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != a) {
-            var n, o, t, i, l = [], d = !0, c = !1;
+            var o, n, t, i, l = [], d = !0, c = !1;
             try {
                 if (t = (a = a.call(e)).next, 0 === r) {
                     if (Object(a) !== a) return;
                     d = !1;
-                } else for (;!(d = (n = t.call(a)).done) && (l.push(n.value), l.length !== r); d = !0) {
+                } else for (;!(d = (o = t.call(a)).done) && (l.push(o.value), l.length !== r); d = !0) {
                 }
             } catch (e) {
-                c = !0, o = e;
+                c = !0, n = e;
             } finally {
                 try {
                     if (!d && null != a["return"] && (i = a["return"](), Object(i) !== i)) return;
                 } finally {
-                    if (c) throw o;
+                    if (c) throw n;
                 }
             }
             return l;
         }
     }
-    function A(e) {
+    function _(e) {
         if (Array.isArray(e)) return e;
     }
-    function I(e, r) {
+    function M(e, r) {
         if (null == e) return {};
-        var a, n, o = R(e, r);
+        var a, o, n = L(e, r);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < t.length; n++) {
-                a = t[n], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (o[a] = e[a]);
+            for (o = 0; o < t.length; o++) {
+                a = t[o], -1 === r.indexOf(a) && {}.propertyIsEnumerable.call(e, a) && (n[a] = e[a]);
             }
         }
-        return o;
+        return n;
     }
-    function R(e, r) {
+    function L(e, r) {
         if (null == e) return {};
         var a = {};
-        for (var n in e) {
-            if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
-                a[n] = e[n];
+        for (var o in e) {
+            if ({}.hasOwnProperty.call(e, o)) {
+                if (-1 !== r.indexOf(o)) continue;
+                a[o] = e[o];
             }
         }
         return a;
     }
-    /** @public */    var _ = {
-        children: t().node,
-        defaultValue: t().any,
-        describedBy: t().string,
-        direction: t().oneOf([ "row", "column" ]),
-        disabled: t().bool,
-        elementRef: t().oneOfType([ t().func, t().object ]),
-        error: t().bool,
-        labelledBy: t().string,
-        name: t().string,
-        onChange: t().func,
+    /** @public */    var T = {
+        children: l().node,
+        defaultValue: l().any,
+        describedBy: l().string,
+        direction: l().oneOf([ "row", "column" ]),
+        disabled: l().bool,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        error: l().bool,
+        labelledBy: l().string,
+        name: l().string,
+        onChange: l().func,
         /** @private. */
-        required: t().bool,
-        value: t().any
+        required: l().bool,
+        value: l().any
     };
-    function M(e) {
-        var r = e.children, o = e.defaultValue, t = e.describedBy, i = e.direction, c = e.disabled, u = c === void 0 ? false : c, v = e.elementRef, b = e.error, f = b === void 0 ? false : b, p = e.labelledBy, y = e.name, m = e.onChange, g = e.required, h = e.value, C = I(e, [ "children", "defaultValue", "describedBy", "direction", "disabled", "elementRef", "error", "labelledBy", "name", "onChange", "required", "value" ]);
+    function V(e) {
+        var r = e.children, n = e.defaultValue, i = e.describedBy, l = e.direction, c = e.disabled, s = c === void 0 ? false : c, u = e.elementRef, v = e.error, f = v === void 0 ? false : v, b = e.labelledBy, p = e.name, m = e.onChange, g = e.required, h = e.value, O = M(e, [ "children", "defaultValue", "describedBy", "direction", "disabled", "elementRef", "error", "labelledBy", "name", "onChange", "required", "value" ]);
         // @docs-props-type RadioListPropsBase
+                q({
+            componentName: "RadioList",
+            propName: "direction",
+            propValue: l
+        });
         // TODO: Implement shared isControlled hook (SUI-5283).
         // See material-ui for similar pattern to handle controlled/un-controlled in functional components w/ hooks
         // https://github.com/mui-org/material-ui/blob/60d99a39836fb82f4da1477a717f642c216fb0b9/packages/material-ui/src/utils/useControlled.js
-                var O = (0, a.useRef)(h !== undefined), S = O.current;
-        var w = (0, a.useState)(o), x = q(w, 2), B = x[0], P = x[1];
-        var E = S ? h : B;
-        var A = (0, a.useRef)(y || (0, d.createDOMID)("radio-name")), R = A.current;
-        var _ = function e(r, a) {
+                var C = (0, a.useRef)(h !== undefined), S = C.current;
+        var w = (0, a.useState)(n), x = B(w, 2), k = x[0], E = x[1];
+        var R = S ? h : k;
+        var A = (0, a.useRef)(p || (0, d.createDOMID)("radio-name")), I = A.current;
+        var N = (0, a.useCallback)((function(e, r) {
             if (!S) {
-                P(a.value);
+                E(r.value);
             }
-            m === null || m === void 0 ? void 0 : m(r, a);
-        };
+            m === null || m === void 0 ? void 0 : m(e, r);
+        }), [ S, m ]);
         // Check correct props are passed
                 if (false) {}
         if (false) {}
-        if (false) {}
         // Check if changing from controlled to un-controlled
                 (0, a.useEffect)((function() {
             if (false) {}
         }), [ h, S ]);
-        var M = (0, a.useRef)(o), D = M.current;
+        var _ = (0, a.useRef)(n), L = _.current;
         (0, a.useEffect)((function() {
             if (false) {}
-        }), [ D, o, S ]);
-        var H = (0, a.useMemo)((function() {
+        }), [ L, n, S ]);
+        var T = (0, a.useMemo)((function() {
             return {
-                disabled: u,
+                disabled: s,
                 error: f,
-                onChange: _,
-                name: R,
+                onChange: N,
+                name: I,
                 required: g,
-                value: E
+                value: R
             };
-        }), [ u, f, _, R, g, E ]);
-        var T = C["aria-labelledby"];
-        var L = C["aria-describedby"];
+        }), [ s, f, N, I, g, R ]);
+        var V = O["aria-labelledby"];
+        var D = O["aria-describedby"];
         
-        return n().createElement(s.Provider, {
-            value: H
-        },  n().createElement(j, k({
-            direction: i || "column",
+        return o().createElement(y.Provider, {
+            value: T
+        },  o().createElement(j, P({
+            direction: l || "column",
             role: "radiogroup",
             "data-test": "radio-list",
-            "data-test-value": E,
-            "data-test-disabled": u ? "disabled" : undefined,
-            ref: v
-        }, l()(C, [ "aria-labelledby", "aria-describedby" ]), {
-            "aria-labelledby": T ? "".concat(T, " ").concat(p) : p,
-            "aria-describedby": L ? "".concat(L, " ").concat(t) : t,
+            "data-test-value": R,
+            "data-test-disabled": s ? "disabled" : undefined,
+            ref: u
+        }, t()(O, [ "aria-labelledby", "aria-describedby" ]), {
+            "aria-labelledby": V ? "".concat(V, " ").concat(b) : b,
+            "aria-describedby": D ? "".concat(D, " ").concat(i) : i,
             "aria-invalid": f
         }), r));
     }
-    M.propTypes = _;
-    M.Option = w;
-    /* harmony default export */    const D = M;
+    V.propTypes = T;
+    V.Option = w;
+    V.componentType = "RadioList";
+    /* harmony default export */    const D = V;
     // only for styled components using RadioList
         // CONCATENATED MODULE: ./src/RadioList/index.ts
     module.exports = r;

package/Resize.js

@@ -123,12 +123,12 @@
     }));
     var g = (0, f.css)([ "", ";width:", ";height:", ";position:absolute;background-clip:content-box;z-index:2;" ], b, h, h);
     var S = (0, f.css)([ "height:100%;" ]);
-    var E = (0, f.css)([ "width:100%;display:flex;justify-content:center;" ]);
-    var x = (0, f.css)([ "", ";position:absolute;z-index:1;", "" ], b, (function(e) {
+    var x = (0, f.css)([ "width:100%;display:flex;justify-content:center;" ]);
+    var E = (0, f.css)([ "", ";position:absolute;z-index:1;", "" ], b, (function(e) {
         var t = e.$isSeparator;
         return t && (0, v.pickVariant)("$cardinalDirection", {
-            n: E,
-            s: E,
+            n: x,
+            s: x,
             e: S,
             w: S
         });
@@ -142,12 +142,12 @@
         componentId: "sc-181mwes-4"
     })([ "", "" ], (0, v.pickVariant)("$cardinalDirection", {
         nw: (0, f.css)([ "", ";top:0;left:0;cursor:nwse-resize;" ], g),
-        n: (0, f.css)([ "", ";cursor:ns-resize;top:0;left:", ";" ], x, z),
+        n: (0, f.css)([ "", ";cursor:ns-resize;top:0;left:", ";" ], E, z),
         ne: (0, f.css)([ "", ";right:0;top:0;cursor:nesw-resize;> ", "{transform:rotate(90deg);}" ], g, /* sc-sel */ m),
-        w: (0, f.css)([ "", ";cursor:ew-resize;left:0;top:", ";" ], x, z),
-        e: (0, f.css)([ "", ";cursor:ew-resize;right:0;top:", ";" ], x, z),
+        w: (0, f.css)([ "", ";cursor:ew-resize;left:0;top:", ";" ], E, z),
+        e: (0, f.css)([ "", ";cursor:ew-resize;right:0;top:", ";" ], E, z),
         sw: (0, f.css)([ "", ";left:0;bottom:0;cursor:nesw-resize;> ", "{transform:rotate(-90deg);}" ], g, /* sc-sel */ m),
-        s: (0, f.css)([ "", ";cursor:ns-resize;bottom:0;left:", ";" ], x, z),
+        s: (0, f.css)([ "", ";cursor:ns-resize;bottom:0;left:", ";" ], E, z),
         se: (0, f.css)([ "", ";right:0;bottom:0;cursor:nwse-resize;> ", "{transform:rotate(180deg);}" ], g, /* sc-sel */ m)
     }));
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
@@ -357,7 +357,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = i[n], -1 === t.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -367,7 +367,7 @@
         var r = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
+                if (-1 !== t.indexOf(n)) continue;
                 r[n] = e[n];
             }
         }
@@ -402,7 +402,7 @@
                 (0, r.useEffect)((function() {
             if (false) {}
         }), [ o, d ]);
-        var g = (0, r.useState)(), S = T(g, 2), E = S[0], x = S[1];
+        var g = (0, r.useState)(), S = T(g, 2), x = S[0], E = S[1];
         var z = (0, r.useState)(null), R = T(z, 2), A = R[0], C = R[1];
         var O = (0, r.useState)(), _ = T(O, 2), $ = _[0], D = _[1];
         var L = (0, r.useState)(), H = T(L, 2), M = H[0], N = H[1];
@@ -413,15 +413,15 @@
             q(a, e);
         }), [ a ]);
         var Z = (0, r.useCallback)((function() {
-            x(undefined);
-        }), [ x ]);
+            E(undefined);
+        }), [ E ]);
         var ee = (0, r.useCallback)((function(e, t) {
             if (e.button > 0) {
                 return;
             }
             e.preventDefault();
             e.persist();
-            x(t);
+            E(t);
             N(A === null || A === void 0 ? void 0 : A.offsetWidth);
             D(A === null || A === void 0 ? void 0 : A.offsetHeight);
             V(e.clientX);
@@ -437,14 +437,14 @@
             return e;
         }), [ ee ]);
         var re = (0, r.useCallback)((function(e) {
-            var t = (E === null || E === void 0 ? void 0 : E.match(/(w|e)$/)) ? e.clientX - (W || 0) : 0;
-            var r = (E === null || E === void 0 ? void 0 : E.match(/^(s|n)/)) ? e.clientY - (G || 0) : 0;
+            var t = (x === null || x === void 0 ? void 0 : x.match(/(w|e)$/)) ? e.clientX - (W || 0) : 0;
+            var r = (x === null || x === void 0 ? void 0 : x.match(/^(s|n)/)) ? e.clientY - (G || 0) : 0;
             var n = {
-                width: (E === null || E === void 0 ? void 0 : E.match(/w$/)) ? (M || 0) - t : (M || 0) + t,
-                height: (E === null || E === void 0 ? void 0 : E.match(/^n/)) ? ($ || 0) - r : ($ || 0) + r
+                width: (x === null || x === void 0 ? void 0 : x.match(/w$/)) ? (M || 0) - t : (M || 0) + t,
+                height: (x === null || x === void 0 ? void 0 : x.match(/^n/)) ? ($ || 0) - r : ($ || 0) + r
             };
             f(e, n);
-        }), [ E, f, $, M, W, G ]);
+        }), [ x, f, $, M, W, G ]);
         var ne = (0, r.useCallback)((function(e, t) {
             var r = e.key;
             var n = t.slice(-1);
@@ -578,7 +578,7 @@
         }, b),  n().createElement(y, {
             $borderSides: ae,
             $isSeparator: o === "separator"
-        }, A && se, i, A && ce, E &&  n().createElement(n().Fragment, null,  n().createElement(s(), {
+        }, A && se, i, A && ce, x &&  n().createElement(n().Fragment, null,  n().createElement(s(), {
             target: j,
             eventType: "mousemove",
             listener: re