@splunk/react-ui 5.2.0 → 5.3.0

package/DualListbox.js

@@ -61,8 +61,8 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Option: () => /* reexport */ le,
-        default: () => /* reexport */ Be
+        Option: () => /* reexport */ ne,
+        default: () => /* reexport */ He
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -72,10 +72,10 @@
     var l =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronLeft"
     const i = require("@splunk/react-icons/ChevronLeft");
-    var u =  e.n(i);
+    var o =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const o = require("@splunk/react-icons/ChevronRight");
-    var c =  e.n(o);
+    const u = require("@splunk/react-icons/ChevronRight");
+    var c =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-ui/useForceUpdate"
     const s = require("@splunk/react-ui/useForceUpdate");
     var v =  e.n(s);
@@ -103,7 +103,7 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const C = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/DualListbox/DualListboxStyles.ts
-    var S = g()(k()).withConfig({
+    var O = g()(k()).withConfig({
         displayName: "DualListboxStyles__StyledBox",
         componentId: "sc-1te6bz0-0"
     })([ "display:grid;grid-template-columns:[list0] 180px [actions] min-content [list1] 180px;grid-template-rows:[headers] min-content [lists] 160px;gap:", " ", ";", " ", "" ], C.variables.spacingXSmall, C.variables.spacingSmall, (function(e) {
@@ -113,28 +113,28 @@
         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 x = g().div.withConfig({
+    var S = 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 w = require("@splunk/ui-utils/id");
+    const x = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Checkbox"
+    const w = require("@splunk/react-ui/Checkbox");
+    var R =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const O = require("@splunk/react-ui/ScreenReaderContent");
-    var R =  e.n(O);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Switch"
-    const E = require("@splunk/react-ui/Switch");
-    var I =  e.n(E);
+    const E = require("@splunk/react-ui/ScreenReaderContent");
+    var j =  e.n(E);
     // CONCATENATED MODULE: ./src/DualListbox/LabelStyles.ts
-    var q = g().label.withConfig({
+    var P = g().label.withConfig({
         displayName: "LabelStyles__StyledLabel",
         componentId: "unwplx-0"
     })([ "color:", ";flex:0 0 auto;" ], C.variables.contentColorActive);
-    var L = g().div.withConfig({
+    var I = g().div.withConfig({
         displayName: "LabelStyles__StyledLabelContainer",
         componentId: "unwplx-1"
     })([ "display:flex;flex-direction:column;" ]);
-    var N = g().div.withConfig({
+    var L = g().div.withConfig({
         displayName: "LabelStyles__StyledSwitchContainer",
         componentId: "unwplx-2"
     })([ "align-items:center;border:", " solid transparent;display:flex;gap:", ";grid-row:headers;padding:0 ", ";", "" ], C.variables.inputBorderWidth, C.variables.spacingSmall, C.variables.spacingSmall, (function(e) {
@@ -148,22 +148,23 @@
  * Defaults to `'{}'`.
  * @public
  */
-    var P =  n().createContext({});
-    /* harmony default export */    const _ = P;
+    var q =  n().createContext({});
+    /* harmony default export */    const N = q;
     // CONCATENATED MODULE: ./src/DualListbox/Label.tsx
-    var j = {
+    var _ = {
         id: l().string.isRequired,
         index: l().number.isRequired,
         listId: l().string.isRequired,
         name: l().string.isRequired,
-        onSwitchClick: l().func,
+        onCheckboxChange: l().func,
         value: l().string.isRequired
     };
     function V(e) {
-        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 r = e.id, a = e.index, l = e.listId, i = e.name, o = e.onCheckboxChange, u = e.value;
+        // @docs-props-type ListboxLabelPropsBase
+                var c = (0, t.useContext)(N);
         var s = v()();
-        var p = (0, t.useRef)((0, w.createDOMID)("switch"));
+        var p = (0, t.useRef)((0, x.createDOMID)("checkbox"));
         var b = c.updateLabelRefreshHookByName, m = c.getLabelState;
         (0, t.useEffect)((function() {
             b === null || b === void 0 ? void 0 : b(i, s);
@@ -176,32 +177,31 @@
         }
         var h = m(), g = h.disabled, y = h.selected, k = h.selectedValueCount, C = h.valueCount;
         
-        return n().createElement(N, {
+        return n().createElement(L, {
             $columnNumber: a
-        },  n().createElement(R(), {
+        },  n().createElement(j(), {
             "aria-hidden": true,
             id: p.current
         }, (0, f.sprintf)((0, d._)("Select all %(listName)s Options"), {
-            listName: o
-        })),  n().createElement(I(), {
-            appearance: "checkbox",
+            listName: u
+        })),  n().createElement(R(), {
             "data-test": "select-all",
             disabled: g,
             labelledBy: p.current,
-            onClick: u,
-            selected: y,
-            value: o
-        }),  n().createElement(L, null,  n().createElement(q, {
+            onChange: o,
+            checked: y,
+            value: u
+        }),  n().createElement(I, null,  n().createElement(P, {
             id: r,
             htmlFor: l
-        }, o),  n().createElement("span", {
+        }, u),  n().createElement("span", {
             "aria-hidden": true
         }, "".concat(k, "/").concat(C, " selected"))));
     }
-    V.propTypes = j;
-    /* harmony default export */    const B = V;
+    V.propTypes = _;
+    /* harmony default export */    const D = V;
     // CONCATENATED MODULE: ./src/DualListbox/ListboxStyles.ts
-    var D = g().ul.withConfig({
+    var B = g().ul.withConfig({
         displayName: "ListboxStyles__StyledListbox",
         componentId: "sc-11oqtd-0"
     })([ "background-color:", ";border:", " solid ", ";border-radius:", ";grid-row:lists;list-style:none;margin:0;min-height:0;min-width:0;overflow:auto;padding:0;position:relative;&:focus{box-shadow:", ";outline:none;}", "" ], C.variables.transparent, C.variables.inputBorderWidth, C.variables.interactiveColorBorder, C.variables.borderRadius, C.variables.focusShadow, (function(e) {
@@ -253,29 +253,30 @@
         onSelectAllClick: l().func
     };
     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 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 x = (0, t.useCallback)((function(e, r) {
+        var r = e.children, a = e.elementRef, l = e.index, i = e.label, o = e.name, u = e.onClick, c = e.onKeyDown, s = e.onSelectAllClick, v = A(e, [ "children", "elementRef", "index", "label", "name", "onClick", "onKeyDown", "onSelectAllClick" ]);
+        // @docs-props-type ListboxPropsBase
+                var f = (0, t.useRef)((0, x.createDOMID)("label"));
+        var d = (0, t.useRef)((0, x.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, O = p.updateOptionRefreshHookByValue;
+        var S = (0, t.useCallback)((function(e, r) {
             var t = r.value;
-            o === null || o === void 0 ? void 0 : o(e, {
-                name: u,
+            u === null || u === void 0 ? void 0 : u(e, {
+                name: o,
                 value: t
             });
-        }), [ u, o ]);
-        var O = (0, t.useCallback)((function(e) {
+        }), [ o, u ]);
+        var w = (0, t.useCallback)((function(e) {
             return {
-                active: (g === null || g === void 0 ? void 0 : g(u)) === e,
+                active: (g === null || g === void 0 ? void 0 : g(o)) === e,
                 selected: !!(h === null || h === void 0 ? void 0 : h(e))
             };
-        }), [ u, g, h ]);
+        }), [ o, g, h ]);
         var R = (0, t.useCallback)((function() {
-            var e = (k === null || k === void 0 ? void 0 : k(u)) || 0;
-            var r = (y === null || y === void 0 ? void 0 : y(u)) || 0;
+            var e = (k === null || k === void 0 ? void 0 : k(o)) || 0;
+            var r = (y === null || y === void 0 ? void 0 : y(o)) || 0;
             var t = false;
             if (r > 0) {
-                t = r === e ? true : "some";
+                t = r === e ? true : "indeterminate";
             }
             return {
                 disabled: e < 1,
@@ -283,53 +284,53 @@
                 selectedValueCount: r,
                 valueCount: e
             };
-        }), [ u, y, k ]);
+        }), [ o, y, k ]);
         var E = function e(r) {
             c === null || c === void 0 ? void 0 : c(r, {
-                name: u
+                name: o
             });
         };
-        var I = function e(r, t) {
-            var n = t.selected;
+        var j = function e(r, t) {
+            var n = t.checked;
             s === null || s === void 0 ? void 0 : s(r, {
-                name: u,
+                name: o,
                 selected: n
             });
         };
-        var q = function e(r) {
+        var P = function e(r) {
             // this prevents default text selection when using shift + click
             if (r.shiftKey && r.target !== r.currentTarget) {
                 r.preventDefault();
             }
         };
-        var L = (0, t.useMemo)((function() {
+        var I = (0, t.useMemo)((function() {
             return {
-                onOptionClick: x,
+                onOptionClick: S,
                 updateLabelRefreshHookByName: C,
-                updateOptionRefreshHookByValue: S,
-                getOptionStateForValue: O,
+                updateOptionRefreshHookByValue: O,
+                getOptionStateForValue: w,
                 getLabelState: R,
                 controlled: b
             };
-        }), [ x, C, S, O, R, b ]);
+        }), [ S, C, O, w, R, b ]);
         
-        return n().createElement(_.Provider, {
-            value: L
-        },  n().createElement(B, {
+        return n().createElement(N.Provider, {
+            value: I
+        },  n().createElement(D, {
             id: f.current,
             index: l,
             listId: d.current,
-            name: u,
-            onSwitchClick: I,
+            name: o,
+            onCheckboxChange: j,
             value: i
-        }),  n().createElement(D, M({
+        }),  n().createElement(B, M({
             "aria-activedescendant": "",
             "aria-labelledby": f.current,
             "aria-multiselectable": true,
             "data-test": "listbox",
             id: d.current,
             onKeyDown: E,
-            onMouseDown: q,
+            onMouseDown: P,
             ref: a,
             role: "listbox",
             tabIndex: 0,
@@ -364,50 +365,47 @@
             return a;
         }
         for (var i = r + 1; i < t.length; i += 1) {
-            var u = t[i];
-            if (!l.has(u)) {
-                return u;
+            var o = t[i];
+            if (!l.has(o)) {
+                return o;
             }
         }
-        for (var o = r - 1; o > 0; o -= 1) {
-            var c = t[o];
+        for (var u = r - 1; u > 0; u -= 1) {
+            var c = t[u];
             if (!l.has(c)) {
                 return c;
             }
         }
         return undefined;
     };
-    // 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");
+    const W = require("@splunk/themes/mixins");
     // CONCATENATED MODULE: ./src/DualListbox/OptionStyles.ts
-    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({
+    var X = (0, h.css)([ "background:", ";font-weight:", ";" ], C.mixins.overlayColors(C.variables.interactiveColorOverlaySelected, C.variables.interactiveColorOverlayActive), C.variables.fontWeightBold);
+    var G = 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;", " &:active{", "}", "" ], (0, 
-    G.typography)({
+    W.typography)({
         lineHeight: "spacious"
     }), C.variables.contentColorActive, C.variables.inputHeight, C.variables.spacingSmall, (function(e) {
         var r = e.$active;
-        return r && J;
-    }), J, (0, C.pickVariant)("$selected", {
+        return r && X;
+    }), X, (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 Y = g()(X()).withConfig({
-        displayName: "OptionStyles__StyledNonInteractiveCheckbox",
+    var J = g()(R()).withConfig({
+        displayName: "OptionStyles__StyledCheckbox",
         componentId: "q275d9-1"
     })([ "padding-inline-end:", ";" ], C.variables.spacingSmall);
-    var Z = g().div.withConfig({
+    var Q = g().div.withConfig({
         displayName: "OptionStyles__StyledLabel",
         componentId: "q275d9-2"
     })([ "word-break:break-word;word-wrap:break-word;" ]);
     // CONCATENATED MODULE: ./src/DualListbox/Option.tsx
-    function ee() {
-        return ee = Object.assign ? Object.assign.bind() : function(e) {
+    function Y() {
+        return Y = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -415,11 +413,11 @@
                 }
             }
             return e;
-        }, ee.apply(null, arguments);
+        }, Y.apply(null, arguments);
     }
-    function re(e, r) {
+    function Z(e, r) {
         if (null == e) return {};
-        var t, n, a = te(e, r);
+        var t, n, a = ee(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
@@ -428,7 +426,7 @@
         }
         return a;
     }
-    function te(e, r) {
+    function ee(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -439,18 +437,19 @@
         }
         return t;
     }
-    var ne = {
+    var re = {
         id: l().string.isRequired,
         label: l().string.isRequired,
         listName: l().string,
         selected: l().bool,
         value: l().string.isRequired
     };
-    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)(_);
+    function te(e) {
+        var r = e.id, a = e.label, l = e.selected, i = e.value, o = Z(e, [ "id", "label", "selected", "value" ]);
+        // @docs-props-type OptionPropsBase
+                var u = (0, t.useContext)(N);
         var c = v()();
-        var s = o.onOptionClick, f = o.getOptionStateForValue, d = o.updateOptionRefreshHookByValue, p = o.controlled;
+        var s = u.onOptionClick, f = u.getOptionStateForValue, d = u.updateOptionRefreshHookByValue, p = u.controlled;
         (0, t.useEffect)((function() {
             d === null || d === void 0 ? void 0 : d(i, c);
             return function() {
@@ -468,7 +467,7 @@
         var m = f(i), h = m.active, g = m.selected;
         var y = !!(p ? l : g);
         
-        return n().createElement(Q, ee({
+        return n().createElement(G, Y({
             "aria-selected": y,
             "data-test": "option",
             "data-test-value": i,
@@ -478,15 +477,16 @@
             role: "option",
             $active: h,
             $selected: y
-        }, u),  n().createElement(Y, {
-            selected: y
-        }),  n().createElement(Z, null, a));
+        }, o),  n().createElement(J, {
+            checked: y,
+            inert: true
+        }),  n().createElement(Q, null, a));
     }
-    ae.propTypes = ne;
-    /* harmony default export */    const le = ae;
+    te.propTypes = re;
+    /* harmony default export */    const ne = te;
     // CONCATENATED MODULE: ./src/DualListbox/ScreenReaderWrapper.tsx
-    function ie() {
-        return ie = Object.assign ? Object.assign.bind() : function(e) {
+    function ae() {
+        return ae = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -494,40 +494,40 @@
                 }
             }
             return e;
-        }, ie.apply(null, arguments);
+        }, ae.apply(null, arguments);
     }
-    function ue(e) {
-        var r = ie({}, e);
+    function le(e) {
+        var r = ae({}, e);
         var a = v()();
         var l = (0, t.useContext)(m);
-        var i = l.getScreenReaderMessage, u = l.updateScreenReaderRefreshHook;
+        var i = l.getScreenReaderMessage, o = l.updateScreenReaderRefreshHook;
         (0, t.useEffect)((function() {
-            u === null || u === void 0 ? void 0 : u(a);
+            o === null || o === void 0 ? void 0 : o(a);
             return function() {
-                return u === null || u === void 0 ? void 0 : u();
+                return o === null || o === void 0 ? void 0 : o();
             };
-        }), [ u, a ]);
+        }), [ o, a ]);
         if (!i) {
             return null;
         }
         
-        return n().createElement(R(), ie({
+        return n().createElement(j(), ae({
             "aria-live": "assertive"
         }, r), i() || "");
     }
-    /* harmony default export */    const oe = ue;
+    /* harmony default export */    const ie = le;
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const ce = require("@splunk/react-ui/Tooltip");
-    var se =  e.n(ce);
+    const oe = require("@splunk/react-ui/Tooltip");
+    var ue =  e.n(oe);
     // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
-    const ve = require("@splunk/react-ui/ButtonSimple");
-    var fe =  e.n(ve);
+    const ce = require("@splunk/react-ui/ButtonSimple");
+    var se =  e.n(ce);
     // CONCATENATED MODULE: ./src/DualListbox/ToolbarButtonStyles.ts
-    var de = g()(fe()).withConfig({
+    var ve = g()(se()).withConfig({
         displayName: "ToolbarButtonStyles__StyledButtonSimple",
         componentId: "k7zksz-0"
     })([ "height:", ";width:", ";" ], C.variables.inputHeight, C.variables.inputHeight);
-    var pe = g().span.withConfig({
+    var fe = 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%;" ]);
@@ -538,11 +538,11 @@
  * Defaults to `'{}'`.
  * @public
  */
-    var be =  n().createContext({});
-    /* harmony default export */    const me = be;
+    var de =  n().createContext({});
+    /* harmony default export */    const pe = de;
     // CONCATENATED MODULE: ./src/DualListbox/ToolbarButton.tsx
-    function he() {
-        return he = Object.assign ? Object.assign.bind() : function(e) {
+    function be() {
+        return be = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -550,11 +550,11 @@
                 }
             }
             return e;
-        }, he.apply(null, arguments);
+        }, be.apply(null, arguments);
     }
-    function ge(e, r) {
+    function me(e, r) {
         if (null == e) return {};
-        var t, n, a = ye(e, r);
+        var t, n, a = he(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
@@ -563,7 +563,7 @@
         }
         return a;
     }
-    function ye(e, r) {
+    function he(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -574,15 +574,16 @@
         }
         return t;
     }
-    var ke = {
+    var ge = {
         icon: l().node.isRequired,
         name: l().string.isRequired,
         tooltipLabel: l().string.isRequired,
         tooltipPlacement: l().oneOf([ "above", "below", "left", "right" ])
     };
-    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);
+    function ye(e) {
+        var r = e.ariaLabel, a = e.ariaKeyShortcuts, l = e.icon, i = e.name, o = e.tooltipLabel, u = e.tooltipPlacement, c = me(e, [ "ariaLabel", "ariaKeyShortcuts", "icon", "name", "tooltipLabel", "tooltipPlacement" ]);
+        // @docs-props-type ToolbarButtonPropsBase
+                var s = (0, t.useContext)(pe);
         var f = v()();
         var d = s.getButtonState, p = s.onButtonClick, b = s.updateButtonRefreshHookByName;
         (0, t.useEffect)((function() {
@@ -601,12 +602,12 @@
         }
         var h = d(i), g = h.disabled;
         
-        return n().createElement(se(), {
-            defaultPlacement: o,
+        return n().createElement(ue(), {
+            defaultPlacement: u,
             content:  n().createElement("span", {
                 "aria-hidden": true
-            }, u)
-        },  n().createElement(de, he({
+            }, o)
+        },  n().createElement(ve, be({
             appearance: "subtle",
             "aria-label": r,
             "aria-keyshortcuts": a,
@@ -614,23 +615,23 @@
             "data-test": "toolbar-button",
             disabled: g,
             onClick: m
-        }, c),  n().createElement(pe, null, l)));
+        }, c),  n().createElement(fe, null, l)));
     }
-    Ce.propsTypes = ke;
-    /* harmony default export */    const Se = Ce;
+    ye.propsTypes = ge;
+    /* harmony default export */    const ke = ye;
     // CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
     // A utility for matching keyboard characters to list values
-    var xe = function e(r, t) {
+    var Ce = function e(r, t) {
         return r ? r.label.charAt(t).toLowerCase() : "";
     };
-    var we = function e(r, t) {
+    var Oe = function e(r, t) {
         if (!r.length) {
             return r;
         }
         var n = null;
         var a = false;
         var l = r.filter((function(e) {
-            var r = xe(e, t.index);
+            var r = Ce(e, t.index);
             if (r === t.value) {
                 a = true;
                 return true;
@@ -638,7 +639,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 = xe(n, t.index);
+                var l = Ce(n, t.index);
                 if (!l) {
                     n = e;
                 } else if (r > t.value) {
@@ -656,8 +657,16 @@
         return l.length === 0 && n ? [ n ] : l;
     };
     // CONCATENATED MODULE: ./src/DualListbox/DualListbox.tsx
-    function Oe() {
-        return Oe = Object.assign ? Object.assign.bind() : function(e) {
+    function Se(e) {
+        "@babel/helpers - typeof";
+        return Se = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return typeof e;
+        } : function(e) {
+            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+        }, Se(e);
+    }
+    function xe() {
+        return xe = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -665,56 +674,99 @@
                 }
             }
             return e;
-        }, Oe.apply(null, arguments);
+        }, xe.apply(null, arguments);
     }
-    function Re(e, r) {
-        return Ne(e) || Le(e, r) || Ie(e, r) || Ee();
+    function we(e, r) {
+        return Ie(e) || Pe(e, r) || Ee(e, r) || Re();
     }
-    function Ee() {
+    function Re() {
         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 Ie(e, r) {
+    function Ee(e, r) {
         if (e) {
-            if ("string" == typeof e) return qe(e, r);
+            if ("string" == typeof e) return je(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) ? qe(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) ? je(e, r) : void 0;
         }
     }
-    function qe(e, r) {
+    function je(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 Le(e, r) {
+    function Pe(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;
+            var n, a, l, i, o = [], u = !0, c = !1;
             try {
                 if (l = (t = t.call(e)).next, 0 === r) {
                     if (Object(t) !== t) return;
-                    o = !1;
-                } else for (;!(o = (n = l.call(t)).done) && (u.push(n.value), u.length !== r); o = !0) {
+                    u = !1;
+                } else for (;!(u = (n = l.call(t)).done) && (o.push(n.value), o.length !== r); u = !0) {
                 }
             } catch (e) {
                 c = !0, a = e;
             } finally {
                 try {
-                    if (!o && null != t["return"] && (i = t["return"](), Object(i) !== i)) return;
+                    if (!u && null != t["return"] && (i = t["return"](), Object(i) !== i)) return;
                 } finally {
                     if (c) throw a;
                 }
             }
-            return u;
+            return o;
         }
     }
-    function Ne(e) {
+    function Ie(e) {
         if (Array.isArray(e)) return e;
     }
-    function Pe(e, r) {
+    function Le(e, r) {
+        var t = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            r && (n = n.filter((function(r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+            }))), t.push.apply(t, n);
+        }
+        return t;
+    }
+    function qe(e) {
+        for (var r = 1; r < arguments.length; r++) {
+            var t = null != arguments[r] ? arguments[r] : {};
+            r % 2 ? Le(Object(t), !0).forEach((function(r) {
+                Ne(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Le(Object(t)).forEach((function(r) {
+                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+            }));
+        }
+        return e;
+    }
+    function Ne(e, r, t) {
+        return (r = _e(r)) in e ? Object.defineProperty(e, r, {
+            value: t,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[r] = t, e;
+    }
+    function _e(e) {
+        var r = Ve(e, "string");
+        return "symbol" == Se(r) ? r : r + "";
+    }
+    function Ve(e, r) {
+        if ("object" != Se(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var n = t.call(e, r || "default");
+            if ("object" != Se(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === r ? String : Number)(e);
+    }
+    function De(e, r) {
         if (null == e) return {};
-        var t, n, a = _e(e, r);
+        var t, n, a = Be(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (n = 0; n < l.length; n++) {
@@ -723,7 +775,7 @@
         }
         return a;
     }
-    function _e(e, r) {
+    function Be(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -735,7 +787,7 @@
         return t;
     }
     /** @public */
-    /** @public */    var je = {
+    /** @public */    var Me = {
         children: l().node,
         controlled: l().bool,
         elementRef: l().oneOfType([ l().func, l().object ]),
@@ -748,26 +800,26 @@
             label: l().string.isRequired
         })).isRequired
     };
-    function Ve(e) {
+    function Ae(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, w = e.onChange, O = e.onSelect, R = e.lists, E = Pe(e, [ "children", "controlled", "elementRef", "fill", "inline", "onChange", "onSelect", "lists" ]);
+        var u = 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, w = e.onSelect, R = e.lists, E = De(e, [ "children", "controlled", "elementRef", "fill", "inline", "onChange", "onSelect", "lists" ]);
         // @docs-props-type DualListboxPropsBase
-                var I = v()();
-        var q = (0, t.useRef)(false);
+                var j = v()();
+        var P = (0, t.useRef)(false);
         (0, t.useEffect)((function() {
-            q.current = true;
+            P.current = true;
         }), []);
         // TODO: Implement shared isControlled hook (SUI-5283).
-                var L = (0, t.useRef)(b);
+                var I = (0, t.useRef)(b);
         // List One "Available" Refs
-                var N = (0, t.useRef)([]);
-        var P = (0, t.useRef)([]);
-        var _ = (0, t.useRef)();
-        var j = (0, t.useRef)(null);
+                var L = (0, t.useRef)([]);
+        var q = (0, t.useRef)([]);
+        var N = (0, t.useRef)();
+        var _ = (0, t.useRef)(null);
         var V = (0, t.useRef)([]);
         // List Two "Selected" Refs
-                var B = (0, t.useRef)([]);
-        var D = (0, t.useRef)([]);
+                var D = (0, t.useRef)([]);
+        var B = (0, t.useRef)([]);
         var M = (0, t.useRef)();
         var A = (0, t.useRef)(null);
         var H = (0, t.useRef)([]);
@@ -793,18 +845,18 @@
                 var ne = (r = R[0]) === null || r === void 0 ? void 0 : r.name;
         var ae = (a = R[1]) === null || a === void 0 ? void 0 : a.name;
         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;
+        var oe = (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 ue = new Set(B.current);
+                var ue = new Set(D.current);
         // This ensures we recapture the indexes after batch moves, but will be refactored when sorting is implemented (SUI-5270).
-                N.current = [];
-        B.current = [];
+                L.current = [];
+        D.current = [];
         V.current = [];
         H.current = [];
         // Clean the data stores before we copy the references into listData
-                if (!q.current || L.current) {
-            P.current = [];
-            D.current = [];
+                if (!P.current || I.current) {
+            q.current = [];
+            B.current = [];
             J.current = {};
             Y.current = {};
             Q.current = {};
@@ -812,20 +864,20 @@
         var ce = [ {
             options: [],
             matchOptions: V.current,
-            values: N.current,
-            selectedValues: P.current,
-            activeValue: _.current,
-            activeFound: !_.current
+            values: L.current,
+            selectedValues: q.current,
+            activeValue: N.current,
+            activeFound: !N.current
         }, {
             options: [],
             matchOptions: H.current,
-            values: B.current,
-            selectedValues: D.current,
+            values: D.current,
+            selectedValues: B.current,
             activeValue: M.current,
             activeFound: !M.current
         } ];
-        if (!q.current || L.current) {
-            t.Children.toArray(o).filter(t.isValidElement).forEach((function(e) {
+        if (!P.current || I.current) {
+            t.Children.toArray(u).filter(t.isValidElement).forEach((function(e) {
                 var r = e.props, t = r.value, n = r.label;
                 var a = e.props.listName === ae;
                 var l = ce[a ? 1 : 0];
@@ -848,7 +900,7 @@
                 Q.current[t] = e.props.id;
             }));
         } else {
-            t.Children.toArray(o).filter(t.isValidElement).forEach((function(e) {
+            t.Children.toArray(u).filter(t.isValidElement).forEach((function(e) {
                 var r = e.props, t = r.value, n = r.label;
                 var a = ue.has(t);
                 var l = ce[a ? 1 : 0];
@@ -863,28 +915,28 @@
         }
         var se = (0, t.useCallback)((function(e, r) {
             if (e === ne) {
-                _.current = r;
+                N.current = r;
             } else {
                 M.current = r;
             }
         }), [ ne ]);
         var ve = (0, t.useCallback)((function(e) {
-            return e === ne ? _.current : M.current;
+            return e === ne ? N.current : M.current;
         }), [ ne ]);
         var fe = (0, t.useCallback)((function(e, r) {
             if (e === ne) {
-                P.current = r;
+                q.current = r;
             } else {
-                D.current = r;
+                B.current = r;
             }
         }), [ ne ]);
         var de = (0, t.useCallback)((function(e) {
-            return e === ne ? P.current : D.current;
+            return e === ne ? q.current : B.current;
         }), [ ne ]);
-        var pe = (0, t.useCallback)((function(e) {
+        var be = (0, t.useCallback)((function(e) {
             return de(e).length;
         }), [ de ]);
-        var be = (0, t.useCallback)((function() {
+        var me = (0, t.useCallback)((function() {
             return G.current;
         }), []);
         var he = (0, t.useCallback)((function(e) {
@@ -892,63 +944,63 @@
         }), []);
         var ge = (0, t.useCallback)((function(e, r) {
             if (e === ne) {
-                N.current = r;
+                L.current = r;
             } else {
-                B.current = r;
+                D.current = r;
             }
         }), [ ne ]);
         var ye = (0, t.useCallback)((function(e) {
-            return e === ne ? N.current : B.current;
+            return e === ne ? L.current : D.current;
         }), [ ne ]);
-        var ke = (0, t.useCallback)((function(e) {
+        var Ce = (0, t.useCallback)((function(e) {
             return ye(e).length;
         }), [ ye ]);
-        var Ce = (0, t.useCallback)((function(e) {
-            var r = ke(e);
-            return r > 0 && r === pe(e);
-        }), [ ke, pe ]);
-        var xe = (0, t.useCallback)((function(e) {
+        var Se = (0, t.useCallback)((function(e) {
+            var r = Ce(e);
+            return r > 0 && r === be(e);
+        }), [ Ce, be ]);
+        var Re = (0, t.useCallback)((function(e) {
             return e === ne ? V.current : H.current;
         }), [ ne ]);
         var Ee = (0, t.useCallback)((function(e) {
-            var r = ke(e);
-            var t = pe(e);
+            var r = Ce(e);
+            var t = be(e);
             return {
                 disabled: r < 1 || t < 1
             };
-        }), [ ke, pe ]);
-        var Ie = (0, t.useCallback)((function() {
+        }), [ Ce, be ]);
+        var je = (0, t.useCallback)((function() {
             if (G.current && G.current.length > 0) {
                 var e;
                 G.current = "";
                 (e = X.current) === null || e === void 0 ? void 0 : e.call(X);
             }
         }), []);
-        var qe = (0, t.useCallback)((function() {
+        var Pe = (0, t.useCallback)((function() {
             ee.current = undefined;
             te.current = [];
             if (re.current) {
                 clearTimeout(re.current);
             }
         }), []);
-        var Le = (0, t.useCallback)((function(e) {
+        var Ie = (0, t.useCallback)((function(e) {
             X.current = e;
         }), []);
-        var Ne = (0, t.useCallback)((function(e, r) {
+        var Le = (0, t.useCallback)((function(e, r) {
             if (r) {
                 W.current[e] = r;
             } else {
                 delete W.current[e];
             }
         }), []);
-        var _e = (0, t.useCallback)((function(e, r) {
+        var Ne = (0, t.useCallback)((function(e, r) {
             if (r) {
                 K.current[e] = r;
             } else {
                 delete K.current[e];
             }
         }), []);
-        var je = (0, t.useCallback)((function(e, r) {
+        var _e = (0, t.useCallback)((function(e, r) {
             if (r) {
                 T.current[e] = r;
             } else {
@@ -967,21 +1019,21 @@
                 (r = (t = K.current)[e]) === null || r === void 0 ? void 0 : r.call(t);
             }
         }), []);
-        var De = (0, t.useCallback)((function(e) {
+        var Me = (0, t.useCallback)((function(e) {
             if (e) {
                 var r, t;
                 (r = (t = T.current)[e]) === null || r === void 0 ? void 0 : r.call(t);
             }
         }), []);
-        var Me = (0, t.useCallback)((function(e) {
-            Ie();
+        var Ae = (0, t.useCallback)((function(e) {
+            je();
             Be(e);
-            De(ne);
-            De(ae);
-        }), [ Ie, De, Be, ne, ae ]);
-        var Ae = (0, t.useCallback)((function(e, r) {
+            Me(ne);
+            Me(ae);
+        }), [ je, Me, Be, ne, ae ]);
+        var He = (0, t.useCallback)((function(e, r) {
             var t = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-            var n = e === ne ? j.current : A.current;
+            var n = e === ne ? _.current : A.current;
             if (!n) {
                 return;
             }
@@ -1005,36 +1057,35 @@
                 }
             }
         }), [ ve, se, Ve, ne ]);
-        var He = (0, t.useCallback)((function(e, r) {
+        var Te = (0, t.useCallback)((function(e, r) {
             var t = r.value, n = r.name;
-            var a = Ce(n) ? ye(n) : de(n);
+            var a = Se(n) ? ye(n) : de(n);
             var l = $(a, t);
-            if (!L.current) {
+            if (!I.current) {
                 J.current[t] = !J.current[t];
                 fe(n, l);
-                Me(n);
+                Ae(n);
             }
-            Ae(n, t);
-            e.preventDefault();
-            O === null || O === void 0 ? void 0 : O(e, {
+            He(n, t);
+            w === null || w === void 0 ? void 0 : w(e, {
                 values: l,
                 listName: n
             });
-        }), [ Ce, de, ye, fe, Ae, Me, O ]);
-        var Te = (0, t.useCallback)((function(e, r) {
+        }), [ Se, de, ye, fe, He, Ae, w ]);
+        var Ke = (0, t.useCallback)((function(e, r) {
             var t = r.initialIndex, n = r.name, a = r.targetIndex;
             var l = ye(n);
             var i = Math.min(t, a);
-            var u = Math.max(t, a);
-            var o = [];
-            if (L.current) {
-                o = l.slice(i, u + 1);
+            var o = Math.max(t, a);
+            var u = [];
+            if (I.current) {
+                u = l.slice(i, o + 1);
             } else {
                 l.forEach((function(e, r) {
                     var t = false;
-                    if (r >= i && r <= u) {
+                    if (r >= i && r <= o) {
                         t = true;
-                        o.push(e);
+                        u.push(e);
                     } else {
                         t = false;
                     }
@@ -1043,23 +1094,23 @@
                         Ve(e);
                     }
                 }));
-                fe(n, o);
-                Me(n);
+                fe(n, u);
+                Ae(n);
             }
-            Ae(n, l[a]);
+            He(n, l[a]);
             e.preventDefault();
             e.stopPropagation();
-            O === null || O === void 0 ? void 0 : O(e, {
-                values: o,
+            w === null || w === void 0 ? void 0 : w(e, {
+                values: u,
                 listName: n
             });
-        }), [ ye, O, fe, Ae, Me, Ve ]);
-        var Ke = (0, t.useCallback)((function(e, r) {
+        }), [ ye, w, fe, He, Ae, Ve ]);
+        var Fe = (0, t.useCallback)((function(e, r) {
             var t = r.name, n = r.selected;
             var a = ye(t);
             var l = n === true ? [] : a;
             var i = n !== true;
-            if (!L.current) {
+            if (!I.current) {
                 a === null || a === void 0 ? void 0 : a.forEach((function(e) {
                     if (J.current[e] !== i) {
                         J.current[e] = i;
@@ -1067,46 +1118,45 @@
                     }
                 }));
                 fe(t, l);
-                Me(t);
+                Ae(t);
             }
-            e.preventDefault();
-            O === null || O === void 0 ? void 0 : O(e, {
+            w === null || w === void 0 ? void 0 : w(e, {
                 values: l,
                 listName: t
             });
-        }), [ ye, O, fe, Me, Ve ]);
+        }), [ ye, w, fe, Ae, 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 $e = (0, t.useCallback)((function(e, r, t) {
             var n = ye(r);
             var a = de(r);
-            var l = Ce(r);
+            var l = Se(r);
             var i = ye(t);
-            var u = ve(t);
+            var o = ve(t);
             if (n.length === 0 || !l && a.length === 0) {
                 return;
             }
-            if (!u && a.length > 0) {
+            if (!o && a.length > 0) {
                 // target lacks an active value, default to the first
                 // skip the render it will be catch in batch
-                Ae(t, a[0], true);
+                He(t, a[0], true);
             }
-            var o = (0, f.sprintf)((0, d._)("Moved %(count)d items to %(listLabel)s list"), {
+            var u = (0, f.sprintf)((0, d._)("Moved %(count)d items to %(listLabel)s list"), {
                 count: a.length,
-                listLabel: t === ne ? le : ie
+                listLabel: t === ne ? le : oe
             });
             // These new values do not perserve sort position, may need to be refactored with sort logic (SUI-5270).
                         var c = l ? [] : z(n, a);
             var s = i.concat(a);
-            if (!L.current) {
+            if (!I.current) {
                 a.forEach((function(e) {
                     J.current[e] = false;
                 }));
                 ge(t, s);
                 ge(r, c);
                 fe(r, []);
-                G.current = o;
+                G.current = u;
                 // move is a batch update, force a full render, no internal update needed
-                                I();
+                                j();
             }
             var v = {
                 affectedValues: a,
@@ -1114,44 +1164,48 @@
                 sourceValues: c,
                 targetListName: t || "",
                 targetValues: s,
-                screenReaderMessage: o || "",
+                screenReaderMessage: u || "",
                 values: a.slice()
             };
             e.preventDefault();
-            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) {
+            x === null || x === void 0 ? void 0 : x(e, v);
+        }), [ j, ve, Se, de, ye, x, fe, ge, He, ne, le, oe ]);
+        var ze = (0, t.useCallback)((function(e, r) {
             var t = r.name;
-            var n = Ce(t);
+            var n = Se(t);
             var a = ve(t);
             var l = t === ne ? ae : ne;
             if (a && (n || !!J.current[a])) {
                 // active option was present in items to be removed, clear the active option
-                Ae(t);
+                He(t);
             }
-            Fe(e, t, l);
-        }), [ ve, Ce, Fe, Ae, ne, ae ]);
-        var ze = (0, t.useCallback)((function(e, r) {
+            $e(e, t, l);
+        }), [ ve, Se, $e, He, ne, ae ]);
+        var Ue = (0, t.useCallback)((function(e, r) {
             var t = r.name, n = r.value;
             if (e.nativeEvent.shiftKey) {
-                Te(e, {
+                Ke(e, {
                     targetIndex: Y.current[n],
                     initialIndex: Z.current,
                     name: t
                 });
             } else {
-                He(e, {
+                Te(e, {
                     name: t,
                     value: n
                 });
             }
-        }), [ Te, He ]);
-        var Ue = (0, t.useCallback)((function(e, r) {
-            Ke(e, r);
-        }), [ Ke ]);
+        }), [ Ke, Te ]);
         var We = (0, t.useCallback)((function(e, r) {
+            var t = r.selected, n = De(r, [ "selected" ]);
+            // flip selected here because handleSelectAll expects "selected" to be the current state but Checkbox reports the new state
+                        Fe(e, qe({
+                selected: !t
+            }, n));
+        }), [ Fe ]);
+        var Xe = (0, t.useCallback)((function(e, r) {
             var t = e.nativeEvent.key;
-            var n = xe(r);
+            var n = Re(r);
             // Checking for a single character to avoid complications from double-byte languages and emojis.
                         if (t.length === 1) {
                 var a = [];
@@ -1161,51 +1215,51 @@
                 };
                 if (!ee.current) {
                     if (t === " ") {
-                        qe();
+                        Pe();
                         return;
                     }
-                    a = we(n, l);
+                    a = Oe(n, l);
                 } else if (te.current.length > 1) {
                     l.index = ee.current.index + 1;
-                    a = we(te.current, l);
+                    a = Oe(te.current, l);
                 }
                 if (a.length) {
                     var i = 0;
                     // If the active option is a first character match, cycle to the next matching option.
                                         if (l.index === 0 && a.length > 1) {
-                        var u = ve(r);
-                        if (u) {
-                            var o = a.findIndex((function(e) {
-                                return e.value === u;
+                        var o = ve(r);
+                        if (o) {
+                            var u = a.findIndex((function(e) {
+                                return e.value === o;
                             }));
-                            if (o >= 0) {
-                                i = o === a.length - 1 ? 0 : o + 1;
+                            if (u >= 0) {
+                                i = u === a.length - 1 ? 0 : u + 1;
                             }
                         }
                     }
-                    Ae(r, a[i].value);
+                    He(r, a[i].value);
                 }
                 te.current = a;
                 ee.current = l;
                 if (re.current) {
                     clearTimeout(re.current);
                 }
-                re.current = setTimeout(qe, 500);
+                re.current = setTimeout(Pe, 500);
                 e.preventDefault();
                 e.stopPropagation();
             }
-        }), [ ve, xe, qe, Ae ]);
-        var Xe = (0, t.useCallback)((function(e, r) {
+        }), [ ve, Re, Pe, He ]);
+        var Ge = (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 = de(t);
-            var c = Ce(t);
+            var o = ye(t);
+            var u = de(t);
+            var c = Se(t);
             var s = ve(t);
             var v = s ? Y.current[s] : -1;
             var f = Z.current >= 0 ? Z.current : 0;
             if (G.current && G.current.length > 0) {
-                Ie();
+                je();
             }
             var d = s;
             switch (a) {
@@ -1216,13 +1270,13 @@
               case "Home":
                 if (n && i) {
                     // handle select until start
-                    Te(e, {
+                    Ke(e, {
                         targetIndex: 0,
                         initialIndex: f,
                         name: t
                     });
                 } else {
-                    var p = Re(u, 1);
+                    var p = we(o, 1);
                     d = p[0];
                 }
                 break;
@@ -1230,45 +1284,45 @@
               case "End":
                 if (n && i) {
                     // handle select until end
-                    Te(e, {
-                        targetIndex: u.length - 1,
+                    Ke(e, {
+                        targetIndex: o.length - 1,
                         initialIndex: f,
                         name: t
                     });
                 } else {
-                    d = u[u.length - 1];
+                    d = o[o.length - 1];
                 }
                 break;
 
               case "ArrowUp":
                 if (i) {
                     // handle select until previous
-                    Te(e, {
+                    Ke(e, {
                         targetIndex: Math.max(v - 1, 0),
                         initialIndex: f,
                         name: t
                     });
                 } else {
-                    d = u[Math.max(v - 1, 0)];
+                    d = o[Math.max(v - 1, 0)];
                 }
                 break;
 
               case "ArrowDown":
                 if (i) {
                     // handle select until next
-                    Te(e, {
-                        targetIndex: Math.min(v + 1, u.length - 1),
+                    Ke(e, {
+                        targetIndex: Math.min(v + 1, o.length - 1),
                         initialIndex: f,
                         name: t
                     });
                 } else {
-                    d = u[Math.min(v + 1, u.length - 1)];
+                    d = o[Math.min(v + 1, o.length - 1)];
                 }
                 break;
 
               case " ":
                 if (s != null) {
-                    He(e, {
+                    Te(e, {
                         name: t,
                         value: s
                     });
@@ -1280,11 +1334,11 @@
                     if (c) {
                         // all values moved, no longer an active value
                         d = undefined;
-                    } else if (o.length > 0) {
+                    } else if (u.length > 0) {
                         // somes values moved, determine next active value
-                        d = U(v, u, o);
+                        d = U(v, o, u);
                     }
-                    Fe(e, ne, ae);
+                    $e(e, ne, ae);
                 }
                 break;
 
@@ -1293,99 +1347,101 @@
                     if (c) {
                         // all values moved, no longer an active value
                         d = undefined;
-                    } else if (o.length > 0) {
+                    } else if (u.length > 0) {
                         // somes values moved, determine next active value
-                        d = U(v, u, o);
+                        d = U(v, o, u);
                     }
-                    Fe(e, ae, ne);
+                    $e(e, ae, ne);
                 }
                 break;
 
               default:
                 if (a === "a" && (n || l)) {
+                    // prevent text selection when using control/meta + A
+                    e.preventDefault();
                     // handle control + A, otherwise let 'a' passthrough
-                    Ke(e, {
+                                        Fe(e, {
                         name: t,
                         selected: c
                     });
                 } else {
                     // do fuzzy match
-                    We(e, t);
+                    Xe(e, t);
                 }
                 break;
             }
             if (d !== s) {
                 e.preventDefault();
-                Ae(t, d);
+                He(t, d);
             }
-        }), [ Ie, ve, Ce, de, ye, We, Fe, Te, He, Ke, Ae, ne, ae ]);
-        var Ge = (0, t.useMemo)((function() {
+        }), [ je, ve, Se, de, ye, Xe, $e, Ke, Te, Fe, He, ne, ae ]);
+        var Je = (0, t.useMemo)((function() {
             return {
-                onButtonClick: $e,
-                updateButtonRefreshHookByName: je,
+                onButtonClick: ze,
+                updateButtonRefreshHookByName: _e,
                 getButtonState: Ee
             };
-        }), [ $e, je, Ee ]);
-        var Je = (0, t.useMemo)((function() {
+        }), [ ze, _e, Ee ]);
+        var Qe = (0, t.useMemo)((function() {
             return {
-                controlled: L.current,
+                controlled: I.current,
                 getActiveValue: ve,
-                getScreenReaderMessage: be,
+                getScreenReaderMessage: me,
                 getSelectedStateForValue: he,
-                getSelectedValueCount: pe,
-                getValueCount: ke,
-                updateLabelRefreshHookByName: _e,
-                updateOptionRefreshHookByValue: Ne,
-                updateScreenReaderRefreshHook: Le
+                getSelectedValueCount: be,
+                getValueCount: Ce,
+                updateLabelRefreshHookByName: Ne,
+                updateOptionRefreshHookByValue: Le,
+                updateScreenReaderRefreshHook: Ie
             };
-        }), [ ve, be, he, pe, ke, _e, Ne, Le ]);
-        if (L.current && !ce[0].activeFound) {
+        }), [ ve, me, he, be, Ce, Ne, Le, Ie ]);
+        if (I.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
-            Ae(ne, undefined, true);
+            He(ne, undefined, true);
         }
-        if (L.current && !ce[1].activeFound) {
+        if (I.current && !ce[1].activeFound) {
             // listTwo 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
-            Ae(ae, undefined, true);
+            He(ae, undefined, true);
         }
         
-        return n().createElement(S, Oe({
+        return n().createElement(O, xe({
             "data-test": "dual-listbox",
             elementRef: h,
             $inline: y ? false : C,
             $fill: y
         }, E),  n().createElement(m.Provider, {
-            value: Je
+            value: Qe
         },  n().createElement(F, {
             index: 0,
-            elementRef: j,
+            elementRef: _,
             label: le,
             name: ne,
-            onClick: ze,
-            onKeyDown: Xe,
-            onSelectAllClick: Ue
-        }, ce[0].options),  n().createElement(x, null,  n().createElement(me.Provider, {
-            value: Ge
-        },  n().createElement(Se, {
+            onClick: Ue,
+            onKeyDown: Ge,
+            onSelectAllClick: We
+        }, ce[0].options),  n().createElement(S, null,  n().createElement(pe.Provider, {
+            value: Je
+        },  n().createElement(ke, {
             ariaLabel: (0, f.sprintf)((0, d._)("Move selected options to %(listLabel)s list"), {
-                listLabel: ie
+                listLabel: oe
             }),
             ariaKeyShortcuts: "Enter",
             "data-test": "move-to-secondary",
             icon:  n().createElement(c(), null),
             name: ne,
             tooltipLabel: (0, f.sprintf)((0, d._)("Move to %(listLabel)s"), {
-                listLabel: ie
+                listLabel: oe
             }),
             tooltipPlacement: "left"
-        }),  n().createElement(Se, {
+        }),  n().createElement(ke, {
             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),
+            icon:  n().createElement(o(), null),
             name: ae,
             tooltipLabel: (0, f.sprintf)((0, d._)("Move to %(listLabel)s"), {
                 listLabel: le
@@ -1394,16 +1450,16 @@
         }))),  n().createElement(F, {
             index: 1,
             elementRef: A,
-            label: ie,
+            label: oe,
             name: ae,
-            onClick: ze,
-            onKeyDown: Xe,
-            onSelectAllClick: Ue
-        }, ce[1].options),  n().createElement(oe, null)));
+            onClick: Ue,
+            onKeyDown: Ge,
+            onSelectAllClick: We
+        }, ce[1].options),  n().createElement(ie, null)));
     }
-    Ve.propTypes = je;
-    Ve.Option = le;
-    /* harmony default export */    const Be = Ve;
+    Ae.propTypes = Me;
+    Ae.Option = ne;
+    /* harmony default export */    const He = Ae;
     // CONCATENATED MODULE: ./src/DualListbox/index.ts
     module.exports = r;
     /******/})();