@endora-commerce/cms-components 0.100.0

package/dist/components/Column.js

@@ -0,0 +1,127 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from '@measured/puck';
+import { buildResponsiveSpanVars, hideOnDataAttrs, PB_RESPONSIVE_METADATA, RESPONSIVE_HIDE_ON_CLASS, resolveColumnSpan, } from '@endora-commerce/page-builder-core';
+import { createHideOnField } from '@endora-commerce/page-builder-core/fields/hide-on-field';
+import { getZoneParentComponentType } from '@endora-commerce/page-builder-core/editor/puck-guards';
+import { usePreviewBreakpointTier } from '@endora-commerce/page-builder-core/client';
+import { BoxStyled } from './box-styles.js';
+import { BACKGROUND_FIELD, BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, COLUMN_SPAN_OPTIONS, CORNER_RADIUS_FIELD, DEFAULT_LAYOUT_BOX_PROPS, SHADOW_FIELD, } from '../fields/shared-fields.js';
+import { COLUMN_SLOT_EDIT_PROPS } from '../editor/slot-edit-props.js';
+const HIDE_ON_FIELD = createHideOnField();
+/**
+ * Published: CSS vars + @media (storefront).
+ * Editing: inline `grid-column` from the selected Puck viewport tier. Relying on
+ * iframe @media alone is brittle — a tablet frame of exactly 768px often fails
+ * `min-width: 768px` once a scrollbar eats a few pixels, so columns stay span 12.
+ */
+function columnSpanStyle(span, tier, editing) {
+    if (editing) {
+        return { gridColumn: `span ${resolveColumnSpan(span, tier, 12)}` };
+    }
+    return buildResponsiveSpanVars(span, 12);
+}
+function ColumnShell({ span, hideOn, editing, tier, dragRef, children, }) {
+    return (_jsx("div", { ref: dragRef ?? undefined, className: `cmsc-pb-row-col cmsc:min-w-0 cmsc:self-stretch ${RESPONSIVE_HIDE_ON_CLASS}`, style: columnSpanStyle(span, tier, editing), ...hideOnDataAttrs(hideOn), "data-pb-editing": editing ? '1' : '0', children: children }));
+}
+const ColumnEditingRender = (props) => {
+    const tier = usePreviewBreakpointTier();
+    const { content: Content, span, hideOn, puck, ...box } = props;
+    return (_jsx(ColumnShell, { span: span, hideOn: hideOn, editing: true, tier: tier, dragRef: puck?.dragRef, children: _jsx(BoxStyled, { previewTier: tier, className: "cmsc-pb-column-inner cmsc:h-full cmsc:w-full", ...box, children: _jsx(Content, { ...COLUMN_SLOT_EDIT_PROPS }) }) }));
+};
+const ColumnPublishedRender = (props) => {
+    const { content: Content, span, hideOn, ...box } = props;
+    return (_jsx(ColumnShell, { span: span, hideOn: hideOn, editing: false, tier: "mobile", children: _jsx(BoxStyled, { className: "cmsc:h-full cmsc:w-full", ...box, children: _jsx(Content, {}) }) }));
+};
+const columnConfig = {
+    label: 'Column',
+    /** Grid cell is .cmsc-pb-row-col — Puck must not wrap it in an extra block. */
+    inline: true,
+    resolvePermissions: (data, { appState, permissions }) => {
+        const itemId = data.props.id;
+        if (typeof itemId !== 'string')
+            return permissions;
+        let parentType = null;
+        const zones = appState.data.zones ?? {};
+        for (const [zone, items] of Object.entries(zones)) {
+            if (!Array.isArray(items))
+                continue;
+            const containsColumn = items.some((entry) => {
+                if (!entry || typeof entry !== 'object')
+                    return false;
+                return entry.props?.id === itemId;
+            });
+            if (containsColumn) {
+                parentType = getZoneParentComponentType(zone, appState.data);
+                break;
+            }
+        }
+        if (parentType === null) {
+            const visit = (items, parent) => {
+                for (const entry of items) {
+                    if (!entry || typeof entry !== 'object')
+                        continue;
+                    const record = entry;
+                    if (record.props?.id === itemId) {
+                        parentType = parent;
+                        return true;
+                    }
+                    if (record.props && typeof record.props === 'object') {
+                        for (const value of Object.values(record.props)) {
+                            if (Array.isArray(value) && visit(value, record.type ?? null))
+                                return true;
+                        }
+                    }
+                }
+                return false;
+            };
+            visit(appState.data.content ?? [], 'root');
+        }
+        const inRow = parentType === 'cms.Row';
+        return {
+            ...permissions,
+            insert: inRow,
+            drag: inRow,
+            duplicate: inRow,
+        };
+    },
+    fields: {
+        hideOn: HIDE_ON_FIELD,
+        span: {
+            type: 'select',
+            label: 'Width',
+            metadata: PB_RESPONSIVE_METADATA,
+            options: COLUMN_SPAN_OPTIONS,
+        },
+        content: {
+            type: 'slot',
+            disallow: ['cms.Column'],
+        },
+        margin: BOX_MARGIN_FIELD,
+        padding: BOX_PADDING_FIELD,
+        border: BOX_BORDER_FIELD,
+        background: BACKGROUND_FIELD,
+        cornerRadius: CORNER_RADIUS_FIELD,
+        shadow: SHADOW_FIELD,
+    },
+    defaultProps: {
+        span: 12,
+        content: [],
+        ...DEFAULT_LAYOUT_BOX_PROPS,
+    },
+    render: (props) => props.puck?.isEditing ? _jsx(ColumnEditingRender, { ...props }) : _jsx(ColumnPublishedRender, { ...props }),
+};
+/** Column must not use withHideOn — the outer grid cell is .cmsc-pb-row-col itself. */
+export const Column = columnConfig;
+export function createDefaultColumnItem(id) {
+    return {
+        type: 'cms.Column',
+        props: {
+            id,
+            span: 12,
+            content: [],
+            ...DEFAULT_LAYOUT_BOX_PROPS,
+        },
+    };
+}
+//# sourceMappingURL=Column.js.map

package/dist/components/Column.js.map

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

package/dist/components/ContactFormEmbed.d.ts

@@ -0,0 +1,43 @@
+import { type PuckComponent } from '@measured/puck';
+import type { ContactFormEmbedProps } from '../schema/component-types.js';
+export declare const ContactFormEmbed: {
+    render: PuckComponent<ContactFormEmbedProps>;
+    label?: string;
+    defaultProps?: ContactFormEmbedProps;
+    fields?: import("@measured/puck").Fields<ContactFormEmbedProps, {}>;
+    permissions?: Partial<import("@measured/puck").Permissions>;
+    inline?: boolean;
+    resolveFields?: (data: Omit<import("@measured/puck").ComponentData<ContactFormEmbedProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof ContactFormEmbedProps, boolean> & {
+            id: string;
+        }>;
+        fields: import("@measured/puck").Fields<ContactFormEmbedProps, {}>;
+        lastFields: import("@measured/puck").Fields<ContactFormEmbedProps, {}>;
+        lastData: Omit<import("@measured/puck").ComponentData<ContactFormEmbedProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
+        appState: import("@measured/puck").AppState;
+        parent: import("@measured/puck").ComponentData | null;
+    }) => import("@measured/puck").Fields<ContactFormEmbedProps, {}> | Promise<import("@measured/puck").Fields<ContactFormEmbedProps, {}>>;
+    resolveData?: (data: Omit<import("@measured/puck").ComponentData<ContactFormEmbedProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof ContactFormEmbedProps, boolean> & {
+            id: string;
+        }>;
+        lastData: Omit<import("@measured/puck").ComponentData<ContactFormEmbedProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
+        metadata: import("@measured/puck").Metadata;
+        trigger: import("@measured/puck").ResolveDataTrigger;
+    }) => (Omit<Omit<import("@measured/puck").ComponentData<ContactFormEmbedProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
+        props?: Partial<ContactFormEmbedProps>;
+    }) | Promise<Omit<Omit<import("@measured/puck").ComponentData<ContactFormEmbedProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
+        props?: Partial<ContactFormEmbedProps>;
+    }>;
+    resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<ContactFormEmbedProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof ContactFormEmbedProps, boolean> & {
+            id: string;
+        }>;
+        lastPermissions: Partial<import("@measured/puck").Permissions>;
+        permissions: Partial<import("@measured/puck").Permissions>;
+        appState: import("@measured/puck").AppState;
+        lastData: Omit<import("@measured/puck").ComponentData<ContactFormEmbedProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
+    }) => Promise<Partial<import("@measured/puck").Permissions>> | Partial<import("@measured/puck").Permissions>;
+    metadata?: import("@measured/puck").Metadata;
+};
+//# sourceMappingURL=ContactFormEmbed.d.ts.map

package/dist/components/ContactFormEmbed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactFormEmbed.d.ts","sourceRoot":"","sources":["../../src/components/ContactFormEmbed.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG1E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAoF1E,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA4B,CAAC"}

package/dist/components/ContactFormEmbed.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from '@measured/puck';
+import { withHideOn } from '@endora-commerce/page-builder-core';
+import { usePreviewBreakpointTier } from '@endora-commerce/page-builder-core/client';
+import { BoxStyled } from './box-styles.js';
+import { BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, DEFAULT_BOX_PROPS, } from '../fields/shared-fields.js';
+function ContactFormBody({ props, editing, tier, }) {
+    const { heading = '', description = '', embedUrl = '', mailto = '', heightPx = 480, ...box } = props;
+    return (_jsxs(BoxStyled, { ...box, ...(editing && tier ? { previewTier: tier } : {}), className: "cmsc-pb-contact", children: [heading ? _jsx("h3", { className: "cmsc-pb-contact__heading", children: heading }) : null, description ? _jsx("p", { className: "cmsc-pb-contact__desc", children: description }) : null, embedUrl ? (_jsx("iframe", { title: heading || 'Contact form', src: embedUrl, className: "cmsc-pb-contact__iframe", style: { height: `${heightPx}px` }, loading: "lazy" })) : mailto ? (_jsxs("a", { className: "cmsc-pb-contact__mailto", href: `mailto:${mailto}`, children: ["Email ", mailto] })) : editing ? (_jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: "Set an embed URL or mailto address for this contact block." })) : null] }));
+}
+const ContactEditingRender = (props) => (_jsx(ContactFormBody, { props: props, editing: true, tier: usePreviewBreakpointTier() }));
+const ContactPublishedRender = (props) => (_jsx(ContactFormBody, { props: props, editing: false, tier: null }));
+const contactConfig = {
+    label: 'Contact / form embed',
+    fields: {
+        heading: { type: 'text', label: 'Heading' },
+        description: { type: 'textarea', label: 'Description' },
+        embedUrl: { type: 'text', label: 'Form embed URL (iframe)' },
+        mailto: { type: 'text', label: 'Mailto fallback' },
+        heightPx: { type: 'number', label: 'Embed height (px)', min: 200, max: 1200 },
+        margin: BOX_MARGIN_FIELD,
+        padding: BOX_PADDING_FIELD,
+        border: BOX_BORDER_FIELD,
+    },
+    defaultProps: {
+        heading: 'Contact us',
+        description: 'Send a message to our sales team.',
+        embedUrl: '',
+        mailto: 'sales@example.com',
+        heightPx: 480,
+        ...DEFAULT_BOX_PROPS,
+    },
+    render: (props) => props.puck?.isEditing ? _jsx(ContactEditingRender, { ...props }) : _jsx(ContactPublishedRender, { ...props }),
+};
+export const ContactFormEmbed = withHideOn(contactConfig);
+//# sourceMappingURL=ContactFormEmbed.js.map

package/dist/components/ContactFormEmbed.js.map

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

package/dist/components/ContentSlider.d.ts

@@ -0,0 +1,43 @@
+import { type PuckComponent } from '@measured/puck';
+import type { ContentSliderProps } from '../schema/component-types.js';
+export declare const ContentSlider: {
+    render: PuckComponent<ContentSliderProps>;
+    label?: string;
+    defaultProps?: ContentSliderProps;
+    fields?: import("@measured/puck").Fields<ContentSliderProps, {}>;
+    permissions?: Partial<import("@measured/puck").Permissions>;
+    inline?: boolean;
+    resolveFields?: (data: Omit<import("@measured/puck").ComponentData<ContentSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof ContentSliderProps, boolean> & {
+            id: string;
+        }>;
+        fields: import("@measured/puck").Fields<ContentSliderProps, {}>;
+        lastFields: import("@measured/puck").Fields<ContentSliderProps, {}>;
+        lastData: Omit<import("@measured/puck").ComponentData<ContentSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
+        appState: import("@measured/puck").AppState;
+        parent: import("@measured/puck").ComponentData | null;
+    }) => import("@measured/puck").Fields<ContentSliderProps, {}> | Promise<import("@measured/puck").Fields<ContentSliderProps, {}>>;
+    resolveData?: (data: Omit<import("@measured/puck").ComponentData<ContentSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof ContentSliderProps, boolean> & {
+            id: string;
+        }>;
+        lastData: Omit<import("@measured/puck").ComponentData<ContentSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
+        metadata: import("@measured/puck").Metadata;
+        trigger: import("@measured/puck").ResolveDataTrigger;
+    }) => (Omit<Omit<import("@measured/puck").ComponentData<ContentSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
+        props?: Partial<ContentSliderProps>;
+    }) | Promise<Omit<Omit<import("@measured/puck").ComponentData<ContentSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
+        props?: Partial<ContentSliderProps>;
+    }>;
+    resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<ContentSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof ContentSliderProps, boolean> & {
+            id: string;
+        }>;
+        lastPermissions: Partial<import("@measured/puck").Permissions>;
+        permissions: Partial<import("@measured/puck").Permissions>;
+        appState: import("@measured/puck").AppState;
+        lastData: Omit<import("@measured/puck").ComponentData<ContentSliderProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
+    }) => Promise<Partial<import("@measured/puck").Permissions>> | Partial<import("@measured/puck").Permissions>;
+    metadata?: import("@measured/puck").Metadata;
+};
+//# sourceMappingURL=ContentSlider.d.ts.map

package/dist/components/ContentSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSlider.d.ts","sourceRoot":"","sources":["../../src/components/ContentSlider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAU1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAiKvE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkC,CAAC"}

package/dist/components/ContentSlider.js

@@ -0,0 +1,96 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from '@measured/puck';
+import { PB_RESPONSIVE_METADATA, resolveResponsiveNumber, withHideOn, } from '@endora-commerce/page-builder-core';
+import { getSlotZoneItemCount } from '@endora-commerce/page-builder-core/editor/puck-guards';
+import { useEditorCarouselPage } from '@endora-commerce/page-builder-core/editor/carousel-preview';
+import { usePageBuilderPuck } from '@endora-commerce/page-builder-core/editor/use-page-builder-puck';
+import { usePreviewBreakpointTier } from '@endora-commerce/page-builder-core/client';
+import { useViewportBreakpointTier } from '../hooks/use-viewport-breakpoint-tier.js';
+import { BoxStyled } from './box-styles.js';
+import { BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, DEFAULT_BOX_PROPS, DEFAULT_LAYOUT_PADDING, } from '../fields/shared-fields.js';
+import { CarouselShell } from './carousel/CarouselShell.js';
+import { CONTENT_SLIDER_SLOT_EDIT_PROPS } from '../editor/slot-edit-props.js';
+function slidesPerViewForTier(_tier) {
+    return 1;
+}
+const ContentSliderEditingRender = (props) => {
+    const tier = usePreviewBreakpointTier();
+    const { slides: Slides, slidesPerView = 1, gap = 16, autoplay = false, intervalMs = 5000, showArrows = true, showDots = true, equalHeight = true, ...box } = props;
+    const perView = Math.max(1, Math.round(resolveResponsiveNumber(slidesPerView, tier, slidesPerViewForTier(tier))));
+    const gapPx = resolveResponsiveNumber(gap, tier, 16);
+    const Slot = Slides;
+    const sliderId = props.id;
+    const previewPage = useEditorCarouselPage(sliderId);
+    const editorSlideCount = usePageBuilderPuck((state) => getSlotZoneItemCount(state.appState.data, `${sliderId}:slides`));
+    return (_jsx(BoxStyled, { ...box, previewTier: tier, children: _jsx(CarouselShell, { slidesPerView: perView, gap: gapPx, autoplay: autoplay, intervalMs: intervalMs, showArrows: showArrows, showDots: showDots, equalHeight: equalHeight, slotMode: true, editorPreview: true, previewPage: previewPage, editorCarouselId: sliderId, editorSlideCount: editorSlideCount, children: _jsx(Slot, { ...CONTENT_SLIDER_SLOT_EDIT_PROPS }) }) }));
+};
+const ContentSliderPublishedRender = (props) => {
+    const tier = useViewportBreakpointTier();
+    const { slides: Slides, slidesPerView = 1, gap = 16, autoplay = false, intervalMs = 5000, showArrows = true, showDots = true, equalHeight = true, ...box } = props;
+    const perView = Math.max(1, Math.round(resolveResponsiveNumber(slidesPerView, tier, slidesPerViewForTier(tier))));
+    const gapPx = resolveResponsiveNumber(gap, tier, 16);
+    const Slot = Slides;
+    return (_jsx(BoxStyled, { ...box, children: _jsx(CarouselShell, { slidesPerView: perView, gap: gapPx, autoplay: autoplay, intervalMs: intervalMs, showArrows: showArrows, showDots: showDots, equalHeight: equalHeight, slotMode: true, children: _jsx(Slot, { className: "cmsc-pb-content-slider-slot" }) }) }));
+};
+const contentSliderConfig = {
+    label: 'Content slider',
+    fields: {
+        slides: {
+            type: 'slot',
+            label: 'Slides',
+            // Row is accepted then wrapped into a Slide by the page-builder onAction handler.
+            allow: ['cms.Slide', 'cms.Row'],
+            disallow: ['cms.Column', 'cms.ContentSlider'],
+        },
+        slidesPerView: {
+            type: 'select',
+            label: 'Slides per view',
+            metadata: PB_RESPONSIVE_METADATA,
+            options: [
+                { label: '1', value: 1 },
+                { label: '2', value: 2 },
+                { label: '3', value: 3 },
+                { label: '4', value: 4 },
+                { label: '5', value: 5 },
+                { label: '6', value: 6 },
+                { label: '7', value: 7 },
+                { label: '8', value: 8 },
+            ],
+        },
+        gap: {
+            type: 'number',
+            label: 'Gap (px)',
+            min: 0,
+            max: 48,
+            metadata: PB_RESPONSIVE_METADATA,
+        },
+        autoplay: { type: 'radio', label: 'Autoplay', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
+        intervalMs: { type: 'number', label: 'Autoplay interval (ms)', min: 2000, max: 15000 },
+        showArrows: { type: 'radio', label: 'Arrows', options: [{ label: 'Show', value: true }, { label: 'Hide', value: false }] },
+        showDots: { type: 'radio', label: 'Dots', options: [{ label: 'Show', value: true }, { label: 'Hide', value: false }] },
+        equalHeight: {
+            type: 'radio',
+            label: 'Equal slide height',
+            options: [{ label: 'Yes', value: true }, { label: 'No', value: false }],
+        },
+        margin: BOX_MARGIN_FIELD,
+        padding: BOX_PADDING_FIELD,
+        border: BOX_BORDER_FIELD,
+    },
+    defaultProps: {
+        slides: [],
+        slidesPerView: 1,
+        gap: 16,
+        autoplay: false,
+        intervalMs: 5000,
+        showArrows: true,
+        showDots: true,
+        equalHeight: true,
+        ...DEFAULT_BOX_PROPS,
+        padding: DEFAULT_LAYOUT_PADDING,
+    },
+    render: (props) => props.puck?.isEditing ? (_jsx(ContentSliderEditingRender, { ...props })) : (_jsx(ContentSliderPublishedRender, { ...props })),
+};
+export const ContentSlider = withHideOn(contentSliderConfig);
+//# sourceMappingURL=ContentSlider.js.map

package/dist/components/ContentSlider.js.map

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

package/dist/components/FeatureList.d.ts

@@ -0,0 +1,43 @@
+import { type PuckComponent } from '@measured/puck';
+import type { FeatureListProps } from '../schema/component-types.js';
+export declare const FeatureList: {
+    render: PuckComponent<FeatureListProps>;
+    label?: string;
+    defaultProps?: FeatureListProps;
+    fields?: import("@measured/puck").Fields<FeatureListProps, {}>;
+    permissions?: Partial<import("@measured/puck").Permissions>;
+    inline?: boolean;
+    resolveFields?: (data: Omit<import("@measured/puck").ComponentData<FeatureListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof FeatureListProps, boolean> & {
+            id: string;
+        }>;
+        fields: import("@measured/puck").Fields<FeatureListProps, {}>;
+        lastFields: import("@measured/puck").Fields<FeatureListProps, {}>;
+        lastData: Omit<import("@measured/puck").ComponentData<FeatureListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
+        appState: import("@measured/puck").AppState;
+        parent: import("@measured/puck").ComponentData | null;
+    }) => import("@measured/puck").Fields<FeatureListProps, {}> | Promise<import("@measured/puck").Fields<FeatureListProps, {}>>;
+    resolveData?: (data: Omit<import("@measured/puck").ComponentData<FeatureListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof FeatureListProps, boolean> & {
+            id: string;
+        }>;
+        lastData: Omit<import("@measured/puck").ComponentData<FeatureListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
+        metadata: import("@measured/puck").Metadata;
+        trigger: import("@measured/puck").ResolveDataTrigger;
+    }) => (Omit<Omit<import("@measured/puck").ComponentData<FeatureListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
+        props?: Partial<FeatureListProps>;
+    }) | Promise<Omit<Omit<import("@measured/puck").ComponentData<FeatureListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
+        props?: Partial<FeatureListProps>;
+    }>;
+    resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<FeatureListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof FeatureListProps, boolean> & {
+            id: string;
+        }>;
+        lastPermissions: Partial<import("@measured/puck").Permissions>;
+        permissions: Partial<import("@measured/puck").Permissions>;
+        appState: import("@measured/puck").AppState;
+        lastData: Omit<import("@measured/puck").ComponentData<FeatureListProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
+    }) => Promise<Partial<import("@measured/puck").Permissions>> | Partial<import("@measured/puck").Permissions>;
+    metadata?: import("@measured/puck").Metadata;
+};
+//# sourceMappingURL=FeatureList.d.ts.map

package/dist/components/FeatureList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureList.d.ts","sourceRoot":"","sources":["../../src/components/FeatureList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAQ1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AA+IrE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAgC,CAAC"}

package/dist/components/FeatureList.js

@@ -0,0 +1,89 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from '@measured/puck';
+import { PB_RESPONSIVE_METADATA, createColorField, resolveResponsiveNumber, withHideOn, } from '@endora-commerce/page-builder-core';
+import { usePreviewBreakpointTier } from '@endora-commerce/page-builder-core/client';
+import { useViewportBreakpointTier } from '../hooks/use-viewport-breakpoint-tier.js';
+import { BoxStyled } from './box-styles.js';
+import { BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, DEFAULT_BOX_PROPS, } from '../fields/shared-fields.js';
+import { createIconPickerField } from './IconPickerField.js';
+import { resolveCmsIcon } from './icon-catalog.js';
+function FeatureListBody({ props, tier, editing, }) {
+    const { items = [], columns = 3, gap = 24, iconColor = '#0f766e', iconSize = 28, align = 'left', ...box } = props;
+    const cols = Math.max(1, Math.min(4, Math.round(resolveResponsiveNumber(columns, tier, 3))));
+    const gapPx = resolveResponsiveNumber(gap, tier, 24);
+    return (_jsxs(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: [_jsx("ul", { className: "cmsc-pb-feature-list", style: {
+                    gap: `${gapPx}px`,
+                    gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
+                    textAlign: align,
+                }, children: items.map((item, index) => {
+                    const Icon = resolveCmsIcon(item.icon);
+                    return (_jsxs("li", { className: "cmsc-pb-feature-list__item", children: [Icon ? (_jsx("span", { className: "cmsc-pb-feature-list__icon", children: _jsx(Icon, { size: iconSize, color: iconColor, "aria-hidden": true }) })) : null, _jsx("h3", { className: "cmsc-pb-feature-list__title", children: item.title }), item.description ? (_jsx("p", { className: "cmsc-pb-feature-list__desc", children: item.description })) : null] }, `${item.title}-${index}`));
+                }) }), editing && items.length === 0 ? (_jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: "Add features in the Items tab." })) : null] }));
+}
+const FeatureListEditingRender = (props) => (_jsx(FeatureListBody, { props: props, tier: usePreviewBreakpointTier(), editing: true }));
+const FeatureListPublishedRender = (props) => (_jsx(FeatureListBody, { props: props, tier: useViewportBreakpointTier(), editing: false }));
+const featureListConfig = {
+    label: 'Feature list',
+    fields: {
+        items: {
+            type: 'array',
+            label: 'Features',
+            getItemSummary: (item) => item.title || 'Feature',
+            arrayFields: {
+                icon: createIconPickerField('Icon'),
+                title: { type: 'text', label: 'Title' },
+                description: { type: 'textarea', label: 'Description' },
+            },
+            defaultItemProps: {
+                icon: 'checkCircle2',
+                title: 'Feature',
+                description: 'Short supporting copy.',
+            },
+        },
+        columns: {
+            type: 'number',
+            label: 'Columns',
+            min: 1,
+            max: 4,
+            metadata: PB_RESPONSIVE_METADATA,
+        },
+        gap: {
+            type: 'number',
+            label: 'Gap (px)',
+            min: 0,
+            max: 64,
+            metadata: PB_RESPONSIVE_METADATA,
+        },
+        iconColor: createColorField({ label: 'Icon color' }),
+        iconSize: { type: 'number', label: 'Icon size (px)', min: 16, max: 64 },
+        align: {
+            type: 'select',
+            label: 'Align',
+            options: [
+                { label: 'Left', value: 'left' },
+                { label: 'Center', value: 'center' },
+                { label: 'Right', value: 'right' },
+            ],
+        },
+        margin: BOX_MARGIN_FIELD,
+        padding: BOX_PADDING_FIELD,
+        border: BOX_BORDER_FIELD,
+    },
+    defaultProps: {
+        items: [
+            { icon: 'truck', title: 'Fast delivery', description: 'Reliable logistics for B2B orders.' },
+            { icon: 'shieldCheck', title: 'Secure', description: 'Enterprise-grade account security.' },
+            { icon: 'lifeBuoy', title: 'Support', description: 'Dedicated sales and support team.' },
+        ],
+        columns: 3,
+        gap: 24,
+        iconColor: '#0f766e',
+        iconSize: 28,
+        align: 'left',
+        ...DEFAULT_BOX_PROPS,
+    },
+    render: (props) => props.puck?.isEditing ? (_jsx(FeatureListEditingRender, { ...props })) : (_jsx(FeatureListPublishedRender, { ...props })),
+};
+export const FeatureList = withHideOn(featureListConfig);
+//# sourceMappingURL=FeatureList.js.map

package/dist/components/FeatureList.js.map

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

package/dist/components/Heading.d.ts

@@ -0,0 +1,43 @@
+import { type PuckComponent } from '@measured/puck';
+import type { HeadingProps } from '../schema/component-types.js';
+export declare const Heading: {
+    render: PuckComponent<HeadingProps>;
+    label?: string;
+    defaultProps?: HeadingProps;
+    fields?: import("@measured/puck").Fields<HeadingProps, {}>;
+    permissions?: Partial<import("@measured/puck").Permissions>;
+    inline?: boolean;
+    resolveFields?: (data: Omit<import("@measured/puck").ComponentData<HeadingProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof HeadingProps, boolean> & {
+            id: string;
+        }>;
+        fields: import("@measured/puck").Fields<HeadingProps, {}>;
+        lastFields: import("@measured/puck").Fields<HeadingProps, {}>;
+        lastData: Omit<import("@measured/puck").ComponentData<HeadingProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
+        appState: import("@measured/puck").AppState;
+        parent: import("@measured/puck").ComponentData | null;
+    }) => import("@measured/puck").Fields<HeadingProps, {}> | Promise<import("@measured/puck").Fields<HeadingProps, {}>>;
+    resolveData?: (data: Omit<import("@measured/puck").ComponentData<HeadingProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof HeadingProps, boolean> & {
+            id: string;
+        }>;
+        lastData: Omit<import("@measured/puck").ComponentData<HeadingProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
+        metadata: import("@measured/puck").Metadata;
+        trigger: import("@measured/puck").ResolveDataTrigger;
+    }) => (Omit<Omit<import("@measured/puck").ComponentData<HeadingProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
+        props?: Partial<HeadingProps>;
+    }) | Promise<Omit<Omit<import("@measured/puck").ComponentData<HeadingProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, "props"> & {
+        props?: Partial<HeadingProps>;
+    }>;
+    resolvePermissions?: (data: Omit<import("@measured/puck").ComponentData<HeadingProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof HeadingProps, boolean> & {
+            id: string;
+        }>;
+        lastPermissions: Partial<import("@measured/puck").Permissions>;
+        permissions: Partial<import("@measured/puck").Permissions>;
+        appState: import("@measured/puck").AppState;
+        lastData: Omit<import("@measured/puck").ComponentData<HeadingProps, string, Record<string, import("@measured/puck").DefaultComponentProps>>, "type"> | null;
+    }) => Promise<Partial<import("@measured/puck").Permissions>> | Partial<import("@measured/puck").Permissions>;
+    metadata?: import("@measured/puck").Metadata;
+};
+//# sourceMappingURL=Heading.d.ts.map

package/dist/components/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/components/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAQ1E,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAwJ/E,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA4B,CAAC"}