@endora-commerce/page-builder-core 0.100.0

package/dist/types/box-styles.js

@@ -0,0 +1,217 @@
+import { normalizeResponsive, resolveResponsive, } from './responsive.js';
+export const DEFAULT_SPACING = { mode: 'uniform', value: 0 };
+export const DEFAULT_BORDER = { mode: 'none' };
+export function normalizeSpacing(value) {
+    if (!value)
+        return DEFAULT_SPACING;
+    if (value.mode === 'uniform') {
+        const n = Number.isFinite(value.value) ? Math.max(0, value.value) : 0;
+        return { mode: 'uniform', value: n };
+    }
+    return {
+        mode: 'sides',
+        top: Math.max(0, value.top ?? 0),
+        right: Math.max(0, value.right ?? 0),
+        bottom: Math.max(0, value.bottom ?? 0),
+        left: Math.max(0, value.left ?? 0),
+    };
+}
+function normalizeBorderSide(side) {
+    const style = side?.style ?? 'solid';
+    return {
+        width: Math.max(0, side?.width ?? 0),
+        style: style === 'none' ? 'solid' : style,
+        color: side?.color?.trim() || '#d9e0e7',
+    };
+}
+export function normalizeBorder(value) {
+    if (!value || value.mode === 'none')
+        return { mode: 'none' };
+    if (value.mode === 'uniform') {
+        if (value.width <= 0 || value.style === 'none')
+            return { mode: 'none' };
+        return {
+            mode: 'uniform',
+            width: Math.max(0, value.width),
+            style: value.style,
+            color: value.color?.trim() || '#d9e0e7',
+        };
+    }
+    return {
+        mode: 'sides',
+        top: normalizeBorderSide(value.top),
+        right: normalizeBorderSide(value.right),
+        bottom: normalizeBorderSide(value.bottom),
+        left: normalizeBorderSide(value.left),
+    };
+}
+function sideToCss(side) {
+    if (side.width <= 0 || side.style === 'none')
+        return 'none';
+    return `${side.width}px ${side.style} ${side.color}`;
+}
+export function spacingToCss(value) {
+    const spacing = normalizeSpacing(value);
+    if (spacing.mode === 'uniform')
+        return `${spacing.value}px`;
+    return `${spacing.top}px ${spacing.right}px ${spacing.bottom}px ${spacing.left}px`;
+}
+export function borderToCss(value) {
+    const border = normalizeBorder(value);
+    if (border.mode === 'none')
+        return undefined;
+    if (border.mode === 'uniform') {
+        return sideToCss({ width: border.width, style: border.style, color: border.color });
+    }
+    return undefined;
+}
+export function borderSidesToCss(value) {
+    const border = normalizeBorder(value);
+    if (border.mode === 'none')
+        return {};
+    if (border.mode === 'uniform') {
+        const css = sideToCss({ width: border.width, style: border.style, color: border.color });
+        return { border: css };
+    }
+    return {
+        borderTop: sideToCss(border.top),
+        borderRight: sideToCss(border.right),
+        borderBottom: sideToCss(border.bottom),
+        borderLeft: sideToCss(border.left),
+    };
+}
+function spacingToParts(value) {
+    const spacing = normalizeSpacing(value);
+    if (spacing.mode === 'uniform') {
+        return { t: spacing.value, r: spacing.value, b: spacing.value, l: spacing.value };
+    }
+    return { t: spacing.top, r: spacing.right, b: spacing.bottom, l: spacing.left };
+}
+function serializeSpacingParts(parts) {
+    return `${parts.t}px ${parts.r}px ${parts.b}px ${parts.l}px`;
+}
+export function buildResponsiveSpacingVars(name, value, fallback = DEFAULT_SPACING) {
+    const responsive = normalizeResponsive(value, fallback);
+    const base = spacingToParts(responsive.base);
+    const tablet = spacingToParts(responsive.tablet ?? responsive.base);
+    const desktop = spacingToParts(responsive.desktop ?? responsive.tablet ?? responsive.base);
+    return {
+        [`--pb-${name}`]: serializeSpacingParts(base),
+        [`--pb-${name}-md`]: serializeSpacingParts(tablet),
+        [`--pb-${name}-lg`]: serializeSpacingParts(desktop),
+    };
+}
+function borderUniformToParts(value) {
+    const border = normalizeBorder(value);
+    if (border.mode === 'none')
+        return '0';
+    if (border.mode === 'uniform') {
+        return sideToCss({ width: border.width, style: border.style, color: border.color });
+    }
+    return '0';
+}
+export function buildResponsiveBorderVars(value, fallback = DEFAULT_BORDER) {
+    const responsive = normalizeResponsive(value, fallback);
+    const base = borderUniformToParts(responsive.base);
+    const tablet = borderUniformToParts(responsive.tablet ?? responsive.base);
+    const desktop = borderUniformToParts(responsive.desktop ?? responsive.tablet ?? responsive.base);
+    return {
+        '--pb-border': base,
+        '--pb-border-md': tablet,
+        '--pb-border-lg': desktop,
+    };
+}
+export function resolveSpacing(value, tier, fallback = DEFAULT_SPACING) {
+    return resolveResponsive(value, tier, fallback);
+}
+export function resolveBorder(value, tier, fallback = DEFAULT_BORDER) {
+    return resolveResponsive(value, tier, fallback);
+}
+export function spacingStyleForTier(value, tier, property, fallback = DEFAULT_SPACING) {
+    return { [property]: spacingToCss(resolveSpacing(value, tier, fallback)) };
+}
+export function borderStyleForTier(value, tier, fallback = DEFAULT_BORDER) {
+    return borderSidesToCss(resolveBorder(value, tier, fallback));
+}
+export function gridTemplateColumnsFromCount(count) {
+    const n = Math.min(12, Math.max(1, Math.round(count)));
+    return `repeat(${n}, minmax(0, 1fr))`;
+}
+export function buildResponsiveColumnCountVars(value, fallback = 2) {
+    const responsive = normalizeResponsive(value, fallback);
+    const base = Math.min(12, Math.max(1, Math.round(responsive.base)));
+    const tablet = Math.min(12, Math.max(1, Math.round(responsive.tablet ?? responsive.base)));
+    const desktop = Math.min(12, Math.max(1, Math.round(responsive.desktop ?? responsive.tablet ?? responsive.base)));
+    return {
+        '--pb-cols': String(base),
+        '--pb-cols-md': String(tablet),
+        '--pb-cols-lg': String(desktop),
+    };
+}
+export function resolveColumnCount(value, tier, fallback = 2) {
+    const n = resolveResponsive(value, tier, fallback);
+    return Math.min(12, Math.max(1, Math.round(n)));
+}
+export const CONTENT_WIDTH_MAX = {
+    full: undefined,
+    narrow: '720px',
+    wide: '960px',
+};
+export const ROW_CONTENT_MAX_WIDTH = {
+    narrow: '720px',
+    wide: '960px',
+};
+export function clampColumnSpan(value) {
+    const n = typeof value === 'number' ? value : Number(value);
+    if (!Number.isFinite(n))
+        return 12;
+    return Math.min(12, Math.max(1, Math.round(n)));
+}
+export function resolveColumnSpan(value, tier, fallback = 12) {
+    return clampColumnSpan(resolveResponsive(value, tier, fallback));
+}
+export function buildResponsiveSpanVars(value, fallback = 12) {
+    const responsive = normalizeResponsive(value, fallback);
+    const base = clampColumnSpan(responsive.base);
+    const tablet = clampColumnSpan(responsive.tablet ?? responsive.base);
+    const desktop = clampColumnSpan(responsive.desktop ?? responsive.tablet ?? responsive.base);
+    return {
+        '--pb-col-span': String(base),
+        '--pb-col-span-md': String(tablet),
+        '--pb-col-span-lg': String(desktop),
+    };
+}
+export const CORNER_RADIUS_PX = {
+    none: 0,
+    small: 4,
+    medium: 8,
+    large: 16,
+};
+export const SHADOW_CSS = {
+    none: 'none',
+    soft: '0 1px 3px rgba(21, 32, 43, 0.12)',
+    medium: '0 4px 12px rgba(21, 32, 43, 0.16)',
+};
+export function resolveContentPosition(position, tier) {
+    return resolveResponsive(position, tier, 'top');
+}
+export function contentPositionToJustify(position) {
+    if (position === 'middle')
+        return 'center';
+    if (position === 'bottom')
+        return 'flex-end';
+    return 'flex-start';
+}
+export function resolveVerticalAlign(value, tier) {
+    return resolveResponsive(value, tier, 'stretch');
+}
+export function verticalAlignToCss(value) {
+    if (value === 'top')
+        return 'flex-start';
+    if (value === 'middle')
+        return 'center';
+    if (value === 'bottom')
+        return 'flex-end';
+    return 'stretch';
+}
+//# sourceMappingURL=box-styles.js.map

package/dist/types/box-styles.js.map

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

package/dist/types/editor-chrome.d.ts

@@ -0,0 +1,15 @@
+import type { HideOn } from './responsive.js';
+/** Editor-only props — not used at render time on the storefront. */
+export type PageBuilderEditorProps = {
+    /** Optional label shown in the Page Builder sidebar / outline. */
+    editorName?: string;
+    hideOn?: HideOn;
+};
+export declare const EDITOR_NAME_FIELD_KEY: "editorName";
+/** @deprecated Section headers replaced by tabbed fields panel */
+export declare const GENERAL_SECTION_FIELD_KEY: "_pbGeneralSection";
+/** @deprecated Section headers replaced by tabbed fields panel */
+export declare const RESPONSIVE_SECTION_FIELD_KEY: "_pbResponsiveSection";
+/** @deprecated Use RESPONSIVE_SECTION_FIELD_KEY */
+export declare const RESPONSIVE_SCOPE_FIELD_KEY: "_pbResponsiveSection";
+//# sourceMappingURL=editor-chrome.d.ts.map

package/dist/types/editor-chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-chrome.d.ts","sourceRoot":"","sources":["../../src/types/editor-chrome.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,qEAAqE;AACrE,MAAM,MAAM,sBAAsB,GAAG;IACnC,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAG,YAAqB,CAAC;AAE3D,kEAAkE;AAClE,eAAO,MAAM,yBAAyB,EAAG,mBAA4B,CAAC;AACtE,kEAAkE;AAClE,eAAO,MAAM,4BAA4B,EAAG,sBAA+B,CAAC;AAC5E,mDAAmD;AACnD,eAAO,MAAM,0BAA0B,wBAA+B,CAAC"}

package/dist/types/editor-chrome.js

@@ -0,0 +1,8 @@
+export const EDITOR_NAME_FIELD_KEY = 'editorName';
+/** @deprecated Section headers replaced by tabbed fields panel */
+export const GENERAL_SECTION_FIELD_KEY = '_pbGeneralSection';
+/** @deprecated Section headers replaced by tabbed fields panel */
+export const RESPONSIVE_SECTION_FIELD_KEY = '_pbResponsiveSection';
+/** @deprecated Use RESPONSIVE_SECTION_FIELD_KEY */
+export const RESPONSIVE_SCOPE_FIELD_KEY = RESPONSIVE_SECTION_FIELD_KEY;
+//# sourceMappingURL=editor-chrome.js.map

package/dist/types/editor-chrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-chrome.js","sourceRoot":"","sources":["../../src/types/editor-chrome.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,qBAAqB,GAAG,YAAqB,CAAC;AAE3D,kEAAkE;AAClE,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAA4B,CAAC;AACtE,kEAAkE;AAClE,MAAM,CAAC,MAAM,4BAA4B,GAAG,sBAA+B,CAAC;AAC5E,mDAAmD;AACnD,MAAM,CAAC,MAAM,0BAA0B,GAAG,4BAA4B,CAAC"}

package/dist/types/hide-on.d.ts

@@ -0,0 +1,6 @@
+import type { HideOn } from './responsive.js';
+import type { PageBuilderEditorProps } from './editor-chrome.js';
+export type HideOnProps = PageBuilderEditorProps & {
+    hideOn?: HideOn;
+};
+//# sourceMappingURL=hide-on.d.ts.map

package/dist/types/hide-on.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hide-on.d.ts","sourceRoot":"","sources":["../../src/types/hide-on.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,sBAAsB,GAAG;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/dist/types/hide-on.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=hide-on.js.map

package/dist/types/hide-on.js.map

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

package/dist/types/responsive.d.ts

@@ -0,0 +1,70 @@
+/** Breakpoint tier used for responsive prop resolution and hide-on. */
+export type BreakpointTier = 'mobile' | 'tablet' | 'desktop';
+/** Editor scope selector labels (Base = mobile/default tier). */
+export type SettingsScope = 'base' | 'tablet' | 'desktop';
+/**
+ * Author-facing responsive value with inheritance: desktop ← tablet ← base.
+ * `base` applies to mobile and acts as the fallback for higher tiers.
+ */
+export type ResponsiveProp<T> = {
+    base: T;
+    tablet?: T;
+    desktop?: T;
+};
+/** Per-tier hide flags — when true, the component is hidden on that screen size. */
+export type HideOn = {
+    mobile?: boolean;
+    tablet?: boolean;
+    desktop?: boolean;
+};
+/** Page Builder surface where a component may appear. */
+export type PageBuilderContext = 'cms' | 'email' | 'invoice' | 'newsletter';
+export declare const PAGE_BUILDER_CONTEXTS: readonly ["cms", "email", "invoice", "newsletter"];
+export declare const DEFAULT_BREAKPOINTS: {
+    readonly tabletMin: 768;
+    readonly desktopMin: 1024;
+};
+export type PageBuilderBreakpoints = {
+    tabletMin: number;
+    desktopMin: number;
+};
+export declare const SETTINGS_SCOPE_LABELS: Record<SettingsScope, string>;
+export declare function settingsScopeToTier(scope: SettingsScope): BreakpointTier;
+export declare function isResponsiveProp<T>(value: unknown): value is ResponsiveProp<T>;
+/** Coerce a plain or responsive value into `ResponsiveProp<T>`. */
+export declare function normalizeResponsive<T>(value: T | ResponsiveProp<T> | undefined, fallback: T): ResponsiveProp<T>;
+/** Resolve the effective value for a breakpoint tier (inheritance chain). */
+export declare function resolveResponsive<T>(value: T | ResponsiveProp<T> | undefined, tier: BreakpointTier, fallback: T): T;
+/** True when the tier has its own explicit override (not inherited). */
+export declare function hasResponsiveOverride<T>(value: T | ResponsiveProp<T> | undefined, tier: BreakpointTier): boolean;
+export declare function tierFromViewportWidth(width: number, breakpoints?: PageBuilderBreakpoints): BreakpointTier;
+export declare function isHiddenOnTier(hideOn: HideOn | undefined, tier: BreakpointTier): boolean;
+export declare function hideOnDataAttrs(hideOn: HideOn | undefined): Record<string, string>;
+/** Puck field metadata flag — marks a field as responsive (edited per scope). */
+export declare const PB_RESPONSIVE_METADATA: {
+    pageBuilder: {
+        responsive: true;
+    };
+};
+/** Puck field metadata flag — marks a field for the Data settings tab (source, filters, etc.). */
+export declare const PB_DATA_METADATA: {
+    pageBuilder: {
+        data: true;
+    };
+};
+/** Puck field metadata flag — marks a field for the Items settings tab (slide/item lists). */
+export declare const PB_ITEMS_METADATA: {
+    pageBuilder: {
+        items: true;
+    };
+};
+export declare function isResponsiveField(field: {
+    metadata?: unknown;
+}): boolean;
+export declare function isDataField(field: {
+    metadata?: unknown;
+}): boolean;
+export declare function isItemsField(field: {
+    metadata?: unknown;
+}): boolean;
+//# sourceMappingURL=responsive.d.ts.map

package/dist/types/responsive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../src/types/responsive.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE7D,iEAAiE;AACjE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE1D;;;GAGG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,CAAC;CACb,CAAC;AAEF,oFAAoF;AACpF,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,yDAAyD;AACzD,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,YAAY,CAAC;AAE5E,eAAO,MAAM,qBAAqB,oDAAqD,CAAC;AAExF,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAI/D,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,cAAc,CAIxE;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,cAAc,CAAC,CAAC,CAAC,CAM9E;AAED,mEAAmE;AACnE,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,QAAQ,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAI/G;AAED,6EAA6E;AAC7E,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAKnH;AAED,wEAAwE;AACxE,wBAAgB,qBAAqB,CAAC,CAAC,EACrC,KAAK,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,EACxC,IAAI,EAAE,cAAc,GACnB,OAAO,CAKT;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,GAAE,sBAA4C,GAAG,cAAc,CAI9H;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,cAAc,GAAG,OAAO,CAKxF;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAMlF;AAED,iFAAiF;AACjF,eAAO,MAAM,sBAAsB;;;;CAAiD,CAAC;AAErF,kGAAkG;AAClG,eAAO,MAAM,gBAAgB;;;;CAA2C,CAAC;AAEzE,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB;;;;CAA4C,CAAC;AAE3E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAGxE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAGlE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,CAGnE"}

package/dist/types/responsive.js

@@ -0,0 +1,91 @@
+export const PAGE_BUILDER_CONTEXTS = ['cms', 'email', 'invoice', 'newsletter'];
+export const DEFAULT_BREAKPOINTS = {
+    tabletMin: 768,
+    desktopMin: 1024,
+};
+export const SETTINGS_SCOPE_LABELS = {
+    base: 'Base',
+    tablet: 'Tablet',
+    desktop: 'Desktop',
+};
+export function settingsScopeToTier(scope) {
+    if (scope === 'tablet')
+        return 'tablet';
+    if (scope === 'desktop')
+        return 'desktop';
+    return 'mobile';
+}
+export function isResponsiveProp(value) {
+    return (value !== null &&
+        typeof value === 'object' &&
+        'base' in value);
+}
+/** Coerce a plain or responsive value into `ResponsiveProp<T>`. */
+export function normalizeResponsive(value, fallback) {
+    if (value === undefined)
+        return { base: fallback };
+    if (isResponsiveProp(value))
+        return value;
+    return { base: value };
+}
+/** Resolve the effective value for a breakpoint tier (inheritance chain). */
+export function resolveResponsive(value, tier, fallback) {
+    const responsive = normalizeResponsive(value, fallback);
+    if (tier === 'mobile')
+        return responsive.base;
+    if (tier === 'tablet')
+        return responsive.tablet ?? responsive.base;
+    return responsive.desktop ?? responsive.tablet ?? responsive.base;
+}
+/** True when the tier has its own explicit override (not inherited). */
+export function hasResponsiveOverride(value, tier) {
+    if (!isResponsiveProp(value))
+        return false;
+    if (tier === 'tablet')
+        return value.tablet !== undefined;
+    if (tier === 'desktop')
+        return value.desktop !== undefined;
+    return false;
+}
+export function tierFromViewportWidth(width, breakpoints = DEFAULT_BREAKPOINTS) {
+    if (width >= breakpoints.desktopMin)
+        return 'desktop';
+    if (width >= breakpoints.tabletMin)
+        return 'tablet';
+    return 'mobile';
+}
+export function isHiddenOnTier(hideOn, tier) {
+    if (!hideOn)
+        return false;
+    if (tier === 'mobile')
+        return hideOn.mobile === true;
+    if (tier === 'tablet')
+        return hideOn.tablet === true;
+    return hideOn.desktop === true;
+}
+export function hideOnDataAttrs(hideOn) {
+    return {
+        'data-hide-mobile': hideOn?.mobile ? '1' : '0',
+        'data-hide-tablet': hideOn?.tablet ? '1' : '0',
+        'data-hide-desktop': hideOn?.desktop ? '1' : '0',
+    };
+}
+/** Puck field metadata flag — marks a field as responsive (edited per scope). */
+export const PB_RESPONSIVE_METADATA = { pageBuilder: { responsive: true } };
+/** Puck field metadata flag — marks a field for the Data settings tab (source, filters, etc.). */
+export const PB_DATA_METADATA = { pageBuilder: { data: true } };
+/** Puck field metadata flag — marks a field for the Items settings tab (slide/item lists). */
+export const PB_ITEMS_METADATA = { pageBuilder: { items: true } };
+export function isResponsiveField(field) {
+    const meta = field.metadata;
+    return meta?.pageBuilder?.responsive === true;
+}
+export function isDataField(field) {
+    const meta = field.metadata;
+    return meta?.pageBuilder?.data === true;
+}
+export function isItemsField(field) {
+    const meta = field.metadata;
+    return meta?.pageBuilder?.items === true;
+}
+//# sourceMappingURL=responsive.js.map

package/dist/types/responsive.js.map

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

package/dist/visibility/with-hide-on.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentConfig } from '@measured/puck';
+import type { HideOnProps } from '../types/hide-on.js';
+/**
+ * Adds a "Hide on" checkbox section and render-time hiding per screen size.
+ * In the editor, hidden breakpoints are grayed out instead of removed.
+ */
+export declare function withHideOn<Props extends HideOnProps>(config: ComponentConfig<{
+    props: Props;
+}>): ComponentConfig<{
+    props: Props;
+}>;
+//# sourceMappingURL=with-hide-on.d.ts.map

package/dist/visibility/with-hide-on.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-hide-on.d.ts","sourceRoot":"","sources":["../../src/visibility/with-hide-on.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIvD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,SAAS,WAAW,EAClD,MAAM,EAAE,eAAe,CAAC;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC,GACxC,eAAe,CAAC;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC,CA2BnC"}

package/dist/visibility/with-hide-on.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createHideOnField } from '../fields/hide-on-field.js';
+import { RESPONSIVE_HIDE_ON_CLASS, hideOnDataAttrs } from '../render/responsive-styles.js';
+const HIDE_ON_FIELD = createHideOnField();
+/**
+ * Adds a "Hide on" checkbox section and render-time hiding per screen size.
+ * In the editor, hidden breakpoints are grayed out instead of removed.
+ */
+export function withHideOn(config) {
+    const originalRender = config.render;
+    const { hideOn: _hideOnField, ...restFields } = config.fields ?? {};
+    return {
+        ...config,
+        fields: {
+            hideOn: HIDE_ON_FIELD,
+            ...restFields,
+        },
+        defaultProps: {
+            ...(config.defaultProps ?? {}),
+        },
+        render: (props) => {
+            const body = originalRender ? originalRender(props) : null;
+            const isEditing = props.puck?.isEditing === true;
+            return (_jsx("div", { className: RESPONSIVE_HIDE_ON_CLASS, ...hideOnDataAttrs(props.hideOn), "data-pb-editing": isEditing ? '1' : '0', children: body }));
+        },
+    };
+}
+//# sourceMappingURL=with-hide-on.js.map

package/dist/visibility/with-hide-on.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-hide-on.js","sourceRoot":"","sources":["../../src/visibility/with-hide-on.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAG3F,MAAM,aAAa,GAAG,iBAAiB,EAAE,CAAC;AAE1C;;;GAGG;AACH,MAAM,UAAU,UAAU,CACxB,MAAyC;IAEzC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC;IACrC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC;IAEpE,OAAO;QACL,GAAG,MAAM;QACT,MAAM,EAAE;YACN,MAAM,EAAE,aAAa;YACrB,GAAG,UAAU;SACiC;QAChD,YAAY,EAAE;YACZ,GAAG,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE,CAAC;SACtB;QACV,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YAC3D,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;YACjD,OAAO,CACL,cACE,SAAS,EAAE,wBAAwB,KAC/B,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,qBAChB,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,YAErC,IAAiB,GACd,CACP,CAAC;QACJ,CAAC;KACmC,CAAC;AACzC,CAAC"}

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@endora-commerce/page-builder-core",
+  "version": "0.100.0",
+  "type": "module",
+  "description": "Shared Page Builder primitives — responsive props, context filtering, and component definition helpers for CMS, email, and invoice builders.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/endora-commerce/endora-commerce.git",
+    "directory": "packages/page-builder-core"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./editor": {
+      "types": "./dist/editor.d.ts",
+      "default": "./dist/editor.js"
+    },
+    "./editor/carousel-preview": {
+      "types": "./dist/editor/editor-carousel-preview.d.ts",
+      "default": "./dist/editor/editor-carousel-preview.js"
+    },
+    "./editor/puck-guards": {
+      "types": "./dist/editor/puck-action-guards.d.ts",
+      "default": "./dist/editor/puck-action-guards.js"
+    },
+    "./editor/use-page-builder-puck": {
+      "types": "./dist/editor/use-page-builder-puck.d.ts",
+      "default": "./dist/editor/use-page-builder-puck.js"
+    },
+    "./fields/hide-on-field": {
+      "types": "./dist/fields/hide-on-field.d.ts",
+      "default": "./dist/fields/hide-on-field.js"
+    },
+    "./client": {
+      "types": "./dist/client.d.ts",
+      "default": "./dist/client.js"
+    },
+    "./types/responsive": {
+      "types": "./dist/types/responsive.d.ts",
+      "default": "./dist/types/responsive.js"
+    },
+    "./migration": {
+      "types": "./dist/migration/index.d.ts",
+      "default": "./dist/migration/index.js"
+    },
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*.js"
+    },
+    "./tailwind.css": "./tailwind.css"
+  },
+  "files": [
+    "dist",
+    "tailwind.css"
+  ],
+  "sideEffects": false,
+  "engines": {
+    "node": ">=22.18.0"
+  },
+  "dependencies": {
+    "@endora-commerce/contracts": "0.100.0"
+  },
+  "peerDependencies": {
+    "@measured/puck": "*",
+    "react": "^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@measured/puck": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@measured/puck": "*",
+    "@types/react": "^19.2.14",
+    "react": "^19.2.5",
+    "typescript": "^5.9.3",
+    "vitest": "^4.1.11"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "typecheck": "tsc -p tsconfig.json",
+    "lint": "eslint src",
+    "test": "vitest run"
+  }
+}

package/tailwind.css

@@ -0,0 +1,14 @@
+/* @endora-commerce/page-builder-core — AUTO-GENERATED by `pnpm --filter backend run manifests:generate`.
+ *
+ * The `@source` directives this package asks its host to scan
+ * (`specs/110-instance-repository/contracts/admin-stylesheet-composition.md` R1).
+ * They resolve relative to **this file**, so they hold wherever the package is
+ * installed — a workspace link here, `node_modules` in a client's instance.
+ *
+ * The `dist` line is what a published tarball ships and is what an instance
+ * scans; the `src` line is inert there and is what keeps `pnpm --filter admin
+ * run dev` reading source in this repository. Do not edit: run
+ * `pnpm --filter backend run manifests:generate`.
+ */
+@source "./dist";
+@source "./src";