@endora-commerce/cms-components 0.100.0

package/dist/components/Testimonial.js

@@ -0,0 +1,74 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from '@measured/puck';
+import { PB_DATA_METADATA, withHideOn } from '@endora-commerce/page-builder-core';
+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, CORNER_RADIUS_FIELD, DEFAULT_BOX_PROPS, SHADOW_FIELD, } from '../fields/shared-fields.js';
+import { useCmsRenderAssets, useCmsRenderMediaBaseUrl } from './render-context.js';
+import { resolveImageUrl } from '../utils/resolve-image-url.js';
+function TestimonialBody({ props, editing, tier, }) {
+    const { quote, author = '', role = '', avatarSource = 'url', avatarUrl = '', avatarAssetId = '', background, cornerRadius, shadow, ...box } = props;
+    const assets = useCmsRenderAssets();
+    const mediaBaseUrl = useCmsRenderMediaBaseUrl();
+    const avatar = resolveImageUrl({
+        imageSource: avatarSource,
+        ...(avatarUrl ? { src: avatarUrl } : {}),
+        ...(avatarAssetId ? { assetId: avatarAssetId } : {}),
+    }, null, assets, mediaBaseUrl);
+    return (_jsxs(BoxStyled, { ...box, ...(background !== undefined ? { background } : {}), ...(cornerRadius !== undefined ? { cornerRadius } : {}), ...(shadow !== undefined ? { shadow } : {}), ...(editing && tier ? { previewTier: tier } : {}), className: "cmsc-pb-testimonial", children: [_jsx("blockquote", { className: "cmsc-pb-testimonial__quote", children: quote }), _jsxs("footer", { className: "cmsc-pb-testimonial__footer", children: [avatar ? (_jsx("img", { src: avatar, alt: author ? `${author} avatar` : '', className: "cmsc-pb-testimonial__avatar" })) : null, _jsxs("div", { children: [author ? _jsx("div", { className: "cmsc-pb-testimonial__author", children: author }) : null, role ? _jsx("div", { className: "cmsc-pb-testimonial__role", children: role }) : null] })] })] }));
+}
+const TestimonialEditingRender = (props) => (_jsx(TestimonialBody, { props: props, editing: true, tier: usePreviewBreakpointTier() }));
+const TestimonialPublishedRender = (props) => (_jsx(TestimonialBody, { props: props, editing: false, tier: null }));
+const TESTIMONIAL_FIELDS = {
+    quote: { type: 'textarea', label: 'Quote' },
+    author: { type: 'text', label: 'Author' },
+    role: { type: 'text', label: 'Role / company' },
+    avatarSource: {
+        type: 'select',
+        label: 'Avatar source',
+        metadata: PB_DATA_METADATA,
+        options: [
+            { label: 'URL', value: 'url' },
+            { label: 'Asset library', value: 'library' },
+        ],
+    },
+    avatarUrl: { type: 'text', label: 'Avatar URL', metadata: PB_DATA_METADATA },
+    avatarAssetId: { type: 'text', label: 'Avatar', metadata: PB_DATA_METADATA },
+    background: BACKGROUND_FIELD,
+    cornerRadius: CORNER_RADIUS_FIELD,
+    shadow: SHADOW_FIELD,
+    margin: BOX_MARGIN_FIELD,
+    padding: BOX_PADDING_FIELD,
+    border: BOX_BORDER_FIELD,
+};
+const testimonialConfig = {
+    label: 'Testimonial',
+    fields: TESTIMONIAL_FIELDS,
+    defaultProps: {
+        quote: '“This platform made our wholesale ordering dramatically simpler.”',
+        author: 'Alex Kowalski',
+        role: 'Procurement lead',
+        avatarSource: 'url',
+        avatarUrl: '',
+        avatarAssetId: '',
+        ...DEFAULT_BOX_PROPS,
+        background: { kind: 'solid', color: '#f8fafc' },
+        padding: { mode: 'uniform', value: 24 },
+        cornerRadius: 'medium',
+    },
+    resolveFields: (data, { fields }) => {
+        const source = data.props.avatarSource ?? 'url';
+        const next = { ...fields };
+        if (source === 'library') {
+            delete next.avatarUrl;
+        }
+        else {
+            delete next.avatarAssetId;
+        }
+        return next;
+    },
+    render: (props) => props.puck?.isEditing ? (_jsx(TestimonialEditingRender, { ...props })) : (_jsx(TestimonialPublishedRender, { ...props })),
+};
+export const Testimonial = withHideOn(testimonialConfig);
+//# sourceMappingURL=Testimonial.js.map

package/dist/components/Testimonial.js.map

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

package/dist/components/Text.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAQ1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAoH9D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAyB,CAAC"}

package/dist/components/Text.js

@@ -0,0 +1,87 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from '@measured/puck';
+import { resolveTextAlignForTier, responsiveTextAlignClass, textAlignDataAttrs, 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, TEXT_TYPOGRAPHY_FIELDS, } from '../fields/shared-fields.js';
+import { resolveTextContent } from './text-content.js';
+import { editingTypographyStyle, responsiveTypographyVars, typographyStyle } from './typography.js';
+const TEXT_DEFAULTS = { fontSize: 16, fontWeight: 400, lineHeight: 1.65 };
+/**
+ * In the editor, Puck's contentEditable transform replaces string `text` with an
+ * InlineTextField React node. That must be rendered as-is — resolveTextContent()
+ * would coerce it to '' and leave the canvas stuck on legacy/html fallback.
+ */
+function resolveEditingTextContent(props) {
+    const { text, html, tiptapContent } = props;
+    if (typeof text !== 'string' && text != null) {
+        return text;
+    }
+    return resolveTextContent({ text, html, tiptapContent }) || 'Body copy';
+}
+const TextEditingRender = (props) => {
+    const tier = usePreviewBreakpointTier();
+    const { text, html, tiptapContent, textAlign, ...box } = props;
+    const resolvedText = resolveEditingTextContent({ text, html, tiptapContent });
+    const alignAttrs = textAlignDataAttrs(textAlign, 'left');
+    return (_jsx(BoxStyled, { previewTier: tier, ...box, children: _jsx("p", { className: "cmsc:m-0 cmsc:whitespace-pre-wrap cmsc-pb-text-align", style: {
+                ...editingTypographyStyle(props, tier, TEXT_DEFAULTS),
+                ...typographyStyle({
+                    ...(props.fontFamily !== undefined ? { fontFamily: props.fontFamily } : {}),
+                    ...(props.fontStyle !== undefined ? { fontStyle: props.fontStyle } : {}),
+                    color: props.color,
+                }),
+                textAlign: resolveTextAlignForTier(textAlign, tier, 'left'),
+            }, ...alignAttrs, children: resolvedText }) }));
+};
+const TextPublishedRender = (props) => {
+    const { text, html, tiptapContent, textAlign, ...box } = props;
+    const resolvedText = resolveTextContent({ text, html, tiptapContent });
+    const alignAttrs = textAlignDataAttrs(textAlign, 'left');
+    return (_jsx(BoxStyled, { ...box, children: _jsx("p", { className: `cmsc:m-0 cmsc:whitespace-pre-wrap cmsc-pb-text-size cmsc-pb-text-weight cmsc-pb-text-leading ${responsiveTextAlignClass(textAlign, 'left')}`, style: {
+                ...responsiveTypographyVars(props, TEXT_DEFAULTS),
+                ...typographyStyle({
+                    ...(props.fontFamily !== undefined ? { fontFamily: props.fontFamily } : {}),
+                    ...(props.fontStyle !== undefined ? { fontStyle: props.fontStyle } : {}),
+                    color: props.color,
+                }),
+            }, ...alignAttrs, children: resolvedText }) }));
+};
+const textConfig = {
+    label: 'Simple Text',
+    fields: {
+        text: { type: 'textarea', label: 'Text', contentEditable: true },
+        ...TEXT_TYPOGRAPHY_FIELDS,
+        margin: BOX_MARGIN_FIELD,
+        padding: BOX_PADDING_FIELD,
+        border: BOX_BORDER_FIELD,
+    },
+    defaultProps: {
+        text: 'Body copy',
+        fontFamily: 'sans',
+        fontStyle: 'normal',
+        color: '#243447',
+        fontSize: 16,
+        fontWeight: 400,
+        textAlign: 'left',
+        lineHeight: 1.65,
+        ...DEFAULT_BOX_PROPS,
+    },
+    resolveData: async ({ props }) => {
+        const resolved = resolveTextContent(props);
+        const hasDirectText = typeof props.text === 'string' && props.text.trim().length > 0;
+        if (!hasDirectText && resolved && (props.tiptapContent || props.html)) {
+            return {
+                props: {
+                    ...props,
+                    text: resolved,
+                },
+            };
+        }
+        return { props };
+    },
+    render: (props) => props.puck?.isEditing ? _jsx(TextEditingRender, { ...props }) : _jsx(TextPublishedRender, { ...props }),
+};
+export const Text = withHideOn(textConfig);
+//# sourceMappingURL=Text.js.map

package/dist/components/Text.js.map

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

package/dist/components/Video.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/components/Video.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAS1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAmJ/D,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA0B,CAAC"}

package/dist/components/Video.js

@@ -0,0 +1,98 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from '@measured/puck';
+import { PB_RESPONSIVE_METADATA, resolveResponsive, 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 { aspectPadding, buildVideoEmbedUrl } from '../utils/video-embed.js';
+function alignClass(align, tier) {
+    const value = resolveResponsive(align, tier, 'center');
+    if (value === 'left')
+        return 'cmsc:mr-auto';
+    if (value === 'right')
+        return 'cmsc:ml-auto';
+    return 'cmsc:mx-auto';
+}
+function VideoBody({ props, tier, editing, }) {
+    const { url, provider = 'auto', aspectRatio = '16:9', autoplay = false, muted = false, loop = false, controls = true, title = 'Video', align, maxWidth, puck: _puck, ...box } = props;
+    const embedUrl = buildVideoEmbedUrl(url, provider, { autoplay, muted, loop, controls });
+    const maxW = resolveResponsiveNumber(maxWidth, tier, 100);
+    const padding = aspectPadding(aspectRatio);
+    return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: _jsx("div", { className: `cmsc-pb-video cmsc:w-full ${alignClass(align, tier)}`, style: { maxWidth: maxW === 100 ? undefined : `${maxW}%` }, children: embedUrl ? (_jsx("div", { className: "cmsc:relative cmsc:w-full cmsc:overflow-hidden cmsc:rounded-lg", style: { paddingTop: padding }, children: _jsx("iframe", { src: embedUrl, title: title, className: "cmsc:absolute cmsc:inset-0 cmsc:h-full cmsc:w-full cmsc:border-0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true }) })) : (_jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: editing ? 'Enter a valid YouTube, Vimeo, or HTTPS video URL' : null })) }) }));
+}
+const VideoEditingRender = (props) => {
+    const tier = usePreviewBreakpointTier();
+    return _jsx(VideoBody, { props: props, tier: tier, editing: true });
+};
+const VideoPublishedRender = (props) => {
+    const tier = useViewportBreakpointTier();
+    return _jsx(VideoBody, { props: props, tier: tier, editing: false });
+};
+const videoConfig = {
+    label: 'Video',
+    fields: {
+        url: { type: 'text', label: 'Video URL' },
+        provider: {
+            type: 'select',
+            label: 'Provider',
+            options: [
+                { label: 'Auto-detect', value: 'auto' },
+                { label: 'YouTube', value: 'youtube' },
+                { label: 'Vimeo', value: 'vimeo' },
+                { label: 'Generic (HTTPS iframe)', value: 'generic' },
+            ],
+        },
+        aspectRatio: {
+            type: 'select',
+            label: 'Aspect ratio',
+            options: [
+                { label: '16:9', value: '16:9' },
+                { label: '4:3', value: '4:3' },
+                { label: '1:1', value: '1:1' },
+            ],
+        },
+        title: { type: 'text', label: 'Title (accessibility)' },
+        autoplay: { type: 'radio', label: 'Autoplay', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
+        muted: { type: 'radio', label: 'Muted', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
+        loop: { type: 'radio', label: 'Loop', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
+        controls: { type: 'radio', label: 'Controls', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
+        maxWidth: {
+            type: 'number',
+            label: 'Max width (%)',
+            min: 25,
+            max: 100,
+            metadata: PB_RESPONSIVE_METADATA,
+        },
+        align: {
+            type: 'select',
+            label: 'Align',
+            metadata: PB_RESPONSIVE_METADATA,
+            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: {
+        url: '',
+        provider: 'auto',
+        aspectRatio: '16:9',
+        title: 'Video',
+        autoplay: false,
+        muted: false,
+        loop: false,
+        controls: true,
+        maxWidth: 100,
+        align: 'center',
+        ...DEFAULT_BOX_PROPS,
+    },
+    render: (props) => props.puck?.isEditing ? _jsx(VideoEditingRender, { ...props }) : _jsx(VideoPublishedRender, { ...props }),
+};
+export const Video = withHideOn(videoConfig);
+//# sourceMappingURL=Video.js.map

package/dist/components/Video.js.map

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

package/dist/components/box-styles.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties, ReactNode } from 'react';
+import { type BackgroundProp, type BorderValue, type BreakpointTier, type CornerRadius, type ResponsiveProp, type Shadow, type SpacingValue } from '@endora-commerce/page-builder-core';
+export interface BoxStyledProps {
+    margin?: SpacingValue | ResponsiveProp<SpacingValue>;
+    padding?: SpacingValue | ResponsiveProp<SpacingValue>;
+    border?: BorderValue | ResponsiveProp<BorderValue>;
+    background?: BackgroundProp;
+    cornerRadius?: CornerRadius;
+    shadow?: Shadow;
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    previewTier?: BreakpointTier;
+    /** Row section layout — used for nested layout CSS (`data-row-section`). */
+    rowSection?: string;
+}
+export declare function BoxStyled({ children, className, style, previewTier, margin, padding, border, background, cornerRadius, shadow, rowSection, }: BoxStyledProps): React.ReactElement;
+export type { SpacingValue, BorderValue, ResponsiveProp };
+//# sourceMappingURL=box-styles.d.ts.map

package/dist/components/box-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-styles.d.ts","sourceRoot":"","sources":["../../src/components/box-styles.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAQL,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,MAAM,EACX,KAAK,YAAY,EAClB,MAAM,oCAAoC,CAAC;AAI5C,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,YAAY,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,YAAY,GAAG,cAAc,CAAC,YAAY,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA2DD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,MAAM,EACN,UAAU,EACV,YAAY,EACZ,MAAM,EACN,UAAU,GACX,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA6CrC;AAED,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/box-styles.js

@@ -0,0 +1,66 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CORNER_RADIUS_PX, SHADOW_CSS, backgroundToStyle, borderStyleForTier, buildResponsiveBorderVars, buildResponsiveSpacingVars, spacingStyleForTier, } from '@endora-commerce/page-builder-core';
+import { useCmsRenderAssets, useCmsRenderMediaBaseUrl } from './render-context.js';
+import { absolutizeMediaUrl } from '../utils/resolve-image-url.js';
+function appearanceStyle(props, assets, mediaBaseUrl) {
+    const { style, videoUrl } = backgroundToStyle(props.background, assets, mediaBaseUrl);
+    const next = { ...style };
+    if (props.cornerRadius) {
+        next.borderRadius = `${CORNER_RADIUS_PX[props.cornerRadius]}px`;
+    }
+    if (props.shadow) {
+        next.boxShadow = SHADOW_CSS[props.shadow];
+    }
+    return { style: next, ...(videoUrl ? { videoUrl } : {}) };
+}
+function publishedBoxStyle(props, assets, mediaBaseUrl) {
+    const { style, videoUrl } = appearanceStyle(props, assets, mediaBaseUrl);
+    return {
+        style: {
+            ...style,
+            ...buildResponsiveSpacingVars('margin', props.margin),
+            ...buildResponsiveSpacingVars('padding', props.padding),
+            ...buildResponsiveBorderVars(props.border),
+            ...props.style,
+        },
+        ...(videoUrl ? { videoUrl } : {}),
+    };
+}
+function editingBoxStyle(props, tier, assets, mediaBaseUrl) {
+    const { style, videoUrl } = appearanceStyle(props, assets, mediaBaseUrl);
+    return {
+        style: {
+            ...style,
+            ...spacingStyleForTier(props.margin, tier, 'margin'),
+            ...spacingStyleForTier(props.padding, tier, 'padding'),
+            ...borderStyleForTier(props.border, tier),
+            ...props.style,
+        },
+        ...(videoUrl ? { videoUrl } : {}),
+    };
+}
+export function BoxStyled({ children, className, style, previewTier, margin, padding, border, background, cornerRadius, shadow, rowSection, }) {
+    const assets = useCmsRenderAssets();
+    const mediaBaseUrl = useCmsRenderMediaBaseUrl();
+    const boxClasses = [
+        className,
+        previewTier === undefined ? 'cmsc-pb-margin cmsc-pb-padding cmsc-pb-border' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const boxProps = {
+        ...(margin !== undefined ? { margin } : {}),
+        ...(padding !== undefined ? { padding } : {}),
+        ...(border !== undefined ? { border } : {}),
+        ...(background !== undefined ? { background } : {}),
+        ...(cornerRadius !== undefined ? { cornerRadius } : {}),
+        ...(shadow !== undefined ? { shadow } : {}),
+        ...(style !== undefined ? { style } : {}),
+    };
+    const computed = previewTier !== undefined
+        ? editingBoxStyle(boxProps, previewTier, assets, mediaBaseUrl)
+        : publishedBoxStyle(boxProps, assets, mediaBaseUrl);
+    return (_jsxs("div", { className: boxClasses || undefined, style: computed.style, ...(rowSection ? { 'data-row-section': rowSection } : {}), children: [computed.videoUrl ? (_jsx("video", { className: "cmsc-pb-bg-video", src: absolutizeMediaUrl(computed.videoUrl, mediaBaseUrl), autoPlay: true, muted: true, loop: true, playsInline: true, "aria-hidden": true })) : null, _jsx("div", { className: "cmsc-pb-bg-content", children: children })] }));
+}
+//# sourceMappingURL=box-styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box-styles.js","sourceRoot":"","sources":["../../src/components/box-styles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,0BAA0B,EAC1B,mBAAmB,GAQpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAiBnE,SAAS,eAAe,CACtB,KAIC,EACD,MAAuC,EACvC,YAAqB;IAErB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;IACtF,MAAM,IAAI,GAAkB,EAAE,GAAG,KAAK,EAAE,CAAC;IACzC,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;QACvB,IAAI,CAAC,YAAY,GAAG,GAAG,gBAAgB,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC;IAClE,CAAC;IACD,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;AAC5D,CAAC;AAED,SAAS,iBAAiB,CACxB,KAAqE,EACrE,MAAuC,EACvC,YAAqB;IAErB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;IACzE,OAAO;QACL,KAAK,EAAE;YACL,GAAG,KAAK;YACR,GAAG,0BAA0B,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC;YACrD,GAAG,0BAA0B,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC;YACvD,GAAG,yBAAyB,CAAC,KAAK,CAAC,MAAM,CAAC;YAC1C,GAAG,KAAK,CAAC,KAAK;SACf;QACD,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAClC,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CACtB,KAAqE,EACrE,IAAoB,EACpB,MAAuC,EACvC,YAAqB;IAErB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;IACzE,OAAO;QACL,KAAK,EAAE;YACL,GAAG,KAAK;YACR,GAAG,mBAAmB,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC;YACpD,GAAG,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC;YACtD,GAAG,kBAAkB,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC;YACzC,GAAG,KAAK,CAAC,KAAK;SACf;QACD,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAClC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,MAAM,EACN,UAAU,EACV,YAAY,EACZ,MAAM,EACN,UAAU,GACK;IACf,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,YAAY,GAAG,wBAAwB,EAAE,CAAC;IAChD,MAAM,UAAU,GAAG;QACjB,SAAS;QACT,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,EAAE;KACjF;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,QAAQ,GAAG;QACf,GAAG,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,GAAG,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,GAAG,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACnD,GAAG,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACvD,GAAG,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC1C,CAAC;IAEF,MAAM,QAAQ,GACZ,WAAW,KAAK,SAAS;QACvB,CAAC,CAAC,eAAe,CAAC,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,CAAC;QAC9D,CAAC,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;IAExD,OAAO,CACL,eACE,SAAS,EAAE,UAAU,IAAI,SAAS,EAClC,KAAK,EAAE,QAAQ,CAAC,KAAK,KACjB,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAEzD,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnB,gBACE,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAE,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,EACxD,QAAQ,QACR,KAAK,QACL,IAAI,QACJ,WAAW,8BAEX,CACH,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAO,IAChD,CACP,CAAC;AACJ,CAAC"}

package/dist/components/button-link.d.ts

@@ -0,0 +1,7 @@
+import type { ButtonLinkType } from '../schema/component-types.js';
+export declare function resolveButtonHref(props: {
+    linkType?: ButtonLinkType;
+    linkSlug?: string | undefined;
+    href?: string | undefined;
+}): string;
+//# sourceMappingURL=button-link.d.ts.map

package/dist/components/button-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-link.d.ts","sourceRoot":"","sources":["../../src/components/button-link.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,GAAG,MAAM,CAaT"}

package/dist/components/button-link.js

@@ -0,0 +1,15 @@
+export function resolveButtonHref(props) {
+    const slug = props.linkSlug?.trim() ?? '';
+    switch (props.linkType) {
+        case 'product':
+            return slug ? `/p/${encodeURIComponent(slug)}` : '#';
+        case 'category':
+            return slug ? `/c/${encodeURIComponent(slug)}` : '#';
+        case 'page':
+            return slug ? `/${slug.replace(/^\//, '')}` : '#';
+        case 'url':
+        default:
+            return props.href?.trim() || '#';
+    }
+}
+//# sourceMappingURL=button-link.js.map

package/dist/components/button-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-link.js","sourceRoot":"","sources":["../../src/components/button-link.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,iBAAiB,CAAC,KAIjC;IACC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC1C,QAAQ,KAAK,CAAC,QAAQ,EAAE,CAAC;QACvB,KAAK,SAAS;YACZ,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;QACvD,KAAK,UAAU;YACb,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;QACvD,KAAK,MAAM;YACT,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;QACpD,KAAK,KAAK,CAAC;QACX;YACE,OAAO,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC;IACrC,CAAC;AACH,CAAC"}

package/dist/components/carousel/CarouselShell.d.ts

@@ -0,0 +1,27 @@
+import { type ReactNode } from 'react';
+export interface CarouselShellProps {
+    children: ReactNode;
+    slidesPerView?: number;
+    gap?: number;
+    autoplay?: boolean;
+    intervalMs?: number;
+    showArrows?: boolean;
+    showDots?: boolean;
+    equalHeight?: boolean;
+    className?: string;
+    /** When true, children is a Puck slot — slides are dropzone / slot-root direct children. */
+    slotMode?: boolean;
+    /**
+     * Editor canvas mode — no on-canvas arrows/autoplay so Puck drag/click works.
+     * Use `previewPage` + action-bar / dots to change the visible page.
+     */
+    editorPreview?: boolean;
+    /** Controlled page index when `editorPreview` is true. */
+    previewPage?: number;
+    /** Carousel id used when dots update the shared editor page store. */
+    editorCarouselId?: string;
+    /** Authoritative slide count from Puck data while editing slot carousels. */
+    editorSlideCount?: number;
+}
+export declare function CarouselShell({ children, slidesPerView, gap, autoplay, intervalMs, showArrows, showDots, equalHeight, className, slotMode, editorPreview, previewPage, editorCarouselId, editorSlideCount, }: CarouselShellProps): React.ReactElement;
+//# sourceMappingURL=CarouselShell.d.ts.map

package/dist/components/carousel/CarouselShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselShell.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/CarouselShell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,aAAiB,EACjB,GAAQ,EACR,QAAgB,EAChB,UAAiB,EACjB,UAAiB,EACjB,QAAe,EACf,WAAmB,EACnB,SAAc,EACd,QAAgB,EAChB,aAAqB,EACrB,WAAe,EACf,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAoSzC"}