@splunk/react-ui 4.19.0 → 4.21.0

package/DualListbox.js

@@ -1,165 +1,85 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
 /******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 170);
-/******/ })
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 12:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Clickable");
-
-/***/ }),
-
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
-
-/***/ }),
-
-/***/ 170:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
+var __webpack_exports__ = {};
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ DualListbox_DualListbox; });
-__webpack_require__.d(__webpack_exports__, "Option", function() { return /* reexport */ DualListbox_Option; });
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(2);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-
-// EXTERNAL MODULE: external "prop-types"
-var external_prop_types_ = __webpack_require__(1);
-var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(4);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
-var keyboard_ = __webpack_require__(7);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
-var ChevronLeft_ = __webpack_require__(64);
-var ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(ChevronLeft_);
-
-// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
-var ChevronRight_ = __webpack_require__(35);
-var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/format"
-var format_ = __webpack_require__(28);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/useForceUpdate"
-var useForceUpdate_ = __webpack_require__(45);
-var useForceUpdate_default = /*#__PURE__*/__webpack_require__.n(useForceUpdate_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
-var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
+__webpack_require__.d(__webpack_exports__, {
+  Option: () => (/* reexport */ DualListbox_Option),
+  "default": () => (/* reexport */ DualListbox_DualListbox)
+});
 
-// CONCATENATED MODULE: ./src/DualListbox/DualListboxContext.tsx
+;// CONCATENATED MODULE: external "react"
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
+;// CONCATENATED MODULE: external "prop-types"
+const external_prop_types_namespaceObject = require("prop-types");
+var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
+;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
+const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
+;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
+const ChevronLeft_namespaceObject = require("@splunk/react-icons/enterprise/ChevronLeft");
+var ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(ChevronLeft_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
+const ChevronRight_namespaceObject = require("@splunk/react-icons/enterprise/ChevronRight");
+var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/ui-utils/format"
+const format_namespaceObject = require("@splunk/ui-utils/format");
+;// CONCATENATED MODULE: external "@splunk/react-ui/useForceUpdate"
+const useForceUpdate_namespaceObject = require("@splunk/react-ui/useForceUpdate");
+var useForceUpdate_default = /*#__PURE__*/__webpack_require__.n(useForceUpdate_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
+const ScreenReaderContent_namespaceObject = require("@splunk/react-ui/ScreenReaderContent");
+var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_namespaceObject);
+;// CONCATENATED MODULE: ./src/DualListbox/DualListboxContext.tsx
 
 
 /**
@@ -168,9 +88,9 @@ var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReade
  * Defaults to `'{}'`.
  * @public
  */
-var DualListboxContext = /*#__PURE__*/external_react_default.a.createContext({});
-/* harmony default export */ var DualListbox_DualListboxContext = (DualListboxContext);
-// CONCATENATED MODULE: ./src/DualListbox/ScreenReaderWrapper.tsx
+var DualListboxContext = /*#__PURE__*/external_react_default().createContext({});
+/* harmony default export */ const DualListbox_DualListboxContext = (DualListboxContext);
+;// CONCATENATED MODULE: ./src/DualListbox/ScreenReaderWrapper.tsx
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 
@@ -182,10 +102,10 @@ function ScreenReaderWrapper(_ref) {
   var otherProps = _extends({}, _ref);
 
   var forceUpdate = useForceUpdate_default()();
-  var contextValue = Object(external_react_["useContext"])(DualListbox_DualListboxContext);
+  var contextValue = (0,external_react_namespaceObject.useContext)(DualListbox_DualListboxContext);
   var getScreenReaderMessage = contextValue.getScreenReaderMessage,
       updateScreenReaderRefreshHook = contextValue.updateScreenReaderRefreshHook;
-  Object(external_react_["useEffect"])(function () {
+  (0,external_react_namespaceObject.useEffect)(function () {
     updateScreenReaderRefreshHook === null || updateScreenReaderRefreshHook === void 0 ? void 0 : updateScreenReaderRefreshHook(forceUpdate);
     return function () {
       return updateScreenReaderRefreshHook === null || updateScreenReaderRefreshHook === void 0 ? void 0 : updateScreenReaderRefreshHook();
@@ -196,13 +116,13 @@ function ScreenReaderWrapper(_ref) {
     return null;
   }
 
-  return /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, _extends({
+  return /*#__PURE__*/external_react_default().createElement((ScreenReaderContent_default()), _extends({
     "aria-live": "assertive"
   }, otherProps), getScreenReaderMessage() || '');
 }
 
-/* harmony default export */ var DualListbox_ScreenReaderWrapper = (ScreenReaderWrapper);
-// CONCATENATED MODULE: ./src/DualListbox/listboxUtils.ts
+/* harmony default export */ const DualListbox_ScreenReaderWrapper = (ScreenReaderWrapper);
+;// CONCATENATED MODULE: ./src/DualListbox/listboxUtils.ts
 var arrayWithToggledValue = function arrayWithToggledValue(valueArr, toggleValue) {
   var newArray = valueArr.filter(function (value) {
     return value !== toggleValue;
@@ -254,90 +174,147 @@ var findNextValue = function findNextValue(index, originalValues, removedValues)
 };
 
 
-// EXTERNAL MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
-var scrollIntoViewIfNeeded = __webpack_require__(89);
+;// CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
+// A utility that attempts to move an element into view by scrolling it's derived parent.
+var scrollIntoViewIfNeeded = function scrollIntoViewIfNeeded(el) {
+  if (!el) {
+    return;
+  }
 
-// EXTERNAL MODULE: ./src/utils/fuzzyMatch.ts
-var fuzzyMatch = __webpack_require__(56);
+  var parentEl = el.offsetParent;
 
-// CONCATENATED MODULE: ./src/DualListbox/ToolbarContext.tsx
+  if (!parentEl) {
+    return;
+  } // Below the bottom of the container.
 
 
-/**
- * A React context used to inform subcomponets of Toolbar of parent component values.
- * The context interface is `ToolbarContextValue`.
- * Defaults to `'{}'`.
- * @public
- */
-var ToolbarContext = /*#__PURE__*/external_react_default.a.createContext({});
-/* harmony default export */ var DualListbox_ToolbarContext = (ToolbarContext);
-// EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(42);
-var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
+  if (parentEl.scrollTop + parentEl.clientHeight < el.offsetTop + el.clientHeight) {
+    parentEl.scrollTop = el.offsetTop + el.clientHeight - parentEl.clientHeight; // Above the top of the container.
+  } else if (parentEl.scrollTop > el.offsetTop) {
+    parentEl.scrollTop = el.offsetTop;
+  }
+};
+
+
+;// CONCATENATED MODULE: ./src/utils/fuzzyMatch.ts
+// A utility for matching keyboard characters to list values
+var charFromMatchOption = function charFromMatchOption(option, charIndex) {
+  return option ? option.label.charAt(charIndex).toLowerCase() : '';
+};
+
+var fuzzyMatch = function fuzzyMatch(options, matchChar) {
+  if (!options.length) {
+    return options;
+  }
+
+  var defaultMatch = null;
+  var hasMatch = false;
+  var matches = options.filter(function (option) {
+    var characterValue = charFromMatchOption(option, matchChar.index);
+
+    if (characterValue === matchChar.value) {
+      hasMatch = true;
+      return true;
+    } // 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.
 
-// EXTERNAL MODULE: external "styled-components"
-var external_styled_components_ = __webpack_require__(3);
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
-// EXTERNAL MODULE: external "@splunk/themes"
-var themes_ = __webpack_require__(0);
+    if (!hasMatch) {
+      var defaultValue = charFromMatchOption(defaultMatch, matchChar.index);
+
+      if (!defaultValue) {
+        defaultMatch = option;
+      } else if (characterValue > matchChar.value) {
+        if (defaultValue < matchChar.value) {
+          defaultMatch = option;
+        } else if (defaultValue > characterValue) {
+          defaultMatch = option;
+        }
+      } else if (characterValue > defaultValue) {
+        defaultMatch = option;
+      }
+    }
 
-// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(12);
-var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
+    return false;
+  });
+  return matches.length === 0 && defaultMatch ? [defaultMatch] : matches;
+};
 
-// CONCATENATED MODULE: ./src/DualListbox/ToolbarButtonStyles.ts
 
+;// CONCATENATED MODULE: ./src/DualListbox/ToolbarContext.tsx
 
 
-var StyledClickable = external_styled_components_default()(Clickable_default.a).withConfig({
+/**
+ * A React context used to inform subcomponets of Toolbar of parent component values.
+ * The context interface is `ToolbarContextValue`.
+ * Defaults to `'{}'`.
+ * @public
+ */
+var ToolbarContext = /*#__PURE__*/external_react_default().createContext({});
+/* harmony default export */ const DualListbox_ToolbarContext = (ToolbarContext);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
+const Tooltip_namespaceObject = require("@splunk/react-ui/Tooltip");
+var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_namespaceObject);
+;// CONCATENATED MODULE: external "styled-components"
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/themes"
+const themes_namespaceObject = require("@splunk/themes");
+;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
+var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
+;// CONCATENATED MODULE: ./src/DualListbox/ToolbarButtonStyles.ts
+
+
+
+var StyledClickable = external_styled_components_default()((Clickable_default())).withConfig({
   displayName: "ToolbarButtonStyles__StyledClickable",
   componentId: "k7zksz-0"
-})(["", " border:", ";border-radius:", ";box-sizing:border-box;cursor:pointer;flex-grow:1;font-weight:", ";line-height:", ";min-height:", ";min-width:", ";max-width:100%;padding:", ";position:relative;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;width:", ";&:active{transition:none;}&:focus{box-shadow:", ";}&:focus,&:hover{z-index:3;}", ";"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
+})(["", " border:", ";border-radius:", ";box-sizing:border-box;cursor:pointer;flex-grow:1;font-weight:", ";line-height:", ";min-height:", ";min-width:", ";max-width:100%;padding:", ";position:relative;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;width:", ";&:active{transition:none;}&:focus{box-shadow:", ";}&:focus,&:hover{z-index:3;}", ";"], themes_namespaceObject.mixins.reset('block'), (0,themes_namespaceObject.pick)({
   enterprise: '1px solid transparent'
-}), themes_["variables"].borderRadius, Object(themes_["pick"])({
-  enterprise: themes_["variables"].fontWeightSemiBold,
-  prisma: themes_["variables"].fontWeightSemiBold
-}), themes_["variables"].lineHeight, themes_["variables"].inputHeight, themes_["variables"].inputHeight, Object(themes_["pick"])({
+}), themes_namespaceObject.variables.borderRadius, (0,themes_namespaceObject.pick)({
+  enterprise: themes_namespaceObject.variables.fontWeightSemiBold,
+  prisma: themes_namespaceObject.variables.fontWeightSemiBold
+}), themes_namespaceObject.variables.lineHeight, themes_namespaceObject.variables.inputHeight, themes_namespaceObject.variables.inputHeight, (0,themes_namespaceObject.pick)({
   enterprise: {
     comfortable: '0 5px',
     compact: '0 2px'
   },
   prisma: {
-    comfortable: Object(external_styled_components_["css"])(["0px calc(", " / 2 - 1px)"], themes_["variables"].inputHeight),
-    compact: Object(external_styled_components_["css"])(["0px calc(", " / 2 - 1px)"], themes_["variables"].inputHeight)
+    comfortable: (0,external_styled_components_namespaceObject.css)(["0px calc(", " / 2 - 1px)"], themes_namespaceObject.variables.inputHeight),
+    compact: (0,external_styled_components_namespaceObject.css)(["0px calc(", " / 2 - 1px)"], themes_namespaceObject.variables.inputHeight)
   }
-}), themes_["variables"].inputHeight, themes_["variables"].focusShadow, Object(themes_["pickVariant"])('$disabled', {
-  "false": Object(themes_["pick"])({
-    enterprise: Object(external_styled_components_["css"])(["color:", ";transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;&:hover{background-color:", ";border-color:", ";color:", ";}&:active{background-color:", ";transition:none;}&:focus{color:", ";}"], Object(themes_["pick"])({
-      light: themes_["variables"].gray45,
-      dark: themes_["variables"].white
-    }), themes_["variables"].backgroundColorHover, Object(themes_["pick"])({
-      light: themes_["variables"].gray60,
-      dark: themes_["variables"].borderColor
-    }), Object(themes_["pick"])({
-      light: themes_["variables"].linkColor,
-      dark: themes_["variables"].white
-    }), Object(themes_["pick"])({
-      light: themes_["variables"].gray92,
-      dark: themes_["variables"].gray22
-    }), Object(themes_["pick"])({
-      light: themes_["variables"].linkColor,
-      dark: themes_["variables"].white
+}), themes_namespaceObject.variables.inputHeight, themes_namespaceObject.variables.focusShadow, (0,themes_namespaceObject.pickVariant)('$disabled', {
+  "false": (0,themes_namespaceObject.pick)({
+    enterprise: (0,external_styled_components_namespaceObject.css)(["color:", ";transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;&:hover{background-color:", ";border-color:", ";color:", ";}&:active{background-color:", ";transition:none;}&:focus{color:", ";}"], (0,themes_namespaceObject.pick)({
+      light: themes_namespaceObject.variables.gray45,
+      dark: themes_namespaceObject.variables.white
+    }), themes_namespaceObject.variables.backgroundColorHover, (0,themes_namespaceObject.pick)({
+      light: themes_namespaceObject.variables.gray60,
+      dark: themes_namespaceObject.variables.borderColor
+    }), (0,themes_namespaceObject.pick)({
+      light: themes_namespaceObject.variables.linkColor,
+      dark: themes_namespaceObject.variables.white
+    }), (0,themes_namespaceObject.pick)({
+      light: themes_namespaceObject.variables.gray92,
+      dark: themes_namespaceObject.variables.gray22
+    }), (0,themes_namespaceObject.pick)({
+      light: themes_namespaceObject.variables.linkColor,
+      dark: themes_namespaceObject.variables.white
     })),
-    prisma: Object(external_styled_components_["css"])(["color:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;&:hover{background-color:", ";border-color:", ";box-shadow:", ";}&:active{background-color:", ";transition:none;}&:focus{&:active{background-color:", ";}}"], themes_["variables"].contentColorActive, themes_["variables"].interactiveColorOverlayHover, themes_["variables"].interactiveColorBorderHover, themes_["variables"].hoverShadow, themes_["variables"].interactiveColorOverlayActive, themes_["variables"].interactiveColorOverlayActive)
+    prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;&:hover{background-color:", ";border-color:", ";box-shadow:", ";}&:active{background-color:", ";transition:none;}&:focus{&:active{background-color:", ";}}"], themes_namespaceObject.variables.contentColorActive, themes_namespaceObject.variables.interactiveColorOverlayHover, themes_namespaceObject.variables.interactiveColorBorderHover, themes_namespaceObject.variables.hoverShadow, themes_namespaceObject.variables.interactiveColorOverlayActive, themes_namespaceObject.variables.interactiveColorOverlayActive)
   }),
-  "true": Object(external_styled_components_["css"])(["border-color:", ";color:", ";cursor:not-allowed;"], Object(themes_["pick"])({
-    prisma: themes_["variables"].interactiveColorBorderDisabled
-  }), Object(themes_["pick"])({
-    enterprise: themes_["variables"].textDisabledColor,
-    prisma: themes_["variables"].contentColorDisabled
+  "true": (0,external_styled_components_namespaceObject.css)(["border-color:", ";color:", ";cursor:not-allowed;"], (0,themes_namespaceObject.pick)({
+    prisma: themes_namespaceObject.variables.interactiveColorBorderDisabled
+  }), (0,themes_namespaceObject.pick)({
+    enterprise: themes_namespaceObject.variables.textDisabledColor,
+    prisma: themes_namespaceObject.variables.contentColorDisabled
   }))
 }));
-var StyledIcon = external_styled_components_default.a.span.withConfig({
+var StyledIcon = external_styled_components_default().span.withConfig({
   displayName: "ToolbarButtonStyles__StyledIcon",
   componentId: "k7zksz-1"
-})(["align-items:center;display:flex;flex-direction:row;flex-shrink:0;font-size:", ";justify-content:center;max-width:100%;"], Object(themes_["pick"])({
+})(["align-items:center;display:flex;flex-direction:row;flex-shrink:0;font-size:", ";justify-content:center;max-width:100%;"], (0,themes_namespaceObject.pick)({
   enterprise: 'inherit',
   prisma: {
     comfortable: '21px',
@@ -345,7 +322,7 @@ var StyledIcon = external_styled_components_default.a.span.withConfig({
   }
 }));
 
-// CONCATENATED MODULE: ./src/DualListbox/ToolbarButton.tsx
+;// CONCATENATED MODULE: ./src/DualListbox/ToolbarButton.tsx
 function ToolbarButton_extends() { ToolbarButton_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return ToolbarButton_extends.apply(this, arguments); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -359,10 +336,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var propTypes = {
-  icon: external_prop_types_default.a.node.isRequired,
-  name: external_prop_types_default.a.string.isRequired,
-  tooltipLabel: external_prop_types_default.a.string.isRequired,
-  tooltipPlacement: external_prop_types_default.a.oneOf(['above', 'below', 'left', 'right'])
+  icon: (external_prop_types_default()).node.isRequired,
+  name: (external_prop_types_default()).string.isRequired,
+  tooltipLabel: (external_prop_types_default()).string.isRequired,
+  tooltipPlacement: external_prop_types_default().oneOf(['above', 'below', 'left', 'right'])
 };
 
 function ToolbarButton(_ref) {
@@ -374,18 +351,18 @@ function ToolbarButton(_ref) {
       tooltipPlacement = _ref.tooltipPlacement,
       otherProps = _objectWithoutProperties(_ref, ["ariaLabel", "ariaKeyShortcuts", "icon", "name", "tooltipLabel", "tooltipPlacement"]);
 
-  var contextValue = Object(external_react_["useContext"])(DualListbox_ToolbarContext);
+  var contextValue = (0,external_react_namespaceObject.useContext)(DualListbox_ToolbarContext);
   var forceUpdate = useForceUpdate_default()();
   var getButtonState = contextValue.getButtonState,
       onButtonClick = contextValue.onButtonClick,
       updateButtonRefreshHookByName = contextValue.updateButtonRefreshHookByName;
-  Object(external_react_["useEffect"])(function () {
+  (0,external_react_namespaceObject.useEffect)(function () {
     updateButtonRefreshHookByName === null || updateButtonRefreshHookByName === void 0 ? void 0 : updateButtonRefreshHookByName(name, forceUpdate);
     return function () {
       return updateButtonRefreshHookByName === null || updateButtonRefreshHookByName === void 0 ? void 0 : updateButtonRefreshHookByName(name);
     };
   }, [name, updateButtonRefreshHookByName, forceUpdate]);
-  var handleClick = Object(external_react_["useCallback"])(function (event) {
+  var handleClick = (0,external_react_namespaceObject.useCallback)(function (event) {
     onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(event, {
       name: name
     });
@@ -398,65 +375,64 @@ function ToolbarButton(_ref) {
   var _getButtonState = getButtonState(name),
       disabled = _getButtonState.disabled;
 
-  return /*#__PURE__*/external_react_default.a.createElement(Tooltip_default.a, {
+  return /*#__PURE__*/external_react_default().createElement((Tooltip_default()), {
     defaultPlacement: tooltipPlacement,
-    content: /*#__PURE__*/external_react_default.a.createElement("span", {
+    content: /*#__PURE__*/external_react_default().createElement("span", {
       "aria-hidden": true
     }, tooltipLabel)
-  }, /*#__PURE__*/external_react_default.a.createElement(StyledClickable, ToolbarButton_extends({
+  }, /*#__PURE__*/external_react_default().createElement(StyledClickable, ToolbarButton_extends({
     "aria-label": ariaLabel,
     "aria-keyshortcuts": ariaKeyShortcuts,
     "aria-disabled": disabled || undefined,
     "data-test": "toolbar-button",
     $disabled: disabled,
     onClick: !disabled ? handleClick : undefined
-  }, otherProps), /*#__PURE__*/external_react_default.a.createElement(StyledIcon, null, icon)));
+  }, otherProps), /*#__PURE__*/external_react_default().createElement(StyledIcon, null, icon)));
 }
 
 ToolbarButton.propsTypes = propTypes;
-/* harmony default export */ var DualListbox_ToolbarButton = (ToolbarButton);
-// EXTERNAL MODULE: external "@splunk/react-ui/Switch"
-var Switch_ = __webpack_require__(58);
-var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
+/* harmony default export */ const DualListbox_ToolbarButton = (ToolbarButton);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Switch"
+const Switch_namespaceObject = require("@splunk/react-ui/Switch");
+var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_namespaceObject);
+;// CONCATENATED MODULE: ./src/DualListbox/OptionStyles.ts
 
-// CONCATENATED MODULE: ./src/DualListbox/OptionStyles.ts
 
 
-
-var StyledListItem = external_styled_components_default.a.li.withConfig({
+var StyledListItem = external_styled_components_default().li.withConfig({
   displayName: "OptionStyles__StyledListItem",
   componentId: "q275d9-0"
-})(["align-items:center;color:", ";cursor:pointer;display:flex;overflow:hidden;width:100%;word-wrap:break-word;", " ", ""], themes_["variables"].contentColorActive, Object(themes_["pickVariant"])('$active', {
-  "true": Object(external_styled_components_["css"])(["", ""], Object(themes_["pick"])({
-    prisma: Object(external_styled_components_["css"])(["background:", ";"], themes_["variables"].interactiveColorOverlaySelected),
+})(["align-items:center;color:", ";cursor:pointer;display:flex;overflow:hidden;width:100%;word-wrap:break-word;", " ", ""], themes_namespaceObject.variables.contentColorActive, (0,themes_namespaceObject.pickVariant)('$active', {
+  "true": (0,external_styled_components_namespaceObject.css)(["", ""], (0,themes_namespaceObject.pick)({
+    prisma: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.variables.interactiveColorOverlaySelected),
     enterprise: {
-      light: Object(external_styled_components_["css"])(["background:", ";"], themes_["variables"].accentColorL50),
-      dark: Object(external_styled_components_["css"])(["background:", ";"], themes_["variables"].accentColorD50)
+      light: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.variables.accentColorL50),
+      dark: (0,external_styled_components_namespaceObject.css)(["background:", ";"], themes_namespaceObject.variables.accentColorD50)
     }
   }))
-}), Object(themes_["pick"])({
-  prisma: Object(themes_["pickVariant"])('$selected', {
-    "true": Object(external_styled_components_["css"])(["&:hover{background:", ";}"], themes_["mixins"].overlayColors(themes_["variables"].interactiveColorOverlaySelected, themes_["variables"].interactiveColorOverlayHover)),
-    "false": Object(external_styled_components_["css"])(["&:hover{background:", ";}"], themes_["variables"].interactiveColorOverlayHover)
+}), (0,themes_namespaceObject.pick)({
+  prisma: (0,themes_namespaceObject.pickVariant)('$selected', {
+    "true": (0,external_styled_components_namespaceObject.css)(["&:hover{background:", ";}"], themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.interactiveColorOverlaySelected, themes_namespaceObject.variables.interactiveColorOverlayHover)),
+    "false": (0,external_styled_components_namespaceObject.css)(["&:hover{background:", ";}"], themes_namespaceObject.variables.interactiveColorOverlayHover)
   }),
-  enterprise: Object(external_styled_components_["css"])(["&:hover{background:", ";}"], themes_["variables"].backgroundColorHover)
+  enterprise: (0,external_styled_components_namespaceObject.css)(["&:hover{background:", ";}"], themes_namespaceObject.variables.backgroundColorHover)
 }));
-var StyledSwtich = external_styled_components_default()(Switch_default.a).withConfig({
+var StyledSwtich = external_styled_components_default()((Switch_default())).withConfig({
   displayName: "OptionStyles__StyledSwtich",
   componentId: "q275d9-1"
-})(["padding-left:", ";"], themes_["variables"].spacingSmall);
-var StyledDiv = external_styled_components_default.a.div.withConfig({
+})(["padding-left:", ";"], themes_namespaceObject.variables.spacingSmall);
+var StyledDiv = external_styled_components_default().div.withConfig({
   displayName: "OptionStyles__StyledDiv",
   componentId: "q275d9-2"
-})(["padding:", ";word-break:break-word;word-wrap:break-word;"], Object(themes_["pick"])({
+})(["padding:", ";word-break:break-word;word-wrap:break-word;"], (0,themes_namespaceObject.pick)({
   prisma: {
-    compact: Object(external_styled_components_["css"])(["6px ", ""], themes_["variables"].spacingSmall),
-    comfortable: Object(external_styled_components_["css"])(["10px ", ""], themes_["variables"].spacingSmall)
+    compact: (0,external_styled_components_namespaceObject.css)(["6px ", ""], themes_namespaceObject.variables.spacingSmall),
+    comfortable: (0,external_styled_components_namespaceObject.css)(["10px ", ""], themes_namespaceObject.variables.spacingSmall)
   },
-  enterprise: Object(external_styled_components_["css"])(["6px ", ""], themes_["variables"].spacingSmall)
+  enterprise: (0,external_styled_components_namespaceObject.css)(["6px ", ""], themes_namespaceObject.variables.spacingSmall)
 }));
 
-// CONCATENATED MODULE: ./src/DualListbox/ListboxContext.tsx
+;// CONCATENATED MODULE: ./src/DualListbox/ListboxContext.tsx
 
 
 /**
@@ -465,9 +441,9 @@ var StyledDiv = external_styled_components_default.a.div.withConfig({
  * Defaults to `'{}'`.
  * @public
  */
-var ListboxContext = /*#__PURE__*/external_react_default.a.createContext({});
-/* harmony default export */ var DualListbox_ListboxContext = (ListboxContext);
-// CONCATENATED MODULE: ./src/DualListbox/Option.tsx
+var ListboxContext = /*#__PURE__*/external_react_default().createContext({});
+/* harmony default export */ const DualListbox_ListboxContext = (ListboxContext);
+;// CONCATENATED MODULE: ./src/DualListbox/Option.tsx
 function Option_extends() { Option_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Option_extends.apply(this, arguments); }
 
 function Option_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Option_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -480,11 +456,11 @@ function Option_objectWithoutPropertiesLoose(source, excluded) { if (source == n
 
 
 var Option_propTypes = {
-  id: external_prop_types_default.a.string.isRequired,
-  label: external_prop_types_default.a.string.isRequired,
-  listName: external_prop_types_default.a.string,
-  selected: external_prop_types_default.a.bool,
-  value: external_prop_types_default.a.string.isRequired
+  id: (external_prop_types_default()).string.isRequired,
+  label: (external_prop_types_default()).string.isRequired,
+  listName: (external_prop_types_default()).string,
+  selected: (external_prop_types_default()).bool,
+  value: (external_prop_types_default()).string.isRequired
 };
 
 function Option(_ref) {
@@ -494,19 +470,19 @@ function Option(_ref) {
       value = _ref.value,
       otherProps = Option_objectWithoutProperties(_ref, ["id", "label", "selected", "value"]);
 
-  var contextValue = Object(external_react_["useContext"])(DualListbox_ListboxContext);
+  var contextValue = (0,external_react_namespaceObject.useContext)(DualListbox_ListboxContext);
   var forceUpdate = useForceUpdate_default()();
   var onOptionClick = contextValue.onOptionClick,
       getOptionStateForValue = contextValue.getOptionStateForValue,
       updateOptionRefreshHookByValue = contextValue.updateOptionRefreshHookByValue,
       controlled = contextValue.controlled;
-  Object(external_react_["useEffect"])(function () {
+  (0,external_react_namespaceObject.useEffect)(function () {
     updateOptionRefreshHookByValue === null || updateOptionRefreshHookByValue === void 0 ? void 0 : updateOptionRefreshHookByValue(value, forceUpdate);
     return function () {
       return updateOptionRefreshHookByValue === null || updateOptionRefreshHookByValue === void 0 ? void 0 : updateOptionRefreshHookByValue(value);
     };
   }, [value, updateOptionRefreshHookByValue, forceUpdate]);
-  var handleClick = Object(external_react_["useCallback"])(function (event) {
+  var handleClick = (0,external_react_namespaceObject.useCallback)(function (event) {
     onOptionClick === null || onOptionClick === void 0 ? void 0 : onOptionClick(event, {
       value: value
     });
@@ -521,7 +497,7 @@ function Option(_ref) {
       selectedContext = _getOptionStateForVal.selected;
 
   var selected = !!(controlled ? selectedProp : selectedContext);
-  return /*#__PURE__*/external_react_default.a.createElement(StyledListItem, Option_extends({
+  return /*#__PURE__*/external_react_default().createElement(StyledListItem, Option_extends({
     "aria-selected": selected,
     "data-test": "option",
     "data-test-value": value,
@@ -531,38 +507,37 @@ function Option(_ref) {
     role: "option",
     $active: active,
     $selected: selected
-  }, otherProps), /*#__PURE__*/external_react_default.a.createElement(StyledSwtich, {
+  }, otherProps), /*#__PURE__*/external_react_default().createElement(StyledSwtich, {
     interactive: false,
     selected: selected,
     appearance: "checkbox"
-  }), /*#__PURE__*/external_react_default.a.createElement(StyledDiv, null, label));
+  }), /*#__PURE__*/external_react_default().createElement(StyledDiv, null, label));
 }
 
 Option.propTypes = Option_propTypes;
-/* harmony default export */ var DualListbox_Option = (Option);
-// EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(8);
-
-// CONCATENATED MODULE: ./src/DualListbox/LabelStyles.ts
+/* harmony default export */ const DualListbox_Option = (Option);
+;// CONCATENATED MODULE: external "@splunk/ui-utils/id"
+const id_namespaceObject = require("@splunk/ui-utils/id");
+;// CONCATENATED MODULE: ./src/DualListbox/LabelStyles.ts
 
 
-var StyledLabel = external_styled_components_default.a.label.withConfig({
+var StyledLabel = external_styled_components_default().label.withConfig({
   displayName: "LabelStyles__StyledLabel",
   componentId: "unwplx-0"
-})(["color:", ";flex:0 0 auto;"], themes_["variables"].contentColorActive);
-var StyledLabelContainer = external_styled_components_default.a.div.withConfig({
+})(["color:", ";flex:0 0 auto;"], themes_namespaceObject.variables.contentColorActive);
+var StyledLabelContainer = external_styled_components_default().div.withConfig({
   displayName: "LabelStyles__StyledLabelContainer",
   componentId: "unwplx-1"
 })(["display:flex;flex-direction:column;"]);
-var StyledSwitchContainer = external_styled_components_default.a.div.withConfig({
+var StyledSwitchContainer = external_styled_components_default().div.withConfig({
   displayName: "LabelStyles__StyledSwitchContainer",
   componentId: "unwplx-2"
-})(["align-items:center;border:1px solid transparent;display:flex;gap:", ";grid-row:headers;padding:0 ", ";", ""], themes_["variables"].spacingSmall, themes_["variables"].spacingSmall, function (_ref) {
+})(["align-items:center;border:1px solid transparent;display:flex;gap:", ";grid-row:headers;padding:0 ", ";", ""], themes_namespaceObject.variables.spacingSmall, themes_namespaceObject.variables.spacingSmall, function (_ref) {
   var $columnNumber = _ref.$columnNumber;
-  return Object(external_styled_components_["css"])(["grid-column:", ";"], "list".concat($columnNumber));
+  return (0,external_styled_components_namespaceObject.css)(["grid-column:", ";"], "list".concat($columnNumber));
 });
 
-// CONCATENATED MODULE: ./src/DualListbox/Label.tsx
+;// CONCATENATED MODULE: ./src/DualListbox/Label.tsx
 
 
 
@@ -574,12 +549,12 @@ var StyledSwitchContainer = external_styled_components_default.a.div.withConfig(
 
 
 var Label_propTypes = {
-  id: external_prop_types_default.a.string.isRequired,
-  index: external_prop_types_default.a.number.isRequired,
-  listId: external_prop_types_default.a.string.isRequired,
-  name: external_prop_types_default.a.string.isRequired,
-  onSwitchClick: external_prop_types_default.a.func,
-  value: external_prop_types_default.a.string.isRequired
+  id: (external_prop_types_default()).string.isRequired,
+  index: (external_prop_types_default()).number.isRequired,
+  listId: (external_prop_types_default()).string.isRequired,
+  name: (external_prop_types_default()).string.isRequired,
+  onSwitchClick: (external_prop_types_default()).func,
+  value: (external_prop_types_default()).string.isRequired
 };
 
 function ListboxLabel(_ref) {
@@ -589,12 +564,12 @@ function ListboxLabel(_ref) {
       name = _ref.name,
       onSwitchClick = _ref.onSwitchClick,
       value = _ref.value;
-  var contextValue = Object(external_react_["useContext"])(DualListbox_ListboxContext);
+  var contextValue = (0,external_react_namespaceObject.useContext)(DualListbox_ListboxContext);
   var forceUpdate = useForceUpdate_default()();
-  var switchIdRef = Object(external_react_["useRef"])(Object(id_["createDOMID"])('switch'));
+  var switchIdRef = (0,external_react_namespaceObject.useRef)((0,id_namespaceObject.createDOMID)('switch'));
   var updateLabelRefreshHookByName = contextValue.updateLabelRefreshHookByName,
       getLabelState = contextValue.getLabelState;
-  Object(external_react_["useEffect"])(function () {
+  (0,external_react_namespaceObject.useEffect)(function () {
     updateLabelRefreshHookByName === null || updateLabelRefreshHookByName === void 0 ? void 0 : updateLabelRefreshHookByName(name, forceUpdate);
     return function () {
       return updateLabelRefreshHookByName === null || updateLabelRefreshHookByName === void 0 ? void 0 : updateLabelRefreshHookByName(name);
@@ -611,14 +586,14 @@ function ListboxLabel(_ref) {
       selectedValueCount = _getLabelState.selectedValueCount,
       valueCount = _getLabelState.valueCount;
 
-  return /*#__PURE__*/external_react_default.a.createElement(StyledSwitchContainer, {
+  return /*#__PURE__*/external_react_default().createElement(StyledSwitchContainer, {
     $columnNumber: index
-  }, /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, {
+  }, /*#__PURE__*/external_react_default().createElement((ScreenReaderContent_default()), {
     "aria-hidden": true,
     id: switchIdRef.current
-  }, Object(format_["sprintf"])(Object(i18n_["_"])('Select All %(listName)s Options'), {
+  }, (0,format_namespaceObject.sprintf)((0,i18n_namespaceObject._)('Select All %(listName)s Options'), {
     listName: value
-  })), /*#__PURE__*/external_react_default.a.createElement(Switch_default.a, {
+  })), /*#__PURE__*/external_react_default().createElement((Switch_default()), {
     appearance: "checkbox",
     "data-test": "select-all",
     disabled: disabled,
@@ -626,31 +601,31 @@ function ListboxLabel(_ref) {
     onClick: onSwitchClick,
     selected: selected,
     value: value
-  }), /*#__PURE__*/external_react_default.a.createElement(StyledLabelContainer, null, /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
+  }), /*#__PURE__*/external_react_default().createElement(StyledLabelContainer, null, /*#__PURE__*/external_react_default().createElement(StyledLabel, {
     id: id,
     htmlFor: listId
-  }, value), /*#__PURE__*/external_react_default.a.createElement("span", {
+  }, value), /*#__PURE__*/external_react_default().createElement("span", {
     "aria-hidden": true
   }, "".concat(selectedValueCount, "/").concat(valueCount, " Selected"))));
 }
 
 ListboxLabel.propTypes = Label_propTypes;
-/* harmony default export */ var Label = (ListboxLabel);
-// CONCATENATED MODULE: ./src/DualListbox/ListboxStyles.ts
+/* harmony default export */ const Label = (ListboxLabel);
+;// CONCATENATED MODULE: ./src/DualListbox/ListboxStyles.ts
 
 
-var StyledListbox = external_styled_components_default.a.ul.withConfig({
+var StyledListbox = external_styled_components_default().ul.withConfig({
   displayName: "ListboxStyles__StyledListbox",
   componentId: "sc-11oqtd-0"
-})(["background-color:", ";border:1px 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;}", ""], themes_["variables"].transparent, Object(themes_["pick"])({
-  enterprise: themes_["variables"].gray60,
-  prisma: themes_["variables"].interactiveColorBorder
-}), themes_["variables"].borderRadius, themes_["variables"].focusShadow, function (_ref) {
+})(["background-color:", ";border:1px 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;}", ""], themes_namespaceObject.variables.transparent, (0,themes_namespaceObject.pick)({
+  enterprise: themes_namespaceObject.variables.gray60,
+  prisma: themes_namespaceObject.variables.interactiveColorBorder
+}), themes_namespaceObject.variables.borderRadius, themes_namespaceObject.variables.focusShadow, function (_ref) {
   var $columnNumber = _ref.$columnNumber;
-  return Object(external_styled_components_["css"])(["grid-column:", ";"], "list".concat($columnNumber));
+  return (0,external_styled_components_namespaceObject.css)(["grid-column:", ";"], "list".concat($columnNumber));
 });
 
-// CONCATENATED MODULE: ./src/DualListbox/Listbox.tsx
+;// CONCATENATED MODULE: ./src/DualListbox/Listbox.tsx
 function Listbox_extends() { Listbox_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Listbox_extends.apply(this, arguments); }
 
 function Listbox_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Listbox_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -665,14 +640,14 @@ function Listbox_objectWithoutPropertiesLoose(source, excluded) { if (source ==
 
 
 var Listbox_propTypes = {
-  children: external_prop_types_default.a.node,
-  index: external_prop_types_default.a.number.isRequired,
-  label: external_prop_types_default.a.string.isRequired,
-  multiSelect: external_prop_types_default.a.bool,
-  name: external_prop_types_default.a.string.isRequired,
-  onClick: external_prop_types_default.a.func,
-  onKeyDown: external_prop_types_default.a.func,
-  onSelectAllClick: external_prop_types_default.a.func
+  children: (external_prop_types_default()).node,
+  index: (external_prop_types_default()).number.isRequired,
+  label: (external_prop_types_default()).string.isRequired,
+  multiSelect: (external_prop_types_default()).bool,
+  name: (external_prop_types_default()).string.isRequired,
+  onClick: (external_prop_types_default()).func,
+  onKeyDown: (external_prop_types_default()).func,
+  onSelectAllClick: (external_prop_types_default()).func
 };
 
 function Listbox(_ref) {
@@ -686,10 +661,10 @@ function Listbox(_ref) {
       onSelectAllClick = _ref.onSelectAllClick,
       otherProps = Listbox_objectWithoutProperties(_ref, ["children", "elementRef", "index", "label", "name", "onClick", "onKeyDown", "onSelectAllClick"]);
 
-  var labelIdRef = Object(external_react_["useRef"])(Object(id_["createDOMID"])('label'));
-  var idRef = Object(external_react_["useRef"])(Object(id_["createDOMID"])('listbox'));
+  var labelIdRef = (0,external_react_namespaceObject.useRef)((0,id_namespaceObject.createDOMID)('label'));
+  var idRef = (0,external_react_namespaceObject.useRef)((0,id_namespaceObject.createDOMID)('listbox'));
 
-  var _useContext = Object(external_react_["useContext"])(DualListbox_DualListboxContext),
+  var _useContext = (0,external_react_namespaceObject.useContext)(DualListbox_DualListboxContext),
       controlled = _useContext.controlled,
       getSelectedStateForValue = _useContext.getSelectedStateForValue,
       getActiveValue = _useContext.getActiveValue,
@@ -698,20 +673,20 @@ function Listbox(_ref) {
       updateLabelRefreshHookByName = _useContext.updateLabelRefreshHookByName,
       updateOptionRefreshHookByValue = _useContext.updateOptionRefreshHookByValue;
 
-  var handleClick = Object(external_react_["useCallback"])(function (event, _ref2) {
+  var handleClick = (0,external_react_namespaceObject.useCallback)(function (event, _ref2) {
     var value = _ref2.value;
     onClick === null || onClick === void 0 ? void 0 : onClick(event, {
       name: name,
       value: value
     });
   }, [name, onClick]);
-  var getOptionStateForValue = Object(external_react_["useCallback"])(function (value) {
+  var getOptionStateForValue = (0,external_react_namespaceObject.useCallback)(function (value) {
     return {
       active: (getActiveValue === null || getActiveValue === void 0 ? void 0 : getActiveValue(name)) === value,
       selected: !!(getSelectedStateForValue === null || getSelectedStateForValue === void 0 ? void 0 : getSelectedStateForValue(value))
     };
   }, [name, getActiveValue, getSelectedStateForValue]);
-  var getLabelState = Object(external_react_["useCallback"])(function () {
+  var getLabelState = (0,external_react_namespaceObject.useCallback)(function () {
     var valueCount = (getValueCount === null || getValueCount === void 0 ? void 0 : getValueCount(name)) || 0;
     var selectedValueCount = (getSelectedValueCount === null || getSelectedValueCount === void 0 ? void 0 : getSelectedValueCount(name)) || 0;
     var switchSelected = false;
@@ -749,7 +724,7 @@ function Listbox(_ref) {
     }
   };
 
-  var contextValue = Object(external_react_["useMemo"])(function () {
+  var contextValue = (0,external_react_namespaceObject.useMemo)(function () {
     return {
       onOptionClick: handleClick,
       updateLabelRefreshHookByName: updateLabelRefreshHookByName,
@@ -759,16 +734,16 @@ function Listbox(_ref) {
       controlled: controlled
     };
   }, [handleClick, updateLabelRefreshHookByName, updateOptionRefreshHookByValue, getOptionStateForValue, getLabelState, controlled]);
-  return /*#__PURE__*/external_react_default.a.createElement(DualListbox_ListboxContext.Provider, {
+  return /*#__PURE__*/external_react_default().createElement(DualListbox_ListboxContext.Provider, {
     value: contextValue
-  }, /*#__PURE__*/external_react_default.a.createElement(Label, {
+  }, /*#__PURE__*/external_react_default().createElement(Label, {
     id: labelIdRef.current,
     index: index,
     listId: idRef.current,
     name: name,
     onSwitchClick: handleSwitchClick,
     value: label
-  }), /*#__PURE__*/external_react_default.a.createElement(StyledListbox, Listbox_extends({
+  }), /*#__PURE__*/external_react_default().createElement(StyledListbox, Listbox_extends({
     "aria-activedescendant": "" // Important this value stays static, only updated via DOM maniupulation
     ,
     "aria-labelledby": labelIdRef.current,
@@ -785,31 +760,30 @@ function Listbox(_ref) {
 }
 
 Listbox.propTypes = Listbox_propTypes;
-/* harmony default export */ var DualListbox_Listbox = (Listbox);
-// EXTERNAL MODULE: external "@splunk/react-ui/Box"
-var Box_ = __webpack_require__(6);
-var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
-
-// CONCATENATED MODULE: ./src/DualListbox/DualListboxStyles.ts
+/* harmony default export */ const DualListbox_Listbox = (Listbox);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
+const Box_namespaceObject = require("@splunk/react-ui/Box");
+var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
+;// CONCATENATED MODULE: ./src/DualListbox/DualListboxStyles.ts
 
 
 
-var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
+var StyledBox = external_styled_components_default()((Box_default())).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:", " ", ";", " ", ""], themes_["variables"].spacingXSmall, themes_["variables"].spacingSmall, function (_ref) {
+})(["display:grid;grid-template-columns:[list0] 180px [actions] min-content [list1] 180px;grid-template-rows:[headers] min-content [lists] 160px;gap:", " ", ";", " ", ""], themes_namespaceObject.variables.spacingXSmall, themes_namespaceObject.variables.spacingSmall, function (_ref) {
   var $inline = _ref.$inline;
-  return $inline && Object(external_styled_components_["css"])(["display:inline-grid;"]);
+  return $inline && (0,external_styled_components_namespaceObject.css)(["display:inline-grid;"]);
 }, function (_ref2) {
   var $fill = _ref2.$fill;
-  return $fill && Object(external_styled_components_["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%;"]);
+  return $fill && (0,external_styled_components_namespaceObject.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 StyledFlexColumn = external_styled_components_default.a.div.withConfig({
+var StyledFlexColumn = external_styled_components_default().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;"], themes_["variables"].spacingSmall);
+})(["&::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;"], themes_namespaceObject.variables.spacingSmall);
 
-// CONCATENATED MODULE: ./src/DualListbox/DualListbox.tsx
+;// CONCATENATED MODULE: ./src/DualListbox/DualListbox.tsx
 function DualListbox_extends() { DualListbox_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return DualListbox_extends.apply(this, arguments); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -849,15 +823,15 @@ function DualListbox_objectWithoutPropertiesLoose(source, excluded) { if (source
 /** @public */
 
 var DualListbox_propTypes = {
-  children: external_prop_types_default.a.node,
-  controlled: external_prop_types_default.a.bool,
-  fill: external_prop_types_default.a.bool,
-  inline: external_prop_types_default.a.bool,
-  onChange: external_prop_types_default.a.func,
-  onSelect: external_prop_types_default.a.func,
-  lists: external_prop_types_default.a.arrayOf(external_prop_types_default.a.shape({
-    name: external_prop_types_default.a.string.isRequired,
-    label: external_prop_types_default.a.string.isRequired
+  children: (external_prop_types_default()).node,
+  controlled: (external_prop_types_default()).bool,
+  fill: (external_prop_types_default()).bool,
+  inline: (external_prop_types_default()).bool,
+  onChange: (external_prop_types_default()).func,
+  onSelect: (external_prop_types_default()).func,
+  lists: external_prop_types_default().arrayOf(external_prop_types_default().shape({
+    name: (external_prop_types_default()).string.isRequired,
+    label: (external_prop_types_default()).string.isRequired
   })).isRequired
 };
 
@@ -878,39 +852,39 @@ function DualListbox(_ref) {
 
   // @docs-props-type DualListboxPropsBase
   var forceUpdate = useForceUpdate_default()();
-  var mountedRef = Object(external_react_["useRef"])(false);
-  Object(external_react_["useEffect"])(function () {
+  var mountedRef = (0,external_react_namespaceObject.useRef)(false);
+  (0,external_react_namespaceObject.useEffect)(function () {
     mountedRef.current = true;
   }, []); // TODO: Implement shared isControlled hook (SUI-5283).
 
-  var isControlledRef = Object(external_react_["useRef"])(controlled); // List One "Available" Refs
+  var isControlledRef = (0,external_react_namespaceObject.useRef)(controlled); // List One "Available" Refs
 
-  var listOneValues = Object(external_react_["useRef"])([]);
-  var listOneSelectedValues = Object(external_react_["useRef"])([]);
-  var listOneActiveValue = Object(external_react_["useRef"])();
-  var listOneNodeRef = Object(external_react_["useRef"])(null);
-  var listOneMatchOptions = Object(external_react_["useRef"])([]); // List Two "Selected" Refs
+  var listOneValues = (0,external_react_namespaceObject.useRef)([]);
+  var listOneSelectedValues = (0,external_react_namespaceObject.useRef)([]);
+  var listOneActiveValue = (0,external_react_namespaceObject.useRef)();
+  var listOneNodeRef = (0,external_react_namespaceObject.useRef)(null);
+  var listOneMatchOptions = (0,external_react_namespaceObject.useRef)([]); // List Two "Selected" Refs
 
-  var listTwoValues = Object(external_react_["useRef"])([]);
-  var listTwoSelectedValues = Object(external_react_["useRef"])([]);
-  var listTwoActiveValue = Object(external_react_["useRef"])();
-  var listTwoNodeRef = Object(external_react_["useRef"])(null);
-  var listTwoMatchOptions = Object(external_react_["useRef"])([]); // Refresh Hook Stores, used to render indivual elements when uncontrolled
+  var listTwoValues = (0,external_react_namespaceObject.useRef)([]);
+  var listTwoSelectedValues = (0,external_react_namespaceObject.useRef)([]);
+  var listTwoActiveValue = (0,external_react_namespaceObject.useRef)();
+  var listTwoNodeRef = (0,external_react_namespaceObject.useRef)(null);
+  var listTwoMatchOptions = (0,external_react_namespaceObject.useRef)([]); // Refresh Hook Stores, used to render indivual elements when uncontrolled
 
-  var buttonRefreshHookByName = Object(external_react_["useRef"])({});
-  var labelRefreshHookByName = Object(external_react_["useRef"])({});
-  var optionRefreshHookByValue = Object(external_react_["useRef"])({});
-  var screenReaderRefreshHook = Object(external_react_["useRef"])(); // Activity Values Refs
+  var buttonRefreshHookByName = (0,external_react_namespaceObject.useRef)({});
+  var labelRefreshHookByName = (0,external_react_namespaceObject.useRef)({});
+  var optionRefreshHookByValue = (0,external_react_namespaceObject.useRef)({});
+  var screenReaderRefreshHook = (0,external_react_namespaceObject.useRef)(); // Activity Values Refs
 
-  var screenReaderValueRef = Object(external_react_["useRef"])();
-  var selectedByValue = Object(external_react_["useRef"])({});
-  var idByValue = Object(external_react_["useRef"])({});
-  var indexByValue = Object(external_react_["useRef"])({});
-  var initialRangeIndex = Object(external_react_["useRef"])(0); // Key Match Refs
+  var screenReaderValueRef = (0,external_react_namespaceObject.useRef)();
+  var selectedByValue = (0,external_react_namespaceObject.useRef)({});
+  var idByValue = (0,external_react_namespaceObject.useRef)({});
+  var indexByValue = (0,external_react_namespaceObject.useRef)({});
+  var initialRangeIndex = (0,external_react_namespaceObject.useRef)(0); // Key Match Refs
 
-  var matchCharacter = Object(external_react_["useRef"])();
-  var matchTimeout = Object(external_react_["useRef"])();
-  var matchOptions = Object(external_react_["useRef"])([]);
+  var matchCharacter = (0,external_react_namespaceObject.useRef)();
+  var matchTimeout = (0,external_react_namespaceObject.useRef)();
+  var matchOptions = (0,external_react_namespaceObject.useRef)([]);
 
   if (false) {}
 
@@ -956,7 +930,7 @@ function DualListbox(_ref) {
   }];
 
   if (!mountedRef.current || isControlledRef.current) {
-    external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).forEach(function (child) {
+    external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement).forEach(function (child) {
       var _child$props = child.props,
           value = _child$props.value,
           label = _child$props.label;
@@ -984,7 +958,7 @@ function DualListbox(_ref) {
       idByValue.current[value] = child.props.id;
     });
   } else {
-    external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).forEach(function (child) {
+    external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement).forEach(function (child) {
       var _child$props2 = child.props,
           value = _child$props2.value,
           label = _child$props2.label;
@@ -1000,63 +974,63 @@ function DualListbox(_ref) {
     });
   }
 
-  var setActiveValue = Object(external_react_["useCallback"])(function (name, value) {
+  var setActiveValue = (0,external_react_namespaceObject.useCallback)(function (name, value) {
     if (name === listOneName) {
       listOneActiveValue.current = value;
     } else {
       listTwoActiveValue.current = value;
     }
   }, [listOneName]);
-  var getActiveValue = Object(external_react_["useCallback"])(function (name) {
+  var getActiveValue = (0,external_react_namespaceObject.useCallback)(function (name) {
     return name === listOneName ? listOneActiveValue.current : listTwoActiveValue.current;
   }, [listOneName]);
-  var setSelectedValues = Object(external_react_["useCallback"])(function (name, values) {
+  var setSelectedValues = (0,external_react_namespaceObject.useCallback)(function (name, values) {
     if (name === listOneName) {
       listOneSelectedValues.current = values;
     } else {
       listTwoSelectedValues.current = values;
     }
   }, [listOneName]);
-  var getSelectedValues = Object(external_react_["useCallback"])(function (name) {
+  var getSelectedValues = (0,external_react_namespaceObject.useCallback)(function (name) {
     return name === listOneName ? listOneSelectedValues.current : listTwoSelectedValues.current;
   }, [listOneName]);
-  var getSelectedValueCount = Object(external_react_["useCallback"])(function (name) {
+  var getSelectedValueCount = (0,external_react_namespaceObject.useCallback)(function (name) {
     return getSelectedValues(name).length;
   }, [getSelectedValues]);
-  var getScreenReaderMessage = Object(external_react_["useCallback"])(function () {
+  var getScreenReaderMessage = (0,external_react_namespaceObject.useCallback)(function () {
     return screenReaderValueRef.current;
   }, []);
-  var getSelectedStateForValue = Object(external_react_["useCallback"])(function (value) {
+  var getSelectedStateForValue = (0,external_react_namespaceObject.useCallback)(function (value) {
     return selectedByValue.current[value];
   }, []);
-  var setValues = Object(external_react_["useCallback"])(function (name, values) {
+  var setValues = (0,external_react_namespaceObject.useCallback)(function (name, values) {
     if (name === listOneName) {
       listOneValues.current = values;
     } else {
       listTwoValues.current = values;
     }
   }, [listOneName]);
-  var getValues = Object(external_react_["useCallback"])(function (name) {
+  var getValues = (0,external_react_namespaceObject.useCallback)(function (name) {
     return name === listOneName ? listOneValues.current : listTwoValues.current;
   }, [listOneName]);
-  var getValueCount = Object(external_react_["useCallback"])(function (name) {
+  var getValueCount = (0,external_react_namespaceObject.useCallback)(function (name) {
     return getValues(name).length;
   }, [getValues]);
-  var getIsAllSelected = Object(external_react_["useCallback"])(function (name) {
+  var getIsAllSelected = (0,external_react_namespaceObject.useCallback)(function (name) {
     var valueCount = getValueCount(name);
     return valueCount > 0 && valueCount === getSelectedValueCount(name);
   }, [getValueCount, getSelectedValueCount]);
-  var getAvailableMatchOptions = Object(external_react_["useCallback"])(function (name) {
+  var getAvailableMatchOptions = (0,external_react_namespaceObject.useCallback)(function (name) {
     return name === listOneName ? listOneMatchOptions.current : listTwoMatchOptions.current;
   }, [listOneName]);
-  var getButtonState = Object(external_react_["useCallback"])(function (name) {
+  var getButtonState = (0,external_react_namespaceObject.useCallback)(function (name) {
     var valueCount = getValueCount(name);
     var selectedValueCount = getSelectedValueCount(name);
     return {
       disabled: valueCount < 1 || selectedValueCount < 1
     };
   }, [getValueCount, getSelectedValueCount]);
-  var clearScreenReaderText = Object(external_react_["useCallback"])(function () {
+  var clearScreenReaderText = (0,external_react_namespaceObject.useCallback)(function () {
     if (screenReaderValueRef.current && screenReaderValueRef.current.length > 0) {
       var _screenReaderRefreshH;
 
@@ -1064,7 +1038,7 @@ function DualListbox(_ref) {
       (_screenReaderRefreshH = screenReaderRefreshHook.current) === null || _screenReaderRefreshH === void 0 ? void 0 : _screenReaderRefreshH.call(screenReaderRefreshHook);
     }
   }, []);
-  var resetMatches = Object(external_react_["useCallback"])(function () {
+  var resetMatches = (0,external_react_namespaceObject.useCallback)(function () {
     matchCharacter.current = undefined;
     matchOptions.current = [];
 
@@ -1072,58 +1046,58 @@ function DualListbox(_ref) {
       clearTimeout(matchTimeout.current);
     }
   }, []);
-  var updateScreenReaderRefreshHook = Object(external_react_["useCallback"])(function (callback) {
+  var updateScreenReaderRefreshHook = (0,external_react_namespaceObject.useCallback)(function (callback) {
     screenReaderRefreshHook.current = callback;
   }, []);
-  var updateOptionRefreshHookByValue = Object(external_react_["useCallback"])(function (value, callback) {
+  var updateOptionRefreshHookByValue = (0,external_react_namespaceObject.useCallback)(function (value, callback) {
     if (callback) {
       optionRefreshHookByValue.current[value] = callback;
     } else {
       delete optionRefreshHookByValue.current[value];
     }
   }, []);
-  var updateLabelRefreshHookByName = Object(external_react_["useCallback"])(function (name, callback) {
+  var updateLabelRefreshHookByName = (0,external_react_namespaceObject.useCallback)(function (name, callback) {
     if (callback) {
       labelRefreshHookByName.current[name] = callback;
     } else {
       delete labelRefreshHookByName.current[name];
     }
   }, []);
-  var updateButtonRefreshHookByName = Object(external_react_["useCallback"])(function (name, callback) {
+  var updateButtonRefreshHookByName = (0,external_react_namespaceObject.useCallback)(function (name, callback) {
     if (callback) {
       buttonRefreshHookByName.current[name] = callback;
     } else {
       delete buttonRefreshHookByName.current[name];
     }
   }, []);
-  var updateOption = Object(external_react_["useCallback"])(function (value) {
+  var updateOption = (0,external_react_namespaceObject.useCallback)(function (value) {
     if (value) {
       var _optionRefreshHookByV, _optionRefreshHookByV2;
 
       (_optionRefreshHookByV = (_optionRefreshHookByV2 = optionRefreshHookByValue.current)[value]) === null || _optionRefreshHookByV === void 0 ? void 0 : _optionRefreshHookByV.call(_optionRefreshHookByV2);
     }
   }, []);
-  var updateLabel = Object(external_react_["useCallback"])(function (name) {
+  var updateLabel = (0,external_react_namespaceObject.useCallback)(function (name) {
     if (name) {
       var _labelRefreshHookByNa, _labelRefreshHookByNa2;
 
       (_labelRefreshHookByNa = (_labelRefreshHookByNa2 = labelRefreshHookByName.current)[name]) === null || _labelRefreshHookByNa === void 0 ? void 0 : _labelRefreshHookByNa.call(_labelRefreshHookByNa2);
     }
   }, []);
-  var updateButton = Object(external_react_["useCallback"])(function (name) {
+  var updateButton = (0,external_react_namespaceObject.useCallback)(function (name) {
     if (name) {
       var _buttonRefreshHookByN, _buttonRefreshHookByN2;
 
       (_buttonRefreshHookByN = (_buttonRefreshHookByN2 = buttonRefreshHookByName.current)[name]) === null || _buttonRefreshHookByN === void 0 ? void 0 : _buttonRefreshHookByN.call(_buttonRefreshHookByN2);
     }
   }, []);
-  var updateInternalDisplay = Object(external_react_["useCallback"])(function (name) {
+  var updateInternalDisplay = (0,external_react_namespaceObject.useCallback)(function (name) {
     clearScreenReaderText();
     updateLabel(name);
     updateButton(listOneName);
     updateButton(listTwoName);
   }, [clearScreenReaderText, updateButton, updateLabel, listOneName, listTwoName]);
-  var updateActiveOption = Object(external_react_["useCallback"])(function (name, value) {
+  var updateActiveOption = (0,external_react_namespaceObject.useCallback)(function (name, value) {
     var skipRender = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var listbox = name === listOneName ? listOneNodeRef.current : listTwoNodeRef.current;
 
@@ -1151,11 +1125,11 @@ function DualListbox(_ref) {
 
       if (!skipRender && id.length > 0) {
         var element = listbox.querySelector("#".concat(id));
-        Object(scrollIntoViewIfNeeded["a" /* scrollIntoViewIfNeeded */])(element);
+        scrollIntoViewIfNeeded(element);
       }
     }
   }, [getActiveValue, setActiveValue, updateOption, listOneName]);
-  var handleSingleSelection = Object(external_react_["useCallback"])(function (event, _ref2) {
+  var handleSingleSelection = (0,external_react_namespaceObject.useCallback)(function (event, _ref2) {
     var value = _ref2.value,
         name = _ref2.name;
     var sourceValues = getIsAllSelected(name) ? getValues(name) : getSelectedValues(name);
@@ -1174,7 +1148,7 @@ function DualListbox(_ref) {
       listName: name
     });
   }, [getIsAllSelected, getSelectedValues, getValues, setSelectedValues, updateActiveOption, updateInternalDisplay, onSelect]);
-  var handleRangeSelection = Object(external_react_["useCallback"])(function (event, _ref3) {
+  var handleRangeSelection = (0,external_react_namespaceObject.useCallback)(function (event, _ref3) {
     var initialIndex = _ref3.initialIndex,
         name = _ref3.name,
         targetIndex = _ref3.targetIndex;
@@ -1213,7 +1187,7 @@ function DualListbox(_ref) {
       listName: name
     });
   }, [getValues, onSelect, setSelectedValues, updateActiveOption, updateInternalDisplay, updateOption]);
-  var handleSelectAll = Object(external_react_["useCallback"])(function (event, _ref4) {
+  var handleSelectAll = (0,external_react_namespaceObject.useCallback)(function (event, _ref4) {
     var name = _ref4.name,
         selected = _ref4.selected;
     var listValues = getValues(name);
@@ -1238,7 +1212,7 @@ function DualListbox(_ref) {
     });
   }, [getValues, onSelect, setSelectedValues, updateInternalDisplay, updateOption]); // handleMoveValues does not update the active value of the source, keyboard and mouse differ, only the target active value is updated
 
-  var handleMoveValues = Object(external_react_["useCallback"])(function (event, sourceName, targetName) {
+  var handleMoveValues = (0,external_react_namespaceObject.useCallback)(function (event, sourceName, targetName) {
     var sourceValues = getValues(sourceName);
     var sourceSelectedValues = getSelectedValues(sourceName);
     var sourceIsAllSelected = getIsAllSelected(sourceName);
@@ -1255,7 +1229,7 @@ function DualListbox(_ref) {
       updateActiveOption(targetName, sourceSelectedValues[0], true);
     }
 
-    var message = Object(format_["sprintf"])(Object(i18n_["_"])('Moved %(count)d items to %(listLabel)s list'), {
+    var message = (0,format_namespaceObject.sprintf)((0,i18n_namespaceObject._)('Moved %(count)d items to %(listLabel)s list'), {
       count: sourceSelectedValues.length,
       listLabel: targetName === listOneName ? listOneLabel : listTwoLabel
     }); // These new values do not perserve sort position, may need to be refactored with sort logic (SUI-5270).
@@ -1287,7 +1261,7 @@ function DualListbox(_ref) {
     event.preventDefault();
     onChange === null || onChange === void 0 ? void 0 : onChange(event, data);
   }, [forceUpdate, getActiveValue, getIsAllSelected, getSelectedValues, getValues, onChange, setSelectedValues, setValues, updateActiveOption, listOneName, listOneLabel, listTwoLabel]);
-  var handleToolbarButtonClick = Object(external_react_["useCallback"])(function (event, _ref5) {
+  var handleToolbarButtonClick = (0,external_react_namespaceObject.useCallback)(function (event, _ref5) {
     var name = _ref5.name;
     var isAllSelected = getIsAllSelected(name);
     var activeValue = getActiveValue(name);
@@ -1300,7 +1274,7 @@ function DualListbox(_ref) {
 
     handleMoveValues(event, name, targetName);
   }, [getActiveValue, getIsAllSelected, handleMoveValues, updateActiveOption, listOneName, listTwoName]);
-  var handleOptionClick = Object(external_react_["useCallback"])(function (event, _ref6) {
+  var handleOptionClick = (0,external_react_namespaceObject.useCallback)(function (event, _ref6) {
     var name = _ref6.name,
         value = _ref6.value;
 
@@ -1317,10 +1291,10 @@ function DualListbox(_ref) {
       });
     }
   }, [handleRangeSelection, handleSingleSelection]);
-  var handleSelectAllClick = Object(external_react_["useCallback"])(function (event, data) {
+  var handleSelectAllClick = (0,external_react_namespaceObject.useCallback)(function (event, data) {
     handleSelectAll(event, data);
   }, [handleSelectAll]);
-  var handleKeyMatch = Object(external_react_["useCallback"])(function (e, name) {
+  var handleKeyMatch = (0,external_react_namespaceObject.useCallback)(function (e, name) {
     var currentKey = e.nativeEvent.key;
     var availableOptions = getAvailableMatchOptions(name); // Checking for a single character to avoid complications from double-byte languages and emojis.
 
@@ -1337,10 +1311,10 @@ function DualListbox(_ref) {
           return;
         }
 
-        matches = Object(fuzzyMatch["a" /* fuzzyMatch */])(availableOptions, character);
+        matches = fuzzyMatch(availableOptions, character);
       } else if (matchOptions.current.length > 1) {
         character.index = matchCharacter.current.index + 1;
-        matches = Object(fuzzyMatch["a" /* fuzzyMatch */])(matchOptions.current, character);
+        matches = fuzzyMatch(matchOptions.current, character);
       }
 
       if (matches.length) {
@@ -1375,9 +1349,9 @@ function DualListbox(_ref) {
       e.stopPropagation();
     }
   }, [getActiveValue, getAvailableMatchOptions, resetMatches, updateActiveOption]);
-  var handleListboxKeyDown = Object(external_react_["useCallback"])(function (event, _ref7) {
+  var handleListboxKeyDown = (0,external_react_namespaceObject.useCallback)(function (event, _ref7) {
     var name = _ref7.name;
-    var eventKeyCode = Object(keyboard_["keycode"])(event.nativeEvent);
+    var eventKeyCode = (0,keyboard_namespaceObject.keycode)(event.nativeEvent);
     var listboxValues = getValues(name);
     var listboxSelectedValues = getSelectedValues(name);
     var isAllSelected = getIsAllSelected(name);
@@ -1514,14 +1488,14 @@ function DualListbox(_ref) {
       updateActiveOption(name, nextActiveValue);
     }
   }, [clearScreenReaderText, getActiveValue, getIsAllSelected, getSelectedValues, getValues, handleKeyMatch, handleMoveValues, handleRangeSelection, handleSingleSelection, handleSelectAll, updateActiveOption, listOneName, listTwoName]);
-  var toolbarContextValue = Object(external_react_["useMemo"])(function () {
+  var toolbarContextValue = (0,external_react_namespaceObject.useMemo)(function () {
     return {
       onButtonClick: handleToolbarButtonClick,
       updateButtonRefreshHookByName: updateButtonRefreshHookByName,
       getButtonState: getButtonState
     };
   }, [handleToolbarButtonClick, updateButtonRefreshHookByName, getButtonState]);
-  var dualContextValue = Object(external_react_["useMemo"])(function () {
+  var dualContextValue = (0,external_react_namespaceObject.useMemo)(function () {
     return {
       controlled: isControlledRef.current,
       getActiveValue: getActiveValue,
@@ -1547,13 +1521,13 @@ function DualListbox(_ref) {
     updateActiveOption(listTwoName, undefined, true);
   }
 
-  return /*#__PURE__*/external_react_default.a.createElement(StyledBox, DualListbox_extends({
+  return /*#__PURE__*/external_react_default().createElement(StyledBox, DualListbox_extends({
     "data-test": "dual-listbox",
     $inline: fill ? false : inline,
     $fill: fill
-  }, otherProps), /*#__PURE__*/external_react_default.a.createElement(DualListbox_DualListboxContext.Provider, {
+  }, otherProps), /*#__PURE__*/external_react_default().createElement(DualListbox_DualListboxContext.Provider, {
     value: dualContextValue
-  }, /*#__PURE__*/external_react_default.a.createElement(DualListbox_Listbox, {
+  }, /*#__PURE__*/external_react_default().createElement(DualListbox_Listbox, {
     index: 0,
     elementRef: listOneNodeRef,
     label: listOneLabel,
@@ -1561,39 +1535,39 @@ function DualListbox(_ref) {
     onClick: handleOptionClick,
     onKeyDown: handleListboxKeyDown,
     onSelectAllClick: handleSelectAllClick
-  }, listData[0].options), /*#__PURE__*/external_react_default.a.createElement(StyledFlexColumn, null, /*#__PURE__*/external_react_default.a.createElement(DualListbox_ToolbarContext.Provider, {
+  }, listData[0].options), /*#__PURE__*/external_react_default().createElement(StyledFlexColumn, null, /*#__PURE__*/external_react_default().createElement(DualListbox_ToolbarContext.Provider, {
     value: toolbarContextValue
-  }, /*#__PURE__*/external_react_default.a.createElement(DualListbox_ToolbarButton, {
-    ariaLabel: Object(format_["sprintf"])(Object(i18n_["_"])('Move selected options to %(listLabel)s list'), {
+  }, /*#__PURE__*/external_react_default().createElement(DualListbox_ToolbarButton, {
+    ariaLabel: (0,format_namespaceObject.sprintf)((0,i18n_namespaceObject._)('Move selected options to %(listLabel)s list'), {
       listLabel: listTwoLabel
     }),
     ariaKeyShortcuts: "Enter",
     "data-test": "move-to-secondary",
-    icon: /*#__PURE__*/external_react_default.a.createElement(ChevronRight_default.a, {
+    icon: /*#__PURE__*/external_react_default().createElement((ChevronRight_default()), {
       hideDefaultTooltip: true,
       screenReaderText: null
     }),
     name: listOneName,
-    tooltipLabel: Object(format_["sprintf"])(Object(i18n_["_"])('Move to %(listLabel)s'), {
+    tooltipLabel: (0,format_namespaceObject.sprintf)((0,i18n_namespaceObject._)('Move to %(listLabel)s'), {
       listLabel: listTwoLabel
     }),
     tooltipPlacement: "left"
-  }), /*#__PURE__*/external_react_default.a.createElement(DualListbox_ToolbarButton, {
-    ariaLabel: Object(format_["sprintf"])(Object(i18n_["_"])('Move selected options to %(listLabel)s list'), {
+  }), /*#__PURE__*/external_react_default().createElement(DualListbox_ToolbarButton, {
+    ariaLabel: (0,format_namespaceObject.sprintf)((0,i18n_namespaceObject._)('Move selected options to %(listLabel)s list'), {
       listLabel: listOneLabel
     }),
     ariaKeyShortcuts: "Delete",
     "data-test": "move-to-primary",
-    icon: /*#__PURE__*/external_react_default.a.createElement(ChevronLeft_default.a, {
+    icon: /*#__PURE__*/external_react_default().createElement((ChevronLeft_default()), {
       hideDefaultTooltip: true,
       screenReaderText: null
     }),
     name: listTwoName,
-    tooltipLabel: Object(format_["sprintf"])(Object(i18n_["_"])('Move to %(listLabel)s'), {
+    tooltipLabel: (0,format_namespaceObject.sprintf)((0,i18n_namespaceObject._)('Move to %(listLabel)s'), {
       listLabel: listOneLabel
     }),
     tooltipPlacement: "right"
-  }))), /*#__PURE__*/external_react_default.a.createElement(DualListbox_Listbox, {
+  }))), /*#__PURE__*/external_react_default().createElement(DualListbox_Listbox, {
     index: 1,
     elementRef: listTwoNodeRef,
     label: listTwoLabel,
@@ -1601,183 +1575,16 @@ function DualListbox(_ref) {
     onClick: handleOptionClick,
     onKeyDown: handleListboxKeyDown,
     onSelectAllClick: handleSelectAllClick
-  }, listData[1].options), /*#__PURE__*/external_react_default.a.createElement(DualListbox_ScreenReaderWrapper, null)));
+  }, listData[1].options), /*#__PURE__*/external_react_default().createElement(DualListbox_ScreenReaderWrapper, null)));
 }
 
 DualListbox.propTypes = DualListbox_propTypes;
 DualListbox.Option = DualListbox_Option;
-/* harmony default export */ var DualListbox_DualListbox = (DualListbox);
-
-// CONCATENATED MODULE: ./src/DualListbox/index.ts
-
-
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 28:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/format");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 35:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 42:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Tooltip");
-
-/***/ }),
-
-/***/ 45:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/useForceUpdate");
-
-/***/ }),
-
-/***/ 56:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* unused harmony export charFromMatchOption */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return fuzzyMatch; });
-// A utility for matching keyboard characters to list values
-var charFromMatchOption = function charFromMatchOption(option, charIndex) {
-  return option ? option.label.charAt(charIndex).toLowerCase() : '';
-};
-
-var fuzzyMatch = function fuzzyMatch(options, matchChar) {
-  if (!options.length) {
-    return options;
-  }
-
-  var defaultMatch = null;
-  var hasMatch = false;
-  var matches = options.filter(function (option) {
-    var characterValue = charFromMatchOption(option, matchChar.index);
-
-    if (characterValue === matchChar.value) {
-      hasMatch = true;
-      return true;
-    } // 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 (!hasMatch) {
-      var defaultValue = charFromMatchOption(defaultMatch, matchChar.index);
-
-      if (!defaultValue) {
-        defaultMatch = option;
-      } else if (characterValue > matchChar.value) {
-        if (defaultValue < matchChar.value) {
-          defaultMatch = option;
-        } else if (defaultValue > characterValue) {
-          defaultMatch = option;
-        }
-      } else if (characterValue > defaultValue) {
-        defaultMatch = option;
-      }
-    }
-
-    return false;
-  });
-  return matches.length === 0 && defaultMatch ? [defaultMatch] : matches;
-};
-
-
-
-/***/ }),
-
-/***/ 58:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Switch");
-
-/***/ }),
-
-/***/ 6:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Box");
-
-/***/ }),
-
-/***/ 64:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/enterprise/ChevronLeft");
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/keyboard");
-
-/***/ }),
-
-/***/ 8:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/id");
-
-/***/ }),
-
-/***/ 89:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return scrollIntoViewIfNeeded; });
-// A utility that attempts to move an element into view by scrolling it's derived parent.
-var scrollIntoViewIfNeeded = function scrollIntoViewIfNeeded(el) {
-  if (!el) {
-    return;
-  }
-
-  var parentEl = el.offsetParent;
-
-  if (!parentEl) {
-    return;
-  } // Below the bottom of the container.
-
-
-  if (parentEl.scrollTop + parentEl.clientHeight < el.offsetTop + el.clientHeight) {
-    parentEl.scrollTop = el.offsetTop + el.clientHeight - parentEl.clientHeight; // Above the top of the container.
-  } else if (parentEl.scrollTop > el.offsetTop) {
-    parentEl.scrollTop = el.offsetTop;
-  }
-};
-
+/* harmony default export */ const DualListbox_DualListbox = (DualListbox);
 
+;// CONCATENATED MODULE: ./src/DualListbox/index.ts
 
-/***/ })
 
-/******/ });
+module.exports = __webpack_exports__;
+/******/ })()
+;