@rws-aoa/react-library 6.0.1 → 7.0.0

package/dist/_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"_constants.js","sources":["../src/_constants.ts"],"sourcesContent":["import type { SxProps } from '@mui/material';\n\nexport const FontNormalSxProps = {\n  fontFamily: 'var(--font-text)',\n  fontSize: 'var(--font-size-text)',\n  lineHeight: 'var(--font-lineheight-text)',\n  fontStyle: 'normal',\n  fontWeight: 'normal'\n} satisfies SxProps;\n\nexport function isExtensionAllowed(regExp: RegExp, fileName: string) {\n  return regExp.test(fileName);\n}\n"],"names":["FontNormalSxProps","isExtensionAllowed","regExp","fileName"],"mappings":"AAEO,MAAMA,IAAoB;AAAA,EAC/B,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AACd;AAEO,SAASC,EAAmBC,GAAgBC,GAAkB;AACnE,SAAOD,EAAO,KAAKC,CAAQ;AAC7B;"}
+{"version":3,"file":"_constants.js","sources":["../src/_constants.ts"],"sourcesContent":["import type { SxProps } from '@mui/material';\n\nexport const FontNormalSxProps = {\n  fontFamily: 'var(--font-text)',\n  fontSize: 'var(--font-size-text)',\n  lineHeight: 'var(--font-lineheight-text)',\n  fontStyle: 'normal',\n  fontWeight: 'normal'\n} satisfies SxProps;\n\nexport function isExtensionAllowed(regExp: RegExp, fileName: string) {\n  return regExp.test(fileName);\n}\n"],"names":["FontNormalSxProps","fontFamily","fontSize","lineHeight","fontStyle","fontWeight","isExtensionAllowed","regExp","fileName","test"],"mappings":"AAEO,MAAMA,IAAoB;AAAA,EAC/BC,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,YAAY;AAAA,EACZC,WAAW;AAAA,EACXC,YAAY;AACd;AAEO,SAASC,EAAmBC,GAAgBC,GAAkB;AACnE,SAAOD,EAAOE,KAAKD,CAAQ;AAC7B;"}

package/dist/chunks/FieldError.CCQnjdMd.js

@@ -0,0 +1,161 @@
+import { jsx as n, jsxs as N } from "react/jsx-runtime";
+import { c as R } from "./compiler-runtime.hDcrsMwn.js";
+import { createFormHookContexts as K, createFormHook as O } from "@tanstack/react-form";
+import { AoaNotification as P } from "../components/atoms/notification/Notification.js";
+import { DialogTitle as U, DialogContent as V, Dialog as X, DialogActions as Y } from "@mui/material";
+import { l as Z } from "./lodash.CA_K01A9.js";
+import { AoaButton as W } from "../components/atoms/button/Button.js";
+import { AoaModalCloseButton as tt } from "../components/molecules/modal-close-button/ModalCloseButton.js";
+function et(l) {
+  const t = R.c(5), {
+    "data-qa": s
+  } = l, r = I();
+  let a;
+  t[0] !== s ? (a = (i) => {
+    if (i.length) {
+      const e = i.at(0);
+      if (typeof e == "string")
+        return /* @__PURE__ */ n(P, { "data-qa": s ?? "form-error", message: e, severity: "error" });
+      if (e && typeof e == "object") {
+        const m = ["error", "info", "success", "warning"].includes(e.level) ? e.level : "error";
+        return /* @__PURE__ */ n(P, { "data-qa": s ?? "form-error", message: e.message, severity: m });
+      }
+    }
+    return null;
+  }, t[0] = s, t[1] = a) : a = t[1];
+  let o;
+  return t[2] !== r.Subscribe || t[3] !== a ? (o = /* @__PURE__ */ n(r.Subscribe, { selector: ot, children: a }), t[2] = r.Subscribe, t[3] = a, t[4] = o) : o = t[4], o;
+}
+function ot(l) {
+  return l.errors;
+}
+function rt(l) {
+  const t = R.c(51), {
+    formModalQas: s,
+    formLabels: r,
+    formName: a,
+    DialogProps: o,
+    DialogTitleProps: i,
+    DialogContentProps: e,
+    AoaSubmitButtonProps: m,
+    modalQas: f,
+    open: J,
+    topic: T,
+    dialogContent: j,
+    closeAction: d
+  } = l;
+  let p;
+  t[0] !== m ? (p = m === void 0 ? {} : m, t[0] = m, t[1] = p) : p = t[1];
+  let u, b;
+  t[2] !== p ? ({
+    disableWithFormState: b,
+    ...u
+  } = p, t[2] = p, t[3] = u, t[4] = b) : (u = t[3], b = t[4]);
+  const c = I();
+  let v;
+  t[5] !== u || t[6] !== b || t[7] !== c.Subscribe || t[8] !== r.submit || t[9] !== s?.submitButton ? (v = b ? /* @__PURE__ */ n(c.Subscribe, { selector: st, children: (w) => {
+    const [z, G] = w;
+    return /* @__PURE__ */ n(W, { ...u, "aria-disabled": z || !G, buttonType: "submit", "data-qa": s?.submitButton ?? "submit-form", disabled: z || !G, type: "primary", children: r.submit });
+  } }) : /* @__PURE__ */ n(W, { ...u, buttonType: "submit", "data-qa": s?.submitButton ?? "submit-form", type: "primary", children: r.submit }), t[5] = u, t[6] = b, t[7] = c.Subscribe, t[8] = r.submit, t[9] = s?.submitButton, t[10] = v) : v = t[10];
+  const E = v, Q = f?.modal ?? "modal", _ = !!J, $ = f?.title ?? "modal-title";
+  let B;
+  t[11] === Symbol.for("react.memo_cache_sentinel") ? (B = {
+    m: 0,
+    p: 2
+  }, t[11] = B) : B = t[11];
+  let g;
+  t[12] !== i || t[13] !== $ || t[14] !== T ? (g = /* @__PURE__ */ n(U, { ...i, "data-qa": $, maxWidth: "sm", sx: B, children: T }), t[12] = i, t[13] = $, t[14] = T, t[15] = g) : g = t[15];
+  let x;
+  t[16] !== d ? (x = /* @__PURE__ */ n(tt, { closeAction: d }), t[16] = d, t[17] = x) : x = t[17];
+  const k = s?.form ?? "form";
+  let h;
+  t[18] !== c ? (h = async (w) => {
+    w.preventDefault(), w.stopPropagation(), await c.handleSubmit();
+  }, t[18] = c, t[19] = h) : h = t[19];
+  const L = f?.content ?? "modal-content";
+  let y;
+  t[20] !== e?.sx ? (y = Z.merge({
+    padding: "0 3rem 2rem"
+  }, e?.sx), t[20] = e?.sx, t[21] = y) : y = t[21];
+  let A;
+  t[22] !== e || t[23] !== j || t[24] !== L || t[25] !== y ? (A = /* @__PURE__ */ n(V, { ...e, "data-qa": L, sx: y, children: j }), t[22] = e, t[23] = j, t[24] = L, t[25] = y, t[26] = A) : A = t[26];
+  const M = s?.dialogActions ?? "dialog-actions", H = s?.cancelButton ?? "cancel-form";
+  let C;
+  t[27] !== d || t[28] !== c ? (C = () => {
+    c.reset(), d();
+  }, t[27] = d, t[28] = c, t[29] = C) : C = t[29];
+  let S;
+  t[30] !== r.cancel || t[31] !== H || t[32] !== C ? (S = /* @__PURE__ */ n(W, { "data-qa": H, onClick: C, type: "secondary", children: r.cancel }), t[30] = r.cancel, t[31] = H, t[32] = C, t[33] = S) : S = t[33];
+  let F;
+  t[34] !== E || t[35] !== M || t[36] !== S ? (F = /* @__PURE__ */ N(Y, { "data-qa": M, children: [
+    S,
+    E
+  ] }), t[34] = E, t[35] = M, t[36] = S, t[37] = F) : F = t[37];
+  let q;
+  t[38] !== a || t[39] !== k || t[40] !== h || t[41] !== A || t[42] !== F ? (q = /* @__PURE__ */ N("form", { "data-qa": k, name: a, onSubmit: h, children: [
+    A,
+    F
+  ] }), t[38] = a, t[39] = k, t[40] = h, t[41] = A, t[42] = F, t[43] = q) : q = t[43];
+  let D;
+  return t[44] !== o || t[45] !== q || t[46] !== Q || t[47] !== _ || t[48] !== g || t[49] !== x ? (D = /* @__PURE__ */ N(X, { ...o, "data-qa": Q, open: _, children: [
+    g,
+    x,
+    q
+  ] }), t[44] = o, t[45] = q, t[46] = Q, t[47] = _, t[48] = g, t[49] = x, t[50] = D) : D = t[50], D;
+}
+function st(l) {
+  return [l.isSubmitting, l.canSubmit];
+}
+const {
+  fieldContext: at,
+  formContext: it,
+  useFieldContext: nt,
+  useFormContext: I
+} = K(), {
+  useAppForm: xt,
+  withForm: ht
+} = O({
+  fieldContext: at,
+  formContext: it,
+  fieldComponents: {
+    AoaFieldError: lt
+  },
+  formComponents: {
+    AoaFormModal: rt,
+    AoaFormError: et
+  }
+});
+function lt(l) {
+  const t = R.c(11), {
+    "data-qa": s
+  } = l, r = nt();
+  if (r.state.meta.isTouched && r.state.meta.errors.length) {
+    let a;
+    t[0] !== r.state.meta.errors ? (a = r.state.meta.errors.at(0), t[0] = r.state.meta.errors, t[1] = a) : a = t[1];
+    const o = a;
+    if (typeof o == "string") {
+      const i = s ?? "field-error";
+      let e;
+      return t[2] !== o || t[3] !== i ? (e = /* @__PURE__ */ n(P, { "data-qa": i, message: o, severity: "error" }), t[2] = o, t[3] = i, t[4] = e) : e = t[4], e;
+    } else if (o && typeof o == "object") {
+      let i;
+      t[5] !== o.level ? (i = ["error", "info", "success", "warning"].includes(o.level) ? o.level : "error", t[5] = o.level, t[6] = i) : i = t[6];
+      const e = i, m = s ?? "field-error";
+      let f;
+      return t[7] !== o.message || t[8] !== e || t[9] !== m ? (f = /* @__PURE__ */ n(P, { "data-qa": m, message: o.message, severity: e }), t[7] = o.message, t[8] = e, t[9] = m, t[10] = f) : f = t[10], f;
+    }
+  }
+  return null;
+}
+export {
+  lt as A,
+  et as a,
+  rt as b,
+  at as c,
+  it as d,
+  nt as e,
+  I as f,
+  xt as u,
+  ht as w
+};
+//# sourceMappingURL=FieldError.CCQnjdMd.js.map

package/dist/chunks/{FieldError.B8t3zEhf.js.map → FieldError.CCQnjdMd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FieldError.B8t3zEhf.js","sources":["../../src/components/molecules/form-error/FormError.tsx","../../src/components/molecules/form-modal/FormModal.tsx","../../src/contexts/TanstackFormContext.ts","../../src/components/molecules/field-error/FieldError.tsx"],"sourcesContent":["import { useAoaFormContext } from '../../../contexts/TanstackFormContext';\nimport { AoaNotification, type Severity } from '../../atoms/notification/Notification';\n\nexport interface AoaFormErrorProps {\n  readonly 'data-qa'?: string;\n}\n\n/**\n * Constructs a custom error message for a form **using pre-defined Rijks styling**\n *\n * This component is intended for internal use only and should always be used through `<form.AoaFormError />`\n *\n * @internal\n * @param param0 - Props to pass to the form error\n * @returns A custom error message for a form\n * @example\n * ```jsx\n * <form.AppForm>\n *   <form.AoaFormError />\n * </form.AppForm>\n * ```\n */\nexport function AoaFormError({ 'data-qa': dataQa }: AoaFormErrorProps) {\n  const form = useAoaFormContext();\n\n  return (\n    <form.Subscribe selector={(state) => state.errors}>\n      {(errors) => {\n        if (errors.length) {\n          const error = errors.at(0);\n\n          if (typeof error === 'string') {\n            return <AoaNotification data-qa={dataQa ?? 'form-error'} message={error} severity='error' />;\n          } else if (error && typeof error === 'object') {\n            const parsedLevel = ['error', 'info', 'success', 'warning'].includes(error.level)\n              ? (error.level as Severity)\n              : 'error';\n            return <AoaNotification data-qa={dataQa ?? 'form-error'} message={error.message} severity={parsedLevel} />;\n          }\n        }\n\n        return null;\n      }}\n    </form.Subscribe>\n  );\n}\n","import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material';\nimport { merge } from 'lodash';\nimport { useAoaFormContext } from '../../../contexts/TanstackFormContext';\nimport { AoaButton, type AoaButtonProps } from '../../atoms/button/Button';\nimport type { AoaModalProps } from '../modal/Modal';\nimport { AoaModalCloseButton, type AoaModalCloseButtonProps } from '../modal-close-button/ModalCloseButton';\n\nexport interface AoaFormModalQAs {\n  /**\n   * Data-qa tag applied to the \"cancel\" button\n   */\n  cancelButton?: string;\n  /**\n   * Data-qa tag applied to the `DialogActions` component\n   */\n  dialogActions?: string;\n  /**\n   * Data-qa tag applied to the HTML `form` element\n   */\n  form?: string;\n  /**\n   * Data-qa tag applied to the \"submit\" button\n   */\n  submitButton?: string;\n}\n\nexport interface AoaFormModalLabels {\n  cancel: string;\n  submit: string;\n}\n\nexport interface AoaFormModalProps extends Omit<AoaModalProps, 'dialogActions'>, AoaModalCloseButtonProps {\n  /**\n   * Additional properties to provide to the {@link AoaButton | submit button}\n   */\n  AoaSubmitButtonProps?: Omit<AoaButtonProps, 'buttonType' | 'data-qa' | 'disabled' | 'onClick' | 'type'> & {\n    disableWithFormState?: boolean;\n  };\n  /**\n   * Labels for the buttons in {@link DialogActions}\n   */\n  formLabels: AoaFormModalLabels;\n  /**\n   * data-qa tags for the components in the form section of the modal\n   */\n  formModalQas?: AoaFormModalQAs;\n  /**\n   * Optionally the `name` property for the HTML form element\n   */\n  formName?: string;\n}\n\n/**\n * Constructs a modal **for holding a Form** using pre-defined Rijks styling\n *\n * For a modal without a form see `AoaModal`\n *\n * This component is intended for internal use only and should always be used through `<form.AoaFormModal />`\n *\n * @internal\n * @param props - Props to pass to the modal - {@link ModalProps}\n * @example\n * ```jsx\n * <form.AppForm>\n *   <form.AoaFormModal\n *     open={true}\n *     formLabels={{\n *       submit: 'submit',\n *       cancel: 'cancel'\n *     }}\n *     formModalQas={{\n *       cancelButton: 'cancel-button',\n *       dialogActions: 'dialog-actions,\n *       form: 'form',\n *       submitButton: 'confirm-button'\n *     }}\n *     closeAction={handleClose}\n *     topic='topic'\n *     modalQas={{\n *       modal: 'modal',\n *       content: 'modal-content',\n *       title: 'modal-title'\n *     }}\n *     formName='form'\n *     dialogContent={content}\n *   />\n * </form.AppForm>\n * ```\n */\nexport function AoaFormModal({\n  formModalQas,\n  formLabels,\n  formName,\n  DialogProps,\n  DialogTitleProps,\n  DialogContentProps,\n  AoaSubmitButtonProps: { disableWithFormState, ...AoaSubmitButtonProps } = {},\n  modalQas,\n  open,\n  topic,\n  dialogContent,\n  closeAction\n}: Readonly<AoaFormModalProps>) {\n  const form = useAoaFormContext();\n\n  const SubmitButton = disableWithFormState ? (\n    <form.Subscribe selector={(state) => [state.isSubmitting, state.canSubmit] as const}>\n      {([isSubmitting, canSubmit]) => (\n        <AoaButton\n          {...AoaSubmitButtonProps}\n          aria-disabled={isSubmitting || !canSubmit}\n          buttonType='submit'\n          data-qa={formModalQas?.submitButton ?? 'submit-form'}\n          disabled={isSubmitting || !canSubmit}\n          type='primary'\n        >\n          {formLabels.submit}\n        </AoaButton>\n      )}\n    </form.Subscribe>\n  ) : (\n    <AoaButton\n      {...AoaSubmitButtonProps}\n      buttonType='submit'\n      data-qa={formModalQas?.submitButton ?? 'submit-form'}\n      type='primary'\n    >\n      {formLabels.submit}\n    </AoaButton>\n  );\n\n  return (\n    <Dialog {...DialogProps} data-qa={modalQas?.modal ?? 'modal'} open={Boolean(open)}>\n      <DialogTitle {...DialogTitleProps} data-qa={modalQas?.title ?? 'modal-title'} maxWidth='sm' sx={{ m: 0, p: 2 }}>\n        {topic}\n      </DialogTitle>\n      <AoaModalCloseButton closeAction={closeAction} />\n      <form\n        data-qa={formModalQas?.form ?? 'form'}\n        name={formName}\n        onSubmit={async (event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          await form.handleSubmit();\n        }}\n      >\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 data-qa={formModalQas?.dialogActions ?? 'dialog-actions'}>\n          <AoaButton\n            data-qa={formModalQas?.cancelButton ?? 'cancel-form'}\n            onClick={() => {\n              form.reset();\n              closeAction();\n            }}\n            type='secondary'\n          >\n            {formLabels.cancel}\n          </AoaButton>\n          {SubmitButton}\n        </DialogActions>\n      </form>\n    </Dialog>\n  );\n}\n","import { createFormHook, createFormHookContexts } from '@tanstack/react-form';\nimport { AoaFieldError } from '../components/molecules/field-error/FieldError';\nimport { AoaFormError } from '../components/molecules/form-error/FormError';\nimport { AoaFormModal } from '../components/molecules/form-modal/FormModal';\n\nexport const {\n  fieldContext: aoaFieldContext,\n  formContext: aoaFormContext,\n  useFieldContext: useAoaFieldContext,\n  useFormContext: useAoaFormContext\n} = createFormHookContexts();\n\nexport const { useAppForm: useAoaAppForm, withForm: withAoaForm } = createFormHook({\n  fieldContext: aoaFieldContext,\n  formContext: aoaFormContext,\n  fieldComponents: {\n    AoaFieldError\n  },\n  formComponents: {\n    AoaFormModal,\n    AoaFormError\n  }\n});\n","import { useAoaFieldContext } from '../../../contexts/TanstackFormContext';\nimport { AoaNotification, type Severity } from '../../atoms/notification/Notification';\n\nexport interface AoaFieldErrorProps {\n  readonly 'data-qa'?: string;\n}\n\n/**\n * Constructs a custom error message for a field **using pre-defined Rijks styling**\n *\n * This component is intended for internal use only and should always be used through `<field.AoaFieldError />`\n *\n * @internal\n * @param param0 - Props to pass to the field error\n * @returns A custom error message for a field\n * @example\n * ```jsx\n * <form.AppField name='name'>\n *   {(field) => {\n *     return <field.AoaFieldError />;\n *   }}\n * </form.AppField>\n * ```\n */\nexport function AoaFieldError<TData>({ 'data-qa': dataQa }: AoaFieldErrorProps) {\n  const field = useAoaFieldContext<TData>();\n\n  if (field.state.meta.isTouched && field.state.meta.errors.length) {\n    const error = field.state.meta.errors.at(0);\n\n    if (typeof error === 'string') {\n      return <AoaNotification data-qa={dataQa ?? 'field-error'} message={error} severity='error' />;\n    } else if (error && typeof error === 'object') {\n      const parsedLevel = ['error', 'info', 'success', 'warning'].includes(error.level)\n        ? (error.level as Severity)\n        : 'error';\n      return <AoaNotification data-qa={dataQa ?? 'field-error'} message={error.message} severity={parsedLevel} />;\n    }\n  }\n\n  return null;\n}\n"],"names":["AoaFormError","dataQa","form","useAoaFormContext","jsx","state","errors","error","AoaNotification","parsedLevel","AoaFormModal","formModalQas","formLabels","formName","DialogProps","DialogTitleProps","DialogContentProps","disableWithFormState","AoaSubmitButtonProps","modalQas","open","topic","dialogContent","closeAction","SubmitButton","isSubmitting","canSubmit","AoaButton","jsxs","Dialog","DialogTitle","AoaModalCloseButton","event","DialogContent","merge","DialogActions","aoaFieldContext","aoaFormContext","useAoaFieldContext","createFormHookContexts","useAoaAppForm","withAoaForm","createFormHook","AoaFieldError","field"],"mappings":"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"}
+{"version":3,"file":"FieldError.CCQnjdMd.js","sources":["../../src/components/molecules/form-error/FormError.tsx","../../src/components/molecules/form-modal/FormModal.tsx","../../src/contexts/TanstackFormContext.ts","../../src/components/molecules/field-error/FieldError.tsx"],"sourcesContent":["import { useAoaFormContext } from '../../../contexts/TanstackFormContext';\nimport { AoaNotification, type Severity } from '../../atoms/notification/Notification';\n\nexport interface AoaFormErrorProps {\n  readonly 'data-qa'?: string;\n}\n\n/**\n * Constructs a custom error message for a form **using pre-defined Rijks styling**\n *\n * This component is intended for internal use only and should always be used through `<form.AoaFormError />`\n *\n * @internal\n * @param param0 - Props to pass to the form error\n * @returns A custom error message for a form\n * @example\n * ```jsx\n * <form.AppForm>\n *   <form.AoaFormError />\n * </form.AppForm>\n * ```\n */\nexport function AoaFormError({ 'data-qa': dataQa }: AoaFormErrorProps) {\n  const form = useAoaFormContext();\n\n  return (\n    <form.Subscribe selector={(state) => state.errors}>\n      {(errors) => {\n        if (errors.length) {\n          const error = errors.at(0);\n\n          if (typeof error === 'string') {\n            return <AoaNotification data-qa={dataQa ?? 'form-error'} message={error} severity='error' />;\n          } else if (error && typeof error === 'object') {\n            const parsedLevel = ['error', 'info', 'success', 'warning'].includes(error.level)\n              ? (error.level as Severity)\n              : 'error';\n            return <AoaNotification data-qa={dataQa ?? 'form-error'} message={error.message} severity={parsedLevel} />;\n          }\n        }\n\n        return null;\n      }}\n    </form.Subscribe>\n  );\n}\n","import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material';\nimport { merge } from 'lodash';\nimport { useAoaFormContext } from '../../../contexts/TanstackFormContext';\nimport { AoaButton, type AoaButtonProps } from '../../atoms/button/Button';\nimport type { AoaModalProps } from '../modal/Modal';\nimport { AoaModalCloseButton, type AoaModalCloseButtonProps } from '../modal-close-button/ModalCloseButton';\n\nexport interface AoaFormModalQAs {\n  /**\n   * Data-qa tag applied to the \"cancel\" button\n   */\n  cancelButton?: string;\n  /**\n   * Data-qa tag applied to the `DialogActions` component\n   */\n  dialogActions?: string;\n  /**\n   * Data-qa tag applied to the HTML `form` element\n   */\n  form?: string;\n  /**\n   * Data-qa tag applied to the \"submit\" button\n   */\n  submitButton?: string;\n}\n\nexport interface AoaFormModalLabels {\n  cancel: string;\n  submit: string;\n}\n\nexport interface AoaFormModalProps extends Omit<AoaModalProps, 'dialogActions'>, AoaModalCloseButtonProps {\n  /**\n   * Additional properties to provide to the {@link AoaButton | submit button}\n   */\n  AoaSubmitButtonProps?: Omit<AoaButtonProps, 'buttonType' | 'data-qa' | 'disabled' | 'onClick' | 'type'> & {\n    disableWithFormState?: boolean;\n  };\n  /**\n   * Labels for the buttons in {@link DialogActions}\n   */\n  formLabels: AoaFormModalLabels;\n  /**\n   * data-qa tags for the components in the form section of the modal\n   */\n  formModalQas?: AoaFormModalQAs;\n  /**\n   * Optionally the `name` property for the HTML form element\n   */\n  formName?: string;\n}\n\n/**\n * Constructs a modal **for holding a Form** using pre-defined Rijks styling\n *\n * For a modal without a form see `AoaModal`\n *\n * This component is intended for internal use only and should always be used through `<form.AoaFormModal />`\n *\n * @internal\n * @param props - Props to pass to the modal - {@link ModalProps}\n * @example\n * ```jsx\n * <form.AppForm>\n *   <form.AoaFormModal\n *     open={true}\n *     formLabels={{\n *       submit: 'submit',\n *       cancel: 'cancel'\n *     }}\n *     formModalQas={{\n *       cancelButton: 'cancel-button',\n *       dialogActions: 'dialog-actions,\n *       form: 'form',\n *       submitButton: 'confirm-button'\n *     }}\n *     closeAction={handleClose}\n *     topic='topic'\n *     modalQas={{\n *       modal: 'modal',\n *       content: 'modal-content',\n *       title: 'modal-title'\n *     }}\n *     formName='form'\n *     dialogContent={content}\n *   />\n * </form.AppForm>\n * ```\n */\nexport function AoaFormModal({\n  formModalQas,\n  formLabels,\n  formName,\n  DialogProps,\n  DialogTitleProps,\n  DialogContentProps,\n  AoaSubmitButtonProps: { disableWithFormState, ...AoaSubmitButtonProps } = {},\n  modalQas,\n  open,\n  topic,\n  dialogContent,\n  closeAction\n}: Readonly<AoaFormModalProps>) {\n  const form = useAoaFormContext();\n\n  const SubmitButton = disableWithFormState ? (\n    <form.Subscribe selector={(state) => [state.isSubmitting, state.canSubmit] as const}>\n      {([isSubmitting, canSubmit]) => (\n        <AoaButton\n          {...AoaSubmitButtonProps}\n          aria-disabled={isSubmitting || !canSubmit}\n          buttonType='submit'\n          data-qa={formModalQas?.submitButton ?? 'submit-form'}\n          disabled={isSubmitting || !canSubmit}\n          type='primary'\n        >\n          {formLabels.submit}\n        </AoaButton>\n      )}\n    </form.Subscribe>\n  ) : (\n    <AoaButton\n      {...AoaSubmitButtonProps}\n      buttonType='submit'\n      data-qa={formModalQas?.submitButton ?? 'submit-form'}\n      type='primary'\n    >\n      {formLabels.submit}\n    </AoaButton>\n  );\n\n  return (\n    <Dialog {...DialogProps} data-qa={modalQas?.modal ?? 'modal'} open={Boolean(open)}>\n      <DialogTitle {...DialogTitleProps} data-qa={modalQas?.title ?? 'modal-title'} maxWidth='sm' sx={{ m: 0, p: 2 }}>\n        {topic}\n      </DialogTitle>\n      <AoaModalCloseButton closeAction={closeAction} />\n      <form\n        data-qa={formModalQas?.form ?? 'form'}\n        name={formName}\n        onSubmit={async (event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          await form.handleSubmit();\n        }}\n      >\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 data-qa={formModalQas?.dialogActions ?? 'dialog-actions'}>\n          <AoaButton\n            data-qa={formModalQas?.cancelButton ?? 'cancel-form'}\n            onClick={() => {\n              form.reset();\n              closeAction();\n            }}\n            type='secondary'\n          >\n            {formLabels.cancel}\n          </AoaButton>\n          {SubmitButton}\n        </DialogActions>\n      </form>\n    </Dialog>\n  );\n}\n","import { createFormHook, createFormHookContexts } from '@tanstack/react-form';\nimport { AoaFieldError } from '../components/molecules/field-error/FieldError';\nimport { AoaFormError } from '../components/molecules/form-error/FormError';\nimport { AoaFormModal } from '../components/molecules/form-modal/FormModal';\n\nexport const {\n  fieldContext: aoaFieldContext,\n  formContext: aoaFormContext,\n  useFieldContext: useAoaFieldContext,\n  useFormContext: useAoaFormContext\n} = createFormHookContexts();\n\nexport const { useAppForm: useAoaAppForm, withForm: withAoaForm } = createFormHook({\n  fieldContext: aoaFieldContext,\n  formContext: aoaFormContext,\n  fieldComponents: {\n    AoaFieldError\n  },\n  formComponents: {\n    AoaFormModal,\n    AoaFormError\n  }\n});\n","import { useAoaFieldContext } from '../../../contexts/TanstackFormContext';\nimport { AoaNotification, type Severity } from '../../atoms/notification/Notification';\n\nexport interface AoaFieldErrorProps {\n  readonly 'data-qa'?: string;\n}\n\n/**\n * Constructs a custom error message for a field **using pre-defined Rijks styling**\n *\n * This component is intended for internal use only and should always be used through `<field.AoaFieldError />`\n *\n * @internal\n * @param param0 - Props to pass to the field error\n * @returns A custom error message for a field\n * @example\n * ```jsx\n * <form.AppField name='name'>\n *   {(field) => {\n *     return <field.AoaFieldError />;\n *   }}\n * </form.AppField>\n * ```\n */\nexport function AoaFieldError<TData>({ 'data-qa': dataQa }: AoaFieldErrorProps) {\n  const field = useAoaFieldContext<TData>();\n\n  if (field.state.meta.isTouched && field.state.meta.errors.length) {\n    const error = field.state.meta.errors.at(0);\n\n    if (typeof error === 'string') {\n      return <AoaNotification data-qa={dataQa ?? 'field-error'} message={error} severity='error' />;\n    } else if (error && typeof error === 'object') {\n      const parsedLevel = ['error', 'info', 'success', 'warning'].includes(error.level)\n        ? (error.level as Severity)\n        : 'error';\n      return <AoaNotification data-qa={dataQa ?? 'field-error'} message={error.message} severity={parsedLevel} />;\n    }\n  }\n\n  return null;\n}\n"],"names":["AoaFormError","t0","$","_c","dataQa","form","useAoaFormContext","t1","errors","length","error","at","jsx","AoaNotification","parsedLevel","includes","level","message","t2","Subscribe","_temp","state","AoaFormModal","formModalQas","formLabels","formName","DialogProps","DialogTitleProps","DialogContentProps","AoaSubmitButtonProps","modalQas","open","topic","dialogContent","closeAction","undefined","disableWithFormState","t3","submit","submitButton","t4","isSubmitting","canSubmit","AoaButton","SubmitButton","modal","t5","Boolean","t6","title","t7","Symbol","for","m","p","t8","DialogTitle","t9","AoaModalCloseButton","t10","t11","event","preventDefault","stopPropagation","handleSubmit","t12","content","t13","sx","merge","padding","t14","DialogContent","t15","dialogActions","t16","cancelButton","t17","reset","t18","cancel","t19","DialogActions","t20","t21","Dialog","fieldContext","aoaFieldContext","formContext","aoaFormContext","useFieldContext","useAoaFieldContext","useFormContext","createFormHookContexts","useAppForm","useAoaAppForm","withForm","withAoaForm","createFormHook","fieldComponents","AoaFieldError","formComponents","field","meta","isTouched"],"mappings":"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"}

package/dist/chunks/compiler-runtime.hDcrsMwn.js

@@ -0,0 +1,55 @@
+import p from "react";
+var e = { exports: {} }, t = {};
+/**
+ * @license React
+ * react-compiler-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var a;
+function s() {
+  if (a) return t;
+  a = 1;
+  var o = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  return t.c = function(r) {
+    return o.H.useMemoCache(r);
+  }, t;
+}
+var n = {};
+/**
+ * @license React
+ * react-compiler-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var u;
+function m() {
+  return u || (u = 1, process.env.NODE_ENV !== "production" && function() {
+    var o = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    n.c = function(r) {
+      var i = o.H;
+      return i === null && console.error(
+        `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
+      ), i.useMemoCache(r);
+    };
+  }()), n;
+}
+var c;
+function l() {
+  return c || (c = 1, process.env.NODE_ENV === "production" ? e.exports = s() : e.exports = m()), e.exports;
+}
+var _ = l();
+export {
+  _ as c
+};
+//# sourceMappingURL=compiler-runtime.hDcrsMwn.js.map

package/dist/chunks/compiler-runtime.hDcrsMwn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compiler-runtime.hDcrsMwn.js","sources":["../../../../node_modules/react/cjs/react-compiler-runtime.production.js","../../../../node_modules/react/cjs/react-compiler-runtime.development.js","../../../../node_modules/react/compiler-runtime.js"],"sourcesContent":["/**\n * @license React\n * react-compiler-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar ReactSharedInternals =\n  require(\"react\").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\nexports.c = function (size) {\n  return ReactSharedInternals.H.useMemoCache(size);\n};\n","/**\n * @license React\n * react-compiler-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    var ReactSharedInternals =\n      require(\"react\").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n    exports.c = function (size) {\n      var dispatcher = ReactSharedInternals.H;\n      null === dispatcher &&\n        console.error(\n          \"Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\\n1. You might have mismatching versions of React and the renderer (such as React DOM)\\n2. You might be breaking the Rules of Hooks\\n3. You might have more than one copy of React in the same app\\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.\"\n        );\n      return dispatcher.useMemoCache(size);\n    };\n  })();\n","/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-compiler-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-compiler-runtime.development.js');\n}\n"],"names":["ReactSharedInternals","require$$0","reactCompilerRuntime_production","size","reactCompilerRuntime_development","dispatcher","compilerRuntimeModule","require$$1"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAIA,IACFC,EAAiB;AACnB,SAAAC,EAAA,IAAY,SAAUC,GAAM;AAC1B,WAAOH,EAAqB,EAAE,aAAaG,CAAI;AAAA;;;;;;;;;;;;;;sBCHhC,QAAQ,IAAI,aAA7B,gBACG,WAAY;AACX,QAAIH,IACFC,EAAiB;AACnB,IAAAG,EAAA,IAAY,SAAUD,GAAM;AAC1B,UAAIE,IAAaL,EAAqB;AACtC,aAASK,MAAT,QACE,QAAQ;AAAA,QACN;AAAA;AAAA;AAAA;AAAA;AAAA,SAEGA,EAAW,aAAaF,CAAI;AAAA;EAEzC,EAAG;;;;sBCdC,QAAQ,IAAI,aAAa,eAC3BG,EAAA,UAAiBL,EAAA,IAEjBK,EAAA,UAAiBC,EAAA;;;","x_google_ignoreList":[0,1,2]}

package/dist/components/atoms/_menu/menu-item/MenuItem.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { Dispatch, JSX, SetStateAction } from 'react';
 interface SubMenu {
     /**
      * Optional divider to be shown below menu item
@@ -91,6 +91,6 @@ interface MenuItemProps {
  * />
  * ```
  */
-export declare const AoaMenuItem: import('react').MemoExoticComponent<(props: MenuItemProps) => ReactNode>;
+export declare function AoaMenuItem(props: MenuItemProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/atoms/_menu/menu-item/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/_menu/menu-item/MenuItem.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAkB,KAAK,QAAQ,EAAmB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5G,UAAU,OAAO;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,KAAK,IAAI;AACP;;GAEG;AACD;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAErC,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,aAAa;IACrB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC5D;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,WAAW,8CAAgB,aAAa,KAAG,SAAS,CAuJ/D,CAAC"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/_menu/menu-item/MenuItem.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAY,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAmB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhG,UAAU,OAAO;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,KAAK,IAAI;AACP;;GAEG;AACD;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAErC,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,aAAa;IACrB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC5D;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,2CAuJ/C"}

package/dist/components/atoms/_menu/menu-item/MenuItem.js

@@ -1,11 +1,11 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { memo as k, useState as d, createElement as y } from "react";
-import { Home as C, KeyboardArrowDown as P } from "@mui/icons-material";
-import { MenuItem as g, Link as j, menuItemClasses as m, Typography as w, svgIconClasses as s, Popper as I } from "@mui/material";
+import { useState as d, createElement as k } from "react";
+import { Home as y, KeyboardArrowDown as C } from "@mui/icons-material";
+import { MenuItem as g, Link as P, menuItemClasses as s, Typography as j, svgIconClasses as m, Popper as w } from "@mui/material";
 import { Link as c } from "@tanstack/react-router";
-import { l as x } from "../../../../chunks/lodash.CA_K01A9.js";
-import { FontNormalSxProps as u } from "../../../../_constants.js";
-const A = k((e) => {
+import { l as u } from "../../../../chunks/lodash.CA_K01A9.js";
+import { FontNormalSxProps as x } from "../../../../_constants.js";
+function R(e) {
   const [b, a] = d(null), [t, n] = d(!1);
   function h(o) {
     n(!0), a(o.currentTarget);
@@ -14,137 +14,82 @@ const A = k((e) => {
     n(!1), a(null);
   }
   function p() {
-    return e.page.externalPath ? { href: e.page.to } : { to: e.page.to };
+    return e.page.externalPath ? {
+      href: e.page.to
+    } : {
+      to: e.page.to
+    };
   }
-  return /* @__PURE__ */ y(
-    g,
-    {
-      ...p(),
-      "aria-controls": e.page.subItems?.length && t ? "submenu" : void 0,
-      "aria-expanded": e.page.subItems?.length && t ? "true" : void 0,
-      "aria-haspopup": e.page.subItems?.length ? "true" : "false",
-      "aria-label": e.page.label,
-      component: e.page.to && !e.page.externalPath ? c : j,
-      key: e.index,
-      onClick: () => e.setSelectedPage(e.index),
-      onMouseEnter: (o) => h(o),
-      onMouseLeave: () => l(),
-      role: "menuitem",
-      selected: e.selectedPage === e.index,
-      sx: {
-        height: "100%",
-        borderBottom: "3px solid transparent",
-        padding: "6px 20px 3px",
-        ":hover": {
-          backgroundColor: "var(--color-rijks-yellow-hover)",
-          ...e.page.to && {
-            textDecoration: "underline"
-          }
-        },
-        [`&.${m.selected}`]: {
-          backgroundColor: "var(--color-rijks-yellow-light)",
-          borderBottomColor: "var(--color-rijks-skyblue)",
-          ":hover": {
-            backgroundColor: "var(--color-rijks-yellow-hover)"
-          }
-        }
-      },
-      title: e.page.label
+  return /* @__PURE__ */ k(g, { ...p(), "aria-controls": e.page.subItems?.length && t ? "submenu" : void 0, "aria-expanded": e.page.subItems?.length && t ? "true" : void 0, "aria-haspopup": e.page.subItems?.length ? "true" : "false", "aria-label": e.page.label, component: e.page.to && !e.page.externalPath ? c : P, key: e.index, onClick: () => e.setSelectedPage(e.index), onMouseEnter: (o) => h(o), onMouseLeave: () => l(), role: "menuitem", selected: e.selectedPage === e.index, sx: {
+    height: "100%",
+    borderBottom: "3px solid transparent",
+    padding: "6px 20px 3px",
+    ":hover": {
+      backgroundColor: "var(--color-rijks-yellow-hover)",
+      ...e.page.to && {
+        textDecoration: "underline"
+      }
     },
-    /* @__PURE__ */ i(
-      w,
-      {
-        "aria-hidden": !0,
-        component: "span",
-        sx: x.merge(
-          {
-            display: "flex",
-            alignItems: "center",
-            [`&.${s.root}`]: {
-              marginRight: "5px"
-            }
-          },
-          u
-        ),
-        variant: "body1",
-        children: [
-          e.index === 0 && /* @__PURE__ */ r(C, {}),
-          e.page.label,
-          e.page.subItems?.length ? /* @__PURE__ */ r(P, {}) : null
-        ]
+    [`&.${s.selected}`]: {
+      backgroundColor: "var(--color-rijks-yellow-light)",
+      borderBottomColor: "var(--color-rijks-skyblue)",
+      ":hover": {
+        backgroundColor: "var(--color-rijks-yellow-hover)"
       }
-    ),
-    e.page.subItems && /* @__PURE__ */ r(
-      I,
-      {
-        anchorEl: b,
-        id: "submenu",
-        open: t,
-        placement: "bottom-start",
-        role: "menu",
-        sx: {
-          backgroundColor: "var(--color-bg-light)",
-          padding: "4px 0",
-          borderRadius: "6px",
-          marginTop: "8px",
-          minWidth: "180px",
-          color: "var(--color-text)",
-          boxShadow: `
+    }
+  }, title: e.page.label }, /* @__PURE__ */ i(j, { "aria-hidden": !0, component: "span", sx: u.merge({
+    display: "flex",
+    alignItems: "center",
+    [`&.${m.root}`]: {
+      marginRight: "5px"
+    }
+  }, x), variant: "body1", children: [
+    e.index === 0 && /* @__PURE__ */ r(y, {}),
+    e.page.label,
+    e.page.subItems?.length ? /* @__PURE__ */ r(C, {}) : null
+  ] }), e.page.subItems && /* @__PURE__ */ r(w, { anchorEl: b, id: "submenu", open: t, placement: "bottom-start", role: "menu", sx: {
+    backgroundColor: "var(--color-bg-light)",
+    padding: "4px 0",
+    borderRadius: "6px",
+    marginTop: "8px",
+    minWidth: "180px",
+    color: "var(--color-text)",
+    boxShadow: `
               rgb(255 255 255) 0 0 0 0,
               rgb(0 0 0 / 5%) 0 0 0 1px,
               rgb(0 0 0 / 10%) 0 10px 15px -3px,
               rgb(0 0 0 / 5%) 0 4px 6px -2px
             `
-        },
-        children: e.page.subItems?.map((o, v) => /* @__PURE__ */ i(
-          g,
-          {
-            "aria-label": o.label,
-            component: c,
-            disableRipple: !0,
-            divider: o.divider ?? !1,
-            onClick: (f) => {
-              f.stopPropagation(), e.setSelectedPage(e.index), l();
-            },
-            sx: x.merge(
-              {
-                ":active": {
-                  backgroundColor: "var(--color-bg-light)"
-                },
-                [`&.${m.divider}`]: {
-                  borderBottom: "transparent",
-                  position: "relative",
-                  marginBottom: "16px",
-                  "::after": {
-                    content: '""',
-                    position: "absolute",
-                    bottom: "-8px",
-                    left: "0",
-                    width: "100%",
-                    borderBottom: "1px solid rgba(0, 0, 0, 0.12)"
-                  }
-                },
-                [`&.${s.root}`]: {
-                  fontSize: "var(--font-size-text)",
-                  color: "var(--color-rijks-grey-7)",
-                  marginRight: "12px"
-                }
-              },
-              u
-            ),
-            to: o.to,
-            children: [
-              o.icon,
-              o.label
-            ]
-          },
-          v
-        ))
+  }, children: e.page.subItems?.map((o, v) => /* @__PURE__ */ i(g, { "aria-label": o.label, component: c, disableRipple: !0, divider: o.divider ?? !1, onClick: (f) => {
+    f.stopPropagation(), e.setSelectedPage(e.index), l();
+  }, sx: u.merge({
+    ":active": {
+      backgroundColor: "var(--color-bg-light)"
+    },
+    [`&.${s.divider}`]: {
+      borderBottom: "transparent",
+      position: "relative",
+      marginBottom: "16px",
+      "::after": {
+        content: '""',
+        position: "absolute",
+        bottom: "-8px",
+        left: "0",
+        width: "100%",
+        borderBottom: "1px solid rgba(0, 0, 0, 0.12)"
       }
-    )
-  );
-});
+    },
+    [`&.${m.root}`]: {
+      fontSize: "var(--font-size-text)",
+      color: "var(--color-rijks-grey-7)",
+      marginRight: "12px"
+    }
+  }, x), to: o.to, children: [
+    o.icon,
+    o.label
+  ] }, v)) }));
+}
 export {
-  A as AoaMenuItem
+  R as AoaMenuItem
 };
 //# sourceMappingURL=MenuItem.js.map

package/dist/components/atoms/_menu/menu-item/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/atoms/_menu/menu-item/MenuItem.tsx"],"sourcesContent":["import { Home as HomeIcon, KeyboardArrowDown as KeyboardArrowDownIcon } from '@mui/icons-material';\nimport {\n  Link as MUILink,\n  MenuItem as MUIMenuItem,\n  menuItemClasses,\n  svgIconClasses,\n  Popper,\n  Typography\n} from '@mui/material';\nimport { Link } from '@tanstack/react-router';\nimport { merge } from 'lodash';\nimport { memo, useState, type Dispatch, type MouseEvent, type ReactNode, type SetStateAction } from 'react';\nimport { FontNormalSxProps } from '../../../../_constants';\n\ninterface SubMenu {\n  /**\n   * Optional divider to be shown below menu item\n   */\n  divider?: boolean;\n  /**\n   * Optional icon to be displayed in front of the label\n   */\n  icon?: JSX.Element;\n  /**\n   * The label of the menu item\n   */\n  label: string;\n  /**\n   * The path that the menu item links to on click\n   */\n  to: string;\n}\n\ntype Menu =\n  /**\n   * The path that the menu item links to on click and the subitems shown on hover\n   */\n  | { subItems: SubMenu[]; to: string }\n  /**\n   * Subitems are required when there is no path that the menu item links to on click\n   */\n  | { subItems: SubMenu[]; to?: never }\n  /**\n   * The path that the menu item links to on click is required when there are no subitems on hover\n   */\n  | { subItems?: never; to: string };\n\nexport type AoaPage = Menu & {\n  /**\n   * Optional boolean to indicate if it's an external \"to\" path\n   */\n  externalPath?: boolean;\n  /**\n   * The label of the menu item\n   */\n  label: string;\n};\n\ninterface MenuItemProps {\n  /**\n   * Index of the current menu item. Home === 0\n   */\n  readonly index: number;\n  /**\n   * The Page object for this menu item\n   */\n  readonly page: AoaPage;\n  /**\n   * The currently active menu item\n   */\n  readonly selectedPage: number;\n  /**\n   * The function to update the active menu item\n   */\n  readonly setSelectedPage: Dispatch<SetStateAction<number>>;\n}\n\n/**\n * Constructs a menu item using pre-defined Rijks styling\n *\n * @param props - Props to pass to the menu item\n * @example\n * ```jsx\n * <AoaMenuItem\n *  index={index}\n *  page={{\n *    label: \"Products\",\n *    to: \"/products\",\n *    subItems: [\n *      {\n *        label: \"Books\",\n *        to: \"/books\",\n *        icon: <BookIcon />,\n *      }\n *    ]\n *  }}\n *  selectedPage={selectedPage}\n *  setSelectedPage={setSelectedPage}\n * />\n * ```\n */\nexport const AoaMenuItem = memo((props: MenuItemProps): ReactNode => {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [open, setOpen] = useState(false);\n\n  function handleMenuOpen(event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) {\n    setOpen(true);\n    setAnchorEl(event.currentTarget);\n  }\n\n  function handleMenuClose() {\n    setOpen(false);\n    setAnchorEl(null);\n  }\n\n  function linkProps() {\n    if (props.page.externalPath) {\n      return { href: props.page.to };\n    } else {\n      return { to: props.page.to };\n    }\n  }\n\n  return (\n    <MUIMenuItem\n      {...linkProps()}\n      aria-controls={props.page.subItems?.length && open ? 'submenu' : undefined}\n      aria-expanded={props.page.subItems?.length && open ? 'true' : undefined}\n      aria-haspopup={props.page.subItems?.length ? 'true' : 'false'}\n      aria-label={props.page.label}\n      component={props.page.to && !props.page.externalPath ? Link : MUILink}\n      key={props.index}\n      onClick={() => props.setSelectedPage(props.index)}\n      onMouseEnter={(event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) => handleMenuOpen(event)}\n      onMouseLeave={() => handleMenuClose()}\n      role='menuitem'\n      selected={props.selectedPage === props.index}\n      sx={{\n        height: '100%',\n        borderBottom: '3px solid transparent',\n        padding: '6px 20px 3px',\n\n        ':hover': {\n          backgroundColor: 'var(--color-rijks-yellow-hover)',\n          ...(props.page.to && {\n            textDecoration: 'underline'\n          })\n        },\n\n        [`&.${menuItemClasses.selected}`]: {\n          backgroundColor: 'var(--color-rijks-yellow-light)',\n          borderBottomColor: 'var(--color-rijks-skyblue)',\n          ':hover': {\n            backgroundColor: 'var(--color-rijks-yellow-hover)'\n          }\n        }\n      }}\n      title={props.page.label}\n    >\n      <Typography\n        aria-hidden\n        component='span'\n        sx={merge(\n          {\n            display: 'flex',\n            alignItems: 'center',\n\n            [`&.${svgIconClasses.root}`]: {\n              marginRight: '5px'\n            }\n          },\n          FontNormalSxProps\n        )}\n        variant='body1'\n      >\n        {props.index === 0 && <HomeIcon />}\n        {props.page.label}\n        {props.page.subItems?.length ? <KeyboardArrowDownIcon /> : null}\n      </Typography>\n      {props.page.subItems && (\n        <Popper\n          anchorEl={anchorEl}\n          id='submenu'\n          open={open}\n          placement='bottom-start'\n          role='menu'\n          sx={{\n            backgroundColor: 'var(--color-bg-light)',\n            padding: '4px 0',\n            borderRadius: '6px',\n            marginTop: '8px',\n            minWidth: '180px',\n            color: 'var(--color-text)',\n            boxShadow: `\n              rgb(255 255 255) 0 0 0 0,\n              rgb(0 0 0 / 5%) 0 0 0 1px,\n              rgb(0 0 0 / 10%) 0 10px 15px -3px,\n              rgb(0 0 0 / 5%) 0 4px 6px -2px\n            `\n          }}\n        >\n          {props.page.subItems?.map((subItem, index) => (\n            <MUIMenuItem\n              aria-label={subItem.label}\n              component={Link}\n              disableRipple\n              divider={subItem.divider ?? false}\n              key={index}\n              onClick={(event) => {\n                event.stopPropagation();\n                props.setSelectedPage(props.index);\n                handleMenuClose();\n              }}\n              sx={merge(\n                {\n                  ':active': {\n                    backgroundColor: 'var(--color-bg-light)'\n                  },\n\n                  [`&.${menuItemClasses.divider}`]: {\n                    borderBottom: 'transparent',\n                    position: 'relative',\n                    marginBottom: '16px',\n\n                    '::after': {\n                      content: '\"\"',\n                      position: 'absolute',\n                      bottom: '-8px',\n                      left: '0',\n                      width: '100%',\n                      borderBottom: '1px solid rgba(0, 0, 0, 0.12)'\n                    }\n                  },\n\n                  [`&.${svgIconClasses.root}`]: {\n                    fontSize: 'var(--font-size-text)',\n                    color: 'var(--color-rijks-grey-7)',\n                    marginRight: '12px'\n                  }\n                },\n                FontNormalSxProps\n              )}\n              to={subItem.to}\n            >\n              {subItem.icon}\n              {subItem.label}\n            </MUIMenuItem>\n          ))}\n        </Popper>\n      )}\n    </MUIMenuItem>\n  );\n});\n"],"names":["AoaMenuItem","memo","props","anchorEl","setAnchorEl","useState","open","setOpen","handleMenuOpen","event","handleMenuClose","linkProps","createElement","MUIMenuItem","Link","MUILink","menuItemClasses","jsxs","Typography","merge","svgIconClasses","FontNormalSxProps","jsx","HomeIcon","KeyboardArrowDownIcon","Popper","subItem","index"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/atoms/_menu/menu-item/MenuItem.tsx"],"sourcesContent":["import { Home as HomeIcon, KeyboardArrowDown as KeyboardArrowDownIcon } from '@mui/icons-material';\nimport {\n  Link as MUILink,\n  MenuItem as MUIMenuItem,\n  menuItemClasses,\n  svgIconClasses,\n  Popper,\n  Typography\n} from '@mui/material';\nimport { Link } from '@tanstack/react-router';\nimport { merge } from 'lodash';\nimport { useState, type Dispatch, type JSX, type MouseEvent, type SetStateAction } from 'react';\nimport { FontNormalSxProps } from '../../../../_constants';\n\ninterface SubMenu {\n  /**\n   * Optional divider to be shown below menu item\n   */\n  divider?: boolean;\n  /**\n   * Optional icon to be displayed in front of the label\n   */\n  icon?: JSX.Element;\n  /**\n   * The label of the menu item\n   */\n  label: string;\n  /**\n   * The path that the menu item links to on click\n   */\n  to: string;\n}\n\ntype Menu =\n  /**\n   * The path that the menu item links to on click and the subitems shown on hover\n   */\n  | { subItems: SubMenu[]; to: string }\n  /**\n   * Subitems are required when there is no path that the menu item links to on click\n   */\n  | { subItems: SubMenu[]; to?: never }\n  /**\n   * The path that the menu item links to on click is required when there are no subitems on hover\n   */\n  | { subItems?: never; to: string };\n\nexport type AoaPage = Menu & {\n  /**\n   * Optional boolean to indicate if it's an external \"to\" path\n   */\n  externalPath?: boolean;\n  /**\n   * The label of the menu item\n   */\n  label: string;\n};\n\ninterface MenuItemProps {\n  /**\n   * Index of the current menu item. Home === 0\n   */\n  readonly index: number;\n  /**\n   * The Page object for this menu item\n   */\n  readonly page: AoaPage;\n  /**\n   * The currently active menu item\n   */\n  readonly selectedPage: number;\n  /**\n   * The function to update the active menu item\n   */\n  readonly setSelectedPage: Dispatch<SetStateAction<number>>;\n}\n\n/**\n * Constructs a menu item using pre-defined Rijks styling\n *\n * @param props - Props to pass to the menu item\n * @example\n * ```jsx\n * <AoaMenuItem\n *  index={index}\n *  page={{\n *    label: \"Products\",\n *    to: \"/products\",\n *    subItems: [\n *      {\n *        label: \"Books\",\n *        to: \"/books\",\n *        icon: <BookIcon />,\n *      }\n *    ]\n *  }}\n *  selectedPage={selectedPage}\n *  setSelectedPage={setSelectedPage}\n * />\n * ```\n */\nexport function AoaMenuItem(props: MenuItemProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [open, setOpen] = useState(false);\n\n  function handleMenuOpen(event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) {\n    setOpen(true);\n    setAnchorEl(event.currentTarget);\n  }\n\n  function handleMenuClose() {\n    setOpen(false);\n    setAnchorEl(null);\n  }\n\n  function linkProps() {\n    if (props.page.externalPath) {\n      return { href: props.page.to };\n    } else {\n      return { to: props.page.to };\n    }\n  }\n\n  return (\n    <MUIMenuItem\n      {...linkProps()}\n      aria-controls={props.page.subItems?.length && open ? 'submenu' : undefined}\n      aria-expanded={props.page.subItems?.length && open ? 'true' : undefined}\n      aria-haspopup={props.page.subItems?.length ? 'true' : 'false'}\n      aria-label={props.page.label}\n      component={props.page.to && !props.page.externalPath ? Link : MUILink}\n      key={props.index}\n      onClick={() => props.setSelectedPage(props.index)}\n      onMouseEnter={(event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) => handleMenuOpen(event)}\n      onMouseLeave={() => handleMenuClose()}\n      role='menuitem'\n      selected={props.selectedPage === props.index}\n      sx={{\n        height: '100%',\n        borderBottom: '3px solid transparent',\n        padding: '6px 20px 3px',\n\n        ':hover': {\n          backgroundColor: 'var(--color-rijks-yellow-hover)',\n          ...(props.page.to && {\n            textDecoration: 'underline'\n          })\n        },\n\n        [`&.${menuItemClasses.selected}`]: {\n          backgroundColor: 'var(--color-rijks-yellow-light)',\n          borderBottomColor: 'var(--color-rijks-skyblue)',\n          ':hover': {\n            backgroundColor: 'var(--color-rijks-yellow-hover)'\n          }\n        }\n      }}\n      title={props.page.label}\n    >\n      <Typography\n        aria-hidden\n        component='span'\n        sx={merge(\n          {\n            display: 'flex',\n            alignItems: 'center',\n\n            [`&.${svgIconClasses.root}`]: {\n              marginRight: '5px'\n            }\n          },\n          FontNormalSxProps\n        )}\n        variant='body1'\n      >\n        {props.index === 0 && <HomeIcon />}\n        {props.page.label}\n        {props.page.subItems?.length ? <KeyboardArrowDownIcon /> : null}\n      </Typography>\n      {props.page.subItems && (\n        <Popper\n          anchorEl={anchorEl}\n          id='submenu'\n          open={open}\n          placement='bottom-start'\n          role='menu'\n          sx={{\n            backgroundColor: 'var(--color-bg-light)',\n            padding: '4px 0',\n            borderRadius: '6px',\n            marginTop: '8px',\n            minWidth: '180px',\n            color: 'var(--color-text)',\n            boxShadow: `\n              rgb(255 255 255) 0 0 0 0,\n              rgb(0 0 0 / 5%) 0 0 0 1px,\n              rgb(0 0 0 / 10%) 0 10px 15px -3px,\n              rgb(0 0 0 / 5%) 0 4px 6px -2px\n            `\n          }}\n        >\n          {props.page.subItems?.map((subItem, index) => (\n            <MUIMenuItem\n              aria-label={subItem.label}\n              component={Link}\n              disableRipple\n              divider={subItem.divider ?? false}\n              key={index}\n              onClick={(event) => {\n                event.stopPropagation();\n                props.setSelectedPage(props.index);\n                handleMenuClose();\n              }}\n              sx={merge(\n                {\n                  ':active': {\n                    backgroundColor: 'var(--color-bg-light)'\n                  },\n\n                  [`&.${menuItemClasses.divider}`]: {\n                    borderBottom: 'transparent',\n                    position: 'relative',\n                    marginBottom: '16px',\n\n                    '::after': {\n                      content: '\"\"',\n                      position: 'absolute',\n                      bottom: '-8px',\n                      left: '0',\n                      width: '100%',\n                      borderBottom: '1px solid rgba(0, 0, 0, 0.12)'\n                    }\n                  },\n\n                  [`&.${svgIconClasses.root}`]: {\n                    fontSize: 'var(--font-size-text)',\n                    color: 'var(--color-rijks-grey-7)',\n                    marginRight: '12px'\n                  }\n                },\n                FontNormalSxProps\n              )}\n              to={subItem.to}\n            >\n              {subItem.icon}\n              {subItem.label}\n            </MUIMenuItem>\n          ))}\n        </Popper>\n      )}\n    </MUIMenuItem>\n  );\n}\n"],"names":["AoaMenuItem","props","anchorEl","setAnchorEl","useState","open","setOpen","handleMenuOpen","event","currentTarget","handleMenuClose","linkProps","page","externalPath","href","to","createElement","MUIMenuItem","subItems","length","undefined","label","Link","MUILink","index","setSelectedPage","selectedPage","height","borderBottom","padding","backgroundColor","textDecoration","menuItemClasses","selected","borderBottomColor","jsxs","Typography","merge","display","alignItems","svgIconClasses","root","marginRight","FontNormalSxProps","jsx","HomeIcon","KeyboardArrowDownIcon","Popper","borderRadius","marginTop","minWidth","color","boxShadow","map","subItem","divider","stopPropagation","position","marginBottom","content","bottom","left","width","fontSize","icon"],"mappings":"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"}

package/dist/components/atoms/_menu/user-menu/UserMenu.d.ts

@@ -1,4 +1,3 @@
-import { ReactNode } from 'react';
 type Action = 
 /**
  * The path that the menu item links to on click
@@ -47,6 +46,6 @@ interface UserMenuProps {
  * />
  * ```
  */
-export declare const AoaUserMenu: import('react').MemoExoticComponent<(props: UserMenuProps) => ReactNode>;
+export declare function AoaUserMenu(props: UserMenuProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=UserMenu.d.ts.map

package/dist/components/atoms/_menu/user-menu/UserMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/_menu/user-menu/UserMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxE,KAAK,MAAM;AACT;;GAEG;AACD;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE;AACjC;;GAEG;GACD;IAAE,OAAO,IAAI,IAAI,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,aAAa;IACrB;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;GAYG;AAEH,eAAO,MAAM,WAAW,8CAAgB,aAAa,KAAG,SAAS,CAiF/D,CAAC"}
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/_menu/user-menu/UserMenu.tsx"],"names":[],"mappings":"AAMA,KAAK,MAAM;AACT;;GAEG;AACD;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE;AACjC;;GAEG;GACD;IAAE,OAAO,IAAI,IAAI,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,aAAa;IACrB;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;GAYG;AAEH,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,2CAiF/C"}