@civicactions/cmsds-open-data-components 3.6.0-rc.2 → 3.7.0-alpha.2

package/dist/main.js

@@ -1,14 +1,14 @@
 import "./main.css";
 import {jsxs as $hgUW1$jsxs, jsx as $hgUW1$jsx, Fragment as $hgUW1$Fragment} from "react/jsx-runtime";
-import $hgUW1$react, {createContext as $hgUW1$createContext, useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, useMemo as $hgUW1$useMemo, useContext as $hgUW1$useContext, useCallback as $hgUW1$useCallback} from "react";
-import {NavLink as $hgUW1$NavLink, useNavigate as $hgUW1$useNavigate, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link} from "react-router-dom";
-import {Button as $hgUW1$Button, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, CloseIconThin as $hgUW1$CloseIconThin, ArrowIcon as $hgUW1$ArrowIcon, Dialog as $hgUW1$Dialog, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Choice as $hgUW1$Choice, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, Table as $hgUW1$Table, TableBody as $hgUW1$TableBody, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableHead as $hgUW1$TableHead, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
-import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
+import $hgUW1$react, {useState as $hgUW1$useState, useRef as $hgUW1$useRef, useEffect as $hgUW1$useEffect, createContext as $hgUW1$createContext, useMemo as $hgUW1$useMemo, useContext as $hgUW1$useContext, useCallback as $hgUW1$useCallback} from "react";
+import {Button as $hgUW1$Button, Accordion as $hgUW1$Accordion, AccordionItem as $hgUW1$AccordionItem, TextField as $hgUW1$TextField, Spinner as $hgUW1$Spinner, Dropdown as $hgUW1$Dropdown, Alert as $hgUW1$Alert, Pagination as $hgUW1$Pagination, Dialog as $hgUW1$Dialog, Choice as $hgUW1$Choice, Tabs as $hgUW1$Tabs, TabPanel as $hgUW1$TabPanel, Table as $hgUW1$Table, TableBody as $hgUW1$TableBody, TableRow as $hgUW1$TableRow, TableCell as $hgUW1$TableCell, TableHead as $hgUW1$TableHead, Tooltip as $hgUW1$Tooltip, TooltipIcon as $hgUW1$TooltipIcon, Badge as $hgUW1$Badge} from "@cmsgov/design-system";
+import {NavLink as $hgUW1$NavLink, useLocation as $hgUW1$useLocation, useSearchParams as $hgUW1$useSearchParams, Link as $hgUW1$Link, useNavigate as $hgUW1$useNavigate} from "react-router-dom";
 import $hgUW1$qs from "qs";
 import $hgUW1$swaggeruireact from "swagger-ui-react";
 import "swagger-ui-react/swagger-ui.css";
 import $hgUW1$axios from "axios";
 import {useQuery as $hgUW1$useQuery, QueryClient as $hgUW1$QueryClient, QueryClientProvider as $hgUW1$QueryClientProvider} from "@tanstack/react-query";
+import {useMediaQuery as $hgUW1$useMediaQuery} from "react-responsive";
 import $hgUW1$dompurify from "dompurify";
 import $hgUW1$lodashtruncate from "lodash.truncate";
 import $hgUW1$proptypes from "prop-types";
@@ -21,294 +21,81 @@ import $hgUW1$reactdatepicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
 import {usePopper as $hgUW1$usePopper} from "react-popper";
 
-// Components
-
-
-
-
-
-
-const $3c72c298c3a7f21f$var$HeaderTagline = (props)=>{
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-        className: "dkan-c-cms-topnav--tagline ds-u-valign--middle ds-u-padding-left--2",
-        children: props.tagline
-    });
-};
-var $3c72c298c3a7f21f$export$2e2bcd8739ae039 = $3c72c298c3a7f21f$var$HeaderTagline;
-
-
-
-
 
-const $1555e1cb3eb7b3e3$var$HeaderNavIconLink = (props)=>{
-    const { url: url, urlTitle: urlTitle, logoFilePath: logoFilePath, logoAltText: logoAltText, backArrow: backArrow } = props;
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: `dkan-c-header-nav-icon-link ${backArrow ? "show-back-arrow" : ""} ds-u-valign--middle	`,
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
-            href: url,
-            title: urlTitle,
-            children: /*#__PURE__*/ (0, $hgUW1$jsx)("img", {
-                src: logoFilePath,
-                alt: logoAltText
-            })
-        })
-    });
-};
-var $1555e1cb3eb7b3e3$export$2e2bcd8739ae039 = $1555e1cb3eb7b3e3$var$HeaderNavIconLink;
-
-
-
-const $a8accc31bf9e0bda$var$CMSTopNav = (props)=>{
-    const { links: links, org: org } = props;
-    const { urlTitle: urlTitle, logoAltText: logoAltText = "", logoFilePath: logoFilePath = "", tagline: tagline, url: url } = org;
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "dkan-c-cms-topnav ds-u-display--flex ds-u-padding-x--5 ds-u-align-items--center ds-u-justify-content--center ds-u-lg-justify-content--start",
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-l-col--12 ds-l-md-col--5 ds-l-lg-col--7 ds-u-display--flex ds-u-align-items--center ds-u-justify-content--center ds-u-md-justify-content--start",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039), {
-                        url: url,
-                        urlTitle: urlTitle,
-                        logoAltText: logoAltText,
-                        logoFilePath: logoFilePath
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3c72c298c3a7f21f$export$2e2bcd8739ae039), {
-                        tagline: tagline
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "ds-l-col--7 ds-l-lg-col--5 ds-u-display--none ds-u-md-display--inline-flex ds-u-align-items--center ds-u-justify-content--end",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("nav", {
-                    className: "dkan-c-cms-topnav--menu",
-                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
-                        className: "ds-u-justify-content--end ds-u-md-align-items--center ds-u-flex-direction--column ds-u-md-flex-direction--row",
-                        children: links.map((link)=>{
-                            return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                                className: "ds-u-margin-x--05 ds-u-font-size--sm",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
-                                    to: link.url,
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                        children: link.label
-                                    })
-                                })
-                            });
-                        })
-                    })
-                })
-            })
-        ]
-    });
-};
-var $a8accc31bf9e0bda$export$2e2bcd8739ae039 = $a8accc31bf9e0bda$var$CMSTopNav;
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+// Components
 
 
 
 
-class $c49454ea7d1c4579$var$ErrorBoundary extends (0, $hgUW1$react).Component {
-    constructor(props){
-        super(props);
-        this.state = {
-            hasError: false,
-            error: undefined
-        };
-    }
-    static getDerivedStateFromError(error) {
-        // Update state so the next render will show the fallback UI.
-        return {
-            hasError: true,
-            error: error
-        };
-    }
-    componentDidCatch(error, info) {
-        // TODO report to logging solution
-        console.error({
-            error: error,
-            info: info
-        });
-    }
-    render() {
-        if (this.props.component) {
-            if (this.state.hasError) return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                    children: "We're sorry, the site has encountered an unexpected error."
-                })
-            });
-            return this.props.children;
-        }
-        return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "ds-l-container",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
-                        className: "ds-text-heading--2xl",
-                        children: "Error"
-                    }),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
-                        children: "We're sorry, the site has encountered an unexpected error."
-                    })
-                ]
-            })
-        });
-    }
-}
-var $c49454ea7d1c4579$export$2e2bcd8739ae039 = $c49454ea7d1c4579$var$ErrorBoundary;
 
 
 
 
 
-const $046ded0064bd0a3d$var$FAQAccordion = (props)=>{
-    const { faqs: faqs } = props;
-    const [expanded, setExpanded] = (0, $hgUW1$react).useState(false);
-    const [faqItems, setFaqItems] = (0, $hgUW1$react).useState(faqs);
-    function toggleAll() {
-        if (expanded) {
-            const newFaqs = faqItems.map((item)=>({
-                    ...item,
-                    open: false
-                }));
-            setFaqItems(newFaqs);
-            setExpanded(false);
-        } else {
-            const newFaqs = faqItems.map((item)=>({
-                    ...item,
-                    open: true
-                }));
-            setFaqItems(newFaqs);
-            setExpanded(true);
-        }
-    }
-    function toggleAccordionItem(id) {
-        const currentFaqIndex = faqItems.findIndex((item)=>item.id === id);
-        const updatedFaq = {
-            ...faqItems[currentFaqIndex],
-            open: !faqItems[currentFaqIndex].open
-        };
-        const newFaqs = [
-            ...faqItems.slice(0, currentFaqIndex),
-            updatedFaq,
-            ...faqItems.slice(currentFaqIndex + 1)
-        ];
-        setFaqItems(newFaqs);
-        const openCount = newFaqs.filter((item)=>item.open === true).length;
-        if (openCount > 0 && openCount == newFaqs.length) setExpanded(true);
-        else setExpanded(false);
-    }
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                className: "ds-u-margin-y--2 ds-u-float--right",
-                type: "button",
-                variation: "ghost",
-                onClick: ()=>toggleAll(),
-                children: `${expanded ? "Collapse" : "Expand"} all FAQs`
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Accordion), {
-                children: faqItems.map((faq)=>/*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$AccordionItem), {
-                        heading: faq.title,
-                        isControlledOpen: faq.open,
-                        onChange: ()=>toggleAccordionItem(faq.id),
-                        children: faq.body
-                    }, faq.id))
-            })
-        ]
+const $24918217e48ac525$var$NavLink = ({ link: link, className: className = null, wrapLabel: wrapLabel = false, clickHandler: clickHandler })=>{
+    const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+        children: link.label
+    }) : link.label;
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
+        className: ({ isActive: isActive })=>isActive ? `dc-c-active-link ${className}` : `${className}`,
+        to: link.url,
+        onClick: clickHandler ? clickHandler : undefined,
+        children: innerHtml
     });
+// }
 };
-var $046ded0064bd0a3d$export$2e2bcd8739ae039 = $046ded0064bd0a3d$var$FAQAccordion;
-
-
-
-
-
-
-
-const $11500a65bd7d9cf1$var$HeaderContext = /*#__PURE__*/ (0, $hgUW1$createContext)({
-    mobileMenuOpen: false,
-    setMobileMenuOpen: (el)=>{},
-    menuRef: null,
-    isMobile: false,
-    onDark: true
-});
-var $11500a65bd7d9cf1$export$2e2bcd8739ae039 = $11500a65bd7d9cf1$var$HeaderContext;
-
-
-
-
-
-
+var $24918217e48ac525$export$2e2bcd8739ae039 = $24918217e48ac525$var$NavLink;
 
 
-const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, subLinkClasses: subLinkClasses, wrapLabel: wrapLabel = true })=>{
-    const [isExpanded, setIsExpanded] = (0, $hgUW1$useState)(false);
-    const headerContext = (0, $hgUW1$react).useContext((0, $11500a65bd7d9cf1$export$2e2bcd8739ae039));
+const $4f153ca537d853e5$var$SubMenu = ({ link: link, linkClasses: linkClasses, wrapLabel: wrapLabel })=>{
+    const [isExpanded, setIsExapanded] = (0, $hgUW1$useState)(false);
     const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
         children: link.label
     }) : link.label;
     const menu = (0, $hgUW1$useRef)();
     (0, $hgUW1$useEffect)(()=>{
-        let currentMenu = null;
-        if (menu.current) currentMenu = menu.current;
         function handleClickOutside(event) {
-            if (currentMenu && !currentMenu.contains(event.target)) setIsExpanded(false);
+            if (menu.current && !menu.current.contains(event.target)) setIsExapanded(false);
         }
         function handleFocusOut(event) {
-            if (currentMenu && !currentMenu.contains(event.relatedTarget)) setIsExpanded(false);
+            if (menu.current && !menu.current.contains(event.relatedTarget)) setIsExapanded(false);
         }
         document.addEventListener("mousedown", handleClickOutside);
-        currentMenu?.addEventListener("focusout", handleFocusOut);
+        menu.current.addEventListener("focusout", handleFocusOut);
         return ()=>{
             document.removeEventListener("mousedown", handleClickOutside);
-            if (currentMenu) currentMenu.removeEventListener("focusout", handleFocusOut);
+            if (menu.current) menu.current.removeEventListener("focusout", handleFocusOut);
         };
     }, [
+        menu,
         isExpanded
     ]);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
-        className: `dkan-c-nav-submenu has-submenu${isExpanded ? " open" : ""}`,
+        className: `has-submenu ${isExpanded ? "open" : ""}`,
         ref: menu,
         children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                size: "small",
                 variation: "ghost",
-                onDark: headerContext.onDark,
-                className: `${linkClasses}`,
+                onDark: true,
+                className: linkClasses,
                 "aria-haspopup": "true",
                 "aria-expanded": isExpanded,
                 onClick: (e)=>{
                     e.preventDefault();
-                    setIsExpanded(!isExpanded);
+                    setIsExapanded(!isExpanded);
                 },
-                children: [
-                    innerHtml,
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$ArrowIcon), {
-                        className: "ds-u-margin-left--1",
-                        direction: isExpanded ? "down" : "right"
-                    })
-                ]
+                children: innerHtml
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
-                className: "dkan-c-site-menu--sub-menu",
+                className: "dc-c-site-menu--sub-menu",
                 children: link.submenu.map((s)=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                        children: s.external || s.drupalPage ? /*#__PURE__*/ (0, $hgUW1$jsxs)("a", {
-                            href: s.url,
-                            className: `ds-u-display-flex ds-u-align-items--center ${subLinkClasses}`,
-                            children: [
-                                s.icon ?? null,
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    children: s.label
-                                })
-                            ]
-                        }) : /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$NavLink), {
-                            to: s.url,
-                            className: `ds-u-display-flex ds-u-align-items--center ${subLinkClasses}`,
-                            onClick: ()=>setIsExpanded(!isExpanded),
-                            children: [
-                                s.icon ?? null,
-                                /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    children: s.label
-                                })
-                            ]
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $24918217e48ac525$export$2e2bcd8739ae039), {
+                            link: s,
+                            wrapLabel: wrapLabel
                         })
                     }, s.id))
             })
@@ -319,217 +106,13 @@ var $4f153ca537d853e5$export$2e2bcd8739ae039 = $4f153ca537d853e5$var$SubMenu;
 
 
 
-
-
-
-
-const $fea9297ba4dd394c$var$HeaderSearch = (props)=>{
-    const { headingText: headingText = "Dataset Search" } = props;
-    const navigate = (0, $hgUW1$useNavigate)();
-    const [modalSearchTerm, setModalSearchTerm] = (0, $hgUW1$useState)("");
-    const [modalSearch, setModalSearch] = (0, $hgUW1$useState)(false);
-    function searchForDataset(e) {
-        e.preventDefault();
-        if (window) {
-            if (window.location.pathname !== "/datasets") navigate(`/datasets?fulltext=${modalSearchTerm}`);
-            else {
-                window.location.search = `fulltext=${modalSearchTerm}`;
-                setModalSearch(false);
-            }
-        }
-    }
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: "dkan-c-main-navigation--search",
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                variation: "ghost",
-                onDark: true,
-                className: "ds-u-border--0 dkan-c-header-search--modal-button",
-                onClick: ()=>setModalSearch(true),
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                    children: "Search"
-                })
-            }),
-            modalSearch && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
-                className: "dc-c-search-dialog",
-                onExit: ()=>setModalSearch(false),
-                heading: `${headingText}`,
-                actions: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
-                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
-                        className: "ds-u-display--flex ds-u-align-items--stretch ds-u-flex-wrap--nowrap",
-                        onSubmit: (e)=>{
-                            searchForDataset(e);
-                        },
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
-                                value: modalSearchTerm,
-                                fieldClassName: "ds-u-display--inline-block",
-                                className: "ds-l-col--9",
-                                label: "Search Term",
-                                name: "search-modal",
-                                labelClassName: "ds-u-visibility--screen-reader",
-                                onChange: (e)=>setModalSearchTerm(e.target.value)
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
-                                type: "submit",
-                                className: "ds-l-col--3",
-                                children: [
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                        className: "fas fa-search small-text ds-u-sm-display--none"
-                                    }),
-                                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                        className: "full-text ds-u-display--none ds-u-sm-display--inline-block",
-                                        children: "Search"
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                })
-            })
-        ]
-    });
-};
-var $fea9297ba4dd394c$export$2e2bcd8739ae039 = $fea9297ba4dd394c$var$HeaderSearch;
-
-
-
-const $b939b31651e82908$var$HeaderNav = (props)=>{
-    const headerContext = (0, $hgUW1$react).useContext((0, $11500a65bd7d9cf1$export$2e2bcd8739ae039));
-    const { links: links, topNavLinks: topNavLinks, wrapperClasses: wrapperClasses, searchInMobile: searchInMobile } = props;
-    const navMenuOpenClass = `dkan-c-nav-menu--${headerContext.mobileMenuOpen ? "open" : "close"}`;
-    const isMobileClass = `dkan-c-nav-menu--${headerContext.isMobile ? "mobile" : "desktop"}`;
-    const linkClasses = "dkan-c-header--link ds-c-button ds-c-button--ghost";
-    const listClasses = "dkan-c-header--link-list ";
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: `dkan-c-nav-menu ${wrapperClasses} ${navMenuOpenClass} ${isMobileClass}`,
-        ref: headerContext.menuRef,
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
-                variation: "ghost",
-                onDark: true,
-                className: "dkan-c-nav-menu--mobile-close-button",
-                onClick: ()=>headerContext.setMobileMenuOpen(false),
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$CloseIconThin), {}),
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        className: "ds-u-margin-left--1",
-                        children: "Close"
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("nav", {
-                className: "dkan-c-main-nav",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
-                    className: listClasses,
-                    children: links.map((link)=>{
-                        if (link.submenu) return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $4f153ca537d853e5$export$2e2bcd8739ae039), {
-                            link: link,
-                            wrapLabel: true,
-                            subLinkClasses: linkClasses,
-                            linkClasses: linkClasses
-                        }, link.id);
-                        return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
-                                to: link.url,
-                                className: linkClasses,
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    children: link.label
-                                })
-                            })
-                        });
-                    })
-                })
-            }),
-            topNavLinks && /*#__PURE__*/ (0, $hgUW1$jsx)("nav", {
-                className: "dkan-c-top-nav",
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
-                    className: listClasses,
-                    children: topNavLinks.map((link)=>{
-                        return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
-                                to: link.url,
-                                className: linkClasses,
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                    children: link.label
-                                })
-                            })
-                        });
-                    })
-                })
-            }),
-            searchInMobile && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $fea9297ba4dd394c$export$2e2bcd8739ae039), {})
-        ]
-    });
-};
-var $b939b31651e82908$export$2e2bcd8739ae039 = $b939b31651e82908$var$HeaderNav;
-
-
-
-
-
-
-
-const $9a8892c5ac150556$var$HeaderSiteTitle = (props)=>{
-    const inverse = props.inverse;
-    const { logoFilePath: logoFilePath, logoAltText: logoAltText, urlTitle: urlTitle } = props.org;
-    const classList = "ds-u-padding-y--3 dc-c-site-title print-padding-top--0 print-padding-bottom--0 ds-u-text-align--center ds-u-md-text-align--left";
-    if (logoFilePath) return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: classList,
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
-            to: "/",
-            children: /*#__PURE__*/ (0, $hgUW1$jsx)("img", {
-                src: logoFilePath,
-                alt: logoAltText
-            })
-        })
-    });
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: classList,
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
-            to: "/",
-            className: `${inverse ? "ds-c-link--inverse " : ""} ds-u-font-size--2xl ds-u-lg-font-size--3xl`,
-            children: urlTitle
-        })
-    });
-};
-var $9a8892c5ac150556$export$2e2bcd8739ae039 = $9a8892c5ac150556$var$HeaderSiteTitle;
-
-
-
-
-
-
-
-
-const $403833a4b442d5df$var$MobileMenuButton = (props)=>{
-    const headerContext = (0, $hgUW1$react).useContext((0, $11500a65bd7d9cf1$export$2e2bcd8739ae039));
-    const { wrapperClasses: wrapperClasses } = props;
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-        "aria-haspopup": "true",
-        "aria-expanded": headerContext.mobileMenuOpen,
-        className: `dkan-c-mobile-menu-button ${wrapperClasses} dkan-c-mobile-menu-button--${headerContext.mobileMenuOpen ? "close" : "open"}`,
-        onClick: ()=>headerContext.setMobileMenuOpen(!headerContext.mobileMenuOpen),
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-            children: "Menu"
-        })
-    });
-};
-var $403833a4b442d5df$export$2e2bcd8739ae039 = $403833a4b442d5df$var$MobileMenuButton;
-
-
-
-
-
-
-const $f57121650539d8c5$var$NavBar = (props)=>{
-    const { links: links, menuName: menuName, menuId: menuId, menuClasses: menuClasses, linkClasses: linkClasses, subLinkClasses: subLinkClasses, wrapLabel: wrapLabel = false } = props;
+const $f57121650539d8c5$var$NavBar = ({ links: links, menuName: menuName, menuId: menuId, menuClasses: menuClasses, linkClasses: linkClasses, wrapLabel: wrapLabel = false, clickHandler: clickHandler })=>{
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("nav", {
-        className: `dkan-c-${menuId}-menu`,
-        "aria-labelledby": `dkan-c-${menuId}-menu--heading`,
+        className: `dc-c-${menuId}-menu`,
+        "aria-labelledby": `dc-c-${menuId}-menu--heading`,
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
-                id: `dkan-c-${menuId}-menu--heading`,
+                id: `dc-c-${menuId}-menu--heading`,
                 className: "ds-u-visibility--screen-reader",
                 children: menuName
             }),
@@ -539,16 +122,14 @@ const $f57121650539d8c5$var$NavBar = (props)=>{
                     if (link.submenu) return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $4f153ca537d853e5$export$2e2bcd8739ae039), {
                         link: link,
                         wrapLabel: wrapLabel,
-                        subLinkClasses: subLinkClasses,
                         linkClasses: linkClasses
                     }, link.id);
                     else return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
-                            to: link,
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $24918217e48ac525$export$2e2bcd8739ae039), {
+                            link: link,
                             className: linkClasses,
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                children: link.label
-                            })
+                            wrapLabel: wrapLabel,
+                            clickHandler: clickHandler
                         })
                     }, link.id);
                 })
@@ -563,115 +144,54 @@ var $f57121650539d8c5$export$2e2bcd8739ae039 = $f57121650539d8c5$var$NavBar;
 
 
 
-
-
-
-const $953b286f7778640e$var$SidebarNavigation = (props)=>{
-    const { title: title, links: links, mobileMax: mobileMax } = props;
-    const active = (0, $hgUW1$useLocation)().pathname;
-    const [menuOpen, setMenuOpen] = (0, $hgUW1$useState)(false);
-    const styleClasses = "dkan-c--sidebar-nav-wrapper ds-u-border--1 ds-u-border--color-gray-lightest ds-u-padding--2";
-    const mobileClass = `dkan-c-sidebar-nav--${mobileMax ? "mobile" : "desktop"}`;
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-        className: `dkan-c-sidebar-nav ${mobileClass}`,
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                className: "dkan-c-sidebar-nav--mobile-header ds-u-align-items--center ds-u-justify-content--between ds-u-padding-y--2 ds-u-fill--primary-darker ds-u-color--white",
+class $c49454ea7d1c4579$var$ErrorBoundary extends (0, $hgUW1$react).Component {
+    constructor(props){
+        super(props);
+        this.state = {
+            hasError: false,
+            error: undefined
+        };
+    }
+    static getDerivedStateFromError(error) {
+        // Update state so the next render will show the fallback UI.
+        return {
+            hasError: true,
+            error: error
+        };
+    }
+    componentDidCatch(error, info) {
+        // TODO report to logging solution
+        console.error({
+            error: error,
+            info: info
+        });
+    }
+    render() {
+        if (this.props.component) {
+            if (this.state.hasError) return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                    children: "We're sorry, the site has encountered an unexpected error."
+                })
+            });
+            return this.props.children;
+        }
+        return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+            children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "ds-l-container",
                 children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                        className: "ds-u-margin-left--2 ds-u-margin-y--0 ds-text-heading--xl",
-                        children: "Pages in this section"
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("h2", {
+                        className: "ds-text-heading--2xl",
+                        children: "Error"
                     }),
-                    /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
-                        "aria-haspopup": "true",
-                        variation: "ghost",
-                        "aria-expanded": `${menuOpen ? "true" : "false"}`,
-                        onDark: true,
-                        onClick: ()=>setMenuOpen(!menuOpen),
-                        children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-                                className: "ds-u-visibility--screen-reader",
-                                children: "Toggle menu"
-                            }),
-                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$ArrowIcon), {
-                                direction: menuOpen ? "up" : "down"
-                            })
-                        ]
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
+                        children: "We're sorry, the site has encountered an unexpected error."
                     })
                 ]
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: ``,
-                children: /*#__PURE__*/ (0, $hgUW1$jsxs)("nav", {
-                    className: `${styleClasses} dkan-c-sidebar-nav-menu dkan-c-sidebar-nav-menu--${menuOpen ? "open" : "close"}`,
-                    children: [
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: "ds-u-padding--2 ds-u-border-bottom--1 ds-u-border--color-gray-lightest",
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("h3", {
-                                className: "ds-text-heading--lg",
-                                children: title
-                            })
-                        }),
-                        /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
-                            className: "ds-u-padding-bottom--2",
-                            children: links.map(({ url: url, label: label })=>/*#__PURE__*/ (0, $hgUW1$jsx)("li", {
-                                    className: `ds-u-padding--1 ds-u-padding-top--2 ds-u-border-bottom--1 ds-u-border--color-gray-lightest ${active === url ? "active" : ""}`,
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                                        className: "ds-u-display--flex ds-u-padding-y--1",
-                                        children: [
-                                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                                className: "dkan-c-sidebar-nav-link-status"
-                                            }),
-                                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
-                                                to: url,
-                                                className: "dkan-c-sidebar-nav-link ds-u-margin-left--2",
-                                                children: label
-                                            })
-                                        ]
-                                    })
-                                }, `${url}${label}`))
-                        })
-                    ]
-                })
             })
-        ]
-    });
-};
-var $953b286f7778640e$export$2e2bcd8739ae039 = $953b286f7778640e$var$SidebarNavigation;
-
-
-
-
-
-
-const $b0968edc60d7d3a4$var$SidebarPage = (props)=>{
-    const { links: links, menuTitle: menuTitle, mobileMaxWidth: mobileMaxWidth = 768, children: children } = props;
-    const mobileMax = (0, $hgUW1$useMediaQuery)({
-        query: `(max-width: ${mobileMaxWidth}px)`
-    });
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: `${mobileMax ? "a" : "ds-l-container"}`,
-        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-            className: `${mobileMax ? "a" : "ds-l-row"}`,
-            children: [
-                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: `${mobileMax ? "a" : "ds-l-col--4"}`,
-                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $953b286f7778640e$export$2e2bcd8739ae039), {
-                        links: links,
-                        title: menuTitle,
-                        mobileMax: mobileMax
-                    })
-                }),
-                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: `${mobileMax ? "ds-l-container" : " ds-l-md-col--8"}`,
-                    children: children
-                })
-            ]
-        })
-    });
-};
-var $b0968edc60d7d3a4$export$2e2bcd8739ae039 = $b0968edc60d7d3a4$var$SidebarPage;
-
+        });
+    }
+}
+var $c49454ea7d1c4579$export$2e2bcd8739ae039 = $c49454ea7d1c4579$var$ErrorBoundary;
 
 
 
@@ -1731,7 +1251,6 @@ var $e873081a6e8f024e$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 
 
-
 const $b4aa9c66f2e86959$var$useMetastoreDataset = (datasetId, rootAPIUrl, additionalParams = {})=>{
     const [dataset, setDataset] = (0, $hgUW1$useState)({
         title: "",
@@ -4138,7 +3657,7 @@ function $ee4ad47aa483e5b5$var$updateQueryForDatastore(condition) {
     if (Array.isArray(cond.value)) cond.value = cond.value.map((v)=>v.trim().replace(/(^\%+|\%+$)/gm, ""));
     return cond;
 }
-const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, includeSearchParams: includeSearchParams = true, customColumns: customColumns, isModal: isModal = false })=>{
+const $ee4ad47aa483e5b5$var$QueryBuilder = ({ resource: resource, id: id, includeSearchParams: includeSearchParams = false, customColumns: customColumns, isModal: isModal = false })=>{
     const { conditions: conditions, schema: schema, setConditions: setConditions } = resource;
     const fields = Object.keys(schema[id].fields);
     const [queryConditions, setQueryConditions] = (0, $hgUW1$useState)([]);
@@ -4410,6 +3929,42 @@ const $39bc4d98030a5599$var$DataTableStateWrapper = ()=>{
 var $39bc4d98030a5599$export$2e2bcd8739ae039 = $39bc4d98030a5599$var$DataTableStateWrapper;
 
 
+
+
+
+const $2bd73bb95b0c04ed$var$DatasetDescription = ({ distribution: distribution, dataset: dataset, resource: resource, customDescription: customDescription, dynamicDescription: dynamicDescription, updateAriaLive: updateAriaLive })=>{
+    const [description, setDescription] = (0, $hgUW1$useState)("");
+    if (!distribution && !dataset?.identifier) return null;
+    (0, $hgUW1$useEffect)(()=>{
+        if (!dynamicDescription && description !== "") return;
+        let newDescription = "";
+        if (customDescription) newDescription = customDescription(dataset, distribution, resource);
+        else {
+            if (distribution.data && distribution.data.description) newDescription = distribution.data.description;
+            else if (dataset.description) newDescription = dataset.description;
+        }
+        if (description !== newDescription && updateAriaLive) updateAriaLive(newDescription);
+        setDescription(newDescription);
+    }, [
+        resource,
+        distribution,
+        dataset,
+        customDescription,
+        dynamicDescription
+    ]);
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        className: "ds-u-measure--wide ds-u-margin-bottom--7",
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+            className: "ds-u-margin-top--0 dc-c-metadata-description",
+            dangerouslySetInnerHTML: {
+                __html: (0, $hgUW1$dompurify).sanitize(description)
+            }
+        })
+    });
+};
+var $2bd73bb95b0c04ed$export$2e2bcd8739ae039 = $2bd73bb95b0c04ed$var$DatasetDescription;
+
+
 const $a0f13962e513caa1$export$a7997ae78b143b = /*#__PURE__*/ (0, $hgUW1$createContext)({
     id: null
 });
@@ -4430,7 +3985,7 @@ const $a0f13962e513caa1$var$getDataDictionary = (dataDictionaryUrl, additionalPa
         dataDictionaryLoading: isPending
     };
 };
-const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, customMetadataMapping: customMetadataMapping, apiPageUrl: apiPageUrl = "/api", dataDictionaryUrl: dataDictionaryUrl, borderlessTabs: borderlessTabs = false, defaultPageSize: defaultPageSize = 25, dataDictionaryCSV: dataDictionaryCSV = false, dataDictionaryBanner: dataDictionaryBanner = false, disableTableControls: disableTableControls = false })=>{
+const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, customMetadataMapping: customMetadataMapping, apiPageUrl: apiPageUrl = "/api", dataDictionaryUrl: dataDictionaryUrl, borderlessTabs: borderlessTabs = false, defaultPageSize: defaultPageSize = 25, dataDictionaryCSV: dataDictionaryCSV = false, dataDictionaryBanner: dataDictionaryBanner = false, disableTableControls: disableTableControls = false, customDescription: customDescription, dynamicDescription: dynamicDescription, updateAriaLive: updateAriaLive })=>{
     const options = location.search ? {
         ...(0, $hgUW1$qs).parse(location.search, {
             ignoreQueryPrefix: true
@@ -4546,14 +4101,13 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalPar
                         }),
                         /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                             className: "ds-l-md-col--9",
-                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                className: "ds-u-measure--wide ds-u-margin-bottom--7",
-                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                                    className: "dc-c-metadata-description ds-u-margin--0",
-                                    dangerouslySetInnerHTML: {
-                                        __html: (0, $hgUW1$dompurify).sanitize(dataset.description)
-                                    }
-                                })
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2bd73bb95b0c04ed$export$2e2bcd8739ae039), {
+                                distribution: distribution,
+                                dataset: dataset,
+                                resource: resource,
+                                customDescription: customDescription,
+                                dynamicDescription: dynamicDescription,
+                                updateAriaLive: updateAriaLive
                             })
                         })
                     ]
@@ -4648,27 +4202,224 @@ const $a0f13962e513caa1$var$Dataset = ({ id: id, rootUrl: rootUrl, additionalPar
                                             "API"
                                         ]
                                     }),
-                                    className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
-                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf6eaefd6b928de3$export$2e2bcd8739ae039), {
-                                        id: id,
-                                        rootUrl: rootUrl,
-                                        apiUrl: apiPageUrl,
-                                        additionalParams: additionalParams
+                                    className: borderlessTabs ? "ds-u-border--0 ds-u-padding-x--0" : "",
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $cf6eaefd6b928de3$export$2e2bcd8739ae039), {
+                                        id: id,
+                                        rootUrl: rootUrl,
+                                        apiUrl: apiPageUrl,
+                                        additionalParams: additionalParams
+                                    })
+                                })
+                            ]
+                        })
+                    })
+                })
+            ]
+        })
+    });
+};
+$a0f13962e513caa1$var$Dataset.propTypes = {
+    id: (0, $hgUW1$proptypes).string.isRequired,
+    rootUrl: (0, $hgUW1$proptypes).string.isRequired
+};
+var $a0f13962e513caa1$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($a0f13962e513caa1$var$Dataset);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $e5bfafc6d4e6f207$var$SearchModal = ({ headingText: headingText = "Dataset Search", buttonSize: buttonSize = null, inversedSearchButton: inversedSearchButton = true })=>{
+    const navigate = (0, $hgUW1$useNavigate)();
+    const [modalSearchTerm, setModalSearchTerm] = (0, $hgUW1$useState)("");
+    const [modalSearch, setModalSearch] = (0, $hgUW1$useState)(false);
+    const mobile = (0, $hgUW1$useMediaQuery)({
+        minWidth: 0,
+        maxWidth: 543
+    });
+    function searchForDataset(e) {
+        e.preventDefault();
+        if (window) {
+            if (window.location.pathname !== "/datasets") navigate(`/datasets?fulltext=${modalSearchTerm}`);
+            else {
+                window.location.search = `fulltext=${modalSearchTerm}`;
+                setModalSearch(false);
+            }
+        }
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                variation: "ghost",
+                onDark: inversedSearchButton,
+                size: buttonSize,
+                className: "ds-u-border--0 dc-c-search-modal--button",
+                onClick: ()=>setModalSearch(true),
+                children: mobile ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                    className: "ds-u-visibility--screen-reader",
+                    children: "Search"
+                }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+                    children: "Search"
+                })
+            }),
+            modalSearch && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Dialog), {
+                className: "dc-c-search-dialog",
+                onExit: ()=>setModalSearch(false),
+                heading: `${headingText}`,
+                actions: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("form", {
+                        className: "ds-u-display--flex ds-u-align-items--stretch ds-u-flex-wrap--nowrap",
+                        onSubmit: (e)=>{
+                            searchForDataset(e);
+                        },
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$TextField), {
+                                value: modalSearchTerm,
+                                fieldClassName: "ds-u-display--inline-block",
+                                className: "ds-l-col--9",
+                                label: "Search Term",
+                                name: "search-modal",
+                                labelClassName: "ds-u-visibility--screen-reader",
+                                onChange: (e)=>setModalSearchTerm(e.target.value)
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Button), {
+                                type: "submit",
+                                className: "ds-l-col--3",
+                                children: [
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                        className: "fas fa-search small-text ds-u-sm-display--none"
+                                    }),
+                                    /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                        className: "full-text ds-u-display--none ds-u-sm-display--inline-block",
+                                        children: "Search"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            })
+        ]
+    });
+};
+var $e5bfafc6d4e6f207$export$2e2bcd8739ae039 = $e5bfafc6d4e6f207$var$SearchModal;
+
+
+var $52466563e0d69ea8$exports = {};
+$52466563e0d69ea8$exports = new URL("CMSGovLogo-O.90ce815c.png", import.meta.url).toString();
+
+
+const $2db98b8f69058a30$var$DesktopHeader = ({ siteName: siteName, headerClasses: headerClasses, linkClasses: linkClasses = "ds-u-xl-margin-right--4 ds-u-margin-right--3 ds-u-padding-y--3", links: links, org: org = {
+    tagline: "The Centers for Medicare & Medicaid Services",
+    url: "https://cms.gov",
+    urlTitle: "CMS.gov Centers for Medicare & Medicaid Services",
+    logo: (0, (/*@__PURE__*/$parcel$interopDefault($52466563e0d69ea8$exports))),
+    logoAltText: "CMS.gov Centers for Medicare & Medicaid Services"
+}, searchModalText: searchModalText, customSearch: customSearch = false, includeTopNav: includeTopNav = true, inversedModalButton: inversedModalButton, inversedSearchButton: inversedSearchButton })=>{
+    const { url: url, tagline: tagline, logo: logo, urlTitle: urlTitle, logoAltText: logoAltText } = org;
+    const headerClassString = headerClasses ?? "dc-c-header ds-base";
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("header", {
+        className: headerClassString,
+        "aria-label": "Site header",
+        children: [
+            includeTopNav && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "dc-c-cmsheader ds-u-display--flex ds-u-padding-x--5 ds-u-align-items--center",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-l-sm-col--12 ds-l-lg-col--8",
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "cms-link-container",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
+                                    href: url,
+                                    title: urlTitle,
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("img", {
+                                        src: logo,
+                                        alt: logoAltText
                                     })
                                 })
-                            ]
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                    className: "cms-text-container",
+                                    children: tagline
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-u-margin-left--auto",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $f57121650539d8c5$export$2e2bcd8739ae039), {
+                            links: links.topnav,
+                            menuName: "CMS Main Header",
+                            menuId: "cmsheader",
+                            menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-font-size--sm"
                         })
                     })
+                ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: "dc-c-main-navigation",
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                    className: "ds-l-container",
+                    children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "ds-l-row ds-u-align-items--center",
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "ds-u-margin-right--5 ds-u-padding-y--3 dc-c-site-title",
+                                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
+                                    className: "ds-c-link--inverse ds-text-heading--3xl",
+                                    to: "/",
+                                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                        className: "",
+                                        children: siteName
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $f57121650539d8c5$export$2e2bcd8739ae039), {
+                                links: links.main,
+                                wrapLabel: true,
+                                menuName: "CMS Site Main Nav",
+                                menuId: "site",
+                                menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-align-items--center",
+                                linkClasses: linkClasses
+                            }),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "dc-c-main-navigation--search ds-u-margin-left--auto ds-u-lg-padding-left--1 ds-u-xl-padding-left--3",
+                                children: customSearch ? customSearch : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e5bfafc6d4e6f207$export$2e2bcd8739ae039), {
+                                    searchModalText: searchModalText,
+                                    inversedModalButton: inversedModalButton,
+                                    inversedSearchButton: inversedSearchButton
+                                })
+                            })
+                        ]
+                    })
                 })
-            ]
-        })
+            })
+        ]
     });
 };
-$a0f13962e513caa1$var$Dataset.propTypes = {
-    id: (0, $hgUW1$proptypes).string.isRequired,
-    rootUrl: (0, $hgUW1$proptypes).string.isRequired
+$2db98b8f69058a30$var$DesktopHeader.propTypes = {
+    siteName: (0, $hgUW1$proptypes).node.isRequired,
+    includeTopNav: (0, $hgUW1$proptypes).bool,
+    linkClasses: (0, $hgUW1$proptypes).string,
+    includeSearch: (0, $hgUW1$proptypes).bool
 };
-var $a0f13962e513caa1$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039)($a0f13962e513caa1$var$Dataset);
+var $2db98b8f69058a30$export$2e2bcd8739ae039 = $2db98b8f69058a30$var$DesktopHeader;
+
+
+
+
 
 
 
@@ -4677,131 +4428,264 @@ var $a0f13962e513caa1$export$2e2bcd8739ae039 = (0, $61ff88fb3f6ee2c8$export$2e2b
 
 
 
-const $b9af6ce5e2c06331$var$Header = (props)=>{
-    const { topNav: topNav, children: children, mobileMaxWidth: mobileMaxWidth = 768, onDark: onDark = false } = props;
-    const [mobileMenuOpen, setMobileMenuOpen] = (0, $hgUW1$react).useState(false);
-    const mobileMax = (0, $hgUW1$useMediaQuery)({
-        query: `(max-width: ${mobileMaxWidth}px)`
+var $972485213997ff8b$exports = {};
+$972485213997ff8b$exports = new URL("CMSgov@2x-white-O.78cd05d3.png", import.meta.url).toString();
+
+
+
+let $caaccb8ea608e518$var$mobileHeaderMenuClassName = "dc-c-mobile-header--menu";
+const $caaccb8ea608e518$var$MobileHeader = ({ siteName: siteName, links: links, org: org = {
+    tagline: "The Centers for Medicare and Medicaid Services",
+    url: "https://cms.gov",
+    urlTitle: "CMS.gov Centers for Medicare & Medicaid Services",
+    logo: (0, (/*@__PURE__*/$parcel$interopDefault($52466563e0d69ea8$exports))),
+    logoAltText: "CMS.gov Centers for Medicare & Medicaid Services",
+    inverseLogo: (0, (/*@__PURE__*/$parcel$interopDefault($972485213997ff8b$exports)))
+}, searchModalText: searchModalText, customSearch: customSearch = false, includeTopNav: includeTopNav = true, inversedModalButton: inversedModalButton, inversedSearchButton: inversedSearchButton, includeSearch: includeSearch = true })=>{
+    const { url: url, logo: logo, urlTitle: urlTitle, logoAltText: logoAltText, inverseLogo: inverseLogo } = org;
+    const [menuOpen, setMenuOpen] = (0, $hgUW1$useState)(false);
+    const mobile = (0, $hgUW1$useMediaQuery)({
+        minWidth: 0,
+        maxWidth: 543
+    });
+    const tablet = (0, $hgUW1$useMediaQuery)({
+        minWidth: 544,
+        maxWidth: 1023
     });
     const menu = (0, $hgUW1$useRef)(null);
-    function closeMobileMenu() {
-        const mobileMenuButtonElement = document.querySelector(".dkan-c-mobile-menu-button");
-        if (!mobileMenuButtonElement) return;
-        mobileMenuButtonElement.focus();
-    }
-    // Close mobile menu with escape.
-    function handleMenuClose(event) {
-        if (event.key === "Escape" && mobileMenuOpen) setMobileMenuOpen(false);
-    }
-    function handleClick(event) {
-        // Links are wrapped in spans, this checks if the parent is an A, also check if in the search modal.    
-        if (menu.current && !menu.current.contains(event.target)) {
-            setMobileMenuOpen(false);
-            closeMobileMenu();
-        }
-    }
-    const getFocusableElements = (container)=>{
-        const allSelectors = container.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');
-        const visibleSelectors = Array.from(allSelectors).filter((el)=>{
-            return el.offsetWidth > 0 || el.offsetHeight > 0;
-        });
-        return {
-            selectors: {
-                all: allSelectors,
-                visible: visibleSelectors
-            }
-        };
-    };
-    function handleFocusIn() {
-        if (menu.current) {
-            if (!mobileMenuOpen) return;
-            const focusableEls = getFocusableElements(menu.current).selectors.visible;
-            if (focusableEls.length <= 0) return;
-            const firstEl = focusableEls[0];
-            firstEl?.focus();
-        }
-    }
-    const trapFocus = (event)=>{
-        if (menu.current && mobileMenuOpen) {
+    (0, $hgUW1$useEffect)(()=>{
+        const trapFocus = (event, container)=>{
             const focusableEls = getFocusableElements(menu.current).selectors.visible;
             const firstEl = focusableEls[0];
             const lastEl = focusableEls[focusableEls.length - 1];
             if (event.key === "Tab") {
                 if (event.shiftKey && document.activeElement === firstEl) {
-                    lastEl?.focus();
+                    lastEl.focus();
                     event.preventDefault();
                 } else if (!event.shiftKey && document.activeElement === lastEl) {
-                    firstEl?.focus();
+                    firstEl.focus();
                     event.preventDefault();
                 }
             }
+        };
+        function handleFocusIn(event) {
+            if (!menuOpen) return;
+            const mobileHeaderMenu = document.querySelector(`.${$caaccb8ea608e518$var$mobileHeaderMenuClassName}`);
+            if (!mobileHeaderMenu) return;
+            // Select the first tabbable element in the `mobileHeaderMenu`
+            const firstTabbableElement = mobileHeaderMenu.querySelector('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');
+            if (!firstTabbableElement) return;
+            firstTabbableElement.focus();
+        }
+        function handleClick(event) {
+            // Links are wrapped in spans, this checks if the parent is an A, also check if in the search modal.
+            if (event.target.closest(".dc-c-search-dialog")) {
+                document.querySelector(".dc-c-mobile-menu--open").focus();
+                setMenuOpen(false);
+            }
+        }
+        function handleMenuClose(event) {
+            // Close upon user hitting escape
+            if (event.keyCode === 27 && menuOpen) {
+                setMenuOpen(false);
+                document.querySelector(".dc-c-mobile-menu--open").focus();
+            }
         }
-    };
-    (0, $hgUW1$useEffect)(()=>{
-        document.addEventListener("keyup", handleMenuClose);
         document.addEventListener("mousedown", handleClick);
-        if (mobileMenuOpen) handleFocusIn();
-        else closeMobileMenu();
-        if (menu.current) menu.current.addEventListener("keydown", (evt)=>trapFocus(evt));
+        document.addEventListener("keyup", handleMenuClose);
+        handleFocusIn();
+        menu.current.addEventListener("keydown", (evt)=>trapFocus(evt, menu.current));
         return ()=>{
             document.removeEventListener("keyup", handleMenuClose);
-            document.addEventListener("mousedown", handleClick);
+            document.removeEventListener("mousedown", handleClick);
             if (menu.current) menu.current.removeEventListener("keydown", trapFocus);
         };
     }, [
-        mobileMenuOpen
+        menuOpen
     ]);
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $11500a65bd7d9cf1$export$2e2bcd8739ae039).Provider, {
-        value: {
-            mobileMenuOpen: mobileMenuOpen,
-            setMobileMenuOpen: setMobileMenuOpen,
-            menuRef: menu,
-            isMobile: mobileMax,
-            onDark: onDark
-        },
-        children: /*#__PURE__*/ (0, $hgUW1$jsxs)("header", {
-            "aria-label": "Site header",
-            className: `dkan-c-header dkan-c-header--${mobileMax ? "mobile" : "desktop"}`,
-            children: [
-                topNav && topNav,
-                /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                    className: "dkan-c-main-navigation print-margin-left--2",
-                    children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                        className: "ds-l-container",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                            className: "dkan-c-header--wrapper ds-l-row ds-u-align-items--center",
-                            children: children
+    const closeMobileMenu = (e)=>{
+        document.querySelector(".dc-c-mobile-menu--open").focus();
+        setMenuOpen(false);
+    };
+    const getFocusableElements = (container)=>{
+        const allSelectors = container.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');
+        const visibleSelectors = Array.from(allSelectors).filter((el)=>{
+            return el.offsetWidth > 0 || el.offsetHeight > 0;
+        });
+        return {
+            selectors: {
+                all: allSelectors,
+                visible: visibleSelectors
+            }
+        };
+    };
+    const handleMobileLinkClick = (e)=>{
+        if (e.target.closest("a").getAttribute("href") === window.location.pathname) setMenuOpen(false);
+    };
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("header", {
+        className: `dc-c-header dc-c-mobile-header ${menuOpen ? "menu-open" : ""}`,
+        "aria-label": "Site header",
+        children: [
+            includeTopNav && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: `dc-c-cmsheader ds-u-display--flex ds-u-padding-x--1 ds-u-align-items--center ${mobile ? "ds-u-justify-content--center" : "ds-u-justify-content--between"}`,
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "cms-link-container",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)("a", {
+                            href: url,
+                            title: urlTitle,
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("img", {
+                                src: menuOpen ? inverseLogo : logo,
+                                alt: logoAltText
+                            })
+                        })
+                    }),
+                    tablet && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-u-margin-left--auto",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $f57121650539d8c5$export$2e2bcd8739ae039), {
+                            links: links.topnav,
+                            menuName: "CMS Main Header",
+                            menuId: "cmsheader",
+                            menuClasses: "ds-u-display--flex ds-u-flex-direction--row dc-c-header--links ds-u-font-size--sm ds-u-margin-bottom--2"
                         })
                     })
-                })
-            ]
-        })
+                ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: "dc-c-main-navigation ds-u-display--flex ds-u-justify-content--between ds-u-align-items--center",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                        variation: "ghost",
+                        onDark: true,
+                        size: "small",
+                        className: "dc-c-mobile-menu--open",
+                        onClick: ()=>setMenuOpen(true),
+                        children: mobile ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                            className: "ds-u-visibility--screen-reader",
+                            children: "Menu"
+                        }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Fragment), {
+                            children: "Menu"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "ds-u-padding-y--3 dc-c-site-title",
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
+                            className: "ds-c-link--inverse ds-text-heading--3xl",
+                            to: "/",
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                                className: "",
+                                children: siteName
+                            })
+                        })
+                    }),
+                    includeSearch && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                        className: "dc-c-mobile-menu--search",
+                        children: customSearch ? customSearch : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e5bfafc6d4e6f207$export$2e2bcd8739ae039), {
+                            searchFunc: (e)=>{
+                                e.preventDefault();
+                            },
+                            searchModalText: searchModalText,
+                            buttonSize: "small",
+                            inversedModalButton: inversedModalButton,
+                            inversedSearchButton: inversedSearchButton
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                className: $caaccb8ea608e518$var$mobileHeaderMenuClassName,
+                "data-testid": "mobile-menu",
+                ref: menu,
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: `ds-u-display--flex ${$caaccb8ea608e518$var$mobileHeaderMenuClassName}-close ds-u-justify-content--between`,
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
+                                variation: "ghost",
+                                onDark: true,
+                                size: "small",
+                                className: "dc-c-mobile-menu--close ds-u-margin-left--1 ds-u-padding-left--0",
+                                onClick: ()=>closeMobileMenu(),
+                                children: "Close"
+                            }),
+                            tablet && includeSearch && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                                className: "dc-c-mobile-menu--search",
+                                children: customSearch ? customSearch : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e5bfafc6d4e6f207$export$2e2bcd8739ae039), {
+                                    searchFunc: (e)=>{
+                                        e.preventDefault();
+                                    },
+                                    searchModalText: searchModalText,
+                                    buttonSize: "small"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $f57121650539d8c5$export$2e2bcd8739ae039), {
+                        links: links.main,
+                        wrapLabel: true,
+                        menuName: "Main Nav",
+                        menuId: "site",
+                        menuClasses: "dc-c-header--links dc-c-header--mobile-links",
+                        linkClasses: "ds-u-margin-left--1 ds-u-padding-bottom--2 ds-text-heading--md",
+                        clickHandler: handleMobileLinkClick
+                    }),
+                    mobile && /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                        className: "cms-mobile-header--container",
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)("span", {}),
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $f57121650539d8c5$export$2e2bcd8739ae039), {
+                                links: links.topnav,
+                                menuName: "CMS Main Header",
+                                menuId: "cms-mobile-header",
+                                linkClasses: "ds-u-margin-left--1 ds-u-margin-bottom--2",
+                                menuClasses: "dc-c-header--links ds-u-font-size--sm ds-u-margin-bottom--2"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
     });
 };
-var $b9af6ce5e2c06331$export$2e2bcd8739ae039 = $b9af6ce5e2c06331$var$Header;
+var $caaccb8ea608e518$export$2e2bcd8739ae039 = $caaccb8ea608e518$var$MobileHeader;
+
 
 
 
 
+const $a5a6a06d249c33b8$var$Header = ({ mobileMaxWidth: mobileMaxWidth = 1023, desktopMinWidth: desktopMinWidth = 1024, siteName: siteName, links: links, org: org, includeTopNav: includeTopNav = true })=>{
+    const mobile = (0, $hgUW1$useMediaQuery)({
+        minWidth: 0,
+        maxWidth: mobileMaxWidth
+    });
+    const desktop = (0, $hgUW1$useMediaQuery)({
+        minWidth: desktopMinWidth
+    });
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
+        children: [
+            desktop && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2db98b8f69058a30$export$2e2bcd8739ae039), {
+                siteName: siteName,
+                links: links,
+                org: org,
+                includeTopNav: includeTopNav
+            }),
+            mobile && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $caaccb8ea608e518$export$2e2bcd8739ae039), {
+                siteName: siteName,
+                links: links,
+                org: org,
+                includeTopNav: includeTopNav
+            })
+        ]
+    });
+};
+var $a5a6a06d249c33b8$export$2e2bcd8739ae039 = $a5a6a06d249c33b8$var$Header;
+
 
 
 
 
 
 
-const $24918217e48ac525$var$NavLink = ({ link: link, className: className = null, wrapLabel: wrapLabel = false, clickHandler: clickHandler })=>{
-    const innerHtml = wrapLabel ? /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
-        children: link.label
-    }) : link.label;
-    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$NavLink), {
-        className: ({ isActive: isActive })=>isActive ? `dc-c-active-link ${className}` : `${className}`,
-        to: link.url,
-        onClick: clickHandler ? clickHandler : undefined,
-        children: innerHtml
-    });
-// }
-};
-var $24918217e48ac525$export$2e2bcd8739ae039 = $24918217e48ac525$var$NavLink;
 
 
 const $a6df0aa147323304$var$Footer = ({ links: links, showEmail: showEmail = true, emailTitle: emailTitle = "Get Email Updates", emailBody: emailBody = "Sign up to get the latest information from CMS by choosing the topics and frequency of emails that are best for you.", emailLink: emailLink = "", emailButton: emailButton = "Sign up for email updates", socialMediaLinks: socialMediaLinks = null, hhsLogo: hhsLogo, cmsLogo: cmsLogo, trademarkContent: trademarkContent = /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
@@ -5426,7 +5310,6 @@ var $669d2782ec2e2250$export$2e2bcd8739ae039 = $669d2782ec2e2250$var$SpecsAndLim
 
 
 
-
 const $efc410f5f7ac5ef3$var$useSearchAPI = (rootUrl, initialSearchParams = {}, additionalParams = {})=>{
     const defaultSort = "";
     const defaultFulltext = "";
@@ -6296,28 +6179,8 @@ var $3b6ca952e79f0695$export$2e2bcd8739ae039 = $3b6ca952e79f0695$var$QueryBuilde
 
 
 
-const $de780c924c98fa31$var$FilteredResourceDescription = ({ distribution: distribution, dataset: dataset })=>{
-    if (!distribution && !dataset) return null;
-    let description = "";
-    if (distribution.data && distribution.data.description) description = distribution.data.description;
-    else if (dataset.description) description = dataset.description;
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        className: "ds-u-measure--wide ds-u-margin-bottom--7",
-        children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-            className: "ds-u-margin-top--0 dc-c-metadata-description",
-            dangerouslySetInnerHTML: {
-                __html: (0, $hgUW1$dompurify).sanitize(description)
-            }
-        })
-    });
-};
-var $de780c924c98fa31$export$2e2bcd8739ae039 = $de780c924c98fa31$var$FilteredResourceDescription;
-
-
-
-
 
-const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset, distIndex: distIndex, location: location, additionalParams: additionalParams, customColumns: customColumns, columnSettings: columnSettings, columnWidths: columnWidths, customTitle: customTitle, rootUrl: rootUrl })=>{
+const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset, distIndex: distIndex, location: location, additionalParams: additionalParams, customColumns: customColumns, columnSettings: columnSettings, columnWidths: columnWidths, customTitle: customTitle, customDescription: customDescription, dynamicDescription: dynamicDescription, rootUrl: rootUrl, updateAriaLive: updateAriaLive })=>{
     const [tablePadding, setTablePadding] = (0, $hgUW1$react).useState("ds-u-padding-y--1");
     let apiDocs = (0, $hgUW1$useRef)();
     let distribution = {};
@@ -6383,9 +6246,13 @@ const $dd6eb2b30d7ad75d$var$FilteredResourceBody = ({ id: id, dataset: dataset,
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                         className: "ds-l-md-col--9",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $de780c924c98fa31$export$2e2bcd8739ae039), {
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $2bd73bb95b0c04ed$export$2e2bcd8739ae039), {
                             distribution: distribution,
-                            dataset: dataset
+                            dataset: dataset,
+                            resource: resource,
+                            customDescription: customDescription,
+                            dynamicDescription: dynamicDescription,
+                            updateAriaLive: updateAriaLive
                         })
                     }),
                     Object.keys(resource).length && resource.columns && Object.keys(resource.schema).length && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -6468,7 +6335,7 @@ var $dd6eb2b30d7ad75d$export$2e2bcd8739ae039 = $dd6eb2b30d7ad75d$var$FilteredRes
 
 
 
-const $f61ecf9f84951a61$var$FilteredResource = ({ id: id, dist_id: dist_id, location: location, apiDocPage: apiDocPage, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, columnSettings: columnSettings, columnWidths: columnWidths, customTitle: customTitle, rootUrl: rootUrl })=>{
+const $f61ecf9f84951a61$var$FilteredResource = ({ id: id, dist_id: dist_id, location: location, apiDocPage: apiDocPage, additionalParams: additionalParams, customColumns: customColumns, setDatasetTitle: setDatasetTitle, columnSettings: columnSettings, columnWidths: columnWidths, customTitle: customTitle, customDescription: customDescription, dynamicDescription: dynamicDescription, rootUrl: rootUrl, updateAriaLive: updateAriaLive })=>{
     const [ready, setReady] = (0, $hgUW1$useState)(false);
     const [error, setError] = (0, $hgUW1$useState)(false);
     const { dataset: dataset } = (0, $b4aa9c66f2e86959$export$2e2bcd8739ae039)(id, rootUrl, additionalParams);
@@ -6531,7 +6398,10 @@ const $f61ecf9f84951a61$var$FilteredResource = ({ id: id, dist_id: dist_id, loca
                 columnSettings: columnSettings,
                 columnWidths: columnWidths,
                 customTitle: customTitle,
-                rootUrl: rootUrl
+                customDescription: customDescription,
+                dynamicDescription: dynamicDescription,
+                rootUrl: rootUrl,
+                updateAriaLive: updateAriaLive
             })
         })
     });
@@ -6584,5 +6454,5 @@ var $90fb213ab8eeb2e7$export$2e2bcd8739ae039 = $90fb213ab8eeb2e7$var$useScrollTo
 
 
 
-export {$a8accc31bf9e0bda$export$2e2bcd8739ae039 as CMSTopNav, $c49454ea7d1c4579$export$2e2bcd8739ae039 as ErrorBoundary, $046ded0064bd0a3d$export$2e2bcd8739ae039 as FAQAccordion, $b939b31651e82908$export$2e2bcd8739ae039 as HeaderNav, $1555e1cb3eb7b3e3$export$2e2bcd8739ae039 as HeaderNavIconLink, $fea9297ba4dd394c$export$2e2bcd8739ae039 as HeaderSearch, $9a8892c5ac150556$export$2e2bcd8739ae039 as HeaderSiteTitle, $3c72c298c3a7f21f$export$2e2bcd8739ae039 as HeaderTagline, $403833a4b442d5df$export$2e2bcd8739ae039 as MobileMenuButton, $f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $953b286f7778640e$export$2e2bcd8739ae039 as SidebarNavigation, $b0968edc60d7d3a4$export$2e2bcd8739ae039 as SidebarPage, $4f153ca537d853e5$export$2e2bcd8739ae039 as SubMenu, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $a0f13962e513caa1$export$2e2bcd8739ae039 as Dataset, $a35cf16d1488f54e$export$2e2bcd8739ae039 as DatasetTable, $b9af6ce5e2c06331$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $669d2782ec2e2250$export$2e2bcd8739ae039 as SpecsAndLimits, $11500a65bd7d9cf1$export$2e2bcd8739ae039 as HeaderContext, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $af099c546cb226c7$export$2e2bcd8739ae039 as ResourceHeader, $626282d9a03c51d5$export$2e2bcd8739ae039 as ResourcePreview, $072291d44ce1834a$export$2e2bcd8739ae039 as ResourceFooter, $ec3e23baa005dc03$export$2e2bcd8739ae039 as Breadcrumb, $bd76a91923d7e8a7$export$2e2bcd8739ae039 as TransformedDate, $d98f94c79ddf4e0e$export$2e2bcd8739ae039 as DataTable, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $f61ecf9f84951a61$export$2e2bcd8739ae039 as FilteredResource, $bef7bff2823feea2$export$2e2bcd8739ae039 as QueryTitle, $7264a673914aa746$export$2b9377795161999 as buildOperatorOptions, $7264a673914aa746$export$e284ae5d89467c8f as convertUTCToLocalDate, $7264a673914aa746$export$6b5e57d20078142b as cleanText, $7264a673914aa746$export$8049e8f40a9bdfb8 as buildCustomColHeaders, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText};
+export {$f57121650539d8c5$export$2e2bcd8739ae039 as NavBar, $c49454ea7d1c4579$export$2e2bcd8739ae039 as ErrorBoundary, $c96c4b9ef7203c1f$export$2e2bcd8739ae039 as APIPage, $026cb986f9fea2b1$export$2e2bcd8739ae039 as PageNotFound, $e873081a6e8f024e$export$2e2bcd8739ae039 as DatasetSearch, $a0f13962e513caa1$export$2e2bcd8739ae039 as Dataset, $a35cf16d1488f54e$export$2e2bcd8739ae039 as DatasetTable, $a5a6a06d249c33b8$export$2e2bcd8739ae039 as Header, $a6df0aa147323304$export$2e2bcd8739ae039 as Footer, $669d2782ec2e2250$export$2e2bcd8739ae039 as SpecsAndLimits, $efc410f5f7ac5ef3$export$2e2bcd8739ae039 as useSearchAPI, $1d3d480a9cfaabe0$export$2e2bcd8739ae039 as useDatastore, $aa4450dcbeef3ac0$export$385a5aba38cc3325 as transformTableSortToQuerySort, $59a079354baa335c$export$2e2bcd8739ae039 as Hero, $52c6454cae137465$export$2e2bcd8739ae039 as DatasetSearchListItem, $789279954d8eff7f$export$2e2bcd8739ae039 as ApiDocumentation, $af099c546cb226c7$export$2e2bcd8739ae039 as ResourceHeader, $626282d9a03c51d5$export$2e2bcd8739ae039 as ResourcePreview, $072291d44ce1834a$export$2e2bcd8739ae039 as ResourceFooter, $ec3e23baa005dc03$export$2e2bcd8739ae039 as Breadcrumb, $bd76a91923d7e8a7$export$2e2bcd8739ae039 as TransformedDate, $d98f94c79ddf4e0e$export$2e2bcd8739ae039 as DataTable, $5644ebd2c3dbfd7b$export$eea3a12df15499ca as buildRows, $f61ecf9f84951a61$export$2e2bcd8739ae039 as FilteredResource, $bef7bff2823feea2$export$2e2bcd8739ae039 as QueryTitle, $7264a673914aa746$export$2b9377795161999 as buildOperatorOptions, $7264a673914aa746$export$e284ae5d89467c8f as convertUTCToLocalDate, $7264a673914aa746$export$6b5e57d20078142b as cleanText, $7264a673914aa746$export$8049e8f40a9bdfb8 as buildCustomColHeaders, $eb7821d186b1a389$export$2e2bcd8739ae039 as useAddLoginLink, $90fb213ab8eeb2e7$export$2e2bcd8739ae039 as useScrollToTop, $b4aa9c66f2e86959$export$2e2bcd8739ae039 as useMetastoreDataset, $61ff88fb3f6ee2c8$export$2e2bcd8739ae039 as withQueryProvider, $6da0396069e23175$export$bc27cf7ecf44639d as defaultMetadataMapping, $2ed0091f7e32d1e6$export$2e2bcd8739ae039 as DataTablePageResults, $1a2bf34e2a8f6b80$export$59a943b34a82e690 as truncateText};
 //# sourceMappingURL=main.js.map