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

package/dist/node/components/NotFoundPage/Page.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { WebAppPageProps } from '../Page';
+export declare const WebAppNotFoundPage: React.FC<WebAppPageProps>;
+/** @deprecated  use WebAppNotFoundPage instead */
+export declare const NotFoundPage: import("react").FC<WebAppPageProps>;
+//# sourceMappingURL=Page.d.ts.map

package/dist/node/components/NotFoundPage/Page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAIxD,CAAA;AAED,kDAAkD;AAClD,eAAO,MAAM,YAAY,qCAAqB,CAAA"}

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

@@ -0,0 +1,35 @@
+"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 Page_exports = {};
+__export(Page_exports, {
+  NotFoundPage: () => NotFoundPage,
+  WebAppNotFoundPage: () => WebAppNotFoundPage
+});
+module.exports = __toCommonJS(Page_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_shared = require("@xyo-network/react-shared");
+var import_Page = require("../Page");
+const WebAppNotFoundPage = ({ title, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Page.WebAppPage, { title: title ?? "Sorry! Page Not Found", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.NotFound, {}) });
+const NotFoundPage = WebAppNotFoundPage;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NotFoundPage,
+  WebAppNotFoundPage
+});
+//# sourceMappingURL=Page.js.map

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

@@ -0,0 +1 @@
+{"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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMI;AANJ,0BAAyB;AAEzB,kBAA4C;AAErC,MAAM,qBAAgD,CAAC,EAAE,OAAO,GAAG,MAAM,MAC9E,4CAAC,0BAAW,OAAO,SAAS,yBAA0B,GAAG,OACvD,sDAAC,gCAAS,GACZ;AAIK,MAAM,eAAe;","names":[]}

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,47 @@
+"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 Page_stories_exports = {};
+__export(Page_stories_exports, {
+  Default: () => Default,
+  default: () => Page_stories_default
+});
+module.exports = __toCommonJS(Page_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_shared = require("@xyo-network/react-shared");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_react_shared.NotFound,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "webapp/NotFound"
+};
+const Template = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.NotFound, {});
+};
+const Default = Template.bind({});
+Default.args = {};
+var Page_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default
+});
+//# sourceMappingURL=Page.stories.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1 @@
+{"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.d.mts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/node/components/Page.d.mts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ContainerProps } from '@mui/material';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { WithChildren } from '@xylabs/react-shared';
+import { WebAppBodyProps } from './Body';
+export interface WebAppPageProps extends WebAppBodyProps, FlexBoxProps {
+    container?: ContainerProps['maxWidth'] | 'none';
+    disableGutters?: boolean;
+}
+export declare const WebAppPage: React.FC<WithChildren<WebAppPageProps>>;
+/** @deprecated use WebAppPagePage instead */
+export declare const FlexPage: import("react").FC<WithChildren<WebAppPageProps>>;
+//# sourceMappingURL=Page.d.ts.map

package/dist/node/components/Page.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAU,MAAM,eAAe,CAAA;AAEjE,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AAqBpD,MAAM,WAAW,eAAgB,SAAQ,eAAe,EAAE,YAAY;IACpE,SAAS,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,MAAM,CAAA;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,CAuD9D,CAAA;AAED,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,mDAAa,CAAA"}

package/dist/node/components/Page.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ContainerProps } from '@mui/material';
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+import { WithChildren } from '@xylabs/react-shared';
+import { WebAppBodyProps } from './Body';
+export interface WebAppPageProps extends WebAppBodyProps, FlexBoxProps {
+    container?: ContainerProps['maxWidth'] | 'none';
+    disableGutters?: boolean;
+}
+export declare const WebAppPage: React.FC<WithChildren<WebAppPageProps>>;
+/** @deprecated use WebAppPagePage instead */
+export declare const FlexPage: import("react").FC<WithChildren<WebAppPageProps>>;
+//# sourceMappingURL=Page.d.ts.map

package/dist/node/components/Page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAU,MAAM,eAAe,CAAA;AAEjE,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AAqBpD,MAAM,WAAW,eAAgB,SAAQ,eAAe,EAAE,YAAY;IACpE,SAAS,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,MAAM,CAAA;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,CAuD9D,CAAA;AAED,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,mDAAa,CAAA"}

package/dist/node/components/Page.js

@@ -0,0 +1,111 @@
+"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 Page_exports = {};
+__export(Page_exports, {
+  FlexPage: () => FlexPage,
+  WebAppPage: () => WebAppPage
+});
+module.exports = __toCommonJS(Page_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_async_effect = require("@xylabs/react-async-effect");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react_pixel = require("@xylabs/react-pixel");
+var import_react_helmet = require("react-helmet");
+var import_react_router_dom = require("react-router-dom");
+var import_Body = require("./Body");
+var import_lib = require("./lib");
+const WebAppPageRoot = (0, import_material.styled)(import_react_flexbox.FlexGrowCol, {
+  name: "WebAppPage",
+  shouldForwardProp: (propName) => propName !== "mobileScrollingBreakpoint" && propName !== "variant",
+  slot: "Root"
+})(({ theme, mobileScrollingBreakpoint = "sm", variant }) => {
+  const props = variant === "scrollable" ? import_lib.scrollableWrap : import_lib.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 = (0, import_react_pixel.useUserEvents)();
+  const { pathname } = (0, import_react_router_dom.useLocation)();
+  (0, import_react_async_effect.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async () => {
+      await userEvents?.viewContent({ name: title ?? "NodeBasePage", path: location.pathname });
+    },
+    [pathname, title, userEvents]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(WebAppPageRoot, { mobileScrollingBreakpoint, variant, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_helmet.Helmet, { title }),
+    container && container !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_material.Container,
+      {
+        disableGutters,
+        style: { alignItems: "stretch", display: "flex", flexDirection: "column", flexGrow: 1, justifyContent: "flex-start" },
+        maxWidth: container,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Body.WebAppBody,
+          {
+            disableBreadcrumbGutter,
+            breadcrumbs,
+            mobileScrollingBreakpoint,
+            variant,
+            ...props,
+            children
+          }
+        )
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Body.WebAppBody,
+      {
+        disableBreadcrumbGutter,
+        breadcrumbs,
+        mobileScrollingBreakpoint,
+        paddingX: disableGutters ? 0 : 1,
+        variant,
+        ...props,
+        children
+      }
+    )
+  ] });
+};
+const FlexPage = WebAppPage;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FlexPage,
+  WebAppPage
+});
+//# sourceMappingURL=Page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Page.tsx"],"sourcesContent":["import { Container, ContainerProps, styled } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { useUserEvents } from '@xylabs/react-pixel'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { Helmet } from 'react-helmet'\nimport { useLocation } from 'react-router-dom'\n\nimport { WebAppBody, WebAppBodyProps } from './Body'\nimport { fixedWrap, scrollableWrap } from './lib'\n\nconst WebAppPageRoot = styled(FlexGrowCol, {\n  name: 'WebAppPage',\n  shouldForwardProp: (propName) => propName !== 'mobileScrollingBreakpoint' && propName !== 'variant',\n  slot: 'Root',\n})<WebAppPageProps>(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {\n  const props = variant === 'scrollable' ? scrollableWrap : fixedWrap\n  return {\n    ...props,\n    alignItems: 'stretch',\n    justifyContent: 'start',\n    maxWidth: '100vw',\n    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {\n      inset: 0,\n      position: 'absolute',\n    },\n  }\n})\n\nexport interface WebAppPageProps extends WebAppBodyProps, FlexBoxProps {\n  container?: ContainerProps['maxWidth'] | 'none'\n  disableGutters?: boolean\n}\n\nexport const WebAppPage: React.FC<WithChildren<WebAppPageProps>> = ({\n  disableGutters,\n  disableBreadcrumbGutter,\n  title,\n  container,\n  children,\n  breadcrumbs,\n  mobileScrollingBreakpoint,\n  variant = 'scrollable',\n  ...props\n}) => {\n  const userEvents = useUserEvents()\n  const { pathname } = useLocation()\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      await userEvents?.viewContent({ name: title ?? 'NodeBasePage', path: location.pathname })\n    },\n    [pathname, title, userEvents],\n  )\n\n  return (\n    <WebAppPageRoot mobileScrollingBreakpoint={mobileScrollingBreakpoint} variant={variant} {...props}>\n      <Helmet title={title} />\n      {container && container !== 'none' ? (\n        <Container\n          disableGutters={disableGutters}\n          style={{ alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1, justifyContent: 'flex-start' }}\n          maxWidth={container}\n        >\n          <WebAppBody\n            disableBreadcrumbGutter={disableBreadcrumbGutter}\n            breadcrumbs={breadcrumbs}\n            mobileScrollingBreakpoint={mobileScrollingBreakpoint}\n            variant={variant}\n            {...props}\n          >\n            {children}\n          </WebAppBody>\n        </Container>\n      ) : (\n        <WebAppBody\n          disableBreadcrumbGutter={disableBreadcrumbGutter}\n          breadcrumbs={breadcrumbs}\n          mobileScrollingBreakpoint={mobileScrollingBreakpoint}\n          paddingX={disableGutters ? 0 : 1}\n          variant={variant}\n          {...props}\n        >\n          {children}\n        </WebAppBody>\n      )}\n    </WebAppPageRoot>\n  )\n}\n\n/** @deprecated use WebAppPagePage instead */\nexport const FlexPage = WebAppPage\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyDI;AAzDJ,sBAAkD;AAClD,gCAA+B;AAC/B,2BAA0C;AAC1C,yBAA8B;AAE9B,0BAAuB;AACvB,8BAA4B;AAE5B,kBAA4C;AAC5C,iBAA0C;AAE1C,MAAM,qBAAiB,wBAAO,kCAAa;AAAA,EACzC,MAAM;AAAA,EACN,mBAAmB,CAAC,aAAa,aAAa,+BAA+B,aAAa;AAAA,EAC1F,MAAM;AACR,CAAC,EAAmB,CAAC,EAAE,OAAO,4BAA4B,MAAM,QAAQ,MAAM;AAC5E,QAAM,QAAQ,YAAY,eAAe,4BAAiB;AAC1D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,CAAC,MAAM,YAAY,KAAK,yBAAyB,CAAC,GAAG;AAAA,MACnD,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AACF,CAAC;AAOM,MAAM,aAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAM;AACJ,QAAM,iBAAa,kCAAc;AACjC,QAAM,EAAE,SAAS,QAAI,qCAAY;AAEjC;AAAA;AAAA,IAEE,YAAY;AACV,YAAM,YAAY,YAAY,EAAE,MAAM,SAAS,gBAAgB,MAAM,SAAS,SAAS,CAAC;AAAA,IAC1F;AAAA,IACA,CAAC,UAAU,OAAO,UAAU;AAAA,EAC9B;AAEA,SACE,6CAAC,kBAAe,2BAAsD,SAAmB,GAAG,OAC1F;AAAA,gDAAC,8BAAO,OAAc;AAAA,IACrB,aAAa,cAAc,SAC1B;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,EAAE,YAAY,WAAW,SAAS,QAAQ,eAAe,UAAU,UAAU,GAAG,gBAAgB,aAAa;AAAA,QACpH,UAAU;AAAA,QAEV;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACC,GAAG;AAAA,YAEH;AAAA;AAAA,QACH;AAAA;AAAA,IACF,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,iBAAiB,IAAI;AAAA,QAC/B;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAGO,MAAM,WAAW;","names":[]}

package/dist/node/components/Page.mjs

@@ -0,0 +1,86 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Page.tsx"],"sourcesContent":["import { Container, ContainerProps, styled } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'\nimport { useUserEvents } from '@xylabs/react-pixel'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { Helmet } from 'react-helmet'\nimport { useLocation } from 'react-router-dom'\n\nimport { WebAppBody, WebAppBodyProps } from './Body'\nimport { fixedWrap, scrollableWrap } from './lib'\n\nconst WebAppPageRoot = styled(FlexGrowCol, {\n  name: 'WebAppPage',\n  shouldForwardProp: (propName) => propName !== 'mobileScrollingBreakpoint' && propName !== 'variant',\n  slot: 'Root',\n})<WebAppPageProps>(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {\n  const props = variant === 'scrollable' ? scrollableWrap : fixedWrap\n  return {\n    ...props,\n    alignItems: 'stretch',\n    justifyContent: 'start',\n    maxWidth: '100vw',\n    [theme.breakpoints.down(mobileScrollingBreakpoint)]: {\n      inset: 0,\n      position: 'absolute',\n    },\n  }\n})\n\nexport interface WebAppPageProps extends WebAppBodyProps, FlexBoxProps {\n  container?: ContainerProps['maxWidth'] | 'none'\n  disableGutters?: boolean\n}\n\nexport const WebAppPage: React.FC<WithChildren<WebAppPageProps>> = ({\n  disableGutters,\n  disableBreadcrumbGutter,\n  title,\n  container,\n  children,\n  breadcrumbs,\n  mobileScrollingBreakpoint,\n  variant = 'scrollable',\n  ...props\n}) => {\n  const userEvents = useUserEvents()\n  const { pathname } = useLocation()\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      await userEvents?.viewContent({ name: title ?? 'NodeBasePage', path: location.pathname })\n    },\n    [pathname, title, userEvents],\n  )\n\n  return (\n    <WebAppPageRoot mobileScrollingBreakpoint={mobileScrollingBreakpoint} variant={variant} {...props}>\n      <Helmet title={title} />\n      {container && container !== 'none' ? (\n        <Container\n          disableGutters={disableGutters}\n          style={{ alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1, justifyContent: 'flex-start' }}\n          maxWidth={container}\n        >\n          <WebAppBody\n            disableBreadcrumbGutter={disableBreadcrumbGutter}\n            breadcrumbs={breadcrumbs}\n            mobileScrollingBreakpoint={mobileScrollingBreakpoint}\n            variant={variant}\n            {...props}\n          >\n            {children}\n          </WebAppBody>\n        </Container>\n      ) : (\n        <WebAppBody\n          disableBreadcrumbGutter={disableBreadcrumbGutter}\n          breadcrumbs={breadcrumbs}\n          mobileScrollingBreakpoint={mobileScrollingBreakpoint}\n          paddingX={disableGutters ? 0 : 1}\n          variant={variant}\n          {...props}\n        >\n          {children}\n        </WebAppBody>\n      )}\n    </WebAppPageRoot>\n  )\n}\n\n/** @deprecated use WebAppPagePage instead */\nexport const FlexPage = WebAppPage\n"],"mappings":"AAyDI,SACE,KADF;AAzDJ,SAAS,WAA2B,cAAc;AAClD,SAAS,sBAAsB;AAC/B,SAAuB,mBAAmB;AAC1C,SAAS,qBAAqB;AAE9B,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAE5B,SAAS,kBAAmC;AAC5C,SAAS,WAAW,sBAAsB;AAE1C,MAAM,iBAAiB,OAAO,aAAa;AAAA,EACzC,MAAM;AAAA,EACN,mBAAmB,CAAC,aAAa,aAAa,+BAA+B,aAAa;AAAA,EAC1F,MAAM;AACR,CAAC,EAAmB,CAAC,EAAE,OAAO,4BAA4B,MAAM,QAAQ,MAAM;AAC5E,QAAM,QAAQ,YAAY,eAAe,iBAAiB;AAC1D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,CAAC,MAAM,YAAY,KAAK,yBAAyB,CAAC,GAAG;AAAA,MACnD,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,EACF;AACF,CAAC;AAOM,MAAM,aAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,MAAM;AACJ,QAAM,aAAa,cAAc;AACjC,QAAM,EAAE,SAAS,IAAI,YAAY;AAEjC;AAAA;AAAA,IAEE,YAAY;AACV,YAAM,YAAY,YAAY,EAAE,MAAM,SAAS,gBAAgB,MAAM,SAAS,SAAS,CAAC;AAAA,IAC1F;AAAA,IACA,CAAC,UAAU,OAAO,UAAU;AAAA,EAC9B;AAEA,SACE,qBAAC,kBAAe,2BAAsD,SAAmB,GAAG,OAC1F;AAAA,wBAAC,UAAO,OAAc;AAAA,IACrB,aAAa,cAAc,SAC1B;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,EAAE,YAAY,WAAW,SAAS,QAAQ,eAAe,UAAU,UAAU,GAAG,gBAAgB,aAAa;AAAA,QACpH,UAAU;AAAA,QAEV;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACC,GAAG;AAAA,YAEH;AAAA;AAAA,QACH;AAAA;AAAA,IACF,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,iBAAiB,IAAI;AAAA,QAC/B;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAGO,MAAM,WAAW;","names":[]}

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

@@ -0,0 +1,6 @@
+export * from './Body';
+export * from './Chrome';
+export * from './ErrorPage';
+export * from './NotFoundPage';
+export * from './Page';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA"}

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

@@ -0,0 +1,6 @@
+export * from './Body';
+export * from './Chrome';
+export * from './ErrorPage';
+export * from './NotFoundPage';
+export * from './Page';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA"}

package/dist/node/components/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './Body'\nexport * from './Chrome'\nexport * from './ErrorPage'\nexport * from './NotFoundPage'\nexport * from './Page'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,mBAAd;AACA,+BAAc,qBADd;AAEA,+BAAc,wBAFd;AAGA,+BAAc,2BAHd;AAIA,+BAAc,mBAJd;","names":[]}

package/dist/node/components/index.mjs

@@ -0,0 +1,6 @@
+export * from "./Body";
+export * from "./Chrome";
+export * from "./ErrorPage";
+export * from "./NotFoundPage";
+export * from "./Page";
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/node/components/lib/cssValues.d.mts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+export declare const scrollableWrap: CSSProperties;
+export declare const fixedWrap: CSSProperties;
+export declare const scrollableContent: CSSProperties;
+export declare const fixedContent: CSSProperties;
+//# sourceMappingURL=cssValues.d.ts.map

package/dist/node/components/lib/cssValues.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssValues.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/cssValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,cAAc,EAAE,aAGnB,CAAA;AAEV,eAAO,MAAM,SAAS,EAAE,aAGd,CAAA;AAGV,eAAO,MAAM,iBAAiB,EAAE,aAEtB,CAAA;AAEV,eAAO,MAAM,YAAY,EAAE,aAEjB,CAAA"}

package/dist/node/components/lib/cssValues.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+export declare const scrollableWrap: CSSProperties;
+export declare const fixedWrap: CSSProperties;
+export declare const scrollableContent: CSSProperties;
+export declare const fixedContent: CSSProperties;
+//# sourceMappingURL=cssValues.d.ts.map

package/dist/node/components/lib/cssValues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssValues.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/cssValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,cAAc,EAAE,aAGnB,CAAA;AAEV,eAAO,MAAM,SAAS,EAAE,aAGd,CAAA;AAGV,eAAO,MAAM,iBAAiB,EAAE,aAEtB,CAAA;AAEV,eAAO,MAAM,YAAY,EAAE,aAEjB,CAAA"}

package/dist/node/components/lib/cssValues.js

@@ -0,0 +1,48 @@
+"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 cssValues_exports = {};
+__export(cssValues_exports, {
+  fixedContent: () => fixedContent,
+  fixedWrap: () => fixedWrap,
+  scrollableContent: () => scrollableContent,
+  scrollableWrap: () => scrollableWrap
+});
+module.exports = __toCommonJS(cssValues_exports);
+const scrollableWrap = {
+  inset: 0,
+  position: "absolute"
+};
+const fixedWrap = {
+  inset: "unset",
+  position: "relative"
+};
+const scrollableContent = {
+  ...fixedWrap
+};
+const fixedContent = {
+  ...scrollableWrap
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fixedContent,
+  fixedWrap,
+  scrollableContent,
+  scrollableWrap
+});
+//# sourceMappingURL=cssValues.js.map

package/dist/node/components/lib/cssValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/lib/cssValues.ts"],"sourcesContent":["import { CSSProperties } from 'react'\n\nexport const scrollableWrap: CSSProperties = {\n  inset: 0,\n  position: 'absolute',\n} as const\n\nexport const fixedWrap: CSSProperties = {\n  inset: 'unset',\n  position: 'relative',\n} as const\n\n// Making a scrollable vs fixed wrapper and content is an inversion of the wrap and content styles\nexport const scrollableContent: CSSProperties = {\n  ...fixedWrap,\n} as const\n\nexport const fixedContent: CSSProperties = {\n  ...scrollableWrap,\n} as const\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,iBAAgC;AAAA,EAC3C,OAAO;AAAA,EACP,UAAU;AACZ;AAEO,MAAM,YAA2B;AAAA,EACtC,OAAO;AAAA,EACP,UAAU;AACZ;AAGO,MAAM,oBAAmC;AAAA,EAC9C,GAAG;AACL;AAEO,MAAM,eAA8B;AAAA,EACzC,GAAG;AACL;","names":[]}

package/dist/node/components/lib/cssValues.mjs

@@ -0,0 +1,21 @@
+const scrollableWrap = {
+  inset: 0,
+  position: "absolute"
+};
+const fixedWrap = {
+  inset: "unset",
+  position: "relative"
+};
+const scrollableContent = {
+  ...fixedWrap
+};
+const fixedContent = {
+  ...scrollableWrap
+};
+export {
+  fixedContent,
+  fixedWrap,
+  scrollableContent,
+  scrollableWrap
+};
+//# sourceMappingURL=cssValues.mjs.map