@endora-commerce/page-builder-core 0.100.0

package/dist/editor/editor-carousel-preview.d.ts

@@ -0,0 +1,31 @@
+type CarouselPageWriter = (carouselId: string, page: number) => void;
+export declare function registerEditorCarouselPageWriter(writer: CarouselPageWriter | null): void;
+export declare function isEditorCarouselPreviewLocked(carouselId: string): boolean;
+export declare function getEditorCarouselPreviewFrozenSelectedId(carouselId: string): string | null;
+export declare function getEditorCarouselLastSeenSelectedId(carouselId: string): string | null;
+export declare function clearEditorCarouselPreviewLock(carouselId: string): void;
+/** Remember selection without changing the preview page (updates freeze when locked). */
+export declare function rememberEditorCarouselSelectedId(carouselId: string, selectedId: string | null): void;
+/**
+ * Sets the editor preview page.
+ * Default `lock: true` so selection sync cannot snap the page back after arrow/dot nav.
+ */
+export declare function setEditorCarouselPage(carouselId: string, page: number, options?: {
+    lock?: boolean;
+    frozenSelectedId?: string | null;
+}): void;
+export declare function clampEditorCarouselPage(carouselId: string, pageCount: number): void;
+/** @deprecated Prefer {@link useEditorCarouselPage}. */
+export declare function getEditorCarouselPage(carouselId: string): number;
+/** Active carousel page — stored on Puck `appState.ui` (shared by canvas + action bar). */
+export declare function useEditorCarouselPage(carouselId: string | undefined): number;
+/** Registers the Puck writer used by `setEditorCarouselPage` — mount inside `<Puck>`. */
+export declare function EditorCarouselPreviewBridge(): null;
+/** @deprecated Slide counts come from Puck data in the action bar. */
+export declare function setEditorCarouselSlideCount(_carouselId: string, _slideCount: number): void;
+/** @deprecated Slide counts come from Puck data in the action bar. */
+export declare function getEditorCarouselSlideCount(_carouselId: string): number | undefined;
+/** @deprecated */
+export declare function subscribeEditorCarouselPreview(_listener: () => void): () => void;
+export { carouselEditorPageCount, getEditorCarouselPageFromUi, readEditorCarouselPages, type EditorCarouselPreviewUi, } from './editor-carousel-preview-ui.js';
+//# sourceMappingURL=editor-carousel-preview.d.ts.map

package/dist/editor/editor-carousel-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-carousel-preview.d.ts","sourceRoot":"","sources":["../../src/editor/editor-carousel-preview.ts"],"names":[],"mappings":"AAWA,KAAK,kBAAkB,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AAerE,wBAAgB,gCAAgC,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI,GAAG,IAAI,CAExF;AAED,wBAAgB,6BAA6B,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAEzE;AAED,wBAAgB,wCAAwC,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAE1F;AAED,wBAAgB,mCAAmC,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAErF;AAED,wBAAgB,8BAA8B,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAEvE;AAED,yFAAyF;AACzF,wBAAgB,gCAAgC,CAC9C,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,GAAG,IAAI,GACxB,IAAI,CAMN;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAC7D,IAAI,CAoBN;AAED,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAGnF;AAED,wDAAwD;AACxD,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAGhE;AAED,2FAA2F;AAC3F,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAM5E;AAED,yFAAyF;AACzF,wBAAgB,2BAA2B,IAAI,IAAI,CAsBlD;AAED,sEAAsE;AACtE,wBAAgB,2BAA2B,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAG;AAE9F,sEAAsE;AACtE,wBAAgB,2BAA2B,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAEnF;AAED,kBAAkB;AAClB,wBAAgB,8BAA8B,CAAC,SAAS,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAEhF;AAED,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,uBAAuB,EACvB,KAAK,uBAAuB,GAC7B,MAAM,iCAAiC,CAAC"}

package/dist/editor/editor-carousel-preview.js

@@ -0,0 +1,109 @@
+'use client';
+import { useEffect } from 'react';
+import { useGetPuck } from '@measured/puck';
+import { usePageBuilderPuck } from './use-page-builder-puck.js';
+import { getEditorCarouselPageFromUi, readEditorCarouselPages, } from './editor-carousel-preview-ui.js';
+let carouselPageWriter = null;
+const previewPageLocks = new Map();
+const lastSeenSelectedIdByCarousel = new Map();
+export function registerEditorCarouselPageWriter(writer) {
+    carouselPageWriter = writer;
+}
+export function isEditorCarouselPreviewLocked(carouselId) {
+    return previewPageLocks.has(carouselId);
+}
+export function getEditorCarouselPreviewFrozenSelectedId(carouselId) {
+    return previewPageLocks.get(carouselId)?.frozenSelectedId ?? null;
+}
+export function getEditorCarouselLastSeenSelectedId(carouselId) {
+    return lastSeenSelectedIdByCarousel.get(carouselId) ?? null;
+}
+export function clearEditorCarouselPreviewLock(carouselId) {
+    previewPageLocks.delete(carouselId);
+}
+/** Remember selection without changing the preview page (updates freeze when locked). */
+export function rememberEditorCarouselSelectedId(carouselId, selectedId) {
+    lastSeenSelectedIdByCarousel.set(carouselId, selectedId);
+    const lock = previewPageLocks.get(carouselId);
+    if (lock) {
+        previewPageLocks.set(carouselId, { frozenSelectedId: selectedId });
+    }
+}
+/**
+ * Sets the editor preview page.
+ * Default `lock: true` so selection sync cannot snap the page back after arrow/dot nav.
+ */
+export function setEditorCarouselPage(carouselId, page, options) {
+    const next = Math.max(0, Math.trunc(page));
+    const shouldLock = options?.lock !== false;
+    if (shouldLock) {
+        const prev = previewPageLocks.get(carouselId);
+        const frozen = options?.frozenSelectedId !== undefined
+            ? options.frozenSelectedId
+            : (prev?.frozenSelectedId ?? lastSeenSelectedIdByCarousel.get(carouselId) ?? null);
+        previewPageLocks.set(carouselId, { frozenSelectedId: frozen });
+        if (options?.frozenSelectedId !== undefined) {
+            lastSeenSelectedIdByCarousel.set(carouselId, options.frozenSelectedId);
+        }
+    }
+    else {
+        previewPageLocks.delete(carouselId);
+        if (options?.frozenSelectedId !== undefined) {
+            lastSeenSelectedIdByCarousel.set(carouselId, options.frozenSelectedId);
+        }
+    }
+    carouselPageWriter?.(carouselId, next);
+}
+export function clampEditorCarouselPage(carouselId, pageCount) {
+    void carouselId;
+    void pageCount;
+}
+/** @deprecated Prefer {@link useEditorCarouselPage}. */
+export function getEditorCarouselPage(carouselId) {
+    void carouselId;
+    return 0;
+}
+/** Active carousel page — stored on Puck `appState.ui` (shared by canvas + action bar). */
+export function useEditorCarouselPage(carouselId) {
+    return usePageBuilderPuck((state) => {
+        if (!carouselId)
+            return 0;
+        const ui = state.appState.ui;
+        return getEditorCarouselPageFromUi(ui, carouselId);
+    });
+}
+/** Registers the Puck writer used by `setEditorCarouselPage` — mount inside `<Puck>`. */
+export function EditorCarouselPreviewBridge() {
+    const dispatch = usePageBuilderPuck((s) => s.dispatch);
+    const getPuck = useGetPuck();
+    useEffect(() => {
+        registerEditorCarouselPageWriter((carouselId, page) => {
+            const ui = getPuck().appState.ui;
+            const pages = readEditorCarouselPages(ui);
+            if ((pages[carouselId] ?? 0) === page)
+                return;
+            dispatch({
+                type: 'setUi',
+                // Custom key — not on Puck's UiState type; stored alongside built-in UI state.
+                ui: {
+                    carouselPreviewPages: { ...pages, [carouselId]: page },
+                },
+                recordHistory: false,
+            });
+        });
+        return () => registerEditorCarouselPageWriter(null);
+    }, [dispatch, getPuck]);
+    return null;
+}
+/** @deprecated Slide counts come from Puck data in the action bar. */
+export function setEditorCarouselSlideCount(_carouselId, _slideCount) { }
+/** @deprecated Slide counts come from Puck data in the action bar. */
+export function getEditorCarouselSlideCount(_carouselId) {
+    return undefined;
+}
+/** @deprecated */
+export function subscribeEditorCarouselPreview(_listener) {
+    return () => { };
+}
+export { carouselEditorPageCount, getEditorCarouselPageFromUi, readEditorCarouselPages, } from './editor-carousel-preview-ui.js';
+//# sourceMappingURL=editor-carousel-preview.js.map

package/dist/editor/editor-carousel-preview.js.map

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

package/dist/editor/enhance-component-config.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentConfig } from '@measured/puck';
+import type { ComponentContextMeta } from '../define-component.js';
+/**
+ * Adds editor chrome (Name field) and orders fields for the tabbed sidebar.
+ */
+export declare function enhancePageBuilderComponent(config: ComponentConfig & ComponentContextMeta): ComponentConfig & ComponentContextMeta;
+//# sourceMappingURL=enhance-component-config.d.ts.map

package/dist/editor/enhance-component-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-component-config.d.ts","sourceRoot":"","sources":["../../src/editor/enhance-component-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAU,MAAM,gBAAgB,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAiCnE;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,eAAe,GAAG,oBAAoB,GAC7C,eAAe,GAAG,oBAAoB,CA8BxC"}

package/dist/editor/enhance-component-config.js

@@ -0,0 +1,55 @@
+import { createEditorNameField } from '../fields/editor-name-field.js';
+import { EDITOR_NAME_FIELD_KEY } from '../types/editor-chrome.js';
+import { isResponsiveField } from '../types/responsive.js';
+/** Stable field instances — must not be recreated (breaks input focus). */
+const EDITOR_NAME_FIELD = createEditorNameField();
+function orderFields(fields) {
+    const ordered = {};
+    const keys = Object.keys(fields);
+    const generalKeys = keys.filter((key) => key !== EDITOR_NAME_FIELD_KEY && key !== 'hideOn' && !isResponsiveField(fields[key]));
+    const responsiveKeys = keys.filter((key) => isResponsiveField(fields[key]));
+    if (EDITOR_NAME_FIELD_KEY in fields) {
+        ordered[EDITOR_NAME_FIELD_KEY] = fields[EDITOR_NAME_FIELD_KEY];
+    }
+    if ('hideOn' in fields) {
+        ordered.hideOn = fields.hideOn;
+    }
+    for (const key of generalKeys) {
+        ordered[key] = fields[key];
+    }
+    for (const key of responsiveKeys) {
+        ordered[key] = fields[key];
+    }
+    return ordered;
+}
+/**
+ * Adds editor chrome (Name field) and orders fields for the tabbed sidebar.
+ */
+export function enhancePageBuilderComponent(config) {
+    const baseFields = config.fields ?? {};
+    const mergedFields = {
+        ...(EDITOR_NAME_FIELD_KEY in baseFields ? {} : { [EDITOR_NAME_FIELD_KEY]: EDITOR_NAME_FIELD }),
+        ...baseFields,
+    };
+    const orderedFields = orderFields(mergedFields);
+    const previousResolveFields = config.resolveFields;
+    const next = {
+        ...config,
+        fields: orderedFields,
+        defaultProps: {
+            ...(config.defaultProps ?? {}),
+        },
+    };
+    if (previousResolveFields) {
+        next.resolveFields = (data, params) => {
+            const resolved = previousResolveFields(data, params);
+            const merged = {
+                ...(EDITOR_NAME_FIELD_KEY in resolved ? {} : { [EDITOR_NAME_FIELD_KEY]: EDITOR_NAME_FIELD }),
+                ...resolved,
+            };
+            return orderFields(merged);
+        };
+    }
+    return next;
+}
+//# sourceMappingURL=enhance-component-config.js.map

package/dist/editor/enhance-component-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-component-config.js","sourceRoot":"","sources":["../../src/editor/enhance-component-config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,2EAA2E;AAC3E,MAAM,iBAAiB,GAAG,qBAAqB,EAAE,CAAC;AAElD,SAAS,WAAW,CAAC,MAAc;IACjC,MAAM,OAAO,GAAW,EAAE,CAAC;IAC3B,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,qBAAqB,IAAI,GAAG,KAAK,QAAQ,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAE,CAAC,CAAC,CAAC;IAChI,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAE,CAAC,CAAC,CAAC;IAE7E,IAAI,qBAAqB,IAAI,MAAM,EAAE,CAAC;QACpC,OAAO,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAE,CAAC;IAClE,CAAC;IAED,IAAI,QAAQ,IAAI,MAAM,EAAE,CAAC;QACvB,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,MAAO,CAAC;IAClC,CAAC;IAED,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QAC9B,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAE,CAAC;IAC9B,CAAC;IAED,KAAK,MAAM,GAAG,IAAI,cAAc,EAAE,CAAC;QACjC,OAAO,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAE,CAAC;IAC9B,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,2BAA2B,CACzC,MAA8C;IAE9C,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC;IACvC,MAAM,YAAY,GAAG;QACnB,GAAG,CAAC,qBAAqB,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,qBAAqB,CAAC,EAAE,iBAAiB,EAAE,CAAC;QAC9F,GAAG,UAAU;KACJ,CAAC;IAEZ,MAAM,aAAa,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IAChD,MAAM,qBAAqB,GAAG,MAAM,CAAC,aAAa,CAAC;IAEnD,MAAM,IAAI,GAA2C;QACnD,GAAG,MAAM;QACT,MAAM,EAAE,aAAa;QACrB,YAAY,EAAE;YACZ,GAAG,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE,CAAC;SAC/B;KACF,CAAC;IAEF,IAAI,qBAAqB,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;YACpC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YACrD,MAAM,MAAM,GAAG;gBACb,GAAG,CAAC,qBAAqB,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,qBAAqB,CAAC,EAAE,iBAAiB,EAAE,CAAC;gBAC5F,GAAG,QAAQ;aACF,CAAC;YACZ,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/editor/field-tabs.d.ts

@@ -0,0 +1,7 @@
+import type { Field, Fields } from '@measured/puck';
+import type { SettingsTab } from './settings-tab-store.js';
+export declare function fieldTabForName(fieldName: string, field: Field | undefined): SettingsTab;
+export declare function componentHasResponsiveFields(fields: Fields | undefined): boolean;
+export declare function componentHasDataFields(fields: Fields | undefined): boolean;
+export declare function componentHasItemsFields(fields: Fields | undefined): boolean;
+//# sourceMappingURL=field-tabs.d.ts.map

package/dist/editor/field-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-tabs.d.ts","sourceRoot":"","sources":["../../src/editor/field-tabs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAGpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,GAAG,WAAW,CAMxF;AAED,wBAAgB,4BAA4B,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAGhF;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAG1E;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAG3E"}

package/dist/editor/field-tabs.js

@@ -0,0 +1,29 @@
+import { EDITOR_NAME_FIELD_KEY } from '../types/editor-chrome.js';
+import { isDataField, isItemsField, isResponsiveField } from '../types/responsive.js';
+export function fieldTabForName(fieldName, field) {
+    if (fieldName === EDITOR_NAME_FIELD_KEY || fieldName === 'hideOn')
+        return 'general';
+    if (field && isItemsField(field))
+        return 'items';
+    if (field && isDataField(field))
+        return 'data';
+    if (field && isResponsiveField(field))
+        return 'responsive';
+    return 'general';
+}
+export function componentHasResponsiveFields(fields) {
+    if (!fields)
+        return false;
+    return Object.entries(fields).some(([name, field]) => fieldTabForName(name, field) === 'responsive');
+}
+export function componentHasDataFields(fields) {
+    if (!fields)
+        return false;
+    return Object.entries(fields).some(([name, field]) => fieldTabForName(name, field) === 'data');
+}
+export function componentHasItemsFields(fields) {
+    if (!fields)
+        return false;
+    return Object.entries(fields).some(([name, field]) => fieldTabForName(name, field) === 'items');
+}
+//# sourceMappingURL=field-tabs.js.map

package/dist/editor/field-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-tabs.js","sourceRoot":"","sources":["../../src/editor/field-tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAGtF,MAAM,UAAU,eAAe,CAAC,SAAiB,EAAE,KAAwB;IACzE,IAAI,SAAS,KAAK,qBAAqB,IAAI,SAAS,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IACpF,IAAI,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC;QAAE,OAAO,OAAO,CAAC;IACjD,IAAI,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC;QAAE,OAAO,MAAM,CAAC;IAC/C,IAAI,KAAK,IAAI,iBAAiB,CAAC,KAAK,CAAC;QAAE,OAAO,YAAY,CAAC;IAC3D,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,MAA0B;IACrE,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAC1B,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,YAAY,CAAC,CAAC;AACvG,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,MAA0B;IAC/D,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAC1B,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,MAAM,CAAC,CAAC;AACjG,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,MAA0B;IAChE,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAC1B,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,OAAO,CAAC,CAAC;AAClG,CAAC"}

package/dist/editor/fields-tab-panel.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement, type ReactNode } from 'react';
+declare function FieldsTabPanelInner({ children, }: {
+    children: ReactNode;
+    isLoading: boolean;
+    itemSelector?: unknown;
+}): ReactElement;
+export declare const FieldsTabPanel: import("react").MemoExoticComponent<typeof FieldsTabPanelInner>;
+export {};
+//# sourceMappingURL=fields-tab-panel.d.ts.map

package/dist/editor/fields-tab-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields-tab-panel.d.ts","sourceRoot":"","sources":["../../src/editor/fields-tab-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAoJf,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,YAAY,CAuDf;AAED,eAAO,MAAM,cAAc,iEAA4B,CAAC"}

package/dist/editor/fields-tab-panel.js

@@ -0,0 +1,132 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, isValidElement, memo, useEffect, useMemo, useState, } from 'react';
+import { FieldLabel } from '@measured/puck';
+import { SETTINGS_SCOPE_LABELS } from '../types/responsive.js';
+import { fieldTabForName, componentHasDataFields, componentHasItemsFields, componentHasResponsiveFields } from './field-tabs.js';
+import { setStoredScope } from './settings-scope-store.js';
+import { getStoredSettingsTab, setStoredSettingsTab, subscribeSettingsTab, } from './settings-tab-store.js';
+import { useComponentScope } from './use-component-scope.js';
+import { usePageBuilderPuck } from './use-page-builder-puck.js';
+const SCOPE_OPTIONS = ['base', 'tablet', 'desktop'];
+const TAB_LABELS = {
+    general: 'General',
+    data: 'Data',
+    items: 'Items',
+    responsive: 'Responsive',
+};
+function visibleTabs(hasData, hasItems, hasResponsive) {
+    const tabs = ['general'];
+    if (hasData)
+        tabs.push('data');
+    if (hasItems)
+        tabs.push('items');
+    if (hasResponsive)
+        tabs.push('responsive');
+    return tabs;
+}
+const tabBarStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: '6px',
+    overflowX: 'auto',
+    flexShrink: 0,
+    paddingTop: '8px',
+    paddingBottom: '8px',
+    marginBottom: '8px',
+    borderBottom: '1px solid var(--puck-color-grey-09, #dce3ea)',
+    WebkitOverflowScrolling: 'touch',
+};
+const panelStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    minHeight: 0,
+    height: '100%',
+};
+const scrollStyle = {
+    flex: 1,
+    minHeight: 0,
+    overflowY: 'auto',
+};
+const scopePanelStyle = {
+    marginInline: '16px',
+    marginBottom: '16px',
+    paddingBlock: '14px',
+    paddingInline: '16px',
+    borderRadius: '8px',
+    background: 'var(--puck-color-grey-12, #f6f8fa)',
+    border: '1px solid var(--puck-color-grey-09, #dce3ea)',
+};
+function tabButtonStyle(active) {
+    return {
+        flexShrink: 0,
+        border: 'none',
+        borderRadius: '6px',
+        padding: '6px 12px',
+        fontSize: '12px',
+        fontWeight: active ? 600 : 500,
+        cursor: 'pointer',
+        background: active ? 'var(--puck-color-grey-11, #eef2f6)' : 'transparent',
+        color: active ? 'var(--puck-color-black, #000)' : 'var(--puck-color-grey-04, #5a6b7d)',
+    };
+}
+function ScopeSelectorControl() {
+    const componentId = usePageBuilderPuck((s) => s.selectedItem?.props.id);
+    const scope = useComponentScope(componentId);
+    return (_jsxs("div", { style: scopePanelStyle, children: [_jsx(FieldLabel, { label: "Scope settings" }), _jsx("select", { id: "pb-settings-scope", "aria-label": "Scope settings", className: "_Input-input_bsxfo_26", style: { width: '100%', boxSizing: 'border-box', marginTop: '4px' }, value: scope, onChange: (e) => {
+                    setStoredScope(componentId, e.target.value);
+                }, children: SCOPE_OPTIONS.map((option) => (_jsx("option", { value: option, children: SETTINGS_SCOPE_LABELS[option] }, option))) }), _jsx("p", { style: { margin: '8px 0 0', paddingInline: '2px', fontSize: '12px', color: 'var(--puck-color-grey-04, #5a6b7d)' }, children: "Fields below apply to the selected scope. Switch Puck viewports (Mobile / Tablet / Desktop) to preview each breakpoint." })] }));
+}
+function useSettingsTab(componentId, hasData, hasItems, hasResponsive) {
+    const hasTabs = hasData || hasItems || hasResponsive;
+    const tabs = visibleTabs(hasData, hasItems, hasResponsive);
+    const [tab, setTab] = useState(() => {
+        const stored = getStoredSettingsTab(componentId);
+        return tabs.includes(stored) ? stored : 'general';
+    });
+    useEffect(() => {
+        const stored = getStoredSettingsTab(componentId);
+        const allowed = visibleTabs(hasData, hasItems, hasResponsive);
+        setTab(hasTabs && allowed.includes(stored) ? stored : 'general');
+    }, [componentId, hasData, hasItems, hasResponsive, hasTabs]);
+    useEffect(() => {
+        return subscribeSettingsTab(() => {
+            const stored = getStoredSettingsTab(componentId);
+            const allowed = visibleTabs(hasData, hasItems, hasResponsive);
+            setTab(hasTabs && allowed.includes(stored) ? stored : 'general');
+        });
+    }, [componentId, hasData, hasItems, hasResponsive, hasTabs]);
+    return hasTabs ? tab : 'general';
+}
+function childFieldName(child) {
+    if (!isValidElement(child))
+        return null;
+    const props = child.props;
+    return typeof props.fieldName === 'string' ? props.fieldName : null;
+}
+function FieldsTabPanelInner({ children, }) {
+    const componentId = usePageBuilderPuck((s) => s.selectedItem?.props.id);
+    const itemType = usePageBuilderPuck((s) => s.selectedItem?.type);
+    const config = usePageBuilderPuck((s) => s.config);
+    const fields = itemType ? config.components[itemType]?.fields : undefined;
+    const hasResponsive = componentHasResponsiveFields(fields);
+    const hasData = componentHasDataFields(fields);
+    const hasItems = componentHasItemsFields(fields);
+    const hasTabs = hasResponsive || hasData || hasItems;
+    const activeTab = useSettingsTab(componentId, hasData, hasItems, hasResponsive);
+    const tabs = visibleTabs(hasData, hasItems, hasResponsive);
+    const childEntries = useMemo(() => Children.toArray(children).map((child) => ({
+        child,
+        fieldName: childFieldName(child),
+    })), [children]);
+    return (_jsxs("div", { style: panelStyle, children: [hasTabs ? (_jsx("div", { style: { ...tabBarStyle, paddingInline: '16px' }, role: "tablist", "aria-label": "Component settings", children: tabs.map((tab) => (_jsx("button", { type: "button", role: "tab", "aria-selected": activeTab === tab, style: tabButtonStyle(activeTab === tab), onClick: () => setStoredSettingsTab(componentId, tab), children: TAB_LABELS[tab] }, tab))) })) : null, _jsxs("div", { style: scrollStyle, children: [hasResponsive && activeTab === 'responsive' ? _jsx(ScopeSelectorControl, {}) : null, childEntries.map(({ child, fieldName }) => {
+                        if (!fieldName)
+                            return _jsx("div", { children: child }, "pb-field-unknown");
+                        const field = fields?.[fieldName];
+                        const tab = fieldTabForName(fieldName, field);
+                        const visible = !hasTabs || tab === activeTab;
+                        return (_jsx("div", { style: { display: visible ? 'block' : 'none' }, children: child }, fieldName));
+                    })] })] }));
+}
+export const FieldsTabPanel = memo(FieldsTabPanelInner);
+//# sourceMappingURL=fields-tab-panel.js.map

package/dist/editor/fields-tab-panel.js.map

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

package/dist/editor/format-outline-label.d.ts

@@ -0,0 +1,2 @@
+export declare function formatOutlineLabel(componentType: string, props: Record<string, unknown> | undefined, typeLabel?: string): string;
+//# sourceMappingURL=format-outline-label.d.ts.map

package/dist/editor/format-outline-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-outline-label.d.ts","sourceRoot":"","sources":["../../src/editor/format-outline-label.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,EAC1C,SAAS,CAAC,EAAE,MAAM,GACjB,MAAM,CAOR"}

package/dist/editor/format-outline-label.js

@@ -0,0 +1,10 @@
+import { EDITOR_NAME_FIELD_KEY } from '../types/editor-chrome.js';
+export function formatOutlineLabel(componentType, props, typeLabel) {
+    const base = typeLabel ?? componentType;
+    const name = props?.[EDITOR_NAME_FIELD_KEY];
+    if (typeof name === 'string' && name.trim().length > 0) {
+        return `${base} - ${name.trim()}`;
+    }
+    return base;
+}
+//# sourceMappingURL=format-outline-label.js.map

package/dist/editor/format-outline-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-outline-label.js","sourceRoot":"","sources":["../../src/editor/format-outline-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,UAAU,kBAAkB,CAChC,aAAqB,EACrB,KAA0C,EAC1C,SAAkB;IAElB,MAAM,IAAI,GAAG,SAAS,IAAI,aAAa,CAAC;IACxC,MAAM,IAAI,GAAG,KAAK,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAC5C,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACvD,OAAO,GAAG,IAAI,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;IACpC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/editor/outline-data.d.ts

@@ -0,0 +1,13 @@
+export type PuckItem = {
+    type: string;
+    props: Record<string, unknown>;
+};
+export declare function normalizePuckItem(value: unknown): PuckItem | null;
+export declare function isPuckItem(value: unknown): value is PuckItem;
+export declare function toPuckItemArray(value: unknown): PuckItem[];
+export declare function isPuckItemArray(value: unknown): value is PuckItem[];
+/** Normalize Puck root content from app state — always returns an array. */
+export declare function extractRootContent(data: unknown): PuckItem[];
+/** Collect nested slot/component arrays from props (Row content, Columns columnItems, etc.). */
+export declare function collectChildItems(props: Record<string, unknown>): PuckItem[];
+//# sourceMappingURL=outline-data.d.ts.map

package/dist/editor/outline-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline-data.d.ts","sourceRoot":"","sources":["../../src/editor/outline-data.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,IAAI,CAcjE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,QAAQ,CAE5D;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,CAQ1D;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,QAAQ,EAAE,CAEnE;AAED,4EAA4E;AAC5E,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,EAAE,CA+B5D;AAED,gGAAgG;AAChG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAE,CAgB5E"}

package/dist/editor/outline-data.js

@@ -0,0 +1,73 @@
+export function normalizePuckItem(value) {
+    if (!value || typeof value !== 'object')
+        return null;
+    const record = value;
+    if (typeof record.type === 'string' && record.props && typeof record.props === 'object') {
+        return { type: record.type, props: record.props };
+    }
+    if (typeof record.type === 'string') {
+        const { type, ...rest } = record;
+        return { type, props: rest };
+    }
+    return null;
+}
+export function isPuckItem(value) {
+    return normalizePuckItem(value) !== null;
+}
+export function toPuckItemArray(value) {
+    if (!Array.isArray(value))
+        return [];
+    const items = [];
+    for (const entry of value) {
+        const normalized = normalizePuckItem(entry);
+        if (normalized)
+            items.push(normalized);
+    }
+    return items;
+}
+export function isPuckItemArray(value) {
+    return toPuckItemArray(value).length > 0;
+}
+/** Normalize Puck root content from app state — always returns an array. */
+export function extractRootContent(data) {
+    if (Array.isArray(data)) {
+        return toPuckItemArray(data);
+    }
+    if (!data || typeof data !== 'object') {
+        return [];
+    }
+    const tree = data;
+    const content = tree['content'];
+    if (Array.isArray(content)) {
+        const items = toPuckItemArray(content);
+        if (items.length > 0) {
+            return items;
+        }
+    }
+    const zones = tree['zones'];
+    if (zones && typeof zones === 'object') {
+        const zoneMap = zones;
+        const rootZone = zoneMap['root:default-zone'] ??
+            zoneMap['root:content'] ??
+            Object.entries(zoneMap).find(([key]) => key.startsWith('root:'))?.[1];
+        return toPuckItemArray(rootZone);
+    }
+    return [];
+}
+/** Collect nested slot/component arrays from props (Row content, Columns columnItems, etc.). */
+export function collectChildItems(props) {
+    const children = [];
+    for (const value of Object.values(props)) {
+        children.push(...toPuckItemArray(value));
+        if (!Array.isArray(value))
+            continue;
+        for (const entry of value) {
+            if (!entry || typeof entry !== 'object')
+                continue;
+            const record = entry;
+            children.push(...toPuckItemArray(record['content']));
+        }
+    }
+    return children;
+}
+//# sourceMappingURL=outline-data.js.map

package/dist/editor/outline-data.js.map

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

package/dist/editor/outline-dnd.d.ts

@@ -0,0 +1,15 @@
+import type { Data, PuckAction } from '@measured/puck';
+export interface OutlineDropPayload {
+    itemId: string;
+    sourceZone: string;
+    sourceIndex: number;
+}
+export declare function canOutlineDrop(payload: OutlineDropPayload, targetItemId: string, targetZone: string, targetIndex: number, data: Data): boolean;
+/** Move one position up/down within the same zone (outline arrow buttons). */
+export declare function outlineStepReorder(payload: OutlineDropPayload, zone: string, direction: -1 | 1, siblingCount: number): PuckAction | null;
+/** Drop dragged outline item before the target row (HTML5 DnD). */
+export declare function outlineDropBeforeTarget(payload: OutlineDropPayload, targetZone: string, targetIndex: number): PuckAction;
+/** @deprecated Use outlineDropBeforeTarget or outlineStepReorder */
+export declare function outlineReorderAction(payload: OutlineDropPayload, targetZone: string, targetIndex: number): PuckAction;
+export declare function outlineSiblingCount(data: Data, zone: string): number;
+//# sourceMappingURL=outline-dnd.d.ts.map

package/dist/editor/outline-dnd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline-dnd.d.ts","sourceRoot":"","sources":["../../src/editor/outline-dnd.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGvD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,kBAAkB,EAC3B,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,IAAI,EAAE,IAAI,GACT,OAAO,CAYT;AAED,8EAA8E;AAC9E,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,kBAAkB,EAC3B,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,EACjB,YAAY,EAAE,MAAM,GACnB,UAAU,GAAG,IAAI,CAUnB;AAED,mEAAmE;AACnE,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,kBAAkB,EAC3B,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,GAClB,UAAU,CAqBZ;AAED,oEAAoE;AACpE,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,kBAAkB,EAC3B,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,GAClB,UAAU,CAEZ;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAEpE"}