@mage-ui/components 0.0.99 → 1.0.3

package/dist/providers/{MageUiProvider.d.ts → MageUiProvider.d.mts}

@@ -21,4 +21,4 @@ declare const MageUiProvider: ({
 }: MageUiProviderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { MageUiProvider, MageUiProviderProps };
-//# sourceMappingURL=MageUiProvider.d.ts.map
+//# sourceMappingURL=MageUiProvider.d.mts.map

package/dist/providers/MageUiProvider.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MageUiProvider.d.mts","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"mappings":";;;;;KAMY,mBAAA;EACV,QAAA;IACE,KAAA;MACE,MAAA;MACA,cAAA,EAAgB,SAAA;MAChB,WAAA,EAAa,SAAA;MACb,cAAA;MACA,eAAA;IAAA;EAAA;EAGJ,QAAA,EAAU,SAAA;AAAA;AAAA,cAGC,cAAA;EAAkB,QAAA;EAAA;AAAA,GAAwB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/providers/MageUiProvider.mjs

@@ -0,0 +1,2 @@
+import{ModalsProvider as e}from"../components/overlays/modals/ModalsProvider.mjs";import{HeadlessMantineProvider as t}from"@mantine/core";import{jsx as n}from"react/jsx-runtime";import{DatesProvider as r}from"@mantine/dates";const i=({settings:i,children:a})=>n(t,{children:n(r,{settings:i.dates,children:n(e,{children:a})})});export{i as MageUiProvider};
+//# sourceMappingURL=MageUiProvider.mjs.map

package/dist/providers/MageUiProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MageUiProvider.mjs","names":[],"sources":["../../src/providers/MageUiProvider.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { HeadlessMantineProvider } from '@mantine/core';\nimport { DatesProvider, type DayOfWeek } from '@mantine/dates';\nimport { ModalsProvider } from '@/components/overlays';\n\nexport type MageUiProviderProps = {\n  settings: {\n    dates: {\n      locale: string;\n      firstDayOfWeek: DayOfWeek;\n      weekendDays: DayOfWeek[];\n      labelSeparator: string;\n      consistentWeeks: boolean;\n    };\n  };\n  children: ReactNode;\n};\n\nexport const MageUiProvider = ({ settings, children }: MageUiProviderProps) => {\n  return (\n    <HeadlessMantineProvider>\n      <DatesProvider settings={settings.dates}>\n        <ModalsProvider>{children}</ModalsProvider>\n      </DatesProvider>\n    </HeadlessMantineProvider>\n  );\n};\n"],"mappings":"iOAmBA,MAAa,GAAkB,CAAE,WAAU,cAEvC,EAAC,EAAA,CAAA,SACC,EAAC,EAAA,CAAc,SAAU,EAAS,eAChC,EAAC,EAAA,CAAgB,WAAA,CAA0B,EAC7B,CAAA,CACQ"}

package/dist/providers/index.d.mts

@@ -0,0 +1 @@
+import { MageUiProvider, MageUiProviderProps } from "./MageUiProvider.mjs";

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

@@ -0,0 +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";

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

@@ -0,0 +1,33 @@
+import { ReactNode } from "react";
+
+//#region src/semedlab/components/data-display/notification/Notification.d.ts
+type NotificationProps = {
+  iconName?: string;
+  slug: string;
+  title: ReactNode;
+  description?: ReactNode;
+  dismissBtnLabel: string;
+  onDismiss?: () => void;
+  classNames?: {
+    notification: string;
+    root: string;
+    wrapper: string;
+    content: string;
+    title: string;
+    link: string;
+    description: string;
+    divider: string;
+  };
+};
+declare const Notification: ({
+  iconName,
+  slug,
+  title,
+  description,
+  dismissBtnLabel,
+  onDismiss,
+  classNames
+}: NotificationProps) => ReactNode;
+//#endregion
+export { Notification, NotificationProps };
+//# sourceMappingURL=Notification.d.mts.map

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

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

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

@@ -0,0 +1,2 @@
+import{Icon as e}from"../../../../components/data-display/icons/icon/Icon.mjs";import{ButtonIcon as t}from"../../../../components/buttons/button-icon/ButtonIcon.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{notification as r,notificationContent as i,notificationDescription as a,notificationDismissButton as o,notificationDivider as s,notificationIcon as c,notificationLink as l,notificationRoot as u,notificationRootFadeOut as d,notificationTitle as f,notificationWrapper as p}from"@mage-ui/styled-system/recipes";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{useState as _}from"react";const v=({iconName:v,slug:y,title:b,description:x,dismissBtnLabel:S=`Dismiss notification`,onDismiss:C,classNames:w})=>{let[T,E]=_(!1),D=()=>{E(!0),setTimeout(()=>{C?.()},300)};return g(m,{children:[g(`div`,{className:n(w?.notification??r(),w?.root??n(u(),T&&d())),children:[g(`div`,{className:w?.wrapper??p(),children:[v&&h(e,{path:`/icons/sprite-theme.svg`,name:v,classNames:{icon:c()}}),g(`div`,{className:w?.content??i(),children:[h(`h4`,{className:w?.title??f(),children:h(`a`,{href:y,className:w?.link??l(),children:b})}),x&&h(`p`,{className:w?.description??a(),children:x})]})]}),h(t,{path:`/icons/sprite-theme.svg`,name:`x`,label:`${S}: ${b}`,onClick:e=>{e.stopPropagation(),D()},classNames:{root:o()}})]}),h(`div`,{className:w?.divider??s()})]})};export{v as Notification};
+//# sourceMappingURL=Notification.mjs.map

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

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

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

@@ -0,0 +1,32 @@
+import { AvatarProps } from "../../../../components/data-display/avatar/Avatar.mjs";
+import "../../../../components/index.mjs";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
+
+//#region src/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.ts
+type UserGroupPreviewProps = {
+  users: AvatarProps[];
+  maxAvatars?: number;
+  previewText?: string;
+  classNames?: {
+    notification?: string;
+    root?: string;
+    list?: string;
+    listItem?: string;
+    avatar?: {
+      avatar: string;
+      root: string;
+      image: string;
+      placeholder: string;
+    };
+    more: string;
+  };
+};
+declare const UserGroupPreview: ({
+  users,
+  maxAvatars,
+  previewText,
+  classNames
+}: UserGroupPreviewProps) => react_jsx_runtime45.JSX.Element;
+//#endregion
+export { UserGroupPreview, UserGroupPreviewProps };
+//# sourceMappingURL=UserGroupPreview.d.mts.map

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

@@ -0,0 +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,mBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,2 @@
+import{Avatar as e}from"../../../../components/data-display/avatar/Avatar.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{userGroupPreview as n,userGroupPreviewAvatar as r,userGroupPreviewList as i,userGroupPreviewListItem as a,userGroupPreviewMore as o,userGroupPreviewRoot as s}from"@mage-ui/styled-system/recipes";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=({users:u,maxAvatars:d=4,previewText:f,classNames:p})=>l(`div`,{className:t(p?.notification??n(),p?.root??s()),children:[c(`ul`,{className:p?.list??i(),children:u.slice(0,d).map((t,n)=>{let i=d-n;return c(`li`,{className:p?.listItem??a(),style:{zIndex:i},children:c(e,{name:t.name,src:t.src,alt:t.alt||t.name,classNames:{avatar:r()}},t.name)},t.name)})}),u.length>d&&l(`div`,{className:p?.more??o(),children:[`+ `,u.length-d,` `,f]})]});export{u as UserGroupPreview};
+//# sourceMappingURL=UserGroupPreview.mjs.map

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

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

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

@@ -0,0 +1,34 @@
+import { ReactNode } from "react";
+
+//#region src/semedlab/components/data-display/user-profile/UserProfile.d.ts
+type UserProfileProps = {
+  name: string;
+  src?: string;
+  alt?: string;
+  description?: ReactNode;
+  heading?: boolean;
+  classNames?: {
+    userProfile?: string;
+    root?: string;
+    wrapper?: string;
+    name?: string;
+    description?: string;
+    avatar?: {
+      avatar?: string;
+      root?: string;
+      image?: string;
+      placeholder?: string;
+    };
+  };
+};
+declare const UserProfile: ({
+  name,
+  src,
+  alt,
+  description,
+  heading,
+  classNames
+}: UserProfileProps) => ReactNode;
+//#endregion
+export { UserProfile, UserProfileProps };
+//# sourceMappingURL=UserProfile.d.mts.map

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

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

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

@@ -0,0 +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};
+//# sourceMappingURL=UserProfile.mjs.map

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

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

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

@@ -0,0 +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 "./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 "./navigations/index.mjs";

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

@@ -0,0 +1,23 @@
+import { NotificationMenuProps } from "../notification-menu/NotificationMenu.mjs";
+import { ProfileMenuProps } from "../profile-menu/ProfileMenu.mjs";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
+
+//#region src/semedlab/components/navigations/backoffice-top-bar/BackofficeTopBar.d.ts
+type BackofficeTopBarProps = {
+  notificationMenuProps: NotificationMenuProps;
+  profileMenuProps: ProfileMenuProps;
+  classNames?: {
+    topBar?: string;
+    root?: string;
+    wrapper?: string;
+    startSlot?: string;
+    endSlot?: string;
+  };
+};
+declare const BackofficeTopBar: ({
+  notificationMenuProps,
+  profileMenuProps
+}: BackofficeTopBarProps) => react_jsx_runtime46.JSX.Element;
+//#endregion
+export { BackofficeTopBar, BackofficeTopBarProps };
+//# sourceMappingURL=BackofficeTopBar.d.mts.map

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

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

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

@@ -0,0 +1,2 @@
+import{LogoSvg as e}from"../../../../components/data-display/logos/logo-svg/LogoSvg.mjs";import{TopBar as t}from"../../../../components/layouts/top-bar/TopBar.mjs";import{NotificationMenu as n}from"../notification-menu/NotificationMenu.mjs";import{ProfileMenu as r}from"../profile-menu/ProfileMenu.mjs";import{backofficeTopBar as i,backofficeTopBarEndSlot as a,backofficeTopBarRoot as o,backofficeTopBarStartSlot as s,backofficeTopBarWrapper as c}from"@mage-ui/styled-system/recipes";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=({notificationMenuProps:f,profileMenuProps:p})=>u(t,{startSlot:u(e,{width:80,height:48,ariaLabel:`Go to Semedlab homepage`,children:u(`use`,{href:`#logo-semedlab`})}),endSlot:d(l,{children:[u(n,{...f}),u(r,{...p})]}),classNames:{topBar:i(),root:o(),wrapper:c(),startSlot:s(),endSlot:a()}});export{f as BackofficeTopBar};
+//# sourceMappingURL=BackofficeTopBar.mjs.map

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

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

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

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+
+//#region src/semedlab/components/navigations/breadcrumbs-bar/BreadcrumbsBar.d.ts
+type BreadcrumbsBarProps = {
+  children?: ReactNode;
+  btnBackText?: ReactNode;
+  breadcrumbsSeparator?: ReactNode;
+  classNames?: {
+    breadcrumbsBar?: string;
+    root?: string;
+    wrapper?: string;
+    divider?: string;
+  };
+};
+declare const BreadcrumbsBar: ({
+  children,
+  btnBackText,
+  breadcrumbsSeparator,
+  classNames
+}: BreadcrumbsBarProps) => ReactNode;
+//#endregion
+export { BreadcrumbsBar, BreadcrumbsBarProps };
+//# sourceMappingURL=BreadcrumbsBar.d.mts.map

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

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

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

@@ -0,0 +1,2 @@
+import{Button as e}from"../../../../components/buttons/button/Button.mjs";import{Icon as t}from"../../../../components/data-display/icons/icon/Icon.mjs";import{Breadcrumbs as n}from"../../../../components/navigations/breadcrumbs/Breadcrumbs.mjs";import{cx as r}from"@mage-ui/styled-system/css";import{breadcrumbsBar as i,breadcrumbsBarBreadcrumbs as a,breadcrumbsBarButtonBack as o,breadcrumbsBarDivider as s,breadcrumbsBarRoot as c,breadcrumbsBarWrapper as l}from"@mage-ui/styled-system/recipes";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=({children:f,btnBackText:p=`Back`,breadcrumbsSeparator:m,classNames:h})=>u(`div`,{className:r(h?.breadcrumbsBar??i(),h?.root??c()),children:d(`div`,{className:h?.wrapper??l(),children:[u(e,{startSlot:u(t,{path:`/icons/sprite-theme.svg`,name:`arrow-left`}),onClick:()=>window.history.back(),classNames:{button:o()},children:p}),u(`span`,{className:h?.divider??s()}),u(n,{separator:m,classNames:{breadcrumbs:a()},children:f})]})});export{f as BreadcrumbsBar};
+//# sourceMappingURL=BreadcrumbsBar.mjs.map

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

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

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

@@ -0,0 +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";

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

@@ -0,0 +1,29 @@
+import { NotificationProps } from "../../data-display/notification/Notification.mjs";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
+
+//#region src/semedlab/components/navigations/notification-list/NotificationList.d.ts
+type NotificationItemProps = Omit<NotificationProps, 'onDismiss' | 'dismissBtnLabel'>;
+type NotificationListProps = {
+  notifications: NotificationItemProps[];
+  onDismissOne: (slug: string) => void;
+  onDismissAll: () => void;
+  dismissBtnLabel?: string;
+  dismissAllBtnLabel?: string;
+  classNames?: {
+    notification: string;
+    root: string;
+    wrapper: string;
+    buttonRow: string;
+  };
+};
+declare const NotificationList: ({
+  notifications,
+  onDismissOne,
+  onDismissAll,
+  dismissBtnLabel,
+  dismissAllBtnLabel,
+  classNames
+}: NotificationListProps) => react_jsx_runtime47.JSX.Element;
+//#endregion
+export { NotificationList, NotificationListProps };
+//# sourceMappingURL=NotificationList.d.mts.map

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

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

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

@@ -0,0 +1,2 @@
+import{Button as e}from"../../../../components/buttons/button/Button.mjs";import{Notification as t}from"../../data-display/notification/Notification.mjs";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=({notifications:i,onDismissOne:a,onDismissAll:o,dismissBtnLabel:s=`Dismiss notification`,dismissAllBtnLabel:c=`Dismiss all notifications`,classNames:l})=>r(`div`,{children:[i.map(e=>n(t,{slug:e.slug,title:e.title,description:e.description,iconName:e.iconName,dismissBtnLabel:s,onDismiss:()=>a(e.slug)},e.slug)),i.length>0&&n(e,{onClick:o,children:c})]});export{i as NotificationList};
+//# sourceMappingURL=NotificationList.mjs.map

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

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

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

@@ -0,0 +1,32 @@
+import { NotificationProps } from "../../data-display/notification/Notification.mjs";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/semedlab/components/navigations/notification-menu/NotificationMenu.d.ts
+type NotificationItemProps = Omit<NotificationProps, 'onDismiss' | 'dismissBtnLabel'>;
+type NotificationMenuProps = {
+  notifications: NotificationItemProps[];
+  onDismissOne: (slug: string) => void;
+  onDismissAll: () => void;
+  dismissBtnLabel?: string;
+  dismissAllBtnLabel?: React.ReactNode;
+  viewAllBtnLabel?: React.ReactNode;
+  targetLabel?: string;
+  emptyMessage?: string;
+  maxNotificationsToShow?: number;
+  indicatorAriaLabel?: string;
+};
+declare const NotificationMenu: ({
+  notifications,
+  onDismissOne,
+  onDismissAll,
+  dismissBtnLabel,
+  dismissAllBtnLabel,
+  viewAllBtnLabel,
+  targetLabel,
+  indicatorAriaLabel,
+  maxNotificationsToShow
+}: NotificationMenuProps) => react_jsx_runtime48.JSX.Element;
+//#endregion
+export { NotificationMenu, NotificationMenuProps };
+//# sourceMappingURL=NotificationMenu.d.mts.map

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

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

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

@@ -0,0 +1,2 @@
+import{Button as e}from"../../../../components/buttons/button/Button.mjs";import{Indicator as t}from"../../../../components/data-display/indicator/Indicator.mjs";import{ScrollAreaAutosize as n}from"../../../../components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIconVisual as r}from"../../../../components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as i}from"../../../../components/buttons/button-visual/ButtonVisual.mjs";import{Menu as a}from"../../../../components/navigations/menu/Menu.mjs";import{Notification as o}from"../../data-display/notification/Notification.mjs";import{notificationMenu as s,notificationMenuButtonIconVisual as c,notificationMenuButtonRow as l,notificationMenuEmptyText as u,notificationMenuEmptyWrapper as d,notificationMenuIndicator as f}from"@mage-ui/styled-system/recipes";import{jsx as p,jsxs as m}from"react/jsx-runtime";import h from"react";const g=({notifications:u,onDismissOne:d,onDismissAll:g,dismissBtnLabel:v=`Dismiss notification`,dismissAllBtnLabel:y=`Dismiss all notifications`,viewAllBtnLabel:b=`View all notifications`,targetLabel:x=`Notifications`,indicatorAriaLabel:S=`You have new notifications`,maxNotificationsToShow:C=10})=>{let[w,T]=h.useState(!1),E=u.length>0,D=u.slice(0,C),O=E&&!w;return m(a,{target:p(t,{label:O?u.length:void 0,ariaLabel:O?S:void 0,disabled:!O,offset:2,classNames:{label:f()},children:p(r,{classNames:{buttonIconVisual:c()},path:`/icons/sprite-theme.svg`,name:`bell-01`,label:x})}),position:`bottom-end`,keepMounted:!1,width:320,targetButtonProps:{onClick:()=>T(!0)},classNames:{menu:s()},children:[E?p(n,{mah:192,children:D.map(e=>p(o,{slug:e.slug,title:e.title,description:e.description,iconName:e.iconName,dismissBtnLabel:v,onDismiss:()=>d(e.slug)},e.slug))}):p(_,{}),p(a.Item,{children:m(`div`,{className:l(),children:[p(i,{children:b}),E&&p(e,{onClick:g,children:y})]})})]})},_=({emptyMessage:e=`You have no notifications`})=>p(a.Item,{children:m(`div`,{className:d(),children:[p(`img`,{src:`/images/bell-empty.svg`,alt:`No notifications`}),p(`p`,{className:u(),children:e})]})});export{g as NotificationMenu};
+//# sourceMappingURL=NotificationMenu.mjs.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileMenu.d.mts","names":[],"sources":["../../../../../src/semedlab/components/navigations/profile-menu/ProfileMenu.tsx"],"mappings":";;;;KAUY,gBAAA;EACV,IAAA;EACA,GAAA;EACA,GAAA;EACA,WAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,WAAA;EAAe,IAAA;EAAA,GAAA;EAAA,GAAA;EAAA,WAAA;EAAA;AAAA,GAMzB,gBAAA,KAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,2 @@
+import{Avatar as e}from"../../../../components/data-display/avatar/Avatar.mjs";import{Menu as t}from"../../../../components/navigations/menu/Menu.mjs";import{UserProfile as n}from"../../data-display/user-profile/UserProfile.mjs";import{profileMenu as r,profileMenuUserProfile as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({name:s,src:c,alt:l,description:u,children:d})=>o(t,{target:a(e,{name:s,src:c,alt:l}),position:`bottom-end`,width:248,classNames:{menu:r()},children:[a(n,{name:s,src:c,alt:l,description:u,classNames:{userProfile:i()}}),d]});export{s as ProfileMenu};
+//# sourceMappingURL=ProfileMenu.mjs.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "0.0.99",
+  "version": "1.0.3",
   "private": false,
   "description": "",
   "keywords": [],
@@ -8,42 +8,47 @@
   "sideEffects": false,
   "type": "module",
   "exports": {
-    ".": "./dist/index.js",
+    ".": "./dist/index.mjs",
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/index.d.mts",
   "files": [
     "dist"
   ],
   "devDependencies": {
-    "@biomejs/biome": "^2.2.5",
-    "@pandacss/types": "^1.4.1",
-    "@types/node": "^24.6.2",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
-    "rimraf": "^6.0.1",
-    "tsdown": "^0.15.6",
+    "@biomejs/biome": "^2.3.13",
+    "@pandacss/types": "^1.8.1",
+    "@types/node": "^25.1.0",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-big-calendar": "^1.16.3",
+    "rimraf": "^6.1.2",
+    "tsdown": "^0.20.1",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "0.0.99",
-    "@mage-ui/styled-system": "0.0.99"
+    "baseline-browser-mapping": "^2.9.19",
+    "@mage-ui/preset": "1.0.3",
+    "@mage-ui/styled-system": "1.0.3"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.2",
-    "@mantine/core": "^8.3.3",
-    "@mantine/dates": "^8.3.3",
-    "@mantine/hooks": "^8.3.3",
+    "@mantine/core": "^8.3.13",
+    "@mantine/dates": "^8.3.13",
+    "@mantine/dropzone": "^8.3.13",
+    "@mantine/hooks": "^8.3.13",
     "@pandabox/define-recipe": "^0.0.3",
-    "@pandacss/dev": "^1.4.1",
-    "dayjs": "^1.11.18",
+    "@pandacss/dev": "^1.8.1",
+    "@tanstack/react-query": "^5.90.20",
+    "dayjs": "^1.11.19",
     "embla-carousel": "^8.6.0",
     "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-react": "^8.6.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-hook-form": "^7.63.0",
-    "zod": "^3.25.76"
+    "moment": "^2.30.1",
+    "react": "^19.2.4",
+    "react-big-calendar": "^1.19.4",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.71.1",
+    "zod": "^4.3.6",
+    "@ebay/nice-modal-react": "^1.2.13"
   },
   "engines": {
     "node": ">=24.9.0"
@@ -51,7 +56,7 @@
   "scripts": {
     "build": "rimraf dist && panda codegen && tsdown --env.NODE_ENV=production --minify && panda ship -o dist/panda.json",
     "clean": "rimraf dist node_modules styled-system",
-    "dev": "tsdown --env.NODE_ENV=development --watch --no-clean --silent",
+    "dev": "tsdown --env.NODE_ENV=development --no-clean --watch",
     "lint": "biome check --write"
   }
 }

package/dist/components/buttons/button/Button.d.ts

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
-import { ComponentProps, ReactNode } from "react";
-
-//#region src/components/buttons/button/Button.d.ts
-type ButtonProps = ComponentProps<'button'> & {
-  classNames?: {
-    root?: string;
-    inner?: string;
-    label?: string;
-    section?: string;
-    loader?: string;
-  };
-  startSlot?: ReactNode;
-  endSlot?: ReactNode;
-  children?: ReactNode;
-  component?: 'button' | 'span';
-  loading?: boolean;
-};
-declare const Button: ({
-  classNames,
-  startSlot,
-  endSlot,
-  children,
-  ...props
-}: ButtonProps) => react_jsx_runtime7.JSX.Element;
-//#endregion
-export { Button, ButtonProps };
-//# sourceMappingURL=Button.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../../src/components/buttons/button/Button.tsx"],"sourcesContent":[],"mappings":";;;;KAWY,WAAA,GAAc;;;IAAd,KAAA,CAAA,EAAA,MAAW;IAAA,KAAA,CAAA,EAAA,MAAA;IAAG,OAAA,CAAA,EAAA,MAAA;IAQZ,MAAA,CAAA,EAAA,MAAA;;WAED,CAAA,EAFC,SAED;EAAS,OAAA,CAAA,EADV,SACU;EAKT,QAAA,CAuBZ,EA5BY,SA4BZ;EAAA,SAAA,CAAA,EAAA,QAAA,GAAA,MAAA;SAvBsB,CAAA,EAAA,OAAA;;AAAA,cAAV,MAAU,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAMpB,WANoB,EAAA,GAMT,kBAAA,CAAA,GAAA,CAAA,OANS"}

package/dist/components/buttons/button/Button.js

@@ -1,2 +0,0 @@
-import{button as e,buttonInner as t,buttonLabel as n,buttonLoader as r,buttonSection as i}from"@mage-ui/styled-system/recipes";import{Button as a}from"@mantine/core";import{jsx as o}from"react/jsx-runtime";const s=({classNames:s,startSlot:c,endSlot:l,children:u,...d})=>o(a,{classNames:{root:s?.root??e(),inner:s?.inner??t(),label:s?.label??n(),section:s?.section??i(),loader:s?.loader??r()},leftSection:c,rightSection:l,...d,children:u});export{s as Button};
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","names":["Button","MantineButton"],"sources":["../../../../src/components/buttons/button/Button.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport {\n  button,\n  buttonInner,\n  buttonLabel,\n  buttonLoader,\n  buttonSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Button as MantineButton } from '@mantine/core';\n\nexport type ButtonProps = ComponentProps<'button'> & {\n  classNames?: {\n    root?: string;\n    inner?: string;\n    label?: string;\n    section?: string;\n    loader?: string;\n  };\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  children?: ReactNode;\n  component?: 'button' | 'span';\n  loading?: boolean;\n};\n\nexport const Button = ({\n  classNames,\n  startSlot,\n  endSlot,\n  children,\n  ...props\n}: ButtonProps) => {\n  return (\n    <MantineButton\n      classNames={{\n        root: classNames?.root ?? button(),\n        inner: classNames?.inner ?? buttonInner(),\n        label: classNames?.label ?? buttonLabel(),\n        section: classNames?.section ?? buttonSection(),\n        loader: classNames?.loader ?? buttonLoader(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      {...props}\n    >\n      {children}\n    </MantineButton>\n  );\n};\n"],"mappings":"8MA0BA,MAAaA,GAAU,CACrB,aACA,YACA,UACA,WACA,GAAG,KAGD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,MAAQ,GAAQ,CAClC,MAAO,GAAY,OAAS,GAAa,CACzC,MAAO,GAAY,OAAS,GAAa,CACzC,QAAS,GAAY,SAAW,GAAe,CAC/C,OAAQ,GAAY,QAAU,GAAc,CAC7C,CACD,YAAa,EACb,aAAc,EACd,GAAI,EAEH,YACa"}

package/dist/components/buttons/button-icon/ButtonIcon.d.ts

@@ -1,21 +0,0 @@
-import { ButtonProps } from "../button/Button.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
-
-//#region src/components/buttons/button-icon/ButtonIcon.d.ts
-type ButtonIconProps = ButtonProps & {
-  label: string;
-  icon: string;
-  classNames?: {
-    root?: string;
-    icon?: string;
-  };
-};
-declare const ButtonIcon: ({
-  label,
-  icon,
-  classNames,
-  ...props
-}: ButtonIconProps) => react_jsx_runtime4.JSX.Element;
-//#endregion
-export { ButtonIcon, ButtonIconProps };
-//# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/components/buttons/button-icon/ButtonIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonIcon.d.ts","names":[],"sources":["../../../../src/components/buttons/button-icon/ButtonIcon.tsx"],"sourcesContent":[],"mappings":";;;;KAMY,eAAA,GAAkB;;;EAAlB,UAAA,CAAA,EAAA;IASC,IAAA,CAAA,EAAA,MAkBZ;IAAA,IAAA,CAAA,EAAA,MAAA;;;AAlB0B,cAAd,UAAc,EAAA,CAAA;EAAA,KAAA;EAAA,IAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAKxB,eALwB,EAAA,GAKT,kBAAA,CAAA,GAAA,CAAA,OALS"}

package/dist/components/buttons/button-icon/ButtonIcon.js

@@ -1,2 +0,0 @@
-import{VisuallyHidden as e}from"../../misc/visually-hidden/VisuallyHidden.js";import{IconRaw as t}from"../../data-display/icons/icon-raw/IconRaw.js";import{buttonIcon as n,buttonIconIcon as r}from"@mage-ui/styled-system/recipes";import{ActionIcon as i}from"@mantine/core";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({label:s,icon:c,classNames:l,...u})=>o(i,{classNames:{root:l?.root??n(),icon:l?.icon??r()},...u,children:[a(t,{name:c}),a(e,{children:s})]});export{s as ButtonIcon};
-//# sourceMappingURL=ButtonIcon.js.map