@xyo-network/react-webapp 2.64.0-rc.6 → 2.64.0

package/package.json

@@ -10,11 +10,11 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-async-effect": "^3.1.0-rc.6",
-    "@xyo-network/react-app-settings": "~2.64.0-rc.6",
-    "@xyo-network/react-appbar": "~2.64.0-rc.6",
-    "@xyo-network/react-footer": "~2.64.0-rc.6",
-    "@xyo-network/react-shared": "~2.64.0-rc.6"
+    "@xylabs/react-async-effect": "^3.0.5",
+    "@xyo-network/react-app-settings": "~2.64.0",
+    "@xyo-network/react-appbar": "~2.64.0",
+    "@xyo-network/react-footer": "~2.64.0",
+    "@xyo-network/react-shared": "~2.64.0"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -33,17 +33,17 @@
     "react-router-dom": "^6"
   },
   "devDependencies": {
-    "@storybook/react": "^7.4.4",
-    "@types/react-helmet": "^6.1.6",
+    "@storybook/react": "^7.4.5",
+    "@types/react-helmet": "^6.1.7",
     "@xylabs/pixel": "^1.4.14",
-    "@xylabs/react-button": "^3.1.0-rc.6",
-    "@xylabs/react-flexbox": "^3.1.0-rc.6",
-    "@xylabs/react-link": "^3.1.0-rc.6",
-    "@xylabs/react-pixel": "^3.1.0-rc.6",
-    "@xylabs/react-shared": "^3.1.0-rc.6",
-    "@xylabs/ts-scripts-yarn3": "^3.0.55",
-    "@xylabs/tsconfig-react": "^3.0.55",
-    "axios": "^1.5.0",
+    "@xylabs/react-button": "^3.0.5",
+    "@xylabs/react-flexbox": "^3.0.5",
+    "@xylabs/react-link": "^3.0.5",
+    "@xylabs/react-pixel": "^3.0.5",
+    "@xylabs/react-shared": "^3.0.5",
+    "@xylabs/ts-scripts-yarn3": "^3.0.78",
+    "@xylabs/tsconfig-react": "^3.0.78",
+    "axios": "^1.5.1",
     "typescript": "^5.2.2"
   },
   "description": "Common React library for all XYO projects that use React",
@@ -53,28 +53,28 @@
       "node": {
         "import": {
           "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.mjs"
+          "default": "./dist/node/index.js"
         },
         "require": {
-          "types": "./dist/node/index.d.ts",
-          "default": "./dist/node/index.js"
+          "types": "./dist/node/index.d.cts",
+          "default": "./dist/node/index.cjs"
         }
       },
       "browser": {
         "import": {
-          "types": "./dist/browser/index.d.ts",
+          "types": "./dist/browser/index.d.mts",
           "default": "./dist/browser/index.js"
         },
         "require": {
-          "types": "./dist/browser/index.d.ts",
-          "default": "./dist/browser/index.js"
+          "types": "./dist/browser/index.d.cts",
+          "default": "./dist/browser/index.cjs"
         }
       },
-      "default": "./dist/browser/index.mjs"
+      "default": "./dist/browser/index.js"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/browser/index.js",
+  "main": "dist/browser/index.cjs",
   "module": "dist/browser/index.js",
   "homepage": "https://xyo.network",
   "keywords": [
@@ -97,6 +97,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.64.0-rc.6",
-  "stableVersion": "2.63.1"
+  "version": "2.64.0",
+  "type": "module"
 }

package/dist/browser/components/Chrome.stories.js

@@ -1,53 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Breadcrumbs, List } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { LinkEx } from "@xylabs/react-link";
-import { MenuListItemContainer } from "@xyo-network/react-appbar";
-import { BrowserRouter } from "react-router-dom";
-import { WebAppChrome } from "./Chrome";
-import { WebAppPage } from "./Page";
-const StorybookEntry = {
-  argTypes: {},
-  component: WebAppChrome,
-  parameters: {
-    docs: {
-      page: null
-    }
-  },
-  title: "webapp/WebAppChrome"
-};
-const rowArray = [32, 64, 128, 256, 512, 1024];
-const Children = (props) => /* @__PURE__ */ jsx(
-  WebAppPage,
-  {
-    breadcrumbs: /* @__PURE__ */ jsx(Breadcrumbs, { children: /* @__PURE__ */ jsx(LinkEx, { children: "BreadCrumbs" }) }),
-    ...props,
-    children: rowArray.map((height) => {
-      return /* @__PURE__ */ jsx(FlexRow, { height, children: height }, height);
-    })
-  }
-);
-const Template = (args) => {
-  return /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(
-    WebAppChrome,
-    {
-      menuItems: /* @__PURE__ */ jsx(List, { children: /* @__PURE__ */ jsx(MenuListItemContainer, { primary: "Hello" }) }),
-      height: "calc(100vh - 2rem)",
-      ...args
-    }
-  ) });
-};
-const Default = Template.bind({});
-Default.args = {};
-const DefaultSideBar = Template.bind({});
-DefaultSideBar.args = { children: /* @__PURE__ */ jsx(Children, {}), navigationType: "sidebar" };
-const WithFixedSizePage = Template.bind({});
-WithFixedSizePage.args = { children: /* @__PURE__ */ jsx(Children, { variant: "fixed" }), navigationType: "sidebar" };
-var Chrome_stories_default = StorybookEntry;
-export {
-  Default,
-  DefaultSideBar,
-  WithFixedSizePage,
-  Chrome_stories_default as default
-};
-//# sourceMappingURL=Chrome.stories.js.map

package/dist/browser/components/Chrome.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Chrome.stories.tsx"],"sourcesContent":["/* eslint-disable import/no-internal-modules */\nimport { Breadcrumbs, List } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { MenuListItemContainer } from '@xyo-network/react-appbar'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { WebAppChrome } from './Chrome'\nimport { WebAppPage, WebAppPageProps } from './Page'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WebAppChrome,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'webapp/WebAppChrome',\n} as Meta<typeof WebAppChrome>\n\nconst rowArray = [32, 64, 128, 256, 512, 1024]\n\nconst Children: React.FC<WebAppPageProps> = (props) => (\n  <WebAppPage\n    breadcrumbs={\n      <Breadcrumbs>\n        <LinkEx>BreadCrumbs</LinkEx>\n      </Breadcrumbs>\n    }\n    {...props}\n  >\n    {rowArray.map((height) => {\n      return (\n        <FlexRow key={height} height={height}>\n          {height}\n        </FlexRow>\n      )\n    })}\n  </WebAppPage>\n)\n\nconst Template: StoryFn<typeof WebAppChrome> = (args) => {\n  return (\n    <BrowserRouter>\n      <WebAppChrome\n        menuItems={\n          <List>\n            <MenuListItemContainer primary=\"Hello\" />\n          </List>\n        }\n        height=\"calc(100vh - 2rem)\"\n        {...args}\n      ></WebAppChrome>\n    </BrowserRouter>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst DefaultSideBar = Template.bind({})\nDefaultSideBar.args = { children: <Children />, navigationType: 'sidebar' }\n\nconst WithFixedSizePage = Template.bind({})\nWithFixedSizePage.args = { children: <Children variant=\"fixed\" />, navigationType: 'sidebar' }\n\nexport { Default, DefaultSideBar, WithFixedSizePage }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AA4BQ;AA3BR,SAAS,aAAa,YAAY;AAElC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAE9B,SAAS,oBAAoB;AAC7B,SAAS,kBAAmC;AAE5C,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,WAAW,CAAC,IAAI,IAAI,KAAK,KAAK,KAAK,IAAI;AAE7C,MAAM,WAAsC,CAAC,UAC3C;AAAA,EAAC;AAAA;AAAA,IACC,aACE,oBAAC,eACC,8BAAC,UAAO,yBAAW,GACrB;AAAA,IAED,GAAG;AAAA,IAEH,mBAAS,IAAI,CAAC,WAAW;AACxB,aACE,oBAAC,WAAqB,QACnB,oBADW,MAEd;AAAA,IAEJ,CAAC;AAAA;AACH;AAGF,MAAM,WAAyC,CAAC,SAAS;AACvD,SACE,oBAAC,iBACC;AAAA,IAAC;AAAA;AAAA,MACC,WACE,oBAAC,QACC,8BAAC,yBAAsB,SAAQ,SAAQ,GACzC;AAAA,MAEF,QAAO;AAAA,MACN,GAAG;AAAA;AAAA,EACL,GACH;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,iBAAiB,SAAS,KAAK,CAAC,CAAC;AACvC,eAAe,OAAO,EAAE,UAAU,oBAAC,YAAS,GAAI,gBAAgB,UAAU;AAE1E,MAAM,oBAAoB,SAAS,KAAK,CAAC,CAAC;AAC1C,kBAAkB,OAAO,EAAE,UAAU,oBAAC,YAAS,SAAQ,SAAQ,GAAI,gBAAgB,UAAU;AAK7F,IAAO,yBAAQ;","names":[]}

package/dist/browser/components/NotFoundPage/Page.stories.js

@@ -1,23 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { NotFound } from "@xyo-network/react-shared";
-const StorybookEntry = {
-  argTypes: {},
-  component: NotFound,
-  parameters: {
-    docs: {
-      page: null
-    }
-  },
-  title: "webapp/NotFound"
-};
-const Template = () => {
-  return /* @__PURE__ */ jsx(NotFound, {});
-};
-const Default = Template.bind({});
-Default.args = {};
-var Page_stories_default = StorybookEntry;
-export {
-  Default,
-  Page_stories_default as default
-};
-//# sourceMappingURL=Page.stories.js.map

package/dist/browser/components/NotFoundPage/Page.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/NotFoundPage/Page.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { NotFound } from '@xyo-network/react-shared'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: NotFound,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'webapp/NotFound',\n} as Meta<typeof NotFound>\n\nconst Template: StoryFn<typeof NotFound> = () => {\n  return <NotFound />\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAeS;AAdT,SAAS,gBAAgB;AAEzB,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,WAAqC,MAAM;AAC/C,SAAO,oBAAC,YAAS;AACnB;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAKhB,IAAO,uBAAQ;","names":[]}

package/dist/node/components/Body.mjs

@@ -1,77 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { styled } from "@mui/material";
-import { FlexGrowCol, FlexRow } from "@xylabs/react-flexbox";
-import { fixedContent, scrollableContent } from "./lib";
-const WebAppBodyName = "WebAppBody";
-const propsNotForwarded = ["mobileScrollingBreakpoint", "variant", "spacing", "disableBreadcrumbGutter"];
-const defaultStyledOptions = {
-  shouldForwardProp: (prop) => !propsNotForwarded.includes(prop)
-};
-const WebAppBodyRoot = styled(FlexGrowCol, {
-  ...defaultStyledOptions,
-  name: WebAppBodyName,
-  slot: "Root"
-})(({ spacing, theme, mobileScrollingBreakpoint = "sm", variant }) => {
-  const scrollable = variant === "scrollable";
-  return theme.unstable_sx({
-    alignItems: "stretch",
-    gap: 1,
-    justifyContent: "flex-start",
-    overflowX: "visible",
-    overflowY: scrollable ? "scroll" : "hidden",
-    paddingY: spacing,
-    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
-      overflowY: "scroll"
-    }
-  });
-});
-const WebAppBodyBreadcrumb = styled(FlexRow, {
-  ...defaultStyledOptions,
-  name: WebAppBodyName,
-  slot: "Breadcrumb"
-})(
-  ({ theme, disableBreadcrumbGutter, spacing }) => theme.unstable_sx({
-    justifyContent: "start",
-    marginX: disableBreadcrumbGutter ? 0 : spacing
-  })
-);
-const WebAppBodyScrollableWrapper = styled(FlexGrowCol, {
-  name: WebAppBodyName,
-  slot: "ScrollableWrapper"
-})(() => ({
-  alignItems: "stretch"
-}));
-const WebAppBodyScrollable = styled(FlexGrowCol, {
-  ...defaultStyledOptions,
-  name: WebAppBodyName,
-  slot: "Scrollable"
-})(({ theme, mobileScrollingBreakpoint = "sm", variant }) => {
-  const props = variant === "scrollable" ? scrollableContent : fixedContent;
-  return {
-    ...props,
-    alignItems: "stretch",
-    justifyContent: "start",
-    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
-      inset: "unset",
-      position: "relative"
-    }
-  };
-});
-const WebAppBody = ({
-  children,
-  breadcrumbs,
-  disableBreadcrumbGutter,
-  mobileScrollingBreakpoint,
-  spacing = 1,
-  variant,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(WebAppBodyRoot, { mobileScrollingBreakpoint, spacing, variant, ...props, children: [
-    breadcrumbs ? /* @__PURE__ */ jsx(WebAppBodyBreadcrumb, { disableBreadcrumbGutter, spacing, children: breadcrumbs }) : null,
-    /* @__PURE__ */ jsx(WebAppBodyScrollableWrapper, { children: /* @__PURE__ */ jsx(WebAppBodyScrollable, { mobileScrollingBreakpoint, variant, children }) })
-  ] });
-};
-export {
-  WebAppBody
-};
-//# sourceMappingURL=Body.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Body.tsx"],"sourcesContent":["import { Breakpoint, styled } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\nimport React, { ReactNode } from 'react'\n\nimport { fixedContent, scrollableContent } from './lib'\n\nconst WebAppBodyName = 'WebAppBody'\nconst propsNotForwarded = ['mobileScrollingBreakpoint', 'variant', 'spacing', 'disableBreadcrumbGutter']\nconst defaultStyledOptions = {\n  shouldForwardProp: (prop: string) => !propsNotForwarded.includes(prop),\n}\n\nconst WebAppBodyRoot = styled(FlexGrowCol, {\n  ...defaultStyledOptions,\n  name: WebAppBodyName,\n  slot: 'Root',\n})<WebAppBodyProps>(({ spacing, theme, mobileScrollingBreakpoint = 'sm', variant }) => {\n  const scrollable = variant === 'scrollable'\n  return theme.unstable_sx({\n    alignItems: 'stretch',\n    gap: 1,\n    justifyContent: 'flex-start',\n    overflowX: 'visible',\n    overflowY: scrollable ? 'scroll' : 'hidden',\n    paddingY: spacing,\n    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {\n      overflowY: 'scroll',\n    },\n  })\n})\n\nconst WebAppBodyBreadcrumb = styled(FlexRow, {\n  ...defaultStyledOptions,\n  name: WebAppBodyName,\n  slot: 'Breadcrumb',\n})<WebAppBodyProps>(({ theme, disableBreadcrumbGutter, spacing }) =>\n  theme.unstable_sx({\n    justifyContent: 'start',\n    marginX: disableBreadcrumbGutter ? 0 : spacing,\n  }),\n)\n\nconst WebAppBodyScrollableWrapper = styled(FlexGrowCol, {\n  name: WebAppBodyName,\n  slot: 'ScrollableWrapper',\n})<WebAppBodyProps>(() => ({\n  alignItems: 'stretch',\n}))\n\nconst WebAppBodyScrollable = styled(FlexGrowCol, {\n  ...defaultStyledOptions,\n  name: WebAppBodyName,\n  slot: 'Scrollable',\n})<WebAppBodyProps>(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {\n  const props = variant === 'scrollable' ? scrollableContent : fixedContent\n  return {\n    ...props,\n    alignItems: 'stretch',\n    justifyContent: 'start',\n    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {\n      inset: 'unset',\n      position: 'relative',\n    },\n  }\n})\n\nexport interface WebAppBodyProps extends FlexBoxProps {\n  breadcrumbs?: ReactNode\n  disableBreadcrumbGutter?: boolean\n  mobileScrollingBreakpoint?: Breakpoint\n  spacing?: string | number\n  variant?: 'scrollable' | 'fixed'\n}\n\nexport const WebAppBody: React.FC<WebAppBodyProps> = ({\n  children,\n  breadcrumbs,\n  disableBreadcrumbGutter,\n  mobileScrollingBreakpoint,\n  spacing = 1,\n  variant,\n  ...props\n}) => {\n  return (\n    <WebAppBodyRoot mobileScrollingBreakpoint={mobileScrollingBreakpoint} spacing={spacing} variant={variant} {...props}>\n      {breadcrumbs ? (\n        <WebAppBodyBreadcrumb disableBreadcrumbGutter={disableBreadcrumbGutter} spacing={spacing}>\n          {breadcrumbs}\n        </WebAppBodyBreadcrumb>\n      ) : null}\n      <WebAppBodyScrollableWrapper>\n        <WebAppBodyScrollable mobileScrollingBreakpoint={mobileScrollingBreakpoint} variant={variant}>\n          {children}\n        </WebAppBodyScrollable>\n      </WebAppBodyScrollableWrapper>\n    </WebAppBodyRoot>\n  )\n}\n"],"mappings":"AAoFI,SAEI,KAFJ;AApFJ,SAAqB,cAAc;AACnC,SAAuB,aAAa,eAAe;AAGnD,SAAS,cAAc,yBAAyB;AAEhD,MAAM,iBAAiB;AACvB,MAAM,oBAAoB,CAAC,6BAA6B,WAAW,WAAW,yBAAyB;AACvG,MAAM,uBAAuB;AAAA,EAC3B,mBAAmB,CAAC,SAAiB,CAAC,kBAAkB,SAAS,IAAI;AACvE;AAEA,MAAM,iBAAiB,OAAO,aAAa;AAAA,EACzC,GAAG;AAAA,EACH,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAmB,CAAC,EAAE,SAAS,OAAO,4BAA4B,MAAM,QAAQ,MAAM;AACrF,QAAM,aAAa,YAAY;AAC/B,SAAO,MAAM,YAAY;AAAA,IACvB,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,WAAW,aAAa,WAAW;AAAA,IACnC,UAAU;AAAA,IACV,CAAC,MAAM,YAAY,KAAK,yBAAyB,CAAC,GAAG;AAAA,MACnD,WAAW;AAAA,IACb;AAAA,EACF,CAAC;AACH,CAAC;AAED,MAAM,uBAAuB,OAAO,SAAS;AAAA,EAC3C,GAAG;AAAA,EACH,MAAM;AAAA,EACN,MAAM;AACR,CAAC;AAAA,EAAmB,CAAC,EAAE,OAAO,yBAAyB,QAAQ,MAC7D,MAAM,YAAY;AAAA,IAChB,gBAAgB;AAAA,IAChB,SAAS,0BAA0B,IAAI;AAAA,EACzC,CAAC;AACH;AAEA,MAAM,8BAA8B,OAAO,aAAa;AAAA,EACtD,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAmB,OAAO;AAAA,EACzB,YAAY;AACd,EAAE;AAEF,MAAM,uBAAuB,OAAO,aAAa;AAAA,EAC/C,GAAG;AAAA,EACH,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAmB,CAAC,EAAE,OAAO,4BAA4B,MAAM,QAAQ,MAAM;AAC5E,QAAM,QAAQ,YAAY,eAAe,oBAAoB;AAC7D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,CAAC,MAAM,YAAY,KAAK,yBAAyB,CAAC,GAAG;AAAA,MACnD,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AACF,CAAC;AAUM,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE,qBAAC,kBAAe,2BAAsD,SAAkB,SAAmB,GAAG,OAC3G;AAAA,kBACC,oBAAC,wBAAqB,yBAAkD,SACrE,uBACH,IACE;AAAA,IACJ,oBAAC,+BACC,8BAAC,wBAAqB,2BAAsD,SACzE,UACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/node/components/Chrome.mjs

@@ -1,38 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Divider, Paper } from "@mui/material";
-import { FlexCol, FlexGrowCol, FlexGrowRow } from "@xylabs/react-flexbox";
-import { ApplicationAppBar, SystemToolbar } from "@xyo-network/react-appbar";
-import { Footer } from "@xyo-network/react-footer";
-import { ErrorBoundary } from "@xyo-network/react-shared";
-import { forwardRef } from "react";
-import { Helmet } from "react-helmet";
-import { WebAppErrorPage } from "./ErrorPage";
-const WebAppChrome = forwardRef(
-  ({ appName, appbar, children, errorPage, footer, footerElevation = 4, menuItems, navigationType = "menu", ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(FlexCol, { id: "web-chrome-flex", alignItems: "stretch", overflow: "hidden", height: "100vh", ref, ...props, children: [
-      /* @__PURE__ */ jsx(Helmet, { defaultTitle: appName, titleTemplate: `%s | ${appName}`, children: /* @__PURE__ */ jsx("meta", { content: "website", property: "og:type" }) }),
-      appbar ?? /* @__PURE__ */ jsx(ApplicationAppBar, { systemToolbar: /* @__PURE__ */ jsx(SystemToolbar, { menuItems: navigationType === "menu" ? menuItems : void 0 }) }),
-      /* @__PURE__ */ jsxs(FlexGrowRow, { id: "sidebar-nav-flex", overflow: "hidden", alignItems: "stretch", children: [
-        navigationType !== "menu" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          menuItems,
-          /* @__PURE__ */ jsx(Divider, { orientation: "vertical" })
-        ] }) : null,
-        /* @__PURE__ */ jsx(FlexGrowCol, { id: "main-flex", justifyContent: "flex-start", alignItems: "stretch", children: /* @__PURE__ */ jsx(
-          ErrorBoundary,
-          {
-            fallbackWithError: (error) => {
-              return errorPage ?? /* @__PURE__ */ jsx(WebAppErrorPage, { error });
-            },
-            children
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ jsx(FlexCol, { id: "footer-flex", alignItems: "stretch", children: /* @__PURE__ */ jsx(Paper, { elevation: footerElevation, square: true, children: footer ?? /* @__PURE__ */ jsx(Footer, { dynamicHeight: true }) }) })
-    ] });
-  }
-);
-WebAppChrome.displayName = "WebAppChrome";
-export {
-  WebAppChrome
-};
-//# sourceMappingURL=Chrome.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Chrome.tsx"],"sourcesContent":["import { Divider, Paper } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexGrowCol, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { WebAppNavigationType } from '@xyo-network/react-app-settings'\nimport { ApplicationAppBar, SystemToolbar } from '@xyo-network/react-appbar'\nimport { Footer } from '@xyo-network/react-footer'\nimport { ErrorBoundary } from '@xyo-network/react-shared'\nimport { forwardRef, ReactNode } from 'react'\nimport { Helmet } from 'react-helmet'\n\nimport { WebAppErrorPage } from './ErrorPage'\n\nexport interface WebAppChromeProps extends FlexBoxProps {\n  appName: string\n  appbar?: ReactNode\n  errorPage?: ReactNode\n  footer?: ReactNode\n  footerElevation?: number\n  menuItems?: ReactNode\n  navigationType?: WebAppNavigationType\n}\n\nexport const WebAppChrome = forwardRef<HTMLDivElement, WebAppChromeProps>(\n  ({ appName, appbar, children, errorPage, footer, footerElevation = 4, menuItems, navigationType = 'menu', ...props }, ref) => {\n    return (\n      <FlexCol id=\"web-chrome-flex\" alignItems=\"stretch\" overflow=\"hidden\" height=\"100vh\" ref={ref} {...props}>\n        <Helmet defaultTitle={appName} titleTemplate={`%s | ${appName}`}>\n          <meta content=\"website\" property=\"og:type\" />\n        </Helmet>\n        {appbar ?? <ApplicationAppBar systemToolbar={<SystemToolbar menuItems={navigationType === 'menu' ? menuItems : undefined} />} />}\n        <FlexGrowRow id=\"sidebar-nav-flex\" overflow=\"hidden\" alignItems=\"stretch\">\n          {navigationType !== 'menu' ? (\n            <>\n              {menuItems}\n              <Divider orientation=\"vertical\" />\n            </>\n          ) : null}\n          <FlexGrowCol id=\"main-flex\" justifyContent=\"flex-start\" alignItems=\"stretch\">\n            <ErrorBoundary\n              fallbackWithError={(error) => {\n                return errorPage ?? <WebAppErrorPage error={error} />\n              }}\n            >\n              {children}\n            </ErrorBoundary>\n          </FlexGrowCol>\n        </FlexGrowRow>\n        <FlexCol id=\"footer-flex\" alignItems=\"stretch\">\n          <Paper elevation={footerElevation} square>\n            {footer ?? <Footer dynamicHeight />}\n          </Paper>\n        </FlexCol>\n      </FlexCol>\n    )\n  },\n)\n\nWebAppChrome.displayName = 'WebAppChrome'\n"],"mappings":"AA0BU,SAKE,UALF,KAKE,YALF;AA1BV,SAAS,SAAS,aAAa;AAC/B,SAAuB,SAAS,aAAa,mBAAmB;AAEhE,SAAS,mBAAmB,qBAAqB;AACjD,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,kBAA6B;AACtC,SAAS,cAAc;AAEvB,SAAS,uBAAuB;AAYzB,MAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,SAAS,QAAQ,UAAU,WAAW,QAAQ,kBAAkB,GAAG,WAAW,iBAAiB,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC5H,WACE,qBAAC,WAAQ,IAAG,mBAAkB,YAAW,WAAU,UAAS,UAAS,QAAO,SAAQ,KAAW,GAAG,OAChG;AAAA,0BAAC,UAAO,cAAc,SAAS,eAAe,QAAQ,OAAO,IAC3D,8BAAC,UAAK,SAAQ,WAAU,UAAS,WAAU,GAC7C;AAAA,MACC,UAAU,oBAAC,qBAAkB,eAAe,oBAAC,iBAAc,WAAW,mBAAmB,SAAS,YAAY,QAAW,GAAI;AAAA,MAC9H,qBAAC,eAAY,IAAG,oBAAmB,UAAS,UAAS,YAAW,WAC7D;AAAA,2BAAmB,SAClB,iCACG;AAAA;AAAA,UACD,oBAAC,WAAQ,aAAY,YAAW;AAAA,WAClC,IACE;AAAA,QACJ,oBAAC,eAAY,IAAG,aAAY,gBAAe,cAAa,YAAW,WACjE;AAAA,UAAC;AAAA;AAAA,YACC,mBAAmB,CAAC,UAAU;AAC5B,qBAAO,aAAa,oBAAC,mBAAgB,OAAc;AAAA,YACrD;AAAA,YAEC;AAAA;AAAA,QACH,GACF;AAAA,SACF;AAAA,MACA,oBAAC,WAAQ,IAAG,eAAc,YAAW,WACnC,8BAAC,SAAM,WAAW,iBAAiB,QAAM,MACtC,oBAAU,oBAAC,UAAO,eAAa,MAAC,GACnC,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;","names":[]}

package/dist/node/components/Chrome.stories.js

@@ -1,79 +0,0 @@
-"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 Chrome_stories_exports = {};
-__export(Chrome_stories_exports, {
-  Default: () => Default,
-  DefaultSideBar: () => DefaultSideBar,
-  WithFixedSizePage: () => WithFixedSizePage,
-  default: () => Chrome_stories_default
-});
-module.exports = __toCommonJS(Chrome_stories_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_appbar = require("@xyo-network/react-appbar");
-var import_react_router_dom = require("react-router-dom");
-var import_Chrome = require("./Chrome");
-var import_Page = require("./Page");
-const StorybookEntry = {
-  argTypes: {},
-  component: import_Chrome.WebAppChrome,
-  parameters: {
-    docs: {
-      page: null
-    }
-  },
-  title: "webapp/WebAppChrome"
-};
-const rowArray = [32, 64, 128, 256, 512, 1024];
-const Children = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_Page.WebAppPage,
-  {
-    breadcrumbs: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Breadcrumbs, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_link.LinkEx, { children: "BreadCrumbs" }) }),
-    ...props,
-    children: rowArray.map((height) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { height, children: height }, height);
-    })
-  }
-);
-const Template = (args) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_Chrome.WebAppChrome,
-    {
-      menuItems: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.List, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_appbar.MenuListItemContainer, { primary: "Hello" }) }),
-      height: "calc(100vh - 2rem)",
-      ...args
-    }
-  ) });
-};
-const Default = Template.bind({});
-Default.args = {};
-const DefaultSideBar = Template.bind({});
-DefaultSideBar.args = { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Children, {}), navigationType: "sidebar" };
-const WithFixedSizePage = Template.bind({});
-WithFixedSizePage.args = { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Children, { variant: "fixed" }), navigationType: "sidebar" };
-var Chrome_stories_default = StorybookEntry;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Default,
-  DefaultSideBar,
-  WithFixedSizePage
-});
-//# sourceMappingURL=Chrome.stories.js.map

package/dist/node/components/Chrome.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Chrome.stories.tsx"],"sourcesContent":["/* eslint-disable import/no-internal-modules */\nimport { Breadcrumbs, List } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { MenuListItemContainer } from '@xyo-network/react-appbar'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { WebAppChrome } from './Chrome'\nimport { WebAppPage, WebAppPageProps } from './Page'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WebAppChrome,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'webapp/WebAppChrome',\n} as Meta<typeof WebAppChrome>\n\nconst rowArray = [32, 64, 128, 256, 512, 1024]\n\nconst Children: React.FC<WebAppPageProps> = (props) => (\n  <WebAppPage\n    breadcrumbs={\n      <Breadcrumbs>\n        <LinkEx>BreadCrumbs</LinkEx>\n      </Breadcrumbs>\n    }\n    {...props}\n  >\n    {rowArray.map((height) => {\n      return (\n        <FlexRow key={height} height={height}>\n          {height}\n        </FlexRow>\n      )\n    })}\n  </WebAppPage>\n)\n\nconst Template: StoryFn<typeof WebAppChrome> = (args) => {\n  return (\n    <BrowserRouter>\n      <WebAppChrome\n        menuItems={\n          <List>\n            <MenuListItemContainer primary=\"Hello\" />\n          </List>\n        }\n        height=\"calc(100vh - 2rem)\"\n        {...args}\n      ></WebAppChrome>\n    </BrowserRouter>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst DefaultSideBar = Template.bind({})\nDefaultSideBar.args = { children: <Children />, navigationType: 'sidebar' }\n\nconst WithFixedSizePage = Template.bind({})\nWithFixedSizePage.args = { children: <Children variant=\"fixed\" />, navigationType: 'sidebar' }\n\nexport { Default, DefaultSideBar, WithFixedSizePage }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4BQ;AA3BR,sBAAkC;AAElC,2BAAwB;AACxB,wBAAuB;AACvB,0BAAsC;AACtC,8BAA8B;AAE9B,oBAA6B;AAC7B,kBAA4C;AAE5C,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,WAAW,CAAC,IAAI,IAAI,KAAK,KAAK,KAAK,IAAI;AAE7C,MAAM,WAAsC,CAAC,UAC3C;AAAA,EAAC;AAAA;AAAA,IACC,aACE,4CAAC,+BACC,sDAAC,4BAAO,yBAAW,GACrB;AAAA,IAED,GAAG;AAAA,IAEH,mBAAS,IAAI,CAAC,WAAW;AACxB,aACE,4CAAC,gCAAqB,QACnB,oBADW,MAEd;AAAA,IAEJ,CAAC;AAAA;AACH;AAGF,MAAM,WAAyC,CAAC,SAAS;AACvD,SACE,4CAAC,yCACC;AAAA,IAAC;AAAA;AAAA,MACC,WACE,4CAAC,wBACC,sDAAC,6CAAsB,SAAQ,SAAQ,GACzC;AAAA,MAEF,QAAO;AAAA,MACN,GAAG;AAAA;AAAA,EACL,GACH;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,iBAAiB,SAAS,KAAK,CAAC,CAAC;AACvC,eAAe,OAAO,EAAE,UAAU,4CAAC,YAAS,GAAI,gBAAgB,UAAU;AAE1E,MAAM,oBAAoB,SAAS,KAAK,CAAC,CAAC;AAC1C,kBAAkB,OAAO,EAAE,UAAU,4CAAC,YAAS,SAAQ,SAAQ,GAAI,gBAAgB,UAAU;AAK7F,IAAO,yBAAQ;","names":[]}

package/dist/node/components/Chrome.stories.mjs

@@ -1,53 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Breadcrumbs, List } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { LinkEx } from "@xylabs/react-link";
-import { MenuListItemContainer } from "@xyo-network/react-appbar";
-import { BrowserRouter } from "react-router-dom";
-import { WebAppChrome } from "./Chrome";
-import { WebAppPage } from "./Page";
-const StorybookEntry = {
-  argTypes: {},
-  component: WebAppChrome,
-  parameters: {
-    docs: {
-      page: null
-    }
-  },
-  title: "webapp/WebAppChrome"
-};
-const rowArray = [32, 64, 128, 256, 512, 1024];
-const Children = (props) => /* @__PURE__ */ jsx(
-  WebAppPage,
-  {
-    breadcrumbs: /* @__PURE__ */ jsx(Breadcrumbs, { children: /* @__PURE__ */ jsx(LinkEx, { children: "BreadCrumbs" }) }),
-    ...props,
-    children: rowArray.map((height) => {
-      return /* @__PURE__ */ jsx(FlexRow, { height, children: height }, height);
-    })
-  }
-);
-const Template = (args) => {
-  return /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(
-    WebAppChrome,
-    {
-      menuItems: /* @__PURE__ */ jsx(List, { children: /* @__PURE__ */ jsx(MenuListItemContainer, { primary: "Hello" }) }),
-      height: "calc(100vh - 2rem)",
-      ...args
-    }
-  ) });
-};
-const Default = Template.bind({});
-Default.args = {};
-const DefaultSideBar = Template.bind({});
-DefaultSideBar.args = { children: /* @__PURE__ */ jsx(Children, {}), navigationType: "sidebar" };
-const WithFixedSizePage = Template.bind({});
-WithFixedSizePage.args = { children: /* @__PURE__ */ jsx(Children, { variant: "fixed" }), navigationType: "sidebar" };
-var Chrome_stories_default = StorybookEntry;
-export {
-  Default,
-  DefaultSideBar,
-  WithFixedSizePage,
-  Chrome_stories_default as default
-};
-//# sourceMappingURL=Chrome.stories.mjs.map

package/dist/node/components/Chrome.stories.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Chrome.stories.tsx"],"sourcesContent":["/* eslint-disable import/no-internal-modules */\nimport { Breadcrumbs, List } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { LinkEx } from '@xylabs/react-link'\nimport { MenuListItemContainer } from '@xyo-network/react-appbar'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { WebAppChrome } from './Chrome'\nimport { WebAppPage, WebAppPageProps } from './Page'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: WebAppChrome,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'webapp/WebAppChrome',\n} as Meta<typeof WebAppChrome>\n\nconst rowArray = [32, 64, 128, 256, 512, 1024]\n\nconst Children: React.FC<WebAppPageProps> = (props) => (\n  <WebAppPage\n    breadcrumbs={\n      <Breadcrumbs>\n        <LinkEx>BreadCrumbs</LinkEx>\n      </Breadcrumbs>\n    }\n    {...props}\n  >\n    {rowArray.map((height) => {\n      return (\n        <FlexRow key={height} height={height}>\n          {height}\n        </FlexRow>\n      )\n    })}\n  </WebAppPage>\n)\n\nconst Template: StoryFn<typeof WebAppChrome> = (args) => {\n  return (\n    <BrowserRouter>\n      <WebAppChrome\n        menuItems={\n          <List>\n            <MenuListItemContainer primary=\"Hello\" />\n          </List>\n        }\n        height=\"calc(100vh - 2rem)\"\n        {...args}\n      ></WebAppChrome>\n    </BrowserRouter>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst DefaultSideBar = Template.bind({})\nDefaultSideBar.args = { children: <Children />, navigationType: 'sidebar' }\n\nconst WithFixedSizePage = Template.bind({})\nWithFixedSizePage.args = { children: <Children variant=\"fixed\" />, navigationType: 'sidebar' }\n\nexport { Default, DefaultSideBar, WithFixedSizePage }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AA4BQ;AA3BR,SAAS,aAAa,YAAY;AAElC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAE9B,SAAS,oBAAoB;AAC7B,SAAS,kBAAmC;AAE5C,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,WAAW,CAAC,IAAI,IAAI,KAAK,KAAK,KAAK,IAAI;AAE7C,MAAM,WAAsC,CAAC,UAC3C;AAAA,EAAC;AAAA;AAAA,IACC,aACE,oBAAC,eACC,8BAAC,UAAO,yBAAW,GACrB;AAAA,IAED,GAAG;AAAA,IAEH,mBAAS,IAAI,CAAC,WAAW;AACxB,aACE,oBAAC,WAAqB,QACnB,oBADW,MAEd;AAAA,IAEJ,CAAC;AAAA;AACH;AAGF,MAAM,WAAyC,CAAC,SAAS;AACvD,SACE,oBAAC,iBACC;AAAA,IAAC;AAAA;AAAA,MACC,WACE,oBAAC,QACC,8BAAC,yBAAsB,SAAQ,SAAQ,GACzC;AAAA,MAEF,QAAO;AAAA,MACN,GAAG;AAAA;AAAA,EACL,GACH;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,iBAAiB,SAAS,KAAK,CAAC,CAAC;AACvC,eAAe,OAAO,EAAE,UAAU,oBAAC,YAAS,GAAI,gBAAgB,UAAU;AAE1E,MAAM,oBAAoB,SAAS,KAAK,CAAC,CAAC;AAC1C,kBAAkB,OAAO,EAAE,UAAU,oBAAC,YAAS,SAAQ,SAAQ,GAAI,gBAAgB,UAAU;AAK7F,IAAO,yBAAQ;","names":[]}

package/dist/node/components/ErrorPage.mjs

@@ -1,14 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ButtonEx } from "@xylabs/react-button";
-import { WebAppPage } from "./Page";
-const WebAppErrorPage = ({ error, ...props }) => /* @__PURE__ */ jsxs(WebAppPage, { title: "Oops! Something went wrong", ...props, children: [
-  /* @__PURE__ */ jsx("h1", { children: "Oops! Something went wrong!" }),
-  /* @__PURE__ */ jsx("p", { children: `${error}` }),
-  /* @__PURE__ */ jsx(ButtonEx, { href: "/", variant: "contained", children: "Homepage" })
-] });
-const ErrorPage = WebAppErrorPage;
-export {
-  ErrorPage,
-  WebAppErrorPage
-};
-//# sourceMappingURL=ErrorPage.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ErrorPage.tsx"],"sourcesContent":["import { ButtonEx } from '@xylabs/react-button'\n\nimport { WebAppPage, WebAppPageProps } from './Page'\n\nexport interface WebAppErrorPageProps extends WebAppPageProps {\n  error?: Error\n}\n\nexport const WebAppErrorPage: React.FC<WebAppErrorPageProps> = ({ error, ...props }) => (\n  <WebAppPage title=\"Oops! Something went wrong\" {...props}>\n    <h1>Oops! Something went wrong!</h1>\n    <p>{`${error}`}</p>\n    <ButtonEx href=\"/\" variant=\"contained\">\n      Homepage\n    </ButtonEx>\n  </WebAppPage>\n)\n\n/** @deprecated use WebAppErrorPage instead */\nexport const ErrorPage = WebAppErrorPage\n"],"mappings":"AASE,SACE,KADF;AATF,SAAS,gBAAgB;AAEzB,SAAS,kBAAmC;AAMrC,MAAM,kBAAkD,CAAC,EAAE,OAAO,GAAG,MAAM,MAChF,qBAAC,cAAW,OAAM,8BAA8B,GAAG,OACjD;AAAA,sBAAC,QAAG,yCAA2B;AAAA,EAC/B,oBAAC,OAAG,aAAG,KAAK,IAAG;AAAA,EACf,oBAAC,YAAS,MAAK,KAAI,SAAQ,aAAY,sBAEvC;AAAA,GACF;AAIK,MAAM,YAAY;","names":[]}

package/dist/node/components/NotFoundPage/Page.mjs

@@ -1,10 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { NotFound } from "@xyo-network/react-shared";
-import { WebAppPage } from "../Page";
-const WebAppNotFoundPage = ({ title, ...props }) => /* @__PURE__ */ jsx(WebAppPage, { title: title ?? "Sorry! Page Not Found", ...props, children: /* @__PURE__ */ jsx(NotFound, {}) });
-const NotFoundPage = WebAppNotFoundPage;
-export {
-  NotFoundPage,
-  WebAppNotFoundPage
-};
-//# sourceMappingURL=Page.mjs.map

package/dist/node/components/NotFoundPage/Page.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/NotFoundPage/Page.tsx"],"sourcesContent":["import { NotFound } from '@xyo-network/react-shared'\n\nimport { WebAppPage, WebAppPageProps } from '../Page'\n\nexport const WebAppNotFoundPage: React.FC<WebAppPageProps> = ({ title, ...props }) => (\n  <WebAppPage title={title ?? 'Sorry! Page Not Found'} {...props}>\n    <NotFound />\n  </WebAppPage>\n)\n\n/** @deprecated  use WebAppNotFoundPage instead */\nexport const NotFoundPage = WebAppNotFoundPage\n"],"mappings":"AAMI;AANJ,SAAS,gBAAgB;AAEzB,SAAS,kBAAmC;AAErC,MAAM,qBAAgD,CAAC,EAAE,OAAO,GAAG,MAAM,MAC9E,oBAAC,cAAW,OAAO,SAAS,yBAA0B,GAAG,OACvD,8BAAC,YAAS,GACZ;AAIK,MAAM,eAAe;","names":[]}

package/dist/node/components/NotFoundPage/Page.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/NotFoundPage/Page.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { NotFound } from '@xyo-network/react-shared'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: NotFound,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'webapp/NotFound',\n} as Meta<typeof NotFound>\n\nconst Template: StoryFn<typeof NotFound> = () => {\n  return <NotFound />\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeS;AAdT,0BAAyB;AAEzB,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,WAAqC,MAAM;AAC/C,SAAO,4CAAC,gCAAS;AACnB;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAKhB,IAAO,uBAAQ;","names":[]}

package/dist/node/components/NotFoundPage/Page.stories.mjs

@@ -1,23 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { NotFound } from "@xyo-network/react-shared";
-const StorybookEntry = {
-  argTypes: {},
-  component: NotFound,
-  parameters: {
-    docs: {
-      page: null
-    }
-  },
-  title: "webapp/NotFound"
-};
-const Template = () => {
-  return /* @__PURE__ */ jsx(NotFound, {});
-};
-const Default = Template.bind({});
-Default.args = {};
-var Page_stories_default = StorybookEntry;
-export {
-  Default,
-  Page_stories_default as default
-};
-//# sourceMappingURL=Page.stories.mjs.map

package/dist/node/components/NotFoundPage/Page.stories.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/NotFoundPage/Page.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { NotFound } from '@xyo-network/react-shared'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: NotFound,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'webapp/NotFound',\n} as Meta<typeof NotFound>\n\nconst Template: StoryFn<typeof NotFound> = () => {\n  return <NotFound />\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAeS;AAdT,SAAS,gBAAgB;AAEzB,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,WAAqC,MAAM;AAC/C,SAAO,oBAAC,YAAS;AACnB;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAKhB,IAAO,uBAAQ;","names":[]}

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

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

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

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

package/dist/node/components/Page.mjs

@@ -1,86 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Container, styled } from "@mui/material";
-import { useAsyncEffect } from "@xylabs/react-async-effect";
-import { FlexGrowCol } from "@xylabs/react-flexbox";
-import { useUserEvents } from "@xylabs/react-pixel";
-import { Helmet } from "react-helmet";
-import { useLocation } from "react-router-dom";
-import { WebAppBody } from "./Body";
-import { fixedWrap, scrollableWrap } from "./lib";
-const WebAppPageRoot = styled(FlexGrowCol, {
-  name: "WebAppPage",
-  shouldForwardProp: (propName) => propName !== "mobileScrollingBreakpoint" && propName !== "variant",
-  slot: "Root"
-})(({ theme, mobileScrollingBreakpoint = "sm", variant }) => {
-  const props = variant === "scrollable" ? scrollableWrap : fixedWrap;
-  return {
-    ...props,
-    alignItems: "stretch",
-    justifyContent: "start",
-    maxWidth: "100vw",
-    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
-      inset: 0,
-      position: "absolute"
-    }
-  };
-});
-const WebAppPage = ({
-  disableGutters,
-  disableBreadcrumbGutter,
-  title,
-  container,
-  children,
-  breadcrumbs,
-  mobileScrollingBreakpoint,
-  variant = "scrollable",
-  ...props
-}) => {
-  const userEvents = useUserEvents();
-  const { pathname } = useLocation();
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-      await userEvents?.viewContent({ name: title ?? "NodeBasePage", path: location.pathname });
-    },
-    [pathname, title, userEvents]
-  );
-  return /* @__PURE__ */ jsxs(WebAppPageRoot, { mobileScrollingBreakpoint, variant, ...props, children: [
-    /* @__PURE__ */ jsx(Helmet, { title }),
-    container && container !== "none" ? /* @__PURE__ */ jsx(
-      Container,
-      {
-        disableGutters,
-        style: { alignItems: "stretch", display: "flex", flexDirection: "column", flexGrow: 1, justifyContent: "flex-start" },
-        maxWidth: container,
-        children: /* @__PURE__ */ jsx(
-          WebAppBody,
-          {
-            disableBreadcrumbGutter,
-            breadcrumbs,
-            mobileScrollingBreakpoint,
-            variant,
-            ...props,
-            children
-          }
-        )
-      }
-    ) : /* @__PURE__ */ jsx(
-      WebAppBody,
-      {
-        disableBreadcrumbGutter,
-        breadcrumbs,
-        mobileScrollingBreakpoint,
-        paddingX: disableGutters ? 0 : 1,
-        variant,
-        ...props,
-        children
-      }
-    )
-  ] });
-};
-const FlexPage = WebAppPage;
-export {
-  FlexPage,
-  WebAppPage
-};
-//# sourceMappingURL=Page.mjs.map