@stack-spot/portal-layout 0.0.2 → 0.0.4

package/dist/Layout.d.ts

@@ -1,22 +1,36 @@
 import { WithStyle } from '@stack-spot/portal-theme';
 import '@stack-spot/portal-theme/dist/theme.css';
-import { ReactElement } from 'react';
+import { ComponentClass, ReactElement, ReactNode } from 'react';
 import { HeaderProps } from './components/Header';
 import { MenuProps } from './components/Menu/types';
 import './layout.css';
+type ErrorBoundaryComponent = ComponentClass<{
+    children: ReactNode;
+}>;
+interface ErrorBoundaries {
+    page?: ErrorBoundaryComponent;
+    menuSections?: ErrorBoundaryComponent;
+    menuContent?: ErrorBoundaryComponent;
+    modal?: ErrorBoundaryComponent;
+    rightPanel?: ErrorBoundaryComponent;
+    header?: ErrorBoundaryComponent;
+    bottomDialog?: ErrorBoundaryComponent;
+}
 interface Props extends WithStyle {
     menu: MenuProps;
     header: HeaderProps;
-    children: ReactElement;
+    children: ReactNode;
+    errorBoundaries?: ErrorBoundaries;
 }
 interface RawProps extends WithStyle {
     menuSections: ReactElement;
     menuContent?: ReactElement;
     header: ReactElement;
-    children: ReactElement;
+    children: ReactNode;
     compactMenu?: boolean;
+    errorBoundaries?: ErrorBoundaries;
 }
-export declare const RawLayout: ({ menuSections, menuContent, header, compactMenu, children, className, style }: RawProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Layout: ({ menu, header, children, className, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const RawLayout: ({ menuSections, menuContent, header, compactMenu, children, errorBoundaries, className, style }: RawProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Layout: ({ menu, header, children, errorBoundaries, className, style }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Layout.d.ts.map

package/dist/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmC,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACrF,OAAO,yCAAyC,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACpC,OAAO,EAAU,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAEnD,OAAO,cAAc,CAAA;AAGrB,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,UAAU,QAAS,SAAQ,SAAS;IAClC,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,YAAY,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,mFAA2F,QAAQ,4CA6BxH,CAAA;AAED,eAAO,MAAM,MAAM,iDAAkD,KAAK,4CAWzE,CAAA"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmC,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACrF,OAAO,yCAAyC,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAU,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAEnD,OAAO,cAAc,CAAA;AAGrB,KAAK,sBAAsB,GAAG,cAAc,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC,CAAA;AAErE,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,KAAK,CAAC,EAAE,sBAAsB,CAAC;IAC/B,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACvC;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,UAAU,QAAS,SAAQ,SAAS;IAClC,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,eAAO,MAAM,SAAS,oGACyF,QAAQ,4CAmCtH,CAAA;AAOD,eAAO,MAAM,MAAM,kEAAmE,KAAK,4CAe1F,CAAA"}

package/dist/Layout.js

@@ -7,7 +7,7 @@ import { MenuSections } from './components/Menu/MenuSections';
 import { Toaster } from './components/Toaster';
 import './layout.css';
 import { overlay } from './LayoutOverlayManager';
-export const RawLayout = ({ menuSections, menuContent, header, compactMenu = true, children, className, style }) => {
+export const RawLayout = ({ menuSections, menuContent, header, compactMenu = true, children, errorBoundaries = {}, className, style }) => {
     // @ts-ignore
     const { bottomDialog, modal, rightPanel } = overlay.useOverlays();
     const classes = [
@@ -15,7 +15,17 @@ export const RawLayout = ({ menuSections, menuContent, header, compactMenu = tru
         compactMenu ? 'menu-compact' : undefined,
         className,
     ];
-    return (_jsx(CSSToCitricAdapter, { children: _jsxs("div", { id: "layout", className: listToClass(classes), style: style, children: [_jsx("header", { id: "header", children: header }), _jsxs("aside", { id: "menu", children: [_jsx("nav", { id: "menuContent", children: menuContent }), _jsx("nav", { id: "menuSections", children: menuSections })] }), _jsx("div", { id: "page", children: _jsx("article", { id: "content", children: children }) }), _jsx("div", { id: "rightPanel", children: rightPanel }), _jsx("div", { id: "bottomDialog", children: bottomDialog }), _jsx("div", { id: "backdrop", children: _jsx("div", { id: "modal", children: modal }) }), _jsx(Toaster, {})] }) }));
+    function includeErrorBoundary(content, section) {
+        const ErrorBoundary = errorBoundaries[section];
+        return ErrorBoundary ? _jsx(ErrorBoundary, { children: content }) : content;
+    }
+    return (_jsx(CSSToCitricAdapter, { children: _jsxs("div", { id: "layout", className: listToClass(classes), style: style, children: [_jsx("div", { id: "page", children: _jsx("article", { id: "content", children: includeErrorBoundary(children, 'page') }) }), _jsx("header", { id: "header", children: includeErrorBoundary(header, 'header') }), _jsxs("aside", { id: "menu", children: [_jsx("nav", { id: "menuContent", children: includeErrorBoundary(menuContent, 'menuContent') }), _jsx("nav", { id: "menuSections", children: includeErrorBoundary(menuSections, 'menuSections') })] }), _jsx("div", { id: "rightPanel", children: includeErrorBoundary(rightPanel, 'rightPanel') }), _jsx("div", { id: "bottomDialog", children: includeErrorBoundary(bottomDialog, 'bottomDialog') }), _jsx("div", { id: "backdrop", children: _jsx("div", { id: "modal", children: includeErrorBoundary(modal, 'modal') }) }), _jsx(Toaster, {})] }) }));
 };
-export const Layout = ({ menu, header, children, className, style }) => (_jsx(RawLayout, { header: _jsx(Header, { ...header }), menuSections: _jsx(MenuSections, { sections: menu.sections }), menuContent: menu.content ? _jsx(MenuContent, { ...menu.content }) : undefined, compactMenu: menu.compact, className: className, style: style, children: children }));
+const MenuContentRenderer = ({ content }) => {
+    const menuContent = typeof content === 'function' ? content() : content;
+    return _jsx(MenuContent, { ...menuContent });
+};
+export const Layout = ({ menu, header, children, errorBoundaries, className, style }) => (_jsx(RawLayout, { header: _jsx(Header, { ...header }), menuSections: _jsx(MenuSections, { ...menu }), menuContent: menu.content
+        ? _jsx(MenuContentRenderer, { content: menu.content }, 'contentKey' in menu ? menu.contentKey : undefined)
+        : undefined, compactMenu: menu.compact, errorBoundaries: errorBoundaries, className: className, style: style, children: children }));
 //# sourceMappingURL=Layout.js.map

package/dist/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAa,MAAM,0BAA0B,CAAA;AACrF,OAAO,yCAAyC,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAgBhD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,GAAG,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAY,EAAE,EAAE;IAC3H,aAAa;IACb,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,WAAW,EAAE,CAAA;IACjE,MAAM,OAAO,GAAG;QACd,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS;QAChD,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS;QACxC,SAAS;KACV,CAAA;IAED,OAAO,CACL,KAAC,kBAAkB,cACjB,eAAK,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,aAC5D,iBAAQ,EAAE,EAAC,QAAQ,YAAE,MAAM,GAAU,EACrC,iBAAO,EAAE,EAAC,MAAM,aACd,cAAK,EAAE,EAAC,aAAa,YAAE,WAAW,GAAO,EACzC,cAAK,EAAE,EAAC,cAAc,YAAE,YAAY,GAAO,IACrC,EACR,cAAK,EAAE,EAAC,MAAM,YACZ,kBAAS,EAAE,EAAC,SAAS,YAAE,QAAQ,GAAW,GACtC,EACN,cAAK,EAAE,EAAC,YAAY,YAAE,UAAU,GAAO,EACvC,cAAK,EAAE,EAAC,cAAc,YAAE,YAAY,GAAO,EAC3C,cAAK,EAAE,EAAC,UAAU,YAChB,cAAK,EAAE,EAAC,OAAO,YAAE,KAAK,GAAO,GACzB,EACN,KAAC,OAAO,KAAG,IACP,GACa,CACtB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAS,EAAE,EAAE,CAAC,CAC7E,KAAC,SAAS,IACR,MAAM,EAAE,KAAC,MAAM,OAAK,MAAM,GAAI,EAC9B,YAAY,EAAE,KAAC,YAAY,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,EACvD,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAC,WAAW,OAAK,IAAI,CAAC,OAAO,GAAI,CAAC,CAAC,CAAC,SAAS,EACzE,WAAW,EAAE,IAAI,CAAC,OAAO,EACzB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,YAEX,QAAQ,GACC,CACb,CAAA"}
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":"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"}

package/dist/LayoutOverlayManager.d.ts

@@ -6,7 +6,16 @@ interface AlertOptions extends Omit<DialogOptions, 'cancel'> {
     showButton?: boolean;
 }
 type BottomDialogOptions = Omit<DialogOptions, 'title'>;
-type ModalSize = 'fit-content' | 'small' | 'medium' | 'large';
+type OverlaySize = 'small' | 'medium' | 'large';
+type ModalSize = 'fit-content' | OverlaySize;
+interface CustomModalOptions {
+    size?: ModalSize;
+    onClose?: () => void;
+}
+interface CustomRightPanelOptions {
+    size?: OverlaySize;
+    onClose?: () => void;
+}
 declare class LayoutOverlayManager {
     static readonly instance?: LayoutOverlayManager;
     private setContent;
@@ -14,17 +23,23 @@ declare class LayoutOverlayManager {
     private onModalClose?;
     private setupElements;
     private useOverlays;
-    showCustomModal(content: ReactElement, size?: ModalSize): void;
-    showModal(props: OverlayContentProps): void;
+    showCustomModal(content: React.ReactElement, { size, onClose }?: CustomModalOptions): void;
+    showModal({ size, ...props }: OverlayContentProps & {
+        size?: ModalSize;
+    }): void;
     private showDialog;
     confirm({ confirm, cancel, ...options }: DialogOptions): Promise<boolean>;
     alert({ confirm, showButton, ...options }: AlertOptions): Promise<void>;
     showBottomDialog({ message, cancel, confirm }: BottomDialogOptions): Promise<boolean>;
-    showCustomRightPanel(content: ReactElement): void;
-    showRightPanel(props: OverlayContentProps): void;
-    closeModal(): void;
-    closeRightPanel(): void;
+    showCustomRightPanel(content: ReactElement, { size, onClose }?: CustomRightPanelOptions): void;
+    showRightPanel({ size, ...props }: OverlayContentProps & {
+        size?: OverlaySize;
+    }): void;
+    closeModal(runCloseListener?: boolean): void;
+    closeRightPanel(runCloseListener?: boolean): void;
     closeBottomDialog(): void;
+    isInsideModal(element: HTMLElement): boolean;
+    isInsideRightPanel(element: HTMLElement): boolean;
     showToaster: typeof showReactToaster;
 }
 export declare const overlay: LayoutOverlayManager;

package/dist/LayoutOverlayManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutOverlayManager.d.ts","sourceRoot":"","sources":["../src/LayoutOverlayManager.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAA6B,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAU,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAkB,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjF,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG3D,UAAU,YAAa,SAAQ,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,KAAK,mBAAmB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;AAiBvD,KAAK,SAAS,GAAG,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAO7D,cAAM,oBAAoB;IACxB,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAA;IAC/C,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,QAAQ,CAAC,CAAgB;IACjC,OAAO,CAAC,YAAY,CAAC,CAAY;IAEjC,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,WAAW;IAanB,eAAe,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,GAAE,SAAoB;IAQjE,SAAS,CAAC,KAAK,EAAE,mBAAmB;IAKpC,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,EAAE,OAAc,EAAE,MAAiB,EAAE,GAAG,OAAO,EAAE,EAAE,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IAIrF,KAAK,CAAC,EAAE,OAAc,EAAE,UAAiB,EAAE,GAAG,OAAO,EAAE,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAI3F,gBAAgB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,mBAAmB,GAAG,OAAO,CAAC,OAAO,CAAC;IAerF,oBAAoB,CAAC,OAAO,EAAE,YAAY;IAO1C,cAAc,CAAC,KAAK,EAAE,mBAAmB;IAQzC,UAAU;IAgBV,eAAe;IAUf,iBAAiB;IAIjB,WAAW,0BAAmB;CAC/B;AAED,eAAO,MAAM,OAAO,sBAA6B,CAAA"}
+{"version":3,"file":"LayoutOverlayManager.d.ts","sourceRoot":"","sources":["../src/LayoutOverlayManager.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAA6B,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAU,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAkB,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAGjF,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG3D,UAAU,YAAa,SAAQ,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,KAAK,mBAAmB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;AACvD,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC/C,KAAK,SAAS,GAAG,aAAa,GAAG,WAAW,CAAA;AAiB5C,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAOD,cAAM,oBAAoB;IACxB,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,oBAAoB,CAAA;IAC/C,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,QAAQ,CAAC,CAAgB;IACjC,OAAO,CAAC,YAAY,CAAC,CAAY;IAEjC,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,WAAW;IAanB,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,EAAE,EAAE,IAAe,EAAE,OAAO,EAAE,GAAE,kBAAuB;IASlG,SAAS,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG;QAAE,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE;IAIxE,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,EAAE,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IAKnE,KAAK,CAAC,EAAE,OAAO,EAAE,UAAiB,EAAE,GAAG,OAAO,EAAE,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAKpF,gBAAgB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,mBAAmB,GAAG,OAAO,CAAC,OAAO,CAAC;IAiBrF,oBAAoB,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE,IAAe,EAAE,OAAO,EAAE,GAAE,uBAA4B;IAStG,cAAc,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG;QAAE,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE;IAO/E,UAAU,CAAC,gBAAgB,UAAO;IAgBlC,eAAe,CAAC,gBAAgB,UAAO;IAevC,iBAAiB;IAIjB,aAAa,CAAC,OAAO,EAAE,WAAW;IAIlC,kBAAkB,CAAC,OAAO,EAAE,WAAW;IAIvC,WAAW,0BAAmB;CAC/B;AAED,eAAO,MAAM,OAAO,sBAA6B,CAAA"}

package/dist/LayoutOverlayManager.js

@@ -1,9 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable react-hooks/rules-of-hooks */
-import { Button, Flex } from '@citric/core';
+import { Button } from '@citric/core';
 import { useLayoutEffect, useState } from 'react';
 import { Dialog } from './components/Dialog';
 import { OverlayContent } from './components/OverlayContent';
+import { getDictionary } from './dictionary';
 import { ElementNotFound, LayoutError } from './errors';
 import { showToaster as showReactToaster } from './toaster';
 import { valueOfLayoutVar } from './utils';
@@ -66,39 +67,40 @@ class LayoutOverlayManager {
         this.setContent.bottomDialog = setBottomDialog;
         return { modal, rightPanel, bottomDialog };
     }
-    showCustomModal(content, size = 'medium') {
+    showCustomModal(content, { size = 'medium', onClose } = {}) {
         if (!this.elements?.modal)
             throw new ElementNotFound('modal', MODAL_ID);
         if (!this.setContent.modal)
             throw new LayoutError('unable to show modal, because it has not been setup yet.');
+        this.onModalClose = onClose;
         this.setContent.modal(content);
         this.elements.backdrop?.setAttribute('class', 'visible');
         this.elements.modal.setAttribute('class', `visible ${size}`);
     }
-    showModal(props) {
-        this.onModalClose = props.onClose;
-        this.showCustomModal(_jsx(OverlayContent, { ...props, onClose: () => this.closeModal(), type: "modal" }));
+    showModal({ size, ...props }) {
+        this.showCustomModal(_jsx(OverlayContent, { ...props, onClose: () => this.closeModal(), type: "modal" }), { size, onClose: props.onClose });
     }
     showDialog(options) {
         let dialogResult = false;
         return new Promise((resolve, reject) => {
-            this.onModalClose = () => resolve(dialogResult);
             try {
                 this.showCustomModal(_jsx(Dialog, { ...options, onCancel: () => this.closeModal(), onConfirm: () => {
                         dialogResult = true;
                         this.closeModal();
-                    } }), 'small');
+                    } }), { size: 'small', onClose: () => resolve(dialogResult) });
             }
             catch (error) {
                 reject(error);
             }
         });
     }
-    confirm({ confirm = 'OK', cancel = 'Cancel', ...options }) {
-        return this.showDialog({ ...options, confirm, cancel });
+    confirm({ confirm, cancel, ...options }) {
+        const t = getDictionary();
+        return this.showDialog({ ...options, confirm: confirm || t.confirm, cancel: cancel || t.cancel });
     }
-    async alert({ confirm = 'OK', showButton = true, ...options }) {
-        await this.showDialog({ ...options, confirm: showButton ? confirm : undefined });
+    async alert({ confirm, showButton = true, ...options }) {
+        const t = getDictionary();
+        await this.showDialog({ ...options, confirm: showButton ? (confirm || t.confirm) : undefined });
     }
     showBottomDialog({ message, cancel, confirm }) {
         if (!this.elements?.bottomDialog)
@@ -106,30 +108,27 @@ class LayoutOverlayManager {
         if (!this.setContent.bottomDialog)
             throw new LayoutError('unable to show bottom dialog, because it has not been setup yet.');
         return new Promise((resolve) => {
-            this.setContent.bottomDialog(_jsxs(Flex, { gap: true, children: [message, cancel && _jsx(Button, { onClick: () => resolve(true), colorScheme: "inverse", appearance: "outlined", children: cancel }), confirm && _jsx(Button, { onClick: () => resolve(false), colorScheme: "inverse", children: confirm })] }));
+            this.setContent.bottomDialog?.(_jsxs(_Fragment, { children: [message, _jsxs("div", { className: "btn-group", children: [cancel && _jsx(Button, { onClick: () => resolve(false), colorScheme: "light", appearance: "outlined", children: cancel }), confirm && _jsx(Button, { onClick: () => resolve(true), colorScheme: "light", children: confirm })] })] }));
             this.elements?.bottomDialog?.setAttribute('class', 'visible');
         });
     }
-    showCustomRightPanel(content) {
+    showCustomRightPanel(content, { size = 'medium', onClose } = {}) {
         if (!this.elements?.rightPanel)
             throw new ElementNotFound('right panel overlay', RIGHT_PANEL_ID);
         if (!this.setContent.rightPanel)
             throw new LayoutError('unable to show right panel overlay, because it has not been setup yet.');
+        this.onModalClose = onClose;
         this.setContent.rightPanel(content);
-        this.elements?.rightPanel.setAttribute('class', 'visible');
+        this.elements?.rightPanel.classList.add(size);
+        setTimeout(() => this.elements?.rightPanel?.classList?.add('visible'));
     }
-    showRightPanel(props) {
-        const onClose = () => {
-            this.closeRightPanel();
-            if (props.onClose)
-                props.onClose();
-        };
-        this.showCustomRightPanel(_jsx(OverlayContent, { ...props, onClose: onClose, type: "panel" }));
+    showRightPanel({ size, ...props }) {
+        this.showCustomRightPanel(_jsx(OverlayContent, { ...props, onClose: () => this.closeRightPanel(), type: "panel" }), { size, onClose: props.onClose });
     }
-    closeModal() {
+    closeModal(runCloseListener = true) {
         this.elements?.modal?.classList.remove('visible');
         this.elements?.backdrop?.setAttribute('class', '');
-        if (this.onModalClose) {
+        if (runCloseListener && this.onModalClose) {
             this.onModalClose();
             this.onModalClose = undefined;
         }
@@ -139,16 +138,27 @@ class LayoutOverlayManager {
             this.elements?.modal?.setAttribute('class', '');
         }, parseFloat(valueOfLayoutVar('--modal-animation-duration')) * 1000);
     }
-    closeRightPanel() {
-        this.elements?.rightPanel?.setAttribute('class', '');
+    closeRightPanel(runCloseListener = true) {
+        this.elements?.rightPanel?.classList.remove('visible');
+        if (runCloseListener && this.onModalClose) {
+            this.onModalClose();
+            this.onModalClose = undefined;
+        }
         setTimeout(() => {
             if (this.setContent.rightPanel)
                 this.setContent.rightPanel(undefined);
+            this.elements?.rightPanel?.removeAttribute('class');
         }, parseFloat(valueOfLayoutVar('--right-panel-animation-duration')) * 1000);
     }
     closeBottomDialog() {
         this.elements?.bottomDialog?.setAttribute('class', '');
     }
+    isInsideModal(element) {
+        return !!this.elements?.modal?.contains(element);
+    }
+    isInsideRightPanel(element) {
+        return !!this.elements?.rightPanel?.contains(element);
+    }
 }
 export const overlay = new LayoutOverlayManager();
 //# sourceMappingURL=LayoutOverlayManager.js.map

package/dist/LayoutOverlayManager.js.map

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

package/dist/components/Dialog.d.ts

@@ -11,11 +11,19 @@ export interface DialogOptions {
     confirm?: string;
     cancel?: string;
     validation?: false | string | Validation;
+    /**
+     * @default modal
+     */
+    type?: 'modal' | 'panel';
+    /**
+     * @default right if type is "panel", "right" otherwise.
+     */
+    buttonPlacement?: 'left' | 'center' | 'right';
 }
 interface Props extends DialogOptions {
     onConfirm: () => void;
     onCancel: () => void;
 }
-export declare const Dialog: ({ message, title, subtitle, cancel, confirm, validation, onConfirm, onCancel }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: ({ message, title, subtitle, cancel, confirm, validation, onConfirm, onCancel, type, buttonPlacement, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAG3C,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;CAC1C;AAED,UAAU,KAAM,SAAQ,aAAa;IACnC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,mFAAoF,KAAK,4CA8B3G,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAI3C,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,UAAU,CAAC;IACzC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC/C;AAED,UAAU,KAAM,SAAQ,aAAa;IACnC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAQD,eAAO,MAAM,MAAM,2GAWhB,KAAK,4CAkCP,CAAA"}

package/dist/components/Dialog.js

@@ -1,19 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Flex, Input, Text } from '@citric/core';
+import { interpolate } from '@stack-spot/portal-translate';
 import { useState } from 'react';
+import { useDictionary } from '../dictionary';
 import { OverlayContent } from './OverlayContent';
-export const Dialog = ({ message, title, subtitle, cancel, confirm, validation, onConfirm, onCancel }) => {
+const justifyButtons = {
+    center: 'center',
+    left: 'start',
+    right: 'end',
+};
+export const Dialog = ({ message, title, subtitle, cancel, confirm, validation, onConfirm, onCancel, type = 'modal', buttonPlacement = type === 'panel' ? 'left' : 'right', }) => {
+    const t = useDictionary();
     const [enabled, setEnabled] = useState(!validation);
     function renderValidation() {
         if (!validation)
             return null;
-        const value = typeof validation === 'string' ? validation : validation.label;
+        const value = typeof validation === 'string' ? validation : validation.value;
         const label = typeof validation === 'object' && validation.label
             ? validation.label
-            : `Please, confirm the action by typing "${value}" below:`;
+            : interpolate(t.validationLabel, value);
         const placeholder = typeof validation === 'object' ? validation.placeholder : undefined;
         return (_jsxs("div", { style: { margin: '16px 0' }, children: [_jsx(Text, { children: label }), _jsx(Input, { placeholder: placeholder, onChange: e => setEnabled(e.target.value === value), style: { marginTop: '10px' } })] }));
     }
-    return (_jsxs(OverlayContent, { title: title, subtitle: subtitle, onClose: onCancel, type: "modal", children: [message, renderValidation(), (cancel || confirm) && _jsxs(Flex, { gap: true, justifyContent: "end", alignItems: "center", sx: { mt: 6 }, children: [cancel && _jsx(Button, { appearance: "outlined", colorScheme: "inverse", onClick: onCancel, children: cancel }), confirm && _jsx(Button, { colorScheme: "primary", onClick: onConfirm, disabled: !enabled, children: confirm })] })] }));
+    return (_jsxs(OverlayContent, { title: title, subtitle: subtitle, onClose: onCancel, type: type, children: [_jsxs(Flex, { flexDirection: "column", flex: 1, children: [message, renderValidation()] }), (cancel || confirm) && _jsxs(Flex, { gap: true, justifyContent: justifyButtons[buttonPlacement], alignItems: "center", sx: { mt: 6 }, children: [cancel && _jsx(Button, { appearance: "outlined", colorScheme: "inverse", onClick: onCancel, children: cancel }), confirm && _jsx(Button, { colorScheme: "primary", onClick: onConfirm, disabled: !enabled, children: confirm })] })] }));
 };
 //# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAsBjD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC9G,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IAEnD,SAAS,gBAAgB;QACvB,IAAI,CAAC,UAAU;YAAE,OAAO,IAAI,CAAA;QAC5B,MAAM,KAAK,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAA;QAC5E,MAAM,KAAK,GAAG,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,KAAK;YAC9D,CAAC,CAAC,UAAU,CAAC,KAAK;YAClB,CAAC,CAAC,yCAAyC,KAAK,UAAU,CAAA;QAC5D,MAAM,WAAW,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAA;QACvF,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,aAC9B,KAAC,IAAI,cAAE,KAAK,GAAQ,EACpB,KAAC,KAAK,IAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAI,IAClH,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,MAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,aAC9E,OAAO,EACP,gBAAgB,EAAE,EAClB,CAAC,MAAM,IAAI,OAAO,CAAC,IAAI,MAAC,IAAI,IAAC,GAAG,QAAC,cAAc,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,aACrF,MAAM,IAAI,KAAC,MAAM,IAAC,UAAU,EAAC,UAAU,EAAC,WAAW,EAAC,SAAS,EAAC,OAAO,EAAE,QAAQ,YAAG,MAAM,GAAU,EAClG,OAAO,IAAI,KAAC,MAAM,IAAC,WAAW,EAAC,SAAS,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,OAAO,YAC7E,OAAO,GACD,IACJ,IACQ,CAClB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AA8BjD,MAAM,cAAc,GAA8F;IAChH,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,KAAK;CACb,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,eAAe,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,GAC/C,EACN,EAAE;IACF,MAAM,CAAC,GAAG,aAAa,EAAE,CAAA;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAA;IAEnD,SAAS,gBAAgB;QACvB,IAAI,CAAC,UAAU;YAAE,OAAO,IAAI,CAAA;QAC5B,MAAM,KAAK,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAA;QAC5E,MAAM,KAAK,GAAG,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,KAAK;YAC9D,CAAC,CAAC,UAAU,CAAC,KAAK;YAClB,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,EAAE,KAAK,CAAC,CAAA;QACzC,MAAM,WAAW,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAA;QACvF,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,aAC9B,KAAC,IAAI,cAAE,KAAK,GAAQ,EACpB,KAAC,KAAK,IAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAI,IAClH,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,MAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,aAC7E,MAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,aACjC,OAAO,EACP,gBAAgB,EAAE,IACd,EACN,CAAC,MAAM,IAAI,OAAO,CAAC,IAAI,MAAC,IAAI,IAAC,GAAG,QAAC,cAAc,EAAE,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,aACjH,MAAM,IAAI,KAAC,MAAM,IAAC,UAAU,EAAC,UAAU,EAAC,WAAW,EAAC,SAAS,EAAC,OAAO,EAAE,QAAQ,YAAG,MAAM,GAAU,EAClG,OAAO,IAAI,KAAC,MAAM,IAAC,WAAW,EAAC,SAAS,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,OAAO,YAC7E,OAAO,GACD,IACJ,IACQ,CAClB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Header.d.ts

@@ -2,11 +2,12 @@ import { ReactNode } from 'react';
 import { SelectionListProps } from './SelectionList';
 export interface HeaderProps {
     logo?: ReactNode;
+    logoHref?: string;
     userName?: string;
     email?: string;
     options?: SelectionListProps['items'];
     center?: ReactNode;
     right?: ReactNode;
 }
-export declare const Header: ({ logo, center, right, userName, email, options }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ logo, logoHref, center, right, userName, email, options }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Header.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAGpD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,sDAAuD,WAAW,4CAOpF,CAAA"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAGpD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,gEAAiE,WAAW,4CAO9F,CAAA"}

package/dist/components/Header.js

@@ -2,5 +2,5 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { Flex } from '@citric/core';
 import { StackspotLogo } from './Logo';
 import { UserMenu } from './UserMenu';
-export const Header = ({ logo, center, right, userName, email, options }) => (_jsxs(_Fragment, { children: [logo ?? _jsx(StackspotLogo, { title: "stackspot", style: { width: 130 } }), _jsx(Flex, { flex: 1, children: center }), right, userName && _jsx(UserMenu, { userName: userName, email: email, options: options })] }));
+export const Header = ({ logo, logoHref, center, right, userName, email, options }) => (_jsxs(_Fragment, { children: [_jsx("a", { href: logoHref, title: "Home", children: logo ?? _jsx(StackspotLogo, { style: { width: 130 } }) }), _jsx(Flex, { flex: 1, children: center }), right, userName && _jsx(UserMenu, { userName: userName, email: email, options: options })] }));
 //# sourceMappingURL=Header.js.map

package/dist/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAWrC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAe,EAAE,EAAE,CAAC,CACxF,8BACG,IAAI,IAAI,KAAC,aAAa,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,GAAI,EACnE,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,YAAG,MAAM,GAAQ,EAC7B,KAAK,EACL,QAAQ,IAAI,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,IAC5E,CACJ,CAAA"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAYrC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAe,EAAE,EAAE,CAAC,CAClG,8BACE,YAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,YAAE,IAAI,IAAI,KAAC,aAAa,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,GAAI,GAAK,EACtF,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,YAAG,MAAM,GAAQ,EAC7B,KAAK,EACL,QAAQ,IAAI,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,IAC5E,CACJ,CAAA"}

package/dist/components/Menu/MenuContent.d.ts

@@ -1,3 +1,3 @@
 import { MenuSectionContent } from './types';
-export declare const MenuContent: ({ pageSelector, goBack, title, subtitle, options }: MenuSectionContent) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuContent: ({ pageSelector, goBack, title, subtitle, options, loading, error }: MenuSectionContent) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MenuContent.d.ts.map

package/dist/components/Menu/MenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAmC,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAmJ7E,eAAO,MAAM,WAAW,uDAA6D,kBAAkB,4CAuBtG,CAAA"}
+{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAmC,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAiL7E,eAAO,MAAM,WAAW,uEAA6E,kBAAkB,4CAmCtH,CAAA"}

package/dist/components/Menu/MenuContent.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import { IconBox, Text } from '@citric/core';
+import { Flex, IconBox, Text } from '@citric/core';
 import { ArrowLeft, ChevronDown } from '@citric/icons';
+import { LoadingCircular } from '@citric/ui';
 import { listToClass, theme } from '@stack-spot/portal-theme';
 import { useMemo, useState } from 'react';
 import { styled } from 'styled-components';
+import { hideOverlayImmediately } from './MenuSections';
 import { PageSelector } from './PageSelector';
 import { MENU_CONTENT_ITEM_PADDING as ITEM_PADDING, MENU_CONTENT_PADDING as PADDING } from './constants';
 const BackLink = styled.a `
@@ -24,16 +26,34 @@ const MenuGroup = styled.ul `
     padding: 0;
   }
 
+  .item-row {
+    display: flex;
+    flex-direction: row;
+    gap: 8px;
+    align-items: center;
+
+    .label {
+      flex: 1;
+      &.hidden, &.ellipsis {
+        white-space: nowrap;
+        overflow: hidden;
+      }
+      &.ellipsis {
+        text-overflow: ellipsis;
+      }
+    }
+  }
+
   li a {
     position: relative;
     height: 0;
     overflow: hidden;
-    display: flex;
-    align-items: center;
+    /* display: flex; */
+    /* align-items: center; */
     transition: height 0.3s, background-color 0.2s;
     margin: 0 ${PADDING - ITEM_PADDING}px;
     border-radius: 4px;
-    justify-content: space-between;
+    /* justify-content: space-between; */
     padding: 0 ${ITEM_PADDING}px;
 
     &:hover {
@@ -105,22 +125,36 @@ const Title = styled.header `
   flex-direction: column;
   margin: ${PADDING}px 0 24px ${PADDING}px;
 `;
-const ActionItem = ({ label, onClick, href, active }) => (_jsx("a", { href: active ? undefined : href, onClick: active ? onClick : undefined, className: listToClass(['action', active ? 'active' : undefined]), children: _jsx(Text, { appearance: "body2", children: label }) }));
-const CollapsibleGroupItem = ({ label, open: initiallyOpened, children }) => {
+const ActionItem = ({ label, onClick, href, active, icon, badge, overflow = 'wrap' }) => (_jsxs("a", { href: active ? undefined : href, onClick: () => {
+        if (active)
+            return;
+        if (onClick)
+            onClick();
+        hideOverlayImmediately();
+    }, className: listToClass(['action', 'item-row', active ? 'active' : undefined]), children: [icon, _jsx(Text, { appearance: "body2", className: `label ${overflow}`, children: label }), badge] }));
+const CollapsibleGroupItem = ({ label, open: initiallyOpened, children, icon, badge, overflow = 'wrap' }) => {
     const [open, setOpen] = useState(initiallyOpened ?? children?.some(c => 'active' in c && c.active) ?? false);
     const items = useMemo(() => children?.map(renderOption), [children]);
-    return (_jsxs(_Fragment, { children: [_jsxs("a", { onClick: () => setOpen(!open), children: [_jsx(Text, { appearance: "body2", children: label }), _jsx(IconBox, { children: _jsx(ChevronDown, { className: listToClass(['chevron', open ? 'open' : '']) }) })] }), _jsx(MenuGroup, { className: open ? 'open' : undefined, children: items })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("a", { onClick: () => setOpen(!open), className: "item-row", children: [icon, _jsx(Text, { appearance: "body2", className: `label ${overflow}`, children: label }), badge, _jsx(IconBox, { children: _jsx(ChevronDown, { className: listToClass(['chevron', open ? 'open' : '']) }) })] }), _jsx(MenuGroup, { className: open ? 'open' : undefined, children: items })] }));
 };
-const RootGroupItem = ({ label, children }) => {
-    const items = useMemo(() => children?.map(renderOption), [children]);
-    return (_jsxs(_Fragment, { children: [_jsx(Text, { appearance: "overheader2", colorScheme: "light.700", className: "group-title", children: label }), _jsx(MenuGroup, { className: "open no-indentation", children: items })] }));
+const RootGroupItem = ({ label, children, icon, badge, overflow = 'wrap' }) => {
+    const items = useMemo(() => children?.filter(i => !i.hidden).map(renderOption), [children]);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "item-row", children: [icon, _jsx(Text, { appearance: "overheader2", colorScheme: "light.700", className: `group-title label ${overflow}`, children: label }), badge] }), _jsx(MenuGroup, { className: "open no-indentation", children: items })] }));
 };
 const GroupItem = ({ root, ...item }) => (root ? _jsx(RootGroupItem, { ...item }) : _jsx(CollapsibleGroupItem, { ...item }));
 function renderOption({ root, ...option }) {
     return _jsx("li", { children: 'children' in option ? _jsx(GroupItem, { root: root, ...option }) : _jsx(ActionItem, { ...option }) }, option.label);
 }
-export const MenuContent = ({ pageSelector, goBack, title, subtitle, options = [] }) => {
+export const MenuContent = ({ pageSelector, goBack, title, subtitle, options = [], loading, error }) => {
     const items = useMemo(() => options.filter(o => !o.hidden).map(o => renderOption({ ...o, root: true })), [options]);
-    return (_jsxs(_Fragment, { children: [goBack && (_jsxs(BackLink, { href: goBack.href, onClick: goBack.onClick, children: [_jsx(IconBox, { colorScheme: "inverse", size: "sm", children: _jsx(ArrowLeft, {}) }), _jsx(Text, { appearance: "body2", nowrapEllipsis: true, children: goBack.label })] })), title && (_jsxs(Title, { children: [_jsx(Text, { appearance: "overheader1", colorScheme: "primary", sx: { fontSize: '0.75rem', mt: 2, mb: 2 }, children: title }), subtitle && _jsx(Text, { appearance: "h5", children: subtitle })] })), pageSelector && _jsx(PageSelector, { ...pageSelector }), _jsx(MenuGroup, { className: "open root no-indentation", children: items })] }));
+    function renderContent() {
+        if (loading) {
+            return (_jsx(Flex, { justifyContent: "center", alignItems: "center", flex: 1, sx: { padding: '40px' }, children: _jsx(LoadingCircular, {}) }));
+        }
+        if (error)
+            return _jsx(Text, { colorScheme: "danger", children: error });
+        return _jsx(MenuGroup, { className: "open root no-indentation", children: items });
+    }
+    return (_jsxs(_Fragment, { children: [goBack && (_jsxs(BackLink, { href: goBack.href, onClick: goBack.onClick, children: [_jsx(IconBox, { colorScheme: "inverse", size: "sm", children: _jsx(ArrowLeft, {}) }), _jsx(Text, { appearance: "body2", nowrapEllipsis: true, children: goBack.label })] })), title && (_jsxs(Title, { children: [_jsx(Text, { appearance: "overheader1", colorScheme: "primary", sx: { fontSize: '0.75rem', mt: 2, mb: 2 }, children: title }), subtitle && _jsx(Text, { appearance: "h5", children: subtitle })] })), pageSelector && _jsx(PageSelector, { ...pageSelector }), renderContent()] }));
 };
 //# sourceMappingURL=MenuContent.js.map

package/dist/components/Menu/MenuContent.js.map

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

package/dist/components/Menu/MenuSections.d.ts

@@ -1,3 +1,4 @@
 import { MenuProps } from './types';
-export declare const MenuSections: ({ sections }: Pick<MenuProps, 'sections'>) => import("react/jsx-runtime").JSX.Element;
+export declare function hideOverlayImmediately(): void;
+export declare const MenuSections: ({ sections, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MenuSections.d.ts.map

package/dist/components/Menu/MenuSections.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuSections.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuSections.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAmC,MAAM,SAAS,CAAA;AAuEpE,eAAO,MAAM,YAAY,iBAAkB,KAAK,SAAS,EAAE,UAAU,CAAC,4CA4BrE,CAAA"}
+{"version":3,"file":"MenuSections.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuSections.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAe,MAAM,SAAS,CAAA;AAchD,wBAAgB,sBAAsB,SAErC;AA8ED,eAAO,MAAM,YAAY,2BAA4B,SAAS,4CAiD7D,CAAA"}