@nypl/design-system-react-components 1.4.0-rc3 → 1.4.1

package/dist/design-system-react-components.cjs.development.js

@@ -14,7 +14,7 @@ var themeTools = require('@chakra-ui/theme-tools');
 var system = require('@chakra-ui/system');
 var downshift = require('downshift');
 var FocusLock = _interopDefault(require('@chakra-ui/focus-lock'));
-var Cookies = _interopDefault(require('js-cookie'));
+require('js-cookie');
 var ReactGA = _interopDefault(require('react-ga'));
 
 function _extends() {
@@ -1780,9 +1780,11 @@ var Heading = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   }, rest), content);
 }));
 
-var _excluded$V = ["ariaAtomic", "ariaLive", "className", "id", "isInvalid", "text"];
+var _excluded$V = ["ariaAtomic", "ariaLive", "className", "id", "isInvalid", "isRenderedText", "text"];
 /**
- * Helper or error text for forms components.
+ * Component that always renders a div even if the text content is not passed.
+ * This pattern guarantees accessibility guidelines are met if the text content
+ * is dynamically updated by the app or component that implements it.
  */
 var HelperErrorText = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$ariaAtomic = _ref.ariaAtomic,
@@ -1794,9 +1796,10 @@ var HelperErrorText = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(f
     id = _ref.id,
     _ref$isInvalid = _ref.isInvalid,
     isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
+    _ref$isRenderedText = _ref.isRenderedText,
+    isRenderedText = _ref$isRenderedText === void 0 ? true : _ref$isRenderedText,
     text = _ref.text,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$V);
-  // Only announce the text in the invalid state.
   var styles = react.useStyleConfig("HelperErrorText", {
     isInvalid: isInvalid
   });
@@ -1806,16 +1809,15 @@ var HelperErrorText = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(f
     className: className,
     "data-isinvalid": isInvalid,
     id: id,
+    ref: ref,
     __css: styles
   }, rest);
-  return typeof text === "string" ? React__default.createElement(react.Box, Object.assign({}, props, {
+  // Always render the wrapper div element with the proper aria attributes.
+  return React__default.createElement(react.Box, Object.assign({}, props), isRenderedText ? typeof text === "string" ? React__default.createElement("span", {
     dangerouslySetInnerHTML: {
       __html: text
-    },
-    ref: ref
-  })) : React__default.createElement(react.Box, Object.assign({}, props, {
-    ref: ref
-  }), text);
+    }
+  }) : text : null);
 }));
 
 var _excluded$W = ["children", "className", "isBold", "isItalic", "isCapitalized", "isUppercase", "isLowercase", "noSpace", "size"];
@@ -1898,9 +1900,10 @@ var ComponentWrapper = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
   }, rest), headingText && React__default.createElement(Heading, {
     id: id + "-heading",
     text: headingText
-  }), descriptionText && React__default.createElement(Text, null, descriptionText), children, footnote && showHelperInvalidText && React__default.createElement(HelperErrorText, {
+  }), descriptionText && React__default.createElement(Text, null, descriptionText), children, React__default.createElement(HelperErrorText, {
     id: id + "-helperText",
     isInvalid: isInvalid,
+    isRenderedText: showHelperInvalidText,
     text: footnote,
     __css: _extends({}, styles.helperErrorText, helperTextStyles)
   }));
@@ -2169,7 +2172,231 @@ function parseIframeEmbedCode(embedCode) {
   return undefined;
 }
 
-var _excluded$_ = ["breadcrumbsData", "breadcrumbsType", "className", "id"];
+var _excluded$_ = ["additionalWrapperStyles", "className", "children", "aspectRatio", "size"],
+  _excluded2 = ["additionalFigureStyles", "additionalImageStyles", "additionalWrapperStyles", "alt", "aspectRatio", "caption", "className", "component", "credit", "imageType", "isLazy", "size", "src"];
+var ImageWrapper = /*#__PURE__*/react.chakra(function (props) {
+  var _props$additionalWrap = props.additionalWrapperStyles,
+    additionalWrapperStyles = _props$additionalWrap === void 0 ? {} : _props$additionalWrap,
+    _props$className = props.className,
+    className = _props$className === void 0 ? "" : _props$className,
+    children = props.children,
+    _props$aspectRatio = props.aspectRatio,
+    aspectRatio = _props$aspectRatio === void 0 ? "original" : _props$aspectRatio,
+    _props$size = props.size,
+    size = _props$size === void 0 ? "default" : _props$size,
+    rest = _objectWithoutPropertiesLoose(props, _excluded$_);
+  var styles = react.useMultiStyleConfig("CustomImageWrapper", {
+    ratio: aspectRatio,
+    size: size
+  });
+  return React__default.createElement(react.Box, Object.assign({
+    className: "the-wrap " + className,
+    __css: _extends({}, styles, additionalWrapperStyles)
+  }, rest), React__default.createElement(react.Box, {
+    className: "the-crop",
+    __css: styles.crop
+  }, children));
+});
+var Image = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$additionalFigu = props.additionalFigureStyles,
+    additionalFigureStyles = _props$additionalFigu === void 0 ? {} : _props$additionalFigu,
+    _props$additionalImag = props.additionalImageStyles,
+    additionalImageStyles = _props$additionalImag === void 0 ? {} : _props$additionalImag,
+    _props$additionalWrap2 = props.additionalWrapperStyles,
+    additionalWrapperStyles = _props$additionalWrap2 === void 0 ? {} : _props$additionalWrap2,
+    alt = props.alt,
+    _props$aspectRatio2 = props.aspectRatio,
+    aspectRatio = _props$aspectRatio2 === void 0 ? "original" : _props$aspectRatio2,
+    caption = props.caption,
+    _props$className2 = props.className,
+    className = _props$className2 === void 0 ? "" : _props$className2,
+    component = props.component,
+    credit = props.credit,
+    _props$imageType = props.imageType,
+    imageType = _props$imageType === void 0 ? "default" : _props$imageType,
+    _props$isLazy = props.isLazy,
+    isLazy = _props$isLazy === void 0 ? false : _props$isLazy,
+    _props$size2 = props.size,
+    size = _props$size2 === void 0 ? "default" : _props$size2,
+    src = props.src,
+    rest = _objectWithoutPropertiesLoose(props, _excluded2);
+  // Check if the native browser lazy loading is supported.
+  var supportsLazyLoading = useNativeLazyLoading();
+  // If it is (mostly Chromium-based browsers), then skip creating
+  // the IntersectionObserver object.
+  var _useInView = reactIntersectionObserver.useInView({
+      triggerOnce: true,
+      skip: supportsLazyLoading
+    }),
+    inViewRef = _useInView[0],
+    inView = _useInView[1];
+  var useImageWrapper = aspectRatio !== "original";
+  var styles = react.useMultiStyleConfig("CustomImage", {
+    variant: imageType,
+    size: size
+  });
+  var imageComponent = null;
+  var lazyRef = undefined;
+  var finalRefs = undefined;
+  var srcProp = isLazy ? {} : {
+    src: src
+  };
+  if (alt && alt.length > 300) {
+    throw new Error("NYPL Reservoir Image: Alt text must be less than 300 characters.");
+  }
+  // For lazying loading images, the initial `src` value is empty. Once
+  // the image is loaded, the `src` prop is set and passed to the image
+  // element so that it can load. This also lets it load with a gray
+  // background placeholder. We also only want to add the `inViewRef` ref
+  // when `isLazy` is true to keep track of when the image is visible.
+  if (isLazy && (inView || supportsLazyLoading)) {
+    lazyRef = inViewRef;
+    srcProp = {
+      src: src
+    };
+  }
+  // We want to add the `ref` from the `forwardRef` function regardless of
+  // whether the image is lazy or not. This is meant for usage with other
+  // components such as a `Tooltip`. The `inViewRef` is only added when
+  // the `isLazy` prop is true.
+  finalRefs = react.useMergeRefs(lazyRef, ref);
+  imageComponent = component ? component : React__default.createElement(react.Box, Object.assign({
+    as: "img",
+    alt: alt,
+    loading: isLazy ? "lazy" : undefined
+  }, srcProp, {
+    __css: _extends({}, styles.img, additionalImageStyles)
+  }, rest));
+  var finalImage = useImageWrapper ? React__default.createElement(ImageWrapper, Object.assign({
+    additionalWrapperStyles: additionalWrapperStyles,
+    aspectRatio: aspectRatio,
+    className: className,
+    size: size
+  }, caption || credit ? {} : rest), imageComponent) : imageComponent;
+  return React__default.createElement(react.Box, {
+    ref: finalRefs
+  }, caption || credit ? React__default.createElement(react.Box, {
+    as: "figure",
+    __css: _extends({}, styles.figure, additionalFigureStyles)
+  }, finalImage, React__default.createElement(react.Box, {
+    as: "figcaption",
+    __css: styles.figcaption
+  }, caption && React__default.createElement(react.Box, {
+    __css: styles.captionWrappers
+  }, caption), credit && React__default.createElement(react.Box, {
+    __css: styles.captionWrappers
+  }, credit))) : finalImage);
+}), {
+  shouldForwardProp: function shouldForwardProp() {
+    return true;
+  }
+});
+
+var _excluded$$ = ["children", "className", "content", "id", "isDisabled", "shouldWrapChildren"];
+var Tooltip = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+    content = props.content,
+    isDisabled = props.isDisabled,
+    shouldWrapChildren = props.shouldWrapChildren,
+    rest = _objectWithoutPropertiesLoose(props, _excluded$$);
+  if (typeof content !== "string" && typeof content !== "number") {
+    React__default.Children.map(content, function (contentChild) {
+      if (contentChild.type !== Icon || contentChild.type !== Image) {
+        console.warn("NYPL Reservoir Tooltip: Pass in a string, number, DS Icon, or DS Image into the 'content' prop.");
+      }
+    });
+  }
+  var newChildren = shouldWrapChildren ? React__default.createElement(ComponentWrapper, {
+    width: "fit-content"
+  }, children) : children;
+  var styles = react.useMultiStyleConfig("Tooltip", {});
+  return React__default.createElement(react.Tooltip, Object.assign({
+    "aria-label": typeof content !== "string" ? "Tooltip" : undefined,
+    closeDelay: 750,
+    closeOnClick: true,
+    closeOnEsc: true,
+    closeOnMouseDown: true,
+    hasArrow: true,
+    isDisabled: isDisabled,
+    label: content,
+    openDelay: 500,
+    placement: "top",
+    ref: ref,
+    __css: styles
+  }, rest), newChildren);
+}));
+
+// Utility functions to use throughout the codebase
+/**
+ * range
+ * Get an array of values from `start` to `stop` - 1 with an optional
+ * `step` between values.
+ */
+var range = function range(start, stop, step) {
+  if (step === void 0) {
+    step = 1;
+  }
+  if (!start) {
+    return [];
+  }
+  return Array(Math.ceil((stop - start) / step)).fill(start).map(function (x, y) {
+    return x + y * step;
+  });
+};
+/**
+ * Get aria-* attributes for input components. This sets the `aria-label` and
+ * `aria-describedby` attributes, based on the label and footnote values.
+ */
+var getAriaAttrs = function getAriaAttrs(_ref) {
+  var footnote = _ref.footnote,
+    id = _ref.id,
+    labelText = _ref.labelText,
+    name = _ref.name,
+    showLabel = _ref.showLabel;
+  var ariaAttributes = {};
+  if (!showLabel) {
+    if (typeof labelText !== "string") {
+      console.warn("NYPL Reservoir " + name + ": `labelText` must be a string when `showLabel` is false.");
+    }
+    ariaAttributes["aria-label"] = labelText && footnote ? labelText + " - " + footnote : labelText;
+  } else if (footnote) {
+    ariaAttributes["aria-describedby"] = id + "-helperText";
+  }
+  return ariaAttributes;
+};
+/** Convert a hex color value to an rgb or rgba value */
+var hexToRGB = function hexToRGB(hex, alpha) {
+  var shortHex = hex.length === 4;
+  var rSlice = shortHex ? hex.slice(1, 2).repeat(2) : hex.slice(1, 3),
+    gSlice = shortHex ? hex.slice(2, 3).repeat(2) : hex.slice(3, 5),
+    bSlice = shortHex ? hex.slice(3, 4).repeat(2) : hex.slice(5, 7);
+  var r = parseInt(rSlice, 16),
+    g = parseInt(gSlice, 16),
+    b = parseInt(bSlice, 16);
+  var rgb = r + ", " + g + ", " + b;
+  return alpha ? "rgba(" + rgb + "," + alpha + ")" : "rgb(" + rgb + ")";
+};
+/** This method will truncate text by centain length. Default length is 60. */
+var truncateText = function truncateText(text, truncateTextLength) {
+  if (truncateTextLength === void 0) {
+    truncateTextLength = 60;
+  }
+  var subString = text.substr(0, truncateTextLength - 1);
+  return subString.substr(0, subString.lastIndexOf(" ")) + "...";
+};
+
+var _excluded$10 = ["breadcrumbsData", "breadcrumbsType", "className", "id"];
+var breadcrumbTextLength = 40;
+// Truncate breadcrumb text if beyond 40 characters then add ellipsis at the end.
+var breadcrumbText = function breadcrumbText(text, id) {
+  if (text.length <= breadcrumbTextLength) {
+    return text;
+  }
+  return React__default.createElement(Tooltip, {
+    content: text,
+    id: "breadcrumb-" + id + "-tooltip"
+  }, truncateText(text, breadcrumbTextLength));
+};
 var getElementsFromData$1 = function getElementsFromData(data, breadcrumbsID) {
   if (!(data != null && data.length)) {
     return {};
@@ -2189,7 +2416,7 @@ var getElementsFromData$1 = function getElementsFromData(data, breadcrumbsID) {
       type: "breadcrumbs"
     }), React__default.createElement("span", {
       className: "breadcrumb-label"
-    }, breadcrumbData.text)));
+    }, breadcrumbText(breadcrumbData.text, breadcrumbsID))));
   });
   return breadcrumbItems;
 };
@@ -2199,7 +2426,7 @@ var Breadcrumbs = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(funct
     breadcrumbsType = _props$breadcrumbsTyp === void 0 ? "whatsOn" : _props$breadcrumbsTyp,
     className = props.className,
     id = props.id,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$_);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$10);
   if (!breadcrumbsData || breadcrumbsData.length === 0) {
     throw new Error("NYPL Reservoir Breadcrumbs: No data was passed to the `breadcrumbsData` prop.");
   }
@@ -2256,7 +2483,7 @@ var useNYPLBreakpoints = function useNYPLBreakpoints() {
   };
 };
 
-var _excluded$$ = ["buttonWidth", "children", "className", "id", "isDisabled", "layout"];
+var _excluded$11 = ["buttonWidth", "children", "className", "id", "isDisabled", "layout"];
 /**
  * A simple wrapper to group `Button` components together. The layout can be set
  * to row or column and the width of internal `Button` components can be set to
@@ -2273,7 +2500,7 @@ var ButtonGroup = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(funct
     isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
     _props$layout = props.layout,
     layout = _props$layout === void 0 ? "row" : _props$layout,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$$);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$11);
   var newChildren = [];
   var _useNYPLBreakpoints = useNYPLBreakpoints(),
     isLargerThanMobile = _useNYPLBreakpoints.isLargerThanMobile;
@@ -2311,127 +2538,7 @@ var ButtonGroup = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(funct
   }, rest), newChildren);
 }));
 
-var _excluded$10 = ["additionalWrapperStyles", "className", "children", "aspectRatio", "size"],
-  _excluded2 = ["additionalFigureStyles", "additionalImageStyles", "additionalWrapperStyles", "alt", "aspectRatio", "caption", "className", "component", "credit", "imageType", "isLazy", "size", "src"];
-var ImageWrapper = /*#__PURE__*/react.chakra(function (props) {
-  var _props$additionalWrap = props.additionalWrapperStyles,
-    additionalWrapperStyles = _props$additionalWrap === void 0 ? {} : _props$additionalWrap,
-    _props$className = props.className,
-    className = _props$className === void 0 ? "" : _props$className,
-    children = props.children,
-    _props$aspectRatio = props.aspectRatio,
-    aspectRatio = _props$aspectRatio === void 0 ? "original" : _props$aspectRatio,
-    _props$size = props.size,
-    size = _props$size === void 0 ? "default" : _props$size,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$10);
-  var styles = react.useMultiStyleConfig("CustomImageWrapper", {
-    ratio: aspectRatio,
-    size: size
-  });
-  return React__default.createElement(react.Box, Object.assign({
-    className: "the-wrap " + className,
-    __css: _extends({}, styles, additionalWrapperStyles)
-  }, rest), React__default.createElement(react.Box, {
-    className: "the-crop",
-    __css: styles.crop
-  }, children));
-});
-var Image = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$additionalFigu = props.additionalFigureStyles,
-    additionalFigureStyles = _props$additionalFigu === void 0 ? {} : _props$additionalFigu,
-    _props$additionalImag = props.additionalImageStyles,
-    additionalImageStyles = _props$additionalImag === void 0 ? {} : _props$additionalImag,
-    _props$additionalWrap2 = props.additionalWrapperStyles,
-    additionalWrapperStyles = _props$additionalWrap2 === void 0 ? {} : _props$additionalWrap2,
-    alt = props.alt,
-    _props$aspectRatio2 = props.aspectRatio,
-    aspectRatio = _props$aspectRatio2 === void 0 ? "original" : _props$aspectRatio2,
-    caption = props.caption,
-    _props$className2 = props.className,
-    className = _props$className2 === void 0 ? "" : _props$className2,
-    component = props.component,
-    credit = props.credit,
-    _props$imageType = props.imageType,
-    imageType = _props$imageType === void 0 ? "default" : _props$imageType,
-    _props$isLazy = props.isLazy,
-    isLazy = _props$isLazy === void 0 ? false : _props$isLazy,
-    _props$size2 = props.size,
-    size = _props$size2 === void 0 ? "default" : _props$size2,
-    src = props.src,
-    rest = _objectWithoutPropertiesLoose(props, _excluded2);
-  // Check if the native browser lazy loading is supported.
-  var supportsLazyLoading = useNativeLazyLoading();
-  // If it is (mostly Chromium-based browsers), then skip creating
-  // the IntersectionObserver object.
-  var _useInView = reactIntersectionObserver.useInView({
-      triggerOnce: true,
-      skip: supportsLazyLoading
-    }),
-    inViewRef = _useInView[0],
-    inView = _useInView[1];
-  var useImageWrapper = aspectRatio !== "original";
-  var styles = react.useMultiStyleConfig("CustomImage", {
-    variant: imageType,
-    size: size
-  });
-  var imageComponent = null;
-  var lazyRef = undefined;
-  var finalRefs = undefined;
-  var srcProp = isLazy ? {} : {
-    src: src
-  };
-  if (alt && alt.length > 300) {
-    throw new Error("NYPL Reservoir Image: Alt text must be less than 300 characters.");
-  }
-  // For lazying loading images, the initial `src` value is empty. Once
-  // the image is loaded, the `src` prop is set and passed to the image
-  // element so that it can load. This also lets it load with a gray
-  // background placeholder. We also only want to add the `inViewRef` ref
-  // when `isLazy` is true to keep track of when the image is visible.
-  if (isLazy && (inView || supportsLazyLoading)) {
-    lazyRef = inViewRef;
-    srcProp = {
-      src: src
-    };
-  }
-  // We want to add the `ref` from the `forwardRef` function regardless of
-  // whether the image is lazy or not. This is meant for usage with other
-  // components such as a `Tooltip`. The `inViewRef` is only added when
-  // the `isLazy` prop is true.
-  finalRefs = react.useMergeRefs(lazyRef, ref);
-  imageComponent = component ? component : React__default.createElement(react.Box, Object.assign({
-    as: "img",
-    alt: alt,
-    loading: isLazy ? "lazy" : undefined
-  }, srcProp, {
-    __css: _extends({}, styles.img, additionalImageStyles)
-  }, rest));
-  var finalImage = useImageWrapper ? React__default.createElement(ImageWrapper, Object.assign({
-    additionalWrapperStyles: additionalWrapperStyles,
-    aspectRatio: aspectRatio,
-    className: className,
-    size: size
-  }, caption || credit ? {} : rest), imageComponent) : imageComponent;
-  return React__default.createElement(react.Box, {
-    ref: finalRefs
-  }, caption || credit ? React__default.createElement(react.Box, {
-    as: "figure",
-    __css: _extends({}, styles.figure, additionalFigureStyles)
-  }, finalImage, React__default.createElement(react.Box, {
-    as: "figcaption",
-    __css: styles.figcaption
-  }, caption && React__default.createElement(react.Box, {
-    __css: styles.captionWrappers
-  }, caption), credit && React__default.createElement(react.Box, {
-    __css: styles.captionWrappers
-  }, credit))) : finalImage);
-}), {
-  shouldForwardProp: function shouldForwardProp() {
-    return true;
-  }
-});
-
-var _excluded$11 = ["children"],
+var _excluded$12 = ["children"],
   _excluded2$1 = ["bottomBorder", "children", "isCentered", "layout", "topBorder"],
   _excluded3 = ["className", "children", "id", "mainActionLink", "styles"],
   _excluded4 = ["backgroundColor", "children", "className", "foregroundColor", "id", "imageProps", "isAlignedRightActions", "isBordered", "isCentered", "layout", "mainActionLink"];
@@ -2475,7 +2582,7 @@ var CardHeading = /*#__PURE__*/react.chakra(Heading);
 // CardContent child-component
 var CardContent = /*#__PURE__*/react.chakra(function (props) {
   var children = props.children,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$11);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$12);
   var styles = react.useStyleConfig("CardContent");
   return children ? React__default.createElement(react.Box, Object.assign({
     __css: styles
@@ -2648,64 +2755,13 @@ var Card = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (pr
   }, cardRightContents) : null);
 }));
 
-// Utility functions to use throughout the codebase
-/**
- * range
- * Get an array of values from `start` to `stop` - 1 with an optional
- * `step` between values.
- */
-var range = function range(start, stop, step) {
-  if (step === void 0) {
-    step = 1;
-  }
-  if (!start) {
-    return [];
-  }
-  return Array(Math.ceil((stop - start) / step)).fill(start).map(function (x, y) {
-    return x + y * step;
-  });
-};
-/**
- * Get aria-* attributes for input components. This sets the `aria-label` and
- * `aria-describedby` attributes, based on the label and footnote values.
- */
-var getAriaAttrs = function getAriaAttrs(_ref) {
-  var footnote = _ref.footnote,
-    id = _ref.id,
-    labelText = _ref.labelText,
-    name = _ref.name,
-    showLabel = _ref.showLabel;
-  var ariaAttributes = {};
-  if (!showLabel) {
-    if (typeof labelText !== "string") {
-      console.warn("NYPL Reservoir " + name + ": `labelText` must be a string when `showLabel` is false.");
-    }
-    ariaAttributes["aria-label"] = labelText && footnote ? labelText + " - " + footnote : labelText;
-  } else if (footnote) {
-    ariaAttributes["aria-describedby"] = id + "-helperText";
-  }
-  return ariaAttributes;
-};
-/** Convert a hex color value to an rgb or rgba value */
-var hexToRGB = function hexToRGB(hex, alpha) {
-  var shortHex = hex.length === 4;
-  var rSlice = shortHex ? hex.slice(1, 2).repeat(2) : hex.slice(1, 3),
-    gSlice = shortHex ? hex.slice(2, 3).repeat(2) : hex.slice(3, 5),
-    bSlice = shortHex ? hex.slice(3, 4).repeat(2) : hex.slice(5, 7);
-  var r = parseInt(rSlice, 16),
-    g = parseInt(gSlice, 16),
-    b = parseInt(bSlice, 16);
-  var rgb = r + ", " + g + ", " + b;
-  return alpha ? "rgba(" + rgb + "," + alpha + ")" : "rgb(" + rgb + ")";
-};
-
-var _excluded$12 = ["isIndeterminate", "isChecked"],
+var _excluded$13 = ["isIndeterminate", "isChecked"],
   _excluded2$2 = ["className", "invalidText", "helperText", "id", "isChecked", "isDisabled", "isIndeterminate", "isInvalid", "isRequired", "labelText", "name", "onChange", "showHelperInvalidText", "showLabel", "value"];
 function CheckboxIcon(props) {
   // We don't need the `isIndeterminate` or `isChecked` props but it
   // causes rendering issues on the SVG element, so we remove them
   // before passing all the props to the `Icon` component.
-  var rest = _objectWithoutPropertiesLoose(props, _excluded$12);
+  var rest = _objectWithoutPropertiesLoose(props, _excluded$13);
   return React__default.createElement(react.Icon, Object.assign({
     viewBox: "0 0 24 24"
   }, rest), React__default.createElement("path", {
@@ -2779,7 +2835,7 @@ var Checkbox = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   }, ariaAttributes), showLabel && labelText));
 }));
 
-var _excluded$13 = ["children", "className", "id", "isLegendHidden", "isRequired", "legendText", "showRequiredLabel"];
+var _excluded$14 = ["children", "className", "id", "isLegendHidden", "isRequired", "legendText", "showRequiredLabel"];
 /**
  * A wrapper component that renders a `fieldset` element along with a `legend`
  * element as its first child. Commonly used to wrap form components.
@@ -2795,7 +2851,7 @@ var Fieldset = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
     legendText = _ref.legendText,
     _ref$showRequiredLabe = _ref.showRequiredLabel,
     showRequiredLabel = _ref$showRequiredLabe === void 0 ? true : _ref$showRequiredLabe,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$13);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$14);
   var styles = react.useMultiStyleConfig("Fieldset", {
     isLegendHidden: isLegendHidden
   });
@@ -2959,7 +3015,7 @@ var reservoirSpacingTokens = {
 };
 var spacing = /*#__PURE__*/_extends({}, chakraSpacingTokens, reservoirSpacingTokens);
 
-var _excluded$14 = ["children", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isFullWidth", "isInvalid", "isRequired", "labelText", "layout", "name", "onChange", "showHelperInvalidText", "showLabel", "showRequiredLabel", "value"];
+var _excluded$15 = ["children", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isFullWidth", "isInvalid", "isRequired", "labelText", "layout", "name", "onChange", "showHelperInvalidText", "showLabel", "showRequiredLabel", "value"];
 /**
  * Wrapper component to wrap `Checkbox` components. Can be displayed in a
  * column or in a row. The `CheckboxGroup` component renders all the necessary
@@ -2993,7 +3049,7 @@ var CheckboxGroup = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
     _props$showRequiredLa = props.showRequiredLabel,
     showRequiredLabel = _props$showRequiredLa === void 0 ? true : _props$showRequiredLa,
     value = props.value,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$14);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$15);
   var footnote = isInvalid ? invalidText : helperText;
   var newChildren = [];
   var spacingProp = layout === "column" ? spacing.input.group["default"].vstack : spacing.input.group["default"].hstack;
@@ -3045,9 +3101,10 @@ var CheckboxGroup = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
     direction: [layout],
     spacing: spacingProp,
     ref: ref
-  }, newChildren)), footnote && showHelperInvalidText && React__default.createElement(HelperErrorText, {
+  }, newChildren)), React__default.createElement(HelperErrorText, {
     id: id + "-helperErrorText",
     isInvalid: isInvalid,
+    isRenderedText: showHelperInvalidText,
     text: footnote,
     __css: styles.helperErrorText
   }));
@@ -3082,7 +3139,7 @@ function useWindowSize() {
   return windowSize;
 }
 
-var _excluded$15 = ["className", "columnHeaders", "columnHeadersBackgroundColor", "columnHeadersTextColor", "id", "showRowDividers", "tableData", "titleText", "useRowHeaders"];
+var _excluded$16 = ["className", "columnHeaders", "columnHeadersBackgroundColor", "columnHeadersTextColor", "id", "showRowDividers", "tableData", "titleText", "useRowHeaders"];
 /**
  * Basic `Table` component used to organize and display tabular data in
  * rows and columns.
@@ -3100,7 +3157,7 @@ var Table = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (p
     titleText = props.titleText,
     _props$useRowHeaders = props.useRowHeaders,
     useRowHeaders = _props$useRowHeaders === void 0 ? false : _props$useRowHeaders,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$15);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$16);
   var customColors = {};
   columnHeadersBackgroundColor && (customColors["backgroundColor"] = columnHeadersBackgroundColor);
   columnHeadersTextColor && (customColors["color"] = columnHeadersTextColor);
@@ -3435,7 +3492,7 @@ var ColorCard = function ColorCard(props) {
   })));
 };
 
-var _excluded$16 = ["children", "columns", "className", "gap", "id"];
+var _excluded$17 = ["children", "columns", "className", "gap", "id"];
 var SimpleGrid = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
     columns = props.columns,
@@ -3443,7 +3500,7 @@ var SimpleGrid = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functi
     _props$gap = props.gap,
     gap = _props$gap === void 0 ? "grid.l" : _props$gap,
     id = props.id,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$16);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$17);
   var responsiveCols = columns ? {
     base: 1,
     md: columns
@@ -3465,7 +3522,7 @@ var SimpleGrid = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functi
   }
 });
 
-var _excluded$17 = ["children", "className", "gap", "id"],
+var _excluded$18 = ["children", "className", "gap", "id"],
   _excluded2$3 = ["children", "className", "gap", "id"],
   _excluded3$1 = ["action", "children", "className", "gap", "id", "method", "onSubmit"];
 /** FormRow child-component */
@@ -3474,7 +3531,7 @@ var FormRow = /*#__PURE__*/react.chakra(function (props) {
     className = props.className,
     gap = props.gap,
     id = props.id,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$17);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$18);
   var count = React__default.Children.count(children);
   var alteredChildren = React__default.Children.map(children, function (child, i) {
     if (!child) return null;
@@ -3548,7 +3605,7 @@ var Form = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (pr
   }
 });
 
-var _excluded$18 = ["children", "className", "htmlFor", "id", "isInlined", "isRequired", "requiredLabelText"];
+var _excluded$19 = ["children", "className", "htmlFor", "id", "isInlined", "isRequired", "requiredLabelText"];
 /**
  * A label for form inputs. It should never be used alone.
  */
@@ -3562,7 +3619,7 @@ var Label = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (p
     _props$isRequired = props.isRequired,
     isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
     requiredLabelText = props.requiredLabelText,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$18);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$19);
   var styles = react.useStyleConfig("Label", {
     isInlined: isInlined
   });
@@ -3579,7 +3636,7 @@ var Label = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (p
   }, rest), children, isRequired && React__default.createElement("span", null, requiredLabelText ? " (" + requiredLabelText + ")" : " (Required)"));
 }));
 
-var _excluded$19 = ["className", "defaultValue", "helperText", "id", "invalidText", "isClearable", "isClearableCallback", "isDisabled", "isInvalid", "isRequired", "labelText", "max", "maxLength", "min", "name", "onChange", "onClick", "onFocus", "placeholder", "showHelperInvalidText", "showLabel", "showRequiredLabel", "requiredLabelText", "step", "textInputType", "type", "value"];
+var _excluded$1a = ["className", "defaultValue", "helperText", "id", "invalidText", "isClearable", "isClearableCallback", "isDisabled", "isInvalid", "isRequired", "labelText", "max", "maxLength", "min", "name", "onChange", "onClick", "onFocus", "pattern", "placeholder", "showHelperInvalidText", "showLabel", "showRequiredLabel", "requiredLabelText", "step", "textInputType", "type", "value"];
 // Only used internally.
 var TextInputFormats = {
   email: "jdoe@domain.com",
@@ -3618,6 +3675,7 @@ var TextInput = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functio
     onChange = props.onChange,
     onClick = props.onClick,
     onFocus = props.onFocus,
+    pattern = props.pattern,
     placeholder = props.placeholder,
     _props$showHelperInva = props.showHelperInvalidText,
     showHelperInvalidText = _props$showHelperInva === void 0 ? true : _props$showHelperInva,
@@ -3633,7 +3691,7 @@ var TextInput = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functio
     _props$type = props.type,
     type = _props$type === void 0 ? "text" : _props$type,
     value = props.value,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$19);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1a);
   var _useState = React.useState(value || ""),
     finalValue = _useState[0],
     setFinalValue = _useState[1];
@@ -3711,6 +3769,7 @@ var TextInput = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functio
     onChange: internalOnChange,
     onClick: onClick,
     onFocus: onFocus,
+    pattern: pattern,
     placeholder: placeholder,
     ref: finalRef,
     // The `step` attribute is useful for the number type.
@@ -3762,7 +3821,7 @@ var TextInput = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functio
   }, labelText), fieldOutput, !isHidden && finalValue.length > 0 && clearButtonOutput);
 }));
 
-var _excluded$1a = ["dsRef", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelText", "name", "onChange", "onClick", "showLabel", "showHelperInvalidText", "showRequiredLabel", "value"],
+var _excluded$1b = ["dsRef", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelText", "name", "onChange", "onClick", "showLabel", "showHelperInvalidText", "showRequiredLabel", "value"],
   _excluded2$4 = ["children", "className", "id", "isDateRange", "isRequired", "labelText", "showLabel", "showRequiredLabel"],
   _excluded3$2 = ["className", "dateFormat", "dateType", "helperText", "helperTextFrom", "helperTextTo", "id", "initialDate", "initialDateTo", "invalidText", "isDateRange", "isDisabled", "isInvalid", "isRequired", "labelText", "maxDate", "minDate", "nameFrom", "nameTo", "onChange", "refTo", "showHelperInvalidText", "showLabel", "showRequiredLabel"];
 /**
@@ -3789,7 +3848,7 @@ var CustomTextInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     showHelperInvalidText = _ref.showHelperInvalidText,
     showRequiredLabel = _ref.showRequiredLabel,
     value = _ref.value,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1b);
   // The `react-datepicker` passes `disabled=false` to its custom
   // input element. We don't need it, so remove it.
   delete rest.disabled;
@@ -4040,9 +4099,10 @@ var DatePicker = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functi
     id: id + "-start-form"
   }, startDatePickerElement), endDatePickerElement && React__default.createElement(FormField, {
     id: id + "-end-form"
-  }, endDatePickerElement)), helperText && isDateRange && showHelperInvalidText && React__default.createElement(HelperErrorText, {
+  }, endDatePickerElement)), React__default.createElement(HelperErrorText, {
     id: id + "-helper-text",
     isInvalid: false,
+    isRenderedText: isDateRange && showHelperInvalidText,
     text: helperText
   }));
 }), {
@@ -5925,7 +5985,6 @@ var headerBlue = "#1B7FA7";
 var headerDarkBlue = "#135772";
 var headerFocusColor = "#0F465C";
 var headerLightBlue = "#78CCED";
-var headerLightBlueIcon = "#1DA1D4";
 var headerRed = "#ED1C24";
 var headerRedDonate = "#E32B31";
 var headerYellow = "#FEE34A";
@@ -6028,7 +6087,7 @@ var HeaderLogin = {
       },
       minHeight: {
         base: "215px",
-        md: "225px"
+        md: "175px"
       },
       minWidth: {
         base: "100%",
@@ -6048,7 +6107,7 @@ var HeaderLogin = {
         marginBottom: "0",
         marginTop: {
           base: !patronName ? "60px" : "0",
-          md: !patronName ? "25px" : "0"
+          md: !patronName ? "10px" : "0"
         },
         width: "100%",
         li: {
@@ -6098,7 +6157,7 @@ var HeaderLogin = {
         fontSize: "14px",
         fontWeight: "medium",
         justifyContent: {
-          md: "flex-start"
+          md: "center"
         },
         lineHeight: {
           base: "normal",
@@ -6115,16 +6174,9 @@ var HeaderLogin = {
           base: "10px",
           md: "10px 20px"
         },
-        textAlign: {
-          base: "center",
-          md: "left"
-        },
         textTransform: "uppercase",
         whiteSpace: "normal",
-        width: {
-          base: "100%",
-          md: "fit-content"
-        },
+        width: "100%",
         svg: {
           marginRight: {
             base: "10px",
@@ -6443,7 +6495,7 @@ var HeaderMobileNavButton = {
 };
 
 var HeaderSearchForm = {
-  parts: ["desktopSearchBtn", "form", "mobileSearchIcon", "radio", "textInput"],
+  parts: ["searchBtn", "form", "radio", "textInput"],
   baseStyle: {
     color: "ui.white",
     backgroundColor: headerBlue,
@@ -6470,6 +6522,7 @@ var HeaderSearchForm = {
       },
       whiteSpace: "initial",
       "> div": {
+        margin: "20px 15px 0",
         marginLeft: {
           md: "m",
           lg: "140px"
@@ -6479,16 +6532,17 @@ var HeaderSearchForm = {
         }
       }
     },
-    fieldset: {
+    "#radio-group-search-type": {
       margin: {
-        base: "20px 15px 0",
+        base: "0 20px 20px",
         md: "0"
       }
     },
     textInput: {
       label: {
         fontSize: {
-          md: "18px"
+          base: "heading.callout",
+          md: "heading.secondary"
         }
       },
       input: {
@@ -6514,27 +6568,26 @@ var HeaderSearchForm = {
         _hover: headerFocus
       }
     },
-    mobileSearchIcon: {
-      display: {
-        md: "none"
-      },
-      fill: headerLightBlueIcon + " !important",
-      left: "20px",
-      position: "absolute",
-      top: "45px"
-    },
-    desktopSearchBtn: {
+    searchBtn: {
       alignSelf: "end",
       backgroundColor: "transparent",
       borderColor: "ui.white",
       borderRadius: "100px",
       borderWidth: "2px",
-      height: "75px",
-      maxHeight: "75px",
-      width: "75px",
+      height: {
+        base: "65px",
+        md: "60px"
+      },
+      marginTop: "40px",
+      marginEnd: "0",
+      maxHeight: "65px",
       svg: {
         marginTop: "xs"
       },
+      width: {
+        base: "65px",
+        md: "60px"
+      },
       _focus: /*#__PURE__*/_extends({}, headerFocus, {
         borderRadius: "100px"
       }),
@@ -6560,7 +6613,6 @@ var HeaderSearchForm = {
     },
     // Specifically target the radio labels.
     ".chakra-radio__label": {
-      fontSize: "18px",
       fontWeight: "medium"
     },
     mobileBtns: {
@@ -9114,7 +9166,7 @@ var Toggle$1 = {
 
 var _baseStyle;
 var $bg = /*#__PURE__*/themeTools.cssVar("tooltip-bg");
-var Tooltip = {
+var Tooltip$1 = {
   baseStyle: (_baseStyle = {}, _baseStyle[$bg.variable] = "colors.ui.gray.xx-dark", _baseStyle.borderRadius = "4px", _baseStyle.boxShadow = "none", _baseStyle.color = "ui.white", _baseStyle.fontSize = "text.tag", _baseStyle.marginBottom = "xxs", _baseStyle.maxWidth = "240px", _baseStyle.px = "s", _baseStyle.py = "xs", _baseStyle)
 };
 
@@ -9254,7 +9306,7 @@ var theme = /*#__PURE__*/react.extendTheme( /*#__PURE__*/_extends({
     Text: Text$1,
     TextInput: TextInput$1
   }, Toggle$1, {
-    Tooltip: Tooltip,
+    Tooltip: Tooltip$1,
     VideoPlayer: VideoPlayer
   }),
   config: {
@@ -9279,7 +9331,7 @@ var DSProvider = function DSProvider(_ref) {
   }, children);
 };
 
-var _excluded$1b = ["children", "icon", "id", "isCentered", "notificationType"],
+var _excluded$1c = ["children", "icon", "id", "isCentered", "notificationType"],
   _excluded2$5 = ["alignText", "children", "icon", "notificationType"],
   _excluded3$3 = ["ariaLabel", "className", "dismissible", "icon", "id", "isCentered", "noMargin", "notificationContent", "notificationHeading", "notificationType", "showIcon"];
 /**
@@ -9291,7 +9343,7 @@ var NotificationHeading$1 = /*#__PURE__*/react.chakra(function (props) {
     id = props.id,
     isCentered = props.isCentered,
     notificationType = props.notificationType,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$1b);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1c);
   var styles = react.useMultiStyleConfig("NotificationHeading", {
     icon: icon,
     isCentered: isCentered,
@@ -9437,7 +9489,7 @@ var Notification$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fu
   }, childHeading, childContent), dismissibleButton);
 }));
 
-var _excluded$1c = ["className", "helperText", "id", "invalidText", "isChecked", "isDisabled", "isInvalid", "isRequired", "labelText", "name", "onChange", "showHelperInvalidText", "showLabel", "value"];
+var _excluded$1d = ["className", "helperText", "id", "invalidText", "isChecked", "isDisabled", "isInvalid", "isRequired", "labelText", "name", "onChange", "showHelperInvalidText", "showLabel", "value"];
 var Radio$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
     helperText = props.helperText,
@@ -9458,7 +9510,7 @@ var Radio$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
     _props$showLabel = props.showLabel,
     showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
     value = props.value,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$1c);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1d);
   var styles = react.useMultiStyleConfig("Radio", {
     showLabel: showLabel
   });
@@ -9504,7 +9556,7 @@ var Radio$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   }, labelText)));
 }));
 
-var _excluded$1d = ["children", "className", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isFullWidth", "isInvalid", "isRequired", "labelText", "layout", "name", "onChange", "showHelperInvalidText", "showLabel", "showRequiredLabel"];
+var _excluded$1e = ["children", "className", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isFullWidth", "isInvalid", "isRequired", "labelText", "layout", "name", "onChange", "showHelperInvalidText", "showLabel", "showRequiredLabel"];
 /**
  * RadioGroup is a wrapper for DS `Radio` components that renders as a fieldset
  * HTML element along with optional helper text. The `name` prop is essential
@@ -9538,7 +9590,7 @@ var RadioGroup$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(func
     showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
     _props$showRequiredLa = props.showRequiredLabel,
     showRequiredLabel = _props$showRequiredLa === void 0 ? true : _props$showRequiredLa,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$1d);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1e);
   var _React$useState = React__default.useState(defaultValue),
     value = _React$useState[0],
     setValue = _React$useState[1];
@@ -9593,9 +9645,10 @@ var RadioGroup$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(func
   }), React__default.createElement(react.RadioGroup, Object.assign({}, radioGroupProps), React__default.createElement(react.Stack, {
     direction: [layout],
     spacing: spacingProp
-  }, newChildren)), footnote && showHelperInvalidText && React__default.createElement(HelperErrorText, {
+  }, newChildren)), React__default.createElement(HelperErrorText, {
     id: id + "-helperErrorText",
     isInvalid: isInvalid,
+    isRenderedText: showHelperInvalidText,
     text: footnote,
     __css: styles.helperErrorText
   }));
@@ -9684,7 +9737,7 @@ function useFeedbackBoxReducer() {
   };
 }
 
-var _excluded$1e = ["className", "confirmationText", "descriptionText", "hiddenFields", "id", "isInvalidComment", "isInvalidEmail", "notificationText", "onSubmit", "showCategoryField", "showEmailField", "title", "view", "isOpen", "onOpen", "onClose"];
+var _excluded$1f = ["className", "confirmationText", "descriptionText", "hiddenFields", "id", "isInvalidComment", "isInvalidEmail", "notificationText", "onSubmit", "showCategoryField", "showEmailField", "title", "view", "isOpen", "onOpen", "onClose"];
 /**
  * The `FeedbackBox` component renders a fixed-positioned button on the bottom
  * right corner of a page that opens a Chakra `Drawer` popup component. Inside
@@ -9716,7 +9769,7 @@ var FeedbackBox$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
     isOpen = _ref.isOpen,
     onOpen = _ref.onOpen,
     onClose = _ref.onClose,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1e);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1f);
   // We want to keep internal state for the view but also
   // update if the consuming app updates it, based on API
   // success and failure responses.
@@ -10048,7 +10101,7 @@ function useFeedbackBox() {
   };
 }
 
-var _excluded$1f = ["id", "isOpen", "multiSelectId", "multiSelectLabelText", "onClear", "onKeyDown", "onMenuToggle", "selectedItems"];
+var _excluded$1g = ["id", "isOpen", "multiSelectId", "multiSelectLabelText", "onClear", "onKeyDown", "onMenuToggle", "selectedItems"];
 var _templateObject;
 var grow = /*#__PURE__*/react.keyframes(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  from {width: 22px; opacity: 0; }\n  to {width: 46px; opacity: 1;}\n"])));
 /**
@@ -10067,9 +10120,12 @@ var MultiSelectMenuButton$1 = /*#__PURE__*/React.forwardRef(function (props, ref
     onClear = props.onClear,
     onMenuToggle = props.onMenuToggle,
     selectedItems = props.selectedItems,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$1f);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1g);
   var iconType = isOpen ? "minus" : "plus";
   var growAnimation = grow + " 150ms ease-out";
+  var _React$useState = React__default.useState(isOpen),
+    prevIsOpen = _React$useState[0],
+    setPrevIsOpen = _React$useState[1];
   // Sets the selected items count on the menu button.
   var getSelectedItemsCount;
   var selectedItemsAriaLabel;
@@ -10082,19 +10138,34 @@ var MultiSelectMenuButton$1 = /*#__PURE__*/React.forwardRef(function (props, ref
     isOpen: isOpen,
     hasSelectedItems: getSelectedItemsCount
   });
+  // We need an internal Ref to manage the focus
+  var internalRef = React__default.useRef(null);
+  var mergedRefs = react.useMergeRefs(internalRef, ref);
   // We need this for our "fake" button inside the main menu button.
   function onKeyPress(e) {
     var enterOrSpace = e.key === "Enter" || e.key === " " || e.key === "Spacebar" || e.which === 13 || e.which === 32;
     if (enterOrSpace) {
       e.preventDefault();
       onClear();
+      internalRef == null ? void 0 : internalRef.current.focus();
     }
   }
+  // Manage focus upon closing the MultiSelect
+  React__default.useEffect(function () {
+    setPrevIsOpen(isOpen);
+    // Catching the inital render of the page
+    if (isOpen !== prevIsOpen) {
+      if (!isOpen && internalRef) {
+        var _internalRef$current;
+        (_internalRef$current = internalRef.current) == null ? void 0 : _internalRef$current.focus();
+      }
+    }
+  }, [isOpen, prevIsOpen]);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(Button, Object.assign({
     buttonType: "secondary",
     id: id,
     onClick: onMenuToggle,
-    ref: ref,
+    ref: mergedRefs,
     __css: styles.menuButton
   }, rest), React__default.createElement(react.Box, {
     as: "span",
@@ -10108,7 +10179,10 @@ var MultiSelectMenuButton$1 = /*#__PURE__*/React.forwardRef(function (props, ref
     animation: growAnimation,
     "aria-label": selectedItemsAriaLabel,
     as: "span",
-    onClick: onClear,
+    onClick: function onClick() {
+      internalRef == null ? void 0 : internalRef.current.focus();
+      onClear();
+    },
     onKeyPress: onKeyPress,
     role: "button",
     tabIndex: 0,
@@ -10126,7 +10200,7 @@ var MultiSelectMenuButton$1 = /*#__PURE__*/React.forwardRef(function (props, ref
   })));
 });
 
-var _excluded$1g = ["id", "isBlockElement", "isDefaultOpen", "items", "labelText", "onChange", "onClear", "selectedItems", "width"];
+var _excluded$1h = ["id", "isBlockElement", "isDefaultOpen", "items", "labelText", "onChange", "onClear", "selectedItems", "width"];
 /** MultiSelectListbox renders a non-hierarchical list of checkbox options for the `type="listbox". It leverager downshift-js for accessiblity. */
 var MultiSelectListbox = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
@@ -10138,7 +10212,7 @@ var MultiSelectListbox = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRe
     onClear = props.onClear,
     selectedItems = props.selectedItems,
     width = props.width,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$1g);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1h);
   // Downshift.
   var _useSelect = downshift.useSelect({
       items: items,
@@ -10243,7 +10317,37 @@ var MultiSelectListbox = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRe
   }
 });
 
-var _excluded$1h = ["id", "isBlockElement", "isDefaultOpen", "items", "labelText", "onApply", "onChange", "onClear", "onMixedStateChange", "selectedItems", "width"];
+/**
+ * Close dropdowns when clicking outside of them or by pressing
+ * the escape key. It expects an action callback that will set
+ * the dropdown state to false (close).
+ */
+var useCloseDropDown = function useCloseDropDown(actionCb, ref) {
+  // Listen for keydown events on the document for the escape key.
+  React.useEffect(function () {
+    var close = function close(e) {
+      var key = e.key || e.keyCode;
+      if (key === "Escape" || key === "Esc" || key === 27) {
+        actionCb(false);
+      }
+    };
+    window.addEventListener("keydown", close);
+    return function () {
+      return window.removeEventListener("keydown", close);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  // Listen for click events on the document outside of the
+  // element that the `ref` prop points to.
+  react.useOutsideClick({
+    ref: ref,
+    handler: function handler() {
+      return actionCb(false);
+    }
+  });
+};
+
+var _excluded$1i = ["id", "isBlockElement", "isDefaultOpen", "items", "labelText", "onApply", "onChange", "onClear", "onMixedStateChange", "selectedItems", "width"];
 var MultiSelectDialog = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
     isBlockElement = props.isBlockElement,
@@ -10256,7 +10360,7 @@ var MultiSelectDialog = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef
     onMixedStateChange = props.onMixedStateChange,
     selectedItems = props.selectedItems,
     width = props.width,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$1h);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1i);
   // Use NYPL Breakpoints hook to check screen size
   var _useNYPLBreakpoints = useNYPLBreakpoints(),
     isLargerThanMobile = _useNYPLBreakpoints.isLargerThanMobile;
@@ -10292,6 +10396,10 @@ var MultiSelectDialog = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef
   useOnClickOutside(internalRef, function () {
     return setIsOpen(false);
   });
+  // Hook to close Dialog on ESC key storke
+  useCloseDropDown(function () {
+    return setIsOpen(false);
+  }, internalRef);
   // Merge internal ref with the ref passed through the chakra function.
   var mergedRefs = react.useMergeRefs(internalRef, ref);
   var isChecked = function isChecked(multiSelectId, itemId) {
@@ -10417,7 +10525,7 @@ var MultiSelectDialog = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef
   }
 });
 
-var _excluded$1i = ["id", "isBlockElement", "isDefaultOpen", "items", "labelText", "onApply", "onChange", "onClear", "onMixedStateChange", "selectedItems", "type", "width"];
+var _excluded$1j = ["id", "isBlockElement", "isDefaultOpen", "items", "labelText", "onApply", "onChange", "onClear", "onMixedStateChange", "selectedItems", "type", "width"];
 /**
  * The `MultiSelect` component is a form input element that presents a list
  * of `Checkbox` components from which a user can make one or multiple
@@ -10441,7 +10549,7 @@ var MultiSelect$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
     type = props.type,
     _props$width = props.width,
     width = _props$width === void 0 ? "default" : _props$width,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$1i);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1j);
   var commonProps = {
     id: id,
     isBlockElement: isBlockElement,
@@ -10478,7 +10586,7 @@ var MultiSelect$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
   }
 });
 
-var _excluded$1j = ["children", "className", "id", "labelText", "layout", "multiSelectWidth", "showLabel"];
+var _excluded$1k = ["children", "className", "id", "labelText", "layout", "multiSelectWidth", "showLabel"];
 /**
  * `MultiSelectGroup` is a wrapper component specific for `MultiSelect` components. The wrapped `MutliSelect` components can be displayed in a
  * column or in a row. The `MultiSelectGroup` component renders all the necessary
@@ -10497,7 +10605,7 @@ var MultiSelectGroup = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
     multiSelectWidth = _props$multiSelectWid === void 0 ? "default" : _props$multiSelectWid,
     _props$showLabel = props.showLabel,
     showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$1j);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1k);
   var newChildren = [];
   var _useNYPLBreakpoints = useNYPLBreakpoints(),
     isLargerThanMobile = _useNYPLBreakpoints.isLargerThanMobile;
@@ -10541,7 +10649,7 @@ var MultiSelectGroup = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
     id: id,
     ref: ref,
     rowGap: finalLayout === "row" ? "xs" : "0",
-    spacing: isLargerThanMobile ? "xs" : "0",
+    spacing: "xs",
     wrap: layout === "row" ? "wrap" : null,
     sx: {
       "> div": {
@@ -10553,7 +10661,7 @@ var MultiSelectGroup = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
   }, newChildren));
 }));
 
-var _excluded$1k = ["children", "id", "isOpen", "headingText", "layout", "onClear", "onSubmit", "onToggle", "onOpen", "onClose", "selectedItems", "showClearAll", "showSubmitAll", "filterWidth"];
+var _excluded$1l = ["children", "id", "isOpen", "headingText", "layout", "onClear", "onSubmit", "onToggle", "onOpen", "onClose", "selectedItems", "showClearAll", "showSubmitAll", "filterWidth"];
 /**
  * `FilterBar` is a wrapper component for filter components.
  * The DS considers the following components as filter components:
@@ -10581,7 +10689,7 @@ var FilterBar$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(funct
     _props$showSubmitAll = props.showSubmitAll,
     showSubmitAll = _props$showSubmitAll === void 0 ? false : _props$showSubmitAll,
     filterWidth = props.filterWidth,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$1k);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1l);
   var _useNYPLBreapoints = useNYPLBreakpoints(),
     isLargerThanMedium = _useNYPLBreapoints.isLargerThanMedium;
   var finalLayout = isLargerThanMedium ? layout : "column";
@@ -10700,7 +10808,7 @@ var FilterBar$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(funct
   }, "Clear Filters")))))));
 }));
 
-var _excluded$1l = ["children", "className", "id", "inline", "listItems", "noStyling", "title", "type"];
+var _excluded$1m = ["children", "className", "id", "inline", "listItems", "noStyling", "title", "type"];
 /**
  * A component that renders list item `li` elements or description item `dt`
  * and `dd` elements based on the `type` prop. Note that the `title` prop will
@@ -10718,7 +10826,7 @@ var List$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
     title = props.title,
     _props$type = props.type,
     type = _props$type === void 0 ? "ul" : _props$type,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$1l);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$1m);
   var styles = react.useStyleConfig("List", {
     inline: inline,
     noStyling: noStyling,
@@ -10820,14 +10928,14 @@ var checkListChildrenError = function checkListChildrenError(children, listType,
 };
 
 var _path$L, _path2$f, _path3$7;
-var _excluded$1m = ["title", "titleId"];
+var _excluded$1n = ["title", "titleId"];
 function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
 function _objectWithoutProperties$Q(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$R(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$R(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoAppleAppStoreBlack = function SvgLogoAppleAppStoreBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$Q(_ref, _excluded$1m);
+    props = _objectWithoutProperties$Q(_ref, _excluded$1n);
   return /*#__PURE__*/React.createElement("svg", _extends$R({
     viewBox: "0 0 200 67",
     fill: "none",
@@ -10848,14 +10956,14 @@ var SvgLogoAppleAppStoreBlack = function SvgLogoAppleAppStoreBlack(_ref) {
 };
 
 var _path$M, _path2$g, _path3$8;
-var _excluded$1n = ["title", "titleId"];
+var _excluded$1o = ["title", "titleId"];
 function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
 function _objectWithoutProperties$R(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$S(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$S(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoAppleAppStoreWhite = function SvgLogoAppleAppStoreWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$R(_ref, _excluded$1n);
+    props = _objectWithoutProperties$R(_ref, _excluded$1o);
   return /*#__PURE__*/React.createElement("svg", _extends$S({
     viewBox: "0 0 200 67",
     fill: "none",
@@ -10876,14 +10984,14 @@ var SvgLogoAppleAppStoreWhite = function SvgLogoAppleAppStoreWhite(_ref) {
 };
 
 var _path$N, _path2$h, _path3$9;
-var _excluded$1o = ["title", "titleId"];
+var _excluded$1p = ["title", "titleId"];
 function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
 function _objectWithoutProperties$S(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$T(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$T(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoBplBlack = function SvgLogoBplBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$S(_ref, _excluded$1o);
+    props = _objectWithoutProperties$S(_ref, _excluded$1p);
   return /*#__PURE__*/React.createElement("svg", _extends$T({
     viewBox: "0 0 328 120",
     xmlns: "http://www.w3.org/2000/svg",
@@ -10900,14 +11008,14 @@ var SvgLogoBplBlack = function SvgLogoBplBlack(_ref) {
 };
 
 var _path$O, _path2$i, _path3$a;
-var _excluded$1p = ["title", "titleId"];
+var _excluded$1q = ["title", "titleId"];
 function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
 function _objectWithoutProperties$T(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$U(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$U(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoBplWhite = function SvgLogoBplWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$T(_ref, _excluded$1p);
+    props = _objectWithoutProperties$T(_ref, _excluded$1q);
   return /*#__PURE__*/React.createElement("svg", _extends$U({
     viewBox: "0 0 328 120",
     fill: "#fff",
@@ -10925,14 +11033,14 @@ var SvgLogoBplWhite = function SvgLogoBplWhite(_ref) {
 };
 
 var _rect$2, _path$P;
-var _excluded$1q = ["title", "titleId"];
+var _excluded$1r = ["title", "titleId"];
 function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
 function _objectWithoutProperties$U(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$V(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$V(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoCleverBadgeColor = function SvgLogoCleverBadgeColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$U(_ref, _excluded$1q);
+    props = _objectWithoutProperties$U(_ref, _excluded$1r);
   return /*#__PURE__*/React.createElement("svg", _extends$V({
     viewBox: "0 0 118 119",
     fill: "none",
@@ -10955,14 +11063,14 @@ var SvgLogoCleverBadgeColor = function SvgLogoCleverBadgeColor(_ref) {
 };
 
 var _path$Q;
-var _excluded$1r = ["title", "titleId"];
+var _excluded$1s = ["title", "titleId"];
 function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
 function _objectWithoutProperties$V(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$W(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$W(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoCleverColor = function SvgLogoCleverColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$V(_ref, _excluded$1r);
+    props = _objectWithoutProperties$V(_ref, _excluded$1s);
   return /*#__PURE__*/React.createElement("svg", _extends$W({
     viewBox: "0 0 312 88",
     fill: "#436CF2",
@@ -10978,14 +11086,14 @@ var SvgLogoCleverColor = function SvgLogoCleverColor(_ref) {
 };
 
 var _path$R;
-var _excluded$1s = ["title", "titleId"];
+var _excluded$1t = ["title", "titleId"];
 function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
 function _objectWithoutProperties$W(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$X(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$X(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoCleverWhite = function SvgLogoCleverWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$W(_ref, _excluded$1s);
+    props = _objectWithoutProperties$W(_ref, _excluded$1t);
   return /*#__PURE__*/React.createElement("svg", _extends$X({
     viewBox: "0 0 312 88",
     fill: "#fff",
@@ -11001,14 +11109,14 @@ var SvgLogoCleverWhite = function SvgLogoCleverWhite(_ref) {
 };
 
 var _path$S, _path2$j, _path3$b, _path4$1, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13;
-var _excluded$1t = ["title", "titleId"];
+var _excluded$1u = ["title", "titleId"];
 function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
 function _objectWithoutProperties$X(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$Y(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$Y(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoFirstbookColor = function SvgLogoFirstbookColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$X(_ref, _excluded$1t);
+    props = _objectWithoutProperties$X(_ref, _excluded$1u);
   return /*#__PURE__*/React.createElement("svg", _extends$Y({
     viewBox: "0 0 172 152",
     fill: "none",
@@ -11059,14 +11167,14 @@ var SvgLogoFirstbookColor = function SvgLogoFirstbookColor(_ref) {
 };
 
 var _g$3;
-var _excluded$1u = ["title", "titleId"];
+var _excluded$1v = ["title", "titleId"];
 function _extends$Z() { _extends$Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
 function _objectWithoutProperties$Y(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$Z(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$Z(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoFirstbookColorNegative = function SvgLogoFirstbookColorNegative(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$Y(_ref, _excluded$1u);
+    props = _objectWithoutProperties$Y(_ref, _excluded$1v);
   return /*#__PURE__*/React.createElement("svg", _extends$Z({
     viewBox: "0 0 170 150",
     fill: "none",
@@ -11122,14 +11230,14 @@ var SvgLogoFirstbookColorNegative = function SvgLogoFirstbookColorNegative(_ref)
 };
 
 var _g$4, _defs;
-var _excluded$1v = ["title", "titleId"];
+var _excluded$1w = ["title", "titleId"];
 function _extends$_() { _extends$_ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }
 function _objectWithoutProperties$Z(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$_(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$_(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoGooglePlayBlack = function SvgLogoGooglePlayBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$Z(_ref, _excluded$1v);
+    props = _objectWithoutProperties$Z(_ref, _excluded$1w);
   return /*#__PURE__*/React.createElement("svg", _extends$_({
     viewBox: "0 0 200 60",
     fill: "none",
@@ -11262,14 +11370,14 @@ var SvgLogoGooglePlayBlack = function SvgLogoGooglePlayBlack(_ref) {
 };
 
 var _path$T, _path2$k;
-var _excluded$1w = ["title", "titleId"];
+var _excluded$1x = ["title", "titleId"];
 function _extends$$() { _extends$$ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }
 function _objectWithoutProperties$_(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$$(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$$(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoLpaColor = function SvgLogoLpaColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$_(_ref, _excluded$1w);
+    props = _objectWithoutProperties$_(_ref, _excluded$1x);
   return /*#__PURE__*/React.createElement("svg", _extends$$({
     viewBox: "0 0 186 74",
     fill: "none",
@@ -11287,14 +11395,14 @@ var SvgLogoLpaColor = function SvgLogoLpaColor(_ref) {
 };
 
 var _path$U;
-var _excluded$1x = ["title", "titleId"];
+var _excluded$1y = ["title", "titleId"];
 function _extends$10() { _extends$10 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
 function _objectWithoutProperties$$(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$10(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$10(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoLpaBlack = function SvgLogoLpaBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$$(_ref, _excluded$1x);
+    props = _objectWithoutProperties$$(_ref, _excluded$1y);
   return /*#__PURE__*/React.createElement("svg", _extends$10({
     viewBox: "0 0 186 74",
     xmlns: "http://www.w3.org/2000/svg",
@@ -11307,14 +11415,14 @@ var SvgLogoLpaBlack = function SvgLogoLpaBlack(_ref) {
 };
 
 var _path$V;
-var _excluded$1y = ["title", "titleId"];
+var _excluded$1z = ["title", "titleId"];
 function _extends$11() { _extends$11 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
 function _objectWithoutProperties$10(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$11(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$11(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoLpaWhite = function SvgLogoLpaWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$10(_ref, _excluded$1y);
+    props = _objectWithoutProperties$10(_ref, _excluded$1z);
   return /*#__PURE__*/React.createElement("svg", _extends$11({
     viewBox: "0 0 186 74",
     fill: "#fff",
@@ -11328,14 +11436,14 @@ var SvgLogoLpaWhite = function SvgLogoLpaWhite(_ref) {
 };
 
 var _g$5;
-var _excluded$1z = ["title", "titleId"];
+var _excluded$1A = ["title", "titleId"];
 function _extends$12() { _extends$12 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }
 function _objectWithoutProperties$11(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$12(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$12(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoMlnBlack = function SvgLogoMlnBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$11(_ref, _excluded$1z);
+    props = _objectWithoutProperties$11(_ref, _excluded$1A);
   return /*#__PURE__*/React.createElement("svg", _extends$12({
     viewBox: "0 0 300 71",
     xmlns: "http://www.w3.org/2000/svg",
@@ -11350,14 +11458,14 @@ var SvgLogoMlnBlack = function SvgLogoMlnBlack(_ref) {
 };
 
 var _g$6;
-var _excluded$1A = ["title", "titleId"];
+var _excluded$1B = ["title", "titleId"];
 function _extends$13() { _extends$13 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$13.apply(this, arguments); }
 function _objectWithoutProperties$12(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$13(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$13(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoMlnColor = function SvgLogoMlnColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$12(_ref, _excluded$1A);
+    props = _objectWithoutProperties$12(_ref, _excluded$1B);
   return /*#__PURE__*/React.createElement("svg", _extends$13({
     viewBox: "0 0 300 71",
     fill: "#C60917",
@@ -11373,14 +11481,14 @@ var SvgLogoMlnColor = function SvgLogoMlnColor(_ref) {
 };
 
 var _g$7;
-var _excluded$1B = ["title", "titleId"];
+var _excluded$1C = ["title", "titleId"];
 function _extends$14() { _extends$14 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$14.apply(this, arguments); }
 function _objectWithoutProperties$13(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$14(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$14(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoMlnWhite = function SvgLogoMlnWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$13(_ref, _excluded$1B);
+    props = _objectWithoutProperties$13(_ref, _excluded$1C);
   return /*#__PURE__*/React.createElement("svg", _extends$14({
     viewBox: "0 0 300 71",
     fill: "#fff",
@@ -11396,14 +11504,14 @@ var SvgLogoMlnWhite = function SvgLogoMlnWhite(_ref) {
 };
 
 var _g$8, _defs$1;
-var _excluded$1C = ["title", "titleId"];
+var _excluded$1D = ["title", "titleId"];
 function _extends$15() { _extends$15 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
 function _objectWithoutProperties$14(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$15(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$15(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoNycdoeColor = function SvgLogoNycdoeColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$14(_ref, _excluded$1C);
+    props = _objectWithoutProperties$14(_ref, _excluded$1D);
   return /*#__PURE__*/React.createElement("svg", _extends$15({
     viewBox: "0 0 341 61",
     fill: "none",
@@ -11436,14 +11544,14 @@ var SvgLogoNycdoeColor = function SvgLogoNycdoeColor(_ref) {
   })))));
 };
 
-var _excluded$1D = ["title", "titleId"];
+var _excluded$1E = ["title", "titleId"];
 function _extends$16() { _extends$16 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
 function _objectWithoutProperties$15(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$16(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$16(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoNyplFullBlack = function SvgLogoNyplFullBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$15(_ref, _excluded$1D);
+    props = _objectWithoutProperties$15(_ref, _excluded$1E);
   return /*#__PURE__*/React.createElement("svg", _extends$16({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 966.787 543.733",
@@ -11518,14 +11626,14 @@ var SvgLogoNyplFullBlack = function SvgLogoNyplFullBlack(_ref) {
 };
 
 var _g$9, _defs$2;
-var _excluded$1E = ["title", "titleId"];
+var _excluded$1F = ["title", "titleId"];
 function _extends$17() { _extends$17 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
 function _objectWithoutProperties$16(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$17(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$17(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoNyplFullWhite = function SvgLogoNyplFullWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$16(_ref, _excluded$1E);
+    props = _objectWithoutProperties$16(_ref, _excluded$1F);
   return /*#__PURE__*/React.createElement("svg", _extends$17({
     viewBox: "0 0 967 568",
     fill: "none",
@@ -11553,14 +11661,14 @@ var SvgLogoNyplFullWhite = function SvgLogoNyplFullWhite(_ref) {
 };
 
 var _path$W, _path2$l, _path3$c;
-var _excluded$1F = ["title", "titleId"];
+var _excluded$1G = ["title", "titleId"];
 function _extends$18() { _extends$18 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
 function _objectWithoutProperties$17(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$18(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$18(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoNyplLionBlack = function SvgLogoNyplLionBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$17(_ref, _excluded$1F);
+    props = _objectWithoutProperties$17(_ref, _excluded$1G);
   return /*#__PURE__*/React.createElement("svg", _extends$18({
     viewBox: "0 0 136 135",
     fill: "none",
@@ -11583,14 +11691,14 @@ var SvgLogoNyplLionBlack = function SvgLogoNyplLionBlack(_ref) {
 };
 
 var _path$X;
-var _excluded$1G = ["title", "titleId"];
+var _excluded$1H = ["title", "titleId"];
 function _extends$19() { _extends$19 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
 function _objectWithoutProperties$18(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$19(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$19(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoNyplLionWhite = function SvgLogoNyplLionWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$18(_ref, _excluded$1G);
+    props = _objectWithoutProperties$18(_ref, _excluded$1H);
   return /*#__PURE__*/React.createElement("svg", _extends$19({
     viewBox: "0 0 125 126",
     fill: "none",
@@ -11607,14 +11715,14 @@ var SvgLogoNyplLionWhite = function SvgLogoNyplLionWhite(_ref) {
 };
 
 var _path$Y, _path2$m, _path3$d, _path4$2, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1, _path12$1, _path13$1, _path14, _path15;
-var _excluded$1H = ["title", "titleId"];
+var _excluded$1I = ["title", "titleId"];
 function _extends$1a() { _extends$1a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
 function _objectWithoutProperties$19(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1a(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1a(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoNyplTextBlack = function SvgLogoNyplTextBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$19(_ref, _excluded$1H);
+    props = _objectWithoutProperties$19(_ref, _excluded$1I);
   return /*#__PURE__*/React.createElement("svg", _extends$1a({
     viewBox: "0 0 201 165",
     fill: "none",
@@ -11685,14 +11793,14 @@ var SvgLogoNyplTextBlack = function SvgLogoNyplTextBlack(_ref) {
 };
 
 var _path$Z, _path2$n, _path3$e, _path4$3, _path5$2, _path6$2, _path7$2, _path8$2, _path9$2, _path10$2, _path11$2, _path12$2, _path13$2, _path14$1, _path15$1;
-var _excluded$1I = ["title", "titleId"];
+var _excluded$1J = ["title", "titleId"];
 function _extends$1b() { _extends$1b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1b.apply(this, arguments); }
 function _objectWithoutProperties$1a(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1b(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1b(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoNyplTextWhite = function SvgLogoNyplTextWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1a(_ref, _excluded$1I);
+    props = _objectWithoutProperties$1a(_ref, _excluded$1J);
   return /*#__PURE__*/React.createElement("svg", _extends$1b({
     viewBox: "0 0 201 165",
     fill: "none",
@@ -11763,14 +11871,14 @@ var SvgLogoNyplTextWhite = function SvgLogoNyplTextWhite(_ref) {
 };
 
 var _g$a, _defs$3;
-var _excluded$1J = ["title", "titleId"];
+var _excluded$1K = ["title", "titleId"];
 function _extends$1c() { _extends$1c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1c.apply(this, arguments); }
 function _objectWithoutProperties$1b(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1c(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1c(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoOpenebooksColor = function SvgLogoOpenebooksColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1b(_ref, _excluded$1J);
+    props = _objectWithoutProperties$1b(_ref, _excluded$1K);
   return /*#__PURE__*/React.createElement("svg", _extends$1c({
     viewBox: "0 0 152 139",
     fill: "none",
@@ -11818,14 +11926,14 @@ var SvgLogoOpenebooksColor = function SvgLogoOpenebooksColor(_ref) {
 };
 
 var _g$b, _defs$4;
-var _excluded$1K = ["title", "titleId"];
+var _excluded$1L = ["title", "titleId"];
 function _extends$1d() { _extends$1d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1d.apply(this, arguments); }
 function _objectWithoutProperties$1c(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1d(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1d(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoOpenebooksNegative = function SvgLogoOpenebooksNegative(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1c(_ref, _excluded$1K);
+    props = _objectWithoutProperties$1c(_ref, _excluded$1L);
   return /*#__PURE__*/React.createElement("svg", _extends$1d({
     viewBox: "0 0 155 139",
     fill: "none",
@@ -11896,14 +12004,14 @@ var SvgLogoOpenebooksNegative = function SvgLogoOpenebooksNegative(_ref) {
 };
 
 var _g$c, _defs$5;
-var _excluded$1L = ["title", "titleId"];
+var _excluded$1M = ["title", "titleId"];
 function _extends$1e() { _extends$1e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1e.apply(this, arguments); }
 function _objectWithoutProperties$1d(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1e(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1e(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoOpenebooksWithTextColor = function SvgLogoOpenebooksWithTextColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1d(_ref, _excluded$1L);
+    props = _objectWithoutProperties$1d(_ref, _excluded$1M);
   return /*#__PURE__*/React.createElement("svg", _extends$1e({
     viewBox: "0 0 152 139",
     fill: "none",
@@ -11951,14 +12059,14 @@ var SvgLogoOpenebooksWithTextColor = function SvgLogoOpenebooksWithTextColor(_re
 };
 
 var _g$d, _defs$6;
-var _excluded$1M = ["title", "titleId"];
+var _excluded$1N = ["title", "titleId"];
 function _extends$1f() { _extends$1f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1f.apply(this, arguments); }
 function _objectWithoutProperties$1e(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1f(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1f(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoOpenebooksWithTextNegative = function SvgLogoOpenebooksWithTextNegative(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1e(_ref, _excluded$1M);
+    props = _objectWithoutProperties$1e(_ref, _excluded$1N);
   return /*#__PURE__*/React.createElement("svg", _extends$1f({
     viewBox: "0 0 155 139",
     fill: "none",
@@ -12032,14 +12140,14 @@ var SvgLogoOpenebooksWithTextNegative = function SvgLogoOpenebooksWithTextNegati
 };
 
 var _path$_;
-var _excluded$1N = ["title", "titleId"];
+var _excluded$1O = ["title", "titleId"];
 function _extends$1g() { _extends$1g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1g.apply(this, arguments); }
 function _objectWithoutProperties$1f(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1g(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1g(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoQplAltBlack = function SvgLogoQplAltBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1f(_ref, _excluded$1N);
+    props = _objectWithoutProperties$1f(_ref, _excluded$1O);
   return /*#__PURE__*/React.createElement("svg", _extends$1g({
     viewBox: "0 0 250 134",
     xmlns: "http://www.w3.org/2000/svg",
@@ -12052,14 +12160,14 @@ var SvgLogoQplAltBlack = function SvgLogoQplAltBlack(_ref) {
 };
 
 var _path$$;
-var _excluded$1O = ["title", "titleId"];
+var _excluded$1P = ["title", "titleId"];
 function _extends$1h() { _extends$1h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1h.apply(this, arguments); }
 function _objectWithoutProperties$1g(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1h(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1h(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoQplAltWhite = function SvgLogoQplAltWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1g(_ref, _excluded$1O);
+    props = _objectWithoutProperties$1g(_ref, _excluded$1P);
   return /*#__PURE__*/React.createElement("svg", _extends$1h({
     viewBox: "0 0 250 134",
     fill: "#fff",
@@ -12073,14 +12181,14 @@ var SvgLogoQplAltWhite = function SvgLogoQplAltWhite(_ref) {
 };
 
 var _path$10, _path2$o, _path3$f, _path4$4, _path5$3;
-var _excluded$1P = ["title", "titleId"];
+var _excluded$1Q = ["title", "titleId"];
 function _extends$1i() { _extends$1i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1i.apply(this, arguments); }
 function _objectWithoutProperties$1h(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1i(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1i(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoQplBlack = function SvgLogoQplBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1h(_ref, _excluded$1P);
+    props = _objectWithoutProperties$1h(_ref, _excluded$1Q);
   return /*#__PURE__*/React.createElement("svg", _extends$1i({
     viewBox: "0 0 320 43",
     xmlns: "http://www.w3.org/2000/svg",
@@ -12109,14 +12217,14 @@ var SvgLogoQplBlack = function SvgLogoQplBlack(_ref) {
 };
 
 var _g$e, _defs$7;
-var _excluded$1Q = ["title", "titleId"];
+var _excluded$1R = ["title", "titleId"];
 function _extends$1j() { _extends$1j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1j.apply(this, arguments); }
 function _objectWithoutProperties$1i(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1j(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1j(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoQplColor = function SvgLogoQplColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1i(_ref, _excluded$1Q);
+    props = _objectWithoutProperties$1i(_ref, _excluded$1R);
   return /*#__PURE__*/React.createElement("svg", _extends$1j({
     viewBox: "0 0 355 48",
     fill: "none",
@@ -12164,14 +12272,14 @@ var SvgLogoQplColor = function SvgLogoQplColor(_ref) {
 };
 
 var _path$11, _path2$p, _path3$g, _path4$5, _path5$4;
-var _excluded$1R = ["title", "titleId"];
+var _excluded$1S = ["title", "titleId"];
 function _extends$1k() { _extends$1k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1k.apply(this, arguments); }
 function _objectWithoutProperties$1j(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1k(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1k(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoQplWhite = function SvgLogoQplWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1j(_ref, _excluded$1R);
+    props = _objectWithoutProperties$1j(_ref, _excluded$1S);
   return /*#__PURE__*/React.createElement("svg", _extends$1k({
     viewBox: "0 0 320 43",
     fill: "#fff",
@@ -12201,14 +12309,14 @@ var SvgLogoQplWhite = function SvgLogoQplWhite(_ref) {
 };
 
 var _path$12, _path2$q, _path3$h, _path4$6, _path5$5;
-var _excluded$1S = ["title", "titleId"];
+var _excluded$1T = ["title", "titleId"];
 function _extends$1l() { _extends$1l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1l.apply(this, arguments); }
 function _objectWithoutProperties$1k(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1l(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1l(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoReservoirIconColor = function SvgLogoReservoirIconColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1k(_ref, _excluded$1S);
+    props = _objectWithoutProperties$1k(_ref, _excluded$1T);
   return /*#__PURE__*/React.createElement("svg", _extends$1l({
     viewBox: "0 0 105 129",
     fill: "none",
@@ -12235,14 +12343,14 @@ var SvgLogoReservoirIconColor = function SvgLogoReservoirIconColor(_ref) {
 };
 
 var _g$f;
-var _excluded$1T = ["title", "titleId"];
+var _excluded$1U = ["title", "titleId"];
 function _extends$1m() { _extends$1m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1m.apply(this, arguments); }
 function _objectWithoutProperties$1l(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1m(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1m(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoReservoirVerticalColor = function SvgLogoReservoirVerticalColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1l(_ref, _excluded$1T);
+    props = _objectWithoutProperties$1l(_ref, _excluded$1U);
   return /*#__PURE__*/React.createElement("svg", _extends$1m({
     viewBox: "0 0 234 261",
     fill: "none",
@@ -12268,14 +12376,14 @@ var SvgLogoReservoirVerticalColor = function SvgLogoReservoirVerticalColor(_ref)
 };
 
 var _path$13, _path2$r, _path3$i, _path4$7, _path5$6;
-var _excluded$1U = ["title", "titleId"];
+var _excluded$1V = ["title", "titleId"];
 function _extends$1n() { _extends$1n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1n.apply(this, arguments); }
 function _objectWithoutProperties$1m(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1n(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1n(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoSchomburgBlack = function SvgLogoSchomburgBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1m(_ref, _excluded$1U);
+    props = _objectWithoutProperties$1m(_ref, _excluded$1V);
   return /*#__PURE__*/React.createElement("svg", _extends$1n({
     viewBox: "0 0 185 79",
     xmlns: "http://www.w3.org/2000/svg",
@@ -12296,14 +12404,14 @@ var SvgLogoSchomburgBlack = function SvgLogoSchomburgBlack(_ref) {
 };
 
 var _path$14, _path2$s, _path3$j, _path4$8, _path5$7;
-var _excluded$1V = ["title", "titleId"];
+var _excluded$1W = ["title", "titleId"];
 function _extends$1o() { _extends$1o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1o.apply(this, arguments); }
 function _objectWithoutProperties$1n(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1o(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1o(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoSchomburgCircleBlack = function SvgLogoSchomburgCircleBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1n(_ref, _excluded$1V);
+    props = _objectWithoutProperties$1n(_ref, _excluded$1W);
   return /*#__PURE__*/React.createElement("svg", _extends$1o({
     viewBox: "0 0 67 67",
     xmlns: "http://www.w3.org/2000/svg",
@@ -12324,14 +12432,14 @@ var SvgLogoSchomburgCircleBlack = function SvgLogoSchomburgCircleBlack(_ref) {
 };
 
 var _path$15, _path2$t, _path3$k, _path4$9, _path5$8;
-var _excluded$1W = ["title", "titleId"];
+var _excluded$1X = ["title", "titleId"];
 function _extends$1p() { _extends$1p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
 function _objectWithoutProperties$1o(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1p(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1p(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoSchomburgCircleColor = function SvgLogoSchomburgCircleColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1o(_ref, _excluded$1W);
+    props = _objectWithoutProperties$1o(_ref, _excluded$1X);
   return /*#__PURE__*/React.createElement("svg", _extends$1p({
     viewBox: "0 0 67 67",
     fill: "none",
@@ -12358,14 +12466,14 @@ var SvgLogoSchomburgCircleColor = function SvgLogoSchomburgCircleColor(_ref) {
 };
 
 var _path$16, _path2$u, _path3$l, _path4$a, _path5$9;
-var _excluded$1X = ["title", "titleId"];
+var _excluded$1Y = ["title", "titleId"];
 function _extends$1q() { _extends$1q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1q.apply(this, arguments); }
 function _objectWithoutProperties$1p(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1q(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1q(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoSchomburgCircleWhite = function SvgLogoSchomburgCircleWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1p(_ref, _excluded$1X);
+    props = _objectWithoutProperties$1p(_ref, _excluded$1Y);
   return /*#__PURE__*/React.createElement("svg", _extends$1q({
     viewBox: "0 0 67 67",
     fill: "#fff",
@@ -12387,14 +12495,14 @@ var SvgLogoSchomburgCircleWhite = function SvgLogoSchomburgCircleWhite(_ref) {
 };
 
 var _path$17, _path2$v, _path3$m, _path4$b, _path5$a, _path6$3, _path7$3;
-var _excluded$1Y = ["title", "titleId"];
+var _excluded$1Z = ["title", "titleId"];
 function _extends$1r() { _extends$1r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
 function _objectWithoutProperties$1q(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1r(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1r(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoSchomburgColor = function SvgLogoSchomburgColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1q(_ref, _excluded$1Y);
+    props = _objectWithoutProperties$1q(_ref, _excluded$1Z);
   return /*#__PURE__*/React.createElement("svg", _extends$1r({
     viewBox: "0 0 185 79",
     fill: "none",
@@ -12427,14 +12535,14 @@ var SvgLogoSchomburgColor = function SvgLogoSchomburgColor(_ref) {
 };
 
 var _path$18, _path2$w, _path3$n, _path4$c, _path5$b;
-var _excluded$1Z = ["title", "titleId"];
+var _excluded$1_ = ["title", "titleId"];
 function _extends$1s() { _extends$1s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1s.apply(this, arguments); }
 function _objectWithoutProperties$1r(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1s(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1s(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoSchomburgWhite = function SvgLogoSchomburgWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1r(_ref, _excluded$1Z);
+    props = _objectWithoutProperties$1r(_ref, _excluded$1_);
   return /*#__PURE__*/React.createElement("svg", _extends$1s({
     viewBox: "0 0 185 79",
     fill: "#fff",
@@ -12456,14 +12564,14 @@ var SvgLogoSchomburgWhite = function SvgLogoSchomburgWhite(_ref) {
 };
 
 var _g$g, _defs$8;
-var _excluded$1_ = ["title", "titleId"];
+var _excluded$1$ = ["title", "titleId"];
 function _extends$1t() { _extends$1t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1t.apply(this, arguments); }
 function _objectWithoutProperties$1s(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1t(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1t(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoSimplyeBlack = function SvgLogoSimplyeBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1s(_ref, _excluded$1_);
+    props = _objectWithoutProperties$1s(_ref, _excluded$1$);
   return /*#__PURE__*/React.createElement("svg", _extends$1t({
     viewBox: "0 0 512 148",
     xmlns: "http://www.w3.org/2000/svg",
@@ -12488,14 +12596,14 @@ var SvgLogoSimplyeBlack = function SvgLogoSimplyeBlack(_ref) {
 };
 
 var _g$h, _defs$9;
-var _excluded$1$ = ["title", "titleId"];
+var _excluded$20 = ["title", "titleId"];
 function _extends$1u() { _extends$1u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1u.apply(this, arguments); }
 function _objectWithoutProperties$1t(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1u(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1u(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoSimplyeWhite = function SvgLogoSimplyeWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1t(_ref, _excluded$1$);
+    props = _objectWithoutProperties$1t(_ref, _excluded$20);
   return /*#__PURE__*/React.createElement("svg", _extends$1u({
     viewBox: "0 0 512 148",
     fill: "#fff",
@@ -12520,14 +12628,14 @@ var SvgLogoSimplyeWhite = function SvgLogoSimplyeWhite(_ref) {
 };
 
 var _g$i, _defs$a;
-var _excluded$20 = ["title", "titleId"];
+var _excluded$21 = ["title", "titleId"];
 function _extends$1v() { _extends$1v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1v.apply(this, arguments); }
 function _objectWithoutProperties$1u(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1v(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1v(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoSimplyeColor = function SvgLogoSimplyeColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1u(_ref, _excluded$20);
+    props = _objectWithoutProperties$1u(_ref, _excluded$21);
   return /*#__PURE__*/React.createElement("svg", _extends$1v({
     viewBox: "0 0 682 196",
     fill: "none",
@@ -12559,14 +12667,14 @@ var SvgLogoSimplyeColor = function SvgLogoSimplyeColor(_ref) {
 };
 
 var _path$19;
-var _excluded$21 = ["title", "titleId"];
+var _excluded$22 = ["title", "titleId"];
 function _extends$1w() { _extends$1w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1w.apply(this, arguments); }
 function _objectWithoutProperties$1v(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1w(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1w(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoSnflBlack = function SvgLogoSnflBlack(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1v(_ref, _excluded$21);
+    props = _objectWithoutProperties$1v(_ref, _excluded$22);
   return /*#__PURE__*/React.createElement("svg", _extends$1w({
     viewBox: "0 0 84 111",
     xmlns: "http://www.w3.org/2000/svg",
@@ -12579,14 +12687,14 @@ var SvgLogoSnflBlack = function SvgLogoSnflBlack(_ref) {
 };
 
 var _path$1a;
-var _excluded$22 = ["title", "titleId"];
+var _excluded$23 = ["title", "titleId"];
 function _extends$1x() { _extends$1x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1x.apply(this, arguments); }
 function _objectWithoutProperties$1w(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1x(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1x(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoSnflWhite = function SvgLogoSnflWhite(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1w(_ref, _excluded$22);
+    props = _objectWithoutProperties$1w(_ref, _excluded$23);
   return /*#__PURE__*/React.createElement("svg", _extends$1x({
     viewBox: "0 0 84 111",
     fill: "#fff",
@@ -12600,14 +12708,14 @@ var SvgLogoSnflWhite = function SvgLogoSnflWhite(_ref) {
 };
 
 var _path$1b, _path2$x, _path3$o, _path4$d, _path5$c, _path6$4, _path7$4, _path8$3, _path9$3, _path10$3, _path11$3, _path12$3, _path13$3, _path14$2, _path15$2, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32, _path33, _path34, _path35, _path36, _path37, _path38, _path39, _path40, _path41, _path42, _path43, _path44, _path45, _path46, _path47, _path48, _path49, _path50, _path51, _path52, _path53, _path54, _path55;
-var _excluded$23 = ["title", "titleId"];
+var _excluded$24 = ["title", "titleId"];
 function _extends$1y() { _extends$1y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1y.apply(this, arguments); }
 function _objectWithoutProperties$1x(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1y(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1y(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoTreasuresColor = function SvgLogoTreasuresColor(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1x(_ref, _excluded$23);
+    props = _objectWithoutProperties$1x(_ref, _excluded$24);
   return /*#__PURE__*/React.createElement("svg", _extends$1y({
     viewBox: "0 0 324 265",
     fill: "none",
@@ -12784,14 +12892,14 @@ var SvgLogoTreasuresColor = function SvgLogoTreasuresColor(_ref) {
 };
 
 var _path$1c, _path2$y, _path3$p, _path4$e, _path5$d, _path6$5, _path7$5, _path8$4, _path9$4, _path10$4, _path11$4, _path12$4, _path13$4, _path14$3, _path15$3, _path16$1, _path17$1, _path18$1, _path19$1, _path20$1, _path21$1, _path22$1, _path23$1, _path24$1, _path25$1, _path26$1, _path27$1, _path28$1, _path29$1, _path30$1, _path31$1, _path32$1, _path33$1, _path34$1, _path35$1, _path36$1, _path37$1, _path38$1, _path39$1, _path40$1, _path41$1, _path42$1, _path43$1, _path44$1, _path45$1, _path46$1, _path47$1, _path48$1, _path49$1, _path50$1, _path51$1, _path52$1, _path53$1, _path54$1, _path55$1;
-var _excluded$24 = ["title", "titleId"];
+var _excluded$25 = ["title", "titleId"];
 function _extends$1z() { _extends$1z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }
 function _objectWithoutProperties$1y(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1z(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose$1z(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SvgLogoTreasuresColorNegative = function SvgLogoTreasuresColorNegative(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
-    props = _objectWithoutProperties$1y(_ref, _excluded$24);
+    props = _objectWithoutProperties$1y(_ref, _excluded$25);
   return /*#__PURE__*/React.createElement("svg", _extends$1z({
     viewBox: "0 0 327 266",
     fill: "none",
@@ -13018,7 +13126,7 @@ var logoSvgs = {
   treasuresColorNegative: SvgLogoTreasuresColorNegative
 };
 
-var _excluded$25 = ["children", "className", "decorative", "id", "name", "size", "title"];
+var _excluded$26 = ["children", "className", "decorative", "id", "name", "size", "title"];
 /**
  * The `Logo` component renders SVG-based logos and color variants that are
  * commonly used by the New York Public Library.
@@ -13035,7 +13143,7 @@ var Logo$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
     size = _props$size === void 0 ? "medium" : _props$size,
     _props$title = props.title,
     title = _props$title === void 0 ? name + " logo" : _props$title,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$25);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$26);
   var styles = react.useStyleConfig("Logo", {
     size: size
   });
@@ -13136,7 +13244,7 @@ var link$1 = {
   }]
 };
 
-var _excluded$26 = ["className", "id"];
+var _excluded$27 = ["className", "id"];
 /**
  * This `Footer` component renders the NYPL-branded footer elements such
  * as navigational NYPL.org links, social media links, copyright, and
@@ -13146,7 +13254,7 @@ var Footer$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   var className = _ref.className,
     _ref$id = _ref.id,
     id = _ref$id === void 0 ? "footer" : _ref$id,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$26);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$27);
   var styles = react.useMultiStyleConfig("Footer", {});
   var nyplLinks = link$1.nyplLinks.map(function (links, index) {
     return React__default.createElement(List$1, {
@@ -13215,11 +13323,11 @@ var Footer$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   })));
 }));
 
-var _excluded$27 = ["align", "className"];
+var _excluded$28 = ["align", "className"];
 var HorizontalRule$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var align = props.align,
     className = props.className,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$27);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$28);
   var styles = react.useStyleConfig("HorizontalRule", {
     align: align
   });
@@ -13235,7 +13343,7 @@ var HorizontalRule$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
   }, rest));
 }));
 
-var _excluded$28 = ["className", "id", "target"];
+var _excluded$29 = ["className", "id", "target"];
 /**
  * SkipNavigation is a component that is used to provide a navigational list of
  * links. The first link is used to skip to the main content of the page using
@@ -13247,7 +13355,7 @@ var SkipNavigation$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
     id = props.id,
     _props$target = props.target,
     target = _props$target === void 0 ? "#mainContent" : _props$target,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$28);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$29);
   var styles = react.useStyleConfig("SkipNavigation");
   return React__default.createElement(react.Box, Object.assign({
     as: "nav",
@@ -13269,7 +13377,6 @@ var SkipNavigation$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
 
 /*eslint no-useless-escape: 0 */
 var alertsApiUrl = "https://refinery.nypl.org/api/nypl/ndo/v0.1/content/alerts?filter%5Bscope%5D=all";
-var patronApiUrl = "https://platform.nypl.org/api/v0.1/auth/patron/tokens/";
 var authServerBase = {
   production: "https://login.nypl.org/auth",
   development: "https://dev-login.nypl.org/auth"
@@ -13284,14 +13391,6 @@ var baseLoginLinks = {
     development: "https://nypl-sierra-test.nypl.org/patroninfo/top"
   }
 };
-// Make sure the auth token refresh link is correct for the environment.
-var tokenRefreshLink = function tokenRefreshLink(isProduction) {
-  if (isProduction === void 0) {
-    isProduction = true;
-  }
-  var type = isProduction ? "production" : "development";
-  return authServerBase[type] + "/refresh";
-};
 // Return the proper links when logged in or not. These are for the NYPL
 // "Log in" or "Go to" links for Encore and the Research Catalog. This is
 // based on the environment and logged in status.
@@ -13402,6 +13501,16 @@ var getEncoreCatalogURL = function getEncoreCatalogURL(searchValue) {
   }
   return null;
 };
+/**
+ * Returns the final URL for the NYPL Research Catalog search.
+ */
+var getResearchCatalogURL = function getResearchCatalogURL(searchValue) {
+  var catalogUrl = "https://www.nypl.org/research/research-catalog/search?q=";
+  if (searchValue) {
+    return "" + catalogUrl + encodeURIComponent(searchValue) + "&" + generateQueriesForGA() + "&lang=eng";
+  }
+  return null;
+};
 /**
  * Returns the final URL for the NYPL catalog search.
  */
@@ -13447,100 +13556,6 @@ var parseAlertsData = function parseAlertsData(data) {
   });
   return filteredAlerts;
 };
-/**
- * `refreshAccessToken` attempts to refresh the "nyplIdentityPatron" cookie's
- * `accessToken` by making a request to the `tokenRefreshLink`. If successful,
- * it tries to fetch the patron's data again.
- */
-var refreshAccessToken = function refreshAccessToken(api, cb, fallBackCb) {
-  var refreshErrorMessage = "NYPL Reservoir Header: There was an error refreshing NYPL patron data.";
-  fetch(api, {
-    credentials: "include"
-  }).then(function (response) {
-    // If the response to the `tokenRefreshLink` is successful, make another
-    // request to the `patronApiUrl` using the refreshed accessToken.
-    if (response.status >= 200 && response.status < 300) {
-      var _getCookieValue = getCookieValue(),
-        accessToken = _getCookieValue.accessToken;
-      getLoginData(accessToken, cb);
-    } else {
-      // If the call to the `tokenRefreshLink` is unsuccessful, throw an error.
-      // Doing so will drop us down to the catch block below.
-      throw new Error(refreshErrorMessage);
-    }
-  })["catch"](function (error) {
-    // The server responded with a status that falls out of the 2xx range
-    // or the call to the `tokenRefreshLink` endpoint was unsuccessful.
-    console.warn(refreshErrorMessage);
-    console.warn("Error Data: " + (error == null ? void 0 : error.data));
-    console.warn("Error Status: " + (error == null ? void 0 : error.status));
-    console.warn("Error Headers: " + (error == null ? void 0 : error.headers));
-    console.warn("Error Config: " + (error == null ? void 0 : error.config));
-    fallBackCb();
-  });
-};
-/**
- * getCookieValue uses the js.cookie package to get the value
- * of the "nyplIdentityPatron" cookie (if it exists) and extract
- * the cookie's `access_token`.
- */
-var getCookieValue = function getCookieValue() {
-  var cookieValue = Cookies.get("nyplIdentityPatron");
-  var accessToken = cookieValue ? JSON.parse(cookieValue).access_token : "";
-  return {
-    cookieValue: cookieValue,
-    accessToken: accessToken
-  };
-};
-var deleteCookieValue = function deleteCookieValue() {
-  Cookies.remove("nyplIdentityPatron");
-};
-/**
- * getLoginData uses the `patronApiUrl` combined with the
- * `accessToken` from the "nyplIdentityPatron" cookie to fetch
- * the patron's information from the server.
- */
-var getLoginData = function getLoginData(accessToken, cb) {
-  var fetchErrorMessage = "NYPL Reservoir Header: There was an error fetching NYPL patron data.";
-  fetch("" + patronApiUrl + accessToken).then(function (response) {
-    // If the response has a status of 2xx or 401, parse it and pass it
-    // to the .then() callback function. We want to include the responses
-    // with a status of 401 because they could show the `accessToken` is
-    // expired and needs refreshing.
-    if (response.status >= 200 && response.status < 300 || response.status === 401) {
-      return response.json();
-    }
-    // If the response's status is not 2xx or 401, throw an error.
-    // Doing so will drop us down to the catch block below.
-    throw new Error(fetchErrorMessage);
-  })
-  // The callback function is `loginDataCallback`, declared in `Header.tsx`.
-  // It will try to refresh the accessToken if expired or extract the patron's
-  // name from the returned data if not.
-  .then(cb)["catch"](function (error) {
-    // In this scenario, the server responded with a status code that
-    // falls out of the range of 2xx and is not 401 with the expired token.
-    console.warn(fetchErrorMessage);
-    console.warn("Error Data: " + (error == null ? void 0 : error.data));
-    console.warn("Error Message: " + (error == null ? void 0 : error.message));
-    console.warn("Error Status: " + (error == null ? void 0 : error.status));
-    console.warn("Error Headers: " + (error == null ? void 0 : error.headers));
-    console.warn("Error Config: " + (error == null ? void 0 : error.config));
-  });
-};
-/**
- * `extractPatronName` locates and returns the `patronName`
- * from the nested object that is returned from `getLoginData`.
- */
-var extractPatronName = function extractPatronName(data) {
-  try {
-    var _data$data$patron$nam = data.data.patron.names,
-      patronName = _data$data$patron$nam[0];
-    return patronName;
-  } catch (e) {
-    return "";
-  }
-};
 
 // Account codes for Google Analytics for different NYPL environments.
 var envConfig = {
@@ -13647,13 +13662,14 @@ var gaUtils = /*#__PURE__*/new GaUtils();
 var HeaderSearchForm$1 = /*#__PURE__*/react.chakra(function (_ref) {
   var _ref$isMobile = _ref.isMobile,
     isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
+  var defaultSearchRadioValue = "circulatingCatalog";
   var _useState = React.useState("What would you like to find?"),
     placeholder = _useState[0],
     setPlaceholder = _useState[1];
   var _useState2 = React.useState(""),
     searchInput = _useState2[0],
     setSearchInput = _useState2[1];
-  var _useState3 = React.useState("catalog"),
+  var _useState3 = React.useState(defaultSearchRadioValue),
     searchOption = _useState3[0],
     setSearchOption = _useState3[1];
   var _useState4 = React.useState(false),
@@ -13667,22 +13683,24 @@ var HeaderSearchForm$1 = /*#__PURE__*/react.chakra(function (_ref) {
   });
   // GASearchedRepo indicates which kind of search is sent.
   var gaSearchedRepo = "Unknown";
-  var onSubmit = function onSubmit(e, mobileType) {
-    if (mobileType === void 0) {
-      mobileType = "";
-    }
+  var onSubmit = function onSubmit(e) {
     e.preventDefault();
     var newGaConfig = _extends({}, gaConfig);
     var gaSearchLabel;
     var requestUrl;
     // If there is a search input, make the request.
     if (searchInput) {
-      if (searchOption === "catalog" || mobileType === "catalog") {
-        gaSearchLabel = "Submit Catalog Search";
+      if (searchOption === "circulatingCatalog") {
+        gaSearchLabel = "Submit Circulating Catalog Search";
         gaSearchedRepo = "Encore";
         requestUrl = getEncoreCatalogURL(searchInput);
       }
-      if (searchOption === "website" || mobileType === "website") {
+      if (searchOption === "researchCatalog") {
+        gaSearchLabel = "Submit Research Catalog Search";
+        gaSearchedRepo = "Research Catalog";
+        requestUrl = getResearchCatalogURL(searchInput);
+      }
+      if (searchOption === "website") {
         gaSearchLabel = "Submit Search";
         gaSearchedRepo = "DrupalSearch";
         requestUrl = getNYPLSearchURL(searchInput);
@@ -13732,12 +13750,7 @@ var HeaderSearchForm$1 = /*#__PURE__*/react.chakra(function (_ref) {
     id: "fieldset-search",
     isLegendHidden: true,
     legendText: "Enter a keyword, then choose to search either the catalog or the website"
-  }, React__default.createElement(TextInput
-  // eslint-disable-next-line jsx-a11y/no-autofocus
-  // autoFocus
-  , {
-    // eslint-disable-next-line jsx-a11y/no-autofocus
-    // autoFocus
+  }, React__default.createElement(TextInput, {
     id: "searchInput",
     isRequired: true,
     labelText: "Enter Search Keyword",
@@ -13746,101 +13759,50 @@ var HeaderSearchForm$1 = /*#__PURE__*/react.chakra(function (_ref) {
     },
     placeholder: placeholder,
     showRequiredLabel: false,
-    showLabel: !isMobile,
     value: searchInput,
     __css: styles.textInput
-  }), React__default.createElement(Icon, {
-    name: "search",
-    size: "small",
-    __css: styles.mobileSearchIcon
-  }))), !isMobile && React__default.createElement(FormField, {
-    gridColumn: "4"
+  }))), React__default.createElement(FormField, {
+    gridColumn: {
+      base: "3",
+      md: "4"
+    }
   }, React__default.createElement(ButtonGroup, null, React__default.createElement(Button, {
     "aria-label": "Search",
     buttonType: "pill",
     id: "search-btn",
     onClick: onSubmit,
-    __css: styles.desktopSearchBtn
+    __css: styles.searchBtn
   }, React__default.createElement(Icon, {
     name: "search",
     size: "large"
-  }))))), React__default.createElement(FormRow, null, React__default.createElement(FormField, null, isMobile ? React__default.createElement(react.HStack, {
-    spacing: "0"
-  }, React__default.createElement(Button, {
-    "aria-label": "Submit Catalog Search",
-    id: "mobile-catalog",
-    onClick: function onClick(e) {
-      return onSubmit(e, "catalog");
-    },
-    __css: styles.mobileBtns
-  }, "CATALOG", React__default.createElement(Icon, {
-    name: "arrow",
-    size: "small",
-    iconRotation: "rotate270"
-  })), React__default.createElement(Button, {
-    "aria-label": "Submit NYPL Website Search",
-    id: "mobile-website",
-    onClick: function onClick(e) {
-      return onSubmit(e, "website");
-    },
-    __css: styles.mobileBtns
-  }, "NYPL.ORG", React__default.createElement(Icon, {
-    name: "arrow",
-    size: "small",
-    iconRotation: "rotate270"
-  }))) : React__default.createElement(RadioGroup$1, {
-    defaultValue: "catalog",
+  }))))), React__default.createElement(FormRow, null, React__default.createElement(FormField, null, React__default.createElement(RadioGroup$1, {
+    defaultValue: "circulatingCatalog",
     id: "search-type",
     labelText: "Type of search",
-    layout: "row",
+    layout: isMobile ? "column" : "row",
     name: "catalogWebsiteSearch",
     onChange: function onChange(val) {
       return setSearchOption(val);
     },
     showLabel: false
   }, React__default.createElement(Radio$1, {
-    id: "catalogSearch",
-    labelText: "Search the Catalog",
-    value: "catalog",
+    id: "circulatingCatalogSearch",
+    labelText: "Search books, music, and movies",
+    value: "circulatingCatalog",
+    __css: styles.radio
+  }), React__default.createElement(Radio$1, {
+    id: "researchcatalogSearch",
+    labelText: "Search the Research Catalog",
+    value: "researchCatalog",
     __css: styles.radio
   }), React__default.createElement(Radio$1, {
     id: "websiteSearch",
-    labelText: "Search NYPL.org",
+    labelText: "Search the library website",
     value: "website",
     __css: styles.radio
   }))))));
 });
 
-/**
- * Close dropdowns when clicking outside of them or by pressing
- * the escape key. It expects an action callback that will set
- * the dropdown state to false (close).
- */
-var useCloseDropDown = function useCloseDropDown(actionCb, ref) {
-  // Listen for keydown events on the document for the escape key.
-  React.useEffect(function () {
-    var close = function close(e) {
-      var key = e.key || e.keyCode;
-      if (key === "Escape" || key === "Esc" || key === 27) {
-        actionCb(false);
-      }
-    };
-    window.addEventListener("keydown", close);
-    return function () {
-      return window.removeEventListener("keydown", close);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  // Listen for click events on the document outside of the
-  // element that the `ref` prop points to.
-  react.useOutsideClick({
-    ref: ref,
-    handler: function handler() {
-      return actionCb(false);
-    }
-  });
-};
-
 /**
  * This is the button that will render the search form when it is clicked
  * and keep focus trapped within the menu.
@@ -13945,35 +13907,22 @@ var HeaderProvider = function HeaderProvider(_ref) {
  */
 var HeaderLogin$1 = /*#__PURE__*/react.chakra(function (_ref) {
   var catalogRef = _ref.catalogRef,
-    greetingRef = _ref.greetingRef,
     isMobile = _ref.isMobile;
   var _useContext = React.useContext(HeaderContext),
-    isProduction = _useContext.isProduction,
-    patronName = _useContext.patronName;
-  var _getLoginLinks = getLoginLinks(patronName, isProduction),
+    isProduction = _useContext.isProduction;
+  var _getLoginLinks = getLoginLinks("", isProduction),
     catalogLink = _getLoginLinks.catalogLink,
-    researchLink = _getLoginLinks.researchLink,
-    logOutLink = _getLoginLinks.logOutLink;
+    researchLink = _getLoginLinks.researchLink;
   var styles = react.useMultiStyleConfig("HeaderLogin", {
-    patronName: patronName
+    patronName: ""
   });
-  var updatedLogOutLink = logOutLink + "?redirect_uri=" + window.location.href;
-  var gaAction = "" + (isMobile ? "Mobile " : "") + (patronName ? "Go To" : "Log In");
+  var gaAction = (isMobile ? "Mobile " : "") + "Go To";
   return React__default.createElement(react.VStack, {
     __css: styles
-  }, patronName && React__default.createElement(react.Box, {
-    "data-testid": "patronGreeting",
-    ref: greetingRef,
-    tabIndex: 0,
-    __css: styles.patronGreeting
-  }, React__default.createElement(Text, {
-    className: "greeting"
-  }, "You are logged in as: "), React__default.createElement(Text, {
-    className: "name"
-  }, patronName)), React__default.createElement(List$1, {
+  }, React__default.createElement(List$1, {
     listItems: [React__default.createElement(Link, {
-      key: "logInCatalog",
       href: catalogLink,
+      key: "logInCatalog",
       onClick: function onClick() {
         return gaUtils.trackEvent(gaAction, "Catalog");
       },
@@ -13984,15 +13933,12 @@ var HeaderLogin$1 = /*#__PURE__*/react.chakra(function (_ref) {
       color: "ui.white",
       name: "legacyAccountUnfilled",
       size: isMobile ? "xlarge" : "medium",
-      title: "Log in to your account",
+      title: "Go to the Catalog",
       sx: isMobile ? {
         height: "1.6rem",
-        width: "1.5rem"
-      } : {
-        width: "1.3rem",
-        height: "1.4rem"
-      }
-    }), React__default.createElement("span", null, patronName ? "Go To The Catalog" : "Log Into The Catalog")), React__default.createElement(Link, {
+        width: "1.6rem"
+      } : {}
+    }), React__default.createElement("span", null, "Go To The Catalog")), React__default.createElement(Link, {
       href: researchLink,
       key: "logInResearch",
       onClick: function onClick() {
@@ -14004,26 +13950,15 @@ var HeaderLogin$1 = /*#__PURE__*/react.chakra(function (_ref) {
       color: "ui.white",
       name: "building",
       size: isMobile ? "xlarge" : "medium",
-      title: "Log in to your account",
+      title: "Go to the Research Catalog",
       sx: isMobile ? {} : {
         width: "1.6rem",
         height: "1.6rem"
       }
-    }), React__default.createElement("span", null, patronName ? "Go To The Research Catalog" : "Log Into The Research Catalog"))],
+    }), React__default.createElement("span", null, "Go To The Research Catalog"))],
     noStyling: true,
     type: "ul"
-  }), patronName && React__default.createElement(Link, {
-    href: updatedLogOutLink,
-    type: "button",
-    onClick: function onClick() {
-      return gaUtils.trackEvent("My Account", "Log Out");
-    },
-    __css: styles.logoutButton
-  }, !isMobile && React__default.createElement(Icon, {
-    align: "left",
-    name: "actionLaunch",
-    size: "medium"
-  }), "Log Out"));
+  }));
 });
 
 /**
@@ -14037,30 +13972,23 @@ var HeaderLoginButton$1 = /*#__PURE__*/react.chakra(function (_ref) {
   var _useState = React.useState(false),
     isOpen = _useState[0],
     setIsOpen = _useState[1];
-  var _useContext = React.useContext(HeaderContext),
-    patronName = _useContext.patronName;
   var catalogRef = React.useRef(null);
-  var greetingRef = React.useRef(null);
   var wrapperRef = React.useRef(null);
   var styles = react.useStyleConfig("HeaderLoginButton", {
     isOpen: isOpen
   });
   var desktopIcon = isOpen ? "close" : "arrow";
-  var mobileIcon = isOpen ? "close" : patronName ? "legacyAccountFilled" : "legacyAccountUnfilled";
-  var desktopButtonLabel = isOpen ? "Close" : patronName ? "My Account" : "Log In";
-  var gaAction = isMobile ? "Click" : patronName ? "My Account" : "Log In";
-  var gaLabelBase = isMobile ? patronName ? "clickMyAccount" : "clickLogIn" : "MyNyplButton - " + (isOpen ? "Closed" : "Open");
+  var mobileIcon = isOpen ? "close" : "legacyAccountFilled";
+  var desktopButtonLabel = isOpen ? "Close" : "My Account";
+  var gaAction = isMobile ? "Click" : "My Account";
+  var gaLabelBase = isMobile ? "clickMyAccount" : "MyNyplButton - " + (isOpen ? "Closed" : "Open");
   var gaLabel = "" + (isMobile ? "Mobile " : "") + gaLabelBase;
   useCloseDropDown(setIsOpen, wrapperRef);
   React.useEffect(function () {
     if (isOpen) {
-      if (patronName) {
-        greetingRef.current.focus();
-      } else {
-        catalogRef.current.focus();
-      }
+      catalogRef.current.focus();
     }
-  }, [isOpen, patronName]);
+  }, [isOpen]);
   return React__default.createElement(react.Box, {
     ref: wrapperRef
   }, React__default.createElement(FocusLock, {
@@ -14081,7 +14009,6 @@ var HeaderLoginButton$1 = /*#__PURE__*/react.chakra(function (_ref) {
     title: "Log in to your account"
   })), isOpen && React__default.createElement(HeaderLogin$1, {
     catalogRef: catalogRef,
-    greetingRef: greetingRef,
     isMobile: isMobile
   })));
 });
@@ -14347,121 +14274,6 @@ var HeaderUpperNav$1 = /*#__PURE__*/react.chakra(function () {
   }));
 });
 
-var encoreLogOutURL = "https://browse.nypl.org/iii/encore/logoutFilterRedirect?suite=def";
-// Expiration time is 30 minutes set in milliseconds.
-var patLoggedInCookieExpiredTime = 1800000;
-function EncoreCatalogLogOutTimer(currentTime, isTestMode) {
-  var _this = this;
-  if (currentTime === void 0) {
-    currentTime = Date.now();
-  }
-  if (isTestMode === void 0) {
-    isTestMode = false;
-  }
-  /**
-   * This method is to set a timer to delete related cookies and completely log
-   * out a patron from Encore after its expiration time. This is to keep the
-   * logged in status consistent with the Encore server so the patrons don’t
-   * have to log in when they are using non-account-required operations
-   * such as searching items. Unfortunately, the patron will also be logged out
-   * from Catalog, so we have to keep tracking the patrons' activites on
-   * Catalog as well. Test Classic Catalog is used for QA.
-   * The default expiration time is 30 mins.
-   */
-  this.setEncoreLoggedInTimer = function (currentLocationHost) {
-    var domainsForExtendingLogIn = [
-    // the domain of Encore's pages
-    "browse.nypl.org",
-    // the domain of Research Catalog's pages
-    // Should this now be "www.nypl.org" since the new catalog is
-    // https://www.nypl.org/research/research-catalog/ ??
-    "catalog.nypl.org",
-    // the domain of Test Research Catalog's pages
-    "nypl-sierra-test.nypl.org"];
-    var isOnValidDomain = domainsForExtendingLogIn.some(function (domain) {
-      return domain === currentLocationHost;
-    });
-    var isLoggedIn = Cookies.get("PAT_LOGGED_IN");
-    if (!isLoggedIn) {
-      // The cookie "PAT_LOGGED_IN" does not exist, delete the
-      // "nyplIdentityPatron" cookie to log the patron out.
-      if (Cookies.get("nyplIdentityPatron")) {
-        Cookies.remove("nyplIdentityPatron");
-      }
-      // Delete cookie "VALID_DOMAIN_LAST_VISITED" which holds the last time
-      // the patron visited the valid domain.
-      if (Cookies.get("VALID_DOMAIN_LAST_VISITED")) {
-        Cookies.remove("VALID_DOMAIN_LAST_VISITED");
-      }
-    } else {
-      // Update the "VALID_DOMAIN_LAST_VISITED" cookie in two scenarios:
-      //  1. The patron is on a Sierra (Encore) hosted page, actively
-      //     refresh their session.
-      //  2. The "VALID_DOMAIN_LAST_VISITED" cookie doesn't exist, which will
-      //     only happen if the patron logged in through a redirect, without
-      //     running JS on a "valid domain".
-      if (isOnValidDomain || !Cookies.get("VALID_DOMAIN_LAST_VISITED")) {
-        Cookies.set("VALID_DOMAIN_LAST_VISITED", currentTime);
-        _this.logOutFromEncoreAndCatalogIn(patLoggedInCookieExpiredTime);
-      } else {
-        // The time in ms since the patron has been on the valid domain.
-        var lastVisitedValidDomainTime = Cookies.get("VALID_DOMAIN_LAST_VISITED");
-        var timeUntilLogOut = lastVisitedValidDomainTime ? patLoggedInCookieExpiredTime - (currentTime - lastVisitedValidDomainTime) : undefined;
-        _this.logOutFromEncoreAndCatalogIn(timeUntilLogOut);
-      }
-    }
-  };
-  /**
-   * The timer to delete logged in related cookies and call the method to
-   * completely log out from Encore and Catalog.
-   */
-  this.logOutFromEncoreAndCatalogIn = function (time) {
-    var timeUntilLogOut = time > 0 ? time : 0;
-    // When in test mode, set the timeout no longer than a second.
-    if (isTestMode && timeUntilLogOut > 8000) {
-      timeUntilLogOut = 1000;
-    }
-    setTimeout(function () {
-      Cookies.remove("PAT_LOGGED_IN");
-      Cookies.remove("VALID_DOMAIN_LAST_VISITED");
-      Cookies.remove("nyplIdentityPatron");
-      _this.loadLogOutIframe(isTestMode);
-    }, timeUntilLogOut);
-  };
-  /**
-   * The function that loads and inserts a temporary `iframe` element into the
-   * body of the current page. The `iframe` has the log out endpoint to
-   * completely log out the patron from Encore and Catalog. The `iframe`
-   * element is then removed.
-   *
-   * This is the preferred method to log out from Encore and Catalog because it
-   * allows us to load the logout endpoint to bypass the CORS issue caused by
-   * loading this endpoint from the client. III does not provide a real log out
-   * API URI.
-   */
-  this.loadLogOutIframe = function (isTestMode) {
-    if (isTestMode === void 0) {
-      isTestMode = false;
-    }
-    var logoutIframe = document.createElement("iframe");
-    var _document$getElements = document.getElementsByTagName("body"),
-      body = _document$getElements[0];
-    var iframeExistingTime = 10000;
-    // Set the `iframe`'s src to the endpoint URL for logging out from Encore.
-    logoutIframe.setAttribute("src", encoreLogOutURL);
-    // Assign an ID for CSS usage.
-    logoutIframe.setAttribute("id", "logoutIframe");
-    logoutIframe.style.display = "none";
-    body.appendChild(logoutIframe);
-    // Remove the `iframe` after the timeout but keep it in the test mode.
-    if (!isTestMode) {
-      setTimeout(function () {
-        body.removeChild(logoutIframe);
-      }, iframeExistingTime);
-    }
-  };
-}
-
 /**
  * The NYPL `Header` component is the top-level component of the site. It
  * contains features for logging in, logging out, searching, and navigating
@@ -14474,33 +14286,10 @@ var Header$1 = /*#__PURE__*/react.chakra(function (_ref) {
     gaOptions = _ref$gaOptions === void 0 ? {} : _ref$gaOptions,
     _ref$isProduction = _ref.isProduction,
     isProduction = _ref$isProduction === void 0 ? true : _ref$isProduction;
-  var _useState = React.useState(""),
-    patronName = _useState[0],
-    setPatronName = _useState[1];
   var _useNYPLBreakpoints = useNYPLBreakpoints(),
     isLargerThanMobile = _useNYPLBreakpoints.isLargerThanMobile,
     isLargerThanLarge = _useNYPLBreakpoints.isLargerThanLarge;
   var styles = react.useMultiStyleConfig("Header", {});
-  // Create a new instance of the EncoreCatalogLogOutTimer.
-  // The timer will start when the component is mounted.
-  var encoreCatalogLogOutTimer = new EncoreCatalogLogOutTimer(Date.now(), false);
-  var loginDataCallback = function loginDataCallback(data) {
-    var _data$data, _data$data2;
-    // If the `statusCode` of the returned data is 401 and the expired
-    // key is set to true, try to refresh the accessToken.
-    if ((data == null ? void 0 : (_data$data = data.data) == null ? void 0 : _data$data.statusCode) === 401 && (data == null ? void 0 : (_data$data2 = data.data) == null ? void 0 : _data$data2.expired) === true) {
-      refreshAccessToken(tokenRefreshLink(isProduction), loginDataCallback, deleteCookieValue);
-      // Else, extract the patron's name from the returned data.
-    } else {
-      var fullName = extractPatronName(data);
-      setPatronName(fullName);
-    }
-  };
-  // Once the `Header` component is mounted, start a timer that will
-  // log the user out of Encore and the NYPL Catalog after 30 minutes.
-  React.useEffect(function () {
-    encoreCatalogLogOutTimer.setEncoreLoggedInTimer(window.location.host);
-  });
   React.useEffect(function () {
     var _window;
     if (!((_window = window) != null && _window.ga)) {
@@ -14514,22 +14303,8 @@ var Header$1 = /*#__PURE__*/react.chakra(function (_ref) {
       gaUtils.initialize(gaOpts, isProduction);
     }
   }, [gaOptions, isProduction]);
-  React.useEffect(function () {
-    // After mounting,look for a cookie named "nyplIdentityPatron"
-    // and try to grab its value.
-    var _getCookieValue = getCookieValue(),
-      accessToken = _getCookieValue.accessToken,
-      cookieValue = _getCookieValue.cookieValue;
-    // If the cookie exists, use its `accessToken` to make a fetch
-    // request for the patron's data.
-    if (cookieValue) {
-      getLoginData(accessToken, loginDataCallback);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
   return React__default.createElement(HeaderProvider, {
-    isProduction: isProduction,
-    patronName: patronName
+    isProduction: isProduction
   }, React__default.createElement(react.Box, {
     __css: styles
   }, React__default.createElement(SkipNavigation$1, null), fetchSitewideAlerts ? React__default.createElement(HeaderSitewideAlerts, null) : null, React__default.createElement("header", null, React__default.createElement(react.HStack, {
@@ -14554,7 +14329,7 @@ var Header$1 = /*#__PURE__*/react.chakra(function (_ref) {
   }))));
 });
 
-var _excluded$29 = ["backgroundColor", "backgroundImageSrc", "foregroundColor", "heading", "heroType", "imageProps", "locationDetails", "subHeaderText"];
+var _excluded$2a = ["backgroundColor", "backgroundImageSrc", "foregroundColor", "heading", "heroType", "imageProps", "locationDetails", "subHeaderText"];
 // Only used for internal purposes.
 var heroSecondaryTypes = ["secondary", "secondaryBooksAndMore", "secondaryLocations", "secondaryResearch", "secondaryWhatsOn"];
 var Hero$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -14570,7 +14345,7 @@ var Hero$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
     } : _props$imageProps,
     locationDetails = props.locationDetails,
     subHeaderText = props.subHeaderText,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$29);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$2a);
   var styles = react.useMultiStyleConfig("Hero", {
     variant: heroType
   });
@@ -14659,7 +14434,7 @@ var Hero$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
   }
 });
 
-var _excluded$2a = ["bodyContent", "closeButtonLabel", "headingText", "id", "isOpen", "onClose"],
+var _excluded$2b = ["bodyContent", "closeButtonLabel", "headingText", "id", "isOpen", "onClose"],
   _excluded2$6 = ["buttonText", "id", "modalProps"],
   _excluded3$4 = ["bodyContent", "closeButtonLabel", "headingText", "id"];
 var BaseModal = /*#__PURE__*/react.chakra(function (_ref) {
@@ -14670,7 +14445,7 @@ var BaseModal = /*#__PURE__*/react.chakra(function (_ref) {
     id = _ref.id,
     isOpen = _ref.isOpen,
     onClose = _ref.onClose,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2a);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2b);
   var xlarge = "xl";
   var fullSize = "full";
   var _useNYPLBreakpoints = useNYPLBreakpoints(),
@@ -14751,7 +14526,7 @@ function useModal() {
   };
 }
 
-var _excluded$2b = ["className", "currentPage", "getPageHref", "id", "initialPage", "onPageChange", "pageCount"];
+var _excluded$2c = ["className", "currentPage", "getPageHref", "id", "initialPage", "onPageChange", "pageCount"];
 /**
  * A component that provides a navigational list of page items.
  */
@@ -14764,7 +14539,7 @@ var Pagination$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(func
     initialPage = _props$initialPage === void 0 ? 1 : _props$initialPage,
     onPageChange = props.onPageChange,
     pageCount = props.pageCount,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$2b);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$2c);
   var refCurrentPage = React.useRef(currentPage);
   var _useState = React.useState(initialPage),
     selectedPage = _useState[0],
@@ -14954,7 +14729,7 @@ var Pagination$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(func
   }, previousLiLink, getPaginationNumbers(selectedPage), nextLiLink));
 }));
 
-var _excluded$2c = ["darkMode", "id", "indicatorType", "isIndeterminate", "labelText", "showLabel", "size", "value"];
+var _excluded$2d = ["darkMode", "id", "indicatorType", "isIndeterminate", "labelText", "showLabel", "size", "value"];
 /**
  * A component that displays a progress status for any task that takes a long
  * time to complete or consists of multiple steps. Examples include downloading,
@@ -14975,7 +14750,7 @@ var ProgressIndicator$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardR
     size = _props$size === void 0 ? "default" : _props$size,
     _props$value = props.value,
     value = _props$value === void 0 ? 0 : _props$value,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$2c);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$2d);
   var styles = react.useMultiStyleConfig("ProgressIndicator", {
     darkMode: darkMode,
     size: size
@@ -15034,7 +14809,7 @@ var ProgressIndicator$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardR
   }, rest), progressComponent(indicatorType));
 }));
 
-var _excluded$2d = ["children", "className", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelPosition", "labelText", "name", "onChange", "placeholder", "selectType", "showHelperInvalidText", "showLabel", "showRequiredLabel", "value"];
+var _excluded$2e = ["children", "className", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelPosition", "labelText", "name", "onChange", "placeholder", "selectType", "showHelperInvalidText", "showLabel", "showRequiredLabel", "value"];
 /**
  * Component that renders Chakra's `Select` component along with an accessible
  * `Label` and optional `HelperErrorText` component.
@@ -15067,7 +14842,7 @@ var Select$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
     showRequiredLabel = _props$showRequiredLa === void 0 ? true : _props$showRequiredLa,
     _props$value = props.value,
     value = _props$value === void 0 ? "" : _props$value,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$2d);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$2e);
   var _useState = React.useState(0),
     labelWidth = _useState[0],
     setLabelWidth = _useState[1];
@@ -15149,7 +14924,7 @@ var Select$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   }), children)));
 }));
 
-var _excluded$2e = ["action", "buttonOnClick", "className", "descriptionText", "headingText", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelText", "method", "noBrandButtonType", "onSubmit", "selectProps", "textInputElement", "textInputProps"];
+var _excluded$2f = ["action", "buttonOnClick", "className", "descriptionText", "headingText", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelText", "method", "noBrandButtonType", "onSubmit", "selectProps", "textInputElement", "textInputProps"];
 /**
  * Renders a wrapper `form` element to be used with `Select` (optional),
  * `Input`, and `Button` components together.
@@ -15177,7 +14952,7 @@ var SearchBar$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(funct
     selectProps = props.selectProps,
     textInputElement = props.textInputElement,
     textInputProps = props.textInputProps,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$2e);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$2f);
   var styles = react.useMultiStyleConfig("SearchBar", {});
   var stateProps = {
     helperText: "",
@@ -15223,9 +14998,14 @@ var SearchBar$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(funct
   var textInputNative = textInputProps && React__default.createElement(TextInput, Object.assign({
     id: (textInputProps == null ? void 0 : textInputProps.id) || "searchbar-textinput-" + id,
     isClearable: textInputProps == null ? void 0 : textInputProps.isClearable,
+    isClearableCallback: textInputProps == null ? void 0 : textInputProps.isClearableCallback,
     labelText: textInputProps == null ? void 0 : textInputProps.labelText,
     name: textInputProps == null ? void 0 : textInputProps.name,
+    max: textInputProps == null ? void 0 : textInputProps.max,
+    maxLength: textInputProps == null ? void 0 : textInputProps.maxLength,
+    min: textInputProps == null ? void 0 : textInputProps.min,
     onChange: textInputProps == null ? void 0 : textInputProps.onChange,
+    pattern: textInputProps == null ? void 0 : textInputProps.pattern,
     placeholder: textInputPlaceholder,
     textInputType: selectElem ? "searchBarSelect" : "searchBar",
     type: "text",
@@ -15269,7 +15049,7 @@ var SearchBar$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(funct
   }, selectElem, textInputElem, buttonElem));
 }));
 
-var _excluded$2f = ["className", "contentSize", "headingSize", "imageAspectRatio", "isBordered", "layout", "showButton", "showContent", "showHeading", "showImage", "width"];
+var _excluded$2g = ["className", "contentSize", "headingSize", "imageAspectRatio", "isBordered", "layout", "showButton", "showContent", "showHeading", "showImage", "width"];
 /**
  * The `SkeletonLoader` component renders a placeholder to be used while
  * dynamic content is loading.
@@ -15295,7 +15075,7 @@ var SkeletonLoader$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
     _props$showImage = props.showImage,
     showImage = _props$showImage === void 0 ? true : _props$showImage,
     width = props.width,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$2f);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$2g);
   var styles = react.useMultiStyleConfig("SkeletonLoader", {
     isBordered: isBordered,
     imageAspectRatio: imageAspectRatio,
@@ -15353,7 +15133,7 @@ var SkeletonLoader$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
   })))));
 }));
 
-var _excluded$2g = ["className", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRangeSlider", "isRequired", "labelText", "max", "min", "name", "onChange", "onChangeEnd", "showBoxes", "showHelperInvalidText", "showLabel", "showRequiredLabel", "showValues", "step", "value"];
+var _excluded$2h = ["className", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRangeSlider", "isRequired", "labelText", "max", "min", "name", "onChange", "onChangeEnd", "showBoxes", "showHelperInvalidText", "showLabel", "showRequiredLabel", "showValues", "step", "value"];
 /**
  * The `Slider` component renders a singular value slider or a range slider
  * with a min and max value. The value(s) can be updated through the slider
@@ -15395,7 +15175,7 @@ var Slider = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
     _props$step = props.step,
     step = _props$step === void 0 ? 1 : _props$step,
     value = props.value,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$2g);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$2h);
   if (!id) {
     console.warn("NYPL Reservoir Slider: This component's required `id` prop was not passed.");
   }
@@ -15603,7 +15383,7 @@ var Slider = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
   }, max), showBoxes && getTextInput("end")));
 }));
 
-var _excluded$2h = ["children", "className", "id", "level"];
+var _excluded$2i = ["children", "className", "id", "level"];
 /**
  * The `StatusBadge` component is used to display a visual badge for three
  * different status levels.
@@ -15614,7 +15394,7 @@ var StatusBadge$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
     id = props.id,
     _props$level = props.level,
     level = _props$level === void 0 ? "low" : _props$level,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$2h);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$2i);
   var styles = react.useStyleConfig("StatusBadge", {
     variant: level
   });
@@ -15629,7 +15409,7 @@ var StatusBadge$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
   }, rest), children);
 }));
 
-var _excluded$2i = ["calloutText", "className", "headingText", "id", "imageProps", "bodyContent"];
+var _excluded$2j = ["calloutText", "className", "headingText", "id", "imageProps", "bodyContent"];
 /**
  * Internal component used in the `StructuredContent` component
  * that renders the DS `Image` component.
@@ -15679,7 +15459,7 @@ var StructuredContent$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardR
       src: ""
     } : _props$imageProps,
     bodyContent = props.bodyContent,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$2i);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$2j);
   var hasImage = imageProps.src || imageProps.component;
   var hasFigureImage = imageProps.caption || imageProps.credit;
   var styles = react.useMultiStyleConfig("StructuredContent", {
@@ -15812,7 +15592,7 @@ var useCarouselStyles = function useCarouselStyles(slidesCount, slideWidth) {
   };
 };
 
-var _excluded$2j = ["children", "defaultIndex", "id", "onChange", "tabsData", "useHash"];
+var _excluded$2k = ["children", "defaultIndex", "id", "onChange", "tabsData", "useHash"];
 /**
  * An internal function used to update the hash in the URL.
  * This function is only used when `useHash` is `true`.
@@ -15914,7 +15694,7 @@ var Tabs = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (pr
     tabsData = props.tabsData,
     _props$useHash = props.useHash,
     useHash = _props$useHash === void 0 ? false : _props$useHash,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$2j);
+    rest = _objectWithoutPropertiesLoose(props, _excluded$2k);
   var styles = react.useMultiStyleConfig("Tabs", {});
   // Just an estimate of the tab width for the mobile carousel.
   var initTabWidth = 65;
@@ -15994,40 +15774,6 @@ var Tabs = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (pr
   }, React__default.createElement(react.Box, Object.assign({}, carouselStyle), tabs)), nextButton), panels);
 }));
 
-var _excluded$2k = ["children", "className", "content", "id", "isDisabled", "shouldWrapChildren"];
-var Tooltip$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var children = props.children,
-    content = props.content,
-    isDisabled = props.isDisabled,
-    shouldWrapChildren = props.shouldWrapChildren,
-    rest = _objectWithoutPropertiesLoose(props, _excluded$2k);
-  if (typeof content !== "string" && typeof content !== "number") {
-    React__default.Children.map(content, function (contentChild) {
-      if (contentChild.type !== Icon || contentChild.type !== Image) {
-        console.warn("NYPL Reservoir Tooltip: Pass in a string, number, DS Icon, or DS Image into the 'content' prop.");
-      }
-    });
-  }
-  var newChildren = shouldWrapChildren ? React__default.createElement(ComponentWrapper, {
-    width: "fit-content"
-  }, children) : children;
-  var styles = react.useMultiStyleConfig("Tooltip", {});
-  return React__default.createElement(react.Tooltip, Object.assign({
-    "aria-label": typeof content !== "string" ? "Tooltip" : undefined,
-    closeDelay: 750,
-    closeOnClick: true,
-    closeOnEsc: true,
-    closeOnMouseDown: true,
-    hasArrow: true,
-    isDisabled: isDisabled,
-    label: content,
-    openDelay: 500,
-    placement: "top",
-    ref: ref,
-    __css: styles
-  }, rest), newChildren);
-}));
-
 /**
  * The "explore" `TagSet` variant will always display the tags passed as data.
  * The `label` property in the `tagSetData` prop should be set to a link-type
@@ -16141,7 +15887,7 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
   var maxCharLengthToShow = 20;
   var labelText = typeof label === "string" ? label : label.props.children;
   if (labelText.length > maxCharLengthToShow && typeof labelText === "string") {
-    return React__default.createElement(Tooltip$1, {
+    return React__default.createElement(Tooltip, {
       content: labelText
     }, children);
   }
@@ -17016,7 +16762,7 @@ exports.TemplateHeader = TemplateHeader;
 exports.Text = Text;
 exports.TextInput = TextInput;
 exports.Toggle = Toggle$2;
-exports.Tooltip = Tooltip$1;
+exports.Tooltip = Tooltip;
 exports.VideoPlayer = VideoPlayer$1;
 exports.useCarouselStyles = useCarouselStyles;
 exports.useFeedbackBox = useFeedbackBox;