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

package/dist/node/components/CollapsibleDrawer/CollapsibleDrawer.js

@@ -0,0 +1,59 @@
+"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 CollapsibleDrawer_exports = {};
+__export(CollapsibleDrawer_exports, {
+  CollapsibleDrawer: () => CollapsibleDrawer
+});
+module.exports = __toCommonJS(CollapsibleDrawer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_contexts = require("../../contexts");
+const CollapsibleDrawer = ({ children, sx, ...props }) => {
+  const { collapse, setCollapseEnd } = (0, import_contexts.useCollapsible)();
+  const theme = (0, import_material.useTheme)();
+  const collapsedSize = props.collapsedSize ?? theme.spacing(5);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    CollapsibleFlexInner,
+    {
+      in: !collapse,
+      orientation: "horizontal",
+      collapsedSize,
+      onExited: () => setCollapseEnd?.(true),
+      sx: {
+        alignItems: "start",
+        display: "flex",
+        height: "100%",
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+};
+const CollapsibleFlexInner = (0, import_material.styled)(import_material.Collapse)(() => ({
+  "& .MuiCollapse-wrapperInner": {
+    display: "flex",
+    flexDirection: "column"
+  }
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CollapsibleDrawer
+});
+//# sourceMappingURL=CollapsibleDrawer.js.map

package/dist/node/components/CollapsibleDrawer/CollapsibleDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"sourcesContent":["import { Collapse, CollapseProps, styled, useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapsibleDrawer: React.FC<WithChildren<CollapseProps>> = ({ children, sx, ...props }) => {\n  const { collapse, setCollapseEnd } = useCollapsible()\n  const theme = useTheme()\n\n  const collapsedSize = props.collapsedSize ?? theme.spacing(5)\n\n  return (\n    <CollapsibleFlexInner\n      in={!collapse}\n      orientation=\"horizontal\"\n      collapsedSize={collapsedSize}\n      onExited={() => setCollapseEnd?.(true)}\n      sx={{\n        alignItems: 'start',\n        display: 'flex',\n        height: '100%',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </CollapsibleFlexInner>\n  )\n}\n\nconst CollapsibleFlexInner = styled(Collapse)(() => ({\n  '& .MuiCollapse-wrapperInner': {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n}))\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYI;AAZJ,sBAA0D;AAG1D,sBAA+B;AAExB,MAAM,oBAA2D,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,MAAM;AACtG,QAAM,EAAE,UAAU,eAAe,QAAI,gCAAe;AACpD,QAAM,YAAQ,0BAAS;AAEvB,QAAM,gBAAgB,MAAM,iBAAiB,MAAM,QAAQ,CAAC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,CAAC;AAAA,MACL,aAAY;AAAA,MACZ;AAAA,MACA,UAAU,MAAM,iBAAiB,IAAI;AAAA,MACrC,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,MAAM,2BAAuB,wBAAO,wBAAQ,EAAE,OAAO;AAAA,EACnD,+BAA+B;AAAA,IAC7B,SAAS;AAAA,IACT,eAAe;AAAA,EACjB;AACF,EAAE;","names":[]}

package/dist/node/components/CollapsibleDrawer/CollapsibleDrawer.mjs

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { Collapse, styled, useTheme } from "@mui/material";
+import { useCollapsible } from "../../contexts";
+const CollapsibleDrawer = ({ children, sx, ...props }) => {
+  const { collapse, setCollapseEnd } = useCollapsible();
+  const theme = useTheme();
+  const collapsedSize = props.collapsedSize ?? theme.spacing(5);
+  return /* @__PURE__ */ jsx(
+    CollapsibleFlexInner,
+    {
+      in: !collapse,
+      orientation: "horizontal",
+      collapsedSize,
+      onExited: () => setCollapseEnd?.(true),
+      sx: {
+        alignItems: "start",
+        display: "flex",
+        height: "100%",
+        ...sx
+      },
+      ...props,
+      children
+    }
+  );
+};
+const CollapsibleFlexInner = styled(Collapse)(() => ({
+  "& .MuiCollapse-wrapperInner": {
+    display: "flex",
+    flexDirection: "column"
+  }
+}));
+export {
+  CollapsibleDrawer
+};
+//# sourceMappingURL=CollapsibleDrawer.mjs.map

package/dist/node/components/CollapsibleDrawer/CollapsibleDrawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"sourcesContent":["import { Collapse, CollapseProps, styled, useTheme } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapsibleDrawer: React.FC<WithChildren<CollapseProps>> = ({ children, sx, ...props }) => {\n  const { collapse, setCollapseEnd } = useCollapsible()\n  const theme = useTheme()\n\n  const collapsedSize = props.collapsedSize ?? theme.spacing(5)\n\n  return (\n    <CollapsibleFlexInner\n      in={!collapse}\n      orientation=\"horizontal\"\n      collapsedSize={collapsedSize}\n      onExited={() => setCollapseEnd?.(true)}\n      sx={{\n        alignItems: 'start',\n        display: 'flex',\n        height: '100%',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </CollapsibleFlexInner>\n  )\n}\n\nconst CollapsibleFlexInner = styled(Collapse)(() => ({\n  '& .MuiCollapse-wrapperInner': {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n}))\n"],"mappings":"AAYI;AAZJ,SAAS,UAAyB,QAAQ,gBAAgB;AAG1D,SAAS,sBAAsB;AAExB,MAAM,oBAA2D,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,MAAM;AACtG,QAAM,EAAE,UAAU,eAAe,IAAI,eAAe;AACpD,QAAM,QAAQ,SAAS;AAEvB,QAAM,gBAAgB,MAAM,iBAAiB,MAAM,QAAQ,CAAC;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,CAAC;AAAA,MACL,aAAY;AAAA,MACZ;AAAA,MACA,UAAU,MAAM,iBAAiB,IAAI;AAAA,MACrC,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,MAAM,uBAAuB,OAAO,QAAQ,EAAE,OAAO;AAAA,EACnD,+BAA+B;AAAA,IAC7B,SAAS;AAAA,IACT,eAAe;AAAA,EACjB;AACF,EAAE;","names":[]}

package/dist/node/components/CollapsibleDrawer/index.d.mts

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

package/dist/node/components/CollapsibleDrawer/index.d.mts.map

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

package/dist/node/components/CollapsibleDrawer/index.d.ts

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

package/dist/node/components/CollapsibleDrawer/index.d.ts.map

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

package/dist/node/components/CollapsibleDrawer/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 CollapsibleDrawer_exports = {};
+module.exports = __toCommonJS(CollapsibleDrawer_exports);
+__reExport(CollapsibleDrawer_exports, require("./CollapseToggle"), module.exports);
+__reExport(CollapsibleDrawer_exports, require("./CollapsibleDrawer"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./CollapseToggle"),
+  ...require("./CollapsibleDrawer")
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/index.ts"],"sourcesContent":["export * from './CollapseToggle'\nexport * from './CollapsibleDrawer'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,sCAAc,6BAAd;AACA,sCAAc,gCADd;","names":[]}

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

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

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

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

package/dist/node/components/CollapsibleDrawer/storyExampleMenuData.d.mts

@@ -0,0 +1,4 @@
+import { MenuListItemProps } from '../SiteMenu';
+export declare const menuDataTop: MenuListItemProps[];
+export declare const menuDataBottom: MenuListItemProps[];
+//# sourceMappingURL=storyExampleMenuData.d.ts.map

package/dist/node/components/CollapsibleDrawer/storyExampleMenuData.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyExampleMenuData.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,eAAO,MAAM,WAAW,EAAE,iBAAiB,EAoC1C,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,EAyB7C,CAAA"}

package/dist/node/components/CollapsibleDrawer/storyExampleMenuData.d.ts

@@ -0,0 +1,4 @@
+import { MenuListItemProps } from '../SiteMenu';
+export declare const menuDataTop: MenuListItemProps[];
+export declare const menuDataBottom: MenuListItemProps[];
+//# sourceMappingURL=storyExampleMenuData.d.ts.map

package/dist/node/components/CollapsibleDrawer/storyExampleMenuData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyExampleMenuData.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,eAAO,MAAM,WAAW,EAAE,iBAAiB,EAoC1C,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,iBAAiB,EAyB7C,CAAA"}

package/dist/node/components/CollapsibleDrawer/storyExampleMenuData.js

@@ -0,0 +1,95 @@
+"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 storyExampleMenuData_exports = {};
+__export(storyExampleMenuData_exports, {
+  menuDataBottom: () => menuDataBottom,
+  menuDataTop: () => menuDataTop
+});
+module.exports = __toCommonJS(storyExampleMenuData_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_vsc = require("react-icons/vsc/index.js");
+const menuDataTop = [
+  {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscGlobe, { fontSize: "body1" }),
+    primary: "Explore",
+    to: "",
+    tooltip: "View global archivist data on a world map."
+  },
+  {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscSymbolMethod, { fontSize: "body1" }),
+    primary: "Blocks",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  },
+  {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscSymbolNamespace, { fontSize: "body1" }),
+    primary: "Payloads",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  },
+  {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscGraph, { fontSize: "body1" }),
+    primary: "Queries",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  },
+  {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscServer, { fontSize: "body1" }),
+    primary: "Archives",
+    subNavListItems: [
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscDashboard, { fontSize: "body2" }), primary: "Dashboard", to: "", tooltip: "View data for all archives on this network." },
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscAdd, { fontSize: "body2" }), primary: "Create Archive", to: "", tooltip: "Create a new archive on this network." },
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscTable, { fontSize: "body2" }), primary: "Archive Table", to: "", tooltip: "View all archives on this network as a table." }
+    ],
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  }
+];
+const menuDataBottom = [
+  {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscGraphLine, { fontSize: "body1" }),
+    primary: "Statistics",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  },
+  {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscJson, { fontSize: "body1" }),
+    primary: "Schema",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  },
+  {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscAccount, { fontSize: "body1" }),
+    primary: "Account",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  },
+  {
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_vsc.VscSettingsGear, { fontSize: "body1" }),
+    primary: "Settings",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  }
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  menuDataBottom,
+  menuDataTop
+});
+//# sourceMappingURL=storyExampleMenuData.js.map

package/dist/node/components/CollapsibleDrawer/storyExampleMenuData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"sourcesContent":["import {\n  VscAccount,\n  VscAdd,\n  VscDashboard,\n  VscGlobe,\n  VscGraph,\n  VscGraphLine,\n  VscJson,\n  VscServer,\n  VscSettingsGear,\n  VscSymbolMethod,\n  VscSymbolNamespace,\n  VscTable,\n} from 'react-icons/vsc/index.js'\n\nimport { MenuListItemProps } from '../SiteMenu'\n\nexport const menuDataTop: MenuListItemProps[] = [\n  {\n    icon: <VscGlobe fontSize=\"body1\" />,\n    primary: 'Explore',\n    to: '',\n    tooltip: 'View global archivist data on a world map.',\n  },\n  {\n    icon: <VscSymbolMethod fontSize=\"body1\" />,\n    primary: 'Blocks',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscSymbolNamespace fontSize=\"body1\" />,\n    primary: 'Payloads',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscGraph fontSize=\"body1\" />,\n    primary: 'Queries',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscServer fontSize=\"body1\" />,\n    primary: 'Archives',\n    subNavListItems: [\n      { icon: <VscDashboard fontSize=\"body2\" />, primary: 'Dashboard', to: '', tooltip: 'View data for all archives on this network.' },\n      { icon: <VscAdd fontSize=\"body2\" />, primary: 'Create Archive', to: '', tooltip: 'Create a new archive on this network.' },\n      { icon: <VscTable fontSize=\"body2\" />, primary: 'Archive Table', to: '', tooltip: 'View all archives on this network as a table.' },\n    ],\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n]\n\nexport const menuDataBottom: MenuListItemProps[] = [\n  {\n    icon: <VscGraphLine fontSize=\"body1\" />,\n    primary: 'Statistics',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscJson fontSize=\"body1\" />,\n    primary: 'Schema',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscAccount fontSize=\"body1\" />,\n    primary: 'Account',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscSettingsGear fontSize=\"body1\" />,\n    primary: 'Settings',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n]\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBU;AAnBV,iBAaO;AAIA,MAAM,cAAmC;AAAA,EAC9C;AAAA,IACE,MAAM,4CAAC,uBAAS,UAAS,SAAQ;AAAA,IACjC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,8BAAgB,UAAS,SAAQ;AAAA,IACxC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,iCAAmB,UAAS,SAAQ;AAAA,IAC3C,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,uBAAS,UAAS,SAAQ;AAAA,IACjC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,wBAAU,UAAS,SAAQ;AAAA,IAClC,SAAS;AAAA,IACT,iBAAiB;AAAA,MACf,EAAE,MAAM,4CAAC,2BAAa,UAAS,SAAQ,GAAI,SAAS,aAAa,IAAI,IAAI,SAAS,8CAA8C;AAAA,MAChI,EAAE,MAAM,4CAAC,qBAAO,UAAS,SAAQ,GAAI,SAAS,kBAAkB,IAAI,IAAI,SAAS,wCAAwC;AAAA,MACzH,EAAE,MAAM,4CAAC,uBAAS,UAAS,SAAQ,GAAI,SAAS,iBAAiB,IAAI,IAAI,SAAS,gDAAgD;AAAA,IACpI;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AACF;AAEO,MAAM,iBAAsC;AAAA,EACjD;AAAA,IACE,MAAM,4CAAC,2BAAa,UAAS,SAAQ;AAAA,IACrC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,sBAAQ,UAAS,SAAQ;AAAA,IAChC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,yBAAW,UAAS,SAAQ;AAAA,IACnC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,4CAAC,8BAAgB,UAAS,SAAQ;AAAA,IACxC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AACF;","names":[]}

package/dist/node/components/CollapsibleDrawer/storyExampleMenuData.mjs

@@ -0,0 +1,83 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  VscAccount,
+  VscAdd,
+  VscDashboard,
+  VscGlobe,
+  VscGraph,
+  VscGraphLine,
+  VscJson,
+  VscServer,
+  VscSettingsGear,
+  VscSymbolMethod,
+  VscSymbolNamespace,
+  VscTable
+} from "react-icons/vsc/index.js";
+const menuDataTop = [
+  {
+    icon: /* @__PURE__ */ jsx(VscGlobe, { fontSize: "body1" }),
+    primary: "Explore",
+    to: "",
+    tooltip: "View global archivist data on a world map."
+  },
+  {
+    icon: /* @__PURE__ */ jsx(VscSymbolMethod, { fontSize: "body1" }),
+    primary: "Blocks",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  },
+  {
+    icon: /* @__PURE__ */ jsx(VscSymbolNamespace, { fontSize: "body1" }),
+    primary: "Payloads",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  },
+  {
+    icon: /* @__PURE__ */ jsx(VscGraph, { fontSize: "body1" }),
+    primary: "Queries",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  },
+  {
+    icon: /* @__PURE__ */ jsx(VscServer, { fontSize: "body1" }),
+    primary: "Archives",
+    subNavListItems: [
+      { icon: /* @__PURE__ */ jsx(VscDashboard, { fontSize: "body2" }), primary: "Dashboard", to: "", tooltip: "View data for all archives on this network." },
+      { icon: /* @__PURE__ */ jsx(VscAdd, { fontSize: "body2" }), primary: "Create Archive", to: "", tooltip: "Create a new archive on this network." },
+      { icon: /* @__PURE__ */ jsx(VscTable, { fontSize: "body2" }), primary: "Archive Table", to: "", tooltip: "View all archives on this network as a table." }
+    ],
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  }
+];
+const menuDataBottom = [
+  {
+    icon: /* @__PURE__ */ jsx(VscGraphLine, { fontSize: "body1" }),
+    primary: "Statistics",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  },
+  {
+    icon: /* @__PURE__ */ jsx(VscJson, { fontSize: "body1" }),
+    primary: "Schema",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  },
+  {
+    icon: /* @__PURE__ */ jsx(VscAccount, { fontSize: "body1" }),
+    primary: "Account",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  },
+  {
+    icon: /* @__PURE__ */ jsx(VscSettingsGear, { fontSize: "body1" }),
+    primary: "Settings",
+    to: "",
+    tooltip: "The most recent blocks seen in the in temp archive on your current network."
+  }
+];
+export {
+  menuDataBottom,
+  menuDataTop
+};
+//# sourceMappingURL=storyExampleMenuData.mjs.map

package/dist/node/components/CollapsibleDrawer/storyExampleMenuData.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/storyExampleMenuData.tsx"],"sourcesContent":["import {\n  VscAccount,\n  VscAdd,\n  VscDashboard,\n  VscGlobe,\n  VscGraph,\n  VscGraphLine,\n  VscJson,\n  VscServer,\n  VscSettingsGear,\n  VscSymbolMethod,\n  VscSymbolNamespace,\n  VscTable,\n} from 'react-icons/vsc/index.js'\n\nimport { MenuListItemProps } from '../SiteMenu'\n\nexport const menuDataTop: MenuListItemProps[] = [\n  {\n    icon: <VscGlobe fontSize=\"body1\" />,\n    primary: 'Explore',\n    to: '',\n    tooltip: 'View global archivist data on a world map.',\n  },\n  {\n    icon: <VscSymbolMethod fontSize=\"body1\" />,\n    primary: 'Blocks',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscSymbolNamespace fontSize=\"body1\" />,\n    primary: 'Payloads',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscGraph fontSize=\"body1\" />,\n    primary: 'Queries',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscServer fontSize=\"body1\" />,\n    primary: 'Archives',\n    subNavListItems: [\n      { icon: <VscDashboard fontSize=\"body2\" />, primary: 'Dashboard', to: '', tooltip: 'View data for all archives on this network.' },\n      { icon: <VscAdd fontSize=\"body2\" />, primary: 'Create Archive', to: '', tooltip: 'Create a new archive on this network.' },\n      { icon: <VscTable fontSize=\"body2\" />, primary: 'Archive Table', to: '', tooltip: 'View all archives on this network as a table.' },\n    ],\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n]\n\nexport const menuDataBottom: MenuListItemProps[] = [\n  {\n    icon: <VscGraphLine fontSize=\"body1\" />,\n    primary: 'Statistics',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscJson fontSize=\"body1\" />,\n    primary: 'Schema',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscAccount fontSize=\"body1\" />,\n    primary: 'Account',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n  {\n    icon: <VscSettingsGear fontSize=\"body1\" />,\n    primary: 'Settings',\n    to: '',\n    tooltip: 'The most recent blocks seen in the in temp archive on your current network.',\n  },\n]\n"],"mappings":"AAmBU;AAnBV;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,MAAM,cAAmC;AAAA,EAC9C;AAAA,IACE,MAAM,oBAAC,YAAS,UAAS,SAAQ;AAAA,IACjC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,mBAAgB,UAAS,SAAQ;AAAA,IACxC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,sBAAmB,UAAS,SAAQ;AAAA,IAC3C,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,YAAS,UAAS,SAAQ;AAAA,IACjC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,aAAU,UAAS,SAAQ;AAAA,IAClC,SAAS;AAAA,IACT,iBAAiB;AAAA,MACf,EAAE,MAAM,oBAAC,gBAAa,UAAS,SAAQ,GAAI,SAAS,aAAa,IAAI,IAAI,SAAS,8CAA8C;AAAA,MAChI,EAAE,MAAM,oBAAC,UAAO,UAAS,SAAQ,GAAI,SAAS,kBAAkB,IAAI,IAAI,SAAS,wCAAwC;AAAA,MACzH,EAAE,MAAM,oBAAC,YAAS,UAAS,SAAQ,GAAI,SAAS,iBAAiB,IAAI,IAAI,SAAS,gDAAgD;AAAA,IACpI;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AACF;AAEO,MAAM,iBAAsC;AAAA,EACjD;AAAA,IACE,MAAM,oBAAC,gBAAa,UAAS,SAAQ;AAAA,IACrC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,WAAQ,UAAS,SAAQ;AAAA,IAChC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,cAAW,UAAS,SAAQ;AAAA,IACnC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,MAAM,oBAAC,mBAAgB,UAAS,SAAQ;AAAA,IACxC,SAAS;AAAA,IACT,IAAI;AAAA,IACJ,SAAS;AAAA,EACX;AACF;","names":[]}

package/dist/node/components/MobileSystemControls/SystemControls.d.mts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SystemControlsUnstyledProps } from './SystemControlsUnstyled';
+declare const SystemControls: React.FC<SystemControlsUnstyledProps>;
+export { SystemControls };
+//# sourceMappingURL=SystemControls.d.ts.map

package/dist/node/components/MobileSystemControls/SystemControls.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControls.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControls.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAEtE,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAMzD,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/node/components/MobileSystemControls/SystemControls.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SystemControlsUnstyledProps } from './SystemControlsUnstyled';
+declare const SystemControls: React.FC<SystemControlsUnstyledProps>;
+export { SystemControls };
+//# sourceMappingURL=SystemControls.d.ts.map

package/dist/node/components/MobileSystemControls/SystemControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControls.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControls.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAEtE,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAMzD,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/node/components/MobileSystemControls/SystemControls.js

@@ -0,0 +1,34 @@
+"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 SystemControls_exports = {};
+__export(SystemControls_exports, {
+  SystemControls: () => SystemControls
+});
+module.exports = __toCommonJS(SystemControls_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_SystemControlsRoot = require("./SystemControlsRoot");
+const SystemControls = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SystemControlsRoot.SystemControlsRoot, { ...props }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SystemControls
+});
+//# sourceMappingURL=SystemControls.js.map

package/dist/node/components/MobileSystemControls/SystemControls.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControls.tsx"],"sourcesContent":["import { FlexCol } from '@xylabs/react-flexbox'\n\nimport { SystemControlsRoot } from './SystemControlsRoot'\nimport { SystemControlsUnstyledProps } from './SystemControlsUnstyled'\n\nconst SystemControls: React.FC<SystemControlsUnstyledProps> = (props) => {\n  return (\n    <FlexCol>\n      <SystemControlsRoot {...props} />\n    </FlexCol>\n  )\n}\n\nexport { SystemControls }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQM;AARN,2BAAwB;AAExB,gCAAmC;AAGnC,MAAM,iBAAwD,CAAC,UAAU;AACvE,SACE,4CAAC,gCACC,sDAAC,gDAAoB,GAAG,OAAO,GACjC;AAEJ;","names":[]}

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

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { SystemControlsRoot } from "./SystemControlsRoot";
+const SystemControls = (props) => {
+  return /* @__PURE__ */ jsx(FlexCol, { children: /* @__PURE__ */ jsx(SystemControlsRoot, { ...props }) });
+};
+export {
+  SystemControls
+};
+//# sourceMappingURL=SystemControls.mjs.map

package/dist/node/components/MobileSystemControls/SystemControls.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControls.tsx"],"sourcesContent":["import { FlexCol } from '@xylabs/react-flexbox'\n\nimport { SystemControlsRoot } from './SystemControlsRoot'\nimport { SystemControlsUnstyledProps } from './SystemControlsUnstyled'\n\nconst SystemControls: React.FC<SystemControlsUnstyledProps> = (props) => {\n  return (\n    <FlexCol>\n      <SystemControlsRoot {...props} />\n    </FlexCol>\n  )\n}\n\nexport { SystemControls }\n"],"mappings":"AAQM;AARN,SAAS,eAAe;AAExB,SAAS,0BAA0B;AAGnC,MAAM,iBAAwD,CAAC,UAAU;AACvE,SACE,oBAAC,WACC,8BAAC,sBAAoB,GAAG,OAAO,GACjC;AAEJ;","names":[]}

package/dist/node/components/MobileSystemControls/SystemControls.stories.js

@@ -0,0 +1,59 @@
+"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 SystemControls_stories_exports = {};
+__export(SystemControls_stories_exports, {
+  Left: () => Left,
+  Top: () => Top,
+  default: () => SystemControls_stories_default
+});
+module.exports = __toCommonJS(SystemControls_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_network = require("@xyo-network/react-network");
+var import_SystemControls = require("./SystemControls");
+var import_SystemControlsType = require("./SystemControlsType");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_SystemControls.SystemControls,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "appbar/System/SystemControls"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_network.NetworkMemoryProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SystemControls.SystemControls, { ...props }) });
+};
+const Left = Template.bind({});
+Left.args = {
+  systemControlsType: import_SystemControlsType.SystemControlsType.Left,
+  visible: true
+};
+const Top = Template.bind({});
+Top.args = {
+  systemControlsType: import_SystemControlsType.SystemControlsType.WindowShade,
+  visible: true
+};
+var SystemControls_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Left,
+  Top
+});
+//# sourceMappingURL=SystemControls.stories.js.map

package/dist/node/components/MobileSystemControls/SystemControls.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControls.stories.tsx"],"sourcesContent":["/* eslint-disable import/no-internal-modules */\nimport { Meta, StoryFn } from '@storybook/react'\nimport { NetworkMemoryProvider } from '@xyo-network/react-network'\n\nimport { SystemControls } from './SystemControls'\nimport { SystemControlsType } from './SystemControlsType'\n\nconst StorybookEntry: Meta = {\n  argTypes: {},\n  component: SystemControls,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'appbar/System/SystemControls',\n}\n\nconst Template: StoryFn<typeof SystemControls> = (props) => {\n  return (\n    <NetworkMemoryProvider>\n      <SystemControls {...props} />\n    </NetworkMemoryProvider>\n  )\n}\n\nconst Left = Template.bind({})\nLeft.args = {\n  systemControlsType: SystemControlsType.Left,\n  visible: true,\n}\n\nconst Top = Template.bind({})\nTop.args = {\n  systemControlsType: SystemControlsType.WindowShade,\n  visible: true,\n}\n\nexport { Left, Top }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBM;AAnBN,2BAAsC;AAEtC,4BAA+B;AAC/B,gCAAmC;AAEnC,MAAM,iBAAuB;AAAA,EAC3B,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA2C,CAAC,UAAU;AAC1D,SACE,4CAAC,8CACC,sDAAC,wCAAgB,GAAG,OAAO,GAC7B;AAEJ;AAEA,MAAM,OAAO,SAAS,KAAK,CAAC,CAAC;AAC7B,KAAK,OAAO;AAAA,EACV,oBAAoB,6CAAmB;AAAA,EACvC,SAAS;AACX;AAEA,MAAM,MAAM,SAAS,KAAK,CAAC,CAAC;AAC5B,IAAI,OAAO;AAAA,EACT,oBAAoB,6CAAmB;AAAA,EACvC,SAAS;AACX;AAKA,IAAO,iCAAQ;","names":[]}

package/dist/node/components/MobileSystemControls/SystemControls.stories.mjs

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { NetworkMemoryProvider } from "@xyo-network/react-network";
+import { SystemControls } from "./SystemControls";
+import { SystemControlsType } from "./SystemControlsType";
+const StorybookEntry = {
+  argTypes: {},
+  component: SystemControls,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "appbar/System/SystemControls"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ jsx(NetworkMemoryProvider, { children: /* @__PURE__ */ jsx(SystemControls, { ...props }) });
+};
+const Left = Template.bind({});
+Left.args = {
+  systemControlsType: SystemControlsType.Left,
+  visible: true
+};
+const Top = Template.bind({});
+Top.args = {
+  systemControlsType: SystemControlsType.WindowShade,
+  visible: true
+};
+var SystemControls_stories_default = StorybookEntry;
+export {
+  Left,
+  Top,
+  SystemControls_stories_default as default
+};
+//# sourceMappingURL=SystemControls.stories.mjs.map

package/dist/node/components/MobileSystemControls/SystemControls.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControls.stories.tsx"],"sourcesContent":["/* eslint-disable import/no-internal-modules */\nimport { Meta, StoryFn } from '@storybook/react'\nimport { NetworkMemoryProvider } from '@xyo-network/react-network'\n\nimport { SystemControls } from './SystemControls'\nimport { SystemControlsType } from './SystemControlsType'\n\nconst StorybookEntry: Meta = {\n  argTypes: {},\n  component: SystemControls,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'appbar/System/SystemControls',\n}\n\nconst Template: StoryFn<typeof SystemControls> = (props) => {\n  return (\n    <NetworkMemoryProvider>\n      <SystemControls {...props} />\n    </NetworkMemoryProvider>\n  )\n}\n\nconst Left = Template.bind({})\nLeft.args = {\n  systemControlsType: SystemControlsType.Left,\n  visible: true,\n}\n\nconst Top = Template.bind({})\nTop.args = {\n  systemControlsType: SystemControlsType.WindowShade,\n  visible: true,\n}\n\nexport { Left, Top }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAqBM;AAnBN,SAAS,6BAA6B;AAEtC,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AAEnC,MAAM,iBAAuB;AAAA,EAC3B,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA2C,CAAC,UAAU;AAC1D,SACE,oBAAC,yBACC,8BAAC,kBAAgB,GAAG,OAAO,GAC7B;AAEJ;AAEA,MAAM,OAAO,SAAS,KAAK,CAAC,CAAC;AAC7B,KAAK,OAAO;AAAA,EACV,oBAAoB,mBAAmB;AAAA,EACvC,SAAS;AACX;AAEA,MAAM,MAAM,SAAS,KAAK,CAAC,CAAC;AAC5B,IAAI,OAAO;AAAA,EACT,oBAAoB,mBAAmB;AAAA,EACvC,SAAS;AACX;AAKA,IAAO,iCAAQ;","names":[]}

package/dist/node/components/MobileSystemControls/SystemControlsRoot.d.mts

@@ -0,0 +1,4 @@
+import { SystemControlsUnstyledProps } from './SystemControlsUnstyled';
+declare const SystemControlsRoot: import("@emotion/styled").StyledComponent<Pick<SystemControlsUnstyledProps, keyof SystemControlsUnstyledProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SystemControlsUnstyledProps, {}, {}>;
+export { SystemControlsRoot };
+//# sourceMappingURL=SystemControlsRoot.d.ts.map

package/dist/node/components/MobileSystemControls/SystemControlsRoot.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA0B,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAE9F,QAAA,MAAM,kBAAkB,mOAqDrB,CAAA;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/node/components/MobileSystemControls/SystemControlsRoot.d.ts

@@ -0,0 +1,4 @@
+import { SystemControlsUnstyledProps } from './SystemControlsUnstyled';
+declare const SystemControlsRoot: import("@emotion/styled").StyledComponent<Pick<SystemControlsUnstyledProps, keyof SystemControlsUnstyledProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & SystemControlsUnstyledProps, {}, {}>;
+export { SystemControlsRoot };
+//# sourceMappingURL=SystemControlsRoot.d.ts.map

package/dist/node/components/MobileSystemControls/SystemControlsRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA0B,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAE9F,QAAA,MAAM,kBAAkB,mOAqDrB,CAAA;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAA"}