pne-ui 3.0.9 → 3.0.15

package/cjs/common/responsive/breakpoints.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_BREAKPOINTS: readonly [360, 640, 800, 1024, 1600, 2500];
+export type Breakpoint = (typeof DEFAULT_BREAKPOINTS)[number];
+export declare const resolveBreakpoint: (width?: number, breakpoints?: readonly number[]) => number;

package/cjs/common/responsive/breakpoints.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveBreakpoint = exports.DEFAULT_BREAKPOINTS = void 0;
+exports.DEFAULT_BREAKPOINTS = [360, 640, 800, 1024, 1600, 2500];
+const resolveBreakpoint = (width, breakpoints = exports.DEFAULT_BREAKPOINTS) => {
+    if (!width || Number.isNaN(width)) {
+        return breakpoints[0];
+    }
+    let match = breakpoints[0];
+    for (const breakpoint of breakpoints) {
+        if (width >= breakpoint) {
+            match = breakpoint;
+        }
+        else {
+            break;
+        }
+    }
+    return match;
+};
+exports.resolveBreakpoint = resolveBreakpoint;
+//# sourceMappingURL=breakpoints.js.map

package/cjs/common/responsive/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../../src/common/responsive/breakpoints.ts"],"names":[],"mappings":";;;AAAa,QAAA,mBAAmB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAA;AAItE,MAAM,iBAAiB,GAAG,CAAC,KAAc,EAAE,cAAiC,2BAAmB,EAAU,EAAE;IAC9G,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAA;IACzB,CAAC;IAED,IAAI,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;IAC1B,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;QACnC,IAAI,KAAK,IAAI,UAAU,EAAE,CAAC;YACtB,KAAK,GAAG,UAAU,CAAA;QACtB,CAAC;aAAM,CAAC;YACJ,MAAK;QACT,CAAC;IACL,CAAC;IAED,OAAO,KAAK,CAAA;AAChB,CAAC,CAAA;AAfY,QAAA,iBAAiB,qBAe7B"}

package/cjs/component/cloudscape/CloudscapeBoardStyles.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type CloudscapeBoardStylesProps = {
+    hideNavigationArrows?: boolean;
+};
+/**
+ * Global CSS overrides for Cloudscape Board containers to flatten chrome
+ * and trim padding on small screens. Keeps arrows hidden by default.
+ */
+export declare function CloudscapeBoardStyles({ hideNavigationArrows }: CloudscapeBoardStylesProps): React.JSX.Element;
+export {};

package/cjs/component/cloudscape/CloudscapeBoardStyles.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloudscapeBoardStyles = void 0;
+const tslib_1 = require("tslib");
+const material_1 = require("@mui/material");
+const react_1 = tslib_1.__importDefault(require("react"));
+/**
+ * Global CSS overrides for Cloudscape Board containers to flatten chrome
+ * and trim padding on small screens. Keeps arrows hidden by default.
+ */
+function CloudscapeBoardStyles({ hideNavigationArrows = true }) {
+    const navigationStyles = hideNavigationArrows
+        ? {
+            '.awsui_direction-button-wrapper, [class*="direction-button-wrapper"]': {
+                display: 'none !important',
+                visibility: 'hidden !important',
+                opacity: '0 !important',
+                pointerEvents: 'none !important',
+            },
+        }
+        : {};
+    return (react_1.default.createElement(material_1.GlobalStyles, { styles: {
+            '[class^="awsui_container-override"], [class*=" awsui_container-override"]': {
+                boxShadow: 'none !important',
+                border: '1px solid #e6e6e6 !important',
+                borderRadius: '0 !important',
+            },
+            '[class^="awsui_root_"], [class*=" awsui_root_"]': {
+                boxShadow: 'none !important',
+                borderRadius: '0 !important',
+            },
+            ...navigationStyles,
+            '@media (max-width: 600px)': {
+                '[data-awsui-board]': {
+                    paddingLeft: '0 !important',
+                    paddingRight: '0 !important',
+                },
+                '[data-awsui-board-item]': {
+                    marginLeft: '0 !important',
+                    marginRight: '0 !important',
+                },
+            },
+        } }));
+}
+exports.CloudscapeBoardStyles = CloudscapeBoardStyles;
+//# sourceMappingURL=CloudscapeBoardStyles.js.map

package/cjs/component/cloudscape/CloudscapeBoardStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudscapeBoardStyles.js","sourceRoot":"","sources":["../../../src/component/cloudscape/CloudscapeBoardStyles.tsx"],"names":[],"mappings":";;;;AAAA,4CAA4C;AAC5C,0DAAyB;AAMzB;;;GAGG;AACH,SAAgB,qBAAqB,CAAC,EAAE,oBAAoB,GAAG,IAAI,EAA8B;IAC7F,MAAM,gBAAgB,GAAG,oBAAoB;QACzC,CAAC,CAAC;YACE,sEAAsE,EAAE;gBACpE,OAAO,EAAE,iBAAiB;gBAC1B,UAAU,EAAE,mBAAmB;gBAC/B,OAAO,EAAE,cAAc;gBACvB,aAAa,EAAE,iBAAiB;aACnC;SACJ;QACD,CAAC,CAAC,EAAE,CAAA;IAER,OAAO,CACH,8BAAC,uBAAY,IACT,MAAM,EAAE;YACJ,2EAA2E,EAAE;gBACzE,SAAS,EAAE,iBAAiB;gBAC5B,MAAM,EAAE,8BAA8B;gBACtC,YAAY,EAAE,cAAc;aAC/B;YACD,iDAAiD,EAAE;gBAC/C,SAAS,EAAE,iBAAiB;gBAC5B,YAAY,EAAE,cAAc;aAC/B;YACD,GAAG,gBAAgB;YACnB,2BAA2B,EAAE;gBACzB,oBAAoB,EAAE;oBAClB,WAAW,EAAE,cAAc;oBAC3B,YAAY,EAAE,cAAc;iBAC/B;gBACD,yBAAyB,EAAE;oBACvB,UAAU,EAAE,cAAc;oBAC1B,WAAW,EAAE,cAAc;iBAC9B;aACJ;SACJ,GACH,CACL,CAAA;AACL,CAAC;AAtCD,sDAsCC"}

package/cjs/component/cloudscape/CloudscapeThemeProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * Runtime Cloudscape theming hook. Applies our theme on mount and resets on unmount.
+ */
+export declare function CloudscapeThemeProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export default CloudscapeThemeProvider;

package/cjs/component/cloudscape/CloudscapeThemeProvider.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloudscapeThemeProvider = void 0;
+const tslib_1 = require("tslib");
+const theming_1 = require("@cloudscape-design/components/theming");
+const react_1 = tslib_1.__importStar(require("react"));
+const cloudscapeTheme_1 = require("./cloudscapeTheme");
+/**
+ * Runtime Cloudscape theming hook. Applies our theme on mount and resets on unmount.
+ */
+function CloudscapeThemeProvider({ children }) {
+    (0, react_1.useEffect)(() => {
+        const { reset } = (0, theming_1.applyTheme)({ theme: cloudscapeTheme_1.cloudscapeTheme });
+        return () => reset();
+    }, []);
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+}
+exports.CloudscapeThemeProvider = CloudscapeThemeProvider;
+exports.default = CloudscapeThemeProvider;
+//# sourceMappingURL=CloudscapeThemeProvider.js.map

package/cjs/component/cloudscape/CloudscapeThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudscapeThemeProvider.js","sourceRoot":"","sources":["../../../src/component/cloudscape/CloudscapeThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,mEAAkE;AAClE,uDAAwC;AACxC,uDAAmD;AAEnD;;GAEG;AACH,SAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAiC;IAC/E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAU,EAAC,EAAE,KAAK,EAAE,iCAAe,EAAE,CAAC,CAAA;QACxD,OAAO,GAAG,EAAE,CAAC,KAAK,EAAE,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,8DAAG,QAAQ,CAAI,CAAA;AAC1B,CAAC;AAPD,0DAOC;AAED,kBAAe,uBAAuB,CAAA"}

package/cjs/component/cloudscape/boardI18n.d.ts

@@ -0,0 +1,10 @@
+import type { BoardProps } from '@cloudscape-design/board-components/board';
+import type { BoardItemProps } from '@cloudscape-design/board-components/board-item';
+/**
+ * Shared i18n strings for Cloudscape board items.
+ */
+export declare const boardItemI18nStrings: BoardItemProps.I18nStrings;
+/**
+ * Generates Cloudscape board i18n strings that reuse a title getter for announcements.
+ */
+export declare function createBoardI18nStrings<T>(getTitle: (item: BoardProps.Item<T>) => string): BoardProps.I18nStrings<T>;

package/cjs/component/cloudscape/boardI18n.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBoardI18nStrings = exports.boardItemI18nStrings = void 0;
+/**
+ * Shared i18n strings for Cloudscape board items.
+ */
+exports.boardItemI18nStrings = {
+    dragHandleAriaLabel: 'Drag handle',
+    dragHandleAriaDescription: 'Use Space or Enter to activate drag, arrow keys to move, Space or Enter to submit, or Escape to discard. Temporarily disable screen reader navigation if it interferes with arrow keys.',
+    resizeHandleAriaLabel: 'Resize handle',
+    resizeHandleAriaDescription: 'Use Space or Enter to activate resize, arrow keys to move, Space or Enter to submit, or Escape to discard. Temporarily disable screen reader navigation if it interferes with arrow keys.',
+};
+function createAnnouncement(operationAnnouncement, conflicts, disturbed, getTitle) {
+    const conflictsAnnouncement = conflicts.length > 0 ? `Conflicts with ${conflicts.map(c => getTitle(c)).join(', ')}.` : '';
+    const disturbedAnnouncement = disturbed.length > 0 ? `Disturbed ${disturbed.length} items.` : '';
+    return [operationAnnouncement, conflictsAnnouncement, disturbedAnnouncement].filter(Boolean).join(' ');
+}
+/**
+ * Generates Cloudscape board i18n strings that reuse a title getter for announcements.
+ */
+function createBoardI18nStrings(getTitle) {
+    return {
+        liveAnnouncementDndStarted: operationType => (operationType === 'resize' ? 'Resizing' : 'Dragging'),
+        liveAnnouncementDndItemReordered: operation => {
+            const columns = `column ${operation.placement.x + 1}`;
+            const rows = `row ${operation.placement.y + 1}`;
+            return createAnnouncement(`Item moved to ${operation.direction === 'horizontal' ? columns : rows}.`, operation.conflicts, operation.disturbed, getTitle);
+        },
+        liveAnnouncementDndItemResized: operation => {
+            const columnsConstraint = operation.isMinimalColumnsReached ? ' (minimal)' : '';
+            const rowsConstraint = operation.isMinimalRowsReached ? ' (minimal)' : '';
+            const sizeAnnouncement = operation.direction === 'horizontal'
+                ? `columns ${operation.placement.width}${columnsConstraint}`
+                : `rows ${operation.placement.height}${rowsConstraint}`;
+            return createAnnouncement(`Item resized to ${sizeAnnouncement}.`, operation.conflicts, operation.disturbed, getTitle);
+        },
+        liveAnnouncementDndItemInserted: operation => {
+            const columns = `column ${operation.placement.x + 1}`;
+            const rows = `row ${operation.placement.y + 1}`;
+            return createAnnouncement(`Item inserted to ${columns}, ${rows}.`, operation.conflicts, operation.disturbed, getTitle);
+        },
+        liveAnnouncementDndCommitted: operationType => `${operationType} committed`,
+        liveAnnouncementDndDiscarded: operationType => `${operationType} discarded`,
+        liveAnnouncementItemRemoved: op => createAnnouncement(`Removed item ${getTitle(op.item)}.`, [], op.disturbed, getTitle),
+        navigationAriaLabel: 'Board navigation',
+        navigationAriaDescription: 'Click on non-empty item to move focus over',
+        navigationItemAriaLabel: item => (item ? getTitle(item) : 'Empty'),
+    };
+}
+exports.createBoardI18nStrings = createBoardI18nStrings;
+//# sourceMappingURL=boardI18n.js.map

package/cjs/component/cloudscape/boardI18n.js.map

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

package/cjs/component/cloudscape/cloudscapeTheme.d.ts

@@ -0,0 +1,6 @@
+import type { Theme } from '@cloudscape-design/components/theming';
+/**
+ * Cloudscape theme tokens tuned to match our board widgets.
+ * Border radius is flattened and divider color aligned with UI palette.
+ */
+export declare const cloudscapeTheme: Theme;

package/cjs/component/cloudscape/cloudscapeTheme.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cloudscapeTheme = void 0;
+/**
+ * Cloudscape theme tokens tuned to match our board widgets.
+ * Border radius is flattened and divider color aligned with UI palette.
+ */
+exports.cloudscapeTheme = {
+    tokens: {
+        borderRadiusContainer: '0px',
+        colorBorderDividerDefault: 'rgba(230, 230, 230, 1)',
+    },
+};
+//# sourceMappingURL=cloudscapeTheme.js.map

package/cjs/component/cloudscape/cloudscapeTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloudscapeTheme.js","sourceRoot":"","sources":["../../../src/component/cloudscape/cloudscapeTheme.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AACU,QAAA,eAAe,GAAU;IAClC,MAAM,EAAE;QACJ,qBAAqB,EAAE,KAAK;QAC5B,yBAAyB,EAAE,wBAAwB;KACtD;CACJ,CAAA"}

package/cjs/component/fab/PneFloatingActionButtons.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export type PneFabAction = {
+    id: string;
+    label: React.ReactNode;
+    onClick: () => void;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    tooltip?: string;
+};
+export type PneFloatingActionButtonsProps = {
+    actions: PneFabAction[];
+    breakpoints?: readonly number[];
+    mobileBreakpoint?: number;
+    position?: {
+        bottom?: number;
+        right?: number;
+    };
+    fabLabel?: React.ReactNode;
+    fabIcon?: React.ReactNode;
+    className?: string;
+};
+/**
+ * Responsive FAB menu: shows a single floating button with a menu on small screens,
+ * and a sticky action rail on larger screens. Breakpoint set defaults to 6-step layout.
+ */
+export declare function PneFloatingActionButtons({ actions, breakpoints, mobileBreakpoint, position, fabLabel, fabIcon, className, }: PneFloatingActionButtonsProps): React.JSX.Element;
+export default PneFloatingActionButtons;

package/cjs/component/fab/PneFloatingActionButtons.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PneFloatingActionButtons = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const Add_1 = tslib_1.__importDefault(require("@mui/icons-material/Add"));
+const material_1 = require("@mui/material");
+const breakpoints_1 = require("../../common/responsive/breakpoints");
+const useBreakpoint_1 = require("../responsive/useBreakpoint");
+/**
+ * Responsive FAB menu: shows a single floating button with a menu on small screens,
+ * and a sticky action rail on larger screens. Breakpoint set defaults to 6-step layout.
+ */
+function PneFloatingActionButtons({ actions, breakpoints = breakpoints_1.DEFAULT_BREAKPOINTS, mobileBreakpoint = 800, position = { bottom: 24, right: 24 }, fabLabel = 'Actions', fabIcon = react_1.default.createElement(Add_1.default, null), className, }) {
+    const breakpoint = (0, useBreakpoint_1.useBreakpoint)({ breakpoints });
+    const isMobile = breakpoint <= mobileBreakpoint;
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const handleOpen = (event) => setAnchorEl(event.currentTarget);
+    const handleClose = () => setAnchorEl(null);
+    const handleAction = (action) => {
+        handleClose();
+        action.onClick();
+    };
+    const renderedActions = (0, react_1.useMemo)(() => actions.map(action => (react_1.default.createElement(material_1.Tooltip, { key: action.id, title: action.tooltip ?? '', placement: 'left' },
+        react_1.default.createElement("span", null,
+            react_1.default.createElement(material_1.Button, { onClick: () => handleAction(action), startIcon: action.icon, disabled: action.disabled, fullWidth: true, variant: 'contained', color: 'primary', size: 'small', sx: { justifyContent: 'flex-start', textTransform: 'none' } }, action.label))))), [actions]);
+    if (isMobile) {
+        return (react_1.default.createElement(material_1.Box, { position: 'fixed', bottom: position.bottom ?? 24, right: position.right ?? 24, zIndex: 1300, className: className },
+            react_1.default.createElement(material_1.Tooltip, { title: fabLabel },
+                react_1.default.createElement(material_1.Fab, { color: 'primary', onClick: handleOpen, "aria-label": typeof fabLabel === 'string' ? fabLabel : 'Actions' }, fabIcon)),
+            react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, anchorOrigin: { vertical: 'top', horizontal: 'left' } }, actions.map(action => (react_1.default.createElement(material_1.MenuItem, { key: action.id, disabled: action.disabled, onClick: () => handleAction(action) },
+                action.icon ? react_1.default.createElement(material_1.ListItemIcon, null, action.icon) : null,
+                react_1.default.createElement(material_1.ListItemText, null, action.label)))))));
+    }
+    return (react_1.default.createElement(material_1.Box, { position: 'fixed', bottom: position.bottom ?? 24, right: position.right ?? 24, zIndex: 1300, className: className },
+        react_1.default.createElement(material_1.Paper, { elevation: 3, sx: { borderRadius: 2, p: 1, minWidth: 200 } },
+            react_1.default.createElement(material_1.Stack, { spacing: 1 }, renderedActions))));
+}
+exports.PneFloatingActionButtons = PneFloatingActionButtons;
+exports.default = PneFloatingActionButtons;
+//# sourceMappingURL=PneFloatingActionButtons.js.map

package/cjs/component/fab/PneFloatingActionButtons.js.map

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

package/cjs/component/overlay/PneOverlayHost.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type SnackbarOrigin } from '@mui/material';
+import type { PermanentOverlayRender, PermanentPosition } from './types';
+type PneOverlayHostProps = {
+    anchorOrigin?: SnackbarOrigin;
+    maxSnack?: number;
+    breakpoints?: readonly number[];
+    renderPermanent?: PermanentOverlayRender;
+    permanent?: React.ReactNode;
+    permanentPosition?: PermanentPosition;
+};
+/**
+ * Renders overlay elements (currently snackbars) driven by the shared overlay store.
+ * Mount this once near the root of the app and trigger notifications via `overlayActions`.
+ */
+export declare function PneOverlayHost({ anchorOrigin, maxSnack, breakpoints, renderPermanent, permanent, permanentPosition, }: PneOverlayHostProps): React.JSX.Element;
+export default PneOverlayHost;

package/cjs/component/overlay/PneOverlayHost.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PneOverlayHost = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const material_1 = require("@mui/material");
+const breakpoints_1 = require("../../common/responsive/breakpoints");
+const useBreakpoint_1 = require("../responsive/useBreakpoint");
+const overlayStore_1 = require("./overlayStore");
+const material_2 = require("@mui/material");
+const STACK_GAP = 12;
+const STACK_OFFSET = 24;
+/**
+ * Renders overlay elements (currently snackbars) driven by the shared overlay store.
+ * Mount this once near the root of the app and trigger notifications via `overlayActions`.
+ */
+function PneOverlayHost({ anchorOrigin = { vertical: 'bottom', horizontal: 'left' }, maxSnack = 10, breakpoints = breakpoints_1.DEFAULT_BREAKPOINTS, renderPermanent, permanent, permanentPosition, }) {
+    const snackbars = (0, overlayStore_1.useOverlayStore)(state => state.snackbars);
+    const removeSnackbar = (0, overlayStore_1.useOverlayStore)(state => state.removeSnackbar);
+    const breakpoint = (0, useBreakpoint_1.useBreakpoint)({ breakpoints });
+    const visibleSnackbars = (0, react_1.useMemo)(() => {
+        if (typeof maxSnack === 'number' && maxSnack > 0 && snackbars.length > maxSnack) {
+            return snackbars.slice(snackbars.length - maxSnack);
+        }
+        return snackbars;
+    }, [maxSnack, snackbars]);
+    const groupedSnackbars = (0, react_1.useMemo)(() => {
+        const groups = [];
+        const map = new Map();
+        visibleSnackbars.forEach(snack => {
+            const anchor = snack.anchorOrigin ?? anchorOrigin;
+            const key = `${anchor.vertical}-${anchor.horizontal}`;
+            if (!map.has(key)) {
+                const group = { anchor, items: [] };
+                map.set(key, group);
+                groups.push(group);
+            }
+            map.get(key).items.push(snack);
+        });
+        return groups;
+    }, [anchorOrigin, visibleSnackbars]);
+    const permanentContent = renderPermanent?.({ breakpoint }) ?? permanent ?? null;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        groupedSnackbars.map(group => {
+            const { anchor, items } = group;
+            const horizontalStyles = anchor.horizontal === 'left'
+                ? { left: STACK_OFFSET, right: 'auto', transform: 'none' }
+                : anchor.horizontal === 'right'
+                    ? { right: STACK_OFFSET, left: 'auto', transform: 'none' }
+                    : { left: '50%', transform: 'translateX(-50%)' };
+            const verticalStyles = anchor.vertical === 'top'
+                ? { top: STACK_OFFSET, bottom: 'auto', flexDirection: 'column-reverse' }
+                : { bottom: STACK_OFFSET, top: 'auto', flexDirection: 'column-reverse' };
+            return (react_1.default.createElement(material_2.Box, { key: `${anchor.vertical}-${anchor.horizontal}`, sx: {
+                    position: 'fixed',
+                    zIndex: 1400,
+                    display: 'flex',
+                    gap: `${STACK_GAP}px`,
+                    pointerEvents: 'none',
+                    ...horizontalStyles,
+                    ...verticalStyles,
+                } }, items.map(snack => (react_1.default.createElement(material_1.Snackbar, { key: snack.id, open: true, anchorOrigin: anchor, autoHideDuration: snack.autoHideMs, onClose: (_event, reason) => {
+                    if (reason === 'clickaway')
+                        return;
+                    snack.id && removeSnackbar(snack.id);
+                }, sx: { position: 'static', transform: 'none', pointerEvents: 'auto', minWidth: 288 } },
+                react_1.default.createElement(material_1.Alert, { elevation: 1, onClose: () => snack.id && removeSnackbar(snack.id), severity: snack.variant ?? 'info', action: snack.action, sx: { alignItems: 'center' } }, snack.message))))));
+        }),
+        permanentContent
+            ? permanentPosition
+                ? (react_1.default.createElement(material_2.Box, { sx: {
+                        position: 'fixed',
+                        zIndex: permanentPosition.zIndex ?? 1300,
+                        [permanentPosition.vertical ?? 'bottom']: permanentPosition.offset ?? 24,
+                        [permanentPosition.horizontal ?? 'right']: permanentPosition.offset ?? 24,
+                    } }, permanentContent))
+                : permanentContent
+            : null));
+}
+exports.PneOverlayHost = PneOverlayHost;
+exports.default = PneOverlayHost;
+//# sourceMappingURL=PneOverlayHost.js.map

package/cjs/component/overlay/PneOverlayHost.js.map

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

package/cjs/component/overlay/overlayStore.d.ts

@@ -0,0 +1,11 @@
+import type { OverlayState, SnackbarOptions } from './types';
+export declare const useOverlayStore: import("zustand").UseBoundStore<import("zustand").StoreApi<OverlayState>>;
+export declare const overlayActions: {
+    showSnackbar: (snackbar: SnackbarOptions) => void;
+    showSuccess: (snackbar: Omit<SnackbarOptions, 'variant'>) => void;
+    showError: (snackbar: Omit<SnackbarOptions, 'variant'>) => void;
+    showWarning: (snackbar: Omit<SnackbarOptions, 'variant'>) => void;
+    showInfo: (snackbar: Omit<SnackbarOptions, 'variant'>) => void;
+    removeSnackbar: (id: string) => void;
+    clearSnackbars: () => void;
+};

package/cjs/component/overlay/overlayStore.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.overlayActions = exports.useOverlayStore = void 0;
+const zustand_1 = require("zustand");
+const defaultAutoHideMs = 5000;
+const makeId = () => {
+    if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+        return crypto.randomUUID();
+    }
+    return `snackbar-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+};
+exports.useOverlayStore = (0, zustand_1.create)(set => ({
+    snackbars: [],
+    enqueueSnackbar: snackbar => set(state => ({
+        snackbars: [
+            ...state.snackbars,
+            {
+                id: snackbar.id ?? makeId(),
+                variant: snackbar.variant ?? 'info',
+                autoHideMs: snackbar.autoHideMs ?? (snackbar.variant === 'error' ? undefined : defaultAutoHideMs),
+                ...snackbar,
+            },
+        ],
+    })),
+    removeSnackbar: id => set(state => ({ snackbars: state.snackbars.filter(snack => snack.id !== id) })),
+    clearSnackbars: () => set({ snackbars: [] }),
+}));
+const showWithVariant = (variant) => (snackbar) => exports.useOverlayStore.getState().enqueueSnackbar({ ...snackbar, variant });
+exports.overlayActions = {
+    showSnackbar: (snackbar) => exports.useOverlayStore.getState().enqueueSnackbar(snackbar),
+    showSuccess: showWithVariant('success'),
+    showError: showWithVariant('error'),
+    showWarning: showWithVariant('warning'),
+    showInfo: showWithVariant('info'),
+    removeSnackbar: (id) => exports.useOverlayStore.getState().removeSnackbar(id),
+    clearSnackbars: () => exports.useOverlayStore.getState().clearSnackbars(),
+};
+//# sourceMappingURL=overlayStore.js.map

package/cjs/component/overlay/overlayStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayStore.js","sourceRoot":"","sources":["../../../src/component/overlay/overlayStore.ts"],"names":[],"mappings":";;;AAAA,qCAAgC;AAGhC,MAAM,iBAAiB,GAAG,IAAI,CAAA;AAE9B,MAAM,MAAM,GAAG,GAAG,EAAE;IAChB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;QAC3E,OAAO,MAAM,CAAC,UAAU,EAAE,CAAA;IAC9B,CAAC;IACD,OAAO,YAAY,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;AAC1E,CAAC,CAAA;AAEY,QAAA,eAAe,GAAG,IAAA,gBAAM,EAAe,GAAG,CAAC,EAAE,CAAC,CAAC;IACxD,SAAS,EAAE,EAAE;IACb,eAAe,EAAE,QAAQ,CAAC,EAAE,CACxB,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACV,SAAS,EAAE;YACP,GAAG,KAAK,CAAC,SAAS;YAClB;gBACI,EAAE,EAAE,QAAQ,CAAC,EAAE,IAAI,MAAM,EAAE;gBAC3B,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,MAAM;gBACnC,UAAU,EAAE,QAAQ,CAAC,UAAU,IAAI,CAAC,QAAQ,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC;gBACjG,GAAG,QAAQ;aACd;SACJ;KACJ,CAAC,CAAC;IACP,cAAc,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IACrG,cAAc,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;CAC/C,CAAC,CAAC,CAAA;AAEH,MAAM,eAAe,GAAG,CAAC,OAAwB,EAAE,EAAE,CAAC,CAAC,QAA0C,EAAE,EAAE,CACjG,uBAAe,CAAC,QAAQ,EAAE,CAAC,eAAe,CAAC,EAAE,GAAG,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAA;AAE3D,QAAA,cAAc,GAAG;IAC1B,YAAY,EAAE,CAAC,QAAyB,EAAE,EAAE,CAAC,uBAAe,CAAC,QAAQ,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC;IACjG,WAAW,EAAE,eAAe,CAAC,SAAS,CAAC;IACvC,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC;IACnC,WAAW,EAAE,eAAe,CAAC,SAAS,CAAC;IACvC,QAAQ,EAAE,eAAe,CAAC,MAAM,CAAC;IACjC,cAAc,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,uBAAe,CAAC,QAAQ,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC;IAC7E,cAAc,EAAE,GAAG,EAAE,CAAC,uBAAe,CAAC,QAAQ,EAAE,CAAC,cAAc,EAAE;CACpE,CAAA"}

package/cjs/component/overlay/types.d.ts

@@ -0,0 +1,26 @@
+import type { SnackbarOrigin } from '@mui/material';
+import type React from 'react';
+export type SnackbarVariant = 'info' | 'success' | 'warning' | 'error';
+export type SnackbarOptions = {
+    id?: string;
+    message: React.ReactNode;
+    variant?: SnackbarVariant;
+    autoHideMs?: number;
+    action?: React.ReactNode;
+    anchorOrigin?: SnackbarOrigin;
+};
+export type OverlayState = {
+    snackbars: SnackbarOptions[];
+    enqueueSnackbar: (snackbar: SnackbarOptions) => void;
+    removeSnackbar: (id: string) => void;
+    clearSnackbars: () => void;
+};
+export type PermanentOverlayRender = (context: {
+    breakpoint: number;
+}) => React.ReactNode;
+export type PermanentPosition = {
+    vertical?: 'top' | 'bottom';
+    horizontal?: 'left' | 'right';
+    offset?: number;
+    zIndex?: number;
+};

package/cjs/component/overlay/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/cjs/component/overlay/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/component/overlay/types.ts"],"names":[],"mappings":""}

package/cjs/component/responsive/useBreakpoint.d.ts

@@ -0,0 +1,8 @@
+type UseBreakpointOptions = {
+    breakpoints?: readonly number[];
+};
+/**
+ * Returns the nearest configured breakpoint for the current window width.
+ */
+export declare function useBreakpoint({ breakpoints }?: UseBreakpointOptions): number;
+export {};

package/cjs/component/responsive/useBreakpoint.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBreakpoint = void 0;
+const react_1 = require("react");
+const breakpoints_1 = require("../../common/responsive/breakpoints");
+/**
+ * Returns the nearest configured breakpoint for the current window width.
+ */
+function useBreakpoint({ breakpoints = breakpoints_1.DEFAULT_BREAKPOINTS } = {}) {
+    const [current, setCurrent] = (0, react_1.useState)(() => typeof window !== 'undefined' ? (0, breakpoints_1.resolveBreakpoint)(window.innerWidth, breakpoints) : breakpoints[0]);
+    (0, react_1.useEffect)(() => {
+        if (typeof window === 'undefined')
+            return;
+        const handler = () => setCurrent((0, breakpoints_1.resolveBreakpoint)(window.innerWidth, breakpoints));
+        window.addEventListener('resize', handler);
+        return () => window.removeEventListener('resize', handler);
+    }, [breakpoints]);
+    return current;
+}
+exports.useBreakpoint = useBreakpoint;
+//# sourceMappingURL=useBreakpoint.js.map

package/cjs/component/responsive/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/component/responsive/useBreakpoint.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAC3C,qEAA4F;AAM5F;;GAEG;AACH,SAAgB,aAAa,CAAC,EAAE,WAAW,GAAG,iCAAmB,KAA2B,EAAE;IAC1F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CACxC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,IAAA,+BAAiB,EAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CACrG,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAM;QACzC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,IAAA,+BAAiB,EAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAA;QACnF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC1C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAC9D,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,OAAO,CAAA;AAClB,CAAC;AAbD,sCAaC"}

package/cjs/component/widget-board/WidgetBoard.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { WidgetBoardProps } from './types';
+export type WidgetBoardHandle = {
+    resetLayout: () => void;
+    restoreHidden: () => void;
+};
+export declare const WidgetBoard: React.ForwardRefExoticComponent<WidgetBoardProps & React.RefAttributes<WidgetBoardHandle>>;