@nypl/design-system-react-components 1.1.1 → 1.2.0-rc

package/dist/design-system-react-components.esm.js

@@ -1,6 +1,6 @@
-import { chakra, useStyleConfig, Icon as Icon$2, Box, Accordion as Accordion$2, AccordionPanel, AccordionItem, AccordionButton, Breadcrumb as Breadcrumb$1, BreadcrumbItem, BreadcrumbLink, Button as Button$2, useMediaQuery, Stack, Heading as Heading$2, useMultiStyleConfig, useMergeRefs, LinkBox, LinkOverlay, Text as Text$2, Checkbox as Checkbox$2, CheckboxGroup as CheckboxGroup$2, SimpleGrid as SimpleGrid$1, TableCaption, Thead, Tr, Th, Table as Table$1, Tbody, Td, useTheme, Input, Textarea, extendTheme, ChakraProvider, Radio as Radio$2, RadioGroup as RadioGroup$2, HStack, useOutsideClick, VStack, Flex, Spacer, useDisclosure, Modal, ModalOverlay, ModalContent, ModalHeader, ModalCloseButton, ModalBody, ModalFooter, CircularProgress, CircularProgressLabel, Progress, Select as Select$2, Skeleton as Skeleton$1, RangeSlider, RangeSliderTrack, RangeSliderFilledTrack, RangeSliderThumb, Slider as Slider$1, SliderTrack, SliderFilledTrack, SliderThumb, Tabs as Tabs$1, Tab, TabPanel, TabList, TabPanels, Switch as Switch$1, Tooltip as Tooltip$2 } from '@chakra-ui/react';
+import { chakra, useStyleConfig, Icon as Icon$2, Box, Accordion as Accordion$2, AccordionPanel, AccordionItem, AccordionButton, Button as Button$2, Heading as Heading$2, Text as Text$2, useMultiStyleConfig, Flex, Breadcrumb as Breadcrumb$1, BreadcrumbItem, BreadcrumbLink, useMediaQuery, Stack, useMergeRefs, LinkBox, LinkOverlay, Checkbox as Checkbox$2, CheckboxGroup as CheckboxGroup$2, SimpleGrid as SimpleGrid$1, TableCaption, Thead, Tr, Th, Table as Table$1, Tbody, Td, useTheme, Input, Textarea, extendTheme, ChakraProvider, Radio as Radio$2, RadioGroup as RadioGroup$2, HStack, useOutsideClick, VStack, Spacer, useDisclosure, Modal, ModalOverlay, ModalContent, ModalHeader, ModalCloseButton, ModalBody, ModalFooter, CircularProgress, CircularProgressLabel, Progress, Select as Select$2, Skeleton as Skeleton$1, RangeSlider, RangeSliderTrack, RangeSliderFilledTrack, RangeSliderThumb, Slider as Slider$1, SliderTrack, SliderFilledTrack, SliderThumb, Tabs as Tabs$1, Tab, TabPanel, TabList, TabPanels, Switch as Switch$1, Tooltip as Tooltip$2 } from '@chakra-ui/react';
 export { Box, Center, Circle, ColorModeScript, Flex, Grid, GridItem, HStack, Spacer, Square, Stack, Tab, TabList, TabPanel, TabPanels, VStack, cookieStorageManager, localStorageManager, useColorMode, useColorModeValue } from '@chakra-ui/react';
-import React__default, { createElement, forwardRef, useState, useEffect, Fragment, useRef, useContext } from 'react';
+import React__default, { createElement, forwardRef, useRef, useState, useEffect, Fragment, useContext } from 'react';
 import useNativeLazyLoading from '@charlietango/use-native-lazy-loading';
 import { useInView } from 'react-intersection-observer';
 import ReactDatePicker from 'react-datepicker';
@@ -61,6 +61,7 @@ var SvgAccessibilityFull = function SvgAccessibilityFull(_ref) {
     viewBox: "0 0 18 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -101,6 +102,7 @@ var SvgAccessibilityPartial = function SvgAccessibilityPartial(_ref) {
     viewBox: "0 0 18 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -140,6 +142,7 @@ var SvgActionCheckCircle = function SvgActionCheckCircle(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$3({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -168,6 +171,7 @@ var SvgActionCheckCircleFilled = function SvgActionCheckCircleFilled(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$4({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -194,6 +198,7 @@ var SvgActionExit = function SvgActionExit(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$5({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -222,6 +227,7 @@ var SvgActionHelpDefault = function SvgActionHelpDefault(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$6({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -250,6 +256,7 @@ var SvgActionHelpOutline = function SvgActionHelpOutline(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$7({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -278,6 +285,7 @@ var SvgActionLaunch = function SvgActionLaunch(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$8({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -306,6 +314,7 @@ var SvgActionPower = function SvgActionPower(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$9({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -334,6 +343,7 @@ var SvgActionRegistration = function SvgActionRegistration(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$a({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -360,6 +370,7 @@ var SvgActionSettings = function SvgActionSettings(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$b({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -388,6 +399,7 @@ var SvgAlertNotificationImportant = function SvgAlertNotificationImportant(_ref)
   return /*#__PURE__*/createElement("svg", _extends$c({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -416,6 +428,7 @@ var SvgAlertWarningFilled = function SvgAlertWarningFilled(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$d({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -444,6 +457,7 @@ var SvgAlertWarningOutline = function SvgAlertWarningOutline(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$e({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -472,6 +486,7 @@ var SvgArrow = function SvgArrow(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$f({
     viewBox: "0 0 24 14",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -500,6 +515,7 @@ var SvgBuilding = function SvgBuilding(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$g({
     viewBox: "0 0 26 26",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -528,6 +544,7 @@ var SvgCheck = function SvgCheck(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$h({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -554,6 +571,7 @@ var SvgClock = function SvgClock(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$i({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -582,6 +600,7 @@ var SvgClose = function SvgClose(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$j({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -608,6 +627,7 @@ var SvgDecorativeEnvelope = function SvgDecorativeEnvelope(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$k({
     viewBox: "0 0 68 68",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -636,6 +656,7 @@ var SvgDecorativeLibraryCard = function SvgDecorativeLibraryCard(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$l({
     viewBox: "0 0 68 68",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -664,6 +685,7 @@ var SvgDecorativeShoppingBag = function SvgDecorativeShoppingBag(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$m({
     viewBox: "0 0 68 68",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -690,6 +712,7 @@ var SvgDownload = function SvgDownload(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$n({
     viewBox: "0 0 14 18",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -718,6 +741,7 @@ var SvgErrorFilled = function SvgErrorFilled(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$o({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -746,6 +770,7 @@ var SvgErrorOutline = function SvgErrorOutline(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$p({
     viewBox: "0 0 24 25",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -774,6 +799,7 @@ var SvgFileTypeAudio = function SvgFileTypeAudio(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$q({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -808,6 +834,7 @@ var SvgFileTypeDoc = function SvgFileTypeDoc(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$r({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -842,6 +869,7 @@ var SvgFileTypeGenericDoc = function SvgFileTypeGenericDoc(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$s({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -874,6 +902,7 @@ var SvgFileTypeImage = function SvgFileTypeImage(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$t({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -916,6 +945,7 @@ var SvgFileTypePdf = function SvgFileTypePdf(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$u({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -950,6 +980,7 @@ var SvgFileTypeSpreadsheet = function SvgFileTypeSpreadsheet(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$v({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -984,6 +1015,7 @@ var SvgFileTypeVideo = function SvgFileTypeVideo(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$w({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1016,6 +1048,7 @@ var SvgHeadset = function SvgHeadset(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$x({
     viewBox: "0 0 18 19",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1042,6 +1075,7 @@ var SvgLegacyAccountFilled = function SvgLegacyAccountFilled(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$y({
     viewBox: "0 0 32 33",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1068,6 +1102,7 @@ var SvgLegacyAccountUnfilled = function SvgLegacyAccountUnfilled(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$z({
     viewBox: "0 0 33 33",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1094,6 +1129,7 @@ var SvgLegacySocialFacebook = function SvgLegacySocialFacebook(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$A({
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1120,6 +1156,7 @@ var SvgLegacySocialInstagram = function SvgLegacySocialInstagram(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$B({
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1146,6 +1183,7 @@ var SvgLegacySocialTwitter = function SvgLegacySocialTwitter(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$C({
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1172,6 +1210,7 @@ var SvgLegacySocialYoutube = function SvgLegacySocialYoutube(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$D({
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1198,6 +1237,7 @@ var SvgLocator = function SvgLocator(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$E({
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1228,6 +1268,7 @@ var SvgMinus = function SvgMinus(_ref) {
     width: 24,
     height: 2,
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1256,6 +1297,7 @@ var SvgPlus = function SvgPlus(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$G({
     viewBox: "0 0 23 23",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1292,6 +1334,7 @@ var SvgSearch = function SvgSearch(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$H({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1320,6 +1363,7 @@ var SvgSocialFacebook = function SvgSocialFacebook(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$I({
     viewBox: "0 0 36 36",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1348,6 +1392,7 @@ var SvgSocialInstagram = function SvgSocialInstagram(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$J({
     viewBox: "0 0 37 37",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1380,6 +1425,7 @@ var SvgSocialTumblr = function SvgSocialTumblr(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$K({
     viewBox: "0 0 36 36",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1410,6 +1456,7 @@ var SvgSocialTwitter = function SvgSocialTwitter(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$L({
     viewBox: "0 0 36 36",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1438,6 +1485,7 @@ var SvgSocialYoutube = function SvgSocialYoutube(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$M({
     viewBox: "0 0 36 36",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1468,6 +1516,7 @@ var SvgSpeakerNotes = function SvgSpeakerNotes(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$N({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1497,6 +1546,7 @@ var SvgUtilityAccountFilled = function SvgUtilityAccountFilled(_ref) {
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1528,6 +1578,7 @@ var SvgUtilityAccountUnfilled = function SvgUtilityAccountUnfilled(_ref) {
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -1564,16 +1615,14 @@ var SvgUtilityHamburger = function SvgUtilityHamburger(_ref) {
   return /*#__PURE__*/createElement("svg", _extends$Q({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
   }, title) : null, _path$K || (_path$K = /*#__PURE__*/createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    stroke: "#000",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    d: "M4 16.938h16M4 11.938h16M4 6.938h16"
+    d: "M3 17a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1ZM3 12a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1ZM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z"
   })));
 };
 
@@ -1723,7 +1772,7 @@ var Icon = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
   }
 });
 
-var _excluded$R = ["accordionData", "id", "isDefaultOpen", "panelMaxHeight"];
+var _excluded$R = ["accordionData", "id", "isDefaultOpen", "isAlwaysRendered", "panelMaxHeight"];
 /**
  * Get the minus or plus icon depending on whether the accordion
  * is open or closed.
@@ -1748,13 +1797,17 @@ var getIcon = function getIcon(isExpanded, index, id) {
  */
 
 
-var getElementsFromData = function getElementsFromData(data, id, panelMaxHeight) {
+var getElementsFromData = function getElementsFromData(data, id, isAlwaysRendered, panelMaxHeight) {
   var _data, _data2;
 
   if (data === void 0) {
     data = [];
   }
 
+  if (isAlwaysRendered === void 0) {
+    isAlwaysRendered = false;
+  }
+
   var colorMap = {
     "default": "ui.white",
     warning: "ui.status.primary",
@@ -1803,7 +1856,7 @@ var getElementsFromData = function getElementsFromData(data, id, panelMaxHeight)
         flex: "1",
         fontSize: multipleFontSize,
         textAlign: "left"
-      }, content.label), getIcon(isExpanded, index, id)), isExpanded && panel);
+      }, content.label), getIcon(isExpanded, index, id)), (isAlwaysRendered || isExpanded) && panel);
     });
   });
 };
@@ -1818,6 +1871,8 @@ var Accordion = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, re
       id = props.id,
       _props$isDefaultOpen = props.isDefaultOpen,
       isDefaultOpen = _props$isDefaultOpen === void 0 ? false : _props$isDefaultOpen,
+      _props$isAlwaysRender = props.isAlwaysRendered,
+      isAlwaysRendered = _props$isAlwaysRender === void 0 ? false : _props$isAlwaysRender,
       panelMaxHeight = props.panelMaxHeight,
       rest = _objectWithoutPropertiesLoose(props, _excluded$R); // Pass `0` to open the first accordion in the 0-index based array.
 
@@ -1828,62 +1883,10 @@ var Accordion = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, re
     defaultIndex: openFirstAccordion,
     id: id,
     ref: ref
-  }, rest), getElementsFromData(accordionData, id, panelMaxHeight));
-}));
-
-var _excluded$S = ["breadcrumbsData", "breadcrumbsType", "className", "id"];
-
-var getElementsFromData$1 = function getElementsFromData(data, breadcrumbsID) {
-  if (!(data != null && data.length)) {
-    return {};
-  }
-
-  var breadcrumbItems = data.map(function (breadcrumbData, index) {
-    return React__default.createElement(BreadcrumbItem, {
-      key: index,
-      isCurrentPage: index === data.length - 1 ? true : false
-    }, React__default.createElement(BreadcrumbLink, {
-      href: breadcrumbData.url
-    }, index === data.length - 2 && React__default.createElement(Icon, {
-      name: "arrow",
-      size: "small",
-      iconRotation: "rotate90",
-      id: breadcrumbsID + "__backarrow",
-      className: "breadcrumbs-icon",
-      type: "breadcrumbs"
-    }), React__default.createElement("span", {
-      className: "breadcrumb-label"
-    }, breadcrumbData.text)));
-  });
-  return breadcrumbItems;
-};
-
-var Breadcrumbs = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
-  var breadcrumbsData = props.breadcrumbsData,
-      _props$breadcrumbsTyp = props.breadcrumbsType,
-      breadcrumbsType = _props$breadcrumbsTyp === void 0 ? "whatsOn" : _props$breadcrumbsTyp,
-      className = props.className,
-      id = props.id,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$S);
-
-  if (!breadcrumbsData || breadcrumbsData.length === 0) {
-    throw new Error("NYPL Reservoir Breadcrumbs: No data was passed to the `breadcrumbsData` prop.");
-  }
-
-  var styles = useStyleConfig("Breadcrumb", {
-    variant: breadcrumbsType
-  });
-  var breadcrumbItems = getElementsFromData$1(breadcrumbsData, id);
-  return React__default.createElement(Breadcrumb$1, Object.assign({
-    "aria-label": "Breadcrumb",
-    className: className,
-    id: id,
-    ref: ref,
-    __css: styles
-  }, rest), breadcrumbItems);
+  }, rest), getElementsFromData(accordionData, id, isAlwaysRendered, panelMaxHeight));
 }));
 
-var _excluded$T = ["buttonType", "children", "className", "id", "isDisabled", "mouseDown", "onClick", "type"];
+var _excluded$S = ["buttonType", "children", "className", "id", "isDisabled", "mouseDown", "onClick", "size", "type"];
 /**
  * Renders a simple `button` element with custom variant styles.
  */
@@ -1900,9 +1903,11 @@ var Button = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
       _props$mouseDown = props.mouseDown,
       mouseDown = _props$mouseDown === void 0 ? false : _props$mouseDown,
       onClick = props.onClick,
+      _props$size = props.size,
+      size = _props$size === void 0 ? "medium" : _props$size,
       _props$type = props.type,
       type = _props$type === void 0 ? "button" : _props$type,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$T);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$S);
 
   var btnCallback = mouseDown ? {
     onMouseDown: onClick
@@ -1939,11 +1944,11 @@ var Button = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
   }
 
   styles = useStyleConfig("Button", {
-    variant: variant
+    variant: variant,
+    buttonSize: size
   });
   return React__default.createElement(Button$2, Object.assign({
     className: className,
-    "data-testid": "button",
     id: id,
     isDisabled: isDisabled,
     ref: ref,
@@ -1951,110 +1956,15 @@ var Button = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
   }, btnCallback, {
     __css: styles
   }, rest), children);
-}));
-
-/**
- * This hook is used to determine if the current screen size is larger than
- * the specific NYPL breakpoint values. The returned value is an object with
- * boolean values for each breakpoint.
- */
-
-var useNYPLBreakpoints = function useNYPLBreakpoints() {
-  // Local state is used and updated with the `useEffect` hook so that the
-  // initial breakpoint values are the same on the server and client side.
-  var _useState = useState({
-    isLargerThanSmall: false,
-    isLargerThanMedium: false,
-    isLargerThanLarge: false,
-    isLargerThanXLarge: false
-  }),
-      layoutSize = _useState[0],
-      setLayoutSize = _useState[1];
-
-  var _useMediaQuery = useMediaQuery(["(min-width: 320px)", "(min-width: 600px)", "(min-width: 960px)", "(min-width: 1280px)"]),
-      isLargerThanSmall = _useMediaQuery[0],
-      isLargerThanMedium = _useMediaQuery[1],
-      isLargerThanLarge = _useMediaQuery[2],
-      isLargerThanXLarge = _useMediaQuery[3];
-
-  useEffect(function () {
-    setLayoutSize({
-      isLargerThanSmall: isLargerThanSmall,
-      isLargerThanMedium: isLargerThanMedium,
-      isLargerThanLarge: isLargerThanLarge,
-      isLargerThanXLarge: isLargerThanXLarge
-    });
-  }, [isLargerThanSmall, isLargerThanMedium, isLargerThanLarge, isLargerThanXLarge]);
-  return {
-    isLargerThanSmall: layoutSize.isLargerThanSmall,
-    isLargerThanMedium: layoutSize.isLargerThanMedium,
-    // NYPL uses the medium 600px breakpoint to determine if the screen is
-    // in the mobile view. This is the recommended boolean value to use.
-    isLargerThanMobile: layoutSize.isLargerThanMedium,
-    isLargerThanLarge: layoutSize.isLargerThanLarge,
-    isLargerThanXLarge: layoutSize.isLargerThanXLarge
-  };
-};
-
-var _excluded$U = ["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
- * the parent's full width or the `Button`'s content width
- */
-
-
-var ButtonGroup = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$buttonWidth = props.buttonWidth,
-      buttonWidth = _props$buttonWidth === void 0 ? "default" : _props$buttonWidth,
-      children = props.children,
-      _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
-      id = props.id,
-      _props$isDisabled = props.isDisabled,
-      isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
-      _props$layout = props.layout,
-      layout = _props$layout === void 0 ? "row" : _props$layout,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$U);
-
-  var newChildren = [];
-
-  var _useNYPLBreakpoints = useNYPLBreakpoints(),
-      isLargerThanMobile = _useNYPLBreakpoints.isLargerThanMobile;
-
-  var finalLayout = isLargerThanMobile ? layout : "column";
-  var finalButtonWidth = isLargerThanMobile ? buttonWidth : "full";
-  var styles = useStyleConfig("ButtonGroup", {
-    buttonWidth: finalButtonWidth
-  });
-  React__default.Children.map(children, function (child, key) {
-    if (child.type !== Button) {
-      // Special case for Storybook MDX documentation.
-      if (child.props.mdxType && child.props.mdxType === "Button") ; else {
-        console.warn("NYPL Reservoir ButtonGroup: Only Button components can be children of ButtonGroup.");
-        return;
-      }
-    }
-
-    var disabledProps = isDisabled ? {
-      isDisabled: isDisabled
-    } : {};
-    newChildren.push(React__default.cloneElement(child, _extends({
-      key: key
-    }, disabledProps)));
-  });
-  return React__default.createElement(Stack, Object.assign({
-    className: className,
-    direction: finalLayout,
-    id: id,
-    ref: ref,
-    // Always set the spacing to "8px".
-    spacing: "xs",
-    sx: styles
-  }, rest), newChildren);
-}));
+}), // Chakra uses different values for its own `size` prop. We
+// want to override the values and use our own.
+{
+  shouldForwardProp: function shouldForwardProp() {
+    return true;
+  }
+});
 
-var _excluded$V = ["children", "className", "href", "id", "onClick", "type"];
+var _excluded$T = ["children", "className", "href", "id", "onClick", "type"];
 /**
  * Renders the `Link` children components with a direction arrow icon based
  * on the `"backwards"` or `"forwards"` `linkType` value.
@@ -2111,7 +2021,7 @@ var Link = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
       onClick = props.onClick,
       _props$type = props.type,
       type = _props$type === void 0 ? "default" : _props$type,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$V); // Merge the necessary props alongside any extra props for the
+      rest = _objectWithoutPropertiesLoose(props, _excluded$T); // Merge the necessary props alongside any extra props for the
   // anchor element.
 
 
@@ -2177,7 +2087,7 @@ var Link = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
   }
 }));
 
-var _excluded$W = ["className", "id", "isCapitalized", "isUppercase", "isLowercase", "level", "noSpace", "size", "text", "url", "urlClass"];
+var _excluded$U = ["className", "id", "isCapitalized", "isUppercase", "isLowercase", "level", "noSpace", "size", "text", "url", "urlClass"];
 /** Map the word heading level to the number heading level. The default is 2. */
 
 var getMappedLevel = function getMappedLevel(level) {
@@ -2209,7 +2119,7 @@ var Heading = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
       text = props.text,
       url = props.url,
       urlClass = props.urlClass,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$W);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$U);
 
   var finalLevel = getMappedLevel(level);
   var variant = size ? size : "h" + finalLevel;
@@ -2266,28 +2176,593 @@ var Heading = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
   }, rest), content);
 }));
 
-var _excluded$X = ["additionalWrapperStyles", "className", "children", "aspectRatio", "size"],
-    _excluded2 = ["additionalFigureStyles", "additionalImageStyles", "additionalWrapperStyles", "alt", "aspectRatio", "caption", "className", "component", "credit", "imageType", "isLazy", "size", "src"];
-var ImageWrapper = /*#__PURE__*/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$X);
+var _excluded$V = ["ariaAtomic", "ariaLive", "className", "id", "isInvalid", "text"];
+/**
+ * Helper or error text for forms components.
+ */
 
-  var styles = useMultiStyleConfig("CustomImageWrapper", {
-    ratio: aspectRatio,
-    size: size
+var HelperErrorText = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$ariaAtomic = _ref.ariaAtomic,
+      ariaAtomic = _ref$ariaAtomic === void 0 ? true : _ref$ariaAtomic,
+      _ref$ariaLive = _ref.ariaLive,
+      ariaLive = _ref$ariaLive === void 0 ? "polite" : _ref$ariaLive,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      id = _ref.id,
+      _ref$isInvalid = _ref.isInvalid,
+      isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
+      text = _ref.text,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$V);
+
+  // Only announce the text in the invalid state.
+  var announceAriaLive = isInvalid;
+  var styles = useStyleConfig("HelperErrorText", {
+    isInvalid: isInvalid
   });
-  return React__default.createElement(Box, Object.assign({
-    className: "the-wrap " + className,
-    __css: _extends({}, styles, additionalWrapperStyles)
-  }, rest), React__default.createElement(Box, {
+
+  var props = _extends({
+    "aria-atomic": ariaAtomic,
+    "aria-live": announceAriaLive ? ariaLive : "off",
+    className: className,
+    "data-isinvalid": isInvalid,
+    id: id,
+    __css: styles
+  }, rest);
+
+  return typeof text === "string" ? React__default.createElement(Box, Object.assign({}, props, {
+    dangerouslySetInnerHTML: {
+      __html: text
+    },
+    ref: ref
+  })) : React__default.createElement(Box, Object.assign({}, props, {
+    ref: ref
+  }), text);
+}));
+
+var _excluded$W = ["children", "className", "isBold", "isItalic", "isCapitalized", "isUppercase", "isLowercase", "noSpace", "size"];
+var Text = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
+  var children = props.children,
+      _props$className = props.className,
+      className = _props$className === void 0 ? "" : _props$className,
+      isBold = props.isBold,
+      isItalic = props.isItalic,
+      isCapitalized = props.isCapitalized,
+      isUppercase = props.isUppercase,
+      isLowercase = props.isLowercase,
+      noSpace = props.noSpace,
+      _props$size = props.size,
+      size = _props$size === void 0 ? "default" : _props$size,
+      rest = _objectWithoutPropertiesLoose(props, _excluded$W);
+
+  var styles = useStyleConfig("Text", {
+    variant: size,
+    isBold: isBold,
+    isItalic: isItalic,
+    isCapitalized: isCapitalized,
+    isUppercase: isUppercase,
+    isLowercase: isLowercase,
+    noSpace: noSpace
+  });
+
+  if (!children) {
+    console.warn("NYPL Reservoir Text: No children were passed and the `Text` component " + "will not render correctly.");
+  }
+
+  var textCase = 0;
+
+  if (isCapitalized) {
+    textCase++;
+  }
+
+  if (isUppercase) {
+    textCase++;
+  }
+
+  if (isLowercase) {
+    textCase++;
+  }
+
+  if (textCase > 1) {
+    console.warn("NYPL Reservoir Text: Multiple text case props have been passed " + "and the component will not render properly.");
+  }
+
+  return React__default.createElement(Text$2, Object.assign({
+    className: className,
+    ref: ref,
+    sx: styles
+  }, rest), children);
+}));
+
+var _excluded$X = ["children", "className", "descriptionText", "headingText", "helperText", "helperTextStyles", "id", "invalidText", "isInvalid", "showHelperInvalidText"];
+var ComponentWrapper = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
+  var children = props.children,
+      className = props.className,
+      descriptionText = props.descriptionText,
+      headingText = props.headingText,
+      helperText = props.helperText,
+      _props$helperTextStyl = props.helperTextStyles,
+      helperTextStyles = _props$helperTextStyl === void 0 ? {} : _props$helperTextStyl,
+      id = props.id,
+      invalidText = props.invalidText,
+      _props$isInvalid = props.isInvalid,
+      isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid,
+      _props$showHelperInva = props.showHelperInvalidText,
+      showHelperInvalidText = _props$showHelperInva === void 0 ? true : _props$showHelperInva,
+      rest = _objectWithoutPropertiesLoose(props, _excluded$X);
+
+  var hasChildren = !!children;
+  var styles = useMultiStyleConfig("ComponentWrapper", {
+    hasChildren: hasChildren
+  });
+  var footnote = isInvalid ? invalidText : helperText; // Note: Typescript warns when there are no children passed and
+  // doesn't compile. This is meant to log in non-Typescript apps.
+
+  if (!hasChildren) {
+    console.warn("NYPL Reservoir ComponentWrapper: No children were passed.");
+  }
+
+  return React__default.createElement(Box, Object.assign({
+    className: className,
+    id: id + "-wrapper",
+    ref: ref,
+    __css: styles
+  }, 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, {
+    id: id + "-helperText",
+    isInvalid: isInvalid,
+    text: footnote,
+    __css: _extends({}, styles.helperErrorText, helperTextStyles)
+  }));
+}));
+
+var _excluded$Y = ["activeLetters", "className", "currentLetter", "descriptionText", "headingText", "id", "isDisabled", "onClick"];
+var AlphabetFilter = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
+  var activeLetters = props.activeLetters,
+      className = props.className,
+      currentLetter = props.currentLetter,
+      descriptionText = props.descriptionText,
+      headingText = props.headingText,
+      id = props.id,
+      isDisabled = props.isDisabled,
+      onClick = props.onClick,
+      rest = _objectWithoutPropertiesLoose(props, _excluded$Y);
+
+  var styles = useMultiStyleConfig("AlphabetFilter", {});
+  var filterButtons = [{
+    text: "#",
+    value: "#"
+  }, {
+    text: "A",
+    value: "a"
+  }, {
+    text: "B",
+    value: "b"
+  }, {
+    text: "C",
+    value: "c"
+  }, {
+    text: "D",
+    value: "d"
+  }, {
+    text: "E",
+    value: "e"
+  }, {
+    text: "F",
+    value: "f"
+  }, {
+    text: "G",
+    value: "g"
+  }, {
+    text: "H",
+    value: "h"
+  }, {
+    text: "I",
+    value: "i"
+  }, {
+    text: "J",
+    value: "j"
+  }, {
+    text: "K",
+    value: "k"
+  }, {
+    text: "L",
+    value: "l"
+  }, {
+    text: "M",
+    value: "m"
+  }, {
+    text: "N",
+    value: "n"
+  }, {
+    text: "O",
+    value: "o"
+  }, {
+    text: "P",
+    value: "p"
+  }, {
+    text: "Q",
+    value: "q"
+  }, {
+    text: "R",
+    value: "r"
+  }, {
+    text: "S",
+    value: "s"
+  }, {
+    text: "T",
+    value: "t"
+  }, {
+    text: "U",
+    value: "u"
+  }, {
+    text: "V",
+    value: "v"
+  }, {
+    text: "W",
+    value: "w"
+  }, {
+    text: "X",
+    value: "x"
+  }, {
+    text: "Y",
+    value: "y"
+  }, {
+    text: "Z",
+    value: "z"
+  }, {
+    text: "Show All",
+    value: "showAll"
+  }];
+  var refCurrentLetter = useRef(currentLetter);
+
+  var _useState = useState(currentLetter),
+      selectedLetter = _useState[0],
+      setSelectedLetter = _useState[1]; // If the parent passes down a new currentLetter, then set the internal state – selectedLetter –
+  // to the new currentLetter and update the refCurrentLetter with that value.
+
+
+  React__default.useEffect(function () {
+    if (currentLetter && currentLetter !== refCurrentLetter.current) {
+      setSelectedLetter(currentLetter);
+      refCurrentLetter.current = currentLetter;
+    }
+  }, [currentLetter, onClick]);
+  /**
+   * This function is only called when clicking on a link should
+   * not update the URL or refresh the page.
+   */
+
+  var handleOnClick = function handleOnClick(e, clickedLetter) {
+    e.preventDefault && e.preventDefault();
+    if (selectedLetter === clickedLetter) return;
+    setSelectedLetter(clickedLetter);
+    onClick && onClick(clickedLetter);
+  };
+
+  var getButtonElement = function getButtonElement(item) {
+    var isSelectedLetter = selectedLetter === item.value && item.value !== "showAll";
+    var isShowAll = item.value === "showAll";
+    var isButtonDisabled = isDisabled || activeLetters && !activeLetters.includes(item.value) && !isShowAll;
+    var buttonStyles = isSelectedLetter ? _extends({}, styles.button, {
+      border: "1px solid",
+      borderColor: "ui.border.default"
+    }) : _extends({}, styles.button, {
+      border: "1px solid transparent"
+    });
+    return React__default.createElement(Button, {
+      "aria-current": isSelectedLetter ? "page" : null,
+      "aria-label": item.text === "Show All" ? item.text : "Page " + item.text,
+      buttonType: "text",
+      id: "filter-" + item.value,
+      isDisabled: isButtonDisabled,
+      key: item.value,
+      __css: buttonStyles,
+      onClick: function onClick(e) {
+        handleOnClick(e, item.value);
+      }
+    }, item.text);
+  };
+
+  var getFilterLetters = function getFilterLetters() {
+    return filterButtons.map(function (item) {
+      return getButtonElement(item);
+    });
+  };
+
+  return React__default.createElement(Box, {
+    as: "nav",
+    role: "navigation",
+    ref: ref
+  }, React__default.createElement(ComponentWrapper, Object.assign({
+    id: id,
+    className: className,
+    __css: styles
+  }, rest, {
+    headingText: headingText ? headingText : undefined,
+    descriptionText: descriptionText ? descriptionText : undefined
+  }), React__default.createElement(Flex, {
+    wrap: "wrap"
+  }, getFilterLetters())));
+}));
+
+var _excluded$Z = ["audioType", "className", "descriptionText", "embedCode", "headingText", "helperText", "id", "iframeTitle"];
+/*
+ * List all the third-party services to be used for basic type checks
+ * and to define AudioType.
+ */
+
+var thirdPartyServices = ["libsyn", "soundcloud", "spotify"];
+/**
+ * Renders an audio player from 3rd party services such as Libsyn, SoundCloud, and Spotify.
+ */
+
+var AudioPlayer = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
+  var audioType = props.audioType,
+      className = props.className,
+      descriptionText = props.descriptionText,
+      embedCode = props.embedCode,
+      headingText = props.headingText,
+      helperText = props.helperText,
+      id = props.id,
+      _props$iframeTitle = props.iframeTitle,
+      iframeTitle = _props$iframeTitle === void 0 ? null : _props$iframeTitle,
+      rest = _objectWithoutPropertiesLoose(props, _excluded$Z); // The root iframe object generated from the embedCode.
+
+
+  var iframeDoc = parseIframeEmbedCode(embedCode); // when no embedCode or it was a broken code.
+
+  var isInvalidEmbed = !embedCode || !iframeDoc || !isValidEmbedCode(iframeDoc);
+  var errorMessage = "<strong>Error: </strong>This audio player has not been configured properly. Please contact the site administrator.";
+
+  function isValidEmbedCode(doc) {
+    var _doc$src;
+
+    return audioType !== "file" && (doc == null ? void 0 : (_doc$src = doc.src) == null ? void 0 : _doc$src.includes(audioType + ".com"));
+  } // Only set the iframe title if it doesn't already have it in the iframe.
+
+
+  if (iframeDoc && !iframeDoc.title) {
+    iframeDoc.title = iframeTitle ? iframeTitle : "Embedded audio player";
+  }
+
+  var isThirdPartyService = !!thirdPartyServices.find(function (service) {
+    return service === audioType;
+  });
+  var isThirdPartyWithoutCode = isThirdPartyService && !embedCode;
+
+  if (isThirdPartyWithoutCode) {
+    console.warn("NYPL Reservoir AudioPlayer: The `embedCode` prop is required when using a 3rd party streaming service.");
+    isInvalidEmbed = true;
+  }
+
+  var styles = useMultiStyleConfig("AudioPlayer", {});
+  /**
+   * Builder function to build the finalized render element, we prioritize localfile over 3rd party code
+   * but for the current version, we only use 3rd party code.
+   */
+
+  function buildFinalElement() {
+    return iframeDoc ? React__default.createElement(Box, {
+      dangerouslySetInnerHTML: {
+        __html: iframeDoc.outerHTML
+      }
+    }) : null;
+  }
+
+  var embedElement = buildFinalElement();
+  return React__default.createElement(ComponentWrapper, Object.assign({
+    className: "audioplayer " + className,
+    headingText: headingText,
+    descriptionText: descriptionText,
+    helperText: helperText,
+    id: id + "-componentWrapper",
+    "data-testid": "audio-player-component",
+    ref: ref,
+    __css: styles
+  }, rest), isInvalidEmbed ? React__default.createElement(Box, {
+    dangerouslySetInnerHTML: {
+      __html: errorMessage
+    },
+    __css: styles.invalid
+  }) : React__default.createElement(React__default.Fragment, null, embedElement));
+}));
+/**
+ * Parse the embedCode string to a DOM object for proper formatted HTML element.
+ * We are only interested in the iframe element.
+ */
+
+function parseIframeEmbedCode(embedCode) {
+  try {
+    var _doc$body, _doc$body$firstChild;
+
+    var doc = new DOMParser().parseFromString(embedCode, "text/html");
+    var nodeName = doc == null ? void 0 : (_doc$body = doc.body) == null ? void 0 : (_doc$body$firstChild = _doc$body.firstChild) == null ? void 0 : _doc$body$firstChild.nodeName; // A valid embedCode should contain only the iframe element.
+
+    if (nodeName === "IFRAME") return doc.body.firstChild;
+  } catch (err) {
+    console.error(err);
+  }
+
+  return undefined;
+}
+
+var _excluded$_ = ["breadcrumbsData", "breadcrumbsType", "className", "id"];
+
+var getElementsFromData$1 = function getElementsFromData(data, breadcrumbsID) {
+  if (!(data != null && data.length)) {
+    return {};
+  }
+
+  var breadcrumbItems = data.map(function (breadcrumbData, index) {
+    return React__default.createElement(BreadcrumbItem, {
+      key: index,
+      isCurrentPage: index === data.length - 1 ? true : false
+    }, React__default.createElement(BreadcrumbLink, {
+      href: breadcrumbData.url
+    }, index === data.length - 2 && React__default.createElement(Icon, {
+      name: "arrow",
+      size: "small",
+      iconRotation: "rotate90",
+      id: breadcrumbsID + "__backarrow",
+      className: "breadcrumbs-icon",
+      type: "breadcrumbs"
+    }), React__default.createElement("span", {
+      className: "breadcrumb-label"
+    }, breadcrumbData.text)));
+  });
+  return breadcrumbItems;
+};
+
+var Breadcrumbs = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
+  var breadcrumbsData = props.breadcrumbsData,
+      _props$breadcrumbsTyp = props.breadcrumbsType,
+      breadcrumbsType = _props$breadcrumbsTyp === void 0 ? "whatsOn" : _props$breadcrumbsTyp,
+      className = props.className,
+      id = props.id,
+      rest = _objectWithoutPropertiesLoose(props, _excluded$_);
+
+  if (!breadcrumbsData || breadcrumbsData.length === 0) {
+    throw new Error("NYPL Reservoir Breadcrumbs: No data was passed to the `breadcrumbsData` prop.");
+  }
+
+  var styles = useStyleConfig("Breadcrumb", {
+    variant: breadcrumbsType
+  });
+  var breadcrumbItems = getElementsFromData$1(breadcrumbsData, id);
+  return React__default.createElement(Breadcrumb$1, Object.assign({
+    "aria-label": "Breadcrumb",
+    className: className,
+    id: id,
+    ref: ref,
+    __css: styles
+  }, rest), breadcrumbItems);
+}));
+
+/**
+ * This hook is used to determine if the current screen size is larger than
+ * the specific NYPL breakpoint values. The returned value is an object with
+ * boolean values for each breakpoint.
+ */
+
+var useNYPLBreakpoints = function useNYPLBreakpoints() {
+  // Local state is used and updated with the `useEffect` hook so that the
+  // initial breakpoint values are the same on the server and client side.
+  var _useState = useState({
+    isLargerThanSmall: false,
+    isLargerThanMedium: false,
+    isLargerThanLarge: false,
+    isLargerThanXLarge: false
+  }),
+      layoutSize = _useState[0],
+      setLayoutSize = _useState[1];
+
+  var _useMediaQuery = useMediaQuery(["(min-width: 320px)", "(min-width: 600px)", "(min-width: 960px)", "(min-width: 1280px)"]),
+      isLargerThanSmall = _useMediaQuery[0],
+      isLargerThanMedium = _useMediaQuery[1],
+      isLargerThanLarge = _useMediaQuery[2],
+      isLargerThanXLarge = _useMediaQuery[3];
+
+  useEffect(function () {
+    setLayoutSize({
+      isLargerThanSmall: isLargerThanSmall,
+      isLargerThanMedium: isLargerThanMedium,
+      isLargerThanLarge: isLargerThanLarge,
+      isLargerThanXLarge: isLargerThanXLarge
+    });
+  }, [isLargerThanSmall, isLargerThanMedium, isLargerThanLarge, isLargerThanXLarge]);
+  return {
+    isLargerThanSmall: layoutSize.isLargerThanSmall,
+    isLargerThanMedium: layoutSize.isLargerThanMedium,
+    // NYPL uses the medium 600px breakpoint to determine if the screen is
+    // in the mobile view. This is the recommended boolean value to use.
+    isLargerThanMobile: layoutSize.isLargerThanMedium,
+    isLargerThanLarge: layoutSize.isLargerThanLarge,
+    isLargerThanXLarge: layoutSize.isLargerThanXLarge
+  };
+};
+
+var _excluded$$ = ["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
+ * the parent's full width or the `Button`'s content width
+ */
+
+
+var ButtonGroup = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$buttonWidth = props.buttonWidth,
+      buttonWidth = _props$buttonWidth === void 0 ? "default" : _props$buttonWidth,
+      children = props.children,
+      _props$className = props.className,
+      className = _props$className === void 0 ? "" : _props$className,
+      id = props.id,
+      _props$isDisabled = props.isDisabled,
+      isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? "row" : _props$layout,
+      rest = _objectWithoutPropertiesLoose(props, _excluded$$);
+
+  var newChildren = [];
+
+  var _useNYPLBreakpoints = useNYPLBreakpoints(),
+      isLargerThanMobile = _useNYPLBreakpoints.isLargerThanMobile;
+
+  var finalLayout = isLargerThanMobile ? layout : "column";
+  var finalButtonWidth = isLargerThanMobile ? buttonWidth : "full";
+  var styles = useStyleConfig("ButtonGroup", {
+    buttonWidth: finalButtonWidth
+  });
+  React__default.Children.map(children, function (child, key) {
+    if (child.type !== Button) {
+      // Special case for Storybook MDX documentation.
+      if (child.props.mdxType && child.props.mdxType === "Button") ; else {
+        console.warn("NYPL Reservoir ButtonGroup: Only Button components can be children of ButtonGroup.");
+        return;
+      }
+    }
+
+    var disabledProps = isDisabled ? {
+      isDisabled: isDisabled
+    } : {};
+    newChildren.push(React__default.cloneElement(child, _extends({
+      key: key
+    }, disabledProps)));
+  });
+  return React__default.createElement(Stack, Object.assign({
+    className: className,
+    direction: finalLayout,
+    id: id,
+    ref: ref,
+    // Always set the spacing to "8px".
+    spacing: "xs",
+    sx: styles
+  }, 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__*/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 = useMultiStyleConfig("CustomImageWrapper", {
+    ratio: aspectRatio,
+    size: size
+  });
+  return React__default.createElement(Box, Object.assign({
+    className: "the-wrap " + className,
+    __css: _extends({}, styles, additionalWrapperStyles)
+  }, rest), React__default.createElement(Box, {
     className: "the-crop",
     __css: styles.crop
   }, children));
@@ -2393,7 +2868,7 @@ var Image = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
   }
 });
 
-var _excluded$Y = ["children"],
+var _excluded$11 = ["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"];
@@ -2439,7 +2914,7 @@ var CardHeading = /*#__PURE__*/chakra(Heading); // CardContent child-component
 
 var CardContent = /*#__PURE__*/chakra(function (props) {
   var children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$Y);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$11);
 
   var styles = useStyleConfig("CardContent");
   return children ? React__default.createElement(Box, Object.assign({
@@ -2596,173 +3071,32 @@ var Card = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
         cardRightContents.push(_elem2);
       } else {
         cardContents.push(_elem2);
-      }
-    }
-  });
-  return React__default.createElement(CardWrapper, Object.assign({
-    id: id,
-    className: className,
-    mainActionLink: mainActionLink,
-    ref: ref,
-    styles: _extends({}, styles, customColors)
-  }, rest), hasImage && React__default.createElement(CardImage, {
-    alt: imageProps.alt,
-    aspectRatio: finalImageAspectRatio,
-    caption: imageProps.caption,
-    component: imageProps.component,
-    credit: imageProps.credit,
-    isAtEnd: imageProps.isAtEnd,
-    layout: layout,
-    size: imageProps.size,
-    src: imageProps.src ? imageProps.src : undefined
-  }), React__default.createElement(Box, {
-    className: "card-body",
-    __css: styles.body
-  }, cardContents), cardRightContents.length ? React__default.createElement(Box, {
-    className: "card-right",
-    __css: _extends({}, styles.body, styles.actions)
-  }, cardRightContents) : null);
-}));
-
-var _excluded$Z = ["ariaAtomic", "ariaLive", "className", "id", "isInvalid", "text"];
-/**
- * Helper or error text for forms components.
- */
-
-var HelperErrorText = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$ariaAtomic = _ref.ariaAtomic,
-      ariaAtomic = _ref$ariaAtomic === void 0 ? true : _ref$ariaAtomic,
-      _ref$ariaLive = _ref.ariaLive,
-      ariaLive = _ref$ariaLive === void 0 ? "polite" : _ref$ariaLive,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? "" : _ref$className,
-      id = _ref.id,
-      _ref$isInvalid = _ref.isInvalid,
-      isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
-      text = _ref.text,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$Z);
-
-  // Only announce the text in the invalid state.
-  var announceAriaLive = isInvalid;
-  var styles = useStyleConfig("HelperErrorText", {
-    isInvalid: isInvalid
-  });
-
-  var props = _extends({
-    "aria-atomic": ariaAtomic,
-    "aria-live": announceAriaLive ? ariaLive : "off",
-    className: className,
-    "data-isinvalid": isInvalid,
-    id: id,
-    __css: styles
-  }, rest);
-
-  return typeof text === "string" ? React__default.createElement(Box, Object.assign({}, props, {
-    dangerouslySetInnerHTML: {
-      __html: text
-    },
-    ref: ref
-  })) : React__default.createElement(Box, Object.assign({}, props, {
-    ref: ref
-  }), text);
-}));
-
-var _excluded$_ = ["children", "className", "isBold", "isItalic", "isCapitalized", "isUppercase", "isLowercase", "noSpace", "size"];
-var Text = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
-  var children = props.children,
-      _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
-      isBold = props.isBold,
-      isItalic = props.isItalic,
-      isCapitalized = props.isCapitalized,
-      isUppercase = props.isUppercase,
-      isLowercase = props.isLowercase,
-      noSpace = props.noSpace,
-      _props$size = props.size,
-      size = _props$size === void 0 ? "default" : _props$size,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$_);
-
-  var styles = useStyleConfig("Text", {
-    variant: size,
-    isBold: isBold,
-    isItalic: isItalic,
-    isCapitalized: isCapitalized,
-    isUppercase: isUppercase,
-    isLowercase: isLowercase,
-    noSpace: noSpace
-  });
-
-  if (!children) {
-    console.warn("NYPL Reservoir Text: No children were passed and the `Text` component " + "will not render correctly.");
-  }
-
-  var textCase = 0;
-
-  if (isCapitalized) {
-    textCase++;
-  }
-
-  if (isUppercase) {
-    textCase++;
-  }
-
-  if (isLowercase) {
-    textCase++;
-  }
-
-  if (textCase > 1) {
-    console.warn("NYPL Reservoir Text: Multiple text case props have been passed " + "and the component will not render properly.");
-  }
-
-  return React__default.createElement(Text$2, Object.assign({
-    className: className,
-    ref: ref,
-    sx: styles
-  }, rest), children);
-}));
-
-var _excluded$$ = ["children", "className", "descriptionText", "headingText", "helperText", "helperTextStyles", "id", "invalidText", "isInvalid", "showHelperInvalidText"];
-var ComponentWrapper = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      descriptionText = props.descriptionText,
-      headingText = props.headingText,
-      helperText = props.helperText,
-      _props$helperTextStyl = props.helperTextStyles,
-      helperTextStyles = _props$helperTextStyl === void 0 ? {} : _props$helperTextStyl,
-      id = props.id,
-      invalidText = props.invalidText,
-      _props$isInvalid = props.isInvalid,
-      isInvalid = _props$isInvalid === void 0 ? false : _props$isInvalid,
-      _props$showHelperInva = props.showHelperInvalidText,
-      showHelperInvalidText = _props$showHelperInva === void 0 ? true : _props$showHelperInva,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$$);
-
-  var hasChildren = !!children;
-  var styles = useMultiStyleConfig("ComponentWrapper", {
-    hasChildren: hasChildren
-  });
-  var footnote = isInvalid ? invalidText : helperText; // Note: Typescript warns when there are no children passed and
-  // doesn't compile. This is meant to log in non-Typescript apps.
-
-  if (!hasChildren) {
-    console.warn("NYPL Reservoir ComponentWrapper: No children were passed.");
-  }
-
-  return React__default.createElement(Box, Object.assign({
+      }
+    }
+  });
+  return React__default.createElement(CardWrapper, Object.assign({
+    id: id,
     className: className,
-    id: id + "-wrapper",
+    mainActionLink: mainActionLink,
     ref: ref,
-    __css: styles
-  }, 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, {
-    id: id + "-helperText",
-    isInvalid: isInvalid,
-    text: footnote,
-    __css: _extends({}, styles.helperErrorText, helperTextStyles)
-  }));
+    styles: _extends({}, styles, customColors)
+  }, rest), hasImage && React__default.createElement(CardImage, {
+    alt: imageProps.alt,
+    aspectRatio: finalImageAspectRatio,
+    caption: imageProps.caption,
+    component: imageProps.component,
+    credit: imageProps.credit,
+    isAtEnd: imageProps.isAtEnd,
+    layout: layout,
+    size: imageProps.size,
+    src: imageProps.src ? imageProps.src : undefined
+  }), React__default.createElement(Box, {
+    className: "card-body",
+    __css: styles.body
+  }, cardContents), cardRightContents.length ? React__default.createElement(Box, {
+    className: "card-right",
+    __css: _extends({}, styles.body, styles.actions)
+  }, cardRightContents) : null);
 }));
 
 // Utility functions to use throughout the codebase
@@ -2811,14 +3145,14 @@ var getAriaAttrs = function getAriaAttrs(_ref) {
   return ariaAttributes;
 };
 
-var _excluded$10 = ["isIndeterminate", "isChecked"],
+var _excluded$12 = ["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$10);
+  var rest = _objectWithoutPropertiesLoose(props, _excluded$12);
 
   return React__default.createElement(Icon$2, Object.assign({
     viewBox: "0 0 24 24"
@@ -2897,7 +3231,7 @@ var Checkbox = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref
   }, ariaAttributes), showLabel && labelText));
 }));
 
-var _excluded$11 = ["children", "className", "id", "isLegendHidden", "isRequired", "legendText", "showRequiredLabel"];
+var _excluded$13 = ["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.
@@ -2914,7 +3248,7 @@ var Fieldset = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (_ref, ref)
       legendText = _ref.legendText,
       _ref$showRequiredLabe = _ref.showRequiredLabel,
       showRequiredLabel = _ref$showRequiredLabe === void 0 ? true : _ref$showRequiredLabe,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$11);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$13);
 
   var styles = useMultiStyleConfig("Fieldset", {
     isLegendHidden: isLegendHidden
@@ -3027,6 +3361,20 @@ var reservoirSpacingTokens = {
   xxl: reservoirSpacingValues["xxl"],
   xxxl: reservoirSpacingValues["xxxl"],
   // Reservoir semantic tokens
+  button: {
+    small: {
+      px: reservoirSpacingValues["xs"],
+      py: reservoirSpacingValues["xxs"]
+    },
+    medium: {
+      px: reservoirSpacingValues["s"],
+      py: reservoirSpacingValues["xs"]
+    },
+    large: {
+      px: reservoirSpacingValues["l"],
+      py: reservoirSpacingValues["s"]
+    }
+  },
   input: {
     group: {
       button: {
@@ -3067,7 +3415,7 @@ var reservoirSpacingTokens = {
 };
 var spacing = /*#__PURE__*/_extends({}, chakraSpacingTokens, reservoirSpacingTokens);
 
-var _excluded$12 = ["children", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isFullWidth", "isInvalid", "isRequired", "labelText", "layout", "name", "onChange", "showHelperInvalidText", "showLabel", "showRequiredLabel"];
+var _excluded$14 = ["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
@@ -3102,7 +3450,8 @@ var CheckboxGroup = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props
       showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
       _props$showRequiredLa = props.showRequiredLabel,
       showRequiredLabel = _props$showRequiredLa === void 0 ? true : _props$showRequiredLa,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$12);
+      value = props.value,
+      rest = _objectWithoutPropertiesLoose(props, _excluded$14);
 
   var footnote = isInvalid ? invalidText : helperText;
   var newChildren = [];
@@ -3112,6 +3461,10 @@ var CheckboxGroup = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props
     onChange: onChange
   } : {};
 
+  if (value) {
+    checkboxProps["value"] = value;
+  }
+
   if (!id) {
     console.warn("NYPL Reservoir CheckboxGroup: This component's required `id` prop was not passed.");
   } // Go through the Checkbox children and update them as needed.
@@ -3164,7 +3517,7 @@ var CheckboxGroup = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props
   }));
 }));
 
-var _excluded$13 = ["children", "columns", "className", "gap", "id"];
+var _excluded$15 = ["children", "columns", "className", "gap", "id"];
 var SimpleGrid = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
       columns = props.columns,
@@ -3172,7 +3525,7 @@ var SimpleGrid = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, r
       _props$gap = props.gap,
       gap = _props$gap === void 0 ? "grid.l" : _props$gap,
       id = props.id,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$13);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$15);
 
   var responsiveCols = columns ? {
     base: 1,
@@ -3227,7 +3580,7 @@ function useWindowSize() {
   return windowSize;
 }
 
-var _excluded$14 = ["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.
@@ -3246,7 +3599,7 @@ var Table = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
       titleText = props.titleText,
       _props$useRowHeaders = props.useRowHeaders,
       useRowHeaders = _props$useRowHeaders === void 0 ? false : _props$useRowHeaders,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$14);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$16);
 
   var customColors = {};
   columnHeadersBackgroundColor && (customColors["backgroundColor"] = columnHeadersBackgroundColor);
@@ -3602,7 +3955,7 @@ var ColorCard = function ColorCard(props) {
   })));
 };
 
-var _excluded$15 = ["children", "className", "gap", "id"],
+var _excluded$17 = ["children", "className", "gap", "id"],
     _excluded2$3 = ["children", "className", "gap", "id"],
     _excluded3$1 = ["action", "children", "className", "gap", "id", "method", "onSubmit"];
 /** FormRow child-component */
@@ -3612,7 +3965,7 @@ var FormRow = /*#__PURE__*/chakra(function (props) {
       className = props.className,
       gap = props.gap,
       id = props.id,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$15);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$17);
 
   var count = React__default.Children.count(children);
   var alteredChildren = React__default.Children.map(children, function (child, i) {
@@ -3694,7 +4047,7 @@ var Form = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
   }
 });
 
-var _excluded$16 = ["children", "className", "htmlFor", "id", "isInlined", "isRequired"];
+var _excluded$18 = ["children", "className", "htmlFor", "id", "isInlined", "isRequired"];
 /**
  * A label for form inputs. It should never be used alone.
  */
@@ -3708,7 +4061,7 @@ var Label = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
       isInlined = _props$isInlined === void 0 ? false : _props$isInlined,
       _props$isRequired = props.isRequired,
       isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$16);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$18);
 
   var styles = useStyleConfig("Label", {
     isInlined: isInlined
@@ -3728,7 +4081,7 @@ var Label = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
   }, rest), children, isRequired && React__default.createElement("span", null, " (Required)"));
 }));
 
-var _excluded$17 = ["className", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelText", "max", "maxLength", "min", "name", "onChange", "onClick", "onFocus", "placeholder", "showHelperInvalidText", "showLabel", "showRequiredLabel", "step", "textInputType", "type", "value"];
+var _excluded$19 = ["className", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelText", "max", "maxLength", "min", "name", "onChange", "onClick", "onFocus", "placeholder", "showHelperInvalidText", "showLabel", "showRequiredLabel", "step", "textInputType", "type", "value"];
 
 var TextInputFormats = {
   email: "jdoe@domain.com",
@@ -3779,7 +4132,7 @@ var TextInput = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, re
       _props$type = props.type,
       type = _props$type === void 0 ? "text" : _props$type,
       value = props.value,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$17);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$19);
 
   var styles = useMultiStyleConfig("TextInput", {
     variant: textInputType
@@ -3871,7 +4224,7 @@ var TextInput = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, re
   }, labelText), fieldOutput);
 }));
 
-var _excluded$18 = ["dsRef", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelText", "name", "onChange", "onClick", "showLabel", "showHelperInvalidText", "showRequiredLabel", "value"],
+var _excluded$1a = ["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"];
 /**
@@ -3899,7 +4252,7 @@ var CustomTextInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
       showHelperInvalidText = _ref.showHelperInvalidText,
       showRequiredLabel = _ref.showRequiredLabel,
       value = _ref.value,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$18);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1a);
 
   // The `react-datepicker` passes `disabled=false` to its custom
   // input element. We don't need it, so remove it.
@@ -4674,6 +5027,10 @@ var colors = {
 };
 
 var radii = {
+  button: {
+    "default": "2px",
+    pill: "20px"
+  },
   checkbox: "3px",
   headerDonate: ".25rem",
   pill: "20px",
@@ -4722,7 +5079,9 @@ var typography = {
       "default": fontSizeValues["-1"]
     },
     button: {
-      "default": fontSizeValues["-1"]
+      small: fontSizeValues["-2"],
+      "default": fontSizeValues["-1"],
+      large: fontSizeValues["0"]
     },
     heading: {
       primary: fontSizeValues["4"],
@@ -4804,6 +5163,38 @@ var Accordion$1 = {
   }
 };
 
+var AlphabetFilter$1 = {
+  baseStyle: {
+    button: {
+      minWidth: {
+        base: defaultElementSizes.mobileFieldHeight,
+        md: "auto"
+      },
+      height: {
+        base: defaultElementSizes.mobileFieldHeight,
+        md: "auto"
+      },
+      padding: "1px 4px",
+      margin: "2px 1px",
+      fontWeight: "bold",
+      fontSize: "heading.callout",
+      lineHeight: "1",
+      _last: {
+        padding: "0 16px",
+        fontWeight: "normal",
+        whiteSpace: "nowrap",
+        fontSize: {
+          base: null,
+          md: "text.caption"
+        }
+      },
+      _disabled: {
+        color: "ui.gray.medium"
+      }
+    }
+  }
+};
+
 // Variant styling
 var blogs = {
   bg: "section.blogs.secondary",
@@ -4924,16 +5315,8 @@ var baseStyle = {
   cursor: "pointer",
   color: "ui.white",
   fontWeight: "button.default",
-  height: "10",
   justifyContent: "center",
   lineHeight: "1.5",
-  maxHeight: "2.5rem",
-  minHeight: {
-    base: defaultElementSizes.mobileFieldHeight,
-    md: "auto"
-  },
-  py: "inset.narrow",
-  px: "inset.default",
   textDecoration: "none",
   wordWrap: "normal",
   svg: {
@@ -4951,101 +5334,181 @@ var baseStyle = {
     opacity: "1",
     pointerEvents: "none"
   }
-}; // Styles for different visual variants:
-// primary, secondary, link, pill, iconOnly, callout, searchbar, noBrand
-
-var primary = {
-  bg: "ui.link.primary",
-  height: "none",
-  fontSize: "button.default",
-  minWidth: "none"
 };
-var secondary = {
-  bg: "ui.white",
-  border: "1px solid",
-  borderColor: "ui.gray.light-cool",
-  color: "inherit",
-  fontSize: "button.default",
-  _hover: {
-    bg: "ui.gray.xx-light-cool",
-    borderColor: "ui.gray.medium"
-  },
-  _disabled: {
-    bg: "ui.gray.x-light-cool"
+
+var generalSizeValues = function generalSizeValues(size, isPill) {
+  if (size === void 0) {
+    size = "medium";
+  }
+
+  if (isPill === void 0) {
+    isPill = false;
   }
+
+  var sizes = {
+    small: {
+      fontSize: "button.small",
+      height: "fit-content",
+      minHeight: "auto",
+      px: isPill ? "s" : "button.small.px",
+      py: isPill ? "xxxs" : "button.small.py"
+    },
+    medium: {
+      fontSize: "button.default",
+      height: isPill ? "fit-content" : undefined,
+      minHeight: isPill ? "auto" : {
+        base: defaultElementSizes.mobileFieldHeight,
+        md: "auto"
+      },
+      px: isPill ? "m" : "button.medium.px",
+      py: isPill ? "xxxs" : "button.medium.py"
+    },
+    large: {
+      fontSize: "button.large",
+      height: "fit-content",
+      minHeight: "auto",
+      px: isPill ? "l" : "button.large.px",
+      py: isPill ? "xxs" : "button.large.py"
+    }
+  };
+  return sizes[size];
+}; // Styles for different visual variants:
+// primary, secondary, link, text, pill, iconOnly, callout, noBrand
+
+
+var primary = function primary(_ref) {
+  var _ref$buttonSize = _ref.buttonSize,
+      buttonSize = _ref$buttonSize === void 0 ? "medium" : _ref$buttonSize;
+  return _extends({
+    bg: "ui.link.primary"
+  }, generalSizeValues(buttonSize));
 };
-var link = {
-  bg: "transparent",
-  color: "ui.link.primary",
-  lineHeight: "2.5",
-  textDecoration: "underline",
-  _disabled: {
-    bg: "transparent"
-  },
-  _hover: {
+
+var secondary = function secondary(_ref2) {
+  var _ref2$buttonSize = _ref2.buttonSize,
+      buttonSize = _ref2$buttonSize === void 0 ? "medium" : _ref2$buttonSize;
+  return _extends({
+    bg: "ui.white",
+    border: "1px solid",
+    borderColor: "ui.link.primary",
+    color: "ui.link.primary"
+  }, generalSizeValues(buttonSize), {
+    _hover: {
+      bg: "ui.bg.default",
+      borderColor: "ui.link.secondary",
+      color: "ui.link.secondary"
+    },
+    _disabled: {
+      bg: "transparent",
+      borderColor: "ui.disabled.primary",
+      color: "ui.disabled.primary"
+    }
+  });
+}; // The "link" type is deprecated but we still want to style
+// it correctly for backwards compatibility.
+
+
+var link = function link(_ref3) {
+  var _ref3$buttonSize = _ref3.buttonSize,
+      buttonSize = _ref3$buttonSize === void 0 ? "medium" : _ref3$buttonSize;
+  return _extends({
     bg: "transparent",
-    color: "ui.link.secondary"
-  }
+    color: "ui.link.primary",
+    textDecoration: "underline"
+  }, generalSizeValues(buttonSize), {
+    _disabled: {
+      bg: "transparent"
+    },
+    _hover: {
+      bg: "transparent",
+      color: "ui.link.secondary"
+    }
+  });
 };
-var text = {
-  bg: "transparent",
-  color: "ui.link.primary",
-  fontSize: "button.default",
-  _disabled: {
-    bg: "transparent"
-  },
-  _hover: {
+
+var text = function text(_ref4) {
+  var _ref4$buttonSize = _ref4.buttonSize,
+      buttonSize = _ref4$buttonSize === void 0 ? "medium" : _ref4$buttonSize;
+  return _extends({
     bg: "transparent",
-    color: "ui.link.secondary"
-  }
+    color: "ui.link.primary"
+  }, generalSizeValues(buttonSize), {
+    _disabled: {
+      bg: "transparent"
+    },
+    _hover: {
+      bg: "transparent",
+      color: "ui.link.secondary"
+    }
+  });
 };
-var pill = {
-  bg: "ui.white",
-  border: "1px solid",
-  borderColor: "ui.gray.light-cool",
-  borderRadius: "pill",
-  color: "inherit",
-  fontSize: "button.default",
-  py: "inset.narrow",
-  px: "inset.wide",
-  _hover: {
-    bg: "ui.gray.xx-light-cool",
-    borderColor: "ui.gray.medium"
-  },
-  _disabled: {
-    bg: "ui.gray.x-light-cool"
-  }
+
+var pill = function pill(_ref5) {
+  var _ref5$buttonSize = _ref5.buttonSize,
+      buttonSize = _ref5$buttonSize === void 0 ? "medium" : _ref5$buttonSize;
+  return _extends({
+    bg: "ui.white",
+    border: "1px solid",
+    borderColor: "ui.gray.light-cool",
+    borderRadius: "button.pill",
+    color: "inherit"
+  }, generalSizeValues(buttonSize, true), {
+    _hover: {
+      bg: "ui.gray.xx-light-cool",
+      borderColor: "ui.gray.medium"
+    },
+    _disabled: {
+      bg: "ui.gray.x-light-cool"
+    }
+  });
 };
-var iconOnly = {
-  bg: "ui.white",
-  border: "1px solid",
-  borderColor: "ui.gray.light-cool",
-  color: "inherit",
-  _hover: {
-    bg: "ui.gray.xx-light-cool",
-    borderColor: "ui.gray.medium"
-  },
-  paddingInlineStart: "inset.narrow",
-  paddingInlineEnd: "inset.narrow"
+
+var iconOnly = function iconOnly(_ref6) {
+  var _ref6$buttonSize = _ref6.buttonSize,
+      buttonSize = _ref6$buttonSize === void 0 ? "medium" : _ref6$buttonSize;
+  return _extends({
+    bg: "ui.white",
+    border: "1px solid",
+    borderColor: "ui.link.primary",
+    color: "ui.link.primary"
+  }, generalSizeValues(buttonSize), {
+    paddingInlineStart: "inset.narrow",
+    paddingInlineEnd: "inset.narrow",
+    _hover: {
+      bg: "ui.bg.default",
+      borderColor: "ui.link.primary",
+      color: "ui.link.primary"
+    }
+  });
 };
-var callout = {
-  bg: "brand.primary",
-  fontSize: "button.default",
-  _hover: {
-    bg: "brand.secondary"
-  },
-  _active: {
-    bg: "brand.secondary"
-  }
+
+var callout = function callout(_ref7) {
+  var _ref7$buttonSize = _ref7.buttonSize,
+      buttonSize = _ref7$buttonSize === void 0 ? "medium" : _ref7$buttonSize;
+  return _extends({
+    bg: "brand.primary"
+  }, generalSizeValues(buttonSize), {
+    _hover: {
+      bg: "brand.secondary"
+    },
+    _active: {
+      bg: "brand.secondary"
+    }
+  });
 };
 
-var noBrand = /*#__PURE__*/_extends({}, primary, {
-  bg: "ui.black",
-  color: "ui.white",
-  _hover: {
-    bg: "ui.gray.x-dark"
-  }
-});
+var noBrand = function noBrand(_ref8) {
+  var _ref8$buttonSize = _ref8.buttonSize,
+      buttonSize = _ref8$buttonSize === void 0 ? "medium" : _ref8$buttonSize;
+  return _extends({
+    bg: "ui.black",
+    color: "ui.white"
+  }, generalSizeValues(buttonSize), {
+    _hover: {
+      bg: "ui.gray.x-dark"
+    }
+  });
+};
 
 var Button$1 = {
   baseStyle: baseStyle,
@@ -5054,6 +5517,7 @@ var Button$1 = {
     primary: primary,
     secondary: secondary,
     text: text,
+    // Deprecated type. Use "text" instead.
     link: link,
     pill: pill,
     iconOnly: iconOnly,
@@ -5704,7 +6168,7 @@ var Footer = {
         lg: "30px"
       },
       marginRight: {
-        xl: "70px"
+        xl: "100px"
       },
       order: {
         base: "2",
@@ -6216,7 +6680,7 @@ var HeaderLoginButton = {
         md: "auto"
       },
       padding: {
-        md: "4px 10px"
+        md: "10px 12px"
       },
       svg: {
         fill: isOpen ? "ui.white" : null,
@@ -6472,11 +6936,15 @@ var HeaderSearchForm = {
     desktopSearchBtn: {
       alignSelf: "end",
       backgroundColor: "transparent",
+      borderColor: "ui.white",
       borderRadius: "100px",
       borderWidth: "2px",
       height: "75px",
       maxHeight: "75px",
       width: "75px",
+      svg: {
+        marginTop: "xs"
+      },
       _focus: /*#__PURE__*/_extends({}, headerFocus, {
         borderRadius: "100px"
       }),
@@ -6512,7 +6980,8 @@ var HeaderSearchForm = {
       display: "flex",
       fontSize: "16px",
       flex: "1",
-      padding: "35px 0",
+      justifyContent: "center",
+      padding: "25px 0",
       svg: {
         fill: headerLightBlue,
         marginLeft: "15px"
@@ -6541,14 +7010,13 @@ var HeaderSearchButton = {
       minWidth: {
         md: "80px"
       },
-      px: "0",
       textDecoration: "none",
       span: {
         alignItems: "center",
         borderBottom: {
           md: "3px solid #1B7FA7"
         },
-        display: "flex",
+        display: "inline-flex",
         lineHeight: "1.3"
       },
       svg: {
@@ -6556,7 +7024,7 @@ var HeaderSearchButton = {
           base: "0",
           md: "xxs"
         },
-        color: {
+        fill: {
           base: isOpen ? "ui.white" : "ui.black",
           md: isOpen ? "ui.white" : "ui.link.primary"
         }
@@ -7142,6 +7610,10 @@ var size = {
   small: {
     height: "0.875rem",
     width: "0.875rem"
+  },
+  xsmall: {
+    height: "0.65rem",
+    width: "0.65rem"
   }
 };
 var Icon$1 = {
@@ -7389,7 +7861,7 @@ var Notification = {
       },
       icon: {
         flexShrink: "0",
-        marginEnd: "s"
+        marginEnd: "xs"
       }
     };
   }
@@ -7406,7 +7878,7 @@ var NotificationContent = {
       content: {
         color: notificationType === "warning" ? "brand.primary" : "currentColor",
         marginTop: icon ? "xxxs" : "0",
-        paddingStart: alignText ? "calc(var(--nypl-space-m) + var(--nypl-space-s))" : null,
+        paddingStart: alignText ? "calc(var(--nypl-space-s) + var(--nypl-space-s))" : null,
         width: "100%",
         // Links should always be black and underlined.
         a: {
@@ -8117,11 +8589,15 @@ var baseStyle$3 = function baseStyle(_ref) {
     // have text color black.
     tbody: {
       th: {
-        color: "var(--nypl-colors-ui-black)",
+        color: "ui.black",
         backgroundColor: useRowHeaders ? {
           base: "ui.gray.x-light-cool",
           md: "unset"
-        } : undefined
+        } : undefined,
+        verticalAlign: "top"
+      },
+      td: {
+        verticalAlign: "top"
       }
     },
     thead: {
@@ -8368,22 +8844,137 @@ var carouselParent = {
     md: "visible"
   }
 };
-var CustomTabs = {
-  // tablist, tab, and tabpanels are existing keys which are extended but
-  // buttonArrows, tablistWrapper, and carouselParent are custom elements
-  // in the `Tabs` component.
-  parts: ["buttonArrows", "tablistWrapper", "carouselParent"],
-  baseStyle: {
-    tablist: tablist,
-    tab: tab,
-    // Only display the previous/next arrow buttons on mobile.
-    buttonArrows: buttonArrows,
-    // To better align the mobile arrow buttons with the tablist.
-    tablistWrapper: tablistWrapper,
-    tabpanels: tabpanels,
-    carouselParent: carouselParent
+var CustomTabs = {
+  // tablist, tab, and tabpanels are existing keys which are extended but
+  // buttonArrows, tablistWrapper, and carouselParent are custom elements
+  // in the `Tabs` component.
+  parts: ["buttonArrows", "tablistWrapper", "carouselParent"],
+  baseStyle: {
+    tablist: tablist,
+    tab: tab,
+    // Only display the previous/next arrow buttons on mobile.
+    buttonArrows: buttonArrows,
+    // To better align the mobile arrow buttons with the tablist.
+    tablistWrapper: tablistWrapper,
+    tabpanels: tabpanels,
+    carouselParent: carouselParent
+  }
+};
+
+var TagSetFilter = {
+  parts: ["clearAll"],
+  baseStyle: function baseStyle(_ref) {
+    var isDismissible = _ref.isDismissible;
+    return {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      bg: "ui.gray.x-light-cool",
+      border: "1px solid",
+      borderColor: "ui.gray.medium",
+      borderRadius: "pill",
+      color: "ui.black",
+      cursor: isDismissible ? "pointer" : "auto",
+      height: {
+        base: "32px",
+        md: "22px"
+      },
+      minHeight: "22px",
+      maxWidth: "200px",
+      py: "xxxs",
+      paddingLeft: "s",
+      paddingRight: isDismissible ? {
+        base: "8px",
+        md: "6px"
+      } : "s",
+      fontSize: "text.tag",
+      "> span": {
+        display: "inline-block",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      },
+      _hover: {
+        bg: isDismissible ? "ui.gray.light-cool" : "ui.gray.x-light-cool"
+      },
+      clearAll: {
+        color: "ui.black",
+        height: {
+          base: "32px",
+          md: "22px"
+        },
+        fontSize: "text.tag",
+        minHeight: "22px"
+      }
+    };
+  }
+};
+var TagSetExplore = {
+  baseStyle: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    bg: "ui.white",
+    border: "1px solid",
+    borderColor: "ui.link.primary",
+    borderRadius: "pill",
+    color: "ui.link.primary",
+    cursor: "pointer",
+    fontSize: "text.tag",
+    height: {
+      base: "32px",
+      md: "22px"
+    },
+    minHeight: "22px",
+    maxWidth: "200px",
+    py: "xxxs",
+    px: "s",
+    textDecoration: "underline",
+    transition: "0.3s ease",
+    _focusWithin: /*#__PURE__*/activeFocus(),
+    a: {
+      border: "0",
+      _focus: {
+        outline: "none"
+      }
+    },
+    "> span": {
+      display: "inline-block",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    },
+    svg: {
+      fill: "ui.link.primary"
+    },
+    _hover: {
+      bg: "ui.link.primary",
+      a: {
+        color: "ui.white"
+      },
+      svg: {
+        fill: "ui.white"
+      },
+      "> span": {
+        color: "ui.white"
+      }
+    }
+  }
+};
+var TagSet = {
+  baseStyle: function baseStyle() {
+    return {
+      display: "inline-flex",
+      flexWrap: "wrap",
+      gap: "xs"
+    };
   }
 };
+var TagSetStyles = {
+  TagSet: TagSet,
+  TagSetExplore: TagSetExplore,
+  TagSetFilter: TagSetFilter
+};
 
 /**
  * Grid layout based on https://www.joshwcomeau.com/css/full-bleed/
@@ -8685,7 +9276,7 @@ var Toggle$1 = {
 var _baseStyle;
 var $bg = /*#__PURE__*/cssVar("tooltip-bg");
 var Tooltip = {
-  baseStyle: (_baseStyle = {}, _baseStyle[$bg.variable] = "colors.ui.gray.xx-dark", _baseStyle.borderRadius = "4px", _baseStyle.color = "ui.white", _baseStyle.fontSize = "text.tag", _baseStyle.marginBottom = "xxs", _baseStyle.maxWidth = "240px", _baseStyle.px = "s", _baseStyle.py = "xs", _baseStyle)
+  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)
 };
 
 var fourByThree = {
@@ -8731,6 +9322,15 @@ var VideoPlayer = {
   }
 };
 
+var AudioPlayer$1 = {
+  baseStyle: {
+    invalid: {
+      backgroundColor: "ui.bg.default",
+      padding: "s"
+    }
+  }
+};
+
 /**
  * See Chakra default theme for shape of theme object:
  * https://github.com/chakra-ui/chakra-ui/tree/main/packages/theme
@@ -8766,6 +9366,7 @@ var theme = /*#__PURE__*/extendTheme( /*#__PURE__*/_extends({
    */
   components: /*#__PURE__*/_extends({
     Accordion: Accordion$1,
+    AlphabetFilter: AlphabetFilter$1,
     Breadcrumb: Breadcrumb,
     Button: Button$1,
     ButtonGroup: ButtonGroup$1
@@ -8813,12 +9414,13 @@ var theme = /*#__PURE__*/extendTheme( /*#__PURE__*/_extends({
     StructuredContent: StructuredContent,
     Tabs: CustomTabs,
     CustomTable: CustomTable
-  }, TemplateStyles, {
+  }, TagSetStyles, TemplateStyles, {
     Text: Text$1,
     TextInput: TextInput$1
   }, Toggle$1, {
     Tooltip: Tooltip,
-    VideoPlayer: VideoPlayer
+    VideoPlayer: VideoPlayer,
+    AudioPlayer: AudioPlayer$1
   }),
   config: {
     // Use `cssVarPrefix` to set the prefix used on the CSS vars produced by
@@ -8842,7 +9444,7 @@ var DSProvider = function DSProvider(_ref) {
   }, children);
 };
 
-var _excluded$19 = ["children", "className", "id", "inline", "listItems", "noStyling", "title", "type"];
+var _excluded$1b = ["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
@@ -8861,7 +9463,7 @@ var List$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
       title = props.title,
       _props$type = props.type,
       type = _props$type === void 0 ? "ul" : _props$type,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$19);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1b);
 
   var styles = useStyleConfig("List", {
     inline: inline,
@@ -8972,7 +9574,7 @@ var List$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
 
 var _path$L, _path2$f, _path3$7;
 
-var _excluded$1a = ["title", "titleId"];
+var _excluded$1c = ["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); }
 
@@ -8983,12 +9585,13 @@ function _objectWithoutPropertiesLoose$R(source, excluded) { if (source == null)
 var SvgLogoAppleAppStoreBlack = function SvgLogoAppleAppStoreBlack(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$Q(_ref, _excluded$1a);
+      props = _objectWithoutProperties$Q(_ref, _excluded$1c);
 
   return /*#__PURE__*/createElement("svg", _extends$R({
     viewBox: "0 0 200 67",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9006,7 +9609,7 @@ var SvgLogoAppleAppStoreBlack = function SvgLogoAppleAppStoreBlack(_ref) {
 
 var _path$M, _path2$g, _path3$8;
 
-var _excluded$1b = ["title", "titleId"];
+var _excluded$1d = ["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); }
 
@@ -9017,12 +9620,13 @@ function _objectWithoutPropertiesLoose$S(source, excluded) { if (source == null)
 var SvgLogoAppleAppStoreWhite = function SvgLogoAppleAppStoreWhite(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$R(_ref, _excluded$1b);
+      props = _objectWithoutProperties$R(_ref, _excluded$1d);
 
   return /*#__PURE__*/createElement("svg", _extends$S({
     viewBox: "0 0 200 67",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9040,7 +9644,7 @@ var SvgLogoAppleAppStoreWhite = function SvgLogoAppleAppStoreWhite(_ref) {
 
 var _path$N, _path2$h, _path3$9;
 
-var _excluded$1c = ["title", "titleId"];
+var _excluded$1e = ["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); }
 
@@ -9051,11 +9655,12 @@ function _objectWithoutPropertiesLoose$T(source, excluded) { if (source == null)
 var SvgLogoBplBlack = function SvgLogoBplBlack(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$S(_ref, _excluded$1c);
+      props = _objectWithoutProperties$S(_ref, _excluded$1e);
 
   return /*#__PURE__*/createElement("svg", _extends$T({
     viewBox: "0 0 328 120",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9070,7 +9675,7 @@ var SvgLogoBplBlack = function SvgLogoBplBlack(_ref) {
 
 var _path$O, _path2$i, _path3$a;
 
-var _excluded$1d = ["title", "titleId"];
+var _excluded$1f = ["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); }
 
@@ -9081,12 +9686,13 @@ function _objectWithoutPropertiesLoose$U(source, excluded) { if (source == null)
 var SvgLogoBplWhite = function SvgLogoBplWhite(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$T(_ref, _excluded$1d);
+      props = _objectWithoutProperties$T(_ref, _excluded$1f);
 
   return /*#__PURE__*/createElement("svg", _extends$U({
     viewBox: "0 0 328 120",
     fill: "#fff",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9101,7 +9707,7 @@ var SvgLogoBplWhite = function SvgLogoBplWhite(_ref) {
 
 var _rect$2, _path$P;
 
-var _excluded$1e = ["title", "titleId"];
+var _excluded$1g = ["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); }
 
@@ -9112,12 +9718,13 @@ function _objectWithoutPropertiesLoose$V(source, excluded) { if (source == null)
 var SvgLogoCleverBadgeColor = function SvgLogoCleverBadgeColor(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$U(_ref, _excluded$1e);
+      props = _objectWithoutProperties$U(_ref, _excluded$1g);
 
   return /*#__PURE__*/createElement("svg", _extends$V({
     viewBox: "0 0 118 119",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9137,7 +9744,7 @@ var SvgLogoCleverBadgeColor = function SvgLogoCleverBadgeColor(_ref) {
 
 var _path$Q;
 
-var _excluded$1f = ["title", "titleId"];
+var _excluded$1h = ["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); }
 
@@ -9148,12 +9755,13 @@ function _objectWithoutPropertiesLoose$W(source, excluded) { if (source == null)
 var SvgLogoCleverColor = function SvgLogoCleverColor(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$V(_ref, _excluded$1f);
+      props = _objectWithoutProperties$V(_ref, _excluded$1h);
 
   return /*#__PURE__*/createElement("svg", _extends$W({
     viewBox: "0 0 312 88",
     fill: "#436CF2",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9166,7 +9774,7 @@ var SvgLogoCleverColor = function SvgLogoCleverColor(_ref) {
 
 var _path$R;
 
-var _excluded$1g = ["title", "titleId"];
+var _excluded$1i = ["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); }
 
@@ -9177,12 +9785,13 @@ function _objectWithoutPropertiesLoose$X(source, excluded) { if (source == null)
 var SvgLogoCleverWhite = function SvgLogoCleverWhite(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$W(_ref, _excluded$1g);
+      props = _objectWithoutProperties$W(_ref, _excluded$1i);
 
   return /*#__PURE__*/createElement("svg", _extends$X({
     viewBox: "0 0 312 88",
     fill: "#fff",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9195,7 +9804,7 @@ 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$1h = ["title", "titleId"];
+var _excluded$1j = ["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); }
 
@@ -9206,12 +9815,13 @@ function _objectWithoutPropertiesLoose$Y(source, excluded) { if (source == null)
 var SvgLogoFirstbookColor = function SvgLogoFirstbookColor(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$X(_ref, _excluded$1h);
+      props = _objectWithoutProperties$X(_ref, _excluded$1j);
 
   return /*#__PURE__*/createElement("svg", _extends$Y({
     viewBox: "0 0 172 152",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9259,7 +9869,7 @@ var SvgLogoFirstbookColor = function SvgLogoFirstbookColor(_ref) {
 
 var _g$3;
 
-var _excluded$1i = ["title", "titleId"];
+var _excluded$1k = ["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); }
 
@@ -9270,12 +9880,13 @@ function _objectWithoutPropertiesLoose$Z(source, excluded) { if (source == null)
 var SvgLogoFirstbookColorNegative = function SvgLogoFirstbookColorNegative(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$Y(_ref, _excluded$1i);
+      props = _objectWithoutProperties$Y(_ref, _excluded$1k);
 
   return /*#__PURE__*/createElement("svg", _extends$Z({
     viewBox: "0 0 170 150",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9328,7 +9939,7 @@ var SvgLogoFirstbookColorNegative = function SvgLogoFirstbookColorNegative(_ref)
 
 var _g$4, _defs;
 
-var _excluded$1j = ["title", "titleId"];
+var _excluded$1l = ["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); }
 
@@ -9339,12 +9950,13 @@ function _objectWithoutPropertiesLoose$_(source, excluded) { if (source == null)
 var SvgLogoGooglePlayBlack = function SvgLogoGooglePlayBlack(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$Z(_ref, _excluded$1j);
+      props = _objectWithoutProperties$Z(_ref, _excluded$1l);
 
   return /*#__PURE__*/createElement("svg", _extends$_({
     viewBox: "0 0 200 60",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9474,7 +10086,7 @@ var SvgLogoGooglePlayBlack = function SvgLogoGooglePlayBlack(_ref) {
 
 var _path$T, _path2$k;
 
-var _excluded$1k = ["title", "titleId"];
+var _excluded$1m = ["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); }
 
@@ -9485,12 +10097,13 @@ function _objectWithoutPropertiesLoose$$(source, excluded) { if (source == null)
 var SvgLogoLpaColor = function SvgLogoLpaColor(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$_(_ref, _excluded$1k);
+      props = _objectWithoutProperties$_(_ref, _excluded$1m);
 
   return /*#__PURE__*/createElement("svg", _extends$$({
     viewBox: "0 0 186 74",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9505,7 +10118,7 @@ var SvgLogoLpaColor = function SvgLogoLpaColor(_ref) {
 
 var _path$U;
 
-var _excluded$1l = ["title", "titleId"];
+var _excluded$1n = ["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); }
 
@@ -9516,11 +10129,12 @@ function _objectWithoutPropertiesLoose$10(source, excluded) { if (source == null
 var SvgLogoLpaBlack = function SvgLogoLpaBlack(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$$(_ref, _excluded$1l);
+      props = _objectWithoutProperties$$(_ref, _excluded$1n);
 
   return /*#__PURE__*/createElement("svg", _extends$10({
     viewBox: "0 0 186 74",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9531,7 +10145,7 @@ var SvgLogoLpaBlack = function SvgLogoLpaBlack(_ref) {
 
 var _path$V;
 
-var _excluded$1m = ["title", "titleId"];
+var _excluded$1o = ["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); }
 
@@ -9542,12 +10156,13 @@ function _objectWithoutPropertiesLoose$11(source, excluded) { if (source == null
 var SvgLogoLpaWhite = function SvgLogoLpaWhite(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$10(_ref, _excluded$1m);
+      props = _objectWithoutProperties$10(_ref, _excluded$1o);
 
   return /*#__PURE__*/createElement("svg", _extends$11({
     viewBox: "0 0 186 74",
     fill: "#fff",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9558,7 +10173,7 @@ var SvgLogoLpaWhite = function SvgLogoLpaWhite(_ref) {
 
 var _g$5;
 
-var _excluded$1n = ["title", "titleId"];
+var _excluded$1p = ["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); }
 
@@ -9569,11 +10184,12 @@ function _objectWithoutPropertiesLoose$12(source, excluded) { if (source == null
 var SvgLogoMlnBlack = function SvgLogoMlnBlack(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$11(_ref, _excluded$1n);
+      props = _objectWithoutProperties$11(_ref, _excluded$1p);
 
   return /*#__PURE__*/createElement("svg", _extends$12({
     viewBox: "0 0 300 71",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9586,7 +10202,7 @@ var SvgLogoMlnBlack = function SvgLogoMlnBlack(_ref) {
 
 var _g$6;
 
-var _excluded$1o = ["title", "titleId"];
+var _excluded$1q = ["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); }
 
@@ -9597,12 +10213,13 @@ function _objectWithoutPropertiesLoose$13(source, excluded) { if (source == null
 var SvgLogoMlnColor = function SvgLogoMlnColor(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$12(_ref, _excluded$1o);
+      props = _objectWithoutProperties$12(_ref, _excluded$1q);
 
   return /*#__PURE__*/createElement("svg", _extends$13({
     viewBox: "0 0 300 71",
     fill: "#C60917",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9615,7 +10232,7 @@ var SvgLogoMlnColor = function SvgLogoMlnColor(_ref) {
 
 var _g$7;
 
-var _excluded$1p = ["title", "titleId"];
+var _excluded$1r = ["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); }
 
@@ -9626,12 +10243,13 @@ function _objectWithoutPropertiesLoose$14(source, excluded) { if (source == null
 var SvgLogoMlnWhite = function SvgLogoMlnWhite(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$13(_ref, _excluded$1p);
+      props = _objectWithoutProperties$13(_ref, _excluded$1r);
 
   return /*#__PURE__*/createElement("svg", _extends$14({
     viewBox: "0 0 300 71",
     fill: "#fff",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9642,7 +10260,9 @@ var SvgLogoMlnWhite = function SvgLogoMlnWhite(_ref) {
   }))));
 };
 
-var _excluded$1q = ["title", "titleId"];
+var _g$8, _defs$1;
+
+var _excluded$1s = ["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); }
 
@@ -9650,15 +10270,62 @@ function _objectWithoutProperties$14(source, excluded) { if (source == null) ret
 
 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 SvgLogoNyplFullBlack = function SvgLogoNyplFullBlack(_ref) {
+var SvgLogoNycdoeColor = function SvgLogoNycdoeColor(_ref) {
   var title = _ref.title,
       titleId = _ref.titleId,
-      props = _objectWithoutProperties$14(_ref, _excluded$1q);
+      props = _objectWithoutProperties$14(_ref, _excluded$1s);
 
   return /*#__PURE__*/createElement("svg", _extends$15({
+    viewBox: "0 0 341 61",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/createElement("title", {
+    id: titleId
+  }, title) : null, _g$8 || (_g$8 = /*#__PURE__*/createElement("g", {
+    clipPath: "url(#logo-nycdoe-color_svg__a)"
+  }, /*#__PURE__*/createElement("path", {
+    d: "M188.913 1.963h6.668c4.756 0 7.601 2.89 7.601 7.69 0 5.08-2.888 7.818-7.601 7.818h-6.668V1.963Zm4.04 12.032h1.91c3.063-.063 4.28-1.257 4.28-4.365 0-2.823-1.521-4.19-4.28-4.19h-1.91v8.555ZM207.932 12.738c.065 1.54.956 2.562 2.518 2.562.891 0 1.76-.413 2.108-1.24h3.454c-.674 2.607-3.086 3.737-5.604 3.737-3.671 0-6.168-2.216-6.168-5.994 0-3.453 2.758-5.929 6.081-5.929 4.039 0 6.06 3.042 5.885 6.864h-8.274Zm4.582-2.064c-.065-1.26-.956-2.301-2.193-2.301-1.304 0-2.172.932-2.389 2.301h4.582ZM217.615 6.2h3.519v1.303h.042c.718-1.064 1.804-1.628 3.107-1.628 3.54 0 5.039 3.04 5.039 6.21 0 2.932-1.564 5.711-4.758 5.711-1.389 0-2.453-.519-3.214-1.54h-.043v4.996h-3.692V6.2Zm3.561 5.517c0 1.976.566 3.256 2.238 3.256 1.65 0 2.216-1.716 2.216-3.256 0-1.434-.566-3.02-2.195-3.02-.999 0-2.259.696-2.259 3.02ZM230.668 9.676c.067-1.478.76-2.435 1.759-3.02 1.001-.564 2.302-.782 3.585-.782 2.671 0 5.255.586 5.255 3.779v4.93c0 .955 0 2 .436 2.888h-3.716c-.128-.348-.174-.695-.216-1.064-.956 1-2.367 1.39-3.714 1.39-2.15 0-3.845-1.084-3.845-3.41 0-3.67 3.997-3.388 6.56-3.91.629-.128.977-.345.977-1.041 0-.847-1.021-1.174-1.781-1.174-1.02 0-1.672.456-1.847 1.414h-3.453Zm4.779 5.842c1.758 0 2.345-1 2.258-3.324-.521.325-1.477.39-2.28.607-.825.196-1.521.544-1.521 1.434 0 .913.717 1.283 1.543 1.283ZM243.378 6.2h3.583v1.976h.042c.544-1.435 1.804-2.194 3.39-2.194.281 0 .586.022.869.087v3.367c-.479-.131-.912-.218-1.413-.218-1.823 0-2.779 1.259-2.779 2.672v5.582h-3.692V6.2ZM259.404 8.59h-2.281v5.123c0 .892.523 1.087 1.325 1.087.303 0 .63-.043.956-.043v2.715c-.674.023-1.346.108-2.021.108-3.148 0-3.952-.912-3.952-3.975V8.59h-1.868V6.2h1.868V2.79h3.692V6.2h2.281v2.39ZM260.831 6.2h3.583v1.542h.045c.672-1.129 1.865-1.868 3.233-1.868 1.414 0 2.672.456 3.28 1.823.892-1.195 2-1.823 3.52-1.823 3.583 0 3.974 2.715 3.974 4.864v6.734h-3.692v-6.624c0-1.218-.587-1.934-1.542-1.934-1.585 0-1.738 1.218-1.738 3.04v5.518h-3.691v-6.408c0-1.326-.392-2.15-1.391-2.15-1.324 0-1.889.762-1.889 3.063v5.495h-3.692V6.2ZM283.631 12.738c.064 1.54.956 2.562 2.519 2.562.892 0 1.76-.413 2.108-1.24h3.453c-.673 2.607-3.084 3.737-5.604 3.737-3.67 0-6.168-2.216-6.168-5.994 0-3.453 2.758-5.929 6.08-5.929 4.04 0 6.062 3.042 5.887 6.864h-8.275Zm4.583-2.064c-.065-1.26-.955-2.301-2.195-2.301-1.301 0-2.17.932-2.388 2.301h4.583ZM293.316 6.2h3.582v1.542h.043c.675-1.152 2.195-1.868 3.541-1.868 3.756 0 4.062 2.735 4.062 4.366v7.232h-3.692V12.02c0-1.543.174-3.106-1.847-3.106-1.389 0-1.997 1.172-1.997 2.41v6.148h-3.692V6.2ZM313.231 8.59h-2.278v5.123c0 .892.52 1.087 1.325 1.087.303 0 .629-.043.953-.043v2.715c-.672.023-1.346.108-2.018.108-3.15 0-3.952-.912-3.952-3.975V8.59h-1.868V6.2h1.868V2.79h3.692V6.2h2.278v2.39ZM326.246 5.875c3.496 0 5.95 2.584 5.95 5.97 0 3.39-2.454 5.95-5.95 5.95-3.499 0-5.93-2.56-5.93-5.95 0-3.386 2.431-5.97 5.93-5.97Zm0 9.098c1.716 0 2.258-1.693 2.258-3.128 0-1.432-.542-3.148-2.258-3.148s-2.238 1.716-2.238 3.148c0 1.435.522 3.128 2.238 3.128ZM334.281 8.589h-1.783v-2.39h1.783c0-3.235 1.128-4.237 4.278-4.237.586 0 1.194.046 1.78.067v2.605a8.094 8.094 0 0 0-.998-.062c-.848 0-1.368.108-1.368 1.128v.5h2.214v2.389h-2.214v8.883h-3.692V8.589ZM188.913 25.826h12.358v3.235h-8.318v2.718h7.601v3.125h-7.601v2.955h8.534v3.474h-12.574V25.827ZM214.339 41.334h-3.519V40.03h-.043c-.717 1.063-1.804 1.628-3.106 1.628-3.54 0-5.039-3.04-5.039-6.21 0-2.932 1.564-5.712 4.757-5.712 1.39 0 2.454.52 3.214 1.54h.044v-5.451h3.692v15.508Zm-8.015-5.755c0 1.541.565 3.258 2.259 3.258 1.802 0 2.194-1.717 2.194-3.149 0-1.63-.588-3.129-2.194-3.129-1.694 0-2.259 1.587-2.259 3.02ZM227.625 41.334h-3.584V39.79h-.043c-.696 1.152-2.128 1.868-3.432 1.868-3.237 0-4.17-1.868-4.17-4.821v-6.776h3.692V36.6c0 1.498.652 2.02 1.825 2.02.803 0 2.02-.522 2.02-2.52v-6.038h3.692v11.272ZM237.03 34.188c-.022-.954-.87-1.628-1.803-1.628-2.063 0-2.389 1.76-2.389 3.323 0 1.456.63 2.953 2.194 2.953 1.28 0 1.934-.738 2.107-1.933h3.583c-.324 3.019-2.672 4.756-5.668 4.756-3.39 0-5.908-2.324-5.908-5.776 0-3.585 2.28-6.147 5.908-6.147 2.801 0 5.298 1.478 5.56 4.452h-3.584ZM241.963 33.538c.066-1.476.76-2.435 1.758-3.019 1.002-.565 2.303-.781 3.586-.781 2.67 0 5.254.584 5.254 3.777v4.93c0 .956 0 2 .436 2.889h-3.716c-.128-.348-.173-.695-.216-1.064-.956.998-2.366 1.39-3.713 1.39-2.151 0-3.845-1.085-3.845-3.41 0-3.67 3.997-3.388 6.56-3.91.629-.129.977-.346.977-1.04 0-.849-1.02-1.175-1.781-1.175-1.02 0-1.672.456-1.847 1.413h-3.453Zm4.778 5.843c1.759 0 2.346-1 2.259-3.325-.521.326-1.477.391-2.28.608-.825.197-1.521.544-1.521 1.434 0 .912.717 1.282 1.542 1.282ZM261.261 32.451h-2.282v5.124c0 .894.523 1.087 1.326 1.087.305 0 .629-.043.956-.043v2.715c-.672.023-1.347.108-2.019.108-3.151 0-3.955-.912-3.955-3.975v-5.016h-1.868v-2.39h1.868v-3.408h3.692v3.409h2.282v2.39ZM266.463 28.65h-3.692v-2.824h3.692v2.825ZM262.771 30.063h3.692v11.272h-3.692V30.063ZM273.933 29.738c3.496 0 5.951 2.582 5.951 5.97 0 3.39-2.455 5.952-5.951 5.952-3.498 0-5.929-2.561-5.929-5.952 0-3.388 2.431-5.97 5.929-5.97Zm0 9.098c1.716 0 2.259-1.693 2.259-3.128 0-1.432-.543-3.148-2.259-3.148-1.716 0-2.237 1.716-2.237 3.148 0 1.435.521 3.128 2.237 3.128ZM281.37 30.063h3.584v1.542h.044c.673-1.152 2.192-1.868 3.539-1.868 3.758 0 4.064 2.735 4.064 4.366v7.231h-3.695v-5.452c0-1.542.175-3.105-1.845-3.105-1.39 0-1.999 1.172-1.999 2.41v6.148h-3.692V30.061Z",
+    fill: "#036"
+  }), /*#__PURE__*/createElement("path", {
+    d: "M169.13 0h-37.582l-11.276 11.275V48.86l11.276 11.275h37.582l11.278-11.275V37.583l-3.759-3.762h-18.793v3.762h-15.034V22.55h15.034v3.712h18.793l3.759-3.712V11.275L169.13 0Z",
+    fill: "#69C"
+  }), /*#__PURE__*/createElement("path", {
+    d: "M56.377 0H41.344l-3.759 3.756V18.79L18.792 0H3.76L0 3.756v52.62l3.76 3.758h15.032l3.76-3.758V41.341l18.792 18.793h15.033l3.758-3.758V3.757L56.377 0Z",
+    fill: "#80B24C"
+  }), /*#__PURE__*/createElement("path", {
+    d: "M82.686 60.133H97.72l3.758-3.757V45.101l18.794-18.793V3.758L116.513 0h-15.035L97.72 3.757v7.518l-7.516 7.516-7.518-7.516V3.757L78.928 0H63.894l-3.758 3.757v22.551l18.792 18.793v11.275l3.758 3.757Z",
+    fill: "#F93"
+  }), /*#__PURE__*/createElement("path", {
+    d: "M173.67.538V.002h2.727v.536h-1.041v2.665h-.638V.538h-1.048ZM177.853.002l.819 2.293.813-2.293h.919v3.201h-.589V.623l-.882 2.58h-.512l-.892-2.58v2.58h-.588V.002h.912Z",
+    fill: "#69C"
+  }))), _defs$1 || (_defs$1 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
+    id: "logo-nycdoe-color_svg__a"
+  }, /*#__PURE__*/createElement("path", {
+    fill: "#fff",
+    d: "M0 0h340.339v60.134H0z"
+  })))));
+};
+
+var _excluded$1t = ["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$1t);
+
+  return /*#__PURE__*/createElement("svg", _extends$16({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 966.787 543.733",
     xmlSpace: "preserve",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9728,29 +10395,30 @@ var SvgLogoNyplFullBlack = function SvgLogoNyplFullBlack(_ref) {
   }));
 };
 
-var _g$8, _defs$1;
+var _g$9, _defs$2;
 
-var _excluded$1r = ["title", "titleId"];
+var _excluded$1u = ["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 _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$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 _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$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; }
+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$15(_ref, _excluded$1r);
+      props = _objectWithoutProperties$16(_ref, _excluded$1u);
 
-  return /*#__PURE__*/createElement("svg", _extends$16({
+  return /*#__PURE__*/createElement("svg", _extends$17({
     viewBox: "0 0 967 568",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
-  }, title) : null, _g$8 || (_g$8 = /*#__PURE__*/createElement("g", {
+  }, title) : null, _g$9 || (_g$9 = /*#__PURE__*/createElement("g", {
     clipPath: "url(#logo-nypl-full-white_svg__a)",
     fill: "#fff"
   }, /*#__PURE__*/createElement("path", {
@@ -9761,7 +10429,7 @@ var SvgLogoNyplFullWhite = function SvgLogoNyplFullWhite(_ref) {
     d: "M346.699 344.448c-.114-.808-.461-3.545-.458-4.111.009-1.442 2.976-3.406 4.361-4.506 2.098-1.671 4.529-3.507 6.122-4.309.574-.362.958.472 1.034.638 5.854 8.888 3.66 30.847-.571 41.292-.489 1.062-1.385 1.478-1.751.698-2.157-4.711-5.359-8.952-9.035-11.28-.682-.527-.734-1.625-.682-1.831 1.184-4.962 1.799-10.465.98-16.591Zm-72.394 54.056c1.264-3.639 2.731-5.784 5.559-7.553 5.327-3.343 14.182-3.486 22.726-4.072 8.278-.556 17.125-1.044 23.014-3.764 3.568-1.64 7.133-6.308 12.639-3.931 2.608 1.123 4.031 3.514 4.807 5.891.875 2.646 1.511 5.322 1.24 8.872-.793 10.245-9.114 15.247-10.61 24.824-.142 1.48-.392 3.622-1.243 4.472-6.352 6.467-18.914 5.108-30.273 3.963-4.066-.403-8.086-.514-10.837-1.823-1.984-.93-3.764-2.821-5.412-4.353-3.635-3.368-5.689-5.845-9.334-9.93-1.233-1.384-4.033-3.89-4.217-5.411-.16-1.46 1.402-5.648 1.941-7.185ZM75.395 519.246c-4.169-3.417-5.963-6.298-8.36-10.344-19.45-31.083-30.349-141.175-5.287-178.512 7.975-13.084 16.424-7.054 13.615 3.059-4.799 22.703-1.857 35.424 9.182 60.056 17.348 36.609 70.896 87.433 85.072 105.865 24.301 31.616 32.389 54.647 32.279 60.851-.13 4.76-1.045 7.795-9.385 7.09-44.001-3.488-86.535-21.728-117.116-48.065"
   }), /*#__PURE__*/createElement("path", {
     d: "M100.548 370.783c-13.42-32.694-4.658-62.132 1.272-73.299 2.988-5.635 5.91-9.316 9.724-8.256 4.151 1.157 5.11 5.406 5.683 13.281 4.222 65.353 43.753 87.356 93.401 110.43 39.174 20.024 83.741 42.918 121.092 98.373 5.653 8.007 6.469 12.864.088 17.45-22.776 15.546-43.404 26.383-73.589 33.422-4.541 1.063-9.229.265-13.253-10.116C203.035 444.031 132.634 448.9 100.548 370.783ZM360.26 503.607c-6.382 6.383-10.006 1.382-12.089-2.719-8.941-19.01-17.674-34.919-31.756-50.332-2.437-2.471-.558-5.944 3.028-5.589 4.582.366 7.586.114 12.627-2.051 4.268-1.832 9.154-7.814 11.591-16.405 1.776-6.268 1.86-8.112 5.7-8.501.954-.089 2.702.149 3.761.453 4.674 1.332 9.693 5.152 13.36 7.964 9.406 7.185 23.439 23.046 25.895 28.177 1.56 3.267.068 5.482-.812 7.349-4.923 10.062-20.445 30.918-31.305 41.654ZM476.671 7.388h7.369l54.269 78.566V7.388h7.088v90.997h-6.976l-54.777-79.13v79.13h-6.973V7.388ZM605.125 57.78c-.159-9.84-5.183-19.917-17.64-19.917-11.322 0-17.904 8.725-19.814 19.917h37.454Zm-45.387 7.396c0-18.458 10.686-33.49 28.009-33.49 16.703 0 25.843 13.385 24.463 32h-44.935v1.49c.114 14.876 6.412 28.542 21.992 28.542 8.322 0 15.295-3.397 18.839-6.13l3.037 5.607c-4.106 2.997-11.642 6.705-22.16 6.705-19.953 0-29.245-16.025-29.245-34.724Zm60.783-31.973h7.649l15.861 54.242 17.063-54.242h7.008l17.041 54.384 16.026-54.384h7.088l-19.688 65.183h-6.519l-17.609-54.947-17.662 54.947h-6.572l-19.686-65.183Zm151.272 30.876-30.492-56.69h8.503l25.815 49.163h.223l25.823-49.163h7.664l-30.163 56.69v34.307h-7.373V64.077Zm83.09 1.8c0-14.623-7.789-28.016-22.693-28.016-14.734 0-21.426 13.112-21.426 27.735 0 14.735 7.189 28.12 21.989 28.12 14.9 0 22.13-13.104 22.13-27.84Zm-51.712 0c0-16.423 8.773-34.193 29.246-34.193 20.551 0 29.976 17.658 29.976 33.912 0 16.365-9.336 34.302-29.81 34.302-20.47 0-29.412-17.655-29.412-34.022Zm72.807-32.676h7.14v11.36c2.433-4.785 8.329-12.877 17.496-12.877 3.038 0 5.173.675 6.298 1.124l-1.752 6.692c-1.117-.448-2.636-.956-5.333-.956-9.043 0-14.906 10.63-16.709 14.454v45.386h-7.14V33.202Zm51.796 28.572L956.4 33.202h8.828l-28.847 28.572 30.366 36.61h-8.88l-30.093-36.61ZM920.048.008h7.106v98.377h-7.106V.008ZM495.649 190.396c17.321 0 24.463-7.929 24.463-19.964 0-11.361-6.861-19.566-24.183-19.566h-11.64v39.53h11.36Zm-18.881-45.946h19.837c19.122 0 31.158 9.448 31.158 25.701 0 16.418-11.361 26.658-32.002 26.658h-11.472v38.692h-7.521V144.45Zm62.463 71.929v-46.096h7.087v44.577c0 9.563 3.428 15.691 13.384 15.691 9.731 0 17.77-9.165 19.965-12.991v-47.277h7.085v52.623c0 5.171.563 10.121 1.237 12.595h-7.243c-.403-2.249-.956-7.122-.956-10.686-3.126 4.949-10.528 12.188-21.567 12.188-13.663 0-18.992-8.926-18.992-20.624ZM648.8 202.942c0-14.222-5.473-27.73-21.332-27.73-5.566 0-12.146 3.263-15.826 7.369v45.667c3.004 1.516 7.503 2.531 12.705 2.531 16.524 0 24.453-14.343 24.453-27.837Zm-44.276 29.127v-94.987h7.118v39.199c3.961-4.499 10.372-7.479 17.065-7.479 18.613 0 27.613 14.895 27.613 33.853 0 18.337-12.316 34.348-32.228 34.348-7.814 0-15.07-1.916-19.568-4.934Zm67.747-94.987h7.143v98.419h-7.143v-98.419Zm28.278 33.201h7.207v65.218h-7.207v-65.218Zm-1.79-19.253c0-3.149 2.474-5.456 5.345-5.456 3.033 0 5.508 2.307 5.508 5.456 0 3.148-2.475 5.585-5.508 5.585-2.871 0-5.345-2.437-5.345-5.585Zm22.718 51.796c0-20.641 11.866-34.024 28.683-34.024 9.73 0 15.858 3.654 19.39 6.803l-3.7 5.218c-3.654-3.136-8.605-5.892-15.858-5.892-14.472 0-21.037 12.595-21.037 27.612 0 14.456 6.471 28.236 20.941 28.236 7.52 0 13.817-3.264 16.688-5.796l3.091 5.312c-3.491 3.126-10.347 6.708-20.244 6.708-18.701 0-27.954-16.741-27.954-34.177ZM476.671 372.798v-90.997h19.402v75.392h33.907v15.605h-53.309Zm67.687 0v-66.535h18.319v66.535h-18.319Zm9.154-75.134c-6.415 0-11.07-5.117-11.07-10.916 0-5.745 4.655-10.685 11.07-10.685 6.411 0 11.201 4.94 11.201 10.685 0 5.799-4.79 10.916-11.201 10.916Zm43.305 61.017c1.232.429 4.1 1.521 9.163 1.521 10.122 0 16.139-7.48 16.139-21.203 0-12.429-4.222-20.077-14.059-20.077-5.736 0-10.123 3.765-11.243 5.117v34.642Zm0-84.303v37.064c3.032-3.041 8.881-6.864 16.289-6.864 16.664 0 28.27 11.472 28.27 34.421 0 22.719-15.318 35.444-35.396 35.444-15.019 0-24.184-3.833-27.333-5.301v-94.764h18.17Zm95.708 47.836c-1.122-.65-3.202-1.44-7.029-1.44-8.041 0-12.821 7.09-14.506 10.064v41.96h-18.138v-66.535h18.138v9.003c2.866-4.951 8.377-10.688 16.814-10.688 4.948 0 7.589.958 9.035 1.824l-4.314 15.812Zm46.01 21.082h-2.368c-10.578 0-17.996 3.126-17.996 10.942 0 4.872 3.996 6.917 8.043 6.917 6.572 0 10.405-3.825 12.321-5.878v-11.981Zm2.02 29.502c-.563-1.688-.955-5.064-1.061-7.087-2.987 3.487-9.288 8.732-18.697 8.732-11.399 0-20.124-6.818-20.124-18.691 0-17.375 17.892-23.673 35.494-23.673h2.368v-3.824c0-5.737-2.368-9.333-10.803-9.333-8.605 0-14.51 4.553-16.983 6.298l-7.875-11.081c3.992-3.486 12.661-9.561 26.938-9.561 18.167 0 26.77 7.032 26.77 24.634v23.9c0 8.999.956 15.465 1.912 19.686h-17.939Zm70.962-50.584c-1.123-.65-3.205-1.44-7.029-1.44-8.041 0-12.824 7.09-14.496 10.064v41.96h-18.181v-66.535h18.181v9.003c2.878-4.951 8.365-10.688 16.801-10.688 4.948 0 7.593.958 9.083 1.824l-4.359 15.812Zm10.604-15.951h19.349l14.799 43.814h.667l13.554-43.814h18.726l-27.499 73.619c-5.89 15.693-12.825 24.858-30.988 24.858-5.576 0-8.941-.786-10.292-1.182l2.642-14.338c.954.224 2.475.616 6.363.616 9.328 0 12.59-4.441 15.233-11.56l2.474-6.829-25.028-65.184Z"
-  }))), _defs$1 || (_defs$1 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
+  }))), _defs$2 || (_defs$2 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
     id: "logo-nypl-full-white_svg__a"
   }, /*#__PURE__*/createElement("path", {
     fill: "#fff",
@@ -9771,23 +10439,24 @@ var SvgLogoNyplFullWhite = function SvgLogoNyplFullWhite(_ref) {
 
 var _path$W, _path2$l, _path3$c;
 
-var _excluded$1s = ["title", "titleId"];
+var _excluded$1v = ["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 _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$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 _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$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; }
+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$16(_ref, _excluded$1s);
+      props = _objectWithoutProperties$17(_ref, _excluded$1v);
 
-  return /*#__PURE__*/createElement("svg", _extends$17({
+  return /*#__PURE__*/createElement("svg", _extends$18({
     viewBox: "0 0 136 135",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9807,23 +10476,24 @@ var SvgLogoNyplLionBlack = function SvgLogoNyplLionBlack(_ref) {
 
 var _path$X;
 
-var _excluded$1t = ["title", "titleId"];
+var _excluded$1w = ["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 _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$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 _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$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; }
+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$17(_ref, _excluded$1t);
+      props = _objectWithoutProperties$18(_ref, _excluded$1w);
 
-  return /*#__PURE__*/createElement("svg", _extends$18({
+  return /*#__PURE__*/createElement("svg", _extends$19({
     viewBox: "0 0 125 126",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9837,23 +10507,24 @@ 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$1u = ["title", "titleId"];
+var _excluded$1x = ["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 _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$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 _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$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; }
+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$18(_ref, _excluded$1u);
+      props = _objectWithoutProperties$19(_ref, _excluded$1x);
 
-  return /*#__PURE__*/createElement("svg", _extends$19({
+  return /*#__PURE__*/createElement("svg", _extends$1a({
     viewBox: "0 0 201 165",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -9921,23 +10592,24 @@ 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$1v = ["title", "titleId"];
+var _excluded$1y = ["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 _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$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 _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$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; }
+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$19(_ref, _excluded$1v);
+      props = _objectWithoutProperties$1a(_ref, _excluded$1y);
 
-  return /*#__PURE__*/createElement("svg", _extends$1a({
+  return /*#__PURE__*/createElement("svg", _extends$1b({
     viewBox: "0 0 201 165",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10003,29 +10675,30 @@ var SvgLogoNyplTextWhite = function SvgLogoNyplTextWhite(_ref) {
   })));
 };
 
-var _g$9, _defs$2;
+var _g$a, _defs$3;
 
-var _excluded$1w = ["title", "titleId"];
+var _excluded$1z = ["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 _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$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 _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$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; }
+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$1a(_ref, _excluded$1w);
+      props = _objectWithoutProperties$1b(_ref, _excluded$1z);
 
-  return /*#__PURE__*/createElement("svg", _extends$1b({
+  return /*#__PURE__*/createElement("svg", _extends$1c({
     viewBox: "0 0 152 139",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
-  }, title) : null, _g$9 || (_g$9 = /*#__PURE__*/createElement("g", {
+  }, title) : null, _g$a || (_g$a = /*#__PURE__*/createElement("g", {
     clipPath: "url(#logo-openebooks-color_svg__clip0_53471_41906)"
   }, /*#__PURE__*/createElement("path", {
     d: "M130.79 29.541H20.99a5.667 5.667 0 0 0-5.673 5.662v98.138a5.667 5.667 0 0 0 5.673 5.661h109.8a5.667 5.667 0 0 0 5.672-5.661V35.202a5.666 5.666 0 0 0-5.672-5.66Z",
@@ -10036,7 +10709,7 @@ var SvgLogoOpenebooksColor = function SvgLogoOpenebooksColor(_ref) {
   }), /*#__PURE__*/createElement("path", {
     d: "M13.312 98.983c19.216-7.728 38.432-8.113 57.65 0V20.067c-18.895-8.814-38.117-8.959-57.65 0v78.915ZM80.102 98.983c19.216-7.728 38.432-8.113 57.65 0V20.067c-18.905-8.814-38.117-8.959-57.65 0v78.915Z",
     fill: "#fff"
-  }))), _defs$2 || (_defs$2 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("linearGradient", {
+  }))), _defs$3 || (_defs$3 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("linearGradient", {
     id: "logo-openebooks-color_svg__a",
     x1: 76.519,
     y1: 132.496,
@@ -10064,29 +10737,30 @@ var SvgLogoOpenebooksColor = function SvgLogoOpenebooksColor(_ref) {
   })))));
 };
 
-var _g$a, _defs$3;
+var _g$b, _defs$4;
 
-var _excluded$1x = ["title", "titleId"];
+var _excluded$1A = ["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 _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$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 _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$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; }
+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$1b(_ref, _excluded$1x);
+      props = _objectWithoutProperties$1c(_ref, _excluded$1A);
 
-  return /*#__PURE__*/createElement("svg", _extends$1c({
+  return /*#__PURE__*/createElement("svg", _extends$1d({
     viewBox: "0 0 155 139",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
-  }, title) : null, _g$a || (_g$a = /*#__PURE__*/createElement("g", {
+  }, title) : null, _g$b || (_g$b = /*#__PURE__*/createElement("g", {
     clipPath: "url(#logo-openebooks-negative_svg__clip0_54498_42323)"
   }, /*#__PURE__*/createElement("path", {
     d: "M78.087 9.5C36.26-12.024 1.802 9.59 0 10.747v110.438c1.074-1.272 5.518-6.158 15.394-9.572v21.596a5.805 5.805 0 0 0 5.79 5.791h112.114a5.808 5.808 0 0 0 5.79-5.791v-22.206c11.82 3.711 15.912 9.885 15.912 9.885V10.797S121.052-12.61 78.087 9.5Z",
@@ -10103,7 +10777,7 @@ var SvgLogoOpenebooksNegative = function SvgLogoOpenebooksNegative(_ref) {
   }), /*#__PURE__*/createElement("path", {
     d: "M8.52 106.014c36.338-17.129 64.973 0 64.973 0V16.266s-28.604-17.124-64.972 0v89.748Z",
     fill: "#0B1F31"
-  }))), _defs$3 || (_defs$3 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("linearGradient", {
+  }))), _defs$4 || (_defs$4 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("linearGradient", {
     id: "logo-openebooks-negative_svg__a",
     x1: 127.8,
     y1: 121.19,
@@ -10148,29 +10822,30 @@ var SvgLogoOpenebooksNegative = function SvgLogoOpenebooksNegative(_ref) {
   })))));
 };
 
-var _g$b, _defs$4;
+var _g$c, _defs$5;
 
-var _excluded$1y = ["title", "titleId"];
+var _excluded$1B = ["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 _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$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 _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$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; }
+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$1c(_ref, _excluded$1y);
+      props = _objectWithoutProperties$1d(_ref, _excluded$1B);
 
-  return /*#__PURE__*/createElement("svg", _extends$1d({
+  return /*#__PURE__*/createElement("svg", _extends$1e({
     viewBox: "0 0 152 139",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
-  }, title) : null, _g$b || (_g$b = /*#__PURE__*/createElement("g", {
+  }, title) : null, _g$c || (_g$c = /*#__PURE__*/createElement("g", {
     clipPath: "url(#logo-openebooks-with-text-color_svg__clip0_53471_41905)"
   }, /*#__PURE__*/createElement("path", {
     d: "M130.79 29.541H20.99a5.667 5.667 0 0 0-5.673 5.662v98.138a5.667 5.667 0 0 0 5.673 5.661h109.8a5.667 5.667 0 0 0 5.672-5.661V35.202a5.666 5.666 0 0 0-5.672-5.66Z",
@@ -10181,7 +10856,7 @@ var SvgLogoOpenebooksWithTextColor = function SvgLogoOpenebooksWithTextColor(_re
   }), /*#__PURE__*/createElement("path", {
     d: "M13.312 98.983c19.216-7.728 38.432-8.113 57.65 0V20.067c-18.895-8.814-38.117-8.959-57.65 0v78.915ZM80.102 98.983c19.216-7.728 38.432-8.113 57.65 0V20.067c-18.905-8.814-38.117-8.959-57.65 0v78.915ZM130.032 126.627c.01.626-.171 1.24-.519 1.76-.372.531-.89.944-1.49 1.191a5.757 5.757 0 0 1-2.286.419 9.806 9.806 0 0 1-1.835-.145 7.126 7.126 0 0 1-1.545-.524v-2.556c.563.28 1.154.502 1.763.66a6.857 6.857 0 0 0 1.68.235 1.69 1.69 0 0 0 .967-.21.679.679 0 0 0 .309-.574.58.58 0 0 0-.128-.377 1.348 1.348 0 0 0-.397-.335c-.178-.109-.663-.338-1.455-.681a7.123 7.123 0 0 1-1.61-.916 2.88 2.88 0 0 1-.796-1.016 3.339 3.339 0 0 1-.254-1.36 2.701 2.701 0 0 1 1.103-2.288c.734-.548 1.743-.821 3.027-.819a8.723 8.723 0 0 1 3.47.762l-.911 2.201c-1.025-.456-1.909-.683-2.654-.681a1.402 1.402 0 0 0-.839.194.589.589 0 0 0-.263.487.695.695 0 0 0 .097.319c.057.098.137.18.233.24a13.28 13.28 0 0 0 1.816.901c.943.411 1.597.853 1.963 1.328.383.515.579 1.145.554 1.785Zm-8.358 3.227h-3.342l-2.164-4.06-.878.507v3.562h-2.981v-10.619h2.981v4.609c.273-.471.576-.925.907-1.357l2.309-3.254h3.229l-3.455 4.756 3.394 5.856Zm-18.875-5.324c0 2.053.737 3.079 2.21 3.078.748 0 1.302-.247 1.663-.748s.546-1.276.546-2.33-.183-1.844-.554-2.347c-.372-.502-.912-.762-1.642-.762-1.482.003-2.223 1.039-2.223 3.109Zm7.536 0c0 1.787-.452 3.145-1.356 4.075-.904.931-2.227 1.395-3.97 1.394-1.72 0-3.039-.467-3.957-1.402-.918-.934-1.375-2.295-1.37-4.082 0-1.768.453-3.117 1.362-4.046.908-.928 2.234-1.396 3.978-1.401 1.745 0 3.067.462 3.966 1.387.898.925 1.347 2.283 1.347 4.075Zm-19.767 0c0 2.053.737 3.079 2.21 3.078.75 0 1.304-.247 1.663-.748s.548-1.276.548-2.33-.185-1.844-.556-2.347c-.372-.502-.912-.758-1.648-.758-1.478 0-2.217 1.035-2.217 3.105Zm7.536 0c0 1.787-.45 3.145-1.354 4.075-.902.931-2.224 1.395-3.965 1.394-1.72 0-3.04-.467-3.958-1.402-.918-.934-1.375-2.295-1.37-4.082 0-1.768.454-3.117 1.364-4.046.91-.928 2.236-1.396 3.978-1.401 1.746 0 3.067.462 3.964 1.387.897.925 1.344 2.283 1.341 4.075Zm-17.634.878v2.231h1.039c.924 0 1.386-.378 1.388-1.135a.96.96 0 0 0-.374-.813 1.74 1.74 0 0 0-1.075-.285l-.978.002Zm0-2.095h.89c.346.021.69-.068.982-.256a.871.871 0 0 0 .35-.756c0-.595-.463-.893-1.391-.893h-.84l.009 1.905Zm-2.963-4.076h3.823c1.488 0 2.592.216 3.313.646.724.419 1.088 1.091 1.088 1.999a2.471 2.471 0 0 1-.475 1.523c-.3.414-.743.704-1.243.815v.071a2.277 2.277 0 0 1 1.934 2.456 2.683 2.683 0 0 1-1.123 2.28c-.746.558-1.764.838-3.053.838h-4.26l-.004-10.628Zm-5.733 4.176c-.32-.007-.63.106-.87.319a1.464 1.464 0 0 0-.404.987h2.519a1.39 1.39 0 0 0-.35-.949 1.16 1.16 0 0 0-.89-.359l-.005.002Zm.174 6.588c-1.415 0-2.514-.363-3.298-1.09-.784-.726-1.173-1.765-1.167-3.115 0-1.389.36-2.454 1.083-3.196.722-.741 1.757-1.114 3.105-1.119 1.278 0 2.265.325 2.96.975.697.641 1.05 1.573 1.05 2.789v1.257h-5.236a1.402 1.402 0 0 0 .516 1.083c.39.28.865.418 1.344.392.475.005.95-.042 1.415-.138a7.152 7.152 0 0 0 1.409-.487v2.035a5.177 5.177 0 0 1-1.424.471c-.579.098-1.165.145-1.753.141l-.004.002Zm-7.692-.145h-1.45l-5.988-8.913h-.059c.08 1.048.12 2.007.12 2.877v6.036H55.7v-10.619h1.438l5.975 8.876h.07c-.011-.132-.032-.549-.068-1.257a20.277 20.277 0 0 1-.036-1.525v-6.094h1.19l-.014 10.619Zm-12.067 0h-6.11v-10.619h6.11v1.096H47.36v3.42h4.543v1.089h-4.547v3.916h4.828l.005 1.098Zm-15.156-5.238h1.146c1.13 0 1.944-.178 2.45-.532.506-.354.756-.92.756-1.699 0-.702-.237-1.224-.712-1.57-.474-.345-1.213-.515-2.216-.515h-1.424v4.316Zm5.669-2.288c0 1.073-.38 1.9-1.138 2.483-.759.582-1.84.87-3.246.863h-1.287v4.178h-1.274v-10.619h2.84c2.74 0 4.11 1.032 4.11 3.095h-.005Zm-19.197 2.2c0 1.437.315 2.529.945 3.275.63.746 1.548 1.116 2.756 1.11 1.213 0 2.13-.37 2.75-1.11.62-.74.93-1.832.93-3.275 0-1.429-.31-2.511-.93-3.248-.62-.736-1.53-1.106-2.729-1.11-1.213 0-2.137.373-2.771 1.119-.634.746-.951 1.825-.951 3.239Zm8.729 0c0 1.7-.444 3.036-1.333 4.008-.889.973-2.12 1.461-3.695 1.467-1.612 0-2.859-.477-3.739-1.431-.88-.954-1.318-2.305-1.312-4.052 0-1.731.44-3.07 1.318-4.017.88-.947 2.128-1.424 3.748-1.431 1.574 0 2.803.485 3.686 1.454.883.97 1.326 2.304 1.33 4.002h-.003Z",
     fill: "#fff"
-  }))), _defs$4 || (_defs$4 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("linearGradient", {
+  }))), _defs$5 || (_defs$5 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("linearGradient", {
     id: "logo-openebooks-with-text-color_svg__a",
     x1: 76.519,
     y1: 132.496,
@@ -10209,29 +10884,30 @@ var SvgLogoOpenebooksWithTextColor = function SvgLogoOpenebooksWithTextColor(_re
   })))));
 };
 
-var _g$c, _defs$5;
+var _g$d, _defs$6;
 
-var _excluded$1z = ["title", "titleId"];
+var _excluded$1C = ["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 _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$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 _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$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; }
+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$1d(_ref, _excluded$1z);
+      props = _objectWithoutProperties$1e(_ref, _excluded$1C);
 
-  return /*#__PURE__*/createElement("svg", _extends$1e({
+  return /*#__PURE__*/createElement("svg", _extends$1f({
     viewBox: "0 0 155 139",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
-  }, title) : null, _g$c || (_g$c = /*#__PURE__*/createElement("g", {
+  }, title) : null, _g$d || (_g$d = /*#__PURE__*/createElement("g", {
     clipPath: "url(#logo-openebooks-with-text-negative_svg__clip0_54498_42322)"
   }, /*#__PURE__*/createElement("path", {
     d: "M78.087 9.5C36.26-12.024 1.802 9.59 0 10.747v110.438c1.074-1.272 5.518-6.158 15.394-9.572v21.596a5.805 5.805 0 0 0 5.79 5.791h112.114a5.808 5.808 0 0 0 5.79-5.791v-22.206c11.82 3.711 15.912 9.885 15.912 9.885V10.797S121.052-12.61 78.087 9.5Z",
@@ -10251,7 +10927,7 @@ var SvgLogoOpenebooksWithTextNegative = function SvgLogoOpenebooksWithTextNegati
   }), /*#__PURE__*/createElement("path", {
     d: "M8.52 106.014c36.338-17.129 64.973 0 64.973 0V16.266s-28.604-17.124-64.972 0v89.748Z",
     fill: "#0B1F31"
-  }))), _defs$5 || (_defs$5 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("linearGradient", {
+  }))), _defs$6 || (_defs$6 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("linearGradient", {
     id: "logo-openebooks-with-text-negative_svg__a",
     x1: 127.8,
     y1: 121.19,
@@ -10298,22 +10974,23 @@ var SvgLogoOpenebooksWithTextNegative = function SvgLogoOpenebooksWithTextNegati
 
 var _path$_;
 
-var _excluded$1A = ["title", "titleId"];
+var _excluded$1D = ["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 _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$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 _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$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; }
+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$1e(_ref, _excluded$1A);
+      props = _objectWithoutProperties$1f(_ref, _excluded$1D);
 
-  return /*#__PURE__*/createElement("svg", _extends$1f({
+  return /*#__PURE__*/createElement("svg", _extends$1g({
     viewBox: "0 0 250 134",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10324,23 +11001,24 @@ var SvgLogoQplAltBlack = function SvgLogoQplAltBlack(_ref) {
 
 var _path$$;
 
-var _excluded$1B = ["title", "titleId"];
+var _excluded$1E = ["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 _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$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 _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$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; }
+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$1f(_ref, _excluded$1B);
+      props = _objectWithoutProperties$1g(_ref, _excluded$1E);
 
-  return /*#__PURE__*/createElement("svg", _extends$1g({
+  return /*#__PURE__*/createElement("svg", _extends$1h({
     viewBox: "0 0 250 134",
     fill: "#fff",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10351,22 +11029,23 @@ var SvgLogoQplAltWhite = function SvgLogoQplAltWhite(_ref) {
 
 var _path$10, _path2$o, _path3$f, _path4$4, _path5$3;
 
-var _excluded$1C = ["title", "titleId"];
+var _excluded$1F = ["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 _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$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 _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$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; }
+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$1g(_ref, _excluded$1C);
+      props = _objectWithoutProperties$1h(_ref, _excluded$1F);
 
-  return /*#__PURE__*/createElement("svg", _extends$1h({
+  return /*#__PURE__*/createElement("svg", _extends$1i({
     viewBox: "0 0 320 43",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10391,29 +11070,30 @@ var SvgLogoQplBlack = function SvgLogoQplBlack(_ref) {
   })));
 };
 
-var _g$d, _defs$6;
+var _g$e, _defs$7;
 
-var _excluded$1D = ["title", "titleId"];
+var _excluded$1G = ["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 _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$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 _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$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; }
+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$1h(_ref, _excluded$1D);
+      props = _objectWithoutProperties$1i(_ref, _excluded$1G);
 
-  return /*#__PURE__*/createElement("svg", _extends$1i({
+  return /*#__PURE__*/createElement("svg", _extends$1j({
     viewBox: "0 0 355 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
-  }, title) : null, _g$d || (_g$d = /*#__PURE__*/createElement("g", {
+  }, title) : null, _g$e || (_g$e = /*#__PURE__*/createElement("g", {
     clipPath: "url(#logo-qpl-color_svg__a)"
   }, /*#__PURE__*/createElement("path", {
     fillRule: "evenodd",
@@ -10443,7 +11123,7 @@ var SvgLogoQplColor = function SvgLogoQplColor(_ref) {
   }), /*#__PURE__*/createElement("path", {
     d: "M65.945 32.481a.78.78 0 0 1 .033 1.395l-.856.485c-.312.18-.727.132-1.014-.039l-3.648-2.067c-.998.41-2.115.624-3.34.624-4.587 0-8.236-3.629-8.236-8.19a8.202 8.202 0 0 1 8.236-8.237 8.221 8.221 0 0 1 8.259 8.236c0 2.144-.916 4.438-2.547 6.016l3.113 1.777Zm99.688-7.709a2.962 2.962 0 0 0 2.953-2.96c0-1.522-1.326-2.74-2.953-2.74h-3.107v5.7h3.107Zm-3.107 7.104a.803.803 0 0 1-.79.786h-.832a.787.787 0 0 1-.791-.786v-14.42c0-.429.347-.787.79-.787h4.839c2.896 0 5.28 2.342 5.28 5.185 0 2.901-2.372 5.276-5.257 5.276h-3.239v4.746Zm12.624-14.42c0-.425.365-.787.791-.787h.832c.444 0 .791.358.791.786v9.083c0 2.384 1.485 4.05 3.742 4.05 2.29 0 3.785-1.636 3.785-4.006v-9.126c0-.428.348-.786.79-.786h.834c.426 0 .79.362.79.786v9.213c0 3.571-2.585 6.212-6.2 6.212-3.591 0-6.155-2.64-6.155-6.212v-9.213Zm23.645 6.051c1.395 0 2.251-.94 2.251-2.348 0-1.405-.815-2.24-2.251-2.24H195.6v4.59h3.195v-.002Zm.372 6.95c1.378 0 2.384-1.018 2.384-2.394 0-1.296-1.207-2.306-2.756-2.306h-3.239v4.7H199.167Zm4.972-2.373c0 2.674-2.144 4.578-5.148 4.578h-4.992a.79.79 0 0 1-.79-.788V17.455c0-.427.347-.785.79-.785h4.796c2.832 0 4.863 1.845 4.863 4.38 0 1.393-.71 2.62-1.767 3.432 1.36.747 2.248 1.954 2.248 3.603Zm13.305 2.372c.444 0 .792.358.792.786v.633a.784.784 0 0 1-.233.558.785.785 0 0 1-.559.23h-7.576a.79.79 0 0 1-.79-.788v-14.42c0-.427.348-.785.79-.785h.855c.426 0 .79.362.79.786v13h5.931Zm4.57-13c0-.424.365-.787.79-.787h.877c.426 0 .792.362.792.786v14.42a.805.805 0 0 1-.792.787h-.877a.804.804 0 0 1-.79-.788V17.455Zm15.525-1.004c2.162 0 3.857.685 5.565 2.134.32.32.344.815.021 1.138l-.563.557c-.324.403-.756.378-1.109.028-1.107-.955-2.582-1.543-3.936-1.543-3.19 0-5.734 2.664-5.734 5.9 0 3.217 2.548 5.878 5.734 5.878 1.523 0 2.425-.408 3.948-1.552.322-.255.676-.278 1.01-.052l.634.568c.37.278.327.842.012 1.155-1.514 1.461-3.47 2.218-5.582 2.218-4.594 0-8.28-3.639-8.28-8.193 0-4.562 3.694-8.236 8.28-8.236Zm27.593 14.005c.444 0 .792.358.792.786v.632a.784.784 0 0 1-.233.558.785.785 0 0 1-.559.23h-7.576a.79.79 0 0 1-.79-.788v-14.42c0-.427.346-.785.79-.785h.855c.425 0 .79.363.79.786v13h5.931v.001Zm4.57-13c0-.425.364-.787.79-.787h.875c.427 0 .792.362.792.786v14.42a.805.805 0 0 1-.792.787h-.875a.802.802 0 0 1-.79-.789V17.455v.001Zm13.947 6.051c1.396 0 2.252-.94 2.252-2.348 0-1.405-.815-2.24-2.252-2.24h-3.195v4.59h3.195v-.002Zm.372 6.95c1.378 0 2.384-1.018 2.384-2.394 0-1.296-1.207-2.306-2.756-2.306h-3.238v4.7h3.61Zm4.973-2.373c0 2.674-2.145 4.578-5.149 4.578h-4.991a.792.792 0 0 1-.792-.788v-14.42c0-.427.348-.785.792-.785h4.795c2.833 0 4.864 1.845 4.864 4.38 0 1.393-.71 2.62-1.768 3.432 1.36.747 2.249 1.954 2.249 3.603Zm11.291-3.574c1.509 0 2.778-1.257 2.778-2.807 0-1.443-1.292-2.698-2.778-2.698h-3.873v5.505h3.873Zm-3.915 7.364a.803.803 0 0 1-.79.786h-.855a.787.787 0 0 1-.791-.786v-14.42c0-.429.347-.786.79-.786h5.671c2.847 0 5.149 2.224 5.149 5.012 0 1.978-1.21 3.72-3.093 4.622l2.808 5.177c.291.54-.053 1.181-.704 1.181h-1.116a.75.75 0 0 1-.685-.4l-2.808-5.567h-3.576v5.181Zm20.953-8.192a772.62 772.62 0 0 0-1.342-3.004l-2.708 6.052h5.412a687.64 687.64 0 0 1-1.362-3.048Zm-2.137-6.789a.759.759 0 0 1 .706-.443h.22c.33 0 .57.174.714.46l6.612 14.655c.247.533-.115 1.096-.714 1.096h-.876a.768.768 0 0 1-.714-.46l-1.52-3.374h-7.287l-1.494 3.36a.774.774 0 0 1-.722.474h-.875c-.598 0-.96-.562-.714-1.094l6.664-14.674Zm18.459 7.616c1.508 0 2.777-1.257 2.777-2.807 0-1.443-1.292-2.698-2.777-2.698h-3.873v5.505h3.873Zm-3.918 7.365a.803.803 0 0 1-.79.786h-.855a.787.787 0 0 1-.791-.786v-14.42c0-.428.348-.786.79-.786h5.672c2.847 0 5.149 2.224 5.149 5.012 0 1.977-1.211 3.72-3.093 4.622l2.808 5.178c.29.54-.054 1.18-.704 1.18h-1.117a.744.744 0 0 1-.685-.4l-2.807-5.567h-3.577v5.181Zm12.088-14.006a.773.773 0 0 1 .67-1.2h1.028c.267 0 .499.147.654.35l4.12 5.66 4.123-5.665a.824.824 0 0 1 .65-.345h1.03c.642 0 1 .665.653 1.225l-5.271 7.155v6.826a.806.806 0 0 1-.791.788h-.855a.79.79 0 0 1-.79-.788V25.07l-5.221-7.2Zm-271.826-.365c0-.423.364-.785.79-.785h.832c.445 0 .792.357.792.785v9.084c0 2.384 1.484 4.05 3.742 4.05 2.289 0 3.785-1.636 3.785-4.006v-9.128c0-.428.347-.785.79-.785h.833c.426 0 .79.362.79.785v9.215c0 3.57-2.584 6.21-6.198 6.21-3.593 0-6.156-2.639-6.156-6.21v-9.215Zm27.476 13.001c.444 0 .792.358.792.787v.632a.79.79 0 0 1-.792.787h-8.627a.79.79 0 0 1-.79-.787v-14.42c0-.428.346-.785.79-.785h8.627c.443 0 .792.357.792.785v.632a.791.791 0 0 1-.792.788h-6.982v4.57h5.91c.425 0 .79.362.79.784v.632c0 .442-.36.787-.79.787h-5.91v4.808h6.982Zm15.147 0c.444 0 .792.358.792.787v.632a.793.793 0 0 1-.792.787h-8.628a.79.79 0 0 1-.79-.787v-14.42c0-.427.347-.785.79-.785h8.628c.444 0 .792.357.792.785v.632a.784.784 0 0 1-.233.558.785.785 0 0 1-.559.23h-6.983v4.57h5.91c.426 0 .791.362.791.784v.632c0 .442-.36.787-.79.787h-5.91v4.808h6.982Zm8.077 1.42a.78.78 0 0 1-.232.557.8.8 0 0 1-.558.23h-.767a.8.8 0 0 1-.79-.788V17.266c0-.427.365-.765.79-.765h.368a.75.75 0 0 1 .585.28l9.139 11.326V17.505c0-.427.347-.786.79-.786h.767c.426 0 .792.363.792.786v14.66c0 .426-.367.765-.792.765h-.213a.752.752 0 0 1-.585-.28l-9.294-11.54v10.815Zm15.855-2.074.03-.04c.04-.05.076-.094.155-.195.085-.11.123-.158.163-.204.377-.492.834-.66 1.309-.253l.118.104a7 7 0 0 0 .925.685c.785.487 1.602.775 2.412.775 1.51 0 2.56-.899 2.56-2.024 0-1.189-.964-2-3.607-3.098-2.96-1.286-4.08-2.444-4.08-4.85 0-2.245 1.87-4.25 5.04-4.25.97.007 1.929.205 2.822.584.307.128.583.264.825.402.148.083.253.15.266.164.415.208.622.732.276 1.28-.032.048-.06.091-.122.191l-.003.006a8.212 8.212 0 0 1-.135.211c-.31.482-.751.608-1.265.32-.009-.004-.206-.123-.305-.18a7.769 7.769 0 0 0-.585-.305c-.585-.272-1.156-.442-1.675-.466a2.67 2.67 0 0 0-.12-.003c-1.75 0-2.647.935-2.647 2.023 0 1.156.806 1.933 2.721 2.727 3.68 1.49 5.096 2.734 5.096 5.18 0 2.442-2.292 4.294-5.105 4.294a7.273 7.273 0 0 1-3.344-.825 7.02 7.02 0 0 1-1.523-1.03l-.046-.04c-.365-.323-.47-.69-.156-1.183Zm-79.424.758c3.28 0 5.974-2.668 5.974-5.92 0-3.263-2.704-5.967-5.974-5.967-3.266 0-5.952 2.7-5.952 5.966 0 3.257 2.677 5.92 5.952 5.92v.001Z",
     fill: "#422980"
-  }))), _defs$6 || (_defs$6 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
+  }))), _defs$7 || (_defs$7 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
     id: "logo-qpl-color_svg__a"
   }, /*#__PURE__*/createElement("path", {
     fill: "#fff",
@@ -10454,23 +11134,24 @@ var SvgLogoQplColor = function SvgLogoQplColor(_ref) {
 
 var _path$11, _path2$p, _path3$g, _path4$5, _path5$4;
 
-var _excluded$1E = ["title", "titleId"];
+var _excluded$1H = ["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 _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$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 _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$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; }
+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$1i(_ref, _excluded$1E);
+      props = _objectWithoutProperties$1j(_ref, _excluded$1H);
 
-  return /*#__PURE__*/createElement("svg", _extends$1j({
+  return /*#__PURE__*/createElement("svg", _extends$1k({
     viewBox: "0 0 320 43",
     fill: "#fff",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10497,23 +11178,24 @@ var SvgLogoQplWhite = function SvgLogoQplWhite(_ref) {
 
 var _path$12, _path2$q, _path3$h, _path4$6, _path5$5;
 
-var _excluded$1F = ["title", "titleId"];
+var _excluded$1I = ["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 _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$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 _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$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; }
+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$1j(_ref, _excluded$1F);
+      props = _objectWithoutProperties$1k(_ref, _excluded$1I);
 
-  return /*#__PURE__*/createElement("svg", _extends$1k({
+  return /*#__PURE__*/createElement("svg", _extends$1l({
     viewBox: "0 0 105 129",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10535,29 +11217,30 @@ var SvgLogoReservoirIconColor = function SvgLogoReservoirIconColor(_ref) {
   })));
 };
 
-var _g$e;
+var _g$f;
 
-var _excluded$1G = ["title", "titleId"];
+var _excluded$1J = ["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 _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$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 _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$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; }
+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$1k(_ref, _excluded$1G);
+      props = _objectWithoutProperties$1l(_ref, _excluded$1J);
 
-  return /*#__PURE__*/createElement("svg", _extends$1l({
+  return /*#__PURE__*/createElement("svg", _extends$1m({
     viewBox: "0 0 234 261",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
-  }, title) : null, _g$e || (_g$e = /*#__PURE__*/createElement("g", {
+  }, title) : null, _g$f || (_g$f = /*#__PURE__*/createElement("g", {
     clipPath: "url(#logo-reservoir-vertical-color_svg__clip0_362_388)"
   }, /*#__PURE__*/createElement("path", {
     d: "M3.63 181.54H17.3a14.33 14.33 0 0 1 6.56 1.4 10.237 10.237 0 0 1 4.3 3.93 11.481 11.481 0 0 1 1.52 6v.06a11.16 11.16 0 0 1-2.22 7 10.896 10.896 0 0 1-6.08 3.92l9.4 16.46h-4.27l-8.92-15.9c-.13.011-.26.011-.39 0H7.28v15.87H3.63v-38.74ZM17 201.17a9.403 9.403 0 0 0 6.57-2.17 7.75 7.75 0 0 0 2.35-6 7.624 7.624 0 0 0-2.42-6 9.677 9.677 0 0 0-6.66-2.14H7.28v16.35l9.72-.04ZM41.15 219a11.557 11.557 0 0 1-4.39-5 17.6 17.6 0 0 1-1.54-7.64 17.739 17.739 0 0 1 1.54-7.65 11.911 11.911 0 0 1 4.34-5.08 11.786 11.786 0 0 1 6.52-1.8 11.809 11.809 0 0 1 6.46 1.73 11.392 11.392 0 0 1 4.22 4.88 16.998 16.998 0 0 1 1.49 7.33v1.4H37v-2.82h21.07l-1.8 2.55v-1.35a13.449 13.449 0 0 0-1.11-5.78 8.22 8.22 0 0 0-3.06-3.56 8.43 8.43 0 0 0-12.17 3.64 13.048 13.048 0 0 0-1.14 5.7v1.35a13.422 13.422 0 0 0 1.14 5.8 8.37 8.37 0 0 0 3.21 3.65 9.162 9.162 0 0 0 4.86 1.28 9.927 9.927 0 0 0 3.65-.63 7.162 7.162 0 0 0 2.69-1.78 6.86 6.86 0 0 0 1.53-2.69l.08-.24h3.49v.27a9.678 9.678 0 0 1-1.44 3.29c-.66 1.02-1.5 1.911-2.48 2.63a11.782 11.782 0 0 1-3.44 1.72c-1.358.41-2.771.612-4.19.6a12.665 12.665 0 0 1-6.74-1.8ZM70.65 219.74a9.361 9.361 0 0 1-3.75-2.93 8.558 8.558 0 0 1-1.66-4.33v-.25h3.52v.25a6.002 6.002 0 0 0 2.34 3.88 8.222 8.222 0 0 0 5 1.43 10.21 10.21 0 0 0 3.69-.59 5.24 5.24 0 0 0 2.39-1.7c.56-.739.86-1.643.85-2.57A3.812 3.812 0 0 0 82 210a8.8 8.8 0 0 0-4-1.75l-4.22-1a12.702 12.702 0 0 1-5.86-2.76 6.125 6.125 0 0 1-1.92-4.66 6.899 6.899 0 0 1 1.27-4.12 8.552 8.552 0 0 1 3.52-2.81 12.281 12.281 0 0 1 5.14-1 11.883 11.883 0 0 1 5.2 1.06 8.902 8.902 0 0 1 3.52 2.93 8.593 8.593 0 0 1 1.49 4.28v.3H82.8v-.19a5.802 5.802 0 0 0-2.11-3.91 7.231 7.231 0 0 0-4.69-1.51 8.543 8.543 0 0 0-3.33.6 5.081 5.081 0 0 0-2.2 1.7 4.18 4.18 0 0 0-.78 2.51 3.567 3.567 0 0 0 1.21 2.77 9.203 9.203 0 0 0 4 1.77l4.19 1c2.8.667 4.783 1.583 5.95 2.75a6.33 6.33 0 0 1 1.76 4.68 6.859 6.859 0 0 1-1.37 4.22 9.117 9.117 0 0 1-3.75 2.86 13.45 13.45 0 0 1-5.43 1 13.224 13.224 0 0 1-5.6-.98ZM99.15 219a11.557 11.557 0 0 1-4.39-5 17.599 17.599 0 0 1-1.55-7.64 17.74 17.74 0 0 1 1.55-7.65 12.282 12.282 0 0 1 17.32-5.15 11.367 11.367 0 0 1 4.21 4.88 16.841 16.841 0 0 1 1.49 7.33v1.4H95v-2.82h21.09l-1.8 2.55v-1.35a13.31 13.31 0 0 0-1.12-5.78 8.094 8.094 0 0 0-3.06-3.56 8.42 8.42 0 0 0-6.909-.95 8.408 8.408 0 0 0-5.251 4.59 12.91 12.91 0 0 0-1.15 5.7v1.35a13.269 13.269 0 0 0 1.15 5.8 8.41 8.41 0 0 0 3.2 3.65 9.169 9.169 0 0 0 4.87 1.26 10.014 10.014 0 0 0 3.65-.63 7.124 7.124 0 0 0 2.68-1.78 6.62 6.62 0 0 0 1.53-2.69l.08-.24h3.5l-.06.27a9.882 9.882 0 0 1-1.35 3.29 10.197 10.197 0 0 1-2.49 2.63 11.685 11.685 0 0 1-3.44 1.72 13.99 13.99 0 0 1-4.19.6 12.614 12.614 0 0 1-6.78-1.78ZM125.67 192.36h3.55v5h.08a7.999 7.999 0 0 1 2.54-4 6.54 6.54 0 0 1 4.33-1.48 8.024 8.024 0 0 1 2.21.32v3.47a4.558 4.558 0 0 0-1-.28 9.786 9.786 0 0 0-1.64-.12 5.997 5.997 0 0 0-5.68 3.65 9.813 9.813 0 0 0-.79 4.11v17.29h-3.55l-.05-27.96ZM143.52 192.36h3.73l8.49 24.22h.1l8.52-24.22H168l-10.37 27.93h-3.76l-10.35-27.93ZM177.41 219a11.85 11.85 0 0 1-4.47-5 17.174 17.174 0 0 1-1.6-7.68v-.06a16.99 16.99 0 0 1 1.6-7.66 11.775 11.775 0 0 1 4.47-5 13.457 13.457 0 0 1 13.31 0 11.994 11.994 0 0 1 4.47 5 17.067 17.067 0 0 1 1.61 7.68v.06a17.139 17.139 0 0 1-1.61 7.69 12.099 12.099 0 0 1-4.46 5 12.366 12.366 0 0 1-6.66 1.77 12.74 12.74 0 0 1-6.66-1.8Zm11.47-2.73a8.821 8.821 0 0 0 3.17-3.89 14.997 14.997 0 0 0 1.13-6.07v-.06a14.877 14.877 0 0 0-1.13-6.07 8.728 8.728 0 0 0-3.19-3.85A8.63 8.63 0 0 0 184 195a8.497 8.497 0 0 0-4.75 1.34 8.892 8.892 0 0 0-3.18 3.87 14.599 14.599 0 0 0-1.14 6v.06a14.813 14.813 0 0 0 1.14 6.07 8.837 8.837 0 0 0 3.18 3.89 9.254 9.254 0 0 0 9.59 0l.04.04ZM204 186.63a2.288 2.288 0 0 1-.68-1.68 2.206 2.206 0 0 1 .68-1.65 2.354 2.354 0 0 1 2.566-.512c.286.119.546.293.764.512a2.217 2.217 0 0 1 .67 1.7 2.354 2.354 0 0 1-1.446 2.159 2.36 2.36 0 0 1-2.554-.479v-.05Zm-.12 5.73h3.54v27.93h-3.54v-27.93ZM215.8 192.36h3.55v5h.08a8.007 8.007 0 0 1 2.53-4 6.579 6.579 0 0 1 4.34-1.48c.432-.002.864.035 1.29.11.308.05.612.12.91.21v3.47a4.25 4.25 0 0 0-1-.28 10.002 10.002 0 0 0-1.64-.12 5.927 5.927 0 0 0-5.68 3.65 9.813 9.813 0 0 0-.79 4.11v17.29h-3.59v-27.96ZM3.28 235.89H5.2l8.24 11.83-2.2-1.95h.9v-9.88h2.06v13.39h-1.92l-8.23-11.85 2.2 1.94h-.9v9.91H3.28v-13.39ZM22 243.79l-4.71-7.9h2.31l3.42 5.9h.06l3.41-5.9h2.32l-4.72 7.9v5.49H22v-5.49ZM31.86 235.89h2.08v13.39h-2.08v-13.39Zm1 7.07h3.43a2.9 2.9 0 0 0 2.09-.7 2.513 2.513 0 0 0 .75-1.94 2.541 2.541 0 0 0-.75-2 3.002 3.002 0 0 0-2.09-.7H32.9v-1.75h4a4.815 4.815 0 0 1 2.32.55c.64.376 1.163.923 1.51 1.58a4.54 4.54 0 0 1 .57 2.3 4.54 4.54 0 0 1-.57 2.3 4.004 4.004 0 0 1-1.56 1.55 4.71 4.71 0 0 1-2.32.55h-4l.01-1.74ZM44.71 235.89h2.08v11.59H53v1.8h-8.29v-13.39ZM64.88 235.89h4.72a7.002 7.002 0 0 1 3.41.78 5.292 5.292 0 0 1 2.17 2.27 7.91 7.91 0 0 1 .76 3.6 7.901 7.901 0 0 1-.76 3.62 5.257 5.257 0 0 1-2.18 2.33 6.999 6.999 0 0 1-3.42.79h-4.7v-13.39Zm4.52 11.59c.84.026 1.671-.17 2.41-.57a3.608 3.608 0 0 0 1.49-1.66 6.298 6.298 0 0 0 .51-2.67 6.28 6.28 0 0 0-.51-2.66 3.761 3.761 0 0 0-1.5-1.65 4.786 4.786 0 0 0-2.4-.56H67v9.79l2.4-.02ZM79.52 235.89H88v1.8h-6.4v3.9h6.07v1.74H81.6v4.15H88v1.8h-8.5l.02-13.39ZM93.69 249.05a4.238 4.238 0 0 1-1.79-1.31 3.652 3.652 0 0 1-.74-2v-.14h2v.12c.054.4.237.772.52 1.06.306.315.683.552 1.1.69a4.79 4.79 0 0 0 1.58.24 4.24 4.24 0 0 0 1.55-.25 2.31 2.31 0 0 0 1-.71 1.78 1.78 0 0 0 .35-1.09 1.558 1.558 0 0 0-.58-1.28 4.489 4.489 0 0 0-1.91-.77l-1.46-.3a6.003 6.003 0 0 1-2.93-1.34 3.202 3.202 0 0 1-1-2.41c-.01-.717.21-1.418.63-2a3.996 3.996 0 0 1 1.71-1.35 6.06 6.06 0 0 1 2.52-.49 6.14 6.14 0 0 1 2.46.47c.666.285 1.245.74 1.68 1.32.425.583.668 1.279.7 2v.15h-2v-.12a2 2 0 0 0-.46-1.07 2.42 2.42 0 0 0-1-.69 4.412 4.412 0 0 0-2.84 0 2.126 2.126 0 0 0-.94.69 1.592 1.592 0 0 0-.34 1 1.49 1.49 0 0 0 .6 1.23c.552.378 1.18.631 1.84.74l1.46.32a6.21 6.21 0 0 1 3 1.33 3.186 3.186 0 0 1 .94 2.44 3.65 3.65 0 0 1-.62 2.12 3.901 3.901 0 0 1-1.67 1.35 6.837 6.837 0 0 1-2.73.49 7.083 7.083 0 0 1-2.63-.44ZM105.26 235.89h2.08v13.39h-2.08v-13.39ZM113.85 248.65a5.64 5.64 0 0 1-2.16-2.41 8.373 8.373 0 0 1-.77-3.72 7.998 7.998 0 0 1 .76-3.64 5.644 5.644 0 0 1 2.16-2.37 6.421 6.421 0 0 1 3.31-.83 6.26 6.26 0 0 1 2.72.55 5.11 5.11 0 0 1 1.91 1.51 5.518 5.518 0 0 1 1 2.17v.16h-2.08v-.11a3.676 3.676 0 0 0-1.31-1.8 3.742 3.742 0 0 0-2.2-.64 4 4 0 0 0-2.2.6 3.697 3.697 0 0 0-1.41 1.71 6.644 6.644 0 0 0-.49 2.69 6.809 6.809 0 0 0 .5 2.76A4.005 4.005 0 0 0 115 247c.656.418 1.422.63 2.2.61a4.172 4.172 0 0 0 1.92-.42 3.241 3.241 0 0 0 1.3-1.19 3.479 3.479 0 0 0 .48-1.78V244h-3.51v-1.7h5.57v1.37a6.56 6.56 0 0 1-.69 3.11 4.686 4.686 0 0 1-2 2 6.498 6.498 0 0 1-3.11.69 6.247 6.247 0 0 1-3.31-.82ZM126.56 235.89h1.92l8.24 11.83-2.2-1.95h.9v-9.88h2.07v13.39h-1.92l-8.24-11.85 2.2 1.94h-.9v9.91h-2.07v-13.39ZM152 249.05a4.24 4.24 0 0 1-1.79-1.31 3.569 3.569 0 0 1-.74-2v-.14h2v.12c.055.398.233.769.51 1.06.311.313.691.55 1.11.69.51.168 1.044.249 1.58.24a4.24 4.24 0 0 0 1.55-.25 2.311 2.311 0 0 0 1-.71 1.78 1.78 0 0 0 .35-1.09 1.558 1.558 0 0 0-.58-1.28 4.486 4.486 0 0 0-1.91-.77l-1.46-.3a6 6 0 0 1-2.93-1.34 3.208 3.208 0 0 1-1-2.41 3.417 3.417 0 0 1 .64-2 3.995 3.995 0 0 1 1.71-1.35 6.673 6.673 0 0 1 5 0 4.1 4.1 0 0 1 1.69 1.32c.425.583.668 1.279.7 2v.15h-2v-.12a2.003 2.003 0 0 0-.46-1.07 2.416 2.416 0 0 0-1-.69 4.412 4.412 0 0 0-2.84 0 2.125 2.125 0 0 0-.94.69 1.59 1.59 0 0 0-.34 1 1.49 1.49 0 0 0 .6 1.23c.552.378 1.18.631 1.84.74l1.46.32a6.212 6.212 0 0 1 3 1.33 3.215 3.215 0 0 1 .94 2.44 3.65 3.65 0 0 1-.62 2.12 3.895 3.895 0 0 1-1.76 1.38 6.855 6.855 0 0 1-2.73.49 7.076 7.076 0 0 1-2.58-.49ZM166.38 243.79l-4.72-7.9H164l3.43 5.9 3.42-5.9h2.32l-4.73 7.9v5.49h-2.08l.02-5.49ZM177.85 249.05a4.24 4.24 0 0 1-1.79-1.31 3.652 3.652 0 0 1-.74-2v-.14h2v.12c.059.399.241.769.52 1.06.308.317.689.554 1.11.69a4.73 4.73 0 0 0 1.57.24 4.24 4.24 0 0 0 1.55-.25 2.311 2.311 0 0 0 1-.71c.241-.311.368-.696.36-1.09a1.583 1.583 0 0 0-.58-1.28 4.607 4.607 0 0 0-1.92-.77l-1.46-.3a6.057 6.057 0 0 1-2.93-1.34 3.206 3.206 0 0 1-1-2.41 3.343 3.343 0 0 1 .63-2 3.995 3.995 0 0 1 1.71-1.35 6.702 6.702 0 0 1 5 0 4.238 4.238 0 0 1 1.69 1.32 3.74 3.74 0 0 1 .69 2v.15h-2v-.12a2.003 2.003 0 0 0-.46-1.07 2.416 2.416 0 0 0-1-.69 4.412 4.412 0 0 0-2.84 0 2.18 2.18 0 0 0-.94.69 1.65 1.65 0 0 0-.34 1 1.49 1.49 0 0 0 .6 1.23c.552.378 1.18.631 1.84.74l1.46.32a6.163 6.163 0 0 1 3 1.33 3.193 3.193 0 0 1 .94 2.44 3.58 3.58 0 0 1-.62 2.12 3.853 3.853 0 0 1-1.76 1.38 6.838 6.838 0 0 1-2.73.49 7.059 7.059 0 0 1-2.56-.49ZM192.36 237.69h-4.1v-1.8h10.27v1.8h-4.09v11.59h-2.08v-11.59ZM201.82 235.89h8.5v1.8h-6.42v3.9h6.1v1.74h-6.1v4.15h6.42v1.8h-8.5v-13.39ZM214.06 235.89h2.4l4.33 10.68h.06l4.33-10.68h2.41v13.39h-1.9v-9.87h-1l2.17-3.15-5.31 13h-1.54l-5.31-13 2.17 3.15H216v9.87h-1.9l-.04-13.39Z",
@@ -10576,22 +11259,23 @@ var SvgLogoReservoirVerticalColor = function SvgLogoReservoirVerticalColor(_ref)
 
 var _path$13, _path2$r, _path3$i, _path4$7, _path5$6;
 
-var _excluded$1H = ["title", "titleId"];
+var _excluded$1K = ["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 _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$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 _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$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; }
+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$1l(_ref, _excluded$1H);
+      props = _objectWithoutProperties$1m(_ref, _excluded$1K);
 
-  return /*#__PURE__*/createElement("svg", _extends$1m({
+  return /*#__PURE__*/createElement("svg", _extends$1n({
     viewBox: "0 0 185 79",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10610,22 +11294,23 @@ var SvgLogoSchomburgBlack = function SvgLogoSchomburgBlack(_ref) {
 
 var _path$14, _path2$s, _path3$j, _path4$8, _path5$7;
 
-var _excluded$1I = ["title", "titleId"];
+var _excluded$1L = ["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 _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$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 _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$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; }
+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$1m(_ref, _excluded$1I);
+      props = _objectWithoutProperties$1n(_ref, _excluded$1L);
 
-  return /*#__PURE__*/createElement("svg", _extends$1n({
+  return /*#__PURE__*/createElement("svg", _extends$1o({
     viewBox: "0 0 67 67",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10644,23 +11329,24 @@ var SvgLogoSchomburgCircleBlack = function SvgLogoSchomburgCircleBlack(_ref) {
 
 var _path$15, _path2$t, _path3$k, _path4$9, _path5$8;
 
-var _excluded$1J = ["title", "titleId"];
+var _excluded$1M = ["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 _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$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 _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$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; }
+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$1n(_ref, _excluded$1J);
+      props = _objectWithoutProperties$1o(_ref, _excluded$1M);
 
-  return /*#__PURE__*/createElement("svg", _extends$1o({
+  return /*#__PURE__*/createElement("svg", _extends$1p({
     viewBox: "0 0 67 67",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10684,23 +11370,24 @@ var SvgLogoSchomburgCircleColor = function SvgLogoSchomburgCircleColor(_ref) {
 
 var _path$16, _path2$u, _path3$l, _path4$a, _path5$9;
 
-var _excluded$1K = ["title", "titleId"];
+var _excluded$1N = ["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 _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$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 _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$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; }
+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$1o(_ref, _excluded$1K);
+      props = _objectWithoutProperties$1p(_ref, _excluded$1N);
 
-  return /*#__PURE__*/createElement("svg", _extends$1p({
+  return /*#__PURE__*/createElement("svg", _extends$1q({
     viewBox: "0 0 67 67",
     fill: "#fff",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10719,23 +11406,24 @@ var SvgLogoSchomburgCircleWhite = function SvgLogoSchomburgCircleWhite(_ref) {
 
 var _path$17, _path2$v, _path3$m, _path4$b, _path5$a, _path6$3, _path7$3;
 
-var _excluded$1L = ["title", "titleId"];
+var _excluded$1O = ["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 _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$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 _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$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; }
+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$1p(_ref, _excluded$1L);
+      props = _objectWithoutProperties$1q(_ref, _excluded$1O);
 
-  return /*#__PURE__*/createElement("svg", _extends$1q({
+  return /*#__PURE__*/createElement("svg", _extends$1r({
     viewBox: "0 0 185 79",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10765,23 +11453,24 @@ var SvgLogoSchomburgColor = function SvgLogoSchomburgColor(_ref) {
 
 var _path$18, _path2$w, _path3$n, _path4$c, _path5$b;
 
-var _excluded$1M = ["title", "titleId"];
+var _excluded$1P = ["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 _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$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 _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$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; }
+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$1q(_ref, _excluded$1M);
+      props = _objectWithoutProperties$1r(_ref, _excluded$1P);
 
-  return /*#__PURE__*/createElement("svg", _extends$1r({
+  return /*#__PURE__*/createElement("svg", _extends$1s({
     viewBox: "0 0 185 79",
     fill: "#fff",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10798,28 +11487,29 @@ var SvgLogoSchomburgWhite = function SvgLogoSchomburgWhite(_ref) {
   })));
 };
 
-var _g$f, _defs$7;
+var _g$g, _defs$8;
 
-var _excluded$1N = ["title", "titleId"];
+var _excluded$1Q = ["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 _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$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 _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$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; }
+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$1r(_ref, _excluded$1N);
+      props = _objectWithoutProperties$1s(_ref, _excluded$1Q);
 
-  return /*#__PURE__*/createElement("svg", _extends$1s({
+  return /*#__PURE__*/createElement("svg", _extends$1t({
     viewBox: "0 0 512 148",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
-  }, title) : null, _g$f || (_g$f = /*#__PURE__*/createElement("g", {
+  }, title) : null, _g$g || (_g$g = /*#__PURE__*/createElement("g", {
     clipPath: "url(#logo-simplye-black_svg__a)"
   }, /*#__PURE__*/createElement("path", {
     d: "M25.017 34.161c-.504-.616-.54-1.441.215-1.69l52.402-17.328a.944.944 0 0 1 1.24.898.998.998 0 0 0 .93.945c.415.067.836.084 1.254.05a1.001 1.001 0 0 0 1.009-.941l-.003-5.512a1.001 1.001 0 0 0-.558-.914 1.137 1.137 0 0 0-.83-.118L21.98 29.023c-2.26.73-2.663 1.004-2.663 3.432l.02 99.764a.916.916 0 0 0 .039.282c1.212 3.697 5.547 5.389 5.547 5.389 4.256 1.615 6.449 2.064 10.304.727 0 0 .085-99.525.035-99.963a.28.28 0 0 0-.23-.242c-.41-.077-6.716-.21-10.017-4.25"
@@ -10827,7 +11517,7 @@ var SvgLogoSimplyeBlack = function SvgLogoSimplyeBlack(_ref) {
     d: "M6.382 25.48c-.529-.595-.54-1.44.216-1.69L58.999 6.462a.944.944 0 0 1 1.241.897.985.985 0 0 0 .93.945c.415.059.835.075 1.254.05a.997.997 0 0 0 1.008-.94l-.002-5.403a1.172 1.172 0 0 0-.496-.989 1.077 1.077 0 0 0-.893-.152L3.346 20.342c-2.26.731-2.344 1.05-2.344 3.478l.006 100.104c.003.096.016.19.04.283.93 3.738 5.241 5.003 5.241 5.003 4.256 1.615 6.45 2.064 10.304.726 0 0 .086-99.525.035-99.962a.28.28 0 0 0-.229-.243c-.41-.077-6.585-.386-10.017-4.25"
   }), /*#__PURE__*/createElement("path", {
     d: "M112.969 28.139a.946.946 0 0 0-1.242-.897L65.072 42.744c-12.007 3.546-12.608 3.957-16.436 2.548a10.762 10.762 0 0 1-4.804-3.209c-.487-.63-.489-1.441.267-1.691l52.402-17.327a.946.946 0 0 1 1.24.897.984.984 0 0 0 .93.946c.415.054.833.07 1.25.05a.99.99 0 0 0 1.013-.941l-.003-5.419a1.01 1.01 0 0 0-.557-1.008.99.99 0 0 0-.831-.117L40.848 36.944c-2.26.732-2.663 1.005-2.663 3.432l.02 97.48c0 .096.004 1.042.002 1.138-.059 3.155 3.655 4.911 5.418 5.699a14.107 14.107 0 0 0 10.47.824l58.236-18.912a.945.945 0 0 0 .638-.894v-18.715a.948.948 0 0 0-.783-.93.942.942 0 0 0-.435.027l-46.7 15.307a.986.986 0 0 1-1.265-.917v-16.534a.944.944 0 0 1 .672-.904l47.793-15.656c.581-.213.718-.312.718-.808l-.037-19.111a.91.91 0 0 0-1.224-.756l-46.771 15.49c-.603.174-1.15-.439-1.15-1.067l.071-16.602a.945.945 0 0 1 .656-.9l47.895-15.902c.391-.125.555-.68.555-1.091l.005-18.504ZM193.94 91.63c.043 3.264-.609 6.5-1.911 9.494a19.556 19.556 0 0 1-5.499 7.236 25.79 25.79 0 0 1-8.742 4.574 38.338 38.338 0 0 1-11.52 1.621 41.503 41.503 0 0 1-8.569-.811 43.232 43.232 0 0 1-6.773-1.968 31.143 31.143 0 0 1-5.094-2.49 32.82 32.82 0 0 1-3.416-2.373l6.947-11.347c.463.31 1.158.792 2.084 1.447a20.297 20.297 0 0 0 3.473 1.911 33.661 33.661 0 0 0 4.864 1.679c2.003.521 4.066.774 6.136.752 3.937 0 6.967-.868 9.089-2.605a7.893 7.893 0 0 0 3.184-6.31 6.703 6.703 0 0 0-1.447-4.342 13.8 13.8 0 0 0-3.821-3.184 48.838 48.838 0 0 0-5.5-2.721 95.44 95.44 0 0 1-6.484-3.068 49.257 49.257 0 0 1-6.599-3.821 25.536 25.536 0 0 1-5.211-4.747 20.55 20.55 0 0 1-3.473-6.195 24.361 24.361 0 0 1-1.274-8.278 19.651 19.651 0 0 1 1.969-8.916 20.53 20.53 0 0 1 5.326-6.715 24.22 24.22 0 0 1 7.873-4.284 30.599 30.599 0 0 1 9.726-1.505c2.813-.03 5.624.202 8.394.694 2.181.398 4.329.96 6.426 1.68a26.533 26.533 0 0 1 4.631 2.083 41.813 41.813 0 0 1 3.126 2.027l-6.599 11.462a32.073 32.073 0 0 0-2.547-1.505 24.885 24.885 0 0 0-3.474-1.505 38.012 38.012 0 0 0-4.284-1.216 21.567 21.567 0 0 0-4.747-.521 12.53 12.53 0 0 0-7.526 2.026 6.912 6.912 0 0 0-2.779 5.963 6.563 6.563 0 0 0 1.101 3.88 11.19 11.19 0 0 0 3.01 2.836 30.206 30.206 0 0 0 4.515 2.431c1.737.773 3.609 1.622 5.616 2.547a110.48 110.48 0 0 1 7.41 3.706 26.855 26.855 0 0 1 6.31 4.747 21.065 21.065 0 0 1 6.079 15.63ZM220.454 40.221a8.972 8.972 0 0 1-2.721 6.484 9.097 9.097 0 0 1-6.773 2.78 8.91 8.91 0 0 1-6.716-2.78 9.064 9.064 0 0 1-2.663-6.483 8.684 8.684 0 0 1 2.663-6.369 9.097 9.097 0 0 1 6.716-2.663 9.294 9.294 0 0 1 6.773 2.663 8.596 8.596 0 0 1 2.721 6.368Zm-17.252 72.944V56.779h15.515v56.386h-15.515ZM275.449 64.305a30.007 30.007 0 0 1 7.643-6.484 20.409 20.409 0 0 1 10.42-2.432 18.358 18.358 0 0 1 7.584 1.39 13.05 13.05 0 0 1 4.978 3.82 14.903 14.903 0 0 1 2.721 5.79 31.09 31.09 0 0 1 .81 7.294v39.482h-15.398V76.809a11.606 11.606 0 0 0-1.447-6.368c-.967-1.465-2.723-2.199-5.268-2.2a9.43 9.43 0 0 0-3.474.637c-1.037.4-2.012.946-2.895 1.62a20.225 20.225 0 0 0-2.315 2.085 74.01 74.01 0 0 0-1.853 2.026v38.556h-15.399V76.809c0-2.855-.521-4.997-1.564-6.426-1.041-1.427-2.72-2.141-5.036-2.142a8.78 8.78 0 0 0-3.878.868 14.06 14.06 0 0 0-3.127 2.026 15.322 15.322 0 0 0-2.2 2.316 73.736 73.736 0 0 1-1.331 1.737v37.977h-15.399V56.779h15.051v6.946a73.305 73.305 0 0 1 2.548-2.662 17.54 17.54 0 0 1 3.589-2.721 24.398 24.398 0 0 1 4.747-2.084 19.363 19.363 0 0 1 6.021-.869c4.013 0 7.159.81 9.437 2.432a14.285 14.285 0 0 1 5.035 6.484ZM371.897 84.914a37.586 37.586 0 0 1-1.853 12.157 27.702 27.702 0 0 1-5.21 9.321 23.497 23.497 0 0 1-7.989 6.02 23.991 23.991 0 0 1-10.19 2.143 20.801 20.801 0 0 1-8.336-1.39 19.832 19.832 0 0 1-4.632-2.663v28.02h-15.398V56.779h15.052v5.904a21.67 21.67 0 0 1 6.078-5.094 18.72 18.72 0 0 1 9.553-2.2c7.178 0 12.794 2.547 16.846 7.642 4.052 5.094 6.078 12.389 6.079 21.883Zm-16.326 0c0-5.326-.926-9.533-2.779-12.62a9.202 9.202 0 0 0-8.452-4.632 10.535 10.535 0 0 0-3.937.695c-1.095.43-2.142.974-3.126 1.62-.831.538-1.59 1.18-2.257 1.911a44.486 44.486 0 0 0-1.332 1.563v25.357a24.172 24.172 0 0 0 3.763 2.547 12.078 12.078 0 0 0 5.963 1.274 10.195 10.195 0 0 0 9.031-4.69c2.084-3.125 3.126-7.467 3.126-13.025ZM380.929 113.165V29.801h15.399v83.364h-15.399ZM402.811 56.779h16.441l12.505 37.166h.579l11.463-37.166h15.862l-23.272 62.407a64.516 64.516 0 0 1-4.053 8.916 25.026 25.026 0 0 1-5.21 6.599 21.354 21.354 0 0 1-7.121 4.111 29.982 29.982 0 0 1-9.9 1.447 31.243 31.243 0 0 1-5.673-.405c-1.389-.272-2.392-.484-3.01-.637l2.199-12.157a8.43 8.43 0 0 0 1.737.405c1.23.14 2.468.197 3.705.173 3.937 0 6.793-.888 8.568-2.663a19.126 19.126 0 0 0 4.284-7.178l2.084-5.79-21.188-55.228ZM466.725 113.165V36.053h44.461v13.431h-28.368v17.368h25.009v12.736h-25.009v20.146h29.178v13.431h-45.271Z"
-  }))), _defs$7 || (_defs$7 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
+  }))), _defs$8 || (_defs$8 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
     id: "logo-simplye-black_svg__a"
   }, /*#__PURE__*/createElement("path", {
     fill: "#fff",
@@ -10836,29 +11526,30 @@ var SvgLogoSimplyeBlack = function SvgLogoSimplyeBlack(_ref) {
   })))));
 };
 
-var _g$g, _defs$8;
+var _g$h, _defs$9;
 
-var _excluded$1O = ["title", "titleId"];
+var _excluded$1R = ["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 _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$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 _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$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; }
+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$1s(_ref, _excluded$1O);
+      props = _objectWithoutProperties$1t(_ref, _excluded$1R);
 
-  return /*#__PURE__*/createElement("svg", _extends$1t({
+  return /*#__PURE__*/createElement("svg", _extends$1u({
     viewBox: "0 0 512 148",
     fill: "#fff",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
-  }, title) : null, _g$g || (_g$g = /*#__PURE__*/createElement("g", {
+  }, title) : null, _g$h || (_g$h = /*#__PURE__*/createElement("g", {
     clipPath: "url(#logo-simplye-white_svg__a)"
   }, /*#__PURE__*/createElement("path", {
     d: "M25.017 34.161c-.504-.616-.54-1.441.215-1.69l52.402-17.328a.944.944 0 0 1 1.24.898.998.998 0 0 0 .93.945c.415.067.836.084 1.254.05a1.001 1.001 0 0 0 1.009-.941l-.003-5.512a1.001 1.001 0 0 0-.558-.914 1.137 1.137 0 0 0-.83-.118L21.98 29.023c-2.26.73-2.663 1.004-2.663 3.432l.02 99.764a.916.916 0 0 0 .039.282c1.212 3.697 5.547 5.389 5.547 5.389 4.256 1.615 6.449 2.064 10.304.727 0 0 .085-99.525.035-99.963a.28.28 0 0 0-.23-.242c-.41-.077-6.716-.21-10.017-4.25"
@@ -10866,7 +11557,7 @@ var SvgLogoSimplyeWhite = function SvgLogoSimplyeWhite(_ref) {
     d: "M6.382 25.48c-.529-.595-.54-1.44.216-1.69L58.999 6.462a.944.944 0 0 1 1.241.897.985.985 0 0 0 .93.945c.415.059.835.075 1.254.05a.997.997 0 0 0 1.008-.94l-.002-5.403a1.172 1.172 0 0 0-.496-.989 1.077 1.077 0 0 0-.893-.152L3.346 20.342c-2.26.731-2.344 1.05-2.344 3.478l.006 100.104c.003.096.016.19.04.283.93 3.738 5.241 5.003 5.241 5.003 4.256 1.615 6.45 2.064 10.304.726 0 0 .086-99.525.035-99.962a.28.28 0 0 0-.229-.243c-.41-.077-6.585-.386-10.017-4.25"
   }), /*#__PURE__*/createElement("path", {
     d: "M112.969 28.139a.946.946 0 0 0-1.242-.897L65.072 42.744c-12.007 3.546-12.608 3.957-16.436 2.548a10.762 10.762 0 0 1-4.804-3.209c-.487-.63-.489-1.441.267-1.691l52.402-17.327a.946.946 0 0 1 1.24.897.984.984 0 0 0 .93.946c.415.054.833.07 1.25.05a.99.99 0 0 0 1.013-.941l-.003-5.419a1.01 1.01 0 0 0-.557-1.008.99.99 0 0 0-.831-.117L40.848 36.944c-2.26.732-2.663 1.005-2.663 3.432l.02 97.48c0 .096.004 1.042.002 1.138-.059 3.155 3.655 4.911 5.418 5.699a14.107 14.107 0 0 0 10.47.824l58.236-18.912a.945.945 0 0 0 .638-.894v-18.715a.948.948 0 0 0-.783-.93.942.942 0 0 0-.435.027l-46.7 15.307a.986.986 0 0 1-1.265-.917v-16.534a.944.944 0 0 1 .672-.904l47.793-15.656c.581-.213.718-.312.718-.808l-.037-19.111a.91.91 0 0 0-1.224-.756l-46.771 15.49c-.603.174-1.15-.439-1.15-1.067l.071-16.602a.945.945 0 0 1 .656-.9l47.895-15.902c.391-.125.555-.68.555-1.091l.005-18.504ZM193.94 91.63c.043 3.264-.609 6.5-1.911 9.494a19.556 19.556 0 0 1-5.499 7.236 25.79 25.79 0 0 1-8.742 4.574 38.338 38.338 0 0 1-11.52 1.621 41.503 41.503 0 0 1-8.569-.811 43.232 43.232 0 0 1-6.773-1.968 31.143 31.143 0 0 1-5.094-2.49 32.82 32.82 0 0 1-3.416-2.373l6.947-11.347c.463.31 1.158.792 2.084 1.447a20.297 20.297 0 0 0 3.473 1.911 33.661 33.661 0 0 0 4.864 1.679c2.003.521 4.066.774 6.136.752 3.937 0 6.967-.868 9.089-2.605a7.893 7.893 0 0 0 3.184-6.31 6.703 6.703 0 0 0-1.447-4.342 13.8 13.8 0 0 0-3.821-3.184 48.838 48.838 0 0 0-5.5-2.721 95.44 95.44 0 0 1-6.484-3.068 49.257 49.257 0 0 1-6.599-3.821 25.536 25.536 0 0 1-5.211-4.747 20.55 20.55 0 0 1-3.473-6.195 24.361 24.361 0 0 1-1.274-8.278 19.651 19.651 0 0 1 1.969-8.916 20.53 20.53 0 0 1 5.326-6.715 24.22 24.22 0 0 1 7.873-4.284 30.599 30.599 0 0 1 9.726-1.505c2.813-.03 5.624.202 8.394.694 2.181.398 4.329.96 6.426 1.68a26.533 26.533 0 0 1 4.631 2.083 41.813 41.813 0 0 1 3.126 2.027l-6.599 11.462a32.073 32.073 0 0 0-2.547-1.505 24.885 24.885 0 0 0-3.474-1.505 38.012 38.012 0 0 0-4.284-1.216 21.567 21.567 0 0 0-4.747-.521 12.53 12.53 0 0 0-7.526 2.026 6.912 6.912 0 0 0-2.779 5.963 6.563 6.563 0 0 0 1.101 3.88 11.19 11.19 0 0 0 3.01 2.836 30.206 30.206 0 0 0 4.515 2.431c1.737.773 3.609 1.622 5.616 2.547a110.48 110.48 0 0 1 7.41 3.706 26.855 26.855 0 0 1 6.31 4.747 21.065 21.065 0 0 1 6.079 15.63ZM220.454 40.221a8.972 8.972 0 0 1-2.721 6.484 9.097 9.097 0 0 1-6.773 2.78 8.91 8.91 0 0 1-6.716-2.78 9.064 9.064 0 0 1-2.663-6.483 8.684 8.684 0 0 1 2.663-6.369 9.097 9.097 0 0 1 6.716-2.663 9.294 9.294 0 0 1 6.773 2.663 8.596 8.596 0 0 1 2.721 6.368Zm-17.252 72.944V56.779h15.515v56.386h-15.515ZM275.449 64.305a30.007 30.007 0 0 1 7.643-6.484 20.409 20.409 0 0 1 10.42-2.432 18.358 18.358 0 0 1 7.584 1.39 13.05 13.05 0 0 1 4.978 3.82 14.903 14.903 0 0 1 2.721 5.79 31.09 31.09 0 0 1 .81 7.294v39.482h-15.398V76.809a11.606 11.606 0 0 0-1.447-6.368c-.967-1.465-2.723-2.199-5.268-2.2a9.43 9.43 0 0 0-3.474.637c-1.037.4-2.012.946-2.895 1.62a20.225 20.225 0 0 0-2.315 2.085 74.01 74.01 0 0 0-1.853 2.026v38.556h-15.399V76.809c0-2.855-.521-4.997-1.564-6.426-1.041-1.427-2.72-2.141-5.036-2.142a8.78 8.78 0 0 0-3.878.868 14.06 14.06 0 0 0-3.127 2.026 15.322 15.322 0 0 0-2.2 2.316 73.736 73.736 0 0 1-1.331 1.737v37.977h-15.399V56.779h15.051v6.946a73.305 73.305 0 0 1 2.548-2.662 17.54 17.54 0 0 1 3.589-2.721 24.398 24.398 0 0 1 4.747-2.084 19.363 19.363 0 0 1 6.021-.869c4.013 0 7.159.81 9.437 2.432a14.285 14.285 0 0 1 5.035 6.484ZM371.897 84.914a37.586 37.586 0 0 1-1.853 12.157 27.702 27.702 0 0 1-5.21 9.321 23.497 23.497 0 0 1-7.989 6.02 23.991 23.991 0 0 1-10.19 2.143 20.801 20.801 0 0 1-8.336-1.39 19.832 19.832 0 0 1-4.632-2.663v28.02h-15.398V56.779h15.052v5.904a21.67 21.67 0 0 1 6.078-5.094 18.72 18.72 0 0 1 9.553-2.2c7.178 0 12.794 2.547 16.846 7.642 4.052 5.094 6.078 12.389 6.079 21.883Zm-16.326 0c0-5.326-.926-9.533-2.779-12.62a9.202 9.202 0 0 0-8.452-4.632 10.535 10.535 0 0 0-3.937.695c-1.095.43-2.142.974-3.126 1.62-.831.538-1.59 1.18-2.257 1.911a44.486 44.486 0 0 0-1.332 1.563v25.357a24.172 24.172 0 0 0 3.763 2.547 12.078 12.078 0 0 0 5.963 1.274 10.195 10.195 0 0 0 9.031-4.69c2.084-3.125 3.126-7.467 3.126-13.025ZM380.929 113.165V29.801h15.399v83.364h-15.399ZM402.811 56.779h16.441l12.505 37.166h.579l11.463-37.166h15.862l-23.272 62.407a64.516 64.516 0 0 1-4.053 8.916 25.026 25.026 0 0 1-5.21 6.599 21.354 21.354 0 0 1-7.121 4.111 29.982 29.982 0 0 1-9.9 1.447 31.243 31.243 0 0 1-5.673-.405c-1.389-.272-2.392-.484-3.01-.637l2.199-12.157a8.43 8.43 0 0 0 1.737.405c1.23.14 2.468.197 3.705.173 3.937 0 6.793-.888 8.568-2.663a19.126 19.126 0 0 0 4.284-7.178l2.084-5.79-21.188-55.228ZM466.725 113.165V36.053h44.461v13.431h-28.368v17.368h25.009v12.736h-25.009v20.146h29.178v13.431h-45.271Z"
-  }))), _defs$8 || (_defs$8 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
+  }))), _defs$9 || (_defs$9 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
     id: "logo-simplye-white_svg__a"
   }, /*#__PURE__*/createElement("path", {
     transform: "translate(0 .118)",
@@ -10874,29 +11565,30 @@ var SvgLogoSimplyeWhite = function SvgLogoSimplyeWhite(_ref) {
   })))));
 };
 
-var _g$h, _defs$9;
+var _g$i, _defs$a;
 
-var _excluded$1P = ["title", "titleId"];
+var _excluded$1S = ["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 _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$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 _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$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; }
+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$1t(_ref, _excluded$1P);
+      props = _objectWithoutProperties$1u(_ref, _excluded$1S);
 
-  return /*#__PURE__*/createElement("svg", _extends$1u({
+  return /*#__PURE__*/createElement("svg", _extends$1v({
     viewBox: "0 0 682 196",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
-  }, title) : null, _g$h || (_g$h = /*#__PURE__*/createElement("g", {
+  }, title) : null, _g$i || (_g$i = /*#__PURE__*/createElement("g", {
     clipPath: "url(#logo-simplye-color_svg__a)"
   }, /*#__PURE__*/createElement("path", {
     d: "M32.454 44.821c-.672-.822-.72-1.921.288-2.254l69.866-23.102a1.258 1.258 0 0 1 1.654 1.195c-.001.69.559 1.155 1.242 1.26.528.083 1.108.12 1.67.068.727-.068 1.346-.526 1.346-1.255l-.004-7.35c0-.376-.164-.94-.744-1.218-.324-.158-.735-.28-1.108-.156l-78.258 25.96c-3.012.975-3.55 1.34-3.55 4.576l.027 133.016c0 .126.013.257.052.377 1.616 4.929 7.396 7.184 7.396 7.184 5.674 2.155 8.598 2.753 13.738.969 0 0 .115-132.697.047-133.28a.373.373 0 0 0-.306-.323c-.546-.103-8.954-.279-13.355-5.667",
@@ -10910,7 +11602,7 @@ var SvgLogoSimplyeColor = function SvgLogoSimplyeColor(_ref) {
   }), /*#__PURE__*/createElement("path", {
     d: "M257.68 121.443c0 4.631-.848 8.852-2.547 12.658-1.698 3.81-4.144 7.024-7.333 9.65-3.19 2.624-7.077 4.657-11.654 6.096-4.581 1.44-9.703 2.162-15.361 2.162-4.221 0-8.028-.362-11.424-1.08-3.396-.721-6.406-1.594-9.03-2.625-2.626-1.027-4.891-2.134-6.793-3.319-1.906-1.181-3.423-2.238-4.554-3.165l9.261-15.128c.619.412 1.546 1.056 2.78 1.93 1.235.876 2.779 1.724 4.631 2.548 1.853.824 4.015 1.569 6.484 2.237 2.47.67 5.196 1.004 8.181 1.004 5.249 0 9.288-1.158 12.12-3.473 2.829-2.316 4.245-5.119 4.245-8.414 0-2.264-.645-4.193-1.929-5.79-1.29-1.593-2.987-3.009-5.096-4.245-2.11-1.235-4.554-2.443-7.332-3.627a127.762 127.762 0 0 1-8.645-4.092c-3.192-1.544-6.124-3.241-8.8-5.093-2.677-1.853-4.993-3.961-6.947-6.33-1.955-2.366-3.499-5.118-4.631-8.259-1.134-3.139-1.698-6.817-1.698-11.038 0-4.424.874-8.387 2.624-11.887 1.75-3.497 4.115-6.484 7.101-8.954 2.984-2.47 6.484-4.372 10.497-5.71 4.015-1.338 8.338-2.009 12.968-2.009 4.219 0 7.951.31 11.193.927 3.241.617 6.097 1.365 8.568 2.239 2.469.876 4.528 1.8 6.175 2.778 1.645.979 3.034 1.879 4.167 2.702l-8.799 15.283c-.926-.617-2.06-1.285-3.395-2.007-1.34-.718-2.884-1.389-4.632-2.008a50.57 50.57 0 0 0-5.712-1.62 28.702 28.702 0 0 0-6.329-.694c-4.221 0-7.565.901-10.034 2.701-2.471 1.803-3.706 4.452-3.706 7.95 0 2.06.487 3.782 1.467 5.172.976 1.39 2.315 2.65 4.013 3.782 1.699 1.134 3.706 2.214 6.022 3.242a601.234 601.234 0 0 1 7.486 3.396 147.494 147.494 0 0 1 9.88 4.94c3.189 1.75 5.994 3.86 8.414 6.329 2.416 2.471 4.373 5.379 5.865 8.723 1.491 3.345 2.239 7.385 2.239 12.118Zm12.349 28.714v-75.18h20.686v75.18h-20.686Zm23.002-97.256c0 3.294-1.211 6.174-3.628 8.645-2.418 2.47-5.429 3.705-9.03 3.705-3.604 0-6.588-1.236-8.955-3.705-2.368-2.47-3.55-5.35-3.55-8.645 0-3.293 1.182-6.123 3.55-8.49 2.367-2.367 5.351-3.551 8.955-3.551 3.601 0 6.612 1.184 9.03 3.55 2.417 2.368 3.628 5.198 3.628 8.49Zm73.325 32.11c3.089-3.602 6.485-6.484 10.19-8.645 3.706-2.162 8.336-3.242 13.893-3.242 4.015 0 7.385.618 10.112 1.852 2.727 1.235 4.94 2.933 6.637 5.095 1.699 2.161 2.907 4.734 3.628 7.718.719 2.987 1.081 6.228 1.081 9.725v52.643h-20.531v-48.473c0-3.706-.643-6.535-1.929-8.49-1.29-1.956-3.628-2.934-7.024-2.934-1.648 0-3.192.284-4.632.848a15.621 15.621 0 0 0-3.86 2.161 26.835 26.835 0 0 0-3.086 2.78 92.35 92.35 0 0 0-2.471 2.701v51.407h-20.532v-48.473c0-3.807-.694-6.663-2.085-8.57-1.388-1.902-3.626-2.854-6.714-2.854-1.852 0-3.578.385-5.171 1.157-1.597.772-2.987 1.674-4.169 2.701-1.184 1.031-2.161 2.06-2.932 3.088a106.536 106.536 0 0 1-1.776 2.316v50.635h-20.532v-75.18h20.068v9.262a97.36 97.36 0 0 1 3.397-3.55c1.336-1.337 2.934-2.547 4.785-3.629 1.854-1.081 3.962-2.006 6.33-2.778 2.366-.772 5.041-1.158 8.027-1.158 5.351 0 9.545 1.08 12.583 3.242 3.034 2.16 5.272 5.043 6.713 8.645Zm106.828 27.478c0-7.1-1.235-12.71-3.705-16.827-2.471-4.114-6.228-6.174-11.269-6.174-1.956 0-3.704.308-5.25.925-1.544.619-2.933 1.34-4.167 2.162-1.235.825-2.238 1.674-3.01 2.547a59.725 59.725 0 0 0-1.776 2.084v33.808c1.336 1.134 3.01 2.266 5.018 3.397 2.006 1.133 4.654 1.698 7.95 1.698 5.249 0 9.261-2.085 12.041-6.253 2.779-4.168 4.168-9.957 4.168-17.367Zm21.767 0c0 5.97-.825 11.374-2.47 16.21-1.647 4.838-3.964 8.98-6.947 12.426a31.322 31.322 0 0 1-10.651 8.028c-4.118 1.904-8.647 2.856-13.587 2.856-4.629 0-8.336-.616-11.114-1.852-2.779-1.236-4.839-2.417-6.175-3.551v37.358h-20.531V74.976h20.069v7.873c2.057-2.57 4.758-4.836 8.103-6.791 3.344-1.955 7.588-2.934 12.737-2.934 9.571 0 17.059 3.396 22.461 10.188 5.403 6.793 8.105 16.518 8.105 29.177Zm12.041 37.668V39.007h20.532v111.15h-20.532Zm29.176-75.18h21.92l16.673 49.554h.772l15.284-49.555h21.149l-31.029 83.208c-1.649 4.425-3.449 8.387-5.404 11.887-1.956 3.497-4.272 6.43-6.946 8.8-2.679 2.365-5.843 4.192-9.495 5.48-3.654 1.285-8.054 1.93-13.198 1.93-3.192 0-5.713-.181-7.565-.541-1.852-.361-3.192-.644-4.013-.848l2.932-16.21c.514.205 1.286.385 2.316.541 1.028.154 2.674.23 4.941.23 5.248 0 9.054-1.183 11.422-3.551 2.367-2.368 4.269-5.557 5.712-9.569l2.779-7.72-28.25-73.637Zm85.216 75.18V47.342h59.28v17.91h-37.823v23.156h33.344v16.981h-33.344v26.861h38.903v17.907h-60.36Z",
     fill: "#1B385E"
-  }))), _defs$9 || (_defs$9 = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
+  }))), _defs$a || (_defs$a = /*#__PURE__*/createElement("defs", null, /*#__PURE__*/createElement("clipPath", {
     id: "logo-simplye-color_svg__a"
   }, /*#__PURE__*/createElement("path", {
     fill: "#fff",
@@ -10921,22 +11613,23 @@ var SvgLogoSimplyeColor = function SvgLogoSimplyeColor(_ref) {
 
 var _path$19;
 
-var _excluded$1Q = ["title", "titleId"];
+var _excluded$1T = ["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 _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$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 _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$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; }
+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$1u(_ref, _excluded$1Q);
+      props = _objectWithoutProperties$1v(_ref, _excluded$1T);
 
-  return /*#__PURE__*/createElement("svg", _extends$1v({
+  return /*#__PURE__*/createElement("svg", _extends$1w({
     viewBox: "0 0 84 111",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10947,23 +11640,24 @@ var SvgLogoSnflBlack = function SvgLogoSnflBlack(_ref) {
 
 var _path$1a;
 
-var _excluded$1R = ["title", "titleId"];
+var _excluded$1U = ["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 _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$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 _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$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; }
+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$1v(_ref, _excluded$1R);
+      props = _objectWithoutProperties$1w(_ref, _excluded$1U);
 
-  return /*#__PURE__*/createElement("svg", _extends$1w({
+  return /*#__PURE__*/createElement("svg", _extends$1x({
     viewBox: "0 0 84 111",
     fill: "#fff",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -10974,23 +11668,24 @@ 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$1S = ["title", "titleId"];
+var _excluded$1V = ["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 _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$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 _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$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; }
+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$1w(_ref, _excluded$1S);
+      props = _objectWithoutProperties$1x(_ref, _excluded$1V);
 
-  return /*#__PURE__*/createElement("svg", _extends$1x({
+  return /*#__PURE__*/createElement("svg", _extends$1y({
     viewBox: "0 0 324 265",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -11164,23 +11859,24 @@ 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$1T = ["title", "titleId"];
+var _excluded$1W = ["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 _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$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 _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$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; }
+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$1x(_ref, _excluded$1T);
+      props = _objectWithoutProperties$1y(_ref, _excluded$1W);
 
-  return /*#__PURE__*/createElement("svg", _extends$1y({
+  return /*#__PURE__*/createElement("svg", _extends$1z({
     viewBox: "0 0 327 266",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/createElement("title", {
     id: titleId
@@ -11370,6 +12066,7 @@ var logoSvgs = {
   mlnBlack: SvgLogoMlnBlack,
   mlnColor: SvgLogoMlnColor,
   mlnWhite: SvgLogoMlnWhite,
+  nycdoeColor: SvgLogoNycdoeColor,
   nyplFullBlack: SvgLogoNyplFullBlack,
   nyplFullWhite: SvgLogoNyplFullWhite,
   nyplLionBlack: SvgLogoNyplLionBlack,
@@ -11402,7 +12099,7 @@ var logoSvgs = {
   treasuresColorNegative: SvgLogoTreasuresColorNegative
 };
 
-var _excluded$1U = ["children", "className", "decorative", "id", "name", "size", "title"];
+var _excluded$1X = ["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.
@@ -11421,7 +12118,7 @@ var Logo$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
       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$1U);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1X);
 
   var styles = useStyleConfig("Logo", {
     size: size
@@ -11528,7 +12225,7 @@ var link$1 = {
   }]
 };
 
-var _excluded$1V = ["className", "id"];
+var _excluded$1Y = ["className", "id"];
 /**
  * This `Footer` component renders the NYPL-branded footer elements such
  * as navigational NYPL.org links, social media links, copyright, and
@@ -11539,7 +12236,7 @@ var Footer$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (_ref, ref)
   var className = _ref.className,
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? "footer" : _ref$id,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
 
   var styles = useMultiStyleConfig("Footer", {});
   var nyplLinks = link$1.nyplLinks.map(function (links, index) {
@@ -11609,11 +12306,11 @@ var Footer$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (_ref, ref)
   })));
 }));
 
-var _excluded$1W = ["align", "className"];
+var _excluded$1Z = ["align", "className"];
 var HorizontalRule$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
   var align = props.align,
       className = props.className,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1W);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1Z);
 
   var styles = useStyleConfig("HorizontalRule", {
     align: align
@@ -11632,7 +12329,7 @@ var HorizontalRule$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (pr
   }, rest));
 }));
 
-var _excluded$1X = ["className", "id", "target"];
+var _excluded$1_ = ["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
@@ -11645,7 +12342,7 @@ var SkipNavigation$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (pr
       id = props.id,
       _props$target = props.target,
       target = _props$target === void 0 ? "#mainContent" : _props$target,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1X);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1_);
 
   var styles = useStyleConfig("SkipNavigation");
   return React__default.createElement(Box, Object.assign({
@@ -11666,7 +12363,7 @@ var SkipNavigation$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (pr
   }, "Click to learn about accessibility at the Library"))));
 }));
 
-var _excluded$1Y = ["className", "helperText", "id", "invalidText", "isChecked", "isDisabled", "isInvalid", "isRequired", "labelText", "name", "onChange", "showHelperInvalidText", "showLabel", "value"];
+var _excluded$1$ = ["className", "helperText", "id", "invalidText", "isChecked", "isDisabled", "isInvalid", "isRequired", "labelText", "name", "onChange", "showHelperInvalidText", "showLabel", "value"];
 var Radio$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,
       helperText = props.helperText,
@@ -11687,7 +12384,7 @@ var Radio$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
       _props$showLabel = props.showLabel,
       showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
       value = props.value,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1Y);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1$);
 
   var styles = useMultiStyleConfig("Radio", {
     showLabel: showLabel
@@ -11734,7 +12431,7 @@ var Radio$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
   }, labelText)));
 }));
 
-var _excluded$1Z = ["children", "className", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isFullWidth", "isInvalid", "isRequired", "labelText", "layout", "name", "onChange", "showHelperInvalidText", "showLabel", "showRequiredLabel"];
+var _excluded$20 = ["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
@@ -11770,7 +12467,7 @@ var RadioGroup$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props,
       showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
       _props$showRequiredLa = props.showRequiredLabel,
       showRequiredLabel = _props$showRequiredLa === void 0 ? true : _props$showRequiredLa,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1Z);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$20);
 
   var _React$useState = React__default.useState(defaultValue),
       value = _React$useState[0],
@@ -12876,7 +13573,7 @@ var HeaderMobileIconNav$1 = /*#__PURE__*/chakra(function () {
   }), React__default.createElement(HeaderMobileNavButton$1, null));
 });
 
-var _excluded$1_ = ["children", "icon", "id", "isCentered", "notificationType"],
+var _excluded$21 = ["children", "icon", "id", "isCentered", "notificationType"],
     _excluded2$5 = ["alignText", "children", "icon", "notificationType"],
     _excluded3$3 = ["ariaLabel", "className", "dismissible", "icon", "id", "isCentered", "noMargin", "notificationContent", "notificationHeading", "notificationType", "showIcon"];
 /**
@@ -12889,7 +13586,7 @@ var NotificationHeading$1 = /*#__PURE__*/chakra(function (props) {
       id = props.id,
       isCentered = props.isCentered,
       notificationType = props.notificationType,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1_);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$21);
 
   var styles = useMultiStyleConfig("NotificationHeading", {
     icon: icon,
@@ -13398,7 +14095,7 @@ var Header$1 = /*#__PURE__*/chakra(function (_ref) {
   }))));
 });
 
-var _excluded$1$ = ["backgroundColor", "backgroundImageSrc", "foregroundColor", "heading", "heroType", "imageProps", "locationDetails", "subHeaderText"];
+var _excluded$22 = ["backgroundColor", "backgroundImageSrc", "foregroundColor", "heading", "heroType", "imageProps", "locationDetails", "subHeaderText"];
 
 var heroSecondaryTypes = ["secondary", "secondaryBooksAndMore", "secondaryLocations", "secondaryResearch", "secondaryWhatsOn"];
 var Hero$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
@@ -13414,7 +14111,7 @@ var Hero$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
   } : _props$imageProps,
       locationDetails = props.locationDetails,
       subHeaderText = props.subHeaderText,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1$);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$22);
 
   var styles = useMultiStyleConfig("Hero", {
     variant: heroType
@@ -13514,7 +14211,7 @@ var Hero$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
   }
 });
 
-var _excluded$20 = ["bodyContent", "closeButtonLabel", "headingText", "id", "isOpen", "onClose"],
+var _excluded$23 = ["bodyContent", "closeButtonLabel", "headingText", "id", "isOpen", "onClose"],
     _excluded2$6 = ["buttonText", "id", "modalProps"],
     _excluded3$4 = ["bodyContent", "closeButtonLabel", "headingText", "id"];
 var BaseModal = /*#__PURE__*/chakra(function (_ref) {
@@ -13525,7 +14222,7 @@ var BaseModal = /*#__PURE__*/chakra(function (_ref) {
       id = _ref.id,
       isOpen = _ref.isOpen,
       onClose = _ref.onClose,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$20);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$23);
 
   var xlarge = "xl";
   var fullSize = "full";
@@ -13616,7 +14313,7 @@ function useModal() {
   };
 }
 
-var _excluded$21 = ["className", "currentPage", "getPageHref", "id", "initialPage", "onPageChange", "pageCount"];
+var _excluded$24 = ["className", "currentPage", "getPageHref", "id", "initialPage", "onPageChange", "pageCount"];
 /**
  * A component that provides a navigational list of page items.
  */
@@ -13630,7 +14327,7 @@ var Pagination$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props,
       initialPage = _props$initialPage === void 0 ? 1 : _props$initialPage,
       onPageChange = props.onPageChange,
       pageCount = props.pageCount,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$21);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$24);
 
   var refCurrentPage = useRef(currentPage);
 
@@ -13823,7 +14520,7 @@ var Pagination$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props,
   }, previousLiLink, getPaginationNumbers(selectedPage), nextLiLink));
 }));
 
-var _excluded$22 = ["darkMode", "id", "indicatorType", "isIndeterminate", "labelText", "showLabel", "size", "value"];
+var _excluded$25 = ["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,
@@ -13845,7 +14542,7 @@ var ProgressIndicator$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function
       size = _props$size === void 0 ? "default" : _props$size,
       _props$value = props.value,
       value = _props$value === void 0 ? 0 : _props$value,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$22);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$25);
 
   var styles = useMultiStyleConfig("ProgressIndicator", {
     darkMode: darkMode,
@@ -13912,7 +14609,7 @@ var ProgressIndicator$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function
   }, rest), progressComponent(indicatorType));
 }));
 
-var _excluded$23 = ["children", "className", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelPosition", "labelText", "name", "onChange", "placeholder", "selectType", "showHelperInvalidText", "showLabel", "showRequiredLabel", "value"];
+var _excluded$26 = ["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.
@@ -13946,7 +14643,7 @@ var Select$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref
       showRequiredLabel = _props$showRequiredLa === void 0 ? true : _props$showRequiredLa,
       _props$value = props.value,
       value = _props$value === void 0 ? "" : _props$value,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$23);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$26);
 
   var _useState = useState(0),
       labelWidth = _useState[0],
@@ -14032,7 +14729,7 @@ var Select$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref
   }), children)));
 }));
 
-var _excluded$24 = ["action", "buttonOnClick", "className", "descriptionText", "headingText", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelText", "method", "noBrandButtonType", "onSubmit", "selectProps", "textInputElement", "textInputProps"];
+var _excluded$27 = ["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.
@@ -14061,7 +14758,7 @@ var SearchBar$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props,
       selectProps = props.selectProps,
       textInputElement = props.textInputElement,
       textInputProps = props.textInputProps,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$24);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$27);
 
   var styles = useMultiStyleConfig("SearchBar", {});
   var stateProps = {
@@ -14124,7 +14821,7 @@ var SearchBar$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props,
     isDisabled: isDisabled,
     onClick: buttonOnClick,
     type: "submit",
-    __css: searchBarButtonStyles
+    sx: searchBarButtonStyles
   }, React__default.createElement(Icon, {
     align: "left",
     id: "searchbar-icon-" + id,
@@ -14155,7 +14852,7 @@ var SearchBar$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props,
   }, selectElem, textInputElem, buttonElem));
 }));
 
-var _excluded$25 = ["className", "contentSize", "headingSize", "imageAspectRatio", "isBordered", "layout", "showButton", "showContent", "showHeading", "showImage", "width"];
+var _excluded$28 = ["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.
@@ -14182,7 +14879,7 @@ var SkeletonLoader$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (pr
       _props$showImage = props.showImage,
       showImage = _props$showImage === void 0 ? true : _props$showImage,
       width = props.width,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$25);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$28);
 
   var styles = useMultiStyleConfig("SkeletonLoader", {
     isBordered: isBordered,
@@ -14245,7 +14942,7 @@ var SkeletonLoader$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (pr
   })))));
 }));
 
-var _excluded$26 = ["className", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRangeSlider", "isRequired", "labelText", "max", "min", "name", "onChange", "showBoxes", "showHelperInvalidText", "showLabel", "showRequiredLabel", "showValues", "step"];
+var _excluded$29 = ["className", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRangeSlider", "isRequired", "labelText", "max", "min", "name", "onChange", "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
@@ -14286,7 +14983,8 @@ var Slider = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
       showValues = _props$showValues === void 0 ? true : _props$showValues,
       _props$step = props.step,
       step = _props$step === void 0 ? 1 : _props$step,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$26);
+      value = props.value,
+      rest = _objectWithoutPropertiesLoose(props, _excluded$29);
 
   if (!id) {
     console.warn("NYPL Reservoir Slider: This component's required `id` prop was not passed.");
@@ -14300,8 +14998,19 @@ var Slider = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
 
   var _React$useState = React__default.useState(finalDevaultValue),
       currentValue = _React$useState[0],
-      setCurrentValue = _React$useState[1];
+      setCurrentValue = _React$useState[1]; // If the value(s) needs to be updated programmatically,
+  // listen to the `value` prop.
+
 
+  useEffect(function () {
+    if (value) {
+      if (typeof value === "number" && value !== currentValue) {
+        setCurrentValue(value);
+      } else if (value[0] !== currentValue[0] || value[1] !== currentValue[1]) {
+        setCurrentValue(value);
+      }
+    }
+  }, [value, currentValue]);
   var finalIsInvalid = isInvalid; // In the Range Slider, if the first value is bigger than the second value,
   // then set the invalid state.
 
@@ -14476,7 +15185,7 @@ var Slider = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref)
   }, max), showBoxes && getTextInput("end")));
 }));
 
-var _excluded$27 = ["children", "className", "id", "level"];
+var _excluded$2a = ["children", "className", "id", "level"];
 /**
  * The `StatusBadge` component is used to display a visual badge for three
  * different status levels.
@@ -14488,7 +15197,7 @@ var StatusBadge$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props
       id = props.id,
       _props$level = props.level,
       level = _props$level === void 0 ? "low" : _props$level,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$27);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2a);
 
   var styles = useStyleConfig("StatusBadge", {
     variant: level
@@ -14506,7 +15215,7 @@ var StatusBadge$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props
   }, rest), children);
 }));
 
-var _excluded$28 = ["calloutText", "className", "headingText", "id", "imageProps", "bodyContent"];
+var _excluded$2b = ["calloutText", "className", "headingText", "id", "imageProps", "bodyContent"];
 /**
  * Internal component used in the `StructuredContent` component
  * that renders the DS `Image` component.
@@ -14558,7 +15267,7 @@ var StructuredContent$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function
     src: ""
   } : _props$imageProps,
       bodyContent = props.bodyContent,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$28);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2b);
 
   var hasImage = imageProps.src || imageProps.component;
   var hasFigureImage = imageProps.caption || imageProps.credit;
@@ -14660,7 +15369,7 @@ var useCarouselStyles = function useCarouselStyles(slidesCount, slideWidth) {
   };
 };
 
-var _excluded$29 = ["children", "defaultIndex", "id", "onChange", "tabsData", "useHash"];
+var _excluded$2c = ["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`.
@@ -14779,7 +15488,7 @@ var Tabs = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
       tabsData = props.tabsData,
       _props$useHash = props.useHash,
       useHash = _props$useHash === void 0 ? false : _props$useHash,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$29);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2c);
 
   var styles = useMultiStyleConfig("Tabs", {}); // Just an estimate of the tab width for the mobile carousel.
 
@@ -14869,7 +15578,7 @@ var Tabs = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
   }, React__default.createElement(Box, Object.assign({}, carouselStyle), tabs)), nextButton), panels);
 })); // Tabs is also exported above so the props can display in Storybook.
 
-var _excluded$2a = ["aboveHeader", "breakout", "contentId", "contentBottom", "contentPrimary", "contentSidebar", "contentTop", "footer", "header", "sidebar", "renderFooterElement", "renderHeaderElement", "renderSkipNavigation"];
+var _excluded$2d = ["aboveHeader", "breakout", "contentId", "contentBottom", "contentPrimary", "contentSidebar", "contentTop", "footer", "header", "sidebar", "renderFooterElement", "renderHeaderElement", "renderSkipNavigation"];
 /**
  * The main top-level parent component that wraps all template-related
  * components.
@@ -15119,7 +15828,7 @@ var TemplateAppContainer = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function
       renderHeaderElement = _props$renderHeaderEl === void 0 ? true : _props$renderHeaderEl,
       _props$renderSkipNavi = props.renderSkipNavigation,
       renderSkipNavigation = _props$renderSkipNavi === void 0 ? false : _props$renderSkipNavi,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$2a);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2d);
 
   var aboveHeaderElem = aboveHeader && React__default.createElement(TemplateAboveHeader, null, aboveHeader);
   var contentTopElem = contentTop && React__default.createElement(TemplateContentTop, null, contentTop);
@@ -15138,7 +15847,7 @@ var TemplateAppContainer = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function
   }, footer)));
 }));
 
-var _excluded$2b = ["defaultChecked", "helperText", "id", "invalidText", "isChecked", "isDisabled", "isInvalid", "isRequired", "labelText", "name", "onChange", "size"];
+var _excluded$2e = ["defaultChecked", "helperText", "id", "invalidText", "isChecked", "isDisabled", "isInvalid", "isRequired", "labelText", "name", "onChange", "size"];
 var onChangeDefault = function onChangeDefault() {
   return;
 };
@@ -15165,7 +15874,7 @@ var Toggle$2 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref
       onChange = _props$onChange === void 0 ? onChangeDefault : _props$onChange,
       _props$size = props.size,
       size = _props$size === void 0 ? "default" : _props$size,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$2b);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2e);
 
   var styles = useMultiStyleConfig("Toggle", {
     isDisabled: isDisabled,
@@ -15214,7 +15923,7 @@ var Toggle$2 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref
   }), labelText)));
 }));
 
-var _excluded$2c = ["aspectRatio", "className", "descriptionText", "embedCode", "headingText", "helperText", "id", "iframeTitle", "showHelperInvalidText", "videoId", "videoType"];
+var _excluded$2f = ["aspectRatio", "className", "descriptionText", "embedCode", "headingText", "helperText", "id", "iframeTitle", "showHelperInvalidText", "videoId", "videoType"];
 var VideoPlayer$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
   var aspectRatio = props.aspectRatio,
       className = props.className,
@@ -15228,7 +15937,7 @@ var VideoPlayer$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props
       showHelperInvalidText = _props$showHelperInva === void 0 ? true : _props$showHelperInva,
       videoId = props.videoId,
       videoType = props.videoType,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$2c);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2f);
 
   var iframeTitleFinal = videoType === "vimeo" ? iframeTitle || "Vimeo video player" : iframeTitle || "YouTube video player";
   var videoSrc = videoType === "vimeo" ? "https://player.vimeo.com/video/" + videoId + "?autoplay=0&loop=0" : "https://www.youtube.com/embed/" + videoId + "?disablekb=1&autoplay=0&fs=1&modestbranding=0";
@@ -15298,13 +16007,13 @@ var VideoPlayer$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props
   }, embedElement)));
 }));
 
-var _excluded$2d = ["children", "className", "content", "id", "isDisabled", "shouldWrapChildren"];
+var _excluded$2g = ["children", "className", "content", "id", "isDisabled", "shouldWrapChildren"];
 var Tooltip$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
       content = props.content,
       isDisabled = props.isDisabled,
       shouldWrapChildren = props.shouldWrapChildren,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$2d);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2g);
 
   if (typeof content !== "string") {
     React__default.Children.map(content, function (contentChild) {
@@ -15330,5 +16039,5 @@ var Tooltip$1 = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, re
   }, rest), newChildren);
 }));
 
-export { Accordion, Breadcrumbs, Button, ButtonGroup, Card, CardActions, CardContent, CardHeading, Checkbox, CheckboxGroup, ColorCard, DSProvider, DatePicker, Fieldset, Footer$1 as Footer, Form, FormField, FormRow, Header$1 as Header, Heading, HelperErrorText, Hero$1 as Hero, HorizontalRule$1 as HorizontalRule, Icon, Image, Label, Link, List$1 as List, Logo$1 as Logo, ModalTrigger, Notification$1 as Notification, Pagination$1 as Pagination, ProgressIndicator$1 as ProgressIndicator, Radio$1 as Radio, RadioGroup$1 as RadioGroup, SearchBar$1 as SearchBar, Select$1 as Select, SimpleGrid, SkeletonLoader$1 as SkeletonLoader, SkipNavigation$1 as SkipNavigation, Slider, StatusBadge$1 as StatusBadge, StructuredContent$1 as StructuredContent, Table, Tabs, Template$1 as Template, TemplateAboveHeader, TemplateAppContainer, TemplateBreakout$1 as TemplateBreakout, TemplateContent$1 as TemplateContent, TemplateContentPrimary$1 as TemplateContentPrimary, TemplateContentSidebar$1 as TemplateContentSidebar, TemplateContentTop, TemplateFooter, TemplateHeader, Text, TextInput, Toggle$2 as Toggle, Tooltip$1 as Tooltip, VideoPlayer$1 as VideoPlayer, useCarouselStyles, useModal, useNYPLBreakpoints, useNYPLTheme, useWindowSize };
+export { Accordion, AlphabetFilter, AudioPlayer, Breadcrumbs, Button, ButtonGroup, Card, CardActions, CardContent, CardHeading, Checkbox, CheckboxGroup, ColorCard, DSProvider, DatePicker, Fieldset, Footer$1 as Footer, Form, FormField, FormRow, Header$1 as Header, Heading, HelperErrorText, Hero$1 as Hero, HorizontalRule$1 as HorizontalRule, Icon, Image, Label, Link, List$1 as List, Logo$1 as Logo, ModalTrigger, Notification$1 as Notification, Pagination$1 as Pagination, ProgressIndicator$1 as ProgressIndicator, Radio$1 as Radio, RadioGroup$1 as RadioGroup, SearchBar$1 as SearchBar, Select$1 as Select, SimpleGrid, SkeletonLoader$1 as SkeletonLoader, SkipNavigation$1 as SkipNavigation, Slider, StatusBadge$1 as StatusBadge, StructuredContent$1 as StructuredContent, Table, Tabs, Template$1 as Template, TemplateAboveHeader, TemplateAppContainer, TemplateBreakout$1 as TemplateBreakout, TemplateContent$1 as TemplateContent, TemplateContentPrimary$1 as TemplateContentPrimary, TemplateContentSidebar$1 as TemplateContentSidebar, TemplateContentTop, TemplateFooter, TemplateHeader, Text, TextInput, Toggle$2 as Toggle, Tooltip$1 as Tooltip, VideoPlayer$1 as VideoPlayer, useCarouselStyles, useModal, useNYPLBreakpoints, useNYPLTheme, useWindowSize };
 //# sourceMappingURL=design-system-react-components.esm.js.map