@splunk/react-ui 5.1.0 → 5.2.0

package/DualListbox.js

@@ -61,8 +61,8 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Option: () => /* reexport */ ae,
-        default: () => /* reexport */ Ve
+        Option: () => /* reexport */ le,
+        default: () => /* reexport */ Be
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -80,9 +80,9 @@
     const s = require("@splunk/react-ui/useForceUpdate");
     var v =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-    const d = require("@splunk/ui-utils/format");
+    const f = require("@splunk/ui-utils/format");
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const f = require("@splunk/ui-utils/i18n");
+    const d = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/scroll"
     const p = require("@splunk/ui-utils/scroll");
     // CONCATENATED MODULE: ./src/DualListbox/DualListboxContext.tsx
@@ -113,12 +113,12 @@
         var r = e.$fill;
         return r && (0, h.css)([ "height:100%;grid-template-columns:[list0] 1fr [actions] min-content [list1] 1fr;grid-template-rows:[headers] min-content [lists] 1fr;position:relative;width:100%;" ]);
     }));
-    var w = g().div.withConfig({
+    var x = g().div.withConfig({
         displayName: "DualListboxStyles__StyledFlexColumn",
         componentId: "sc-1te6bz0-1"
     })([ "&::before{content:'';grid-column:headers;grid-row:lists;}align-items:center;display:flex;flex-direction:column;gap:", ";grid-column:actions;grid-row:lists;justify-content:center;" ], C.variables.spacingSmall);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const x = require("@splunk/ui-utils/id");
+    const w = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
     const O = require("@splunk/react-ui/ScreenReaderContent");
     var R =  e.n(O);
@@ -163,7 +163,7 @@
         var r = e.id, a = e.index, l = e.listId, i = e.name, u = e.onSwitchClick, o = e.value;
         var c = (0, t.useContext)(_);
         var s = v()();
-        var p = (0, t.useRef)((0, x.createDOMID)("switch"));
+        var p = (0, t.useRef)((0, w.createDOMID)("switch"));
         var b = c.updateLabelRefreshHookByName, m = c.getLabelState;
         (0, t.useEffect)((function() {
             b === null || b === void 0 ? void 0 : b(i, s);
@@ -181,7 +181,7 @@
         },  n().createElement(R(), {
             "aria-hidden": true,
             id: p.current
-        }, (0, d.sprintf)((0, f._)("Select all %(listName)s Options"), {
+        }, (0, f.sprintf)((0, d._)("Select all %(listName)s Options"), {
             listName: o
         })),  n().createElement(I(), {
             appearance: "checkbox",
@@ -226,7 +226,7 @@
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
-                t = l[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+                t = l[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
@@ -236,7 +236,7 @@
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
@@ -254,10 +254,10 @@
     };
     function K(e) {
         var r = e.children, a = e.elementRef, l = e.index, i = e.label, u = e.name, o = e.onClick, c = e.onKeyDown, s = e.onSelectAllClick, v = A(e, [ "children", "elementRef", "index", "label", "name", "onClick", "onKeyDown", "onSelectAllClick" ]);
-        var d = (0, t.useRef)((0, x.createDOMID)("label"));
-        var f = (0, t.useRef)((0, x.createDOMID)("listbox"));
+        var f = (0, t.useRef)((0, w.createDOMID)("label"));
+        var d = (0, t.useRef)((0, w.createDOMID)("listbox"));
         var p = (0, t.useContext)(m), b = p.controlled, h = p.getSelectedStateForValue, g = p.getActiveValue, y = p.getSelectedValueCount, k = p.getValueCount, C = p.updateLabelRefreshHookByName, S = p.updateOptionRefreshHookByValue;
-        var w = (0, t.useCallback)((function(e, r) {
+        var x = (0, t.useCallback)((function(e, r) {
             var t = r.value;
             o === null || o === void 0 ? void 0 : o(e, {
                 name: u,
@@ -304,30 +304,30 @@
         };
         var L = (0, t.useMemo)((function() {
             return {
-                onOptionClick: w,
+                onOptionClick: x,
                 updateLabelRefreshHookByName: C,
                 updateOptionRefreshHookByValue: S,
                 getOptionStateForValue: O,
                 getLabelState: R,
                 controlled: b
             };
-        }), [ w, C, S, O, R, b ]);
+        }), [ x, C, S, O, R, b ]);
         
         return n().createElement(_.Provider, {
             value: L
         },  n().createElement(B, {
-            id: d.current,
+            id: f.current,
             index: l,
-            listId: f.current,
+            listId: d.current,
             name: u,
             onSwitchClick: I,
             value: i
         }),  n().createElement(D, M({
             "aria-activedescendant": "",
-            "aria-labelledby": d.current,
+            "aria-labelledby": f.current,
             "aria-multiselectable": true,
             "data-test": "listbox",
-            id: f.current,
+            id: d.current,
             onKeyDown: E,
             onMouseDown: q,
             ref: a,
@@ -380,29 +380,34 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/NonInteractiveCheckbox"
     const W = require("@splunk/react-ui/NonInteractiveCheckbox");
     var X =  e.n(W);
+    // CONCATENATED MODULE: external "@splunk/themes/mixins"
+    const G = require("@splunk/themes/mixins");
     // CONCATENATED MODULE: ./src/DualListbox/OptionStyles.ts
-    var G = (0, h.css)([ "background:", ";font-weight:", ";" ], C.mixins.overlayColors(C.variables.interactiveColorOverlaySelected, C.variables.interactiveColorOverlayActive), C.variables.fontWeightBold);
-    var J = g().li.withConfig({
+    var J = (0, h.css)([ "background:", ";font-weight:", ";" ], C.mixins.overlayColors(C.variables.interactiveColorOverlaySelected, C.variables.interactiveColorOverlayActive), C.variables.fontWeightBold);
+    var Q = g().li.withConfig({
         displayName: "OptionStyles__StyledListItem",
         componentId: "q275d9-0"
-    })([ "align-items:center;color:", ";cursor:pointer;display:flex;min-height:", ";overflow:hidden;padding:0 ", ";word-wrap:break-word;line-height:20px;", " &:active{", "}", "" ], C.variables.contentColorActive, C.variables.inputHeight, C.variables.spacingSmall, (function(e) {
+    })([ "", " align-items:center;color:", ";cursor:pointer;display:flex;min-height:", ";overflow:hidden;padding:0 ", ";word-wrap:break-word;", " &:active{", "}", "" ], (0, 
+    G.typography)({
+        lineHeight: "spacious"
+    }), C.variables.contentColorActive, C.variables.inputHeight, C.variables.spacingSmall, (function(e) {
         var r = e.$active;
-        return r && G;
-    }), G, (0, C.pickVariant)("$selected", {
+        return r && J;
+    }), J, (0, C.pickVariant)("$selected", {
         true: (0, h.css)([ "background:", ";&:hover{background:", ";}" ], C.variables.interactiveColorOverlaySelected, C.mixins.overlayColors(C.variables.interactiveColorOverlaySelected, C.variables.interactiveColorOverlayHover)),
         false: (0, h.css)([ "&:hover{background:", ";}" ], C.variables.interactiveColorOverlayHover)
     }));
-    var Q = g()(X()).withConfig({
+    var Y = g()(X()).withConfig({
         displayName: "OptionStyles__StyledNonInteractiveCheckbox",
         componentId: "q275d9-1"
-    })([ "", " padding-inline-end:", ";" ], C.mixins.reset("min-height"), C.variables.spacingSmall);
-    var Y = g().div.withConfig({
-        displayName: "OptionStyles__StyledDiv",
+    })([ "padding-inline-end:", ";" ], C.variables.spacingSmall);
+    var Z = g().div.withConfig({
+        displayName: "OptionStyles__StyledLabel",
         componentId: "q275d9-2"
     })([ "word-break:break-word;word-wrap:break-word;" ]);
     // CONCATENATED MODULE: ./src/DualListbox/Option.tsx
-    function Z() {
-        return Z = Object.assign ? Object.assign.bind() : function(e) {
+    function ee() {
+        return ee = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -410,60 +415,60 @@
                 }
             }
             return e;
-        }, Z.apply(null, arguments);
+        }, ee.apply(null, arguments);
     }
-    function ee(e, r) {
+    function re(e, r) {
         if (null == e) return {};
-        var t, n, a = re(e, r);
+        var t, n, a = te(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
-                t = l[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+                t = l[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
     }
-    function re(e, r) {
+    function te(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
         return t;
     }
-    var te = {
+    var ne = {
         id: l().string.isRequired,
         label: l().string.isRequired,
         listName: l().string,
         selected: l().bool,
         value: l().string.isRequired
     };
-    function ne(e) {
-        var r = e.id, a = e.label, l = e.selected, i = e.value, u = ee(e, [ "id", "label", "selected", "value" ]);
+    function ae(e) {
+        var r = e.id, a = e.label, l = e.selected, i = e.value, u = re(e, [ "id", "label", "selected", "value" ]);
         var o = (0, t.useContext)(_);
         var c = v()();
-        var s = o.onOptionClick, d = o.getOptionStateForValue, f = o.updateOptionRefreshHookByValue, p = o.controlled;
+        var s = o.onOptionClick, f = o.getOptionStateForValue, d = o.updateOptionRefreshHookByValue, p = o.controlled;
         (0, t.useEffect)((function() {
-            f === null || f === void 0 ? void 0 : f(i, c);
+            d === null || d === void 0 ? void 0 : d(i, c);
             return function() {
-                return f === null || f === void 0 ? void 0 : f(i);
+                return d === null || d === void 0 ? void 0 : d(i);
             };
-        }), [ i, f, c ]);
+        }), [ i, d, c ]);
         var b = (0, t.useCallback)((function(e) {
             s === null || s === void 0 ? void 0 : s(e, {
                 value: i
             });
         }), [ s, i ]);
-        if (!d) {
+        if (!f) {
             return null;
         }
-        var m = d(i), h = m.active, g = m.selected;
+        var m = f(i), h = m.active, g = m.selected;
         var y = !!(p ? l : g);
         
-        return n().createElement(J, Z({
+        return n().createElement(Q, ee({
             "aria-selected": y,
             "data-test": "option",
             "data-test-value": i,
@@ -473,15 +478,15 @@
             role: "option",
             $active: h,
             $selected: y
-        }, u),  n().createElement(Q, {
+        }, u),  n().createElement(Y, {
             selected: y
-        }),  n().createElement(Y, null, a));
+        }),  n().createElement(Z, null, a));
     }
-    ne.propTypes = te;
-    /* harmony default export */    const ae = ne;
+    ae.propTypes = ne;
+    /* harmony default export */    const le = ae;
     // CONCATENATED MODULE: ./src/DualListbox/ScreenReaderWrapper.tsx
-    function le() {
-        return le = Object.assign ? Object.assign.bind() : function(e) {
+    function ie() {
+        return ie = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -489,10 +494,10 @@
                 }
             }
             return e;
-        }, le.apply(null, arguments);
+        }, ie.apply(null, arguments);
     }
-    function ie(e) {
-        var r = le({}, e);
+    function ue(e) {
+        var r = ie({}, e);
         var a = v()();
         var l = (0, t.useContext)(m);
         var i = l.getScreenReaderMessage, u = l.updateScreenReaderRefreshHook;
@@ -506,23 +511,23 @@
             return null;
         }
         
-        return n().createElement(R(), le({
+        return n().createElement(R(), ie({
             "aria-live": "assertive"
         }, r), i() || "");
     }
-    /* harmony default export */    const ue = ie;
+    /* harmony default export */    const oe = ue;
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const oe = require("@splunk/react-ui/Tooltip");
-    var ce =  e.n(oe);
+    const ce = require("@splunk/react-ui/Tooltip");
+    var se =  e.n(ce);
     // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
-    const se = require("@splunk/react-ui/ButtonSimple");
-    var ve =  e.n(se);
+    const ve = require("@splunk/react-ui/ButtonSimple");
+    var fe =  e.n(ve);
     // CONCATENATED MODULE: ./src/DualListbox/ToolbarButtonStyles.ts
-    var de = g()(ve()).withConfig({
+    var de = g()(fe()).withConfig({
         displayName: "ToolbarButtonStyles__StyledButtonSimple",
         componentId: "k7zksz-0"
     })([ "height:", ";width:", ";" ], C.variables.inputHeight, C.variables.inputHeight);
-    var fe = g().span.withConfig({
+    var pe = g().span.withConfig({
         displayName: "ToolbarButtonStyles__StyledIcon",
         componentId: "k7zksz-1"
     })([ "align-items:center;display:flex;flex-direction:row;flex-shrink:0;justify-content:center;max-width:100%;" ]);
@@ -533,11 +538,11 @@
  * Defaults to `'{}'`.
  * @public
  */
-    var pe =  n().createContext({});
-    /* harmony default export */    const be = pe;
+    var be =  n().createContext({});
+    /* harmony default export */    const me = be;
     // CONCATENATED MODULE: ./src/DualListbox/ToolbarButton.tsx
-    function me() {
-        return me = Object.assign ? Object.assign.bind() : function(e) {
+    function he() {
+        return he = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -545,63 +550,63 @@
                 }
             }
             return e;
-        }, me.apply(null, arguments);
+        }, he.apply(null, arguments);
     }
-    function he(e, r) {
+    function ge(e, r) {
         if (null == e) return {};
-        var t, n, a = ge(e, r);
+        var t, n, a = ye(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
-                t = l[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+                t = l[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
     }
-    function ge(e, r) {
+    function ye(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
         return t;
     }
-    var ye = {
+    var ke = {
         icon: l().node.isRequired,
         name: l().string.isRequired,
         tooltipLabel: l().string.isRequired,
         tooltipPlacement: l().oneOf([ "above", "below", "left", "right" ])
     };
-    function ke(e) {
-        var r = e.ariaLabel, a = e.ariaKeyShortcuts, l = e.icon, i = e.name, u = e.tooltipLabel, o = e.tooltipPlacement, c = he(e, [ "ariaLabel", "ariaKeyShortcuts", "icon", "name", "tooltipLabel", "tooltipPlacement" ]);
-        var s = (0, t.useContext)(be);
-        var d = v()();
-        var f = s.getButtonState, p = s.onButtonClick, b = s.updateButtonRefreshHookByName;
+    function Ce(e) {
+        var r = e.ariaLabel, a = e.ariaKeyShortcuts, l = e.icon, i = e.name, u = e.tooltipLabel, o = e.tooltipPlacement, c = ge(e, [ "ariaLabel", "ariaKeyShortcuts", "icon", "name", "tooltipLabel", "tooltipPlacement" ]);
+        var s = (0, t.useContext)(me);
+        var f = v()();
+        var d = s.getButtonState, p = s.onButtonClick, b = s.updateButtonRefreshHookByName;
         (0, t.useEffect)((function() {
-            b === null || b === void 0 ? void 0 : b(i, d);
+            b === null || b === void 0 ? void 0 : b(i, f);
             return function() {
                 return b === null || b === void 0 ? void 0 : b(i);
             };
-        }), [ i, b, d ]);
+        }), [ i, b, f ]);
         var m = (0, t.useCallback)((function(e) {
             p === null || p === void 0 ? void 0 : p(e, {
                 name: i
             });
         }), [ p, i ]);
-        if (!f) {
+        if (!d) {
             return null;
         }
-        var h = f(i), g = h.disabled;
+        var h = d(i), g = h.disabled;
         
-        return n().createElement(ce(), {
+        return n().createElement(se(), {
             defaultPlacement: o,
             content:  n().createElement("span", {
                 "aria-hidden": true
             }, u)
-        },  n().createElement(de, me({
+        },  n().createElement(de, he({
             appearance: "subtle",
             "aria-label": r,
             "aria-keyshortcuts": a,
@@ -609,13 +614,13 @@
             "data-test": "toolbar-button",
             disabled: g,
             onClick: m
-        }, c),  n().createElement(fe, null, l)));
+        }, c),  n().createElement(pe, null, l)));
     }
-    ke.propsTypes = ye;
-    /* harmony default export */    const Ce = ke;
+    Ce.propsTypes = ke;
+    /* harmony default export */    const Se = Ce;
     // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
     // A utility for matching keyboard characters to list values
-    var Se = function e(r, t) {
+    var xe = function e(r, t) {
         return r ? r.label.charAt(t).toLowerCase() : "";
     };
     var we = function e(r, t) {
@@ -625,7 +630,7 @@
         var n = null;
         var a = false;
         var l = r.filter((function(e) {
-            var r = Se(e, t.index);
+            var r = xe(e, t.index);
             if (r === t.value) {
                 a = true;
                 return true;
@@ -633,7 +638,7 @@
             // If we haven't found a match yet, keep track of the next closest match.
             // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
                         if (!a) {
-                var l = Se(n, t.index);
+                var l = xe(n, t.index);
                 if (!l) {
                     n = e;
                 } else if (r > t.value) {
@@ -651,8 +656,8 @@
         return l.length === 0 && n ? [ n ] : l;
     };
     // CONCATENATED MODULE: ./src/DualListbox/DualListbox.tsx
-    function xe() {
-        return xe = Object.assign ? Object.assign.bind() : function(e) {
+    function Oe() {
+        return Oe = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -660,29 +665,29 @@
                 }
             }
             return e;
-        }, xe.apply(null, arguments);
+        }, Oe.apply(null, arguments);
     }
-    function Oe(e, r) {
-        return Le(e) || qe(e, r) || Ee(e, r) || Re();
+    function Re(e, r) {
+        return Ne(e) || Le(e, r) || Ie(e, r) || Ee();
     }
-    function Re() {
+    function Ee() {
         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 Ee(e, r) {
+    function Ie(e, r) {
         if (e) {
-            if ("string" == typeof e) return Ie(e, r);
+            if ("string" == typeof e) return qe(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) ? Ie(e, r) : void 0;
+            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) ? qe(e, r) : void 0;
         }
     }
-    function Ie(e, r) {
+    function qe(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 qe(e, r) {
+    function Le(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var n, a, l, i, u = [], o = !0, c = !1;
@@ -704,33 +709,33 @@
             return u;
         }
     }
-    function Le(e) {
+    function Ne(e) {
         if (Array.isArray(e)) return e;
     }
-    function Ne(e, r) {
+    function Pe(e, r) {
         if (null == e) return {};
-        var t, n, a = Pe(e, r);
+        var t, n, a = _e(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
-                t = l[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+                t = l[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
     }
-    function Pe(e, r) {
+    function _e(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
         return t;
     }
     /** @public */
-    /** @public */    var _e = {
+    /** @public */    var je = {
         children: l().node,
         controlled: l().bool,
         elementRef: l().oneOfType([ l().func, l().object ]),
@@ -743,9 +748,9 @@
             label: l().string.isRequired
         })).isRequired
     };
-    function je(e) {
+    function Ve(e) {
         var r, a, l, i;
-        var o = e.children, s = e.controlled, b = s === void 0 ? false : s, h = e.elementRef, g = e.fill, y = g === void 0 ? false : g, k = e.inline, C = k === void 0 ? false : k, x = e.onChange, O = e.onSelect, R = e.lists, E = Ne(e, [ "children", "controlled", "elementRef", "fill", "inline", "onChange", "onSelect", "lists" ]);
+        var o = e.children, s = e.controlled, b = s === void 0 ? false : s, h = e.elementRef, g = e.fill, y = g === void 0 ? false : g, k = e.inline, C = k === void 0 ? false : k, w = e.onChange, O = e.onSelect, R = e.lists, E = Pe(e, [ "children", "controlled", "elementRef", "fill", "inline", "onChange", "onSelect", "lists" ]);
         // @docs-props-type DualListboxPropsBase
                 var I = v()();
         var q = (0, t.useRef)(false);
@@ -790,7 +795,7 @@
         var le = (l = R[0]) === null || l === void 0 ? void 0 : l.label;
         var ie = (i = R[1]) === null || i === void 0 ? void 0 : i.label;
         // Copy previous state for uncontrolled render so it's not voided by following value reset
-                var oe = new Set(B.current);
+                var ue = new Set(B.current);
         // This ensures we recapture the indexes after batch moves, but will be refactored when sorting is implemented (SUI-5270).
                 N.current = [];
         B.current = [];
@@ -845,7 +850,7 @@
         } else {
             t.Children.toArray(o).filter(t.isValidElement).forEach((function(e) {
                 var r = e.props, t = r.value, n = r.label;
-                var a = oe.has(t);
+                var a = ue.has(t);
                 var l = ce[a ? 1 : 0];
                 l.values.push(t);
                 l.options.push(e);
@@ -866,20 +871,20 @@
         var ve = (0, t.useCallback)((function(e) {
             return e === ne ? _.current : M.current;
         }), [ ne ]);
-        var de = (0, t.useCallback)((function(e, r) {
+        var fe = (0, t.useCallback)((function(e, r) {
             if (e === ne) {
                 P.current = r;
             } else {
                 D.current = r;
             }
         }), [ ne ]);
-        var fe = (0, t.useCallback)((function(e) {
+        var de = (0, t.useCallback)((function(e) {
             return e === ne ? P.current : D.current;
         }), [ ne ]);
         var pe = (0, t.useCallback)((function(e) {
-            return fe(e).length;
-        }), [ fe ]);
-        var me = (0, t.useCallback)((function() {
+            return de(e).length;
+        }), [ de ]);
+        var be = (0, t.useCallback)((function() {
             return G.current;
         }), []);
         var he = (0, t.useCallback)((function(e) {
@@ -898,11 +903,11 @@
         var ke = (0, t.useCallback)((function(e) {
             return ye(e).length;
         }), [ ye ]);
-        var Se = (0, t.useCallback)((function(e) {
+        var Ce = (0, t.useCallback)((function(e) {
             var r = ke(e);
             return r > 0 && r === pe(e);
         }), [ ke, pe ]);
-        var Re = (0, t.useCallback)((function(e) {
+        var xe = (0, t.useCallback)((function(e) {
             return e === ne ? V.current : H.current;
         }), [ ne ]);
         var Ee = (0, t.useCallback)((function(e) {
@@ -929,7 +934,7 @@
         var Le = (0, t.useCallback)((function(e) {
             X.current = e;
         }), []);
-        var Pe = (0, t.useCallback)((function(e, r) {
+        var Ne = (0, t.useCallback)((function(e, r) {
             if (r) {
                 W.current[e] = r;
             } else {
@@ -1002,11 +1007,11 @@
         }), [ ve, se, Ve, ne ]);
         var He = (0, t.useCallback)((function(e, r) {
             var t = r.value, n = r.name;
-            var a = Se(n) ? ye(n) : fe(n);
+            var a = Ce(n) ? ye(n) : de(n);
             var l = $(a, t);
             if (!L.current) {
                 J.current[t] = !J.current[t];
-                de(n, l);
+                fe(n, l);
                 Me(n);
             }
             Ae(n, t);
@@ -1015,7 +1020,7 @@
                 values: l,
                 listName: n
             });
-        }), [ Se, fe, ye, de, Ae, Me, O ]);
+        }), [ Ce, de, ye, fe, Ae, Me, O ]);
         var Te = (0, t.useCallback)((function(e, r) {
             var t = r.initialIndex, n = r.name, a = r.targetIndex;
             var l = ye(n);
@@ -1038,7 +1043,7 @@
                         Ve(e);
                     }
                 }));
-                de(n, o);
+                fe(n, o);
                 Me(n);
             }
             Ae(n, l[a]);
@@ -1048,7 +1053,7 @@
                 values: o,
                 listName: n
             });
-        }), [ ye, O, de, Ae, Me, Ve ]);
+        }), [ ye, O, fe, Ae, Me, Ve ]);
         var Ke = (0, t.useCallback)((function(e, r) {
             var t = r.name, n = r.selected;
             var a = ye(t);
@@ -1061,7 +1066,7 @@
                         Ve(e);
                     }
                 }));
-                de(t, l);
+                fe(t, l);
                 Me(t);
             }
             e.preventDefault();
@@ -1069,12 +1074,12 @@
                 values: l,
                 listName: t
             });
-        }), [ ye, O, de, Me, Ve ]);
+        }), [ ye, O, fe, Me, Ve ]);
         // handleMoveValues does not update the active value of the source, keyboard and mouse differ, only the target active value is updated
                 var Fe = (0, t.useCallback)((function(e, r, t) {
             var n = ye(r);
-            var a = fe(r);
-            var l = Se(r);
+            var a = de(r);
+            var l = Ce(r);
             var i = ye(t);
             var u = ve(t);
             if (n.length === 0 || !l && a.length === 0) {
@@ -1085,7 +1090,7 @@
                 // skip the render it will be catch in batch
                 Ae(t, a[0], true);
             }
-            var o = (0, d.sprintf)((0, f._)("Moved %(count)d items to %(listLabel)s list"), {
+            var o = (0, f.sprintf)((0, d._)("Moved %(count)d items to %(listLabel)s list"), {
                 count: a.length,
                 listLabel: t === ne ? le : ie
             });
@@ -1098,7 +1103,7 @@
                 }));
                 ge(t, s);
                 ge(r, c);
-                de(r, []);
+                fe(r, []);
                 G.current = o;
                 // move is a batch update, force a full render, no internal update needed
                                 I();
@@ -1113,11 +1118,11 @@
                 values: a.slice()
             };
             e.preventDefault();
-            x === null || x === void 0 ? void 0 : x(e, v);
-        }), [ I, ve, Se, fe, ye, x, de, ge, Ae, ne, le, ie ]);
+            w === null || w === void 0 ? void 0 : w(e, v);
+        }), [ I, ve, Ce, de, ye, w, fe, ge, Ae, ne, le, ie ]);
         var $e = (0, t.useCallback)((function(e, r) {
             var t = r.name;
-            var n = Se(t);
+            var n = Ce(t);
             var a = ve(t);
             var l = t === ne ? ae : ne;
             if (a && (n || !!J.current[a])) {
@@ -1125,7 +1130,7 @@
                 Ae(t);
             }
             Fe(e, t, l);
-        }), [ ve, Se, Fe, Ae, ne, ae ]);
+        }), [ ve, Ce, Fe, Ae, ne, ae ]);
         var ze = (0, t.useCallback)((function(e, r) {
             var t = r.name, n = r.value;
             if (e.nativeEvent.shiftKey) {
@@ -1146,7 +1151,7 @@
         }), [ Ke ]);
         var We = (0, t.useCallback)((function(e, r) {
             var t = e.nativeEvent.key;
-            var n = Re(r);
+            var n = xe(r);
             // Checking for a single character to avoid complications from double-byte languages and emojis.
                         if (t.length === 1) {
                 var a = [];
@@ -1189,20 +1194,20 @@
                 e.preventDefault();
                 e.stopPropagation();
             }
-        }), [ ve, Re, qe, Ae ]);
+        }), [ ve, xe, qe, Ae ]);
         var Xe = (0, t.useCallback)((function(e, r) {
             var t = r.name;
             var n = e.ctrlKey, a = e.key, l = e.metaKey, i = e.shiftKey;
             var u = ye(t);
-            var o = fe(t);
-            var c = Se(t);
+            var o = de(t);
+            var c = Ce(t);
             var s = ve(t);
             var v = s ? Y.current[s] : -1;
-            var d = Z.current >= 0 ? Z.current : 0;
+            var f = Z.current >= 0 ? Z.current : 0;
             if (G.current && G.current.length > 0) {
                 Ie();
             }
-            var f = s;
+            var d = s;
             switch (a) {
               case "Shift":
                 Z.current = v;
@@ -1213,12 +1218,12 @@
                     // handle select until start
                     Te(e, {
                         targetIndex: 0,
-                        initialIndex: d,
+                        initialIndex: f,
                         name: t
                     });
                 } else {
-                    var p = Oe(u, 1);
-                    f = p[0];
+                    var p = Re(u, 1);
+                    d = p[0];
                 }
                 break;
 
@@ -1227,11 +1232,11 @@
                     // handle select until end
                     Te(e, {
                         targetIndex: u.length - 1,
-                        initialIndex: d,
+                        initialIndex: f,
                         name: t
                     });
                 } else {
-                    f = u[u.length - 1];
+                    d = u[u.length - 1];
                 }
                 break;
 
@@ -1240,11 +1245,11 @@
                     // handle select until previous
                     Te(e, {
                         targetIndex: Math.max(v - 1, 0),
-                        initialIndex: d,
+                        initialIndex: f,
                         name: t
                     });
                 } else {
-                    f = u[Math.max(v - 1, 0)];
+                    d = u[Math.max(v - 1, 0)];
                 }
                 break;
 
@@ -1253,11 +1258,11 @@
                     // handle select until next
                     Te(e, {
                         targetIndex: Math.min(v + 1, u.length - 1),
-                        initialIndex: d,
+                        initialIndex: f,
                         name: t
                     });
                 } else {
-                    f = u[Math.min(v + 1, u.length - 1)];
+                    d = u[Math.min(v + 1, u.length - 1)];
                 }
                 break;
 
@@ -1274,10 +1279,10 @@
                 if (t === ne) {
                     if (c) {
                         // all values moved, no longer an active value
-                        f = undefined;
+                        d = undefined;
                     } else if (o.length > 0) {
                         // somes values moved, determine next active value
-                        f = U(v, u, o);
+                        d = U(v, u, o);
                     }
                     Fe(e, ne, ae);
                 }
@@ -1287,10 +1292,10 @@
                 if (t === ae) {
                     if (c) {
                         // all values moved, no longer an active value
-                        f = undefined;
+                        d = undefined;
                     } else if (o.length > 0) {
                         // somes values moved, determine next active value
-                        f = U(v, u, o);
+                        d = U(v, u, o);
                     }
                     Fe(e, ae, ne);
                 }
@@ -1309,11 +1314,11 @@
                 }
                 break;
             }
-            if (f !== s) {
+            if (d !== s) {
                 e.preventDefault();
-                Ae(t, f);
+                Ae(t, d);
             }
-        }), [ Ie, ve, Se, fe, ye, We, Fe, Te, He, Ke, Ae, ne, ae ]);
+        }), [ Ie, ve, Ce, de, ye, We, Fe, Te, He, Ke, Ae, ne, ae ]);
         var Ge = (0, t.useMemo)((function() {
             return {
                 onButtonClick: $e,
@@ -1325,15 +1330,15 @@
             return {
                 controlled: L.current,
                 getActiveValue: ve,
-                getScreenReaderMessage: me,
+                getScreenReaderMessage: be,
                 getSelectedStateForValue: he,
                 getSelectedValueCount: pe,
                 getValueCount: ke,
                 updateLabelRefreshHookByName: _e,
-                updateOptionRefreshHookByValue: Pe,
+                updateOptionRefreshHookByValue: Ne,
                 updateScreenReaderRefreshHook: Le
             };
-        }), [ ve, me, he, pe, ke, _e, Pe, Le ]);
+        }), [ ve, be, he, pe, ke, _e, Ne, Le ]);
         if (L.current && !ce[0].activeFound) {
             // listOne active value wasn't found, likely the result of a controlled state reset
             // update interal values, skip the render it will be caught in batch
@@ -1345,7 +1350,7 @@
             Ae(ae, undefined, true);
         }
         
-        return n().createElement(S, xe({
+        return n().createElement(S, Oe({
             "data-test": "dual-listbox",
             elementRef: h,
             $inline: y ? false : C,
@@ -1360,29 +1365,29 @@
             onClick: ze,
             onKeyDown: Xe,
             onSelectAllClick: Ue
-        }, ce[0].options),  n().createElement(w, null,  n().createElement(be.Provider, {
+        }, ce[0].options),  n().createElement(x, null,  n().createElement(me.Provider, {
             value: Ge
-        },  n().createElement(Ce, {
-            ariaLabel: (0, d.sprintf)((0, f._)("Move selected options to %(listLabel)s list"), {
+        },  n().createElement(Se, {
+            ariaLabel: (0, f.sprintf)((0, d._)("Move selected options to %(listLabel)s list"), {
                 listLabel: ie
             }),
             ariaKeyShortcuts: "Enter",
             "data-test": "move-to-secondary",
             icon:  n().createElement(c(), null),
             name: ne,
-            tooltipLabel: (0, d.sprintf)((0, f._)("Move to %(listLabel)s"), {
+            tooltipLabel: (0, f.sprintf)((0, d._)("Move to %(listLabel)s"), {
                 listLabel: ie
             }),
             tooltipPlacement: "left"
-        }),  n().createElement(Ce, {
-            ariaLabel: (0, d.sprintf)((0, f._)("Move selected options to %(listLabel)s list"), {
+        }),  n().createElement(Se, {
+            ariaLabel: (0, f.sprintf)((0, d._)("Move selected options to %(listLabel)s list"), {
                 listLabel: le
             }),
             ariaKeyShortcuts: "Delete",
             "data-test": "move-to-primary",
             icon:  n().createElement(u(), null),
             name: ae,
-            tooltipLabel: (0, d.sprintf)((0, f._)("Move to %(listLabel)s"), {
+            tooltipLabel: (0, f.sprintf)((0, d._)("Move to %(listLabel)s"), {
                 listLabel: le
             }),
             tooltipPlacement: "right"
@@ -1394,11 +1399,11 @@
             onClick: ze,
             onKeyDown: Xe,
             onSelectAllClick: Ue
-        }, ce[1].options),  n().createElement(ue, null)));
+        }, ce[1].options),  n().createElement(oe, null)));
     }
-    je.propTypes = _e;
-    je.Option = ae;
-    /* harmony default export */    const Ve = je;
+    Ve.propTypes = je;
+    Ve.Option = le;
+    /* harmony default export */    const Be = Ve;
     // CONCATENATED MODULE: ./src/DualListbox/index.ts
     module.exports = r;
     /******/})();