@rws-aoa/react-library 3.6.3 → 3.6.5

package/dist/components/molecules/modal-close-button/ModalCloseButton.js

@@ -5,8 +5,8 @@ import { AoaIconButton as l } from "../../atoms/icon-button/IconButton.js";
 const a = r(({ closeAction: t }) => /* @__PURE__ */ o(
   l,
   {
-    inline: !0,
     icon: /* @__PURE__ */ o(i, {}),
+    inline: !0,
     label: "Modaal sluiten",
     onClick: t,
     sx: {

package/dist/components/molecules/modal-close-button/ModalCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalCloseButton.js","sources":["../../../../src/components/molecules/modal-close-button/ModalCloseButton.tsx"],"sourcesContent":["import { Close as CloseIcon } from \"@mui/icons-material\";\nimport { memo } from \"react\";\nimport { AoaIconButton } from \"../../atoms/icon-button/IconButton\";\n\nexport interface AoaModalCloseButtonProps {\n  /** The action to trigger to close this modal */\n  closeAction(): void;\n}\n\nexport const AoaModalCloseButton = memo(({ closeAction }: AoaModalCloseButtonProps) => (\n  <AoaIconButton\n    inline\n    icon={<CloseIcon />}\n    label=\"Modaal sluiten\"\n    onClick={closeAction}\n    sx={{\n      position: \"absolute\",\n      right: 8,\n      top: 8\n    }}\n  />\n));\n"],"names":["AoaModalCloseButton","memo","closeAction","jsx","AoaIconButton","CloseIcon"],"mappings":";;;;AASO,MAAMA,IAAsBC,EAAK,CAAC,EAAE,aAAAC,EACzC,MAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAM;AAAA,IACN,wBAAOC,GAAU,EAAA;AAAA,IACjB,OAAM;AAAA,IACN,SAASH;AAAA,IACT,IAAI;AAAA,MACF,UAAU;AAAA,MACV,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,EAAA;AACF,CACD;"}
+{"version":3,"file":"ModalCloseButton.js","sources":["../../../../src/components/molecules/modal-close-button/ModalCloseButton.tsx"],"sourcesContent":["import { Close as CloseIcon } from \"@mui/icons-material\";\nimport { memo } from \"react\";\nimport { AoaIconButton } from \"../../atoms/icon-button/IconButton\";\n\nexport interface AoaModalCloseButtonProps {\n  /**\n   * The action to trigger to close this modal\n   */\n  closeAction(this: void): void;\n}\n\nexport const AoaModalCloseButton = memo(({ closeAction }: AoaModalCloseButtonProps) => (\n  <AoaIconButton\n    icon={<CloseIcon />}\n    inline\n    label=\"Modaal sluiten\"\n    onClick={closeAction}\n    sx={{\n      position: \"absolute\",\n      right: 8,\n      top: 8\n    }}\n  />\n));\n"],"names":["AoaModalCloseButton","memo","closeAction","jsx","AoaIconButton","CloseIcon"],"mappings":";;;;AAWO,MAAMA,IAAsBC,EAAK,CAAC,EAAE,aAAAC,EACzC,MAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,wBAAOC,GAAU,EAAA;AAAA,IACjB,QAAM;AAAA,IACN,OAAM;AAAA,IACN,SAASH;AAAA,IACT,IAAI;AAAA,MACF,UAAU;AAAA,MACV,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,EACP;AACF,CACD;"}

package/dist/components/molecules/navigation-bar/NavigationBar.d.ts

@@ -1,22 +1,32 @@
 import { ReactNode } from 'react';
 import { AoaPage } from '../../atoms/_menu/menu-item/MenuItem';
 import { AoaSetting } from '../../atoms/_menu/user-menu/UserMenu';
-
 export interface AoaNavigationBarProps {
-    /** The name of the application that will be used for the Home tab */
-    name: string;
-    /** A list of all the pages and optional subpages to be shown in the menu */
-    pages: AoaPage[];
-    /** A list of all the settings to be shown in the menu */
-    settings: AoaSetting[];
-    /** If your home page is not on the root url, use this prop to set the home path */
-    homePath?: string;
-    /** Optional username to be displayed next to the settings menu */
-    username?: string;
+    /**
+     * If your home page is not on the root url, use this prop to set the home path
+     */
+    readonly homePath?: string;
+    /**
+     * The name of the application that will be used for the Home tab
+     */
+    readonly name: string;
+    /**
+     * A list of all the pages and optional subpages to be shown in the menu
+     */
+    readonly pages: AoaPage[];
+    /**
+     * A list of all the settings to be shown in the menu
+     */
+    readonly settings: AoaSetting[];
+    /**
+     * Optional username to be displayed next to the settings menu
+     */
+    readonly username?: string;
 }
 /**
  * Constructs a navigation bar using pre-defined Rijks styling
- * @param props Props to pass to the navigation bar
+ *
+ * @param props - Props to pass to the navigation bar
  * @example
  * ```jsx
  * <AoaNavigationBar

package/dist/components/molecules/navigation-bar/NavigationBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/navigation-bar/NavigationBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAEpF,MAAM,WAAW,qBAAqB;IACpC,qEAAqE;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,yDAAyD;IACzD,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,eAAO,MAAM,gBAAgB,8CAAgB,qBAAqB,KAAG,SAAS,CAyF5E,CAAC"}
+{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/navigation-bar/NavigationBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAEpF,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,eAAO,MAAM,gBAAgB,8CAAgB,qBAAqB,KAAG,SAAS,CAyF5E,CAAC"}

package/dist/components/molecules/navigation-bar/NavigationBar.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import { AppBar as b, Toolbar as n, Box as d } from "@mui/material";
-import { m } from "../../../chunks/index.CtmQWjvP.js";
+import { m } from "../../../chunks/index.DJYQ_-zP.js";
 import { memo as g, useState as u, useEffect as s } from "react";
 import { FontNormalSxProps as w } from "../../../_constants.js";
 import { AoaMenuItem as l } from "../../atoms/_menu/menu-item/MenuItem.js";
@@ -71,7 +71,7 @@ const M = g((r) => {
               l,
               {
                 index: 0,
-                page: { label: r.name, to: r.homePath || "/" },
+                page: { label: r.name, to: r.homePath ?? "/" },
                 selectedPage: e,
                 setSelectedPage: a
               }

package/dist/components/molecules/navigation-bar/NavigationBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.js","sources":["../../../../src/components/molecules/navigation-bar/NavigationBar.tsx"],"sourcesContent":["import { AppBar, Box, Toolbar } from \"@mui/material\";\nimport merge from \"lodash.merge\";\nimport { memo, useEffect, useState, type ReactNode } from \"react\";\nimport { FontNormalSxProps } from \"../../../_constants\";\nimport { AoaMenuItem, type AoaPage } from \"../../atoms/_menu/menu-item/MenuItem\";\nimport { AoaUserMenu, type AoaSetting } from \"../../atoms/_menu/user-menu/UserMenu\";\n\nexport interface AoaNavigationBarProps {\n  /** The name of the application that will be used for the Home tab */\n  name: string;\n  /** A list of all the pages and optional subpages to be shown in the menu */\n  pages: AoaPage[];\n  /** A list of all the settings to be shown in the menu */\n  settings: AoaSetting[];\n  /** If your home page is not on the root url, use this prop to set the home path */\n  homePath?: string;\n  /** Optional username to be displayed next to the settings menu */\n  username?: string;\n}\n\n/**\n * Constructs a navigation bar using pre-defined Rijks styling\n * @param props Props to pass to the navigation bar\n * @example\n * ```jsx\n * <AoaNavigationBar\n *  name=\"Demo App\"\n *  pages={\n *    [\n *      {\n *        label: \"Products\",\n *        to: \"/products\",\n *        subItems: [\n *          {\n *            label: \"Books\",\n *            to: \"/books\",\n *            icon: <BookIcon />\n *          }\n *        ]\n *      }\n *    ]\n *  }\n * settings={[{ label: \"Logout\", onClick: () => console.log(\"Logout\") }]}\n * />\n * ```\n */\n\nexport const AoaNavigationBar = memo((props: AoaNavigationBarProps): ReactNode => {\n  const [selectedPage, setSelectedPage] = useState<number>(0);\n\n  useEffect(() => {\n    const sessionStorage = window.sessionStorage.getItem(\"activeMenuTab\");\n    if (sessionStorage) {\n      setSelectedPage(JSON.parse(sessionStorage));\n    }\n  }, []);\n\n  useEffect(() => {\n    window.sessionStorage.setItem(\"activeMenuTab\", selectedPage.toString());\n  }, [selectedPage]);\n\n  return (\n    <AppBar\n      position=\"static\"\n      sx={merge(\n        {\n          color: \"var(--color-text)\",\n          backgroundColor: \"var(--color-rijks-yellow)\",\n          height: \"70px\",\n          boxShadow: \"none\"\n        },\n        FontNormalSxProps\n      )}\n    >\n      <Toolbar\n        sx={{\n          height: \"100%\",\n          overflowX: \"scroll\",\n          scrollbarWidth: \"thin\",\n          scrollbarColor: \"#c5c5c5 #f6f6f6\",\n\n          \"::-webkit-scrollbar\": {\n            overflow: \"visible\",\n            borderRadius: \"4px\",\n            width: \"6px\",\n            height: \"6px\",\n            \"-webkit-border-radius\": \"4px\"\n          },\n\n          \"::-webkit-scrollbar:hover\": {\n            background: \"#c5c5c5;\"\n          },\n\n          \"::-webkit-scrollbar-corner\": {\n            background: \"rgba(0,0,0,0.5)\"\n          },\n\n          \"::-webkit-scrollbar-track\": {\n            opacity: 0,\n            transition: \"all 0.5s\",\n            \"-webkit-transition\": \"all .5s\"\n          },\n\n          \"::-webkit-scrollbar-thumb\": {\n            overflow: \"visible\",\n            backgroundColor: \"#c5c5c5;\",\n            borderRadius: \"4px\",\n            border: \"3px solid #f6f6f6\"\n          },\n\n          \"::-webkit-scrollbar-thumb:vertical\": {\n            background: \"rgba(100, 100, 100, .5)\",\n            \"-webkit-border-radius\": \"100px\"\n          },\n\n          \"::-webkit-scrollbar-thumb:vertical:active\": {\n            background: \"rgba(100, 100, 100, .61)\",\n            \"-webkit-border-radius\": \"100px\"\n          }\n        }}\n      >\n        <AoaMenuItem\n          index={0}\n          page={{ label: props.name, to: props.homePath || \"/\" }}\n          selectedPage={selectedPage}\n          setSelectedPage={setSelectedPage}\n        />\n        <Box sx={{ flexGrow: 1, display: \"flex\", height: \"100%\" }}>\n          {props.pages.map((page, index) => (\n            <AoaMenuItem key={index} index={index + 1} page={page} selectedPage={selectedPage} setSelectedPage={setSelectedPage} />\n          ))}\n        </Box>\n        <AoaUserMenu settings={props.settings} username={props.username} />\n      </Toolbar>\n    </AppBar>\n  );\n});\n"],"names":["AoaNavigationBar","memo","props","selectedPage","setSelectedPage","useState","useEffect","sessionStorage","jsx","AppBar","merge","FontNormalSxProps","jsxs","Toolbar","AoaMenuItem","Box","page","index","AoaUserMenu"],"mappings":";;;;;;;AA+Ca,MAAAA,IAAmBC,EAAK,CAACC,MAA4C;AAChF,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiB,CAAC;AAE1D,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiB,OAAO,eAAe,QAAQ,eAAe;AACpE,IAAIA,KACcH,EAAA,KAAK,MAAMG,CAAc,CAAC;AAAA,EAE9C,GAAG,CAAE,CAAA,GAELD,EAAU,MAAM;AACd,WAAO,eAAe,QAAQ,iBAAiBH,EAAa,UAAU;AAAA,EAAA,GACrE,CAACA,CAAY,CAAC,GAGf,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,IAAIC;AAAA,QACF;AAAA,UACE,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,WAAW;AAAA,QACb;AAAA,QACAC;AAAA,MACF;AAAA,MAEA,UAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,QAAQ;AAAA,YACR,WAAW;AAAA,YACX,gBAAgB;AAAA,YAChB,gBAAgB;AAAA,YAEhB,uBAAuB;AAAA,cACrB,UAAU;AAAA,cACV,cAAc;AAAA,cACd,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,yBAAyB;AAAA,YAC3B;AAAA,YAEA,6BAA6B;AAAA,cAC3B,YAAY;AAAA,YACd;AAAA,YAEA,8BAA8B;AAAA,cAC5B,YAAY;AAAA,YACd;AAAA,YAEA,6BAA6B;AAAA,cAC3B,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,sBAAsB;AAAA,YACxB;AAAA,YAEA,6BAA6B;AAAA,cAC3B,UAAU;AAAA,cACV,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,QAAQ;AAAA,YACV;AAAA,YAEA,sCAAsC;AAAA,cACpC,YAAY;AAAA,cACZ,yBAAyB;AAAA,YAC3B;AAAA,YAEA,6CAA6C;AAAA,cAC3C,YAAY;AAAA,cACZ,yBAAyB;AAAA,YAC3B;AAAA,UACF;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,gBACP,MAAM,EAAE,OAAOZ,EAAM,MAAM,IAAIA,EAAM,YAAY,IAAI;AAAA,gBACrD,cAAAC;AAAA,gBACA,iBAAAC;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAI,EAACO,GAAI,EAAA,IAAI,EAAE,UAAU,GAAG,SAAS,QAAQ,QAAQ,OAAO,GACrD,UAAMb,EAAA,MAAM,IAAI,CAACc,GAAMC,MACrB,gBAAAT,EAAAM,GAAA,EAAwB,OAAOG,IAAQ,GAAG,MAAAD,GAAY,cAAAb,GAA4B,iBAAAC,EAAA,GAAjEa,CAAmG,CACtH,EACH,CAAA;AAAA,8BACCC,GAAY,EAAA,UAAUhB,EAAM,UAAU,UAAUA,EAAM,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACnE;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"NavigationBar.js","sources":["../../../../src/components/molecules/navigation-bar/NavigationBar.tsx"],"sourcesContent":["import { AppBar, Box, Toolbar } from \"@mui/material\";\nimport merge from \"lodash.merge\";\nimport { memo, useEffect, useState, type ReactNode } from \"react\";\nimport { FontNormalSxProps } from \"../../../_constants\";\nimport { AoaMenuItem, type AoaPage } from \"../../atoms/_menu/menu-item/MenuItem\";\nimport { AoaUserMenu, type AoaSetting } from \"../../atoms/_menu/user-menu/UserMenu\";\n\nexport interface AoaNavigationBarProps {\n  /**\n   * If your home page is not on the root url, use this prop to set the home path\n   */\n  readonly homePath?: string;\n  /**\n   * The name of the application that will be used for the Home tab\n   */\n  readonly name: string;\n  /**\n   * A list of all the pages and optional subpages to be shown in the menu\n   */\n  readonly pages: AoaPage[];\n  /**\n   * A list of all the settings to be shown in the menu\n   */\n  readonly settings: AoaSetting[];\n  /**\n   * Optional username to be displayed next to the settings menu\n   */\n  readonly username?: string;\n}\n\n/**\n * Constructs a navigation bar using pre-defined Rijks styling\n *\n * @param props - Props to pass to the navigation bar\n * @example\n * ```jsx\n * <AoaNavigationBar\n *  name=\"Demo App\"\n *  pages={\n *    [\n *      {\n *        label: \"Products\",\n *        to: \"/products\",\n *        subItems: [\n *          {\n *            label: \"Books\",\n *            to: \"/books\",\n *            icon: <BookIcon />\n *          }\n *        ]\n *      }\n *    ]\n *  }\n * settings={[{ label: \"Logout\", onClick: () => console.log(\"Logout\") }]}\n * />\n * ```\n */\n\nexport const AoaNavigationBar = memo((props: AoaNavigationBarProps): ReactNode => {\n  const [selectedPage, setSelectedPage] = useState<number>(0);\n\n  useEffect(() => {\n    const sessionStorage = window.sessionStorage.getItem(\"activeMenuTab\");\n    if (sessionStorage) {\n      setSelectedPage(JSON.parse(sessionStorage));\n    }\n  }, []);\n\n  useEffect(() => {\n    window.sessionStorage.setItem(\"activeMenuTab\", selectedPage.toString());\n  }, [selectedPage]);\n\n  return (\n    <AppBar\n      position=\"static\"\n      sx={merge(\n        {\n          color: \"var(--color-text)\",\n          backgroundColor: \"var(--color-rijks-yellow)\",\n          height: \"70px\",\n          boxShadow: \"none\"\n        },\n        FontNormalSxProps\n      )}\n    >\n      <Toolbar\n        sx={{\n          height: \"100%\",\n          overflowX: \"scroll\",\n          scrollbarWidth: \"thin\",\n          scrollbarColor: \"#c5c5c5 #f6f6f6\",\n\n          \"::-webkit-scrollbar\": {\n            overflow: \"visible\",\n            borderRadius: \"4px\",\n            width: \"6px\",\n            height: \"6px\",\n            \"-webkit-border-radius\": \"4px\"\n          },\n\n          \"::-webkit-scrollbar:hover\": {\n            background: \"#c5c5c5;\"\n          },\n\n          \"::-webkit-scrollbar-corner\": {\n            background: \"rgba(0,0,0,0.5)\"\n          },\n\n          \"::-webkit-scrollbar-track\": {\n            opacity: 0,\n            transition: \"all 0.5s\",\n            \"-webkit-transition\": \"all .5s\"\n          },\n\n          \"::-webkit-scrollbar-thumb\": {\n            overflow: \"visible\",\n            backgroundColor: \"#c5c5c5;\",\n            borderRadius: \"4px\",\n            border: \"3px solid #f6f6f6\"\n          },\n\n          \"::-webkit-scrollbar-thumb:vertical\": {\n            background: \"rgba(100, 100, 100, .5)\",\n            \"-webkit-border-radius\": \"100px\"\n          },\n\n          \"::-webkit-scrollbar-thumb:vertical:active\": {\n            background: \"rgba(100, 100, 100, .61)\",\n            \"-webkit-border-radius\": \"100px\"\n          }\n        }}\n      >\n        <AoaMenuItem\n          index={0}\n          page={{ label: props.name, to: props.homePath ?? \"/\" }}\n          selectedPage={selectedPage}\n          setSelectedPage={setSelectedPage}\n        />\n        <Box sx={{ flexGrow: 1, display: \"flex\", height: \"100%\" }}>\n          {props.pages.map((page, index) => (\n            <AoaMenuItem index={index + 1} key={index} page={page} selectedPage={selectedPage} setSelectedPage={setSelectedPage} />\n          ))}\n        </Box>\n        <AoaUserMenu settings={props.settings} username={props.username} />\n      </Toolbar>\n    </AppBar>\n  );\n});\n"],"names":["AoaNavigationBar","memo","props","selectedPage","setSelectedPage","useState","useEffect","sessionStorage","jsx","AppBar","merge","FontNormalSxProps","jsxs","Toolbar","AoaMenuItem","Box","page","index","AoaUserMenu"],"mappings":";;;;;;;AA0Da,MAAAA,IAAmBC,EAAK,CAACC,MAA4C;AAChF,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiB,CAAC;AAE1D,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiB,OAAO,eAAe,QAAQ,eAAe;AACpE,IAAIA,KACcH,EAAA,KAAK,MAAMG,CAAc,CAAC;AAAA,EAE9C,GAAG,EAAE,GAELD,EAAU,MAAM;AACd,WAAO,eAAe,QAAQ,iBAAiBH,EAAa,UAAU;AAAA,EAAA,GACrE,CAACA,CAAY,CAAC,GAGf,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,IAAIC;AAAA,QACF;AAAA,UACE,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,WAAW;AAAA,QACb;AAAA,QACAC;AAAA,MACF;AAAA,MAEA,UAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,QAAQ;AAAA,YACR,WAAW;AAAA,YACX,gBAAgB;AAAA,YAChB,gBAAgB;AAAA,YAEhB,uBAAuB;AAAA,cACrB,UAAU;AAAA,cACV,cAAc;AAAA,cACd,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,yBAAyB;AAAA,YAC3B;AAAA,YAEA,6BAA6B;AAAA,cAC3B,YAAY;AAAA,YACd;AAAA,YAEA,8BAA8B;AAAA,cAC5B,YAAY;AAAA,YACd;AAAA,YAEA,6BAA6B;AAAA,cAC3B,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,sBAAsB;AAAA,YACxB;AAAA,YAEA,6BAA6B;AAAA,cAC3B,UAAU;AAAA,cACV,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,QAAQ;AAAA,YACV;AAAA,YAEA,sCAAsC;AAAA,cACpC,YAAY;AAAA,cACZ,yBAAyB;AAAA,YAC3B;AAAA,YAEA,6CAA6C;AAAA,cAC3C,YAAY;AAAA,cACZ,yBAAyB;AAAA,YAAA;AAAA,UAE7B;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,gBACP,MAAM,EAAE,OAAOZ,EAAM,MAAM,IAAIA,EAAM,YAAY,IAAI;AAAA,gBACrD,cAAAC;AAAA,gBACA,iBAAAC;AAAA,cAAA;AAAA,YACF;AAAA,YACA,gBAAAI,EAACO,GAAI,EAAA,IAAI,EAAE,UAAU,GAAG,SAAS,QAAQ,QAAQ,OAAO,GACrD,UAAMb,EAAA,MAAM,IAAI,CAACc,GAAMC,MACrB,gBAAAT,EAAAM,GAAA,EAAY,OAAOG,IAAQ,GAAe,MAAAD,GAAY,cAAAb,GAA4B,iBAAAC,EAAA,GAA/Ca,CAAiF,CACtH,EACH,CAAA;AAAA,8BACCC,GAAY,EAAA,UAAUhB,EAAM,UAAU,UAAUA,EAAM,SAAU,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACnE;AAAA,EACF;AAEJ,CAAC;"}

package/dist/components/molecules/upload-button/UploadButton.d.ts

@@ -1,27 +1,35 @@
 import { PropsWithChildren } from 'react';
 import { AoaButtonProps } from '../../atoms/button/Button';
-
-export interface AoaUploadButtonProps<TData> extends Omit<AoaButtonProps, "startIcon" | "disabled" | "type"> {
-    /** The type of the button. This _cannot_ be a `text` style button like the base {@link AoaButton} */
-    readonly type?: "primary" | "secondary";
-    /** Whether the upload process is running. This controls whether a spinner is shown and the button is disabled */
-    readonly isUploading: boolean;
+export interface AoaUploadButtonProps<TData> extends Omit<AoaButtonProps, "disabled" | "startIcon" | "type"> {
     /**
-     * The action to change {@link AoaUploadButtonProps.isUploading `isUploading`} to `true`
-     * @param newState The new state of the `isUploading` flag
+     * The files that should be checked, required if {@link AoaUploadButtonProps.noFilesAllowed} is `false`
      */
-    readonly setIsUploading: (newState: boolean) => void;
-    /** The files that should be checked, required if {@link AoaUploadButtonProps.noFilesAllowed} is `false` */
     readonly files?: TData[];
-    /** Whether the button should be disabled */
+    /**
+     * Whether the button should be disabled
+     */
     readonly isDisabled?: boolean;
     /**
      * Whether the button should never be disabled.
      * - If `true` the button never goes into a `disabled` state, regardless of other conditions
      * - If `false` the button will be disabled if there are no files provided
-     * (through {@link AoaUploadButtonProps.files `files`}), or the upload progress is running
+     * (through {@link AoaUploadButtonProps.files | `files`}), or the upload progress is running
      */
     readonly isNeverDisabled?: boolean;
+    /**
+     * Whether the upload process is running. This controls whether a spinner is shown and the button is disabled
+     */
+    readonly isUploading: boolean;
+    /**
+     * The action to change {@link AoaUploadButtonProps.isUploading | `isUploading`} to `true`
+     *
+     * @param newState - The new state of the `isUploading` flag
+     */
+    setIsUploading(this: void, newState: boolean): void;
+    /**
+     * The type of the button. This _cannot_ be a `text` style button like the base {@link AoaButton}
+     */
+    readonly type?: "primary" | "secondary";
 }
 export declare function AoaUploadButton<TData>({ isUploading, isDisabled, children, sx, isNeverDisabled, type, files, setIsUploading, onClick, ...props }: PropsWithChildren<AoaUploadButtonProps<TData>>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=UploadButton.d.ts.map

package/dist/components/molecules/upload-button/UploadButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadButton.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/upload-button/UploadButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3E,MAAM,WAAW,oBAAoB,CAAC,KAAK,CAAE,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1G,qGAAqG;IACrG,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACxC,iHAAiH;IACjH,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IAEH,QAAQ,CAAC,cAAc,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAErD,2GAA2G;IAC3G,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;IACzB,4CAA4C;IAC5C,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;OAKG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,EACrC,WAAW,EACX,UAAU,EACV,QAAQ,EACR,EAAE,EACF,eAAe,EACf,IAAI,EACJ,KAAK,EACL,cAAc,EACd,OAAO,EACP,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,2CAgBhD"}
+{"version":3,"file":"UploadButton.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/upload-button/UploadButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3E,MAAM,WAAW,oBAAoB,CAAC,KAAK,CAAE,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC;IAC1G;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;OAKG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAEpD;;OAEG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACzC;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,EACrC,WAAW,EACX,UAAU,EACV,QAAQ,EACR,EAAE,EACF,eAAe,EACf,IAAI,EACJ,KAAK,EACL,cAAc,EACd,OAAO,EACP,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,2CAgBhD"}

package/dist/components/molecules/upload-button/UploadButton.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { CircularProgress as g } from "@mui/material";
-import { m as l } from "../../../chunks/index.CtmQWjvP.js";
+import { m as l } from "../../../chunks/index.DJYQ_-zP.js";
 import { AoaButton as x } from "../../atoms/button/Button.js";
 function h({
   isUploading: t,
@@ -18,13 +18,13 @@ function h({
     x,
     {
       ...i,
+      disabled: s ? !1 : !!e || t || Object.keys(u ?? []).length < 1,
       onClick: (n) => {
         f(!0), r == null || r(n);
       },
-      type: p ?? "primary",
       startIcon: t ? /* @__PURE__ */ o(g, { size: 20 }) : null,
-      disabled: s ? !1 : !!e || t || Object.keys(u ?? []).length < 1,
       sx: l({ marginRight: 0 }, a),
+      type: p ?? "primary",
       children: m
     }
   );

package/dist/components/molecules/upload-button/UploadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadButton.js","sources":["../../../../src/components/molecules/upload-button/UploadButton.tsx"],"sourcesContent":["import { CircularProgress } from \"@mui/material\";\nimport merge from \"lodash.merge\";\nimport type { PropsWithChildren } from \"react\";\nimport { AoaButton, type AoaButtonProps } from \"../../atoms/button/Button\";\n\nexport interface AoaUploadButtonProps<TData> extends Omit<AoaButtonProps, \"startIcon\" | \"disabled\" | \"type\"> {\n  /** The type of the button. This _cannot_ be a `text` style button like the base {@link AoaButton} */\n  readonly type?: \"primary\" | \"secondary\";\n  /** Whether the upload process is running. This controls whether a spinner is shown and the button is disabled */\n  readonly isUploading: boolean;\n  /**\n   * The action to change {@link AoaUploadButtonProps.isUploading `isUploading`} to `true`\n   * @param newState The new state of the `isUploading` flag\n   */\n  // eslint-disable-next-line no-unused-vars\n  readonly setIsUploading: (newState: boolean) => void;\n\n  /** The files that should be checked, required if {@link AoaUploadButtonProps.noFilesAllowed} is `false` */\n  readonly files?: TData[];\n  /** Whether the button should be disabled */\n  readonly isDisabled?: boolean;\n  /**\n   * Whether the button should never be disabled.\n   * - If `true` the button never goes into a `disabled` state, regardless of other conditions\n   * - If `false` the button will be disabled if there are no files provided\n   * (through {@link AoaUploadButtonProps.files `files`}), or the upload progress is running\n   */\n  readonly isNeverDisabled?: boolean;\n}\n\nexport function AoaUploadButton<TData>({\n  isUploading,\n  isDisabled,\n  children,\n  sx,\n  isNeverDisabled,\n  type,\n  files,\n  setIsUploading,\n  onClick,\n  ...props\n}: PropsWithChildren<AoaUploadButtonProps<TData>>) {\n  return (\n    <AoaButton\n      {...props}\n      onClick={(event) => {\n        setIsUploading(true);\n        onClick?.(event);\n      }}\n      type={type ?? \"primary\"}\n      startIcon={isUploading ? <CircularProgress size={20} /> : null}\n      disabled={isNeverDisabled ? false : Boolean(isDisabled) || isUploading || Object.keys(files ?? []).length < 1}\n      sx={merge({ marginRight: 0 }, sx)}\n    >\n      {children}\n    </AoaButton>\n  );\n}\n"],"names":["AoaUploadButton","isUploading","isDisabled","children","sx","isNeverDisabled","type","files","setIsUploading","onClick","props","jsx","AoaButton","event","CircularProgress","merge"],"mappings":";;;;AA8BO,SAASA,EAAuB;AAAA,EACrC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAmD;AAE/C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,SAAS,CAACG,MAAU;AAClB,QAAAL,EAAe,EAAI,GACnBC,KAAA,QAAAA,EAAUI;AAAA,MACZ;AAAA,MACA,MAAMP,KAAQ;AAAA,MACd,WAAWL,IAAc,gBAAAU,EAACG,GAAiB,EAAA,MAAM,GAAI,CAAA,IAAK;AAAA,MAC1D,UAAUT,IAAkB,KAAQ,EAAQH,KAAeD,KAAe,OAAO,KAAKM,KAAS,EAAE,EAAE,SAAS;AAAA,MAC5G,IAAIQ,EAAM,EAAE,aAAa,EAAA,GAAKX,CAAE;AAAA,MAE/B,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"UploadButton.js","sources":["../../../../src/components/molecules/upload-button/UploadButton.tsx"],"sourcesContent":["import { CircularProgress } from \"@mui/material\";\nimport merge from \"lodash.merge\";\nimport type { PropsWithChildren } from \"react\";\nimport { AoaButton, type AoaButtonProps } from \"../../atoms/button/Button\";\n\nexport interface AoaUploadButtonProps<TData> extends Omit<AoaButtonProps, \"disabled\" | \"startIcon\" | \"type\"> {\n  /**\n   * The files that should be checked, required if {@link AoaUploadButtonProps.noFilesAllowed} is `false`\n   */\n  readonly files?: TData[];\n  /**\n   * Whether the button should be disabled\n   */\n  readonly isDisabled?: boolean;\n  /**\n   * Whether the button should never be disabled.\n   * - If `true` the button never goes into a `disabled` state, regardless of other conditions\n   * - If `false` the button will be disabled if there are no files provided\n   * (through {@link AoaUploadButtonProps.files | `files`}), or the upload progress is running\n   */\n  readonly isNeverDisabled?: boolean;\n\n  /**\n   * Whether the upload process is running. This controls whether a spinner is shown and the button is disabled\n   */\n  readonly isUploading: boolean;\n  /**\n   * The action to change {@link AoaUploadButtonProps.isUploading | `isUploading`} to `true`\n   *\n   * @param newState - The new state of the `isUploading` flag\n   */\n  setIsUploading(this: void, newState: boolean): void;\n\n  /**\n   * The type of the button. This _cannot_ be a `text` style button like the base {@link AoaButton}\n   */\n  readonly type?: \"primary\" | \"secondary\";\n}\n\nexport function AoaUploadButton<TData>({\n  isUploading,\n  isDisabled,\n  children,\n  sx,\n  isNeverDisabled,\n  type,\n  files,\n  setIsUploading,\n  onClick,\n  ...props\n}: PropsWithChildren<AoaUploadButtonProps<TData>>) {\n  return (\n    <AoaButton\n      {...props}\n      disabled={isNeverDisabled ? false : Boolean(isDisabled) || isUploading || Object.keys(files ?? []).length < 1}\n      onClick={(event) => {\n        setIsUploading(true);\n        onClick?.(event);\n      }}\n      startIcon={isUploading ? <CircularProgress size={20} /> : null}\n      sx={merge({ marginRight: 0 }, sx)}\n      type={type ?? \"primary\"}\n    >\n      {children}\n    </AoaButton>\n  );\n}\n"],"names":["AoaUploadButton","isUploading","isDisabled","children","sx","isNeverDisabled","type","files","setIsUploading","onClick","props","jsx","AoaButton","event","CircularProgress","merge"],"mappings":";;;;AAuCO,SAASA,EAAuB;AAAA,EACrC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAmD;AAE/C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,UAAUL,IAAkB,KAAQ,EAAQH,KAAeD,KAAe,OAAO,KAAKM,KAAS,EAAE,EAAE,SAAS;AAAA,MAC5G,SAAS,CAACM,MAAU;AAClB,QAAAL,EAAe,EAAI,GACnBC,KAAA,QAAAA,EAAUI;AAAA,MACZ;AAAA,MACA,WAAWZ,IAAc,gBAAAU,EAACG,GAAiB,EAAA,MAAM,GAAI,CAAA,IAAK;AAAA,MAC1D,IAAIC,EAAM,EAAE,aAAa,EAAA,GAAKX,CAAE;AAAA,MAChC,MAAME,KAAQ;AAAA,MAEb,UAAAH;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/organisms/content-page/ContentPage.d.ts

@@ -1,14 +1,16 @@
 import { PropsWithChildren } from 'react';
 import { AoaSectionHeaderProps } from '../../atoms/section-header/SectionHeader';
-
 export interface AoaContentPageProps {
-    sectionHeaderProps: AoaSectionHeaderProps;
-    /** Data-qa tag for E2E test purposes */
-    "data-qa"?: string;
+    /**
+     * Data-qa tag for E2E test purposes
+     */
+    readonly "data-qa"?: string;
+    readonly sectionHeaderProps: AoaSectionHeaderProps;
 }
 /**
  * Constructs a basic page with a section header using pre-defined Rijks styling
- * @param props Props to pass to the content page
+ *
+ * @param props - Props to pass to the content page
  * @example
  * ```jsx
  * <AoaContentPage sectionHeaderProps={{ title: "This is a title" }}>I am a child!</AoaContentPage>

package/dist/components/organisms/content-page/ContentPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentPage.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/content-page/ContentPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAExG,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,EAAE,qBAAqB,CAAC;IAC1C,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,mFAAqD,iBAAiB,CAAC,mBAAmB,CAAC,6CASpH,CAAC"}
+{"version":3,"file":"ContentPage.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/content-page/ContentPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAExG,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,kBAAkB,EAAE,qBAAqB,CAAC;CACpD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,mFAAqD,iBAAiB,CAAC,mBAAmB,CAAC,6CASpH,CAAC"}

package/dist/components/organisms/content-page/ContentPage.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as m } from "react/jsx-runtime";
 import { Container as e, Box as i } from "@mui/material";
 import { memo as n } from "react";
 import { AoaSectionHeader as p } from "../../atoms/section-header/SectionHeader.js";
-const l = n(({ children: r, sectionHeaderProps: a, ...t }) => /* @__PURE__ */ o(e, { maxWidth: "xl", children: /* @__PURE__ */ m(i, { marginTop: "calc(8 * 4px)", "data-qa": t["data-qa"], children: [
+const l = n(({ children: r, sectionHeaderProps: a, ...t }) => /* @__PURE__ */ o(e, { maxWidth: "xl", children: /* @__PURE__ */ m(i, { "data-qa": t["data-qa"], marginTop: "calc(8 * 4px)", children: [
   /* @__PURE__ */ o(p, { ...a }),
   r
 ] }) }));

package/dist/components/organisms/content-page/ContentPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentPage.js","sources":["../../../../src/components/organisms/content-page/ContentPage.tsx"],"sourcesContent":["import { Box, Container } from \"@mui/material\";\nimport { memo, type PropsWithChildren } from \"react\";\nimport { AoaSectionHeader, type AoaSectionHeaderProps } from \"../../atoms/section-header/SectionHeader\";\n\nexport interface AoaContentPageProps {\n  sectionHeaderProps: AoaSectionHeaderProps;\n  /** Data-qa tag for E2E test purposes */\n  \"data-qa\"?: string;\n}\n\n/**\n * Constructs a basic page with a section header using pre-defined Rijks styling\n * @param props Props to pass to the content page\n * @example\n * ```jsx\n * <AoaContentPage sectionHeaderProps={{ title: \"This is a title\" }}>I am a child!</AoaContentPage>\n * ```\n */\nexport const AoaContentPage = memo(({ children, sectionHeaderProps, ...props }: PropsWithChildren<AoaContentPageProps>) => {\n  return (\n    <Container maxWidth=\"xl\">\n      <Box marginTop={\"calc(8 * 4px)\"} data-qa={props[\"data-qa\"]}>\n        <AoaSectionHeader {...sectionHeaderProps} />\n        {children}\n      </Box>\n    </Container>\n  );\n});\n"],"names":["AoaContentPage","memo","children","sectionHeaderProps","props","jsx","Container","jsxs","Box","AoaSectionHeader"],"mappings":";;;;AAkBa,MAAAA,IAAiBC,EAAK,CAAC,EAAE,UAAAC,GAAU,oBAAAC,GAAoB,GAAGC,QAEnE,gBAAAC,EAACC,GAAU,EAAA,UAAS,MAClB,UAAA,gBAAAC,EAACC,GAAI,EAAA,WAAW,iBAAiB,WAASJ,EAAM,SAAS,GACvD,UAAA;AAAA,EAAC,gBAAAC,EAAAI,GAAA,EAAkB,GAAGN,GAAoB;AAAA,EACzCD;AAAA,EACH,CAAA,EACF,CAAA,CAEH;"}
+{"version":3,"file":"ContentPage.js","sources":["../../../../src/components/organisms/content-page/ContentPage.tsx"],"sourcesContent":["import { Box, Container } from \"@mui/material\";\nimport { memo, type PropsWithChildren } from \"react\";\nimport { AoaSectionHeader, type AoaSectionHeaderProps } from \"../../atoms/section-header/SectionHeader\";\n\nexport interface AoaContentPageProps {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly \"data-qa\"?: string;\n  readonly sectionHeaderProps: AoaSectionHeaderProps;\n}\n\n/**\n * Constructs a basic page with a section header using pre-defined Rijks styling\n *\n * @param props - Props to pass to the content page\n * @example\n * ```jsx\n * <AoaContentPage sectionHeaderProps={{ title: \"This is a title\" }}>I am a child!</AoaContentPage>\n * ```\n */\nexport const AoaContentPage = memo(({ children, sectionHeaderProps, ...props }: PropsWithChildren<AoaContentPageProps>) => {\n  return (\n    <Container maxWidth=\"xl\">\n      <Box data-qa={props[\"data-qa\"]} marginTop=\"calc(8 * 4px)\">\n        <AoaSectionHeader {...sectionHeaderProps} />\n        {children}\n      </Box>\n    </Container>\n  );\n});\n"],"names":["AoaContentPage","memo","children","sectionHeaderProps","props","jsx","Container","jsxs","Box","AoaSectionHeader"],"mappings":";;;;AAqBa,MAAAA,IAAiBC,EAAK,CAAC,EAAE,UAAAC,GAAU,oBAAAC,GAAoB,GAAGC,QAEnE,gBAAAC,EAACC,GAAU,EAAA,UAAS,MAClB,UAAA,gBAAAC,EAACC,GAAI,EAAA,WAASJ,EAAM,SAAS,GAAG,WAAU,iBACxC,UAAA;AAAA,EAAC,gBAAAC,EAAAI,GAAA,EAAkB,GAAGN,GAAoB;AAAA,EACzCD;AAAA,EAAA,CACH,EACF,CAAA,CAEH;"}

package/dist/css/styles.css

@@ -45,8 +45,8 @@
   /* TYPOGRAPHY */
 
   /* Font families */
-  --font-text: "RijksoverheidSansText", verdana, arial, sans-serif;
-  --font-heading: "RijksoverheidSansHeading", verdana, arial, sans-serif;
+  --font-text: 'RijksoverheidSansText', verdana, arial, sans-serif;
+  --font-heading: 'RijksoverheidSansHeading', verdana, arial, sans-serif;
 
   /* Font size & line height */
   --font-size-text: 1.125rem;
@@ -61,28 +61,28 @@
   font-family: RijksoverheidSansHeading;
   font-style: normal;
   font-weight: normal;
-  src: url("/assets/font/heading/regular/rijksoverheidsansheading-regular_2_0-webfont.woff") format("woff");
+  src: url('/assets/font/heading/regular/rijksoverheidsansheading-regular_2_0-webfont.woff') format('woff');
 }
 
 @font-face {
   font-family: RijksoverheidSansText;
   font-style: italic;
   font-weight: normal;
-  src: url("/assets/font/text/italic/rijksoverheidsanswebtext-italic-webfont.woff") format("woff");
+  src: url('/assets/font/text/italic/rijksoverheidsanswebtext-italic-webfont.woff') format('woff');
 }
 
 @font-face {
   font-family: RijksoverheidSansText;
   font-style: normal;
   font-weight: normal;
-  src: url("/assets/font/text/regular/rijksoverheidsanswebtext-regular-webfont.woff") format("woff");
+  src: url('/assets/font/text/regular/rijksoverheidsanswebtext-regular-webfont.woff') format('woff');
 }
 
 @font-face {
   font-family: RijksoverheidSansText;
   font-style: normal;
   font-weight: bold;
-  src: url("/assets/font/text/bold/rijksoverheidsanswebtext-bold-webfont.woff") format("woff");
+  src: url('/assets/font/text/bold/rijksoverheidsanswebtext-bold-webfont.woff') format('woff');
 }
 
 html,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rws-aoa/react-library",
-  "version": "3.6.3",
+  "version": "3.6.5",
   "description": "RWS AOA Design System",
   "author": "@rws-aoa",
   "license": "Apache-2.0",
@@ -13,7 +13,7 @@
     "build-storybook": "storybook build",
     "test": "test-storybook --coverage",
     "lint": "run-p \"lint:**\"",
-    "lint:js": "eslint src --fix --ext ts,tsx",
+    "lint:js": "eslint src --fix",
     "lint:css": "stylelint --fix \"./src/assets/css/styles.css\"",
     "build": "tsc -p ./tsconfig.dev.json && vite build && yarn update-export-mapping",
     "prepack": "yarn build",
@@ -22,25 +22,25 @@
     "check-update": "cliff-jumper --dry-run"
   },
   "dependencies": {
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@mui/icons-material": "^5.16.7",
-    "@mui/material": "^5.16.7",
-    "@tanstack/react-router": "^1.51.2",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/icons-material": "^5.16.12",
+    "@mui/material": "^5.16.12",
+    "@tanstack/react-router": "^1.97.8",
     "clsx": "^2.1.1",
     "lodash.merge": "^4.6.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.4",
-    "@babel/preset-react": "^7.24.7",
-    "@babel/preset-typescript": "^7.24.7",
-    "@favware/cliff-jumper": "^4.1.0",
-    "@mui/system": "^5.16.7",
-    "@mui/x-data-grid": "^7.14.0",
-    "@mui/x-data-grid-generator": "^7.14.0",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@favware/cliff-jumper": "^6.0.0",
+    "@mui/system": "^5.16.12",
+    "@mui/x-data-grid": "^7.23.2",
+    "@mui/x-data-grid-generator": "^7.23.2",
     "@storybook/addon-coverage": "^1.0.4",
     "@storybook/addon-essentials": "^7.6.20",
     "@storybook/addon-interactions": "^7.6.20",
@@ -58,27 +58,26 @@
     "@storybook/theming": "^7.6.20",
     "@tanstack/react-form": "*",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "^18.3.4",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.1",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.3.4",
     "babel-plugin-direct-import": "^1.0.0",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "glob": "^11.0.0",
-    "npm-run-all2": "^6.2.2",
-    "playwright": "^1.46.1",
-    "prettier": "^3.3.3",
+    "eslint": "^9.18.0",
+    "glob": "^11.0.1",
+    "npm-run-all2": "^7.0.2",
+    "playwright": "^1.49.1",
+    "prettier": "^3.4.2",
     "prop-types": "^15.8.1",
-    "react-dropzone": "^14.2.3",
-    "react-toastify": "^10.0.5",
+    "react-dropzone": "^14.3.5",
+    "react-toastify": "^11.0.3",
     "storybook": "^7.6.20",
-    "stylelint": "^16.9.0",
-    "tslib": "^2.7.0",
-    "typescript": "^5.5.4",
-    "vite": "^5.4.2",
-    "vite-plugin-checker": "^0.7.2",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1"
+    "stylelint": "^16.13.2",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.3",
+    "vite": "^6.0.11",
+    "vite-plugin-checker": "^0.8.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-lib-inject-css": "^2.2.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.x",
@@ -91,7 +90,7 @@
     "react": "^18.x",
     "react-dom": "^18.x",
     "react-dropzone": "^14.x",
-    "react-toastify": "^10.x"
+    "react-toastify": "^11.x"
   },
   "peerDependenciesMeta": {
     "@mui/x-data-grid": {