@mage-ui/components 1.0.17 → 1.0.19

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_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime59 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_runtime6.JSX.Element;
+}: UserGroupPreviewProps) => react_jsx_runtime59.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_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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_runtime39.JSX.Element;
+}: BackofficeTopBarProps) => react_jsx_runtime11.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,mBAAA,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,mBAAA,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_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime36.JSX.Element;
+}: NotificationListProps) => react_jsx_runtime12.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,mBAAA,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,mBAAA,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"}

package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.d.mts

@@ -1,5 +1,5 @@
 import { NotificationProps } from "../../data-display/notification/Notification.mjs";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/semedlab/components/navigations/notification-menu/NotificationMenu.d.ts
@@ -26,7 +26,7 @@ declare const NotificationMenu: ({
   targetLabel,
   indicatorAriaLabel,
   maxNotificationsToShow
-}: NotificationMenuProps) => react_jsx_runtime37.JSX.Element;
+}: NotificationMenuProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { NotificationMenu, NotificationMenuProps };
 //# sourceMappingURL=NotificationMenu.d.mts.map

package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationMenu.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-menu/NotificationMenu.tsx"],"mappings":";;;;;KAuBK,qBAAA,GAAwB,IAAA,CAC3B,iBAAA;AAAA,KAIU,qBAAA;EACV,aAAA,EAAe,qBAAA;EACf,YAAA,GAAe,IAAA;EACf,YAAA;EACA,eAAA;EACA,kBAAA,GAAqB,KAAA,CAAM,SAAA;EAC3B,eAAA,GAAkB,KAAA,CAAM,SAAA;EACxB,WAAA;EACA,YAAA;EACA,sBAAA;EACA,kBAAA;AAAA;AAAA,cAGW,gBAAA;EAAoB,aAAA;EAAA,YAAA;EAAA,YAAA;EAAA,eAAA;EAAA,kBAAA;EAAA,eAAA;EAAA,WAAA;EAAA,kBAAA;EAAA;AAAA,GAU9B,qBAAA,KAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"NotificationMenu.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-menu/NotificationMenu.tsx"],"mappings":";;;;;KAwBK,qBAAA,GAAwB,IAAA,CAC3B,iBAAA;AAAA,KAIU,qBAAA;EACV,aAAA,EAAe,qBAAA;EACf,YAAA,GAAe,IAAA;EACf,YAAA;EACA,eAAA;EACA,kBAAA,GAAqB,KAAA,CAAM,SAAA;EAC3B,eAAA,GAAkB,KAAA,CAAM,SAAA;EACxB,WAAA;EACA,YAAA;EACA,sBAAA;EACA,kBAAA;AAAA;AAAA,cAGW,gBAAA;EAAoB,aAAA;EAAA,YAAA;EAAA,YAAA;EAAA,eAAA;EAAA,kBAAA;EAAA,eAAA;EAAA,WAAA;EAAA,kBAAA;EAAA;AAAA,GAU9B,qBAAA,KAAqB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/semedlab/components/navigations/notification-menu/NotificationMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationMenu.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-menu/NotificationMenu.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Button,\n  ButtonIconVisual,\n  ButtonVisual,\n  Indicator,\n  Menu,\n  ScrollAreaAutosize,\n} from '../../../../components';\n\nimport {\n  Notification,\n  type NotificationProps,\n} from '../../data-display/notification/Notification';\nimport {\n  notificationMenu,\n  notificationMenuButtonIconVisual,\n  notificationMenuButtonRow,\n  notificationMenuEmptyText,\n  notificationMenuEmptyWrapper,\n  notificationMenuIndicator,\n} from '@mage-ui/styled-system/recipes';\n\ntype NotificationItemProps = Omit<\n  NotificationProps,\n  'onDismiss' | 'dismissBtnLabel'\n>;\n\nexport type NotificationMenuProps = {\n  notifications: NotificationItemProps[];\n  onDismissOne: (slug: string) => void;\n  onDismissAll: () => void;\n  dismissBtnLabel?: string;\n  dismissAllBtnLabel?: React.ReactNode;\n  viewAllBtnLabel?: React.ReactNode;\n  targetLabel?: string;\n  emptyMessage?: string;\n  maxNotificationsToShow?: number;\n  indicatorAriaLabel?: string;\n};\n\nexport const NotificationMenu = ({\n  notifications,\n  onDismissOne,\n  onDismissAll,\n  dismissBtnLabel = 'Dismiss notification',\n  dismissAllBtnLabel = 'Dismiss all notifications',\n  viewAllBtnLabel = 'View all notifications',\n  targetLabel = 'Notifications',\n  indicatorAriaLabel = 'You have new notifications',\n  maxNotificationsToShow = 10,\n}: NotificationMenuProps) => {\n\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  const hasNotifications = notifications.length > 0;\n  const notificationsToShow = notifications.slice(0, maxNotificationsToShow);\n  const showIndicator = hasNotifications && !isOpen;\n\n  const target = (\n    <Indicator\n      label={showIndicator ? notifications.length : undefined}\n      ariaLabel={showIndicator ? indicatorAriaLabel : undefined}\n      disabled={!showIndicator}\n      offset={2}\n      classNames={{\n        label: notificationMenuIndicator()\n      }}\n    >\n      <ButtonIconVisual\n        classNames={{\n          buttonIconVisual: notificationMenuButtonIconVisual()\n        }}\n        path='/icons/sprite-theme.svg'\n        name='bell-01'\n        label={targetLabel}\n      />\n    </Indicator>\n  );\n\n  return (\n    <Menu\n      target={target}\n      position='bottom-end'\n      keepMounted={false}\n      width={320}\n      targetButtonProps={{\n        onClick: () => setIsOpen(true),\n      }}\n      classNames={{\n        menu: notificationMenu(),\n      }}\n    >\n      {hasNotifications ? (\n        <ScrollAreaAutosize mah={192}>\n          {notificationsToShow.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        </ScrollAreaAutosize>\n      ) : (\n        <NotificationMenuEmpty />\n      )}\n      <Menu.Item>\n        <div className={notificationMenuButtonRow()}>\n          <ButtonVisual>{viewAllBtnLabel}</ButtonVisual>\n          {hasNotifications && (\n            <Button onClick={onDismissAll}>{dismissAllBtnLabel}</Button>\n          )}\n        </div>\n      </Menu.Item>\n    </Menu>\n  );\n};\n\nconst NotificationMenuEmpty = ({\n  emptyMessage = 'You have no notifications',\n}) => {\n  return (\n    <Menu.Item>\n      <div className={notificationMenuEmptyWrapper()}>\n        <img src=\"/images/bell-empty.svg\" alt=\"No notifications\" />\n        <p className={notificationMenuEmptyText()}>{emptyMessage}</p>\n      </div>\n    </Menu.Item >\n    // TODO: receptes amb ui final del projecte\n    // TODO: img svg reemplaçar per component o svgr per controlar light/dark?\n  );\n}\n"],"mappings":"45BAyCA,MAAa,GAAoB,CAC/B,gBACA,eACA,eACA,kBAAkB,uBAClB,qBAAqB,4BACrB,kBAAkB,yBAClB,cAAc,gBACd,qBAAqB,6BACrB,yBAAyB,MACE,CAE3B,GAAM,CAAC,EAAQ,GAAa,EAAM,SAAS,GAAM,CAE3C,EAAmB,EAAc,OAAS,EAC1C,EAAsB,EAAc,MAAM,EAAG,EAAuB,CACpE,EAAgB,GAAoB,CAAC,EAuB3C,OACE,EAAC,EAAA,CACC,OAtBF,EAAC,EAAA,CACC,MAAO,EAAgB,EAAc,OAAS,IAAA,GAC9C,UAAW,EAAgB,EAAqB,IAAA,GAChD,SAAU,CAAC,EACX,OAAQ,EACR,WAAY,CACV,MAAO,GAA2B,CACnC,UAED,EAAC,EAAA,CACC,WAAY,CACV,iBAAkB,GAAkC,CACrD,CACD,KAAK,0BACL,KAAK,UACL,MAAO,GACP,EACQ,CAMV,SAAS,aACT,YAAa,GACb,MAAO,IACP,kBAAmB,CACjB,YAAe,EAAU,GAAK,CAC/B,CACD,WAAY,CACV,KAAM,GAAkB,CACzB,WAEA,EACC,EAAC,EAAA,CAAmB,IAAK,aACtB,EAAoB,IAAK,GACxB,EAAC,EAAA,CAEC,KAAM,EAAK,KACX,MAAO,EAAK,MACZ,YAAa,EAAK,YAClB,SAAU,EAAK,SACE,kBACjB,cAAiB,EAAa,EAAK,KAAK,EANnC,EAAK,KAOV,CACF,EACiB,CAErB,EAAC,EAAA,EAAA,CAAwB,CAE3B,EAAC,EAAK,KAAA,CAAA,SACJ,EAAC,MAAA,CAAI,UAAW,GAA2B,WACzC,EAAC,EAAA,CAAA,SAAc,EAAA,CAA+B,CAC7C,GACC,EAAC,EAAA,CAAO,QAAS,WAAe,GAA4B,CAAA,EAE1D,CAAA,CACI,CAAA,EACP,EAIL,GAAyB,CAC7B,eAAe,+BAGb,EAAC,EAAK,KAAA,CAAA,SACJ,EAAC,MAAA,CAAI,UAAW,GAA8B,WAC5C,EAAC,MAAA,CAAI,IAAI,yBAAyB,IAAI,oBAAqB,CAC3D,EAAC,IAAA,CAAE,UAAW,GAA2B,UAAG,GAAiB,CAAA,EACzD,CAAA,CACK"}
+{"version":3,"file":"NotificationMenu.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/notification-menu/NotificationMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  notificationMenu,\n  notificationMenuButtonIconVisual,\n  notificationMenuButtonRow,\n  notificationMenuEmptyText,\n  notificationMenuEmptyWrapper,\n  notificationMenuIndicator,\n} from '@mage-ui/styled-system/recipes';\n\nimport {\n  Button,\n  ButtonIconVisual,\n  ButtonVisual,\n  Indicator,\n  Menu,\n  ScrollAreaAutosize,\n} from '../../../../components';\nimport {\n  Notification,\n  type NotificationProps,\n} from '../../data-display/notification/Notification';\n\ntype NotificationItemProps = Omit<\n  NotificationProps,\n  'onDismiss' | 'dismissBtnLabel'\n>;\n\nexport type NotificationMenuProps = {\n  notifications: NotificationItemProps[];\n  onDismissOne: (slug: string) => void;\n  onDismissAll: () => void;\n  dismissBtnLabel?: string;\n  dismissAllBtnLabel?: React.ReactNode;\n  viewAllBtnLabel?: React.ReactNode;\n  targetLabel?: string;\n  emptyMessage?: string;\n  maxNotificationsToShow?: number;\n  indicatorAriaLabel?: string;\n};\n\nexport const NotificationMenu = ({\n  notifications,\n  onDismissOne,\n  onDismissAll,\n  dismissBtnLabel = 'Dismiss notification',\n  dismissAllBtnLabel = 'Dismiss all notifications',\n  viewAllBtnLabel = 'View all notifications',\n  targetLabel = 'Notifications',\n  indicatorAriaLabel = 'You have new notifications',\n  maxNotificationsToShow = 10,\n}: NotificationMenuProps) => {\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  const hasNotifications = notifications.length > 0;\n  const notificationsToShow = notifications.slice(0, maxNotificationsToShow);\n  const showIndicator = hasNotifications && !isOpen;\n\n  const target = (\n    <Indicator\n      label={showIndicator ? notifications.length : undefined}\n      ariaLabel={showIndicator ? indicatorAriaLabel : undefined}\n      disabled={!showIndicator}\n      offset={2}\n      classNames={{\n        label: notificationMenuIndicator(),\n      }}\n    >\n      <ButtonIconVisual\n        classNames={{\n          buttonIconVisual: notificationMenuButtonIconVisual(),\n        }}\n        path='/icons/sprite-theme.svg'\n        name='bell-01'\n        label={targetLabel}\n      />\n    </Indicator>\n  );\n\n  return (\n    <Menu\n      target={target}\n      position='bottom-end'\n      keepMounted={false}\n      width={320}\n      targetButtonProps={{\n        onClick: () => setIsOpen(true),\n      }}\n      classNames={{\n        menu: notificationMenu(),\n      }}\n    >\n      {hasNotifications ? (\n        <ScrollAreaAutosize mah={192}>\n          {notificationsToShow.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        </ScrollAreaAutosize>\n      ) : (\n        <NotificationMenuEmpty />\n      )}\n      <Menu.Item>\n        <div className={notificationMenuButtonRow()}>\n          <ButtonVisual>{viewAllBtnLabel}</ButtonVisual>\n          {hasNotifications && (\n            <Button onClick={onDismissAll}>{dismissAllBtnLabel}</Button>\n          )}\n        </div>\n      </Menu.Item>\n    </Menu>\n  );\n};\n\nconst NotificationMenuEmpty = ({\n  emptyMessage = 'You have no notifications',\n}) => {\n  return (\n    <Menu.Item>\n      <div className={notificationMenuEmptyWrapper()}>\n        <img src='/images/bell-empty.svg' alt='No notifications' />\n        <p className={notificationMenuEmptyText()}>{emptyMessage}</p>\n      </div>\n    </Menu.Item>\n    // TODO: receptes amb ui final del projecte\n    // TODO: img svg reemplaçar per component o svgr per controlar light/dark?\n  );\n};\n"],"mappings":"45BA0CA,MAAa,GAAoB,CAC/B,gBACA,eACA,eACA,kBAAkB,uBAClB,qBAAqB,4BACrB,kBAAkB,yBAClB,cAAc,gBACd,qBAAqB,6BACrB,yBAAyB,MACE,CAC3B,GAAM,CAAC,EAAQ,GAAa,EAAM,SAAS,GAAM,CAE3C,EAAmB,EAAc,OAAS,EAC1C,EAAsB,EAAc,MAAM,EAAG,EAAuB,CACpE,EAAgB,GAAoB,CAAC,EAuB3C,OACE,EAAC,EAAA,CACC,OAtBF,EAAC,EAAA,CACC,MAAO,EAAgB,EAAc,OAAS,IAAA,GAC9C,UAAW,EAAgB,EAAqB,IAAA,GAChD,SAAU,CAAC,EACX,OAAQ,EACR,WAAY,CACV,MAAO,GAA2B,CACnC,UAED,EAAC,EAAA,CACC,WAAY,CACV,iBAAkB,GAAkC,CACrD,CACD,KAAK,0BACL,KAAK,UACL,MAAO,GACP,EACQ,CAMV,SAAS,aACT,YAAa,GACb,MAAO,IACP,kBAAmB,CACjB,YAAe,EAAU,GAAK,CAC/B,CACD,WAAY,CACV,KAAM,GAAkB,CACzB,WAEA,EACC,EAAC,EAAA,CAAmB,IAAK,aACtB,EAAoB,IAAK,GACxB,EAAC,EAAA,CAEC,KAAM,EAAK,KACX,MAAO,EAAK,MACZ,YAAa,EAAK,YAClB,SAAU,EAAK,SACE,kBACjB,cAAiB,EAAa,EAAK,KAAK,EANnC,EAAK,KAOV,CACF,EACiB,CAErB,EAAC,EAAA,EAAA,CAAwB,CAE3B,EAAC,EAAK,KAAA,CAAA,SACJ,EAAC,MAAA,CAAI,UAAW,GAA2B,WACzC,EAAC,EAAA,CAAA,SAAc,EAAA,CAA+B,CAC7C,GACC,EAAC,EAAA,CAAO,QAAS,WAAe,GAA4B,CAAA,EAE1D,CAAA,CACI,CAAA,EACP,EAIL,GAAyB,CAC7B,eAAe,+BAGb,EAAC,EAAK,KAAA,CAAA,SACJ,EAAC,MAAA,CAAI,UAAW,GAA8B,WAC5C,EAAC,MAAA,CAAI,IAAI,yBAAyB,IAAI,oBAAqB,CAC3D,EAAC,IAAA,CAAE,UAAW,GAA2B,UAAG,GAAiB,CAAA,EACzD,CAAA,CACI"}

package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/semedlab/components/navigations/profile-menu/ProfileMenu.d.ts
@@ -15,7 +15,7 @@ declare const ProfileMenu: ({
   alt,
   description,
   children
-}: ProfileMenuProps) => react_jsx_runtime38.JSX.Element;
+}: ProfileMenuProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { ProfileMenu, ProfileMenuProps };
 //# sourceMappingURL=ProfileMenu.d.mts.map

package/dist/semedlab/components/navigations/profile-menu/ProfileMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileMenu.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/profile-menu/ProfileMenu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Avatar, Menu } from '../../../../components';\nimport { UserProfile } from '../../data-display';\n\nimport {\n  profileMenu,\n  profileMenuUserProfile,\n} from '@mage-ui/styled-system/recipes';\n\nexport type ProfileMenuProps = {\n  name: string;\n  src?: string;\n  alt?: string;\n  description?: string;\n  children?: ReactNode;\n};\n\nexport const ProfileMenu = ({\n  name,\n  src,\n  alt,\n  description,\n  children,\n}: ProfileMenuProps) => {\n  return (\n    <Menu\n      target={<Avatar name={name} src={src} alt={alt} />}\n      position='bottom-end'\n      width={248}\n      classNames={{\n        menu: profileMenu(),\n      }}\n    >\n      <UserProfile\n        name={name}\n        src={src}\n        alt={alt}\n        description={description}\n        classNames={{ userProfile: profileMenuUserProfile() }}\n      />\n      {children}\n    </Menu>\n  );\n};\n"],"mappings":"gXAkBA,MAAa,GAAe,CAC1B,OACA,MACA,MACA,cACA,cAGE,EAAC,EAAA,CACC,OAAQ,EAAC,EAAA,CAAa,OAAW,MAAU,OAAO,CAClD,SAAS,aACT,MAAO,IACP,WAAY,CACV,KAAM,GAAa,CACpB,WAED,EAAC,EAAA,CACO,OACD,MACA,MACQ,cACb,WAAY,CAAE,YAAa,GAAwB,CAAE,EACrD,CACD,EAAA,EACI"}
+{"version":3,"file":"ProfileMenu.mjs","names":[],"sources":["../../../../../src/semedlab/components/navigations/profile-menu/ProfileMenu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  profileMenu,\n  profileMenuUserProfile,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Avatar, Menu } from '../../../../components';\nimport { UserProfile } from '../../data-display';\n\nexport type ProfileMenuProps = {\n  name: string;\n  src?: string;\n  alt?: string;\n  description?: string;\n  children?: ReactNode;\n};\n\nexport const ProfileMenu = ({\n  name,\n  src,\n  alt,\n  description,\n  children,\n}: ProfileMenuProps) => {\n  return (\n    <Menu\n      target={<Avatar name={name} src={src} alt={alt} />}\n      position='bottom-end'\n      width={248}\n      classNames={{\n        menu: profileMenu(),\n      }}\n    >\n      <UserProfile\n        name={name}\n        src={src}\n        alt={alt}\n        description={description}\n        classNames={{ userProfile: profileMenuUserProfile() }}\n      />\n      {children}\n    </Menu>\n  );\n};\n"],"mappings":"gXAkBA,MAAa,GAAe,CAC1B,OACA,MACA,MACA,cACA,cAGE,EAAC,EAAA,CACC,OAAQ,EAAC,EAAA,CAAa,OAAW,MAAU,OAAO,CAClD,SAAS,aACT,MAAO,IACP,WAAY,CACV,KAAM,GAAa,CACpB,WAED,EAAC,EAAA,CACO,OACD,MACA,MACQ,cACb,WAAY,CAAE,YAAa,GAAwB,CAAE,EACrD,CACD,EAAA,EACI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "private": false,
   "description": "",
   "keywords": [],
@@ -18,7 +18,7 @@
   "devDependencies": {
     "@biomejs/biome": "^2.3.13",
     "@pandacss/types": "^1.8.1",
-    "@types/node": "^25.1.0",
+    "@types/node": "^25.2.0",
     "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
     "@types/react-big-calendar": "^1.16.3",
@@ -26,15 +26,15 @@
     "tsdown": "^0.20.1",
     "typescript": "^5.9.3",
     "baseline-browser-mapping": "^2.9.19",
-    "@mage-ui/preset": "1.0.17",
+    "@mage-ui/preset": "1.0.19",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.2",
-    "@mantine/core": "^8.3.13",
-    "@mantine/dates": "^8.3.13",
-    "@mantine/dropzone": "^8.3.13",
-    "@mantine/hooks": "^8.3.13",
+    "@mantine/core": "^8.3.14",
+    "@mantine/dates": "^8.3.14",
+    "@mantine/dropzone": "^8.3.14",
+    "@mantine/hooks": "^8.3.14",
     "@pandabox/define-recipe": "^0.0.3",
     "@pandacss/dev": "^1.8.1",
     "@tanstack/react-query": "^5.90.20",
@@ -56,7 +56,7 @@
   "scripts": {
     "build": "rimraf dist && panda codegen && tsdown --env.NODE_ENV=production --minify",
     "clean": "rimraf dist node_modules styled-system",
-    "dev": "tsdown --env.NODE_ENV=development --no-clean --watch",
+    "dev": "tsdown --env.NODE_ENV=development --log-level error --no-clean --watch --ignore-watch dist",
     "lint": "biome check --write"
   }
 }

package/dist/components/controls/password-input-strength/PasswordInputStrength.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordInputStrength.d.mts","names":[],"sources":["../../../../src/components/controls/password-input-strength/PasswordInputStrength.tsx"],"mappings":";;;;KAyBY,0BAAA,GAA6B,IAAA,CACvC,kBAAA;EAGA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,UAAA,GAAa,IAAA,CACX,WAAA,CAAY,kBAAA;IAGZ,qBAAA;IACA,iBAAA;MACE,iBAAA;MACA,IAAA;MACA,IAAA;MACA,GAAA;MACA,IAAA;IAAA;EAAA;AAAA;AAAA,cA0DO,qBAAA;EAAyB,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,KAAA;EAAA,WAAA;EAAA,UAAA;EAAA,SAAA;EAAA,QAAA;EAAA,KAAA;EAAA,YAAA;EAAA,EAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,OAAA;EAAA,gBAAA;EAAA,kBAAA;EAAA;AAAA,GAoBnC,0BAAA,KAA0B,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/password-input-strength/PasswordInputStrength.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordInputStrength.mjs","names":[],"sources":["../../../../src/components/controls/password-input-strength/PasswordInputStrength.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\n\nimport {\n  PasswordInput,\n  type PasswordInputProps,\n} from '../password-input/PasswordInput';\nimport {\n  passwordInputStrength,\n  passwordInputStrengthDescription,\n  passwordInputStrengthError,\n  passwordInputStrengthInput,\n  passwordInputStrengthLabel,\n  passwordInputStrengthRequired,\n  passwordInputStrengthRoot,\n  passwordInputStrengthSection,\n  passwordInputStrengthStrengthIndicator,\n  passwordInputStrengthStrengthIndicatorBar,\n  passwordInputStrengthStrengthIndicatorBars,\n  passwordInputStrengthStrengthIndicatorText,\n  passwordInputStrengthStrengthIndicatorRoot,\n  passwordInputStrengthWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport { type ChangeEvent, type CSSProperties, useState } from 'react';\n\nexport type PasswordInputStrengthProps = Omit<\n  PasswordInputProps,\n  'classNames'\n> & {\n  weakPasswordText?: string;\n  mediumPasswordText?: string;\n  strongPasswordText?: string;\n  classNames?: Omit<\n    NonNullable<PasswordInputProps['classNames']>,\n    'passwordInput'\n  > & {\n    passwordInputStrength?: string;\n    strengthIndicator?: {\n      strengthIndicator?: string;\n      root?: string;\n      bars?: string;\n      bar?: string;\n      text?: string;\n    };\n  };\n};\n\nconst requirements = [\n  { re: /.{6,}/ },\n  { re: /.{10,}/ },\n  { re: /[0-9]/ },\n  { re: /[a-z]/ },\n  { re: /[A-Z]/ },\n  { re: /[$&+,:;=?@#|'<>.^*()%!-]/ },\n];\n\nconst calculateStrength = (password: string) => {\n  let score = 0;\n  if (!password) return 0;\n\n  for (let i = 0; i < requirements.length; i++) {\n    const req = requirements[i];\n    if (req.re.test(password)) {\n      score++;\n    }\n  }\n  return score;\n};\n\nconst getStrengthState = (score: number, index: number) => {\n  const filledBars = Math.min(score, 4);\n\n  if (index >= filledBars) return 'neutral';\n  if (filledBars <= 1) return 'weak';\n  if (filledBars <= 3) return 'medium';\n  return 'strong';\n};\n\nconst getStateBackgroundBar = (score: number, index: number): string => {\n  const state = getStrengthState(score, index);\n  if (state === 'neutral') {\n    return 'var(--password-input-strength-strength-indicator-bar-background-neutral)';\n  }\n  return `var(--password-input-strength-strength-indicator-bar-background-${state})`;\n};\n\nconst getStrengthLabel = (\n  score: number,\n  texts: {\n    weakPasswordText: string;\n    mediumPasswordText: string;\n    strongPasswordText: string;\n  },\n) => {\n  if (score === 0) return '';\n  if (score <= 1) return texts.weakPasswordText;\n  if (score <= 3) return texts.mediumPasswordText;\n  return texts.strongPasswordText;\n};\n\nexport const PasswordInputStrength = ({\n  name,\n  label,\n  description,\n  error,\n  placeholder,\n  classNames,\n  startSlot,\n  onChange,\n  value,\n  defaultValue,\n  id,\n  disabled,\n  required,\n  readOnly,\n  onClick,\n  onFocus,\n  weakPasswordText,\n  mediumPasswordText,\n  strongPasswordText,\n}: PasswordInputStrengthProps) => {\n  const [innerValue, setInnerValue] = useState<string>(\n    (value as string) ?? (defaultValue as string) ?? '',\n  );\n\n  const currentValue = (value as string) ?? innerValue;\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    if (value === undefined) {\n      setInnerValue(e.target.value);\n    }\n    onChange?.(e);\n  };\n  const passwordTexts = {\n    weakPasswordText: weakPasswordText ?? 'Weak',\n    mediumPasswordText: mediumPasswordText ?? 'Medium',\n    strongPasswordText: strongPasswordText ?? 'Strong',\n  };\n  const score = calculateStrength(currentValue);\n  const strengthLabel = getStrengthLabel(score, passwordTexts);\n\n  return (\n    <>\n      <PasswordInput\n        name={name}\n        label={label}\n        description={description}\n        error={error}\n        placeholder={placeholder}\n        value={value}\n        id={id}\n        disabled={disabled}\n        required={required}\n        readOnly={readOnly}\n        onChange={handleChange}\n        onClick={onClick}\n        onFocus={onFocus}\n        defaultValue={defaultValue}\n        startSlot={startSlot}\n        classNames={{\n          root: cx(\n            classNames?.passwordInputStrength ?? passwordInputStrength(),\n            classNames?.root ?? passwordInputStrengthRoot(),\n          ),\n          label: classNames?.label ?? passwordInputStrengthLabel(),\n          required: classNames?.required ?? passwordInputStrengthRequired(),\n          description:\n            classNames?.description ?? passwordInputStrengthDescription(),\n          error: classNames?.error ?? passwordInputStrengthError(),\n          wrapper: classNames?.wrapper ?? passwordInputStrengthWrapper(),\n          input: classNames?.input ?? passwordInputStrengthInput(),\n          section: classNames?.section ?? passwordInputStrengthSection(),\n        }}\n      />\n      <div\n        className={cx(\n          classNames?.strengthIndicator?.strengthIndicator ??\n            passwordInputStrengthStrengthIndicator(),\n          classNames?.strengthIndicator?.root ??\n            passwordInputStrengthStrengthIndicatorRoot(),\n        )}\n      >\n        <div\n          className={\n            classNames?.strengthIndicator?.bars ??\n            passwordInputStrengthStrengthIndicatorBars()\n          }\n        >\n          {[0, 1, 2, 3].map((index) => (\n            <div\n              key={index}\n              className={\n                classNames?.strengthIndicator?.bar ??\n                passwordInputStrengthStrengthIndicatorBar()\n              }\n              style={\n                {\n                  '--password-input-strength-strength-indicator-bar-background':\n                    getStateBackgroundBar(score, index),\n                } as CSSProperties\n              }\n            />\n          ))}\n        </div>\n        <p\n          className={\n            classNames?.strengthIndicator?.text ??\n            passwordInputStrengthStrengthIndicatorText()\n          }\n        >\n          {strengthLabel}\n        </p>\n      </div>\n    </>\n  );\n};\n"],"mappings":"mxBA+CA,MAAM,EAAe,CACnB,CAAE,GAAI,QAAS,CACf,CAAE,GAAI,SAAU,CAChB,CAAE,GAAI,QAAS,CACf,CAAE,GAAI,QAAS,CACf,CAAE,GAAI,QAAS,CACf,CAAE,GAAI,2BAA4B,CACnC,CAEK,EAAqB,GAAqB,CAC9C,IAAI,EAAQ,EACZ,GAAI,CAAC,EAAU,MAAO,GAEtB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAa,OAAQ,IAC3B,EAAa,GACjB,GAAG,KAAK,EAAS,EACvB,IAGJ,OAAO,GAGH,GAAoB,EAAe,IAAkB,CACzD,IAAM,EAAa,KAAK,IAAI,EAAO,EAAE,CAKrC,OAHI,GAAS,EAAmB,UAC5B,GAAc,EAAU,OACxB,GAAc,EAAU,SACrB,UAGH,GAAyB,EAAe,IAA0B,CACtE,IAAM,EAAQ,EAAiB,EAAO,EAAM,CAI5C,OAHI,IAAU,UACL,2EAEF,mEAAmE,EAAM,IAG5E,GACJ,EACA,IAMI,IAAU,EAAU,GACpB,GAAS,EAAU,EAAM,iBACzB,GAAS,EAAU,EAAM,mBACtB,EAAM,mBAGF,GAAyB,CACpC,OACA,QACA,cACA,QACA,cACA,aACA,YACA,WACA,QACA,eACA,KACA,WACA,WACA,WACA,UACA,UACA,mBACA,qBACA,wBACgC,CAChC,GAAM,CAAC,EAAY,GAAiB,EACjC,GAAqB,GAA2B,GAClD,CAEK,EAAgB,GAAoB,EAEpC,EAAgB,GAAqC,CACrD,IAAU,IAAA,IACZ,EAAc,EAAE,OAAO,MAAM,CAE/B,IAAW,EAAE,EAET,EAAgB,CACpB,iBAAkB,GAAoB,OACtC,mBAAoB,GAAsB,SAC1C,mBAAoB,GAAsB,SAC3C,CACK,EAAQ,EAAkB,EAAa,CACvC,EAAgB,EAAiB,EAAO,EAAc,CAE5D,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CACO,OACC,QACM,cACN,QACM,cACN,QACH,KACM,WACA,WACA,WACV,SAAU,EACD,UACA,UACK,eACH,YACX,WAAY,CACV,KAAM,EACJ,GAAY,uBAAyB,GAAuB,CAC5D,GAAY,MAAQ,GAA2B,CAChD,CACD,MAAO,GAAY,OAAS,GAA4B,CACxD,SAAU,GAAY,UAAY,GAA+B,CACjE,YACE,GAAY,aAAe,GAAkC,CAC/D,MAAO,GAAY,OAAS,GAA4B,CACxD,QAAS,GAAY,SAAW,GAA8B,CAC9D,MAAO,GAAY,OAAS,GAA4B,CACxD,QAAS,GAAY,SAAW,GAA8B,CAC/D,EACD,CACF,EAAC,MAAA,CACC,UAAW,EACT,GAAY,mBAAmB,mBAC7B,GAAwC,CAC1C,GAAY,mBAAmB,MAC7B,GAA4C,CAC/C,WAED,EAAC,MAAA,CACC,UACE,GAAY,mBAAmB,MAC/B,GAA4C,UAG7C,CAAC,EAAG,EAAG,EAAG,EAAE,CAAC,IAAK,GACjB,EAAC,MAAA,CAEC,UACE,GAAY,mBAAmB,KAC/B,GAA2C,CAE7C,MACE,CACE,8DACE,EAAsB,EAAO,EAAM,CACtC,EATE,EAWL,CACF,EACE,CACN,EAAC,IAAA,CACC,UACE,GAAY,mBAAmB,MAC/B,GAA4C,UAG7C,GACC,CAAA,EACA,CAAA,CAAA,CACL"}