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

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

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var controls_exports = {};
+module.exports = __toCommonJS(controls_exports);
+__reExport(controls_exports, require("./SystemControl"), module.exports);
+__reExport(controls_exports, require("./SystemControlText"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./SystemControl"),
+  ...require("./SystemControlText")
+});
+//# sourceMappingURL=index.js.map

package/dist/node/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;AAAA;AAAA,6BAAc,4BAAd;AACA,6BAAc,gCADd;","names":[]}

package/dist/node/components/MobileSystemControls/controls/index.mjs

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

package/dist/node/components/MobileSystemControls/controls/index.mjs.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/node/components/MobileSystemControls/index.d.mts

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

package/dist/node/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/node/components/MobileSystemControls/index.d.ts

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

package/dist/node/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/node/components/MobileSystemControls/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MobileSystemControls_exports = {};
+module.exports = __toCommonJS(MobileSystemControls_exports);
+__reExport(MobileSystemControls_exports, require("./SystemControls"), module.exports);
+__reExport(MobileSystemControls_exports, require("./SystemControlsType"), module.exports);
+__reExport(MobileSystemControls_exports, require("./SystemControlsUnstyled"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./SystemControls"),
+  ...require("./SystemControlsType"),
+  ...require("./SystemControlsUnstyled")
+});
+//# sourceMappingURL=index.js.map

package/dist/node/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;AAAA;AAAA,yCAAc,6BAAd;AACA,yCAAc,iCADd;AAEA,yCAAc,qCAFd;","names":[]}

package/dist/node/components/MobileSystemControls/index.mjs

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

package/dist/node/components/MobileSystemControls/index.mjs.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/node/components/SearchBar/SearchBar.d.mts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface SearchBarProps extends FlexBoxProps {
+    onSearch?: (term?: string) => void;
+}
+export declare const SearchBar: React.FC<SearchBarProps>;
+//# sourceMappingURL=SearchBar.d.ts.map

package/dist/node/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/node/components/SearchBar/SearchBar.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface SearchBarProps extends FlexBoxProps {
+    onSearch?: (term?: string) => void;
+}
+export declare const SearchBar: React.FC<SearchBarProps>;
+//# sourceMappingURL=SearchBar.d.ts.map

package/dist/node/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/node/components/SearchBar/SearchBar.js

@@ -0,0 +1,55 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SearchBar_exports = {};
+__export(SearchBar_exports, {
+  SearchBar: () => SearchBar
+});
+module.exports = __toCommonJS(SearchBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react_button = require("@xylabs/react-button");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+const SearchBar = ({ defaultValue, onSearch, ...props }) => {
+  const [term, setTerm] = (0, import_react.useState)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { alignItems: "stretch", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Paper, { variant: "elevation", elevation: 0, style: { display: "flex", overflow: "hidden", width: "100%" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_material.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__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { variant: "contained", style: { borderRadius: 0, borderTopLeftRadius: 0 }, color: "secondary", onClick: () => onSearch?.(term), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Search, {}) })
+  ] }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SearchBar
+});
+//# sourceMappingURL=SearchBar.js.map

package/dist/node/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAeM;AAfN,4BAAqC;AACrC,sBAAiC;AACjC,0BAAyB;AACzB,2BAAsC;AACtC,mBAAyB;AAMlB,MAAM,YAAsC,CAAC,EAAE,cAAc,UAAU,GAAG,MAAM,MAAM;AAC3F,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAiB;AAEzC,SACE,4CAAC,gCAAQ,YAAW,WAAW,GAAG,OAChC,uDAAC,yBAAM,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,4CAAC,gCAAS,SAAQ,aAAY,OAAO,EAAE,cAAc,GAAG,qBAAqB,EAAE,GAAG,OAAM,aAAY,SAAS,MAAM,WAAW,IAAI,GAChI,sDAAC,sBAAAA,QAAA,EAAW,GACd;AAAA,KACF,GACF;AAEJ;","names":["SearchIcon"]}

package/dist/node/components/SearchBar/SearchBar.mjs

@@ -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.mjs.map

package/dist/node/components/SearchBar/SearchBar.mjs.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/node/components/SearchBar/index.d.mts

@@ -0,0 +1,2 @@
+export * from './SearchBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/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/node/components/SearchBar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SearchBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/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/node/components/SearchBar/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SearchBar_exports = {};
+module.exports = __toCommonJS(SearchBar_exports);
+__reExport(SearchBar_exports, require("./SearchBar"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./SearchBar")
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/node/components/SearchBar/index.mjs

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

package/dist/node/components/SearchBar/index.mjs.map

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

package/dist/node/components/SiteMenu/Menu.d.mts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface SiteMenuProps extends FlexBoxProps {
+    hideSettingsMenuItem?: boolean;
+    onMenuToggle?: (state?: boolean) => void;
+    side?: 'left' | 'right' | 'top' | 'bottom';
+}
+export declare const SiteMenu: React.FC<SiteMenuProps>;
+//# sourceMappingURL=Menu.d.ts.map

package/dist/node/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/node/components/SiteMenu/Menu.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface SiteMenuProps extends FlexBoxProps {
+    hideSettingsMenuItem?: boolean;
+    onMenuToggle?: (state?: boolean) => void;
+    side?: 'left' | 'right' | 'top' | 'bottom';
+}
+export declare const SiteMenu: React.FC<SiteMenuProps>;
+//# sourceMappingURL=Menu.d.ts.map

package/dist/node/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/node/components/SiteMenu/Menu.js

@@ -0,0 +1,65 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Menu_exports = {};
+__export(Menu_exports, {
+  SiteMenu: () => SiteMenu
+});
+module.exports = __toCommonJS(Menu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icons_material = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+var import_MenuListItem = require("./MenuListItem");
+const SiteMenu = ({ children, onMenuToggle, side = "right", ...props }) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    onMenuToggle?.(open);
+  }, [onMenuToggle, open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { alignItems: "stretch", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_material.IconButton,
+      {
+        size: "small",
+        color: "inherit",
+        onClick: () => {
+          setOpen(!open);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Menu, { fontSize: "large" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_material.SwipeableDrawer,
+      {
+        anchor: side,
+        open,
+        onClick: () => setOpen(false),
+        onKeyDown: () => setOpen(false),
+        onClose: () => setOpen(false),
+        onOpen: () => setOpen(true),
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.List, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuListItem.MenuListItemContainer, { primary: "Settings", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Settings, {}), to: "/settings" }) })
+      }
+    )
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SiteMenu
+});
+//# sourceMappingURL=Menu.js.map

package/dist/node/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AArBJ,4BAA2D;AAC3D,sBAAkD;AAClD,2BAAsC;AACtC,mBAAoC;AAEpC,0BAAsC;AAQ/B,MAAM,WAAoC,CAAC,EAAE,UAAU,cAAc,OAAO,SAAS,GAAG,MAAM,MAAM;AACzG,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,8BAAU,MAAM;AACd,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,cAAc,IAAI,CAAC;AAEvB,SACE,6CAAC,gCAAQ,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,sDAAC,sBAAAA,MAAA,EAAS,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,4CAAC,wBACC,sDAAC,6CAAsB,SAAQ,YAAW,MAAM,4CAAC,sBAAAC,UAAA,EAAa,GAAI,IAAG,aAAY,GACnF;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;","names":["MenuIcon","SettingsIcon"]}

package/dist/node/components/SiteMenu/Menu.mjs

@@ -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.mjs.map

package/dist/node/components/SiteMenu/Menu.mjs.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/node/components/SiteMenu/MenuListItem/MenuListItemContainer.d.mts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ListItemProps } from '@mui/material';
+import { MenuListItemBase, NavListItemProps } from '../lib';
+export interface MenuListItemProps extends NavListItemProps, MenuListItemBase, ListItemProps {
+    iconMenuTextSpacing?: string;
+    iconOnly?: boolean;
+    subNavListItems?: NavListItemProps[];
+    subNavOpen?: boolean;
+}
+export declare const MenuListItemContainer: React.FC<MenuListItemProps>;
+//# sourceMappingURL=MenuListItemContainer.d.ts.map

package/dist/node/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/node/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ListItemProps } from '@mui/material';
+import { MenuListItemBase, NavListItemProps } from '../lib';
+export interface MenuListItemProps extends NavListItemProps, MenuListItemBase, ListItemProps {
+    iconMenuTextSpacing?: string;
+    iconOnly?: boolean;
+    subNavListItems?: NavListItemProps[];
+    subNavOpen?: boolean;
+}
+export declare const MenuListItemContainer: React.FC<MenuListItemProps>;
+//# sourceMappingURL=MenuListItemContainer.d.ts.map

package/dist/node/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/node/components/SiteMenu/MenuListItem/MenuListItemContainer.js

@@ -0,0 +1,96 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MenuListItemContainer_exports = {};
+__export(MenuListItemContainer_exports, {
+  MenuListItemContainer: () => MenuListItemContainer
+});
+module.exports = __toCommonJS(MenuListItemContainer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_link = require("@xylabs/react-link");
+var import_react = require("react");
+var import_contexts = require("../../../contexts");
+var import_list_item_components = require("./list-item-components");
+var import_sub_nav = require("./sub-nav");
+const MenuListItemContainer = ({
+  style,
+  icon,
+  iconMenuTextSpacing,
+  iconOnly,
+  onButtonClick,
+  primary,
+  subNavListItems,
+  sx,
+  tooltip,
+  to,
+  ...props
+}) => {
+  const { dense } = props;
+  const theme = (0, import_material.useTheme)();
+  const { collapse } = (0, import_contexts.useCollapsible)();
+  const [openSubNav, setOpenSubNav] = (0, import_react.useState)(false);
+  const [hovered, setHovered] = (0, import_react.useState)(false);
+  const resolvedIconMenuTextSpacing = iconMenuTextSpacing ? iconMenuTextSpacing : theme.spacing(1);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_list_item_components.MenuListItem,
+      {
+        disableGutters: true,
+        iconOnly,
+        onClick: onButtonClick,
+        dense,
+        sx: { justifyContent: "space-between", ...sx },
+        style: { whiteSpace: "nowrap", ...style },
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react_link.LinkEx,
+            {
+              onMouseEnter: () => setHovered(true),
+              onMouseLeave: () => setHovered(false),
+              color: "inherit",
+              to,
+              sx: {
+                "& :hover": {
+                  cursor: "pointer",
+                  textDecoration: "underline"
+                }
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_list_item_components.MenuIcon, { icon, paddingRight: resolvedIconMenuTextSpacing, color: hovered ? "secondary" : "inherit" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItemText, { primary })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { style: { marginLeft: theme.spacing(1) }, children: [
+            subNavListItems ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sub_nav.SubNavToggleIconButton, { setOpenSubNav, openSubNav }) : null,
+            tooltip ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_list_item_components.ListItemTooltip, { title: tooltip }) : null
+          ] })
+        ]
+      }
+    ),
+    subNavListItems ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sub_nav.SubNavListItemsCollapse, { openSubNav, collapse, children: subNavListItems?.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuListItemContainer, { dense, sx: { pl: theme.spacing(1) }, ...item }, index)) }) : null
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MenuListItemContainer
+});
+//# sourceMappingURL=MenuListItemContainer.js.map

package/dist/node/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCI;AAtCJ,sBAAsD;AACtD,2BAAwB;AACxB,wBAAuB;AACvB,mBAAyB;AAEzB,sBAA+B;AAE/B,kCAAwD;AACxD,qBAAgE;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,YAAQ,0BAAS;AACvB,QAAM,EAAE,SAAS,QAAI,gCAAe;AACpC,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,8BAA8B,sBAAsB,sBAAsB,MAAM,QAAQ,CAAC;AAE/F,SACE,4EACE;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,uDAAC,gCACC;AAAA,4DAAC,wCAAS,MAAY,cAAc,6BAA6B,OAAO,UAAU,cAAc,WAAW;AAAA,gBAC3G,4CAAC,gCAAa,SAAkB;AAAA,iBAClC;AAAA;AAAA,UACF;AAAA,UACA,6CAAC,gCAAQ,OAAO,EAAE,YAAY,MAAM,QAAQ,CAAC,EAAE,GAC5C;AAAA,8BAAkB,4CAAC,yCAAuB,eAA8B,YAAwB,IAAK;AAAA,YACrG,UAAU,4CAAC,+CAAgB,OAAO,SAAS,IAAK;AAAA,aACnD;AAAA;AAAA;AAAA,IACF;AAAA,IACC,kBACC,4CAAC,0CAAwB,YAAwB,UAC9C,2BAAiB,IAAI,CAAC,MAAM,UAAU,4CAAC,yBAAsB,OAAc,IAAI,EAAE,IAAI,MAAM,QAAQ,CAAC,EAAE,GAAgB,GAAG,QAAX,KAAiB,CAAE,GACpI,IACE;AAAA,KACN;AAEJ;","names":[]}