@mage-ui/components 1.0.16 → 1.0.18

package/dist/components/overlays/modals/confirm/ModalConfirm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalConfirm.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/ModalConfirm.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { Button } from '@/components/buttons';\nimport { Modal } from '@/components/overlays';\nimport { createModal } from '../registry/createModal';\nimport { BaseModal, type ModalBaseClassNames } from '../base/BaseModal';\nimport {\n  modalConfirm,\n  modalConfirmRoot,\n  modalConfirmOverlay,\n  modalConfirmInner,\n  modalConfirmContent,\n  modalConfirmHeader,\n  modalConfirmTitle,\n  modalConfirmBody,\n  modalConfirmClose,\n  modalConfirmFooter,\n  modalConfirmButtonCancel,\n  modalConfirmButtonCancelInner,\n  modalConfirmButtonCancelLabel,\n  modalConfirmButtonCancelRoot,\n  modalConfirmButtonCancelSection,\n  modalConfirmButtonConfirm,\n  modalConfirmButtonConfirmInner,\n  modalConfirmButtonConfirmLabel,\n  modalConfirmButtonConfirmRoot,\n  modalConfirmButtonConfirmSection,\n} from '@mage-ui/styled-system/recipes';\n\nexport type ModalConfirmClassNames = {\n  footer?: string;\n  confirmButton?: {\n    button?: string;\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n  };\n  cancelButton?: {\n    button?: string;\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n  };\n};\n\nexport type ModalConfirmPublicProps = {\n  centered?: boolean;\n  keepMounted?: boolean;\n  title: ReactNode;\n  content?: ReactNode;\n  confirmLabel?: ReactNode;\n  cancelLabel?: ReactNode;\n  intent?: 'default' | 'danger';\n  onConfirm?: () => void;\n  onCancel?: () => void;\n  baseClassNames?: ModalBaseClassNames;\n  classNames?: ModalConfirmClassNames;\n};\n\ntype ModalConfirmInternalProps = ModalConfirmPublicProps & {\n  opened: boolean;\n  close: () => void;\n};\n\nconst ModalConfirmContent: FC<ModalConfirmInternalProps> = ({\n  centered = true,\n  keepMounted,\n  opened,\n  close,\n  title,\n  content,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  intent = 'default',\n  onConfirm,\n  onCancel,\n  baseClassNames,\n  classNames,\n}) => {\n  const handleConfirm = () => {\n    onConfirm?.();\n    close();\n  };\n\n  const handleCancel = () => {\n    onCancel?.();\n    close();\n  };\n\n  return (\n    <BaseModal\n      opened={opened}\n      onClose={close}\n      intent={intent}\n      keepMounted={keepMounted}\n      centered={centered}\n      classNames={{\n        modal: baseClassNames?.modal ?? modalConfirm(),\n        root: baseClassNames?.root ?? modalConfirmRoot(),\n        overlay: baseClassNames?.overlay ?? modalConfirmOverlay(),\n        inner: baseClassNames?.inner ?? modalConfirmInner(),\n        content: baseClassNames?.content ?? modalConfirmContent(),\n        header: baseClassNames?.header ?? modalConfirmHeader(),\n        title: baseClassNames?.title ?? modalConfirmTitle(),\n        close: baseClassNames?.close ?? modalConfirmClose(),\n        body: baseClassNames?.body ?? modalConfirmBody(),\n      }}\n    >\n      <Modal.Header>\n        <Modal.Title>{title}</Modal.Title>\n        <Modal.CloseButton />\n      </Modal.Header>\n\n      {content && <Modal.Body>{content}</Modal.Body>}\n\n      <Modal.Footer className={classNames?.footer ?? modalConfirmFooter()}>\n        <Button\n          onClick={handleCancel}\n          classNames={{\n            button:\n              classNames?.cancelButton?.button ?? modalConfirmButtonCancel(),\n            root:\n              classNames?.cancelButton?.root ?? modalConfirmButtonCancelRoot(),\n            inner:\n              classNames?.cancelButton?.inner ??\n              modalConfirmButtonCancelInner(),\n            label:\n              classNames?.cancelButton?.label ??\n              modalConfirmButtonCancelLabel(),\n            section:\n              classNames?.cancelButton?.section ??\n              modalConfirmButtonCancelSection(),\n          }}\n        >\n          {cancelLabel}\n        </Button>\n\n        <Button\n          onClick={handleConfirm}\n          classNames={{\n            button:\n              classNames?.confirmButton?.button ?? modalConfirmButtonConfirm(),\n            root:\n            classNames?.confirmButton?.root ??\n            modalConfirmButtonConfirmRoot(),\n            inner:\n              classNames?.confirmButton?.inner ??\n              modalConfirmButtonConfirmInner(),\n            label:\n              classNames?.confirmButton?.label ??\n              modalConfirmButtonConfirmLabel(),\n            section:\n              classNames?.confirmButton?.section ??\n              modalConfirmButtonConfirmSection(),\n          }}\n        >\n          {confirmLabel}\n        </Button>\n      </Modal.Footer>\n    </BaseModal>\n  );\n};\n\nexport const ModalConfirm =\n  createModal<ModalConfirmPublicProps>(ModalConfirmContent);\n"],"mappings":"o3BAoKA,MAAa,EACX,GApG0D,CAC1D,WAAW,GACX,cACA,SACA,QACA,QACA,UACA,eAAe,UACf,cAAc,SACd,SAAS,UACT,YACA,WACA,iBACA,gBAaE,EAAC,EAAA,CACS,SACR,QAAS,EACD,SACK,cACH,WACV,WAAY,CACV,MAAO,GAAgB,OAAS,GAAc,CAC9C,KAAM,GAAgB,MAAQ,GAAkB,CAChD,QAAS,GAAgB,SAAW,GAAqB,CACzD,MAAO,GAAgB,OAAS,GAAmB,CACnD,QAAS,GAAgB,SAAW,GAAqB,CACzD,OAAQ,GAAgB,QAAU,GAAoB,CACtD,MAAO,GAAgB,OAAS,GAAmB,CACnD,MAAO,GAAgB,OAAS,GAAmB,CACnD,KAAM,GAAgB,MAAQ,GAAkB,CACjD,WAED,EAAC,EAAM,OAAA,CAAA,SAAA,CACL,EAAC,EAAM,MAAA,CAAA,SAAO,EAAA,CAAoB,CAClC,EAAC,EAAM,YAAA,EAAA,CAAc,CAAA,CAAA,CACR,CAEd,GAAW,EAAC,EAAM,KAAA,CAAA,SAAM,EAAA,CAAqB,CAE9C,EAAC,EAAM,OAAA,CAAO,UAAW,GAAY,QAAU,GAAoB,WACjE,EAAC,EAAA,CACC,YAjCmB,CACzB,KAAY,CACZ,GAAO,EAgCD,WAAY,CACV,OACE,GAAY,cAAc,QAAU,GAA0B,CAChE,KACE,GAAY,cAAc,MAAQ,GAA8B,CAClE,MACE,GAAY,cAAc,OAC1B,GAA+B,CACjC,MACE,GAAY,cAAc,OAC1B,GAA+B,CACjC,QACE,GAAY,cAAc,SAC1B,GAAiC,CACpC,UAEA,GACM,CAET,EAAC,EAAA,CACC,YA3DoB,CAC1B,KAAa,CACb,GAAO,EA0DD,WAAY,CACV,OACE,GAAY,eAAe,QAAU,GAA2B,CAClE,KACA,GAAY,eAAe,MAC3B,GAA+B,CAC/B,MACE,GAAY,eAAe,OAC3B,GAAgC,CAClC,MACE,GAAY,eAAe,OAC3B,GAAgC,CAClC,QACE,GAAY,eAAe,SAC3B,GAAkC,CACrC,UAEA,GACM,CAAA,EACI,GACL,CAK2C"}
+{"version":3,"file":"ModalConfirm.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/ModalConfirm.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nimport {\n  modalConfirm,\n  modalConfirmBody,\n  modalConfirmButtonCancel,\n  modalConfirmButtonCancelInner,\n  modalConfirmButtonCancelLabel,\n  modalConfirmButtonCancelRoot,\n  modalConfirmButtonCancelSection,\n  modalConfirmButtonConfirm,\n  modalConfirmButtonConfirmInner,\n  modalConfirmButtonConfirmLabel,\n  modalConfirmButtonConfirmRoot,\n  modalConfirmButtonConfirmSection,\n  modalConfirmClose,\n  modalConfirmContent,\n  modalConfirmFooter,\n  modalConfirmHeader,\n  modalConfirmInner,\n  modalConfirmOverlay,\n  modalConfirmRoot,\n  modalConfirmTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Button } from '@/components/buttons';\nimport { Modal } from '@/components/overlays';\n\nimport { BaseModal, type ModalBaseClassNames } from '../base/BaseModal';\nimport { createModal } from '../registry/createModal';\n\nexport type ModalConfirmClassNames = {\n  footer?: string;\n  confirmButton?: {\n    button?: string;\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n  };\n  cancelButton?: {\n    button?: string;\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n  };\n};\n\nexport type ModalConfirmPublicProps = {\n  centered?: boolean;\n  keepMounted?: boolean;\n  title: ReactNode;\n  content?: ReactNode;\n  confirmLabel?: ReactNode;\n  cancelLabel?: ReactNode;\n  intent?: 'default' | 'danger';\n  onConfirm?: () => void;\n  onCancel?: () => void;\n  baseClassNames?: ModalBaseClassNames;\n  classNames?: ModalConfirmClassNames;\n};\n\ntype ModalConfirmInternalProps = ModalConfirmPublicProps & {\n  opened: boolean;\n  close: () => void;\n};\n\nconst ModalConfirmContent: FC<ModalConfirmInternalProps> = ({\n  centered = true,\n  keepMounted,\n  opened,\n  close,\n  title,\n  content,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  intent = 'default',\n  onConfirm,\n  onCancel,\n  baseClassNames,\n  classNames,\n}) => {\n  const handleConfirm = () => {\n    onConfirm?.();\n    close();\n  };\n\n  const handleCancel = () => {\n    onCancel?.();\n    close();\n  };\n\n  return (\n    <BaseModal\n      opened={opened}\n      onClose={close}\n      intent={intent}\n      keepMounted={keepMounted}\n      centered={centered}\n      classNames={{\n        modal: baseClassNames?.modal ?? modalConfirm(),\n        root: baseClassNames?.root ?? modalConfirmRoot(),\n        overlay: baseClassNames?.overlay ?? modalConfirmOverlay(),\n        inner: baseClassNames?.inner ?? modalConfirmInner(),\n        content: baseClassNames?.content ?? modalConfirmContent(),\n        header: baseClassNames?.header ?? modalConfirmHeader(),\n        title: baseClassNames?.title ?? modalConfirmTitle(),\n        close: baseClassNames?.close ?? modalConfirmClose(),\n        body: baseClassNames?.body ?? modalConfirmBody(),\n      }}\n    >\n      <Modal.Header>\n        <Modal.Title>{title}</Modal.Title>\n        <Modal.CloseButton />\n      </Modal.Header>\n\n      {content && <Modal.Body>{content}</Modal.Body>}\n\n      <Modal.Footer className={classNames?.footer ?? modalConfirmFooter()}>\n        <Button\n          onClick={handleCancel}\n          classNames={{\n            button:\n              classNames?.cancelButton?.button ?? modalConfirmButtonCancel(),\n            root:\n              classNames?.cancelButton?.root ?? modalConfirmButtonCancelRoot(),\n            inner:\n              classNames?.cancelButton?.inner ??\n              modalConfirmButtonCancelInner(),\n            label:\n              classNames?.cancelButton?.label ??\n              modalConfirmButtonCancelLabel(),\n            section:\n              classNames?.cancelButton?.section ??\n              modalConfirmButtonCancelSection(),\n          }}\n        >\n          {cancelLabel}\n        </Button>\n\n        <Button\n          onClick={handleConfirm}\n          classNames={{\n            button:\n              classNames?.confirmButton?.button ?? modalConfirmButtonConfirm(),\n            root:\n              classNames?.confirmButton?.root ??\n              modalConfirmButtonConfirmRoot(),\n            inner:\n              classNames?.confirmButton?.inner ??\n              modalConfirmButtonConfirmInner(),\n            label:\n              classNames?.confirmButton?.label ??\n              modalConfirmButtonConfirmLabel(),\n            section:\n              classNames?.confirmButton?.section ??\n              modalConfirmButtonConfirmSection(),\n          }}\n        >\n          {confirmLabel}\n        </Button>\n      </Modal.Footer>\n    </BaseModal>\n  );\n};\n\nexport const ModalConfirm =\n  createModal<ModalConfirmPublicProps>(ModalConfirmContent);\n"],"mappings":"o3BAsKA,MAAa,EACX,GApG0D,CAC1D,WAAW,GACX,cACA,SACA,QACA,QACA,UACA,eAAe,UACf,cAAc,SACd,SAAS,UACT,YACA,WACA,iBACA,gBAaE,EAAC,EAAA,CACS,SACR,QAAS,EACD,SACK,cACH,WACV,WAAY,CACV,MAAO,GAAgB,OAAS,GAAc,CAC9C,KAAM,GAAgB,MAAQ,GAAkB,CAChD,QAAS,GAAgB,SAAW,GAAqB,CACzD,MAAO,GAAgB,OAAS,GAAmB,CACnD,QAAS,GAAgB,SAAW,GAAqB,CACzD,OAAQ,GAAgB,QAAU,GAAoB,CACtD,MAAO,GAAgB,OAAS,GAAmB,CACnD,MAAO,GAAgB,OAAS,GAAmB,CACnD,KAAM,GAAgB,MAAQ,GAAkB,CACjD,WAED,EAAC,EAAM,OAAA,CAAA,SAAA,CACL,EAAC,EAAM,MAAA,CAAA,SAAO,EAAA,CAAoB,CAClC,EAAC,EAAM,YAAA,EAAA,CAAc,CAAA,CAAA,CACR,CAEd,GAAW,EAAC,EAAM,KAAA,CAAA,SAAM,EAAA,CAAqB,CAE9C,EAAC,EAAM,OAAA,CAAO,UAAW,GAAY,QAAU,GAAoB,WACjE,EAAC,EAAA,CACC,YAjCmB,CACzB,KAAY,CACZ,GAAO,EAgCD,WAAY,CACV,OACE,GAAY,cAAc,QAAU,GAA0B,CAChE,KACE,GAAY,cAAc,MAAQ,GAA8B,CAClE,MACE,GAAY,cAAc,OAC1B,GAA+B,CACjC,MACE,GAAY,cAAc,OAC1B,GAA+B,CACjC,QACE,GAAY,cAAc,SAC1B,GAAiC,CACpC,UAEA,GACM,CAET,EAAC,EAAA,CACC,YA3DoB,CAC1B,KAAa,CACb,GAAO,EA0DD,WAAY,CACV,OACE,GAAY,eAAe,QAAU,GAA2B,CAClE,KACE,GAAY,eAAe,MAC3B,GAA+B,CACjC,MACE,GAAY,eAAe,OAC3B,GAAgC,CAClC,MACE,GAAY,eAAe,OAC3B,GAAgC,CAClC,QACE,GAAY,eAAe,SAC3B,GAAkC,CACrC,UAEA,GACM,CAAA,EACI,GACL,CAK2C"}

package/dist/components/overlays/modals/confirm/confirm.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"confirm.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/confirm.ts"],"mappings":";;;cAEa,OAAA,GACX,KAAA,EAAO,uBAAA,KACN,OAAA"}
+{"version":3,"file":"confirm.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/confirm.ts"],"mappings":";;;cAEa,OAAA,GAAW,KAAA,EAAO,uBAAA,KAA0B,OAAA"}

package/dist/components/overlays/modals/confirm/confirm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"confirm.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/confirm.ts"],"sourcesContent":["import { ModalConfirm, type ModalConfirmPublicProps } from './ModalConfirm';\n\nexport const confirm = (\n  props: ModalConfirmPublicProps,\n): Promise<boolean> => {\n  return new Promise((resolve) => {\n    ModalConfirm.open({\n      ...props,\n      onConfirm: () => {\n        props.onConfirm?.();\n        resolve(true);\n      },\n      onCancel: () => {\n        props.onCancel?.();\n        resolve(false);\n      },\n    });\n  });\n};\n"],"mappings":"kDAEA,MAAa,EACX,GAEO,IAAI,QAAS,GAAY,CAC9B,EAAa,KAAK,CAChB,GAAG,EACH,cAAiB,CACf,EAAM,aAAa,CACnB,EAAQ,GAAK,EAEf,aAAgB,CACd,EAAM,YAAY,CAClB,EAAQ,GAAM,EAEjB,CAAC,EACF"}
+{"version":3,"file":"confirm.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/confirm/confirm.ts"],"sourcesContent":["import { ModalConfirm, type ModalConfirmPublicProps } from './ModalConfirm';\n\nexport const confirm = (props: ModalConfirmPublicProps): Promise<boolean> => {\n  return new Promise((resolve) => {\n    ModalConfirm.open({\n      ...props,\n      onConfirm: () => {\n        props.onConfirm?.();\n        resolve(true);\n      },\n      onCancel: () => {\n        props.onCancel?.();\n        resolve(false);\n      },\n    });\n  });\n};\n"],"mappings":"kDAEA,MAAa,EAAW,GACf,IAAI,QAAS,GAAY,CAC9B,EAAa,KAAK,CAChB,GAAG,EACH,cAAiB,CACf,EAAM,aAAa,CACnB,EAAQ,GAAK,EAEf,aAAgB,CACd,EAAM,YAAY,CAClB,EAAQ,GAAM,EAEjB,CAAC,EACF"}

package/dist/components/overlays/modals/registry/createModal.d.mts

@@ -11,5 +11,5 @@ type ModalComponent<P> = ComponentType<P> & {
 };
 declare const createModal: <P extends object>(Component: ComponentType<P & ModalInternalProps>) => ModalComponent<P>;
 //#endregion
-export { ModalComponent, createModal };
+export { ModalComponent, ModalInternalProps, createModal };
 //# sourceMappingURL=createModal.d.mts.map

package/dist/components/overlays/modals/registry/createModal.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"createModal.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/registry/createModal.tsx"],"mappings":";;;KAGY,kBAAA;EACV,MAAA;EACA,KAAA;AAAA;AAAA,KAGU,cAAA,MAAoB,aAAA,CAAc,CAAA;EAC5C,IAAA,GAAO,KAAA,EAAO,CAAA,KAAM,OAAA;EACpB,KAAA;AAAA;AAAA,cAGW,WAAA,qBACX,SAAA,EAAW,aAAA,CAAc,CAAA,GAAI,kBAAA,MAC5B,cAAA,CAAe,CAAA"}
+{"version":3,"file":"createModal.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/registry/createModal.tsx"],"mappings":";;;KAIY,kBAAA;EACV,MAAA;EACA,KAAA;AAAA;AAAA,KAGU,cAAA,MAAoB,aAAA,CAAc,CAAA;EAC5C,IAAA,GAAO,KAAA,EAAO,CAAA,KAAM,OAAA;EACpB,KAAA;AAAA;AAAA,cAGW,WAAA,qBACX,SAAA,EAAW,aAAA,CAAc,CAAA,GAAI,kBAAA,MAC5B,cAAA,CAAe,CAAA"}

package/dist/components/overlays/modals/registry/createModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createModal.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/registry/createModal.tsx"],"sourcesContent":["import NiceModal, { useModal } from '@ebay/nice-modal-react';\nimport type { ComponentType, FC } from 'react';\n\nexport type ModalInternalProps = {\n  opened: boolean;\n  close: () => void;\n};\n\nexport type ModalComponent<P> = ComponentType<P> & {\n  open: (props: P) => Promise<unknown>;\n  close: () => void;\n};\n\nexport const createModal = <P extends object>(\n  Component: ComponentType<P & ModalInternalProps>,\n): ModalComponent<P> => {\n  \n  const ModalContainer: FC<P> = (props) => {\n    const modal = useModal();\n\n    return (\n      <Component\n        {...props}\n        close={modal.hide}\n        opened={modal.visible}\n      />\n    );\n  };\n\n  const RegisteredModal = NiceModal.create(ModalContainer);\n\n  const PublicModal = RegisteredModal as ModalComponent<P>;\n\n  PublicModal.open = (props: P) => {\n    return NiceModal.show(RegisteredModal, props);\n  };\n\n  PublicModal.close = () => {\n    return NiceModal.hide(RegisteredModal);\n  };\n\n  return PublicModal;\n};\n"],"mappings":"6FAaA,MAAa,EACX,GACsB,CActB,IAAM,EAAkB,EAAU,OAZH,GAAU,CACvC,IAAM,EAAQ,GAAU,CAExB,OACE,EAAC,EAAA,CACC,GAAI,EACJ,MAAO,EAAM,KACb,OAAQ,EAAM,SACd,EAIkD,CAElD,EAAc,EAUpB,MARA,GAAY,KAAQ,GACX,EAAU,KAAK,EAAiB,EAAM,CAG/C,EAAY,UACH,EAAU,KAAK,EAAgB,CAGjC"}
+{"version":3,"file":"createModal.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/registry/createModal.tsx"],"sourcesContent":["import type { ComponentType, FC } from 'react';\n\nimport NiceModal, { useModal } from '@ebay/nice-modal-react';\n\nexport type ModalInternalProps = {\n  opened: boolean;\n  close: () => void;\n};\n\nexport type ModalComponent<P> = ComponentType<P> & {\n  open: (props: P) => Promise<unknown>;\n  close: () => void;\n};\n\nexport const createModal = <P extends object>(\n  Component: ComponentType<P & ModalInternalProps>,\n): ModalComponent<P> => {\n  const ModalContainer: FC<P> = (props) => {\n    const modal = useModal();\n\n    return <Component {...props} close={modal.hide} opened={modal.visible} />;\n  };\n\n  const RegisteredModal = NiceModal.create(ModalContainer);\n\n  const PublicModal = RegisteredModal as ModalComponent<P>;\n\n  PublicModal.open = (props: P) => {\n    return NiceModal.show(RegisteredModal, props);\n  };\n\n  PublicModal.close = () => {\n    return NiceModal.hide(RegisteredModal);\n  };\n\n  return PublicModal;\n};\n"],"mappings":"6FAcA,MAAa,EACX,GACsB,CAOtB,IAAM,EAAkB,EAAU,OANH,GAAU,CACvC,IAAM,EAAQ,GAAU,CAExB,OAAO,EAAC,EAAA,CAAU,GAAI,EAAO,MAAO,EAAM,KAAM,OAAQ,EAAM,SAAW,EAGnB,CAElD,EAAc,EAUpB,MARA,GAAY,KAAQ,GACX,EAAU,KAAK,EAAiB,EAAM,CAG/C,EAAY,UACH,EAAU,KAAK,EAAgB,CAGjC"}

package/dist/components/overlays/modals/registry/openModalById.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"openModalById.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/registry/openModalById.ts"],"mappings":";cAEa,aAAA,qBACX,EAAA,UACA,KAAA,EAAO,CAAA,KAAC,OAAA"}
+{"version":3,"file":"openModalById.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/registry/openModalById.ts"],"mappings":";cAEa,aAAA,qBAAmC,EAAA,UAAY,KAAA,EAAO,CAAA,KAAC,OAAA"}

package/dist/components/overlays/modals/registry/openModalById.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"openModalById.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/registry/openModalById.ts"],"sourcesContent":["import NiceModal from '@ebay/nice-modal-react';\n\nexport const openModalById = <P extends object>(\n  id: string,\n  props: P,\n) => {\n  return NiceModal.show(id, props);\n};\n"],"mappings":"sCAEA,MAAa,GACX,EACA,IAEO,EAAU,KAAK,EAAI,EAAM"}
+{"version":3,"file":"openModalById.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/registry/openModalById.ts"],"sourcesContent":["import NiceModal from '@ebay/nice-modal-react';\n\nexport const openModalById = <P extends object>(id: string, props: P) => {\n  return NiceModal.show(id, props);\n};\n"],"mappings":"sCAEA,MAAa,GAAmC,EAAY,IACnD,EAAU,KAAK,EAAI,EAAM"}

package/dist/components/overlays/modals/registry/registerModal.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"registerModal.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/registry/registerModal.ts"],"mappings":";;;cAIa,aAAA,qBACX,EAAA,UACA,KAAA,EAAO,cAAA,CAAe,CAAA"}
+{"version":3,"file":"registerModal.d.mts","names":[],"sources":["../../../../../src/components/overlays/modals/registry/registerModal.ts"],"mappings":";;;cAMa,aAAA,qBACX,EAAA,UACA,KAAA,EAAO,cAAA,CAAe,CAAA"}

package/dist/components/overlays/modals/registry/registerModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"registerModal.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/registry/registerModal.ts"],"sourcesContent":["import NiceModal, { unregister } from '@ebay/nice-modal-react';\nimport type { ModalComponent } from './createModal';\nimport type { FC } from 'react';\n\nexport const registerModal = <P extends object>(\n  id: string,\n  modal: ModalComponent<P>,\n) => {\n  unregister(id);\n  NiceModal.register(id, modal as unknown as FC<P>);\n};\n"],"mappings":"uDAIA,MAAa,GACX,EACA,IACG,CACH,EAAW,EAAG,CACd,EAAU,SAAS,EAAI,EAA0B"}
+{"version":3,"file":"registerModal.mjs","names":[],"sources":["../../../../../src/components/overlays/modals/registry/registerModal.ts"],"sourcesContent":["import type { FC } from 'react';\n\nimport NiceModal, { unregister } from '@ebay/nice-modal-react';\n\nimport type { ModalComponent } from './createModal';\n\nexport const registerModal = <P extends object>(\n  id: string,\n  modal: ModalComponent<P>,\n) => {\n  unregister(id);\n  NiceModal.register(id, modal as unknown as FC<P>);\n};\n"],"mappings":"uDAMA,MAAa,GACX,EACA,IACG,CACH,EAAW,EAAG,CACd,EAAU,SAAS,EAAI,EAA0B"}

package/dist/components/overlays/tooltip/Tooltip.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/overlays/tooltip/Tooltip.d.ts
@@ -35,7 +35,7 @@ declare const Tooltip: ({
   keepMounted,
   withinPortal,
   classNames
-}: TooltipProps) => react_jsx_runtime15.JSX.Element;
+}: TooltipProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { Tooltip, TooltipProps };
 //# sourceMappingURL=Tooltip.d.mts.map

package/dist/components/overlays/tooltip/Tooltip.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.mts","names":[],"sources":["../../../../src/components/overlays/tooltip/Tooltip.tsx"],"mappings":";;;;KAMY,YAAA;EACV,QAAA,GAAW,SAAA;EACX,KAAA,EAAO,SAAA;EACP,MAAA;EACA,EAAA;EACA,QAAA;EAaA,MAAA;EACA,SAAA;EACA,QAAA;EACA,MAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;IACE,IAAA;IACA,OAAA;IACA,KAAA;EAAA;AAAA;AAAA,cAIS,OAAA;EACX,QAAA;EAAA,KAAA;EAAA,MAAA;EAAA,EAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,WAAA;EAAA,YAAA;EAAA;AAAA,GAcG,YAAA,KAAY,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Tooltip.d.mts","names":[],"sources":["../../../../src/components/overlays/tooltip/Tooltip.tsx"],"mappings":";;;;KAUY,YAAA;EACV,QAAA,GAAW,SAAA;EACX,KAAA,EAAO,SAAA;EACP,MAAA;EACA,EAAA;EACA,QAAA;EAaA,MAAA;EACA,SAAA;EACA,QAAA;EACA,MAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;IACE,IAAA;IACA,OAAA;IACA,KAAA;EAAA;AAAA;AAAA,cAIS,OAAA;EAAW,QAAA;EAAA,KAAA;EAAA,MAAA;EAAA,EAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,WAAA;EAAA,YAAA;EAAA;AAAA,GAcrB,YAAA,KAAY,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/overlays/tooltip/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","names":["Tooltip","MantineTooltip"],"sources":["../../../../src/components/overlays/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { tooltip, tooltipArrow, tooltipRoot } from '@mage-ui/styled-system/recipes';\nimport { Tooltip as MantineTooltip } from '@mantine/core';\n\nexport type TooltipProps = {\n  children?: ReactNode;\n  label: ReactNode;\n  offset?: number;\n  id?: string;\n  position?:\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n  inline?: boolean;\n  multiline?: boolean;\n  disabled?: boolean;\n  target?: string;\n  withArrow?: boolean;\n  keepMounted?: boolean;\n  withinPortal?: boolean;\n  classNames?: {\n    root?: string;\n    tooltip?: string;\n    arrow?: string;\n  };\n};\n\nexport const Tooltip = (\n  { \n    children, \n    label, \n    offset, \n    id, \n    position, \n    inline, \n    multiline, \n    disabled, \n    target, \n    withArrow,\n    keepMounted,\n    withinPortal,\n    classNames\n  }: TooltipProps) => {\n  return (\n    <MantineTooltip\n      label={label}\n      offset={offset}\n      id={id}\n      position={position}\n      inline={inline}\n      multiline={multiline}\n      disabled={disabled}\n      target={target}\n      withArrow={withArrow}\n      keepMounted={keepMounted}\n      withinPortal={withinPortal}\n      classNames={{\n        tooltip: cx(classNames?.tooltip ?? tooltip(), classNames?.root ?? tooltipRoot()),\n        arrow: classNames?.arrow ?? tooltipArrow(),\n      }}\n    >\n      {children}\n    </MantineTooltip>\n  );\n};"],"mappings":"4NAsCA,MAAaA,GACX,CACE,WACA,QACA,SACA,KACA,WACA,SACA,YACA,WACA,SACA,YACA,cACA,eACA,gBAGA,EAACC,EAAAA,CACQ,QACC,SACJ,KACM,WACF,SACG,YACD,WACF,SACG,YACE,cACC,eACd,WAAY,CACV,QAAS,EAAG,GAAY,SAAW,GAAS,CAAE,GAAY,MAAQ,GAAa,CAAC,CAChF,MAAO,GAAY,OAAS,GAAc,CAC3C,CAEA,YACc"}
+{"version":3,"file":"Tooltip.mjs","names":["Tooltip","MantineTooltip"],"sources":["../../../../src/components/overlays/tooltip/Tooltip.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  tooltip,\n  tooltipArrow,\n  tooltipRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Tooltip as MantineTooltip } from '@mantine/core';\n\nexport type TooltipProps = {\n  children?: ReactNode;\n  label: ReactNode;\n  offset?: number;\n  id?: string;\n  position?:\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end';\n  inline?: boolean;\n  multiline?: boolean;\n  disabled?: boolean;\n  target?: string;\n  withArrow?: boolean;\n  keepMounted?: boolean;\n  withinPortal?: boolean;\n  classNames?: {\n    root?: string;\n    tooltip?: string;\n    arrow?: string;\n  };\n};\n\nexport const Tooltip = ({\n  children,\n  label,\n  offset,\n  id,\n  position,\n  inline,\n  multiline,\n  disabled,\n  target,\n  withArrow,\n  keepMounted,\n  withinPortal,\n  classNames,\n}: TooltipProps) => {\n  return (\n    <MantineTooltip\n      label={label}\n      offset={offset}\n      id={id}\n      position={position}\n      inline={inline}\n      multiline={multiline}\n      disabled={disabled}\n      target={target}\n      withArrow={withArrow}\n      keepMounted={keepMounted}\n      withinPortal={withinPortal}\n      classNames={{\n        tooltip: cx(\n          classNames?.tooltip ?? tooltip(),\n          classNames?.root ?? tooltipRoot(),\n        ),\n        arrow: classNames?.arrow ?? tooltipArrow(),\n      }}\n    >\n      {children}\n    </MantineTooltip>\n  );\n};\n"],"mappings":"4NA0CA,MAAaA,GAAW,CACtB,WACA,QACA,SACA,KACA,WACA,SACA,YACA,WACA,SACA,YACA,cACA,eACA,gBAGE,EAACC,EAAAA,CACQ,QACC,SACJ,KACM,WACF,SACG,YACD,WACF,SACG,YACE,cACC,eACd,WAAY,CACV,QAAS,EACP,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CAClC,CACD,MAAO,GAAY,OAAS,GAAc,CAC3C,CAEA,YACc"}

package/dist/index.d.mts

@@ -1,67 +1,77 @@
 import { Button, ButtonProps } from "./components/buttons/button/Button.mjs";
 import { ButtonAction, ButtonActionProps } from "./components/buttons/button-action/ButtonAction.mjs";
+import { ButtonLoader } from "./components/buttons/button-action/ButtonLoader.mjs";
 import { ButtonIcon, ButtonIconProps } from "./components/buttons/button-icon/ButtonIcon.mjs";
 import { ButtonIconVisual, ButtonIconVisualProps } from "./components/buttons/button-icon-visual/ButtonIconVisual.mjs";
 import { ButtonVisual, ButtonVisualProps } from "./components/buttons/button-visual/ButtonVisual.mjs";
-import { Checkbox, CheckboxProps } from "./components/controls/checkbox/Checkbox.mjs";
-import { TextInput, TextInputProps } from "./components/controls/text-input/TextInput.mjs";
-import { PasswordInput, PasswordInputProps } from "./components/controls/password-input/PasswordInput.mjs";
-import { PasswordInputStrength, PasswordInputStrengthProps } from "./components/controls/password-input-strength/PasswordInputStrength.mjs";
-import { FileInput, FileInputProps } from "./components/controls/file-input/FileInput.mjs";
-import { FileInputMultiple, FileInputMultipleProps } from "./components/controls/file-input/FileInputMultiple.mjs";
-import { Textarea, TextareaProps } from "./components/controls/textarea/Textarea.mjs";
-import { Radio, RadioProps } from "./components/controls/radio/Radio.mjs";
-import { Select, SelectProps } from "./components/controls/select/Select.mjs";
-import { MultiSelect, MultiSelectProps } from "./components/controls/multi-select/MultiSelect.mjs";
-import { MultiSelectTags, MultiSelectTagsProps } from "./components/controls/multi-select/MultiSelectTags.mjs";
+import { Menu, MenuProps } from "./components/navigations/menu/Menu.mjs";
 import { Combobox, ComboboxProps } from "./components/controls/combobox/Combobox.mjs";
 import { Autocomplete, AutocompleteProps, OptionProps } from "./components/controls/autocomplete/Autocomplete.mjs";
-import { Menu, MenuProps } from "./components/navigations/menu/Menu.mjs";
+import { Checkbox, CheckboxProps } from "./components/controls/checkbox/Checkbox.mjs";
 import { DatePicker, DatePickerProps } from "./components/controls/date-picker/DatePicker.mjs";
+import { AssignedUser, AssignedUserProps } from "./components/data-display/assigned-user/AssignedUser.mjs";
 import { Avatar, AvatarProps } from "./components/data-display/avatar/Avatar.mjs";
 import { Badge, BadgeProps } from "./components/data-display/badge/Badge.mjs";
-import { Tag, TagProps } from "./components/data-display/tag/Tag.mjs";
-import { TagGroup, TagGroupProps } from "./components/data-display/tag-group/TagGroup.mjs";
+import { Calendar, CalendarEvent, CalendarProps, DateLocalizer, momentLocalizer } from "./components/data-display/calendar/Calendar.mjs";
 import { Icon, IconProps } from "./components/data-display/icons/icon/Icon.mjs";
 import { IconRaw, IconRawProps } from "./components/data-display/icons/icon-raw/IconRaw.mjs";
+import { IconSvg, IconSvgProps } from "./components/data-display/icons/icon-svg/IconSvg.mjs";
 import { IconWrapped, IconWrappedProps } from "./components/data-display/icons/icon-wrapped/IconWrapped.mjs";
-import { UploadedFile, UploadedFileProps } from "./components/data-display/uploaded-file/UploadedFile.mjs";
+import { Indicator, IndicatorProps } from "./components/data-display/indicator/Indicator.mjs";
 import { LoaderDot, LoaderDotProps } from "./components/data-display/loader-dot/LoaderDot.mjs";
 import { LoaderOval, LoaderOvalProps } from "./components/data-display/loader-oval/LoaderOval.mjs";
-import { Calendar, CalendarEvent, CalendarProps, momentLocalizer } from "./components/data-display/calendar/Calendar.mjs";
 import { LogoImage, LogoImageProps } from "./components/data-display/logos/logo-image/LogoImage.mjs";
 import { LogoSvg, LogoSvgProps } from "./components/data-display/logos/logo-svg/LogoSvg.mjs";
-import { Indicator, IndicatorProps } from "./components/data-display/indicator/Indicator.mjs";
+import { RemovableItem, RemovableItemProps } from "./components/data-display/removable-item/RemovableItem.mjs";
+import { Tag, TagProps } from "./components/data-display/tag/Tag.mjs";
+import { TagGroup, TagGroupProps } from "./components/data-display/tag-group/TagGroup.mjs";
+import { UploadedFile, UploadedFileProps } from "./components/data-display/uploaded-file/UploadedFile.mjs";
+import { UploadedFileDetails, UploadedFileDetailsProps } from "./components/data-display/uploaded-file/UploadedFileDetails.mjs";
 import { Dropzone, DropzoneProps, FileData } from "./components/controls/dropzone/Dropzone.mjs";
 import { DropzoneFiles, DropzoneFilesProps } from "./components/controls/dropzone-files/DropzoneFiles.mjs";
+import { FileInput, FileInputProps } from "./components/controls/file-input/FileInput.mjs";
+import { FileInputMultiple, FileInputMultipleProps } from "./components/controls/file-input/FileInputMultiple.mjs";
+import { MultiSelect, MultiSelectProps } from "./components/controls/multi-select/MultiSelect.mjs";
+import { MultiSelectTags, MultiSelectTagsProps } from "./components/controls/multi-select/MultiSelectTags.mjs";
+import { TextInput, TextInputProps } from "./components/controls/text-input/TextInput.mjs";
+import { PasswordInput, PasswordInputProps } from "./components/controls/password-input/PasswordInput.mjs";
+import { PasswordInputStrength, PasswordInputStrengthProps } from "./components/controls/password-input-strength/oldPasswordInputStrength.mjs";
+import { Radio, RadioProps } from "./components/controls/radio/Radio.mjs";
+import { Select, SelectProps } from "./components/controls/select/Select.mjs";
+import { Textarea, TextareaProps } from "./components/controls/textarea/Textarea.mjs";
+import { Chevron, ChevronProps } from "./components/controls/utils/chevron/Chevron.mjs";
+import { ClearButton, ClearButtonProps } from "./components/controls/utils/clear-button/ClearButton.mjs";
+import { Form, FormProps } from "./components/forms/Form.mjs";
+import { PASSWORD_RULES } from "./components/forms/rules/password-rules.mjs";
+import { z } from "./components/forms/rules/zod.mjs";
 import { TopBar, TopBarProps } from "./components/layouts/top-bar/TopBar.mjs";
 import { HorizontalDivider, HorizontalDividerProps } from "./components/misc/horizontal-divider/HorizontalDivider.mjs";
 import { ScrollArea, ScrollAreaProps } from "./components/misc/scroll-area/ScrollArea.mjs";
 import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
 import { VisuallyHidden, VisuallyHiddenProps } from "./components/misc/visually-hidden/VisuallyHidden.mjs";
 import { Breadcrumbs, BreadcrumbsProps } from "./components/navigations/breadcrumbs/Breadcrumbs.mjs";
-import { Modal, ModalProps } from "./components/overlays/modal/Modal.mjs";
-import { ModalsProvider } from "./components/overlays/modals/ModalsProvider.mjs";
-import { ModalComponent, createModal } from "./components/overlays/modals/registry/createModal.mjs";
-import { registerModal } from "./components/overlays/modals/registry/registerModal.mjs";
-import { openModalById } from "./components/overlays/modals/registry/openModalById.mjs";
-import { ModalConfirm, ModalConfirmPublicProps } from "./components/overlays/modals/confirm/ModalConfirm.mjs";
-import { confirm } from "./components/overlays/modals/confirm/confirm.mjs";
-import { confirmById } from "./components/overlays/modals/confirm/confirmById.mjs";
-import { ModalAlert, ModalAlertPublicProps } from "./components/overlays/modals/alert/ModalAlert.mjs";
+import { Modal, ModalProps, ModalRootProps } from "./components/overlays/modal/Modal.mjs";
+import { ModalAlert, ModalAlertClassNames, ModalAlertPublicProps } from "./components/overlays/modals/alert/ModalAlert.mjs";
 import { alert } from "./components/overlays/modals/alert/alert.mjs";
 import { alertById } from "./components/overlays/modals/alert/alertById.mjs";
+import { ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps } from "./components/overlays/modals/confirm/ModalConfirm.mjs";
+import { confirm } from "./components/overlays/modals/confirm/confirm.mjs";
+import { confirmById } from "./components/overlays/modals/confirm/confirmById.mjs";
+import { ModalsProvider, ModalsProviderProps } from "./components/overlays/modals/ModalsProvider.mjs";
+import { ModalComponent, ModalInternalProps, createModal } from "./components/overlays/modals/registry/createModal.mjs";
+import { openModalById } from "./components/overlays/modals/registry/openModalById.mjs";
+import { registerModal } from "./components/overlays/modals/registry/registerModal.mjs";
 import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs";
 import "./components/index.mjs";
 import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
 import "./providers/index.mjs";
 import { Notification, NotificationProps } from "./semedlab/components/data-display/notification/Notification.mjs";
-import { UserProfile, UserProfileProps } from "./semedlab/components/data-display/user-profile/UserProfile.mjs";
 import { UserGroupPreview, UserGroupPreviewProps } from "./semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs";
-import { BreadcrumbsBar, BreadcrumbsBarProps } from "./semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs";
-import { NotificationList, NotificationListProps } from "./semedlab/components/navigations/notification-list/NotificationList.mjs";
+import { UserProfile, UserProfileProps } from "./semedlab/components/data-display/user-profile/UserProfile.mjs";
 import { NotificationMenu, NotificationMenuProps } from "./semedlab/components/navigations/notification-menu/NotificationMenu.mjs";
 import { ProfileMenu, ProfileMenuProps } from "./semedlab/components/navigations/profile-menu/ProfileMenu.mjs";
 import { BackofficeTopBar, BackofficeTopBarProps } from "./semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs";
+import { BreadcrumbsBar, BreadcrumbsBarProps } from "./semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs";
+import { NotificationList, NotificationListProps } from "./semedlab/components/navigations/notification-list/NotificationList.mjs";
 import "./semedlab/components/index.mjs";
-export { Autocomplete, AutocompleteProps, Avatar, AvatarProps, BackofficeTopBar, BackofficeTopBarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBar, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxProps, Combobox, ComboboxProps, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalAlert, ModalAlertPublicProps, ModalComponent, ModalConfirm, ModalConfirmPublicProps, ModalProps, ModalsProvider, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, Notification, NotificationList, NotificationListProps, NotificationMenu, NotificationMenuProps, NotificationProps, OptionProps, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, ProfileMenu, ProfileMenuProps, Radio, RadioProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Tooltip, TooltipProps, TopBar, TopBarProps, UploadedFile, UploadedFileProps, UserGroupPreview, UserGroupPreviewProps, UserProfile, UserProfileProps, VisuallyHidden, VisuallyHiddenProps, alert, alertById, confirm, confirmById, createModal, momentLocalizer, openModalById, registerModal };
+export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, BackofficeTopBar, BackofficeTopBarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBar, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, Form, FormProps, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalAlert, ModalAlertClassNames, ModalAlertPublicProps, ModalComponent, ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps, ModalInternalProps, ModalProps, ModalRootProps, ModalsProvider, ModalsProviderProps, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, Notification, NotificationList, NotificationListProps, NotificationMenu, NotificationMenuProps, NotificationProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, ProfileMenu, ProfileMenuProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Tooltip, TooltipProps, TopBar, TopBarProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, UserGroupPreview, UserGroupPreviewProps, UserProfile, UserProfileProps, VisuallyHidden, VisuallyHiddenProps, alert, alertById, confirm, confirmById, createModal, momentLocalizer, openModalById, registerModal, z };

package/dist/index.mjs

@@ -1 +1 @@
-import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{Avatar as r}from"./components/data-display/avatar/Avatar.mjs";import{Badge as i}from"./components/data-display/badge/Badge.mjs";import{TagGroup as a}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as o}from"./components/data-display/tag/Tag.mjs";import{IconRaw as s}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as c}from"./components/data-display/icons/icon/Icon.mjs";import{IconWrapped as l}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{UploadedFile as u}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{LoaderDot as d}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as f}from"./components/data-display/loader-oval/LoaderOval.mjs";import{Calendar as p,momentLocalizer as m}from"./components/data-display/calendar/Calendar.mjs";import{LogoImage as h}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as g}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{Indicator as _}from"./components/data-display/indicator/Indicator.mjs";import{HorizontalDivider as v}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as y}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as x}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as S}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as C}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Checkbox as w}from"./components/controls/checkbox/Checkbox.mjs";import{TextInput as T}from"./components/controls/text-input/TextInput.mjs";import{PasswordInput as E}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordInputStrength as D}from"./components/controls/password-input-strength/PasswordInputStrength.mjs";import{FileInput as O}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as k}from"./components/controls/file-input/FileInputMultiple.mjs";import{Textarea as A}from"./components/controls/textarea/Textarea.mjs";import{Radio as j}from"./components/controls/radio/Radio.mjs";import{Select as M}from"./components/controls/select/Select.mjs";import{MultiSelect as N}from"./components/controls/multi-select/MultiSelect.mjs";import{MultiSelectTags as P}from"./components/controls/multi-select/MultiSelectTags.mjs";import{Combobox as F}from"./components/controls/combobox/Combobox.mjs";import{Autocomplete as I}from"./components/controls/autocomplete/Autocomplete.mjs";import{Menu as L}from"./components/navigations/menu/Menu.mjs";import{DatePicker as R}from"./components/controls/date-picker/DatePicker.mjs";import{Dropzone as z}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as B}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{TopBar as V}from"./components/layouts/top-bar/TopBar.mjs";import{Breadcrumbs as H}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Modal as U}from"./components/overlays/modal/Modal.mjs";import{ModalsProvider as W}from"./components/overlays/modals/ModalsProvider.mjs";import{createModal as G}from"./components/overlays/modals/registry/createModal.mjs";import{registerModal as K}from"./components/overlays/modals/registry/registerModal.mjs";import{openModalById as q}from"./components/overlays/modals/registry/openModalById.mjs";import{ModalConfirm as J}from"./components/overlays/modals/confirm/ModalConfirm.mjs";import{confirm as Y}from"./components/overlays/modals/confirm/confirm.mjs";import{confirmById as X}from"./components/overlays/modals/confirm/confirmById.mjs";import{ModalAlert as Z}from"./components/overlays/modals/alert/ModalAlert.mjs";import{alert as Q}from"./components/overlays/modals/alert/alert.mjs";import{alertById as $}from"./components/overlays/modals/alert/alertById.mjs";import{Tooltip as ee}from"./components/overlays/tooltip/Tooltip.mjs";import{MageUiProvider as te}from"./providers/MageUiProvider.mjs";import{Notification as ne}from"./semedlab/components/data-display/notification/Notification.mjs";import{UserProfile as re}from"./semedlab/components/data-display/user-profile/UserProfile.mjs";import{UserGroupPreview as ie}from"./semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs";import{BreadcrumbsBar as ae}from"./semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs";import{NotificationList as oe}from"./semedlab/components/navigations/notification-list/NotificationList.mjs";import{NotificationMenu as se}from"./semedlab/components/navigations/notification-menu/NotificationMenu.mjs";import{ProfileMenu as ce}from"./semedlab/components/navigations/profile-menu/ProfileMenu.mjs";import{BackofficeTopBar as le}from"./semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs";export{I as Autocomplete,r as Avatar,le as BackofficeTopBar,i as Badge,H as Breadcrumbs,ae as BreadcrumbsBar,e as Button,n as ButtonAction,x as ButtonIcon,S as ButtonIconVisual,C as ButtonVisual,p as Calendar,w as Checkbox,F as Combobox,R as DatePicker,z as Dropzone,B as DropzoneFiles,O as FileInput,k as FileInputMultiple,v as HorizontalDivider,c as Icon,s as IconRaw,l as IconWrapped,_ as Indicator,d as LoaderDot,f as LoaderOval,h as LogoImage,g as LogoSvg,te as MageUiProvider,L as Menu,U as Modal,Z as ModalAlert,J as ModalConfirm,W as ModalsProvider,N as MultiSelect,P as MultiSelectTags,ne as Notification,oe as NotificationList,se as NotificationMenu,E as PasswordInput,D as PasswordInputStrength,ce as ProfileMenu,j as Radio,y as ScrollArea,b as ScrollAreaAutosize,M as Select,o as Tag,a as TagGroup,T as TextInput,A as Textarea,ee as Tooltip,V as TopBar,u as UploadedFile,ie as UserGroupPreview,re as UserProfile,t as VisuallyHidden,Q as alert,$ as alertById,Y as confirm,X as confirmById,G as createModal,m as momentLocalizer,q as openModalById,K as registerModal};
+import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{IconRaw as l}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as u}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as d}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as f}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as p}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as m}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as h}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as g}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as _}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{RemovableItem as v}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as y}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as b}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as x}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as S}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as C}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as w}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as T}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as E}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as D}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as O}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Menu as k}from"./components/navigations/menu/Menu.mjs";import{TextInput as A}from"./components/controls/text-input/TextInput.mjs";import{Chevron as j}from"./components/controls/utils/chevron/Chevron.mjs";import{ClearButton as M}from"./components/controls/utils/clear-button/ClearButton.mjs";import{Combobox as N}from"./components/controls/combobox/Combobox.mjs";import{Autocomplete as P}from"./components/controls/autocomplete/Autocomplete.mjs";import{Checkbox as F}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as I}from"./components/controls/date-picker/DatePicker.mjs";import{Dropzone as L}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as R}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as z}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as B}from"./components/controls/file-input/FileInputMultiple.mjs";import{MultiSelect as V}from"./components/controls/multi-select/MultiSelect.mjs";import{MultiSelectTags as H}from"./components/controls/multi-select/MultiSelectTags.mjs";import{PasswordInput as U}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordInputStrength as W}from"./components/controls/password-input-strength/oldPasswordInputStrength.mjs";import{Radio as G}from"./components/controls/radio/Radio.mjs";import{Select as K}from"./components/controls/select/Select.mjs";import{Textarea as q}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as J}from"./components/forms/rules/password-rules.mjs";import{z as Y}from"./components/forms/rules/zod.mjs";import{Form as X}from"./components/forms/Form.mjs";import{TopBar as Z}from"./components/layouts/top-bar/TopBar.mjs";import{Breadcrumbs as Q}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Modal as $}from"./components/overlays/modal/Modal.mjs";import{createModal as ee}from"./components/overlays/modals/registry/createModal.mjs";import{ModalAlert as te}from"./components/overlays/modals/alert/ModalAlert.mjs";import{alert as ne}from"./components/overlays/modals/alert/alert.mjs";import{openModalById as re}from"./components/overlays/modals/registry/openModalById.mjs";import{alertById as ie}from"./components/overlays/modals/alert/alertById.mjs";import{ModalConfirm as ae}from"./components/overlays/modals/confirm/ModalConfirm.mjs";import{confirm as oe}from"./components/overlays/modals/confirm/confirm.mjs";import{confirmById as se}from"./components/overlays/modals/confirm/confirmById.mjs";import{ModalsProvider as ce}from"./components/overlays/modals/ModalsProvider.mjs";import{registerModal as le}from"./components/overlays/modals/registry/registerModal.mjs";import{Tooltip as ue}from"./components/overlays/tooltip/Tooltip.mjs";import{MageUiProvider as de}from"./providers/MageUiProvider.mjs";import{Notification as fe}from"./semedlab/components/data-display/notification/Notification.mjs";import{UserGroupPreview as pe}from"./semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs";import{UserProfile as me}from"./semedlab/components/data-display/user-profile/UserProfile.mjs";import{NotificationMenu as he}from"./semedlab/components/navigations/notification-menu/NotificationMenu.mjs";import{ProfileMenu as ge}from"./semedlab/components/navigations/profile-menu/ProfileMenu.mjs";import{BackofficeTopBar as _e}from"./semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs";import{BreadcrumbsBar as ve}from"./semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs";import{NotificationList as ye}from"./semedlab/components/navigations/notification-list/NotificationList.mjs";export{i as AssignedUser,P as Autocomplete,a as Avatar,_e as BackofficeTopBar,o as Badge,Q as Breadcrumbs,ve as BreadcrumbsBar,e as Button,n as ButtonAction,E as ButtonIcon,D as ButtonIconVisual,r as ButtonLoader,O as ButtonVisual,s as Calendar,F as Checkbox,j as Chevron,M as ClearButton,N as Combobox,I as DatePicker,L as Dropzone,R as DropzoneFiles,z as FileInput,B as FileInputMultiple,X as Form,C as HorizontalDivider,u as Icon,l as IconRaw,d as IconSvg,f as IconWrapped,p as Indicator,m as LoaderDot,h as LoaderOval,g as LogoImage,_ as LogoSvg,de as MageUiProvider,k as Menu,$ as Modal,te as ModalAlert,ae as ModalConfirm,ce as ModalsProvider,V as MultiSelect,H as MultiSelectTags,fe as Notification,ye as NotificationList,he as NotificationMenu,J as PASSWORD_RULES,U as PasswordInput,W as PasswordInputStrength,ge as ProfileMenu,G as Radio,v as RemovableItem,w as ScrollArea,T as ScrollAreaAutosize,K as Select,b as Tag,y as TagGroup,A as TextInput,q as Textarea,ue as Tooltip,Z as TopBar,x as UploadedFile,S as UploadedFileDetails,pe as UserGroupPreview,me as UserProfile,t as VisuallyHidden,ne as alert,ie as alertById,oe as confirm,se as confirmById,ee as createModal,c as momentLocalizer,re as openModalById,le as registerModal,Y as z};

package/dist/semedlab/components/data-display/index.d.mts

@@ -1,3 +1,3 @@
 import { Notification, NotificationProps } from "./notification/Notification.mjs";
-import { UserProfile, UserProfileProps } from "./user-profile/UserProfile.mjs";
-import { UserGroupPreview, UserGroupPreviewProps } from "./user-group-preview/UserGroupPreview.mjs";
+import { UserGroupPreview, UserGroupPreviewProps } from "./user-group-preview/UserGroupPreview.mjs";
+import { UserProfile, UserProfileProps } from "./user-profile/UserProfile.mjs";

package/dist/semedlab/components/data-display/notification/Notification.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.mts","names":[],"sources":["../../../../../src/semedlab/components/data-display/notification/Notification.tsx"],"mappings":";;;KAkBY,iBAAA;EACV,QAAA;EACA,IAAA;EACA,KAAA,EAAO,SAAA;EACP,WAAA,GAAc,SAAA;EACd,eAAA;EACA,SAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,KAAA;IACA,IAAA;IACA,WAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAMS,YAAA;EAAgB,QAAA;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,eAAA;EAAA,SAAA;EAAA;AAAA,GAQ1B,iBAAA,KAAoB,SAAA"}
+{"version":3,"file":"Notification.d.mts","names":[],"sources":["../../../../../src/semedlab/components/data-display/notification/Notification.tsx"],"mappings":";;;KAoBY,iBAAA;EACV,QAAA;EACA,IAAA;EACA,KAAA,EAAO,SAAA;EACP,WAAA,GAAc,SAAA;EACd,eAAA;EACA,SAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;IACA,KAAA;IACA,IAAA;IACA,WAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAMS,YAAA;EAAgB,QAAA;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,eAAA;EAAA,SAAA;EAAA;AAAA,GAQ1B,iBAAA,KAAoB,SAAA"}

package/dist/semedlab/components/data-display/notification/Notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.mjs","names":[],"sources":["../../../../../src/semedlab/components/data-display/notification/Notification.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  notification,\n  notificationRoot,\n  notificationRootFadeOut,\n  notificationWrapper,\n  notificationContent,\n  notificationIcon,\n  notificationTitle,\n  notificationLink,\n  notificationDescription,\n  notificationDismissButton,\n  notificationDivider,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon, Icon } from '../../../../components';\n\nexport type NotificationProps = {\n  iconName?: string;\n  slug: string;\n  title: ReactNode;\n  description?: ReactNode;\n  dismissBtnLabel: string;\n  onDismiss?: () => void;\n  classNames?: {\n    notification: string;\n    root: string;\n    wrapper: string;\n    content: string;\n    title: string;\n    link: string;\n    description: string;\n    divider: string;\n    // icon: string;\n    // delete: string;\n  };\n};\n\nexport const Notification = ({\n  iconName,\n  slug,\n  title,\n  description,\n  dismissBtnLabel = 'Dismiss notification',\n  onDismiss,\n  classNames,\n}: NotificationProps): ReactNode => {\n  const [isClosing, setIsClosing] = useState(false);\n\n  const handleDismiss = () => {\n    setIsClosing(true);\n    setTimeout(() => {\n      onDismiss?.();\n    }, 300);\n  };\n  return (\n    <>\n      <div\n        className={cx(\n          classNames?.notification ?? notification(),\n          classNames?.root ??\n            cx(notificationRoot(), isClosing && notificationRootFadeOut()),\n        )}\n      >\n        <div className={classNames?.wrapper ?? notificationWrapper()}>\n          {iconName && (\n            <Icon\n              path='/icons/sprite-theme.svg'\n              name={iconName}\n              classNames={{ icon: notificationIcon() }}\n            />\n          )}\n          <div className={classNames?.content ?? notificationContent()}>\n            <h4 className={classNames?.title ?? notificationTitle()}>\n              <a href={slug} className={classNames?.link ?? notificationLink()}>\n                {title}\n              </a>\n            </h4>\n            {description && (\n              <p\n                className={classNames?.description ?? notificationDescription()}\n              >\n                {description}\n              </p>\n            )}\n          </div>\n        </div>\n        <ButtonIcon\n          path='/icons/sprite-theme.svg'\n          name='x'\n          label={`${dismissBtnLabel}: ${title}`}\n          // onClick={handleDismiss}\n          onClick={(e) => {\n            e.stopPropagation();\n            handleDismiss();\n          }}\n          classNames={{ root: notificationDismissButton() }}\n        />\n      </div>\n      <div className={classNames?.divider ?? notificationDivider()} />\n    </>\n  );\n};\n"],"mappings":"knBAuCA,MAAa,GAAgB,CAC3B,WACA,OACA,QACA,cACA,kBAAkB,uBAClB,YACA,gBACkC,CAClC,GAAM,CAAC,EAAW,GAAgB,EAAS,GAAM,CAE3C,MAAsB,CAC1B,EAAa,GAAK,CAClB,eAAiB,CACf,KAAa,EACZ,IAAI,EAET,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,cAAgB,GAAc,CAC1C,GAAY,MACV,EAAG,GAAkB,CAAE,GAAa,GAAyB,CAAC,CACjE,WAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,WACzD,GACC,EAAC,EAAA,CACC,KAAK,0BACL,KAAM,EACN,WAAY,CAAE,KAAM,GAAkB,CAAE,EACxC,CAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,WAC1D,EAAC,KAAA,CAAG,UAAW,GAAY,OAAS,GAAmB,UACrD,EAAC,IAAA,CAAE,KAAM,EAAM,UAAW,GAAY,MAAQ,GAAkB,UAC7D,GACC,EACD,CACJ,GACC,EAAC,IAAA,CACC,UAAW,GAAY,aAAe,GAAyB,UAE9D,GACC,CAAA,EAEF,CAAA,EACF,CACN,EAAC,EAAA,CACC,KAAK,0BACL,KAAK,IACL,MAAO,GAAG,EAAgB,IAAI,IAE9B,QAAU,GAAM,CACd,EAAE,iBAAiB,CACnB,GAAe,EAEjB,WAAY,CAAE,KAAM,GAA2B,CAAE,EACjD,CAAA,EACE,CACN,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,CAAA,CAAI,CAAA,CAAA,CAC/D"}
+{"version":3,"file":"Notification.mjs","names":[],"sources":["../../../../../src/semedlab/components/data-display/notification/Notification.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  notification,\n  notificationContent,\n  notificationDescription,\n  notificationDismissButton,\n  notificationDivider,\n  notificationIcon,\n  notificationLink,\n  notificationRoot,\n  notificationRootFadeOut,\n  notificationTitle,\n  notificationWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { ButtonIcon, Icon } from '../../../../components';\n\nexport type NotificationProps = {\n  iconName?: string;\n  slug: string;\n  title: ReactNode;\n  description?: ReactNode;\n  dismissBtnLabel: string;\n  onDismiss?: () => void;\n  classNames?: {\n    notification: string;\n    root: string;\n    wrapper: string;\n    content: string;\n    title: string;\n    link: string;\n    description: string;\n    divider: string;\n    // icon: string;\n    // delete: string;\n  };\n};\n\nexport const Notification = ({\n  iconName,\n  slug,\n  title,\n  description,\n  dismissBtnLabel = 'Dismiss notification',\n  onDismiss,\n  classNames,\n}: NotificationProps): ReactNode => {\n  const [isClosing, setIsClosing] = useState(false);\n\n  const handleDismiss = () => {\n    setIsClosing(true);\n    setTimeout(() => {\n      onDismiss?.();\n    }, 300);\n  };\n  return (\n    <>\n      <div\n        className={cx(\n          classNames?.notification ?? notification(),\n          classNames?.root ??\n            cx(notificationRoot(), isClosing && notificationRootFadeOut()),\n        )}\n      >\n        <div className={classNames?.wrapper ?? notificationWrapper()}>\n          {iconName && (\n            <Icon\n              path='/icons/sprite-theme.svg'\n              name={iconName}\n              classNames={{ icon: notificationIcon() }}\n            />\n          )}\n          <div className={classNames?.content ?? notificationContent()}>\n            <h4 className={classNames?.title ?? notificationTitle()}>\n              <a href={slug} className={classNames?.link ?? notificationLink()}>\n                {title}\n              </a>\n            </h4>\n            {description && (\n              <p\n                className={classNames?.description ?? notificationDescription()}\n              >\n                {description}\n              </p>\n            )}\n          </div>\n        </div>\n        <ButtonIcon\n          path='/icons/sprite-theme.svg'\n          name='x'\n          label={`${dismissBtnLabel}: ${title}`}\n          // onClick={handleDismiss}\n          onClick={(e) => {\n            e.stopPropagation();\n            handleDismiss();\n          }}\n          classNames={{ root: notificationDismissButton() }}\n        />\n      </div>\n      <div className={classNames?.divider ?? notificationDivider()} />\n    </>\n  );\n};\n"],"mappings":"knBAyCA,MAAa,GAAgB,CAC3B,WACA,OACA,QACA,cACA,kBAAkB,uBAClB,YACA,gBACkC,CAClC,GAAM,CAAC,EAAW,GAAgB,EAAS,GAAM,CAE3C,MAAsB,CAC1B,EAAa,GAAK,CAClB,eAAiB,CACf,KAAa,EACZ,IAAI,EAET,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,cAAgB,GAAc,CAC1C,GAAY,MACV,EAAG,GAAkB,CAAE,GAAa,GAAyB,CAAC,CACjE,WAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,WACzD,GACC,EAAC,EAAA,CACC,KAAK,0BACL,KAAM,EACN,WAAY,CAAE,KAAM,GAAkB,CAAE,EACxC,CAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,WAC1D,EAAC,KAAA,CAAG,UAAW,GAAY,OAAS,GAAmB,UACrD,EAAC,IAAA,CAAE,KAAM,EAAM,UAAW,GAAY,MAAQ,GAAkB,UAC7D,GACC,EACD,CACJ,GACC,EAAC,IAAA,CACC,UAAW,GAAY,aAAe,GAAyB,UAE9D,GACC,CAAA,EAEF,CAAA,EACF,CACN,EAAC,EAAA,CACC,KAAK,0BACL,KAAK,IACL,MAAO,GAAG,EAAgB,IAAI,IAE9B,QAAU,GAAM,CACd,EAAE,iBAAiB,CACnB,GAAe,EAEjB,WAAY,CAAE,KAAM,GAA2B,CAAE,EACjD,CAAA,EACE,CACN,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAqB,CAAA,CAAI,CAAA,CAAA,CAC/D"}

package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.mts

@@ -1,6 +1,6 @@
 import { AvatarProps } from "../../../../components/data-display/avatar/Avatar.mjs";
 import "../../../../components/index.mjs";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.ts
 type UserGroupPreviewProps = {
@@ -26,7 +26,7 @@ declare const UserGroupPreview: ({
   maxAvatars,
   previewText,
   classNames
-}: UserGroupPreviewProps) => react_jsx_runtime4.JSX.Element;
+}: UserGroupPreviewProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { UserGroupPreview, UserGroupPreviewProps };
 //# sourceMappingURL=UserGroupPreview.d.mts.map

package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"UserGroupPreview.d.mts","names":[],"sources":["../../../../../src/semedlab/components/data-display/user-group-preview/UserGroupPreview.tsx"],"mappings":";;;;;KAYY,qBAAA;EACV,KAAA,EAAO,WAAA;EACP,UAAA;EACA,WAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,IAAA;IACA,QAAA;IACA,MAAA;MACE,MAAA;MACA,IAAA;MACA,KAAA;MACA,WAAA;IAAA;IAEF,IAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,KAAA;EAAA,UAAA;EAAA,WAAA;EAAA;AAAA,GAK9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"UserGroupPreview.d.mts","names":[],"sources":["../../../../../src/semedlab/components/data-display/user-group-preview/UserGroupPreview.tsx"],"mappings":";;;;;KAYY,qBAAA;EACV,KAAA,EAAO,WAAA;EACP,UAAA;EACA,WAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,IAAA;IACA,QAAA;IACA,MAAA;MACE,MAAA;MACA,IAAA;MACA,KAAA;MACA,WAAA;IAAA;IAEF,IAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,KAAA;EAAA,UAAA;EAAA,WAAA;EAAA;AAAA,GAK9B,qBAAA,KAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/semedlab/components/data-display/user-group-preview/UserGroupPreview.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserGroupPreview.mjs","names":[],"sources":["../../../../../src/semedlab/components/data-display/user-group-preview/UserGroupPreview.tsx"],"sourcesContent":["import { Avatar, type AvatarProps } from '../../../../components';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  userGroupPreview,\n  userGroupPreviewRoot,\n  userGroupPreviewList,\n  userGroupPreviewListItem,\n  userGroupPreviewAvatar,\n  userGroupPreviewMore,\n} from '@mage-ui/styled-system/recipes';\n\nexport type UserGroupPreviewProps = {\n  users: AvatarProps[];\n  maxAvatars?: number;\n  previewText?: string;\n  classNames?: {\n    notification?: string;\n    root?: string;\n    list?: string;\n    listItem?: string;\n    avatar?: {\n      avatar: string;\n      root: string;\n      image: string;\n      placeholder: string;\n    };\n    more: string;\n  };\n};\n\nexport const UserGroupPreview = ({\n  users,\n  maxAvatars = 4,\n  previewText,\n  classNames,\n}: UserGroupPreviewProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.notification ?? userGroupPreview(),\n        classNames?.root ?? userGroupPreviewRoot(),\n      )}\n    >\n      <ul className={classNames?.list ?? userGroupPreviewList()}>\n        {users.slice(0, maxAvatars).map((u, index) => {\n          const zIndex = maxAvatars - index;\n          return (\n            <li\n              key={u.name}\n              className={classNames?.listItem ?? userGroupPreviewListItem()}\n              style={{ zIndex }}\n            >\n              <Avatar\n                key={u.name}\n                name={u.name}\n                src={u.src}\n                alt={u.alt || u.name}\n                classNames={{ avatar: userGroupPreviewAvatar() }}\n              />\n            </li>\n          );\n        })}\n      </ul>\n\n      {users.length > maxAvatars && (\n        <div className={classNames?.more ?? userGroupPreviewMore()}>\n          + {users.length - maxAvatars} {previewText}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"2XA+BA,MAAa,GAAoB,CAC/B,QACA,aAAa,EACb,cACA,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,cAAgB,GAAkB,CAC9C,GAAY,MAAQ,GAAsB,CAC3C,WAED,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAsB,UACtD,EAAM,MAAM,EAAG,EAAW,CAAC,KAAK,EAAG,IAAU,CAC5C,IAAM,EAAS,EAAa,EAC5B,OACE,EAAC,KAAA,CAEC,UAAW,GAAY,UAAY,GAA0B,CAC7D,MAAO,CAAE,SAAQ,UAEjB,EAAC,EAAA,CAEC,KAAM,EAAE,KACR,IAAK,EAAE,IACP,IAAK,EAAE,KAAO,EAAE,KAChB,WAAY,CAAE,OAAQ,GAAwB,CAAE,EAJ3C,EAAE,KAKP,EAVG,EAAE,KAWJ,EAEP,EACC,CAEJ,EAAM,OAAS,GACd,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAsB,WAAE,KACvD,EAAM,OAAS,EAAW,IAAE,IAC3B,CAAA,EAEJ"}
+{"version":3,"file":"UserGroupPreview.mjs","names":[],"sources":["../../../../../src/semedlab/components/data-display/user-group-preview/UserGroupPreview.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  userGroupPreview,\n  userGroupPreviewAvatar,\n  userGroupPreviewList,\n  userGroupPreviewListItem,\n  userGroupPreviewMore,\n  userGroupPreviewRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Avatar, type AvatarProps } from '../../../../components';\n\nexport type UserGroupPreviewProps = {\n  users: AvatarProps[];\n  maxAvatars?: number;\n  previewText?: string;\n  classNames?: {\n    notification?: string;\n    root?: string;\n    list?: string;\n    listItem?: string;\n    avatar?: {\n      avatar: string;\n      root: string;\n      image: string;\n      placeholder: string;\n    };\n    more: string;\n  };\n};\n\nexport const UserGroupPreview = ({\n  users,\n  maxAvatars = 4,\n  previewText,\n  classNames,\n}: UserGroupPreviewProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.notification ?? userGroupPreview(),\n        classNames?.root ?? userGroupPreviewRoot(),\n      )}\n    >\n      <ul className={classNames?.list ?? userGroupPreviewList()}>\n        {users.slice(0, maxAvatars).map((u, index) => {\n          const zIndex = maxAvatars - index;\n          return (\n            <li\n              key={u.name}\n              className={classNames?.listItem ?? userGroupPreviewListItem()}\n              style={{ zIndex }}\n            >\n              <Avatar\n                key={u.name}\n                name={u.name}\n                src={u.src}\n                alt={u.alt || u.name}\n                classNames={{ avatar: userGroupPreviewAvatar() }}\n              />\n            </li>\n          );\n        })}\n      </ul>\n\n      {users.length > maxAvatars && (\n        <div className={classNames?.more ?? userGroupPreviewMore()}>\n          + {users.length - maxAvatars} {previewText}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"2XA+BA,MAAa,GAAoB,CAC/B,QACA,aAAa,EACb,cACA,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,cAAgB,GAAkB,CAC9C,GAAY,MAAQ,GAAsB,CAC3C,WAED,EAAC,KAAA,CAAG,UAAW,GAAY,MAAQ,GAAsB,UACtD,EAAM,MAAM,EAAG,EAAW,CAAC,KAAK,EAAG,IAAU,CAC5C,IAAM,EAAS,EAAa,EAC5B,OACE,EAAC,KAAA,CAEC,UAAW,GAAY,UAAY,GAA0B,CAC7D,MAAO,CAAE,SAAQ,UAEjB,EAAC,EAAA,CAEC,KAAM,EAAE,KACR,IAAK,EAAE,IACP,IAAK,EAAE,KAAO,EAAE,KAChB,WAAY,CAAE,OAAQ,GAAwB,CAAE,EAJ3C,EAAE,KAKP,EAVG,EAAE,KAWJ,EAEP,EACC,CAEJ,EAAM,OAAS,GACd,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAsB,WAAE,KACvD,EAAM,OAAS,EAAW,IAAE,IAC3B,CAAA,EAEJ"}

package/dist/semedlab/components/data-display/user-profile/UserProfile.d.mts

@@ -6,7 +6,6 @@ type UserProfileProps = {
   src?: string;
   alt?: string;
   description?: ReactNode;
-  heading?: boolean;
   classNames?: {
     userProfile?: string;
     root?: string;
@@ -26,7 +25,6 @@ declare const UserProfile: ({
   src,
   alt,
   description,
-  heading,
   classNames
 }: UserProfileProps) => ReactNode;
 //#endregion

package/dist/semedlab/components/data-display/user-profile/UserProfile.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.d.mts","names":[],"sources":["../../../../../src/semedlab/components/data-display/user-profile/UserProfile.tsx"],"mappings":";;;KAYY,gBAAA;EACV,IAAA;EACA,GAAA;EACA,GAAA;EACA,WAAA,GAAc,SAAA;EACd,OAAA;EACA,UAAA;IACE,WAAA;IACA,IAAA;IACA,OAAA;IACA,IAAA;IACA,WAAA;IACA,MAAA;MACE,MAAA;MACA,IAAA;MACA,KAAA;MACA,WAAA;IAAA;EAAA;AAAA;AAAA,cAKO,WAAA;EAAe,IAAA;EAAA,GAAA;EAAA,GAAA;EAAA,WAAA;EAAA,OAAA;EAAA;AAAA,GAOzB,gBAAA,KAAmB,SAAA"}
+{"version":3,"file":"UserProfile.d.mts","names":[],"sources":["../../../../../src/semedlab/components/data-display/user-profile/UserProfile.tsx"],"mappings":";;;KAcY,gBAAA;EACV,IAAA;EACA,GAAA;EACA,GAAA;EACA,WAAA,GAAc,SAAA;EACd,UAAA;IACE,WAAA;IACA,IAAA;IACA,OAAA;IACA,IAAA;IACA,WAAA;IACA,MAAA;MACE,MAAA;MACA,IAAA;MACA,KAAA;MACA,WAAA;IAAA;EAAA;AAAA;AAAA,cAKO,WAAA;EAAe,IAAA;EAAA,GAAA;EAAA,GAAA;EAAA,WAAA;EAAA;AAAA,GAMzB,gBAAA,KAAmB,SAAA"}

package/dist/semedlab/components/data-display/user-profile/UserProfile.mjs

@@ -1,2 +1,2 @@
-import{Avatar as e}from"../../../../components/data-display/avatar/Avatar.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{userProfile as n,userProfileAvatar as r,userProfileDescription as i,userProfileName as a,userProfileRoot as o,userProfileWrapper as s}from"@mage-ui/styled-system/recipes";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=({name:u,src:d,alt:f,description:p,heading:m=!1,classNames:h})=>{let g=m?`h1`:`div`;return l(`div`,{className:t(h?.userProfile??n(),h?.root??o()),children:[c(e,{name:u,src:d,alt:f,classNames:{avatar:r()}}),l(`div`,{className:h?.wrapper??s(),children:[c(g,{className:h?.name??a(),children:u}),p&&c(`div`,{className:h?.name??i(),children:p})]})]})};export{u as UserProfile};
+import{Avatar as e}from"../../../../components/data-display/avatar/Avatar.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{userProfile as n,userProfileAvatar as r,userProfileDescription as i,userProfileName as a,userProfileRoot as o,userProfileWrapper as s}from"@mage-ui/styled-system/recipes";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=({name:u,src:d,alt:f,description:p,classNames:m})=>l(`div`,{className:t(m?.userProfile??n(),m?.root??o()),children:[c(e,{name:u,src:d,alt:f,classNames:{avatar:r()}}),l(`div`,{className:m?.wrapper??s(),children:[c(`div`,{className:m?.name??a(),children:u}),p&&c(`div`,{className:m?.name??i(),children:p})]})]});export{u as UserProfile};
 //# sourceMappingURL=UserProfile.mjs.map

package/dist/semedlab/components/data-display/user-profile/UserProfile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.mjs","names":[],"sources":["../../../../../src/semedlab/components/data-display/user-profile/UserProfile.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  userProfile,\n  userProfileRoot,\n  userProfileWrapper,\n  userProfileName,\n  userProfileDescription,\n  userProfileAvatar,\n} from '@mage-ui/styled-system/recipes';\nimport { Avatar } from '../../../../components';\n\nexport type UserProfileProps = {\n  name: string;\n  src?: string;\n  alt?: string;\n  description?: ReactNode;\n  heading?: boolean;\n  classNames?: {\n    userProfile?: string;\n    root?: string;\n    wrapper?: string;\n    name?: string;\n    description?: string;\n    avatar?: {\n      avatar?: string;\n      root?: string;\n      image?: string;\n      placeholder?: string;\n    };\n  };\n};\n\nexport const UserProfile = ({\n  name,\n  src,\n  alt,\n  description,\n  heading = false,\n  classNames,\n}: UserProfileProps): ReactNode => {\n  // TODO: clean per a que només sigui una cosa\n  const HeadingTag = heading ? 'h1' : 'div'; // això fora\n  return (\n    <div\n      className={cx(\n        classNames?.userProfile ?? userProfile(),\n        classNames?.root ?? userProfileRoot(),\n      )}\n    >\n      <Avatar name={name} src={src} alt={alt} classNames={{ avatar: userProfileAvatar()}} />\n      <div className={classNames?.wrapper ?? userProfileWrapper()}>\n        <HeadingTag className={classNames?.name ?? userProfileName()}>\n          {name}\n        </HeadingTag>\n        {description && (\n          <div className={classNames?.name ?? userProfileDescription()}>\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"mWAiCA,MAAa,GAAe,CAC1B,OACA,MACA,MACA,cACA,UAAU,GACV,gBACiC,CAEjC,IAAM,EAAa,EAAU,KAAO,MACpC,OACE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,aAAe,GAAa,CACxC,GAAY,MAAQ,GAAiB,CACtC,WAED,EAAC,EAAA,CAAa,OAAW,MAAU,MAAK,WAAY,CAAE,OAAQ,GAAmB,CAAC,EAAI,CACtF,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAoB,WACzD,EAAC,EAAA,CAAW,UAAW,GAAY,MAAQ,GAAiB,UACzD,GACU,CACZ,GACC,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAwB,UACzD,GACG,CAAA,EAEJ,CAAA,EACF"}
+{"version":3,"file":"UserProfile.mjs","names":[],"sources":["../../../../../src/semedlab/components/data-display/user-profile/UserProfile.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  userProfile,\n  userProfileAvatar,\n  userProfileDescription,\n  userProfileName,\n  userProfileRoot,\n  userProfileWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Avatar } from '../../../../components';\n\nexport type UserProfileProps = {\n  name: string;\n  src?: string;\n  alt?: string;\n  description?: ReactNode;\n  classNames?: {\n    userProfile?: string;\n    root?: string;\n    wrapper?: string;\n    name?: string;\n    description?: string;\n    avatar?: {\n      avatar?: string;\n      root?: string;\n      image?: string;\n      placeholder?: string;\n    };\n  };\n};\n\nexport const UserProfile = ({\n  name,\n  src,\n  alt,\n  description,\n  classNames,\n}: UserProfileProps): ReactNode => {\n  return (\n    <div\n      className={cx(\n        classNames?.userProfile ?? userProfile(),\n        classNames?.root ?? userProfileRoot(),\n      )}\n    >\n      <Avatar\n        name={name}\n        src={src}\n        alt={alt}\n        classNames={{ avatar: userProfileAvatar() }}\n      />\n      <div className={classNames?.wrapper ?? userProfileWrapper()}>\n        <div className={classNames?.name ?? userProfileName()}>{name}</div>\n        {description && (\n          <div className={classNames?.name ?? userProfileDescription()}>\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"mWAkCA,MAAa,GAAe,CAC1B,OACA,MACA,MACA,cACA,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,aAAe,GAAa,CACxC,GAAY,MAAQ,GAAiB,CACtC,WAED,EAAC,EAAA,CACO,OACD,MACA,MACL,WAAY,CAAE,OAAQ,GAAmB,CAAE,EAC3C,CACF,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAoB,WACzD,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAiB,UAAG,GAAW,CAClE,GACC,EAAC,MAAA,CAAI,UAAW,GAAY,MAAQ,GAAwB,UACzD,GACG,CAAA,EAEJ,CAAA,EACF"}

package/dist/semedlab/components/index.d.mts

@@ -1,10 +1,10 @@
 import { Notification, NotificationProps } from "./data-display/notification/Notification.mjs";
-import { UserProfile, UserProfileProps } from "./data-display/user-profile/UserProfile.mjs";
 import { UserGroupPreview, UserGroupPreviewProps } from "./data-display/user-group-preview/UserGroupPreview.mjs";
+import { UserProfile, UserProfileProps } from "./data-display/user-profile/UserProfile.mjs";
 import "./data-display/index.mjs";
-import { BreadcrumbsBar, BreadcrumbsBarProps } from "./navigations/breadcrumbs-bar/BreadcrumbsBar.mjs";
-import { NotificationList, NotificationListProps } from "./navigations/notification-list/NotificationList.mjs";
 import { NotificationMenu, NotificationMenuProps } from "./navigations/notification-menu/NotificationMenu.mjs";
 import { ProfileMenu, ProfileMenuProps } from "./navigations/profile-menu/ProfileMenu.mjs";
 import { BackofficeTopBar, BackofficeTopBarProps } from "./navigations/backoffice-top-bar/BackofficeTopBar.mjs";
+import { BreadcrumbsBar, BreadcrumbsBarProps } from "./navigations/breadcrumbs-bar/BreadcrumbsBar.mjs";
+import { NotificationList, NotificationListProps } from "./navigations/notification-list/NotificationList.mjs";
 import "./navigations/index.mjs";

package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.mts

@@ -1,6 +1,6 @@
 import { NotificationMenuProps } from "../notification-menu/NotificationMenu.mjs";
 import { ProfileMenuProps } from "../profile-menu/ProfileMenu.mjs";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.ts
 type BackofficeTopBarProps = {
@@ -17,7 +17,7 @@ type BackofficeTopBarProps = {
 declare const BackofficeTopBar: ({
   notificationMenuProps,
   profileMenuProps
-}: BackofficeTopBarProps) => react_jsx_runtime3.JSX.Element;
+}: BackofficeTopBarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { BackofficeTopBar, BackofficeTopBarProps };
 //# sourceMappingURL=BackofficeTopBar.d.mts.map

package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeTopBar.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.tsx"],"mappings":";;;;;KAWY,qBAAA;EACV,qBAAA,EAAuB,qBAAA;EACvB,gBAAA,EAAkB,gBAAA;EAClB,UAAA;IACE,MAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,qBAAA;EAAA;AAAA,GAG9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"BackofficeTopBar.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.tsx"],"mappings":";;;;;KAkBY,qBAAA;EACV,qBAAA,EAAuB,qBAAA;EACvB,gBAAA,EAAkB,gBAAA;EAClB,UAAA;IACE,MAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,qBAAA;EAAA;AAAA,GAG9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeTopBar.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.tsx"],"sourcesContent":["import { NotificationMenu, type NotificationMenuProps } from '../notification-menu/NotificationMenu';\nimport { ProfileMenu, type ProfileMenuProps } from '../profile-menu/ProfileMenu';\nimport { LogoSvg, TopBar } from '../../../../components';\nimport {\n  backofficeTopBar,\n  backofficeTopBarRoot,\n  backofficeTopBarWrapper,\n  backofficeTopBarStartSlot,\n  backofficeTopBarEndSlot,\n} from '@mage-ui/styled-system/recipes';\n\nexport type BackofficeTopBarProps = {\n  notificationMenuProps: NotificationMenuProps;\n  profileMenuProps: ProfileMenuProps;\n  classNames?: {\n    topBar?: string;\n    root?: string;\n    wrapper?: string;\n    startSlot?: string;\n    endSlot?: string;\n  };\n};\n\nexport const BackofficeTopBar = ({\n  notificationMenuProps,\n  profileMenuProps,\n}: BackofficeTopBarProps) => {\n  return (\n    <TopBar\n      startSlot={\n        <LogoSvg\n          width={80}\n          height={48}\n          ariaLabel='Go to Semedlab homepage'\n        >\n          <use href='#logo-semedlab' />\n        </LogoSvg>\n      }\n      endSlot={\n        <>\n          <NotificationMenu {...notificationMenuProps} />\n          <ProfileMenu {...profileMenuProps} />\n        </>\n      }\n      classNames={{\n        topBar: backofficeTopBar(),\n        root: backofficeTopBarRoot(),\n        wrapper: backofficeTopBarWrapper(),\n        startSlot: backofficeTopBarStartSlot(),\n        endSlot: backofficeTopBarEndSlot(),\n      }}\n    />\n  );\n};\n\n"],"mappings":"oiBAuBA,MAAa,GAAoB,CAC/B,wBACA,sBAGE,EAAC,EAAA,CACC,UACE,EAAC,EAAA,CACC,MAAO,GACP,OAAQ,GACR,UAAU,mCAEV,EAAC,MAAA,CAAI,KAAK,iBAAA,CAAmB,EACrB,CAEZ,QACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAiB,GAAI,EAAA,CAAyB,CAC/C,EAAC,EAAA,CAAY,GAAI,EAAA,CAAoB,CAAA,CAAA,CACpC,CAEL,WAAY,CACV,OAAQ,GAAkB,CAC1B,KAAM,GAAsB,CAC5B,QAAS,GAAyB,CAClC,UAAW,GAA2B,CACtC,QAAS,GAAyB,CACnC,EACD"}
+{"version":3,"file":"BackofficeTopBar.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.tsx"],"sourcesContent":["import {\n  backofficeTopBar,\n  backofficeTopBarEndSlot,\n  backofficeTopBarRoot,\n  backofficeTopBarStartSlot,\n  backofficeTopBarWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { LogoSvg, TopBar } from '../../../../components';\nimport {\n  NotificationMenu,\n  type NotificationMenuProps,\n} from '../notification-menu/NotificationMenu';\nimport {\n  ProfileMenu,\n  type ProfileMenuProps,\n} from '../profile-menu/ProfileMenu';\n\nexport type BackofficeTopBarProps = {\n  notificationMenuProps: NotificationMenuProps;\n  profileMenuProps: ProfileMenuProps;\n  classNames?: {\n    topBar?: string;\n    root?: string;\n    wrapper?: string;\n    startSlot?: string;\n    endSlot?: string;\n  };\n};\n\nexport const BackofficeTopBar = ({\n  notificationMenuProps,\n  profileMenuProps,\n}: BackofficeTopBarProps) => {\n  return (\n    <TopBar\n      startSlot={\n        <LogoSvg width={80} height={48} ariaLabel='Go to Semedlab homepage'>\n          <use href='#logo-semedlab' />\n        </LogoSvg>\n      }\n      endSlot={\n        <>\n          <NotificationMenu {...notificationMenuProps} />\n          <ProfileMenu {...profileMenuProps} />\n        </>\n      }\n      classNames={{\n        topBar: backofficeTopBar(),\n        root: backofficeTopBarRoot(),\n        wrapper: backofficeTopBarWrapper(),\n        startSlot: backofficeTopBarStartSlot(),\n        endSlot: backofficeTopBarEndSlot(),\n      }}\n    />\n  );\n};\n"],"mappings":"oiBA8BA,MAAa,GAAoB,CAC/B,wBACA,sBAGE,EAAC,EAAA,CACC,UACE,EAAC,EAAA,CAAQ,MAAO,GAAI,OAAQ,GAAI,UAAU,mCACxC,EAAC,MAAA,CAAI,KAAK,iBAAA,CAAmB,EACrB,CAEZ,QACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CAAiB,GAAI,EAAA,CAAyB,CAC/C,EAAC,EAAA,CAAY,GAAI,EAAA,CAAoB,CAAA,CAAA,CACpC,CAEL,WAAY,CACV,OAAQ,GAAkB,CAC1B,KAAM,GAAsB,CAC5B,QAAS,GAAyB,CAClC,UAAW,GAA2B,CACtC,QAAS,GAAyB,CACnC,EACD"}

package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsBar.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.tsx"],"mappings":";;;KAcY,mBAAA;EACV,QAAA,GAAW,SAAA;EACX,WAAA,GAAc,SAAA;EACd,oBAAA,GAAuB,SAAA;EACvB,UAAA;IACE,cAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,cAAA;EAAkB,QAAA;EAAA,WAAA;EAAA,oBAAA;EAAA;AAAA,GAK5B,mBAAA,KAAsB,SAAA"}
+{"version":3,"file":"BreadcrumbsBar.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.tsx"],"mappings":";;;KAeY,mBAAA;EACV,QAAA,GAAW,SAAA;EACX,WAAA,GAAc,SAAA;EACd,oBAAA,GAAuB,SAAA;EACvB,UAAA;IACE,cAAA;IACA,IAAA;IACA,OAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,cAAA;EAAkB,QAAA;EAAA,WAAA;EAAA,oBAAA;EAAA;AAAA,GAK5B,mBAAA,KAAsB,SAAA"}

package/dist/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsBar.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  breadcrumbsBar,\n  breadcrumbsBarRoot,\n  breadcrumbsBarWrapper,\n  breadcrumbsBarDivider,\n  breadcrumbsBarButtonBack,\n  breadcrumbsBarBreadcrumbs,\n} from '@mage-ui/styled-system/recipes';\nimport { Breadcrumbs, Button, Icon } from '../../../../components';\n// import { useRouter } from '';\n\nexport type BreadcrumbsBarProps = {\n  children?: ReactNode;\n  btnBackText?: ReactNode;\n  breadcrumbsSeparator?: ReactNode;\n  classNames?: {\n    breadcrumbsBar?: string;\n    root?: string;\n    wrapper?: string;\n    divider?: string;\n  };\n};\n\nexport const BreadcrumbsBar = ({\n  children,\n  btnBackText = 'Back',\n  breadcrumbsSeparator,\n  classNames,\n}: BreadcrumbsBarProps): ReactNode => {\n  // const router = useRouter();\n  return (\n    <div\n      className={cx(\n        classNames?.breadcrumbsBar ?? breadcrumbsBar(),\n        classNames?.root ?? breadcrumbsBarRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? breadcrumbsBarWrapper()}>\n        <Button\n          startSlot={<Icon path='/icons/sprite-theme.svg' name='arrow-left' />}\n          // onClick={() => router.back()}\n          onClick={() => window.history.back()}\n          classNames={{ button: breadcrumbsBarButtonBack() }}\n        >\n          {btnBackText}\n        </Button>\n        <span className={classNames?.divider ?? breadcrumbsBarDivider()} />\n        <Breadcrumbs separator={breadcrumbsSeparator} classNames={{ breadcrumbs: breadcrumbsBarBreadcrumbs() }}>\n          {children}\n        </Breadcrumbs>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"miBA0BA,MAAa,GAAkB,CAC7B,WACA,cAAc,OACd,uBACA,gBAIE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAuB,WAC5D,EAAC,EAAA,CACC,UAAW,EAAC,EAAA,CAAK,KAAK,0BAA0B,KAAK,cAAe,CAEpE,YAAe,OAAO,QAAQ,MAAM,CACpC,WAAY,CAAE,OAAQ,GAA0B,CAAE,UAEjD,GACM,CACT,EAAC,OAAA,CAAK,UAAW,GAAY,SAAW,GAAuB,CAAA,CAAI,CACnE,EAAC,EAAA,CAAY,UAAW,EAAsB,WAAY,CAAE,YAAa,GAA2B,CAAE,CACnG,YACW,GACV,EACF"}
+{"version":3,"file":"BreadcrumbsBar.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  breadcrumbsBar,\n  breadcrumbsBarBreadcrumbs,\n  breadcrumbsBarButtonBack,\n  breadcrumbsBarDivider,\n  breadcrumbsBarRoot,\n  breadcrumbsBarWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Breadcrumbs, Button, Icon } from '../../../../components';\n// import { useRouter } from '';\n\nexport type BreadcrumbsBarProps = {\n  children?: ReactNode;\n  btnBackText?: ReactNode;\n  breadcrumbsSeparator?: ReactNode;\n  classNames?: {\n    breadcrumbsBar?: string;\n    root?: string;\n    wrapper?: string;\n    divider?: string;\n  };\n};\n\nexport const BreadcrumbsBar = ({\n  children,\n  btnBackText = 'Back',\n  breadcrumbsSeparator,\n  classNames,\n}: BreadcrumbsBarProps): ReactNode => {\n  // const router = useRouter();\n  return (\n    <div\n      className={cx(\n        classNames?.breadcrumbsBar ?? breadcrumbsBar(),\n        classNames?.root ?? breadcrumbsBarRoot(),\n      )}\n    >\n      <div className={classNames?.wrapper ?? breadcrumbsBarWrapper()}>\n        <Button\n          startSlot={<Icon path='/icons/sprite-theme.svg' name='arrow-left' />}\n          // onClick={() => router.back()}\n          onClick={() => window.history.back()}\n          classNames={{ button: breadcrumbsBarButtonBack() }}\n        >\n          {btnBackText}\n        </Button>\n        <span className={classNames?.divider ?? breadcrumbsBarDivider()} />\n        <Breadcrumbs\n          separator={breadcrumbsSeparator}\n          classNames={{ breadcrumbs: breadcrumbsBarBreadcrumbs() }}\n        >\n          {children}\n        </Breadcrumbs>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"miBA2BA,MAAa,GAAkB,CAC7B,WACA,cAAc,OACd,uBACA,gBAIE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAuB,WAC5D,EAAC,EAAA,CACC,UAAW,EAAC,EAAA,CAAK,KAAK,0BAA0B,KAAK,cAAe,CAEpE,YAAe,OAAO,QAAQ,MAAM,CACpC,WAAY,CAAE,OAAQ,GAA0B,CAAE,UAEjD,GACM,CACT,EAAC,OAAA,CAAK,UAAW,GAAY,SAAW,GAAuB,CAAA,CAAI,CACnE,EAAC,EAAA,CACC,UAAW,EACX,WAAY,CAAE,YAAa,GAA2B,CAAE,CAEvD,YACW,GACV,EACF"}

package/dist/semedlab/components/navigations/index.d.mts

@@ -1,5 +1,5 @@
-import { BreadcrumbsBar, BreadcrumbsBarProps } from "./breadcrumbs-bar/BreadcrumbsBar.mjs";
-import { NotificationList, NotificationListProps } from "./notification-list/NotificationList.mjs";
 import { NotificationMenu, NotificationMenuProps } from "./notification-menu/NotificationMenu.mjs";
 import { ProfileMenu, ProfileMenuProps } from "./profile-menu/ProfileMenu.mjs";
-import { BackofficeTopBar, BackofficeTopBarProps } from "./backoffice-top-bar/BackofficeTopBar.mjs";
+import { BackofficeTopBar, BackofficeTopBarProps } from "./backoffice-top-bar/BackofficeTopBar.mjs";
+import { BreadcrumbsBar, BreadcrumbsBarProps } from "./breadcrumbs-bar/BreadcrumbsBar.mjs";
+import { NotificationList, NotificationListProps } from "./notification-list/NotificationList.mjs";

package/dist/semedlab/components/navigations/notification-list/NotificationList.d.mts

@@ -1,5 +1,5 @@
 import { NotificationProps } from "../../data-display/notification/Notification.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/semedlab/components/navigations/notification-list/NotificationList.d.ts
 type NotificationItemProps = Omit<NotificationProps, 'onDismiss' | 'dismissBtnLabel'>;
@@ -23,7 +23,7 @@ declare const NotificationList: ({
   dismissBtnLabel,
   dismissAllBtnLabel,
   classNames
-}: NotificationListProps) => react_jsx_runtime0.JSX.Element;
+}: NotificationListProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { NotificationList, NotificationListProps };
 //# sourceMappingURL=NotificationList.d.mts.map

package/dist/semedlab/components/navigations/notification-list/NotificationList.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationList.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-list/NotificationList.tsx"],"mappings":";;;;KAUK,qBAAA,GAAwB,IAAA,CAAK,iBAAA;AAAA,KAEtB,qBAAA;EACV,aAAA,EAAe,qBAAA;EACf,YAAA,GAAe,IAAA;EACf,YAAA;EACA,eAAA;EACA,kBAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,aAAA;EAAA,YAAA;EAAA,YAAA;EAAA,eAAA;EAAA,kBAAA;EAAA;AAAA,GAO9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"NotificationList.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-list/NotificationList.tsx"],"mappings":";;;;KAcK,qBAAA,GAAwB,IAAA,CAC3B,iBAAA;AAAA,KAIU,qBAAA;EACV,aAAA,EAAe,qBAAA;EACf,YAAA,GAAe,IAAA;EACf,YAAA;EACA,eAAA;EACA,kBAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,aAAA;EAAA,YAAA;EAAA,YAAA;EAAA,eAAA;EAAA,kBAAA;EAAA;AAAA,GAO9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/semedlab/components/navigations/notification-list/NotificationList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationList.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-list/NotificationList.tsx"],"sourcesContent":["import { Button } from '../../../../components';\nimport { Notification, type NotificationProps } from '../../data-display/notification/Notification';\n// import { cx } from '@mage-ui/styled-system/css';\n// import {\n//   notificationList,\n//   notificationListRoot,\n//   notificationListWrapper,\n//   notificationListButtonRow,\n// } from '@mage-Listui/styled-system/recipes';\n\ntype NotificationItemProps = Omit<NotificationProps, 'onDismiss' | 'dismissBtnLabel'>;\n\nexport type NotificationListProps = {\n  notifications: NotificationItemProps[];\n  onDismissOne: (slug: string) => void;\n  onDismissAll: () => void;\n  dismissBtnLabel?: string;\n  dismissAllBtnLabel?: string;\n  classNames?: {\n    notification: string;\n    root: string;\n    wrapper: string;\n    buttonRow: string;\n  };\n};\n\nexport const NotificationList = ({\n  notifications,\n  onDismissOne,\n  onDismissAll,\n  dismissBtnLabel = 'Dismiss notification',\n  dismissAllBtnLabel = 'Dismiss all notifications',\n  classNames,\n}: NotificationListProps) => {\n  return (\n    <div\n      // className={cx(\n      //   classNames?.notification ?? notificationList(),\n      //   classNames?.root ?? notificationListRoot(),\n      // )}\n    >\n      {/* <div className={classNames?.wrapper ?? notificationListWrapper()}> */}\n        {notifications.map((noti) => (\n          <Notification\n            key={noti.slug}\n            slug={noti.slug}\n            title={noti.title}\n            description={noti.description}\n            iconName={noti.iconName}\n            dismissBtnLabel={dismissBtnLabel}\n            onDismiss={() => onDismissOne(noti.slug)}\n          />\n        ))}\n      {/* </div> */}\n\n      {notifications.length > 0 && (\n        // <div className={classNames?.buttonRow ?? notificationListButtonRow()}>\n        <Button onClick={onDismissAll}>\n          {dismissAllBtnLabel}\n        </Button>\n        // </div>\n      )}\n    </div>\n  );\n};"],"mappings":"4MA0BA,MAAa,GAAoB,CAC/B,gBACA,eACA,eACA,kBAAkB,uBAClB,qBAAqB,4BACrB,gBAGE,EAAC,MAAA,CAAA,SAAA,CAOI,EAAc,IAAK,GAClB,EAAC,EAAA,CAEC,KAAM,EAAK,KACX,MAAO,EAAK,MACZ,YAAa,EAAK,YAClB,SAAU,EAAK,SACE,kBACjB,cAAiB,EAAa,EAAK,KAAK,EANnC,EAAK,KAOV,CACF,CAGH,EAAc,OAAS,GAEtB,EAAC,EAAA,CAAO,QAAS,WACd,GACM,CAAA,CAAA,CAGP"}
+{"version":3,"file":"NotificationList.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-list/NotificationList.tsx"],"sourcesContent":["import { Button } from '../../../../components';\nimport {\n  Notification,\n  type NotificationProps,\n} from '../../data-display/notification/Notification';\n\n// import { cx } from '@mage-ui/styled-system/css';\n// import {\n//   notificationList,\n//   notificationListRoot,\n//   notificationListWrapper,\n//   notificationListButtonRow,\n// } from '@mage-Listui/styled-system/recipes';\n\ntype NotificationItemProps = Omit<\n  NotificationProps,\n  'onDismiss' | 'dismissBtnLabel'\n>;\n\nexport type NotificationListProps = {\n  notifications: NotificationItemProps[];\n  onDismissOne: (slug: string) => void;\n  onDismissAll: () => void;\n  dismissBtnLabel?: string;\n  dismissAllBtnLabel?: string;\n  classNames?: {\n    notification: string;\n    root: string;\n    wrapper: string;\n    buttonRow: string;\n  };\n};\n\nexport const NotificationList = ({\n  notifications,\n  onDismissOne,\n  onDismissAll,\n  dismissBtnLabel = 'Dismiss notification',\n  dismissAllBtnLabel = 'Dismiss all notifications',\n  classNames,\n}: NotificationListProps) => {\n  return (\n    <div\n    // className={cx(\n    //   classNames?.notification ?? notificationList(),\n    //   classNames?.root ?? notificationListRoot(),\n    // )}\n    >\n      {/* <div className={classNames?.wrapper ?? notificationListWrapper()}> */}\n      {notifications.map((noti) => (\n        <Notification\n          key={noti.slug}\n          slug={noti.slug}\n          title={noti.title}\n          description={noti.description}\n          iconName={noti.iconName}\n          dismissBtnLabel={dismissBtnLabel}\n          onDismiss={() => onDismissOne(noti.slug)}\n        />\n      ))}\n      {/* </div> */}\n\n      {notifications.length > 0 && (\n        // <div className={classNames?.buttonRow ?? notificationListButtonRow()}>\n        <Button onClick={onDismissAll}>{dismissAllBtnLabel}</Button>\n        // </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"4MAiCA,MAAa,GAAoB,CAC/B,gBACA,eACA,eACA,kBAAkB,uBAClB,qBAAqB,4BACrB,gBAGE,EAAC,MAAA,CAAA,SAAA,CAOE,EAAc,IAAK,GAClB,EAAC,EAAA,CAEC,KAAM,EAAK,KACX,MAAO,EAAK,MACZ,YAAa,EAAK,YAClB,SAAU,EAAK,SACE,kBACjB,cAAiB,EAAa,EAAK,KAAK,EANnC,EAAK,KAOV,CACF,CAGD,EAAc,OAAS,GAEtB,EAAC,EAAA,CAAO,QAAS,WAAe,GAA4B,CAAA,CAAA,CAG1D"}