@endora-commerce/cms-components 0.100.0

package/dist/components/ProductCard.js

@@ -0,0 +1,96 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from '@measured/puck';
+import { PB_RESPONSIVE_METADATA, 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 { createCatalogSlugFallbackField } from '../fields/catalog-fallback-fields.js';
+import { BOX_BORDER_FIELD, BOX_MARGIN_FIELD, BOX_PADDING_FIELD, CORNER_RADIUS_FIELD, DEFAULT_BOX_PROPS, } from '../fields/shared-fields.js';
+import { CmsProductCardLoader } from './CmsProductCard.js';
+function ProductCardShell({ margin, padding, border, cardProps, tier, editing, }) {
+    return (_jsx(BoxStyled, { ...(margin !== undefined ? { margin } : {}), ...(padding !== undefined ? { padding } : {}), ...(border !== undefined ? { border } : {}), ...(editing ? { previewTier: tier } : {}), children: _jsx(CmsProductCardLoader, { editing: editing, previewTier: tier, ...cardProps }) }));
+}
+const ProductCardEditingRender = (props) => {
+    const { puck: _puck, margin, padding, border, ...cardProps } = props;
+    return (_jsx(ProductCardShell, { margin: margin, padding: padding, border: border, cardProps: cardProps, tier: usePreviewBreakpointTier(), editing: true }));
+};
+const ProductCardPublishedRender = (props) => {
+    const { puck: _puck, margin, padding, border, ...cardProps } = props;
+    return (_jsx(ProductCardShell, { margin: margin, padding: padding, border: border, cardProps: cardProps, tier: useViewportBreakpointTier(), editing: false }));
+};
+const productCardConfig = {
+    label: 'Product card',
+    fields: {
+        productSlug: createCatalogSlugFallbackField('Product'),
+        showPrice: { type: 'radio', label: 'Show price', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
+        showSku: { type: 'radio', label: 'Show SKU', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
+        showStock: { type: 'radio', label: 'Show stock', options: [{ label: 'Yes', value: true }, { label: 'No', value: false }] },
+        imageRatio: {
+            type: 'select',
+            label: 'Image ratio',
+            options: [
+                { label: 'Square', value: 'square' },
+                { label: '4:3', value: '4:3' },
+                { label: '16:9', value: '16:9' },
+                { label: 'Auto', value: 'auto' },
+            ],
+        },
+        imageHeightPx: {
+            type: 'number',
+            label: 'Image height (px, optional)',
+            min: 0,
+            max: 800,
+            step: 8,
+            metadata: PB_RESPONSIVE_METADATA,
+        },
+        imageObjectFit: {
+            type: 'select',
+            label: 'Image object fit',
+            options: [
+                { label: 'Contain', value: 'contain' },
+                { label: 'Cover', value: 'cover' },
+                { label: 'Fill', value: 'fill' },
+                { label: 'None', value: 'none' },
+            ],
+        },
+        maxWidthPx: {
+            type: 'number',
+            label: 'Max width (px, 0 = full)',
+            min: 0,
+            max: 1200,
+            step: 8,
+            metadata: PB_RESPONSIVE_METADATA,
+        },
+        cornerRadius: CORNER_RADIUS_FIELD,
+        variant: {
+            type: 'select',
+            label: 'Variant',
+            options: [
+                { label: 'Default', value: 'default' },
+                { label: 'Compact', value: 'compact' },
+                { label: 'Horizontal', value: 'horizontal' },
+            ],
+        },
+        ctaLabel: { type: 'text', label: 'CTA label (optional)' },
+        margin: BOX_MARGIN_FIELD,
+        padding: BOX_PADDING_FIELD,
+        border: BOX_BORDER_FIELD,
+    },
+    defaultProps: {
+        productSlug: '',
+        showPrice: true,
+        showSku: true,
+        showStock: true,
+        imageRatio: 'square',
+        imageObjectFit: 'contain',
+        maxWidthPx: 0,
+        imageHeightPx: 0,
+        variant: 'default',
+        ctaLabel: '',
+        ...DEFAULT_BOX_PROPS,
+    },
+    render: (props) => props.puck?.isEditing ? (_jsx(ProductCardEditingRender, { ...props })) : (_jsx(ProductCardPublishedRender, { ...props })),
+};
+export const ProductCard = withHideOn(productCardConfig);
+//# sourceMappingURL=ProductCard.js.map

package/dist/components/ProductCard.js.map

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

package/dist/components/ProductGrid.d.ts

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

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

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

package/dist/components/ProductGrid.js

@@ -0,0 +1,138 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+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 { CmsProductCardView } from './CmsProductCard.js';
+import { fetchProductsBySlugs, fetchProductsList } from '../utils/catalog-fetch.js';
+import { waitForCatalogSkeletonMin } from '../utils/catalog-load.js';
+import { estimateProductGridSkeletonCount } from '../utils/catalog-skeleton-estimate.js';
+import { ProductGridSkeleton } from './catalog/CatalogSkeletons.js';
+import { resolveProductSourceFields } from '../fields/catalog-resolve-fields.js';
+import { CATALOG_DATA_FIELD_META } from '../fields/catalog-data-fields.js';
+import { createCatalogSlugFallbackField, createCatalogSlugsFallbackField, } from '../fields/catalog-fallback-fields.js';
+function ProductGridBody({ props, tier, editing, }) {
+    const { source = 'manual', productSlugs = [], categorySlug = '', searchQuery = '', limit = 12, columns = 4, gap = 16, view = 'grid', equalItemHeight = true, puck: _puck, ...box } = props;
+    const [products, setProducts] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const colCount = resolveResponsiveNumber(columns, tier, 4);
+    const gapPx = resolveResponsiveNumber(gap, tier, 16);
+    const gridView = resolveResponsive(view, tier, 'grid');
+    useEffect(() => {
+        let cancelled = false;
+        setIsLoading(true);
+        const startedAt = Date.now();
+        void (async () => {
+            try {
+                let list = [];
+                if (source === 'manual')
+                    list = await fetchProductsBySlugs(productSlugs);
+                else
+                    list = await fetchProductsList({
+                        ...(source === 'category' && categorySlug ? { categorySlug } : {}),
+                        ...(source === 'query' && searchQuery ? { q: searchQuery } : {}),
+                        limit,
+                    });
+                await waitForCatalogSkeletonMin(startedAt);
+                if (!cancelled)
+                    setProducts(list);
+            }
+            catch {
+                await waitForCatalogSkeletonMin(startedAt);
+                if (!cancelled)
+                    setProducts([]);
+            }
+            finally {
+                if (!cancelled)
+                    setIsLoading(false);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [source, productSlugs, categorySlug, searchQuery, limit]);
+    if (isLoading) {
+        return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: _jsx(ProductGridSkeleton, { count: estimateProductGridSkeletonCount(source, productSlugs, limit, colCount), columns: colCount, gap: gapPx }) }));
+    }
+    if (products.length === 0) {
+        return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: _jsx("p", { className: "cmsc-pb-product-grid__empty", children: editing
+                    ? source === 'category' && !categorySlug
+                        ? 'Select a category in the sidebar to preview products.'
+                        : source === 'category'
+                            ? 'No products in this category (or none visible for preview).'
+                            : source === 'query' && !searchQuery
+                                ? 'Enter a search query in the sidebar to preview products.'
+                                : 'No products to preview — configure the source in the sidebar.'
+                    : 'No products found' }) }));
+    }
+    const listClass = [
+        gridView === 'list' ? 'cmsc-pb-product-grid cmsc-pb-product-grid--list' : 'cmsc-pb-product-grid',
+        equalItemHeight ? 'cmsc-pb-product-grid--equal-height' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: _jsx("ul", { className: listClass, style: {
+                gap: `${gapPx}px`,
+                gridTemplateColumns: gridView === 'grid' ? `repeat(${colCount}, minmax(0, 1fr))` : undefined,
+            }, children: products.map((p) => (_jsx("li", { children: _jsx(CmsProductCardView, { product: p, variant: gridView === 'list' ? 'horizontal' : 'default' }) }, p.id))) }) }));
+}
+const ProductGridEditingRender = (props) => (_jsx(ProductGridBody, { props: props, tier: usePreviewBreakpointTier(), editing: true }));
+const ProductGridPublishedRender = (props) => (_jsx(ProductGridBody, { props: props, tier: useViewportBreakpointTier(), editing: false }));
+const productGridConfig = {
+    label: 'Product grid',
+    fields: {
+        source: {
+            type: 'select',
+            label: 'Source',
+            metadata: CATALOG_DATA_FIELD_META,
+            options: [
+                { label: 'Manual selection', value: 'manual' },
+                { label: 'Category', value: 'category' },
+                { label: 'Search query', value: 'query' },
+            ],
+        },
+        productSlugs: createCatalogSlugsFallbackField('Products'),
+        categorySlug: createCatalogSlugFallbackField('Category'),
+        searchQuery: { type: 'text', label: 'Search query', metadata: CATALOG_DATA_FIELD_META },
+        limit: { type: 'number', label: 'Limit', min: 1, max: 24, metadata: CATALOG_DATA_FIELD_META },
+        equalItemHeight: {
+            type: 'radio',
+            label: 'Equal items height',
+            options: [{ label: 'Yes', value: true }, { label: 'No', value: false }],
+        },
+        columns: { type: 'number', label: 'Columns', min: 1, max: 4, metadata: PB_RESPONSIVE_METADATA },
+        gap: { type: 'number', label: 'Gap (px)', min: 0, max: 48, metadata: PB_RESPONSIVE_METADATA },
+        view: {
+            type: 'select',
+            label: 'View',
+            metadata: PB_RESPONSIVE_METADATA,
+            options: [
+                { label: 'Grid', value: 'grid' },
+                { label: 'List', value: 'list' },
+            ],
+        },
+        margin: BOX_MARGIN_FIELD,
+        padding: BOX_PADDING_FIELD,
+        border: BOX_BORDER_FIELD,
+    },
+    defaultProps: {
+        source: 'manual',
+        productSlugs: [],
+        categorySlug: '',
+        searchQuery: '',
+        limit: 12,
+        columns: 4,
+        gap: 16,
+        view: 'grid',
+        equalItemHeight: true,
+        ...DEFAULT_BOX_PROPS,
+    },
+    render: (props) => props.puck?.isEditing ? _jsx(ProductGridEditingRender, { ...props }) : _jsx(ProductGridPublishedRender, { ...props }),
+    resolveFields: (data, { fields }) => resolveProductSourceFields(fields, data.props.source ?? 'manual'),
+};
+export const ProductGrid = withHideOn(productGridConfig);
+//# sourceMappingURL=ProductGrid.js.map

package/dist/components/ProductGrid.js.map

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

package/dist/components/ProductSlider.d.ts

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

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

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

package/dist/components/ProductSlider.js

@@ -0,0 +1,134 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import {} from '@measured/puck';
+import { PB_RESPONSIVE_METADATA, resolveResponsiveNumber, withHideOn, } from '@endora-commerce/page-builder-core';
+import { useEditorCarouselPage } from '@endora-commerce/page-builder-core/editor/carousel-preview';
+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 { CmsProductCardView } from './CmsProductCard.js';
+import { CarouselShell } from './carousel/CarouselShell.js';
+import { ProductSliderSkeleton } from './catalog/CatalogSkeletons.js';
+import { fetchProductsBySlugs, fetchProductsList } from '../utils/catalog-fetch.js';
+import { waitForCatalogSkeletonMin } from '../utils/catalog-load.js';
+import { estimateProductSliderSkeletonCount } from '../utils/catalog-skeleton-estimate.js';
+import { resolveProductSourceFields } from '../fields/catalog-resolve-fields.js';
+import { CATALOG_DATA_FIELD_META } from '../fields/catalog-data-fields.js';
+import { createCatalogSlugFallbackField, createCatalogSlugsFallbackField, } from '../fields/catalog-fallback-fields.js';
+function ProductSliderBody({ props, tier, editing, previewPage = 0, }) {
+    const { source = 'manual', productSlugs = [], categorySlug = '', searchQuery = '', limit = 12, slidesPerView = { base: 1, tablet: 4, desktop: 8 }, gap = 16, autoplay = false, intervalMs = 5000, showArrows = true, showDots = true, equalHeight = true, puck: _puck, ...box } = props;
+    const [products, setProducts] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const perViewFallback = tier === 'desktop' ? 8 : tier === 'tablet' ? 4 : 1;
+    const perView = resolveResponsiveNumber(slidesPerView, tier, perViewFallback);
+    const gapPx = resolveResponsiveNumber(gap, tier, 16);
+    const carouselId = typeof props.id === 'string' ? props.id : undefined;
+    useEffect(() => {
+        let cancelled = false;
+        setIsLoading(true);
+        const startedAt = Date.now();
+        void (async () => {
+            try {
+                let list = [];
+                if (source === 'manual')
+                    list = await fetchProductsBySlugs(productSlugs);
+                else
+                    list = await fetchProductsList({
+                        ...(source === 'category' && categorySlug ? { categorySlug } : {}),
+                        ...(source === 'query' && searchQuery ? { q: searchQuery } : {}),
+                        limit,
+                    });
+                await waitForCatalogSkeletonMin(startedAt);
+                if (!cancelled)
+                    setProducts(list);
+            }
+            catch {
+                await waitForCatalogSkeletonMin(startedAt);
+                if (!cancelled)
+                    setProducts([]);
+            }
+            finally {
+                if (!cancelled)
+                    setIsLoading(false);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [source, productSlugs, categorySlug, searchQuery, limit]);
+    if (isLoading) {
+        return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: _jsx(ProductSliderSkeleton, { count: estimateProductSliderSkeletonCount(source, productSlugs, limit, perView), slidesPerView: slidesPerView, gap: gap }) }));
+    }
+    if (products.length === 0) {
+        return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: _jsx("p", { className: "cmsc-pb-product-grid__empty", children: editing
+                    ? source === 'category' && !categorySlug
+                        ? 'Select a category in the sidebar to preview products.'
+                        : source === 'category'
+                            ? 'No products in this category (or none visible for preview).'
+                            : source === 'query' && !searchQuery
+                                ? 'Enter a search query in the sidebar to preview products.'
+                                : 'No products to preview — configure the source in the sidebar.'
+                    : 'No products found' }) }));
+    }
+    return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: _jsx(CarouselShell, { slidesPerView: perView, gap: gapPx, autoplay: autoplay, intervalMs: intervalMs, showArrows: showArrows, showDots: showDots, equalHeight: equalHeight, editorPreview: editing, previewPage: editing ? previewPage : 0, ...(editing && carouselId !== undefined ? { editorCarouselId: carouselId } : {}), children: products.map((p) => (_jsx(CmsProductCardView, { product: p }, p.id))) }) }));
+}
+const ProductSliderEditingRender = (props) => {
+    const carouselId = props.id;
+    const previewPage = useEditorCarouselPage(carouselId);
+    return _jsx(ProductSliderBody, { props: props, tier: usePreviewBreakpointTier(), editing: true, previewPage: previewPage });
+};
+const ProductSliderPublishedRender = (props) => (_jsx(ProductSliderBody, { props: props, tier: useViewportBreakpointTier(), editing: false }));
+const productSliderConfig = {
+    label: 'Product slider',
+    fields: {
+        source: {
+            type: 'select',
+            label: 'Source',
+            metadata: CATALOG_DATA_FIELD_META,
+            options: [
+                { label: 'Manual selection', value: 'manual' },
+                { label: 'Category', value: 'category' },
+                { label: 'Search query', value: 'query' },
+            ],
+        },
+        productSlugs: createCatalogSlugsFallbackField('Products'),
+        categorySlug: createCatalogSlugFallbackField('Category'),
+        searchQuery: { type: 'text', label: 'Search query', metadata: CATALOG_DATA_FIELD_META },
+        limit: { type: 'number', label: 'Limit', min: 1, max: 24, metadata: CATALOG_DATA_FIELD_META },
+        slidesPerView: { type: 'number', label: 'Slides per view', min: 1, max: 8, metadata: PB_RESPONSIVE_METADATA },
+        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: '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: {
+        source: 'manual',
+        productSlugs: [],
+        categorySlug: '',
+        searchQuery: '',
+        limit: 12,
+        slidesPerView: { base: 1, tablet: 4, desktop: 8 },
+        gap: 16,
+        autoplay: false,
+        intervalMs: 5000,
+        showArrows: true,
+        showDots: true,
+        equalHeight: true,
+        ...DEFAULT_BOX_PROPS,
+    },
+    render: (props) => props.puck?.isEditing ? _jsx(ProductSliderEditingRender, { ...props }) : _jsx(ProductSliderPublishedRender, { ...props }),
+    resolveFields: (data, { fields }) => resolveProductSourceFields(fields, data.props.source ?? 'manual'),
+};
+export const ProductSlider = withHideOn(productSliderConfig);
+//# sourceMappingURL=ProductSlider.js.map

package/dist/components/ProductSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSlider.js","sourceRoot":"","sources":["../../src/components/ProductSlider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAA4C,MAAM,gBAAgB,CAAC;AAE1E,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,UAAU,GACX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4DAA4D,CAAC;AAEnG,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,kCAAkC,EAAE,MAAM,uCAAuC,CAAC;AAC3F,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EACL,8BAA8B,EAC9B,+BAA+B,GAChC,MAAM,sCAAsC,CAAC;AAE9C,SAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,GAAG,CAAC,GAMhB;IACC,MAAM,EACJ,MAAM,GAAG,QAAQ,EACjB,YAAY,GAAG,EAAE,EACjB,YAAY,GAAG,EAAE,EACjB,WAAW,GAAG,EAAE,EAChB,KAAK,GAAG,EAAE,EACV,aAAa,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAClD,GAAG,GAAG,EAAE,EACR,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,IAAI,EAClB,IAAI,EAAE,KAAK,EACX,GAAG,GAAG,EACP,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAC;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3E,MAAM,OAAO,GAAG,uBAAuB,CAAC,aAAa,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC;IAC9E,MAAM,KAAK,GAAG,uBAAuB,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAC7B,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,IAAI,CAAC;gBACH,IAAI,IAAI,GAAwB,EAAE,CAAC;gBACnC,IAAI,MAAM,KAAK,QAAQ;oBAAE,IAAI,GAAG,MAAM,oBAAoB,CAAC,YAAY,CAAC,CAAC;;oBAEvE,IAAI,GAAG,MAAM,iBAAiB,CAAC;wBAC7B,GAAG,CAAC,MAAM,KAAK,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;wBAClE,GAAG,CAAC,MAAM,KAAK,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;wBAChE,KAAK;qBACN,CAAC,CAAC;gBACL,MAAM,yBAAyB,CAAC,SAAS,CAAC,CAAC;gBAC3C,IAAI,CAAC,SAAS;oBAAE,WAAW,CAAC,IAAI,CAAC,CAAC;YACpC,CAAC;YAAC,MAAM,CAAC;gBACP,MAAM,yBAAyB,CAAC,SAAS,CAAC,CAAC;gBAC3C,IAAI,CAAC,SAAS;oBAAE,WAAW,CAAC,EAAE,CAAC,CAAC;YAClC,CAAC;oBAAS,CAAC;gBACT,IAAI,CAAC,SAAS;oBAAE,YAAY,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAE7D,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,SAAS,OAAK,GAAG,KAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAC5D,KAAC,qBAAqB,IACpB,KAAK,EAAE,kCAAkC,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,CAAC,EAC/E,aAAa,EAAE,aAAa,EAC5B,GAAG,EAAE,GAAG,GACR,GACQ,CACb,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,CACL,KAAC,SAAS,OAAK,GAAG,KAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAC5D,YAAG,SAAS,EAAC,6BAA6B,YACvC,OAAO;oBACN,CAAC,CAAC,MAAM,KAAK,UAAU,IAAI,CAAC,YAAY;wBACtC,CAAC,CAAC,uDAAuD;wBACzD,CAAC,CAAC,MAAM,KAAK,UAAU;4BACrB,CAAC,CAAC,6DAA6D;4BAC/D,CAAC,CAAC,MAAM,KAAK,OAAO,IAAI,CAAC,WAAW;gCAClC,CAAC,CAAC,0DAA0D;gCAC5D,CAAC,CAAC,+DAA+D;oBACvE,CAAC,CAAC,mBAAmB,GACrB,GACM,CACb,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,SAAS,OAAK,GAAG,KAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAC5D,KAAC,aAAa,IACZ,aAAa,EAAE,OAAO,EACtB,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,OAAO,EACtB,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAClC,CAAC,OAAO,IAAI,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAEhF,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACnB,KAAC,kBAAkB,IAAY,OAAO,EAAE,CAAC,IAAhB,CAAC,CAAC,EAAE,CAAgB,CAC9C,CAAC,GACY,GACN,CACb,CAAC;AACJ,CAAC;AAED,MAAM,0BAA0B,GAAsC,CAAC,KAAK,EAAE,EAAE;IAC9E,MAAM,UAAU,GAAI,KAA8C,CAAC,EAAE,CAAC;IACtE,MAAM,WAAW,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACtD,OAAO,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,wBAAwB,EAAE,EAAE,OAAO,QAAC,WAAW,EAAE,WAAW,GAAI,CAAC;AACjH,CAAC,CAAC;AAEF,MAAM,4BAA4B,GAAsC,CAAC,KAAK,EAAE,EAAE,CAAC,CACjF,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,yBAAyB,EAAE,EAAE,OAAO,EAAE,KAAK,GAAI,CACvF,CAAC;AAEF,MAAM,mBAAmB,GAAwC;IAC/D,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE;QACN,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,uBAAuB;YACjC,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,QAAQ,EAAE;gBAC9C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE;aAC1C;SACF;QACD,YAAY,EAAE,+BAA+B,CAAC,UAAU,CAAC;QACzD,YAAY,EAAE,8BAA8B,CAAC,UAAU,CAAC;QACxD,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,uBAAuB,EAAE;QACvF,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE;QAC7F,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,sBAAsB,EAAE;QAC7G,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,sBAAsB,EAAE;QAC7F,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACvH,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE;QAC7E,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QAC1H,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;QACtH,WAAW,EAAE;YACX,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,oBAAoB;YAC3B,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;SACxE;QACD,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACzB;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,EAAE;QACf,KAAK,EAAE,EAAE;QACT,aAAa,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;QACjD,GAAG,EAAE,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,IAAI;QAChB,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;QACd,WAAW,EAAE,IAAI;QACjB,GAAG,iBAAiB;KACrB;IACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAChB,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAC,0BAA0B,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,4BAA4B,OAAK,KAAK,GAAI;IACjH,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,0BAA0B,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAC;CACvG,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/components/RawHtml.d.ts

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

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

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

package/dist/components/RawHtml.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from '@measured/puck';
+import { withHideOn } from '@endora-commerce/page-builder-core';
+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 { sanitizeHtml } from '../utils/sanitize-html.js';
+const RawHtmlRender = (props) => {
+    const { html, sanitize = true, puck, ...box } = props;
+    const editing = puck?.isEditing === true;
+    const safe = sanitizeHtml(html ?? '', sanitize);
+    return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: 'desktop' } : {}), className: "cmsc-pb-raw-html", children: editing && !html ? (_jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b] cmsc:italic", children: "Raw HTML \u2014 trusted admin content" })) : (_jsx("div", { dangerouslySetInnerHTML: { __html: safe } })) }));
+};
+const rawHtmlConfig = {
+    label: 'Raw HTML',
+    fields: {
+        html: { type: 'textarea', label: 'HTML' },
+        sanitize: {
+            type: 'radio',
+            label: 'Sanitize',
+            options: [
+                { label: 'On (recommended)', value: true },
+                { label: 'Off (trusted)', value: false },
+            ],
+        },
+        margin: BOX_MARGIN_FIELD,
+        padding: BOX_PADDING_FIELD,
+        border: BOX_BORDER_FIELD,
+    },
+    defaultProps: {
+        html: '<p>Custom HTML</p>',
+        sanitize: true,
+        ...DEFAULT_BOX_PROPS,
+    },
+    render: RawHtmlRender,
+};
+export const RawHtml = withHideOn(rawHtmlConfig);
+//# sourceMappingURL=RawHtml.js.map

package/dist/components/RawHtml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RawHtml.js","sourceRoot":"","sources":["../../src/components/RawHtml.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAA4C,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,aAAa,GAAgC,CAAC,KAAK,EAAE,EAAE;IAC3D,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,OAAO,GAAG,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC;IAEhD,OAAO,CACL,KAAC,SAAS,OAAK,GAAG,KAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,SAAkB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,EAAC,kBAAkB,YACvG,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,YAAG,SAAS,EAAC,8CAA8C,sDAAqC,CACjG,CAAC,CAAC,CAAC,CACF,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAI,CACnD,GACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAkC;IACnD,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE;QACN,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE;QACzC,QAAQ,EAAE;YACR,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,IAAI,EAAE;gBAC1C,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE;aACzC;SACF;QACD,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,iBAAiB;QAC1B,MAAM,EAAE,gBAAgB;KACzB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,oBAAoB;QAC1B,QAAQ,EAAE,IAAI;QACd,GAAG,iBAAiB;KACrB;IACD,MAAM,EAAE,aAAa;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC"}