@xyo-network/react-webapp 2.62.3 → 2.63.1

package/dist/esm/components/Body.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _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',
+        },
+    };
+});
+export const WebAppBody = ({ children, breadcrumbs, disableBreadcrumbGutter, mobileScrollingBreakpoint, spacing = 1, variant, ...props }) => {
+    return (_jsxs(WebAppBodyRoot, { mobileScrollingBreakpoint: mobileScrollingBreakpoint, spacing: spacing, variant: variant, ...props, children: [breadcrumbs ? (_jsx(WebAppBodyBreadcrumb, { disableBreadcrumbGutter: disableBreadcrumbGutter, spacing: spacing, children: breadcrumbs })) : null, _jsx(WebAppBodyScrollableWrapper, { children: _jsx(WebAppBodyScrollable, { mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant, children: children }) })] }));
+};
+//# sourceMappingURL=Body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../src/components/Body.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Chrome.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _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';
+export const WebAppChrome = forwardRef(({ appName, appbar, children, errorPage, footer, footerElevation = 4, menuItems, navigationType = 'menu', ...props }, ref) => {
+    return (_jsxs(FlexCol, { id: "web-chrome-flex", alignItems: "stretch", overflow: "hidden", height: "100vh", ref: ref, ...props, children: [_jsx(Helmet, { defaultTitle: appName, titleTemplate: `%s | ${appName}`, children: _jsx("meta", { content: "website", property: "og:type" }) }), appbar ?? _jsx(ApplicationAppBar, { systemToolbar: _jsx(SystemToolbar, { menuItems: navigationType === 'menu' ? menuItems : undefined }) }), _jsxs(FlexGrowRow, { id: "sidebar-nav-flex", overflow: "hidden", alignItems: "stretch", children: [navigationType !== 'menu' ? (_jsxs(_Fragment, { children: [menuItems, _jsx(Divider, { orientation: "vertical" })] })) : null, _jsx(FlexGrowCol, { id: "main-flex", justifyContent: "flex-start", alignItems: "stretch", children: _jsx(ErrorBoundary, { fallbackWithError: (error) => {
+                                return errorPage ?? _jsx(WebAppErrorPage, { error: error });
+                            }, children: children }) })] }), _jsx(FlexCol, { id: "footer-flex", alignItems: "stretch", children: _jsx(Paper, { elevation: footerElevation, square: true, children: footer ?? _jsx(Footer, { dynamicHeight: true }) }) })] }));
+});
+WebAppChrome.displayName = 'WebAppChrome';
+//# sourceMappingURL=Chrome.js.map

package/dist/esm/components/Chrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chrome.js","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAgB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEvF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAY7C,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3H,OAAO,CACL,MAAC,OAAO,IAAC,EAAE,EAAC,iBAAiB,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK,aACrG,KAAC,MAAM,IAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,YAC7D,eAAM,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,GACtC,EACR,MAAM,IAAI,KAAC,iBAAiB,IAAC,aAAa,EAAE,KAAC,aAAa,IAAC,SAAS,EAAE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAI,GAAI,EAChI,MAAC,WAAW,IAAC,EAAE,EAAC,kBAAkB,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,aACtE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B,8BACG,SAAS,EACV,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,GAAG,IACjC,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,IAAC,EAAE,EAAC,WAAW,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,YAC1E,KAAC,aAAa,IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;gCAC3B,OAAO,SAAS,IAAI,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;4BACvD,CAAC,YAEA,QAAQ,GACK,GACJ,IACF,EACd,KAAC,OAAO,IAAC,EAAE,EAAC,aAAa,EAAC,UAAU,EAAC,SAAS,YAC5C,KAAC,KAAK,IAAC,SAAS,EAAE,eAAe,EAAE,MAAM,kBACtC,MAAM,IAAI,KAAC,MAAM,IAAC,aAAa,SAAG,GAC7B,GACA,IACF,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}

package/dist/esm/components/ErrorPage.js

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

package/dist/esm/components/ErrorPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAmB,MAAM,QAAQ,CAAA;AAMpD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACtF,MAAC,UAAU,IAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,aACtD,uDAAoC,EACpC,sBAAI,GAAG,KAAK,EAAE,GAAK,EACnB,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,yBAE3B,IACA,CACd,CAAA;AAED,8CAA8C;AAC9C,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAEpD,OAAO,EAAE,UAAU,EAAmB,MAAM,SAAS,CAAA;AAErD,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACpF,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,IAAI,uBAAuB,KAAM,KAAK,YAC5D,KAAC,QAAQ,KAAG,GACD,CACd,CAAA;AAED,kDAAkD;AAClD,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAA"}

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

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

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

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

package/dist/esm/components/Page.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _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',
+        },
+    };
+});
+export 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 (_jsxs(WebAppPageRoot, { mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant, ...props, children: [_jsx(Helmet, { title: title }), container && container !== 'none' ? (_jsx(Container, { disableGutters: disableGutters, style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1, justifyContent: 'flex-start' }, maxWidth: container, children: _jsx(WebAppBody, { disableBreadcrumbGutter: disableBreadcrumbGutter, breadcrumbs: breadcrumbs, mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant, ...props, children: children }) })) : (_jsx(WebAppBody, { disableBreadcrumbGutter: disableBreadcrumbGutter, breadcrumbs: breadcrumbs, mobileScrollingBreakpoint: mobileScrollingBreakpoint, paddingX: disableGutters ? 0 : 1, variant: variant, ...props, children: children }))] }));
+};
+/** @deprecated use WebAppPagePage instead */
+export const FlexPage = WebAppPage;
+//# sourceMappingURL=Page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":"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"}

package/dist/{components/index.d.mts → esm/components/index.js}

@@ -3,4 +3,4 @@ export * from './Chrome';
 export * from './ErrorPage';
 export * from './NotFoundPage';
 export * from './Page';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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/esm/components/lib/cssValues.js

@@ -0,0 +1,16 @@
+export const scrollableWrap = {
+    inset: 0,
+    position: 'absolute',
+};
+export const fixedWrap = {
+    inset: 'unset',
+    position: 'relative',
+};
+// Making a scrollable vs fixed wrapper and content is an inversion of the wrap and content styles
+export const scrollableContent = {
+    ...fixedWrap,
+};
+export const fixedContent = {
+    ...scrollableWrap,
+};
+//# sourceMappingURL=cssValues.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cssValues.js","sourceRoot":"","sources":["../../../../src/components/lib/cssValues.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAkB;IAC3C,KAAK,EAAE,CAAC;IACR,QAAQ,EAAE,UAAU;CACZ,CAAA;AAEV,MAAM,CAAC,MAAM,SAAS,GAAkB;IACtC,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACZ,CAAA;AAEV,kGAAkG;AAClG,MAAM,CAAC,MAAM,iBAAiB,GAAkB;IAC9C,GAAG,SAAS;CACJ,CAAA;AAEV,MAAM,CAAC,MAAM,YAAY,GAAkB;IACzC,GAAG,cAAc;CACT,CAAA"}

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

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

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

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

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

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

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

package/dist/types/components/Chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chrome.d.ts","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAqC,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAItE,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAA;CACtC;AAED,eAAO,MAAM,YAAY,8GAiCxB,CAAA"}

package/dist/types/components/ErrorPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AAEpD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQ1D,CAAA;AAED,8CAA8C;AAC9C,eAAO,MAAM,SAAS,0CAAkB,CAAA"}

package/dist/types/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/types/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/types/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/types/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/types/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/types/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/{index.d.ts.map → types/index.d.ts.map}

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

package/package.json

@@ -10,11 +10,11 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-async-effect": "~2.18.4",
-    "@xyo-network/react-app-settings": "~2.62.3",
-    "@xyo-network/react-appbar": "~2.62.3",
-    "@xyo-network/react-footer": "~2.62.3",
-    "@xyo-network/react-shared": "~2.62.3"
+    "@xylabs/react-async-effect": "~2.19.1",
+    "@xyo-network/react-app-settings": "~2.63.1",
+    "@xyo-network/react-appbar": "~2.63.1",
+    "@xyo-network/react-footer": "~2.63.1",
+    "@xyo-network/react-shared": "~2.63.1"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -36,46 +36,38 @@
     "@storybook/react": "^7.4.3",
     "@types/react-helmet": "^6.1.6",
     "@xylabs/pixel": "^1.4.14",
-    "@xylabs/react-button": "~2.18.4",
-    "@xylabs/react-flexbox": "~2.18.4",
-    "@xylabs/react-link": "~2.18.4",
-    "@xylabs/react-pixel": "~2.18.4",
-    "@xylabs/react-shared": "~2.18.4",
-    "@xylabs/ts-scripts-yarn3": "^3.0.28",
-    "@xylabs/tsconfig-react": "^3.0.28",
+    "@xylabs/react-button": "~2.19.1",
+    "@xylabs/react-flexbox": "~2.19.1",
+    "@xylabs/react-link": "~2.19.1",
+    "@xylabs/react-pixel": "~2.19.1",
+    "@xylabs/react-shared": "~2.19.1",
+    "@xylabs/ts-scripts-yarn3": "^2.19.12",
+    "@xylabs/tsconfig-react": "^2.19.12",
     "axios": "^1.5.0",
     "typescript": "^5.2.2"
   },
   "description": "Common React library for all XYO projects that use React",
+  "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
   "exports": {
     ".": {
       "node": {
-        "import": {
-          "types": "./dist/index.d.mts",
-          "default": "./dist/index.mjs"
-        },
-        "require": {
-          "types": "./dist/index.d.ts",
-          "default": "./dist/index.js"
-        }
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
       },
       "browser": {
-        "import": {
-          "types": "./dist/index.d.mts",
-          "default": "./dist/index.mjs"
-        },
-        "require": {
-          "types": "./dist/index.d.ts",
-          "default": "./dist/index.js"
-        }
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
       },
-      "default": "./dist/index.mjs"
+      "default": "./dist/esm/index.js"
+    },
+    "./dist/docs.json": {
+      "default": "./dist/docs.json"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -96,6 +88,6 @@
     "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
   },
   "sideEffects": false,
-  "types": "dist/index.d.ts",
-  "version": "2.62.3"
+  "types": "dist/types/index.d.ts",
+  "version": "2.63.1"
 }

package/dist/components/Body.d.mts

@@ -1,12 +0,0 @@
-import { Breakpoint } from '@mui/material';
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import React, { ReactNode } from 'react';
-export interface WebAppBodyProps extends FlexBoxProps {
-    breadcrumbs?: ReactNode;
-    disableBreadcrumbGutter?: boolean;
-    mobileScrollingBreakpoint?: Breakpoint;
-    spacing?: string | number;
-    variant?: 'scrollable' | 'fixed';
-}
-export declare const WebAppBody: React.FC<WebAppBodyProps>;
-//# sourceMappingURL=Body.d.ts.map

package/dist/components/Body.d.mts.map

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

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

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

package/dist/components/Chrome.d.mts

@@ -1,14 +0,0 @@
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import { WebAppNavigationType } from '@xyo-network/react-app-settings';
-import { ReactNode } from 'react';
-export interface WebAppChromeProps extends FlexBoxProps {
-    appName: string;
-    appbar?: ReactNode;
-    errorPage?: ReactNode;
-    footer?: ReactNode;
-    footerElevation?: number;
-    menuItems?: ReactNode;
-    navigationType?: WebAppNavigationType;
-}
-export declare const WebAppChrome: import("react").ForwardRefExoticComponent<WebAppChromeProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=Chrome.d.ts.map

package/dist/components/Chrome.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chrome.d.ts","sourceRoot":"","sources":["../../src/components/Chrome.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAqC,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAItE,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAA;CACtC;AAED,eAAO,MAAM,YAAY,8GAiCxB,CAAA"}

package/dist/components/Chrome.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chrome.d.ts","sourceRoot":"","sources":["../../src/components/Chrome.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAqC,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAItE,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAA;CACtC;AAED,eAAO,MAAM,YAAY,8GAiCxB,CAAA"}

package/dist/components/Chrome.stories.d.mts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare const StorybookEntry: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Chrome").WebAppChromeProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Chrome").WebAppChromeProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const DefaultSideBar: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Chrome").WebAppChromeProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const WithFixedSizePage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Chrome").WebAppChromeProps & import("react").RefAttributes<HTMLDivElement>>;
-export { Default, DefaultSideBar, WithFixedSizePage };
-export default StorybookEntry;
-//# sourceMappingURL=Chrome.stories.d.ts.map

package/dist/components/Chrome.stories.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chrome.stories.d.ts","sourceRoot":"","sources":["../../src/components/Chrome.stories.tsx"],"names":[],"mappings":";AAWA,QAAA,MAAM,cAAc,yLASU,CAAA;AAuC9B,QAAA,MAAM,OAAO,qLAAoB,CAAA;AAGjC,QAAA,MAAM,cAAc,qLAAoB,CAAA;AAGxC,QAAA,MAAM,iBAAiB,qLAAoB,CAAA;AAG3C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA;AAGrD,eAAe,cAAc,CAAA"}

package/dist/components/Chrome.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare const StorybookEntry: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./Chrome").WebAppChromeProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Chrome").WebAppChromeProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const DefaultSideBar: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Chrome").WebAppChromeProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const WithFixedSizePage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./Chrome").WebAppChromeProps & import("react").RefAttributes<HTMLDivElement>>;
-export { Default, DefaultSideBar, WithFixedSizePage };
-export default StorybookEntry;
-//# sourceMappingURL=Chrome.stories.d.ts.map

package/dist/components/Chrome.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chrome.stories.d.ts","sourceRoot":"","sources":["../../src/components/Chrome.stories.tsx"],"names":[],"mappings":";AAWA,QAAA,MAAM,cAAc,yLASU,CAAA;AAuC9B,QAAA,MAAM,OAAO,qLAAoB,CAAA;AAGjC,QAAA,MAAM,cAAc,qLAAoB,CAAA;AAGxC,QAAA,MAAM,iBAAiB,qLAAoB,CAAA;AAG3C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA;AAGrD,eAAe,cAAc,CAAA"}

package/dist/components/ErrorPage.d.mts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { WebAppPageProps } from './Page';
-export interface WebAppErrorPageProps extends WebAppPageProps {
-    error?: Error;
-}
-export declare const WebAppErrorPage: React.FC<WebAppErrorPageProps>;
-/** @deprecated use WebAppErrorPage instead */
-export declare const ErrorPage: import("react").FC<WebAppErrorPageProps>;
-//# sourceMappingURL=ErrorPage.d.ts.map

package/dist/components/ErrorPage.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../src/components/ErrorPage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AAEpD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQ1D,CAAA;AAED,8CAA8C;AAC9C,eAAO,MAAM,SAAS,0CAAkB,CAAA"}

package/dist/components/ErrorPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../src/components/ErrorPage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AAEpD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQ1D,CAAA;AAED,8CAA8C;AAC9C,eAAO,MAAM,SAAS,0CAAkB,CAAA"}

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

@@ -1,6 +0,0 @@
-/// <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/components/NotFoundPage/Page.d.mts.map

@@ -1 +0,0 @@
-{"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/components/NotFoundPage/Page.d.ts.map

@@ -1 +0,0 @@
-{"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/components/NotFoundPage/Page.stories.d.mts

@@ -1,5 +0,0 @@
-declare const StorybookEntry: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@xylabs/react-flexbox").BusyBoxProps>;
-declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@xylabs/react-flexbox").BusyBoxProps>;
-export { Default };
-export default StorybookEntry;
-//# sourceMappingURL=Page.stories.d.ts.map

package/dist/components/NotFoundPage/Page.stories.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../../src/components/NotFoundPage/Page.stories.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc,iJASM,CAAA;AAM1B,QAAA,MAAM,OAAO,6IAAoB,CAAA;AAGjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,eAAe,cAAc,CAAA"}

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

@@ -1,5 +0,0 @@
-declare const StorybookEntry: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@xylabs/react-flexbox").BusyBoxProps>;
-declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@xylabs/react-flexbox").BusyBoxProps>;
-export { Default };
-export default StorybookEntry;
-//# sourceMappingURL=Page.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../../src/components/NotFoundPage/Page.stories.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc,iJASM,CAAA;AAM1B,QAAA,MAAM,OAAO,6IAAoB,CAAA;AAGjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,eAAe,cAAc,CAAA"}

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

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

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

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

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

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

package/dist/components/Page.d.mts

@@ -1,13 +0,0 @@
-/// <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/components/Page.d.mts.map

@@ -1 +0,0 @@
-{"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/components/Page.d.ts.map

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

@@ -1 +0,0 @@
-{"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/components/index.d.ts.map

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

@@ -1,6 +0,0 @@
-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/components/lib/cssValues.d.mts.map

@@ -1 +0,0 @@
-{"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/components/lib/cssValues.d.ts.map

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

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

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

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

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

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

package/dist/index.d.mts

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

package/dist/index.d.mts.map

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