@bsuite/page-builder 2.7.1-next.3 → 2.7.1-next.5

package/README.md

@@ -58,6 +58,19 @@ a React transition. Initial mounting, unchanged state and abandoned transitions
 do not emit notifications. Consumers must match the page key and preserve
 focus on surviving inputs when synchronizing their header controls.
 
+From `2.7.1-next.5`, a header Save & exit dispatches `PAGE_GRID_SAVE_EVENT`
+with `{ pageKey }`. The canvas waits for all preference adapters, keeps its
+controls and error visible on failure, and emits the existing committed editing
+notification on success. Headers wait for that notification before clearing
+edit mode. Existing open/close events remain available for route navigation.
+
+Selected depths expose separate resting, light-interaction and dark-interaction
+shadow variables. Light interaction adds neutral elevation; dark interaction
+adds the role-bound glow while retaining the selected depth. Explicit zero
+stays flat. Consumers must read all three variables; chrome-owning grid items
+already do. Default painted grid cards now use neutral elevation 2, with
+interaction feedback, matching the D2C card recovery.
+
 While the canvas editor is open, each grid item renders an in-flow strip
 (`[data-slot="grid-item-editor-chrome"]`) above the card content: the widget
 name and a Hide control. The strip is **not** absolutely positioned over the

package/dist/PageGridLayout.d.ts

@@ -2,5 +2,10 @@ import React from 'react';
 import 'react-grid-layout/css/styles.css';
 import 'react-resizable/css/styles.css';
 import type { PageGridLayoutProps } from './types.js';
+/** Ask one mounted canvas to acknowledge its preferences before closing. */
+export declare const PAGE_GRID_SAVE_EVENT = "bsuite-page-grid-save";
+export interface PageGridSaveEventDetail {
+    pageKey: string;
+}
 export declare function PageGridLayout({ pageKey, defaultLayouts, defaultCols, layoutVersion, canEditPage, editorEventNames, preferenceAdapter, widgets, widgetMeta, className, isResizable, resizeHandles, tenantId, defaultAutoHeight, layoutMigrations, itemChrome, addEntityWidgetEventNames, createEntityWidget, onRegisterEntityWidget, relationshipCatalog, addRelationshipWidgetEventNames, createRelationshipWidget, onRegisterRelationshipWidget, onRelationshipWidgetRejected, }: PageGridLayoutProps): React.JSX.Element;
 //# sourceMappingURL=PageGridLayout.d.ts.map

package/dist/PageGridLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageGridLayout.d.ts","sourceRoot":"","sources":["../src/PageGridLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AAsBxC,OAAO,KAAK,EAAe,mBAAmB,EAA4B,MAAM,YAAY,CAAC;AA4pB7F,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,cAAc,EACd,WAAW,EACX,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,OAAO,EACP,UAAU,EACV,SAAS,EAMT,WAAkB,EAClB,aAAsC,EACtC,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,EAKhB,UAAkB,EAClB,yBAAiE,EACjE,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,EACnB,+BAA6E,EAC7E,wBAAwB,EACxB,4BAA4B,EAC5B,4BAA4B,GAC7B,EAAE,mBAAmB,qBAmgCrB"}
+{"version":3,"file":"PageGridLayout.d.ts","sourceRoot":"","sources":["../src/PageGridLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AAsBxC,OAAO,KAAK,EAAe,mBAAmB,EAA4B,MAAM,YAAY,CAAC;AAE7F,4EAA4E;AAC5E,eAAO,MAAM,oBAAoB,0BAA0B,CAAC;AAC5D,MAAM,WAAW,uBAAuB;IAAG,OAAO,EAAE,MAAM,CAAA;CAAE;AAiqB5D,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,cAAc,EACd,WAAW,EACX,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,OAAO,EACP,UAAU,EACV,SAAS,EAMT,WAAkB,EAClB,aAAsC,EACtC,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,EAKhB,UAAkB,EAClB,yBAAiE,EACjE,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,EACnB,+BAA6E,EAC7E,wBAAwB,EACxB,4BAA4B,EAC5B,4BAA4B,GAC7B,EAAE,mBAAmB,qBAkhCrB"}

package/dist/PageGridLayout.js

@@ -12,6 +12,8 @@ import { defaultPreferenceAdapter } from './preferences.js';
 import { isRelationshipWritable } from './relationshipCatalog.js';
 import { usePageGridLayout } from './usePageGridLayout.js';
 import { cn } from './utils.js';
+/** Ask one mounted canvas to acknowledge its preferences before closing. */
+export const PAGE_GRID_SAVE_EVENT = 'bsuite-page-grid-save';
 /**
  * Single source of truth for the grid's pixel geometry — read by both the
  * `<Responsive>` props below AND `GridItem`'s auto-height measurement
@@ -187,6 +189,7 @@ const GridItem = React.memo(React.forwardRef(function GridItem({ id, content, is
      */
     const scopedContent = (_jsx(ElementScopeProvider, { scope: { pageKey, cardKey: id, cardLabel: label, isEditing }, children: content }));
     const measureRef = useRef(null);
+    const surfaceRef = useRef(null);
     const lastReportedRowsRef = useRef(null);
     const measureRafRef = useRef(null);
     /**
@@ -216,9 +219,17 @@ const GridItem = React.memo(React.forwardRef(function GridItem({ id, content, is
     const reportRows = useCallback((contentPx) => {
         if (!onAutoHeightChange)
             return;
+        // Chrome lives outside the observed content box. Count its actual
+        // padding and borders so appearance changes cannot overlap the next
+        // card. A consumer-owned Card is already inside the measured content.
+        const surfaceStyle = chrome && surfaceRef.current ? getComputedStyle(surfaceRef.current) : null;
+        const cardChromePx = surfaceStyle
+            ? [surfaceStyle.paddingTop, surfaceStyle.paddingBottom, surfaceStyle.borderTopWidth, surfaceStyle.borderBottomWidth]
+                .reduce((total, value) => total + (Number.parseFloat(value) || 0), 0)
+            : DEFAULT_CARD_CHROME_PX;
         const rows = computeAutoHeightRows({
             contentPx,
-            cardChromePx: DEFAULT_CARD_CHROME_PX,
+            cardChromePx,
             rowHeightPx: DEFAULT_ROW_HEIGHT,
             marginYPx: DEFAULT_MARGIN[1],
         });
@@ -226,7 +237,7 @@ const GridItem = React.memo(React.forwardRef(function GridItem({ id, content, is
             return;
         lastReportedRowsRef.current = rows;
         onAutoHeightChange(id, rows);
-    }, [id, onAutoHeightChange]);
+    }, [chrome, id, onAutoHeightChange]);
     /**
      * First measurement BEFORE paint (second half of D-76).
      *
@@ -257,7 +268,7 @@ const GridItem = React.memo(React.forwardRef(function GridItem({ id, content, is
             warnOnceAboutCollapsedContent(el);
         // Re-measure when edit chrome mounts/unmounts so the strip is in the
         // row count in edit mode and gone again on lossless return.
-    }, [autoHeight, onAutoHeightChange, reportRows, isEditing]);
+    }, [autoHeight, onAutoHeightChange, reportRows, isEditing, cardStyleVars]);
     useEffect(() => {
         if (!autoHeight || !onAutoHeightChange)
             return;
@@ -307,7 +318,7 @@ const GridItem = React.memo(React.forwardRef(function GridItem({ id, content, is
     // (buttons, inputs, textarea, select, links, [data-no-drag]) are still
     // protected via the `cancel` selector below in the <Responsive> render.
     const outerClass = cn('relative group overflow-visible', isEditing && 'drag-handle cursor-move', injectedClassName);
-    return (_jsxs("div", { ref: ref, className: outerClass, style: injectedStyle, ...rest, children: [_jsxs("div", { className: "h-full w-full relative", children: [isEditing && (_jsx("div", { className: "absolute inset-0 z-10 pointer-events-none rounded-3xl border-2 border-transparent group-hover:border-primary/50 transition-colors bg-primary/5" })), _jsx("div", { "data-slot": "grid-item-surface", "data-chrome": chrome ? 'on' : 'off', "data-grid-slot-key": id, className: chrome
+    return (_jsxs("div", { ref: ref, className: outerClass, style: injectedStyle, ...rest, children: [_jsxs("div", { className: "h-full w-full relative", children: [isEditing && (_jsx("div", { className: "absolute inset-0 z-10 pointer-events-none rounded-3xl border-2 border-transparent group-hover:border-primary/50 transition-colors bg-primary/5" })), _jsx("div", { "data-slot": "grid-item-surface", "data-chrome": chrome ? 'on' : 'off', "data-grid-slot-key": id, ref: surfaceRef, "data-card-padding": !chrome && cardStyleVars && '--card-padding' in cardStyleVars ? '' : undefined, className: chrome
                             ? // ONE radius token, read by the grid item AND available to any
                                 // app card that opts into the same surface. Two surfaces
                                 // reading the SAME var is what makes their corners align, and
@@ -321,14 +332,9 @@ const GridItem = React.memo(React.forwardRef(function GridItem({ id, content, is
                                 // whose fallbacks are byte-identical to the `border
                                 // border-border` they replace, so an operator who has never
                                 // opened the card editor sees exactly the previous CSS.
-                                // The shadow deliberately keeps its ORIGINAL classes. An
-                                // elevation choice arrives as an inline `boxShadow`, which
-                                // beats the class without needing a fallback that restates
-                                // `shadow-sm`. Writing that fallback by hand was the first
-                                // attempt and it was wrong: elev-1 is CLOSE to shadow-sm
-                                // but not equal, so it would have silently restyled every
-                                // card on 305 pages the day this shipped.
-                                'w-full rounded-[var(--radius-card,1.5rem)] transition-all flex flex-col bg-card border-[length:var(--card-border-width,1px)] border-[color:var(--card-border-color,var(--border))] [border-style:var(--card-border-style,solid)] shadow-sm dark:shadow-[var(--glow-card,none)]', 
+                                // Resting elevation and interaction feedback are separate:
+                                // a selected depth must not suppress hover/focus feedback.
+                                'w-full rounded-[var(--radius-card,1.5rem)] transition-all flex flex-col bg-card border-[length:var(--card-border-width,1px)] border-[color:var(--card-border-color,var(--border))] [border-style:var(--card-border-style,solid)] shadow-[var(--card-shadow,var(--shadow-elev-2))] hover:shadow-[var(--card-shadow-interaction,var(--shadow-elev-3))] focus-within:shadow-[var(--card-shadow-interaction,var(--shadow-elev-3))] dark:hover:shadow-[var(--card-shadow-interaction-dark,var(--glow-card-hover))] dark:focus-within:shadow-[var(--card-shadow-interaction-dark,var(--glow-card-hover))]', 
                                 // THE DOUBLED BOTTOM BORDER, AND WHY THE ARITHMETIC COULD NEVER FIX IT.
                                 //
                                 // computeAutoHeightRows uses Math.ceil to round content height up to
@@ -358,17 +364,16 @@ const GridItem = React.memo(React.forwardRef(function GridItem({ id, content, is
                          * `cardStyleVars` carries ONLY the properties the operator changed
                          * (see cardStyle.ts). An untouched page spreads an empty object, so
                          * this attribute is identical to what it was before the card editor
-                         * existed. A chrome-owning surface applies `boxShadow` directly
-                         * to beat its default class. Layout-only wrappers pass the token
-                         * to the painted consumer without drawing a second shadow.
+                         * existed. A chrome-owning surface reads shadow tokens in its
+                         * resting and interaction classes. Layout-only wrappers pass them
+                         * to the painted consumer without drawing a second shadow. The
+                         * padding marker lets consumer Cards distinguish an explicit page
+                         * inset from an app's unrelated default --card-padding token.
                          */
                         style: {
                             contain: 'layout style',
                             ...cardStyleVars,
-                            ...(chrome && cardStyleVars && '--card-shadow' in cardStyleVars
-                                ? { boxShadow: cardStyleVars['--card-shadow'] }
-                                : null),
-                            ...(cardStyleVars && '--card-padding' in cardStyleVars
+                            ...(chrome && cardStyleVars && '--card-padding' in cardStyleVars
                                 ? { padding: cardStyleVars['--card-padding'] }
                                 : null),
                         }, children: autoHeight ? (_jsx("div", { "data-slot": "grid-item-body", className: "min-h-0 flex-none overflow-visible", children: _jsxs("div", { ref: measureRef, className: "flow-root", children: [isEditing ? (_jsx(GridItemEditorChrome, { id: id, label: label, onHide: onHide })) : null, scopedContent] }) })) : (_jsxs(_Fragment, { children: [isEditing ? (_jsx(GridItemEditorChrome, { id: id, label: label, onHide: onHide })) : null, _jsx("div", { "data-slot": "grid-item-body", className: "min-h-0 flex-1 overflow-auto", children: scopedContent })] })) })] }), injectedChildren] }));
@@ -400,7 +405,11 @@ itemChrome = false, addEntityWidgetEventNames = DEFAULT_ADD_ENTITY_WIDGET_EVENT_
     const isSaving = saveState?.pageKey === pageKey && saveState.status === 'saving';
     const saveFailed = saveState?.pageKey === pageKey && saveState.status === 'failed';
     const saveAttempt = useRef(0);
-    useLayoutEffect(() => () => { saveAttempt.current += 1; }, [pageKey, isEditing]);
+    const savingAttempt = useRef(null);
+    useLayoutEffect(() => () => {
+        saveAttempt.current += 1;
+        savingAttempt.current = null;
+    }, [pageKey, isEditing]);
     // Auto-height dispatcher (blueprint amendment A1, hardened per quality
     // review 2026-07-14). `GridItem`'s ResizeObserver calls this per-widget
     // whenever its measured content height changes; we rAF-batch and flush ALL
@@ -482,9 +491,10 @@ itemChrome = false, addEntityWidgetEventNames = DEFAULT_ADD_ENTITY_WIDGET_EVENT_
     const cardStyleVars = useMemo(() => toCssVars(cardStyle), [cardStyle]);
     const updateCardStyle = useCallback((patch) => setStoredCardStyle((previous) => ({ ...normaliseCardStyle(previous), ...patch })), [setStoredCardStyle]);
     const saveAndExit = useCallback(async () => {
-        if (isSaving)
+        if (canEditPage === false || !isEditing || savingAttempt.current !== null)
             return;
         const attempt = ++saveAttempt.current;
+        savingAttempt.current = attempt;
         setSaveState({ pageKey, status: 'saving' });
         try {
             await Promise.all([flushPreferences(), flushLayerNames?.(), flushHiddenLayers?.(), flushCardStyle?.()]);
@@ -497,7 +507,20 @@ itemChrome = false, addEntityWidgetEventNames = DEFAULT_ADD_ENTITY_WIDGET_EVENT_
             if (attempt === saveAttempt.current)
                 setSaveState({ pageKey, status: 'failed' });
         }
-    }, [isSaving, pageKey, flushPreferences, flushLayerNames, flushHiddenLayers, flushCardStyle, setIsEditing]);
+        finally {
+            if (savingAttempt.current === attempt)
+                savingAttempt.current = null;
+        }
+    }, [canEditPage, isEditing, pageKey, flushPreferences, flushLayerNames, flushHiddenLayers, flushCardStyle, setIsEditing]);
+    useEffect(() => {
+        const onSaveRequest = (event) => {
+            const detail = event.detail;
+            if (detail?.pageKey === pageKey)
+                void saveAndExit();
+        };
+        window.addEventListener(PAGE_GRID_SAVE_EVENT, onSaveRequest);
+        return () => window.removeEventListener(PAGE_GRID_SAVE_EVENT, onSaveRequest);
+    }, [pageKey, saveAndExit]);
     const extraWidgets = useMemo(() => {
         const rendered = {};
         if (!createEntityWidget)

package/dist/cardStyle.d.ts

@@ -26,9 +26,8 @@ export interface CardStyle {
  *
  * `radius: 24` is `1.5rem`, the existing `--radius-card` fallback.
  * `borderWidth: 1` + `borderTone: 'border'` is the existing `border
- * border-border`. `elevation: null` preserves `shadow-sm` and the dark-mode
- * `--glow-card` rule rather than replacing them with an elevation token that
- * is close but not equal.
+ * border-border`. `elevation: null` leaves the component's resting and
+ * interaction defaults in place; an explicit zero opts out of both.
  */
 export declare const DEFAULT_CARD_STYLE: CardStyle;
 export declare const RADIUS_RANGE: {

package/dist/cardStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cardStyle.d.ts","sourceRoot":"","sources":["../src/cardStyle.ts"],"names":[],"mappings":"AA0BA,4EAA4E;AAC5E,eAAO,MAAM,YAAY,iFAOf,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,eAAO,MAAM,aAAa,gDAAiD,CAAC;AAC5E,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,gEAAgE;AAChE,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE1C,MAAM,WAAW,SAAS;IACxB,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB;;;OAGG;IACH,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,2EAA2E;IAC3E,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAOhC,CAAC;AAEF,eAAO,MAAM,YAAY;;;CAA+B,CAAC;AACzD,eAAO,MAAM,kBAAkB;;;CAA8B,CAAC;AAC9D,eAAO,MAAM,aAAa;;;CAA+B,CAAC;AAO1D;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CA8B5D;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAS5D;AAED,+EAA+E;AAC/E,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,aAAa,CAuB/D;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAc1D"}
+{"version":3,"file":"cardStyle.d.ts","sourceRoot":"","sources":["../src/cardStyle.ts"],"names":[],"mappings":"AA0BA,4EAA4E;AAC5E,eAAO,MAAM,YAAY,iFAOf,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,eAAO,MAAM,aAAa,gDAAiD,CAAC;AAC5E,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,gEAAgE;AAChE,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE1C,MAAM,WAAW,SAAS;IACxB,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB;;;OAGG;IACH,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,2EAA2E;IAC3E,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAOhC,CAAC;AAEF,eAAO,MAAM,YAAY;;;CAA+B,CAAC;AACzD,eAAO,MAAM,kBAAkB;;;CAA8B,CAAC;AAC9D,eAAO,MAAM,aAAa;;;CAA+B,CAAC;AAO1D;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CA8B5D;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAS5D;AAED,+EAA+E;AAC/E,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,aAAa,CA8B/D;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAc1D"}

package/dist/cardStyle.js

@@ -12,9 +12,9 @@
  * THE DEFAULT IS "DON'T EMIT ANYTHING". `toCssVars` returns only the
  * properties that DIFFER from `DEFAULT_CARD_STYLE`, and the chrome element
  * falls back to exactly the values it used before this file existed. A page
- * whose operator has never opened the editor therefore renders byte-identical
- * CSS — this is a capability, not a restyle, and it must not show up as a
- * visual diff on 305 pages the day it ships.
+ * whose operator has never opened the editor uses the component defaults.
+ * The September 2026 recovery intentionally makes those defaults visibly
+ * elevated; appearance settings do not have to be entered to enable shadows.
  *
  * TOKENS, NOT COLOURS. `borderTone` names a theme token, never a literal.
  * The estate bans hex/rgb in D2C apps (`bsuite/no-hardcoded-colours`) and the
@@ -38,9 +38,8 @@ export const BORDER_STYLES = ['solid', 'dashed', 'dotted', 'none'];
  *
  * `radius: 24` is `1.5rem`, the existing `--radius-card` fallback.
  * `borderWidth: 1` + `borderTone: 'border'` is the existing `border
- * border-border`. `elevation: null` preserves `shadow-sm` and the dark-mode
- * `--glow-card` rule rather than replacing them with an elevation token that
- * is close but not equal.
+ * border-border`. `elevation: null` leaves the component's resting and
+ * interaction defaults in place; an explicit zero opts out of both.
  */
 export const DEFAULT_CARD_STYLE = {
     radius: 24,
@@ -121,7 +120,14 @@ export function toCssVars(style) {
         vars['--card-border-style'] = style.borderStyle;
     }
     if (style.elevation !== null) {
-        vars['--card-shadow'] = `var(--shadow-elev-${style.elevation})`;
+        const resting = `var(--shadow-elev-${style.elevation})`;
+        vars['--card-shadow'] = resting;
+        // Preserve the selected depth while adding visible feedback, including
+        // at the top of the ramp. Explicit zero remains flat in every state.
+        vars['--card-shadow-interaction'] = style.elevation === 0
+            ? resting : `${resting}, var(--shadow-elev-1)`;
+        vars['--card-shadow-interaction-dark'] = style.elevation === 0
+            ? resting : `${resting}, var(--glow-card-hover)`;
     }
     if (style.padding !== null) {
         vars['--card-padding'] = `${style.padding}px`;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-export { PageGridLayout } from './PageGridLayout.js';
+export { PageGridLayout, PAGE_GRID_SAVE_EVENT } from './PageGridLayout.js';
+export type { PageGridSaveEventDetail } from './PageGridLayout.js';
 export { PageEditorLauncher } from './PageEditorLauncher.js';
 export { CanvasCard } from './CanvasCard.js';
 export type { CanvasCardProps } from './CanvasCard.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAwB7C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,YAAY,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,YAAY,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,EACzB,8BAA8B,EAC9B,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,6BAA6B,EAC7B,oBAAoB,GACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EACV,kBAAkB,EAClB,0BAA0B,EAC1B,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,yBAAyB,EACzB,yBAAyB,EACzB,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,gCAAgC,EAChC,eAAe,EACf,wBAAwB,EACxB,uBAAuB,EACvB,UAAU,GACX,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,SAAS,IAAI,kBAAkB,EAC/B,iBAAiB,GAClB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAQpF,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,UAAU,EACV,eAAe,EACf,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,YAAY,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAwB7C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,YAAY,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,YAAY,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,EACzB,8BAA8B,EAC9B,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,6BAA6B,EAC7B,oBAAoB,GACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EACV,kBAAkB,EAClB,0BAA0B,EAC1B,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,yBAAyB,EACzB,yBAAyB,EACzB,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,gCAAgC,EAChC,eAAe,EACf,wBAAwB,EACxB,uBAAuB,EACvB,UAAU,GACX,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,SAAS,IAAI,kBAAkB,EAC/B,iBAAiB,GAClB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAQpF,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,UAAU,EACV,eAAe,EACf,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -1,4 +1,4 @@
-export { PageGridLayout } from './PageGridLayout.js';
+export { PageGridLayout, PAGE_GRID_SAVE_EVENT } from './PageGridLayout.js';
 export { PageEditorLauncher } from './PageEditorLauncher.js';
 export { CanvasCard } from './CanvasCard.js';
 export { DraggableCardPage } from './DraggableCardPage.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsuite/page-builder",
-  "version": "2.7.1-next.3",
+  "version": "2.7.1-next.5",
   "description": "Shared BSuite responsive page-builder grid and layout persistence primitives",
   "type": "module",
   "license": "UNLICENSED",