@splunk/react-ui 5.0.0-rc.1 → 5.0.0

package/Slider.js

@@ -8,27 +8,27 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = t => {
-            /******/ var r = t && t.__esModule ? 
-            /******/ () => t["default"]
-            /******/ : () => t
+        /******/ e.n = r => {
+            /******/ var t = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
             /******/;
-            e.d(r, {
-                a: r
+            e.d(t, {
+                a: t
             });
-            /******/            return r;
+            /******/            return t;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (t, r) => {
-            /******/ for (var n in r) {
-                /******/ if (e.o(r, n) && !e.o(t, n)) {
-                    /******/ Object.defineProperty(t, n, {
+        /******/ e.d = (r, t) => {
+            /******/ for (var n in t) {
+                /******/ if (e.o(t, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
                         enumerable: true,
-                        get: r[n]
+                        get: t[n]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
@@ -56,158 +56,156 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
+    /************************************************************************/    var r = {};
     // ESM COMPAT FLAG
-        e.r(t);
+        e.r(r);
     // EXPORTS
-        e.d(t, {
-        default: () => /* reexport */ ne
+        e.d(r, {
+        default: () => /* reexport */ te
     });
     // CONCATENATED MODULE: external "react"
-    const r = require("react");
-    var n =  e.n(r);
+    const t = require("react");
+    var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const a = require("prop-types");
     var i =  e.n(a);
     // CONCATENATED MODULE: external "decimal.js-light"
     const o = require("decimal.js-light");
     var l =  e.n(o);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const u = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const s = require("@splunk/react-ui/EventListener");
-    var c =  e.n(s);
+    const u = require("@splunk/react-ui/EventListener");
+    var s =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const d = require("@splunk/react-ui/Popover");
-    var f =  e.n(d);
+    const c = require("@splunk/react-ui/Popover");
+    var d =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
-    const v = require("@splunk/react-ui/useControlled");
-    var m =  e.n(v);
+    const f = require("@splunk/react-ui/useControlled");
+    var v =  e.n(f);
     // CONCATENATED MODULE: external "styled-components"
-    const b = require("styled-components");
-    var p =  e.n(b);
+    const m = require("styled-components");
+    var b =  e.n(m);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const h = require("@splunk/themes");
+    const p = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Slider/getStepMarksBackground.ts
     /* this file is being ignored by stylelint via .stylelintignore */
     /* the radial-gradient returned in the map below needs `css` before backticks
  * for variable interpolation but is not valid css on its own which throws
  * a stylelint `Unknown word  CssSyntaxError` */
     /* getStepMarksBackground generates the multiple radial gradient backgrounds for step marks */
-    function y(e) {
-        var t = e.stepWidth, r = e.thumbPosition, n = r === void 0 ? 0 : r, a = e.beforeThumbStepColor, i = e.afterThumbStepColor;
-        /* need to subtract 1 to avoid extra step at the end */        var o = Math.floor(100 / t) - 1;
+    function h(e) {
+        var r = e.stepWidth, t = e.thumbPosition, n = t === void 0 ? 0 : t, a = e.beforeThumbStepColor, i = e.afterThumbStepColor;
+        /* need to subtract 1 to avoid extra step at the end */        var o = Math.floor(100 / r) - 1;
         var l = new Array(o).fill(false);
-        return (0, b.css)([ "background:", ";" ], l.map((function(e, r) {
-            var o = (r + 1) * t;
+        return (0, m.css)([ "background:", ";" ], l.map((function(e, t) {
+            var o = (t + 1) * r;
             var u = o <= n ? a : i;
-            /* css doesn't allow trailing comma */            var s = r < l.length - 1 ? "," : "";
-            return (0, b.css)([ "radial-gradient(circle,", " 0%,", " 3px,transparent 3px) calc(", "% - 1.5px) center no-repeat ", "" ], u, u, o, s);
+            /* css doesn't allow trailing comma */            var s = t < l.length - 1 ? "," : "";
+            return (0, m.css)([ "radial-gradient(circle,", " 0%,", " 3px,transparent 3px) calc(", "% - 1.5px) center no-repeat ", "" ], u, u, o, s);
         })));
     }
-    /* harmony default export */    const g = y;
+    /* harmony default export */    const y = h;
     // CONCATENATED MODULE: ./src/Slider/SliderStyles.ts
-    var S = 8;
+    var g = 8;
     var w = 1;
-    var C = 24;
-    var x = p().div.withConfig({
+    var S = 24;
+    var C = b().div.withConfig({
         displayName: "SliderStyles__StyledSliderWrapper",
         componentId: "sc-16ooit4-0"
-    })([ "", ";gap:", ";width:100%;", "" ], h.mixins.reset("flex"), h.variables.spacingLarge, (function(e) {
-        var t = e.$inline;
-        return t && (0, b.css)([ "width:300px;" ]);
+    })([ "", ";gap:", ";width:100%;", "" ], p.mixins.reset("flex"), p.variables.spacingLarge, (function(e) {
+        var r = e.$inline;
+        return r && (0, m.css)([ "width:300px;" ]);
     }));
-    var k = p().div.withConfig({
+    var x = b().div.withConfig({
         displayName: "SliderStyles__StyledSliderBar",
         componentId: "sc-16ooit4-1"
-    })([ "position:relative;left:0;height:", "px;width:100%;border-radius:10px;background-color:", ";border:", "px solid;border-color:", ";", " ", "" ], S, (0, 
-    h.pickVariant)("$state", {
-        default: h.variables.neutral300,
-        error: h.variables.neutral300,
-        disabled: h.variables.neutral200
-    }), w, (0, h.pickVariant)("$state", {
-        default: h.variables.interactiveColorBorder,
-        error: h.variables.interactiveColorBorder,
+    })([ "position:relative;left:0;height:", "px;width:100%;border-radius:10px;background-color:", ";border:", "px solid;border-color:", ";", " ", "" ], g, (0, 
+    p.pickVariant)("$state", {
+        default: p.variables.neutral300,
+        error: p.variables.neutral300,
+        disabled: p.variables.neutral200
+    }), w, (0, p.pickVariant)("$state", {
+        default: p.variables.interactiveColorBorder,
+        error: p.variables.interactiveColorBorder,
         disabled: "transparent"
     }), (function(e) {
-        var t = e.$thumbPosition;
-        return t && (0, b.css)([ "&::before{position:absolute;border-radius:", ";content:'';height:calc( ", "px + ", "px );top:-", "px;left:-", "px;width:", "%;background-color:", ";}" ], h.variables.borderRadius, S, w * 2, w, w, t, (0, 
-        h.pickVariant)("$state", {
-            default: h.variables.interactiveColorAccent,
-            error: h.variables.interactiveColorAccentError,
-            disabled: h.variables.neutral300
+        var r = e.$thumbPosition;
+        return r && (0, m.css)([ "&::before{position:absolute;border-radius:", ";content:'';height:calc( ", "px + ", "px );top:-", "px;left:-", "px;width:", "%;background-color:", ";}" ], p.variables.borderRadius, g, w * 2, w, w, r, (0, 
+        p.pickVariant)("$state", {
+            default: p.variables.interactiveColorAccent,
+            error: p.variables.interactiveColorAccentError,
+            disabled: p.variables.neutral300
         }));
     }), (function(e) {
-        var t = e.$stepWidth, r = e.$thumbPosition;
-        return t && (0, b.css)([ "&::after{position:absolute;top:0;left:0;width:100%;height:100%;", ";background-size:8px 8px;}" ], g({
-            beforeThumbStepColor: (0, h.pickVariant)("$state", {
-                default: h.variables.contentColorAccentWeak,
-                error: h.variables.contentColorNegativeWeak,
-                disabled: h.variables.contentColorDisabled
+        var r = e.$stepWidth, t = e.$thumbPosition;
+        return r && (0, m.css)([ "&::after{position:absolute;top:0;left:0;width:100%;height:100%;", ";background-size:8px 8px;}" ], y({
+            beforeThumbStepColor: (0, p.pickVariant)("$state", {
+                default: p.variables.contentColorAccentWeak,
+                error: p.variables.contentColorNegativeWeak,
+                disabled: p.variables.contentColorDisabled
             }),
-            afterThumbStepColor: (0, h.pickVariant)("$state", {
-                default: h.variables.contentColorDefault,
-                error: h.variables.contentColorDefault,
-                disabled: h.variables.contentColorDisabled
+            afterThumbStepColor: (0, p.pickVariant)("$state", {
+                default: p.variables.contentColorDefault,
+                error: p.variables.contentColorDefault,
+                disabled: p.variables.contentColorDisabled
             }),
-            stepWidth: t,
-            thumbPosition: r
+            stepWidth: r,
+            thumbPosition: t
         }));
     }));
-    var E = p().button.withConfig({
+    var k = b().button.withConfig({
         displayName: "SliderStyles__StyledSliderThumb",
         componentId: "sc-16ooit4-2"
-    })([ "display:block;position:absolute;cursor:pointer;width:", "px;height:", "px;border-radius:50%;background-color:", ";border:2px solid ", ";left:", "%;margin-left:-", "px;", " ", "" ], C, C, (0, 
-    h.pickVariant)("$state", {
-        default: h.variables.white,
-        error: h.variables.interactiveColorAccentError,
-        disabled: h.variables.neutral300
-    }), (0, h.pickVariant)("$state", {
-        default: h.variables.borderColorStrong,
-        error: h.variables.interactiveColorAccentErrorStrong,
-        disabled: h.variables.neutral300
+    })([ "display:block;position:absolute;cursor:pointer;width:", "px;height:", "px;border-radius:50%;background-color:", ";border:2px solid ", ";left:", "%;margin-left:-", "px;", " ", "" ], S, S, (0, 
+    p.pickVariant)("$state", {
+        default: p.variables.white,
+        error: p.variables.interactiveColorAccentError,
+        disabled: p.variables.neutral300
+    }), (0, p.pickVariant)("$state", {
+        default: p.variables.borderColorStrong,
+        error: p.variables.interactiveColorAccentErrorStrong,
+        disabled: p.variables.neutral300
     }), (function(e) {
-        var t = e.$thumbPosition;
-        return t;
-    }), C / 2, (function(e) {
-        var t = e.$state;
-        return t !== "disabled" && (0, b.css)([ "&:hover,&:focus,&:active{box-shadow:", ";}" ], h.variables.focusShadow);
+        var r = e.$thumbPosition;
+        return r;
+    }), S / 2, (function(e) {
+        var r = e.$state;
+        return r !== "disabled" && (0, m.css)([ "&:hover,&:focus,&:active{box-shadow:", ";}" ], p.variables.focusShadow);
     }), (function(e) {
-        var t = e.$state;
-        return t === "disabled" && (0, b.css)([ "cursor:not-allowed;" ]);
+        var r = e.$state;
+        return r === "disabled" && (0, m.css)([ "cursor:not-allowed;" ]);
     }));
-    var $ = p().div.withConfig({
+    var E = b().div.withConfig({
         displayName: "SliderStyles__StyledPopoverContent",
         componentId: "sc-16ooit4-3"
-    })([ "padding:", ";" ], h.variables.spacingMedium);
-    var A = p().span.withConfig({
+    })([ "padding:", ";" ], p.variables.spacingMedium);
+    var $ = b().span.withConfig({
         displayName: "SliderStyles__StyledLabel",
         componentId: "sc-16ooit4-4"
     })([ "align-self:center;color:", ";" ], (function(e) {
-        var t = e.$disabled;
-        return t ? h.variables.contentColorDisabled : h.variables.contentColorActive;
+        var r = e.$disabled;
+        return r ? p.variables.contentColorDisabled : p.variables.contentColorActive;
     }));
     /* using content: '' to control if step marks should be shown
  * to avoid further issues with variable interpolation given the
  * complexity of the multiple radial gradient backgrounds. This also
- * allows us not to pass in StyledSliderTypes to StyledInput */    var T = (0, b.css)([ "", "{&::after{content:'';}}" ], /* sc-sel */ k);
-    var V = p().div.withConfig({
+ * allows us not to pass in StyledSliderTypes to StyledInput */    var A = (0, m.css)([ "", "{&::after{content:'';}}" ], /* sc-sel */ x);
+    var T = b().div.withConfig({
         displayName: "SliderStyles__StyledInput",
         componentId: "sc-16ooit4-5"
-    })([ "width:100%;min-width:200px;display:flex;align-items:center;flex:1 0 0;position:relative;cursor:default;height:", ";max-width:100%;", " &:hover{", "{border-color:", ";}}", "" ], h.variables.inputHeight, (function(e) {
-        var t = e.$state;
-        return t === "disabled" && (0, b.css)([ "cursor:not-allowed;" ]);
-    }), /* sc-sel */ k, (0, h.pickVariant)("$state", {
-        default: h.variables.interactiveColorBorderHover,
-        error: h.variables.interactiveColorBorderHover,
+    })([ "width:100%;min-width:200px;display:flex;align-items:center;flex:1 0 0;position:relative;cursor:default;height:", ";max-width:100%;", " &:hover{", "{border-color:", ";}}", "" ], p.variables.inputHeight, (function(e) {
+        var r = e.$state;
+        return r === "disabled" && (0, m.css)([ "cursor:not-allowed;" ]);
+    }), /* sc-sel */ x, (0, p.pickVariant)("$state", {
+        default: p.variables.interactiveColorBorderHover,
+        error: p.variables.interactiveColorBorderHover,
         disabled: "transparent"
-    }), (0, h.pickVariant)("$stepAppearance", {
-        focus: (0, b.css)([ "&:focus-within{", "}" ], T),
-        always: (0, b.css)([ "", "" ], T)
+    }), (0, p.pickVariant)("$stepAppearance", {
+        focus: (0, m.css)([ "&:focus-within{", "}" ], A),
+        always: (0, m.css)([ "", "" ], A)
     }));
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var O = {
+    var V = {
         body: {
             appendChild: function e() {
                 return [];
@@ -261,16 +259,16 @@
             search: ""
         }
     };
-    function P() {
-        var e = typeof document !== "undefined" ? document : O;
+    function O() {
+        var e = typeof document !== "undefined" ? document : V;
         return e;
     }
-    var B = P();
-    /* harmony default export */    const q = /* unused pure expression or super */ null && B;
+    var P = O();
+    /* harmony default export */    const B = /* unused pure expression or super */ null && P;
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
     var _ = {
-        document: O,
+        document: V,
         navigator: {
             userAgent: ""
         },
@@ -310,26 +308,26 @@
         matchMedia: function e() {
             return {};
         },
-        requestAnimationFrame: function e(t) {
+        requestAnimationFrame: function e(r) {
             if (typeof setTimeout === "undefined") {
-                t();
+                r();
                 return null;
             }
-            return setTimeout(t, 0);
+            return setTimeout(r, 0);
         },
-        cancelAnimationFrame: function e(t) {
+        cancelAnimationFrame: function e(r) {
             if (typeof setTimeout === "undefined") {
                 return;
             }
-            clearTimeout(t);
+            clearTimeout(r);
         }
     };
     function j() {
         var e = typeof window !== "undefined" ? window : _;
         return e;
     }
-    var M = j();
-    /* harmony default export */    const N = M;
+    var q = j();
+    /* harmony default export */    const L = q;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -337,65 +335,65 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function L(e, t) {
+    function M(e, r) {
         if (e) {
             if (typeof e === "function") {
-                e(t);
+                e(r);
             } else {
                 // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
                 // the intention here is to signal "we will take care of setting 'current', not you".
-                e.current = t;
+                e.current = r;
  // eslint-disable-line no-param-reassign
                         }
         }
     }
     // CONCATENATED MODULE: ./src/Slider/Slider.tsx
-    function I() {
-        return I = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+    function N() {
+        return N = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        }, I.apply(null, arguments);
+        }, N.apply(null, arguments);
     }
-    function D(e, t) {
-        return z(e) || H(e, t) || W(e, t) || R();
+    function I(e, r) {
+        return H(e) || F(e, r) || R(e, r) || D();
     }
-    function R() {
+    function D() {
         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 W(e, t) {
+    function R(e, r) {
         if (e) {
-            if ("string" == typeof e) return F(e, t);
-            var r = {}.toString.call(e).slice(8, -1);
-            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? F(e, t) : void 0;
+            if ("string" == typeof e) return W(e, r);
+            var t = {}.toString.call(e).slice(8, -1);
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? W(e, r) : void 0;
         }
     }
-    function F(e, t) {
-        (null == t || t > e.length) && (t = e.length);
-        for (var r = 0, n = Array(t); r < t; r++) {
-            n[r] = e[r];
+    function W(e, r) {
+        (null == r || r > e.length) && (r = e.length);
+        for (var t = 0, n = Array(r); t < r; t++) {
+            n[t] = e[t];
         }
         return n;
     }
-    function H(e, t) {
-        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != r) {
+    function F(e, r) {
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
             var n, a, i, o, l = [], u = !0, s = !1;
             try {
-                if (i = (r = r.call(e)).next, 0 === t) {
-                    if (Object(r) !== r) return;
+                if (i = (t = t.call(e)).next, 0 === r) {
+                    if (Object(t) !== t) return;
                     u = !1;
-                } else for (;!(u = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); u = !0) {
+                } else for (;!(u = (n = i.call(t)).done) && (l.push(n.value), l.length !== r); u = !0) {
                 }
             } catch (e) {
                 s = !0, a = e;
             } finally {
                 try {
-                    if (!u && null != r["return"] && (o = r["return"](), Object(o) !== o)) return;
+                    if (!u && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
                 } finally {
                     if (s) throw a;
                 }
@@ -403,32 +401,32 @@
             return l;
         }
     }
-    function z(e) {
+    function H(e) {
         if (Array.isArray(e)) return e;
     }
-    function K(e, t) {
+    function U(e, r) {
         if (null == e) return {};
-        var r, n, a = U(e, t);
+        var t, n, a = z(e, r);
         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) && (a[r] = e[r]);
+                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
     }
-    function U(e, t) {
+    function z(e, r) {
         if (null == e) return {};
-        var r = {};
+        var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
-                r[n] = e[n];
+                if (r.includes(n)) continue;
+                t[n] = e[n];
             }
         }
-        return r;
+        return t;
     }
-    /** @public */    var X = {
+    /** @public */    var K = {
         defaultValue: i().number,
         describedBy: i().string,
         disabled: i().bool,
@@ -450,10 +448,10 @@
         thumbRef: i().oneOfType([ i().func, i().object ]),
         value: i().number
     };
-    var G = function e(t) {
-        var r = t.max, n = t.min, a = t.value;
-        if (a > r) {
-            return r;
+    var X = function e(r) {
+        var t = r.max, n = r.min, a = r.value;
+        if (a > t) {
+            return t;
         }
         if (a < n) {
             return n;
@@ -462,287 +460,287 @@
     };
     // If the current value is in between a step, i.e. defaultValue is not at a
     // step mark, this function handles navigating to the next correct step
-        var J = function e(t) {
-        var r = t.direction, n = t.min, a = t.step, i = t.value;
+        var G = function e(r) {
+        var t = r.direction, n = r.min, a = r.step, i = r.value;
         var o = new (l())(i).minus(n).modulo(a).toNumber();
         if (o > 0) {
-            return r === "forward" ? a - o : o;
+            return t === "forward" ? a - o : o;
         }
         return a;
     };
-    var Q = function e(t, r) {
-        if (r === null) {
+    var J = function e(r, t) {
+        if (t === null) {
             return undefined;
         }
-        var n = r.getBoundingClientRect();
-        var a = t.clientX - n.left;
-        return G({
+        var n = t.getBoundingClientRect();
+        var a = r.clientX - n.left;
+        return X({
             max: 100,
             min: 0,
             value: a / n.width * 100
         });
     };
-    var Y = function e(t) {
-        var r = t.max, n = t.min, a = t.step, i = t.value;
+    var Q = function e(r) {
+        var t = r.max, n = r.min, a = r.step, i = r.value;
         // Handles if the max is in between steps but val is larger than the halfway point between last step mark and max
-                if (i > r - (r - n) % a / 2) {
-            return r;
+                if (i > t - (t - n) % a / 2) {
+            return t;
         }
         return new (l())(i).minus(n).div(a).todp(0).mul(a).add(n).toNumber();
     };
-    var Z = function e(t) {
-        var r = t.position, n = t.max, a = t.min, i = t.step;
+    var Y = function e(r) {
+        var t = r.position, n = r.max, a = r.min, i = r.step;
         var o = n - a;
-        var l = r / 100 * o + a;
-        return Y({
+        var l = t / 100 * o + a;
+        return Q({
             max: n,
             min: a,
             step: i,
             value: l
         });
     };
-    var ee = function e(t) {
-        var r = t.max, n = t.min, a = t.sliderBar, i = t.step;
+    var Z = function e(r) {
+        var t = r.max, n = r.min, a = r.sliderBar, i = r.step;
         // don't render stepMarks if they are too small i.e. stepWidth is less than SliderThumb divided by 2
         // in that case, undefined is returned
                 if (a === null) {
             return undefined;
         }
-        var o = r - n;
+        var o = t - n;
         var l = Math.round(o / i);
         var u = a.getBoundingClientRect();
         var s = i * 100 / o;
-        return u.width / l > C / 2 ? s : undefined;
+        return u.width / l > S / 2 ? s : undefined;
     };
-    var te = function e(t) {
-        var r = t.max, n = t.min, a = t.value;
+    var ee = function e(r) {
+        var t = r.max, n = r.min, a = r.value;
         if (a === undefined) {
             return undefined;
         }
-        var i = r - n;
+        var i = t - n;
         return (a - n) / i * 100;
     };
     function re(e) {
-        var t = e.defaultValue, a = e.describedBy, i = e.disabled, o = e.displayValue, l = e.elementRef, s = e.error, d = e.inline, v = e.labelledBy, b = e.max, p = b === void 0 ? 5 : b, h = e.maxLabel, y = e.min, g = y === void 0 ? 1 : y, S = e.minLabel, w = e.name, C = e.onChange, T = e.required, O = e.step, P = O === void 0 ? 1 : O, B = e.stepMarks, q = B === void 0 ? "focus" : B, _ = e.thumbRef, j = e.value, M = K(e, [ "defaultValue", "describedBy", "disabled", "displayValue", "elementRef", "error", "inline", "labelledBy", "max", "maxLabel", "min", "minLabel", "name", "onChange", "required", "step", "stepMarks", "thumbRef", "value" ]);
+        var r = e.defaultValue, a = e.describedBy, i = e.disabled, o = e.displayValue, l = e.elementRef, u = e.error, c = e.inline, f = e.labelledBy, m = e.max, b = m === void 0 ? 5 : m, p = e.maxLabel, h = e.min, y = h === void 0 ? 1 : h, g = e.minLabel, w = e.name, S = e.onChange, A = e.required, V = e.step, O = V === void 0 ? 1 : V, P = e.stepMarks, B = P === void 0 ? "focus" : P, _ = e.thumbRef, j = e.value, q = U(e, [ "defaultValue", "describedBy", "disabled", "displayValue", "elementRef", "error", "inline", "labelledBy", "max", "maxLabel", "min", "minLabel", "name", "onChange", "required", "step", "stepMarks", "thumbRef", "value" ]);
         // @docs-props-type SliderPropsBase
-                var R = m()({
+                var D = v()({
             componentName: "Slider",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var W = (0, r.useState)(false), F = D(W, 2), H = F[0], z = F[1];
-        var U = (0, r.useState)(false), X = D(U, 2), re = X[0], ne = X[1];
-        var ae = (0, r.useState)(null), ie = D(ae, 2), oe = ie[0], le = ie[1];
-        var ue = (0, r.useState)(null), se = D(ue, 2), ce = se[0], de = se[1];
-        var fe = (0, r.useMemo)((function() {
-            return R ? Y({
-                value: (p - g) / 2,
-                min: g,
-                max: p,
-                step: P
-            }) : t;
-        }), [ R, t, p, g, P ]);
-        var ve = (0, r.useState)(R ? j : fe), me = D(ve, 2), be = me[0], pe = me[1];
-        var he = (0, r.useCallback)((function(e, t) {
-            var r = t.newValue;
-            if (be !== r) {
-                C === null || C === void 0 ? void 0 : C(e, {
-                    value: r,
+        var R = (0, t.useState)(false), W = I(R, 2), F = W[0], H = W[1];
+        var z = (0, t.useState)(false), K = I(z, 2), re = K[0], te = K[1];
+        var ne = (0, t.useState)(null), ae = I(ne, 2), ie = ae[0], oe = ae[1];
+        var le = (0, t.useState)(null), ue = I(le, 2), se = ue[0], ce = ue[1];
+        var de = (0, t.useMemo)((function() {
+            return D ? Q({
+                value: (b - y) / 2,
+                min: y,
+                max: b,
+                step: O
+            }) : r;
+        }), [ D, r, b, y, O ]);
+        var fe = (0, t.useState)(D ? j : de), ve = I(fe, 2), me = ve[0], be = ve[1];
+        var pe = (0, t.useCallback)((function(e, r) {
+            var t = r.newValue;
+            if (me !== t) {
+                S === null || S === void 0 ? void 0 : S(e, {
+                    value: t,
                     name: w
                 });
-                if (!R) {
-                    pe(r);
+                if (!D) {
+                    be(t);
                 }
             }
-        }), [ R, w, C, be ]);
+        }), [ D, w, S, me ]);
         // handlers
-                var ye = (0, r.useCallback)((function() {
-            ne(false);
+                var he = (0, t.useCallback)((function() {
+            te(false);
         }), []);
-        var ge = (0, r.useCallback)((function() {
-            ne(true);
+        var ye = (0, t.useCallback)((function() {
+            te(true);
         }), []);
-        var Se = (0, r.useCallback)((function(e) {
-            le(e);
+        var ge = (0, t.useCallback)((function(e) {
+            oe(e);
         }), []);
-        var we = (0, r.useCallback)((function(e) {
-            de(e);
-            L(_, e);
+        var we = (0, t.useCallback)((function(e) {
+            ce(e);
+            M(_, e);
         }), [ _ ]);
-        var Ce = (0, r.useCallback)((function(e) {
-            var t = Q(e, oe);
-            if (t !== undefined) {
-                var r = Z({
-                    position: t,
-                    max: p,
-                    min: g,
-                    step: P
+        var Se = (0, t.useCallback)((function(e) {
+            var r = J(e, ie);
+            if (r !== undefined) {
+                var t = Y({
+                    position: r,
+                    max: b,
+                    min: y,
+                    step: O
                 });
-                he(e, {
-                    newValue: r
+                pe(e, {
+                    newValue: t
                 });
             }
-        }), [ p, g, he, oe, P ]);
-        var xe = (0, r.useCallback)((function(e) {
-            var t = be;
-            if (t !== undefined) {
-                var r = (0, u.keycode)(e.nativeEvent);
+        }), [ b, y, pe, ie, O ]);
+        var Ce = (0, t.useCallback)((function(e) {
+            var r = me;
+            if (r !== undefined) {
+                var t = e.key;
                 var n;
-                var a = J({
+                var a = G({
                     direction: "forward",
-                    min: g,
-                    step: P,
-                    value: t
+                    min: y,
+                    step: O,
+                    value: r
                 });
-                var i = J({
+                var i = G({
                     direction: "backward",
-                    min: g,
-                    step: P,
-                    value: t
+                    min: y,
+                    step: O,
+                    value: r
                 });
-                if (r === "right") {
-                    n = t + a;
-                } else if (r === "left") {
-                    n = t - i;
-                } else if (r === "up") {
+                if (t === "ArrowRight") {
+                    n = r + a;
+                } else if (t === "ArrowLeft") {
+                    n = r - i;
+                } else if (t === "ArrowUp") {
                     e.preventDefault();
-                    n = t + a;
-                } else if (r === "down") {
+                    n = r + a;
+                } else if (t === "ArrowDown") {
                     e.preventDefault();
-                    n = t - i;
+                    n = r - i;
                 } else {
                     return;
                 }
-                t = G({
-                    max: p,
-                    min: g,
+                r = X({
+                    max: b,
+                    min: y,
                     value: n
                 });
-                t = Y({
-                    max: p,
-                    min: g,
-                    step: P,
-                    value: t
+                r = Q({
+                    max: b,
+                    min: y,
+                    step: O,
+                    value: r
                 });
-                he(e, {
-                    newValue: t
+                pe(e, {
+                    newValue: r
                 });
             }
-        }), [ p, g, he, P, be ]);
-        var ke = (0, r.useCallback)((function(e) {
+        }), [ b, y, pe, O, me ]);
+        var xe = (0, t.useCallback)((function(e) {
             e.preventDefault();
-            ce === null || ce === void 0 ? void 0 : ce.focus();
-            z(true);
-            ne(true);
-        }), [ ce ]);
-        var Ee = (0, r.useCallback)((function() {
-            ne(true);
+            se === null || se === void 0 ? void 0 : se.focus();
+            H(true);
+            te(true);
+        }), [ se ]);
+        var ke = (0, t.useCallback)((function() {
+            te(true);
         }), []);
-        var $e = (0, r.useCallback)((function() {
-            if (!H) {
-                ne(false);
+        var Ee = (0, t.useCallback)((function() {
+            if (!F) {
+                te(false);
             }
-        }), [ H ]);
-        var Ae = (0, r.useCallback)((function(e) {
-            if (H) {
-                var t = Q(e, oe);
-                if (t !== undefined) {
-                    var r = Z({
-                        position: t,
-                        min: g,
-                        max: p,
-                        step: P
+        }), [ F ]);
+        var $e = (0, t.useCallback)((function(e) {
+            if (F) {
+                var r = J(e, ie);
+                if (r !== undefined) {
+                    var t = Y({
+                        position: r,
+                        min: y,
+                        max: b,
+                        step: O
                     });
-                    he(e, {
-                        newValue: r
+                    pe(e, {
+                        newValue: t
                     });
                 }
             }
-        }), [ H, p, g, he, oe, P ]);
-        var Te = (0, r.useCallback)((function() {
-            z(false);
-            ne(false);
+        }), [ F, b, y, pe, ie, O ]);
+        var Ae = (0, t.useCallback)((function() {
+            H(false);
+            te(false);
         }), []);
-        (0, r.useEffect)((function() {
+        (0, t.useEffect)((function() {
             if (false) {}
-        }), [ p, g ]);
-        (0, r.useEffect)((function() {
+        }), [ b, y ]);
+        (0, t.useEffect)((function() {
             // keep valueState in sync with value prop when controlled
-            if (R) {
-                pe(j);
+            if (D) {
+                be(j);
             }
-        }), [ R, j ]);
-        var Ve = i && "disabled" || s && "error" || "default";
-        var Oe = te({
-            value: be,
-            min: g,
-            max: p
+        }), [ D, j ]);
+        var Te = i && "disabled" || u && "error" || "default";
+        var Ve = ee({
+            value: me,
+            min: y,
+            max: b
         });
-        var Pe = P ? ee({
-            max: p,
-            min: g,
-            sliderBar: oe,
-            step: P
+        var Oe = O ? Z({
+            max: b,
+            min: y,
+            sliderBar: ie,
+            step: O
         }) : undefined;
          /* eslint-disable jsx-a11y/no-static-element-interactions */
-        return n().createElement(x, I({
+        return n().createElement(C, N({
             "data-test": "slider",
             "data-test-disabled": i ? "disabled" : undefined,
-            "data-test-value": be,
+            "data-test-value": me,
             ref: l,
-            $inline: d
-        }, M), H &&  n().createElement(n().Fragment, null,  n().createElement(c(), {
-            target: N,
+            $inline: c
+        }, q), F &&  n().createElement(n().Fragment, null,  n().createElement(s(), {
+            target: L,
             eventType: "mouseup",
-            listener: Te
-        }),  n().createElement(c(), {
-            target: N,
-            eventType: "mousemove",
             listener: Ae
-        })), S !== null &&  n().createElement(A, {
+        }),  n().createElement(s(), {
+            target: L,
+            eventType: "mousemove",
+            listener: $e
+        })), g !== null &&  n().createElement($, {
             "data-test": "min-label",
             $disabled: i
-        }, S || g),  n().createElement(V, {
-            onClick: i ? undefined : Ce,
-            $state: Ve,
-            $stepAppearance: q
-        },  n().createElement(k, {
-            "aria-required": T,
+        }, g || y),  n().createElement(T, {
+            onClick: i ? undefined : Se,
+            $state: Te,
+            $stepAppearance: B
+        },  n().createElement(x, {
+            "aria-required": A,
             "data-test": "bar",
-            ref: Se,
-            $thumbPosition: Oe,
-            $stepWidth: Pe,
-            $state: Ve
-        }),  n().createElement(E, {
+            ref: ge,
+            $thumbPosition: Ve,
+            $stepWidth: Oe,
+            $state: Te
+        }),  n().createElement(k, {
             "aria-describedby": a,
-            "aria-labelledby": v,
-            "aria-invalid": s,
-            "aria-valuemax": p,
-            "aria-valuemin": g,
-            "aria-valuenow": be,
+            "aria-labelledby": f,
+            "aria-invalid": u,
+            "aria-valuemax": b,
+            "aria-valuemin": y,
+            "aria-valuenow": me,
             "data-test": "thumb",
-            onBlur: ye,
-            onMouseEnter: Ee,
-            onMouseLeave: $e,
-            onKeyDown: i ? undefined : xe,
-            onMouseDown: i ? undefined : ke,
-            onFocus: ge,
+            onBlur: he,
+            onMouseEnter: ke,
+            onMouseLeave: Ee,
+            onKeyDown: i ? undefined : Ce,
+            onMouseDown: i ? undefined : xe,
+            onFocus: ye,
             ref: we,
             role: "slider",
             disabled: i,
-            $thumbPosition: Oe,
-            $state: Ve
-        }),  n().createElement(f(), {
+            $thumbPosition: Ve,
+            $state: Te
+        }),  n().createElement(d(), {
             open: re,
-            anchor: ce,
+            anchor: se,
             align: "center"
-        },  n().createElement($, null, o || be))), h !== null &&  n().createElement(A, {
+        },  n().createElement(E, null, o || me))), p !== null &&  n().createElement($, {
             "data-test": "max-label",
             $disabled: i
-        }, h || p));
+        }, p || b));
     }
-    re.propTypes = X;
-    /* harmony default export */    const ne = re;
+    re.propTypes = K;
+    /* harmony default export */    const te = re;
     // CONCATENATED MODULE: ./src/Slider/index.ts
-    module.exports = t;
+    module.exports = r;
     /******/})();