@learningpool/ui 1.2.1 → 1.3.0-beta.1

package/assets/Images.d.ts

@@ -0,0 +1,6 @@
+export declare const StreamSuiteLogo: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export declare const LearningPoolLogo: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};

package/assets/Images.js

@@ -0,0 +1,15 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createSvgIcon } from '@mui/material/utils';
+export var StreamSuiteLogo = createSvgIcon(_jsxs("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 199 203" }, { children: [_jsx("mask", __assign({ width: "116", height: "118", x: "48", y: "0", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' } }, { children: _jsx("path", { fill: "#C4C4C4", d: "M89.5 117.5 48 39l73.5-39 42 80.5-74 37Z" }) })), _jsx("g", __assign({ mask: "url(#a)" }, { children: _jsx("path", { fill: "#fff", d: "M108.125 153.152c-6.057 6.725-19.105 5.563-20.557-10.503l-18.801 13.728c7.301 19.439 25.993 25.754 42.301 21.5 14.808-3.863 24.579-23.825 25.061-35.228-16.591-31.39-27.366-51.232-34.352-63.772l-5.209 8 3.308-9.254s-8-14.375-10.856-20.257c-1.644-4.118-.82-12.532 6.845-15.146 13.113-4.472 19.203 10.157 19.203 15.146l19-12.49c-11-25-33-30-52.53-19.53-18.234 11.749-12.771 35.527-12.771 35.527s19.138 34.58 32.109 59.67l6-9.92-4.415 13c6.065 11.836 10.406 20.97 10.071 22.261-1.048 4.042-3.374 6.53-4.407 7.268Z" }) })), _jsx("mask", __assign({ width: "119", height: "78", x: "80", y: "30", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' } }, { children: _jsx("path", { fill: "#C4C4C4", d: "M102 108 80 89.5 126.5 30 174 46.5l24.5 46L102 108Z" }) })), _jsx("g", __assign({ mask: "url(#b)" }, { children: _jsx("path", { fill: "#fff", d: "M55.14 132.916c-3.87-1.936-8.679-8.555-4.904-19.858a1.084 1.084 0 0 0-.782-1.385c-6.268-1.492-11.555-6.052-13.74-8.163-.52-.503-1.406-.348-1.688.319-7.793 18.441-5.833 35.139 8.307 46.841 11.51 9.525 29.714 7.532 39.765 2.128.156-.084.287-.215.378-.367 48.352-80.76 45.667-80.393 48.357-84.261 2.176-3.129 9.7-6.4 16.5-2 7.602 5.716 4.898 14.401 3.235 19.155-.216.618.21 1.267.859 1.349 8.82 1.106 14.268 5.99 16.39 8.29.498.54 1.415.469 1.727-.198 5.014-10.735 8.838-37.175-13.903-49.35-18.632-9.077-36.631 5.814-38.198 7.158l-.009.008c-.074.064-.099.085-.151.175-1.698 2.962-46.027 80.236-49.95 81.413-5.192 1.558-8.192.746-12.192-1.254Z" }) })), _jsx("mask", __assign({ width: "85", height: "84", x: "97", y: "79", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' } }, { children: _jsx("path", { fill: "#C4C4C4", d: "M97 163V79h85v84H97Z" }) })), _jsx("g", __assign({ mask: "url(#c)" }, { children: _jsx("path", { fill: "#fff", d: "M151.697 119.826c3.022 8.531-6.836 19.226-21.649 12.841l3.5 23c22.273 4.5 36.999-6.5 41.284-26.637 4.715-28.863-17.592-38.735-23.785-38.863-6.192-.129-92.653.769-92.653.769-3.503-1.042-10.205-7.284-8.846-15.27 2.516-14.792 19.614-10.878 24-8.5-8.693-9.753-2.693-20.753-4.647-21.781-29.546-1.972-44.046 18.028-42.219 36.857 1.673 17.943 21.673 27.171 25.136 28.168 8.037 3.503 90.037-2.997 95.592 2.076 3.054 2.848 4.13 6.08 4.287 7.34Z" }) })), _jsx("mask", __assign({ width: "116", height: "118", x: "43", y: "85", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' } }, { children: _jsx("path", { fill: "#C4C4C4", d: "M84.5 202.5 43 124l73.5-39 42 80.5-74 37Z" }) })), _jsx("g", __assign({ mask: "url(#d)" }, { children: _jsx("path", { fill: "#fff", d: "M108.125 154.152c-6.057 6.725-19.105 5.563-20.557-10.503l-18.801 13.728c7.301 19.439 25.993 25.754 42.301 21.5 14.808-3.863 24.579-23.825 25.061-35.228-16.591-31.39-27.366-51.232-34.352-63.772l-5.209 8 3.308-9.254s-8-14.375-10.856-20.257c-1.644-4.118-.82-12.532 6.845-15.146 13.113-4.472 19.203 10.157 19.203 15.146l19-12.49c-11-25-33-30-52.53-19.53-18.234 11.749-12.771 35.527-12.771 35.527s19.138 34.58 32.109 59.67l6-9.92-4.415 13c6.065 11.836 10.406 20.97 10.071 22.261-1.048 4.042-3.374 6.53-4.407 7.268Z" }) })), _jsx("mask", __assign({ width: "119", height: "78", x: "0", y: "88", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' } }, { children: _jsx("path", { fill: "#C4C4C4", d: "m96.5 88 22 18.5L72 166l-47.5-16.5-24.5-46L96.5 88Z" }) })), _jsx("g", __assign({ mask: "url(#e)" }, { children: _jsx("path", { fill: "#fff", d: "M55.14 132.916c-3.87-1.936-8.679-8.555-4.904-19.858a1.084 1.084 0 0 0-.782-1.385c-6.268-1.492-11.555-6.052-13.74-8.163-.52-.503-1.406-.348-1.688.319-7.793 18.441-5.833 35.139 8.307 46.841 11.51 9.525 29.714 7.532 39.765 2.128.156-.084.287-.215.378-.367 48.352-80.76 45.667-80.393 48.357-84.261 2.176-3.129 9.7-6.4 16.5-2 7.602 5.716 4.898 14.401 3.235 19.155-.216.618.21 1.267.859 1.349 8.82 1.106 14.268 5.99 16.39 8.29.498.54 1.415.469 1.727-.198 5.014-10.735 8.838-37.175-13.903-49.35-18.632-9.077-36.631 5.814-38.198 7.158l-.009.008c-.074.064-.099.085-.151.175-1.698 2.962-46.027 80.236-49.95 81.413-5.192 1.558-8.192.746-12.192-1.254Z" }) })), _jsx("mask", __assign({ width: "85", height: "84", x: "16", y: "43", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' } }, { children: _jsx("path", { fill: "#C4C4C4", d: "M16 127V43h85v84H16Z" }) })), _jsx("g", __assign({ mask: "url(#f)" }, { children: _jsx("path", { fill: "#fff", d: "M151.697 119.826c3.022 8.531-6.836 19.226-21.649 12.841l3.5 23c22.273 4.5 36.999-6.5 41.284-26.637 4.715-28.863-17.592-38.735-23.785-38.863-6.192-.129-92.653.769-92.653.769-3.503-1.042-10.205-7.284-8.846-15.27 2.516-14.792 19.614-10.878 24-8.5-8.693-9.753-2.693-20.753-4.647-21.781-29.546-1.972-44.046 18.028-42.219 36.857 1.673 17.943 21.673 27.171 25.136 28.168 8.037 3.503 90.037-2.997 95.592 2.076 3.054 2.848 4.13 6.08 4.287 7.34Z" }) }))] })), 'StreamSuite');
+export var LearningPoolLogo = createSvgIcon(_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 804 174" }, { children: _jsx("path", { fill: "#0069B4", d: "M155.5 0A44 44 0 0 0 121 16.5l-1 1.2-1.2-1a72.5 72.5 0 1 0-46.4 128.1 72.8 72.8 0 0 0 70.7-56.6l.4-1.5 1.5.4a44.2 44.2 0 0 0 44.8-15 44.2 44.2 0 0 0 5.6-47 44.2 44.2 0 0 0-40-25.1zM113 115.2H72.4a42.9 42.9 0 1 1 29.2-11.5l11.4 11.5zm42.5-47.8h-22l6.1-6.2a23.2 23.2 0 1 1 15.9 6.2zm56.2-8.5h14v84h-14zm76 54.3a31.1 31.1 0 0 0-7.5-21.1 29.2 29.2 0 0 0-40.7.2 31.8 31.8 0 0 0-7.8 22 31.2 31.2 0 0 0 7.9 22.2 27.8 27.8 0 0 0 20.9 8.3c2.8 0 5.6-.3 8.4-1a24 24 0 0 0 7.3-3 28.4 28.4 0 0 0 6.3-5.1c1.7-2 3.3-4 4.7-6.2l-12.7-7a28 28 0 0 1-6 6.9 12.3 12.3 0 0 1-7.4 2.1 13 13 0 0 1-9.6-3.7 15.6 15.6 0 0 1-4-9.1v-.4h40.1v-5.1zm-41.7-5.3.3-1.1a16.8 16.8 0 0 1 2-4.6 14 14 0 0 1 3-3.5 13.3 13.3 0 0 1 4.1-2.2 14.5 14.5 0 0 1 4.8-.8c6.8-.4 12.8 4.4 14 11l.3 1.2H246zm90.4-22.4V91a24.2 24.2 0 0 0-16.9-7.2 24.9 24.9 0 0 0-19.2 8.6 30.7 30.7 0 0 0-7.7 21.2 31.7 31.7 0 0 0 7.7 21.6 25.4 25.4 0 0 0 19.6 8.5 25 25 0 0 0 16.5-6.7v5.1h14.2V85.5h-14.2zm-3.6 41a14.3 14.3 0 0 1-11.1 4.7 13.5 13.5 0 0 1-10.6-4.9 18.9 18.9 0 0 1-4.1-12.6 18 18 0 0 1 4.1-12.2 13.8 13.8 0 0 1 10.9-4.8 14 14 0 0 1 10.8 4.8A18.3 18.3 0 0 1 337 114a18.5 18.5 0 0 1-4.3 12.5zm61.7-38.9-6.3 13-.6-.4a11.3 11.3 0 0 0-6.6-2.5c-6.5 0-9.7 5-9.7 15.4v29.7h-13.7V85.5h13.7v4a23.9 23.9 0 0 1 5.3-4.1 14.6 14.6 0 0 1 6.7-1.5 20.7 20.7 0 0 1 10.7 3.4l.5.3zm53 20.2v35H433v-32a19.7 19.7 0 0 0-2.2-11 8.8 8.8 0 0 0-7.8-3 9.4 9.4 0 0 0-8.7 4 28.9 28.9 0 0 0-2.6 14.3v27.7h-14.3V85.5h14.3v4.4a21.8 21.8 0 0 1 14.9-6 20.3 20.3 0 0 1 15.8 6.4c3.3 3.6 5 9.5 5 17.5m22.9-40a8.7 8.7 0 0 1-2.7 6.4 8.5 8.5 0 0 1-6.3 2.7 9 9 0 0 1-6.4-2.6 9 9 0 0 1-2.6-6.4 8.5 8.5 0 0 1 2.7-6.3 8.6 8.6 0 0 1 6.3-2.7 8.7 8.7 0 0 1 6.3 2.7 8.5 8.5 0 0 1 2.7 6.3m-16 18h14v57h-14zm71 22v35H511v-32a19.7 19.7 0 0 0-2.2-11.1 8.8 8.8 0 0 0-7.8-3 9.4 9.4 0 0 0-8.7 4 28.9 28.9 0 0 0-2.5 14.3v27.7h-14.4V85.5h14.4v4.4a21.8 21.8 0 0 1 14.8-6 20.2 20.2 0 0 1 15.8 6.4c3.3 3.6 5 9.5 5 17.5M574 85.4v5.4a23 23 0 0 0-16.9-6.9 24.4 24.4 0 0 0-19.9 9.3 32.9 32.9 0 0 0-7 21 31.2 31.2 0 0 0 7.6 21.3 25.1 25.1 0 0 0 17.8 8.5 25.2 25.2 0 0 0 18.4-7v6.3c0 11.2-4.4 16.7-13.5 16.7a13.4 13.4 0 0 1-11.2-5 14.2 14.2 0 0 1-2.4-6v-.6h-14.2v.7a25.2 25.2 0 0 0 8.8 17.5 28.4 28.4 0 0 0 19 6.2 26.9 26.9 0 0 0 21.3-9 24.1 24.1 0 0 0 5.4-11 51.2 51.2 0 0 0 .7-5.4c.2-2 .3-4.4.3-7v-55H574zm-3.3 40.6a13.6 13.6 0 0 1-11.2 5 13.6 13.6 0 0 1-11.1-5 18.9 18.9 0 0 1-3.7-12 19.1 19.1 0 0 1 3.7-12.3 13.3 13.3 0 0 1 11-5.1 13.9 13.9 0 0 1 11 4.7 18 18 0 0 1 4.1 12.6 18.6 18.6 0 0 1-3.8 12zm73.7-33.4a24.8 24.8 0 0 0-19.5-8.7 24.4 24.4 0 0 0-16.7 6.8v-5.2h-14v87.3h14V137a24.4 24.4 0 0 0 17 7 24.9 24.9 0 0 0 19.2-8.5 30.9 30.9 0 0 0 7.7-21.3 31.3 31.3 0 0 0-7.7-21.6m-32.5 8.8a14.3 14.3 0 0 1 11-4.7 13.5 13.5 0 0 1 10.7 5 18.6 18.6 0 0 1 4.1 12.5 17.8 17.8 0 0 1-4.3 12.3 13.5 13.5 0 0 1-10.6 4.8 14 14 0 0 1-11-4.8 18.4 18.4 0 0 1-4.2-12.5 18.2 18.2 0 0 1 4.2-12.6m97.4-7.9a31.3 31.3 0 0 0-43.2 0 28.3 28.3 0 0 0-9 21 29.4 29.4 0 0 0 9 21.5 29.3 29.3 0 0 0 21.5 8.8 30.4 30.4 0 0 0 21.9-8.6A28.8 28.8 0 0 0 718 115a29 29 0 0 0-8.8-21.4m-10 34a16.9 16.9 0 0 1-23.3 0 18.1 18.1 0 0 1-4.4-12.8 17.2 17.2 0 0 1 4.5-12.3 15.1 15.1 0 0 1 11.5-4.7c4.4-.1 8.7 1.6 11.7 4.7a17.7 17.7 0 0 1 4.4 12.6 17.7 17.7 0 0 1-4.4 12.5m75-35a31.3 31.3 0 0 0-43.3 0 28.2 28.2 0 0 0-8.9 21 29.4 29.4 0 0 0 8.7 21.5 29.3 29.3 0 0 0 21.5 8.8 30.4 30.4 0 0 0 21.9-8.6 28.8 28.8 0 0 0 8.8-21.4 29 29 0 0 0-8.8-21.3m-10 34a16.8 16.8 0 0 1-23.3 0 18.2 18.2 0 0 1-4.3-12.8 17.2 17.2 0 0 1 4.5-12.3 15.1 15.1 0 0 1 11.6-4.7 15.3 15.3 0 0 1 11.6 4.7 17.7 17.7 0 0 1 4.4 12.6 17.7 17.7 0 0 1-4.4 12.5M790 59h14v84h-14z" }) })), 'LearningPool');

package/components/pages/SideInSide/SideInSide.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function SideInSide(props: any): React.ReactElement;

package/components/pages/SideInSide/SideInSide.js

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '../../../index';
+import CssBaseline from '@mui/material/CssBaseline';
+import Paper from '@mui/material/Paper';
+import Box from '@mui/material/Box';
+import Grid from '@mui/material/Grid';
+import Typography from '@mui/material/Typography';
+import Divider from '@mui/material/Divider';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
+import { SideInSideStyles } from './SideInSideStyles';
+import { LearningPoolLogo, StreamSuiteLogo } from '../../../assets/Images';
+import { Link } from '@mui/material';
+function Copyright(props) {
+    return (_jsxs(Typography, __assign({ variant: "body2", color: "text.secondary", align: "center" }, props, { children: ['Copyright © ', _jsx(Link, __assign({ color: "inherit", href: "https://mui.com/" }, { children: "Your Website" })), ' ', new Date().getFullYear(), '.'] })));
+}
+var theme = createTheme();
+export default function SideInSide(props) {
+    var classes = SideInSideStyles(props).classes;
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsxs(Grid, __assign({ container: true, component: "main", className: classes.root, style: props === null || props === void 0 ? void 0 : props.style }, { children: [_jsx(CssBaseline, {}), _jsx(Grid, __assign({ item: true, xs: false, sm: false, md: 6, lg: 7, xl: 8, className: classes.pageBackgroundContainer }, { children: _jsx(Box, __assign({ className: classes.pageBackgroundLogoContainer }, { children: (props === null || props === void 0 ? void 0 : props.pageBackgroundLogo)
+                            ? (_jsx("img", { src: "".concat(String(props.pageBackgroundLogo)), alt: "".concat(String(props.pageBackgroundLogoAlt)), className: classes.pageBackgroundLogo }))
+                            : _jsx(StreamSuiteLogo, { style: { height: '200px', width: '200px' } }) })) })), _jsx(Grid, __assign({ item: true, xs: 12, sm: 12, md: 6, lg: 5, xl: 4, component: Paper, elevation: 6, square: true }, { children: _jsxs(Box, __assign({ className: classes.contentPanel }, { children: [_jsx(Box, __assign({ className: classes.contentPanelImageContainer }, { children: (props === null || props === void 0 ? void 0 : props.formLogo)
+                                    ? (_jsx("img", { src: "".concat(String(props.formLogo)), alt: "".concat(String(props.formLogoAlt)), className: classes.contentPanelImage }))
+                                    : _jsx(LearningPoolLogo, { inheritViewBox: true, style: { width: '250px', height: '60px' } }) })), _jsx(Typography, __assign({ component: "h1", variant: "h6" }, { children: props.welcomeMessage })), (props === null || props === void 0 ? void 0 : props.children) ? props.children : null, (props === null || props === void 0 ? void 0 : props.isStreamHomeEnabled)
+                                ? (_jsxs(_Fragment, { children: [_jsx(Divider, __assign({ sx: { mt: 1 } }, { children: "Or" })), _jsx(Button, __assign({ type: "submit", onClick: props === null || props === void 0 ? void 0 : props.handleStreamHomeLogin, fullWidth: true, className: classes.streamHomeButton, startIcon: (props === null || props === void 0 ? void 0 : props.startIcon)
+                                                ? props.startIcon
+                                                : _jsx(StreamSuiteLogo, { style: { height: '25px', width: '25px' } }) }, { children: "Log in with Stream Home" }))] }))
+                                : null, _jsx(Box, __assign({ className: classes.footerContent }, { children: (props === null || props === void 0 ? void 0 : props.footerContent) ? props.footerContent : _jsx(Copyright, {}) }))] })) }))] })) })));
+}

package/components/pages/SideInSide/SideInSideStyles.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@mui/material/styles';
+export declare const SideInSideStyles: (params: void) => {
+    classes: Record<"root" | "pageBackgroundContainer" | "pageBackgroundLogoContainer" | "pageBackgroundLogo" | "contentPanel" | "contentPanelImageContainer" | "contentPanelImage" | "submitButton" | "streamHomeButton" | "footerContent", string>;
+    theme: Theme;
+    css: import("tss-react").Css;
+    cx: import("tss-react").Cx;
+};

package/components/pages/SideInSide/SideInSideStyles.js

@@ -0,0 +1,60 @@
+import { makeStyles } from 'tss-react/mui';
+export var SideInSideStyles = makeStyles()(function (theme, props) { return ({
+    root: {
+        height: '100vh',
+        width: '100%'
+    },
+    pageBackgroundContainer: {
+        backgroundImage: (props === null || props === void 0 ? void 0 : props.pageBackgroundImage)
+            ? "url(".concat(String(props.pageBackgroundImage), ")")
+            : 'url(https://source.unsplash.com/YWIOwHvRBvU)',
+        backgroundRepeat: 'no-repeat',
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.grey[50] : theme.palette.grey[900],
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        flex: 1
+    },
+    pageBackgroundLogoContainer: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        justifyContent: 'center'
+    },
+    pageBackgroundLogo: {
+        maxWidth: '250px'
+    },
+    contentPanel: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        marginLeft: theme.spacing(6),
+        marginRight: theme.spacing(6),
+        paddingBottom: theme.spacing(2),
+        paddingTop: theme.spacing(8)
+    },
+    contentPanelImageContainer: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        marginBottom: theme.spacing(3),
+        marginTop: theme.spacing(1)
+    },
+    contentPanelImage: {
+        maxWidth: '400px',
+        width: '66%'
+    },
+    submitButton: {
+        marginBottom: theme.spacing(2),
+        marginTop: theme.spacing(3)
+    },
+    streamHomeButton: {
+        marginBottom: "".concat(theme.spacing(5), " !important"),
+        marginTop: "".concat(theme.spacing(3), " !important")
+    },
+    footerContent: {
+        marginTop: 'auto',
+        width: '100%'
+    }
+}); });

package/index.d.ts

@@ -1,6 +1,9 @@
 export { default as Button } from './components/atoms/Button/Button';
+export { default as Checkbox } from './components/atoms/Checkbox/Checkbox';
+export { default as TextField } from './components/atoms/TextField/TextField';
 export { default as Drawer } from './components/navigation/Drawer/Drawer';
 export { default as List } from './components/datadisplay/List/List';
+export { default as SideInSide } from './components/pages/SideInSide/SideInSide';
 export { default as Backdrop } from '@mui/material/Backdrop';
 export { default as ListItem } from '@mui/material/ListItem';
 export { default as ListItemAvatar } from '@mui/material/ListItemAvatar';

package/index.js

@@ -1,7 +1,10 @@
 // Learning Pool intercepted
 export { default as Button } from './components/atoms/Button/Button';
+export { default as Checkbox } from './components/atoms/Checkbox/Checkbox';
+export { default as TextField } from './components/atoms/TextField/TextField';
 export { default as Drawer } from './components/navigation/Drawer/Drawer';
 export { default as List } from './components/datadisplay/List/List';
+export { default as SideInSide } from './components/pages/SideInSide/SideInSide';
 // Straight through MUI
 export { default as Backdrop } from '@mui/material/Backdrop';
 export { default as ListItem } from '@mui/material/ListItem';

package/package.json

@@ -8,7 +8,7 @@
     "components",
     "ui"
   ],
-  "version": "1.2.1",
+  "version": "1.3.0-beta.1",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -89,7 +89,14 @@
   },
   "release": {
     "branches": [
-      "main"
+      {
+        "name": "main"
+      },
+      {
+        "name": "beta",
+        "channel": "beta",
+        "prerelease": true
+      }
     ]
   },
   "publishConfig": {