@xyo-network/react-webapp 2.37.3 → 2.37.5

package/dist/cjs/components/Body.d.ts

@@ -5,7 +5,8 @@ export interface WebAppBodyProps extends FlexBoxProps {
     breadcrumbs?: ReactNode;
     disableBreadcrumbGutter?: boolean;
     spacing?: string | number;
-    scrollingBreakpoint?: Breakpoint;
+    mobileScrollingBreakpoint?: Breakpoint;
+    variant?: 'scrollable' | 'fixed';
 }
 export declare const WebAppBody: React.FC<WebAppBodyProps>;
 //# sourceMappingURL=Body.d.ts.map

package/dist/cjs/components/Body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiC,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,YAAY,EAAwB,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAwDxC,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,mBAAmB,CAAC,EAAE,UAAU,CAAA;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoBhD,CAAA"}
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiC,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,YAAY,EAAwB,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA6DxC,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,yBAAyB,CAAC,EAAE,UAAU,CAAA;IACtC,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,CAAA;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuBhD,CAAA"}

package/dist/cjs/components/Body.js

@@ -5,21 +5,25 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_flexbox_1 = require("@xylabs/react-flexbox");
+const lib_1 = require("./lib");
 const WebAppBodyName = 'WebAppBody';
-const propsNotForwarded = ['scrollingBreakpoint', 'spacing', 'disableBreadcrumbGutter'];
+const propsNotForwarded = ['mobileScrollingBreakpoint', 'variant', 'spacing', 'disableBreadcrumbGutter'];
 const defaultStyledOptions = {
     shouldForwardProp: (prop) => !propsNotForwarded.includes(prop),
 };
-const WebAppBodyRoot = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, Object.assign(Object.assign({}, defaultStyledOptions), { name: WebAppBodyName, slot: 'Root' }))(({ spacing, theme, scrollingBreakpoint = 'sm' }) => (0, material_1.experimental_sx)({
-    alignItems: 'stretch',
-    gap: 1,
-    justifyContent: 'flex-start',
-    overflow: 'hidden',
-    paddingY: spacing,
-    [theme.breakpoints.down(scrollingBreakpoint)]: {
-        overflow: 'scroll',
-    },
-}));
+const WebAppBodyRoot = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, Object.assign(Object.assign({}, defaultStyledOptions), { name: WebAppBodyName, slot: 'Root' }))(({ spacing, theme, mobileScrollingBreakpoint = 'sm', variant }) => {
+    const scrollable = variant === 'scrollable';
+    return (0, material_1.experimental_sx)({
+        alignItems: 'stretch',
+        gap: 1,
+        justifyContent: 'flex-start',
+        overflow: scrollable ? 'scroll' : 'hidden',
+        paddingY: spacing,
+        [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
+            overflow: 'scroll',
+        },
+    });
+});
 const WebAppBodyBreadcrumb = (0, material_1.styled)(react_flexbox_1.FlexRow, Object.assign(Object.assign({}, defaultStyledOptions), { name: WebAppBodyName, slot: 'Breadcrumb' }))(({ disableBreadcrumbGutter, spacing }) => (0, material_1.experimental_sx)({
     justifyContent: 'start',
     marginX: disableBreadcrumbGutter ? 0 : spacing,
@@ -28,19 +32,16 @@ const WebAppBodyScrollableWrapper = (0, material_1.styled)(react_flexbox_1.FlexG
     name: WebAppBodyName,
     slot: 'ScrollableWrapper',
 })(() => ({}));
-const WebAppBodyScrollable = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, Object.assign(Object.assign({}, defaultStyledOptions), { name: WebAppBodyName, slot: 'Scrollable' }))(({ theme, scrollingBreakpoint = 'sm' }) => ({
-    alignItems: 'stretch',
-    inset: 0,
-    justifyContent: 'start',
-    position: 'absolute',
-    [theme.breakpoints.down(scrollingBreakpoint)]: {
-        inset: 'unset',
-        position: 'relative',
-    },
-}));
+const WebAppBodyScrollable = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, Object.assign(Object.assign({}, defaultStyledOptions), { name: WebAppBodyName, slot: 'Scrollable' }))(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {
+    const props = variant === 'scrollable' ? lib_1.scrollableContent : lib_1.fixedContent;
+    return Object.assign(Object.assign({}, props), { alignItems: 'stretch', justifyContent: 'start', [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
+            inset: 'unset',
+            position: 'relative',
+        } });
+});
 const WebAppBody = (_a) => {
-    var { children, breadcrumbs, disableBreadcrumbGutter, scrollingBreakpoint, spacing = 1 } = _a, props = tslib_1.__rest(_a, ["children", "breadcrumbs", "disableBreadcrumbGutter", "scrollingBreakpoint", "spacing"]);
-    return ((0, jsx_runtime_1.jsxs)(WebAppBodyRoot, Object.assign({ scrollingBreakpoint: scrollingBreakpoint, spacing: spacing }, props, { children: [breadcrumbs ? ((0, jsx_runtime_1.jsx)(WebAppBodyBreadcrumb, Object.assign({ disableBreadcrumbGutter: disableBreadcrumbGutter, spacing: spacing }, { children: breadcrumbs }))) : null, (0, jsx_runtime_1.jsx)(WebAppBodyScrollableWrapper, { children: (0, jsx_runtime_1.jsx)(WebAppBodyScrollable, Object.assign({ scrollingBreakpoint: scrollingBreakpoint }, { children: children })) })] })));
+    var { children, breadcrumbs, disableBreadcrumbGutter, mobileScrollingBreakpoint, spacing = 1, variant } = _a, props = tslib_1.__rest(_a, ["children", "breadcrumbs", "disableBreadcrumbGutter", "mobileScrollingBreakpoint", "spacing", "variant"]);
+    return ((0, jsx_runtime_1.jsxs)(WebAppBodyRoot, Object.assign({ mobileScrollingBreakpoint: mobileScrollingBreakpoint, spacing: spacing, variant: variant }, props, { children: [breadcrumbs ? ((0, jsx_runtime_1.jsx)(WebAppBodyBreadcrumb, Object.assign({ disableBreadcrumbGutter: disableBreadcrumbGutter, spacing: spacing }, { children: breadcrumbs }))) : null, (0, jsx_runtime_1.jsx)(WebAppBodyScrollableWrapper, { children: (0, jsx_runtime_1.jsx)(WebAppBodyScrollable, Object.assign({ mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant }, { children: children })) })] })));
 };
 exports.WebAppBody = WebAppBody;
 //# sourceMappingURL=Body.js.map

package/dist/cjs/components/Body.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../src/components/Body.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyE;AACzE,yDAA0E;AAG1E,MAAM,cAAc,GAAG,YAAY,CAAA;AACnC,MAAM,iBAAiB,GAAG,CAAC,qBAAqB,EAAE,SAAS,EAAE,yBAAyB,CAAC,CAAA;AACvF,MAAM,oBAAoB,GAAG;IAC3B,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC;CACvE,CAAA;AAED,MAAM,cAAc,GAAG,IAAA,iBAAM,EAAC,2BAAW,kCACpC,oBAAoB,KACvB,IAAI,EAAE,cAAc,EACpB,IAAI,EAAE,MAAM,IACZ,CAAkB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,GAAG,IAAI,EAAE,EAAE,EAAE,CACrE,IAAA,0BAAE,EAAC;IACD,UAAU,EAAE,SAAS;IACrB,GAAG,EAAE,CAAC;IACN,cAAc,EAAE,YAAY;IAC5B,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,OAAO;IACjB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE;QAC7C,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CACH,CAAA;AAED,MAAM,oBAAoB,GAAG,IAAA,iBAAM,EAAC,uBAAO,kCACtC,oBAAoB,KACvB,IAAI,EAAE,cAAc,EACpB,IAAI,EAAE,YAAY,IAClB,CAAkB,CAAC,EAAE,uBAAuB,EAAE,OAAO,EAAE,EAAE,EAAE,CAC3D,IAAA,0BAAE,EAAC;IACD,cAAc,EAAE,OAAO;IACvB,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;CAC/C,CAAC,CACH,CAAA;AAED,MAAM,2BAA2B,GAAG,IAAA,iBAAM,EAAC,2BAAW,EAAE;IACtD,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAkB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAE/B,MAAM,oBAAoB,GAAG,IAAA,iBAAM,EAAC,2BAAW,kCAC1C,oBAAoB,KACvB,IAAI,EAAE,cAAc,EACpB,IAAI,EAAE,YAAY,IAClB,CAAkB,CAAC,EAAE,KAAK,EAAE,mBAAmB,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,SAAS;IACrB,KAAK,EAAE,CAAC;IACR,cAAc,EAAE,OAAO;IACvB,QAAQ,EAAE,UAAU;IACpB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE;QAC7C,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAC,CAAA;AASI,MAAM,UAAU,GAA8B,CAAC,EAOrD,EAAE,EAAE;QAPiD,EACpD,QAAQ,EACR,WAAW,EACX,uBAAuB,EACvB,mBAAmB,EACnB,OAAO,GAAG,CAAC,OAEZ,EADI,KAAK,sBAN4C,wFAOrD,CADS;IAER,OAAO,CACL,wBAAC,cAAc,kBAAC,mBAAmB,EAAE,mBAAmB,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,eAClF,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,oBAAoB,kBAAC,uBAAuB,EAAE,uBAAuB,EAAE,OAAO,EAAE,OAAO,gBACrF,WAAW,IACS,CACxB,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,2BAA2B,cAC1B,uBAAC,oBAAoB,kBAAC,mBAAmB,EAAE,mBAAmB,gBAAG,QAAQ,IAAwB,GACrE,KACf,CAClB,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,UAAU,cAoBtB"}
+{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../src/components/Body.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAU,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInE,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AAkBpD,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,CAoD9D,CAAA;AAED,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,mDAAa,CAAA"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAU,MAAM,eAAe,CAAA;AACjE,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInE,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/cjs/components/Page.js

@@ -10,23 +10,20 @@ const react_shared_1 = require("@xylabs/react-shared");
 const react_helmet_1 = require("react-helmet");
 const react_router_dom_1 = require("react-router-dom");
 const Body_1 = require("./Body");
+const lib_1 = require("./lib");
 const WebAppPageRoot = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, {
     name: 'WebAppPage',
-    shouldForwardProp: (propName) => propName !== 'scrollingBreakpoint',
+    shouldForwardProp: (propName) => propName !== 'mobileScrollingBreakpoint' && propName !== 'variant',
     slot: 'Root',
-})(({ theme, scrollingBreakpoint = 'sm' }) => ({
-    alignItems: 'stretch',
-    inset: 'unset',
-    justifyContent: 'start',
-    maxWidth: '100vw',
-    position: 'relative',
-    [theme.breakpoints.down(scrollingBreakpoint)]: {
-        inset: 0,
-        position: 'absolute',
-    },
-}));
+})(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {
+    const props = variant === 'scrollable' ? lib_1.scrollableWrap : lib_1.fixedWrap;
+    return Object.assign(Object.assign({}, props), { alignItems: 'stretch', justifyContent: 'start', maxWidth: '100vw', [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
+            inset: 0,
+            position: 'absolute',
+        } });
+});
 const WebAppPage = (_a) => {
-    var { disableGutters, disableBreadcrumbGutter, title, container, children, breadcrumbs, scrollingBreakpoint } = _a, props = tslib_1.__rest(_a, ["disableGutters", "disableBreadcrumbGutter", "title", "container", "children", "breadcrumbs", "scrollingBreakpoint"]);
+    var { disableGutters, disableBreadcrumbGutter, title, container, children, breadcrumbs, mobileScrollingBreakpoint, variant = 'scrollable' } = _a, props = tslib_1.__rest(_a, ["disableGutters", "disableBreadcrumbGutter", "title", "container", "children", "breadcrumbs", "mobileScrollingBreakpoint", "variant"]);
     const userEvents = (0, react_pixel_1.useUserEvents)();
     const { pathname } = (0, react_router_dom_1.useLocation)();
     (0, react_shared_1.useAsyncEffect)(
@@ -34,7 +31,7 @@ const WebAppPage = (_a) => {
     () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         yield (userEvents === null || userEvents === void 0 ? void 0 : userEvents.viewContent({ name: title !== null && title !== void 0 ? title : 'NodeBasePage', path: location.pathname }));
     }), [pathname, title, userEvents]);
-    return ((0, jsx_runtime_1.jsxs)(WebAppPageRoot, Object.assign({ scrollingBreakpoint: scrollingBreakpoint }, props, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { title: title }), container && container !== 'none' ? ((0, jsx_runtime_1.jsx)(material_1.Container, Object.assign({ disableGutters: disableGutters, style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1, justifyContent: 'flex-start' }, maxWidth: container }, { children: (0, jsx_runtime_1.jsx)(Body_1.WebAppBody, Object.assign({ disableBreadcrumbGutter: disableBreadcrumbGutter, breadcrumbs: breadcrumbs, scrollingBreakpoint: scrollingBreakpoint }, props, { children: children })) }))) : ((0, jsx_runtime_1.jsx)(Body_1.WebAppBody, Object.assign({ disableBreadcrumbGutter: disableBreadcrumbGutter, breadcrumbs: breadcrumbs, scrollingBreakpoint: scrollingBreakpoint, paddingX: disableGutters ? 0 : 1 }, props, { children: children })))] })));
+    return ((0, jsx_runtime_1.jsxs)(WebAppPageRoot, Object.assign({ mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant }, props, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { title: title }), container && container !== 'none' ? ((0, jsx_runtime_1.jsx)(material_1.Container, Object.assign({ disableGutters: disableGutters, style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1, justifyContent: 'flex-start' }, maxWidth: container }, { children: (0, jsx_runtime_1.jsx)(Body_1.WebAppBody, Object.assign({ disableBreadcrumbGutter: disableBreadcrumbGutter, breadcrumbs: breadcrumbs, mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant }, props, { children: children })) }))) : ((0, jsx_runtime_1.jsx)(Body_1.WebAppBody, Object.assign({ disableBreadcrumbGutter: disableBreadcrumbGutter, breadcrumbs: breadcrumbs, mobileScrollingBreakpoint: mobileScrollingBreakpoint, paddingX: disableGutters ? 0 : 1, variant: variant }, props, { children: children })))] })));
 };
 exports.WebAppPage = WebAppPage;
 /** @deprecated use WebAppPagePage instead */

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

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAiE;AACjE,yDAAiE;AACjE,qDAAmD;AACnD,uDAAmE;AACnE,+CAAqC;AACrC,uDAA8C;AAE9C,iCAAoD;AAEpD,MAAM,cAAc,GAAG,IAAA,iBAAM,EAAC,2BAAW,EAAE;IACzC,IAAI,EAAE,YAAY;IAClB,iBAAiB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,qBAAqB;IACnE,IAAI,EAAE,MAAM;CACb,CAAC,CAAkB,CAAC,EAAE,KAAK,EAAE,mBAAmB,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,SAAS;IACrB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,OAAO;IACvB,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE,UAAU;IACpB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE;QAC7C,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAC,CAAA;AAOI,MAAM,UAAU,GAA4C,CAAC,EASnE,EAAE,EAAE;QAT+D,EAClE,cAAc,EACd,uBAAuB,EACvB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,mBAAmB,OAEpB,EADI,KAAK,sBAR0D,qHASnE,CADS;IAER,MAAM,UAAU,GAAG,IAAA,2BAAa,GAAE,CAAA;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAA;IAElC,IAAA,6BAAc;IACZ,uDAAuD;IACvD,GAAS,EAAE;QACT,MAAM,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA,CAAA;IAC3F,CAAC,CAAA,EACD,CAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,CAC9B,CAAA;IAED,OAAO,CACL,wBAAC,cAAc,kBAAC,mBAAmB,EAAE,mBAAmB,IAAM,KAAK,eACjE,uBAAC,qBAAM,IAAC,KAAK,EAAE,KAAK,GAAI,EACvB,SAAS,IAAI,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CACnC,uBAAC,oBAAS,kBACR,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,EACrH,QAAQ,EAAE,SAAS,gBAEnB,uBAAC,iBAAU,kBACT,uBAAuB,EAAE,uBAAuB,EAChD,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,IACpC,KAAK,cAER,QAAQ,IACE,IACH,CACb,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAU,kBACT,uBAAuB,EAAE,uBAAuB,EAChD,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAC5B,KAAK,cAER,QAAQ,IACE,CACd,KACc,CAClB,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,UAAU,cAoDtB;AAED,6CAA6C;AAChC,QAAA,QAAQ,GAAG,kBAAU,CAAA"}
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/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/cjs/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/cjs/components/lib/cssValues.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fixedContent = exports.scrollableContent = exports.fixedWrap = exports.scrollableWrap = void 0;
+exports.scrollableWrap = {
+    inset: 0,
+    position: 'absolute',
+};
+exports.fixedWrap = {
+    inset: 'unset',
+    position: 'relative',
+};
+// Making a scrollable vs fixed wrapper and content is an inversion of the wrap and content styles
+exports.scrollableContent = Object.assign({}, exports.fixedWrap);
+exports.fixedContent = Object.assign({}, exports.scrollableWrap);
+//# sourceMappingURL=cssValues.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cssValues.js","sourceRoot":"","sources":["../../../../src/components/lib/cssValues.ts"],"names":[],"mappings":";;;AAEa,QAAA,cAAc,GAAkB;IAC3C,KAAK,EAAE,CAAC;IACR,QAAQ,EAAE,UAAU;CACZ,CAAA;AAEG,QAAA,SAAS,GAAkB;IACtC,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACZ,CAAA;AAEV,kGAAkG;AACrF,QAAA,iBAAiB,GAAkB,kBAC3C,iBAAS,CACJ,CAAA;AAEG,QAAA,YAAY,GAAkB,kBACtC,sBAAc,CACT,CAAA"}

package/dist/cjs/components/lib/index.d.ts

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

package/dist/cjs/components/lib/index.d.ts.map

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

package/dist/cjs/components/lib/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./cssValues"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B"}