@kaizen/components 1.7.3 → 1.7.7

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { createContext, useState, useEffect, useContext, PureComponent, useRef, forwardRef, useMemo, useCallback, useLayoutEffect, createElement } from 'react';
-import { _ as __rest, a as __assign, b as __spreadArray, c as __spreadArrays, d as classNames, e as classnamesExports } from './index-e494c34a.js';
+import { _ as __rest, a as __assign, b as __spreadArray, c as __spreadArrays, d as classNames, e as classnamesExports } from './index-efbec5b9.js';
 import { makeCssVariableDefinitionsMap } from '@kaizen/design-tokens';
 
 var ThemeManager = (
@@ -3772,8 +3772,8 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
 };
 
 var Style = styleSingleton();
-var styles$d = "\n [" + focusHiddenMarker + "] {\n   pointer-events: none !important;\n }\n";
-var InteractivityDisabler = function () { return React.createElement(Style, { styles: styles$d }); };
+var styles$e = "\n [" + focusHiddenMarker + "] {\n   pointer-events: none !important;\n }\n";
+var InteractivityDisabler = function () { return React.createElement(Style, { styles: styles$e }); };
 
 var extractRef = function (ref) {
     return 'current' in ref ? ref.current : ref;
@@ -37254,7 +37254,7 @@ var esm = /*#__PURE__*/Object.freeze({
     usePopper: usePopper
 });
 
-var styles$c = {"filterPopover":"FilterPopover-module_filterPopover__OgOEM"};
+var styles$d = {"filterPopover":"FilterPopover-module_filterPopover__OgOEM"};
 
 var FilterPopover = function(_a) {
   var children = _a.children, referenceElement = _a.referenceElement, popperOptions = _a.popperOptions, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
@@ -37267,7 +37267,7 @@ var FilterPopover = function(_a) {
       }
     }
   ], placement: "bottom-start", strategy: "fixed" }, popperOptions)), popperStyles = _c.styles, popperAttributes = _c.attributes;
-  return React__default.createElement("div", __assign({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: classNames(styles$c.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
+  return React__default.createElement("div", __assign({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: classNames(styles$d.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
 };
 FilterPopover.displayName = "FilterPopover";
 
@@ -37312,31 +37312,31 @@ var Filter = function(_a) {
 };
 Filter.displayName = "Filter";
 
-var styles$b = {"filterContents":"FilterContents-module_filterContents__uNUpd"};
+var styles$c = {"filterContents":"FilterContents-module_filterContents__uNUpd"};
 
 var FilterContents = function(_a) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React__default.createElement("div", __assign({ className: classNames(styles$b.filterContents, classNameOverride) }, restProps), children);
+  return React__default.createElement("div", __assign({ className: classNames(styles$c.filterContents, classNameOverride) }, restProps), children);
 };
 FilterContents.displayName = "FilterContents";
 
-var yellow = "\x1B[33m ";
-var reset = "\x1B[0m ";
-var warn = function(message) {
-  console.warn("".concat(yellow, "\nKAIZEN WARNING:\n").concat(singleLine(message)).concat(reset, "\n"));
+var yellow$1 = "\x1B[33m ";
+var reset$1 = "\x1B[0m ";
+var warn$1 = function(message) {
+  console.warn("".concat(yellow$1, "\nKAIZEN WARNING:\n").concat(singleLine$1(message)).concat(reset$1, "\n"));
 };
-var singleLine = function(message) {
+var singleLine$1 = function(message) {
   return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
 };
 
-var styles$a = {"icon":"SVG-module_icon__FE6iP","inheritSize":"SVG-module_inheritSize__wiKMe","interactiveIconWrapper":"SVG-module_interactiveIconWrapper__ACcob","disabled":"SVG-module_disabled__WB5BU","hover":"SVG-module_hover__QivVO","active":"SVG-module_active__R9jic","reversedInteractiveIconWrapper":"SVG-module_reversedInteractiveIconWrapper__hTsnf SVG-module_interactiveIconWrapper__ACcob"};
+var styles$b = {"icon":"SVG-module_icon__FE6iP","inheritSize":"SVG-module_inheritSize__wiKMe","interactiveIconWrapper":"SVG-module_interactiveIconWrapper__ACcob","disabled":"SVG-module_disabled__WB5BU","hover":"SVG-module_hover__QivVO","active":"SVG-module_active__R9jic","reversedInteractiveIconWrapper":"SVG-module_reversedInteractiveIconWrapper__hTsnf SVG-module_interactiveIconWrapper__ACcob"};
 
 var SVG = function(_a) {
   var _b, _c;
   var _d = _a.inheritSize, inheritSize = _d === void 0 ? false : _d, _e = _a.role, role = _e === void 0 ? "img" : _e, _f = _a.title, title = _f === void 0 ? "" : _f, _g = _a.desc, desc = _g === void 0 ? "" : _g, _h = _a.viewBox, viewBox = _h === void 0 ? "0 0 20 20" : _h, classNameOverride = _a.classNameOverride, children = _a.children, props = __rest(_a, ["inheritSize", "role", "title", "desc", "viewBox", "classNameOverride", "children"]);
   var isMeaningfulImg = role === "img";
   if (isMeaningfulImg && !title) {
-    warn(`
+    warn$1(`
       Icon with role "img" missing a title attribute.
 
       Assistive technologies that enable vision-impaired users to read web pages
@@ -37361,7 +37361,7 @@ var SVG = function(_a) {
   return React__default.createElement(
     "svg",
     __assign({
-      className: classNames(styles$a.icon, classNameOverride, (_c = {}, _c[styles$a.inheritSize] = inheritSize, _c)),
+      className: classNames(styles$b.icon, classNameOverride, (_c = {}, _c[styles$b.inheritSize] = inheritSize, _c)),
       viewBox,
       // Work around IE11 making all SVGs focusable.
       // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4
@@ -37430,15 +37430,15 @@ var isRefObject = function(ref) {
   return ref !== null && "current" in ref;
 };
 
-var styles$9 = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__I8mV-"};
+var styles$a = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__I8mV-"};
 
 var FilterButtonBase = forwardRef(function(_a, ref) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-  return React__default.createElement("button", __assign({ ref, className: classNames(styles$9.filterButtonBase, classNameOverride) }, restProps), children);
+  return React__default.createElement("button", __assign({ ref, className: classNames(styles$a.filterButtonBase, classNameOverride) }, restProps), children);
 });
 FilterButtonBase.displayName = "FilterButtonBase";
 
-var styles$8 = {"filterButton":"FilterButton-module_filterButton__Q2dMX","labelContainer":"FilterButton-module_labelContainer__5G-MD","hasSelectedValues":"FilterButton-module_hasSelectedValues__dyQkL","labelSeparator":"FilterButton-module_labelSeparator__xrkAx"};
+var styles$9 = {"filterButton":"FilterButton-module_filterButton__Q2dMX","labelContainer":"FilterButton-module_labelContainer__5G-MD","hasSelectedValues":"FilterButton-module_hasSelectedValues__dyQkL","labelSeparator":"FilterButton-module_labelSeparator__xrkAx"};
 
 var FilterButton = forwardRef(function(_a, ref) {
   var label = _a.label, selectedValue = _a.selectedValue, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
@@ -37447,15 +37447,15 @@ var FilterButton = forwardRef(function(_a, ref) {
   var selectedValuesLabel = selectedValue;
   return React__default.createElement(
     FilterButtonBase,
-    __assign({ ref: triggerRef, classNameOverride: classNames(styles$8.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
-    React__default.createElement("span", { className: styles$8.labelContainer }, selectedValuesLabel ? React__default.createElement(
+    __assign({ ref: triggerRef, classNameOverride: classNames(styles$9.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
+    React__default.createElement("span", { className: styles$9.labelContainer }, selectedValuesLabel ? React__default.createElement(
       React__default.Fragment,
       null,
       React__default.createElement(
         "span",
-        { className: styles$8.hasSelectedValues },
+        { className: styles$9.hasSelectedValues },
         React__default.createElement("span", null, label),
-        React__default.createElement("span", { className: styles$8.labelSeparator }, ":")
+        React__default.createElement("span", { className: styles$9.labelSeparator }, ":")
       ),
       React__default.createElement("span", null, selectedValuesLabel)
     ) : label),
@@ -37470,7 +37470,7 @@ var Tooltip$1 = {};
 
 var Tooltip = {};
 
-var require$$3$2 = /*@__PURE__*/getAugmentedNamespace(esm);
+var require$$3 = /*@__PURE__*/getAugmentedNamespace(esm);
 
 var AppearanceAnim = {};
 
@@ -37483,7 +37483,7 @@ var index_module = /*#__PURE__*/Object.freeze({
     useThrottledCallback: f$1
 });
 
-var require$$1$5 = /*@__PURE__*/getAugmentedNamespace(index_module);
+var require$$1$1 = /*@__PURE__*/getAugmentedNamespace(index_module);
 
 (function(exports) {
   var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
@@ -37545,7 +37545,7 @@ var require$$1$5 = /*@__PURE__*/getAugmentedNamespace(index_module);
   exports.__esModule = true;
   exports.useAnimation = exports.AnimationProvider = exports.AnimationContext = void 0;
   var react_1 = __importStar(React__default);
-  var use_debounce_1 = require$$1$5;
+  var use_debounce_1 = require$$1$1;
   var ANIM_DURATION_MS = 400;
   exports.AnimationContext = react_1["default"].createContext({
     isVisible: false,
@@ -38205,12 +38205,12 @@ var esmBrowser = /*#__PURE__*/Object.freeze({
     version: version
 });
 
-var require$$1$4 = /*@__PURE__*/getAugmentedNamespace(esmBrowser);
+var require$$1 = /*@__PURE__*/getAugmentedNamespace(esmBrowser);
 
 useUuid$1.__esModule = true;
 useUuid$1.useUuid = void 0;
 var react_1 = React__default;
-var uuid_1 = require$$1$4;
+var uuid_1 = require$$1;
 var useUuid = function() {
   return (0, react_1.useMemo)(function() {
     return (0, uuid_1.v4)();
@@ -38225,7 +38225,7 @@ var Tooltip_module$1 = /*#__PURE__*/Object.freeze({
     default: Tooltip_module
 });
 
-var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
+var require$$6 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
 
 (function(exports) {
   var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
@@ -38280,10 +38280,10 @@ var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
   var react_1 = __importStar(React__default);
   var react_dom_1 = __importDefault(reactDomExports);
   var classnames_1 = __importDefault(classnamesExports);
-  var react_popper_1 = require$$3$2;
+  var react_popper_1 = require$$3;
   var AppearanceAnim_1 = AppearanceAnim;
   var useUuid_1 = useUuid$1;
-  var Tooltip_module_scss_1 = __importDefault(require$$6$1);
+  var Tooltip_module_scss_1 = __importDefault(require$$6);
   var positionToPlacement = /* @__PURE__ */ new Map([
     ["above", "top"],
     ["below", "bottom"],
@@ -38469,7 +38469,7 @@ var ClearIcon = function(props) {
   );
 };
 
-var styles$7 = {"buttonGroup":"ButtonGroup-module_buttonGroup__bsy2X","child":"ButtonGroup-module_child__K6AP-","firstChild":"ButtonGroup-module_firstChild__uEn1j","lastChild":"ButtonGroup-module_lastChild__Vicsx"};
+var styles$8 = {"buttonGroup":"ButtonGroup-module_buttonGroup__bsy2X","child":"ButtonGroup-module_child__K6AP-","firstChild":"ButtonGroup-module_firstChild__uEn1j","lastChild":"ButtonGroup-module_lastChild__Vicsx"};
 
 var isFilterButton = function(node) {
   return React__default.isValidElement(node) && node.type === FilterButtonBase;
@@ -38477,11 +38477,11 @@ var isFilterButton = function(node) {
 var ButtonGroup = function(_a) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
   var childCount = React__default.Children.count(children);
-  var containerProps = __assign({ role: "group", className: classNames(styles$7.buttonGroup, classNameOverride) }, restProps);
+  var containerProps = __assign({ role: "group", className: classNames(styles$8.buttonGroup, classNameOverride) }, restProps);
   if (childCount === 1)
     return React__default.createElement("div", __assign({}, containerProps), children);
   return React__default.createElement("div", __assign({}, containerProps), React__default.Children.map(children, function(child, index) {
-    var buttonClassNames = classNames(styles$7.child, index === 0 && styles$7.firstChild, index === childCount - 1 && styles$7.lastChild, child.props.classNameOverride);
+    var buttonClassNames = classNames(styles$8.child, index === 0 && styles$8.firstChild, index === childCount - 1 && styles$8.lastChild, child.props.classNameOverride);
     if (child.type === tooltip.Tooltip) {
       var button = child.props.children;
       if (isFilterButton(button)) {
@@ -45009,46 +45009,46 @@ function $af383d3bef1cfdc9$export$c3f9f39876e4bc7(props) {
     };
 }
 
-var styles$6 = {"listBox":"ListBox-module_listBox__FQ9sQ","focus":"ListBox-module_focus__Tm-jn"};
+var styles$7 = {"listBox":"ListBox-module_listBox__FQ9sQ","focus":"ListBox-module_focus__Tm-jn"};
 
 var ListBox = function(_a) {
   var children = _a.children, menuProps = _a.menuProps, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "menuProps", "classNameOverride"]);
   var state = useSelectContext().state;
   var ref = React__default.useRef(null);
   var listBoxProps = $c132121280ec012d$export$50eacbbf140a3141(__assign(__assign({}, menuProps), { disallowEmptySelection: true, autoFocus: "first" }), state, ref).listBoxProps;
-  return React__default.createElement("ul", __assign({ ref, className: classNames(styles$6.listBox, classNameOverride) }, listBoxProps, restProps), children);
+  return React__default.createElement("ul", __assign({ ref, className: classNames(styles$7.listBox, classNameOverride) }, listBoxProps, restProps), children);
 };
 ListBox.displayName = "ListBox";
 
-var styles$5 = {"heading":"Heading-module_heading__Fe11y","display-0":"Heading-module_display-0__As5Ny","heading-1":"Heading-module_heading-1__fMzkm","heading-2":"Heading-module_heading-2__bgkcr","heading-3":"Heading-module_heading-3__ZRUkC","heading-4":"Heading-module_heading-4__XbONZ","heading-5":"Heading-module_heading-5__fj2Gb","heading-6":"Heading-module_heading-6__Cmand","dark":"Heading-module_dark__9m1Av","dark-reduced-opacity":"Heading-module_dark-reduced-opacity__APHzM","white":"Heading-module_white__6Flbw","white-reduced-opacity":"Heading-module_white-reduced-opacity__-3jNg","positive":"Heading-module_positive__uTfoL","small":"Heading-module_small__I8UMW","large":"Heading-module_large__wKrUS","negative":"Heading-module_negative__hcnMm"};
+var styles$6 = {"heading":"Heading-module_heading__Fe11y","display-0":"Heading-module_display-0__As5Ny","heading-1":"Heading-module_heading-1__fMzkm","heading-2":"Heading-module_heading-2__bgkcr","heading-3":"Heading-module_heading-3__ZRUkC","heading-4":"Heading-module_heading-4__XbONZ","heading-5":"Heading-module_heading-5__fj2Gb","heading-6":"Heading-module_heading-6__Cmand","dark":"Heading-module_dark__9m1Av","dark-reduced-opacity":"Heading-module_dark-reduced-opacity__APHzM","white":"Heading-module_white__6Flbw","white-reduced-opacity":"Heading-module_white-reduced-opacity__-3jNg","positive":"Heading-module_positive__uTfoL","small":"Heading-module_small__I8UMW","large":"Heading-module_large__wKrUS","negative":"Heading-module_negative__hcnMm"};
 
-var __defProp$1 = Object.defineProperty;
+var __defProp$2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest$1 = (source, exclude) => {
+var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -45061,7 +45061,7 @@ const Heading = (_a) => {
     variant,
     color = "dark",
     classNameOverride
-  } = _b, restProps = __objRest$1(_b, [
+  } = _b, restProps = __objRest$2(_b, [
     "children",
     "tag",
     "variant",
@@ -45070,13 +45070,13 @@ const Heading = (_a) => {
   ]);
   const inferredTag = tag === void 0 ? translateHeadingLevelToTag(variant) : tag;
   const className = classNames([
-    styles$5.heading,
-    styles$5[variant],
+    styles$6.heading,
+    styles$6[variant],
     classNameOverride,
-    styles$5[color],
-    VARIANTS_24PX_OR_GREATER.includes(variant) ? styles$5.large : styles$5.small
+    styles$6[color],
+    VARIANTS_24PX_OR_GREATER.includes(variant) ? styles$6.large : styles$6.small
   ]);
-  return createElement(inferredTag, __spreadProps(__spreadValues$1({}, restProps), { className }), children);
+  return createElement(inferredTag, __spreadProps(__spreadValues$2({}, restProps), { className }), children);
 };
 Heading.displayName = "Heading";
 const translateHeadingLevelToTag = (headingLevel) => {
@@ -45098,107 +45098,67 @@ const translateHeadingLevelToTag = (headingLevel) => {
   }
 };
 
-var componentLibrary = {};
-
-var components = {};
-
-var Dropdown$1 = {};
-
-var Dropdown = {};
-
-var img$2 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eIcons/Directional/chevron-down%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpolygon id='path-1' points='6.17916667 6.84500003 10 10.746733 13.8208333 6.84500003 15 8.04913353 10 13.155 5 8.04913353'%3e%3c/polygon%3e %3c/defs%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='Icons/Directional/chevron-down'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
-
-var chevronDown_icon = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: img$2
-});
-
-var require$$2$1 = /*@__PURE__*/getAugmentedNamespace(chevronDown_icon);
-
-var img$1 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3emeatballs%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpath d='M4%2c8 C2.9%2c8 2%2c8.9 2%2c10 C2%2c11.1 2.9%2c12 4%2c12 C5.1%2c12 6%2c11.1 6%2c10 C6%2c8.9 5.1%2c8 4%2c8 L4%2c8 Z M16%2c8 C14.9%2c8 14%2c8.9 14%2c10 C14%2c11.1 14.9%2c12 16%2c12 C17.1%2c12 18%2c11.1 18%2c10 C18%2c8.9 17.1%2c8 16%2c8 L16%2c8 Z M10%2c8 C8.9%2c8 8%2c8.9 8%2c10 C8%2c11.1 8.9%2c12 10%2c12 C11.1%2c12 12%2c11.1 12%2c10 C12%2c8.9 11.1%2c8 10%2c8 L10%2c8 Z' id='path-1'%3e%3c/path%3e %3c/defs%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='meatballs'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse id='Icons/Actions/metballs' fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
-
-var ellipsis_icon = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: img$1
-});
-
-var require$$3$1 = /*@__PURE__*/getAugmentedNamespace(ellipsis_icon);
-
-var Icon$1 = {};
-
-var Icon = {};
-
-var console$1 = {};
-
-(function(exports) {
-  exports.__esModule = true;
-  exports.singleLine = exports.warn = exports.error = void 0;
-  var red = "\x1B[31m ";
-  var yellow = "\x1B[33m ";
-  var reset = "\x1B[0m ";
-  var error = function(message) {
-    throw new Error("".concat(red, "\nCULTUREAMP UI ERROR:\n").concat((0, exports.singleLine)(message)).concat(reset, "\n"));
-  };
-  exports.error = error;
-  var warn = function(message) {
-    console.warn("".concat(yellow, "\nCULTUREAMP UI WARNING:\n").concat((0, exports.singleLine)(message)).concat(reset, "\n"));
-  };
-  exports.warn = warn;
-  var singleLine = function(message) {
-    return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
-  };
-  exports.singleLine = singleLine;
-})(console$1);
-
-var Icon_module = {"icon":"Icon-module_icon__1r20x","inheritSize":"Icon-module_inheritSize__xtkKA","interactiveIconWrapper":"Icon-module_interactiveIconWrapper__ieTrE","disabled":"Icon-module_disabled__bqMQV","hover":"Icon-module_hover__EdRCd","active":"Icon-module_active__d47mz","reversedInteractiveIconWrapper":"Icon-module_reversedInteractiveIconWrapper__sZ6CO Icon-module_interactiveIconWrapper__ieTrE"};
-
-var Icon_module$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: Icon_module
-});
+const yellow = "\x1B[33m ";
+const reset = "\x1B[0m ";
+const warn = (message) => {
+  console.warn(
+    `${yellow}
+CULTUREAMP UI WARNING:
+${singleLine(message)}${reset}
+`
+  );
+};
+const singleLine = (message) => message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
 
-var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
+var styles$5 = {"icon":"Icon-module_icon__1r20x","inheritSize":"Icon-module_inheritSize__xtkKA","interactiveIconWrapper":"Icon-module_interactiveIconWrapper__ieTrE","disabled":"Icon-module_disabled__bqMQV","hover":"Icon-module_hover__EdRCd","active":"Icon-module_active__d47mz","reversedInteractiveIconWrapper":"Icon-module_reversedInteractiveIconWrapper__sZ6CO Icon-module_interactiveIconWrapper__ieTrE"};
 
-(function(exports) {
-  var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
-    __assign = Object.assign || function(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-        s = arguments[i];
-        for (var p in s)
-          if (Object.prototype.hasOwnProperty.call(s, p))
-            t[p] = s[p];
-      }
-      return t;
-    };
-    return __assign.apply(this, arguments);
-  };
-  var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
-    var t = {};
-    for (var p in s)
-      if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-          t[p[i]] = s[p[i]];
-      }
-    return t;
-  };
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  exports.Icon = void 0;
-  var react_1 = __importDefault(React__default);
-  var classnames_1 = __importDefault(classnamesExports);
-  var console_1 = console$1;
-  var Icon_module_scss_1 = __importDefault(require$$3);
-  var Icon = function(_a) {
-    var _b, _c;
-    var icon = _a.icon, _d = _a.inheritSize, inheritSize = _d === void 0 ? false : _d, _e = _a.role, role = _e === void 0 ? "img" : _e, _f = _a.title, title = _f === void 0 ? "" : _f, _g = _a.desc, desc = _g === void 0 ? "" : _g, classNameOverride = _a.classNameOverride, props = __rest(_a, ["icon", "inheritSize", "role", "title", "desc", "classNameOverride"]);
-    var isMeaningfulImg = role === "img";
-    if (isMeaningfulImg && !title) {
-      (0, console_1.warn)(`
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Icon = (_a) => {
+  var _b = _a, {
+    icon,
+    inheritSize = false,
+    role = "img",
+    title = "",
+    desc = "",
+    classNameOverride
+  } = _b, props = __objRest$1(_b, [
+    "icon",
+    "inheritSize",
+    "role",
+    "title",
+    "desc",
+    "classNameOverride"
+  ]);
+  const isMeaningfulImg = role === "img";
+  if (isMeaningfulImg && !title) {
+    warn(`
       Icon with role "img" missing a title attribute.
 
       Assistive technologies that enable vision-impaired users to read web pages
@@ -45210,1077 +45170,28 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
       Either add the missing title prop, or set this icon's role to
       "presentation" to indicate it is not meaningful.
     `);
-    }
-    var renderTitle = function() {
-      return isMeaningfulImg && !!title && react_1["default"].createElement("title", null, title);
-    };
-    var renderDesc = function() {
-      return isMeaningfulImg && !!desc && react_1["default"].createElement("desc", null, desc);
-    };
-    var accessibilityProps = (_b = {
-      role
-    }, _b["aria-hidden"] = isMeaningfulImg ? void 0 : true, _b);
-    return react_1["default"].createElement(
-      "svg",
-      __assign({
-        className: (0, classnames_1["default"])(Icon_module_scss_1["default"].icon, classNameOverride, (_c = {}, _c[Icon_module_scss_1["default"].inheritSize] = inheritSize, _c)),
-        viewBox: icon.viewBox,
-        // Work around IE11 making all SVGs focusable.
-        // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4
-        focusable: "false"
-      }, accessibilityProps, props),
-      renderTitle(),
-      renderDesc(),
-      react_1["default"].createElement("use", { xlinkHref: "#".concat(icon.id) })
-    );
-  };
-  exports.Icon = Icon;
-  exports.Icon.displayName = "Icon";
-})(Icon);
-
-(function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() {
-        return m[k];
-      } };
-    }
-    Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    o[k2] = m[k];
-  });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
-    for (var p in m)
-      if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
-        __createBinding(exports2, m, p);
-  };
-  exports.__esModule = true;
-  __exportStar(Icon, exports);
-})(Icon$1);
-
-var DropdownMenu = {};
-
-var Dropdown_module = {"dropdown":"Dropdown-module_dropdown__09sgL","buttonReset":"Dropdown-module_buttonReset__O69sc","dropdownButton":"Dropdown-module_dropdownButton__FiRVW Dropdown-module_buttonReset__O69sc","dropdownControlAction":"Dropdown-module_dropdownControlAction__iWJog","dropdownIcon":"Dropdown-module_dropdownIcon__tZfDQ","dropdownLabel":"Dropdown-module_dropdownLabel__bpY-X","dropdownHoverArea":"Dropdown-module_dropdownHoverArea__M-Y-K","isOpen":"Dropdown-module_isOpen__Kf4XR","chevronIcon":"Dropdown-module_chevronIcon__Ieh4i","menuContainer":"Dropdown-module_menuContainer__xl9MT","reversedColor":"Dropdown-module_reversedColor__rGeiB"};
-
-var Dropdown_module$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: Dropdown_module
-});
-
-var require$$6 = /*@__PURE__*/getAugmentedNamespace(Dropdown_module$1);
-
-(function(exports) {
-  var __extends = commonjsGlobal && commonjsGlobal.__extends || function() {
-    var extendStatics = function(d, b) {
-      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-        d2.__proto__ = b2;
-      } || function(d2, b2) {
-        for (var p in b2)
-          if (Object.prototype.hasOwnProperty.call(b2, p))
-            d2[p] = b2[p];
-      };
-      return extendStatics(d, b);
-    };
-    return function(d, b) {
-      if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-      extendStatics(d, b);
-      function __() {
-        this.constructor = d;
-      }
-      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-  }();
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  var react_1 = __importDefault(React__default);
-  var Dropdown_module_scss_1 = __importDefault(require$$6);
-  var DropdownMenu = (
-    /** @class */
-    function(_super) {
-      __extends(DropdownMenu2, _super);
-      function DropdownMenu2() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.menu = react_1["default"].createRef();
-        _this.handleDocumentClick = function(e) {
-          if (_this.menu && _this.menu.current && e.target instanceof Node && !_this.menu.current.contains(e.target)) {
-            _this.props.hideDropdownMenu();
-          }
-        };
-        _this.handleDocumentResize = function() {
-          _this.props.hideDropdownMenu();
-        };
-        return _this;
-      }
-      DropdownMenu2.prototype.componentDidMount = function() {
-        document.addEventListener("click", this.handleDocumentClick, false);
-        window.addEventListener("resize", this.handleDocumentResize, false);
-        this.positionMenu();
-      };
-      DropdownMenu2.prototype.componentWillUnmount = function() {
-        document.removeEventListener("click", this.handleDocumentClick, false);
-        window.removeEventListener("resize", this.handleDocumentResize, false);
-      };
-      DropdownMenu2.prototype.render = function() {
-        var _a = this.props, hideDropdownMenu = _a.hideDropdownMenu, children = _a.children;
-        return (
-          // Disabling instead of addressing because this component is deprecated
-          // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-          react_1["default"].createElement("div", { className: Dropdown_module_scss_1["default"].menuContainer, ref: this.menu, onClick: hideDropdownMenu }, children)
-        );
-      };
-      DropdownMenu2.prototype.positionMenu = function() {
-        var menu = this.menu;
-        if (!this.props.position || !menu) {
-          return;
-        }
-        if (menu.current) {
-          var pos = this.props.position;
-          var innerHeight_1 = window.innerHeight;
-          var rect = menu.current.getBoundingClientRect();
-          if (pos.bottom > innerHeight_1 - rect.height) {
-            menu.current.style.bottom = "24px";
-            menu.current.style.top = "auto";
-          } else {
-            menu.current.style.top = "24px";
-            menu.current.style.bottom = "auto";
-          }
-        }
-      };
-      DropdownMenu2.displayName = "DropdownMenu";
-      return DropdownMenu2;
-    }(react_1["default"].Component)
-  );
-  exports["default"] = DropdownMenu;
-})(DropdownMenu);
-
-(function(exports) {
-  var __extends = commonjsGlobal && commonjsGlobal.__extends || function() {
-    var extendStatics = function(d, b) {
-      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-        d2.__proto__ = b2;
-      } || function(d2, b2) {
-        for (var p in b2)
-          if (Object.prototype.hasOwnProperty.call(b2, p))
-            d2[p] = b2[p];
-      };
-      return extendStatics(d, b);
-    };
-    return function(d, b) {
-      if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-      extendStatics(d, b);
-      function __() {
-        this.constructor = d;
-      }
-      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-  }();
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  var react_1 = __importDefault(React__default);
-  var classnames_1 = __importDefault(classnamesExports);
-  var chevron_down_icon_svg_1 = __importDefault(require$$2$1);
-  var ellipsis_icon_svg_1 = __importDefault(require$$3$1);
-  var Icon_1 = Icon$1;
-  var DropdownMenu_1 = __importDefault(DropdownMenu);
-  var Dropdown_module_scss_1 = __importDefault(require$$6);
-  var Dropdown = (
-    /** @class */
-    function(_super) {
-      __extends(Dropdown2, _super);
-      function Dropdown2(props) {
-        var _this = _super.call(this, props) || this;
-        _this.dropdownButton = react_1["default"].createRef();
-        _this.toggleDropdownMenu = function(e) {
-          e.stopPropagation();
-          var currentState = _this.state.isMenuVisible;
-          _this.setState({
-            isMenuVisible: !currentState
-          });
-        };
-        _this.hideDropdownMenu = function() {
-          _this.setState({
-            isMenuVisible: false
-          });
-        };
-        _this.renderIcon = function(icon) {
-          if (!icon)
-            return;
-          return react_1["default"].createElement(
-            "span",
-            { className: Dropdown_module_scss_1["default"].dropdownIcon },
-            react_1["default"].createElement(Icon_1.Icon, { icon, role: "img", title: "Open menu" })
-          );
-        };
-        _this.renderDownArrow = function() {
-          var _a = _this.props, label = _a.label, controlAction = _a.controlAction;
-          if (!label || !controlAction)
-            return;
-          return react_1["default"].createElement(
-            "span",
-            { className: Dropdown_module_scss_1["default"].chevronIcon },
-            react_1["default"].createElement(Icon_1.Icon, { icon: chevron_down_icon_svg_1["default"], role: "img", title: "Open menu" })
-          );
-        };
-        _this.renderButtonContent = function() {
-          var label = _this.props.label;
-          var icon = _this.props.icon;
-          if (!icon && !label) {
-            icon = ellipsis_icon_svg_1["default"];
-          }
-          return react_1["default"].createElement(
-            react_1["default"].Fragment,
-            null,
-            _this.renderIcon(icon),
-            label && react_1["default"].createElement("span", { className: Dropdown_module_scss_1["default"].dropdownLabel }, label),
-            _this.renderDownArrow()
-          );
-        };
-        _this.renderReversedButtonContent = function() {
-          var _a = _this.props, icon = _a.icon, label = _a.label;
-          return react_1["default"].createElement(
-            react_1["default"].Fragment,
-            null,
-            _this.renderDownArrow(),
-            label && react_1["default"].createElement("span", { className: Dropdown_module_scss_1["default"].dropdownLabel }, label),
-            _this.renderIcon(icon)
-          );
-        };
-        _this.state = {
-          isMenuVisible: Boolean(props.menuVisible)
-        };
-        return _this;
-      }
-      Dropdown2.prototype.getPosition = function() {
-        return this.dropdownButton && this.dropdownButton.current ? this.dropdownButton.current.getBoundingClientRect() : null;
-      };
-      Dropdown2.prototype.renderDropdownMenu = function() {
-        return react_1["default"].createElement(DropdownMenu_1["default"], { hideDropdownMenu: this.hideDropdownMenu, position: this.getPosition() }, this.props.children);
-      };
-      Dropdown2.prototype.render = function() {
-        var _a;
-        var _b = this.props, controlAction = _b.controlAction, automationId = _b.automationId, iconPosition = _b.iconPosition, reversedColor = _b.reversedColor;
-        var reverseIcon = iconPosition === "end";
-        var btnClass = (0, classnames_1["default"])(Dropdown_module_scss_1["default"].dropdownButton, (_a = {}, _a[Dropdown_module_scss_1["default"].dropdownControlAction] = controlAction, _a[Dropdown_module_scss_1["default"].isOpen] = this.state.isMenuVisible, _a[Dropdown_module_scss_1["default"].reversedColor] = reversedColor, _a));
-        return react_1["default"].createElement(
-          "div",
-          { className: Dropdown_module_scss_1["default"].dropdown },
-          react_1["default"].createElement(
-            "button",
-            { className: btnClass, onClick: this.toggleDropdownMenu, onMouseDown: function(e) {
-              return e.preventDefault();
-            }, ref: this.dropdownButton, "data-automation-id": automationId },
-            !reverseIcon && this.renderButtonContent(),
-            reverseIcon && this.renderReversedButtonContent()
-          ),
-          this.state.isMenuVisible && this.renderDropdownMenu()
-        );
-      };
-      Dropdown2.displayName = "Dropdown";
-      Dropdown2.defaultProps = {
-        iconPosition: "start"
-      };
-      return Dropdown2;
-    }(react_1["default"].Component)
-  );
-  exports["default"] = Dropdown;
-})(Dropdown);
-
-(function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() {
-        return m[k];
-      } };
-    }
-    Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    o[k2] = m[k];
-  });
-  exports.__esModule = true;
-  exports.Dropdown = void 0;
-  var Dropdown_1 = Dropdown;
-  __createBinding(exports, Dropdown_1, "default", "Dropdown");
-})(Dropdown$1);
-
-var Layout$1 = {};
-
-var Layout = {};
-
-var Layout_module = {"root":"Layout-module_root__SgXZT","navigationBar":"Layout-module_navigationBar__1xbfp","page":"Layout-module_page__ZSTUO","header":"Layout-module_header__X1E96","footer":"Layout-module_footer__wFknz","body":"Layout-module_body__r1d-M","bodyInner":"Layout-module_bodyInner__e5WA6","sidebar":"Layout-module_sidebar__FSH-B","content":"Layout-module_content__6gaoR","toasts":"Layout-module_toasts__ZDy2G","announcers":"Layout-module_announcers__fAmmq"};
-
-var Layout_module$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: Layout_module
-});
-
-var require$$1$3 = /*@__PURE__*/getAugmentedNamespace(Layout_module$1);
-
-(function(exports) {
-  var __extends = commonjsGlobal && commonjsGlobal.__extends || function() {
-    var extendStatics = function(d, b) {
-      extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
-        d2.__proto__ = b2;
-      } || function(d2, b2) {
-        for (var p in b2)
-          if (Object.prototype.hasOwnProperty.call(b2, p))
-            d2[p] = b2[p];
-      };
-      return extendStatics(d, b);
-    };
-    return function(d, b) {
-      if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-      extendStatics(d, b);
-      function __() {
-        this.constructor = d;
-      }
-      d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-  }();
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  var react_1 = __importDefault(React__default);
-  var Layout_module_scss_1 = __importDefault(require$$1$3);
-  var NavigationBar = function(_a) {
-    var children = _a.children;
-    return react_1["default"].createElement("div", { className: Layout_module_scss_1["default"].navigationBar }, children);
-  };
-  NavigationBar.displayName = "NavigationBar";
-  var Sidebar = function(_a) {
-    var children = _a.children;
-    return react_1["default"].createElement(
-      "div",
-      { className: Layout_module_scss_1["default"].sidebar },
-      react_1["default"].createElement("div", { className: Layout_module_scss_1["default"].sidebarInner }, children)
-    );
-  };
-  Sidebar.displayName = "Sidebar";
-  var Header = function(_a) {
-    var children = _a.children;
-    return react_1["default"].createElement("aside", { className: Layout_module_scss_1["default"].header }, children);
-  };
-  Header.displayName = "Header";
-  var Footer = function(_a) {
-    var children = _a.children;
-    return react_1["default"].createElement("footer", { className: Layout_module_scss_1["default"].footer }, children);
-  };
-  Footer.displayName = "Footer";
-  var Toasts = function(_a) {
-    var children = _a.children;
-    return react_1["default"].createElement("div", { className: Layout_module_scss_1["default"].toasts, "aria-live": "assertive" }, children);
-  };
-  Toasts.displayName = "Toasts";
-  var Announcers = function(_a) {
-    var children = _a.children;
-    return react_1["default"].createElement("div", { className: Layout_module_scss_1["default"].announcers, "aria-live": "assertive" }, children);
+  }
+  const renderTitle = () => isMeaningfulImg && !!title && /* @__PURE__ */ React__default.createElement("title", null, title);
+  const renderDesc = () => isMeaningfulImg && !!desc && /* @__PURE__ */ React__default.createElement("desc", null, desc);
+  const accessibilityProps = {
+    role,
+    ["aria-hidden"]: isMeaningfulImg ? void 0 : true
   };
-  Announcers.displayName = "Announcers";
-  var Layout = (
-    /** @class */
-    function(_super) {
-      __extends(Layout2, _super);
-      function Layout2() {
-        return _super !== null && _super.apply(this, arguments) || this;
-      }
-      Layout2.prototype.render = function() {
-        var content = react_1["default"].Children.toArray(this.props.children);
-        var navbar = extractChildOfType(content, NavigationBar);
-        var header = extractChildOfType(content, Header);
-        var sidebar = extractChildOfType(content, Sidebar);
-        var footer = extractChildOfType(content, Footer);
-        var announcers = extractChildOfType(content, Announcers);
-        var toasts = extractChildOfType(content, Toasts);
-        return react_1["default"].createElement(
-          "div",
-          { className: Layout_module_scss_1["default"].root },
-          navbar,
-          announcers,
-          react_1["default"].createElement(
-            "div",
-            { className: Layout_module_scss_1["default"].page },
-            header,
-            toasts,
-            react_1["default"].createElement(
-              "div",
-              { className: Layout_module_scss_1["default"].body },
-              react_1["default"].createElement(
-                "div",
-                { className: Layout_module_scss_1["default"].bodyInner },
-                sidebar,
-                react_1["default"].createElement("main", { className: Layout_module_scss_1["default"].content }, content)
-              )
-            ),
-            footer
-          )
-        );
-      };
-      Layout2.displayName = "Layout";
-      Layout2.NavigationBar = NavigationBar;
-      Layout2.Sidebar = Sidebar;
-      Layout2.Header = Header;
-      Layout2.Footer = Footer;
-      Layout2.Toasts = Toasts;
-      Layout2.Announcers = Announcers;
-      return Layout2;
-    }(react_1["default"].Component)
+  return /* @__PURE__ */ React__default.createElement(
+    "svg",
+    __spreadValues$1(__spreadValues$1({
+      className: classNames(styles$5.icon, classNameOverride, {
+        [styles$5.inheritSize]: inheritSize
+      }),
+      viewBox: icon.viewBox,
+      focusable: "false"
+    }, accessibilityProps), props),
+    renderTitle(),
+    renderDesc(),
+    /* @__PURE__ */ React__default.createElement("use", { xlinkHref: `#${icon.id}` })
   );
-  var extractChildOfType = function(children, type) {
-    var match = children.find(function(child) {
-      if (react_1["default"].isValidElement(child) && typeof child.type === "function") {
-        return child.type.displayName === type.displayName;
-      }
-      return false;
-    });
-    if (match) {
-      var index = children.indexOf(match);
-      children.splice(index, 1);
-    }
-    return match;
-  };
-  exports["default"] = Layout;
-})(Layout);
-
-(function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() {
-        return m[k];
-      } };
-    }
-    Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    o[k2] = m[k];
-  });
-  exports.__esModule = true;
-  exports.Layout = void 0;
-  var Layout_1 = Layout;
-  __createBinding(exports, Layout_1, "default", "Layout");
-})(Layout$1);
-
-var MenuList$1 = {};
-
-var MenuList = {};
-
-var Menu_module = {"menuList":"Menu-module_menuList__behqY","header":"Menu-module_header__MMpNm","header__title":"Menu-module_header__title__4QK0E","menuItem":"Menu-module_menuItem__0rlZg Icon-module_interactiveIconWrapper__ieTrE","menuItem--active":"Menu-module_menuItem--active__xr3IS Icon-module_active__d47mz","menuItem__Icon":"Menu-module_menuItem__Icon__SEvH-","menuItem--destructive":"Menu-module_menuItem--destructive__bg0qx","menuItem__Label":"Menu-module_menuItem__Label__KPrkg","hoverIcon":"Menu-module_hoverIcon__WCsbC","separator":"Menu-module_separator__RCRVm"};
-
-var Menu_module$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: Menu_module
-});
-
-var require$$1$2 = /*@__PURE__*/getAugmentedNamespace(Menu_module$1);
-
-(function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  var react_1 = __importDefault(React__default);
-  var Menu_module_scss_1 = __importDefault(require$$1$2);
-  var MenuList = function(props) {
-    return react_1["default"].createElement("div", { className: Menu_module_scss_1["default"].menuList }, props.children);
-  };
-  MenuList.displayName = "MenuList";
-  exports["default"] = MenuList;
-})(MenuList);
-
-var MenuHeader = {};
-
-(function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  var react_1 = __importDefault(React__default);
-  var Menu_module_scss_1 = __importDefault(require$$1$2);
-  var MenuHeader = function(props) {
-    return react_1["default"].createElement(
-      "div",
-      { className: Menu_module_scss_1["default"].header },
-      react_1["default"].createElement("span", { className: Menu_module_scss_1["default"].header__title }, props.title)
-    );
-  };
-  MenuHeader.displayName = "MenuHeader";
-  exports["default"] = MenuHeader;
-})(MenuHeader);
-
-var MenuItem = {};
-
-(function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  var react_1 = __importDefault(React__default);
-  var classnames_1 = __importDefault(classnamesExports);
-  var Icon_1 = Icon$1;
-  var Menu_module_scss_1 = __importDefault(require$$1$2);
-  var MenuItem = function(props) {
-    var _a;
-    var icon = props.icon, hoverIcon = props.hoverIcon, children = props.children, action = props.action, active = props.active, destructive = props.destructive, automationId = props.automationId;
-    var isLink = typeof action === "string";
-    var label = react_1["default"].createElement(
-      "span",
-      { className: Menu_module_scss_1["default"].menuItem__Label },
-      children,
-      isLink && "\u2026"
-    );
-    var iconNode = icon && react_1["default"].createElement(
-      "span",
-      { className: Menu_module_scss_1["default"].menuItem__Icon },
-      react_1["default"].createElement(Icon_1.Icon, { icon, role: "presentation" })
-    );
-    var className = (0, classnames_1["default"])((_a = {}, _a[Menu_module_scss_1["default"].menuItem] = true, _a[Menu_module_scss_1["default"].hoverIcon] = icon && hoverIcon, _a[Menu_module_scss_1["default"]["menuItem--active"]] = active, _a[Menu_module_scss_1["default"]["menuItem--destructive"]] = destructive, _a));
-    if (typeof action === "string") {
-      return react_1["default"].createElement(
-        "a",
-        { href: action, className, "data-automation-id": automationId },
-        label,
-        iconNode
-      );
-    }
-    return (
-      // Disabling instead of addressing because this component is deprecated.
-      // eslint-disable-next-line jsx-a11y/anchor-is-valid
-      react_1["default"].createElement(
-        "a",
-        { href: "#", onClick: action, className, "data-automation-id": automationId },
-        label,
-        iconNode
-      )
-    );
-  };
-  MenuItem.displayName = "MenuItem";
-  exports["default"] = MenuItem;
-})(MenuItem);
-
-var MenuSeparator = {};
-
-(function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  var react_1 = __importDefault(React__default);
-  var Menu_module_scss_1 = __importDefault(require$$1$2);
-  var MenuSeparator = function() {
-    return react_1["default"].createElement("hr", { className: Menu_module_scss_1["default"].separator });
-  };
-  MenuSeparator.displayName = "MenuSeparator";
-  exports["default"] = MenuSeparator;
-})(MenuSeparator);
-
-(function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() {
-        return m[k];
-      } };
-    }
-    Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    o[k2] = m[k];
-  });
-  exports.__esModule = true;
-  exports.MenuSeparator = exports.MenuItem = exports.MenuHeader = exports.MenuList = void 0;
-  var MenuList_1 = MenuList;
-  __createBinding(exports, MenuList_1, "default", "MenuList");
-  var MenuHeader_1 = MenuHeader;
-  __createBinding(exports, MenuHeader_1, "default", "MenuHeader");
-  var MenuItem_1 = MenuItem;
-  __createBinding(exports, MenuItem_1, "default", "MenuItem");
-  var MenuSeparator_1 = MenuSeparator;
-  __createBinding(exports, MenuSeparator_1, "default", "MenuSeparator");
-})(MenuList$1);
-
-var Text$1 = {};
-
-var Text = {};
-
-var Text_module = {"page-title":"Text-module_page-title__LPGyH","default-style":"Text-module_default-style__wxvqC","title":"Text-module_title__zDZi1","display":"Text-module_display__4XAjg","heading":"Text-module_heading__bdw3r","lede":"Text-module_lede__rvztp","paragraph":"Text-module_paragraph__65c7w","body":"Text-module_body__5HknB","body-bold":"Text-module_body-bold__M2YFx","small":"Text-module_small__VBWdb","small-bold":"Text-module_small-bold__IFUAu","notification":"Text-module_notification__jl725","label":"Text-module_label__gUBTw","control-action":"Text-module_control-action__BErPr","button":"Text-module_button__nPbRH","inheritBaseline":"Text-module_inheritBaseline__D0Lfs","inline":"Text-module_inline__KlYw2","defaultStyle":"Text-module_defaultStyle__Tka8v Text-module_default-style__wxvqC","pageTitle":"Text-module_pageTitle__-NMTK Text-module_page-title__LPGyH","bodyBold":"Text-module_bodyBold__CCDF7 Text-module_body-bold__M2YFx","smallBold":"Text-module_smallBold__TdPug Text-module_small-bold__IFUAu","controlAction":"Text-module_controlAction__WB-Pz Text-module_control-action__BErPr","zen-display-0":"Text-module_zen-display-0__s1w7g","zen-heading-1":"Text-module_zen-heading-1__YX01A","zen-heading-2":"Text-module_zen-heading-2__JVOtq","zen-heading-3":"Text-module_zen-heading-3__JOT3q","zen-data-large":"Text-module_zen-data-large__EgwWh","zen-data-large-units":"Text-module_zen-data-large-units__lZjpK","zen-data-medium":"Text-module_zen-data-medium__wKodD","zen-data-medium-units":"Text-module_zen-data-medium-units__zh-e8","zen-data-small":"Text-module_zen-data-small__LtxHR","zen-data-small-units":"Text-module_zen-data-small-units__0RtFJ"};
-
-var Text_module$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: Text_module
-});
-
-var require$$2 = /*@__PURE__*/getAugmentedNamespace(Text_module$1);
-
-(function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  var react_1 = __importDefault(React__default);
-  var classnames_1 = __importDefault(classnamesExports);
-  var Text_module_scss_1 = __importDefault(require$$2);
-  var Text = function(_a) {
-    var _b;
-    var tag = _a.tag, children = _a.children, _c = _a.inheritBaseline, inheritBaseline = _c === void 0 ? false : _c, _d = _a.inline, inline = _d === void 0 ? false : _d, _e = _a.style, style = _e === void 0 ? "default-style" : _e;
-    return react_1["default"].createElement(tag, {
-      className: (0, classnames_1["default"])(Text_module_scss_1["default"][style], (_b = {}, _b[Text_module_scss_1["default"].inheritBaseline] = inheritBaseline, _b[Text_module_scss_1["default"].inline] = inline, _b))
-    }, children);
-  };
-  Text.displayName = "Text";
-  exports["default"] = Text;
-})(Text);
-
-(function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() {
-        return m[k];
-      } };
-    }
-    Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    o[k2] = m[k];
-  });
-  exports.__esModule = true;
-  exports.Text = void 0;
-  var Text_1 = Text;
-  __createBinding(exports, Text_1, "default", "Text");
-})(Text$1);
-
-var Spacing = {};
-
-var padding = {};
-
-var util = {};
-
-util.__esModule = true;
-util.convertFractionToString = void 0;
-var convertFractionToString = function(fraction) {
-  switch (fraction) {
-    case 0:
-    default:
-      return "0";
-    case 0.25:
-      return "0-point-25";
-    case 0.5:
-      return "0-point-5";
-    case 0.75:
-      return "0-point-75";
-    case 1:
-      return "1";
-    case 1.25:
-      return "1-point-25";
-    case 1.5:
-      return "1-point-5";
-    case 1.75:
-      return "1-point-75";
-    case 2:
-      return "2";
-    case 2.5:
-      return "2-point-5";
-    case 3:
-      return "3";
-    case 3.5:
-      return "3-point-5";
-    case 4:
-      return "4";
-  }
 };
-util.convertFractionToString = convertFractionToString;
-
-var Padding_module = {"p-0":"Padding-module_p-0__MEDlm","pt-0":"Padding-module_pt-0__2lPMY","pr-0":"Padding-module_pr-0__tgwOG","pb-0":"Padding-module_pb-0__h-og-","pl-0":"Padding-module_pl-0__KQQIN","p-0-point-25":"Padding-module_p-0-point-25__WR6Pl","pt-0-point-25":"Padding-module_pt-0-point-25__OHxwL","pr-0-point-25":"Padding-module_pr-0-point-25__dw3lt","pb-0-point-25":"Padding-module_pb-0-point-25__R-G37","pl-0-point-25":"Padding-module_pl-0-point-25__4H6f8","p-0-point-5":"Padding-module_p-0-point-5__5z-Tg","pt-0-point-5":"Padding-module_pt-0-point-5__BILAZ","pr-0-point-5":"Padding-module_pr-0-point-5__Qdc6L","pb-0-point-5":"Padding-module_pb-0-point-5__FJOcg","pl-0-point-5":"Padding-module_pl-0-point-5__gctiZ","p-0-point-75":"Padding-module_p-0-point-75__SCNgd","pt-0-point-75":"Padding-module_pt-0-point-75__Cve0I","pr-0-point-75":"Padding-module_pr-0-point-75__11l9x","pb-0-point-75":"Padding-module_pb-0-point-75__WfgDh","pl-0-point-75":"Padding-module_pl-0-point-75__YKbVF","p-1":"Padding-module_p-1__jIDUT","pt-1":"Padding-module_pt-1__r358b","pr-1":"Padding-module_pr-1__fdsMH","pb-1":"Padding-module_pb-1__gkHqH","pl-1":"Padding-module_pl-1__1fvrt","p-1-point-25":"Padding-module_p-1-point-25__9q2Tk","pt-1-point-25":"Padding-module_pt-1-point-25__uYpt3","pr-1-point-25":"Padding-module_pr-1-point-25__8xYeA","pb-1-point-25":"Padding-module_pb-1-point-25__JwIfB","pl-1-point-25":"Padding-module_pl-1-point-25__-w5XU","p-1-point-5":"Padding-module_p-1-point-5__LICS6","pt-1-point-5":"Padding-module_pt-1-point-5__p9H7t","pr-1-point-5":"Padding-module_pr-1-point-5__agJTp","pb-1-point-5":"Padding-module_pb-1-point-5__Ig7SW","pl-1-point-5":"Padding-module_pl-1-point-5__iBcnI","p-1-point-75":"Padding-module_p-1-point-75__lctpg","pt-1-point-75":"Padding-module_pt-1-point-75__MVIUz","pr-1-point-75":"Padding-module_pr-1-point-75__A-Ur-","pb-1-point-75":"Padding-module_pb-1-point-75__TctUk","pl-1-point-75":"Padding-module_pl-1-point-75__ahplz","p-2":"Padding-module_p-2__iEsEq","pt-2":"Padding-module_pt-2__-uaDE","pr-2":"Padding-module_pr-2__py781","pb-2":"Padding-module_pb-2__75eso","pl-2":"Padding-module_pl-2__4L8zZ","p-2-point-5":"Padding-module_p-2-point-5__fFM5N","pt-2-point-5":"Padding-module_pt-2-point-5__aDZvm","pr-2-point-5":"Padding-module_pr-2-point-5__H-fJW","pb-2-point-5":"Padding-module_pb-2-point-5__0oSvZ","pl-2-point-5":"Padding-module_pl-2-point-5__BGKgq","p-3":"Padding-module_p-3__LltVV","pt-3":"Padding-module_pt-3__Ew6IB","pr-3":"Padding-module_pr-3__ehVq5","pb-3":"Padding-module_pb-3__u8K7J","pl-3":"Padding-module_pl-3__GLx74","p-3-point-5":"Padding-module_p-3-point-5__PyzuE","pt-3-point-5":"Padding-module_pt-3-point-5__qKa2E","pr-3-point-5":"Padding-module_pr-3-point-5__xJlsH","pb-3-point-5":"Padding-module_pb-3-point-5__H4D4H","pl-3-point-5":"Padding-module_pl-3-point-5__krW-a","p-4":"Padding-module_p-4__boMST","pt-4":"Padding-module_pt-4__lHX5n","pr-4":"Padding-module_pr-4__sl2rR","pb-4":"Padding-module_pb-4__ffDeO","pl-4":"Padding-module_pl-4__mRkKo"};
-
-var Padding_module$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: Padding_module
-});
-
-var require$$1$1 = /*@__PURE__*/getAugmentedNamespace(Padding_module$1);
-
-(function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  exports.paddingClasses = exports.p = exports.py = exports.px = exports.pl = exports.pb = exports.pr = exports.pt = void 0;
-  var util_1 = util;
-  var Padding_module_scss_1 = __importDefault(require$$1$1);
-  var pt = function(unit) {
-    return [
-      Padding_module_scss_1["default"]["pt-".concat((0, util_1.convertFractionToString)(unit))]
-    ];
-  };
-  exports.pt = pt;
-  var pr = function(unit) {
-    return [
-      Padding_module_scss_1["default"]["pr-".concat((0, util_1.convertFractionToString)(unit))]
-    ];
-  };
-  exports.pr = pr;
-  var pb = function(unit) {
-    return [
-      Padding_module_scss_1["default"]["pb-".concat((0, util_1.convertFractionToString)(unit))]
-    ];
-  };
-  exports.pb = pb;
-  var pl = function(unit) {
-    return [
-      Padding_module_scss_1["default"]["pl-".concat((0, util_1.convertFractionToString)(unit))]
-    ];
-  };
-  exports.pl = pl;
-  var px = function(unit) {
-    return [
-      Padding_module_scss_1["default"]["pl-".concat((0, util_1.convertFractionToString)(unit))],
-      Padding_module_scss_1["default"]["pr-".concat((0, util_1.convertFractionToString)(unit))]
-    ];
-  };
-  exports.px = px;
-  var py = function(unit) {
-    return [
-      Padding_module_scss_1["default"]["pt-".concat((0, util_1.convertFractionToString)(unit))],
-      Padding_module_scss_1["default"]["pb-".concat((0, util_1.convertFractionToString)(unit))]
-    ];
-  };
-  exports.py = py;
-  var p = function(unit) {
-    var classes = [];
-    if (typeof unit === "number") {
-      classes.push(Padding_module_scss_1["default"]["p-".concat((0, util_1.convertFractionToString)(unit))]);
-    } else {
-      Object.keys(unit).forEach(function(key) {
-        classes.push(Padding_module_scss_1["default"]["p-".concat((0, util_1.convertFractionToString)(unit[key]), "--").concat(key)]);
-      });
-    }
-    return classes;
-  };
-  exports.p = p;
-  var paddingClasses = function(_a) {
-    var padding2 = _a.p, paddingTop = _a.pt, paddingRight = _a.pr, paddingBottom = _a.pb, paddingLeft = _a.pl, paddingXAxis = _a.px, paddingYAxis = _a.py, _b = _a.rtl, rtl = _b === void 0 ? false : _b;
-    var classes = [];
-    if (padding2 !== void 0)
-      classes.push.apply(classes, (0, exports.p)(padding2));
-    if (paddingTop !== void 0)
-      classes.push.apply(classes, (0, exports.pt)(paddingTop));
-    if (paddingBottom !== void 0)
-      classes.push.apply(classes, (0, exports.pb)(paddingBottom));
-    if (paddingXAxis !== void 0)
-      classes.push.apply(classes, (0, exports.px)(paddingXAxis));
-    if (paddingYAxis !== void 0)
-      classes.push.apply(classes, (0, exports.py)(paddingYAxis));
-    if (rtl) {
-      if (paddingRight !== void 0)
-        classes.push.apply(classes, (0, exports.pl)(paddingRight));
-      if (paddingLeft !== void 0)
-        classes.push.apply(classes, (0, exports.pr)(paddingLeft));
-    } else {
-      if (paddingRight !== void 0)
-        classes.push.apply(classes, (0, exports.pr)(paddingRight));
-      if (paddingLeft !== void 0)
-        classes.push.apply(classes, (0, exports.pl)(paddingLeft));
-    }
-    if (padding2 === void 0 && paddingTop === void 0 && paddingRight === void 0 && paddingBottom === void 0 && paddingLeft === void 0 && paddingXAxis === void 0 && paddingYAxis === void 0) {
-      classes.push.apply(classes, (0, exports.p)(0));
-    }
-    return classes;
-  };
-  exports.paddingClasses = paddingClasses;
-})(padding);
-
-var margin = {};
-
-var Margin_module = {"m-0":"Margin-module_m-0__hSA96","mt-0":"Margin-module_mt-0__7WGbv","mr-0":"Margin-module_mr-0__CX8k-","mb-0":"Margin-module_mb-0__LjHy2","ml-0":"Margin-module_ml-0__Ffq2J","m-0-point-25":"Margin-module_m-0-point-25__RrkvF","mt-0-point-25":"Margin-module_mt-0-point-25__lOnmq","mr-0-point-25":"Margin-module_mr-0-point-25__JYjnr","mb-0-point-25":"Margin-module_mb-0-point-25__aSIWe","ml-0-point-25":"Margin-module_ml-0-point-25__UIx-6","m-0-point-5":"Margin-module_m-0-point-5__o1ClI","mt-0-point-5":"Margin-module_mt-0-point-5__Hlw6J","mr-0-point-5":"Margin-module_mr-0-point-5__lTVga","mb-0-point-5":"Margin-module_mb-0-point-5__09Kv0","ml-0-point-5":"Margin-module_ml-0-point-5__IyBy5","m-0-point-75":"Margin-module_m-0-point-75__IttHs","mt-0-point-75":"Margin-module_mt-0-point-75__8aL1j","mr-0-point-75":"Margin-module_mr-0-point-75__1iTsr","mb-0-point-75":"Margin-module_mb-0-point-75__bcGVL","ml-0-point-75":"Margin-module_ml-0-point-75__UoIM3","m-1":"Margin-module_m-1__WoH7S","mt-1":"Margin-module_mt-1__rmDMg","mr-1":"Margin-module_mr-1__bFRhS","mb-1":"Margin-module_mb-1__6Siyc","ml-1":"Margin-module_ml-1__j3WF6","m-1-point-25":"Margin-module_m-1-point-25__aslNk","mt-1-point-25":"Margin-module_mt-1-point-25__l-Kna","mr-1-point-25":"Margin-module_mr-1-point-25__yKHfB","mb-1-point-25":"Margin-module_mb-1-point-25__k7Wnb","ml-1-point-25":"Margin-module_ml-1-point-25__tKCHD","m-1-point-5":"Margin-module_m-1-point-5__e5RRa","mt-1-point-5":"Margin-module_mt-1-point-5__0oleV","mr-1-point-5":"Margin-module_mr-1-point-5__UV2Ds","mb-1-point-5":"Margin-module_mb-1-point-5__DgIcA","ml-1-point-5":"Margin-module_ml-1-point-5__-a31T","m-1-point-75":"Margin-module_m-1-point-75__IxxDx","mt-1-point-75":"Margin-module_mt-1-point-75__zBEJc","mr-1-point-75":"Margin-module_mr-1-point-75__7oQH3","mb-1-point-75":"Margin-module_mb-1-point-75__CyezZ","ml-1-point-75":"Margin-module_ml-1-point-75__8AcEE","m-2":"Margin-module_m-2__xDAX5","mt-2":"Margin-module_mt-2__BaPgk","mr-2":"Margin-module_mr-2__-8KSg","mb-2":"Margin-module_mb-2__lqKMm","ml-2":"Margin-module_ml-2__y6zUv","m-2-point-5":"Margin-module_m-2-point-5__nPaB6","mt-2-point-5":"Margin-module_mt-2-point-5__NtVq0","mr-2-point-5":"Margin-module_mr-2-point-5__u5ycP","mb-2-point-5":"Margin-module_mb-2-point-5__KoWcH","ml-2-point-5":"Margin-module_ml-2-point-5__rKkfV","m-3":"Margin-module_m-3__3Xx0F","mt-3":"Margin-module_mt-3__M2Jx3","mr-3":"Margin-module_mr-3__Ydznr","mb-3":"Margin-module_mb-3__-jI8t","ml-3":"Margin-module_ml-3__GKa-l","m-3-point-5":"Margin-module_m-3-point-5__3ZDkz","mt-3-point-5":"Margin-module_mt-3-point-5__VBSF-","mr-3-point-5":"Margin-module_mr-3-point-5__wf0U2","mb-3-point-5":"Margin-module_mb-3-point-5__OMror","ml-3-point-5":"Margin-module_ml-3-point-5__ootW1","m-4":"Margin-module_m-4__dZ985","mt-4":"Margin-module_mt-4__BUm9K","mr-4":"Margin-module_mr-4__mKUUj","mb-4":"Margin-module_mb-4__dO-YX","ml-4":"Margin-module_ml-4__EE62n"};
-
-var Margin_module$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: Margin_module
-});
-
-var require$$1 = /*@__PURE__*/getAugmentedNamespace(Margin_module$1);
-
-(function(exports) {
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  exports.marginClasses = exports.m = exports.my = exports.mx = exports.ml = exports.mb = exports.mr = exports.mt = void 0;
-  var util_1 = util;
-  var Margin_module_scss_1 = __importDefault(require$$1);
-  var mt = function(unit) {
-    return [
-      Margin_module_scss_1["default"]["mt-".concat((0, util_1.convertFractionToString)(unit))]
-    ];
-  };
-  exports.mt = mt;
-  var mr = function(unit) {
-    return [
-      Margin_module_scss_1["default"]["mr-".concat((0, util_1.convertFractionToString)(unit))]
-    ];
-  };
-  exports.mr = mr;
-  var mb = function(unit) {
-    return [
-      Margin_module_scss_1["default"]["mb-".concat((0, util_1.convertFractionToString)(unit))]
-    ];
-  };
-  exports.mb = mb;
-  var ml = function(unit) {
-    return [
-      Margin_module_scss_1["default"]["ml-".concat((0, util_1.convertFractionToString)(unit))]
-    ];
-  };
-  exports.ml = ml;
-  var mx = function(unit) {
-    return [
-      Margin_module_scss_1["default"]["ml-".concat((0, util_1.convertFractionToString)(unit))],
-      Margin_module_scss_1["default"]["mr-".concat((0, util_1.convertFractionToString)(unit))]
-    ];
-  };
-  exports.mx = mx;
-  var my = function(unit) {
-    return [
-      Margin_module_scss_1["default"]["mt-".concat((0, util_1.convertFractionToString)(unit))],
-      Margin_module_scss_1["default"]["mb-".concat((0, util_1.convertFractionToString)(unit))]
-    ];
-  };
-  exports.my = my;
-  var m = function(unit) {
-    var classes = [];
-    if (typeof unit === "number") {
-      classes.push(Margin_module_scss_1["default"]["m-".concat((0, util_1.convertFractionToString)(unit))]);
-    } else {
-      Object.keys(unit).forEach(function(key) {
-        classes.push(Margin_module_scss_1["default"]["m-".concat((0, util_1.convertFractionToString)(unit[key]), "--").concat(key)]);
-      });
-    }
-    return classes;
-  };
-  exports.m = m;
-  var marginClasses = function(_a) {
-    var margin2 = _a.m, marginTop = _a.mt, marginRight = _a.mr, marginBottom = _a.mb, marginLeft = _a.ml, marginXAxis = _a.mx, marginYAxis = _a.my, _b = _a.rtl, rtl = _b === void 0 ? false : _b;
-    var classes = [];
-    if (margin2 !== void 0)
-      classes.push.apply(classes, (0, exports.m)(margin2));
-    if (marginTop !== void 0)
-      classes.push.apply(classes, (0, exports.mt)(marginTop));
-    if (marginBottom !== void 0)
-      classes.push.apply(classes, (0, exports.mb)(marginBottom));
-    if (marginXAxis !== void 0)
-      classes.push.apply(classes, (0, exports.mx)(marginXAxis));
-    if (marginYAxis !== void 0)
-      classes.push.apply(classes, (0, exports.my)(marginYAxis));
-    if (rtl) {
-      if (marginRight !== void 0)
-        classes.push.apply(classes, (0, exports.ml)(marginRight));
-      if (marginLeft !== void 0)
-        classes.push.apply(classes, (0, exports.mr)(marginLeft));
-    } else {
-      if (marginRight !== void 0)
-        classes.push.apply(classes, (0, exports.mr)(marginRight));
-      if (marginLeft !== void 0)
-        classes.push.apply(classes, (0, exports.ml)(marginLeft));
-    }
-    if (margin2 === void 0 && marginTop === void 0 && marginRight === void 0 && marginBottom === void 0 && marginLeft === void 0 && marginXAxis === void 0 && marginYAxis === void 0) {
-      classes.push.apply(classes, (0, exports.m)(0));
-    }
-    return classes;
-  };
-  exports.marginClasses = marginClasses;
-})(margin);
-
-var types = {};
-
-types.__esModule = true;
-
-(function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() {
-        return m[k];
-      } };
-    }
-    Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    o[k2] = m[k];
-  });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
-    for (var p in m)
-      if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
-        __createBinding(exports2, m, p);
-  };
-  exports.__esModule = true;
-  __exportStar(padding, exports);
-  __exportStar(margin, exports);
-  __exportStar(types, exports);
-})(Spacing);
-
-var Box$1 = {};
-
-var Box = {};
-
-(function(exports) {
-  var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
-    __assign = Object.assign || function(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-        s = arguments[i];
-        for (var p in s)
-          if (Object.prototype.hasOwnProperty.call(s, p))
-            t[p] = s[p];
-      }
-      return t;
-    };
-    return __assign.apply(this, arguments);
-  };
-  var __rest = commonjsGlobal && commonjsGlobal.__rest || function(s, e) {
-    var t = {};
-    for (var p in s)
-      if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-        if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-          t[p[i]] = s[p[i]];
-      }
-    return t;
-  };
-  var __spreadArray = commonjsGlobal && commonjsGlobal.__spreadArray || function(to, from, pack) {
-    if (pack || arguments.length === 2)
-      for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-          if (!ar)
-            ar = Array.prototype.slice.call(from, 0, i);
-          ar[i] = from[i];
-        }
-      }
-    return to.concat(ar || Array.prototype.slice.call(from));
-  };
-  var __importDefault = commonjsGlobal && commonjsGlobal.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : { "default": mod };
-  };
-  exports.__esModule = true;
-  exports.Box = void 0;
-  var react_1 = __importDefault(React__default);
-  var classnames_1 = __importDefault(classnamesExports);
-  var Spacing_1 = Spacing;
-  var Box = function(_a) {
-    var children = _a.children, _b = _a.rtl, rtl = _b === void 0 ? false : _b, m = _a.m, mt = _a.mt, mr = _a.mr, mb = _a.mb, ml = _a.ml, mx = _a.mx, my = _a.my, p = _a.p, pt = _a.pt, pr = _a.pr, pb = _a.pb, pl = _a.pl, px = _a.px, py = _a.py, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "rtl", "m", "mt", "mr", "mb", "ml", "mx", "my", "p", "pt", "pr", "pb", "pl", "px", "py", "classNameOverride"]);
-    var classes = __spreadArray(__spreadArray([], (0, Spacing_1.paddingClasses)({ p, pt, pr, pb, pl, px, py, rtl }), true), (0, Spacing_1.marginClasses)({ m, mt, mr, mb, ml, mx, my, rtl }), true);
-    return react_1["default"].createElement("div", __assign({ className: (0, classnames_1["default"])(classes, classNameOverride) }, restProps), children);
-  };
-  exports.Box = Box;
-  exports.Box.displayName = "Box";
-})(Box);
-
-(function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() {
-        return m[k];
-      } };
-    }
-    Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    o[k2] = m[k];
-  });
-  exports.__esModule = true;
-  exports.Box = void 0;
-  var Box_1 = Box;
-  __createBinding(exports, Box_1, "Box");
-})(Box$1);
-
-(function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() {
-        return m[k];
-      } };
-    }
-    Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    o[k2] = m[k];
-  });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
-    for (var p in m)
-      if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
-        __createBinding(exports2, m, p);
-  };
-  exports.__esModule = true;
-  __exportStar(Dropdown$1, exports);
-  __exportStar(Layout$1, exports);
-  __exportStar(Icon$1, exports);
-  __exportStar(MenuList$1, exports);
-  __exportStar(Text$1, exports);
-  __exportStar(Spacing, exports);
-  __exportStar(Box$1, exports);
-})(components);
-
-(function(exports) {
-  var __createBinding = commonjsGlobal && commonjsGlobal.__createBinding || (Object.create ? function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() {
-        return m[k];
-      } };
-    }
-    Object.defineProperty(o, k2, desc);
-  } : function(o, m, k, k2) {
-    if (k2 === void 0)
-      k2 = k;
-    o[k2] = m[k];
-  });
-  var __exportStar = commonjsGlobal && commonjsGlobal.__exportStar || function(m, exports2) {
-    for (var p in m)
-      if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p))
-        __createBinding(exports2, m, p);
-  };
-  exports.__esModule = true;
-  __exportStar(components, exports);
-})(componentLibrary);
+Icon.displayName = "Icon";
 
 var img = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eIcons/Informational/check%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpolygon id='path-1' points='8.33333333 14.3416667 4.16666667 10.175 5.34166667 9 8.33333333 11.9833333 14.6583333 5.65833333 15.8333333 6.84166667'%3e%3c/polygon%3e %3c/defs%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='Icons/Informational/check'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
   var check = img;
@@ -46303,7 +45214,7 @@ var Option = function(_a) {
       classNameOverride
     ]), "aria-label": item.textValue }),
     item.rendered,
-    React__default.createElement("span", { className: classNames([styles$4.icon, isSelected && styles$4.isSelected]) }, isSelected && React__default.createElement(componentLibrary.Icon, { icon: check, role: "presentation" }))
+    React__default.createElement("span", { className: classNames([styles$4.icon, isSelected && styles$4.isSelected]) }, isSelected && React__default.createElement(Icon, { icon: check, role: "presentation" }))
   );
 };
 Option.displayName = "Option";