@rws-aoa/react-library 8.2.0 → 8.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rws-aoa/react-library",
-  "version": "8.2.0",
+  "version": "8.2.7",
   "description": "RWS AOA Design System",
   "author": "@rws-aoa",
   "license": "Apache-2.0",
@@ -115,111 +115,115 @@
       "default": "./dist/index.js"
     },
     "./button": {
-      "types": "./dist/components/atoms/button/Button.d.ts",
-      "default": "./dist/components/atoms/button/Button.js"
+      "types": "./dist/components-generic/atoms/button/Button.d.ts",
+      "default": "./dist/components-generic/atoms/button/Button.js"
     },
     "./checkbox": {
-      "types": "./dist/components/atoms/selection-buttons/checkbox/Checkbox.d.ts",
-      "default": "./dist/components/atoms/selection-buttons/checkbox/Checkbox.js"
+      "types": "./dist/components-generic/atoms/selection-buttons/checkbox/Checkbox.d.ts",
+      "default": "./dist/components-generic/atoms/selection-buttons/checkbox/Checkbox.js"
     },
     "./contentpage": {
-      "types": "./dist/components/organisms/content-page/ContentPage.d.ts",
-      "default": "./dist/components/organisms/content-page/ContentPage.js"
+      "types": "./dist/components-generic/organisms/content-page/ContentPage.d.ts",
+      "default": "./dist/components-generic/organisms/content-page/ContentPage.js"
     },
     "./fielderror": {
-      "types": "./dist/components/molecules/field-error/FieldError.d.ts",
-      "default": "./dist/components/molecules/field-error/FieldError.js"
+      "types": "./dist/components-generic/molecules/field-error/FieldError.d.ts",
+      "default": "./dist/components-generic/molecules/field-error/FieldError.js"
     },
     "./filedropzone": {
-      "types": "./dist/components/molecules/file-dropzone/FileDropzone.d.ts",
-      "default": "./dist/components/molecules/file-dropzone/FileDropzone.js"
+      "types": "./dist/components-generic/molecules/file-dropzone/FileDropzone.d.ts",
+      "default": "./dist/components-generic/molecules/file-dropzone/FileDropzone.js"
     },
     "./filetable": {
-      "types": "./dist/components/molecules/file-table/FileTable.d.ts",
-      "default": "./dist/components/molecules/file-table/FileTable.js"
+      "types": "./dist/components-generic/molecules/file-table/FileTable.d.ts",
+      "default": "./dist/components-generic/molecules/file-table/FileTable.js"
     },
     "./formerror": {
-      "types": "./dist/components/molecules/form-error/FormError.d.ts",
-      "default": "./dist/components/molecules/form-error/FormError.js"
+      "types": "./dist/components-generic/molecules/form-error/FormError.d.ts",
+      "default": "./dist/components-generic/molecules/form-error/FormError.js"
     },
     "./formmodal": {
-      "types": "./dist/components/molecules/form-modal/FormModal.d.ts",
-      "default": "./dist/components/molecules/form-modal/FormModal.js"
+      "types": "./dist/components-generic/molecules/form-modal/FormModal.d.ts",
+      "default": "./dist/components-generic/molecules/form-modal/FormModal.js"
     },
     "./iconbutton": {
-      "types": "./dist/components/atoms/icon-button/IconButton.d.ts",
-      "default": "./dist/components/atoms/icon-button/IconButton.js"
+      "types": "./dist/components-generic/atoms/icon-button/IconButton.d.ts",
+      "default": "./dist/components-generic/atoms/icon-button/IconButton.js"
     },
     "./input": {
-      "types": "./dist/components/atoms/input/Input.d.ts",
-      "default": "./dist/components/atoms/input/Input.js"
+      "types": "./dist/components-generic/atoms/input/Input.d.ts",
+      "default": "./dist/components-generic/atoms/input/Input.js"
+    },
+    "./ivonprojectplanning": {
+      "types": "./dist/components-domain/ivon-project-planning/IvonProjectPlanning.d.ts",
+      "default": "./dist/components-domain/ivon-project-planning/IvonProjectPlanning.js"
     },
     "./list": {
-      "types": "./dist/components/atoms/list/List.d.ts",
-      "default": "./dist/components/atoms/list/List.js"
+      "types": "./dist/components-generic/atoms/list/List.d.ts",
+      "default": "./dist/components-generic/atoms/list/List.js"
     },
     "./logo": {
-      "types": "./dist/components/atoms/logo/Logo.d.ts",
-      "default": "./dist/components/atoms/logo/Logo.js"
+      "types": "./dist/components-generic/atoms/logo/Logo.d.ts",
+      "default": "./dist/components-generic/atoms/logo/Logo.js"
     },
     "./modal": {
-      "types": "./dist/components/molecules/modal/Modal.d.ts",
-      "default": "./dist/components/molecules/modal/Modal.js"
+      "types": "./dist/components-generic/molecules/modal/Modal.d.ts",
+      "default": "./dist/components-generic/molecules/modal/Modal.js"
     },
     "./modalclosebutton": {
-      "types": "./dist/components/molecules/modal-close-button/ModalCloseButton.d.ts",
-      "default": "./dist/components/molecules/modal-close-button/ModalCloseButton.js"
+      "types": "./dist/components-generic/molecules/modal-close-button/ModalCloseButton.d.ts",
+      "default": "./dist/components-generic/molecules/modal-close-button/ModalCloseButton.js"
     },
     "./navigationbar": {
-      "types": "./dist/components/molecules/navigation-bar/NavigationBar.d.ts",
-      "default": "./dist/components/molecules/navigation-bar/NavigationBar.js"
+      "types": "./dist/components-generic/molecules/navigation-bar/NavigationBar.d.ts",
+      "default": "./dist/components-generic/molecules/navigation-bar/NavigationBar.js"
     },
     "./nolabelnumberfield": {
-      "types": "./dist/components/molecules/no-label-number-field/NoLabelNumberField.d.ts",
-      "default": "./dist/components/molecules/no-label-number-field/NoLabelNumberField.js"
+      "types": "./dist/components-generic/molecules/no-label-number-field/NoLabelNumberField.d.ts",
+      "default": "./dist/components-generic/molecules/no-label-number-field/NoLabelNumberField.js"
     },
     "./nopermission": {
-      "types": "./dist/components/atoms/no-permission/NoPermission.d.ts",
-      "default": "./dist/components/atoms/no-permission/NoPermission.js"
+      "types": "./dist/components-generic/atoms/no-permission/NoPermission.d.ts",
+      "default": "./dist/components-generic/atoms/no-permission/NoPermission.js"
     },
     "./notification": {
-      "types": "./dist/components/atoms/notification/Notification.d.ts",
-      "default": "./dist/components/atoms/notification/Notification.js"
+      "types": "./dist/components-generic/atoms/notification/Notification.d.ts",
+      "default": "./dist/components-generic/atoms/notification/Notification.js"
     },
     "./radiobutton": {
-      "types": "./dist/components/atoms/selection-buttons/radio-button/RadioButton.d.ts",
-      "default": "./dist/components/atoms/selection-buttons/radio-button/RadioButton.js"
+      "types": "./dist/components-generic/atoms/selection-buttons/radio-button/RadioButton.d.ts",
+      "default": "./dist/components-generic/atoms/selection-buttons/radio-button/RadioButton.js"
     },
     "./sectionheader": {
-      "types": "./dist/components/atoms/section-header/SectionHeader.d.ts",
-      "default": "./dist/components/atoms/section-header/SectionHeader.js"
+      "types": "./dist/components-generic/atoms/section-header/SectionHeader.d.ts",
+      "default": "./dist/components-generic/atoms/section-header/SectionHeader.js"
     },
     "./styles": {
       "default": "./dist/css/styles.css"
     },
     "./switchbutton": {
-      "types": "./dist/components/atoms/selection-buttons/switch-button/SwitchButton.d.ts",
-      "default": "./dist/components/atoms/selection-buttons/switch-button/SwitchButton.js"
+      "types": "./dist/components-generic/atoms/selection-buttons/switch-button/SwitchButton.d.ts",
+      "default": "./dist/components-generic/atoms/selection-buttons/switch-button/SwitchButton.js"
     },
     "./table": {
-      "types": "./dist/components/atoms/table/Table.d.ts",
-      "default": "./dist/components/atoms/table/Table.js"
+      "types": "./dist/components-generic/atoms/table/Table.d.ts",
+      "default": "./dist/components-generic/atoms/table/Table.js"
     },
     "./tanstackformcontext": {
       "types": "./dist/contexts/TanstackFormContext.ts",
       "default": "./dist/contexts/TanstackFormContext.ts"
     },
     "./tooltip": {
-      "types": "./dist/components/atoms/tooltip/Tooltip.d.ts",
-      "default": "./dist/components/atoms/tooltip/Tooltip.js"
+      "types": "./dist/components-generic/atoms/tooltip/Tooltip.d.ts",
+      "default": "./dist/components-generic/atoms/tooltip/Tooltip.js"
     },
     "./uploadbutton": {
-      "types": "./dist/components/molecules/upload-button/UploadButton.d.ts",
-      "default": "./dist/components/molecules/upload-button/UploadButton.js"
+      "types": "./dist/components-generic/molecules/upload-button/UploadButton.d.ts",
+      "default": "./dist/components-generic/molecules/upload-button/UploadButton.js"
     },
     "./zerowidthspace": {
-      "types": "./dist/components/atoms/zero-width-space/ZeroWidthSpace.d.ts",
-      "default": "./dist/components/atoms/zero-width-space/ZeroWidthSpace.js"
+      "types": "./dist/components-generic/atoms/zero-width-space/ZeroWidthSpace.d.ts",
+      "default": "./dist/components-generic/atoms/zero-width-space/ZeroWidthSpace.js"
     }
   },
   "sideEffects": [

package/dist/chunks/FieldError.Bo2QpEMu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldError.Bo2QpEMu.js","sources":["../../src/components/molecules/form-error/FormError.tsx","../../src/components/molecules/form-modal/FormModal.tsx","../../../../node_modules/@sapphire/utilities/dist/esm/chunk-PAWJFY3S.mjs","../../../../node_modules/@sapphire/utilities/dist/esm/lib/isNullOrUndefined.mjs","../../../../node_modules/@sapphire/utilities/dist/esm/lib/isNullOrUndefinedOrEmpty.mjs","../../src/components/molecules/no-label-number-field/NoLabelNumberField.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) ? (error.level as Severity) : '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 {...AoaSubmitButtonProps} buttonType='submit' data-qa={formModalQas?.submitButton ?? 'submit-form'} type='primary'>\n      {formLabels.submit}\n    </AoaButton>\n  );\n\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          }\n        },\n        DialogProps?.sx\n      )}\n    >\n      <DialogTitle\n        {...DialogTitleProps}\n        data-qa={modalQas?.title ?? 'modal-title'}\n        maxWidth='sm'\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      <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","var __defProp = Object.defineProperty;\nvar __name = (target, value) => __defProp(target, \"name\", { value, configurable: true });\n\nexport { __name };\n//# sourceMappingURL=chunk-PAWJFY3S.mjs.map\n//# sourceMappingURL=chunk-PAWJFY3S.mjs.map","import { __name } from '../chunk-PAWJFY3S.mjs';\n\n// src/lib/isNullOrUndefined.ts\nfunction isNullOrUndefined(value) {\n  return value === undefined || value === null;\n}\n__name(isNullOrUndefined, \"isNullOrUndefined\");\n\nexport { isNullOrUndefined, isNullOrUndefined as isNullish };\n//# sourceMappingURL=isNullOrUndefined.mjs.map\n//# sourceMappingURL=isNullOrUndefined.mjs.map","import { __name } from '../chunk-PAWJFY3S.mjs';\nimport { isNullish } from './isNullOrUndefined.mjs';\n\nfunction isNullOrUndefinedOrEmpty(value) {\n  return isNullish(value) || value.length === 0;\n}\n__name(isNullOrUndefinedOrEmpty, \"isNullOrUndefinedOrEmpty\");\n\nexport { isNullOrUndefinedOrEmpty, isNullOrUndefinedOrEmpty as isNullishOrEmpty };\n//# sourceMappingURL=isNullOrUndefinedOrEmpty.mjs.map\n//# sourceMappingURL=isNullOrUndefinedOrEmpty.mjs.map","import type { SxProps, Theme } from '@mui/material';\nimport { inputBaseClasses, TextField } from '@mui/material';\nimport { isNullishOrEmpty } from '@sapphire/utilities';\nimport { merge } from 'lodash';\nimport { useAoaFieldContext } from '../../../contexts/TanstackFormContext';\nimport { AoaTooltip } from '../../atoms/tooltip/Tooltip';\n\n/**\n * Props for {@link AoaNoLabelNumberField}.\n *\n * @remarks This interface defines the configurable aspects of the number field that is designed\n * to be paired with another field under a single label (\"double label\" pattern). Each prop maps to\n * a specific behavior or visual customization of the underlying MUI {@link TextField}.\n */\nexport interface AoaNoLabelNumberFieldProps {\n  /**\n   * Base QA / testing identifier. The component appends `-field` when applying it to the DOM as `data-qa`.\n   *\n   * @remarks Used for automated testing hooks.\n   */\n  readonly 'data-qa'?: string;\n  /**\n   * The id and name assigned to the input element.\n   *\n   * @remarks Must be unique within the form scope so that form state tracking works correctly.\n   */\n  readonly fieldId: string;\n\n  /**\n   * Disables the input when true.\n   *\n   * @defaultValue false\n   */\n  readonly isDisabled?: boolean;\n  /**\n   * Maximum number of digits the user can enter.\n   *\n   * @remarks Also used to compute the numeric max as `Number('9'.repeat(maxLength))`.\n   */\n  readonly maxLength: number;\n  /**\n   * Optional callback invoked before updating the field value on change.\n   *\n   * @remarks Can be used to reset related field values when one side of a range changes.\n   */\n  readonly resetValues?: CallableFunction;\n  /**\n   * Numeric step applied to the number input.\n   *\n   * @remarks Passed directly to the underlying input `step` attribute.\n   */\n  readonly step?: number;\n  /**\n   * Style overrides merged with the component's default styling for the root and input states.\n   *\n   * @see {@link SxProps}\n   */\n  readonly sx?: SxProps<Theme>;\n  /**\n   * Optional tooltip text. When provided, wraps the field in an {@link AoaTooltip}.\n   */\n  readonly tooltip?: string;\n}\n\n/**\n * This is a custom number field to allow for input fields that have one label with multiple fields.\n *\n * This component cannot be used without a proper wrapper around it. Please refer to the example below of how to properly use this component.\n *\n * @example\n * ```tsx\n * <Grid>\n *   <InputLabel>My label</InputLabel>\n *   <Grid container direction=\"column\">\n *     <Grid alignItems=\"center\" container direction=\"row\">\n *       <form.AppField name=\"firstField\">\n *         {() => (\n *           <AoaNoLabelNumberField\n *             dataQa=\"first-field\"\n *             fieldId=\"first-field\"\n *             maxLength={5}\n *             sx={{ width: 100 }}\n *           />\n *         )}\n *       </form.AppField>\n *       <Box sx={{ mx: 1 }}> / </Box>\n *       <form.AppField name=\"secondField\">\n *         {() => (\n *           <AoaNoLabelNumberField\n *             dataQa=\"second-field\"\n *             fieldId=\"second-field\"\n *             maxLength={5}\n *             sx={{ width: 100 }}\n *           />\n *         )}\n *       </form.AppField>\n *     </Grid>\n *     <form.Subscribe\n *       selector={(state) => [\n *         state.fieldMeta.firstField,\n *         state.fieldMeta.secondField,\n *       ]}\n *     >\n *       {([firstField, secondField]) => {\n *         const hasFromError =\n *           firstField?.isTouched && Boolean(firstField?.errors?.length);\n *         const hasToError =\n *           secondField?.isTouched && Boolean(secondField?.errors?.length);\n *\n *         if (hasFromError || hasToError) {\n *           return (\n *             <AoaNotification\n *               data-qa=\"first-second-field-error\"\n *               message=\"Please correct the errors in the fields above.\"\n *               severity=\"error\"\n *             />\n *           );\n *         }\n *\n *         return null;\n *       }}\n *     </form.Subscribe>\n *   </Grid>\n * </Grid>;\n * ```\n */\nexport function AoaNoLabelNumberField<TData>({\n  'data-qa': dataQa,\n  fieldId,\n  isDisabled,\n  maxLength,\n  resetValues,\n  step,\n  sx,\n  tooltip\n}: AoaNoLabelNumberFieldProps) {\n  const field = useAoaFieldContext<TData>();\n\n  const FieldComponent = (\n    <TextField\n      data-qa={`${dataQa}-field`}\n      disabled={isDisabled}\n      id={fieldId}\n      name={fieldId}\n      onBlur={field.handleBlur}\n      /* v8 ignore start */\n      onChange={(event) => {\n        if (resetValues) {\n          resetValues();\n        }\n\n        field.handleChange((prev) => (isNullishOrEmpty(event.target.value) ? undefined : (event.target as HTMLInputElement).valueAsNumber) as typeof prev);\n      }}\n      /* v8 ignore stop */\n      onInput={(event) => {\n        if ((event.target as HTMLInputElement).value.length > maxLength) {\n          (event.target as HTMLInputElement).value = (event.target as HTMLInputElement).value.slice(0, maxLength);\n        }\n      }}\n      slotProps={{\n        htmlInput: { maxLength, min: 0, max: Number('9'.repeat(maxLength)), step }\n      }}\n      sx={merge(\n        {\n          [`.${inputBaseClasses.root}`]: {\n            [`.${inputBaseClasses.input}`]: {\n              ':disabled': {\n                backgroundColor: 'var(--color-disabled)',\n                borderColor: 'var(--color-disabled)'\n              }\n            }\n          }\n        },\n        sx\n      )}\n      type='number'\n      value={field.state.value ?? ''}\n    />\n  );\n\n  return tooltip ? (\n    <AoaTooltip placement='top' title={tooltip}>\n      {FieldComponent}\n    </AoaTooltip>\n  ) : (\n    FieldComponent\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';\nimport { AoaNoLabelNumberField } from '../components/molecules/no-label-number-field/NoLabelNumberField';\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    AoaNoLabelNumberField\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) ? (error.level as Severity) : '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","sx","merge","borderRadius","t7","title","t8","padding","color","fontSize","fontWeight","t9","DialogTitle","t10","AoaModalCloseButton","t11","t12","event","preventDefault","stopPropagation","handleSubmit","t13","content","t14","t15","DialogContent","t16","dialogActions","t17","cancelButton","t18","reset","t19","cancel","t20","DialogActions","t21","t22","jsxs","Dialog","__defProp","__name","target","value","isNullOrUndefined","isNullOrUndefinedOrEmpty","isNullish","AoaNoLabelNumberField","fieldId","isDisabled","maxLength","resetValues","step","tooltip","field","useAoaFieldContext","FieldComponent","TextField","handleBlur","handleChange","prev","isNullishOrEmpty","valueAsNumber","slice","htmlInput","min","max","Number","repeat","inputBaseClasses","root","input","backgroundColor","borderColor","AoaTooltip","fieldContext","aoaFieldContext","formContext","aoaFormContext","useFieldContext","useFormContext","createFormHookContexts","useAppForm","useAoaAppForm","withForm","withAoaForm","createFormHook","fieldComponents","AoaFieldError","formComponents","meta","isTouched"],"mappings":"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","x_google_ignoreList":[2,3,4]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/_menu/menu-item/MenuItem.tsx"],"names":[],"mappings":"AAIA,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,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACnE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,2CAuJ/C"}

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

@@ -1 +0,0 @@
-{"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 { Link as MUILink, MenuItem as MUIMenuItem, menuItemClasses, svgIconClasses, Popper, Typography } 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 | null;\n  /**\n   * The function to update the active menu item\n   */\n  readonly setSelectedPage: Dispatch<SetStateAction<number | null>>;\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 === null ? false : 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.map

@@ -1 +0,0 @@
-{"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"UserMenu.js","sources":["../../../../../src/components/atoms/_menu/user-menu/UserMenu.tsx"],"sourcesContent":["import { Avatar, Box, Link as MUILink, MenuItem as MUIMenuItem, Popper, Typography } from '@mui/material';\nimport { Link } from '@tanstack/react-router';\nimport { merge } from 'lodash';\nimport { useState, type MouseEvent } from 'react';\nimport { FontNormalSxProps } from '../../../../_constants';\n\ntype Action =\n  /**\n   * The path that the menu item links to on click\n   */\n  | { onClick?: never; to: string }\n  /**\n   * The onClick function for situations where you don't want to navigate to another page (e.g. logout)\n   */\n  | { onClick(): void; to?: never };\n\nexport type AoaSetting = Action & {\n  /**\n   * Optional divider to be shown below menu item\n   */\n  divider?: boolean;\n  /**\n   * The label of the menu item\n   */\n  label: string;\n};\n\ninterface UserMenuProps {\n  /**\n   * A list of the user menu items\n   */\n  readonly settings: AoaSetting[];\n  /**\n   * Username to be displayed on the left of the settings menu icon\n   */\n  readonly username?: string;\n}\n\n/**\n * Constructs a user menu using pre-defined Rijks styling\n *\n * @param props - Props to pass to the user menu\n * @example\n * ```jsx\n * <AoaUserMenu\n *  settings={[\n *    { label: \"Logout\", onClick: () => console.log(\"Logout\") }\n *  ]}\n * />\n * ```\n */\n\nexport function AoaUserMenu(props: UserMenuProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [open, setOpen] = useState(false);\n\n  function handleMenuOpen(event: MouseEvent<HTMLLIElement, globalThis.MouseEvent>) {\n    setOpen(true);\n    setAnchorEl(event.currentTarget);\n  }\n\n  function handleMenuClose() {\n    setOpen(false);\n    setAnchorEl(null);\n  }\n\n  return (\n    <Box alignItems='center' display='flex' role='menu' sx={{ flexGrow: 0, minWidth: 'fit-content' }}>\n      {props.username && (\n        <Typography component='span' sx={merge({ marginRight: '16px' }, FontNormalSxProps)}>\n          {props.username}\n        </Typography>\n      )}\n      <MUIMenuItem\n        aria-controls={open ? 'usermenu' : undefined}\n        aria-expanded={open ? 'true' : undefined}\n        aria-haspopup='true'\n        aria-label='User menu'\n        onMouseEnter={(event) => handleMenuOpen(event)}\n        onMouseLeave={() => handleMenuClose()}\n        sx={{\n          padding: 0,\n\n          ':hover': {\n            backgroundColor: 'transparent'\n          }\n        }}\n      >\n        <Avatar />\n        <Popper\n          anchorEl={anchorEl}\n          id='usermenu'\n          open={open}\n          placement='bottom-end'\n          sx={{\n            backgroundColor: 'var(--color-bg-light)',\n            padding: '4px 0',\n            borderRadius: '6px',\n            marginTop: '8px',\n            minWidth: '120px',\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.settings.map((setting, index) => (\n            <MUIMenuItem\n              component={setting.to ? Link : MUILink}\n              disableRipple\n              divider={setting.divider ?? false}\n              key={index}\n              onClick={(event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) => {\n                event.stopPropagation();\n                if (setting.onClick) {\n                  setting.onClick();\n                }\n\n                setOpen(false);\n              }}\n              sx={{ ...FontNormalSxProps }}\n              to={setting.to}\n            >\n              {setting.label}\n            </MUIMenuItem>\n          ))}\n        </Popper>\n      </MUIMenuItem>\n    </Box>\n  );\n}\n"],"names":["AoaUserMenu","props","$","_c","anchorEl","setAnchorEl","useState","open","setOpen","t0","Symbol","for","event","currentTarget","handleMenuOpen","t1","handleMenuClose","t2","flexGrow","minWidth","t3","username","jsx","Typography","merge","marginRight","FontNormalSxProps","t4","undefined","t5","t6","t7","event_0","t8","t9","padding","backgroundColor","Avatar","t10","borderRadius","marginTop","color","boxShadow","t11","settings","t12","setting","index","MUIMenuItem","to","Link","MUILink","divider","event_1","stopPropagation","onClick","label","map","Popper","t13","jsxs","t14","Box"],"mappings":"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"}

package/dist/components/atoms/button/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsC,KAAK,aAAa,EAAE,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3H,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,UAAU,WAAW;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;CACxC;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG;IAC7G,QAAQ,CAAC,UAAU,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CACvE,CAAC;AAEF;;;;;;;;GAQG;AAEH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CA8J/G"}

package/dist/components/atoms/button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/atoms/button/Button.tsx"],"sourcesContent":["import { ChevronRight } from '@mui/icons-material';\nimport { Button as MUIButton, buttonClasses, type ButtonTypeMap, type ButtonProps as MUIButtonProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { FontNormalSxProps } from '../../../_constants';\n\ninterface CommonProps {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  'data-qa'?: string;\n  /**\n   * Defines the colour and style of the button\n   */\n  type: 'primary' | 'secondary' | 'text';\n}\n\nexport type AoaButtonProps = Omit<MUIButtonProps<ButtonTypeMap['defaultComponent'], CommonProps>, 'variant'> & {\n  readonly buttonType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];\n};\n\n/**\n * Constructs a button using pre-defined Rijks styling\n *\n * @param props - Props to pass to the button\n * @example\n * ```jsx\n * <AoaButton onClick={() => console.log()} type='primary'>button</AoaButton>\n * ```\n */\n\nexport function AoaButton({ type, startIcon, 'data-qa': dataQa, children, buttonType, ...props }: AoaButtonProps) {\n  let variant: 'contained' | 'outlined' | 'text' = 'contained';\n\n  if (type === 'text') {\n    variant = 'text';\n  }\n\n  if (type === 'secondary') {\n    variant = 'outlined';\n  }\n\n  return (\n    <MUIButton\n      {...props}\n      data-qa={dataQa}\n      disableElevation\n      endIcon={type === 'text' && <ChevronRight />}\n      startIcon={type !== 'text' && startIcon}\n      sx={merge(\n        {\n          // Styles that apply to all button types and colors\n          appearance: 'none',\n          border: '1px solid',\n          borderRadius: 0,\n          boxSizing: 'border-box',\n          color: 'var(--color-text-light)',\n          cursor: 'pointer',\n          display: 'inline-flex',\n          lineHeight: 'var(--font-lineheight-text)',\n          minHeight: 20,\n          padding: '12px 16px',\n          position: 'relative',\n          textDecoration: 'none',\n          textShadow: 'none',\n          textTransform: 'none',\n          verticalAlign: 'middle',\n\n          ':focus': {\n            outline: '2px dashed var(--color-text)',\n            outlineOffset: '3px',\n            boxShadow: 'none'\n          },\n\n          // Styles that apply to contained (type === primary)\n          [`&.${buttonClasses.contained}`]: {\n            [`&.${buttonClasses.colorPrimary}`]: {\n              backgroundColor: 'var(--color-primary)',\n              borderColor: 'var(--color-primary)',\n\n              ':hover, :active, :focus': {\n                backgroundColor: 'var(--color-primary-hover)'\n              }\n            },\n\n            [`&.${buttonClasses.colorError}`]: {\n              backgroundColor: 'var(--color-error)',\n              borderColor: 'var(--color-error)',\n\n              ':hover, :active, :focus': {\n                backgroundColor: 'var(--color-error-hover)'\n              }\n            },\n\n            [`&.${buttonClasses.disabled}`]: {\n              backgroundColor: 'var(--color-disabled)',\n              borderColor: 'var(--color-disabled)',\n              color: 'var(--color-text-disabled)'\n            },\n\n            ':hover, :active, :focus': {\n              color: 'var(--color-text-light)'\n            }\n          },\n\n          // Styles that apply to outlined (type === secondary)\n          [`&.${buttonClasses.outlined}`]: {\n            background: 'none',\n            border: '1px solid var(--color-primary)',\n            boxSizing: 'border-box',\n\n            [`&.${buttonClasses.colorPrimary}`]: {\n              color: 'var(--color-primary)',\n              borderColor: 'var(--color-primary)',\n\n              ':hover, :active, :focus': {\n                borderColor: 'var(--color-primary-hover)',\n                color: 'var(--color-primary-hover)'\n              }\n            },\n\n            [`&.${buttonClasses.colorError}`]: {\n              color: 'var(--color-error)',\n              borderColor: 'var(--color-error)',\n\n              ':hover, :active, :focus': {\n                borderColor: 'var(--color-error-hover)',\n                color: 'var(--color-error-hover)'\n              }\n            },\n\n            ':disabled': {\n              backgroundColor: 'transparent',\n              borderColor: 'var(--color-text-disabled)',\n              color: 'var(--color-text-disabled)'\n            }\n          },\n\n          // Styles that apply to text (type === text)\n          [`&.${buttonClasses.text}`]: {\n            background: 'none',\n            borderColor: 'transparent',\n            display: 'inline-block',\n            textTransform: 'uppercase',\n            fontWeight: 'bold',\n            fontSize: '1.075rem',\n            verticalAlign: 'middle',\n\n            [`&.${buttonClasses.colorPrimary}`]: {\n              color: 'var(--color-primary)',\n\n              ':hover': {\n                backgroundColor: 'var(--color-rijks-skyblue-light)'\n              }\n            },\n\n            [`&.${buttonClasses.colorError}`]: {\n              color: 'var(--color-error)',\n\n              ':hover': {\n                backgroundColor: 'var(--color-rijks-red-1-light)'\n              }\n            },\n\n            [`&.${buttonClasses.endIcon}`]: {\n              width: '1rem',\n              height: '1rem',\n              verticalAlign: 'text-top'\n            },\n\n            ':disabled': {\n              backgroundColor: 'transparent',\n              color: 'var(--color-text-disabled)',\n\n              [`&.${buttonClasses.endIcon}`]: {\n                fill: 'var(--color-text-disabled)'\n              }\n            }\n          }\n        },\n        props.sx,\n        FontNormalSxProps\n      )}\n      type={buttonType}\n      variant={variant}\n    >\n      {children}\n    </MUIButton>\n  );\n}\n"],"names":["AoaButton","type","startIcon","dataQa","children","buttonType","props","variant","MUIButton","jsx","ChevronRight","merge","appearance","border","borderRadius","boxSizing","color","cursor","display","lineHeight","minHeight","padding","position","textDecoration","textShadow","textTransform","verticalAlign","outline","outlineOffset","boxShadow","buttonClasses","contained","colorPrimary","backgroundColor","borderColor","colorError","disabled","outlined","background","text","fontWeight","fontSize","endIcon","width","height","fill","sx","FontNormalSxProps"],"mappings":"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"}

package/dist/components/atoms/icon-button/IconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icon-button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC3C;;OAEG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAClD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAsDlE"}

package/dist/components/atoms/icon-button/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/atoms/icon-button/IconButton.tsx"],"sourcesContent":["import { IconButton as MUIIconButton, type SxProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport type { JSX, Ref } from 'react';\nimport { AoaTooltip } from '../tooltip/Tooltip';\n\nexport interface AoaIconButtonProps {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly 'data-qa'?: string;\n  /**\n   * Whether this button should be disabled\n   */\n  readonly disabled?: boolean;\n  /**\n   * The icon to be displayed as a button\n   */\n  readonly icon: JSX.Element;\n  /**\n   * Whether this button is being used inline\n   */\n  readonly inline?: boolean;\n  /**\n   * The label that is shown on hover\n   */\n  readonly label: string;\n  /**\n   * The action that should be triggered when clicking the button\n   */\n  onClick(this: void, ..._args: any[]): void;\n  /**\n   * The ref to the button element\n   */\n  readonly ref?: Ref<HTMLButtonElement> | undefined;\n  /**\n   * Material UI's property to apply styling\n   */\n  readonly sx?: SxProps;\n}\n\n/**\n * Constructs an icon button using pre-defined Rijks styling\n *\n * @param props - Props to pass to the icon button\n * @example\n * ```jsx\n * <AoaIconButton onClick={() => console.log()} label='Order a burger' icon={<Fastfood />} />\n * ```\n */\nexport function AoaIconButton({ ref, ...props }: AoaIconButtonProps) {\n  const Button = (\n    <MUIIconButton\n      aria-label={props.label}\n      data-qa={props['data-qa']}\n      disableFocusRipple\n      disableRipple\n      disableTouchRipple\n      disabled={props.disabled}\n      onClick={props.onClick}\n      ref={ref}\n      role='button'\n      sx={merge(\n        {\n          color: 'var(--color-primary)',\n          border: '1px solid var(--color-primary)',\n          borderRadius: 0,\n          ':hover, :active, :focus': {\n            color: 'var(--color-primary-hover)',\n            borderColor: 'var(--color-primary-hover)'\n          },\n          ':disabled': {\n            backgroundColor: 'transparent',\n            borderColor: 'var(--color-text-disabled)',\n            color: 'var(--color-text-disabled)'\n          },\n          ':focus': {\n            outline: '2px dashed var(--color-text)',\n            outlineOffset: 3,\n            boxShadow: 'none'\n          },\n          ...(props.inline && {\n            border: 'none',\n            padding: 0\n          })\n        },\n        props.sx\n      )}\n    >\n      {props.icon}\n    </MUIIconButton>\n  );\n\n  return (\n    <AoaTooltip title={props.label}>\n      {props.disabled ? (\n        <span aria-label={props.label} data-testid='disabled-span-wrapper' role='tooltip'>\n          {Button}\n        </span>\n      ) : (\n        Button\n      )}\n    </AoaTooltip>\n  );\n}\n"],"names":["AoaIconButton","t0","$","_c","T0","props","t1","t10","t2","t3","t4","t5","t6","t7","t8","t9","ref","t11","MUIIconButton","label","disabled","onClick","merge","color","border","borderRadius","borderColor","backgroundColor","outline","outlineOffset","boxShadow","inline","padding","sx","icon","jsx","Button","t12","t13","AoaTooltip"],"mappings":"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"}

package/dist/components/atoms/input/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAA8D,MAAM,eAAe,CAAC;AAI3H,OAAO,QAAQ,eAAe,CAAC;IAC7B,UAAiB,kBAAkB;QACjC,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;CACF;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;IACpE;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAmE7D"}

package/dist/components/atoms/input/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sources":["../../../../src/components/atoms/input/Input.tsx"],"sourcesContent":["import { TextField, type TextFieldProps, inputBaseClasses, inputLabelClasses, formHelperTextClasses } from '@mui/material';\nimport { merge } from 'lodash';\nimport { FontNormalSxProps } from '../../../_constants';\n\ndeclare module '@mui/material' {\n  export interface BaseTextFieldProps {\n    'data-qa'?: string;\n  }\n}\n\nexport interface AoaInputProps extends Omit<TextFieldProps, 'variant'> {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly 'data-qa'?: string;\n  /**\n   * Whether this input field is optional\n   */\n  readonly optional?: boolean;\n}\n\n/**\n * Constructs an input field using pre-defined Rijks styling\n *\n * @param props - Props to pass to the input field\n * @example\n * ```jsx\n * <AoaInput label=\"User name\" value={value} onChange={() => handleOnChange} />\n * ```\n */\nexport function AoaInput({ optional, ...props }: AoaInputProps) {\n  return (\n    <TextField\n      {...props}\n      required={!optional}\n      slotProps={{\n        inputLabel: { shrink: false, ...props.slotProps?.inputLabel },\n        ...props.slotProps\n      }}\n      sx={merge(\n        {\n          [`.${inputBaseClasses.root}`]: {\n            ...FontNormalSxProps,\n            marginTop: '35px',\n\n            [`&.${inputBaseClasses.multiline}`]: {\n              padding: 0\n            },\n\n            [`:not(.${formHelperTextClasses.error})::after`]: {\n              borderColor: 'var(--color-rijks-skyblue)'\n            },\n\n            [`.${inputBaseClasses.input}`]: {\n              padding: '17px 12px 16px',\n\n              ':disabled': {\n                backgroundColor: 'var(--color-disabled)',\n                borderColor: 'var(--color-disabled)'\n              }\n            }\n          },\n\n          [`.${inputLabelClasses.root}`]: {\n            ...FontNormalSxProps,\n            marginLeft: '-14px',\n            marginTop: '-10px',\n\n            ':disabled': {\n              color: 'var(--color-text-disabled)'\n            },\n\n            [`:focus:not(.${formHelperTextClasses.error})`]: {\n              color: 'var(--color-rijks-skyblue)'\n            },\n\n            [`:not(.${formHelperTextClasses.required})::after`]: {\n              content: '\"(optioneel)\"',\n              marginLeft: '5px',\n              fontSize: 'calc(var(--font-size-text) * 0.75)'\n            },\n\n            [`&.${formHelperTextClasses.error}`]: {\n              ...FontNormalSxProps,\n              fontWeight: 'bold'\n            },\n\n            [`&.${formHelperTextClasses.disabled}`]: {\n              color: 'var(--color-text-disabled)'\n            }\n          }\n        },\n        props.sx\n      )}\n      variant='outlined'\n    />\n  );\n}\n"],"names":["AoaInput","optional","props","TextField","inputLabel","shrink","slotProps","merge","inputBaseClasses","root","FontNormalSxProps","marginTop","multiline","padding","formHelperTextClasses","error","borderColor","input","backgroundColor","inputLabelClasses","marginLeft","color","required","content","fontSize","fontWeight","disabled","sx"],"mappings":";;;;AA8BO,SAASA,EAAS;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAqB,GAAG;AAC9D,2BACGC,GAAA,EACC,GAAID,GACJ,UAAU,CAACD,GACX,WAAW;AAAA,IACTG,YAAY;AAAA,MAAEC,QAAQ;AAAA,MAAO,GAAGH,EAAMI,WAAWF;AAAAA,IAAAA;AAAAA,IACjD,GAAGF,EAAMI;AAAAA,EAAAA,GAEX,IAAIC,EAAAA,MACF;AAAA,IACE,CAAC,IAAIC,EAAiBC,IAAI,EAAE,GAAG;AAAA,MAC7B,GAAGC;AAAAA,MACHC,WAAW;AAAA,MAEX,CAAC,KAAKH,EAAiBI,SAAS,EAAE,GAAG;AAAA,QACnCC,SAAS;AAAA,MAAA;AAAA,MAGX,CAAC,SAASC,EAAsBC,KAAK,UAAU,GAAG;AAAA,QAChDC,aAAa;AAAA,MAAA;AAAA,MAGf,CAAC,IAAIR,EAAiBS,KAAK,EAAE,GAAG;AAAA,QAC9BJ,SAAS;AAAA,QAET,aAAa;AAAA,UACXK,iBAAiB;AAAA,UACjBF,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,IACF;AAAA,IAGF,CAAC,IAAIG,EAAkBV,IAAI,EAAE,GAAG;AAAA,MAC9B,GAAGC;AAAAA,MACHU,YAAY;AAAA,MACZT,WAAW;AAAA,MAEX,aAAa;AAAA,QACXU,OAAO;AAAA,MAAA;AAAA,MAGT,CAAC,eAAeP,EAAsBC,KAAK,GAAG,GAAG;AAAA,QAC/CM,OAAO;AAAA,MAAA;AAAA,MAGT,CAAC,SAASP,EAAsBQ,QAAQ,UAAU,GAAG;AAAA,QACnDC,SAAS;AAAA,QACTH,YAAY;AAAA,QACZI,UAAU;AAAA,MAAA;AAAA,MAGZ,CAAC,KAAKV,EAAsBC,KAAK,EAAE,GAAG;AAAA,QACpC,GAAGL;AAAAA,QACHe,YAAY;AAAA,MAAA;AAAA,MAGd,CAAC,KAAKX,EAAsBY,QAAQ,EAAE,GAAG;AAAA,QACvCL,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF,GAEFnB,EAAMyB,EACR,GACA,SAAQ,WAAA,CAAU;AAGxB;"}

package/dist/components/atoms/list/List.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsE,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AAEjH,OAAO,EAAY,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;CACtC;AAED,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,SAAS,EAAE,WAAW,EAAE,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,YAAY,2CAsCzE"}

package/dist/components/atoms/list/List.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/atoms/list/List.tsx"],"sourcesContent":["import { Grid, List, listItemClasses, ListItemText, ListItem as MUIListItem, type SxProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport { Fragment, type JSX } from 'react';\nimport { FontNormalSxProps } from '../../../_constants';\n\nexport interface AoaListItem {\n  /**\n   * Data-qa tag to apply to the list item\n   */\n  readonly dataQa?: string;\n  /**\n   * Key of the list item\n   */\n  readonly key: string;\n  /**\n   * Value of the list item\n   */\n  readonly value: JSX.Element | string;\n}\n\nexport interface AoaListProps {\n  /**\n   * Data-qa tag to apply to the list\n   */\n  readonly 'data-qa'?: string;\n  /**\n   * Key-value pairs to show as a list\n   */\n  readonly listItems: AoaListItem[];\n  /**\n   * Any additional CSSProperties to pass to the component\n   */\n  readonly sx?: SxProps;\n}\n\n/**\n * Creates a key-value list using pre-defined Rijkswaterstaat styling\n *\n * @example\n * ```jsx\n *\n * <AoaList listItems={[{ key: 'Name', value: 'John Connor' }]} />\n *\n * ```\n */\nexport function AoaList({ listItems, 'data-qa': dataQa, sx }: AoaListProps) {\n  function getListItem(item: AoaListItem, type: 'key' | 'value') {\n    const isKey = type === 'key';\n    return (\n      <MUIListItem\n        sx={{\n          [`&.${listItemClasses.root}`]: {\n            padding: `0 10px 0 0`,\n            span: {\n              fontSize: '1rem',\n              lineHeight: '1.43rem'\n            }\n          }\n        }}\n      >\n        <ListItemText\n          data-qa={isKey ? null : item.dataQa}\n          primary={item[type]}\n          sx={{ span: { fontWeight: isKey ? 'bold' : 'normal' }, wrap: isKey ? 'nowrap' : 'normal' }}\n        />\n      </MUIListItem>\n    );\n  }\n\n  return (\n    <Grid container data-qa={dataQa ?? null} direction='row' spacing={1} sx={merge({ flexWrap: 'nowrap' }, sx, FontNormalSxProps)}>\n      <List>\n        {listItems.map((item, index) => {\n          return <Fragment key={item.key.toString() + index}>{getListItem(item, 'key')}</Fragment>;\n        })}\n      </List>\n      <List>\n        {listItems.map((item, index) => {\n          return <Fragment key={typeof item.value === 'string' ? item.value.toString() + index : index}>{getListItem(item, 'value')}</Fragment>;\n        })}\n      </List>\n    </Grid>\n  );\n}\n"],"names":["AoaList","listItems","dataQa","sx","getListItem","item","type","isKey","jsx","MUIListItem","listItemClasses","root","padding","span","fontSize","lineHeight","ListItemText","fontWeight","wrap","jsxs","Grid","merge","flexWrap","FontNormalSxProps","List","map","index","Fragment","key","toString","value"],"mappings":";;;;;AA6CO,SAASA,EAAQ;AAAA,EAAEC,WAAAA;AAAAA,EAAW,WAAWC;AAAAA,EAAQC,IAAAA;AAAiB,GAAG;AAC1E,WAASC,EAAYC,GAAmBC,GAAuB;AAC7D,UAAMC,IAAQD,MAAS;AACvB,WACE,gBAAAE,EAACC,KACC,IAAI;AAAA,MACF,CAAC,KAAKC,EAAgBC,IAAI,EAAE,GAAG;AAAA,QAC7BC,SAAS;AAAA,QACTC,MAAM;AAAA,UACJC,UAAU;AAAA,UACVC,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IACF,GAGF,UAAA,gBAAAP,EAACQ,GAAA,EACC,WAAST,IAAQ,OAAOF,EAAKH,QAC7B,SAASG,EAAKC,CAAI,GAClB,IAAI;AAAA,MAAEO,MAAM;AAAA,QAAEI,YAAYV,IAAQ,SAAS;AAAA,MAAA;AAAA,MAAYW,MAAMX,IAAQ,WAAW;AAAA,IAAA,GAAW,EAAA,CAE/F;AAAA,EAEJ;AAEA,SACE,gBAAAY,EAACC,GAAA,EAAK,WAAS,IAAC,WAASlB,KAAU,MAAM,WAAU,OAAM,SAAS,GAAG,IAAImB,EAAAA,MAAM;AAAA,IAAEC,UAAU;AAAA,EAAA,GAAYnB,GAAIoB,CAAiB,GAC1H,UAAA;AAAA,IAAA,gBAAAf,EAACgB,GAAA,EACEvB,UAAAA,EAAUwB,IAAI,CAACpB,GAAMqB,MACb,gBAAAlB,EAACmB,GAAA,EAA4CvB,UAAAA,EAAYC,GAAM,KAAK,KAArDA,EAAKuB,IAAIC,SAAAA,IAAaH,CAAiC,CAC9E,EAAA,CACH;AAAA,sBACCF,GAAA,EACEvB,UAAAA,EAAUwB,IAAI,CAACpB,GAAMqB,MACb,gBAAAlB,EAACmB,GAAA,EAAuFvB,UAAAA,EAAYC,GAAM,OAAO,EAAA,GAAlG,OAAOA,EAAKyB,SAAU,WAAWzB,EAAKyB,MAAMD,SAAAA,IAAaH,IAAQA,CAAmC,CAC3H,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/atoms/logo/Logo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/logo/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,YAAa,SAAQ,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CA02B1C"}