@pautena/react-design-system 1.0.0 → 2.0.0-alpha.0

package/dist/Drawerx/DrawerAppBar/DrawerAppBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerAppBar.mjs","sources":["../../../src/Drawerx/DrawerAppBar/DrawerAppBar.tsx"],"sourcesContent":["import ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport MenuIcon from \"@mui/icons-material/Menu\";\nimport MenuOpenIcon from \"@mui/icons-material/MenuOpen\";\nimport type { AppBarProps as MuiAppBarProps } from \"@mui/material\";\nimport MuiAppBar from \"@mui/material/AppBar\";\nimport IconButton from \"@mui/material/IconButton\";\nimport { styled, type Theme, useTheme } from \"@mui/material/styles\";\nimport Toolbar from \"@mui/material/Toolbar\";\nimport Typography from \"@mui/material/Typography\";\nimport type { DrawerState, DrawerVariant } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\n\nconst MyMuiAppBar = styled(MuiAppBar)(({ theme }) => ({\n  borderWidth: 0,\n  borderBottomWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: theme.palette.divider,\n  boxShadow: \"none\",\n  zIndex: theme.zIndex.drawer + 1,\n}));\n\nconst moveWithDrawer: Record<DrawerVariant, boolean> = {\n  temporary: false,\n  mini: true,\n  persistent: true,\n};\n\nconst showMenuButton: Record<DrawerVariant, (state: DrawerState) => boolean> = {\n  temporary: () => true,\n  mini: (state) => state !== \"open\",\n  persistent: () => true,\n};\n\nexport interface DrawerAppBarProps extends MuiAppBarProps {\n  /**\n   * Title to display in the AppBar.\n   */\n  title?: string;\n}\n\n/**\n * DrawerAppBar component that renders an AppBar adapted to work inside a Drawer context.\n */\nexport default function DrawerAppBar({\n  title,\n  sx,\n  children,\n  ...rest\n}: DrawerAppBarProps) {\n  const theme = useTheme();\n  const { state, variant, switchState, drawerWidth, clipped } = useDrawer();\n\n  const rootSx =\n    (moveWithDrawer[variant] &&\n      !clipped && {\n        transition: theme.transitions.create([\"width\", \"margin\"], {\n          easing: theme.transitions.easing.sharp,\n          duration: theme.transitions.duration.leavingScreen,\n        }),\n        ...(state === \"open\" && {\n          marginLeft: drawerWidth,\n          width: `calc(100% - ${drawerWidth}px)`,\n          transition: theme.transitions.create([\"width\", \"margin\"], {\n            easing: theme.transitions.easing.sharp,\n            duration: theme.transitions.duration.enteringScreen,\n          }),\n        }),\n      }) ||\n    {};\n\n  return (\n    <MyMuiAppBar\n      position={clipped ? \"fixed\" : undefined}\n      {...rest}\n      sx={{\n        ...sx,\n        ...rootSx,\n        zIndex: (theme: Theme) => theme.zIndex.drawer + (clipped ? 1 : 0),\n      }}\n    >\n      <Toolbar>\n        <IconButton\n          color=\"inherit\"\n          aria-label=\"open drawer\"\n          onClick={switchState}\n          edge=\"start\"\n          sx={{\n            marginRight: theme.spacing(2),\n            display:\n              clipped || showMenuButton[variant](state) ? undefined : \"none\",\n          }}\n        >\n          {state === \"open\" ? (\n            variant === \"mini\" ? (\n              <MenuOpenIcon />\n            ) : (\n              <ChevronLeftIcon />\n            )\n          ) : (\n            <MenuIcon />\n          )}\n        </IconButton>\n        {title && (\n          <Typography\n            variant=\"h6\"\n            component=\"h1\"\n            role=\"heading\"\n            aria-level={1}\n            noWrap\n          >\n            {title}\n          </Typography>\n        )}\n        {children}\n      </Toolbar>\n    </MyMuiAppBar>\n  );\n}\n"],"names":["MyMuiAppBar","styled","MuiAppBar","theme","moveWithDrawer","showMenuButton","state","DrawerAppBar","title","sx","children","rest","useTheme","variant","switchState","drawerWidth","clipped","useDrawer","rootSx","jsx","Toolbar","IconButton","MenuOpenIcon","ChevronLeftIcon","MenuIcon","Typography"],"mappings":";;;;;;;;;;;;;AAYA,MAAMA,IAAcC,EAAOC,CAAS,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EACpD,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,aAAaA,EAAM,QAAQ;AAAA,EAC3B,WAAW;AAAA,EACX,QAAQA,EAAM,OAAO,SAAS;AAChC,EAAE,GAEIC,IAAiD;AAAA,EACrD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAAyE;AAAA,EAC7E,WAAW,MAAM;AAAA,EACjB,MAAM,CAACC,MAAUA,MAAU;AAAA,EAC3B,YAAY,MAAM;AACpB;AAYA,SAAwBC,EAAa;AAAA,EACnC,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,QAAMR,IAAQS,EAAA,GACR,EAAE,OAAAN,GAAO,SAAAO,GAAS,aAAAC,GAAa,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAA,GAExDC,IACHd,EAAeS,CAAO,KACrB,CAACG,KAAW;AAAA,IACV,YAAYb,EAAM,YAAY,OAAO,CAAC,SAAS,QAAQ,GAAG;AAAA,MACxD,QAAQA,EAAM,YAAY,OAAO;AAAA,MACjC,UAAUA,EAAM,YAAY,SAAS;AAAA,IAAA,CACtC;AAAA,IACD,GAAIG,MAAU,UAAU;AAAA,MACtB,YAAYS;AAAA,MACZ,OAAO,eAAeA,CAAW;AAAA,MACjC,YAAYZ,EAAM,YAAY,OAAO,CAAC,SAAS,QAAQ,GAAG;AAAA,QACxD,QAAQA,EAAM,YAAY,OAAO;AAAA,QACjC,UAAUA,EAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,IAAA;AAAA,EACH,KAEJ,CAAA;AAEF,SACEgB,gBAAAA,EAAAA;AAAAA,IAACnB;AAAA,IAAA;AAAA,MACC,UAAUgB,IAAU,UAAU;AAAA,MAC7B,GAAGL;AAAA,MACJ,IAAI;AAAA,QACF,GAAGF;AAAA,QACH,GAAGS;AAAA,QACH,QAAQ,CAACf,MAAiBA,EAAM,OAAO,UAAUa,IAAU,IAAI;AAAA,MAAA;AAAA,MAGjE,iCAACI,GAAA,EACC,UAAA;AAAA,QAAAD,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,cAAW;AAAA,YACX,SAASP;AAAA,YACT,MAAK;AAAA,YACL,IAAI;AAAA,cACF,aAAaX,EAAM,QAAQ,CAAC;AAAA,cAC5B,SACEa,KAAWX,EAAeQ,CAAO,EAAEP,CAAK,IAAI,SAAY;AAAA,YAAA;AAAA,YAG3D,UAAAA,MAAU,SACTO,MAAY,SACVM,gBAAAA,EAAAA,IAACG,GAAA,CAAA,CAAa,IAEdH,gBAAAA,EAAAA,IAACI,GAAA,CAAA,CAAgB,IAGnBJ,gBAAAA,EAAAA,IAACK,GAAA,CAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbhB,KACCW,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,QAAM;AAAA,YAEL,UAAAjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJE;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DrawerAppBar.mjs","sources":["../../../src/Drawerx/DrawerAppBar/DrawerAppBar.tsx"],"sourcesContent":["import ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport MenuIcon from \"@mui/icons-material/Menu\";\nimport MenuOpenIcon from \"@mui/icons-material/MenuOpen\";\nimport type { AppBarProps as MuiAppBarProps } from \"@mui/material\";\nimport MuiAppBar from \"@mui/material/AppBar\";\nimport IconButton from \"@mui/material/IconButton\";\nimport { styled, type Theme, useTheme } from \"@mui/material/styles\";\nimport Toolbar from \"@mui/material/Toolbar\";\nimport Typography from \"@mui/material/Typography\";\nimport type { DrawerState, DrawerVariant } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\n\nconst MyMuiAppBar = styled(MuiAppBar)(({ theme }) => ({\n  borderWidth: 0,\n  borderBottomWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: theme.palette.divider,\n  boxShadow: \"none\",\n  zIndex: theme.zIndex.drawer + 1,\n}));\n\nconst moveWithDrawer: Record<DrawerVariant, boolean> = {\n  temporary: false,\n  mini: true,\n  persistent: true,\n};\n\nconst showMenuButton: Record<DrawerVariant, (state: DrawerState) => boolean> = {\n  temporary: () => true,\n  mini: (state) => state !== \"open\",\n  persistent: () => true,\n};\n\nexport interface DrawerAppBarProps extends MuiAppBarProps {\n  /**\n   * Title to display in the AppBar.\n   */\n  title?: string;\n}\n\n/**\n * DrawerAppBar component that renders an AppBar adapted to work inside a Drawer context.\n */\nexport default function DrawerAppBar({\n  title,\n  sx,\n  children,\n  ...rest\n}: DrawerAppBarProps) {\n  const theme = useTheme();\n  const { state, variant, switchState, drawerWidth, clipped } = useDrawer();\n\n  const rootSx =\n    (moveWithDrawer[variant] &&\n      !clipped && {\n        transition: theme.transitions.create([\"width\", \"margin\"], {\n          easing: theme.transitions.easing.sharp,\n          duration: theme.transitions.duration.leavingScreen,\n        }),\n        ...(state === \"open\" && {\n          marginLeft: drawerWidth,\n          width: `calc(100% - ${drawerWidth}px)`,\n          transition: theme.transitions.create([\"width\", \"margin\"], {\n            easing: theme.transitions.easing.sharp,\n            duration: theme.transitions.duration.enteringScreen,\n          }),\n        }),\n      }) ||\n    {};\n\n  return (\n    <MyMuiAppBar\n      position={clipped ? \"fixed\" : undefined}\n      {...rest}\n      sx={{\n        ...sx,\n        ...rootSx,\n        zIndex: (theme: Theme) => theme.zIndex.drawer + (clipped ? 1 : 0),\n      }}\n    >\n      <Toolbar>\n        <IconButton\n          color=\"inherit\"\n          aria-label=\"open drawer\"\n          onClick={switchState}\n          edge=\"start\"\n          sx={{\n            marginRight: theme.spacing(2),\n            display:\n              clipped || showMenuButton[variant](state) ? undefined : \"none\",\n          }}\n        >\n          {state === \"open\" ? (\n            variant === \"mini\" ? (\n              <MenuOpenIcon />\n            ) : (\n              <ChevronLeftIcon />\n            )\n          ) : (\n            <MenuIcon />\n          )}\n        </IconButton>\n        {title && (\n          <Typography\n            variant=\"h6\"\n            component=\"h1\"\n            role=\"heading\"\n            aria-level={1}\n            noWrap\n          >\n            {title}\n          </Typography>\n        )}\n        {children}\n      </Toolbar>\n    </MyMuiAppBar>\n  );\n}\n"],"names":["MyMuiAppBar","styled","MuiAppBar","theme","moveWithDrawer","showMenuButton","state","DrawerAppBar","title","sx","children","rest","useTheme","variant","switchState","drawerWidth","clipped","useDrawer","rootSx","jsx","Toolbar","IconButton","MenuOpenIcon","ChevronLeftIcon","MenuIcon","Typography"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAAcC,EAAOC,CAAS,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EACpD,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,aAAaA,EAAM,QAAQ;AAAA,EAC3B,WAAW;AAAA,EACX,QAAQA,EAAM,OAAO,SAAS;AAChC,EAAE,GAEIC,IAAiD;AAAA,EACrD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAAyE;AAAA,EAC7E,WAAW,MAAM;AAAA,EACjB,MAAM,CAACC,MAAUA,MAAU;AAAA,EAC3B,YAAY,MAAM;AACpB;AAYA,SAAwBC,EAAa;AAAA,EACnC,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAsB;AACpB,QAAMR,IAAQS,EAAA,GACR,EAAE,OAAAN,GAAO,SAAAO,GAAS,aAAAC,GAAa,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAA,GAExDC,IACHd,EAAeS,CAAO,KACrB,CAACG,KAAW;AAAA,IACV,YAAYb,EAAM,YAAY,OAAO,CAAC,SAAS,QAAQ,GAAG;AAAA,MACxD,QAAQA,EAAM,YAAY,OAAO;AAAA,MACjC,UAAUA,EAAM,YAAY,SAAS;AAAA,IAAA,CACtC;AAAA,IACD,GAAIG,MAAU,UAAU;AAAA,MACtB,YAAYS;AAAA,MACZ,OAAO,eAAeA,CAAW;AAAA,MACjC,YAAYZ,EAAM,YAAY,OAAO,CAAC,SAAS,QAAQ,GAAG;AAAA,QACxD,QAAQA,EAAM,YAAY,OAAO;AAAA,QACjC,UAAUA,EAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,IAAA;AAAA,EACH,KAEJ,CAAA;AAEF,SACE,gBAAAgB;AAAA,IAACnB;AAAA,IAAA;AAAA,MACC,UAAUgB,IAAU,UAAU;AAAA,MAC7B,GAAGL;AAAA,MACJ,IAAI;AAAA,QACF,GAAGF;AAAA,QACH,GAAGS;AAAA,QACH,QAAQ,CAACf,MAAiBA,EAAM,OAAO,UAAUa,IAAU,IAAI;AAAA,MAAA;AAAA,MAGjE,4BAACI,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,cAAW;AAAA,YACX,SAASP;AAAA,YACT,MAAK;AAAA,YACL,IAAI;AAAA,cACF,aAAaX,EAAM,QAAQ,CAAC;AAAA,cAC5B,SACEa,KAAWX,EAAeQ,CAAO,EAAEP,CAAK,IAAI,SAAY;AAAA,YAAA;AAAA,YAG3D,UAAAA,MAAU,SACTO,MAAY,SACV,gBAAAM,EAACG,GAAA,CAAA,CAAa,IAEd,gBAAAH,EAACI,GAAA,CAAA,CAAgB,IAGnB,gBAAAJ,EAACK,GAAA,CAAA,CAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbhB,KACC,gBAAAW;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,QAAM;AAAA,YAEL,UAAAjB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJE;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/Drawerx/DrawerContent/DrawerContent.mjs

@@ -1,22 +1,33 @@
-import { j as t } from "../../_virtual/jsx-runtime.mjs";
-import { useTheme as i, List as m } from "@mui/material";
+import { jsx as i } from "react/jsx-runtime";
+import { useTheme as p, List as e } from "@mui/material";
 import "react";
-import { useDrawer as a } from "../DrawerContext/DrawerContext.mjs";
-import n from "../DrawerItem/DrawerItem.mjs";
-function x({ navigation: e }) {
-  const { size: o } = a(), { spacing: r } = i();
-  return /* @__PURE__ */ t.jsx(
-    m,
+import { useDrawer as s } from "../DrawerContext/DrawerContext.mjs";
+import a from "../DrawerItem/DrawerItem.mjs";
+import "@mui/material/Avatar";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemIcon";
+import "@mui/material/ListItemText";
+import "@mui/material/styles";
+import "@mui/icons-material/ChevronRight";
+import "@mui/icons-material/ExpandMore";
+import "@mui/material/Collapse";
+import "@mui/material/List";
+import "@mui/material/Popover";
+function I({ navigation: m }) {
+  const { size: o } = s(), { spacing: r } = p();
+  return /* @__PURE__ */ i(
+    e,
     {
       sx: {
         paddingTop: o === "small" ? r(0.5) : void 0,
         paddingX: r(o === "small" ? 0.5 : 1)
       },
-      children: e.map((s) => /* @__PURE__ */ t.jsx(n, { item: s }, s.id))
+      children: m.map((t) => /* @__PURE__ */ i(a, { item: t }, t.id))
     }
   );
 }
 export {
-  x as default
+  I as default
 };
 //# sourceMappingURL=DrawerContent.mjs.map

package/dist/Drawerx/DrawerContent/DrawerContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.mjs","sources":["../../../src/Drawerx/DrawerContent/DrawerContent.tsx"],"sourcesContent":["import { List, useTheme } from \"@mui/material\";\nimport type { DrawerContentProps } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\nimport DrawerItem from \"../DrawerItem\";\n\n/**\n * Content to be shown inside a navigation\n */\nexport default function DrawerContent({ navigation }: DrawerContentProps) {\n  const { size } = useDrawer();\n  const { spacing } = useTheme();\n\n  return (\n    <List\n      sx={{\n        paddingTop: size === \"small\" ? spacing(0.5) : undefined,\n        paddingX: size === \"small\" ? spacing(0.5) : spacing(1),\n      }}\n    >\n      {navigation.map((item) => (\n        <DrawerItem key={item.id} item={item} />\n      ))}\n    </List>\n  );\n}\n"],"names":["DrawerContent","navigation","size","useDrawer","spacing","useTheme","jsx","List","item","DrawerItem"],"mappings":";;;;;AAQA,SAAwBA,EAAc,EAAE,YAAAC,KAAkC;AACxE,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,YAAYL,MAAS,UAAUE,EAAQ,GAAG,IAAI;AAAA,QAC9C,UAA6BA,EAAnBF,MAAS,UAAkB,MAAe,CAAZ;AAAA,MAAa;AAAA,MAGtD,UAAAD,EAAW,IAAI,CAACO,4BACdC,GAAA,EAAyB,MAAAD,EAAA,GAATA,EAAK,EAAgB,CACvC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"DrawerContent.mjs","sources":["../../../src/Drawerx/DrawerContent/DrawerContent.tsx"],"sourcesContent":["import { List, useTheme } from \"@mui/material\";\nimport type { DrawerContentProps } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\nimport DrawerItem from \"../DrawerItem\";\n\n/**\n * Content to be shown inside a navigation\n */\nexport default function DrawerContent({ navigation }: DrawerContentProps) {\n  const { size } = useDrawer();\n  const { spacing } = useTheme();\n\n  return (\n    <List\n      sx={{\n        paddingTop: size === \"small\" ? spacing(0.5) : undefined,\n        paddingX: size === \"small\" ? spacing(0.5) : spacing(1),\n      }}\n    >\n      {navigation.map((item) => (\n        <DrawerItem key={item.id} item={item} />\n      ))}\n    </List>\n  );\n}\n"],"names":["DrawerContent","navigation","size","useDrawer","spacing","useTheme","jsx","List","item","DrawerItem"],"mappings":";;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAc,EAAE,YAAAC,KAAkC;AACxE,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,YAAYL,MAAS,UAAUE,EAAQ,GAAG,IAAI;AAAA,QAC9C,UAA6BA,EAAnBF,MAAS,UAAkB,MAAe,CAAZ;AAAA,MAAa;AAAA,MAGtD,UAAAD,EAAW,IAAI,CAACO,wBACdC,GAAA,EAAyB,MAAAD,EAAA,GAATA,EAAK,EAAgB,CACvC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/Drawerx/DrawerContext/Drawer.provider.mjs

@@ -1,5 +1,5 @@
-import { j as u } from "../../_virtual/jsx-runtime.mjs";
-import { Link as h } from "@mui/material";
+import { jsx as h } from "react/jsx-runtime";
+import { Link as u } from "@mui/material";
 import { useState as S } from "react";
 import { DrawerContext as f } from "./DrawerContext.mjs";
 import { drawerWidth as w } from "./DrawerMixins.mjs";
@@ -7,19 +7,19 @@ const x = {
   temporary: "close",
   mini: "collapse",
   persistent: "close"
-}, j = {
+}, y = {
   temporary: ["close", "open"],
   mini: ["collapse", "open"],
   persistent: ["close", "open"]
-}, P = ({
+}, j = ({
   children: i,
   initialState: a,
   variant: t = "temporary",
   size: p = "medium",
-  drawerWidth: n = w,
-  clipped: l = !0,
+  drawerWidth: l = w,
+  clipped: n = !0,
   selectedItemId: m,
-  LinkComponent: c = h,
+  LinkComponent: c = u,
   onStateChange: d = () => null
 }) => {
   const [o, r] = S(
@@ -27,7 +27,7 @@ const x = {
   ), e = (s) => {
     d(s), r(s);
   };
-  return /* @__PURE__ */ u.jsx(
+  return /* @__PURE__ */ h(
     f.Provider,
     {
       value: {
@@ -35,10 +35,10 @@ const x = {
         size: p,
         variant: t,
         selectedItemId: m,
-        clipped: l,
-        drawerWidth: n,
+        clipped: n,
+        drawerWidth: l,
         LinkComponent: c,
-        switchState: () => e(j[t][o === "open" ? 0 : 1]),
+        switchState: () => e(y[t][o === "open" ? 0 : 1]),
         collapse: () => e("collapse"),
         close: () => e("close"),
         open: () => e("open"),
@@ -49,6 +49,6 @@ const x = {
   );
 };
 export {
-  P as DrawerProvider
+  j as DrawerProvider
 };
 //# sourceMappingURL=Drawer.provider.mjs.map

package/dist/Drawerx/DrawerContext/Drawer.provider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.provider.mjs","sources":["../../../src/Drawerx/DrawerContext/Drawer.provider.tsx"],"sourcesContent":["import { Link } from \"@mui/material\";\nimport type { PropsWithChildren } from \"react\";\nimport { type ElementType, useState } from \"react\";\nimport type { DrawerSize, DrawerState, DrawerVariant } from \"../Drawer.types\";\nimport { DrawerContext } from \"./DrawerContext\";\nimport { drawerWidth } from \"./DrawerMixins\";\n\nconst initialState: Record<DrawerVariant, DrawerState> = {\n  temporary: \"close\",\n  mini: \"collapse\",\n  persistent: \"close\",\n};\n\nconst targetStates: Record<DrawerVariant, [DrawerState, DrawerState]> = {\n  temporary: [\"close\", \"open\"],\n  mini: [\"collapse\", \"open\"],\n  persistent: [\"close\", \"open\"],\n};\n\nexport interface DrawerProviderProps extends PropsWithChildren {\n  /**\n   * Initial state of the drawer\n   */\n  initialState?: DrawerState;\n  /**\n   * Size of the drawer\n   * @default \"medium\"\n   */\n  size?: DrawerSize;\n  /**\n   * Whether the drawer is clipped under the app bar\n   * @default true\n   */\n  clipped?: boolean;\n  /**\n   * Width of the drawer in pixels\n   */\n  drawerWidth?: number;\n  /**\n   * Variant of the drawer behavior\n   * - temporary: slides over content, closes on backdrop click\n   * - persistent: pushes content when open\n   * - mini: shows icons only when collapsed\n   * @default \"temporary\"\n   */\n  variant?: DrawerVariant;\n  /**\n   * ID of the currently selected navigation item\n   */\n  selectedItemId?: string;\n  /**\n   * The component used to render a link when the `href` prop is provided.\n   * @default 'a'\n   */\n  LinkComponent?: ElementType;\n  /**\n   * Callback fired when the drawer state changes\n   * @param newState - The new drawer state\n   */\n  onStateChange?: (newState: DrawerState) => void;\n}\n\nexport const DrawerProvider = ({\n  children,\n  initialState: initialStateProp,\n  variant = \"temporary\",\n  size = \"medium\",\n  drawerWidth: drawerWidthProp = drawerWidth,\n  clipped = true,\n  selectedItemId,\n  LinkComponent = Link,\n  onStateChange = () => null,\n}: DrawerProviderProps) => {\n  const [state, setState] = useState<DrawerState>(\n    initialStateProp || initialState[variant],\n  );\n\n  const handleChangeState = (newState: DrawerState) => {\n    onStateChange(newState);\n    setState(newState);\n  };\n\n  return (\n    <DrawerContext.Provider\n      value={{\n        state,\n        size,\n        variant,\n        selectedItemId,\n        clipped,\n        drawerWidth: drawerWidthProp,\n        LinkComponent,\n        switchState: () =>\n          handleChangeState(targetStates[variant][state === \"open\" ? 0 : 1]),\n        collapse: () => handleChangeState(\"collapse\"),\n        close: () => handleChangeState(\"close\"),\n        open: () => handleChangeState(\"open\"),\n        setState,\n      }}\n    >\n      {children}\n    </DrawerContext.Provider>\n  );\n};\n"],"names":["initialState","targetStates","DrawerProvider","children","initialStateProp","variant","size","drawerWidthProp","drawerWidth","clipped","selectedItemId","LinkComponent","Link","onStateChange","state","setState","useState","handleChangeState","newState","jsx","DrawerContext"],"mappings":";;;;;AAOA,MAAMA,IAAmD;AAAA,EACvD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAAkE;AAAA,EACtE,WAAW,CAAC,SAAS,MAAM;AAAA,EAC3B,MAAM,CAAC,YAAY,MAAM;AAAA,EACzB,YAAY,CAAC,SAAS,MAAM;AAC9B,GA6CaC,IAAiB,CAAC;AAAA,EAC7B,UAAAC;AAAA,EACA,cAAcC;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,aAAaC,IAAkBC;AAAA,EAC/B,SAAAC,IAAU;AAAA,EACV,gBAAAC;AAAA,EACA,eAAAC,IAAgBC;AAAA,EAChB,eAAAC,IAAgB,MAAM;AACxB,MAA2B;AACzB,QAAM,CAACC,GAAOC,CAAQ,IAAIC;AAAA,IACxBZ,KAAoBJ,EAAaK,CAAO;AAAA,EAAA,GAGpCY,IAAoB,CAACC,MAA0B;AACnD,IAAAL,EAAcK,CAAQ,GACtBH,EAASG,CAAQ;AAAA,EACnB;AAEA,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,OAAO;AAAA,QACL,OAAAN;AAAA,QACA,MAAAR;AAAA,QACA,SAAAD;AAAA,QACA,gBAAAK;AAAA,QACA,SAAAD;AAAA,QACA,aAAaF;AAAA,QACb,eAAAI;AAAA,QACA,aAAa,MACXM,EAAkBhB,EAAaI,CAAO,EAAES,MAAU,SAAS,IAAI,CAAC,CAAC;AAAA,QACnE,UAAU,MAAMG,EAAkB,UAAU;AAAA,QAC5C,OAAO,MAAMA,EAAkB,OAAO;AAAA,QACtC,MAAM,MAAMA,EAAkB,MAAM;AAAA,QACpC,UAAAF;AAAA,MAAA;AAAA,MAGD,UAAAZ;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Drawer.provider.mjs","sources":["../../../src/Drawerx/DrawerContext/Drawer.provider.tsx"],"sourcesContent":["import { Link } from \"@mui/material\";\nimport type { PropsWithChildren } from \"react\";\nimport { type ElementType, useState } from \"react\";\nimport type { DrawerSize, DrawerState, DrawerVariant } from \"../Drawer.types\";\nimport { DrawerContext } from \"./DrawerContext\";\nimport { drawerWidth } from \"./DrawerMixins\";\n\nconst initialState: Record<DrawerVariant, DrawerState> = {\n  temporary: \"close\",\n  mini: \"collapse\",\n  persistent: \"close\",\n};\n\nconst targetStates: Record<DrawerVariant, [DrawerState, DrawerState]> = {\n  temporary: [\"close\", \"open\"],\n  mini: [\"collapse\", \"open\"],\n  persistent: [\"close\", \"open\"],\n};\n\nexport interface DrawerProviderProps extends PropsWithChildren {\n  /**\n   * Initial state of the drawer\n   */\n  initialState?: DrawerState;\n  /**\n   * Size of the drawer\n   * @default \"medium\"\n   */\n  size?: DrawerSize;\n  /**\n   * Whether the drawer is clipped under the app bar\n   * @default true\n   */\n  clipped?: boolean;\n  /**\n   * Width of the drawer in pixels\n   */\n  drawerWidth?: number;\n  /**\n   * Variant of the drawer behavior\n   * - temporary: slides over content, closes on backdrop click\n   * - persistent: pushes content when open\n   * - mini: shows icons only when collapsed\n   * @default \"temporary\"\n   */\n  variant?: DrawerVariant;\n  /**\n   * ID of the currently selected navigation item\n   */\n  selectedItemId?: string;\n  /**\n   * The component used to render a link when the `href` prop is provided.\n   * @default 'a'\n   */\n  LinkComponent?: ElementType;\n  /**\n   * Callback fired when the drawer state changes\n   * @param newState - The new drawer state\n   */\n  onStateChange?: (newState: DrawerState) => void;\n}\n\nexport const DrawerProvider = ({\n  children,\n  initialState: initialStateProp,\n  variant = \"temporary\",\n  size = \"medium\",\n  drawerWidth: drawerWidthProp = drawerWidth,\n  clipped = true,\n  selectedItemId,\n  LinkComponent = Link,\n  onStateChange = () => null,\n}: DrawerProviderProps) => {\n  const [state, setState] = useState<DrawerState>(\n    initialStateProp || initialState[variant],\n  );\n\n  const handleChangeState = (newState: DrawerState) => {\n    onStateChange(newState);\n    setState(newState);\n  };\n\n  return (\n    <DrawerContext.Provider\n      value={{\n        state,\n        size,\n        variant,\n        selectedItemId,\n        clipped,\n        drawerWidth: drawerWidthProp,\n        LinkComponent,\n        switchState: () =>\n          handleChangeState(targetStates[variant][state === \"open\" ? 0 : 1]),\n        collapse: () => handleChangeState(\"collapse\"),\n        close: () => handleChangeState(\"close\"),\n        open: () => handleChangeState(\"open\"),\n        setState,\n      }}\n    >\n      {children}\n    </DrawerContext.Provider>\n  );\n};\n"],"names":["initialState","targetStates","DrawerProvider","children","initialStateProp","variant","size","drawerWidthProp","drawerWidth","clipped","selectedItemId","LinkComponent","Link","onStateChange","state","setState","useState","handleChangeState","newState","jsx","DrawerContext"],"mappings":";;;;;AAOA,MAAMA,IAAmD;AAAA,EACvD,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AACd,GAEMC,IAAkE;AAAA,EACtE,WAAW,CAAC,SAAS,MAAM;AAAA,EAC3B,MAAM,CAAC,YAAY,MAAM;AAAA,EACzB,YAAY,CAAC,SAAS,MAAM;AAC9B,GA6CaC,IAAiB,CAAC;AAAA,EAC7B,UAAAC;AAAA,EACA,cAAcC;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,aAAaC,IAAkBC;AAAA,EAC/B,SAAAC,IAAU;AAAA,EACV,gBAAAC;AAAA,EACA,eAAAC,IAAgBC;AAAA,EAChB,eAAAC,IAAgB,MAAM;AACxB,MAA2B;AACzB,QAAM,CAACC,GAAOC,CAAQ,IAAIC;AAAA,IACxBZ,KAAoBJ,EAAaK,CAAO;AAAA,EAAA,GAGpCY,IAAoB,CAACC,MAA0B;AACnD,IAAAL,EAAcK,CAAQ,GACtBH,EAASG,CAAQ;AAAA,EACnB;AAEA,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,OAAO;AAAA,QACL,OAAAN;AAAA,QACA,MAAAR;AAAA,QACA,SAAAD;AAAA,QACA,gBAAAK;AAAA,QACA,SAAAD;AAAA,QACA,aAAaF;AAAA,QACb,eAAAI;AAAA,QACA,aAAa,MACXM,EAAkBhB,EAAaI,CAAO,EAAES,MAAU,SAAS,IAAI,CAAC,CAAC;AAAA,QACnE,UAAU,MAAMG,EAAkB,UAAU;AAAA,QAC5C,OAAO,MAAMA,EAAkB,OAAO;AAAA,QACtC,MAAM,MAAMA,EAAkB,MAAM;AAAA,QACpC,UAAAF;AAAA,MAAA;AAAA,MAGD,UAAAZ;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/Drawerx/DrawerItem/DrawerItem.mjs

@@ -1,43 +1,43 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { jsx as t } from "react/jsx-runtime";
 import "@mui/material";
 import "react";
-import { useDrawer as w } from "../DrawerContext/DrawerContext.mjs";
-import D from "../DrawerSubheader/DrawerSubheader.mjs";
-import { DrawerItemLink as I } from "./DrawerItemLink.mjs";
-import { DrawerMenuItem as b } from "./DrawerMenuItem.mjs";
-function q({ item: e, level: o = 0 }) {
-  const { selectedItemId: t, state: n } = w();
+import { useDrawer as D } from "../DrawerContext/DrawerContext.mjs";
+import I from "../DrawerSubheader/DrawerSubheader.mjs";
+import { DrawerItemLink as b } from "./DrawerItemLink.mjs";
+import { DrawerMenuItem as k } from "./DrawerMenuItem.mjs";
+function y({ item: e, level: o = 0 }) {
+  const { selectedItemId: r, state: n } = D();
   if (e.kind === "collapsable") {
-    const { id: x, text: f, icon: u, items: i } = e, h = i.some((j) => j.id === t);
-    return /* @__PURE__ */ r.jsx(
-      b,
+    const { id: p, text: u, icon: x, items: i } = e, h = i.some((w) => w.id === r);
+    return /* @__PURE__ */ t(
+      k,
       {
-        selected: x === t || h,
-        text: f,
-        icon: u,
+        selected: p === r || h,
+        text: u,
+        icon: x,
         items: i,
         level: o
       }
     );
   }
   if (e.kind === "header")
-    return n === "open" && /* @__PURE__ */ r.jsx(D, { role: "heading", children: e.text });
-  const { id: s, text: a, icon: d, avatar: c, label: m, bullet: l, href: p } = e;
-  return /* @__PURE__ */ r.jsx(
-    I,
+    return n === "open" && /* @__PURE__ */ t(I, { role: "heading", children: e.text });
+  const { id: a, text: d, icon: c, avatar: m, label: s, bullet: l, href: f } = e;
+  return /* @__PURE__ */ t(
+    b,
     {
-      selected: s === t,
-      text: a,
-      icon: d,
-      avatar: c,
-      label: m,
+      selected: a === r,
+      text: d,
+      icon: c,
+      avatar: m,
+      label: s,
       bullet: l,
-      href: p,
+      href: f,
       level: o
     }
   );
 }
 export {
-  q as default
+  y as default
 };
 //# sourceMappingURL=DrawerItem.mjs.map

package/dist/Drawerx/DrawerItem/DrawerItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerItem.mjs","sources":["../../../src/Drawerx/DrawerItem/DrawerItem.tsx"],"sourcesContent":["import type { DrawerNavigationItem } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\nimport DrawerSubheader from \"../DrawerSubheader\";\nimport { DrawerItemLink } from \"./DrawerItemLink\";\nimport { DrawerMenuItem } from \"./DrawerMenuItem\";\n\nexport interface DrawerItemProps {\n  /**\n   * Data to be rendered\n   */\n  item: DrawerNavigationItem;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level?: number;\n}\n\n/**\n * Component representing a drawer item in the navigation drawer.\n */\nexport default function DrawerItem({ item, level = 0 }: DrawerItemProps) {\n  const { selectedItemId, state } = useDrawer();\n  if (item.kind === \"collapsable\") {\n    const { id, text, icon, items } = item;\n    const childrenSelected = items.some((item) => item.id === selectedItemId);\n    return (\n      <DrawerMenuItem\n        selected={id === selectedItemId || childrenSelected}\n        text={text}\n        icon={icon}\n        items={items}\n        level={level}\n      />\n    );\n  }\n  if (item.kind === \"header\") {\n    return (\n      state === \"open\" && (\n        <DrawerSubheader role=\"heading\">{item.text}</DrawerSubheader>\n      )\n    );\n  }\n  const { id, text, icon, avatar, label, bullet, href } = item;\n  return (\n    <DrawerItemLink\n      selected={id === selectedItemId}\n      text={text}\n      icon={icon}\n      avatar={avatar}\n      label={label}\n      bullet={bullet}\n      href={href}\n      level={level}\n    />\n  );\n}\n"],"names":["DrawerItem","item","level","selectedItemId","state","useDrawer","id","text","icon","items","childrenSelected","jsx","DrawerMenuItem","DrawerSubheader","avatar","label","bullet","href","DrawerItemLink"],"mappings":";;;;;;;AAoBA,SAAwBA,EAAW,EAAE,MAAAC,GAAM,OAAAC,IAAQ,KAAsB;AACvE,QAAM,EAAE,gBAAAC,GAAgB,OAAAC,EAAA,IAAUC,EAAA;AAClC,MAAIJ,EAAK,SAAS,eAAe;AAC/B,UAAM,EAAE,IAAAK,GAAI,MAAAC,GAAM,MAAAC,GAAM,OAAAC,MAAUR,GAC5BS,IAAmBD,EAAM,KAAK,CAACR,MAASA,EAAK,OAAOE,CAAc;AACxE,WACEQ,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUN,MAAOH,KAAkBO;AAAA,QACnC,MAAMH;AAAAA,QACN,MAAMC;AAAAA,QACN,OAAAC;AAAA,QACA,OAAAP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACA,MAAID,EAAK,SAAS;AAChB,WACEG,MAAU,UACRO,gBAAAA,EAAAA,IAACE,KAAgB,MAAK,WAAW,YAAK,MAAK;AAIjD,QAAM,EAAE,IAAAP,GAAI,MAAAC,GAAM,MAAAC,GAAM,QAAAM,GAAQ,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,MAAShB;AACxD,SACEU,gBAAAA,EAAAA;AAAAA,IAACO;AAAA,IAAA;AAAA,MACC,UAAUZ,MAAOH;AAAA,MACjB,MAAAI;AAAA,MACA,MAAAC;AAAA,MACA,QAAAM;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAf;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DrawerItem.mjs","sources":["../../../src/Drawerx/DrawerItem/DrawerItem.tsx"],"sourcesContent":["import type { DrawerNavigationItem } from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\nimport DrawerSubheader from \"../DrawerSubheader\";\nimport { DrawerItemLink } from \"./DrawerItemLink\";\nimport { DrawerMenuItem } from \"./DrawerMenuItem\";\n\nexport interface DrawerItemProps {\n  /**\n   * Data to be rendered\n   */\n  item: DrawerNavigationItem;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level?: number;\n}\n\n/**\n * Component representing a drawer item in the navigation drawer.\n */\nexport default function DrawerItem({ item, level = 0 }: DrawerItemProps) {\n  const { selectedItemId, state } = useDrawer();\n  if (item.kind === \"collapsable\") {\n    const { id, text, icon, items } = item;\n    const childrenSelected = items.some((item) => item.id === selectedItemId);\n    return (\n      <DrawerMenuItem\n        selected={id === selectedItemId || childrenSelected}\n        text={text}\n        icon={icon}\n        items={items}\n        level={level}\n      />\n    );\n  }\n  if (item.kind === \"header\") {\n    return (\n      state === \"open\" && (\n        <DrawerSubheader role=\"heading\">{item.text}</DrawerSubheader>\n      )\n    );\n  }\n  const { id, text, icon, avatar, label, bullet, href } = item;\n  return (\n    <DrawerItemLink\n      selected={id === selectedItemId}\n      text={text}\n      icon={icon}\n      avatar={avatar}\n      label={label}\n      bullet={bullet}\n      href={href}\n      level={level}\n    />\n  );\n}\n"],"names":["DrawerItem","item","level","selectedItemId","state","useDrawer","id","text","icon","items","childrenSelected","jsx","DrawerMenuItem","DrawerSubheader","avatar","label","bullet","href","DrawerItemLink"],"mappings":";;;;;;;AAoBA,SAAwBA,EAAW,EAAE,MAAAC,GAAM,OAAAC,IAAQ,KAAsB;AACvE,QAAM,EAAE,gBAAAC,GAAgB,OAAAC,EAAA,IAAUC,EAAA;AAClC,MAAIJ,EAAK,SAAS,eAAe;AAC/B,UAAM,EAAE,IAAAK,GAAI,MAAAC,GAAM,MAAAC,GAAM,OAAAC,MAAUR,GAC5BS,IAAmBD,EAAM,KAAK,CAACR,MAASA,EAAK,OAAOE,CAAc;AACxE,WACE,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUN,MAAOH,KAAkBO;AAAA,QACnC,MAAMH;AAAAA,QACN,MAAMC;AAAAA,QACN,OAAAC;AAAA,QACA,OAAAP;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACA,MAAID,EAAK,SAAS;AAChB,WACEG,MAAU,UACR,gBAAAO,EAACE,KAAgB,MAAK,WAAW,YAAK,MAAK;AAIjD,QAAM,EAAE,IAAAP,GAAI,MAAAC,GAAM,MAAAC,GAAM,QAAAM,GAAQ,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,MAAShB;AACxD,SACE,gBAAAU;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,UAAUZ,MAAOH;AAAA,MACjB,MAAAI;AAAA,MACA,MAAAC;AAAA,MACA,QAAAM;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAf;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/Drawerx/DrawerItem/DrawerItemLink.mjs

@@ -1,42 +1,42 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import { Bullet as g } from "../../Bullet/Bullet.mjs";
-import { Label as I } from "../../Label/Label.mjs";
-import { getDrawerItemColors as L } from "../Drawer.types.mjs";
+import { jsxs as I, jsx as o } from "react/jsx-runtime";
+import y from "@mui/material/Avatar";
+import L from "@mui/material/ListItemAvatar";
+import w from "@mui/material/ListItemButton";
+import C from "@mui/material/ListItemIcon";
+import j from "@mui/material/ListItemText";
+import { useTheme as v } from "@mui/material/styles";
+import { Badge as B } from "../../components/badge/badge.mjs";
+import { Bullet as D } from "../../components/bullet/bullet.mjs";
+import { getDrawerItemColors as T } from "../Drawer.types.mjs";
 import "@mui/material";
 import "react";
-import { useDrawer as l } from "../DrawerContext/DrawerContext.mjs";
-import y from "../../node_modules/@mui/material/esm/styles/useTheme.mjs";
-import w from "../../node_modules/@mui/material/esm/ListItemButton/ListItemButton.mjs";
-import C from "../../node_modules/@mui/material/esm/ListItemIcon/ListItemIcon.mjs";
-import v from "../../node_modules/@mui/material/esm/ListItemAvatar/ListItemAvatar.mjs";
-import D from "../../node_modules/@mui/material/esm/Avatar/Avatar.mjs";
-import R from "../../node_modules/@mui/material/esm/ListItemText/ListItemText.mjs";
-const h = {
+import { useDrawer as h } from "../DrawerContext/DrawerContext.mjs";
+const f = {
   minWidth: 0,
   justifyContent: "center",
   marginRight: "auto"
 }, K = ({
   text: e,
   icon: m,
-  avatar: s,
-  label: i,
-  bullet: n,
-  href: f,
-  selected: p,
+  avatar: i,
+  label: s,
+  bullet: a,
+  href: d,
+  selected: n,
   level: r,
-  sx: d
+  sx: x
 }) => {
-  const { state: t, size: a } = l(), c = y(), { color: x, fontWeight: j } = L(c, p), { LinkComponent: u } = l();
-  return /* @__PURE__ */ o.jsxs(
+  const { state: t, size: p } = h(), c = v(), { color: l, fontWeight: g } = T(c, n), { LinkComponent: u } = h();
+  return /* @__PURE__ */ I(
     w,
     {
-      dense: a === "small",
+      dense: p === "small",
       LinkComponent: u,
       "aria-label": e,
-      href: f,
-      selected: p,
+      href: d,
+      selected: n,
       sx: {
-        ...d,
+        ...x,
         borderRadius: 2,
         pl: t === "open" ? c.spacing(2 + 1.5 * r) : void 0,
         ...t === "collapse" && {
@@ -45,49 +45,49 @@ const h = {
         }
       },
       children: [
-        m && /* @__PURE__ */ o.jsx(
+        m && /* @__PURE__ */ o(
           C,
           {
             sx: {
-              color: x,
-              ...t === "collapse" && r === 0 && h
+              color: l,
+              ...t === "collapse" && r === 0 && f
             },
             children: m
           }
         ),
-        s && /* @__PURE__ */ o.jsx(
-          v,
+        i && /* @__PURE__ */ o(
+          L,
           {
             sx: {
-              ...t === "collapse" && r === 0 && h
+              ...t === "collapse" && r === 0 && f
             },
-            children: /* @__PURE__ */ o.jsx(
-              D,
+            children: /* @__PURE__ */ o(
+              y,
               {
-                alt: s.alt,
-                src: s.src,
+                alt: i.alt,
+                src: i.src,
                 sx: {
-                  ...a === "small" && { width: 24, height: 24 },
+                  ...p === "small" && { width: 24, height: 24 },
                   ...t === "collapse" && { width: 30, height: 30 }
                 }
               }
             )
           }
         ),
-        /* @__PURE__ */ o.jsx(
-          R,
+        /* @__PURE__ */ o(
+          j,
           {
             disableTypography: !0,
             primary: e,
             sx: {
-              color: x,
-              fontWeight: j,
+              color: l,
+              fontWeight: g,
               opacity: t === "collapse" && r === 0 ? 0 : void 0
             }
           }
         ),
-        i && t === "open" && /* @__PURE__ */ o.jsx(I, { text: i.text, variant: i.variant, sx: { ml: 2 } }),
-        n && t === "open" && /* @__PURE__ */ o.jsx(g, { variant: n.variant, sx: { ml: 2 } })
+        s && t === "open" && /* @__PURE__ */ o(B, { text: s.text, variant: s.variant, className: "ml-2" }),
+        a && t === "open" && /* @__PURE__ */ o(D, { variant: a.variant, className: "ml-4" })
       ]
     }
   );

package/dist/Drawerx/DrawerItem/DrawerItemLink.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerItemLink.mjs","sources":["../../../src/Drawerx/DrawerItem/DrawerItemLink.tsx"],"sourcesContent":["import Avatar from \"@mui/material/Avatar\";\nimport ListItemAvatar from \"@mui/material/ListItemAvatar\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport { type SxProps, type Theme, useTheme } from \"@mui/material/styles\";\nimport type { ReactElement } from \"react\";\nimport { Bullet } from \"../../Bullet\";\nimport { Label } from \"../../Label\";\nimport {\n  type DrawerItemAvatar,\n  type DrawerItemBullet,\n  type DrawerItemLabel,\n  getDrawerItemColors,\n} from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\n\nexport interface DrawerItemLinkProps {\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Url where the user is going to be redirected\n   * if the item is clicked\n   */\n  href: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * Avatar displayed to the left\n   */\n  avatar?: DrawerItemAvatar;\n  /**\n   * Label with extra info displayed to the right\n   */\n  label?: DrawerItemLabel;\n  /**\n   * Bullet to attract the user attention displyed to the right\n   */\n  bullet?: DrawerItemBullet;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nconst sxCollapsedIcon = {\n  minWidth: 0,\n  justifyContent: \"center\",\n  marginRight: \"auto\",\n};\n\n/**\n * Clicable item inside a drawer\n */\nexport const DrawerItemLink = ({\n  text,\n  icon,\n  avatar,\n  label,\n  bullet,\n  href,\n  selected,\n  level,\n  sx,\n}: DrawerItemLinkProps) => {\n  const { state, size } = useDrawer();\n  const theme = useTheme();\n  const { color, fontWeight } = getDrawerItemColors(theme, selected);\n  const { LinkComponent } = useDrawer();\n\n  return (\n    <ListItemButton\n      dense={size === \"small\"}\n      LinkComponent={LinkComponent}\n      aria-label={text}\n      href={href}\n      selected={selected}\n      sx={{\n        ...sx,\n        borderRadius: 2,\n        pl: state === \"open\" ? theme.spacing(2 + 1.5 * level) : undefined,\n        ...(state === \"collapse\" && {\n          px: 2.5,\n          justifyContent: \"center\",\n        }),\n      }}\n    >\n      {icon && (\n        <ListItemIcon\n          sx={{\n            color,\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          {icon}\n        </ListItemIcon>\n      )}\n      {avatar && (\n        <ListItemAvatar\n          sx={{\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          <Avatar\n            alt={avatar.alt}\n            src={avatar.src}\n            sx={{\n              ...(size === \"small\" && { width: 24, height: 24 }),\n              ...(state === \"collapse\" && { width: 30, height: 30 }),\n            }}\n          />\n        </ListItemAvatar>\n      )}\n      <ListItemText\n        disableTypography\n        primary={text}\n        sx={{\n          color,\n          fontWeight,\n          opacity: state === \"collapse\" && level === 0 ? 0 : undefined,\n        }}\n      />\n      {label && state === \"open\" && (\n        <Label text={label.text} variant={label.variant} sx={{ ml: 2 }} />\n      )}\n      {bullet && state === \"open\" && (\n        <Bullet variant={bullet.variant} sx={{ ml: 2 }} />\n      )}\n    </ListItemButton>\n  );\n};\n"],"names":["sxCollapsedIcon","DrawerItemLink","text","icon","avatar","label","bullet","href","selected","level","sx","state","size","useDrawer","theme","useTheme","color","fontWeight","getDrawerItemColors","LinkComponent","jsxs","ListItemButton","jsx","ListItemIcon","ListItemAvatar","Avatar","ListItemText","Label","Bullet"],"mappings":";;;;;;;;;;;;;AAyDA,MAAMA,IAAkB;AAAA,EACtB,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,aAAa;AACf,GAKaC,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,IAAAC;AACF,MAA2B;AACzB,QAAM,EAAE,OAAAC,GAAO,MAAAC,EAAA,IAASC,EAAA,GAClBC,IAAQC,EAAA,GACR,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAoBJ,GAAON,CAAQ,GAC3D,EAAE,eAAAW,EAAA,IAAkBN,EAAA;AAE1B,SACEO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOT,MAAS;AAAA,MAChB,eAAAO;AAAA,MACA,cAAYjB;AAAA,MACZ,MAAAK;AAAA,MACA,UAAAC;AAAA,MACA,IAAI;AAAA,QACF,GAAGE;AAAA,QACH,cAAc;AAAA,QACd,IAAIC,MAAU,SAASG,EAAM,QAAQ,IAAI,MAAML,CAAK,IAAI;AAAA,QACxD,GAAIE,MAAU,cAAc;AAAA,UAC1B,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MAGD,UAAA;AAAA,QAAAR,KACCmB,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAAP;AAAA,cACA,GAAIL,MAAU,cAAcF,MAAU,KAAKT;AAAA,YAAA;AAAA,YAG5C,UAAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJC,KACCkB,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,GAAIb,MAAU,cAAcF,MAAU,KAAKT;AAAA,YAAA;AAAA,YAG7C,UAAAsB,gBAAAA,EAAAA;AAAAA,cAACG;AAAA,cAAA;AAAA,gBACC,KAAKrB,EAAO;AAAA,gBACZ,KAAKA,EAAO;AAAA,gBACZ,IAAI;AAAA,kBACF,GAAIQ,MAAS,WAAW,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,kBAC7C,GAAID,MAAU,cAAc,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,gBAAG;AAAA,cACtD;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAGJW,gBAAAA,EAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,mBAAiB;AAAA,YACjB,SAASxB;AAAA,YACT,IAAI;AAAA,cACF,OAAAc;AAAA,cACA,YAAAC;AAAA,cACA,SAASN,MAAU,cAAcF,MAAU,IAAI,IAAI;AAAA,YAAA;AAAA,UACrD;AAAA,QAAA;AAAA,QAEDJ,KAASM,MAAU,UAClBW,gBAAAA,EAAAA,IAACK,KAAM,MAAMtB,EAAM,MAAM,SAASA,EAAM,SAAS,IAAI,EAAE,IAAI,KAAK;AAAA,QAEjEC,KAAUK,MAAU,UACnBW,gBAAAA,EAAAA,IAACM,GAAA,EAAO,SAAStB,EAAO,SAAS,IAAI,EAAE,IAAI,EAAA,EAAE,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIxD;"}
+{"version":3,"file":"DrawerItemLink.mjs","sources":["../../../src/Drawerx/DrawerItem/DrawerItemLink.tsx"],"sourcesContent":["import Avatar from \"@mui/material/Avatar\";\nimport ListItemAvatar from \"@mui/material/ListItemAvatar\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport { type SxProps, type Theme, useTheme } from \"@mui/material/styles\";\nimport type { ReactElement } from \"react\";\nimport { Badge } from \"../../components/badge\";\nimport { Bullet } from \"../../components/bullet\";\nimport {\n  type DrawerItemAvatar,\n  type DrawerItemBullet,\n  type DrawerItemLabel,\n  getDrawerItemColors,\n} from \"../Drawer.types\";\nimport { useDrawer } from \"../DrawerContext\";\n\nexport interface DrawerItemLinkProps {\n  /**\n   * Text displayed inside the item\n   */\n  text: string;\n  /**\n   * Url where the user is going to be redirected\n   * if the item is clicked\n   */\n  href: string;\n  /**\n   * Icon displayed to the left\n   */\n  icon?: ReactElement;\n  /**\n   * Avatar displayed to the left\n   */\n  avatar?: DrawerItemAvatar;\n  /**\n   * Label with extra info displayed to the right\n   */\n  label?: DrawerItemLabel;\n  /**\n   * Bullet to attract the user attention displyed to the right\n   */\n  bullet?: DrawerItemBullet;\n  /**\n   * The item has to be marked as selected\n   */\n  selected?: boolean;\n  /**\n   * Deep level of this item inside the submenus\n   */\n  level: number;\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n}\n\nconst sxCollapsedIcon = {\n  minWidth: 0,\n  justifyContent: \"center\",\n  marginRight: \"auto\",\n};\n\n/**\n * Clicable item inside a drawer\n */\nexport const DrawerItemLink = ({\n  text,\n  icon,\n  avatar,\n  label,\n  bullet,\n  href,\n  selected,\n  level,\n  sx,\n}: DrawerItemLinkProps) => {\n  const { state, size } = useDrawer();\n  const theme = useTheme();\n  const { color, fontWeight } = getDrawerItemColors(theme, selected);\n  const { LinkComponent } = useDrawer();\n\n  return (\n    <ListItemButton\n      dense={size === \"small\"}\n      LinkComponent={LinkComponent}\n      aria-label={text}\n      href={href}\n      selected={selected}\n      sx={{\n        ...sx,\n        borderRadius: 2,\n        pl: state === \"open\" ? theme.spacing(2 + 1.5 * level) : undefined,\n        ...(state === \"collapse\" && {\n          px: 2.5,\n          justifyContent: \"center\",\n        }),\n      }}\n    >\n      {icon && (\n        <ListItemIcon\n          sx={{\n            color,\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          {icon}\n        </ListItemIcon>\n      )}\n      {avatar && (\n        <ListItemAvatar\n          sx={{\n            ...(state === \"collapse\" && level === 0 && sxCollapsedIcon),\n          }}\n        >\n          <Avatar\n            alt={avatar.alt}\n            src={avatar.src}\n            sx={{\n              ...(size === \"small\" && { width: 24, height: 24 }),\n              ...(state === \"collapse\" && { width: 30, height: 30 }),\n            }}\n          />\n        </ListItemAvatar>\n      )}\n      <ListItemText\n        disableTypography\n        primary={text}\n        sx={{\n          color,\n          fontWeight,\n          opacity: state === \"collapse\" && level === 0 ? 0 : undefined,\n        }}\n      />\n      {label && state === \"open\" && (\n        <Badge text={label.text} variant={label.variant} className=\"ml-2\" />\n      )}\n      {bullet && state === \"open\" && (\n        <Bullet variant={bullet.variant} className=\"ml-4\" />\n      )}\n    </ListItemButton>\n  );\n};\n"],"names":["sxCollapsedIcon","DrawerItemLink","text","icon","avatar","label","bullet","href","selected","level","sx","state","size","useDrawer","theme","useTheme","color","fontWeight","getDrawerItemColors","LinkComponent","jsxs","ListItemButton","jsx","ListItemIcon","ListItemAvatar","Avatar","ListItemText","Badge","Bullet"],"mappings":";;;;;;;;;;;;;AAyDA,MAAMA,IAAkB;AAAA,EACtB,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,aAAa;AACf,GAKaC,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,IAAAC;AACF,MAA2B;AACzB,QAAM,EAAE,OAAAC,GAAO,MAAAC,EAAA,IAASC,EAAA,GAClBC,IAAQC,EAAA,GACR,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAoBJ,GAAON,CAAQ,GAC3D,EAAE,eAAAW,EAAA,IAAkBN,EAAA;AAE1B,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOT,MAAS;AAAA,MAChB,eAAAO;AAAA,MACA,cAAYjB;AAAA,MACZ,MAAAK;AAAA,MACA,UAAAC;AAAA,MACA,IAAI;AAAA,QACF,GAAGE;AAAA,QACH,cAAc;AAAA,QACd,IAAIC,MAAU,SAASG,EAAM,QAAQ,IAAI,MAAML,CAAK,IAAI;AAAA,QACxD,GAAIE,MAAU,cAAc;AAAA,UAC1B,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MAGD,UAAA;AAAA,QAAAR,KACC,gBAAAmB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAAP;AAAA,cACA,GAAIL,MAAU,cAAcF,MAAU,KAAKT;AAAA,YAAA;AAAA,YAG5C,UAAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJC,KACC,gBAAAkB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,GAAIb,MAAU,cAAcF,MAAU,KAAKT;AAAA,YAAA;AAAA,YAG7C,UAAA,gBAAAsB;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,KAAKrB,EAAO;AAAA,gBACZ,KAAKA,EAAO;AAAA,gBACZ,IAAI;AAAA,kBACF,GAAIQ,MAAS,WAAW,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,kBAC7C,GAAID,MAAU,cAAc,EAAE,OAAO,IAAI,QAAQ,GAAA;AAAA,gBAAG;AAAA,cACtD;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAGJ,gBAAAW;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,mBAAiB;AAAA,YACjB,SAASxB;AAAA,YACT,IAAI;AAAA,cACF,OAAAc;AAAA,cACA,YAAAC;AAAA,cACA,SAASN,MAAU,cAAcF,MAAU,IAAI,IAAI;AAAA,YAAA;AAAA,UACrD;AAAA,QAAA;AAAA,QAEDJ,KAASM,MAAU,UAClB,gBAAAW,EAACK,GAAA,EAAM,MAAMtB,EAAM,MAAM,SAASA,EAAM,SAAS,WAAU,OAAA,CAAO;AAAA,QAEnEC,KAAUK,MAAU,UACnB,gBAAAW,EAACM,KAAO,SAAStB,EAAO,SAAS,WAAU,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI1D;"}

package/dist/Drawerx/DrawerItem/DrawerMenuItem.mjs

@@ -1,85 +1,85 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import E from "../../node_modules/@mui/icons-material/esm/ChevronRight.mjs";
-import O from "../../node_modules/@mui/icons-material/esm/ExpandMore.mjs";
-import { useRef as S, useState as d, useEffect as w } from "react";
-import { getDrawerItemColors as z } from "../Drawer.types.mjs";
+import { jsx as e, jsxs as d, Fragment as S } from "react/jsx-runtime";
+import j from "@mui/icons-material/ChevronRight";
+import w from "@mui/icons-material/ExpandMore";
+import z from "@mui/material/Collapse";
+import D from "@mui/material/List";
+import L from "@mui/material/ListItemButton";
+import T from "@mui/material/ListItemIcon";
+import M from "@mui/material/ListItemText";
+import P from "@mui/material/Popover";
+import { useTheme as h } from "@mui/material/styles";
+import { useRef as R, useState as g, useEffect as k } from "react";
+import { getDrawerItemColors as B } from "../Drawer.types.mjs";
 import "@mui/material";
-import { useDrawer as D } from "../DrawerContext/DrawerContext.mjs";
-import L from "./DrawerItem.mjs";
-import x from "../../node_modules/@mui/material/esm/styles/useTheme.mjs";
-import R from "../../node_modules/@mui/material/esm/List/List.mjs";
-import T from "../../node_modules/@mui/material/esm/ListItemButton/ListItemButton.mjs";
-import M from "../../node_modules/@mui/material/esm/ListItemIcon/ListItemIcon.mjs";
-import P from "../../node_modules/@mui/material/esm/ListItemText/ListItemText.mjs";
-import k from "../../node_modules/@mui/material/esm/Collapse/Collapse.mjs";
-import B from "../../node_modules/@mui/material/esm/Popover/Popover.mjs";
-const Z = ({
+import { useDrawer as $ } from "../DrawerContext/DrawerContext.mjs";
+import F from "./DrawerItem.mjs";
+const oo = ({
   text: t,
   icon: a,
-  selected: p,
-  items: h,
+  selected: l,
+  items: b,
   level: n,
-  sx: j = {}
+  sx: C = {}
 }) => {
-  const { state: e, size: g } = D(), l = S(null), { palette: b, spacing: C, transitions: v } = x(), [r, m] = d(!1), { color: s, fontWeight: I } = z(x(), p), [y, c] = d(!0);
-  w(() => {
-    r && e === "collapse" && (c(!1), setTimeout(() => {
+  const { state: o, size: v } = $(), p = R(null), { palette: x, spacing: I, transitions: y } = h(), [r, m] = g(!1), { color: i, fontWeight: O } = B(h(), l), [E, c] = g(!0);
+  k(() => {
+    r && o === "collapse" && (c(!1), setTimeout(() => {
       c(!0);
-    }, v.duration.leavingScreen));
-  }, [e]);
-  const u = /* @__PURE__ */ o.jsx(R, { component: "div", disablePadding: !0, children: h.map((i) => /* @__PURE__ */ o.jsx(L, { level: n + 1, item: i }, i.id)) }), f = e === "collapse" && n === 0 ? {
+    }, y.duration.leavingScreen));
+  }, [o]);
+  const u = /* @__PURE__ */ e(D, { component: "div", disablePadding: !0, children: b.map((s) => /* @__PURE__ */ e(F, { level: n + 1, item: s }, s.id)) }), f = o === "collapse" && n === 0 ? {
     position: "absolute",
     right: -3
   } : {};
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsxs(
-      T,
+  return /* @__PURE__ */ d(S, { children: [
+    /* @__PURE__ */ d(
+      L,
       {
-        ref: l,
-        selected: p,
+        ref: p,
+        selected: l,
         "aria-label": t,
-        onClick: () => m((i) => !i),
-        dense: g === "small",
+        onClick: () => m((s) => !s),
+        dense: v === "small",
         sx: {
-          ...j,
+          ...C,
           borderRadius: 2,
-          pl: e === "open" ? C(2 + 1.5 * n) : void 0,
-          backgroundColor: r ? b.action.hover : void 0,
-          ...e === "collapse" && {
+          pl: o === "open" ? I(2 + 1.5 * n) : void 0,
+          backgroundColor: r ? x.action.hover : void 0,
+          ...o === "collapse" && {
             px: 2.5,
             justifyContent: "center"
           }
         },
         children: [
-          a && /* @__PURE__ */ o.jsx(M, { sx: { color: s, justifyContent: "center" }, children: a }),
-          /* @__PURE__ */ o.jsx(
-            P,
+          a && /* @__PURE__ */ e(T, { sx: { color: i, justifyContent: "center" }, children: a }),
+          /* @__PURE__ */ e(
+            M,
             {
               disableTypography: !0,
               primary: t,
               sx: {
-                color: s,
-                fontWeight: I,
-                opacity: e === "collapse" && n === 0 ? 0 : void 0
+                color: i,
+                fontWeight: O,
+                opacity: o === "collapse" && n === 0 ? 0 : void 0
               }
             }
           ),
-          r && e === "open" ? /* @__PURE__ */ o.jsx(
-            O,
+          r && o === "open" ? /* @__PURE__ */ e(
+            w,
             {
-              sx: [{ color: s, ml: 2, fontSize: 20 }, f]
+              sx: [{ color: i, ml: 2, fontSize: 20 }, f]
             }
-          ) : /* @__PURE__ */ o.jsx(
-            E,
+          ) : /* @__PURE__ */ e(
+            j,
             {
-              sx: [{ color: s, ml: 2, fontSize: 20 }, f]
+              sx: [{ color: i, ml: 2, fontSize: 20 }, f]
             }
           )
         ]
       }
     ),
-    e === "open" ? /* @__PURE__ */ o.jsx(
-      k,
+    o === "open" ? /* @__PURE__ */ e(
+      z,
       {
         in: r,
         timeout: "auto",
@@ -87,8 +87,8 @@ const Z = ({
         "aria-label": `${t} collapse submenu`,
         children: u
       }
-    ) : y && /* @__PURE__ */ o.jsx(
-      B,
+    ) : E && /* @__PURE__ */ e(
+      P,
       {
         open: r,
         slotProps: {
@@ -98,7 +98,7 @@ const Z = ({
           }
         },
         "aria-label": `${t} popover submenu`,
-        anchorEl: l.current,
+        anchorEl: p.current,
         onClose: () => m(!1),
         anchorOrigin: {
           vertical: "top",
@@ -110,6 +110,6 @@ const Z = ({
   ] });
 };
 export {
-  Z as DrawerMenuItem
+  oo as DrawerMenuItem
 };
 //# sourceMappingURL=DrawerMenuItem.mjs.map