@xyo-network/react-appbar 2.64.0-rc.3 → 2.64.0-rc.4

package/dist/browser/components/MobileSystemControls/controls/SystemControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,UAAU,kBAAmB,SAAQ,YAAY;IAC/C,cAAc,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CA6B7D,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/browser/components/MobileSystemControls/controls/SystemControl.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Collapse } from "@mui/material";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { useState } from "react";
+import { SystemControlsType } from "../SystemControlsType";
+const SystemControl = ({
+  children,
+  controlElement,
+  systemControlsType = SystemControlsType.WindowShade,
+  ...props
+}) => {
+  const [toggleControls, setToggleControls] = useState(false);
+  let orientation = "vertical";
+  switch (systemControlsType) {
+    case SystemControlsType.Left: {
+      orientation = "horizontal";
+      break;
+    }
+  }
+  return /* @__PURE__ */ jsxs(FlexRow, { className: "controls", ...props, children: [
+    /* @__PURE__ */ jsx(Collapse, { in: toggleControls, orientation, timeout: 500, children: /* @__PURE__ */ jsx(FlexRow, { bgcolor: "primary.main", className: "control", children: controlElement }) }),
+    /* @__PURE__ */ jsx(FlexCol, { style: { cursor: "pointer" }, onClick: () => setToggleControls(!toggleControls), children })
+  ] });
+};
+export {
+  SystemControl
+};
+//# sourceMappingURL=SystemControl.js.map

package/dist/browser/components/MobileSystemControls/controls/SystemControl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/MobileSystemControls/controls/SystemControl.tsx"],"sourcesContent":["import { Collapse, CollapseProps } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { useState } from 'react'\n\nimport { SystemControlsType } from '../SystemControlsType'\n\ninterface SystemControlProps extends FlexBoxProps {\n  controlElement: React.ReactNode\n  systemControlsType?: SystemControlsType\n}\n\nconst SystemControl: React.FC<WithChildren<SystemControlProps>> = ({\n  children,\n  controlElement,\n  systemControlsType = SystemControlsType.WindowShade,\n  ...props\n}) => {\n  const [toggleControls, setToggleControls] = useState(false)\n\n  let orientation: CollapseProps['orientation'] = 'vertical'\n\n  switch (systemControlsType) {\n    case SystemControlsType.Left: {\n      orientation = 'horizontal'\n      break\n    }\n  }\n\n  return (\n    <FlexRow className=\"controls\" {...props}>\n      <Collapse in={toggleControls} orientation={orientation} timeout={500}>\n        <FlexRow bgcolor=\"primary.main\" className=\"control\">\n          {controlElement}\n        </FlexRow>\n      </Collapse>\n      <FlexCol style={{ cursor: 'pointer' }} onClick={() => setToggleControls(!toggleControls)}>\n        {children}\n      </FlexCol>\n    </FlexRow>\n  )\n}\n\nexport { SystemControl }\n"],"mappings":"AA8BI,SAEI,KAFJ;AA9BJ,SAAS,gBAA+B;AACxC,SAAuB,SAAS,eAAe;AAE/C,SAAS,gBAAgB;AAEzB,SAAS,0BAA0B;AAOnC,MAAM,gBAA4D,CAAC;AAAA,EACjE;AAAA,EACA;AAAA,EACA,qBAAqB,mBAAmB;AAAA,EACxC,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D,MAAI,cAA4C;AAEhD,UAAQ,oBAAoB;AAAA,IAC1B,KAAK,mBAAmB,MAAM;AAC5B,oBAAc;AACd;AAAA,IACF;AAAA,EACF;AAEA,SACE,qBAAC,WAAQ,WAAU,YAAY,GAAG,OAChC;AAAA,wBAAC,YAAS,IAAI,gBAAgB,aAA0B,SAAS,KAC/D,8BAAC,WAAQ,SAAQ,gBAAe,WAAU,WACvC,0BACH,GACF;AAAA,IACA,oBAAC,WAAQ,OAAO,EAAE,QAAQ,UAAU,GAAG,SAAS,MAAM,kBAAkB,CAAC,cAAc,GACpF,UACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/components/MobileSystemControls/controls/SystemControlText.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlText.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,UAAU,sBAAuB,SAAQ,YAAY;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAQjD,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/browser/components/MobileSystemControls/controls/SystemControlText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlText.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,UAAU,sBAAuB,SAAQ,YAAY;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAQjD,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/browser/components/MobileSystemControls/controls/SystemControlText.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+const ControlText = ({ value, ...props }) => {
+  return /* @__PURE__ */ jsx(FlexCol, { className: `${props.className} toggle`, ...props, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "white", fontWeight: "bold", children: value }) });
+};
+export {
+  ControlText
+};
+//# sourceMappingURL=SystemControlText.js.map

package/dist/browser/components/MobileSystemControls/controls/SystemControlText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/MobileSystemControls/controls/SystemControlText.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\ninterface SystemControlTextProps extends FlexBoxProps {\n  value?: string\n}\n\nconst ControlText: React.FC<SystemControlTextProps> = ({ value, ...props }) => {\n  return (\n    <FlexCol className={`${props.className} toggle`} {...props}>\n      <Typography variant=\"caption\" color=\"white\" fontWeight=\"bold\">\n        {value}\n      </Typography>\n    </FlexCol>\n  )\n}\n\nexport { ControlText }\n"],"mappings":"AAUM;AAVN,SAAS,kBAAkB;AAC3B,SAAuB,eAAe;AAMtC,MAAM,cAAgD,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AAC7E,SACE,oBAAC,WAAQ,WAAW,GAAG,MAAM,SAAS,WAAY,GAAG,OACnD,8BAAC,cAAW,SAAQ,WAAU,OAAM,SAAQ,YAAW,QACpD,iBACH,GACF;AAEJ;","names":[]}

package/dist/browser/components/MobileSystemControls/controls/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA"}

package/dist/browser/components/MobileSystemControls/controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MobileSystemControls/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA"}

package/dist/browser/components/MobileSystemControls/controls/index.js

@@ -0,0 +1,3 @@
+export * from "./SystemControl";
+export * from "./SystemControlText";
+//# sourceMappingURL=index.js.map

package/dist/browser/components/MobileSystemControls/controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/MobileSystemControls/controls/index.ts"],"sourcesContent":["export * from './SystemControl'\nexport * from './SystemControlText'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/components/MobileSystemControls/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}

package/dist/browser/components/MobileSystemControls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}

package/dist/browser/components/MobileSystemControls/index.js

@@ -0,0 +1,4 @@
+export * from "./SystemControls";
+export * from "./SystemControlsType";
+export * from "./SystemControlsUnstyled";
+//# sourceMappingURL=index.js.map

package/dist/browser/components/MobileSystemControls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/index.ts"],"sourcesContent":["export * from './SystemControls'\nexport * from './SystemControlsType'\nexport * from './SystemControlsUnstyled'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/components/SearchBar/SearchBar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAG7D,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuB9C,CAAA"}

package/dist/browser/components/SearchBar/SearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAG7D,MAAM,WAAW,cAAe,SAAQ,YAAY;IAClD,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuB9C,CAAA"}

package/dist/browser/components/SearchBar/SearchBar.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search as SearchIcon } from "@mui/icons-material";
+import { Paper, TextField } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { useState } from "react";
+const SearchBar = ({ defaultValue, onSearch, ...props }) => {
+  const [term, setTerm] = useState();
+  return /* @__PURE__ */ jsx(FlexRow, { alignItems: "stretch", ...props, children: /* @__PURE__ */ jsxs(Paper, { variant: "elevation", elevation: 0, style: { display: "flex", overflow: "hidden", width: "100%" }, children: [
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        InputProps: { color: "secondary", style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } },
+        variant: "outlined",
+        size: "small",
+        defaultValue,
+        fullWidth: true,
+        onChange: (event) => setTerm(event.target.value),
+        onKeyDown: (event) => {
+          if (event.key === "Enter")
+            onSearch?.(term);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(ButtonEx, { variant: "contained", style: { borderRadius: 0, borderTopLeftRadius: 0 }, color: "secondary", onClick: () => onSearch?.(term), children: /* @__PURE__ */ jsx(SearchIcon, {}) })
+  ] }) });
+};
+export {
+  SearchBar
+};
+//# sourceMappingURL=SearchBar.js.map

package/dist/browser/components/SearchBar/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import { Search as SearchIcon } from '@mui/icons-material'\nimport { Paper, TextField } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nexport interface SearchBarProps extends FlexBoxProps {\n  onSearch?: (term?: string) => void\n}\n\nexport const SearchBar: React.FC<SearchBarProps> = ({ defaultValue, onSearch, ...props }) => {\n  const [term, setTerm] = useState<string>()\n\n  return (\n    <FlexRow alignItems=\"stretch\" {...props}>\n      <Paper variant=\"elevation\" elevation={0} style={{ display: 'flex', overflow: 'hidden', width: '100%' }}>\n        <TextField\n          InputProps={{ color: 'secondary', style: { borderBottomRightRadius: 0, borderTopRightRadius: 0, borderWidth: 0 } }}\n          variant=\"outlined\"\n          size=\"small\"\n          defaultValue={defaultValue}\n          fullWidth\n          onChange={(event) => setTerm(event.target.value)}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter') onSearch?.(term)\n          }}\n        />\n        <ButtonEx variant=\"contained\" style={{ borderRadius: 0, borderTopLeftRadius: 0 }} color=\"secondary\" onClick={() => onSearch?.(term)}>\n          <SearchIcon />\n        </ButtonEx>\n      </Paper>\n    </FlexRow>\n  )\n}\n"],"mappings":"AAeM,SACE,KADF;AAfN,SAAS,UAAU,kBAAkB;AACrC,SAAS,OAAO,iBAAiB;AACjC,SAAS,gBAAgB;AACzB,SAAuB,eAAe;AACtC,SAAS,gBAAgB;AAMlB,MAAM,YAAsC,CAAC,EAAE,cAAc,UAAU,GAAG,MAAM,MAAM;AAC3F,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiB;AAEzC,SACE,oBAAC,WAAQ,YAAW,WAAW,GAAG,OAChC,+BAAC,SAAM,SAAQ,aAAY,WAAW,GAAG,OAAO,EAAE,SAAS,QAAQ,UAAU,UAAU,OAAO,OAAO,GACnG;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,EAAE,OAAO,aAAa,OAAO,EAAE,yBAAyB,GAAG,sBAAsB,GAAG,aAAa,EAAE,EAAE;AAAA,QACjH,SAAQ;AAAA,QACR,MAAK;AAAA,QACL;AAAA,QACA,WAAS;AAAA,QACT,UAAU,CAAC,UAAU,QAAQ,MAAM,OAAO,KAAK;AAAA,QAC/C,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ;AAAS,uBAAW,IAAI;AAAA,QAC5C;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,YAAS,SAAQ,aAAY,OAAO,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAM,aAAY,SAAS,MAAM,WAAW,IAAI,GAChI,8BAAC,cAAW,GACd;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/browser/components/SearchBar/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/browser/components/SearchBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/browser/components/SearchBar/index.js

@@ -0,0 +1,2 @@
+export * from "./SearchBar";
+//# sourceMappingURL=index.js.map

package/dist/browser/components/SearchBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SearchBar/index.ts"],"sourcesContent":["export * from './SearchBar'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/browser/components/SiteMenu/Menu.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAK7D,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;CAC3C;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkC5C,CAAA"}

package/dist/browser/components/SiteMenu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAK7D,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;CAC3C;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkC5C,CAAA"}

package/dist/browser/components/SiteMenu/Menu.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu as MenuIcon, Settings as SettingsIcon } from "@mui/icons-material";
+import { IconButton, List, SwipeableDrawer } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { useEffect, useState } from "react";
+import { MenuListItemContainer } from "./MenuListItem";
+const SiteMenu = ({ children, onMenuToggle, side = "right", ...props }) => {
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    onMenuToggle?.(open);
+  }, [onMenuToggle, open]);
+  return /* @__PURE__ */ jsxs(FlexRow, { alignItems: "stretch", ...props, children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        size: "small",
+        color: "inherit",
+        onClick: () => {
+          setOpen(!open);
+        },
+        children: /* @__PURE__ */ jsx(MenuIcon, { fontSize: "large" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SwipeableDrawer,
+      {
+        anchor: side,
+        open,
+        onClick: () => setOpen(false),
+        onKeyDown: () => setOpen(false),
+        onClose: () => setOpen(false),
+        onOpen: () => setOpen(true),
+        children: children ?? /* @__PURE__ */ jsx(List, { children: /* @__PURE__ */ jsx(MenuListItemContainer, { primary: "Settings", icon: /* @__PURE__ */ jsx(SettingsIcon, {}), to: "/settings" }) })
+      }
+    )
+  ] });
+};
+export {
+  SiteMenu
+};
+//# sourceMappingURL=Menu.js.map

package/dist/browser/components/SiteMenu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SiteMenu/Menu.tsx"],"sourcesContent":["import { Menu as MenuIcon, Settings as SettingsIcon } from '@mui/icons-material'\nimport { IconButton, List, SwipeableDrawer } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useEffect, useState } from 'react'\n\nimport { MenuListItemContainer } from './MenuListItem'\n\nexport interface SiteMenuProps extends FlexBoxProps {\n  hideSettingsMenuItem?: boolean\n  onMenuToggle?: (state?: boolean) => void\n  side?: 'left' | 'right' | 'top' | 'bottom'\n}\n\nexport const SiteMenu: React.FC<SiteMenuProps> = ({ children, onMenuToggle, side = 'right', ...props }) => {\n  const [open, setOpen] = useState(false)\n\n  useEffect(() => {\n    onMenuToggle?.(open)\n  }, [onMenuToggle, open])\n\n  return (\n    <FlexRow alignItems=\"stretch\" {...props}>\n      <IconButton\n        size=\"small\"\n        color=\"inherit\"\n        onClick={() => {\n          setOpen(!open)\n        }}\n      >\n        <MenuIcon fontSize=\"large\" />\n      </IconButton>\n      <SwipeableDrawer\n        anchor={side}\n        open={open}\n        onClick={() => setOpen(false)}\n        onKeyDown={() => setOpen(false)}\n        onClose={() => setOpen(false)}\n        onOpen={() => setOpen(true)}\n      >\n        {children ?? (\n          <List>\n            <MenuListItemContainer primary=\"Settings\" icon={<SettingsIcon />} to=\"/settings\" />\n          </List>\n        )}\n      </SwipeableDrawer>\n    </FlexRow>\n  )\n}\n"],"mappings":"AAqBI,SAQI,KARJ;AArBJ,SAAS,QAAQ,UAAU,YAAY,oBAAoB;AAC3D,SAAS,YAAY,MAAM,uBAAuB;AAClD,SAAuB,eAAe;AACtC,SAAS,WAAW,gBAAgB;AAEpC,SAAS,6BAA6B;AAQ/B,MAAM,WAAoC,CAAC,EAAE,UAAU,cAAc,OAAO,SAAS,GAAG,MAAM,MAAM;AACzG,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,YAAU,MAAM;AACd,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,cAAc,IAAI,CAAC;AAEvB,SACE,qBAAC,WAAQ,YAAW,WAAW,GAAG,OAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS,MAAM;AACb,kBAAQ,CAAC,IAAI;AAAA,QACf;AAAA,QAEA,8BAAC,YAAS,UAAS,SAAQ;AAAA;AAAA,IAC7B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR;AAAA,QACA,SAAS,MAAM,QAAQ,KAAK;AAAA,QAC5B,WAAW,MAAM,QAAQ,KAAK;AAAA,QAC9B,SAAS,MAAM,QAAQ,KAAK;AAAA,QAC5B,QAAQ,MAAM,QAAQ,IAAI;AAAA,QAEzB,sBACC,oBAAC,QACC,8BAAC,yBAAsB,SAAQ,YAAW,MAAM,oBAAC,gBAAa,GAAI,IAAG,aAAY,GACnF;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/browser/components/SiteMenu/MenuListItem/MenuListItemContainer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA0B,MAAM,eAAe,CAAA;AAMrE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAI3D,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB,EAAE,gBAAgB,EAAE,aAAa;IAC1F,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACpC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4D7D,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItemContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA0B,MAAM,eAAe,CAAA;AAMrE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAI3D,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB,EAAE,gBAAgB,EAAE,aAAa;IAC1F,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACpC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4D7D,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/MenuListItemContainer.js

@@ -0,0 +1,72 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ListItemText, useTheme } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { LinkEx } from "@xylabs/react-link";
+import { useState } from "react";
+import { useCollapsible } from "../../../contexts";
+import { ListItemTooltip, MenuIcon, MenuListItem } from "./list-item-components";
+import { SubNavListItemsCollapse, SubNavToggleIconButton } from "./sub-nav";
+const MenuListItemContainer = ({
+  style,
+  icon,
+  iconMenuTextSpacing,
+  iconOnly,
+  onButtonClick,
+  primary,
+  subNavListItems,
+  sx,
+  tooltip,
+  to,
+  ...props
+}) => {
+  const { dense } = props;
+  const theme = useTheme();
+  const { collapse } = useCollapsible();
+  const [openSubNav, setOpenSubNav] = useState(false);
+  const [hovered, setHovered] = useState(false);
+  const resolvedIconMenuTextSpacing = iconMenuTextSpacing ? iconMenuTextSpacing : theme.spacing(1);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      MenuListItem,
+      {
+        disableGutters: true,
+        iconOnly,
+        onClick: onButtonClick,
+        dense,
+        sx: { justifyContent: "space-between", ...sx },
+        style: { whiteSpace: "nowrap", ...style },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            LinkEx,
+            {
+              onMouseEnter: () => setHovered(true),
+              onMouseLeave: () => setHovered(false),
+              color: "inherit",
+              to,
+              sx: {
+                "& :hover": {
+                  cursor: "pointer",
+                  textDecoration: "underline"
+                }
+              },
+              children: /* @__PURE__ */ jsxs(FlexRow, { children: [
+                /* @__PURE__ */ jsx(MenuIcon, { icon, paddingRight: resolvedIconMenuTextSpacing, color: hovered ? "secondary" : "inherit" }),
+                /* @__PURE__ */ jsx(ListItemText, { primary })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxs(FlexRow, { style: { marginLeft: theme.spacing(1) }, children: [
+            subNavListItems ? /* @__PURE__ */ jsx(SubNavToggleIconButton, { setOpenSubNav, openSubNav }) : null,
+            tooltip ? /* @__PURE__ */ jsx(ListItemTooltip, { title: tooltip }) : null
+          ] })
+        ]
+      }
+    ),
+    subNavListItems ? /* @__PURE__ */ jsx(SubNavListItemsCollapse, { openSubNav, collapse, children: subNavListItems?.map((item, index) => /* @__PURE__ */ jsx(MenuListItemContainer, { dense, sx: { pl: theme.spacing(1) }, ...item }, index)) }) : null
+  ] });
+};
+export {
+  MenuListItemContainer
+};
+//# sourceMappingURL=MenuListItemContainer.js.map

package/dist/browser/components/SiteMenu/MenuListItem/MenuListItemContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx"],"sourcesContent":["import { ListItemProps, ListItemText, useTheme } from '@mui/material'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useState } from 'react'\n\nimport { useCollapsible } from '../../../contexts'\nimport { MenuListItemBase, NavListItemProps } from '../lib'\nimport { ListItemTooltip, MenuIcon, MenuListItem } from './list-item-components'\nimport { SubNavListItemsCollapse, SubNavToggleIconButton } from './sub-nav'\n\nexport interface MenuListItemProps extends NavListItemProps, MenuListItemBase, ListItemProps {\n  iconMenuTextSpacing?: string\n  iconOnly?: boolean\n  subNavListItems?: NavListItemProps[]\n  subNavOpen?: boolean\n}\n\nexport const MenuListItemContainer: React.FC<MenuListItemProps> = ({\n  style,\n  icon,\n  iconMenuTextSpacing,\n  iconOnly,\n  onButtonClick,\n  primary,\n  subNavListItems,\n  sx,\n  tooltip,\n  to,\n  ...props\n}) => {\n  const { dense } = props\n  const theme = useTheme()\n  const { collapse } = useCollapsible()\n  const [openSubNav, setOpenSubNav] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const resolvedIconMenuTextSpacing = iconMenuTextSpacing ? iconMenuTextSpacing : theme.spacing(1)\n\n  return (\n    <>\n      <MenuListItem\n        disableGutters\n        iconOnly={iconOnly}\n        onClick={onButtonClick}\n        dense={dense}\n        sx={{ justifyContent: 'space-between', ...sx }}\n        style={{ whiteSpace: 'nowrap', ...style }}\n        {...props}\n      >\n        <LinkEx\n          onMouseEnter={() => setHovered(true)}\n          onMouseLeave={() => setHovered(false)}\n          color=\"inherit\"\n          to={to}\n          sx={{\n            '& :hover': {\n              cursor: 'pointer',\n              textDecoration: 'underline',\n            },\n          }}\n        >\n          <FlexRow>\n            <MenuIcon icon={icon} paddingRight={resolvedIconMenuTextSpacing} color={hovered ? 'secondary' : 'inherit'} />\n            <ListItemText primary={primary} />\n          </FlexRow>\n        </LinkEx>\n        <FlexRow style={{ marginLeft: theme.spacing(1) }}>\n          {subNavListItems ? <SubNavToggleIconButton setOpenSubNav={setOpenSubNav} openSubNav={openSubNav} /> : null}\n          {tooltip ? <ListItemTooltip title={tooltip} /> : null}\n        </FlexRow>\n      </MenuListItem>\n      {subNavListItems ? (\n        <SubNavListItemsCollapse openSubNav={openSubNav} collapse={collapse}>\n          {subNavListItems?.map((item, index) => <MenuListItemContainer dense={dense} sx={{ pl: theme.spacing(1) }} key={index} {...item} />)}\n        </SubNavListItemsCollapse>\n      ) : null}\n    </>\n  )\n}\n"],"mappings":"AAsCI,mBAuBQ,KADF,YAtBN;AAtCJ,SAAwB,cAAc,gBAAgB;AACtD,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AAEzB,SAAS,sBAAsB;AAE/B,SAAS,iBAAiB,UAAU,oBAAoB;AACxD,SAAS,yBAAyB,8BAA8B;AASzD,MAAM,wBAAqD,CAAC;AAAA,EACjE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,SAAS,IAAI,eAAe;AACpC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,8BAA8B,sBAAsB,sBAAsB,MAAM,QAAQ,CAAC;AAE/F,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,gBAAc;AAAA,QACd;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,IAAI,EAAE,gBAAgB,iBAAiB,GAAG,GAAG;AAAA,QAC7C,OAAO,EAAE,YAAY,UAAU,GAAG,MAAM;AAAA,QACvC,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,cAAc,MAAM,WAAW,IAAI;AAAA,cACnC,cAAc,MAAM,WAAW,KAAK;AAAA,cACpC,OAAM;AAAA,cACN;AAAA,cACA,IAAI;AAAA,gBACF,YAAY;AAAA,kBACV,QAAQ;AAAA,kBACR,gBAAgB;AAAA,gBAClB;AAAA,cACF;AAAA,cAEA,+BAAC,WACC;AAAA,oCAAC,YAAS,MAAY,cAAc,6BAA6B,OAAO,UAAU,cAAc,WAAW;AAAA,gBAC3G,oBAAC,gBAAa,SAAkB;AAAA,iBAClC;AAAA;AAAA,UACF;AAAA,UACA,qBAAC,WAAQ,OAAO,EAAE,YAAY,MAAM,QAAQ,CAAC,EAAE,GAC5C;AAAA,8BAAkB,oBAAC,0BAAuB,eAA8B,YAAwB,IAAK;AAAA,YACrG,UAAU,oBAAC,mBAAgB,OAAO,SAAS,IAAK;AAAA,aACnD;AAAA;AAAA;AAAA,IACF;AAAA,IACC,kBACC,oBAAC,2BAAwB,YAAwB,UAC9C,2BAAiB,IAAI,CAAC,MAAM,UAAU,oBAAC,yBAAsB,OAAc,IAAI,EAAE,IAAI,MAAM,QAAQ,CAAC,EAAE,GAAgB,GAAG,QAAX,KAAiB,CAAE,GACpI,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/browser/components/SiteMenu/MenuListItem/MenuListItemContainer.stories.js

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { List } from "@mui/material";
+import { FaGlobeAmericas } from "react-icons/fa/index.js";
+import { BrowserRouter } from "react-router-dom";
+import { MenuListItemContainer } from "./MenuListItemContainer";
+const StorybookEntry = {
+  argTypes: {},
+  component: MenuListItemContainer,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "appbar/MenuListItemContainer"
+};
+const SiteMenuList = (args) => {
+  return /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsxs(List, { children: [
+    /* @__PURE__ */ jsx(MenuListItemContainer, { ...args }),
+    /* @__PURE__ */ jsx(MenuListItemContainer, { ...args }),
+    /* @__PURE__ */ jsx(MenuListItemContainer, { ...args })
+  ] }) });
+};
+const Template = (args) => {
+  return /* @__PURE__ */ jsx(SiteMenuList, { ...args });
+};
+const Default = Template.bind({});
+Default.args = {
+  dense: true,
+  icon: /* @__PURE__ */ jsx(FaGlobeAmericas, {}),
+  primary: "Explore",
+  tooltip: "View global archivist data on a world map."
+};
+const WithChildren = Template.bind({});
+WithChildren.args = {
+  icon: /* @__PURE__ */ jsx(FaGlobeAmericas, {}),
+  primary: "Explore",
+  subNavListItems: [{ primary: "Explore", to: "/explore", tooltip: "View global archivist data on a world map." }],
+  tooltip: "View global archivist data on a world map."
+};
+var MenuListItemContainer_stories_default = StorybookEntry;
+export {
+  Default,
+  WithChildren,
+  MenuListItemContainer_stories_default as default
+};
+//# sourceMappingURL=MenuListItemContainer.stories.js.map

package/dist/browser/components/SiteMenu/MenuListItem/MenuListItemContainer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.stories.tsx"],"sourcesContent":["import { List } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FaGlobeAmericas } from 'react-icons/fa/index.js'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { MenuListItemContainer, MenuListItemProps } from './MenuListItemContainer'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: MenuListItemContainer,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'appbar/MenuListItemContainer',\n} as Meta<typeof MenuListItemContainer>\n\nconst SiteMenuList: React.FC<MenuListItemProps> = (args) => {\n  return (\n    <BrowserRouter>\n      <List>\n        <MenuListItemContainer {...args} />\n        <MenuListItemContainer {...args} />\n        <MenuListItemContainer {...args} />\n      </List>\n    </BrowserRouter>\n  )\n}\n\nconst Template: StoryFn<typeof MenuListItemContainer> = (args) => {\n  return <SiteMenuList {...args} />\n}\n\nconst Default = Template.bind({})\nDefault.args = {\n  dense: true,\n  icon: <FaGlobeAmericas />,\n  primary: 'Explore',\n  tooltip: 'View global archivist data on a world map.',\n}\n\nconst WithChildren = Template.bind({})\nWithChildren.args = {\n  icon: <FaGlobeAmericas />,\n  primary: 'Explore',\n  subNavListItems: [{ primary: 'Explore', to: '/explore', tooltip: 'View global archivist data on a world map.' }],\n  tooltip: 'View global archivist data on a world map.',\n}\n\nexport { Default, WithChildren }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAqBM,SACE,KADF;AArBN,SAAS,YAAY;AAErB,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAE9B,SAAS,6BAAgD;AAEzD,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,eAA4C,CAAC,SAAS;AAC1D,SACE,oBAAC,iBACC,+BAAC,QACC;AAAA,wBAAC,yBAAuB,GAAG,MAAM;AAAA,IACjC,oBAAC,yBAAuB,GAAG,MAAM;AAAA,IACjC,oBAAC,yBAAuB,GAAG,MAAM;AAAA,KACnC,GACF;AAEJ;AAEA,MAAM,WAAkD,CAAC,SAAS;AAChE,SAAO,oBAAC,gBAAc,GAAG,MAAM;AACjC;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO;AAAA,EACb,OAAO;AAAA,EACP,MAAM,oBAAC,mBAAgB;AAAA,EACvB,SAAS;AAAA,EACT,SAAS;AACX;AAEA,MAAM,eAAe,SAAS,KAAK,CAAC,CAAC;AACrC,aAAa,OAAO;AAAA,EAClB,MAAM,oBAAC,mBAAgB;AAAA,EACvB,SAAS;AAAA,EACT,iBAAiB,CAAC,EAAE,SAAS,WAAW,IAAI,YAAY,SAAS,6CAA6C,CAAC;AAAA,EAC/G,SAAS;AACX;AAKA,IAAO,wCAAQ;","names":[]}

package/dist/browser/components/SiteMenu/MenuListItem/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/index.js

@@ -0,0 +1,2 @@
+export * from "./MenuListItemContainer";
+//# sourceMappingURL=index.js.map

package/dist/browser/components/SiteMenu/MenuListItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/SiteMenu/MenuListItem/index.ts"],"sourcesContent":["export * from './MenuListItemContainer'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAA;AAIrD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAW1D,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAA;AAIrD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAW1D,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { VscInfo } from "react-icons/vsc/index.js";
+const ListItemTooltip = ({ title, ...props }) => {
+  return /* @__PURE__ */ jsx(Tooltip, { title, placement: "right", ...props, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(FlexCol, { justifyContent: "center", children: /* @__PURE__ */ jsx(VscInfo, { color: "grey" }) }) }) });
+};
+export {
+  ListItemTooltip
+};
+//# sourceMappingURL=ListItemTooltip.js.map

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx"],"sourcesContent":["import { Tooltip, TooltipProps } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { VscInfo } from 'react-icons/vsc/index.js'\n\nexport interface ListItemTooltipProps extends Omit<TooltipProps, 'children'> {\n  title: string\n}\n\nexport const ListItemTooltip: React.FC<ListItemTooltipProps> = ({ title, ...props }) => {\n  return (\n    <Tooltip title={title} placement=\"right\" {...props}>\n      {/* Needs div so it can work, the hovering doesn't work with a FlexCol */}\n      <div>\n        <FlexCol justifyContent=\"center\">\n          <VscInfo color=\"grey\" />\n        </FlexCol>\n      </div>\n    </Tooltip>\n  )\n}\n"],"mappings":"AAcU;AAdV,SAAS,eAA6B;AACtC,SAAS,eAAe;AACxB,SAAS,eAAe;AAMjB,MAAM,kBAAkD,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AACtF,SACE,oBAAC,WAAQ,OAAc,WAAU,SAAS,GAAG,OAE3C,8BAAC,SACC,8BAAC,WAAQ,gBAAe,UACtB,8BAAC,WAAQ,OAAM,QAAO,GACxB,GACF,GACF;AAEJ;","names":[]}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM5C,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM5C,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+const MenuIcon = ({ icon, ...props }) => {
+  return /* @__PURE__ */ jsx(Typography, { display: "flex", ...props, children: icon });
+};
+export {
+  MenuIcon
+};
+//# sourceMappingURL=MenuIcon.js.map

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.tsx"],"sourcesContent":["import { Typography, TypographyProps } from '@mui/material'\nimport { ReactNode } from 'react'\n\nexport interface MenuIconProps extends TypographyProps {\n  icon?: ReactNode\n}\n\nexport const MenuIcon: React.FC<MenuIconProps> = ({ icon, ...props }) => {\n  return (\n    <Typography display=\"flex\" {...props}>\n      {icon}\n    </Typography>\n  )\n}\n"],"mappings":"AASI;AATJ,SAAS,kBAAmC;AAOrC,MAAM,WAAoC,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AACvE,SACE,oBAAC,cAAW,SAAQ,QAAQ,GAAG,OAC5B,gBACH;AAEJ;","names":[]}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,WAAW,eAAgB,SAAQ,gBAAgB,EAAE,aAAa;CAAG;AAE3E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAWlD,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuListItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,WAAW,eAAgB,SAAQ,gBAAgB,EAAE,aAAa;CAAG;AAE3E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAWlD,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { ListItem } from "@mui/material";
+const MenuListItem = ({ iconOnly, collapseEnd, sx, children, dense, ...props }) => {
+  const listItemSx = iconOnly ? { borderRadius: "50%", display: "inline-flex", flexGrow: 0, width: "auto" } : { width: "100%" };
+  const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 };
+  const paddingSx = dense ? { px: "8px" } : { px: "12px" };
+  return /* @__PURE__ */ jsx(ListItem, { sx: { ...listItemSx, ...spacingSx, ...paddingSx, ...sx }, ...props, children });
+};
+export {
+  MenuListItem
+};
+//# sourceMappingURL=MenuListItem.js.map

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx"],"sourcesContent":["import { ListItem, ListItemProps } from '@mui/material'\n\nimport { MenuListItemBase } from '../../lib'\n\nexport interface ListItemExProps extends MenuListItemBase, ListItemProps {}\n\nexport const MenuListItem: React.FC<ListItemExProps> = ({ iconOnly, collapseEnd, sx, children, dense, ...props }) => {\n  const listItemSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex', flexGrow: 0, width: 'auto' } : { width: '100%' }\n  // wait till collapseEnds to remove the spacing between items\n  const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 }\n  // adjusts to the paddingY value which does NOT scale along the theme.spacing\n  const paddingSx = dense ? { px: '8px' } : { px: '12px' }\n  return (\n    <ListItem sx={{ ...listItemSx, ...spacingSx, ...paddingSx, ...sx }} {...props}>\n      {children}\n    </ListItem>\n  )\n}\n"],"mappings":"AAaI;AAbJ,SAAS,gBAA+B;AAMjC,MAAM,eAA0C,CAAC,EAAE,UAAU,aAAa,IAAI,UAAU,OAAO,GAAG,MAAM,MAAM;AACnH,QAAM,aAAa,WAAW,EAAE,cAAc,OAAO,SAAS,eAAe,UAAU,GAAG,OAAO,OAAO,IAAI,EAAE,OAAO,OAAO;AAE5H,QAAM,YAAY,cAAc,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI;AAEpE,QAAM,YAAY,QAAQ,EAAE,IAAI,MAAM,IAAI,EAAE,IAAI,OAAO;AACvD,SACE,oBAAC,YAAS,IAAI,EAAE,GAAG,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,GAAG,GAAI,GAAG,OACrE,UACH;AAEJ;","names":[]}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/index.js

@@ -0,0 +1,4 @@
+export * from "./ListItemTooltip";
+export * from "./MenuIcon";
+export * from "./MenuListItem";
+//# sourceMappingURL=index.js.map

package/dist/browser/components/SiteMenu/MenuListItem/list-item-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/index.ts"],"sourcesContent":["export * from './ListItemTooltip'\nexport * from './MenuIcon'\nexport * from './MenuListItem'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubNavListItemCollapse.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAQ,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,WAAW,4BAA6B,SAAQ,YAAY,EAAE,aAAa;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAA;CACrC;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAM1E,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubNavListItemCollapse.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAQ,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,WAAW,4BAA6B,SAAQ,YAAY,EAAE,aAAa;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAA;CACrC;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAM1E,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { Collapse, List } from "@mui/material";
+const SubNavListItemsCollapse = ({ collapse, openSubNav, children, ...props }) => {
+  return /* @__PURE__ */ jsx(Collapse, { in: collapse == true ? false : openSubNav, ...props, children: /* @__PURE__ */ jsx(List, { children }) });
+};
+export {
+  SubNavListItemsCollapse
+};
+//# sourceMappingURL=SubNavListItemCollapse.js.map

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx"],"sourcesContent":["import { Collapse, CollapseProps, List } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { NavListItemProps } from '../../lib'\n\nexport interface SubNavListItemsCollapseProps extends WithChildren, CollapseProps {\n  collapse?: boolean\n  openSubNav?: boolean\n  subNavListItems?: NavListItemProps[]\n}\n\nexport const SubNavListItemsCollapse: React.FC<SubNavListItemsCollapseProps> = ({ collapse, openSubNav, children, ...props }) => {\n  return (\n    <Collapse in={collapse == true ? false : openSubNav} {...props}>\n      <List>{children}</List>\n    </Collapse>\n  )\n}\n"],"mappings":"AAcM;AAdN,SAAS,UAAyB,YAAY;AAWvC,MAAM,0BAAkE,CAAC,EAAE,UAAU,YAAY,UAAU,GAAG,MAAM,MAAM;AAC/H,SACE,oBAAC,YAAS,IAAI,YAAY,OAAO,QAAQ,YAAa,GAAG,OACvD,8BAAC,QAAM,UAAS,GAClB;AAEJ;","names":[]}

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubNavToggleIconButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAY,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAA;AAGhE,MAAM,WAAW,2BAA4B,SAAQ,eAAe;IAClE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAaxE,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubNavToggleIconButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAY,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAA;AAGhE,MAAM,WAAW,2BAA4B,SAAQ,eAAe;IAClE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAaxE,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import { IconButton, useTheme } from "@mui/material";
+import { VscChevronDown } from "react-icons/vsc/index.js";
+const SubNavToggleIconButton = ({ setOpenSubNav, openSubNav }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      onClick: (event) => {
+        event.stopPropagation();
+        setOpenSubNav?.(!openSubNav);
+      },
+      sx: { marginRight: theme.spacing(0.5) },
+      children: /* @__PURE__ */ jsx(VscChevronDown, { fontSize: "16px" })
+    }
+  );
+};
+export {
+  SubNavToggleIconButton
+};
+//# sourceMappingURL=SubNavToggleIconButton.js.map

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx"],"sourcesContent":["import { IconButton, IconButtonProps, useTheme } from '@mui/material'\nimport { Dispatch, SetStateAction, SyntheticEvent } from 'react'\nimport { VscChevronDown } from 'react-icons/vsc/index.js'\n\nexport interface SubNavToggleIconButtonProps extends IconButtonProps {\n  openSubNav?: boolean\n  setOpenSubNav?: Dispatch<SetStateAction<boolean>>\n}\n\nexport const SubNavToggleIconButton: React.FC<SubNavToggleIconButtonProps> = ({ setOpenSubNav, openSubNav }) => {\n  const theme = useTheme()\n  return (\n    <IconButton\n      onClick={(event: SyntheticEvent) => {\n        event.stopPropagation()\n        setOpenSubNav?.(!openSubNav)\n      }}\n      sx={{ marginRight: theme.spacing(0.5) }}\n    >\n      <VscChevronDown fontSize=\"16px\" />\n    </IconButton>\n  )\n}\n"],"mappings":"AAmBM;AAnBN,SAAS,YAA6B,gBAAgB;AAEtD,SAAS,sBAAsB;AAOxB,MAAM,yBAAgE,CAAC,EAAE,eAAe,WAAW,MAAM;AAC9G,QAAM,QAAQ,SAAS;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,UAA0B;AAClC,cAAM,gBAAgB;AACtB,wBAAgB,CAAC,UAAU;AAAA,MAC7B;AAAA,MACA,IAAI,EAAE,aAAa,MAAM,QAAQ,GAAG,EAAE;AAAA,MAEtC,8BAAC,kBAAe,UAAS,QAAO;AAAA;AAAA,EAClC;AAEJ;","names":[]}

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/index.js

@@ -0,0 +1,3 @@
+export * from "./SubNavListItemCollapse";
+export * from "./SubNavToggleIconButton";
+//# sourceMappingURL=index.js.map

package/dist/browser/components/SiteMenu/MenuListItem/sub-nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/index.ts"],"sourcesContent":["export * from './SubNavListItemCollapse'\nexport * from './SubNavToggleIconButton'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/components/SiteMenu/MenuSection.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSection.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAyB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEzE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAA"}

package/dist/browser/components/SiteMenu/MenuSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSection.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAyB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEzE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAA"}

package/dist/browser/components/SiteMenu/MenuSection.js

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Collapse, ListSubheader } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { MenuListItemContainer } from "./MenuListItem";
+const MenuSection = ({ iconMenuTextSpacing, listItems, showTitle = true, title, ...props }) => {
+  return /* @__PURE__ */ jsxs(FlexCol, { alignItems: "stretch", ...props, children: [
+    /* @__PURE__ */ jsx(Collapse, { in: showTitle, timeout: 700, children: /* @__PURE__ */ jsx(ListSubheader, { children: title }) }),
+    listItems.map((item, index) => /* @__PURE__ */ jsx(MenuListItemContainer, { iconMenuTextSpacing, ...item }, index))
+  ] });
+};
+export {
+  MenuSection
+};
+//# sourceMappingURL=MenuSection.js.map

package/dist/browser/components/SiteMenu/MenuSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"sourcesContent":["import { Collapse, ListSubheader } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nimport { MenuListItemContainer, MenuListItemProps } from './MenuListItem'\n\nexport interface MenuSectionProps extends FlexBoxProps {\n  iconMenuTextSpacing?: string\n  listItems: MenuListItemProps[]\n  showTitle?: boolean\n  title: string\n}\n\nexport const MenuSection: React.FC<MenuSectionProps> = ({ iconMenuTextSpacing, listItems, showTitle = true, title, ...props }) => {\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Collapse in={showTitle} timeout={700}>\n        <ListSubheader>{title}</ListSubheader>\n      </Collapse>\n\n      {listItems.map((item, index) => (\n        <MenuListItemContainer key={index} iconMenuTextSpacing={iconMenuTextSpacing} {...item}></MenuListItemContainer>\n      ))}\n    </FlexCol>\n  )\n}\n"],"mappings":"AAcI,SAEI,KAFJ;AAdJ,SAAS,UAAU,qBAAqB;AACxC,SAAuB,eAAe;AAEtC,SAAS,6BAAgD;AASlD,MAAM,cAA0C,CAAC,EAAE,qBAAqB,WAAW,YAAY,MAAM,OAAO,GAAG,MAAM,MAAM;AAChI,SACE,qBAAC,WAAQ,YAAW,WAAW,GAAG,OAChC;AAAA,wBAAC,YAAS,IAAI,WAAW,SAAS,KAChC,8BAAC,iBAAe,iBAAM,GACxB;AAAA,IAEC,UAAU,IAAI,CAAC,MAAM,UACpB,oBAAC,yBAAkC,qBAA2C,GAAG,QAArD,KAA2D,CACxF;AAAA,KACH;AAEJ;","names":[]}