@endora-commerce/cms-components 0.100.0

package/dist/components/Heading.js

@@ -0,0 +1,116 @@
+'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 { editingTypographyStyle, hasCustomFontSize, HEADING_DEFAULT_SIZE_PX, responsiveTypographyVars, typographyStyle, } from './typography.js';
+function normalizeHeadingLevel(level) {
+    if (typeof level === 'string' && /^h[1-6]$/.test(level)) {
+        return level;
+    }
+    if (typeof level === 'number' && level >= 1 && level <= 6) {
+        return `h${level}`;
+    }
+    return 'h2';
+}
+function resolveHeadingAlign(props) {
+    return props.textAlign ?? props.align;
+}
+function headingDefaults(level) {
+    return {
+        fontSize: HEADING_DEFAULT_SIZE_PX[level],
+        fontWeight: 700,
+        lineHeight: 1.12,
+    };
+}
+const HeadingEditingRender = (props) => {
+    const tier = usePreviewBreakpointTier();
+    const { level, text, ...box } = props;
+    const Tag = normalizeHeadingLevel(level);
+    const resolvedAlign = resolveHeadingAlign(props);
+    const alignAttrs = textAlignDataAttrs(resolvedAlign, 'left');
+    const defaults = headingDefaults(Tag);
+    const useResponsiveSize = hasCustomFontSize(props.fontSize);
+    return (_jsx(BoxStyled, { previewTier: tier, ...box, children: _jsx(Tag, { className: `cmsc:font-sans cmsc:m-0 cmsc:text-[#15202b] cmsc:font-bold cmsc-pb-text-align ${useResponsiveSize ? 'cmsc-pb-text-size cmsc-pb-text-weight cmsc-pb-text-leading' : ''}`, style: {
+                ...typographyStyle({
+                    ...(props.fontFamily !== undefined ? { fontFamily: props.fontFamily } : {}),
+                    ...(props.fontStyle !== undefined ? { fontStyle: props.fontStyle } : {}),
+                    color: props.color,
+                }),
+                ...(useResponsiveSize
+                    ? editingTypographyStyle(props, tier, defaults)
+                    : {
+                        fontSize: `${defaults.fontSize}px`,
+                        fontWeight: defaults.fontWeight,
+                        lineHeight: defaults.lineHeight,
+                    }),
+                textAlign: resolveTextAlignForTier(resolvedAlign, tier, 'left'),
+            }, ...alignAttrs, children: text }) }));
+};
+const HeadingPublishedRender = (props) => {
+    const { level, text, ...box } = props;
+    const Tag = normalizeHeadingLevel(level);
+    const resolvedAlign = resolveHeadingAlign(props);
+    const alignAttrs = textAlignDataAttrs(resolvedAlign, 'left');
+    const defaults = headingDefaults(Tag);
+    const useResponsiveSize = hasCustomFontSize(props.fontSize);
+    return (_jsx(BoxStyled, { ...box, children: _jsx(Tag, { className: `cmsc:font-sans cmsc:m-0 cmsc:text-[#15202b] cmsc:font-bold ${responsiveTextAlignClass(resolvedAlign, 'left')} ${useResponsiveSize ? 'cmsc-pb-text-size cmsc-pb-text-weight cmsc-pb-text-leading' : ''}`, style: {
+                ...(useResponsiveSize ? responsiveTypographyVars(props, defaults) : {}),
+                ...typographyStyle({
+                    ...(props.fontFamily !== undefined ? { fontFamily: props.fontFamily } : {}),
+                    ...(props.fontStyle !== undefined ? { fontStyle: props.fontStyle } : {}),
+                    color: props.color,
+                }),
+                ...(!useResponsiveSize
+                    ? {
+                        fontSize: `${defaults.fontSize}px`,
+                        fontWeight: defaults.fontWeight,
+                        lineHeight: defaults.lineHeight,
+                    }
+                    : {}),
+            }, ...alignAttrs, children: text }) }));
+};
+const headingConfig = {
+    label: 'Heading',
+    fields: {
+        level: {
+            type: 'select',
+            label: 'Level',
+            options: [
+                { label: 'H1', value: 'h1' },
+                { label: 'H2', value: 'h2' },
+                { label: 'H3', value: 'h3' },
+                { label: 'H4', value: 'h4' },
+                { label: 'H5', value: 'h5' },
+                { label: 'H6', value: 'h6' },
+            ],
+        },
+        text: { type: 'textarea', label: 'Text', contentEditable: true },
+        ...TEXT_TYPOGRAPHY_FIELDS,
+        margin: BOX_MARGIN_FIELD,
+        padding: BOX_PADDING_FIELD,
+        border: BOX_BORDER_FIELD,
+    },
+    defaultProps: {
+        level: 'h2',
+        text: 'Section heading',
+        fontFamily: 'sans',
+        fontStyle: 'normal',
+        color: '#15202b',
+        fontWeight: 700,
+        textAlign: 'left',
+        lineHeight: 1.12,
+        ...DEFAULT_BOX_PROPS,
+    },
+    resolveData: async ({ props }) => {
+        if (props.align !== undefined && props.textAlign === undefined) {
+            return { props: { ...props, textAlign: props.align } };
+        }
+        return { props };
+    },
+    render: (props) => props.puck?.isEditing ? _jsx(HeadingEditingRender, { ...props }) : _jsx(HeadingPublishedRender, { ...props }),
+};
+export const Heading = withHideOn(headingConfig);
+//# sourceMappingURL=Heading.js.map

package/dist/components/Heading.js.map

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

package/dist/components/Hero.d.ts

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

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

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

package/dist/components/Hero.js

@@ -0,0 +1,186 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from '@measured/puck';
+import { PB_RESPONSIVE_METADATA, buildResponsiveSpacingVars, createColorField, resolveResponsive, resolveResponsiveNumber, spacingStyleForTier, 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 { 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 { resolveButtonHref } from './button-link.js';
+const variantStyles = {
+    primary: 'cmsc-pb-btn-primary',
+    secondary: 'cmsc-pb-btn-secondary',
+    ghost: 'cmsc-pb-btn-ghost',
+};
+function contentPaddingStyle(padding, tier) {
+    if (tier)
+        return spacingStyleForTier(padding, tier, 'padding');
+    return buildResponsiveSpacingVars('padding', padding);
+}
+function buttonColorStyle(props) {
+    const style = {};
+    if (props.buttonBackgroundColor && props.buttonBackgroundColor !== 'transparent') {
+        style.backgroundColor = props.buttonBackgroundColor;
+        style.borderColor = props.buttonBackgroundColor;
+    }
+    if (props.buttonTextColor && props.buttonTextColor !== 'transparent') {
+        style.color = props.buttonTextColor;
+    }
+    return style;
+}
+function variantClasses(variant) {
+    const mobile = resolveResponsive(variant, 'mobile', 'primary');
+    const tablet = resolveResponsive(variant, 'tablet', 'primary');
+    const desktop = resolveResponsive(variant, 'desktop', 'primary');
+    const classes = [variantStyles[mobile], 'cmsc-pb-btn-variant', 'cmsc-pb-hero__cta'];
+    if (tablet !== mobile)
+        classes.push(`cmsc-pb-btn-variant-md-${tablet}`);
+    if (desktop !== tablet)
+        classes.push(`cmsc-pb-btn-variant-lg-${desktop}`);
+    return classes.join(' ');
+}
+const HERO_FIELDS = {
+    heading: { type: 'text', label: 'Heading' },
+    subtitle: { type: 'textarea', label: 'Subtitle' },
+    buttonLabel: { type: 'text', label: 'Button label' },
+    buttonLinkType: {
+        type: 'select',
+        label: 'Button link type',
+        options: [
+            { label: 'Static URL', value: 'url' },
+            { label: 'Product', value: 'product' },
+            { label: 'Category', value: 'category' },
+            { label: 'CMS page', value: 'page' },
+        ],
+    },
+    buttonLinkSlug: { type: 'text', label: 'Button link target (slug)' },
+    buttonHref: { type: 'text', label: 'Button URL' },
+    buttonTarget: {
+        type: 'select',
+        label: 'Button target',
+        options: [
+            { label: 'Same tab', value: '_self' },
+            { label: 'New tab', value: '_blank' },
+        ],
+    },
+    buttonVariant: {
+        type: 'select',
+        label: 'Button variant',
+        metadata: PB_RESPONSIVE_METADATA,
+        options: [
+            { label: 'Primary', value: 'primary' },
+            { label: 'Secondary', value: 'secondary' },
+            { label: 'Ghost', value: 'ghost' },
+        ],
+    },
+    buttonBackgroundColor: createColorField({ label: 'Button background' }),
+    buttonTextColor: createColorField({ label: 'Button text color' }),
+    background: BACKGROUND_FIELD,
+    overlayOpacity: {
+        type: 'number',
+        label: 'Overlay opacity (%)',
+        min: 0,
+        max: 90,
+        step: 5,
+    },
+    textColor: createColorField({ label: 'Text color' }),
+    contentAlign: {
+        type: 'select',
+        label: 'Content align',
+        options: [
+            { label: 'Left', value: 'left' },
+            { label: 'Center', value: 'center' },
+            { label: 'Right', value: 'right' },
+        ],
+    },
+    minHeightPx: {
+        type: 'number',
+        label: 'Min height (px)',
+        min: 160,
+        max: 900,
+        step: 8,
+        metadata: PB_RESPONSIVE_METADATA,
+    },
+    cornerRadius: CORNER_RADIUS_FIELD,
+    shadow: SHADOW_FIELD,
+    margin: BOX_MARGIN_FIELD,
+    padding: BOX_PADDING_FIELD,
+    border: BOX_BORDER_FIELD,
+};
+function HeroBody({ props, tier, editing, }) {
+    const { heading, subtitle = '', buttonLabel = '', buttonHref = '', buttonLinkType = 'url', buttonLinkSlug = '', buttonTarget = '_self', buttonVariant = 'primary', buttonBackgroundColor, buttonTextColor, minHeightPx = 320, contentAlign = 'left', overlayOpacity = 40, textColor = '#ffffff', background, cornerRadius, shadow, padding, margin, border, ...rest } = props;
+    const minHeight = resolveResponsiveNumber(minHeightPx, tier, 320);
+    const overlayAlpha = Math.min(100, Math.max(0, overlayOpacity)) / 100;
+    const resolvedHref = resolveButtonHref({
+        linkType: buttonLinkType,
+        linkSlug: buttonLinkSlug,
+        href: buttonHref,
+    });
+    const resolvedVariant = resolveResponsive(buttonVariant, tier, 'primary');
+    const colorStyle = buttonColorStyle({ buttonBackgroundColor, buttonTextColor });
+    const hasCustomColors = Object.keys(colorStyle).length > 0;
+    return (_jsx(BoxStyled, { ...rest, ...(margin !== undefined ? { margin } : {}), ...(border !== undefined ? { border } : {}), ...(background !== undefined ? { background } : {}), ...(cornerRadius !== undefined ? { cornerRadius } : {}), ...(shadow !== undefined ? { shadow } : {}), ...(editing ? { previewTier: tier } : {}), className: "cmsc-pb-hero", style: {
+            minHeight: `${minHeight}px`,
+            color: textColor,
+            ['--cmsc-hero-overlay']: String(overlayAlpha),
+        }, children: _jsxs("div", { className: "cmsc-pb-hero__frame", children: [_jsx("div", { className: "cmsc-pb-hero__overlay", "aria-hidden": true }), _jsxs("div", { className: `cmsc-pb-hero__content${editing ? '' : ' cmsc-pb-padding'}`, style: {
+                        textAlign: contentAlign,
+                        ...contentPaddingStyle(padding, editing ? tier : null),
+                    }, children: [_jsx("h2", { className: "cmsc-pb-hero__heading", children: heading }), subtitle ? _jsx("p", { className: "cmsc-pb-hero__subtitle", children: subtitle }) : null, buttonLabel ? (_jsx("a", { className: hasCustomColors
+                                ? 'cmsc-pb-hero__cta cmsc:inline-flex cmsc:items-center cmsc:justify-center cmsc:min-h-[40px] cmsc:px-[18px] cmsc:border cmsc:border-solid cmsc:rounded-[8px] cmsc:text-[14px] cmsc:font-bold cmsc:leading-none cmsc:no-underline'
+                                : editing
+                                    ? `${variantStyles[resolvedVariant]} cmsc-pb-btn-variant cmsc-pb-hero__cta cmsc:inline-flex cmsc:items-center cmsc:justify-center cmsc:min-h-[40px] cmsc:px-[18px] cmsc:border cmsc:border-solid cmsc:rounded-[8px] cmsc:text-[14px] cmsc:font-bold cmsc:leading-none cmsc:no-underline`
+                                    : `${variantClasses(buttonVariant)} cmsc:inline-flex cmsc:items-center cmsc:justify-center cmsc:min-h-[40px] cmsc:px-[18px] cmsc:border cmsc:border-solid cmsc:rounded-[8px] cmsc:text-[14px] cmsc:font-bold cmsc:leading-none cmsc:no-underline`, href: resolvedHref || '#', target: buttonTarget, rel: buttonTarget === '_blank' ? 'noreferrer' : undefined, style: colorStyle, children: buttonLabel })) : null] })] }) }));
+}
+const HeroEditingRender = (props) => (_jsx(HeroBody, { props: props, tier: usePreviewBreakpointTier(), editing: true }));
+const HeroPublishedRender = (props) => (_jsx(HeroBody, { props: props, tier: useViewportBreakpointTier(), editing: false }));
+const heroConfig = {
+    label: 'Hero / CTA banner',
+    fields: HERO_FIELDS,
+    defaultProps: {
+        heading: 'Grow your B2B sales',
+        subtitle: 'Publish landing pages with catalog, content, and CTAs in one place.',
+        buttonLabel: 'Get started',
+        buttonLinkType: 'url',
+        buttonLinkSlug: '',
+        buttonHref: '/',
+        buttonTarget: '_self',
+        buttonVariant: 'primary',
+        minHeightPx: 360,
+        contentAlign: 'left',
+        overlayOpacity: 45,
+        textColor: '#ffffff',
+        ...DEFAULT_BOX_PROPS,
+        background: {
+            kind: 'gradient',
+            gradientFrom: '#0f766e',
+            gradientTo: '#134e4a',
+            gradientAngle: 135,
+        },
+        padding: { mode: 'uniform', value: 48 },
+    },
+    resolveFields: (data) => {
+        const linkType = data.props.buttonLinkType ?? 'url';
+        if (linkType === 'url') {
+            const { buttonLinkSlug: _removed, ...rest } = HERO_FIELDS;
+            return rest;
+        }
+        const { buttonHref: _removed, ...rest } = HERO_FIELDS;
+        return rest;
+    },
+    resolveData: async ({ props }) => {
+        const linkType = props.buttonLinkType ?? 'url';
+        const href = resolveButtonHref({
+            linkType,
+            linkSlug: props.buttonLinkSlug,
+            href: props.buttonHref,
+        });
+        if (linkType !== 'url' && href !== props.buttonHref) {
+            return { props: { ...props, buttonHref: href } };
+        }
+        return { props };
+    },
+    render: (props) => props.puck?.isEditing ? _jsx(HeroEditingRender, { ...props }) : _jsx(HeroPublishedRender, { ...props }),
+};
+export const Hero = withHideOn(heroConfig);
+//# sourceMappingURL=Hero.js.map

package/dist/components/Hero.js.map

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

package/dist/components/IconPickerField.d.ts

@@ -0,0 +1,3 @@
+import type { Field } from '@measured/puck';
+export declare function createIconPickerField(label?: string): Field<string>;
+//# sourceMappingURL=IconPickerField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerField.d.ts","sourceRoot":"","sources":["../../src/components/IconPickerField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AA4E5C,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAanE"}

package/dist/components/IconPickerField.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { FieldLabel } from '@measured/puck';
+import { CMS_ICON_CATALOG, humanizeIconName, resolveCmsIcon, } from './icon-catalog.js';
+function IconPickerControl({ value, onChange, readOnly, label, }) {
+    const [query, setQuery] = useState('');
+    const selected = (value && value in CMS_ICON_CATALOG ? value : 'star');
+    const SelectedIcon = resolveCmsIcon(selected);
+    const filtered = useMemo(() => {
+        const q = query.trim().toLowerCase();
+        const names = Object.keys(CMS_ICON_CATALOG);
+        if (!q)
+            return names;
+        return names.filter((name) => name.toLowerCase().includes(q) || humanizeIconName(name).toLowerCase().includes(q));
+    }, [query]);
+    return (_jsx(FieldLabel, { label: label, ...(readOnly === true ? { readOnly: true } : {}), children: _jsxs("div", { className: "cmsc-pb-icon-picker", children: [_jsxs("div", { className: "cmsc-pb-icon-picker__selected", children: [SelectedIcon ? _jsx(SelectedIcon, { size: 22, "aria-hidden": true }) : null, _jsx("span", { children: humanizeIconName(selected) })] }), _jsx("input", { type: "search", className: "cmsc-pb-icon-picker__search", placeholder: "Search icons\u2026", value: query, disabled: readOnly === true, onChange: (e) => setQuery(e.target.value) }), _jsx("div", { className: "cmsc-pb-icon-picker__grid", role: "listbox", "aria-label": "Icons", children: filtered.map((name) => {
+                        const Icon = CMS_ICON_CATALOG[name];
+                        const isActive = name === selected;
+                        return (_jsx("button", { type: "button", role: "option", "aria-selected": isActive, title: humanizeIconName(name), disabled: readOnly === true, className: `cmsc-pb-icon-picker__item${isActive ? ' cmsc-pb-icon-picker__item--active' : ''}`, onClick: () => onChange(name), children: _jsx(Icon, { size: 18, "aria-hidden": true }) }, name));
+                    }) }), filtered.length === 0 ? (_jsxs("p", { className: "cmsc-pb-icon-picker__empty", children: ["No icons match \u201C", query, "\u201D."] })) : null] }) }));
+}
+export function createIconPickerField(label = 'Icon') {
+    return {
+        type: 'custom',
+        label,
+        render: ({ value, onChange, readOnly }) => (_jsx(IconPickerControl, { value: value, onChange: onChange, label: label, ...(readOnly === true ? { readOnly: true } : {}) })),
+    };
+}
+//# sourceMappingURL=IconPickerField.js.map

package/dist/components/IconPickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerField.js","sourceRoot":"","sources":["../../src/components/IconPickerField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,GAEf,MAAM,mBAAmB,CAAC;AAE3B,SAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAMN;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,CAAC,KAAK,IAAI,KAAK,IAAI,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAgB,CAAC;IACtF,MAAM,YAAY,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QACrC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAkB,CAAC;QAC7D,IAAI,CAAC,CAAC;YAAE,OAAO,KAAK,CAAC;QACrB,OAAO,KAAK,CAAC,MAAM,CACjB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC7F,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,KAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YACzE,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,+BAA+B,aAC3C,YAAY,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,wBAAgB,CAAC,CAAC,CAAC,IAAI,EAC7D,yBAAO,gBAAgB,CAAC,QAAQ,CAAC,GAAQ,IACrC,EACN,gBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6BAA6B,EACvC,WAAW,EAAC,oBAAe,EAC3B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC/C,EACF,cAAK,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,SAAS,gBAAY,OAAO,YACzE,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBACrB,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;wBACpC,MAAM,QAAQ,GAAG,IAAI,KAAK,QAAQ,CAAC;wBACnC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,mBACE,QAAQ,EACvB,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,EAC7B,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC3B,SAAS,EAAE,4BAA4B,QAAQ,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7F,OAAO,EAAE,GAAS,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,YAEnC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,wBAAgB,IATzB,IAAI,CAUF,CACV,CAAC;oBACJ,CAAC,CAAC,GACE,EACL,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,aAAG,SAAS,EAAC,4BAA4B,sCAAkB,KAAK,eAAO,CACxE,CAAC,CAAC,CAAC,IAAI,IACJ,GACK,CACd,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,KAAK,GAAG,MAAM;IAClD,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,KAAK;QACL,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACzC,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,KACR,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACjD,CACH;KACF,CAAC;AACJ,CAAC"}

package/dist/components/Icons.d.ts

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

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

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

package/dist/components/Icons.js

@@ -0,0 +1,62 @@
+'use client';
+import { jsx as _jsx } 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 { createIconPickerField } from './IconPickerField.js';
+import { resolveCmsIcon } from './icon-catalog.js';
+function IconsBody({ props, tier, editing, }) {
+    const { name, size = 32, color = '#15202b', strokeWidth = 2, align, href, linkTarget, ...box } = props;
+    const Icon = resolveCmsIcon(name);
+    const alignAttrs = textAlignDataAttrs(align, 'left');
+    const iconNode = Icon ? (_jsx(Icon, { size: size, color: color, strokeWidth: strokeWidth, "aria-hidden": !href })) : editing ? (_jsx("span", { className: "cmsc:text-sm cmsc:text-[#64748b]", children: "Select an icon" })) : null;
+    const content = href && Icon ? (_jsx("a", { href: href, target: linkTarget ?? '_self', rel: linkTarget === '_blank' ? 'noreferrer' : undefined, className: "cmsc:inline-flex", "aria-label": name, children: iconNode })) : (_jsx("span", { className: "cmsc:inline-flex", children: iconNode }));
+    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: content }) }));
+}
+const IconsEditingRender = (props) => (_jsx(IconsBody, { props: props, tier: usePreviewBreakpointTier(), editing: true }));
+const IconsPublishedRender = (props) => (_jsx(IconsBody, { props: props, tier: null, editing: false }));
+const iconsConfig = {
+    label: 'Icons',
+    fields: {
+        name: createIconPickerField('Icon'),
+        size: { type: 'number', label: 'Size (px)', min: 12, max: 128, step: 2 },
+        color: createColorField({ label: 'Color' }),
+        strokeWidth: { type: 'number', label: 'Stroke width', min: 1, max: 3, step: 0.25 },
+        align: {
+            type: 'select',
+            label: 'Align',
+            options: [
+                { label: 'Left', value: 'left' },
+                { label: 'Center', value: 'center' },
+                { label: 'Right', value: 'right' },
+            ],
+        },
+        href: { type: 'text', label: 'Link URL (optional)' },
+        linkTarget: {
+            type: 'select',
+            label: 'Link target',
+            options: [
+                { label: 'Same tab', value: '_self' },
+                { label: 'New tab', value: '_blank' },
+            ],
+        },
+        margin: BOX_MARGIN_FIELD,
+        padding: BOX_PADDING_FIELD,
+        border: BOX_BORDER_FIELD,
+    },
+    defaultProps: {
+        name: 'star',
+        size: 32,
+        color: '#15202b',
+        strokeWidth: 2,
+        align: 'left',
+        href: '',
+        linkTarget: '_self',
+        ...DEFAULT_BOX_PROPS,
+    },
+    render: (props) => props.puck?.isEditing ? _jsx(IconsEditingRender, { ...props }) : _jsx(IconsPublishedRender, { ...props }),
+};
+export const Icons = withHideOn(iconsConfig);
+//# sourceMappingURL=Icons.js.map

package/dist/components/Icons.js.map

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

package/dist/components/Image.d.ts

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

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

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