@bsuite/page-builder 2.7.1-next.4 → 2.7.1-next.6

package/README.md

@@ -58,6 +58,28 @@ 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.
+
+From `2.7.1-next.6`, app Cards import `useCardPadding` and
+`CardPaddingBoundary` from `@bsuite/page-builder/card-padding`. Read the
+inset before rendering the Card, apply a defined value to its painted surface,
+and wrap its children with a boundary without a padding prop. Inner Cards then
+keep their spacing; a nested grid establishes its own independent inset.
+The grid supplies no child inset when it paints chrome itself. This replaces
+consumer CSS `@scope` rules, which do not cover the supported Safari/Firefox
+baseline. The subpath keeps a standalone Card import separate from grid code.
+
 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;AAyqB7F,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":"AAGA,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;AAsqB5D,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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ElementScopeProvider } from './elementScope.js';
+import { CardPaddingBoundary } from './cardPadding.js';
 import { ArrowDown, ArrowUp, ChevronDown, ChevronUp, Eye, EyeOff, Layers, LayoutGrid, Lock, Plus, RotateCcw, Save, Settings2, Unlock } from 'lucide-react';
 import React, { startTransition, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
 import { Responsive } from 'react-grid-layout';
@@ -12,6 +13,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
@@ -185,7 +188,10 @@ const GridItem = React.memo(React.forwardRef(function GridItem({ id, content, is
      * of card overflow across 70 sites. An extra element here would have been a
      * real risk; a provider is not one.
      */
-    const scopedContent = (_jsx(ElementScopeProvider, { scope: { pageKey, cardKey: id, cardLabel: label, isEditing }, children: content }));
+    const cardPadding = !chrome && cardStyleVars && '--card-padding' in cardStyleVars
+        && typeof cardStyleVars['--card-padding'] === 'string'
+        ? cardStyleVars['--card-padding'] : undefined;
+    const scopedContent = (_jsx(ElementScopeProvider, { scope: { pageKey, cardKey: id, cardLabel: label, isEditing }, children: _jsx(CardPaddingBoundary, { padding: cardPadding, children: content }) }));
     const measureRef = useRef(null);
     const surfaceRef = useRef(null);
     const lastReportedRowsRef = useRef(null);
@@ -330,14 +336,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
@@ -367,8 +368,8 @@ 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
+                         * 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.
@@ -376,9 +377,6 @@ const GridItem = React.memo(React.forwardRef(function GridItem({ id, content, is
                         style: {
                             contain: 'layout style',
                             ...cardStyleVars,
-                            ...(chrome && cardStyleVars && '--card-shadow' in cardStyleVars
-                                ? { boxShadow: cardStyleVars['--card-shadow'] }
-                                : null),
                             ...(chrome && cardStyleVars && '--card-padding' in cardStyleVars
                                 ? { padding: cardStyleVars['--card-padding'] }
                                 : null),
@@ -411,7 +409,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
@@ -493,9 +495,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?.()]);
@@ -508,7 +511,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/cardPadding.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+/**
+ * A grid offers its inset to the first app Card. That Card places a boundary
+ * around its children so inner panels keep their own spacing. A nested grid
+ * supplies a new value, including undefined when its inset is not overridden.
+ * No DOM wrapper or browser-specific CSS scoping is needed.
+ */
+export declare function CardPaddingBoundary({ padding, children }: {
+    padding?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useCardPadding(): string | undefined;
+//# sourceMappingURL=cardPadding.d.ts.map

package/dist/cardPadding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardPadding.d.ts","sourceRoot":"","sources":["../src/cardPadding.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlE;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEnG;AAED,wBAAgB,cAAc,IAAI,MAAM,GAAG,SAAS,CAEnD"}

package/dist/cardPadding.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const CardPaddingContext = createContext(undefined);
+/**
+ * A grid offers its inset to the first app Card. That Card places a boundary
+ * around its children so inner panels keep their own spacing. A nested grid
+ * supplies a new value, including undefined when its inset is not overridden.
+ * No DOM wrapper or browser-specific CSS scoping is needed.
+ */
+export function CardPaddingBoundary({ padding, children }) {
+    return _jsx(CardPaddingContext.Provider, { value: padding, children: children });
+}
+export function useCardPadding() {
+    return useContext(CardPaddingContext);
+}

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,6 @@
-export { PageGridLayout } from './PageGridLayout.js';
+export { PageGridLayout, PAGE_GRID_SAVE_EVENT } from './PageGridLayout.js';
+export { CardPaddingBoundary, useCardPadding } from './cardPadding.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":"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"}

package/dist/index.js

@@ -1,4 +1,5 @@
-export { PageGridLayout } from './PageGridLayout.js';
+export { PageGridLayout, PAGE_GRID_SAVE_EVENT } from './PageGridLayout.js';
+export { CardPaddingBoundary, useCardPadding } from './cardPadding.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.4",
+  "version": "2.7.1-next.6",
   "description": "Shared BSuite responsive page-builder grid and layout persistence primitives",
   "type": "module",
   "license": "UNLICENSED",
@@ -24,6 +24,10 @@
       "types": "./dist/index.d.ts"
     },
     "./styles.css": "./src/styles/react-grid-layout-overrides.css",
+    "./card-padding": {
+      "import": "./dist/cardPadding.js",
+      "types": "./dist/cardPadding.d.ts"
+    },
     "./scanner": {
       "import": "./dist/scanner/index.js",
       "types": "./dist/scanner/index.d.ts"