@kaizen/components 1.7.9 → 1.7.11

package/dist/cjs/index.js

@@ -1,449 +1,45 @@
 'use strict';
 
+var index = require('./index-7f3aa247.js');
 var React = require('react');
-var index = require('./index-89a2803d.js');
 var designTokens = require('@kaizen/design-tokens');
 
 function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    n.default = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-var ThemeManager = (
-  /** @class */
-  function() {
-    function ThemeManager2(theme, rootElementId, apply) {
-      if (rootElementId === void 0) {
-        rootElementId = "";
-      }
-      if (apply === void 0) {
-        apply = true;
-      }
-      var _this = this;
-      this.themeChangeListeners = [];
-      this.rootElement = null;
-      this.getRootElement = function() {
-        return _this.rootElement;
-      };
-      this.getRootElementId = function() {
-        return _this.rootElementId;
-      };
-      this.getCurrentTheme = function() {
-        return _this.theme;
-      };
-      this.setRootElement = function(element) {
-        _this.rootElement = element;
-      };
-      this.setRootElementId = function(rootElementId2) {
-        return _this.rootElementId = rootElementId2;
-      };
-      this.setAndApplyTheme = function(theme2, force) {
-        if (!force) {
-          if (_this.theme === theme2)
-            return;
-        }
-        _this.theme = theme2;
-        _this.applyCurrentTheme();
-        _this.notifyThemeChangeListeners(theme2);
-      };
-      this.addThemeChangeListener = function(listener) {
-        _this.themeChangeListeners.push(listener);
-      };
-      this.removeThemeChangeListener = function(listener) {
-        _this.themeChangeListeners = _this.themeChangeListeners.filter(function(l) {
-          return l !== listener;
-        });
-      };
-      this.applyCurrentTheme = function() {
-        var _a;
-        if (typeof window !== "undefined") {
-          _this.setRootElement((_a = document.getElementById(_this.rootElementId)) !== null && _a !== void 0 ? _a : document.documentElement);
-          var cssVariableDefinitions = designTokens.makeCssVariableDefinitionsMap(_this.theme);
-          Object.entries(cssVariableDefinitions).forEach(function(_a2) {
-            var _b;
-            var key = _a2[0], value = _a2[1];
-            (_b = _this.rootElement) === null || _b === void 0 ? void 0 : _b.style.setProperty(key, value);
-          });
-        }
-      };
-      this.notifyThemeChangeListeners = function(theme2) {
-        _this.themeChangeListeners.forEach(function(listener) {
-          return listener(theme2);
-        });
-      };
-      this.theme = theme;
-      this.rootElementId = rootElementId;
-      if (apply)
-        this.applyCurrentTheme();
-    }
-    return ThemeManager2;
-  }()
-);
+const ORIGIN_BASE_URL = "https://d1e7r7b0lb8p4d.cloudfront.net";
+const assetUrl = (path) => [ORIGIN_BASE_URL, path].join("/");
 
-var heartTheme = {
-  themeKey: "heart",
-  animation: {
-    easingFunction: {
-      easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
-      easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
-      easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
-      linear: "linear",
-      bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
-      bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
-      bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)"
-    },
-    duration: {
-      instant: "0ms",
-      immediate: "100ms",
-      rapid: "200ms",
-      fast: "300ms",
-      slow: "400ms",
-      deliberate: "700ms"
-    }
-  },
-  border: {
-    solid: {
-      borderWidth: "2px",
-      borderRadius: "7px",
-      borderStyle: "solid",
-      borderColor: "#e1e2ea"
-    },
-    dashed: {
-      borderWidth: "2px",
-      borderRadius: "7px",
-      borderStyle: "dashed"
-    },
-    borderless: {
-      borderWidth: "2px",
-      borderRadius: "7px",
-      borderStyle: "solid",
-      borderColor: "transparent"
-    },
-    focusRing: {
-      borderWidth: "2px",
-      borderRadius: "10px",
-      borderStyle: "solid"
-    }
-  },
-  color: {
-    purple: {
-      100: "#f4edf8",
-      200: "#dfc9ea",
-      300: "#c9a5dd",
-      400: "#ae67b1",
-      500: "#844587",
-      600: "#5f3361",
-      700: "#4a234d",
-      800: "#2f2438"
-    },
-    blue: {
-      100: "#e6f6ff",
-      200: "#bde2f5",
-      300: "#73c0e8",
-      400: "#008bd6",
-      500: "#0168b3",
-      600: "#004970",
-      700: "#003157"
-    },
-    green: {
-      100: "#e8f8f4",
-      200: "#c4ede2",
-      300: "#8fdbc7",
-      400: "#5dcbad",
-      500: "#44a289",
-      600: "#2c7d67",
-      700: "#22594a"
-    },
-    yellow: {
-      100: "#fff9e4",
-      200: "#ffeeb3",
-      300: "#ffe36e",
-      400: "#ffca4d",
-      500: "#ffb600",
-      600: "#c68600",
-      700: "#876400"
-    },
-    red: {
-      100: "#fdeaee",
-      200: "#f9c2cb",
-      300: "#f597a8",
-      400: "#e0707d",
-      500: "#c93b55",
-      600: "#a82433",
-      700: "#6c1e20"
-    },
-    orange: {
-      100: "#fff0e8",
-      200: "#ffd1b9",
-      300: "#ffb08a",
-      400: "#ff9461",
-      500: "#e96c2f",
-      600: "#b74302",
-      700: "#903c00"
-    },
-    gray: {
-      100: "#f9f9f9",
-      200: "#f4f4f5",
-      300: "#eaeaec",
-      400: "#cdcdd0",
-      500: "#8c8c97",
-      600: "#524e56"
-    },
-    white: "#ffffff"
-  },
-  dataViz: {
-    favorable: "#7dd5bd",
-    unfavorable: "#e68d97"
-  },
-  layout: {
-    contentMaxWidth: "1392px",
-    contentMaxWidthWithSidebar: "1080px",
-    contentSideMargin: "72px",
-    mobileActionsDrawerHeight: "60px",
-    navigationBarHeight: "72px",
-    breakpoints: {
-      medium: "768px",
-      large: "1080px"
-    }
-  },
-  shadow: {
-    small: {
-      boxShadow: "0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1)"
-    },
-    large: {
-      boxShadow: "0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1)"
-    }
-  },
-  spacing: {
-    xs: "0.375rem",
-    sm: "0.75rem",
-    md: "1.5rem",
-    lg: "2.25rem",
-    xl: "3rem",
-    xxl: "3.75rem",
-    xxxl: "4.5rem",
-    xxxxl: "5.25rem",
-    xxxxxl: "6rem",
-    0: "0",
-    1: ".0625rem",
-    2: ".125rem",
-    4: ".25rem",
-    6: ".375rem",
-    8: ".5rem",
-    12: ".75rem",
-    16: "1rem",
-    24: "1.5rem",
-    32: "2rem",
-    40: "2.5rem",
-    48: "3rem",
-    56: "3.5rem",
-    64: "4rem",
-    72: "4.5rem",
-    80: "5rem",
-    96: "6rem",
-    112: "7rem",
-    128: "8rem",
-    160: "10rem",
-    200: "12.5rem",
-    240: "15rem",
-    280: "17.5rem",
-    320: "20rem"
-  },
-  typography: {
-    dataLarge: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "5.25rem",
-      lineHeight: "5.25rem",
-      letterSpacing: "normal"
-    },
-    dataLargeUnits: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "2.625rem",
-      lineHeight: "5.25rem",
-      letterSpacing: "normal"
-    },
-    dataMedium: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "3rem",
-      lineHeight: "5rem",
-      letterSpacing: "normal"
-    },
-    dataMediumUnits: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "1.5rem",
-      lineHeight: "5rem",
-      letterSpacing: "normal"
-    },
-    dataSmall: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "1.5rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    dataSmallUnits: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "1.125rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    display0: {
-      fontFamily: '"Tiempos Headline", Georgia, serif',
-      fontWeight: 800,
-      fontSize: "4.5rem",
-      lineHeight: "5.25rem",
-      letterSpacing: "0em"
-    },
-    heading1: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "2.125rem",
-      lineHeight: "2.625rem",
-      letterSpacing: "normal"
-    },
-    heading2: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "1.75rem",
-      lineHeight: "2.25rem",
-      letterSpacing: "normal"
-    },
-    heading3: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "1.375rem",
-      lineHeight: "1.875rem",
-      letterSpacing: "normal"
-    },
-    heading4: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 600,
-      fontSize: "1.125rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    heading5: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 600,
-      fontSize: "1rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    heading6: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "0.875rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    paragraphIntroLede: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 400,
-      fontSize: "1.25rem",
-      lineHeight: "1.875rem",
-      letterSpacing: "0"
-    },
-    paragraphBody: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 400,
-      fontSize: "1rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    paragraphSmall: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 400,
-      fontSize: "0.875rem",
-      lineHeight: "1.125rem",
-      letterSpacing: "normal"
-    },
-    paragraphExtraSmall: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 400,
-      fontSize: "0.75rem",
-      lineHeight: "1.125rem",
-      letterSpacing: "normal"
-    },
-    paragraphBold: {
-      fontWeight: 600
-    },
-    buttonPrimary: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 700,
-      fontSize: "1.125rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    },
-    buttonSecondary: {
-      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
-      fontWeight: 500,
-      fontSize: "1rem",
-      lineHeight: "1.5rem",
-      letterSpacing: "normal"
-    }
-  }
-};
+var styles$e = {"img":"Brand-module_img__uWvra"};
 
-var defaultTheme = heartTheme;
-
-var ThemeContext = React.createContext(defaultTheme);
-var ThemeProvider = function(_a) {
-  var themeManager = _a.themeManager, props = index.__rest(_a, ["themeManager"]);
-  var themeManagerInstance = React.useState(function() {
-    return themeManager || new ThemeManager(defaultTheme);
-  })[0];
-  var _b = React.useState(themeManagerInstance.getCurrentTheme()), theme = _b[0], setTheme = _b[1];
-  React.useEffect(function() {
-    var cancelled = false;
-    var listener = function(newTheme) {
-      if (!cancelled)
-        setTheme(newTheme);
-    };
-    themeManagerInstance.addThemeChangeListener(listener);
-    return function() {
-      cancelled = true;
-      themeManagerInstance.removeThemeChangeListener(listener);
-    };
-  }, []);
+var Brand = function(_a) {
+  var variant = _a.variant, alt = _a.alt, _b = _a.reversed, reversed = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["variant", "alt", "reversed", "classNameOverride"]);
+  var brandTheme = reversed ? "-reversed" : "-default";
   return React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(ThemeContext.Provider, { value: theme }, props.children),
-    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }),
-    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }),
-    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }),
-    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }),
-    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" })
+    "picture",
+    index.__assign({ className: classNameOverride }, restProps),
+    React.createElement("source", { srcSet: assetUrl("brand/".concat(variant, "-reversed.svg")), media: "(forced-colors: active) and (prefers-color-scheme: dark)" }),
+    React.createElement("source", { srcSet: assetUrl("brand/".concat(variant, "-default.svg")), media: "(forced-colors: active) and (prefers-color-scheme: light)" }),
+    React.createElement("img", { src: assetUrl("brand/".concat(variant).concat(brandTheme, ".svg")), alt, className: styles$e.img })
   );
 };
-var useTheme = function() {
-  return React.useContext(ThemeContext);
-};
-
-var KaizenProvider = function(_a) {
-  var children = _a.children, themeManager = _a.themeManager;
-  return React.createElement(ThemeProvider, { themeManager }, children);
-};
-KaizenProvider.displayName = "KaizenProvider";
+Brand.displayName = "Brand";
 
 var zeroRightClassName = 'right-scroll-bar-position';
 var fullWidthClassName = 'width-before-scroll-bar';
@@ -3792,8 +3388,8 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
 };
 
 var Style = styleSingleton();
-var styles$e = "\n [" + focusHiddenMarker + "] {\n   pointer-events: none !important;\n }\n";
-var InteractivityDisabler = function () { return React__namespace.createElement(Style, { styles: styles$e }); };
+var styles$d = "\n [" + focusHiddenMarker + "] {\n   pointer-events: none !important;\n }\n";
+var InteractivityDisabler = function () { return React__namespace.createElement(Style, { styles: styles$d }); };
 
 var extractRef = function (ref) {
     return 'current' in ref ? ref.current : ref;
@@ -37267,14 +36863,14 @@ function Reference(_ref) {
  // Public types
 
 var esm = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    Manager: Manager,
-    Popper: Popper,
-    Reference: Reference,
-    usePopper: usePopper
+  __proto__: null,
+  Manager: Manager,
+  Popper: Popper,
+  Reference: Reference,
+  usePopper: usePopper
 });
 
-var styles$d = {"filterPopover":"FilterPopover-module_filterPopover__OgOEM"};
+var styles$c = {"filterPopover":"FilterPopover-module_filterPopover__OgOEM"};
 
 var FilterPopover = function(_a) {
   var children = _a.children, referenceElement = _a.referenceElement, popperOptions = _a.popperOptions, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
@@ -37287,7 +36883,7 @@ var FilterPopover = function(_a) {
       }
     }
   ], placement: "bottom-start", strategy: "fixed" }, popperOptions)), popperStyles = _c.styles, popperAttributes = _c.attributes;
-  return React.createElement("div", index.__assign({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: index.classNames(styles$d.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
+  return React.createElement("div", index.__assign({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: index.classNames(styles$c.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
 };
 FilterPopover.displayName = "FilterPopover";
 
@@ -37332,31 +36928,31 @@ var Filter = function(_a) {
 };
 Filter.displayName = "Filter";
 
-var styles$c = {"filterContents":"FilterContents-module_filterContents__uNUpd"};
+var styles$b = {"filterContents":"FilterContents-module_filterContents__uNUpd"};
 
 var FilterContents = function(_a) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["children", "classNameOverride"]);
-  return React.createElement("div", index.__assign({ className: index.classNames(styles$c.filterContents, classNameOverride) }, restProps), children);
+  return React.createElement("div", index.__assign({ className: index.classNames(styles$b.filterContents, classNameOverride) }, restProps), children);
 };
 FilterContents.displayName = "FilterContents";
 
-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 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 singleLine$1 = function(message) {
+var singleLine = function(message) {
   return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
 };
 
-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 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 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 = index.__rest(_a, ["inheritSize", "role", "title", "desc", "viewBox", "classNameOverride", "children"]);
   var isMeaningfulImg = role === "img";
   if (isMeaningfulImg && !title) {
-    warn$1(`
+    warn(`
       Icon with role "img" missing a title attribute.
 
       Assistive technologies that enable vision-impaired users to read web pages
@@ -37381,7 +36977,7 @@ var SVG = function(_a) {
   return React.createElement(
     "svg",
     index.__assign({
-      className: index.classNames(styles$b.icon, classNameOverride, (_c = {}, _c[styles$b.inheritSize] = inheritSize, _c)),
+      className: index.classNames(styles$a.icon, classNameOverride, (_c = {}, _c[styles$a.inheritSize] = inheritSize, _c)),
       viewBox,
       // Work around IE11 making all SVGs focusable.
       // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4
@@ -37450,15 +37046,15 @@ var isRefObject = function(ref) {
   return ref !== null && "current" in ref;
 };
 
-var styles$a = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__I8mV-"};
+var styles$9 = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__I8mV-"};
 
 var FilterButtonBase = React.forwardRef(function(_a, ref) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["children", "classNameOverride"]);
-  return React.createElement("button", index.__assign({ ref, className: index.classNames(styles$a.filterButtonBase, classNameOverride) }, restProps), children);
+  return React.createElement("button", index.__assign({ ref, className: index.classNames(styles$9.filterButtonBase, classNameOverride) }, restProps), children);
 });
 FilterButtonBase.displayName = "FilterButtonBase";
 
-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 styles$8 = {"filterButton":"FilterButton-module_filterButton__Q2dMX","labelContainer":"FilterButton-module_labelContainer__5G-MD","hasSelectedValues":"FilterButton-module_hasSelectedValues__dyQkL","labelSeparator":"FilterButton-module_labelSeparator__xrkAx"};
 
 var FilterButton = React.forwardRef(function(_a, ref) {
   var label = _a.label, selectedValue = _a.selectedValue, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
@@ -37467,15 +37063,15 @@ var FilterButton = React.forwardRef(function(_a, ref) {
   var selectedValuesLabel = selectedValue;
   return React.createElement(
     FilterButtonBase,
-    index.__assign({ ref: triggerRef, classNameOverride: index.classNames(styles$9.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
-    React.createElement("span", { className: styles$9.labelContainer }, selectedValuesLabel ? React.createElement(
+    index.__assign({ ref: triggerRef, classNameOverride: index.classNames(styles$8.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
+    React.createElement("span", { className: styles$8.labelContainer }, selectedValuesLabel ? React.createElement(
       React.Fragment,
       null,
       React.createElement(
         "span",
-        { className: styles$9.hasSelectedValues },
+        { className: styles$8.hasSelectedValues },
         React.createElement("span", null, label),
-        React.createElement("span", { className: styles$9.labelSeparator }, ":")
+        React.createElement("span", { className: styles$8.labelSeparator }, ":")
       ),
       React.createElement("span", null, selectedValuesLabel)
     ) : label),
@@ -37490,20 +37086,20 @@ var Tooltip$1 = {};
 
 var Tooltip = {};
 
-var require$$3 = /*@__PURE__*/getAugmentedNamespace(esm);
+var require$$3$2 = /*@__PURE__*/getAugmentedNamespace(esm);
 
 var AppearanceAnim = {};
 
 function c(u,e,c){var i=this,a=React.useRef(null),o=React.useRef(0),f=React.useRef(null),l=React.useRef([]),m=React.useRef(),v=React.useRef(),d=React.useRef(u),p=React.useRef(!0);React.useEffect(function(){d.current=u;},[u]);var g=!e&&0!==e&&"undefined"!=typeof window;if("function"!=typeof u)throw new TypeError("Expected a function");e=+e||0;var w=!!(c=c||{}).leading,s=!("trailing"in c)||!!c.trailing,x="maxWait"in c,y=x?Math.max(+c.maxWait||0,e):null;React.useEffect(function(){return p.current=!0,function(){p.current=!1;}},[]);var h=React.useMemo(function(){var r=function(r){var n=l.current,t=m.current;return l.current=m.current=null,o.current=r,v.current=d.current.apply(t,n)},n=function(r,n){g&&cancelAnimationFrame(f.current),f.current=g?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!p.current)return !1;var n=r-a.current;return !a.current||n>=e||n<0||x&&r-o.current>=y},u=function(n){return f.current=null,s&&l.current?r(n):(l.current=m.current=null,v.current)},c=function r(){var c=Date.now();if(t(c))return u(c);if(p.current){var i=e-(c-a.current),f=x?Math.min(i,y-(c-o.current)):i;n(r,f);}},h=function(){var u=Date.now(),d=t(u);if(l.current=[].slice.call(arguments),m.current=i,a.current=u,d){if(!f.current&&p.current)return o.current=a.current,n(c,e),w?r(a.current):v.current;if(x)return n(c,e),r(a.current)}return f.current||n(c,e),v.current};return h.cancel=function(){f.current&&(g?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=m.current=f.current=null;},h.isPending=function(){return !!f.current},h.flush=function(){return f.current?u(Date.now()):v.current},h},[w,x,e,y,s,g]);return h}function i(r,n){return r===n}function a(r){return "function"==typeof r?function(){return r}:r}function o(n,t,o){var f,l,m=o&&o.equalityFn||i,v=(f=React.useState(a(n)),l=f[1],[f[0],React.useCallback(function(r){return l(a(r))},[])]),d=v[0],p=v[1],g=c(React.useCallback(function(r){return p(r)},[p]),t,o),w=React.useRef(n);return m(w.current,n)||(g(n),w.current=n),[d,g]}function f$1(r,n,t){var u=void 0===t?{}:t,e=u.leading,i=u.trailing;return c(r,n,{maxWait:n,leading:void 0===e||e,trailing:void 0===i||i})}
 
 var index_module = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    useDebounce: o,
-    useDebouncedCallback: c,
-    useThrottledCallback: f$1
+  __proto__: null,
+  useDebounce: o,
+  useDebouncedCallback: c,
+  useThrottledCallback: f$1
 });
 
-var require$$1$1 = /*@__PURE__*/getAugmentedNamespace(index_module);
+var require$$1$5 = /*@__PURE__*/getAugmentedNamespace(index_module);
 
 (function(exports) {
   var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
@@ -37565,7 +37161,7 @@ var require$$1$1 = /*@__PURE__*/getAugmentedNamespace(index_module);
   exports.__esModule = true;
   exports.useAnimation = exports.AnimationProvider = exports.AnimationContext = void 0;
   var react_1 = __importStar(React);
-  var use_debounce_1 = require$$1$1;
+  var use_debounce_1 = require$$1$5;
   var ANIM_DURATION_MS = 400;
   exports.AnimationContext = react_1["default"].createContext({
     isVisible: false,
@@ -38213,24 +37809,24 @@ function version(uuid) {
 }
 
 var esmBrowser = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    NIL: nil,
-    parse: parse,
-    stringify: stringify,
-    v1: v1,
-    v3: v3$1,
-    v4: v4,
-    v5: v5$1,
-    validate: validate,
-    version: version
+  __proto__: null,
+  NIL: nil,
+  parse: parse,
+  stringify: stringify,
+  v1: v1,
+  v3: v3$1,
+  v4: v4,
+  v5: v5$1,
+  validate: validate,
+  version: version
 });
 
-var require$$1 = /*@__PURE__*/getAugmentedNamespace(esmBrowser);
+var require$$1$4 = /*@__PURE__*/getAugmentedNamespace(esmBrowser);
 
 useUuid$1.__esModule = true;
 useUuid$1.useUuid = void 0;
 var react_1 = React;
-var uuid_1 = require$$1;
+var uuid_1 = require$$1$4;
 var useUuid = function() {
   return (0, react_1.useMemo)(function() {
     return (0, uuid_1.v4)();
@@ -38241,11 +37837,11 @@ useUuid$1.useUuid = useUuid;
 var Tooltip_module = {"tooltip":"Tooltip-module_tooltip__80yPv","tooltipContent":"Tooltip-module_tooltipContent__gXHKT","default":"Tooltip-module_default__oLBfa","informative":"Tooltip-module_informative__Lw2ZJ","positive":"Tooltip-module_positive__31-es","cautionary":"Tooltip-module_cautionary__jr2QQ","highlight":"Tooltip-module_highlight__b5HMe","arrow":"Tooltip-module_arrow__LWe4h","arrowInner":"Tooltip-module_arrowInner__whQvw","arrowMain":"Tooltip-module_arrowMain__VSut6","arrowShadow":"Tooltip-module_arrowShadow__cwgsV","displayInline":"Tooltip-module_displayInline__iojZb","displayBlock":"Tooltip-module_displayBlock__RfmWl","displayInlineBlock":"Tooltip-module_displayInlineBlock__2q-e6","displayFlex":"Tooltip-module_displayFlex__orTOm","displayInlineFlex":"Tooltip-module_displayInlineFlex__z-4AS"};
 
 var Tooltip_module$1 = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    default: Tooltip_module
+  __proto__: null,
+  default: Tooltip_module
 });
 
-var require$$6 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
+var require$$6$1 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
 
 (function(exports) {
   var __assign = commonjsGlobal && commonjsGlobal.__assign || function() {
@@ -38300,10 +37896,10 @@ var require$$6 = /*@__PURE__*/getAugmentedNamespace(Tooltip_module$1);
   var react_1 = __importStar(React);
   var react_dom_1 = __importDefault(reactDomExports);
   var classnames_1 = __importDefault(index.classnamesExports);
-  var react_popper_1 = require$$3;
+  var react_popper_1 = require$$3$2;
   var AppearanceAnim_1 = AppearanceAnim;
   var useUuid_1 = useUuid$1;
-  var Tooltip_module_scss_1 = __importDefault(require$$6);
+  var Tooltip_module_scss_1 = __importDefault(require$$6$1);
   var positionToPlacement = /* @__PURE__ */ new Map([
     ["above", "top"],
     ["below", "bottom"],
@@ -38489,7 +38085,7 @@ var ClearIcon = function(props) {
   );
 };
 
-var styles$8 = {"buttonGroup":"ButtonGroup-module_buttonGroup__bsy2X","child":"ButtonGroup-module_child__K6AP-","firstChild":"ButtonGroup-module_firstChild__uEn1j","lastChild":"ButtonGroup-module_lastChild__Vicsx"};
+var styles$7 = {"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.isValidElement(node) && node.type === FilterButtonBase;
@@ -38497,11 +38093,11 @@ var isFilterButton = function(node) {
 var ButtonGroup = function(_a) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = index.__rest(_a, ["children", "classNameOverride"]);
   var childCount = React.Children.count(children);
-  var containerProps = index.__assign({ role: "group", className: index.classNames(styles$8.buttonGroup, classNameOverride) }, restProps);
+  var containerProps = index.__assign({ role: "group", className: index.classNames(styles$7.buttonGroup, classNameOverride) }, restProps);
   if (childCount === 1)
     return React.createElement("div", index.__assign({}, containerProps), children);
   return React.createElement("div", index.__assign({}, containerProps), React.Children.map(children, function(child, index$1) {
-    var buttonClassNames = index.classNames(styles$8.child, index$1 === 0 && styles$8.firstChild, index$1 === childCount - 1 && styles$8.lastChild, child.props.classNameOverride);
+    var buttonClassNames = index.classNames(styles$7.child, index$1 === 0 && styles$7.firstChild, index$1 === childCount - 1 && styles$7.lastChild, child.props.classNameOverride);
     if (child.type === tooltip.Tooltip) {
       var button = child.props.children;
       if (isFilterButton(button)) {
@@ -45029,46 +44625,46 @@ function $af383d3bef1cfdc9$export$c3f9f39876e4bc7(props) {
     };
 }
 
-var styles$7 = {"listBox":"ListBox-module_listBox__FQ9sQ","focus":"ListBox-module_focus__Tm-jn"};
+var styles$6 = {"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 = index.__rest(_a, ["children", "menuProps", "classNameOverride"]);
   var state = useSelectContext().state;
   var ref = React.useRef(null);
   var listBoxProps = $c132121280ec012d$export$50eacbbf140a3141(index.__assign(index.__assign({}, menuProps), { disallowEmptySelection: true, autoFocus: "first" }), state, ref).listBoxProps;
-  return React.createElement("ul", index.__assign({ ref, className: index.classNames(styles$7.listBox, classNameOverride) }, listBoxProps, restProps), children);
+  return React.createElement("ul", index.__assign({ ref, className: index.classNames(styles$6.listBox, classNameOverride) }, listBoxProps, restProps), children);
 };
 ListBox.displayName = "ListBox";
 
-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 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 __defProp$2 = Object.defineProperty;
+var __defProp$1 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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) => {
+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$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]);
+    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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest$2 = (source, exclude) => {
+var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(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;
@@ -45081,7 +44677,7 @@ const Heading = (_a) => {
     variant,
     color = "dark",
     classNameOverride
-  } = _b, restProps = __objRest$2(_b, [
+  } = _b, restProps = __objRest$1(_b, [
     "children",
     "tag",
     "variant",
@@ -45090,13 +44686,13 @@ const Heading = (_a) => {
   ]);
   const inferredTag = tag === void 0 ? translateHeadingLevelToTag(variant) : tag;
   const className = index.classNames([
-    styles$6.heading,
-    styles$6[variant],
+    styles$5.heading,
+    styles$5[variant],
     classNameOverride,
-    styles$6[color],
-    VARIANTS_24PX_OR_GREATER.includes(variant) ? styles$6.large : styles$6.small
+    styles$5[color],
+    VARIANTS_24PX_OR_GREATER.includes(variant) ? styles$5.large : styles$5.small
   ]);
-  return React.createElement(inferredTag, __spreadProps(__spreadValues$2({}, restProps), { className }), children);
+  return React.createElement(inferredTag, __spreadProps(__spreadValues$1({}, restProps), { className }), children);
 };
 Heading.displayName = "Heading";
 const translateHeadingLevelToTag = (headingLevel) => {
@@ -45118,67 +44714,107 @@ const translateHeadingLevelToTag = (headingLevel) => {
   }
 };
 
-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 componentLibrary = {};
 
-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"};
+var components = {};
 
-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(`
+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
+});
+
+var require$$3 = /*@__PURE__*/getAugmentedNamespace(Icon_module$1);
+
+(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);
+  var classnames_1 = __importDefault(index.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)(`
       Icon with role "img" missing a title attribute.
 
       Assistive technologies that enable vision-impaired users to read web pages
@@ -45190,28 +44826,1077 @@ const Icon = (_a) => {
       Either add the missing title prop, or set this icon's role to
       "presentation" to indicate it is not meaningful.
     `);
-  }
-  const renderTitle = () => isMeaningfulImg && !!title && /* @__PURE__ */ React.createElement("title", null, title);
-  const renderDesc = () => isMeaningfulImg && !!desc && /* @__PURE__ */ React.createElement("desc", null, desc);
-  const accessibilityProps = {
-    role,
-    ["aria-hidden"]: isMeaningfulImg ? void 0 : true
+    }
+    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) })
+    );
   };
-  return /* @__PURE__ */ React.createElement(
-    "svg",
-    __spreadValues$1(__spreadValues$1({
-      className: index.classNames(styles$5.icon, classNameOverride, {
-        [styles$5.inheritSize]: inheritSize
-      }),
-      viewBox: icon.viewBox,
-      focusable: "false"
-    }, accessibilityProps), props),
-    renderTitle(),
-    renderDesc(),
-    /* @__PURE__ */ React.createElement("use", { xlinkHref: `#${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);
+  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);
+  var classnames_1 = __importDefault(index.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);
+  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);
+  };
+  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)
   );
+  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);
+  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);
+  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);
+  var classnames_1 = __importDefault(index.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);
+  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);
+  var classnames_1 = __importDefault(index.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";
+  }
 };
-Icon.displayName = "Icon";
+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);
+  var classnames_1 = __importDefault(index.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);
 
 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;
@@ -45234,7 +45919,7 @@ var Option = function(_a) {
       classNameOverride
     ]), "aria-label": item.textValue }),
     item.rendered,
-    React.createElement("span", { className: index.classNames([styles$4.icon, isSelected && styles$4.isSelected]) }, isSelected && React.createElement(Icon, { icon: check, role: "presentation" }))
+    React.createElement("span", { className: index.classNames([styles$4.icon, isSelected && styles$4.isSelected]) }, isSelected && React.createElement(componentLibrary.Icon, { icon: check, role: "presentation" }))
   );
 };
 Option.displayName = "Option";
@@ -45420,6 +46105,429 @@ FilterSelect.SectionDivider = SectionDivider;
 FilterSelect.Option = Option;
 FilterSelect.ItemDefaultRender = ListItem;
 
+var ThemeManager = (
+  /** @class */
+  function() {
+    function ThemeManager2(theme, rootElementId, apply) {
+      if (rootElementId === void 0) {
+        rootElementId = "";
+      }
+      if (apply === void 0) {
+        apply = true;
+      }
+      var _this = this;
+      this.themeChangeListeners = [];
+      this.rootElement = null;
+      this.getRootElement = function() {
+        return _this.rootElement;
+      };
+      this.getRootElementId = function() {
+        return _this.rootElementId;
+      };
+      this.getCurrentTheme = function() {
+        return _this.theme;
+      };
+      this.setRootElement = function(element) {
+        _this.rootElement = element;
+      };
+      this.setRootElementId = function(rootElementId2) {
+        return _this.rootElementId = rootElementId2;
+      };
+      this.setAndApplyTheme = function(theme2, force) {
+        if (!force) {
+          if (_this.theme === theme2)
+            return;
+        }
+        _this.theme = theme2;
+        _this.applyCurrentTheme();
+        _this.notifyThemeChangeListeners(theme2);
+      };
+      this.addThemeChangeListener = function(listener) {
+        _this.themeChangeListeners.push(listener);
+      };
+      this.removeThemeChangeListener = function(listener) {
+        _this.themeChangeListeners = _this.themeChangeListeners.filter(function(l) {
+          return l !== listener;
+        });
+      };
+      this.applyCurrentTheme = function() {
+        var _a;
+        if (typeof window !== "undefined") {
+          _this.setRootElement((_a = document.getElementById(_this.rootElementId)) !== null && _a !== void 0 ? _a : document.documentElement);
+          var cssVariableDefinitions = designTokens.makeCssVariableDefinitionsMap(_this.theme);
+          Object.entries(cssVariableDefinitions).forEach(function(_a2) {
+            var _b;
+            var key = _a2[0], value = _a2[1];
+            (_b = _this.rootElement) === null || _b === void 0 ? void 0 : _b.style.setProperty(key, value);
+          });
+        }
+      };
+      this.notifyThemeChangeListeners = function(theme2) {
+        _this.themeChangeListeners.forEach(function(listener) {
+          return listener(theme2);
+        });
+      };
+      this.theme = theme;
+      this.rootElementId = rootElementId;
+      if (apply)
+        this.applyCurrentTheme();
+    }
+    return ThemeManager2;
+  }()
+);
+
+var heartTheme = {
+  themeKey: "heart",
+  animation: {
+    easingFunction: {
+      easeInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
+      easeIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
+      easeOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
+      linear: "linear",
+      bounceIn: "cubic-bezier(0.485, 0.155, 0.24, 1.245)",
+      bounceOut: "cubic-bezier(0.485, 0.155, 0.515, 0.845)",
+      bounceInOut: "cubic-bezier(0.76, -0.245, 0.24, 1.245)"
+    },
+    duration: {
+      instant: "0ms",
+      immediate: "100ms",
+      rapid: "200ms",
+      fast: "300ms",
+      slow: "400ms",
+      deliberate: "700ms"
+    }
+  },
+  border: {
+    solid: {
+      borderWidth: "2px",
+      borderRadius: "7px",
+      borderStyle: "solid",
+      borderColor: "#e1e2ea"
+    },
+    dashed: {
+      borderWidth: "2px",
+      borderRadius: "7px",
+      borderStyle: "dashed"
+    },
+    borderless: {
+      borderWidth: "2px",
+      borderRadius: "7px",
+      borderStyle: "solid",
+      borderColor: "transparent"
+    },
+    focusRing: {
+      borderWidth: "2px",
+      borderRadius: "10px",
+      borderStyle: "solid"
+    }
+  },
+  color: {
+    purple: {
+      100: "#f4edf8",
+      200: "#dfc9ea",
+      300: "#c9a5dd",
+      400: "#ae67b1",
+      500: "#844587",
+      600: "#5f3361",
+      700: "#4a234d",
+      800: "#2f2438"
+    },
+    blue: {
+      100: "#e6f6ff",
+      200: "#bde2f5",
+      300: "#73c0e8",
+      400: "#008bd6",
+      500: "#0168b3",
+      600: "#004970",
+      700: "#003157"
+    },
+    green: {
+      100: "#e8f8f4",
+      200: "#c4ede2",
+      300: "#8fdbc7",
+      400: "#5dcbad",
+      500: "#44a289",
+      600: "#2c7d67",
+      700: "#22594a"
+    },
+    yellow: {
+      100: "#fff9e4",
+      200: "#ffeeb3",
+      300: "#ffe36e",
+      400: "#ffca4d",
+      500: "#ffb600",
+      600: "#c68600",
+      700: "#876400"
+    },
+    red: {
+      100: "#fdeaee",
+      200: "#f9c2cb",
+      300: "#f597a8",
+      400: "#e0707d",
+      500: "#c93b55",
+      600: "#a82433",
+      700: "#6c1e20"
+    },
+    orange: {
+      100: "#fff0e8",
+      200: "#ffd1b9",
+      300: "#ffb08a",
+      400: "#ff9461",
+      500: "#e96c2f",
+      600: "#b74302",
+      700: "#903c00"
+    },
+    gray: {
+      100: "#f9f9f9",
+      200: "#f4f4f5",
+      300: "#eaeaec",
+      400: "#cdcdd0",
+      500: "#8c8c97",
+      600: "#524e56"
+    },
+    white: "#ffffff"
+  },
+  dataViz: {
+    favorable: "#7dd5bd",
+    unfavorable: "#e68d97"
+  },
+  layout: {
+    contentMaxWidth: "1392px",
+    contentMaxWidthWithSidebar: "1080px",
+    contentSideMargin: "72px",
+    mobileActionsDrawerHeight: "60px",
+    navigationBarHeight: "72px",
+    breakpoints: {
+      medium: "768px",
+      large: "1080px"
+    }
+  },
+  shadow: {
+    small: {
+      boxShadow: "0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1)"
+    },
+    large: {
+      boxShadow: "0px 8px 40px rgba(0, 0, 0, 0.08), 0px 3px 9px rgba(0, 0, 0, 0.1)"
+    }
+  },
+  spacing: {
+    xs: "0.375rem",
+    sm: "0.75rem",
+    md: "1.5rem",
+    lg: "2.25rem",
+    xl: "3rem",
+    xxl: "3.75rem",
+    xxxl: "4.5rem",
+    xxxxl: "5.25rem",
+    xxxxxl: "6rem",
+    0: "0",
+    1: ".0625rem",
+    2: ".125rem",
+    4: ".25rem",
+    6: ".375rem",
+    8: ".5rem",
+    12: ".75rem",
+    16: "1rem",
+    24: "1.5rem",
+    32: "2rem",
+    40: "2.5rem",
+    48: "3rem",
+    56: "3.5rem",
+    64: "4rem",
+    72: "4.5rem",
+    80: "5rem",
+    96: "6rem",
+    112: "7rem",
+    128: "8rem",
+    160: "10rem",
+    200: "12.5rem",
+    240: "15rem",
+    280: "17.5rem",
+    320: "20rem"
+  },
+  typography: {
+    dataLarge: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 700,
+      fontSize: "5.25rem",
+      lineHeight: "5.25rem",
+      letterSpacing: "normal"
+    },
+    dataLargeUnits: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 700,
+      fontSize: "2.625rem",
+      lineHeight: "5.25rem",
+      letterSpacing: "normal"
+    },
+    dataMedium: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 700,
+      fontSize: "3rem",
+      lineHeight: "5rem",
+      letterSpacing: "normal"
+    },
+    dataMediumUnits: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 700,
+      fontSize: "1.5rem",
+      lineHeight: "5rem",
+      letterSpacing: "normal"
+    },
+    dataSmall: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 700,
+      fontSize: "1.5rem",
+      lineHeight: "1.5rem",
+      letterSpacing: "normal"
+    },
+    dataSmallUnits: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 700,
+      fontSize: "1.125rem",
+      lineHeight: "1.5rem",
+      letterSpacing: "normal"
+    },
+    display0: {
+      fontFamily: '"Tiempos Headline", Georgia, serif',
+      fontWeight: 800,
+      fontSize: "4.5rem",
+      lineHeight: "5.25rem",
+      letterSpacing: "0em"
+    },
+    heading1: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 700,
+      fontSize: "2.125rem",
+      lineHeight: "2.625rem",
+      letterSpacing: "normal"
+    },
+    heading2: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 700,
+      fontSize: "1.75rem",
+      lineHeight: "2.25rem",
+      letterSpacing: "normal"
+    },
+    heading3: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 700,
+      fontSize: "1.375rem",
+      lineHeight: "1.875rem",
+      letterSpacing: "normal"
+    },
+    heading4: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 600,
+      fontSize: "1.125rem",
+      lineHeight: "1.5rem",
+      letterSpacing: "normal"
+    },
+    heading5: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 600,
+      fontSize: "1rem",
+      lineHeight: "1.5rem",
+      letterSpacing: "normal"
+    },
+    heading6: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 700,
+      fontSize: "0.875rem",
+      lineHeight: "1.5rem",
+      letterSpacing: "normal"
+    },
+    paragraphIntroLede: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 400,
+      fontSize: "1.25rem",
+      lineHeight: "1.875rem",
+      letterSpacing: "0"
+    },
+    paragraphBody: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 400,
+      fontSize: "1rem",
+      lineHeight: "1.5rem",
+      letterSpacing: "normal"
+    },
+    paragraphSmall: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 400,
+      fontSize: "0.875rem",
+      lineHeight: "1.125rem",
+      letterSpacing: "normal"
+    },
+    paragraphExtraSmall: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 400,
+      fontSize: "0.75rem",
+      lineHeight: "1.125rem",
+      letterSpacing: "normal"
+    },
+    paragraphBold: {
+      fontWeight: 600
+    },
+    buttonPrimary: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 700,
+      fontSize: "1.125rem",
+      lineHeight: "1.5rem",
+      letterSpacing: "normal"
+    },
+    buttonSecondary: {
+      fontFamily: '"Inter", "Noto Sans", Helvetica, Arial, sans-serif',
+      fontWeight: 500,
+      fontSize: "1rem",
+      lineHeight: "1.5rem",
+      letterSpacing: "normal"
+    }
+  }
+};
+
+var defaultTheme = heartTheme;
+
+var ThemeContext = React.createContext(defaultTheme);
+var ThemeProvider = function(_a) {
+  var themeManager = _a.themeManager, props = index.__rest(_a, ["themeManager"]);
+  var themeManagerInstance = React.useState(function() {
+    return themeManager || new ThemeManager(defaultTheme);
+  })[0];
+  var _b = React.useState(themeManagerInstance.getCurrentTheme()), theme = _b[0], setTheme = _b[1];
+  React.useEffect(function() {
+    var cancelled = false;
+    var listener = function(newTheme) {
+      if (!cancelled)
+        setTheme(newTheme);
+    };
+    themeManagerInstance.addThemeChangeListener(listener);
+    return function() {
+      cancelled = true;
+      themeManagerInstance.removeThemeChangeListener(listener);
+    };
+  }, []);
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(ThemeContext.Provider, { value: theme }, props.children),
+    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }),
+    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }),
+    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }),
+    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" }),
+    React.createElement("link", { rel: "preload", href: "https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2", as: "font", type: "font/woff2", crossOrigin: "anonymous" })
+  );
+};
+var useTheme = function() {
+  return React.useContext(ThemeContext);
+};
+
+var KaizenProvider = function(_a) {
+  var children = _a.children, themeManager = _a.themeManager;
+  return React.createElement(ThemeProvider, { themeManager }, children);
+};
+KaizenProvider.displayName = "KaizenProvider";
+
+exports.Brand = Brand;
 exports.Filter = Filter;
 exports.FilterButton = FilterButton;
 exports.FilterButtonRemovable = FilterButtonRemovable;