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

package/dist/browser/components/AppBar/Application.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Application.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,cAAc,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;CAC3C;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAU9D,CAAA"}

package/dist/browser/components/AppBar/Application.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Application.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,cAAc,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAA;CAC3C;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAU9D,CAAA"}

package/dist/browser/components/AppBar/Application.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { AppBarEx } from "@xylabs/react-appbar";
+import { ContextToolbar, SystemToolbar } from "../Toolbar";
+const ApplicationAppBar = ({ systemToolbar, contextToolbar, responsive = true, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    AppBarEx,
+    {
+      systemToolbar: systemToolbar ?? /* @__PURE__ */ jsx(SystemToolbar, {}),
+      contextToolbar: contextToolbar ?? /* @__PURE__ */ jsx(ContextToolbar, {}),
+      position: "sticky",
+      responsive,
+      ...props
+    }
+  );
+};
+export {
+  ApplicationAppBar
+};
+//# sourceMappingURL=Application.js.map

package/dist/browser/components/AppBar/Application.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/AppBar/Application.tsx"],"sourcesContent":["import { ToolbarProps } from '@mui/material'\nimport { AppBarEx, AppBarExProps } from '@xylabs/react-appbar'\nimport { ReactElement } from 'react'\n\nimport { ContextToolbar, SystemToolbar } from '../Toolbar'\n\nexport interface ApplicationAppBarProps extends AppBarExProps {\n  contextToolbar?: ReactElement<ToolbarProps>\n  responsive?: boolean\n  systemToolbar?: ReactElement<ToolbarProps>\n}\n\nexport const ApplicationAppBar: React.FC<ApplicationAppBarProps> = ({ systemToolbar, contextToolbar, responsive = true, ...props }) => {\n  return (\n    <AppBarEx\n      systemToolbar={systemToolbar ?? <SystemToolbar />}\n      contextToolbar={contextToolbar ?? <ContextToolbar />}\n      position=\"sticky\"\n      responsive={responsive}\n      {...props}\n    />\n  )\n}\n"],"mappings":"AAesC;AAdtC,SAAS,gBAA+B;AAGxC,SAAS,gBAAgB,qBAAqB;AAQvC,MAAM,oBAAsD,CAAC,EAAE,eAAe,gBAAgB,aAAa,MAAM,GAAG,MAAM,MAAM;AACrI,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,iBAAiB,oBAAC,iBAAc;AAAA,MAC/C,gBAAgB,kBAAkB,oBAAC,kBAAe;AAAA,MAClD,UAAS;AAAA,MACT;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/browser/components/AppBar/Application.stories.js

@@ -0,0 +1,64 @@
+import { jsx } from "react/jsx-runtime";
+import { List, Paper } from "@mui/material";
+import { FlexGrowCol } from "@xylabs/react-flexbox";
+import { NetworkMemoryProvider } from "@xyo-network/react-network";
+import { DefaultSeedPhrase } from "@xyo-network/react-storybook";
+import { useWallet, WalletAccountSelect, WalletProvider } from "@xyo-network/react-wallet";
+import { BrowserRouter } from "react-router-dom";
+import { SearchBar } from "../SearchBar";
+import { MenuListItemContainer } from "../SiteMenu";
+import { SystemToolbar } from "../Toolbar";
+import { ApplicationAppBar } from "./Application";
+const StorybookEntry = {
+  argTypes: {},
+  component: ApplicationAppBar,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "appbar/AppBar/Application"
+};
+const Template = (args) => {
+  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase });
+  return /* @__PURE__ */ jsx(WalletProvider, { rootWallet: wallet, children: /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(NetworkMemoryProvider, { children: /* @__PURE__ */ jsx(
+    ApplicationAppBar,
+    {
+      systemToolbar: /* @__PURE__ */ jsx(
+        SystemToolbar,
+        {
+          menuItems: /* @__PURE__ */ jsx(List, { children: /* @__PURE__ */ jsx(MenuListItemContainer, { primary: "Hello" }) })
+        }
+      ),
+      ...args
+    }
+  ) }) }) });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithSearchBar = Template.bind({});
+WithSearchBar.args = {
+  children: /* @__PURE__ */ jsx(SearchBar, { flexGrow: 1, onSearch: (term) => alert(term) }),
+  color: "primary",
+  systemToolbar: /* @__PURE__ */ jsx(
+    SystemToolbar,
+    {
+      darkModeButton: true,
+      menuItems: /* @__PURE__ */ jsx(List, { children: /* @__PURE__ */ jsx(MenuListItemContainer, { primary: "Hello" }) })
+    }
+  )
+};
+const WithWalletSelectBar = Template.bind({});
+WithWalletSelectBar.args = {
+  children: /* @__PURE__ */ jsx(FlexGrowCol, { alignItems: "stretch", children: /* @__PURE__ */ jsx(Paper, { variant: "elevation", children: /* @__PURE__ */ jsx(WalletAccountSelect, { icons: true, size: "small", fullWidth: true }) }) }),
+  color: "primary",
+  systemToolbar: /* @__PURE__ */ jsx(SystemToolbar, { darkModeButton: true })
+};
+var Application_stories_default = StorybookEntry;
+export {
+  Default,
+  WithSearchBar,
+  WithWalletSelectBar,
+  Application_stories_default as default
+};
+//# sourceMappingURL=Application.stories.js.map

package/dist/browser/components/AppBar/Application.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/AppBar/Application.stories.tsx"],"sourcesContent":["/* eslint-disable import/no-internal-modules */\nimport { List, Paper } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexGrowCol } from '@xylabs/react-flexbox'\nimport { NetworkMemoryProvider } from '@xyo-network/react-network'\nimport { DefaultSeedPhrase } from '@xyo-network/react-storybook'\nimport { useWallet, WalletAccountSelect, WalletProvider } from '@xyo-network/react-wallet'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { SearchBar } from '../SearchBar'\nimport { MenuListItemContainer } from '../SiteMenu'\nimport { SystemToolbar } from '../Toolbar'\nimport { ApplicationAppBar } from './Application'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: ApplicationAppBar,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'appbar/AppBar/Application',\n} as Meta<typeof ApplicationAppBar>\n\nconst Template: StoryFn<typeof ApplicationAppBar> = (args) => {\n  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n  return (\n    <WalletProvider rootWallet={wallet}>\n      <BrowserRouter>\n        <NetworkMemoryProvider>\n          <ApplicationAppBar\n            systemToolbar={\n              <SystemToolbar\n                menuItems={\n                  <List>\n                    <MenuListItemContainer primary=\"Hello\" />\n                  </List>\n                }\n              />\n            }\n            {...args}\n          ></ApplicationAppBar>\n        </NetworkMemoryProvider>\n      </BrowserRouter>\n    </WalletProvider>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithSearchBar = Template.bind({})\nWithSearchBar.args = {\n  children: <SearchBar flexGrow={1} onSearch={(term) => alert(term)} />,\n  color: 'primary',\n  systemToolbar: (\n    <SystemToolbar\n      darkModeButton\n      menuItems={\n        <List>\n          <MenuListItemContainer primary=\"Hello\" />\n        </List>\n      }\n    />\n  ),\n}\n\nconst WithWalletSelectBar = Template.bind({})\nWithWalletSelectBar.args = {\n  children: (\n    <FlexGrowCol alignItems=\"stretch\">\n      <Paper variant=\"elevation\">\n        <WalletAccountSelect icons size=\"small\" fullWidth />\n      </Paper>\n    </FlexGrowCol>\n  ),\n  color: 'primary',\n  systemToolbar: <SystemToolbar darkModeButton />,\n}\n\nexport { Default, WithSearchBar, WithWalletSelectBar }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAoCoB;AAnCpB,SAAS,MAAM,aAAa;AAE5B,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AACtC,SAAS,yBAAyB;AAClC,SAAS,WAAW,qBAAqB,sBAAsB;AAC/D,SAAS,qBAAqB;AAE9B,SAAS,iBAAiB;AAC1B,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,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,WAA8C,CAAC,SAAS;AAC5D,QAAM,CAAC,MAAM,IAAI,UAAU,EAAE,UAAU,kBAAkB,CAAC;AAC1D,SACE,oBAAC,kBAAe,YAAY,QAC1B,8BAAC,iBACC,8BAAC,yBACC;AAAA,IAAC;AAAA;AAAA,MACC,eACE;AAAA,QAAC;AAAA;AAAA,UACC,WACE,oBAAC,QACC,8BAAC,yBAAsB,SAAQ,SAAQ,GACzC;AAAA;AAAA,MAEJ;AAAA,MAED,GAAG;AAAA;AAAA,EACL,GACH,GACF,GACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,gBAAgB,SAAS,KAAK,CAAC,CAAC;AACtC,cAAc,OAAO;AAAA,EACnB,UAAU,oBAAC,aAAU,UAAU,GAAG,UAAU,CAAC,SAAS,MAAM,IAAI,GAAG;AAAA,EACnE,OAAO;AAAA,EACP,eACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc;AAAA,MACd,WACE,oBAAC,QACC,8BAAC,yBAAsB,SAAQ,SAAQ,GACzC;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,sBAAsB,SAAS,KAAK,CAAC,CAAC;AAC5C,oBAAoB,OAAO;AAAA,EACzB,UACE,oBAAC,eAAY,YAAW,WACtB,8BAAC,SAAM,SAAQ,aACb,8BAAC,uBAAoB,OAAK,MAAC,MAAK,SAAQ,WAAS,MAAC,GACpD,GACF;AAAA,EAEF,OAAO;AAAA,EACP,eAAe,oBAAC,iBAAc,gBAAc,MAAC;AAC/C;AAKA,IAAO,8BAAQ;","names":[]}

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

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

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

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

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

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

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

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

package/dist/browser/components/CollapsibleDrawer/CollapseDrawer.stories.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Divider, useTheme } from "@mui/material";
+import { FlexCol, FlexGrowCol, FlexRow } from "@xylabs/react-flexbox";
+import { CollapsibleProvider, useCollapsible } from "../../contexts";
+import { MenuSection } from "../SiteMenu";
+import { CollapseToggleFlex } from "./CollapseToggle";
+import { CollapsibleDrawer } from "./CollapsibleDrawer";
+import { menuDataBottom, menuDataTop } from "./storyExampleMenuData";
+const CollapseProviderDecorator = (Story, args) => {
+  return /* @__PURE__ */ jsx(CollapsibleProvider, { children: /* @__PURE__ */ jsx(Story, { ...args }) });
+};
+const StorybookEntry = {
+  argTypes: {},
+  component: CollapsibleDrawer,
+  decorators: [CollapseProviderDecorator],
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "appbar/CollapseDrawer"
+};
+const Template = (args) => {
+  const { collapse, setCollapseEnd } = useCollapsible();
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(FlexRow, { justifyContent: "start", children: [
+    /* @__PURE__ */ jsx(FlexCol, { alignItems: "start", children: /* @__PURE__ */ jsxs(CollapsibleDrawer, { in: !collapse, orientation: "horizontal", collapsedSize: theme.spacing(5), onExited: () => setCollapseEnd?.(true), ...args, children: [
+      /* @__PURE__ */ jsx(MenuSection, { title: "Explore & Create", listItems: menuDataTop, showTitle: !collapse }),
+      /* @__PURE__ */ jsx(MenuSection, { title: "Settings & Analytics", listItems: menuDataBottom, showTitle: !collapse }),
+      /* @__PURE__ */ jsx(FlexGrowCol, { height: "100%" }),
+      /* @__PURE__ */ jsx(CollapseToggleFlex, {})
+    ] }) }),
+    /* @__PURE__ */ jsx(Divider, { flexItem: true, orientation: "vertical" })
+  ] });
+};
+const Default = Template.bind({});
+Default.args = {
+  collapsedSize: "40px"
+};
+var CollapseDrawer_stories_default = StorybookEntry;
+export {
+  Default,
+  CollapseDrawer_stories_default as default
+};
+//# sourceMappingURL=CollapseDrawer.stories.js.map

package/dist/browser/components/CollapsibleDrawer/CollapseDrawer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/CollapseDrawer.stories.tsx"],"sourcesContent":["import { Divider, useTheme } from '@mui/material'\nimport { Decorator, Meta, StoryFn } from '@storybook/react'\nimport { FlexCol, FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\n\nimport { CollapsibleProvider, useCollapsible } from '../../contexts'\nimport { MenuSection } from '../SiteMenu'\nimport { CollapseToggleFlex } from './CollapseToggle'\nimport { CollapsibleDrawer } from './CollapsibleDrawer'\nimport { menuDataBottom, menuDataTop } from './storyExampleMenuData'\n\nconst CollapseProviderDecorator: Decorator = (Story, args) => {\n  return (\n    <CollapsibleProvider>\n      <Story {...args} />\n    </CollapsibleProvider>\n  )\n}\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: CollapsibleDrawer,\n  decorators: [CollapseProviderDecorator],\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'appbar/CollapseDrawer',\n} as Meta<typeof CollapsibleDrawer>\n\nconst Template: StoryFn<typeof CollapsibleDrawer> = (args) => {\n  const { collapse, setCollapseEnd } = useCollapsible()\n  const theme = useTheme()\n  return (\n    <FlexRow justifyContent=\"start\">\n      <FlexCol alignItems=\"start\">\n        <CollapsibleDrawer in={!collapse} orientation=\"horizontal\" collapsedSize={theme.spacing(5)} onExited={() => setCollapseEnd?.(true)} {...args}>\n          <MenuSection title=\"Explore & Create\" listItems={menuDataTop} showTitle={!collapse} />\n          <MenuSection title=\"Settings & Analytics\" listItems={menuDataBottom} showTitle={!collapse} />\n          <FlexGrowCol height=\"100%\" />\n          <CollapseToggleFlex />\n        </CollapsibleDrawer>\n      </FlexCol>\n      <Divider flexItem orientation={'vertical'} />\n    </FlexRow>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {\n  collapsedSize: '40px',\n}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAaM,cAuBE,YAvBF;AAbN,SAAS,SAAS,gBAAgB;AAElC,SAAS,SAAS,aAAa,eAAe;AAE9C,SAAS,qBAAqB,sBAAsB;AACpD,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,gBAAgB,mBAAmB;AAE5C,MAAM,4BAAuC,CAAC,OAAO,SAAS;AAC5D,SACE,oBAAC,uBACC,8BAAC,SAAO,GAAG,MAAM,GACnB;AAEJ;AAEA,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY,CAAC,yBAAyB;AAAA,EACtC,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA8C,CAAC,SAAS;AAC5D,QAAM,EAAE,UAAU,eAAe,IAAI,eAAe;AACpD,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,WAAQ,gBAAe,SACtB;AAAA,wBAAC,WAAQ,YAAW,SAClB,+BAAC,qBAAkB,IAAI,CAAC,UAAU,aAAY,cAAa,eAAe,MAAM,QAAQ,CAAC,GAAG,UAAU,MAAM,iBAAiB,IAAI,GAAI,GAAG,MACtI;AAAA,0BAAC,eAAY,OAAM,oBAAmB,WAAW,aAAa,WAAW,CAAC,UAAU;AAAA,MACpF,oBAAC,eAAY,OAAM,wBAAuB,WAAW,gBAAgB,WAAW,CAAC,UAAU;AAAA,MAC3F,oBAAC,eAAY,QAAO,QAAO;AAAA,MAC3B,oBAAC,sBAAmB;AAAA,OACtB,GACF;AAAA,IACA,oBAAC,WAAQ,UAAQ,MAAC,aAAa,YAAY;AAAA,KAC7C;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO;AAAA,EACb,eAAe;AACjB;AAKA,IAAO,iCAAQ;","names":[]}

package/dist/browser/components/CollapsibleDrawer/CollapseToggle.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAM7D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBrD,CAAA"}

package/dist/browser/components/CollapsibleDrawer/CollapseToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAM7D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBrD,CAAA"}

package/dist/browser/components/CollapsibleDrawer/CollapseToggle.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { Icon, useTheme } from "@mui/material";
+import { FlexRow } from "@xylabs/react-flexbox";
+import { useState } from "react";
+import { VscArrowSmallLeft, VscArrowSmallRight } from "react-icons/vsc/index.js";
+import { useCollapsible } from "../../contexts";
+const CollapseToggleFlex = (props) => {
+  const { collapse, setCollapse, setCollapseEnd } = useCollapsible();
+  const [hover, setHover] = useState(false);
+  const theme = useTheme();
+  const handleCollapseToggle = () => {
+    setCollapse?.(!collapse);
+    setCollapseEnd?.((previous) => previous ? false : previous);
+  };
+  return /* @__PURE__ */ jsx(FlexRow, { mt: 2, py: 2, justifyContent: collapse ? "start" : "center", ...props, children: /* @__PURE__ */ jsx(
+    Icon,
+    {
+      onClick: handleCollapseToggle,
+      onMouseEnter: () => setHover(true),
+      onMouseLeave: () => setHover(false),
+      fontSize: "large",
+      sx: { color: hover ? theme.palette.secondary.main : "inherit", cursor: "pointer" },
+      children: !collapse ? /* @__PURE__ */ jsx(VscArrowSmallLeft, {}) : /* @__PURE__ */ jsx(VscArrowSmallRight, {})
+    }
+  ) });
+};
+export {
+  CollapseToggleFlex
+};
+//# sourceMappingURL=CollapseToggle.js.map

package/dist/browser/components/CollapsibleDrawer/CollapseToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"sourcesContent":["import { Icon, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\nimport { VscArrowSmallLeft, VscArrowSmallRight } from 'react-icons/vsc/index.js'\n\nimport { useCollapsible } from '../../contexts'\n\nexport const CollapseToggleFlex: React.FC<FlexBoxProps> = (props) => {\n  const { collapse, setCollapse, setCollapseEnd } = useCollapsible()\n  const [hover, setHover] = useState(false)\n  const theme = useTheme()\n\n  const handleCollapseToggle = () => {\n    setCollapse?.(!collapse)\n    setCollapseEnd?.((previous) => (previous ? false : previous))\n  }\n\n  return (\n    <FlexRow mt={2} py={2} justifyContent={collapse ? 'start' : 'center'} {...props}>\n      <Icon\n        onClick={handleCollapseToggle}\n        onMouseEnter={() => setHover(true)}\n        onMouseLeave={() => setHover(false)}\n        fontSize={'large'}\n        sx={{ color: hover ? theme.palette.secondary.main : 'inherit', cursor: 'pointer' }}\n      >\n        {!collapse ? <VscArrowSmallLeft /> : <VscArrowSmallRight />}\n      </Icon>\n    </FlexRow>\n  )\n}\n"],"mappings":"AA0BqB;AA1BrB,SAAS,MAAM,gBAAgB;AAC/B,SAAuB,eAAe;AACtC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB,0BAA0B;AAEtD,SAAS,sBAAsB;AAExB,MAAM,qBAA6C,CAAC,UAAU;AACnE,QAAM,EAAE,UAAU,aAAa,eAAe,IAAI,eAAe;AACjE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,QAAQ,SAAS;AAEvB,QAAM,uBAAuB,MAAM;AACjC,kBAAc,CAAC,QAAQ;AACvB,qBAAiB,CAAC,aAAc,WAAW,QAAQ,QAAS;AAAA,EAC9D;AAEA,SACE,oBAAC,WAAQ,IAAI,GAAG,IAAI,GAAG,gBAAgB,WAAW,UAAU,UAAW,GAAG,OACxE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,cAAc,MAAM,SAAS,IAAI;AAAA,MACjC,cAAc,MAAM,SAAS,KAAK;AAAA,MAClC,UAAU;AAAA,MACV,IAAI,EAAE,OAAO,QAAQ,MAAM,QAAQ,UAAU,OAAO,WAAW,QAAQ,UAAU;AAAA,MAEhF,WAAC,WAAW,oBAAC,qBAAkB,IAAK,oBAAC,sBAAmB;AAAA;AAAA,EAC3D,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAoB,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,CAuBnE,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAoB,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,CAuBnE,CAAA"}

package/dist/browser/components/CollapsibleDrawer/CollapsibleDrawer.js

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

package/dist/browser/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":"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/browser/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/browser/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/browser/components/CollapsibleDrawer/index.js

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

package/dist/browser/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,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/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/browser/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/browser/components/CollapsibleDrawer/storyExampleMenuData.js

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

package/dist/browser/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":"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/browser/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/browser/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/browser/components/MobileSystemControls/SystemControls.js

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

package/dist/browser/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":"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/browser/components/MobileSystemControls/SystemControls.stories.js

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

package/dist/browser/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":"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/browser/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/browser/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"}

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

@@ -0,0 +1,61 @@
+import { styled } from "@mui/material";
+import { SystemControlsType } from "./SystemControlsType";
+import { SystemControlsUnstyled } from "./SystemControlsUnstyled";
+const SystemControlsRoot = styled(SystemControlsUnstyled, { name: "SystemControls", slot: "Root" })(({ theme }) => ({
+  // shared defaults
+  ["&"]: {
+    ".toggle": {
+      backgroundColor: theme.palette.primary.main
+    },
+    alignItems: "start",
+    zIndex: 1
+  },
+  // WindowShade System Controls styles
+  [`&.system-controls-type-${SystemControlsType.WindowShade}`]: {
+    ".control": {
+      borderRadius: "0 0 5px 5px",
+      flexDirection: "row",
+      flexGrow: 1,
+      justifyContent: "space-around",
+      padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`
+    },
+    ".controls": {
+      alignItems: "stretch",
+      flexDirection: "column",
+      flexGrow: 1
+    },
+    ".toggle": {
+      borderRadius: "0 0 5px 5px",
+      padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`
+    },
+    flexDirection: "row",
+    position: "absolute",
+    top: 0,
+    width: "100%"
+  },
+  // Left System Control styles
+  [`&.system-controls-type-${SystemControlsType.Left}`]: {
+    ".control": {
+      alignItems: "start",
+      flexDirection: "column",
+      padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`
+    },
+    ".control-wrap": {
+      marginBottom: `${theme.spacing(2)}`
+    },
+    ".toggle": {
+      borderRadius: "0 5px 5px 0",
+      padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,
+      writingMode: "vertical-rl"
+    },
+    flexDirection: "column",
+    left: 0,
+    position: "fixed",
+    top: "30vh",
+    width: "auto"
+  }
+}));
+export {
+  SystemControlsRoot
+};
+//# sourceMappingURL=SystemControlsRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControlsRoot.tsx"],"sourcesContent":["import { styled } from '@mui/material'\n\nimport { SystemControlsType } from './SystemControlsType'\nimport { SystemControlsUnstyled, SystemControlsUnstyledProps } from './SystemControlsUnstyled'\n\nconst SystemControlsRoot = styled(SystemControlsUnstyled, { name: 'SystemControls', slot: 'Root' })<SystemControlsUnstyledProps>(({ theme }) => ({\n  // shared defaults\n  ['&']: {\n    '.toggle': {\n      backgroundColor: theme.palette.primary.main,\n    },\n    alignItems: 'start',\n    zIndex: 1,\n  },\n  // WindowShade System Controls styles\n  [`&.system-controls-type-${SystemControlsType.WindowShade}`]: {\n    '.control': {\n      borderRadius: '0 0 5px 5px',\n      flexDirection: 'row',\n      flexGrow: 1,\n      justifyContent: 'space-around',\n      padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,\n    },\n    '.controls': {\n      alignItems: 'stretch',\n      flexDirection: 'column',\n      flexGrow: 1,\n    },\n    '.toggle': {\n      borderRadius: '0 0 5px 5px',\n      padding: `${theme.spacing(0.5)} ${theme.spacing(1)}`,\n    },\n    flexDirection: 'row',\n    position: 'absolute',\n    top: 0,\n    width: '100%',\n  },\n  // Left System Control styles\n  [`&.system-controls-type-${SystemControlsType.Left}`]: {\n    '.control': {\n      alignItems: 'start',\n      flexDirection: 'column',\n      padding: `${theme.spacing(2)} ${theme.spacing(2.5)}`,\n    },\n    '.control-wrap': {\n      marginBottom: `${theme.spacing(2)}`,\n    },\n    '.toggle': {\n      borderRadius: '0 5px 5px 0',\n      padding: `${theme.spacing(1)} ${theme.spacing(0.5)}`,\n      writingMode: 'vertical-rl',\n    },\n    flexDirection: 'column',\n    left: 0,\n    position: 'fixed',\n    top: '30vh',\n    width: 'auto',\n  },\n}))\n\nexport { SystemControlsRoot }\n"],"mappings":"AAAA,SAAS,cAAc;AAEvB,SAAS,0BAA0B;AACnC,SAAS,8BAA2D;AAEpE,MAAM,qBAAqB,OAAO,wBAAwB,EAAE,MAAM,kBAAkB,MAAM,OAAO,CAAC,EAA+B,CAAC,EAAE,MAAM,OAAO;AAAA;AAAA,EAE/I,CAAC,GAAG,GAAG;AAAA,IACL,WAAW;AAAA,MACT,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,IACzC;AAAA,IACA,YAAY;AAAA,IACZ,QAAQ;AAAA,EACV;AAAA;AAAA,EAEA,CAAC,0BAA0B,mBAAmB,WAAW,EAAE,GAAG;AAAA,IAC5D,YAAY;AAAA,MACV,cAAc;AAAA,MACd,eAAe;AAAA,MACf,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,IACpD;AAAA,IACA,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,cAAc;AAAA,MACd,SAAS,GAAG,MAAM,QAAQ,GAAG,CAAC,IAAI,MAAM,QAAQ,CAAC,CAAC;AAAA,IACpD;AAAA,IACA,eAAe;AAAA,IACf,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AAAA;AAAA,EAEA,CAAC,0BAA0B,mBAAmB,IAAI,EAAE,GAAG;AAAA,IACrD,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,IACpD;AAAA,IACA,iBAAiB;AAAA,MACf,cAAc,GAAG,MAAM,QAAQ,CAAC,CAAC;AAAA,IACnC;AAAA,IACA,WAAW;AAAA,MACT,cAAc;AAAA,MACd,SAAS,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,QAAQ,GAAG,CAAC;AAAA,MAClD,aAAa;AAAA,IACf;AAAA,IACA,eAAe;AAAA,IACf,MAAM;AAAA,IACN,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AACF,EAAE;","names":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsType.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC5B"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsType.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC5B"}

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

@@ -0,0 +1,10 @@
+var SystemControlsType = /* @__PURE__ */ ((SystemControlsType2) => {
+  SystemControlsType2["Left"] = "Left";
+  SystemControlsType2["Right"] = "Right";
+  SystemControlsType2["WindowShade"] = "WindowShade";
+  return SystemControlsType2;
+})(SystemControlsType || {});
+export {
+  SystemControlsType
+};
+//# sourceMappingURL=SystemControlsType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControlsType.ts"],"sourcesContent":["export enum SystemControlsType {\n  Left = 'Left',\n  Right = 'Right',\n  WindowShade = 'WindowShade',\n}\n"],"mappings":"AAAO,IAAK,qBAAL,kBAAKA,wBAAL;AACL,EAAAA,oBAAA,UAAO;AACP,EAAAA,oBAAA,WAAQ;AACR,EAAAA,oBAAA,iBAAc;AAHJ,SAAAA;AAAA,GAAA;","names":["SystemControlsType"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsUnstyled.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAItE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,UAAU,2BAA4B,SAAQ,YAAY;IACxD,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2BjE,CAAA;AAED,YAAY,EAAE,2BAA2B,EAAE,CAAA;AAC3C,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"SystemControlsUnstyled.d.ts","sourceRoot":"","sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAItE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,UAAU,2BAA4B,SAAQ,YAAY;IACxD,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA2BjE,CAAA;AAED,YAAY,EAAE,2BAA2B,EAAE,CAAA;AAC3C,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

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

@@ -0,0 +1,28 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Paper, useMediaQuery } from "@mui/material";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { NetworkSelectEx } from "@xyo-network/react-network";
+import { SystemControl } from "./controls";
+import { SystemControlsType } from "./SystemControlsType";
+const SystemControlsUnstyled = ({
+  visible,
+  systemControlsType = SystemControlsType.WindowShade,
+  ...props
+}) => {
+  const isSmall = useMediaQuery((theme) => theme.breakpoints.down("sm"));
+  if (visible || isSmall) {
+    return /* @__PURE__ */ jsx(FlexCol, { ...props, className: `${props.className} system-controls-type-${systemControlsType}`, children: /* @__PURE__ */ jsx(
+      SystemControl,
+      {
+        systemControlsType,
+        controlElement: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(FlexRow, { className: "control-wrap", children: /* @__PURE__ */ jsx(Paper, { variant: "elevation", elevation: 0, children: /* @__PURE__ */ jsx(NetworkSelectEx, { responsive: false, className: "network-ex" }) }) }) })
+      }
+    ) });
+  } else {
+    return /* @__PURE__ */ jsx(FlexCol, {});
+  }
+};
+export {
+  SystemControlsUnstyled
+};
+//# sourceMappingURL=SystemControlsUnstyled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MobileSystemControls/SystemControlsUnstyled.tsx"],"sourcesContent":["import { Paper, Theme, useMediaQuery } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { NetworkSelectEx } from '@xyo-network/react-network'\n\nimport { SystemControl } from './controls'\nimport { SystemControlsType } from './SystemControlsType'\n\ninterface SystemControlsUnstyledProps extends FlexBoxProps {\n  systemControlsType?: SystemControlsType\n  visible?: boolean\n}\n\nconst SystemControlsUnstyled: React.FC<SystemControlsUnstyledProps> = ({\n  visible,\n  systemControlsType = SystemControlsType.WindowShade,\n  ...props\n}) => {\n  const isSmall = useMediaQuery<Theme>((theme) => theme.breakpoints.down('sm'))\n\n  if (visible || isSmall) {\n    return (\n      <FlexCol {...props} className={`${props.className} system-controls-type-${systemControlsType}`}>\n        <SystemControl\n          systemControlsType={systemControlsType}\n          controlElement={\n            <>\n              <FlexRow className={'control-wrap'}>\n                <Paper variant=\"elevation\" elevation={0}>\n                  <NetworkSelectEx responsive={false} className=\"network-ex\" />\n                </Paper>\n              </FlexRow>\n            </>\n          }\n        />\n      </FlexCol>\n    )\n  } else {\n    return <FlexCol />\n  }\n}\n\nexport type { SystemControlsUnstyledProps }\nexport { SystemControlsUnstyled }\n"],"mappings":"AAyBY,mBAGM,WAHN;AAzBZ,SAAS,OAAc,qBAAqB;AAC5C,SAAuB,SAAS,eAAe;AAC/C,SAAS,uBAAuB;AAEhC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AAOnC,MAAM,yBAAgE,CAAC;AAAA,EACrE;AAAA,EACA,qBAAqB,mBAAmB;AAAA,EACxC,GAAG;AACL,MAAM;AACJ,QAAM,UAAU,cAAqB,CAAC,UAAU,MAAM,YAAY,KAAK,IAAI,CAAC;AAE5E,MAAI,WAAW,SAAS;AACtB,WACE,oBAAC,WAAS,GAAG,OAAO,WAAW,GAAG,MAAM,SAAS,yBAAyB,kBAAkB,IAC1F;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,gBACE,gCACE,8BAAC,WAAQ,WAAW,gBAClB,8BAAC,SAAM,SAAQ,aAAY,WAAW,GACpC,8BAAC,mBAAgB,YAAY,OAAO,WAAU,cAAa,GAC7D,GACF,GACF;AAAA;AAAA,IAEJ,GACF;AAAA,EAEJ,OAAO;AACL,WAAO,oBAAC,WAAQ;AAAA,EAClB;AACF;","names":[]}

package/dist/browser/components/MobileSystemControls/controls/SystemControl.d.mts.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"}