@hmlr/govuk-react-components-library 1.0.1

package/dist/index.esm.js

@@ -0,0 +1,1284 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Accordion as Accordion$1, createAll, Button as Button$1, Checkboxes as Checkboxes$1, ErrorSummary as ErrorSummary$1, Header as Header$1, Radios as Radios$1, SkipLink as SkipLink$1, Tabs as Tabs$1 } from 'govuk-frontend';
+import { Link, useLocation } from 'react-router-dom';
+import * as React from 'react';
+import React__default, { useContext, useMemo, createElement, Component, useState, useEffect } from 'react';
+
+function ConfigureOverallAccordion($scope, config) {
+    if (JSON.stringify(config) === JSON.stringify({})) {
+        config = Accordion$1.defaults;
+    }
+    createAll(Accordion$1, config, $scope);
+}
+function ExtractAccordionConfigFromAttributes(remainingAttributes) {
+    const accordionTranslations = {};
+    if (remainingAttributes?.hideAllSectionsText) {
+        Object.assign(accordionTranslations, {
+            hideAllSections: remainingAttributes.hideAllSectionsText,
+        });
+        remainingAttributes["data-i18n.hide-all-sections"] =
+            remainingAttributes.hideAllSectionsText;
+        delete remainingAttributes.hideAllSectionsText;
+    }
+    if (remainingAttributes?.hideSectionText) {
+        Object.assign(accordionTranslations, {
+            hideSection: remainingAttributes.hideSectionText,
+        });
+        remainingAttributes["data-i18n.hide-section"] =
+            remainingAttributes.hideSectionText;
+        delete remainingAttributes.hideSectionText;
+    }
+    if (remainingAttributes?.hideSectionAriaLabelText) {
+        Object.assign(accordionTranslations, {
+            hideSectionAriaLabel: remainingAttributes.hideSectionAriaLabelText,
+        });
+        remainingAttributes["data-i18n.hide-section-aria-label"] =
+            remainingAttributes.hideSectionAriaLabelText;
+        delete remainingAttributes.hideSectionAriaLabelText;
+    }
+    if (remainingAttributes?.showAllSectionsText) {
+        Object.assign(accordionTranslations, {
+            showAllSections: remainingAttributes.showAllSectionsText,
+        });
+        remainingAttributes["data-i18n.show-all-sections"] =
+            remainingAttributes.showAllSectionsText;
+        delete remainingAttributes.showAllSectionsText;
+    }
+    if (remainingAttributes?.showSectionText) {
+        Object.assign(accordionTranslations, {
+            showSection: remainingAttributes.showSectionText,
+        });
+        remainingAttributes["data-i18n.show-section"] =
+            remainingAttributes.showSectionText;
+        delete remainingAttributes.showSectionText;
+    }
+    if (remainingAttributes?.showSectionAriaLabelText) {
+        Object.assign(accordionTranslations, {
+            showSectionAriaLabel: remainingAttributes.showSectionAriaLabelText,
+        });
+        remainingAttributes["data-i18n.show-section-aria-label"] =
+            remainingAttributes.showSectionAriaLabelText;
+        delete remainingAttributes.showSectionAriaLabelText;
+    }
+    const accordionConfig = { i18n: accordionTranslations };
+    if (remainingAttributes?.rememberExpanded) {
+        Object.assign(accordionConfig, {
+            rememberExpanded: remainingAttributes.rememberExpanded,
+        });
+        remainingAttributes["data-remember-expanded"] =
+            remainingAttributes.rememberExpanded;
+        delete remainingAttributes.rememberExpanded;
+    }
+    return accordionConfig;
+}
+
+const Accordion = ({ headingLevel: HeadingLevel = "h2", items, className, id, ...attributes }) => {
+    const remainingAttributes = { ...attributes };
+    ExtractAccordionConfigFromAttributes(remainingAttributes);
+    return (jsx("div", { ...remainingAttributes, id: id, className: `govuk-accordion ${className || ""}`, "data-module": "govuk-accordion", children: items.filter(Boolean).map((item, index) => (jsxs("div", { className: `govuk-accordion__section ${item.expanded ? "govuk-accordion__section--expanded" : ""}`, children: [jsxs("div", { className: "govuk-accordion__section-header", children: [jsx(HeadingLevel, { className: "govuk-accordion__section-heading", children: jsx("span", { className: "govuk-accordion__section-button", id: `${id}-heading-${index + 1}`, children: item.heading.children }) }), item.summary && (jsx("div", { className: "govuk-accordion__section-summary govuk-body", id: `${id}-summary-${index + 1}`, children: item.summary.children }))] }), jsx("div", { id: `${id}-content-${index + 1}`, className: "govuk-accordion__section-content", "aria-labelledby": `${id}-heading-${index + 1}`, children: item.content.children })] }, item.reactListKey || index))) }));
+};
+
+const LinkWithRef = ({ children, to, href, forwardedRef = null, ...attributes }) => {
+    if (to) {
+        return (jsx(Link, { ref: forwardedRef, to: to, ...attributes, children: children }));
+    }
+    return (jsx("a", { ref: forwardedRef, href: href || "#", ...attributes, children: children }));
+};
+
+const ActionLink = (props) => {
+    const { children, visuallyHiddenText, className, href, to, ...attributes } = props;
+    const contents = (jsxs(Fragment, { children: [children, visuallyHiddenText && (jsx("span", { className: "govuk-visually-hidden", children: visuallyHiddenText }))] }));
+    return (jsx(LinkWithRef, { className: `govuk-link ${className || ""}`, to: to, href: href, ...attributes, children: contents }));
+};
+
+const BackLink = (props) => {
+    const { to, state, children = "Back", className, ...attributes } = props;
+    return (jsx(LinkWithRef, { className: `govuk-back-link back-link-style-override ${className || ""}`, to: to, state: state, ...attributes, children: children }));
+};
+
+const ErrorMessage = ({ className, children, visuallyHiddenText = "Error", ...attributes }) => {
+    let visuallyHiddenTextComponent = null;
+    if (visuallyHiddenText) {
+        visuallyHiddenTextComponent = (jsxs("span", { className: "govuk-visually-hidden", children: [visuallyHiddenText, ": "] }));
+    }
+    return (jsxs("p", { className: `govuk-error-message ${className || ""}`, ...attributes, children: [visuallyHiddenTextComponent, children] }));
+};
+
+const Fieldset = (props) => {
+    const { legend, className, children, ...attributes } = props;
+    let legendComponent;
+    if (legend && legend.children) {
+        legendComponent = (jsx("legend", { className: `govuk-fieldset__legend ${legend.className || ""}`, children: legend.isPageHeading ? (jsx("h1", { className: "govuk-fieldset__heading", children: legend.children })) : (legend.children) }));
+    }
+    return (jsxs("fieldset", { className: `govuk-fieldset ${className || ""}`, ...attributes, children: [legendComponent, children] }));
+};
+
+const Hint = (props) => {
+    const { className, children, ...attributes } = props;
+    return (jsx("div", { className: `govuk-hint ${className || ""}`, ...attributes, children: children }));
+};
+
+const Label = ({ className = "", htmlFor, children, isPageHeading, ...attributes }) => {
+    if (!children)
+        return null;
+    const label = (jsx("label", { className: `govuk-label ${className}`, htmlFor: htmlFor, ...attributes, children: children }));
+    return isPageHeading ? (jsx("h1", { className: "govuk-label-wrapper", children: label })) : (label);
+};
+
+function omit(object, key) {
+    if (!object)
+        return {}; // Return an empty object if `object` is undefined
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { [key]: deletedKey, ...otherKeys } = object;
+    return otherKeys;
+}
+// export default function omit(object, key) {
+//   // eslint-disable-next-line @typescript-eslint/no-unused-vars
+//   const { [key]: deletedKey, ...otherKeys } = object;
+//   return otherKeys;
+// }
+
+const Boolean$1 = ({ className, errorMessage, fieldset, formGroup, hint, idPrefix, items, controlType, name, onChange, onBlur, "aria-describedby": describedByProp, ...attributes }) => {
+    const idPrefixValue = idPrefix || name;
+    let describedBy = describedByProp || fieldset?.["aria-describedby"] || "";
+    const getHintComponent = () => {
+        if (hint) {
+            const hintId = `${idPrefixValue}-hint`;
+            describedBy += ` ${hintId}`;
+            return jsx(Hint, { ...hint, id: hintId });
+        }
+        return null;
+    };
+    const getErrorMessageComponent = () => {
+        if (errorMessage) {
+            const errorId = `${idPrefixValue}-error`;
+            describedBy += ` ${errorId}`;
+            return jsx(ErrorMessage, { ...errorMessage, id: errorId });
+        }
+        return null;
+    };
+    const hasFieldset = !!fieldset;
+    const innerHtml = (jsxs(Fragment, { children: [getHintComponent(), getErrorMessageComponent(), jsx("div", { className: `govuk-${controlType} ${className || ""}`, ...attributes, "data-module": `govuk-${controlType}`, children: items &&
+                    items.map((item, index) => {
+                        if (!item) {
+                            return null;
+                        }
+                        if (item.behaviour === "exclusive") {
+                            delete item.behaviour;
+                        }
+                        const { id, children, hint: itemHint, conditional: itemConditional, behaviour, label, reactListKey, ...itemAttributes } = item;
+                        const idSuffix = `-${index + 1}`;
+                        const idValue = id || `${idPrefixValue}${index === 0 ? "" : idSuffix}`;
+                        const nameValue = item.name ? item.name : name;
+                        const conditionalId = itemConditional?.children
+                            ? `conditional-${idValue}`
+                            : undefined;
+                        const itemHintId = `${idValue}-item-hint`;
+                        let itemDescribedBy = "";
+                        if (controlType === "checkboxes" && !hasFieldset) {
+                            itemDescribedBy = describedBy;
+                        }
+                        if (itemHint) {
+                            itemDescribedBy += ` ${itemHintId}`;
+                        }
+                        if (item.divider) {
+                            return (jsx("div", { className: `govuk-${controlType}__divider`, children: item.divider }, reactListKey || index));
+                        }
+                        return (jsxs(React__default.Fragment, { children: [jsxs("div", { className: `govuk-${controlType}__item`, children: [jsx("input", { className: `govuk-${controlType}__input`, id: idValue, name: nameValue, type: controlType === "radios" ? "radio" : "checkbox", "data-aria-controls": conditionalId, "aria-describedby": itemDescribedBy || undefined, onChange: onChange, onBlur: onBlur, "data-behaviour": behaviour, ...itemAttributes }), jsx(Label, { ...label,
+                                            className: `govuk-${controlType}__label ${label?.className || ""}`,
+                                            htmlFor: idValue,
+                                            isPageHeading: false, children: children }), itemHint ? (jsx(Hint, { ...itemHint,
+                                            className: `govuk-${controlType}__hint ${itemHint.className || ""}`, id: itemHintId })) : ("")] }), itemConditional?.children ? (jsx("div", { className: `govuk-${controlType}__conditional ${item.checked
+                                        ? ""
+                                        : `govuk-${controlType}__conditional--hidden`}`, id: conditionalId, children: itemConditional.children })) : ("")] }, reactListKey || index));
+                    }) })] }));
+    return (jsx("div", { className: `govuk-form-group${errorMessage ? " govuk-form-group--error" : ""} ${formGroup?.className || ""}`, children: hasFieldset ? (jsx(Fieldset, { ...omit(fieldset, "role"), "aria-describedby": describedBy.trim() || undefined, children: innerHtml })) : (innerHtml) }));
+};
+
+const Breadcrumbs = (props) => {
+    const { items, className, collapseOnMobile, ...attributes } = props;
+    const breadcrumbs = items
+        ? items.map((item, index) => {
+            const { href, to, reactListKey, children, ...itemAttributes } = item;
+            return href || to ? (jsx("li", { className: "govuk-breadcrumbs__list-item", children: jsx(LinkWithRef, { href: href, to: to, className: "govuk-breadcrumbs__link", ...itemAttributes, children: children }) }, reactListKey || index)) : (jsx("li", { className: "govuk-breadcrumbs__list-item", "aria-current": "page", children: children }, reactListKey || index));
+        })
+        : null;
+    return (jsx("div", { className: `govuk-breadcrumbs ${className || ""} ${collapseOnMobile ? "govuk-breadcrumbs--collapse-on-mobile" : ""}`, ...attributes, children: jsx("ol", { className: "govuk-breadcrumbs__list", children: breadcrumbs }) }));
+};
+
+const Button = (props) => {
+    const { element, href, to, isStartButton, disabled, className, preventDoubleClick, name, type, children, ...attributes } = props;
+    let el = "";
+    let buttonAttributes = {
+        name,
+        type,
+        ...attributes,
+        "data-module": "govuk-button",
+    };
+    let buttonElement = null;
+    if (element) {
+        el = element;
+    }
+    else if (href || to) {
+        el = "a";
+    }
+    else {
+        el = "button";
+    }
+    let iconHtml;
+    if (isStartButton) {
+        iconHtml = (jsx("svg", { className: "govuk-button__start-icon", xmlns: "http://www.w3.org/2000/svg", width: "17.5", height: "19", viewBox: "0 0 33 40", "aria-hidden": "true", focusable: "false", children: jsx("path", { fill: "currentColor", d: "M0 0h13l20 20-20 20H0l20-20z" }) }));
+    }
+    const commonAttributes = {
+        className: `govuk-button ${className || ""}${disabled ? " govuk-button--disabled" : ""} ${isStartButton ? "govuk-button--start" : ""}`,
+        // ref: buttonRef,
+    };
+    if (preventDoubleClick) {
+        buttonAttributes["data-prevent-double-click"] = preventDoubleClick;
+    }
+    if (disabled) {
+        buttonAttributes = {
+            ...buttonAttributes,
+            "aria-disabled": "true",
+            disabled: true,
+        };
+    }
+    if (el === "a") {
+        const linkAttributes = {
+            ...commonAttributes,
+            role: "button",
+            draggable: "false",
+            ...attributes,
+            "data-module": "govuk-button",
+            href,
+            to,
+        };
+        buttonElement = (jsxs(LinkWithRef, { ...linkAttributes, children: [children, iconHtml] }));
+    }
+    else if (el === "button") {
+        buttonElement = (jsxs("button", { ...buttonAttributes, ...commonAttributes, children: [children, iconHtml] }));
+    }
+    else if (el === "input") {
+        if (!type) {
+            buttonAttributes.type = "submit";
+        }
+        buttonElement = (jsx("input", { value: children, ...buttonAttributes, ...commonAttributes }));
+    }
+    return buttonElement;
+};
+Button.displayName = "Button";
+
+function ConfigureOverallButton($scope, config) {
+    createAll(Button$1, config, $scope);
+}
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var classnames = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+var hasRequiredClassnames;
+
+function requireClassnames () {
+	if (hasRequiredClassnames) return classnames.exports;
+	hasRequiredClassnames = 1;
+	(function (module) {
+		/* global define */
+
+		(function () {
+
+			var hasOwn = {}.hasOwnProperty;
+
+			function classNames () {
+				var classes = '';
+
+				for (var i = 0; i < arguments.length; i++) {
+					var arg = arguments[i];
+					if (arg) {
+						classes = appendClass(classes, parseValue(arg));
+					}
+				}
+
+				return classes;
+			}
+
+			function parseValue (arg) {
+				if (typeof arg === 'string' || typeof arg === 'number') {
+					return arg;
+				}
+
+				if (typeof arg !== 'object') {
+					return '';
+				}
+
+				if (Array.isArray(arg)) {
+					return classNames.apply(null, arg);
+				}
+
+				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+					return arg.toString();
+				}
+
+				var classes = '';
+
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes = appendClass(classes, key);
+					}
+				}
+
+				return classes;
+			}
+
+			function appendClass (value, newClass) {
+				if (!newClass) {
+					return value;
+				}
+			
+				if (value) {
+					return value + ' ' + newClass;
+				}
+			
+				return value + newClass;
+			}
+
+			if (module.exports) {
+				classNames.default = classNames;
+				module.exports = classNames;
+			} else {
+				window.classNames = classNames;
+			}
+		}()); 
+	} (classnames));
+	return classnames.exports;
+}
+
+var classnamesExports = requireClassnames();
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
+
+const DEFAULT_BREAKPOINTS = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
+const DEFAULT_MIN_BREAKPOINT = 'xs';
+const ThemeContext = /*#__PURE__*/React.createContext({
+  prefixes: {},
+  breakpoints: DEFAULT_BREAKPOINTS,
+  minBreakpoint: DEFAULT_MIN_BREAKPOINT
+});
+const {
+  Consumer,
+  Provider
+} = ThemeContext;
+function useBootstrapPrefix(prefix, defaultPrefix) {
+  const {
+    prefixes
+  } = useContext(ThemeContext);
+  return prefix || prefixes[defaultPrefix] || defaultPrefix;
+}
+
+const CardBody = /*#__PURE__*/React.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = 'div',
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-body');
+  return /*#__PURE__*/jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardBody.displayName = 'CardBody';
+
+const CardFooter = /*#__PURE__*/React.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = 'div',
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-footer');
+  return /*#__PURE__*/jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardFooter.displayName = 'CardFooter';
+
+const context = /*#__PURE__*/React.createContext(null);
+context.displayName = 'CardHeaderContext';
+
+const CardHeader = /*#__PURE__*/React.forwardRef(({
+  bsPrefix,
+  className,
+  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+  as: Component = 'div',
+  ...props
+}, ref) => {
+  const prefix = useBootstrapPrefix(bsPrefix, 'card-header');
+  const contextValue = useMemo(() => ({
+    cardHeaderBsPrefix: prefix
+  }), [prefix]);
+  return /*#__PURE__*/jsx(context.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/jsx(Component, {
+      ref: ref,
+      ...props,
+      className: classNames(className, prefix)
+    })
+  });
+});
+CardHeader.displayName = 'CardHeader';
+
+const CardImg = /*#__PURE__*/React.forwardRef(
+// Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+({
+  bsPrefix,
+  className,
+  variant,
+  as: Component = 'img',
+  ...props
+}, ref) => {
+  const prefix = useBootstrapPrefix(bsPrefix, 'card-img');
+  return /*#__PURE__*/jsx(Component, {
+    ref: ref,
+    className: classNames(variant ? `${prefix}-${variant}` : prefix, className),
+    ...props
+  });
+});
+CardImg.displayName = 'CardImg';
+
+const CardImgOverlay = /*#__PURE__*/React.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = 'div',
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-img-overlay');
+  return /*#__PURE__*/jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardImgOverlay.displayName = 'CardImgOverlay';
+
+const CardLink = /*#__PURE__*/React.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = 'a',
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-link');
+  return /*#__PURE__*/jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardLink.displayName = 'CardLink';
+
+var divWithClassName = (className => /*#__PURE__*/React.forwardRef((p, ref) => /*#__PURE__*/jsx("div", {
+  ...p,
+  ref: ref,
+  className: classNames(p.className, className)
+})));
+
+const DivStyledAsH6 = divWithClassName('h6');
+const CardSubtitle = /*#__PURE__*/React.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = DivStyledAsH6,
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-subtitle');
+  return /*#__PURE__*/jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardSubtitle.displayName = 'CardSubtitle';
+
+const CardText = /*#__PURE__*/React.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = 'p',
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-text');
+  return /*#__PURE__*/jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardText.displayName = 'CardText';
+
+const DivStyledAsH5 = divWithClassName('h5');
+const CardTitle = /*#__PURE__*/React.forwardRef(({
+  className,
+  bsPrefix,
+  as: Component = DivStyledAsH5,
+  ...props
+}, ref) => {
+  bsPrefix = useBootstrapPrefix(bsPrefix, 'card-title');
+  return /*#__PURE__*/jsx(Component, {
+    ref: ref,
+    className: classNames(className, bsPrefix),
+    ...props
+  });
+});
+CardTitle.displayName = 'CardTitle';
+
+const Card = /*#__PURE__*/React.forwardRef(({
+  bsPrefix,
+  className,
+  bg,
+  text,
+  border,
+  body = false,
+  children,
+  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
+  as: Component = 'div',
+  ...props
+}, ref) => {
+  const prefix = useBootstrapPrefix(bsPrefix, 'card');
+  return /*#__PURE__*/jsx(Component, {
+    ref: ref,
+    ...props,
+    className: classNames(className, prefix, bg && `bg-${bg}`, text && `text-${text}`, border && `border-${border}`),
+    children: body ? /*#__PURE__*/jsx(CardBody, {
+      children: children
+    }) : children
+  });
+});
+Card.displayName = 'Card';
+var Card$1 = Object.assign(Card, {
+  Img: CardImg,
+  Title: CardTitle,
+  Subtitle: CardSubtitle,
+  Body: CardBody,
+  Link: CardLink,
+  Text: CardText,
+  Header: CardHeader,
+  Footer: CardFooter,
+  ImgOverlay: CardImgOverlay
+});
+
+const CardColumn = (props) => {
+    const { body, header, link } = props;
+    return (jsx("div", { className: "col", children: jsxs(Card$1, { className: "card-styles", children: [jsx(Link, { to: link, children: jsx(Card$1.Header, { className: "card-header govuk-!-font-size-27 govuk-!-font-weight-bold", children: header }) }), jsx(Card$1.Body, { className: "govuk-!-font-size-19", children: body })] }) }));
+};
+
+const CardLayout = (props) => {
+    const { cardColumns: children, numberOfGridColumns = 3 } = props;
+    const divideByColumn = [];
+    let accumulator = [];
+    children.map((child, index) => {
+        accumulator.push(createElement(CardColumn, { ...child, key: `card-column-${index}` }));
+        if (index % numberOfGridColumns === numberOfGridColumns - 1) {
+            divideByColumn.push(jsx("div", { className: `row row-cols-1 row-cols-md-${numberOfGridColumns} govuk-!-margin-bottom-8`, children: accumulator }, `card-layout-${index}`));
+            accumulator = [];
+        }
+    });
+    if (accumulator.length > 0) {
+        divideByColumn.push(jsx("div", { className: `row row-cols-1 row-cols-md-${numberOfGridColumns} govuk-!-margin-bottom-8`, children: accumulator }, `card-layout-final`));
+    }
+    return jsx(Fragment, { children: divideByColumn });
+};
+
+const defaultProps$1 = {
+    "aria-describedby": "",
+    rows: 5,
+    id: "",
+    name: "",
+};
+const Textarea = React__default.forwardRef((props = defaultProps$1, ref) => {
+    const { className, "aria-describedby": describedBy, errorMessage, formGroup, hint, label, id, ...attributes } = props;
+    let describedByValue = describedBy || "";
+    let hintComponent = null;
+    let errorMessageComponent = null;
+    if (hint) {
+        const hintId = `${id}-hint`;
+        describedByValue += ` ${hintId}`;
+        hintComponent = jsx(Hint, { ...hint, id: hintId });
+    }
+    if (errorMessage) {
+        const errorId = id ? `${id}-error` : "";
+        describedByValue += ` ${errorId}`;
+        errorMessageComponent = jsx(ErrorMessage, { ...errorMessage, id: errorId });
+    }
+    return (jsxs("div", { className: `govuk-form-group${errorMessage ? " govuk-form-group--error" : ""} ${formGroup?.className || ""}`, children: [jsx(Label, { ...label, htmlFor: id }), hintComponent, errorMessageComponent, jsx("textarea", { ...attributes, id: id, ref: ref, className: `govuk-textarea${errorMessage ? " govuk-textarea--error" : ""} ${className || ""}`, "aria-describedby": describedByValue?.trim() || undefined })] }));
+});
+Textarea.displayName = "Textarea";
+
+const CharacterCount = (props) => {
+    const { id, className, maxlength, threshold, maxwords, errorMessage, countMessage, ...attributes } = props;
+    const characterCountInfoId = `${id}-info`;
+    return (jsxs("div", { className: "govuk-character-count", "data-module": "govuk-character-count", "data-maxlength": maxlength, "data-threshold": threshold, "data-maxwords": maxwords, children: [jsx(Textarea, { id: id, ...attributes, errorMessage: errorMessage, className: `govuk-js-character-count ${className || ""}${errorMessage ? " govuk-textarea--error" : ""}`, "aria-describedby": characterCountInfoId }), jsxs(Hint, { id: characterCountInfoId, className: `govuk-hint govuk-character-count__message ${countMessage?.className || ""}`, "aria-live": "polite", children: ["You have ", maxlength || maxwords, " ", maxwords ? "words" : "characters", " ", "remaining"] })] }));
+};
+CharacterCount.displayName = "CharacterCount";
+
+const Checkboxes = (props) => {
+    return jsx(Boolean$1, { ...props, controlType: "checkboxes" });
+};
+
+function ConfigureOverallCheckboxes($scope) {
+    createAll(Checkboxes$1, undefined, $scope);
+}
+
+const CookieActions = ({ actions }) => (jsx("div", { className: "govuk-button-group", children: actions.map((action, index) => {
+        const { className: actionClassName, children: actionChildren, ...actionProps } = action;
+        return action.href || action.to ? (action.type === "button" || action.type === "submit" ? (jsx(Button, { className: actionClassName, ...action }, index)) : (jsx(LinkWithRef, { ...actionProps, className: `govuk-link ${actionClassName || ""}`, children: actionChildren }, index))) : (jsx(Button, { ...action }, index));
+    }) }));
+const CookieMessage = ({ headingChildren, children, className, actions, }) => (jsxs("div", { className: `govuk-cookie-banner__message govuk-width-container ${className || ""}`, children: [jsx("div", { className: "govuk-grid-row", children: jsxs("div", { className: "govuk-grid-column-two-thirds", children: [headingChildren && (jsx("h2", { className: "govuk-cookie-banner__heading govuk-heading-m", children: headingChildren })), jsx("div", { className: "govuk-cookie-banner__content", children: typeof children === "string" ? (jsx("p", { className: "govuk-body", children: children })) : (children) })] }) }), actions && jsx(CookieActions, { actions: actions })] }));
+const CookieBanner = ({ className, messages, "aria-label": ariaLabel = "Cookie banner", ...attributes }) => (jsx("div", { className: `govuk-cookie-banner ${className || ""}`, "data-nosnippet": true, role: "region", "aria-label": ariaLabel, ...attributes, children: messages.map((message, index) => (jsx(CookieMessage, { headingChildren: message.headingChildren, className: message.className, actions: message.actions, ...message, children: message.children }, index))) }));
+
+const DataNavigation = ({ dataId, setDataFocus, previousText = "Previous", previousCondition, nextText = "Next", nextCondition, dataDescription, }) => {
+    // Helper to render the navigation buttons
+    const renderNavButton = (id, onClick, disabled, content) => (jsx(Button, { id: id, onClick: onClick, "data-testid": id, disabled: disabled, children: content }));
+    return (jsxs("div", { className: "govuk-grid-row", children: [jsx("div", { className: "govuk-grid-column-one-third govuk-!-text-align-left", children: renderNavButton("previous-data", () => setDataFocus(dataId - 1), previousCondition, jsxs(Fragment, { children: [jsx("svg", { className: "govuk-button__start-icon back-button", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", transform: "rotate(180)", children: jsx("path", { fill: "currentColor", d: "M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z" }) }), "\u00A0", previousText] })) }), jsx("div", { className: "govuk-grid-column-one-third govuk-!-text-align-centre", children: jsx(Label, { children: dataDescription }) }), jsx("div", { className: "govuk-grid-column-one-third govuk-!-text-align-right", children: renderNavButton("next-data", () => setDataFocus(dataId + 1), nextCondition, jsxs(Fragment, { children: [nextText, jsx("svg", { className: "govuk-button__start-icon", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: jsx("path", { fill: "currentColor", d: "M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z" }) })] })) })] }));
+};
+
+const defaultProps = {
+    type: "text",
+};
+const Input = React__default.forwardRef((props = defaultProps, ref) => {
+    const { className, "aria-describedby": describedBy, errorMessage, formGroup, hint, label, name, id, prefix, suffix, ...attributes } = props;
+    let describedByValue = describedBy || "";
+    let hintComponent = null;
+    let errorMessageComponent = null;
+    if (hint) {
+        const hintId = `${id}-hint`;
+        describedByValue += ` ${hintId}`;
+        hintComponent = jsx(Hint, { ...hint, id: hintId });
+    }
+    if (errorMessage) {
+        const errorId = id ? `${id}-error` : "";
+        describedByValue += ` ${errorId}`;
+        errorMessageComponent = jsx(ErrorMessage, { ...errorMessage, id: errorId });
+    }
+    const input = (jsx("input", { ref: ref, id: id, className: `govuk-input ${className || ""} ${errorMessage ? " govuk-input--error" : ""}`, name: name || id, "aria-describedby": describedByValue || undefined, ...attributes }));
+    return (jsxs("div", { className: `govuk-form-group ${formGroup?.className || ""} ${errorMessage ? "govuk-form-group--error" : ""}`, children: [jsx(Label, { ...label, htmlFor: id }), hintComponent, errorMessageComponent, prefix || suffix ? (jsxs("div", { className: "govuk-input__wrapper", children: [prefix ? (jsx("div", { "aria-hidden": "true", ...prefix,
+                        className: `govuk-input__prefix ${prefix.className ? prefix.className : ""}` })) : null, input, suffix ? (jsx("div", { "aria-hidden": "true", ...suffix,
+                        className: `govuk-input__suffix ${suffix.className ? suffix.className : ""}` })) : null] })) : (input)] }));
+});
+Input.displayName = "Input";
+
+const DateInput = (props) => {
+    const { className, errorMessage, fieldset, formGroup, hint, id, items, namePrefix, onChange, ...attributes } = props;
+    let describedBy = fieldset?.["aria-describedby"]
+        ? fieldset["aria-describedby"]
+        : "";
+    let hintComponent;
+    let errorMessageComponent;
+    let dateInputItems = [];
+    if (hint) {
+        const hintId = `${id}-hint`;
+        describedBy += ` ${hintId}`;
+        hintComponent = jsx(Hint, { ...hint, id: hintId });
+    }
+    if (errorMessage) {
+        const errorId = id ? `${id}-error` : "";
+        describedBy += ` ${errorId}`;
+        errorMessageComponent = jsx(ErrorMessage, { ...errorMessage, id: errorId });
+    }
+    if (items && items.length > 0) {
+        dateInputItems = items;
+    }
+    else {
+        dateInputItems = [
+            {
+                name: "day",
+                className: "govuk-input--width-2",
+                type: "text",
+            },
+            {
+                name: "month",
+                className: "govuk-input--width-2",
+                type: "text",
+            },
+            {
+                name: "year",
+                className: "govuk-input--width-4",
+                type: "text",
+            },
+        ];
+    }
+    const itemComponents = dateInputItems
+        .filter((item) => item)
+        .map((item, index) => {
+        const { name: itemName, inputMode: itemInputMode, label: itemLabel, reactListKey: itemReactListKey, id: itemId, className: itemClassName, pattern: itemPattern, ...itemAttributes } = item;
+        return (jsx("div", { className: "govuk-date-input__item", children: jsx(Input, { onChange: onChange, ...itemAttributes, label: {
+                    children: itemLabel ||
+                        itemName.charAt(0).toUpperCase() + itemName.slice(1),
+                    className: "govuk-date-input__label",
+                }, id: itemId || `${id}-${itemName}`, className: `govuk-date-input__input ${itemClassName || ""}`, name: namePrefix ? `${namePrefix}-${itemName}` : itemName, type: "text", inputMode: itemInputMode || "numeric", pattern: itemPattern || "[0-9]*" }) }, itemReactListKey || index));
+    });
+    const innerHtml = (jsxs(Fragment, { children: [hintComponent, errorMessageComponent, jsx("div", { className: `govuk-date-input ${className || ""}`, ...attributes, id: id, children: itemComponents })] }));
+    return (jsx("div", { className: `govuk-form-group${errorMessage ? " govuk-form-group--error" : ""} ${formGroup?.className || ""}`, children: fieldset ? (jsx(Fieldset, { ...fieldset, "aria-describedby": describedBy || undefined, role: "group", children: innerHtml })) : (jsx(Fragment, { children: innerHtml })) }));
+};
+
+const Details = ({ className, children, summaryChildren, ...attributes }) => {
+    return (jsxs("details", { className: `govuk-details ${className || ""}`, ...attributes, "data-module": "govuk-details", children: [jsx("summary", { className: "govuk-details__summary", children: jsx("span", { className: "govuk-details__summary-text", children: summaryChildren }) }), jsx("div", { className: "govuk-details__text", children: children })] }));
+};
+
+function titleCase(str) {
+    return str
+        .toLowerCase()
+        .split(" ")
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(" ");
+}
+
+const DifferenceNavigation = ({ differenceId, setDifferenceFocus, totalDifferences, keyword = "variation", plural = "variations", }) => {
+    if (totalDifferences === 0) {
+        return (jsxs("p", { className: "govuk-body govuk-!-font-size-20 govuk-!-text-align-centre", children: ["No ", `${plural}`, " found"] }));
+    }
+    const isPreviousDisabled = differenceId <= 1;
+    const isNextDisabled = differenceId === totalDifferences;
+    const renderButton = (id, onClick, disabled, content) => (jsx(Button, { id: id, onClick: onClick, "data-testid": id, disabled: disabled, children: content }));
+    return (jsxs("div", { className: "govuk-grid-row", children: [jsx("div", { className: "govuk-grid-column-one-third", children: jsx("div", { className: "govuk-!-text-align-left", children: renderButton(`previous-${keyword}`, () => setDifferenceFocus(differenceId - 1), isPreviousDisabled, jsxs(Fragment, { children: [" ", jsx("svg", { className: "govuk-button__start-icon back-button", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", transform: "rotate(180)", children: jsx("path", { fill: "currentColor", d: "M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z" }) }), "\u00A0Previous", " "] })) }) }), jsx("div", { className: "govuk-grid-column-one-third", children: jsxs(Label, { className: "govuk-!-text-align-centre", children: [titleCase(keyword), " ", differenceId, " of ", totalDifferences] }) }), jsx("div", { className: "govuk-grid-column-one-third", children: jsx("div", { className: "govuk-!-text-align-right", children: renderButton(`next-${keyword}`, () => setDifferenceFocus(differenceId + 1), isNextDisabled, jsxs(Fragment, { children: [" ", "Next", jsx("svg", { className: "govuk-button__start-icon back-button", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: jsx("path", { fill: "currentColor", d: "M8.122 24l-4.122-4 8-8-8-8 4.122-4 11.878 12z" }) })] })) }) })] }));
+};
+
+const Main = ({ children, backLink = "", backLinkState = null, }) => (jsx("div", { className: "govuk-width-container", children: jsxs("main", { className: "govuk-main-wrapper", id: "main-content", "data-testid": "main-content", children: [backLink && (jsx("div", { className: "govuk-grid-row", children: jsx("div", { className: "govuk-grid-column-two-thirds", children: jsx(BackLink, { to: { pathname: backLink }, state: backLinkState }) }) })), children && jsx("div", { children: children })] }) }));
+
+const ProblemWithService = ({ message = "", applicationName = "Document and plan retrieval system", applicationRoute = "/", reportingLink = "http://marval-live/MSMselfservice/AutoGen.aspx?page=1268", basePageName = "dashboard", }) => {
+    const { state } = useLocation();
+    const determineMessage = state?.message || message;
+    const determineApplicationName = state?.applicationName || applicationName;
+    const refreshPage = () => {
+        if (window.location.pathname === "/")
+            window.location.reload();
+    };
+    const hasMessage = () => Boolean(determineMessage?.trim());
+    return (jsxs(Main, { children: [jsx("h1", { className: "govuk-heading-xl", children: "Sorry, there is a problem with the service" }), hasMessage() && (jsx("div", { className: "govuk-error-summary", "aria-labelledby": "error-summary-title", role: "alert", tabIndex: -1, "data-module": "govuk-error-summary", children: jsx("div", { className: "govuk-error-summary__body", children: jsx("p", { children: determineMessage }) }) })), jsx("p", { className: "govuk-body", children: "Try again later." }), jsxs("p", { className: "govuk-body", children: ["You can go back to", " ", jsx(LinkWithRef, { className: "govuk-link", to: applicationRoute, onClick: refreshPage, children: determineApplicationName }), " ", basePageName, "."] }), jsxs("p", { className: "govuk-body", children: ["If the problem continues\u00A0", jsxs("a", { href: reportingLink, className: "govuk-link", target: "_blank", rel: "noreferrer", children: ["contact support", jsx("span", { className: "nav-panel__text opens-in-new-window" }), jsx("span", { className: "visually-hidden", children: "(Opens in a new window or tab)" })] }), "."] })] }));
+};
+
+class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            hasError: false,
+            message: props.message || "",
+            applicationName: props.applicationName || "",
+        };
+    }
+    static getDerivedStateFromError() {
+        // Update state to render fallback UI on error
+        return { hasError: true };
+    }
+    componentDidCatch(error, info) {
+        console.error("Error caught by ErrorBoundary:", error, info);
+        // Optionally log error details to an external service here
+        this.setState({ message: error.message });
+    }
+    render() {
+        const { hasError, message, applicationName } = this.state;
+        if (hasError) {
+            return (jsx(ProblemWithService, { message: message, applicationName: applicationName, basePageName: this.props.basePageName }));
+        }
+        return this.props.children;
+    }
+}
+
+const ErrorSummary = (props) => {
+    const { className, descriptionChildren, errorList, titleChildren = "There is a problem", disableAutoFocus, ...attributes } = props;
+    let description;
+    if (descriptionChildren) {
+        description = jsx("p", { children: descriptionChildren });
+    }
+    return (jsxs("div", { className: `govuk-error-summary ${className || ""}`, "aria-labelledby": "error-summary-title", role: "alert", "data-disable-auto-focus": disableAutoFocus ? "true" : null, ...attributes, "data-module": "govuk-error-summary", children: [jsx("h2", { className: "govuk-error-summary__title", id: "error-summary-title", children: titleChildren }), jsxs("div", { className: "govuk-error-summary__body", children: [description, jsx("ul", { className: "govuk-list govuk-error-summary__list", children: errorList
+                            ? errorList.map((error, index) => {
+                                const { reactListKey, children, href, ...errorAttributes } = error;
+                                return (jsx("li", { children: href ? (jsx("a", { ...errorAttributes, href: href, children: children })) : (jsx(Fragment, { children: children })) }, reactListKey || index));
+                            })
+                            : null })] })] }));
+};
+ErrorSummary.displayName = "ErrorSummary";
+
+function ConfigureOverallErrorSummary($scope, config) {
+    createAll(ErrorSummary$1, config, $scope);
+}
+
+const FileUpload = (props) => {
+    const { className, errorMessage, formGroup, hint, label, "aria-describedby": describedBy, id, ...attributes } = props;
+    let hintComponent;
+    let errorMessageComponent;
+    let describedByValue = describedBy || "";
+    if (hint) {
+        const hintId = `${props.id}-hint`;
+        describedByValue += ` ${hintId}`;
+        hintComponent = jsx(Hint, { ...props.hint, id: hintId });
+    }
+    if (errorMessage) {
+        const errorId = `${id}-error`;
+        describedByValue += ` ${errorId}`;
+        errorMessageComponent = jsx(ErrorMessage, { ...errorMessage, id: errorId });
+    }
+    return (jsxs("div", { className: `govuk-form-group${errorMessage ? " govuk-form-group--error" : ""} ${formGroup?.className || ""}`, children: [jsx(Label, { ...label, htmlFor: id }), hintComponent, errorMessageComponent, jsx("input", { ...attributes, id: id, className: `govuk-file-upload ${className || ""}${errorMessage ? " govuk-file-upload--error" : ""}`, type: "file", "aria-describedby": describedByValue || undefined })] }));
+};
+FileUpload.displayName = "FileUpload";
+
+const Footer = (props) => {
+    const { className, containerClassName, meta, navigation, ...attributes } = props;
+    let navigationComponent;
+    let metaComponent;
+    if (navigation && navigation.length > 0) {
+        navigationComponent = (jsxs(Fragment, { children: [jsx("div", { className: "govuk-footer__navigation", children: navigation.map((nav, navIndex) => (jsxs("div", { className: `govuk-footer__section govuk-grid-column-${nav.width ? nav.width : "full"}`, children: [jsx("h2", { className: "govuk-footer__heading govuk-heading-m", children: nav.title }), nav.items && nav.items.length > 0 ? (jsx("ul", { className: `govuk-footer__list ${nav.columns ? `govuk-footer__list--columns-${nav.columns}` : ""}`, children: nav.items.map((item, index) => {
+                                    const { className: itemClassName, children: itemChildren, reactListKey, ...itemAttributes } = item;
+                                    return (jsx(React__default.Fragment, { children: (item.href || item.to) && itemChildren && (jsx("li", { className: "govuk-footer__list-item", children: jsx(LinkWithRef, { className: `govuk-footer__link ${itemClassName || ""}`, ...itemAttributes, children: itemChildren }) })) }, reactListKey || index));
+                                }) })) : null] }, nav.reactListKey || navIndex))) }), jsx("hr", { className: "govuk-footer__section-break" })] }));
+    }
+    if (meta) {
+        metaComponent = (jsxs(Fragment, { children: [jsx("h2", { className: "govuk-visually-hidden", children: meta.visuallyHiddenTitle
+                        ? meta.visuallyHiddenTitle
+                        : "Support links" }), meta.items && meta.items.length > 0 ? (jsx(Fragment, { children: jsx("ul", { className: "govuk-footer__inline-list", children: meta.items.map((item, index) => {
+                            const { className: itemClassName, children: itemChildren, reactListKey, ...itemAttributes } = item;
+                            return (jsx("li", { className: "govuk-footer__inline-list-item", children: jsx(LinkWithRef, { className: `govuk-footer__link ${itemClassName || ""}`, ...itemAttributes, children: itemChildren }) }, reactListKey || index));
+                        }) }) })) : null, meta.children ? (jsx("div", { className: "govuk-footer__meta-custom", children: meta.children })) : null] }));
+    }
+    return (jsx("footer", { className: `govuk-footer ${className || ""}`, role: "contentinfo", ...attributes, children: jsxs("div", { className: `govuk-width-container ${containerClassName || ""}`, children: [navigationComponent, jsxs("div", { className: "govuk-footer__meta", children: [jsxs("div", { className: "govuk-footer__meta-item govuk-footer__meta-item--grow", children: [metaComponent, jsx("svg", { "aria-hidden": "true", focusable: "false", className: "govuk-footer__licence-logo", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 483.2 195.7", height: "17", width: "41", children: jsx("path", { fill: "currentColor", d: "M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145" }) }), jsxs("span", { className: "govuk-footer__licence-description", children: ["All content is available under the", " ", jsx("a", { className: "govuk-footer__link", href: "https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/", rel: "license", children: "Open Government Licence v3.0" }), ", except where otherwise stated"] })] }), jsx("div", { className: "govuk-footer__meta-item", children: jsx("a", { className: "govuk-footer__link govuk-footer__copyright-logo", href: "https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/", children: "\u00A9 Crown copyright" }) })] })] }) }));
+};
+
+const Header = (props) => {
+    const { className, containerClassName = "govuk-width-container", homepageUrlHref = "/", homepageUrlTo, navigation, navigationClassName, productName, serviceName, serviceUrlHref, serviceUrlTo, navigationLabel = "Menu", menuButtonLabel = "Show or hide menu", removeGovUKHeader = null, logo, ...attributes } = props;
+    let productNameComponent = null;
+    let navigationComponent = null;
+    if (productName) {
+        productNameComponent = (jsx("span", { className: "govuk-header__product-name", children: productName }));
+    }
+    if (serviceName || navigation) {
+        navigationComponent = (jsxs("div", { className: "govuk-header__content", children: [serviceName ? (jsx(LinkWithRef, { href: serviceUrlHref, to: serviceUrlTo, className: "govuk-header__link govuk-header__link--service-name", children: serviceName })) : null, navigation ? (jsx(Fragment, { children: jsxs("nav", { className: `govuk-header__navigation ${navigationClassName || ""}`, "aria-label": navigationLabel, children: [jsx("button", { type: "button", className: "govuk-header__menu-button govuk-js-header-toggle", "aria-controls": "navigation", "aria-label": menuButtonLabel, children: "Menu" }), jsx("ul", { id: "navigation", className: "govuk-header__navigation-list", children: navigation.map((item, index) => {
+                                    const { active: itemActive, className: itemClassName, children: itemChildren, reactListKey, ...itemAttributes } = item;
+                                    return itemChildren ? (jsx("li", { className: `govuk-header__navigation-item${itemActive
+                                            ? " govuk-header__navigation-item--active"
+                                            : ""}`, children: item.href || item.to ? (jsx(LinkWithRef, { className: `govuk-header__link ${itemClassName || ""}`, ...itemAttributes, children: itemChildren })) : (itemChildren) }, reactListKey || index)) : null;
+                                }) })] }) })) : null] }));
+    }
+    return (jsx("header", { className: `govuk-header ${className || ""}`, role: "banner", "data-module": "govuk-header", ...attributes, children: jsxs("div", { className: `govuk-header__container ${containerClassName}`, children: [jsx("div", { className: "govuk-header__logo", children: jsxs(LinkWithRef, { to: homepageUrlTo, href: homepageUrlHref, className: "govuk-header__link govuk-header__link--homepage", children: [!removeGovUKHeader && (jsx("span", { className: "govuk-header__logotype", dangerouslySetInnerHTML: {
+                                    __html: `
+                  <!--[if gt IE 8]><!-->
+                    <svg
+                      aria-hidden="true"
+                      focusable="false"
+                      class="govuk-header__logotype-crown"
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 132 97"
+                      height="30"
+                      width="36"
+                    >
+                      <path
+                        fill="currentColor"
+                        fillRule="evenodd"
+                        d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"
+                      />
+                    </svg>
+                  <!--<![endif]-->
+                  <!--[if IE 8]>
+                    <img src="${logo}" class="govuk-header__logotype-crown-fallback-image" width="36" height="32" />
+                  <![endif]-->
+                  <span class="govuk-header__logotype-text">GOV.UK</span>
+              `,
+                                } })), productNameComponent] }) }), navigationComponent] }) }));
+};
+
+function ConfigureOverallHeader($scope) {
+    createAll(Header$1, undefined, $scope);
+}
+
+const InsetText = ({ className, children, ...attributes }) => {
+    return (jsx("div", { className: `govuk-inset-text ${className || ""}`, ...attributes, children: children }));
+};
+
+const Landing = (props) => {
+    const { to = "/" } = props;
+    return (jsx(Main, { children: jsx("div", { className: "govuk-grid-row", children: jsx("div", { className: "govuk-hint govuk-grid-column-full", children: jsx("div", { className: "centered-wheel", children: jsx("h2", { className: "govuk-heading-m", children: jsx(Link, { to: to, children: "Single sign on" }) }) }) }) }) }));
+};
+
+const Loading = ({ message = null, html = null }) => {
+    return (jsx("div", { className: "govuk-grid-row", children: jsxs("div", { className: "govuk-grid-column-full", children: [message || html ? (jsx("div", { className: "govuk-grid-row", children: jsx("div", { className: "govuk-grid-column-full head-space", children: html ? (html) : (jsx("h2", { className: "govuk-heading-m govuk-!-text-align-centre", children: message })) }) })) : null, jsx("div", { className: "govuk-hint govuk-grid-column-full", children: jsx("div", { className: "centered-wheel", "data-testid": "centered-wheel-identifier", children: jsx("div", { className: "loading-wheel-2", "data-testid": "loading-wheel-2-identifier" }) }) })] }) }));
+};
+
+const NotFoundPage = () => {
+    return (jsx(Main, { children: jsxs("div", { children: [jsx("h1", { className: "govuk-heading-xl", children: "Page not found" }), jsx("p", { className: "govuk-body", children: "If you typed the web address, check it is correct." }), jsx("p", { className: "govuk-body", children: "If you pasted the web address, check you copied the entire address." })] }) }));
+};
+
+const NotificationBanner = (props) => {
+    const { type, titleChildren, titleHeadingLevel: HeadingLevel = "h2", children, className, titleId = "govuk-notification-banner-title", role, disableAutoFocus, ...attributes } = props;
+    let successBanner = false;
+    if (type === "success") {
+        successBanner = true;
+    }
+    let typeClass = "";
+    if (successBanner) {
+        typeClass = `govuk-notification-banner--${type}`;
+    }
+    let roleAttribute = "region";
+    if (role) {
+        roleAttribute = role;
+    }
+    else if (successBanner) {
+        roleAttribute = "alert";
+    }
+    const title = titleChildren || (successBanner ? "Success" : "Important");
+    return (jsxs("div", { className: `govuk-notification-banner ${typeClass} ${className || ""}`, role: roleAttribute, "aria-labelledby": titleId, "data-module": "govuk-notification-banner", ...(disableAutoFocus ? { "data-disable-auto-focus": "true" } : {}), ...attributes, children: [jsx("div", { className: "govuk-notification-banner__header", children: jsx(HeadingLevel, { className: "govuk-notification-banner__title", id: titleId, children: title }) }), jsx("div", { className: "govuk-notification-banner__content", children: typeof children === "string" ? (jsx("p", { className: "govuk-notification-banner__heading", children: children })) : (children) })] }));
+};
+
+const DOTS = "...";
+const UsePagination = ({ totalCount, pageSize, siblingCount = 1, currentPage, }) => {
+    const range = (start, end) => {
+        return Array.from({ length: end - start + 1 }, (_, idx) => idx + start);
+    };
+    const paginationRange = useMemo(() => {
+        const totalPages = Math.ceil(totalCount / pageSize);
+        const visiblePages = siblingCount + 10;
+        // Case 1: Show all pages when total pages is less than the number of visible pages
+        if (visiblePages >= totalPages) {
+            return range(1, totalPages);
+        }
+        const firstPage = 1;
+        const lastPage = totalPages;
+        const leftSibling = Math.max(currentPage - siblingCount, firstPage);
+        const rightSibling = Math.min(currentPage + siblingCount, lastPage);
+        const showLeftDots = leftSibling > 2;
+        const showRightDots = rightSibling < totalPages - 2;
+        // Case 2: Only right dots are shown
+        if (!showLeftDots && showRightDots) {
+            const leftPages = range(1, 8 + 2 * siblingCount);
+            return [...leftPages, DOTS, lastPage];
+        }
+        // Case 3: Only left dots are shown
+        if (showLeftDots && !showRightDots) {
+            const rightPages = range(totalPages - (6 + 2 * siblingCount) + 1, lastPage);
+            return [firstPage, DOTS, ...rightPages];
+        }
+        // Case 4: Both left and right dots are shown
+        const middlePages = range(leftSibling, rightSibling);
+        return [firstPage, DOTS, ...middlePages, DOTS, lastPage];
+    }, [totalCount, pageSize, siblingCount, currentPage]);
+    return paginationRange;
+};
+
+const SvgIcon = ({ type, ...props }) => (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 15, height: 13, "aria-hidden": "true", ...props, children: jsx("path", { d: type === "next"
+            ? "M8.107-.008L6.693 1.406 10.986 5.7H-2v2h12.896L6.71 11.676l1.378 1.449 6.744-6.406L8.107-.008z"
+            : "M6.594-.008-.133 6.72l6.744 6.406 1.377-1.449-4.185-3.977h12.896v-2H3.715l4.293-4.293L6.594-.008z" }) }));
+
+const NavigationButton = ({ isDisabled, onClick, children, name, type, }) => {
+    const typeClass = type === "next" ? type : "prev";
+    const Icon = (jsx(SvgIcon, { type: type, className: `govuk-pagination__icon govuk-pagination__icon--${typeClass}`, focusable: "false" }));
+    return isDisabled ? (jsxs("div", { rel: type, children: [type === "previous" && Icon, jsx("span", { className: "govuk-pagination__link-title", children: name }), type === "next" && Icon, children && (jsxs(Fragment, { children: [type === "previous" && jsx(Fragment, { children: "\u00A0" }), jsx("span", { className: "govuk-visually-hidden", children: ":" }), children, type === "next" && jsx(Fragment, { children: " \u00A0" })] }))] })) : (jsxs("a", { className: "govuk-link govuk-pagination__link", href: "#", rel: type, onClick: onClick, children: [type === "previous" && Icon, jsx("span", { className: "govuk-pagination__link-title", children: name }), type === "next" && Icon, children && (jsxs(Fragment, { children: [type === "previous" && jsx(Fragment, { children: "\u00A0\u00A0" }), jsx("span", { className: "govuk-visually-hidden", children: ":" }), children, type === "next" && jsx(Fragment, { children: "\u00A0\u00A0" })] }))] }));
+};
+
+const Pagination = ({ onPageChange, totalCount, siblingCount = 1, currentPage, pageSize, className, previousName = "Previous", nextName = "Next", previousChildren, nextChildren, }) => {
+    const paginationRange = UsePagination({
+        currentPage,
+        totalCount,
+        siblingCount,
+        pageSize,
+    });
+    if (!paginationRange || paginationRange.length < 2)
+        return null;
+    const onNext = () => onPageChange(currentPage + 1);
+    const onPrevious = () => onPageChange(currentPage - 1);
+    const lastPage = paginationRange[paginationRange.length - 1];
+    return (jsxs(Fragment, { children: [jsx("div", { className: "govuk-!-padding-bottom-2" }), jsx("div", { className: `govuk-grid-column-full ${className || ""}`, children: jsxs("nav", { className: "govuk-pagination", role: "navigation", "aria-label": "Pagination", children: [jsx("div", { className: "govuk-pagination__prev", children: jsx(NavigationButton, { isDisabled: currentPage === 1, onClick: onPrevious, name: previousName, type: "previous", children: previousChildren }) }), jsx("ul", { className: "govuk-pagination__list", children: paginationRange.map((pageNumber, index) => pageNumber === DOTS ? (jsx("li", { className: "govuk-pagination__item govuk-pagination__item--ellipses", children: DOTS }, index)) : (jsx("li", { className: `govuk-pagination__item ${pageNumber === currentPage ? "govuk-pagination__item--current" : ""}`, children: jsx("a", { className: "govuk-link govuk-pagination__link", href: "#", "aria-label": `Page ${pageNumber}`, "aria-current": pageNumber === currentPage ? "page" : undefined, onClick: () => onPageChange(pageNumber), children: pageNumber }) }, index))) }), jsx("div", { className: "govuk-pagination__next", children: jsx(NavigationButton, { isDisabled: currentPage === lastPage, onClick: onNext, name: nextName, type: "next", children: nextChildren }) })] }) }), jsx("div", { className: "govuk-!-padding-bottom-4" })] }));
+};
+
+const Panel = (props) => {
+    const { headingLevel: HeadingLevel = "h1", children, className, titleChildren, ...attributes } = props;
+    const innerHtml = children ? (jsx("div", { className: "govuk-panel__body", children: children })) : null;
+    return (jsxs("div", { className: `govuk-panel govuk-panel--confirmation ${className || ""}`, ...attributes, children: [jsx(HeadingLevel, { className: "govuk-panel__title", children: titleChildren }), innerHtml] }));
+};
+
+function Slugify(str) {
+    str = str.replace(/^\s+|\s+$/g, ""); // trim leading/trailing white space
+    str = str.toLowerCase(); // convert string to lowercase
+    str = str
+        .replace(/[^a-z0-9 -]/g, "") // remove any non-alphanumeric characters
+        .replace(/\s+/g, "-") // replace spaces with hyphens
+        .replace(/-+/g, "-"); // remove consecutive hyphens
+    return str;
+}
+
+const PDFViewer = (props) => {
+    const viewerRef = React__default.useRef(null);
+    const { iframeId, src, viewerLocation, documentName, documentNameColour, backend, toolbar = "minimal", additionalBackendAttributes, ...attributes } = props;
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        setLoading(true);
+        const element = viewerRef.current;
+        if (!element)
+            return; // Guard against null
+        const jsProps = {
+            iframeId,
+            source: src,
+            viewerLocation,
+            documentName,
+            documentNameColour,
+            element,
+            toolbar,
+            ...additionalBackendAttributes,
+        };
+        backend(jsProps);
+        setLoading(false);
+    }, []);
+    return (jsxs(Fragment, { children: [loading && jsx(Loading, { message: "Loading PDF Document" }), jsx("div", { ref: viewerRef, id: `viewer ${documentName ? Slugify(documentName) : ""}`, "data-testid": `viewer ${documentName ? Slugify(documentName) : ""}`, style: { width: "100%", height: "100%" }, ...attributes })] }));
+};
+
+const ObjectToQueryString = (queryParameters) => {
+    return queryParameters
+        ? Object.entries(queryParameters).reduce((queryString, [key, val]) => {
+            const symbol = queryString.length === 0 ? "?" : "&";
+            queryString += val ? `${symbol}${key}=${val}` : "";
+            return queryString;
+        }, "")
+        : "";
+};
+
+const _base64ToArrayBuffer = (base64) => {
+    const binaryString = window.atob(base64);
+    const len = binaryString.length;
+    const bytes = new Uint8Array(len);
+    for (let i = 0; i < len; i++) {
+        bytes[i] = binaryString.charCodeAt(i);
+    }
+    return bytes.buffer;
+};
+const isBase64 = (value) => /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{4})$/.test(value);
+const ResolvePDFSource = (source) => {
+    const isBase64Source = isBase64(source);
+    if (!isBase64Source) {
+        return { isBase64Source, source };
+    }
+    const blob = new Blob([_base64ToArrayBuffer(source)], {
+        type: "application/pdf",
+    });
+    return { isBase64Source, source: URL.createObjectURL(blob) };
+};
+
+const PDFViewerBackend = ({ iframeId, source, viewerLocation = "/pdfjs-4.4.168-dist/web/viewer.html", documentName, documentNameColour = "black", toolbar = "minimal", element, ...remaining }) => {
+    const sourceDeterminer = ResolvePDFSource(source);
+    const iframe = document.createElement("iframe");
+    const queryString = ObjectToQueryString({
+        ...remaining,
+        file: sourceDeterminer.source,
+        document_name: documentName,
+        document_name_colour: documentNameColour,
+        toolbar,
+    });
+    // console.log(queryString);
+    iframe.id = `${iframeId}`;
+    iframe.title = `${documentName} `;
+    iframe.src = `${viewerLocation}${queryString}`;
+    iframe.style.width = "100%";
+    iframe.style.height = "94%";
+    if (sourceDeterminer.isBase64Source) {
+        iframe.addEventListener("beforeunload", (event) => {
+            event.preventDefault();
+            URL.revokeObjectURL(sourceDeterminer.source);
+        });
+    }
+    element.appendChild(iframe);
+};
+
+const Tag = (props) => {
+    const { children, className, ...attributes } = props;
+    return (jsx("strong", { className: `govuk-tag ${className || ""}`, ...attributes, children: children }));
+};
+
+const PhaseBanner = (props) => {
+    const { className, tag, children, ...attributes } = props;
+    return (jsx("div", { className: `govuk-phase-banner ${className || ""}`, ...attributes, children: jsxs("p", { className: "govuk-phase-banner__content", children: [jsx(Tag, { className: `govuk-phase-banner__content__tag ${tag?.className || ""}`, children: tag && tag.children }), jsx("span", { className: "govuk-phase-banner__text", children: children })] }) }));
+};
+
+const Radios = (props) => {
+    const { value, defaultValue, items, ...restProps } = props;
+    const processedItems = items
+        ? items.map((item) => {
+            if (item) {
+                return {
+                    ...item,
+                    ...(value != null && { checked: item.value === value }),
+                    ...(defaultValue != null && {
+                        defaultChecked: item.value === defaultValue,
+                    }),
+                };
+            }
+            return item;
+        })
+        : undefined;
+    return jsx(Boolean$1, { items: processedItems, ...restProps, controlType: "radios" });
+};
+
+function ConfigureOverallRadios($scope) {
+    createAll(Radios$1, undefined, $scope);
+}
+
+const Select = (props) => {
+    const { className, "aria-describedby": describedBy, errorMessage, formGroup, hint, id, items, label, ...attributes } = props;
+    let describedByValue = describedBy || "";
+    let hintComponent;
+    let errorMessageComponent;
+    if (hint) {
+        const hintId = `${id}-hint`;
+        describedByValue += ` ${hintId}`;
+        hintComponent = jsx(Hint, { ...hint, id: hintId });
+    }
+    if (errorMessage) {
+        const errorId = id ? `${id}-error` : "";
+        describedByValue += ` ${errorId}`;
+        errorMessageComponent = jsx(ErrorMessage, { ...errorMessage, id: errorId });
+    }
+    const options = items
+        ? items
+            .filter((item) => item)
+            .map((option, index) => {
+            const { reactListKey, children, ...optionAttributes } = option;
+            return (createElement("option", { ...optionAttributes, key: reactListKey || index }, children));
+        })
+        : null;
+    return (jsxs("div", { className: `govuk-form-group${errorMessage ? " govuk-form-group--error" : ""} ${formGroup?.className || ""}`, children: [jsx(Label, { ...label, htmlFor: id }), hintComponent, errorMessageComponent, jsx("select", { className: `govuk-select ${className || ""}${errorMessage ? " govuk-select--error" : ""}`, id: id, "aria-describedby": describedByValue || undefined, ...attributes, children: options })] }));
+};
+
+const ServiceNavigation = (props) => {
+    const { className, containerClassName = "govuk-width-container", menuButtonLabel = "Show or hide menu", navigation, navigationClassName, navigationLabel = "Menu", serviceName, serviceUrlHref, serviceUrlTo, ...attributes } = props;
+    return (jsx("section", { "aria-label": "Service information", className: `govuk-service-navigation ${className || ""}`, "data-module": "govuk-service-navigation", ...attributes, children: jsx("div", { className: `govuk-width-container ${containerClassName}`, children: jsxs("div", { className: "govuk-service-navigation__container", children: [serviceName ? (jsx("span", { className: "govuk-service-navigation__service-name", children: jsx(LinkWithRef, { href: serviceUrlHref, to: serviceUrlTo, className: "govuk-header__link govuk-header__link--service-name", children: serviceName }) })) : null, navigation ? (jsxs("nav", { "aria-label": navigationLabel, className: `govuk-service-navigation__wrapper ${navigationClassName || ""}`, children: [jsx("button", { type: "button", className: "govuk-service-navigation__toggle govuk-js-service-navigation-toggle", "aria-controls": "navigation", "aria-label": menuButtonLabel, hidden: true, children: "Menu" }), jsx("ul", { className: "govuk-service-navigation__list", id: "navigation", children: navigation.map((item, index) => {
+                                    const { active: itemActive, className: itemClassName, children: itemChildren, reactListKey, ...itemAttributes } = item;
+                                    return itemChildren ? (jsx("li", { className: `govuk-service-navigation__item${itemActive
+                                            ? " govuk-service-navigation__item--active"
+                                            : ""}`, children: item.href || item.to ? (jsx(LinkWithRef, { className: `govuk-service-navigation__link ${itemClassName || ""}`, "aria-current": itemActive ? "true" : "false", ...itemAttributes, children: itemActive ? (jsx("strong", { className: "govuk-service-navigation__active-fallback", children: itemChildren })) : (itemChildren) })) : (itemChildren) }, reactListKey || index)) : null;
+                                }) })] })) : null] }) }) }));
+};
+
+const SkipLink = (props) => {
+    const { href = "#content", className, children, ...attributes } = props;
+    return (jsx("a", { href: href, className: `govuk-skip-link ${className || ""}`, "data-module": "govuk-skip-link", ...attributes, children: children }));
+};
+
+function ConfigureOverallSkipLink($scope) {
+    createAll(SkipLink$1, undefined, $scope);
+}
+
+const actions = (row) => {
+    const actionLinks = row.actions?.items.map((action, index) => {
+        const { reactListKey, ...actionAttributes } = action;
+        return jsx(ActionLink, { ...actionAttributes }, reactListKey || index);
+    });
+    if (row.actions?.items.length) {
+        return (jsx("dd", { className: `govuk-summary-list__actions ${row.actions.className || ""}`, children: row.actions.items.length === 1 ? (actionLinks) : (jsx("ul", { className: "govuk-summary-list__actions-list", children: actionLinks?.map((actionLink) => (jsx("li", { className: "govuk-summary-list__actions-list-item", children: actionLink }, actionLink.key))) })) }));
+    }
+    return null;
+};
+const SummaryList = (props) => {
+    const { className, rows, ...attributes } = props;
+    const filteredRows = rows ? rows.filter((row) => row) : [];
+    const anyRowHasActions = filteredRows.some((item) => item.actions?.items && item.actions?.items.length > 0);
+    return (jsx("dl", { className: `govuk-summary-list ${className || ""}`, ...attributes, children: filteredRows.map((row, index) => (jsxs("div", { className: `govuk-summary-list__row ${anyRowHasActions && !row.actions?.items
+                ? "govuk-summary-list__row--no-actions"
+                : ""} ${row.className || ""}`, children: [jsx("dt", { className: `govuk-summary-list__key ${row.key?.className || ""}`, children: row.key?.children }), jsx("dd", { className: `govuk-summary-list__value ${row.value?.className || ""}`, children: row.value?.children }), actions(row)] }, row.reactListKey || index))) }));
+};
+
+const Table = ({ caption, captionClassName, className, firstCellIsHeader, head, rows, footer, ...attributes }) => {
+    // Memoize caption component to avoid re-renders if it doesn't change
+    const captionComponent = useMemo(() => caption && (jsx("caption", { className: `govuk-table__caption ${captionClassName || ""}`, children: caption })), [caption, captionClassName]);
+    // Memoize head component
+    const headComponent = useMemo(() => head && (jsx("thead", { className: "govuk-table__head", children: jsx("tr", { className: "govuk-table__row", children: head.map(({ className, format, children, reactListKey, ...itemAttributes }, index) => (jsx("th", { scope: "col", className: `govuk-table__header ${format ? `govuk-table__header--${format}` : ""} ${className || ""}`, ...itemAttributes, children: children }, reactListKey || index))) }) })), [head]);
+    // Memoize footer component
+    const footerComponent = useMemo(() => footer && (jsx("tfoot", { className: "govuk-table__head", children: jsx("tr", { className: "govuk-table__row", children: footer.map(({ className, format, children, reactListKey, ...itemAttributes }, index) => (jsx("th", { scope: "col", className: `govuk-table__header ${format ? `govuk-table__header--${format}` : ""} ${className || ""}`, ...itemAttributes, children: children }, reactListKey || index))) }) })), [footer]);
+    // Filter rows that contain cells
+    const filteredRows = rows?.filter((row) => row.cells) || [];
+    return (jsxs("table", { className: `govuk-table ${className}`, ...attributes, children: [captionComponent, headComponent, jsx("tbody", { className: "govuk-table__body", children: filteredRows.map(({ cells, reactListKey }, rowIndex) => (jsx("tr", { className: "govuk-table__row", children: cells.map(({ className, children, format, reactListKey, ...cellAttributes }, cellIndex) => {
+                        const cellClassNames = `govuk-table__cell ${className || ""} ${format ? `govuk-table__cell--${format}` : ""}`;
+                        const headerClassNames = `govuk-table__header ${className || ""}`;
+                        // Check if the first cell should be a header
+                        if (cellIndex === 0 && firstCellIsHeader) {
+                            return (jsx("th", { scope: "row", className: headerClassNames, ...cellAttributes, children: children }, reactListKey || cellIndex));
+                        }
+                        return (jsx("td", { className: cellClassNames, ...cellAttributes, children: children }, reactListKey || cellIndex));
+                    }) }, reactListKey || rowIndex))) }), footerComponent] }));
+};
+
+const Tabs = ({ className = "", id, idPrefix = "", items = [], title = "Contents", ...attributes }) => {
+    const filteredItems = items.filter(Boolean); // filter out any falsy items in a cleaner way
+    const renderTab = (item, index) => {
+        const tabId = item.id || `${idPrefix}-${index + 1}`;
+        return (jsx("li", { className: `govuk-tabs__list-item ${index === 0 ? "govuk-tabs__list-item--selected" : ""}`, children: jsx("a", { className: "govuk-tabs__tab", href: `#${tabId}`, ...item, children: item.label }) }, tabId));
+    };
+    const renderPanel = (item, index) => {
+        const panelId = item.id || `${idPrefix}-${index + 1}`;
+        return (jsx("div", { id: panelId, className: `govuk-tabs__panel ${index > 0 ? "govuk-tabs__panel--hidden" : ""}`, ...item.panel }, panelId));
+    };
+    return (jsxs("div", { id: id, className: `govuk-tabs ${className}`, ...attributes, "data-module": "govuk-tabs", children: [jsx("h2", { className: "govuk-tabs__title", children: title }), filteredItems.length > 0 && (jsxs(Fragment, { children: [jsx("ul", { className: "govuk-tabs__list", children: filteredItems.map(renderTab) }), filteredItems.map(renderPanel)] }))] }));
+};
+
+function ConfigureOverallTabs($scope) {
+    createAll(Tabs$1, undefined, $scope);
+}
+
+const TaskList = (props) => {
+    const { className, idPrefix, items, ...attributes } = props;
+    const renderTaskListItem = (item, index) => {
+        if (!item)
+            return null;
+        const { title, hint, status, href, ...attributes } = item;
+        const itemId = `${idPrefix}-${index + 1}`;
+        return (jsxs("li", { id: itemId, className: "govuk-task-list__item govuk-task-list__item--with-link", ...attributes, children: [jsxs("div", { className: "govuk-task-list__name-and-hint", children: [jsx(LinkWithRef, { className: "govuk-link govuk-task-list__link", href: href, "aria-describedby": `${itemId}-status`, children: title.children }), hint ? (jsx(Hint, { id: `${itemId}-hint`, className: "govuk-task-list__hint", ...hint })) : null] }), jsx("div", { className: "govuk-task-list__status", id: `${itemId}-status`, children: status.tag ? jsx(Tag, { ...status.tag }) : status.children })] }, itemId));
+    };
+    return (jsx("ul", { className: `govuk-task-list ${className || ""}`, ...attributes, children: items.map(renderTaskListItem) }));
+};
+
+const WarningInfo = ({ messageHeading = "Warning or Info Heading", message = "Warning or Info Heading message", advice = "Try again later.", applicationName = "Document and plan retrieval system", applicationRoute = "/", basePageName = "dashboard", }) => {
+    let determineMessage;
+    const { state } = useLocation();
+    if (state && state.message) {
+        determineMessage = state.message;
+    }
+    else {
+        determineMessage = message;
+    }
+    let determineMessageHeading;
+    if (state && state.messageHeading) {
+        determineMessageHeading = state.messageHeading;
+    }
+    else {
+        determineMessageHeading = messageHeading;
+    }
+    let determineAdvice;
+    if (state && state.advice) {
+        determineAdvice = state.advice;
+    }
+    else {
+        determineAdvice = advice;
+    }
+    let determineApplicationName;
+    if (state && state.applicationName) {
+        determineApplicationName = state.applicationName;
+    }
+    else {
+        determineApplicationName = applicationName;
+    }
+    const refreshPage = () => {
+        if (window.location.pathname === "/") {
+            window.location.reload();
+        }
+    };
+    const hasMessage = () => {
+        return determineMessage?.length > 0;
+    };
+    return (jsx(Main, { children: jsxs(Fragment, { children: [jsx("h1", { className: "govuk-heading-xl", children: determineMessageHeading }), hasMessage() && (jsxs("div", { className: "govuk-warning-text", children: [jsx("span", { className: "govuk-warning-text__icon", "aria-hidden": "true", children: "!" }), jsxs("strong", { className: "govuk-warning-text__text", children: [jsx("span", { className: "govuk-visually-hidden", children: "Warning" }), determineMessage] })] })), jsx("p", { className: "govuk-body", children: determineAdvice }), jsxs("p", { className: "govuk-body", children: ["You can go back to", " ", jsx(LinkWithRef, { className: "govuk-link", to: applicationRoute, onClick: () => refreshPage(), children: determineApplicationName }), " ", basePageName, "."] })] }) }));
+};
+
+const WarningText = ({ children = "Warning message", className, ...attributes }) => {
+    return (jsxs("div", { className: `govuk-warning-text ${className || ""}`, ...attributes, children: [jsx("span", { className: "govuk-warning-text__icon", "aria-hidden": "true", children: "!" }), jsxs("strong", { className: "govuk-warning-text__text", children: [jsx("span", { className: "govuk-visually-hidden", children: "Warning" }), children] })] }));
+};
+
+export { Accordion, ActionLink, BackLink, Boolean$1 as Boolean, Breadcrumbs, Button, CardColumn, CardLayout, CharacterCount, Checkboxes as Checkbox, ConfigureOverallAccordion, ConfigureOverallButton, ConfigureOverallCheckboxes, ConfigureOverallErrorSummary, ConfigureOverallHeader, ConfigureOverallRadios, ConfigureOverallSkipLink, ConfigureOverallTabs, CookieBanner, DataNavigation, DateInput, Details, DifferenceNavigation, ErrorBoundary, ErrorMessage, ErrorSummary, ExtractAccordionConfigFromAttributes, Fieldset, FileUpload, Footer, Header, Hint, Input, InsetText, Label, Landing, LinkWithRef, Loading, Main, NotFoundPage, NotificationBanner, PDFViewer, PDFViewerBackend, Pagination, Panel, PhaseBanner, ProblemWithService, Radios, Select, ServiceNavigation, SkipLink, SummaryList, Table, Tabs, Tag, TaskList, Textarea, WarningInfo, WarningText };
+//# sourceMappingURL=index.esm.js.map