@endora-commerce/cms-components 0.100.0

package/dist/components/Social.d.ts

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

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

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

package/dist/components/Social.js

@@ -0,0 +1,110 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from '@measured/puck';
+import { createColorField, 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, } from '../fields/shared-fields.js';
+import { SOCIAL_BRAND_COLORS, SOCIAL_NETWORK_ICONS, SOCIAL_NETWORK_LABELS, socialItemSummary, } from './social-networks.js';
+function SocialBody({ props, tier, editing, }) {
+    const { items = [], layout = 'icons-with-labels', size = 22, gap = 12, color = '#15202b', useBrandColors = false, align, ...box } = props;
+    const alignAttrs = textAlignDataAttrs(align, 'left');
+    if (items.length === 0) {
+        return (_jsx(BoxStyled, { ...box, ...(editing && tier ? { previewTier: tier } : {}), children: _jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: editing ? 'Add social links in the Items tab.' : null }) }));
+    }
+    const listClass = ['cmsc-pb-social', `cmsc-pb-social--${layout}`].join(' ');
+    return (_jsx(BoxStyled, { ...box, ...(editing && tier ? { previewTier: tier } : {}), children: _jsx("div", { className: tier ? 'cmsc-pb-text-align' : responsiveTextAlignClass(align, 'left'), style: tier ? { textAlign: resolveTextAlignForTier(align, tier, 'left') } : undefined, ...alignAttrs, children: _jsx("ul", { className: listClass, style: { gap: `${gap}px` }, children: items.map((item, index) => {
+                    const network = (item.network in SOCIAL_NETWORK_ICONS
+                        ? item.network
+                        : 'website');
+                    const Icon = SOCIAL_NETWORK_ICONS[network];
+                    const label = item.label?.trim() || SOCIAL_NETWORK_LABELS[network];
+                    const iconColor = useBrandColors ? SOCIAL_BRAND_COLORS[network] : color;
+                    const showLabel = layout !== 'icons-only';
+                    return (_jsx("li", { children: _jsxs("a", { href: item.url || '#', className: "cmsc-pb-social__link", target: "_blank", rel: "noopener noreferrer", "aria-label": label, children: [_jsx(Icon, { size: size, color: iconColor, "aria-hidden": true }), showLabel ? _jsx("span", { className: "cmsc-pb-social__label", children: label }) : null] }) }, `${network}-${index}`));
+                }) }) }) }));
+}
+const SocialEditingRender = (props) => (_jsx(SocialBody, { props: props, tier: usePreviewBreakpointTier(), editing: true }));
+const SocialPublishedRender = (props) => (_jsx(SocialBody, { props: props, tier: null, editing: false }));
+const socialConfig = {
+    label: 'Social',
+    fields: {
+        items: {
+            type: 'array',
+            label: 'Links',
+            getItemSummary: (item, index) => socialItemSummary(item, index),
+            arrayFields: {
+                network: {
+                    type: 'select',
+                    label: 'Network',
+                    options: [
+                        { label: 'Facebook', value: 'facebook' },
+                        { label: 'X', value: 'x' },
+                        { label: 'Instagram', value: 'instagram' },
+                        { label: 'LinkedIn', value: 'linkedin' },
+                        { label: 'YouTube', value: 'youtube' },
+                        { label: 'TikTok', value: 'tiktok' },
+                        { label: 'Website', value: 'website' },
+                        { label: 'Email', value: 'email' },
+                    ],
+                },
+                label: { type: 'text', label: 'Label (optional)' },
+                url: { type: 'text', label: 'URL' },
+            },
+            defaultItemProps: {
+                network: 'linkedin',
+                label: '',
+                url: '',
+            },
+        },
+        layout: {
+            type: 'select',
+            label: 'Layout',
+            options: [
+                { label: 'Icons only', value: 'icons-only' },
+                { label: 'Icons with labels', value: 'icons-with-labels' },
+                { label: 'Vertical list', value: 'vertical-list' },
+                { label: 'Pills', value: 'pills' },
+            ],
+        },
+        size: { type: 'number', label: 'Icon size (px)', min: 14, max: 48 },
+        gap: { type: 'number', label: 'Gap (px)', min: 0, max: 48 },
+        color: createColorField({ label: 'Icon color' }),
+        useBrandColors: {
+            type: 'radio',
+            label: 'Use brand colors',
+            options: [
+                { label: 'Yes', value: true },
+                { label: 'No', value: false },
+            ],
+        },
+        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: [
+            { network: 'linkedin', label: '', url: 'https://www.linkedin.com/' },
+            { network: 'facebook', label: '', url: 'https://www.facebook.com/' },
+        ],
+        layout: 'icons-with-labels',
+        size: 22,
+        gap: 12,
+        color: '#15202b',
+        useBrandColors: true,
+        align: 'left',
+        ...DEFAULT_BOX_PROPS,
+    },
+    render: (props) => props.puck?.isEditing ? _jsx(SocialEditingRender, { ...props }) : _jsx(SocialPublishedRender, { ...props }),
+};
+export const Social = withHideOn(socialConfig);
+//# sourceMappingURL=Social.js.map

package/dist/components/Social.js.map

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

package/dist/components/Spacer.d.ts

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

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

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

package/dist/components/Spacer.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx } 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';
+function SpacerBody({ props, tier, }) {
+    const height = resolveResponsiveNumber(props.heightPx, tier, 48);
+    return (_jsx("div", { className: "cmsc-pb-spacer", style: { height: `${Math.max(0, height)}px` }, "aria-hidden": true, children: props.showDivider ? (_jsx("hr", { className: "cmsc-pb-spacer__divider", style: props.dividerColor ? { borderColor: props.dividerColor } : undefined })) : null }));
+}
+const SpacerEditingRender = (props) => (_jsx(SpacerBody, { props: props, tier: usePreviewBreakpointTier() }));
+const SpacerPublishedRender = (props) => (_jsx(SpacerBody, { props: props, tier: useViewportBreakpointTier() }));
+const spacerConfig = {
+    label: 'Spacer / Divider',
+    fields: {
+        heightPx: {
+            type: 'number',
+            label: 'Height (px)',
+            min: 0,
+            max: 400,
+            step: 4,
+            metadata: PB_RESPONSIVE_METADATA,
+        },
+        showDivider: {
+            type: 'radio',
+            label: 'Show divider line',
+            options: [
+                { label: 'Yes', value: true },
+                { label: 'No', value: false },
+            ],
+        },
+        dividerColor: createColorField({ label: 'Divider color' }),
+    },
+    defaultProps: {
+        heightPx: 48,
+        showDivider: false,
+        dividerColor: '#e2e8f0',
+    },
+    resolveFields: (data, { fields }) => {
+        if (data.props.showDivider)
+            return fields;
+        const { dividerColor: _c, ...rest } = fields;
+        return rest;
+    },
+    render: (props) => props.puck?.isEditing ? _jsx(SpacerEditingRender, { ...props }) : _jsx(SpacerPublishedRender, { ...props }),
+};
+export const Spacer = withHideOn(spacerConfig);
+//# sourceMappingURL=Spacer.js.map

package/dist/components/Spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../src/components/Spacer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAA4C,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,uBAAuB,EACvB,UAAU,GACX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AAErF,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,IAAI,GAIL;IACC,MAAM,MAAM,GAAG,uBAAuB,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;IACjE,OAAO,CACL,cACE,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,EAAE,iCAG5C,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,aACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,GAC3E,CACH,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,mBAAmB,GAA+B,CAAC,KAAK,EAAE,EAAE,CAAC,CACjE,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,wBAAwB,EAAE,GAAI,CAC/D,CAAC;AAEF,MAAM,qBAAqB,GAA+B,CAAC,KAAK,EAAE,EAAE,CAAC,CACnE,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,yBAAyB,EAAE,GAAI,CAChE,CAAC;AAEF,MAAM,YAAY,GAAiC;IACjD,KAAK,EAAE,kBAAkB;IACzB,MAAM,EAAE;QACN,QAAQ,EAAE;YACR,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,aAAa;YACpB,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,sBAAsB;SACjC;QACD,WAAW,EAAE;YACX,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,mBAAmB;YAC1B,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;gBAC7B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;aAC9B;SACF;QACD,YAAY,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC;KAC3D;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,KAAK;QAClB,YAAY,EAAE,SAAS;KACxB;IACD,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;QAClC,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW;YAAE,OAAO,MAAM,CAAC;QAC1C,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;QAC7C,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAChB,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAC,mBAAmB,OAAK,KAAK,GAAI,CAAC,CAAC,CAAC,KAAC,qBAAqB,OAAK,KAAK,GAAI;CACpG,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC"}

package/dist/components/Stats.d.ts

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

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

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

package/dist/components/Stats.js

@@ -0,0 +1,71 @@
+'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';
+function StatsBody({ props, tier, editing, }) {
+    const { items = [], columns = 4, gap = 24, align = 'center', valueColor = '#0f766e', ...box } = props;
+    const cols = Math.max(1, Math.min(6, Math.round(resolveResponsiveNumber(columns, tier, 4))));
+    return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: tier } : {}), children: _jsx("ul", { className: "cmsc-pb-stats", style: {
+                gap: `${gap}px`,
+                gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
+                textAlign: align,
+            }, children: items.map((item, index) => (_jsxs("li", { className: "cmsc-pb-stats__item", children: [_jsx("div", { className: "cmsc-pb-stats__value", style: { color: valueColor }, children: item.value }), _jsx("div", { className: "cmsc-pb-stats__label", children: item.label })] }, `${item.label}-${index}`))) }) }));
+}
+const StatsEditingRender = (props) => (_jsx(StatsBody, { props: props, tier: usePreviewBreakpointTier(), editing: true }));
+const StatsPublishedRender = (props) => (_jsx(StatsBody, { props: props, tier: useViewportBreakpointTier(), editing: false }));
+const statsConfig = {
+    label: 'Stats',
+    fields: {
+        items: {
+            type: 'array',
+            label: 'Metrics',
+            getItemSummary: (item) => `${item.value || '—'} · ${item.label || 'Metric'}`,
+            arrayFields: {
+                value: { type: 'text', label: 'Value' },
+                label: { type: 'text', label: 'Label' },
+            },
+            defaultItemProps: { value: '100+', label: 'Customers' },
+        },
+        columns: {
+            type: 'number',
+            label: 'Columns',
+            min: 1,
+            max: 6,
+            metadata: PB_RESPONSIVE_METADATA,
+        },
+        gap: { type: 'number', label: 'Gap (px)', min: 0, max: 64 },
+        align: {
+            type: 'select',
+            label: 'Align',
+            options: [
+                { label: 'Left', value: 'left' },
+                { label: 'Center', value: 'center' },
+                { label: 'Right', value: 'right' },
+            ],
+        },
+        valueColor: createColorField({ label: 'Value color' }),
+        margin: BOX_MARGIN_FIELD,
+        padding: BOX_PADDING_FIELD,
+        border: BOX_BORDER_FIELD,
+    },
+    defaultProps: {
+        items: [
+            { value: '2.5k+', label: 'SKU online' },
+            { value: '98%', label: 'On-time delivery' },
+            { value: '40+', label: 'Markets' },
+            { value: '24/7', label: 'Support' },
+        ],
+        columns: 4,
+        gap: 24,
+        align: 'center',
+        valueColor: '#0f766e',
+        ...DEFAULT_BOX_PROPS,
+    },
+    render: (props) => props.puck?.isEditing ? _jsx(StatsEditingRender, { ...props }) : _jsx(StatsPublishedRender, { ...props }),
+};
+export const Stats = withHideOn(statsConfig);
+//# sourceMappingURL=Stats.js.map

package/dist/components/Stats.js.map

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

package/dist/components/Tabs.d.ts

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

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

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

package/dist/components/Tabs.js

@@ -0,0 +1,70 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+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 TabsRender = (props) => {
+    const { items = [], defaultTab = 0, variant = 'underline', align = 'start', puck, ...box } = props;
+    const editing = puck?.isEditing === true;
+    const [active, setActive] = useState(Math.min(defaultTab, Math.max(0, items.length - 1)));
+    const onKeyDown = (e) => {
+        if (e.key !== 'ArrowLeft' && e.key !== 'ArrowRight')
+            return;
+        e.preventDefault();
+        const dir = e.key === 'ArrowRight' ? 1 : -1;
+        setActive((prev) => (prev + dir + items.length) % items.length);
+    };
+    if (items.length === 0) {
+        return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: 'desktop' } : {}), children: _jsx("p", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: "Add tabs in the sidebar" }) }));
+    }
+    return (_jsx(BoxStyled, { ...box, ...(editing ? { previewTier: 'desktop' } : {}), children: _jsxs("div", { className: `cmsc-pb-tabs cmsc-pb-tabs--${variant} cmsc-pb-tabs--align-${align}`, children: [_jsx("div", { className: "cmsc-pb-tabs__list", role: "tablist", onKeyDown: onKeyDown, children: items.map((item, i) => (_jsx("button", { type: "button", role: "tab", id: `cmsc-tab-${i}`, "aria-selected": active === i, "aria-controls": `cmsc-tabpanel-${i}`, className: `cmsc-pb-tabs__tab${active === i ? ' cmsc-pb-tabs__tab--active' : ''}`, onClick: () => setActive(i), children: item.label || `Tab ${i + 1}` }, i))) }), items.map((item, i) => (_jsx("div", { role: "tabpanel", id: `cmsc-tabpanel-${i}`, "aria-labelledby": `cmsc-tab-${i}`, hidden: active !== i, className: "cmsc-pb-tabs__panel", children: _jsx("div", { dangerouslySetInnerHTML: { __html: sanitizeHtml(item.content ?? '') } }) }, i)))] }) }));
+};
+const tabsConfig = {
+    label: 'Tabs',
+    fields: {
+        items: {
+            type: 'array',
+            label: 'Tabs',
+            arrayFields: {
+                label: { type: 'text', label: 'Label' },
+                content: { type: 'textarea', label: 'Content (HTML)' },
+            },
+            defaultItemProps: { label: 'Tab', content: '<p>Tab content</p>' },
+        },
+        defaultTab: { type: 'number', label: 'Default tab index', min: 0 },
+        variant: {
+            type: 'select',
+            label: 'Style',
+            options: [
+                { label: 'Underline', value: 'underline' },
+                { label: 'Pills', value: 'pills' },
+                { label: 'Boxed', value: 'boxed' },
+            ],
+        },
+        align: {
+            type: 'select',
+            label: 'Align',
+            options: [
+                { label: 'Start', value: 'start' },
+                { label: 'Center', value: 'center' },
+                { label: 'Stretch', value: 'stretch' },
+            ],
+        },
+        margin: BOX_MARGIN_FIELD,
+        padding: BOX_PADDING_FIELD,
+        border: BOX_BORDER_FIELD,
+    },
+    defaultProps: {
+        items: [{ label: 'Tab 1', content: '<p>First tab</p>' }, { label: 'Tab 2', content: '<p>Second tab</p>' }],
+        defaultTab: 0,
+        variant: 'underline',
+        align: 'start',
+        ...DEFAULT_BOX_PROPS,
+    },
+    render: TabsRender,
+};
+export const Tabs = withHideOn(tabsConfig);
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs.js.map

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

package/dist/components/Testimonial.d.ts

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

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

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