@australiangreens/ag-internal-components 0.0.50 → 0.0.51

package/dist/layouts/AppLayout/AppLayout.d.ts

@@ -5,6 +5,8 @@ export interface BaseAppLayoutProps {
     /** Either an array of objects used to automatically generate the content of
      * the navbar (WIP), or a node to render directly.*/
     navBarMiddle: NavBarProps['middle'];
+    /** A node to render directly.*/
+    navBarBottom: NavBarProps['bottom'];
     /**
      * The initial titleText. Shortcut for calling a setter from useAppLayout()
      * hook since its such a common action.
@@ -32,6 +34,6 @@ export interface BaseAppLayoutProps {
     domainCode?: NavBarProps['domainCode'];
 }
 type AppLayoutProps = PropsWithChildren<BaseAppLayoutProps>;
-export default function AppLayout({ children, initialTitleText, initialNavBarOpen, pageContainerProps, pageContentDataTestId, topBarDataTestId, navBarDataTestId, navBarMiddle, user, domainCode, }: AppLayoutProps): import("react/jsx-runtime").JSX.Element;
+export default function AppLayout({ children, initialTitleText, initialNavBarOpen, pageContainerProps, pageContentDataTestId, topBarDataTestId, navBarDataTestId, navBarMiddle, navBarBottom, user, domainCode, }: AppLayoutProps): JSX.Element;
 export {};
 //# sourceMappingURL=AppLayout.d.ts.map

package/dist/layouts/AppLayout/AppLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppLayout/AppLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAGrE,OAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAW5C,MAAM,WAAW,kBAAkB;IACjC;wDACoD;IACpD,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;mBACe;IACf,kBAAkB,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;IAE1D,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,yDAAyD;IACzD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;mCAC+B;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAE3B,oCAAoC;IACpC,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACxC;AAED,KAAK,cAAc,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,UAAU,GACX,EAAE,cAAc,2CAiDhB"}
+{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppLayout/AppLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAGrE,OAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAW5C,MAAM,WAAW,kBAAkB;IACjC;wDACoD;IACpD,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEpC,gCAAgC;IAChC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;mBACe;IACf,kBAAkB,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;IAE1D,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,yDAAyD;IACzD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;mCAC+B;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAE3B,oCAAoC;IACpC,UAAU,CAAC,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACxC;AAED,KAAK,cAAc,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,UAAU,GACX,EAAE,cAAc,eAkDhB"}

package/dist/layouts/AppLayout/NavBar/LinksMenu.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { NavBarLink } from './types';
 export interface LinksMenuProps {
     links: NavBarLink[];
 }
-export declare function LinksMenu({ links }: LinksMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinksMenu({ links }: LinksMenuProps): JSX.Element;
 //# sourceMappingURL=LinksMenu.d.ts.map

package/dist/layouts/AppLayout/NavBar/LinksMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinksMenu.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/LinksMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAGD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,cAAc,2CAElD"}
+{"version":3,"file":"LinksMenu.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/LinksMenu.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAGD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,cAAc,eAElD"}

package/dist/layouts/AppLayout/NavBar/NavBar.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
+import { DomainCode } from 'domainCode';
 import { NavBarLink, User } from './types';
-import { DomainCode } from '../../../domainCode';
 export interface NavBarProps {
     open: boolean;
     offsetTop?: number;
@@ -37,11 +37,13 @@ export interface NavBarProps {
     user?: User;
     /** Displayed below the user information when available */
     domainCode?: DomainCode;
+    /** The contents to be displayed at the bottom, specified to the current page */
+    bottom?: ReactNode;
 }
 /**
  * A styled navigation bar. At this point in time its pretty unopinionated, it
  * just renders whatever children it is given. The NavBarLightStyledList
  * component can be used for consistent styling against the background.
  */
-export default function NavBar({ open, offsetTop, widthOpen, widthClosed, 'data-testid': dataTestId, top, middle, user, domainCode, }: NavBarProps): import("react/jsx-runtime").JSX.Element;
+export default function NavBar({ open, offsetTop, widthOpen, widthClosed, 'data-testid': dataTestId, top, middle, bottom, user, domainCode, }: NavBarProps): JSX.Element;
 //# sourceMappingURL=NavBar.d.ts.map

package/dist/layouts/AppLayout/NavBar/NavBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG3C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIjD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAElB,WAAW,EAAE,MAAM,CAAC;IAEpB;kBACc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,6EAA6E;IAC7E,GAAG,CAAC,EAAE,SAAS,CAAC;IAEhB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,CAAC;IAEjC,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,0DAA0D;IAC1D,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,SAAa,EACb,SAAS,EACT,WAAW,EACX,aAAa,EAAE,UAAU,EACzB,GAAG,EACH,MAAM,EACN,IAAI,EACJ,UAAU,GACX,EAAE,WAAW,2CAsCb"}
+{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/NavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAK3C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAElB,WAAW,EAAE,MAAM,CAAC;IAEpB;kBACc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,6EAA6E;IAC7E,GAAG,CAAC,EAAE,SAAS,CAAC;IAEhB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,CAAC;IAEjC,qEAAqE;IACrE,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,0DAA0D;IAC1D,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,SAAa,EACb,SAAS,EACT,WAAW,EACX,aAAa,EAAE,UAAU,EACzB,GAAG,EACH,MAAM,EACN,MAAM,EACN,IAAI,EACJ,UAAU,GACX,EAAE,WAAW,eAyCb"}

package/dist/layouts/AppLayout/NavBar/SettingsEtcPlaceholder.d.ts

@@ -1,6 +1,3 @@
-interface SettingsEtcPlaceholderProps {
-    navBarOpen: boolean;
-}
-export default function SettingsEtcPlaceholder({ navBarOpen }: SettingsEtcPlaceholderProps): import("react/jsx-runtime").JSX.Element;
-export {};
+/// <reference types="react" />
+export default function SettingsEtcPlaceholder(): JSX.Element;
 //# sourceMappingURL=SettingsEtcPlaceholder.d.ts.map

package/dist/layouts/AppLayout/NavBar/SettingsEtcPlaceholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsEtcPlaceholder.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/SettingsEtcPlaceholder.tsx"],"names":[],"mappings":"AAUA,UAAU,2BAA2B;IACnC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,UAAU,EAAE,EAAE,2BAA2B,2CA0CzF"}
+{"version":3,"file":"SettingsEtcPlaceholder.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/SettingsEtcPlaceholder.tsx"],"names":[],"mappings":";AAWA,MAAM,CAAC,OAAO,UAAU,sBAAsB,gBA4D7C"}

package/dist/layouts/AppLayout/NavBar/UserInfo.d.ts

@@ -1,9 +1,12 @@
-import { DomainCode } from '../../../domainCode';
+/// <reference types="react" />
+import { DomainCode } from 'domainCode';
 import { User } from './types';
 export interface UserInfoProps {
     user?: User;
     domainCode?: DomainCode;
     open: boolean;
+    navBarWidthClosed: number;
+    navBarWidthOpen: number;
 }
 /**
  * If user has a defined name and a valid url for picture, the picture will for
@@ -15,6 +18,10 @@ export interface UserInfoProps {
  *
  * If user is undefined or the name is undefined, a generic empty avatar image
  * will be displayed.
+ *
+ * ! navBarWidthClosed and navBarWidthOpen are needed to size the avatar
+ * ! correctly. Specifying css in Styling.tsx might
+ * ! be a better approach. See [EVNT-59]
  */
-export default function UserInfo({ user, domainCode, open }: UserInfoProps): import("react/jsx-runtime").JSX.Element;
+export default function UserInfo({ user, domainCode, open, navBarWidthClosed, navBarWidthOpen, }: UserInfoProps): JSX.Element;
 //# sourceMappingURL=UserInfo.d.ts.map

package/dist/layouts/AppLayout/NavBar/UserInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserInfo.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/UserInfo.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAe/B,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,aAAa,2CAyEzE"}
+{"version":3,"file":"UserInfo.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/UserInfo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAc/B,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,iBAAiB,EACjB,eAAe,GAChB,EAAE,aAAa,eAoEf"}

package/dist/layouts/AppLayout/PageContainer.d.ts

@@ -2,6 +2,6 @@ import { PropsWithChildren } from 'react';
 interface PageContainerProps {
     topBarHeight: number;
 }
-declare function PageContainer({ children, topBarHeight }: PropsWithChildren<PageContainerProps>): import("react/jsx-runtime").JSX.Element;
+declare function PageContainer({ children, topBarHeight }: PropsWithChildren<PageContainerProps>): JSX.Element;
 export default PageContainer;
 //# sourceMappingURL=PageContainer.d.ts.map

package/dist/layouts/AppLayout/PageContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppLayout/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA4B1C,UAAU,kBAAkB;IAC1B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,2CAoBvF;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppLayout/PageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA4B1C,UAAU,kBAAkB;IAC1B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,eAoBvF;AAED,eAAe,aAAa,CAAC"}

package/dist/layouts/AppLayout/TopBar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface TopBarProps {
     titleText?: string;
     height: number;
@@ -11,5 +12,5 @@ export declare const classes: {
  * the scroll bar will not appear for the whole page, instead just the page
  * content
  */
-export default function TopBar({ titleText, height, 'data-testid': dataTestId }: TopBarProps): import("react/jsx-runtime").JSX.Element;
+export default function TopBar({ titleText, height, 'data-testid': dataTestId }: TopBarProps): JSX.Element;
 //# sourceMappingURL=TopBar.d.ts.map

package/dist/layouts/AppLayout/TopBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppLayout/TopBar.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAc,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,WAAW,2CA+BhG"}
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppLayout/TopBar.tsx"],"names":[],"mappings":";AAQA,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAc,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,WAAW,eA+BhG"}

package/dist/layouts/AppLayout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/AppLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,cAAc,CAAC"}

package/dist/layouts/PageLayout/PageLayout.comp.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PageLayout.comp.test.d.ts.map

package/dist/layouts/PageLayout/PageLayout.comp.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.comp.test.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/PageLayout.comp.test.tsx"],"names":[],"mappings":""}

package/dist/layouts/PageLayout/PageLayout.d.ts

@@ -0,0 +1,60 @@
+import { ComponentProps, PropsWithChildren, ReactNode } from 'react';
+import PageContainer from './PageContainer';
+export interface SidePanelProps {
+    titleText?: string;
+    content?: ReactNode;
+    flavour?: 'push' | 'overlay';
+    arrowButtons?: 'open' | 'close' | 'both' | 'none';
+    width?: number;
+    startOpen?: boolean;
+    /** Use this and onChangeOpen if you want to use component as a controlled component */
+    open?: boolean;
+    onChangeOpen?: (open: boolean) => void;
+    /** Called when the sliding transition to open has finished */
+    onOpened?: () => void;
+    /** Called when the sliding transition to open has finished */
+    onClosed?: () => void;
+    dataTestId?: string;
+}
+interface BasePageLayoutProps {
+    titleText?: string;
+    leftPanel?: SidePanelProps;
+    rightPanel?: SidePanelProps;
+    /** This will only have an effect for panels whose state is not controlled by
+     * parent */
+    sidePanelsAreMutuallyExclusive?: boolean;
+    /** Temporary, get rid of later */
+    debugOpacity?: boolean;
+    /** Props applied to the PageContainer component, which is a styled MUI Container */
+    pageContainerProps?: ComponentProps<typeof PageContainer>;
+    topBarDataTestId?: string;
+    pageContentDataTestId?: string;
+}
+interface PageLayoutWithNavBarProps extends BasePageLayoutProps {
+    /** Only used by side panels for alignment purposes */
+    navBarOpen: boolean;
+    /** Only used by side panels for alignment purposes */
+    navBarWidthOpen: number;
+    /** Only used by side panels for alignment purposes */
+    navBarWidthClosed: number;
+}
+interface PagelayoutWithoutNavBarProps extends BasePageLayoutProps {
+    navBarOpen?: never;
+    navBarWidthOpen?: never;
+    navBarWidthClosed?: never;
+}
+export type PageLayoutProps = PropsWithChildren<PageLayoutWithNavBarProps | PagelayoutWithoutNavBarProps>;
+/**
+ * To be used by all Page components in our apps to use a standard Top Bar, Left
+ * Panel, Right Panel and Page Contents within the contents for a uniform look.
+ *
+ * At present it is somewhat crudely adapted from the code used in the
+ * ListManager app. It _assumes_ NavBar component on the left.
+ *
+ * It is in the process of being tidied up, and as such is very much in flux.
+ * The end goal is to unify the left most NavBar component with the PageLayout,
+ * but this has to be done incrementally.
+ */
+export default function PageLayout({ children, titleText, leftPanel, rightPanel, sidePanelsAreMutuallyExclusive, debugOpacity, pageContainerProps, pageContentDataTestId, topBarDataTestId, navBarOpen, navBarWidthOpen, navBarWidthClosed, }: PageLayoutProps): JSX.Element;
+export {};
+//# sourceMappingURL=PageLayout.d.ts.map

package/dist/layouts/PageLayout/PageLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAM1F,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAmB5C,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B;gBACY;IACZ,8BAA8B,CAAC,EAAE,OAAO,CAAC;IAEzC,kCAAkC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,oFAAoF;IACpF,kBAAkB,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;IAE1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,UAAU,yBAA0B,SAAQ,mBAAmB;IAC7D,sDAAsD;IACtD,UAAU,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,eAAe,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,4BAA6B,SAAQ,mBAAmB;IAChE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B;AAED,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAC7C,yBAAyB,GAAG,4BAA4B,CACzD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,SAAc,EACd,SAAS,EACT,UAAU,EACV,8BAAqC,EACrC,YAAoB,EACpB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,iBAAiB,GAClB,EAAE,eAAe,eAuLjB"}

package/dist/layouts/PageLayout/SidePanel.d.ts

@@ -21,6 +21,6 @@ type SidePanelProps = PropsWithChildren<{
  * The SidePanel is designed to be used along with the TopBar component for a
  * consistent look and feel.
  */
-export default function SidePanel({ children, anchor, open, onClose, titleText, width, showCloseArrow, debugOpacity, headerBoxProps, onOpened, onClosed, 'data-testid': dataTestId, navBarOpen, navBarWidthOpen, navBarWidthClosed, }: SidePanelProps): import("react/jsx-runtime").JSX.Element;
+export default function SidePanel({ children, anchor, open, onClose, titleText, width, showCloseArrow, debugOpacity, headerBoxProps, onOpened, onClosed, 'data-testid': dataTestId, navBarOpen, navBarWidthOpen, navBarWidthClosed, }: SidePanelProps): JSX.Element;
 export {};
 //# sourceMappingURL=SidePanel.d.ts.map

package/dist/layouts/PageLayout/SidePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAM,QAAQ,EAAsD,MAAM,eAAe,CAAC;AAGjG,eAAO,MAAM,mBAAmB,MAAM,CAAC;AA+EvC,KAAK,cAAc,GAAG,iBAAiB,CAAC;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,MAAe,EACf,IAAI,EACJ,OAAkB,EAClB,SAAc,EACd,KAA2B,EAC3B,cAAqB,EACrB,YAAoB,EACpB,cAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,aAAa,EAAE,UAAU,EACzB,UAAkB,EAClB,eAAmB,EACnB,iBAAqB,GACtB,EAAE,cAAc,2CAgDhB"}
+{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAM,QAAQ,EAAsD,MAAM,eAAe,CAAC;AAGjG,eAAO,MAAM,mBAAmB,MAAM,CAAC;AA+EvC,KAAK,cAAc,GAAG,iBAAiB,CAAC;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,MAAe,EACf,IAAI,EACJ,OAAkB,EAClB,SAAc,EACd,KAA2B,EAC3B,cAAqB,EACrB,YAAoB,EACpB,cAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,aAAa,EAAE,UAAU,EACzB,UAAkB,EAClB,eAAmB,EACnB,iBAAqB,GACtB,EAAE,cAAc,eAgDhB"}

package/dist/layouts/PageLayout/TopBar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface PanelProps {
     open: boolean;
     width: number;
@@ -27,6 +28,6 @@ export declare const classes: {
  * that it has to interact with a sliding side panel that is not the main
  * navbar.
  */
-export default function TopBar({ titleText, leftPanel, rightPanel, 'data-testid': dataTestId, }: TopBarProps): import("react/jsx-runtime").JSX.Element;
+export default function TopBar({ titleText, leftPanel, rightPanel, 'data-testid': dataTestId, }: TopBarProps): JSX.Element;
 export {};
 //# sourceMappingURL=TopBar.d.ts.map

package/dist/layouts/PageLayout/TopBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/TopBar.tsx"],"names":[],"mappings":"AAQA,UAAU,UAAU;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IAEvB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,OAAO;;;;;;;CAQnB,CAAC;AAoEF;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,SAAc,EACd,SAAS,EACT,UAAU,EACV,aAAa,EAAE,UAAU,GAC1B,EAAE,WAAW,2CAyCb"}
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/TopBar.tsx"],"names":[],"mappings":";AAQA,UAAU,UAAU;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IAEvB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,OAAO;;;;;;;CAQnB,CAAC;AAoEF;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,SAAc,EACd,SAAS,EACT,UAAU,EACV,aAAa,EAAE,UAAU,GAC1B,EAAE,WAAW,eAyCb"}

package/dist/layouts/PageLayout/index.d.ts

@@ -1,60 +1,3 @@
-import { ComponentProps, PropsWithChildren, ReactNode } from 'react';
-import PageContainer from './PageContainer';
-export interface SidePanelProps {
-    titleText?: string;
-    content?: ReactNode;
-    flavour?: 'push' | 'overlay';
-    arrowButtons?: 'open' | 'close' | 'both' | 'none';
-    width?: number;
-    startOpen?: boolean;
-    /** Use this and onChangeOpen if you want to use component as a controlled component */
-    open?: boolean;
-    onChangeOpen?: (open: boolean) => void;
-    /** Called when the sliding transition to open has finished */
-    onOpened?: () => void;
-    /** Called when the sliding transition to open has finished */
-    onClosed?: () => void;
-    dataTestId?: string;
-}
-interface BasePageLayoutProps {
-    titleText?: string;
-    leftPanel?: SidePanelProps;
-    rightPanel?: SidePanelProps;
-    /** This will only have an effect for panels whose state is not controlled by
-     * parent */
-    sidePanelsAreMutuallyExclusive?: boolean;
-    /** Temporary, get rid of later */
-    debugOpacity?: boolean;
-    /** Props applied to the PageContainer component, which is a styled MUI Container */
-    pageContainerProps?: ComponentProps<typeof PageContainer>;
-    topBarDataTestId?: string;
-    pageContentDataTestId?: string;
-}
-interface PageLayoutWithNavBarProps extends BasePageLayoutProps {
-    /** Only used by side panels for alignment purposes */
-    navBarOpen: boolean;
-    /** Only used by side panels for alignment purposes */
-    navBarWidthOpen: number;
-    /** Only used by side panels for alignment purposes */
-    navBarWidthClosed: number;
-}
-interface PagelayoutWithoutNavBarProps extends BasePageLayoutProps {
-    navBarOpen?: never;
-    navBarWidthOpen?: never;
-    navBarWidthClosed?: never;
-}
-export type PageLayoutProps = PropsWithChildren<PageLayoutWithNavBarProps | PagelayoutWithoutNavBarProps>;
-/**
- * To be used by all Page components in our apps to use a standard Top Bar, Left
- * Panel, Right Panel and Page Contents within the contents for a uniform look.
- *
- * At present it is somewhat crudely adapted from the code used in the
- * ListManager app. It _assumes_ NavBar component on the left.
- *
- * It is in the process of being tidied up, and as such is very much in flux.
- * The end goal is to unify the left most NavBar component with the PageLayout,
- * but this has to be done incrementally.
- */
-export default function PageLayout({ children, titleText, leftPanel, rightPanel, sidePanelsAreMutuallyExclusive, debugOpacity, pageContainerProps, pageContentDataTestId, topBarDataTestId, navBarOpen, navBarWidthOpen, navBarWidthClosed, }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export { default } from './PageLayout';
+export * from './PageLayout';
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/PageLayout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAM1F,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAmB5C,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B;gBACY;IACZ,8BAA8B,CAAC,EAAE,OAAO,CAAC;IAEzC,kCAAkC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,oFAAoF;IACpF,kBAAkB,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;IAE1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,UAAU,yBAA0B,SAAQ,mBAAmB;IAC7D,sDAAsD;IACtD,UAAU,EAAE,OAAO,CAAC;IACpB,sDAAsD;IACtD,eAAe,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,UAAU,4BAA6B,SAAQ,mBAAmB;IAChE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B;AAED,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAC7C,yBAAyB,GAAG,4BAA4B,CACzD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,SAAc,EACd,SAAS,EACT,UAAU,EACV,8BAAqC,EACrC,YAAoB,EACpB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,iBAAiB,GAClB,EAAE,eAAe,2CAuLjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,cAAc,CAAC"}

package/dist/providers/Atom/AtomProvider.d.ts

@@ -95,5 +95,5 @@ export declare const AtomProvider: ({ children, store, }: PropsWithChildren<{
         dev_get_mounted?: undefined;
         dev_restore_atoms?: undefined;
     } | undefined;
-}>) => import("react/jsx-runtime").JSX.Element;
+}>) => JSX.Element;
 //# sourceMappingURL=AtomProvider.d.ts.map

package/dist/providers/Atom/AtomProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AtomProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/Atom/AtomProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAmB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAoB,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAKxB,CAAC"}
+{"version":3,"file":"AtomProvider.d.ts","sourceRoot":"","sources":["../../../src/providers/Atom/AtomProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAmB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAoB,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAKxB,CAAC"}

package/dist/providers/SaladBar/SaladBarContext.d.ts

@@ -12,5 +12,5 @@ export interface SaladBarProviderProps extends SnackbarProps {
      * true.*/
     shouldClose?: (event: Event | React.SyntheticEvent<Element, Event>, reason: SaladBarCloseReason) => boolean;
 }
-export default function SaladBarProvider({ overrideState, overrideActions, shouldClose, children, ...snackbarProps }: SaladBarProviderProps): import("react/jsx-runtime").JSX.Element;
+export default function SaladBarProvider({ overrideState, overrideActions, shouldClose, children, ...snackbarProps }: SaladBarProviderProps): JSX.Element;
 //# sourceMappingURL=SaladBarContext.d.ts.map

package/dist/providers/SaladBar/SaladBarContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SaladBarContext.d.ts","sourceRoot":"","sources":["../../../src/providers/SaladBar/SaladBarContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAqD,aAAa,EAAE,MAAM,eAAe,CAAC;AAEjG,OAAO,EAEL,mBAAmB,EACnB,aAAa,EACb,eAAe,EACf,eAAe,EAChB,MAAM,SAAS,CAAC;AA6BjB,eAAO,MAAM,OAAO,uCAA8C,CAAC;AAEnE,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAEvC,kEAAkE;IAClE,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAE3C;;cAEU;IACV,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EACnD,MAAM,EAAE,mBAAmB,KACxB,OAAO,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,aAAoC,EACpC,eAAwC,EACxC,WAA8C,EAC9C,QAAQ,EACR,GAAG,aAAa,EACjB,EAAE,qBAAqB,2CA0KvB"}
+{"version":3,"file":"SaladBarContext.d.ts","sourceRoot":"","sources":["../../../src/providers/SaladBar/SaladBarContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAqD,aAAa,EAAE,MAAM,eAAe,CAAC;AAEjG,OAAO,EAEL,mBAAmB,EACnB,aAAa,EACb,eAAe,EACf,eAAe,EAChB,MAAM,SAAS,CAAC;AA6BjB,eAAO,MAAM,OAAO,uCAA8C,CAAC;AAEnE,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAEvC,kEAAkE;IAClE,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAE3C;;cAEU;IACV,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EACnD,MAAM,EAAE,mBAAmB,KACxB,OAAO,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,aAAoC,EACpC,eAAwC,EACxC,WAA8C,EAC9C,QAAQ,EACR,GAAG,aAAa,EACjB,EAAE,qBAAqB,eA0KvB"}

package/dist/testing/wrappers.d.ts

@@ -38,7 +38,7 @@ type AtomConfig = {
 export declare const withAtomProvider: import("souvlaki").SimpleHelper<[]>;
 export declare const HydrateAtoms: <T>({ initialValues, children, }: PropsWithChildren<{
     initialValues: OverrideValues<T>;
-}>) => import("react/jsx-runtime").JSX.Element;
+}>) => JSX.Element;
 export declare const withOverrideDefaults: import("souvlaki").SimpleHelper<[overrides: Partial<AtomConfig>]>;
 export {};
 //# sourceMappingURL=wrappers.d.ts.map

package/dist/testing/wrappers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wrappers.d.ts","sourceRoot":"","sources":["../../src/testing/wrappers.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,YAAY,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAY1C;;;;;;;GAOG;AAEH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;CAQpB,CAAC;AAEF,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAE3D,KAAK,gBAAgB,GAAG,MAAM,OAAO,eAAe,CAAC;AAErD,KAAK,eAAe,CAAC,CAAC,SAAS,gBAAgB,IAAI,UAAU,CAC3D,OAAO,YAAY,CAAC,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CACjD,CAAC;AAEF,KAAK,UAAU,GAAG;KAAG,CAAC,IAAI,gBAAgB,GAAG,eAAe,CAAC,CAAC,CAAC;CAAE,CAAC;AAElE,eAAO,MAAM,gBAAgB,qCAE3B,CAAC;AAEH,eAAO,MAAM,YAAY;;8CAMxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,mEAiBhC,CAAC"}
+{"version":3,"file":"wrappers.d.ts","sourceRoot":"","sources":["../../src/testing/wrappers.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,YAAY,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAa1C;;;;;;;GAOG;AACH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;CAQpB,CAAC;AAEF,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AAE3D,KAAK,gBAAgB,GAAG,MAAM,OAAO,eAAe,CAAC;AAErD,KAAK,eAAe,CAAC,CAAC,SAAS,gBAAgB,IAAI,UAAU,CAC3D,OAAO,YAAY,CAAC,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CACjD,CAAC;AAEF,KAAK,UAAU,GAAG;KAAG,CAAC,IAAI,gBAAgB,GAAG,eAAe,CAAC,CAAC,CAAC;CAAE,CAAC;AAElE,eAAO,MAAM,gBAAgB,qCAE3B,CAAC;AAEH,eAAO,MAAM,YAAY;;kBAMxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,mEAiBhC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@australiangreens/ag-internal-components",
   "private": false,
-  "version": "0.0.50",
+  "version": "0.0.51",
   "type": "module",
   "homepage": "https://github.com/australiangreens/ag-internal-components#readme",
   "license": "MIT",
@@ -20,7 +20,7 @@
     "test:watch": "vitest",
     "### LIFECYCLE SCRIPTS ###": "See https://yarnpkg.com/advanced/lifecycle-scripts",
     "prepare": "husky install",
-    "prepublishOnly": "yarn test && yarn build",
+    "prepublishOnly": "yarn eslint && yarn test && yarn build",
     "### HUSKY GIT HOOKS ###": "Called by husky pre-commit and pre-push scripts",
     "prepush": "sh ./scripts/githooks/pre-push.sh",
     "precommit": "sh ./scripts/githooks/pre-commit.sh",
@@ -42,7 +42,9 @@
   "dependencies": {
     "@australiangreens/ag-error": "^0.1.7",
     "@australiangreens/ag-error-jest": "^0.1.9",
+    "@types/react-transition-group": "^4.4.6",
     "jotai": "^2.3.1",
+    "react-transition-group": "^4.4.5",
     "souvlaki": "^0.3.0"
   },
   "peerDependencies": {
@@ -54,8 +56,8 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@emotion/react": "11.11.1",
-    "@emotion/styled": "11.11.0",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.14.3",
     "@mui/material": "^5.14.5",
     "@storybook/addon-essentials": "^7.0.26",
@@ -65,7 +67,7 @@
     "@storybook/react": "^7.0.26",
     "@storybook/react-vite": "^7.0.26",
     "@storybook/testing-library": "^0.0.14-next.2",
-    "@testing-library/dom": "9.3.1",
+    "@testing-library/dom": "^9.3.1",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
@@ -102,6 +104,7 @@
     "typescript": "^5.0.2",
     "vite": "^4.3.9",
     "vite-plugin-dts": "^3.5.2",
+    "vite-plugin-linter": "^2.0.2",
     "vite-tsconfig-paths": "^4.2.0",
     "vitest": "^0.34.1"
   },

package/dist/components/ExampleComponent/index.comp.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.comp.test.d.ts.map

package/dist/components/ExampleComponent/index.comp.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.comp.test.d.ts","sourceRoot":"","sources":["../../../src/components/ExampleComponent/index.comp.test.tsx"],"names":[],"mappings":""}

package/dist/components/ExampleComponent/index.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ExampleComponent/index.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,gBAAgB,MAAM,GAAG,CAAC;AAGjC,QAAA,MAAM,IAAI;;;CAO+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC"}

package/dist/components/NavBar/Styling.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-export declare const NAVBAR_WIDTH_OPENED = 330;
-export declare const NAVBAR_WIDTH_CLOSED = 73;
-export declare const classes: {
-    root: string;
-    menuButton: string;
-    hide: string;
-    content: string;
-    userInfoHolder: string;
-    settings: string;
-    pieChartIcon: string;
-};
-export declare const Root: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const NavDrawer: import("@emotion/styled").StyledComponent<import("@mui/material/Drawer").DrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-//# sourceMappingURL=Styling.d.ts.map

package/dist/components/NavBar/Styling.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Styling.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/Styling.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAItC,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,IAAI,wVAuBd,CAAC;AAyBJ,eAAO,MAAM,SAAS,kLAenB,CAAC"}

package/dist/components/NavBar/index.comp.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.comp.test.d.ts.map

package/dist/components/NavBar/index.comp.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.comp.test.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/index.comp.test.tsx"],"names":[],"mappings":""}

package/dist/components/NavBar/index.stories.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
-import NavBar from '.';
-declare const meta: {
-    component: typeof NavBar;
-    tags: string[];
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        'data-testid'?: string | undefined;
-        children?: import("react").ReactNode;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-    argTypes: {
-        children: {
-            control: {
-                type: null;
-            };
-            description: string;
-        };
-    };
-    parameters: {
-        controls: {
-            matchers: {
-                color: RegExp;
-                date: RegExp;
-            };
-        };
-        docs: {
-            page: () => import("react/jsx-runtime").JSX.Element;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const WithContent: Story;
-//# sourceMappingURL=index.stories.d.ts.map

package/dist/components/NavBar/index.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/index.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,MAAgD,MAAM,GAAG,CAAC;AAEjE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyCnC,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/layouts/AppLayout/NavBar/Styling.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { Theme } from '@mui/material/styles';
-export declare const classes: {
-    root: string;
-    menuButton: string;
-    hide: string;
-    content: string;
-};
-export declare const Root: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
-interface NavDrawerProps {
-    open: boolean;
-    widthOpen: number;
-    widthClosed: number;
-    offsetTop: number;
-}
-export declare const NavDrawer: import("@emotion/styled").StyledComponent<import("@mui/material/Drawer").DrawerProps & import("@mui/system").MUIStyledCommonProps<Theme> & NavDrawerProps, {}, {}>;
-export {};
-//# sourceMappingURL=Styling.d.ts.map

package/dist/layouts/AppLayout/NavBar/Styling.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Styling.d.ts","sourceRoot":"","sources":["../../../../src/layouts/AppLayout/NavBar/Styling.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAKhE,eAAO,MAAM,OAAO;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,IAAI,yTAuBd,CAAC;AA+BJ,UAAU,cAAc;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,SAAS,oKAkBnB,CAAC"}

package/dist/layouts/PageLayout/PageContainer.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-/** Just a simple styled container applying our spacings*/
-declare const PageContainer: import("@emotion/styled").StyledComponent<Pick<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ContainerClasses> | undefined;
-    disableGutters?: boolean | undefined;
-    fixed?: boolean | undefined;
-    maxWidth?: false | import("@mui/material").Breakpoint | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "maxWidth" | "children" | "sx" | "fixed" | "disableGutters">, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "maxWidth" | "content" | "translate" | "children" | "sx" | "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export default PageContainer;
-//# sourceMappingURL=PageContainer.d.ts.map

package/dist/layouts/PageLayout/PageContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/layouts/PageLayout/PageContainer.tsx"],"names":[],"mappings":";AAEA,0DAA0D;AAC1D,QAAA,MAAM,aAAa;;;;;;;;;0/JAMhB,CAAC;AAEJ,eAAe,aAAa,CAAC"}

package/dist/layouts/PageLayout/PanelAwareMargins.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-interface PanelProps {
-    width: number;
-    open: boolean;
-}
-interface PanelAwareMarginsProps {
-    /** If the leftPanel prop is omitted but a left panel is still in use on the
-     * page, it will slide over the top instead of the default pushing */
-    leftPanel?: PanelProps;
-    /** If the rightPanel prop is omitted but a right panel is still in use on the
-     * page, it will slide over the top instead of the default pushing */
-    rightPanel?: PanelProps;
-}
-/** With the optional leftPanel and rightPanel props providing state and width,
- * the children of of the PanelAwareMargins will looks like they is pushed aside
- * by the panels by transitioning the margins. */
-declare const PanelAwareMargins: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & PanelAwareMarginsProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export default PanelAwareMargins;
-//# sourceMappingURL=PanelAwareMargins.d.ts.map