npm - @nypl/design-system-react-components - Versions diffs - 1.1.1 → 1.2.0-rc - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/dist/components/Accordion/Accordion.d.ts +3 -0
package/dist/components/AlphabetFilter/AlphabetFilter.d.ts +23 -0
package/dist/components/AudioPlayer/AudioPlayer.d.ts +43 -0
package/dist/components/Button/Button.d.ts +3 -0
package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +2 -0
package/dist/components/ComponentWrapper/ComponentWrapper.d.ts +1 -1
package/dist/components/Icons/Icon.d.ts +1 -1
package/dist/components/Logo/Logo.d.ts +1 -1
package/dist/components/Logo/LogoSvgs.d.ts +1 -0
package/dist/components/Slider/Slider.d.ts +2 -0
package/dist/components/TagSet/TagSet.d.ts +32 -0
package/dist/components/TagSet/TagSetExplore.d.ts +27 -0
package/dist/components/TagSet/TagSetFilter.d.ts +26 -0
package/dist/design-system-react-components.cjs.development.js +1492 -781
package/dist/design-system-react-components.cjs.development.js.map +1 -1
package/dist/design-system-react-components.cjs.production.min.js +1 -1
package/dist/design-system-react-components.cjs.production.min.js.map +1 -1
package/dist/design-system-react-components.esm.js +1493 -784
package/dist/design-system-react-components.esm.js.map +1 -1
package/dist/index.d.ts +2 -0
package/dist/theme/components/alphabetFilter.d.ts +32 -0
package/dist/theme/components/audioPlayer.d.ts +9 -0
package/dist/theme/components/button.d.ts +24 -102
package/dist/theme/components/customTable.d.ts +8 -0
package/dist/theme/components/header/headerSearchButton.d.ts +1 -2
package/dist/theme/components/header/headerSearchForm.d.ts +5 -0
package/dist/theme/components/icon.d.ts +15144 -648
package/dist/theme/components/tagSet.d.ts +115 -0
package/dist/theme/components/tooltip.d.ts +1 -0
package/dist/theme/foundations/radii.d.ts +4 -0
package/dist/theme/foundations/spacing.d.ts +14 -0
package/package.json +2 -1
package/CHANGELOG.md +0 -1611

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

@@ -67,6 +67,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__*/React.createElement("title", {
     id: titleId
@@ -107,6 +108,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__*/React.createElement("title", {
     id: titleId
@@ -146,6 +148,7 @@ var SvgActionCheckCircle = function SvgActionCheckCircle(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$3({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -174,6 +177,7 @@ var SvgActionCheckCircleFilled = function SvgActionCheckCircleFilled(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$4({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -200,6 +204,7 @@ var SvgActionExit = function SvgActionExit(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$5({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -228,6 +233,7 @@ var SvgActionHelpDefault = function SvgActionHelpDefault(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$6({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -256,6 +262,7 @@ var SvgActionHelpOutline = function SvgActionHelpOutline(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$7({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -284,6 +291,7 @@ var SvgActionLaunch = function SvgActionLaunch(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$8({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -312,6 +320,7 @@ var SvgActionPower = function SvgActionPower(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$9({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -340,6 +349,7 @@ var SvgActionRegistration = function SvgActionRegistration(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$a({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -366,6 +376,7 @@ var SvgActionSettings = function SvgActionSettings(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$b({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -394,6 +405,7 @@ var SvgAlertNotificationImportant = function SvgAlertNotificationImportant(_ref)
   return /*#__PURE__*/React.createElement("svg", _extends$c({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -422,6 +434,7 @@ var SvgAlertWarningFilled = function SvgAlertWarningFilled(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$d({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -450,6 +463,7 @@ var SvgAlertWarningOutline = function SvgAlertWarningOutline(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$e({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -478,6 +492,7 @@ var SvgArrow = function SvgArrow(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$f({
     viewBox: "0 0 24 14",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -506,6 +521,7 @@ var SvgBuilding = function SvgBuilding(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$g({
     viewBox: "0 0 26 26",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -534,6 +550,7 @@ var SvgCheck = function SvgCheck(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$h({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -560,6 +577,7 @@ var SvgClock = function SvgClock(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$i({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -588,6 +606,7 @@ var SvgClose = function SvgClose(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$j({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -614,6 +633,7 @@ var SvgDecorativeEnvelope = function SvgDecorativeEnvelope(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$k({
     viewBox: "0 0 68 68",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -642,6 +662,7 @@ var SvgDecorativeLibraryCard = function SvgDecorativeLibraryCard(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$l({
     viewBox: "0 0 68 68",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -670,6 +691,7 @@ var SvgDecorativeShoppingBag = function SvgDecorativeShoppingBag(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$m({
     viewBox: "0 0 68 68",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -696,6 +718,7 @@ var SvgDownload = function SvgDownload(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$n({
     viewBox: "0 0 14 18",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -724,6 +747,7 @@ var SvgErrorFilled = function SvgErrorFilled(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$o({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -752,6 +776,7 @@ var SvgErrorOutline = function SvgErrorOutline(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$p({
     viewBox: "0 0 24 25",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -780,6 +805,7 @@ var SvgFileTypeAudio = function SvgFileTypeAudio(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$q({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -814,6 +840,7 @@ var SvgFileTypeDoc = function SvgFileTypeDoc(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$r({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -848,6 +875,7 @@ var SvgFileTypeGenericDoc = function SvgFileTypeGenericDoc(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$s({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -880,6 +908,7 @@ var SvgFileTypeImage = function SvgFileTypeImage(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$t({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -922,6 +951,7 @@ var SvgFileTypePdf = function SvgFileTypePdf(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$u({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -956,6 +986,7 @@ var SvgFileTypeSpreadsheet = function SvgFileTypeSpreadsheet(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$v({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -990,6 +1021,7 @@ var SvgFileTypeVideo = function SvgFileTypeVideo(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$w({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1022,6 +1054,7 @@ var SvgHeadset = function SvgHeadset(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$x({
     viewBox: "0 0 18 19",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1048,6 +1081,7 @@ var SvgLegacyAccountFilled = function SvgLegacyAccountFilled(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$y({
     viewBox: "0 0 32 33",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1074,6 +1108,7 @@ var SvgLegacyAccountUnfilled = function SvgLegacyAccountUnfilled(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$z({
     viewBox: "0 0 33 33",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1100,6 +1135,7 @@ var SvgLegacySocialFacebook = function SvgLegacySocialFacebook(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$A({
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1126,6 +1162,7 @@ var SvgLegacySocialInstagram = function SvgLegacySocialInstagram(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$B({
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1152,6 +1189,7 @@ var SvgLegacySocialTwitter = function SvgLegacySocialTwitter(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$C({
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1178,6 +1216,7 @@ var SvgLegacySocialYoutube = function SvgLegacySocialYoutube(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$D({
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1204,6 +1243,7 @@ var SvgLocator = function SvgLocator(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$E({
     viewBox: "0 0 32 32",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1234,6 +1274,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__*/React.createElement("title", {
     id: titleId
@@ -1262,6 +1303,7 @@ var SvgPlus = function SvgPlus(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$G({
     viewBox: "0 0 23 23",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1298,6 +1340,7 @@ var SvgSearch = function SvgSearch(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$H({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1326,6 +1369,7 @@ var SvgSocialFacebook = function SvgSocialFacebook(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$I({
     viewBox: "0 0 36 36",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1354,6 +1398,7 @@ var SvgSocialInstagram = function SvgSocialInstagram(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$J({
     viewBox: "0 0 37 37",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1386,6 +1431,7 @@ var SvgSocialTumblr = function SvgSocialTumblr(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$K({
     viewBox: "0 0 36 36",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1416,6 +1462,7 @@ var SvgSocialTwitter = function SvgSocialTwitter(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$L({
     viewBox: "0 0 36 36",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1444,6 +1491,7 @@ var SvgSocialYoutube = function SvgSocialYoutube(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$M({
     viewBox: "0 0 36 36",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1474,6 +1522,7 @@ var SvgSpeakerNotes = function SvgSpeakerNotes(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$N({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -1503,6 +1552,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__*/React.createElement("title", {
     id: titleId
@@ -1534,6 +1584,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__*/React.createElement("title", {
     id: titleId
@@ -1570,16 +1621,14 @@ var SvgUtilityHamburger = function SvgUtilityHamburger(_ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$Q({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
   }, title) : null, _path$K || (_path$K = /*#__PURE__*/React.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"
   })));
 };
@@ -1729,7 +1778,7 @@ var Icon = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (pr
   }
 });
-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.
@@ -1754,13 +1803,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",
@@ -1809,7 +1862,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);
     });
   });
 };
@@ -1824,6 +1877,8 @@ var Accordion = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functio
       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.
@@ -1834,62 +1889,10 @@ var Accordion = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functio
     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(react.BreadcrumbItem, {
-      key: index,
-      isCurrentPage: index === data.length - 1 ? true : false
-    }, React__default.createElement(react.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__*/react.chakra( /*#__PURE__*/React.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 = react.useStyleConfig("Breadcrumb", {
-    variant: breadcrumbsType
-  });
-  var breadcrumbItems = getElementsFromData$1(breadcrumbsData, id);
-  return React__default.createElement(react.Breadcrumb, 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.
  */
@@ -1906,9 +1909,11 @@ var Button = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
       _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
@@ -1945,11 +1950,11 @@ var Button = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
   }
   styles = react.useStyleConfig("Button", {
-    variant: variant
+    variant: variant,
+    buttonSize: size
   });
   return React__default.createElement(react.Button, Object.assign({
     className: className,
-    "data-testid": "button",
     id: id,
     isDisabled: isDisabled,
     ref: ref,
@@ -1957,110 +1962,15 @@ var Button = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
   }, 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 = React.useState({
-    isLargerThanSmall: false,
-    isLargerThanMedium: false,
-    isLargerThanLarge: false,
-    isLargerThanXLarge: false
-  }),
-      layoutSize = _useState[0],
-      setLayoutSize = _useState[1];
-  var _useMediaQuery = react.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];
-  React.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__*/react.chakra( /*#__PURE__*/React.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 = react.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(react.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.
@@ -2117,7 +2027,7 @@ var Link = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (pr
       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.
@@ -2183,7 +2093,7 @@ var Link = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (pr
   }
 }));
-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) {
@@ -2215,7 +2125,7 @@ var Heading = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
       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;
@@ -2272,28 +2182,593 @@ var Heading = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   }, 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__*/react.chakra(function (props) {
-  var _props$additionalWrap = props.additionalWrapperStyles,
-      additionalWrapperStyles = _props$additionalWrap === void 0 ? {} : _props$additionalWrap,
-      _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
-      children = props.children,
-      _props$aspectRatio = props.aspectRatio,
-      aspectRatio = _props$aspectRatio === void 0 ? "original" : _props$aspectRatio,
-      _props$size = props.size,
-      size = _props$size === void 0 ? "default" : _props$size,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$X);
+var _excluded$V = ["ariaAtomic", "ariaLive", "className", "id", "isInvalid", "text"];
+/**
+ * Helper or error text for forms components.
+ */
-  var styles = react.useMultiStyleConfig("CustomImageWrapper", {
-    ratio: aspectRatio,
-    size: size
+var HelperErrorText = /*#__PURE__*/react.chakra( /*#__PURE__*/React.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 = react.useStyleConfig("HelperErrorText", {
+    isInvalid: isInvalid
   });
-  return React__default.createElement(react.Box, Object.assign({
-    className: "the-wrap " + className,
-    __css: _extends({}, styles, additionalWrapperStyles)
-  }, rest), React__default.createElement(react.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(react.Box, Object.assign({}, props, {
+    dangerouslySetInnerHTML: {
+      __html: text
+    },
+    ref: ref
+  })) : React__default.createElement(react.Box, Object.assign({}, props, {
+    ref: ref
+  }), text);
+}));
+var _excluded$W = ["children", "className", "isBold", "isItalic", "isCapitalized", "isUppercase", "isLowercase", "noSpace", "size"];
+var Text = /*#__PURE__*/react.chakra( /*#__PURE__*/React.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 = react.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(react.Text, 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__*/react.chakra( /*#__PURE__*/React.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 = react.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(react.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__*/react.chakra( /*#__PURE__*/React.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 = react.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 = React.useRef(currentLetter);
+  var _useState = React.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(react.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(react.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__*/react.chakra( /*#__PURE__*/React.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 = react.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(react.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(react.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(react.BreadcrumbItem, {
+      key: index,
+      isCurrentPage: index === data.length - 1 ? true : false
+    }, React__default.createElement(react.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__*/react.chakra( /*#__PURE__*/React.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 = react.useStyleConfig("Breadcrumb", {
+    variant: breadcrumbsType
+  });
+  var breadcrumbItems = getElementsFromData$1(breadcrumbsData, id);
+  return React__default.createElement(react.Breadcrumb, 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 = React.useState({
+    isLargerThanSmall: false,
+    isLargerThanMedium: false,
+    isLargerThanLarge: false,
+    isLargerThanXLarge: false
+  }),
+      layoutSize = _useState[0],
+      setLayoutSize = _useState[1];
+  var _useMediaQuery = react.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];
+  React.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__*/react.chakra( /*#__PURE__*/React.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 = react.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(react.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__*/react.chakra(function (props) {
+  var _props$additionalWrap = props.additionalWrapperStyles,
+      additionalWrapperStyles = _props$additionalWrap === void 0 ? {} : _props$additionalWrap,
+      _props$className = props.className,
+      className = _props$className === void 0 ? "" : _props$className,
+      children = props.children,
+      _props$aspectRatio = props.aspectRatio,
+      aspectRatio = _props$aspectRatio === void 0 ? "original" : _props$aspectRatio,
+      _props$size = props.size,
+      size = _props$size === void 0 ? "default" : _props$size,
+      rest = _objectWithoutPropertiesLoose(props, _excluded$10);
+  var styles = react.useMultiStyleConfig("CustomImageWrapper", {
+    ratio: aspectRatio,
+    size: size
+  });
+  return React__default.createElement(react.Box, Object.assign({
+    className: "the-wrap " + className,
+    __css: _extends({}, styles, additionalWrapperStyles)
+  }, rest), React__default.createElement(react.Box, {
     className: "the-crop",
     __css: styles.crop
   }, children));
@@ -2399,7 +2874,7 @@ var Image = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (p
   }
 });
-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"];
@@ -2445,7 +2920,7 @@ var CardHeading = /*#__PURE__*/react.chakra(Heading); // CardContent child-compo
 var CardContent = /*#__PURE__*/react.chakra(function (props) {
   var children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$Y);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$11);
   var styles = react.useStyleConfig("CardContent");
   return children ? React__default.createElement(react.Box, Object.assign({
@@ -2602,173 +3077,32 @@ var Card = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (pr
         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(react.Box, {
-    className: "card-body",
-    __css: styles.body
-  }, cardContents), cardRightContents.length ? React__default.createElement(react.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__*/react.chakra( /*#__PURE__*/React.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 = react.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(react.Box, Object.assign({}, props, {
-    dangerouslySetInnerHTML: {
-      __html: text
-    },
-    ref: ref
-  })) : React__default.createElement(react.Box, Object.assign({}, props, {
-    ref: ref
-  }), text);
-}));
-var _excluded$_ = ["children", "className", "isBold", "isItalic", "isCapitalized", "isUppercase", "isLowercase", "noSpace", "size"];
-var Text = /*#__PURE__*/react.chakra( /*#__PURE__*/React.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 = react.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(react.Text, 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__*/react.chakra( /*#__PURE__*/React.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 = react.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(react.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(react.Box, {
+    className: "card-body",
+    __css: styles.body
+  }, cardContents), cardRightContents.length ? React__default.createElement(react.Box, {
+    className: "card-right",
+    __css: _extends({}, styles.body, styles.actions)
+  }, cardRightContents) : null);
 }));
 // Utility functions to use throughout the codebase
@@ -2817,14 +3151,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(react.Icon, Object.assign({
     viewBox: "0 0 24 24"
@@ -2903,7 +3237,7 @@ var Checkbox = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   }, 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.
@@ -2920,7 +3254,7 @@ var Fieldset = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
       legendText = _ref.legendText,
       _ref$showRequiredLabe = _ref.showRequiredLabel,
       showRequiredLabel = _ref$showRequiredLabe === void 0 ? true : _ref$showRequiredLabe,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$11);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$13);
   var styles = react.useMultiStyleConfig("Fieldset", {
     isLegendHidden: isLegendHidden
@@ -3033,6 +3367,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: {
@@ -3073,7 +3421,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
@@ -3108,7 +3456,8 @@ var CheckboxGroup = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
       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 = [];
@@ -3118,6 +3467,10 @@ var CheckboxGroup = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
     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.
@@ -3170,7 +3523,7 @@ var CheckboxGroup = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
   }));
 }));
-var _excluded$13 = ["children", "columns", "className", "gap", "id"];
+var _excluded$15 = ["children", "columns", "className", "gap", "id"];
 var SimpleGrid = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
       columns = props.columns,
@@ -3178,7 +3531,7 @@ var SimpleGrid = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functi
       _props$gap = props.gap,
       gap = _props$gap === void 0 ? "grid.l" : _props$gap,
       id = props.id,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$13);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$15);
   var responsiveCols = columns ? {
     base: 1,
@@ -3233,7 +3586,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.
@@ -3252,7 +3605,7 @@ var Table = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (p
       titleText = props.titleText,
       _props$useRowHeaders = props.useRowHeaders,
       useRowHeaders = _props$useRowHeaders === void 0 ? false : _props$useRowHeaders,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$14);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$16);
   var customColors = {};
   columnHeadersBackgroundColor && (customColors["backgroundColor"] = columnHeadersBackgroundColor);
@@ -3608,7 +3961,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 */
@@ -3618,7 +3971,7 @@ var FormRow = /*#__PURE__*/react.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) {
@@ -3700,7 +4053,7 @@ var Form = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (pr
   }
 });
-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.
  */
@@ -3714,7 +4067,7 @@ var Label = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (p
       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 = react.useStyleConfig("Label", {
     isInlined: isInlined
@@ -3734,7 +4087,7 @@ var Label = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (p
   }, 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",
@@ -3785,7 +4138,7 @@ var TextInput = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functio
       _props$type = props.type,
       type = _props$type === void 0 ? "text" : _props$type,
       value = props.value,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$17);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$19);
   var styles = react.useMultiStyleConfig("TextInput", {
     variant: textInputType
@@ -3877,7 +4230,7 @@ var TextInput = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(functio
   }, 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"];
 /**
@@ -3905,7 +4258,7 @@ var CustomTextInput = /*#__PURE__*/React.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.
@@ -4680,6 +5033,10 @@ var colors = {
 };
 var radii = {
+  button: {
+    "default": "2px",
+    pill: "20px"
+  },
   checkbox: "3px",
   headerDonate: ".25rem",
   pill: "20px",
@@ -4728,7 +5085,9 @@ var typography = {
       "default": fontSizeValues["-1"]
     },
     button: {
-      "default": fontSizeValues["-1"]
+      small: fontSizeValues["-2"],
+      "default": fontSizeValues["-1"],
+      large: fontSizeValues["0"]
     },
     heading: {
       primary: fontSizeValues["4"],
@@ -4810,6 +5169,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",
@@ -4930,16 +5321,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: {
@@ -4957,101 +5340,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,
@@ -5060,6 +5523,7 @@ var Button$1 = {
     primary: primary,
     secondary: secondary,
     text: text,
+    // Deprecated type. Use "text" instead.
     link: link,
     pill: pill,
     iconOnly: iconOnly,
@@ -5710,7 +6174,7 @@ var Footer = {
         lg: "30px"
       },
       marginRight: {
-        xl: "70px"
+        xl: "100px"
       },
       order: {
         base: "2",
@@ -6222,7 +6686,7 @@ var HeaderLoginButton = {
         md: "auto"
       },
       padding: {
-        md: "4px 10px"
+        md: "10px 12px"
       },
       svg: {
         fill: isOpen ? "ui.white" : null,
@@ -6478,11 +6942,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"
       }),
@@ -6518,7 +6986,8 @@ var HeaderSearchForm = {
       display: "flex",
       fontSize: "16px",
       flex: "1",
-      padding: "35px 0",
+      justifyContent: "center",
+      padding: "25px 0",
       svg: {
         fill: headerLightBlue,
         marginLeft: "15px"
@@ -6547,14 +7016,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: {
@@ -6562,7 +7030,7 @@ var HeaderSearchButton = {
           base: "0",
           md: "xxs"
         },
-        color: {
+        fill: {
           base: isOpen ? "ui.white" : "ui.black",
           md: isOpen ? "ui.white" : "ui.link.primary"
         }
@@ -7148,6 +7616,10 @@ var size = {
   small: {
     height: "0.875rem",
     width: "0.875rem"
+  },
+  xsmall: {
+    height: "0.65rem",
+    width: "0.65rem"
   }
 };
 var Icon$1 = {
@@ -7395,7 +7867,7 @@ var Notification = {
       },
       icon: {
         flexShrink: "0",
-        marginEnd: "s"
+        marginEnd: "xs"
       }
     };
   }
@@ -7412,7 +7884,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: {
@@ -8123,11 +8595,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: {
@@ -8374,22 +8850,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/
@@ -8691,7 +9282,7 @@ var Toggle$1 = {
 var _baseStyle;
 var $bg = /*#__PURE__*/themeTools.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 = {
@@ -8737,6 +9328,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
@@ -8772,6 +9372,7 @@ var theme = /*#__PURE__*/react.extendTheme( /*#__PURE__*/_extends({
    */
   components: /*#__PURE__*/_extends({
     Accordion: Accordion$1,
+    AlphabetFilter: AlphabetFilter$1,
     Breadcrumb: Breadcrumb,
     Button: Button$1,
     ButtonGroup: ButtonGroup$1
@@ -8819,12 +9420,13 @@ var theme = /*#__PURE__*/react.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
@@ -8848,7 +9450,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
@@ -8867,7 +9469,7 @@ var List$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
       title = props.title,
       _props$type = props.type,
       type = _props$type === void 0 ? "ul" : _props$type,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$19);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1b);
   var styles = react.useStyleConfig("List", {
     inline: inline,
@@ -8978,7 +9580,7 @@ var List$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
 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); }
@@ -8989,12 +9591,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9012,7 +9615,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); }
@@ -9023,12 +9626,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9046,7 +9650,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); }
@@ -9057,11 +9661,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__*/React.createElement("svg", _extends$T({
     viewBox: "0 0 328 120",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -9076,7 +9681,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); }
@@ -9087,12 +9692,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9107,7 +9713,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); }
@@ -9118,12 +9724,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9143,7 +9750,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); }
@@ -9154,12 +9761,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9172,7 +9780,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); }
@@ -9183,12 +9791,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9201,7 +9810,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); }
@@ -9212,12 +9821,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9265,7 +9875,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); }
@@ -9276,12 +9886,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9334,7 +9945,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); }
@@ -9345,12 +9956,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9480,7 +10092,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); }
@@ -9491,12 +10103,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9511,7 +10124,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); }
@@ -9522,11 +10135,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__*/React.createElement("svg", _extends$10({
     viewBox: "0 0 186 74",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -9537,7 +10151,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); }
@@ -9548,12 +10162,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9564,7 +10179,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); }
@@ -9575,11 +10190,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__*/React.createElement("svg", _extends$12({
     viewBox: "0 0 300 71",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -9592,7 +10208,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); }
@@ -9603,12 +10219,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9621,7 +10238,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); }
@@ -9632,12 +10249,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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9648,7 +10266,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); }
@@ -9656,15 +10276,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__*/React.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__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _g$8 || (_g$8 = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#logo-nycdoe-color_svg__a)"
+  }, /*#__PURE__*/React.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__*/React.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__*/React.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__*/React.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__*/React.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__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "logo-nycdoe-color_svg__a"
+  }, /*#__PURE__*/React.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__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9734,29 +10401,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__*/React.createElement("svg", _extends$16({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _g$8 || (_g$8 = /*#__PURE__*/React.createElement("g", {
+  }, title) : null, _g$9 || (_g$9 = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#logo-nypl-full-white_svg__a)",
     fill: "#fff"
   }, /*#__PURE__*/React.createElement("path", {
@@ -9767,7 +10435,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__*/React.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__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$2 || (_defs$2 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "logo-nypl-full-white_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
@@ -9777,23 +10445,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__*/React.createElement("svg", _extends$17({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9813,23 +10482,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__*/React.createElement("svg", _extends$18({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9843,23 +10513,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__*/React.createElement("svg", _extends$19({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -9927,23 +10598,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__*/React.createElement("svg", _extends$1a({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -10009,29 +10681,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__*/React.createElement("svg", _extends$1b({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _g$9 || (_g$9 = /*#__PURE__*/React.createElement("g", {
+  }, title) : null, _g$a || (_g$a = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#logo-openebooks-color_svg__clip0_53471_41906)"
   }, /*#__PURE__*/React.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",
@@ -10042,7 +10715,7 @@ var SvgLogoOpenebooksColor = function SvgLogoOpenebooksColor(_ref) {
   }), /*#__PURE__*/React.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__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }))), _defs$3 || (_defs$3 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "logo-openebooks-color_svg__a",
     x1: 76.519,
     y1: 132.496,
@@ -10070,29 +10743,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__*/React.createElement("svg", _extends$1c({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _g$a || (_g$a = /*#__PURE__*/React.createElement("g", {
+  }, title) : null, _g$b || (_g$b = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#logo-openebooks-negative_svg__clip0_54498_42323)"
   }, /*#__PURE__*/React.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",
@@ -10109,7 +10783,7 @@ var SvgLogoOpenebooksNegative = function SvgLogoOpenebooksNegative(_ref) {
   }), /*#__PURE__*/React.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__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }))), _defs$4 || (_defs$4 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "logo-openebooks-negative_svg__a",
     x1: 127.8,
     y1: 121.19,
@@ -10154,29 +10828,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__*/React.createElement("svg", _extends$1d({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _g$b || (_g$b = /*#__PURE__*/React.createElement("g", {
+  }, title) : null, _g$c || (_g$c = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#logo-openebooks-with-text-color_svg__clip0_53471_41905)"
   }, /*#__PURE__*/React.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",
@@ -10187,7 +10862,7 @@ var SvgLogoOpenebooksWithTextColor = function SvgLogoOpenebooksWithTextColor(_re
   }), /*#__PURE__*/React.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__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }))), _defs$5 || (_defs$5 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "logo-openebooks-with-text-color_svg__a",
     x1: 76.519,
     y1: 132.496,
@@ -10215,29 +10890,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__*/React.createElement("svg", _extends$1e({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _g$c || (_g$c = /*#__PURE__*/React.createElement("g", {
+  }, title) : null, _g$d || (_g$d = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#logo-openebooks-with-text-negative_svg__clip0_54498_42322)"
   }, /*#__PURE__*/React.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",
@@ -10257,7 +10933,7 @@ var SvgLogoOpenebooksWithTextNegative = function SvgLogoOpenebooksWithTextNegati
   }), /*#__PURE__*/React.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__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+  }))), _defs$6 || (_defs$6 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "logo-openebooks-with-text-negative_svg__a",
     x1: 127.8,
     y1: 121.19,
@@ -10304,22 +10980,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__*/React.createElement("svg", _extends$1f({
+  return /*#__PURE__*/React.createElement("svg", _extends$1g({
     viewBox: "0 0 250 134",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -10330,23 +11007,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__*/React.createElement("svg", _extends$1g({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -10357,22 +11035,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__*/React.createElement("svg", _extends$1h({
+  return /*#__PURE__*/React.createElement("svg", _extends$1i({
     viewBox: "0 0 320 43",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -10397,29 +11076,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__*/React.createElement("svg", _extends$1i({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _g$d || (_g$d = /*#__PURE__*/React.createElement("g", {
+  }, title) : null, _g$e || (_g$e = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#logo-qpl-color_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
@@ -10449,7 +11129,7 @@ var SvgLogoQplColor = function SvgLogoQplColor(_ref) {
   }), /*#__PURE__*/React.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__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$7 || (_defs$7 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "logo-qpl-color_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
@@ -10460,23 +11140,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__*/React.createElement("svg", _extends$1j({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -10503,23 +11184,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__*/React.createElement("svg", _extends$1k({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -10541,29 +11223,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__*/React.createElement("svg", _extends$1l({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _g$e || (_g$e = /*#__PURE__*/React.createElement("g", {
+  }, title) : null, _g$f || (_g$f = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#logo-reservoir-vertical-color_svg__clip0_362_388)"
   }, /*#__PURE__*/React.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",
@@ -10582,22 +11265,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__*/React.createElement("svg", _extends$1m({
+  return /*#__PURE__*/React.createElement("svg", _extends$1n({
     viewBox: "0 0 185 79",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -10616,22 +11300,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__*/React.createElement("svg", _extends$1n({
+  return /*#__PURE__*/React.createElement("svg", _extends$1o({
     viewBox: "0 0 67 67",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -10650,23 +11335,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__*/React.createElement("svg", _extends$1o({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -10690,23 +11376,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__*/React.createElement("svg", _extends$1p({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -10725,23 +11412,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__*/React.createElement("svg", _extends$1q({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -10771,23 +11459,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__*/React.createElement("svg", _extends$1r({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -10804,28 +11493,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__*/React.createElement("svg", _extends$1s({
+  return /*#__PURE__*/React.createElement("svg", _extends$1t({
     viewBox: "0 0 512 148",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _g$f || (_g$f = /*#__PURE__*/React.createElement("g", {
+  }, title) : null, _g$g || (_g$g = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#logo-simplye-black_svg__a)"
   }, /*#__PURE__*/React.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"
@@ -10833,7 +11523,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__*/React.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__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$8 || (_defs$8 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "logo-simplye-black_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
@@ -10842,29 +11532,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__*/React.createElement("svg", _extends$1t({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _g$g || (_g$g = /*#__PURE__*/React.createElement("g", {
+  }, title) : null, _g$h || (_g$h = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#logo-simplye-white_svg__a)"
   }, /*#__PURE__*/React.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"
@@ -10872,7 +11563,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__*/React.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__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$9 || (_defs$9 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "logo-simplye-white_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     transform: "translate(0 .118)",
@@ -10880,29 +11571,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__*/React.createElement("svg", _extends$1u({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _g$h || (_g$h = /*#__PURE__*/React.createElement("g", {
+  }, title) : null, _g$i || (_g$i = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#logo-simplye-color_svg__a)"
   }, /*#__PURE__*/React.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",
@@ -10916,7 +11608,7 @@ var SvgLogoSimplyeColor = function SvgLogoSimplyeColor(_ref) {
   }), /*#__PURE__*/React.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__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  }))), _defs$a || (_defs$a = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "logo-simplye-color_svg__a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
@@ -10927,22 +11619,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__*/React.createElement("svg", _extends$1v({
+  return /*#__PURE__*/React.createElement("svg", _extends$1w({
     viewBox: "0 0 84 111",
     xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
@@ -10953,23 +11646,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__*/React.createElement("svg", _extends$1w({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -10980,23 +11674,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__*/React.createElement("svg", _extends$1x({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -11170,23 +11865,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__*/React.createElement("svg", _extends$1y({
+  return /*#__PURE__*/React.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__*/React.createElement("title", {
     id: titleId
@@ -11376,6 +12072,7 @@ var logoSvgs = {
   mlnBlack: SvgLogoMlnBlack,
   mlnColor: SvgLogoMlnColor,
   mlnWhite: SvgLogoMlnWhite,
+  nycdoeColor: SvgLogoNycdoeColor,
   nyplFullBlack: SvgLogoNyplFullBlack,
   nyplFullWhite: SvgLogoNyplFullWhite,
   nyplLionBlack: SvgLogoNyplLionBlack,
@@ -11408,7 +12105,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.
@@ -11427,7 +12124,7 @@ var Logo$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
       size = _props$size === void 0 ? "medium" : _props$size,
       _props$title = props.title,
       title = _props$title === void 0 ? name + " logo" : _props$title,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1U);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1X);
   var styles = react.useStyleConfig("Logo", {
     size: size
@@ -11534,7 +12231,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
@@ -11545,7 +12242,7 @@ var Footer$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   var className = _ref.className,
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? "footer" : _ref$id,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1V);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1Y);
   var styles = react.useMultiStyleConfig("Footer", {});
   var nyplLinks = link$1.nyplLinks.map(function (links, index) {
@@ -11615,11 +12312,11 @@ var Footer$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   })));
 }));
-var _excluded$1W = ["align", "className"];
+var _excluded$1Z = ["align", "className"];
 var HorizontalRule$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var align = props.align,
       className = props.className,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1W);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1Z);
   var styles = react.useStyleConfig("HorizontalRule", {
     align: align
@@ -11638,7 +12335,7 @@ var HorizontalRule$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
   }, 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
@@ -11651,7 +12348,7 @@ var SkipNavigation$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
       id = props.id,
       _props$target = props.target,
       target = _props$target === void 0 ? "#mainContent" : _props$target,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1X);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1_);
   var styles = react.useStyleConfig("SkipNavigation");
   return React__default.createElement(react.Box, Object.assign({
@@ -11672,7 +12369,7 @@ var SkipNavigation$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
   }, "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__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
       helperText = props.helperText,
@@ -11693,7 +12390,7 @@ var Radio$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
       _props$showLabel = props.showLabel,
       showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
       value = props.value,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1Y);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$1$);
   var styles = react.useMultiStyleConfig("Radio", {
     showLabel: showLabel
@@ -11740,7 +12437,7 @@ var Radio$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   }, 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
@@ -11776,7 +12473,7 @@ var RadioGroup$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(func
       showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
       _props$showRequiredLa = props.showRequiredLabel,
       showRequiredLabel = _props$showRequiredLa === void 0 ? true : _props$showRequiredLa,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1Z);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$20);
   var _React$useState = React__default.useState(defaultValue),
       value = _React$useState[0],
@@ -12882,7 +13579,7 @@ var HeaderMobileIconNav$1 = /*#__PURE__*/react.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"];
 /**
@@ -12895,7 +13592,7 @@ var NotificationHeading$1 = /*#__PURE__*/react.chakra(function (props) {
       id = props.id,
       isCentered = props.isCentered,
       notificationType = props.notificationType,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1_);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$21);
   var styles = react.useMultiStyleConfig("NotificationHeading", {
     icon: icon,
@@ -13404,7 +14101,7 @@ var Header$1 = /*#__PURE__*/react.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__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -13420,7 +14117,7 @@ var Hero$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
   } : _props$imageProps,
       locationDetails = props.locationDetails,
       subHeaderText = props.subHeaderText,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$1$);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$22);
   var styles = react.useMultiStyleConfig("Hero", {
     variant: heroType
@@ -13520,7 +14217,7 @@ var Hero$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
   }
 });
-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__*/react.chakra(function (_ref) {
@@ -13531,7 +14228,7 @@ var BaseModal = /*#__PURE__*/react.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";
@@ -13622,7 +14319,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.
  */
@@ -13636,7 +14333,7 @@ var Pagination$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(func
       initialPage = _props$initialPage === void 0 ? 1 : _props$initialPage,
       onPageChange = props.onPageChange,
       pageCount = props.pageCount,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$21);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$24);
   var refCurrentPage = React.useRef(currentPage);
@@ -13829,7 +14526,7 @@ var Pagination$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(func
   }, 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,
@@ -13851,7 +14548,7 @@ var ProgressIndicator$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardR
       size = _props$size === void 0 ? "default" : _props$size,
       _props$value = props.value,
       value = _props$value === void 0 ? 0 : _props$value,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$22);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$25);
   var styles = react.useMultiStyleConfig("ProgressIndicator", {
     darkMode: darkMode,
@@ -13918,7 +14615,7 @@ var ProgressIndicator$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardR
   }, 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.
@@ -13952,7 +14649,7 @@ var Select$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
       showRequiredLabel = _props$showRequiredLa === void 0 ? true : _props$showRequiredLa,
       _props$value = props.value,
       value = _props$value === void 0 ? "" : _props$value,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$23);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$26);
   var _useState = React.useState(0),
       labelWidth = _useState[0],
@@ -14038,7 +14735,7 @@ var Select$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   }), 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.
@@ -14067,7 +14764,7 @@ var SearchBar$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(funct
       selectProps = props.selectProps,
       textInputElement = props.textInputElement,
       textInputProps = props.textInputProps,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$24);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$27);
   var styles = react.useMultiStyleConfig("SearchBar", {});
   var stateProps = {
@@ -14130,7 +14827,7 @@ var SearchBar$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(funct
     isDisabled: isDisabled,
     onClick: buttonOnClick,
     type: "submit",
-    __css: searchBarButtonStyles
+    sx: searchBarButtonStyles
   }, React__default.createElement(Icon, {
     align: "left",
     id: "searchbar-icon-" + id,
@@ -14161,7 +14858,7 @@ var SearchBar$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(funct
   }, 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.
@@ -14188,7 +14885,7 @@ var SkeletonLoader$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
       _props$showImage = props.showImage,
       showImage = _props$showImage === void 0 ? true : _props$showImage,
       width = props.width,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$25);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$28);
   var styles = react.useMultiStyleConfig("SkeletonLoader", {
     isBordered: isBordered,
@@ -14251,7 +14948,7 @@ var SkeletonLoader$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(
   })))));
 }));
-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
@@ -14292,7 +14989,8 @@ var Slider = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
       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.");
@@ -14306,8 +15004,19 @@ var Slider = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
   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.
+  React.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.
@@ -14482,7 +15191,7 @@ var Slider = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (
   }, 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.
@@ -14494,7 +15203,7 @@ var StatusBadge$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
       id = props.id,
       _props$level = props.level,
       level = _props$level === void 0 ? "low" : _props$level,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$27);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2a);
   var styles = react.useStyleConfig("StatusBadge", {
     variant: level
@@ -14512,7 +15221,7 @@ var StatusBadge$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
   }, 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.
@@ -14564,7 +15273,7 @@ var StructuredContent$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardR
     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;
@@ -14666,7 +15375,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`.
@@ -14785,7 +15494,7 @@ var Tabs = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (pr
       tabsData = props.tabsData,
       _props$useHash = props.useHash,
       useHash = _props$useHash === void 0 ? false : _props$useHash,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$29);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2c);
   var styles = react.useMultiStyleConfig("Tabs", {}); // Just an estimate of the tab width for the mobile carousel.
@@ -14875,7 +15584,7 @@ var Tabs = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (pr
   }, React__default.createElement(react.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.
@@ -15125,7 +15834,7 @@ var TemplateAppContainer = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forward
       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);
@@ -15144,7 +15853,7 @@ var TemplateAppContainer = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forward
   }, 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;
 };
@@ -15171,7 +15880,7 @@ var Toggle$2 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
       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 = react.useMultiStyleConfig("Toggle", {
     isDisabled: isDisabled,
@@ -15220,7 +15929,7 @@ var Toggle$2 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function
   }), 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__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var aspectRatio = props.aspectRatio,
       className = props.className,
@@ -15234,7 +15943,7 @@ var VideoPlayer$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
       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";
@@ -15304,13 +16013,13 @@ var VideoPlayer$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(fun
   }, embedElement)));
 }));
-var _excluded$2d = ["children", "className", "content", "id", "isDisabled", "shouldWrapChildren"];
+var _excluded$2g = ["children", "className", "content", "id", "isDisabled", "shouldWrapChildren"];
 var Tooltip$1 = /*#__PURE__*/react.chakra( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
       content = props.content,
       isDisabled = props.isDisabled,
       shouldWrapChildren = props.shouldWrapChildren,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$2d);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$2g);
   if (typeof content !== "string") {
     React__default.Children.map(content, function (contentChild) {
@@ -15457,6 +16166,8 @@ Object.defineProperty(exports, 'useColorModeValue', {
   }
 });
 exports.Accordion = Accordion;
+exports.AlphabetFilter = AlphabetFilter;
+exports.AudioPlayer = AudioPlayer;
 exports.Breadcrumbs = Breadcrumbs;
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;