@rws-aoa/react-library 6.0.1 → 7.0.0

package/dist/components/molecules/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/molecules/modal/Modal.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  type DialogContentProps,\n  type DialogProps,\n  type DialogTitleProps\n} from '@mui/material';\nimport { merge } from 'lodash';\nimport { memo, type ReactNode } from 'react';\nimport { AoaModalCloseButton, type AoaModalCloseButtonProps } from '../modal-close-button/ModalCloseButton';\n\nexport interface AoaModalQAs {\n  /**\n   * Data-qa tag applied to the content\n   */\n  content?: string;\n  /**\n   * Data-qa tag applied to the main modal\n   */\n  modal?: string;\n  /**\n   * Data-qa tag applied to the title\n   */\n  title?: string;\n}\n\nexport interface AoaModalProps {\n  /**\n   * Any other props passed to the {@link DialogContent}\n   */\n  readonly DialogContentProps?: DialogContentProps;\n  /**\n   * Any other props passed to the {@link Dialog}\n   */\n  readonly DialogProps?: Omit<DialogProps, 'open'>;\n  /**\n   * Any other props passed to the {@link DialogTitle}\n   */\n  readonly DialogTitleProps?: DialogTitleProps;\n  /**\n   * Optional for adding dialog actions below the content\n   */\n  readonly dialogActions?: ReactNode;\n  /**\n   * The content to show in the modal\n   */\n  readonly dialogContent: ReactNode;\n  /**\n   * Object of data-qa tags to pass to the modal\n   */\n  readonly modalQas?: AoaModalQAs;\n  /**\n   * Whether the modal should be opened or not\n   */\n  readonly open: boolean;\n  /**\n   * Title for the modal\n   */\n  readonly topic: string;\n}\n\n/**\n * Constructs a modal using pre-defined Rijkswaterstaat styling\n *\n * @param props - Props to pass to the modal - {@link ModalProps}\n * @example\n * ```jsx\n * <AoaModal\n *   topic='topic'\n *   modalQas={{\n *     modal: 'modal',\n *     content: 'content',\n *     title: 'title',\n *   }}\n *   dialogContent={<div>SAMPLE</div>}\n *   open={true}\n * />\n * ```\n */\nexport const AoaModal = memo(\n  ({\n    DialogProps,\n    DialogTitleProps,\n    DialogContentProps,\n    modalQas,\n    open,\n    topic,\n    dialogContent,\n    dialogActions,\n    closeAction\n  }: AoaModalCloseButtonProps & AoaModalProps) => {\n    return (\n      <Dialog\n        {...DialogProps}\n        data-qa={modalQas?.modal ?? 'modal'}\n        open={Boolean(open)}\n        sx={merge(\n          {\n            '> div > div': {\n              borderRadius: 0,\n              minWidth: '45vw'\n            }\n          },\n          DialogProps?.sx\n        )}\n      >\n        <DialogTitle\n          {...DialogTitleProps}\n          data-qa={modalQas?.title ?? 'modal-title'}\n          sx={merge(\n            {\n              padding: '3rem 3rem 1rem',\n              color: 'var(--color-rijks-logoblue)',\n              fontSize: '1.1rem',\n              fontWeight: 'bolder'\n            },\n            DialogTitleProps?.sx\n          )}\n        >\n          {topic}\n        </DialogTitle>\n        <AoaModalCloseButton closeAction={closeAction} />\n        <DialogContent\n          {...DialogContentProps}\n          data-qa={modalQas?.content ?? 'modal-content'}\n          sx={merge(\n            {\n              padding: '0 3rem 2rem'\n            },\n            DialogContentProps?.sx\n          )}\n        >\n          {dialogContent}\n        </DialogContent>\n        {dialogActions}\n      </Dialog>\n    );\n  }\n);\n"],"names":["AoaModal","memo","DialogProps","DialogTitleProps","DialogContentProps","modalQas","open","topic","dialogContent","dialogActions","closeAction","jsxs","Dialog","merge","jsx","DialogTitle","AoaModalCloseButton","DialogContent"],"mappings":";;;;;AAgFO,MAAMA,IAAWC;AAAA,EACtB,CAAC;AAAA,IACC,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,MAGE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAASG,GAAU,SAAS;AAAA,MAC5B,MAAM,EAAQC;AAAA,MACd,IAAIO,EAAAA;AAAAA,QACF;AAAA,UACE,eAAe;AAAA,YACb,cAAc;AAAA,YACd,UAAU;AAAA,UAAA;AAAA,QACZ;AAAA,QAEFX,GAAa;AAAA,MAAA;AAAA,MAGf,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGZ;AAAA,YACJ,WAASE,GAAU,SAAS;AAAA,YAC5B,IAAIQ,EAAAA;AAAAA,cACF;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,UAAU;AAAA,gBACV,YAAY;AAAA,cAAA;AAAA,cAEdV,GAAkB;AAAA,YAAA;AAAA,YAGnB,UAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAO,EAACE,KAAoB,aAAAN,GAA0B;AAAA,QAC/C,gBAAAI;AAAA,UAACG;AAAA,UAAA;AAAA,YACE,GAAGb;AAAA,YACJ,WAASC,GAAU,WAAW;AAAA,YAC9B,IAAIQ,EAAAA;AAAAA,cACF;AAAA,gBACE,SAAS;AAAA,cAAA;AAAA,cAEXT,GAAoB;AAAA,YAAA;AAAA,YAGrB,UAAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIT;"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/molecules/modal/Modal.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  type DialogContentProps,\n  type DialogProps,\n  type DialogTitleProps\n} from '@mui/material';\nimport { merge } from 'lodash';\nimport type { ReactNode } from 'react';\nimport { AoaModalCloseButton, type AoaModalCloseButtonProps } from '../modal-close-button/ModalCloseButton';\n\nexport interface AoaModalQAs {\n  /**\n   * Data-qa tag applied to the content\n   */\n  content?: string;\n  /**\n   * Data-qa tag applied to the main modal\n   */\n  modal?: string;\n  /**\n   * Data-qa tag applied to the title\n   */\n  title?: string;\n}\n\nexport interface AoaModalProps {\n  /**\n   * Any other props passed to the {@link DialogContent}\n   */\n  readonly DialogContentProps?: DialogContentProps;\n  /**\n   * Any other props passed to the {@link Dialog}\n   */\n  readonly DialogProps?: Omit<DialogProps, 'open'>;\n  /**\n   * Any other props passed to the {@link DialogTitle}\n   */\n  readonly DialogTitleProps?: DialogTitleProps;\n  /**\n   * Optional for adding dialog actions below the content\n   */\n  readonly dialogActions?: ReactNode;\n  /**\n   * The content to show in the modal\n   */\n  readonly dialogContent: ReactNode;\n  /**\n   * Object of data-qa tags to pass to the modal\n   */\n  readonly modalQas?: AoaModalQAs;\n  /**\n   * Whether the modal should be opened or not\n   */\n  readonly open: boolean;\n  /**\n   * Title for the modal\n   */\n  readonly topic: string;\n}\n\n/**\n * Constructs a modal using pre-defined Rijkswaterstaat styling\n *\n * @param props - Props to pass to the modal - {@link ModalProps}\n * @example\n * ```jsx\n * <AoaModal\n *   topic='topic'\n *   modalQas={{\n *     modal: 'modal',\n *     content: 'content',\n *     title: 'title',\n *   }}\n *   dialogContent={<div>SAMPLE</div>}\n *   open={true}\n * />\n * ```\n */\nexport function AoaModal({\n  DialogProps,\n  DialogTitleProps,\n  DialogContentProps,\n  modalQas,\n  open,\n  topic,\n  dialogContent,\n  dialogActions,\n  closeAction\n}: AoaModalCloseButtonProps & AoaModalProps) {\n  return (\n    <Dialog\n      {...DialogProps}\n      data-qa={modalQas?.modal ?? 'modal'}\n      open={Boolean(open)}\n      sx={merge(\n        {\n          '> div > div': {\n            borderRadius: 0,\n            minWidth: '45vw'\n          }\n        },\n        DialogProps?.sx\n      )}\n    >\n      <DialogTitle\n        {...DialogTitleProps}\n        data-qa={modalQas?.title ?? 'modal-title'}\n        sx={merge(\n          {\n            padding: '3rem 3rem 1rem',\n            color: 'var(--color-rijks-logoblue)',\n            fontSize: '1.1rem',\n            fontWeight: 'bolder'\n          },\n          DialogTitleProps?.sx\n        )}\n      >\n        {topic}\n      </DialogTitle>\n      <AoaModalCloseButton closeAction={closeAction} />\n      <DialogContent\n        {...DialogContentProps}\n        data-qa={modalQas?.content ?? 'modal-content'}\n        sx={merge(\n          {\n            padding: '0 3rem 2rem'\n          },\n          DialogContentProps?.sx\n        )}\n      >\n        {dialogContent}\n      </DialogContent>\n      {dialogActions}\n    </Dialog>\n  );\n}\n"],"names":["AoaModal","t0","$","_c","DialogProps","DialogTitleProps","DialogContentProps","modalQas","open","topic","dialogContent","dialogActions","closeAction","t1","modal","t2","Boolean","t3","sx","merge","borderRadius","minWidth","t4","title","t5","padding","color","fontSize","fontWeight","t6","jsx","DialogTitle","t7","AoaModalCloseButton","t8","content","t9","t10","DialogContent","t11","Dialog"],"mappings":";;;;;AAgFO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAkB;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,oBAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAX,GAcVY,IAAAN,GAAQO,SAAW,SACtBC,IAAAC,EAAQR;AAAK,MAAAS;AAAA,EAAAf,EAAA,CAAA,MAAAE,GAAAc,MACfD,IAAAE,EAAAA,MAAA;AAAA,IAAA,eAAA;AAAA,MAAAC,cAAA;AAAA,MAAAC,UAIY;AAAA,IAAA;AAAA,EAAM,GAGpBjB,GAAWc,EACb,GAAChB,EAAA,CAAA,IAAAE,GAAAc,IAAAhB,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAIU,QAAAoB,IAAAf,GAAQgB,SAAW;AAAa,MAAAC;AAAA,EAAAtB,EAAA,CAAA,MAAAG,GAAAa,MACrCM,IAAAL,EAAAA,MAAA;AAAA,IAAAM,SAES;AAAA,IAAgBC,OAClB;AAAA,IAA6BC,UAC1B;AAAA,IAAQC,YACN;AAAA,EAAA,GAEdvB,GAAgBa,EAClB,GAAChB,EAAA,CAAA,IAAAG,GAAAa,IAAAhB,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,MAAA2B;AAAA,EAAA3B,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAoB,KAAApB,EAAA,CAAA,MAAAsB,KAAAtB,SAAAO,KAXHoB,IAAA,gBAAAC,EAACC,KAAW,GACN1B,GACK,WAAAiB,GACL,IAAAE,GAUHf,UAAAA,EAAAA,CACH,GAAcP,OAAAG,GAAAH,OAAAoB,GAAApB,OAAAsB,GAAAtB,OAAAO,GAAAP,OAAA2B,KAAAA,IAAA3B,EAAA,CAAA;AAAA,MAAA8B;AAAA,EAAA9B,SAAAU,KACdoB,sBAACC,KAAiCrB,aAAAA,EAAAA,CAAW,GAAIV,OAAAU,GAAAV,QAAA8B,KAAAA,IAAA9B,EAAA,EAAA;AAGtC,QAAAgC,IAAA3B,GAAQ4B,WAAa;AAAe,MAAAC;AAAA,EAAAlC,EAAA,EAAA,MAAAI,GAAAY,MACzCkB,IAAAjB,EAAAA,MAAA;AAAA,IAAAM,SAES;AAAA,EAAA,GAEXnB,GAAkBY,EACpB,GAAChB,EAAA,EAAA,IAAAI,GAAAY,IAAAhB,QAAAkC,KAAAA,IAAAlC,EAAA,EAAA;AAAA,MAAAmC;AAAA,EAAAnC,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAgC,KAAAhC,UAAAkC,KARHC,IAAA,gBAAAP,EAACQ,KAAa,GACRhC,GACK,WAAA4B,GACL,IAAAE,GAOH1B,UAAAA,EAAAA,CACH,GAAgBR,QAAAI,GAAAJ,QAAAQ,GAAAR,QAAAgC,GAAAhC,QAAAkC,GAAAlC,QAAAmC,KAAAA,IAAAnC,EAAA,EAAA;AAAA,MAAAqC;AAAA,SAAArC,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAS,KAAAT,EAAA,EAAA,MAAAW,KAAAX,EAAA,EAAA,MAAAmC,KAAAnC,EAAA,EAAA,MAAAa,KAAAb,EAAA,EAAA,MAAAe,KAAAf,EAAA,EAAA,MAAA2B,KAAA3B,UAAA8B,KAzClBO,sBAACC,KAAM,GACDpC,GACK,WAAAS,GACH,MAAAE,GACF,IAAAE,GAUJY,UAAAA;AAAAA,IAAAA;AAAAA,IAeAG;AAAAA,IACAK;AAAAA,IAYC1B;AAAAA,EAAAA,GACH,GAAST,QAAAE,GAAAF,QAAAS,GAAAT,QAAAW,GAAAX,QAAAmC,GAAAnC,QAAAa,GAAAb,QAAAe,GAAAf,QAAA2B,GAAA3B,QAAA8B,GAAA9B,QAAAqC,KAAAA,IAAArC,EAAA,EAAA,GA3CTqC;AA2CS;"}

package/dist/components/molecules/modal-close-button/ModalCloseButton.d.ts

@@ -4,5 +4,5 @@ export interface AoaModalCloseButtonProps {
      */
     closeAction(this: void): void;
 }
-export declare const AoaModalCloseButton: import('react').MemoExoticComponent<({ closeAction }: AoaModalCloseButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare function AoaModalCloseButton({ closeAction }: AoaModalCloseButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ModalCloseButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/modal-close-button/ModalCloseButton.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,mBAAmB,wDAA0B,wBAAwB,6CAYhF,CAAC"}
+{"version":3,"file":"ModalCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/modal-close-button/ModalCloseButton.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;CAC/B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,WAAW,EAAE,EAAE,wBAAwB,2CAc5E"}

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

@@ -1,22 +1,23 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Close as i } from "@mui/icons-material";
-import { memo as r } from "react";
-import { AoaIconButton as l } from "../../atoms/icon-button/IconButton.js";
-const a = r(({ closeAction: t }) => /* @__PURE__ */ o(
-  l,
-  {
-    icon: /* @__PURE__ */ o(i, {}),
-    inline: !0,
-    label: "Modaal sluiten",
-    onClick: t,
-    sx: {
-      position: "absolute",
-      right: 8,
-      top: 8
-    }
-  }
-));
+import { jsx as n } from "react/jsx-runtime";
+import { c } from "../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { Close as s } from "@mui/icons-material";
+import { AoaIconButton as m } from "../../atoms/icon-button/IconButton.js";
+function b(r) {
+  const o = c.c(4), {
+    closeAction: i
+  } = r;
+  let t;
+  o[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ n(s, {}), o[0] = t) : t = o[0];
+  let e;
+  o[1] === Symbol.for("react.memo_cache_sentinel") ? (e = {
+    position: "absolute",
+    right: 8,
+    top: 8
+  }, o[1] = e) : e = o[1];
+  let l;
+  return o[2] !== i ? (l = /* @__PURE__ */ n(m, { icon: t, inline: !0, label: "Modaal sluiten", onClick: i, sx: e }), o[2] = i, o[3] = l) : l = o[3], l;
+}
 export {
-  a as AoaModalCloseButton
+  b as AoaModalCloseButton
 };
 //# sourceMappingURL=ModalCloseButton.js.map

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  /**\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,QACzC,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,wBAAOC,GAAA,EAAU;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;"}
+{"version":3,"file":"ModalCloseButton.js","sources":["../../../../src/components/molecules/modal-close-button/ModalCloseButton.tsx"],"sourcesContent":["import { Close as CloseIcon } from '@mui/icons-material';\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 function AoaModalCloseButton({ closeAction }: AoaModalCloseButtonProps) {\n  return (\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}\n"],"names":["AoaModalCloseButton","t0","$","_c","closeAction","t1","Symbol","for","CloseIcon","t2","position","right","top","t3","jsx","AoaIconButton"],"mappings":";;;;AAUO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAA6B;AAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAH;AAAyC,MAAAI;AAAA,EAAAH,EAAA,CAAA,MAAAI,OAAAC,IAAA,2BAAA,KAGjEF,sBAACG,GAAA,EAAS,GAAGN,OAAAG,KAAAA,IAAAH,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,EAAA,CAAA,MAAAI,OAAAC,IAAA,2BAAA,KAIfE,IAAA;AAAA,IAAAC,UACQ;AAAA,IAAUC,OAAA;AAAA,IAAAC,KAAA;AAAA,EAAA,GAGrBV,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAW;AAAA,SAAAX,SAAAE,KATHS,IAAA,gBAAAC,EAACC,GAAA,EACO,MAAAV,GACN,QAAA,IACM,OAAA,kBACGD,SAAAA,GACL,IAAAK,EAAAA,CAIH,GACDP,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAVFW;AAUE;"}

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

@@ -1,4 +1,3 @@
-import { ReactNode } from 'react';
 import { AoaPage } from '../../atoms/_menu/menu-item/MenuItem';
 import { AoaSetting } from '../../atoms/_menu/user-menu/UserMenu';
 export interface AoaNavigationBarProps {
@@ -50,5 +49,5 @@ export interface AoaNavigationBarProps {
  * />
  * ```
  */
-export declare const AoaNavigationBar: import('react').MemoExoticComponent<(props: AoaNavigationBarProps) => ReactNode>;
+export declare function AoaNavigationBar(props: AoaNavigationBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NavigationBar.d.ts.map

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;;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,CAiG5E,CAAC"}
+{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/navigation-bar/NavigationBar.tsx"],"names":[],"mappings":"AAIA,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,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAiG5D"}

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

@@ -1,101 +1,100 @@
-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 { l as m } from "../../../chunks/lodash.CA_K01A9.js";
-import { memo as g, useState as u, useEffect as s } from "react";
-import { FontNormalSxProps as x } from "../../../_constants.js";
-import { AoaMenuItem as l } from "../../atoms/_menu/menu-item/MenuItem.js";
-import { AoaUserMenu as h } from "../../atoms/_menu/user-menu/UserMenu.js";
-const R = g((r) => {
-  const [e, a] = u(0);
-  return s(() => {
-    const t = window.sessionStorage.getItem("activeMenuTab");
-    t && a(JSON.parse(t));
-  }, []), s(() => {
-    window.sessionStorage.setItem("activeMenuTab", e.toString());
-  }, [e]), /* @__PURE__ */ o(
-    b,
-    {
-      position: "static",
-      sx: m.merge(
-        {
-          color: "var(--color-text)",
-          backgroundColor: "var(--color-rijks-yellow)",
-          height: "70px",
-          boxShadow: "none"
-        },
-        x
-      ),
-      children: /* @__PURE__ */ c(
-        n,
-        {
-          role: "menu",
-          sx: {
-            height: "100%",
-            overflowX: "scroll",
-            scrollbarWidth: "thin",
-            scrollbarColor: "#c5c5c5 #f6f6f6",
-            "::-webkit-scrollbar": {
-              overflow: "visible",
-              borderRadius: "4px",
-              width: "6px",
-              height: "6px",
-              WebkitBorderRadius: "4px"
-            },
-            "::-webkit-scrollbar:hover": {
-              background: "#c5c5c5;"
-            },
-            "::-webkit-scrollbar-corner": {
-              background: "rgba(0,0,0,0.5)"
-            },
-            "::-webkit-scrollbar-track": {
-              opacity: 0,
-              transition: "all 0.5s",
-              WebkitTransition: "all .5s"
-            },
-            "::-webkit-scrollbar-thumb": {
-              overflow: "visible",
-              backgroundColor: "#c5c5c5;",
-              borderRadius: "4px",
-              border: "3px solid #f6f6f6"
-            },
-            "::-webkit-scrollbar-thumb:vertical": {
-              background: "rgba(100, 100, 100, .5)",
-              WebkitBorderRadius: "100px"
-            },
-            "::-webkit-scrollbar-thumb:vertical:active": {
-              background: "rgba(100, 100, 100, .61)",
-              WebkitBorderRadius: "100px"
-            }
-          },
-          tabIndex: 0,
-          children: [
-            /* @__PURE__ */ o(
-              l,
-              {
-                index: 0,
-                page: { label: r.name, to: r.homePath ?? "/" },
-                selectedPage: e,
-                setSelectedPage: a
-              }
-            ),
-            /* @__PURE__ */ o(d, { sx: { flexGrow: 1, display: "flex", height: "100%" }, children: r.pages.map((t, i) => /* @__PURE__ */ o(
-              l,
-              {
-                index: i + 1,
-                page: t,
-                selectedPage: e,
-                setSelectedPage: a
-              },
-              i
-            )) }),
-            /* @__PURE__ */ o(h, { settings: r.settings, username: r.username })
-          ]
-        }
-      )
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { c as B } from "../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { Box as R, AppBar as W, Toolbar as A } from "@mui/material";
+import { l as I } from "../../../chunks/lodash.CA_K01A9.js";
+import { useState as M, useEffect as S } from "react";
+import { FontNormalSxProps as P } from "../../../_constants.js";
+import { AoaMenuItem as p } from "../../atoms/_menu/menu-item/MenuItem.js";
+import { AoaUserMenu as T } from "../../atoms/_menu/user-menu/UserMenu.js";
+function U(t) {
+  const e = B.c(28), [o, k] = M(0);
+  let m, b;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (m = () => {
+    const r = window.sessionStorage.getItem("activeMenuTab");
+    r && k(JSON.parse(r));
+  }, b = [], e[0] = m, e[1] = b) : (m = e[0], b = e[1]), S(m, b);
+  let f, d;
+  e[2] !== o ? (f = () => {
+    window.sessionStorage.setItem("activeMenuTab", o.toString());
+  }, d = [o], e[2] = o, e[3] = f, e[4] = d) : (f = e[3], d = e[4]), S(f, d);
+  let g;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (g = I.merge({
+    color: "var(--color-text)",
+    backgroundColor: "var(--color-rijks-yellow)",
+    height: "70px",
+    boxShadow: "none"
+  }, P), e[5] = g) : g = e[5];
+  let u;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+    height: "100%",
+    overflowX: "scroll",
+    scrollbarWidth: "thin",
+    scrollbarColor: "#c5c5c5 #f6f6f6",
+    "::-webkit-scrollbar": {
+      overflow: "visible",
+      borderRadius: "4px",
+      width: "6px",
+      height: "6px",
+      WebkitBorderRadius: "4px"
+    },
+    "::-webkit-scrollbar:hover": {
+      background: "#c5c5c5;"
+    },
+    "::-webkit-scrollbar-corner": {
+      background: "rgba(0,0,0,0.5)"
+    },
+    "::-webkit-scrollbar-track": {
+      opacity: 0,
+      transition: "all 0.5s",
+      WebkitTransition: "all .5s"
+    },
+    "::-webkit-scrollbar-thumb": {
+      overflow: "visible",
+      backgroundColor: "#c5c5c5;",
+      borderRadius: "4px",
+      border: "3px solid #f6f6f6"
+    },
+    "::-webkit-scrollbar-thumb:vertical": {
+      background: "rgba(100, 100, 100, .5)",
+      WebkitBorderRadius: "100px"
+    },
+    "::-webkit-scrollbar-thumb:vertical:active": {
+      background: "rgba(100, 100, 100, .61)",
+      WebkitBorderRadius: "100px"
     }
-  );
-});
+  }, e[6] = u) : u = e[6];
+  const w = t.homePath ?? "/";
+  let l;
+  e[7] !== t.name || e[8] !== w ? (l = {
+    label: t.name,
+    to: w
+  }, e[7] = t.name, e[8] = w, e[9] = l) : l = e[9];
+  let i;
+  e[10] !== o || e[11] !== l ? (i = /* @__PURE__ */ n(p, { index: 0, page: l, selectedPage: o, setSelectedPage: k }), e[10] = o, e[11] = l, e[12] = i) : i = e[12];
+  let h;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    flexGrow: 1,
+    display: "flex",
+    height: "100%"
+  }, e[13] = h) : h = e[13];
+  let a;
+  if (e[14] !== t.pages || e[15] !== o) {
+    let r;
+    e[17] !== o ? (r = (_, v) => /* @__PURE__ */ n(p, { index: v + 1, page: _, selectedPage: o, setSelectedPage: k }, v), e[17] = o, e[18] = r) : r = e[18], a = t.pages.map(r), e[14] = t.pages, e[15] = o, e[16] = a;
+  } else
+    a = e[16];
+  let s;
+  e[19] !== a ? (s = /* @__PURE__ */ n(R, { sx: h, children: a }), e[19] = a, e[20] = s) : s = e[20];
+  let c;
+  e[21] !== t.settings || e[22] !== t.username ? (c = /* @__PURE__ */ n(T, { settings: t.settings, username: t.username }), e[21] = t.settings, e[22] = t.username, e[23] = c) : c = e[23];
+  let x;
+  return e[24] !== s || e[25] !== c || e[26] !== i ? (x = /* @__PURE__ */ n(W, { position: "static", sx: g, children: /* @__PURE__ */ y(A, { role: "menu", sx: u, tabIndex: 0, children: [
+    i,
+    s,
+    c
+  ] }) }), e[24] = s, e[25] = c, e[26] = i, e[27] = x) : x = e[27], x;
+}
 export {
-  R as AoaNavigationBar
+  U as AoaNavigationBar
 };
 //# sourceMappingURL=NavigationBar.js.map

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';\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        role='menu'\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            WebkitBorderRadius: '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            WebkitTransition: '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            WebkitBorderRadius: '100px'\n          },\n\n          '::-webkit-scrollbar-thumb:vertical:active': {\n            background: 'rgba(100, 100, 100, .61)',\n            WebkitBorderRadius: '100px'\n          }\n        }}\n        tabIndex={0}\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\n              index={index + 1}\n              key={index}\n              page={page}\n              selectedPage={selectedPage}\n              setSelectedPage={setSelectedPage}\n            />\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":";;;;;;;AA0DO,MAAMA,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,KACFH,EAAgB,KAAK,MAAMG,CAAc,CAAC;AAAA,EAC5C,GACC,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,EAAAA;AAAAA,QACF;AAAA,UACE,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,WAAW;AAAA,QAAA;AAAA,QAEbC;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,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,oBAAoB;AAAA,YAAA;AAAA,YAGtB,6BAA6B;AAAA,cAC3B,YAAY;AAAA,YAAA;AAAA,YAGd,8BAA8B;AAAA,cAC5B,YAAY;AAAA,YAAA;AAAA,YAGd,6BAA6B;AAAA,cAC3B,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,kBAAkB;AAAA,YAAA;AAAA,YAGpB,6BAA6B;AAAA,cAC3B,UAAU;AAAA,cACV,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,QAAQ;AAAA,YAAA;AAAA,YAGV,sCAAsC;AAAA,cACpC,YAAY;AAAA,cACZ,oBAAoB;AAAA,YAAA;AAAA,YAGtB,6CAA6C;AAAA,cAC3C,YAAY;AAAA,cACZ,oBAAoB;AAAA,YAAA;AAAA,UACtB;AAAA,UAEF,UAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,OAAO;AAAA,gBACP,MAAM,EAAE,OAAOZ,EAAM,MAAM,IAAIA,EAAM,YAAY,IAAA;AAAA,gBACjD,cAAAC;AAAA,gBACA,iBAAAC;AAAA,cAAA;AAAA,YAAA;AAAA,8BAEDW,GAAA,EAAI,IAAI,EAAE,UAAU,GAAG,SAAS,QAAQ,QAAQ,OAAA,GAC9C,UAAAb,EAAM,MAAM,IAAI,CAACc,GAAMC,MACtB,gBAAAT;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,OAAOG,IAAQ;AAAA,gBAEf,MAAAD;AAAA,gBACA,cAAAb;AAAA,gBACA,iBAAAC;AAAA,cAAA;AAAA,cAHKa;AAAA,YAAA,CAKR,GACH;AAAA,8BACCC,GAAA,EAAY,UAAUhB,EAAM,UAAU,UAAUA,EAAM,SAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACnE;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';\nimport { useEffect, useState } 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 function AoaNavigationBar(props: AoaNavigationBarProps) {\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        role='menu'\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            WebkitBorderRadius: '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            WebkitTransition: '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            WebkitBorderRadius: '100px'\n          },\n\n          '::-webkit-scrollbar-thumb:vertical:active': {\n            background: 'rgba(100, 100, 100, .61)',\n            WebkitBorderRadius: '100px'\n          }\n        }}\n        tabIndex={0}\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\n              index={index + 1}\n              key={index}\n              page={page}\n              selectedPage={selectedPage}\n              setSelectedPage={setSelectedPage}\n            />\n          ))}\n        </Box>\n        <AoaUserMenu settings={props.settings} username={props.username} />\n      </Toolbar>\n    </AppBar>\n  );\n}\n"],"names":["AoaNavigationBar","props","$","_c","selectedPage","setSelectedPage","useState","t0","t1","Symbol","for","sessionStorage","window","getItem","JSON","parse","useEffect","t2","t3","setItem","toString","t4","merge","color","backgroundColor","height","boxShadow","FontNormalSxProps","t5","overflowX","scrollbarWidth","scrollbarColor","overflow","borderRadius","width","WebkitBorderRadius","background","opacity","transition","WebkitTransition","border","t6","homePath","t7","name","label","to","t8","AoaMenuItem","t9","flexGrow","display","t10","pages","t11","page","index","jsx","map","Box","t12","settings","username","AoaUserMenu","t13","AppBar","jsxs","Toolbar"],"mappings":"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"}

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

@@ -1,37 +1,40 @@
-import { jsx as r } from "react/jsx-runtime";
-import { CircularProgress as g } from "@mui/material";
-import { l as f } from "../../../chunks/lodash.CA_K01A9.js";
-import { AoaButton as u } from "../../atoms/button/Button.js";
-function y({
-  isUploading: o,
-  isDisabled: t,
-  children: a,
-  sx: i,
-  isNeverDisabled: e,
-  type: l,
-  files: n,
-  setIsUploading: s,
-  onClick: m,
-  ...p
-}) {
-  return /* @__PURE__ */ r(
-    u,
-    {
-      ...p,
-      disabled: e ? !1 : !!t || o || Object.keys(n ?? []).length < 1,
-      loading: o,
-      loadingIndicator: /* @__PURE__ */ r(g, { "aria-label": "Uploading...", size: 20 }),
-      loadingPosition: "start",
-      onClick: (d) => {
-        s(!0), m?.(d);
-      },
-      sx: f.merge({ marginRight: 0 }, i),
-      type: l ?? "primary",
-      children: a
-    }
-  );
+import { jsx as h } from "react/jsx-runtime";
+import { c as U } from "../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { CircularProgress as k } from "@mui/material";
+import { l as B } from "../../../chunks/lodash.CA_K01A9.js";
+import { AoaButton as C } from "../../atoms/button/Button.js";
+function P(b) {
+  const e = U.c(30);
+  let l, o, i, s, t, r, a, n, m, d;
+  e[0] !== b ? ({
+    isUploading: t,
+    isDisabled: i,
+    children: l,
+    sx: m,
+    isNeverDisabled: s,
+    type: d,
+    files: o,
+    setIsUploading: n,
+    onClick: r,
+    ...a
+  } = b, e[0] = b, e[1] = l, e[2] = o, e[3] = i, e[4] = s, e[5] = t, e[6] = r, e[7] = a, e[8] = n, e[9] = m, e[10] = d) : (l = e[1], o = e[2], i = e[3], s = e[4], t = e[5], r = e[6], a = e[7], n = e[8], m = e[9], d = e[10]);
+  let p;
+  e[11] !== o || e[12] !== i || e[13] !== s || e[14] !== t ? (p = s ? !1 : !!i || t || Object.keys(o ?? []).length < 1, e[11] = o, e[12] = i, e[13] = s, e[14] = t, e[15] = p) : p = e[15];
+  let g;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ h(k, { "aria-label": "Uploading...", size: 20 }), e[16] = g) : g = e[16];
+  let c;
+  e[17] !== r || e[18] !== n ? (c = (y) => {
+    n(!0), r?.(y);
+  }, e[17] = r, e[18] = n, e[19] = c) : c = e[19];
+  let f;
+  e[20] !== m ? (f = B.merge({
+    marginRight: 0
+  }, m), e[20] = m, e[21] = f) : f = e[21];
+  const x = d ?? "primary";
+  let u;
+  return e[22] !== l || e[23] !== t || e[24] !== a || e[25] !== p || e[26] !== c || e[27] !== f || e[28] !== x ? (u = /* @__PURE__ */ h(C, { ...a, disabled: p, loading: t, loadingIndicator: g, loadingPosition: "start", onClick: c, sx: f, type: x, children: l }), e[22] = l, e[23] = t, e[24] = a, e[25] = p, e[26] = c, e[27] = f, e[28] = x, e[29] = u) : u = e[29], u;
 }
 export {
-  y as AoaUploadButton
+  P as AoaUploadButton
 };
 //# sourceMappingURL=UploadButton.js.map

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';\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      loading={isUploading}\n      loadingIndicator={<CircularProgress aria-label='Uploading...' size={20} />}\n      loadingPosition='start'\n      onClick={(event) => {\n        setIsUploading(true);\n        onClick?.(event);\n      }}\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","CircularProgress","event","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;AACjD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,UAAUL,IAAkB,KAAQ,EAAQH,KAAeD,KAAe,OAAO,KAAKM,KAAS,EAAE,EAAE,SAAS;AAAA,MAC5G,SAASN;AAAA,MACT,kBAAkB,gBAAAU,EAACE,GAAA,EAAiB,cAAW,gBAAe,MAAM,IAAI;AAAA,MACxE,iBAAgB;AAAA,MAChB,SAAS,CAACC,MAAU;AAClB,QAAAN,EAAe,EAAI,GACnBC,IAAUK,CAAK;AAAA,MAAA;AAAA,MAEjB,IAAIC,EAAAA,MAAM,EAAE,aAAa,EAAA,GAAKX,CAAE;AAAA,MAChC,MAAME,KAAQ;AAAA,MAEb,UAAAH;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';\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      loading={isUploading}\n      loadingIndicator={<CircularProgress aria-label='Uploading...' size={20} />}\n      loadingPosition='start'\n      onClick={(event) => {\n        setIsUploading(true);\n        onClick?.(event);\n      }}\n      sx={merge({ marginRight: 0 }, sx)}\n      type={type ?? 'primary'}\n    >\n      {children}\n    </AoaButton>\n  );\n}\n"],"names":["AoaUploadButton","t0","$","_c","children","files","isDisabled","isNeverDisabled","isUploading","onClick","props","setIsUploading","sx","type","t1","Boolean","Object","keys","length","t2","Symbol","for","jsx","CircularProgress","t3","event","t4","merge","marginRight","t5","t6","AoaButton"],"mappings":";;;;;AAuCO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAX,SAAAD,KAAgC;AAAA,IAAAO,aAAAA;AAAAA,IAAAF,YAAAA;AAAAA,IAAAF,UAAAA;AAAAA,IAAAQ,IAAAA;AAAAA,IAAAL,iBAAAA;AAAAA,IAAAM,MAAAA;AAAAA,IAAAR,OAAAA;AAAAA,IAAAM,gBAAAA;AAAAA,IAAAF,SAAAA;AAAAA,IAAA,GAAAC;AAAAA,EAAAA,IAAAT,GAWUC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAS,GAAAT,OAAAU,GAAAV,QAAAW,MAAAT,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,GAAAU,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,EAAA;AAAA,MAAAY;AAAA,EAAAZ,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAK,KAAAL,UAAAM,KAIjCM,IAAAP,IAAe,KAAWQ,EAAQT,KAAeE,KAAeQ,OAAAC,KAAYZ,OAAW,EAACa,SAAA,GAAWhB,QAAAG,GAAAH,QAAAI,GAAAJ,QAAAK,GAAAL,QAAAM,GAAAN,QAAAY,KAAAA,IAAAZ,EAAA,EAAA;AAAA,MAAAiB;AAAA,EAAAjB,EAAA,EAAA,MAAAkB,OAAAC,IAAA,2BAAA,KAE3FF,IAAA,gBAAAG,EAACC,GAAA,EAA4B,cAAA,gBAAqB,MAAA,IAAE,GAAIrB,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA;AAAA,MAAAsB;AAAA,EAAAtB,EAAA,EAAA,MAAAO,KAAAP,UAAAS,KAEjEa,IAAAC,CAAAA,MAAA;AACPd,IAAAA,IAAmB,GACnBF,IAAUgB,CAAK;AAAA,EAAA,GAChBvB,QAAAO,GAAAP,QAAAS,GAAAT,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA;AAAA,MAAAwB;AAAA,EAAAxB,UAAAU,KACGc,IAAAC,EAAAA,MAAA;AAAA,IAAAC,aAAA;AAAA,EAAA,GAA0BhB,CAAE,GAACV,QAAAU,GAAAV,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA;AAC3B,QAAA2B,IAAAhB,KAAQ;AAAS,MAAAiB;AAAA,SAAA5B,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAM,KAAAN,EAAA,EAAA,MAAAQ,KAAAR,UAAAY,KAAAZ,EAAA,EAAA,MAAAsB,KAAAtB,EAAA,EAAA,MAAAwB,KAAAxB,EAAA,EAAA,MAAA2B,KAXzBC,sBAACC,GAAA,EAAS,GACJrB,GACM,UAAAI,GACDN,SAAAA,GACS,kBAAAW,GACF,iBAAA,SACP,SAAAK,GAIL,IAAAE,GACE,MAAAG,GAELzB,UAAAA,GACH,GAAYF,QAAAE,GAAAF,QAAAM,GAAAN,QAAAQ,GAAAR,QAAAY,GAAAZ,QAAAsB,GAAAtB,QAAAwB,GAAAxB,QAAA2B,GAAA3B,QAAA4B,KAAAA,IAAA5B,EAAA,EAAA,GAdZ4B;AAcY;"}

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

@@ -16,5 +16,5 @@ export interface AoaContentPageProps {
  * <AoaContentPage sectionHeaderProps={{ title: "This is a title" }}>I am a child!</AoaContentPage>
  * ```
  */
-export declare const AoaContentPage: import('react').MemoExoticComponent<({ children, sectionHeaderProps, ...props }: PropsWithChildren<AoaContentPageProps>) => import("react/jsx-runtime").JSX.Element>;
+export declare function AoaContentPage({ children, sectionHeaderProps, ...props }: PropsWithChildren<AoaContentPageProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ContentPage.d.ts.map

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;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,kBAAkB,EAAE,qBAAqB,CAAC;CACpD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,mFACoB,iBAAiB,CAAC,mBAAmB,CAAC,6CAUpF,CAAC"}
+{"version":3,"file":"ContentPage.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/content-page/ContentPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,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,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,2CAShH"}

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

@@ -1,14 +1,25 @@
-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, { "data-qa": t["data-qa"], marginTop: "calc(8 * 4px)", children: [
-    /* @__PURE__ */ o(p, { ...a }),
-    r
-  ] }) })
-);
+import { jsx as c, jsxs as s } from "react/jsx-runtime";
+import { c as m } from "../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { Container as p, Box as d } from "@mui/material";
+import { AoaSectionHeader as f } from "../../atoms/section-header/SectionHeader.js";
+function j(n) {
+  const e = m.c(10);
+  let t, i, o;
+  e[0] !== n ? ({
+    children: t,
+    sectionHeaderProps: o,
+    ...i
+  } = n, e[0] = n, e[1] = t, e[2] = i, e[3] = o) : (t = e[1], i = e[2], o = e[3]);
+  const l = i["data-qa"];
+  let r;
+  e[4] !== o ? (r = /* @__PURE__ */ c(f, { ...o }), e[4] = o, e[5] = r) : r = e[5];
+  let a;
+  return e[6] !== t || e[7] !== l || e[8] !== r ? (a = /* @__PURE__ */ c(p, { maxWidth: "xl", children: /* @__PURE__ */ s(d, { "data-qa": l, marginTop: "calc(8 * 4px)", children: [
+    r,
+    t
+  ] }) }), e[6] = t, e[7] = l, e[8] = r, e[9] = a) : a = e[9], a;
+}
 export {
-  l as AoaContentPage
+  j as AoaContentPage
 };
 //# sourceMappingURL=ContentPage.js.map

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  /**\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(\n  ({ 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);\n"],"names":["AoaContentPage","memo","children","sectionHeaderProps","props","jsx","Container","jsxs","Box","AoaSectionHeader"],"mappings":";;;;AAqBO,MAAMA,IAAiBC;AAAA,EAC5B,CAAC,EAAE,UAAAC,GAAU,oBAAAC,GAAoB,GAAGC,QAEhC,gBAAAC,EAACC,GAAA,EAAU,UAAS,MAClB,UAAA,gBAAAC,EAACC,GAAA,EAAI,WAASJ,EAAM,SAAS,GAAG,WAAU,iBACxC,UAAA;AAAA,IAAA,gBAAAC,EAACI,GAAA,EAAkB,GAAGN,GAAoB;AAAA,IACzCD;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAGN;"}
+{"version":3,"file":"ContentPage.js","sources":["../../../../src/components/organisms/content-page/ContentPage.tsx"],"sourcesContent":["import { Box, Container } from '@mui/material';\nimport 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 function AoaContentPage({ 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","t0","$","_c","children","props","sectionHeaderProps","t1","t2","jsx","AoaSectionHeader","t3","Container","Box"],"mappings":";;;;AAqBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC;AAAA,EAAAJ,SAAAD,KAAwB;AAAA,IAAAG,UAAAA;AAAAA,IAAAE,oBAAAA;AAAAA,IAAA,GAAAD;AAAAA,EAAAA,IAAAJ,GAAkFC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,MAAAF,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA;AAG7F,QAAAK,IAAAF,EAAM,SAAS;AAAC,MAAAG;AAAA,EAAAN,SAAAI,KAC5BE,IAAA,gBAAAC,EAACC,GAAA,EAAgB,GAAKJ,EAAAA,CAAkB,GAAIJ,OAAAI,GAAAJ,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAA,MAAAS;AAAA,SAAAT,EAAA,CAAA,MAAAE,KAAAF,SAAAK,KAAAL,EAAA,CAAA,MAAAM,KAFhDG,IAAA,gBAAAF,EAACG,KAAmB,UAAA,MAClB,4BAACC,GAAA,EAAa,WAAAN,GAA4B,WAAA,iBACxCC,UAAAA;AAAAA,IAAAA;AAAAA,IACCJ;AAAAA,EAAAA,EAAAA,CACH,EAAA,CACF,GAAYF,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,GAAAN,OAAAS,KAAAA,IAAAT,EAAA,CAAA,GALZS;AAKY;"}

package/dist/contexts/TanstackFormContext.js

@@ -1,5 +1,5 @@
 import "@tanstack/react-form";
-import { c as t, d as s, u as r, e as m, f as F, w as x } from "../chunks/FieldError.B8t3zEhf.js";
+import { c as t, d as s, u as r, e as m, f as F, w as x } from "../chunks/FieldError.CCQnjdMd.js";
 export {
   t as aoaFieldContext,
   s as aoaFormContext,

package/dist/index.js

@@ -11,7 +11,7 @@ import { AoaSwitchButton as b } from "./components/atoms/selection-buttons/switc
 import { AoaTable as T } from "./components/atoms/table/Table.js";
 import { AoaTooltip as w } from "./components/atoms/tooltip/Tooltip.js";
 import { AoaZeroWidthSpace as N } from "./components/atoms/zero-width-space/ZeroWidthSpace.js";
-import { A as E, a as I, b as P, c as k, d as v, u as z, e as D, f as H, w as L } from "./chunks/FieldError.B8t3zEhf.js";
+import { A as E, a as I, b as P, c as k, d as v, u as z, e as D, f as H, w as L } from "./chunks/FieldError.CCQnjdMd.js";
 import { AoaFileDropzone as U } from "./components/molecules/file-dropzone/FileDropzone.js";
 import { AoaFileTable as Z } from "./components/molecules/file-table/FileTable.js";
 import { AoaModalCloseButton as q } from "./components/molecules/modal-close-button/ModalCloseButton.js";