@mage-ui/components 1.0.36 → 1.0.38

package/dist/components/forms/Form.d.mts

@@ -3,7 +3,7 @@ import { FormSubmitProps } from "./controls/FormSubmit.mjs";
 import { FormCheckboxProps } from "./controls/FormCheckbox.mjs";
 import { FormPasswordProps } from "./controls/FormPassword.mjs";
 import "../index.mjs";
-import * as react_jsx_runtime53 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 import React, { ReactNode } from "react";
 import { FieldValues, UseFormSetError } from "react-hook-form";
 import { ZodObject, ZodTypeAny } from "zod";
@@ -44,7 +44,7 @@ declare const Form: {
     schema,
     t,
     classNames
-  }: FormProps<T>): react_jsx_runtime53.JSX.Element;
+  }: FormProps<T>): react_jsx_runtime46.JSX.Element;
   displayName: string;
   TextInput: {
     ({
@@ -55,7 +55,7 @@ declare const Form: {
       $rule?: string;
       isSubmitting?: boolean;
       name: string;
-    } & TextInputProps): react_jsx_runtime53.JSX.Element;
+    } & TextInputProps): react_jsx_runtime46.JSX.Element;
     displayName: string;
   };
   Submit: {
@@ -63,7 +63,7 @@ declare const Form: {
       children,
       successText,
       ...props
-    }: FormSubmitProps): react_jsx_runtime53.JSX.Element;
+    }: FormSubmitProps): react_jsx_runtime46.JSX.Element;
     displayName: string;
   };
   Hidden: {
@@ -75,7 +75,7 @@ declare const Form: {
       name?: string;
       value?: string;
       defaultValue?: string;
-    } & React.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime53.JSX.Element;
+    } & React.InputHTMLAttributes<HTMLInputElement>): react_jsx_runtime46.JSX.Element;
     displayName: string;
   };
   Checkbox: {
@@ -84,7 +84,7 @@ declare const Form: {
       isSubmitting,
       name,
       ...props
-    }: FormCheckboxProps): react_jsx_runtime53.JSX.Element;
+    }: FormCheckboxProps): react_jsx_runtime46.JSX.Element;
     displayName: string;
   };
   Password: {
@@ -96,7 +96,7 @@ declare const Form: {
       name,
       rules,
       ...props
-    }: FormPasswordProps): react_jsx_runtime53.JSX.Element;
+    }: FormPasswordProps): react_jsx_runtime46.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/forms/FormErrorBox.mjs

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";const t=({errors:t})=>t.root?.serverError&&e(`div`,{style:{color:`red`},children:t.root.serverError.message});export{t as FormErrorBox};
+import{NotificationBanner as e}from"../data-display/notification-banner/NotificationBanner.mjs";import{jsx as t}from"react/jsx-runtime";const n=({errors:n})=>n.root?.serverError&&t(e,{intent:`danger`,role:`alert`,"aria-live":`assertive`,children:n.root.serverError.message});export{n as FormErrorBox};
 //# sourceMappingURL=FormErrorBox.mjs.map

package/dist/components/forms/FormErrorBox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormErrorBox.mjs","names":[],"sources":["../../../src/components/forms/FormErrorBox.tsx"],"sourcesContent":["import type { FieldErrors } from 'react-hook-form';\n\nexport const FormErrorBox = ({ errors }: { errors: FieldErrors }) =>\n  errors.root?.serverError && (\n    <div style={{ color: 'red' }}>{errors.root.serverError.message}</div>\n  );\n"],"mappings":"wCAEA,MAAa,GAAgB,CAAE,YAC7B,EAAO,MAAM,aACX,EAAC,MAAA,CAAI,MAAO,CAAE,MAAO,MAAO,UAAG,EAAO,KAAK,YAAY,SAAc"}
+{"version":3,"file":"FormErrorBox.mjs","names":[],"sources":["../../../src/components/forms/FormErrorBox.tsx"],"sourcesContent":["import type { FieldErrors } from 'react-hook-form';\n\nimport { NotificationBanner } from '../data-display';\n\nexport const FormErrorBox = ({ errors }: { errors: FieldErrors }) =>\n  errors.root?.serverError && (\n    <NotificationBanner intent='danger' role='alert' aria-live='assertive'>\n      {errors.root.serverError.message}\n    </NotificationBanner>\n  );\n"],"mappings":"wIAIA,MAAa,GAAgB,CAAE,YAC7B,EAAO,MAAM,aACX,EAAC,EAAA,CAAmB,OAAO,SAAS,KAAK,QAAQ,YAAU,qBACxD,EAAO,KAAK,YAAY,SACN"}

package/dist/components/layouts/top-bar/TopBar.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime68 from "react/jsx-runtime";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/layouts/top-bar/TopBar.d.ts
@@ -17,7 +17,7 @@ declare const TopBar: ({
   startSlot,
   endSlot,
   classNames
-}: TopBarProps) => react_jsx_runtime68.JSX.Element;
+}: TopBarProps) => react_jsx_runtime61.JSX.Element;
 //#endregion
 export { TopBar, TopBarProps };
 //# sourceMappingURL=TopBar.d.mts.map

package/dist/components/misc/horizontal-divider/HorizontalDivider.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime62 from "react/jsx-runtime";
 
 //#region src/components/misc/horizontal-divider/HorizontalDivider.d.ts
 type HorizontalDividerProps = {
@@ -9,7 +9,7 @@ type HorizontalDividerProps = {
 };
 declare const HorizontalDivider: ({
   classNames
-}: HorizontalDividerProps) => react_jsx_runtime52.JSX.Element;
+}: HorizontalDividerProps) => react_jsx_runtime62.JSX.Element;
 //#endregion
 export { HorizontalDivider, HorizontalDividerProps };
 //# sourceMappingURL=HorizontalDivider.d.mts.map

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{scrollAreaAutosize as t,scrollAreaAutosizeContent as n,scrollAreaAutosizeCorner as r,scrollAreaAutosizeRoot as i,scrollAreaAutosizeScrollbar as a,scrollAreaAutosizeThumb as o,scrollAreaAutosizeViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({scrollbars:u=`y`,type:d,scrollbarSize:f,offsetScrollbars:p=!0,mah:m=192,children:h,classNames:g})=>l(c.Autosize,{scrollbars:u,type:d,scrollbarSize:f,offsetScrollbars:p,mah:m,classNames:{root:e(g?.scrollArea??t(),g?.root??i()),viewport:g?.viewport??s(),content:g?.content??n(),scrollbar:g?.scrollbar??a(),thumb:g?.thumb??o(),corner:g?.corner??r()},children:h});export{u as ScrollAreaAutosize};
+import{cx as e}from"@mage-ui/styled-system/css";import{scrollAreaAutosize as t,scrollAreaAutosizeContent as n,scrollAreaAutosizeCorner as r,scrollAreaAutosizeRoot as i,scrollAreaAutosizeScrollbar as a,scrollAreaAutosizeThumb as o,scrollAreaAutosizeViewport as s}from"@mage-ui/styled-system/recipes";import{ScrollArea as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";const u=({scrollbars:u=`y`,type:d,scrollbarSize:f,offsetScrollbars:p=!0,mah:m,children:h,classNames:g})=>l(c.Autosize,{scrollbars:u,type:d,scrollbarSize:f,offsetScrollbars:p,mah:m,classNames:{root:e(g?.scrollArea??t(),g?.root??i()),viewport:g?.viewport??s(),content:g?.content??n(),scrollbar:g?.scrollbar??a(),thumb:g?.thumb??o(),corner:g?.corner??r()},children:h});export{u as ScrollAreaAutosize};
 //# sourceMappingURL=ScrollAreaAutosize.mjs.map

package/dist/components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaAutosize.mjs","names":["MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollAreaAutosize,\n  scrollAreaAutosizeContent,\n  scrollAreaAutosizeCorner,\n  scrollAreaAutosizeRoot,\n  scrollAreaAutosizeScrollbar,\n  scrollAreaAutosizeThumb,\n  scrollAreaAutosizeViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nimport type { ScrollAreaProps } from '../scroll-area/ScrollArea';\n\nexport type ScrollAreaAutosizeProps = {\n  mah: string | number;\n} & ScrollAreaProps;\n\nexport const ScrollAreaAutosize = ({\n  scrollbars = 'y',\n  type,\n  scrollbarSize,\n  offsetScrollbars = true,\n  mah = 192,\n  children,\n  classNames,\n}: ScrollAreaAutosizeProps): ReactNode => {\n  return (\n    <MantineScrollArea.Autosize\n      scrollbars={scrollbars}\n      type={type}\n      scrollbarSize={scrollbarSize}\n      offsetScrollbars={offsetScrollbars}\n      mah={mah}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollAreaAutosize(),\n          classNames?.root ?? scrollAreaAutosizeRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaAutosizeViewport(),\n        content: classNames?.content ?? scrollAreaAutosizeContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaAutosizeScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaAutosizeThumb(),\n        corner: classNames?.corner ?? scrollAreaAutosizeCorner(),\n      }}\n    >\n      {children}\n    </MantineScrollArea.Autosize>\n  );\n};\n"],"mappings":"8XAoBA,MAAa,GAAsB,CACjC,aAAa,IACb,OACA,gBACA,mBAAmB,GACnB,MAAM,IACN,WACA,gBAGE,EAACA,EAAkB,SAAA,CACL,aACN,OACS,gBACG,mBACb,MACL,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAoB,CAC9C,GAAY,MAAQ,GAAwB,CAC7C,CACD,SAAU,GAAY,UAAY,GAA4B,CAC9D,QAAS,GAAY,SAAW,GAA2B,CAC3D,UAAW,GAAY,WAAa,GAA6B,CACjE,MAAO,GAAY,OAAS,GAAyB,CACrD,OAAQ,GAAY,QAAU,GAA0B,CACzD,CAEA,YAC0B"}
+{"version":3,"file":"ScrollAreaAutosize.mjs","names":["MantineScrollArea"],"sources":["../../../../src/components/misc/scroll-area-autosize/ScrollAreaAutosize.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  scrollAreaAutosize,\n  scrollAreaAutosizeContent,\n  scrollAreaAutosizeCorner,\n  scrollAreaAutosizeRoot,\n  scrollAreaAutosizeScrollbar,\n  scrollAreaAutosizeThumb,\n  scrollAreaAutosizeViewport,\n} from '@mage-ui/styled-system/recipes';\nimport { ScrollArea as MantineScrollArea } from '@mantine/core';\n\nimport type { ScrollAreaProps } from '../scroll-area/ScrollArea';\n\nexport type ScrollAreaAutosizeProps = {\n  mah: string | number;\n} & ScrollAreaProps;\n\nexport const ScrollAreaAutosize = ({\n  scrollbars = 'y',\n  type,\n  scrollbarSize,\n  offsetScrollbars = true,\n  mah,\n  children,\n  classNames,\n}: ScrollAreaAutosizeProps): ReactNode => {\n  return (\n    <MantineScrollArea.Autosize\n      scrollbars={scrollbars}\n      type={type}\n      scrollbarSize={scrollbarSize}\n      offsetScrollbars={offsetScrollbars}\n      mah={mah}\n      classNames={{\n        root: cx(\n          classNames?.scrollArea ?? scrollAreaAutosize(),\n          classNames?.root ?? scrollAreaAutosizeRoot(),\n        ),\n        viewport: classNames?.viewport ?? scrollAreaAutosizeViewport(),\n        content: classNames?.content ?? scrollAreaAutosizeContent(),\n        scrollbar: classNames?.scrollbar ?? scrollAreaAutosizeScrollbar(),\n        thumb: classNames?.thumb ?? scrollAreaAutosizeThumb(),\n        corner: classNames?.corner ?? scrollAreaAutosizeCorner(),\n      }}\n    >\n      {children}\n    </MantineScrollArea.Autosize>\n  );\n};\n"],"mappings":"8XAoBA,MAAa,GAAsB,CACjC,aAAa,IACb,OACA,gBACA,mBAAmB,GACnB,MACA,WACA,gBAGE,EAACA,EAAkB,SAAA,CACL,aACN,OACS,gBACG,mBACb,MACL,WAAY,CACV,KAAM,EACJ,GAAY,YAAc,GAAoB,CAC9C,GAAY,MAAQ,GAAwB,CAC7C,CACD,SAAU,GAAY,UAAY,GAA4B,CAC9D,QAAS,GAAY,SAAW,GAA2B,CAC3D,UAAW,GAAY,WAAa,GAA6B,CACjE,MAAO,GAAY,OAAS,GAAyB,CACrD,OAAQ,GAAY,QAAU,GAA0B,CACzD,CAEA,YAC0B"}

package/dist/components/misc/visually-hidden/VisuallyHidden.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime63 from "react/jsx-runtime";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 
 //#region src/components/misc/visually-hidden/VisuallyHidden.d.ts
@@ -8,7 +8,7 @@ type VisuallyHiddenProps = {
 declare const VisuallyHidden: ({
   children,
   ...props
-}: VisuallyHiddenProps) => react_jsx_runtime51.JSX.Element;
+}: VisuallyHiddenProps) => react_jsx_runtime63.JSX.Element;
 //#endregion
 export { VisuallyHidden, VisuallyHiddenProps };
 //# sourceMappingURL=VisuallyHidden.d.mts.map

package/dist/components/navigations/breadcrumbs/Breadcrumbs.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime67 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/breadcrumbs/Breadcrumbs.d.ts
@@ -19,7 +19,7 @@ declare const Breadcrumbs: {
     separator,
     children,
     classNames
-  }: BreadcrumbsProps): react_jsx_runtime67.JSX.Element;
+  }: BreadcrumbsProps): react_jsx_runtime52.JSX.Element;
   Item: {
     ({
       children

package/dist/components/navigations/menu/Menu.d.mts

@@ -1,6 +1,6 @@
 import { ButtonProps } from "../../buttons/button/Button.mjs";
 import "../../buttons/index.mjs";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/menu/Menu.d.ts
@@ -47,17 +47,17 @@ declare const Menu: {
     offset,
     classNames,
     targetButtonProps
-  }: MenuProps): react_jsx_runtime22.JSX.Element;
+  }: MenuProps): react_jsx_runtime17.JSX.Element;
   Item: {
     ({
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime22.JSX.Element;
+    }): react_jsx_runtime17.JSX.Element;
     displayName: string;
   };
   Divider: {
-    (): react_jsx_runtime22.JSX.Element;
+    (): react_jsx_runtime17.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/navigations/sidebars/sidebar/Sidebar.d.mts

@@ -2,7 +2,7 @@ import { NavItemProps } from "./SidebarNavItem.mjs";
 import { NavItemButtonProps } from "./SidebarNavItemButton.mjs";
 import { LinkType, NavItemLinkProps } from "./SidebarNavItemLink.mjs";
 import { SubnavProps } from "./SidebarSubnav.mjs";
-import * as react_jsx_runtime59 from "react/jsx-runtime";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/navigations/sidebars/sidebar/Sidebar.d.ts
@@ -11,22 +11,23 @@ type NavType = {
   item?: string;
   link?: LinkType;
   root?: string;
+  scrollArea?: string;
 };
 type SidebarProps = {
   area?: string;
   classNames?: {
     sidebar?: string;
     root?: string;
-    startSlot?: string;
-    endSlot?: string;
+    topSlot?: string;
+    bottomSlot?: string;
     nav?: NavType;
   };
   isCollapsed: boolean;
   expandedItems?: string[];
   defaultExpandedItems?: string[];
   onExpandedItemsChange?: (expandedItems: string[]) => void;
-  startSlot?: ReactNode;
-  endSlot?: ReactNode;
+  topSlot?: ReactNode;
+  bottomSlot?: ReactNode;
   children?: ReactNode;
 };
 declare const Sidebar: {
@@ -37,8 +38,8 @@ declare const Sidebar: {
     expandedItems,
     defaultExpandedItems,
     onExpandedItemsChange,
-    startSlot,
-    endSlot,
+    topSlot,
+    bottomSlot,
     children
   }: SidebarProps): ReactNode;
   displayName: string;
@@ -48,7 +49,7 @@ declare const Sidebar: {
       isVisible,
       isSubnav,
       children
-    }: NavItemProps): react_jsx_runtime59.JSX.Element | null;
+    }: NavItemProps): react_jsx_runtime53.JSX.Element | null;
     displayName: string;
   };
   Group: {
@@ -67,7 +68,7 @@ declare const Sidebar: {
         };
       };
       isVisible?: boolean;
-    }): react_jsx_runtime59.JSX.Element | null;
+    }): react_jsx_runtime53.JSX.Element | null;
     displayName: string;
   };
   NavList: {
@@ -81,7 +82,7 @@ declare const Sidebar: {
         };
       };
       children?: ReactNode;
-    }): react_jsx_runtime59.JSX.Element;
+    }): react_jsx_runtime53.JSX.Element;
     displayName: string;
   };
   NavItem: {
@@ -90,7 +91,7 @@ declare const Sidebar: {
       isVisible,
       isSubnav,
       children
-    }: NavItemProps): react_jsx_runtime59.JSX.Element | null;
+    }: NavItemProps): react_jsx_runtime53.JSX.Element | null;
     displayName: string;
   };
   NavGroup: {
@@ -109,7 +110,7 @@ declare const Sidebar: {
         };
       };
       isVisible?: boolean;
-    }): react_jsx_runtime59.JSX.Element | null;
+    }): react_jsx_runtime53.JSX.Element | null;
     displayName: string;
   };
   NavItemButton: {
@@ -124,7 +125,7 @@ declare const Sidebar: {
       classNames,
       isVisible,
       tooltipLabel
-    }: NavItemButtonProps): react_jsx_runtime59.JSX.Element | null;
+    }: NavItemButtonProps): react_jsx_runtime53.JSX.Element | null;
     displayName: string;
   };
   NavItemLink: {
@@ -139,7 +140,7 @@ declare const Sidebar: {
       isExpanded,
       isVisible,
       isSubnav
-    }: NavItemLinkProps): react_jsx_runtime59.JSX.Element | null;
+    }: NavItemLinkProps): react_jsx_runtime53.JSX.Element | null;
     displayName: string;
   };
   Subnav: {
@@ -147,7 +148,7 @@ declare const Sidebar: {
       classNames,
       isVisible,
       children
-    }: SubnavProps): react_jsx_runtime59.JSX.Element | null;
+    }: SubnavProps): react_jsx_runtime53.JSX.Element | null;
     displayName: string;
   };
 };

package/dist/components/navigations/sidebars/sidebar/Sidebar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"mappings":";;;;;;;;KAmBY,OAAA;EACV,IAAA;EACA,IAAA;EACA,IAAA,GAAO,QAAA;EACP,IAAA;AAAA;AAAA,KAGU,YAAA;EACV,IAAA;EACA,UAAA;IACE,OAAA;IACA,IAAA;IACA,SAAA;IACA,OAAA;IACA,GAAA,GAAM,OAAA;EAAA;EAER,WAAA;EACA,aAAA;EACA,oBAAA;EACA,qBAAA,IAAyB,aAAA;EACzB,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,OAAA;EAAA;;;;;;;;;;KAUV,YAAA,GAAe,SAAA"}
+{"version":3,"file":"Sidebar.d.mts","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"mappings":";;;;;;;;KAuBY,OAAA;EACV,IAAA;EACA,IAAA;EACA,IAAA,GAAO,QAAA;EACP,IAAA;EACA,UAAA;AAAA;AAAA,KAGU,YAAA;EACV,IAAA;EACA,UAAA;IACE,OAAA;IACA,IAAA;IACA,OAAA;IACA,UAAA;IACA,GAAA,GAAM,OAAA;EAAA;EAER,WAAA;EACA,aAAA;EACA,oBAAA;EACA,qBAAA,IAAyB,aAAA;EACzB,OAAA,GAAU,SAAA;EACV,UAAA,GAAa,SAAA;EACb,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,OAAA;EAAA;;;;;;;;;;KAUV,YAAA,GAAe,SAAA"}

package/dist/components/navigations/sidebars/sidebar/Sidebar.mjs

@@ -1,2 +1,2 @@
-import{SidebarProvider as e}from"./SidebarContext.mjs";import{NavList as t}from"./SidebarNavList.mjs";import{NavGroup as n}from"./SidebarNavGroup.mjs";import{NavItem as r}from"./SidebarNavItem.mjs";import{NavItemButton as i}from"./SidebarNavItemButton.mjs";import{NavItemLink as a}from"./SidebarNavItemLink.mjs";import{Subnav as o}from"./SidebarSubnav.mjs";import{cx as s}from"@mage-ui/styled-system/css";import{sidebar as c,sidebarNavRoot as l,sidebarRoot as u}from"@mage-ui/styled-system/recipes";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useEffect as p,useMemo as m,useRef as h,useState as g}from"react";const _=({area:n=`sidebar`,classNames:r,isCollapsed:i=!1,expandedItems:a,defaultExpandedItems:o=[],onExpandedItemsChange:_,startSlot:v,endSlot:y,children:b})=>{let[x,S]=g(o),C=h(!1),w=a??x,T=e=>{a===void 0&&S(e),_?.(e)};p(()=>{!C.current&&i&&T([]),C.current=i},[i,T]);let E=e=>{let t=w.includes(e);if(i){T(t?[]:[e]);return}T(t?w.filter(t=>t!==e):[...w,e])},D=(e,t)=>{if(t!==w.includes(e)){if(i){T(t?[e]:[]);return}T(t?[...w,e]:w.filter(t=>t!==e))}},O=m(()=>({isCollapsed:i,expandedItems:w,toggleItem:E,setItemExpanded:D,isItemExpanded:e=>w.includes(e)}),[w,i,D,E]),k=n===`sidebar`?void 0:{"--sidebar-grid-area":n};return d(e,{value:O,children:f(`div`,{"data-collapsed":i?`true`:`false`,className:s(r?.sidebar??c(),r?.root??u(),`group`),style:k,children:[v?d(`div`,{className:r?.startSlot,children:v}):null,d(`nav`,{className:r?.nav?.root??l(),children:d(t,{classNames:r,children:b})}),y?d(`div`,{className:r?.endSlot,children:y}):null]})})};_.displayName=`Sidebar`,_.Item=r,_.Group=n,_.NavList=t,_.NavItem=r,_.NavGroup=n,_.NavItemButton=i,_.NavItemLink=a,_.Subnav=o;export{_ as Sidebar};
+import{ScrollAreaAutosize as e}from"../../../misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{SidebarProvider as t}from"./SidebarContext.mjs";import{NavList as n}from"./SidebarNavList.mjs";import{NavGroup as r}from"./SidebarNavGroup.mjs";import{NavItem as i}from"./SidebarNavItem.mjs";import{NavItemButton as a}from"./SidebarNavItemButton.mjs";import{NavItemLink as o}from"./SidebarNavItemLink.mjs";import{Subnav as s}from"./SidebarSubnav.mjs";import{cx as c}from"@mage-ui/styled-system/css";import{sidebar as l,sidebarBottomSlot as u,sidebarNavRoot as d,sidebarRoot as f,sidebarScrollAreaAutosize as p,sidebarTopSlot as m}from"@mage-ui/styled-system/recipes";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{useEffect as _,useMemo as v,useRef as y,useState as b}from"react";const x=({area:r=`sidebar`,classNames:i,isCollapsed:a=!1,expandedItems:o,defaultExpandedItems:s=[],onExpandedItemsChange:x,topSlot:S,bottomSlot:C,children:w})=>{let[T,E]=b(s),D=y(!1),O=o??T,k=e=>{o===void 0&&E(e),x?.(e)};_(()=>{!D.current&&a&&k([]),D.current=a},[a,k]);let A=e=>{let t=O.includes(e);if(a){k(t?[]:[e]);return}k(t?O.filter(t=>t!==e):[...O,e])},j=(e,t)=>{if(t!==O.includes(e)){if(a){k(t?[e]:[]);return}k(t?[...O,e]:O.filter(t=>t!==e))}},M=v(()=>({isCollapsed:a,expandedItems:O,toggleItem:A,setItemExpanded:j,isItemExpanded:e=>O.includes(e)}),[O,a,j,A]),N=r===`sidebar`?void 0:{"--sidebar-grid-area":r};return h(t,{value:M,children:g(`div`,{"data-collapsed":a?`true`:`false`,className:c(i?.sidebar??l(),i?.root??f(),`group`),style:N,children:[S?h(`div`,{className:i?.topSlot??m(),children:S}):null,h(`nav`,{className:i?.nav?.root??d(),children:h(e,{mah:`100%`,scrollbars:`y`,classNames:{scrollArea:i?.nav?.scrollArea??p()},children:h(n,{classNames:i,children:w})})}),C?h(`div`,{className:i?.bottomSlot??u(),children:C}):null]})})};x.displayName=`Sidebar`,x.Item=i,x.Group=r,x.NavList=n,x.NavItem=i,x.NavGroup=r,x.NavItemButton=a,x.NavItemLink=o,x.Subnav=s;export{x as Sidebar};
 //# sourceMappingURL=Sidebar.mjs.map

package/dist/components/navigations/sidebars/sidebar/Sidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebar,\n  sidebarNavRoot,\n  sidebarRoot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { SidebarProvider } from './SidebarContext';\nimport { NavGroup } from './SidebarNavGroup';\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemButton } from './SidebarNavItemButton';\nimport type { LinkType } from './SidebarNavItemLink';\nimport { NavItemLink } from './SidebarNavItemLink';\nimport { NavList } from './SidebarNavList';\nimport { Subnav } from './SidebarSubnav';\n\nexport type NavType = {\n  list?: string;\n  item?: string;\n  link?: LinkType;\n  root?: string;\n};\n\nexport type SidebarProps = {\n  area?: string;\n  classNames?: {\n    sidebar?: string;\n    root?: string;\n    startSlot?: string;\n    endSlot?: string;\n    nav?: NavType;\n  };\n  isCollapsed: boolean;\n  expandedItems?: string[];\n  defaultExpandedItems?: string[];\n  onExpandedItemsChange?: (expandedItems: string[]) => void;\n  startSlot?: ReactNode;\n  endSlot?: ReactNode;\n  children?: ReactNode;\n};\n\nexport const Sidebar = ({\n  area = 'sidebar',\n  classNames,\n  isCollapsed = false,\n  expandedItems,\n  defaultExpandedItems = [],\n  onExpandedItemsChange,\n  startSlot,\n  endSlot,\n  children,\n}: SidebarProps): ReactNode => {\n  const [uncontrolledExpandedItems, setUncontrolledExpandedItems] =\n    useState<string[]>(defaultExpandedItems);\n  const wasCollapsedRef = useRef(false);\n\n  const currentExpandedItems = expandedItems ?? uncontrolledExpandedItems;\n\n  const setExpandedItems = (nextExpandedItems: string[]) => {\n    if (expandedItems === undefined) {\n      setUncontrolledExpandedItems(nextExpandedItems);\n    }\n\n    onExpandedItemsChange?.(nextExpandedItems);\n  };\n\n  useEffect(() => {\n    // Normalize state on collapse so expanded desktop subnavs do not remain\n    // visible as flyouts.\n    if (!wasCollapsedRef.current && isCollapsed) {\n      setExpandedItems([]);\n    }\n\n    wasCollapsedRef.current = isCollapsed;\n  }, [isCollapsed, setExpandedItems]);\n\n  const toggleItem = (itemId: string) => {\n    const isExpanded = currentExpandedItems.includes(itemId);\n\n    if (isCollapsed) {\n      setExpandedItems(isExpanded ? [] : [itemId]);\n      return;\n    }\n\n    setExpandedItems(\n      isExpanded\n        ? currentExpandedItems.filter((id) => id !== itemId)\n        : [...currentExpandedItems, itemId],\n    );\n  };\n\n  const setItemExpanded = (itemId: string, isExpanded: boolean) => {\n    const alreadyExpanded = currentExpandedItems.includes(itemId);\n\n    if (isExpanded === alreadyExpanded) {\n      return;\n    }\n\n    if (isCollapsed) {\n      setExpandedItems(isExpanded ? [itemId] : []);\n      return;\n    }\n\n    setExpandedItems(\n      isExpanded\n        ? [...currentExpandedItems, itemId]\n        : currentExpandedItems.filter((id) => id !== itemId),\n    );\n  };\n\n  const contextValue = useMemo(\n    () => ({\n      isCollapsed,\n      expandedItems: currentExpandedItems,\n      toggleItem,\n      setItemExpanded,\n      isItemExpanded: (itemId: string) => currentExpandedItems.includes(itemId),\n    }),\n    [currentExpandedItems, isCollapsed, setItemExpanded, toggleItem],\n  );\n\n  const style =\n    area !== 'sidebar' ? { '--sidebar-grid-area': area } : undefined;\n\n  return (\n    <SidebarProvider value={contextValue}>\n      <div\n        data-collapsed={isCollapsed ? 'true' : 'false'}\n        className={cx(\n          classNames?.sidebar ?? sidebar(),\n          classNames?.root ?? sidebarRoot(),\n          'group',\n        )}\n        style={style as CSSProperties}\n      >\n        {startSlot ? (\n          <div className={classNames?.startSlot}>{startSlot}</div>\n        ) : null}\n\n        <nav className={classNames?.nav?.root ?? sidebarNavRoot()}>\n          <NavList classNames={classNames}>{children}</NavList>\n        </nav>\n\n        {endSlot ? <div className={classNames?.endSlot}>{endSlot}</div> : null}\n      </div>\n    </SidebarProvider>\n  );\n};\n\nSidebar.displayName = 'Sidebar';\nSidebar.Item = NavItem;\nSidebar.Group = NavGroup;\nSidebar.NavList = NavList;\nSidebar.NavItem = NavItem;\nSidebar.NavGroup = NavGroup;\nSidebar.NavItemButton = NavItemButton;\nSidebar.NavItemLink = NavItemLink;\nSidebar.Subnav = Subnav;\n"],"mappings":"8mBA4CA,MAAa,GAAW,CACtB,OAAO,UACP,aACA,cAAc,GACd,gBACA,uBAAuB,EAAE,CACzB,wBACA,YACA,UACA,cAC6B,CAC7B,GAAM,CAAC,EAA2B,GAChC,EAAmB,EAAqB,CACpC,EAAkB,EAAO,GAAM,CAE/B,EAAuB,GAAiB,EAExC,EAAoB,GAAgC,CACpD,IAAkB,IAAA,IACpB,EAA6B,EAAkB,CAGjD,IAAwB,EAAkB,EAG5C,MAAgB,CAGV,CAAC,EAAgB,SAAW,GAC9B,EAAiB,EAAE,CAAC,CAGtB,EAAgB,QAAU,GACzB,CAAC,EAAa,EAAiB,CAAC,CAEnC,IAAM,EAAc,GAAmB,CACrC,IAAM,EAAa,EAAqB,SAAS,EAAO,CAExD,GAAI,EAAa,CACf,EAAiB,EAAa,EAAE,CAAG,CAAC,EAAO,CAAC,CAC5C,OAGF,EACE,EACI,EAAqB,OAAQ,GAAO,IAAO,EAAO,CAClD,CAAC,GAAG,EAAsB,EAAO,CACtC,EAGG,GAAmB,EAAgB,IAAwB,CAG3D,OAFoB,EAAqB,SAAS,EAAO,CAM7D,IAAI,EAAa,CACf,EAAiB,EAAa,CAAC,EAAO,CAAG,EAAE,CAAC,CAC5C,OAGF,EACE,EACI,CAAC,GAAG,EAAsB,EAAO,CACjC,EAAqB,OAAQ,GAAO,IAAO,EAAO,CACvD,GAGG,EAAe,OACZ,CACL,cACA,cAAe,EACf,aACA,kBACA,eAAiB,GAAmB,EAAqB,SAAS,EAAO,CAC1E,EACD,CAAC,EAAsB,EAAa,EAAiB,EAAW,CACjE,CAEK,EACJ,IAAS,UAA8C,IAAA,GAAlC,CAAE,sBAAuB,EAAM,CAEtD,OACE,EAAC,EAAA,CAAgB,MAAO,WACtB,EAAC,MAAA,CACC,iBAAgB,EAAc,OAAS,QACvC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CACjC,QACD,CACM,kBAEN,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,mBAAY,GAAgB,CACtD,KAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,KAAK,MAAQ,GAAgB,UACvD,EAAC,EAAA,CAAoB,aAAa,YAAmB,EACjD,CAEL,EAAU,EAAC,MAAA,CAAI,UAAW,GAAY,iBAAU,GAAc,CAAG,OAC9D,EACU,EAItB,EAAQ,YAAc,UACtB,EAAQ,KAAO,EACf,EAAQ,MAAQ,EAChB,EAAQ,QAAU,EAClB,EAAQ,QAAU,EAClB,EAAQ,SAAW,EACnB,EAAQ,cAAgB,EACxB,EAAQ,YAAc,EACtB,EAAQ,OAAS"}
+{"version":3,"file":"Sidebar.mjs","names":[],"sources":["../../../../../src/components/navigations/sidebars/sidebar/Sidebar.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  sidebar,\n  sidebarBottomSlot,\n  sidebarNavRoot,\n  sidebarRoot,\n  sidebarScrollAreaAutosize,\n  sidebarTopSlot,\n} from '@mage-ui/styled-system/recipes';\n\nimport { ScrollAreaAutosize } from '../../../misc';\nimport { SidebarProvider } from './SidebarContext';\nimport { NavGroup } from './SidebarNavGroup';\nimport { NavItem } from './SidebarNavItem';\nimport { NavItemButton } from './SidebarNavItemButton';\nimport type { LinkType } from './SidebarNavItemLink';\nimport { NavItemLink } from './SidebarNavItemLink';\nimport { NavList } from './SidebarNavList';\nimport { Subnav } from './SidebarSubnav';\n\nexport type NavType = {\n  list?: string;\n  item?: string;\n  link?: LinkType;\n  root?: string;\n  scrollArea?: string;\n};\n\nexport type SidebarProps = {\n  area?: string;\n  classNames?: {\n    sidebar?: string;\n    root?: string;\n    topSlot?: string;\n    bottomSlot?: string;\n    nav?: NavType;\n  };\n  isCollapsed: boolean;\n  expandedItems?: string[];\n  defaultExpandedItems?: string[];\n  onExpandedItemsChange?: (expandedItems: string[]) => void;\n  topSlot?: ReactNode;\n  bottomSlot?: ReactNode;\n  children?: ReactNode;\n};\n\nexport const Sidebar = ({\n  area = 'sidebar',\n  classNames,\n  isCollapsed = false,\n  expandedItems,\n  defaultExpandedItems = [],\n  onExpandedItemsChange,\n  topSlot,\n  bottomSlot,\n  children,\n}: SidebarProps): ReactNode => {\n  const [uncontrolledExpandedItems, setUncontrolledExpandedItems] =\n    useState<string[]>(defaultExpandedItems);\n  const wasCollapsedRef = useRef(false);\n\n  const currentExpandedItems = expandedItems ?? uncontrolledExpandedItems;\n\n  const setExpandedItems = (nextExpandedItems: string[]) => {\n    if (expandedItems === undefined) {\n      setUncontrolledExpandedItems(nextExpandedItems);\n    }\n\n    onExpandedItemsChange?.(nextExpandedItems);\n  };\n\n  useEffect(() => {\n    // Normalize state on collapse so expanded desktop subnavs do not remain\n    // visible as flyouts.\n    if (!wasCollapsedRef.current && isCollapsed) {\n      setExpandedItems([]);\n    }\n\n    wasCollapsedRef.current = isCollapsed;\n  }, [isCollapsed, setExpandedItems]);\n\n  const toggleItem = (itemId: string) => {\n    const isExpanded = currentExpandedItems.includes(itemId);\n\n    if (isCollapsed) {\n      setExpandedItems(isExpanded ? [] : [itemId]);\n      return;\n    }\n\n    setExpandedItems(\n      isExpanded\n        ? currentExpandedItems.filter((id) => id !== itemId)\n        : [...currentExpandedItems, itemId],\n    );\n  };\n\n  const setItemExpanded = (itemId: string, isExpanded: boolean) => {\n    const alreadyExpanded = currentExpandedItems.includes(itemId);\n\n    if (isExpanded === alreadyExpanded) {\n      return;\n    }\n\n    if (isCollapsed) {\n      setExpandedItems(isExpanded ? [itemId] : []);\n      return;\n    }\n\n    setExpandedItems(\n      isExpanded\n        ? [...currentExpandedItems, itemId]\n        : currentExpandedItems.filter((id) => id !== itemId),\n    );\n  };\n\n  const contextValue = useMemo(\n    () => ({\n      isCollapsed,\n      expandedItems: currentExpandedItems,\n      toggleItem,\n      setItemExpanded,\n      isItemExpanded: (itemId: string) => currentExpandedItems.includes(itemId),\n    }),\n    [currentExpandedItems, isCollapsed, setItemExpanded, toggleItem],\n  );\n\n  const style =\n    area !== 'sidebar' ? { '--sidebar-grid-area': area } : undefined;\n\n  return (\n    <SidebarProvider value={contextValue}>\n      <div\n        data-collapsed={isCollapsed ? 'true' : 'false'}\n        className={cx(\n          classNames?.sidebar ?? sidebar(),\n          classNames?.root ?? sidebarRoot(),\n          'group',\n        )}\n        style={style as CSSProperties}\n      >\n        {topSlot ? (\n          <div className={classNames?.topSlot ?? sidebarTopSlot()}>\n            {topSlot}\n          </div>\n        ) : null}\n\n        <nav className={classNames?.nav?.root ?? sidebarNavRoot()}>\n          <ScrollAreaAutosize\n            mah='100%'\n            scrollbars='y'\n            classNames={{\n              scrollArea:\n                classNames?.nav?.scrollArea ?? sidebarScrollAreaAutosize(),\n            }}\n          >\n            <NavList classNames={classNames}>{children}</NavList>\n          </ScrollAreaAutosize>\n        </nav>\n\n        {bottomSlot ? (\n          <div className={classNames?.bottomSlot ?? sidebarBottomSlot()}>\n            {bottomSlot}\n          </div>\n        ) : null}\n      </div>\n    </SidebarProvider>\n  );\n};\n\nSidebar.displayName = 'Sidebar';\nSidebar.Item = NavItem;\nSidebar.Group = NavGroup;\nSidebar.NavList = NavList;\nSidebar.NavItem = NavItem;\nSidebar.NavGroup = NavGroup;\nSidebar.NavItemButton = NavItemButton;\nSidebar.NavItemLink = NavItemLink;\nSidebar.Subnav = Subnav;\n"],"mappings":"uxBAiDA,MAAa,GAAW,CACtB,OAAO,UACP,aACA,cAAc,GACd,gBACA,uBAAuB,EAAE,CACzB,wBACA,UACA,aACA,cAC6B,CAC7B,GAAM,CAAC,EAA2B,GAChC,EAAmB,EAAqB,CACpC,EAAkB,EAAO,GAAM,CAE/B,EAAuB,GAAiB,EAExC,EAAoB,GAAgC,CACpD,IAAkB,IAAA,IACpB,EAA6B,EAAkB,CAGjD,IAAwB,EAAkB,EAG5C,MAAgB,CAGV,CAAC,EAAgB,SAAW,GAC9B,EAAiB,EAAE,CAAC,CAGtB,EAAgB,QAAU,GACzB,CAAC,EAAa,EAAiB,CAAC,CAEnC,IAAM,EAAc,GAAmB,CACrC,IAAM,EAAa,EAAqB,SAAS,EAAO,CAExD,GAAI,EAAa,CACf,EAAiB,EAAa,EAAE,CAAG,CAAC,EAAO,CAAC,CAC5C,OAGF,EACE,EACI,EAAqB,OAAQ,GAAO,IAAO,EAAO,CAClD,CAAC,GAAG,EAAsB,EAAO,CACtC,EAGG,GAAmB,EAAgB,IAAwB,CAG3D,OAFoB,EAAqB,SAAS,EAAO,CAM7D,IAAI,EAAa,CACf,EAAiB,EAAa,CAAC,EAAO,CAAG,EAAE,CAAC,CAC5C,OAGF,EACE,EACI,CAAC,GAAG,EAAsB,EAAO,CACjC,EAAqB,OAAQ,GAAO,IAAO,EAAO,CACvD,GAGG,EAAe,OACZ,CACL,cACA,cAAe,EACf,aACA,kBACA,eAAiB,GAAmB,EAAqB,SAAS,EAAO,CAC1E,EACD,CAAC,EAAsB,EAAa,EAAiB,EAAW,CACjE,CAEK,EACJ,IAAS,UAA8C,IAAA,GAAlC,CAAE,sBAAuB,EAAM,CAEtD,OACE,EAAC,EAAA,CAAgB,MAAO,WACtB,EAAC,MAAA,CACC,iBAAgB,EAAc,OAAS,QACvC,UAAW,EACT,GAAY,SAAW,GAAS,CAChC,GAAY,MAAQ,GAAa,CACjC,QACD,CACM,kBAEN,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAgB,UACpD,GACG,CACJ,KAEJ,EAAC,MAAA,CAAI,UAAW,GAAY,KAAK,MAAQ,GAAgB,UACvD,EAAC,EAAA,CACC,IAAI,OACJ,WAAW,IACX,WAAY,CACV,WACE,GAAY,KAAK,YAAc,GAA2B,CAC7D,UAED,EAAC,EAAA,CAAoB,aAAa,YAAmB,EAClC,EACjB,CAEL,EACC,EAAC,MAAA,CAAI,UAAW,GAAY,YAAc,GAAmB,UAC1D,GACG,CACJ,OACA,EACU,EAItB,EAAQ,YAAc,UACtB,EAAQ,KAAO,EACf,EAAQ,MAAQ,EAChB,EAAQ,QAAU,EAClB,EAAQ,QAAU,EAClB,EAAQ,SAAW,EACnB,EAAQ,cAAgB,EACxB,EAAQ,YAAc,EACtB,EAAQ,OAAS"}

package/dist/components/overlays/modal/Modal.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/overlays/modal/Modal.d.ts
@@ -41,7 +41,7 @@ declare const Modal: {
     withinPortal,
     keepMounted,
     classNames
-  }: ModalProps): react_jsx_runtime6.JSX.Element;
+  }: ModalProps): react_jsx_runtime1.JSX.Element;
   Root: {
     ({
       opened,
@@ -53,13 +53,13 @@ declare const Modal: {
       centered,
       classNames,
       intent
-    }: ModalRootProps): react_jsx_runtime6.JSX.Element;
+    }: ModalRootProps): react_jsx_runtime1.JSX.Element;
     displayName: string;
   };
   Overlay: {
     (_: {
       children?: never;
-    }): react_jsx_runtime6.JSX.Element;
+    }): react_jsx_runtime1.JSX.Element;
     displayName: string;
   };
   Content: {
@@ -67,7 +67,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime6.JSX.Element;
+    }): react_jsx_runtime1.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -75,7 +75,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime6.JSX.Element;
+    }): react_jsx_runtime1.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -83,7 +83,7 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime6.JSX.Element;
+    }): react_jsx_runtime1.JSX.Element;
     displayName: string;
   };
   Title: {
@@ -91,11 +91,11 @@ declare const Modal: {
       children
     }: {
       children: ReactNode;
-    }): react_jsx_runtime6.JSX.Element;
+    }): react_jsx_runtime1.JSX.Element;
     displayName: string;
   };
   CloseButton: {
-    (): react_jsx_runtime6.JSX.Element;
+    (): react_jsx_runtime1.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -103,7 +103,7 @@ declare const Modal: {
       children,
       className,
       ...props
-    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime6.JSX.Element;
+    }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime1.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/overlays/modals/ModalsProvider.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/overlays/modals/ModalsProvider.d.ts
@@ -7,7 +7,7 @@ type ModalsProviderProps = {
 };
 declare const ModalsProvider: ({
   children
-}: ModalsProviderProps) => react_jsx_runtime15.JSX.Element;
+}: ModalsProviderProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { ModalsProvider, ModalsProviderProps };
 //# sourceMappingURL=ModalsProvider.d.mts.map

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

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

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

@@ -1,6 +1,6 @@
 import { AvatarProps } from "../../../../components/data-display/avatar/Avatar.mjs";
 import "../../../../components/index.mjs";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime68 from "react/jsx-runtime";
 
 //#region src/semedlab/components/data-display/user-group-preview/UserGroupPreview.d.ts
 type UserGroupPreviewProps = {
@@ -26,7 +26,7 @@ declare const UserGroupPreview: ({
   maxAvatars,
   previewText,
   classNames
-}: UserGroupPreviewProps) => react_jsx_runtime4.JSX.Element;
+}: UserGroupPreviewProps) => react_jsx_runtime68.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/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_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime64 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_runtime1.JSX.Element;
+}: BackofficeTopBarProps) => react_jsx_runtime64.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":";;;;;KAkBY,qBAAA;EACV,qBAAA,EAAuB,qBAAA;EACvB,gBAAA,EAAkB,gBAAA;EAClB,UAAA;IACE,MAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,qBAAA;EAAA;AAAA,GAG9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"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/notification-list/NotificationList.d.mts

@@ -1,5 +1,5 @@
 import { NotificationProps } from "../../data-display/notification/Notification.mjs";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime65 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_runtime2.JSX.Element;
+}: NotificationListProps) => react_jsx_runtime65.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":";;;;KAcK,qBAAA,GAAwB,IAAA,CAC3B,iBAAA;AAAA,KAIU,qBAAA;EACV,aAAA,EAAe,qBAAA;EACf,YAAA,GAAe,IAAA;EACf,YAAA;EACA,eAAA;EACA,kBAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;EAAA;AAAA;AAAA,cAIS,gBAAA;EAAoB,aAAA;EAAA,YAAA;EAAA,YAAA;EAAA,eAAA;EAAA,kBAAA;EAAA;AAAA,GAO9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"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-menu/NotificationMenu.d.mts

@@ -1,5 +1,5 @@
 import { NotificationProps } from "../../data-display/notification/Notification.mjs";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime66 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_runtime3.JSX.Element;
+}: NotificationMenuProps) => react_jsx_runtime66.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":";;;;;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,kBAAA,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/profile-menu/ProfileMenu.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime67 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_runtime0.JSX.Element;
+}: ProfileMenuProps) => react_jsx_runtime67.JSX.Element;
 //#endregion
 export { ProfileMenu, ProfileMenuProps };
 //# sourceMappingURL=ProfileMenu.d.mts.map

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

@@ -1 +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,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.36",
+  "version": "1.0.38",
   "private": false,
   "description": "",
   "keywords": [],
@@ -26,8 +26,8 @@
     "tsdown": "^0.20.1",
     "typescript": "^5.9.3",
     "baseline-browser-mapping": "^2.9.19",
-    "@mage-ui/preset": "1.0.36",
-    "@mage-ui/styled-system": "1.0.8"
+    "@mage-ui/styled-system": "1.0.8",
+    "@mage-ui/preset": "1.0.38"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^5.2.2",