@deneb-ui/ui 2.0.0

package/dist/index.js

@@ -0,0 +1,106 @@
+"use strict";
+/**
+ * DENEB UI — The Visual-First React Framework for High-Converting Storefronts
+ * Created by Chamika Gayashan (CEE G)
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CEEG_AUTHOR = exports.CEEG_FRAMEWORK_VERSION = exports.CEEG_FRAMEWORK_NAME = exports.DENEB_AUTHOR = exports.DENEB_FRAMEWORK_VERSION = exports.DENEB_FRAMEWORK_NAME = exports.HeroSplit = exports.Hero = exports.Footer = exports.Header = exports.Navbar = exports.ContactForm = exports.FAQ = exports.Accordion = exports.TestimonialCard = exports.PricingCard = exports.ServiceCard = exports.ProductCard = exports.List = exports.Box = exports.Section = exports.Grid = exports.Image = exports.Quote = exports.Badge = exports.Paragraph = exports.Heading = exports.Text = exports.Dialog = exports.Card = exports.Button = void 0;
+__exportStar(require("./EditableText"), exports);
+__exportStar(require("./EditableImage"), exports);
+__exportStar(require("./EditableList"), exports);
+__exportStar(require("./EditableBox"), exports);
+__exportStar(require("./EditableGrid"), exports);
+__exportStar(require("./EditableSection"), exports);
+__exportStar(require("./EditableProductCard"), exports);
+__exportStar(require("./EditableServiceCard"), exports);
+__exportStar(require("./EditableCard"), exports);
+__exportStar(require("./EditablePricingCard"), exports);
+__exportStar(require("./EditableTestimonialCard"), exports);
+__exportStar(require("./EditableFAQAccordion"), exports);
+__exportStar(require("./EditableContactForm"), exports);
+__exportStar(require("./EditableNavbar"), exports);
+__exportStar(require("./EditableFooter"), exports);
+__exportStar(require("./EditableHero"), exports);
+__exportStar(require("./EditableDialog"), exports);
+__exportStar(require("./ThemeStyles"), exports);
+__exportStar(require("./SiteDataProvider"), exports);
+// Smart template components & actions
+__exportStar(require("./utils"), exports);
+__exportStar(require("./core"), exports);
+__exportStar(require("./contact"), exports);
+__exportStar(require("./location"), exports);
+__exportStar(require("./social"), exports);
+__exportStar(require("./business"), exports);
+// Canonical DENEB UI Component Aliases (shadcn / HeroUI style)
+var EditableText_1 = require("./EditableText");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return EditableText_1.EditableButton; } });
+var EditableCard_1 = require("./EditableCard");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return EditableCard_1.EditableCard; } });
+var EditableDialog_1 = require("./EditableDialog");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return EditableDialog_1.EditableDialog; } });
+var EditableText_2 = require("./EditableText");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return EditableText_2.EditableText; } });
+var EditableText_3 = require("./EditableText");
+Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return EditableText_3.EditableHeading; } });
+var EditableText_4 = require("./EditableText");
+Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return EditableText_4.EditableParagraph; } });
+var EditableText_5 = require("./EditableText");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return EditableText_5.EditableBadge; } });
+var EditableText_6 = require("./EditableText");
+Object.defineProperty(exports, "Quote", { enumerable: true, get: function () { return EditableText_6.EditableQuote; } });
+var EditableImage_1 = require("./EditableImage");
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return EditableImage_1.EditableImage; } });
+var EditableGrid_1 = require("./EditableGrid");
+Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return EditableGrid_1.EditableGrid; } });
+var EditableSection_1 = require("./EditableSection");
+Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return EditableSection_1.EditableSection; } });
+var EditableBox_1 = require("./EditableBox");
+Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return EditableBox_1.EditableBox; } });
+var EditableList_1 = require("./EditableList");
+Object.defineProperty(exports, "List", { enumerable: true, get: function () { return EditableList_1.EditableList; } });
+var EditableProductCard_1 = require("./EditableProductCard");
+Object.defineProperty(exports, "ProductCard", { enumerable: true, get: function () { return EditableProductCard_1.EditableProductCard; } });
+var EditableServiceCard_1 = require("./EditableServiceCard");
+Object.defineProperty(exports, "ServiceCard", { enumerable: true, get: function () { return EditableServiceCard_1.EditableServiceCard; } });
+var EditablePricingCard_1 = require("./EditablePricingCard");
+Object.defineProperty(exports, "PricingCard", { enumerable: true, get: function () { return EditablePricingCard_1.EditablePricingCard; } });
+var EditableTestimonialCard_1 = require("./EditableTestimonialCard");
+Object.defineProperty(exports, "TestimonialCard", { enumerable: true, get: function () { return EditableTestimonialCard_1.EditableTestimonialCard; } });
+var EditableFAQAccordion_1 = require("./EditableFAQAccordion");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return EditableFAQAccordion_1.EditableFAQAccordion; } });
+Object.defineProperty(exports, "FAQ", { enumerable: true, get: function () { return EditableFAQAccordion_1.EditableFAQAccordion; } });
+var EditableContactForm_1 = require("./EditableContactForm");
+Object.defineProperty(exports, "ContactForm", { enumerable: true, get: function () { return EditableContactForm_1.EditableContactForm; } });
+var EditableNavbar_1 = require("./EditableNavbar");
+Object.defineProperty(exports, "Navbar", { enumerable: true, get: function () { return EditableNavbar_1.EditableNavbar; } });
+Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return EditableNavbar_1.EditableNavbar; } });
+var EditableFooter_1 = require("./EditableFooter");
+Object.defineProperty(exports, "Footer", { enumerable: true, get: function () { return EditableFooter_1.EditableFooter; } });
+var EditableHero_1 = require("./EditableHero");
+Object.defineProperty(exports, "Hero", { enumerable: true, get: function () { return EditableHero_1.EditableHeroCentered; } });
+Object.defineProperty(exports, "HeroSplit", { enumerable: true, get: function () { return EditableHero_1.EditableHeroSplit; } });
+/**
+ * DENEB UI Framework Metadata
+ * Developed by Chamika Gayashan (CEE G)
+ */
+exports.DENEB_FRAMEWORK_NAME = 'DENEB UI';
+exports.DENEB_FRAMEWORK_VERSION = '2.0.0';
+exports.DENEB_AUTHOR = 'Chamika Gayashan (CEE G)';
+// Backward compatibility alias
+exports.CEEG_FRAMEWORK_NAME = exports.DENEB_FRAMEWORK_NAME;
+exports.CEEG_FRAMEWORK_VERSION = exports.DENEB_FRAMEWORK_VERSION;
+exports.CEEG_AUTHOR = exports.DENEB_AUTHOR;

package/dist/location/Address.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface AddressProps extends React.HTMLAttributes<HTMLElement> {
+    address?: string | null;
+    city?: string | null;
+    country?: string | null;
+    postalCode?: string | null;
+    fieldPath?: string;
+    addressFieldPath?: string;
+    cityFieldPath?: string;
+    countryFieldPath?: string;
+    postalCodeFieldPath?: string;
+    inline?: boolean;
+}
+export declare function Address({ address, city, country, postalCode, fieldPath, addressFieldPath, cityFieldPath, countryFieldPath, postalCodeFieldPath, inline, className, style, ...rest }: AddressProps): React.JSX.Element | null;

package/dist/location/Address.js

@@ -0,0 +1,26 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Address = Address;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Address({ address, city, country, postalCode, fieldPath, addressFieldPath = 'common.business.location.address', cityFieldPath = 'common.business.location.city', countryFieldPath = 'common.business.location.country', postalCodeFieldPath, inline = false, className = '', style, ...rest }) {
+    if (!address && !city && !country && !postalCode) {
+        return null;
+    }
+    const baseStyles = {
+        fontStyle: 'normal',
+        lineHeight: 1.5,
+        color: 'var(--color-text, #0f172a)',
+        ...style,
+    };
+    if (inline) {
+        const parts = [
+            address,
+            city,
+            postalCode,
+            country,
+        ].filter(Boolean);
+        return ((0, jsx_runtime_1.jsx)("address", { "data-preview-field-path": fieldPath, className: `deneb-address deneb-address-inline ${className}`.trim(), style: baseStyles, ...rest, children: parts.join(', ') }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("address", { className: `deneb-address ${className}`.trim(), style: baseStyles, ...rest, children: [address && ((0, jsx_runtime_1.jsx)("p", { "data-preview-field-path": addressFieldPath, className: "deneb-address-street", style: { margin: '0 0 0.25rem 0' }, children: address })), (city || country || postalCode) && ((0, jsx_runtime_1.jsxs)("p", { className: "deneb-address-locality", style: { margin: 0 }, children: [city && (0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": cityFieldPath, children: city }), city && (country || postalCode) ? ', ' : null, postalCode && (postalCodeFieldPath ? ((0, jsx_runtime_1.jsxs)("span", { "data-preview-field-path": postalCodeFieldPath, children: [postalCode, " "] })) : ((0, jsx_runtime_1.jsxs)("span", { "data-preview-static": "address-postal-code", children: [postalCode, " "] }))), country && (0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": countryFieldPath, children: country })] }))] }));
+}

package/dist/location/LocationCard.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface LocationCardProps {
+    title?: string;
+    titleFieldPath?: string;
+    address?: string | null;
+    city?: string | null;
+    country?: string | null;
+    postalCode?: string | null;
+    mapUrl?: string | null;
+    fieldPath?: string;
+    addressFieldPath?: string;
+    mapUrlFieldPath?: string;
+    directionsLabel?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Premium storefront LocationCard displaying address, pin icon, and Google Maps directions button.
+ */
+export declare function LocationCard({ title, titleFieldPath, address, city, country, postalCode, mapUrl, fieldPath, addressFieldPath, mapUrlFieldPath, directionsLabel, className, style, }: LocationCardProps): React.JSX.Element | null;

package/dist/location/LocationCard.js

@@ -0,0 +1,41 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocationCard = LocationCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Address_1 = require("./Address");
+const MapLink_1 = require("./MapLink");
+const EditableText_1 = require("../EditableText");
+/**
+ * Premium storefront LocationCard displaying address, pin icon, and Google Maps directions button.
+ */
+function LocationCard({ title = 'Our Location', titleFieldPath, address, city, country, postalCode, mapUrl, fieldPath, addressFieldPath = 'common.business.location.address', mapUrlFieldPath = 'common.business.location.mapUrl', directionsLabel = 'Get Directions →', className = '', style, }) {
+    if (!address && !city && !country && !mapUrl) {
+        return null;
+    }
+    const cardStyles = {
+        padding: '2rem',
+        borderRadius: '1rem',
+        border: '1px solid var(--color-border, #e2e8f0)',
+        backgroundColor: 'var(--color-surface, #ffffff)',
+        boxShadow: '0 4px 12px rgba(0, 0, 0, 0.03)',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        textAlign: 'center',
+        gap: '1rem',
+        maxWidth: '400px',
+        ...style,
+    };
+    const iconCircleStyles = {
+        width: '48px',
+        height: '48px',
+        borderRadius: '50%',
+        backgroundColor: 'var(--color-secondary, #f1f5f9)',
+        color: 'var(--color-primary, #0f172a)',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `deneb-location-card ${className}`.trim(), style: cardStyles, children: [(0, jsx_runtime_1.jsx)("div", { style: iconCircleStyles, children: (0, jsx_runtime_1.jsxs)("svg", { "data-preview-static": "location-card-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "10", r: "3" })] }) }), titleFieldPath ? ((0, jsx_runtime_1.jsx)(EditableText_1.EditableText, { as: "h3", id: titleFieldPath, defaultValue: title, style: { margin: 0, fontSize: '1.25rem', fontWeight: 600, color: 'var(--color-text, #0f172a)' } })) : ((0, jsx_runtime_1.jsx)("h3", { "data-preview-static": "location-card-title", style: { margin: 0, fontSize: '1.25rem', fontWeight: 600, color: 'var(--color-text, #0f172a)' }, children: title })), (0, jsx_runtime_1.jsx)(Address_1.Address, { address: address, city: city, country: country, postalCode: postalCode, fieldPath: fieldPath, addressFieldPath: addressFieldPath }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '0.5rem', width: '100%' }, children: (0, jsx_runtime_1.jsx)(MapLink_1.MapLink, { mapUrl: mapUrl, address: address, city: city, country: country, label: directionsLabel, fieldPath: mapUrlFieldPath, variant: "primary", size: "md", style: { width: '100%' } }) })] }));
+}

package/dist/location/LocationLink.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface LocationLinkProps {
+    address?: string | null;
+    city?: string | null;
+    country?: string | null;
+    mapUrl?: string | null;
+    fieldPath?: string;
+    addressFieldPath?: string;
+    mapUrlFieldPath?: string;
+    directionsLabel?: string;
+    showAddress?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Combines physical address with an interactive "Get Directions" action.
+ */
+export declare function LocationLink({ address, city, country, mapUrl, fieldPath, addressFieldPath, mapUrlFieldPath, directionsLabel, showAddress, className, style, }: LocationLinkProps): React.JSX.Element | null;

package/dist/location/LocationLink.js

@@ -0,0 +1,23 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LocationLink = LocationLink;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Address_1 = require("./Address");
+const MapLink_1 = require("./MapLink");
+/**
+ * Combines physical address with an interactive "Get Directions" action.
+ */
+function LocationLink({ address, city, country, mapUrl, fieldPath, addressFieldPath = 'common.business.location.address', mapUrlFieldPath = 'common.business.location.mapUrl', directionsLabel = 'Get Directions', showAddress = true, className = '', style, }) {
+    if (!address && !city && !country && !mapUrl) {
+        return null;
+    }
+    const containerStyles = {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '0.5rem',
+        alignItems: 'flex-start',
+        ...style,
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `deneb-location-link ${className}`.trim(), style: containerStyles, children: [showAddress && ((0, jsx_runtime_1.jsx)(Address_1.Address, { address: address, city: city, country: country, fieldPath: fieldPath, addressFieldPath: addressFieldPath })), (0, jsx_runtime_1.jsx)(MapLink_1.MapLink, { mapUrl: mapUrl, address: address, city: city, country: country, label: directionsLabel, fieldPath: mapUrlFieldPath, variant: "outline", size: "sm" })] }));
+}

package/dist/location/MapEmbed.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface MapEmbedProps {
+    embedUrl?: string | null;
+    mapUrl?: string | null;
+    address?: string | null;
+    city?: string | null;
+    country?: string | null;
+    title?: string;
+    fieldPath?: string;
+    height?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Safe, responsive Google Maps Embed component with automatic fallback to MapLink
+ * when an embed URL is not yet configured by the merchant.
+ */
+export declare function MapEmbed({ embedUrl, mapUrl, address, city, country, title, fieldPath, height, className, style, }: MapEmbedProps): React.JSX.Element;

package/dist/location/MapEmbed.js

@@ -0,0 +1,30 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapEmbed = MapEmbed;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MapLink_1 = require("./MapLink");
+/**
+ * Safe, responsive Google Maps Embed component with automatic fallback to MapLink
+ * when an embed URL is not yet configured by the merchant.
+ */
+function MapEmbed({ embedUrl, mapUrl, address, city, country, title = 'Business Location Map', fieldPath = 'common.business.location.mapEmbedUrl', height = 360, className = '', style, }) {
+    const containerStyles = {
+        width: '100%',
+        height: typeof height === 'number' ? `${height}px` : height,
+        borderRadius: '0.75rem',
+        overflow: 'hidden',
+        border: '1px solid var(--color-border, #e2e8f0)',
+        backgroundColor: 'var(--color-secondary, #f8fafc)',
+        position: 'relative',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        ...style,
+    };
+    if (embedUrl && (embedUrl.startsWith('http://') || embedUrl.startsWith('https://'))) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: `deneb-map-embed ${className}`.trim(), style: containerStyles, children: (0, jsx_runtime_1.jsx)("iframe", { "data-preview-field-path": fieldPath, src: embedUrl, title: title, width: "100%", height: "100%", style: { border: 0 }, loading: "lazy", allowFullScreen: true, referrerPolicy: "no-referrer-when-downgrade" }) }));
+    }
+    // Fallback when no direct iframe URL is provided
+    return ((0, jsx_runtime_1.jsx)("div", { className: `deneb-map-embed deneb-map-fallback ${className}`.trim(), style: containerStyles, children: (0, jsx_runtime_1.jsxs)("div", { style: { textAlign: 'center', padding: '1.5rem' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { marginBottom: '0.75rem', opacity: 0.6 }, children: (0, jsx_runtime_1.jsxs)("svg", { "data-preview-static": "map-pin-icon", width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "10", r: "3" })] }) }), (0, jsx_runtime_1.jsx)("p", { "data-preview-static": "map-placeholder-title", style: { margin: '0 0 0.75rem 0', fontWeight: 500, color: 'var(--color-text, #0f172a)' }, children: address ? `${address}${city ? `, ${city}` : ''}` : 'Location Map' }), (0, jsx_runtime_1.jsx)(MapLink_1.MapLink, { mapUrl: mapUrl, address: address, city: city, country: country, label: "Open in Google Maps \u2197", variant: "primary", size: "sm" })] }) }));
+}

package/dist/location/MapLink.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface MapLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    mapUrl?: string | null;
+    address?: string | null;
+    city?: string | null;
+    country?: string | null;
+    label?: React.ReactNode;
+    fieldPath?: string;
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';
+    size?: 'sm' | 'md' | 'lg';
+    icon?: React.ReactNode;
+}
+export declare function MapLink({ mapUrl, address, city, country, label, fieldPath, variant, size, icon, className, style, ...rest }: MapLinkProps): React.JSX.Element | null;

package/dist/location/MapLink.js

@@ -0,0 +1,63 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapLink = MapLink;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const urls_1 = require("../utils/urls");
+function MapLink({ mapUrl, address, city, country, label = 'Get Directions', fieldPath = 'common.business.location.mapUrl', variant = 'outline', size = 'md', icon, className = '', style, ...rest }) {
+    const resolvedHref = (0, urls_1.createMapUrl)({ mapUrl, address, city, country });
+    const hasFieldPath = Boolean(fieldPath && fieldPath.trim());
+    const finalHref = resolvedHref || (hasFieldPath ? '#' : '');
+    if (!finalHref)
+        return null;
+    const defaultIcon = ((0, jsx_runtime_1.jsxs)("svg", { "data-preview-static": "map-link-icon", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "10", r: "3" })] }));
+    const baseStyles = {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '0.5rem',
+        fontWeight: 500,
+        textDecoration: 'none',
+        transition: 'all 0.2s ease',
+        cursor: 'pointer',
+        borderRadius: '0.5rem',
+        ...style,
+    };
+    const sizeStyles = {
+        sm: { fontSize: '0.875rem', padding: '0.375rem 0.75rem' },
+        md: { fontSize: '0.95rem', padding: '0.5rem 1rem' },
+        lg: { fontSize: '1.05rem', padding: '0.75rem 1.5rem' },
+    };
+    const variantStyles = {
+        primary: {
+            backgroundColor: 'var(--color-primary, #0f172a)',
+            color: '#ffffff',
+        },
+        secondary: {
+            backgroundColor: 'var(--color-secondary, #f1f5f9)',
+            color: 'var(--color-text, #0f172a)',
+        },
+        outline: {
+            backgroundColor: 'transparent',
+            border: '1px solid var(--color-border, #e2e8f0)',
+            color: 'var(--color-text, #0f172a)',
+        },
+        ghost: {
+            backgroundColor: 'transparent',
+            color: 'var(--color-text, #0f172a)',
+        },
+        link: {
+            backgroundColor: 'transparent',
+            color: 'var(--color-primary, #2563eb)',
+            padding: 0,
+            textDecoration: 'underline',
+            borderRadius: 0,
+        },
+    };
+    const mergedStyles = {
+        ...baseStyles,
+        ...(variant !== 'link' ? sizeStyles[size] : {}),
+        ...variantStyles[variant],
+    };
+    return ((0, jsx_runtime_1.jsxs)("a", { href: finalHref, "data-preview-field-path": fieldPath, target: finalHref !== '#' ? '_blank' : undefined, rel: finalHref !== '#' ? 'noopener noreferrer' : undefined, className: `deneb-map-link ${className}`.trim(), style: mergedStyles, ...rest, children: [icon !== undefined ? icon : defaultIcon, label] }));
+}

package/dist/location/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Address';
+export * from './MapLink';
+export * from './LocationLink';
+export * from './LocationCard';
+export * from './MapEmbed';

package/dist/location/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Address"), exports);
+__exportStar(require("./MapLink"), exports);
+__exportStar(require("./LocationLink"), exports);
+__exportStar(require("./LocationCard"), exports);
+__exportStar(require("./MapEmbed"), exports);

package/dist/social/SocialButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type SocialPlatform = 'instagram' | 'facebook' | 'tiktok' | 'youtube' | 'linkedin' | 'twitter' | 'x' | 'pinterest' | 'github';
+export interface SocialButtonProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    platform: SocialPlatform;
+    url?: string | null;
+    label?: React.ReactNode;
+    fieldPath?: string;
+    variant?: 'icon' | 'pill' | 'button';
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare function SocialButton({ platform, url, href, label, fieldPath, variant, size, className, style, ...rest }: SocialButtonProps): React.JSX.Element | null;

package/dist/social/SocialButton.js

@@ -0,0 +1,112 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SocialButton = SocialButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PLATFORM_CONFIG = {
+    instagram: {
+        label: 'Instagram',
+        bg: '#E4405F',
+        color: '#ffffff',
+        icon: (s) => ((0, jsx_runtime_1.jsxs)("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", x: "2", y: "2", rx: "5", ry: "5" }), (0, jsx_runtime_1.jsx)("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }), (0, jsx_runtime_1.jsx)("line", { x1: "17.5", x2: "17.51", y1: "6.5", y2: "6.5" })] })),
+    },
+    facebook: {
+        label: 'Facebook',
+        bg: '#1877F2',
+        color: '#ffffff',
+        icon: (s) => ((0, jsx_runtime_1.jsx)("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: (0, jsx_runtime_1.jsx)("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" }) })),
+    },
+    tiktok: {
+        label: 'TikTok',
+        bg: '#000000',
+        color: '#ffffff',
+        icon: (s) => ((0, jsx_runtime_1.jsx)("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: (0, jsx_runtime_1.jsx)("path", { d: "M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5" }) })),
+    },
+    youtube: {
+        label: 'YouTube',
+        bg: '#FF0000',
+        color: '#ffffff',
+        icon: (s) => ((0, jsx_runtime_1.jsxs)("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17" }), (0, jsx_runtime_1.jsx)("polygon", { points: "10 15 15 12 10 9 10 15" })] })),
+    },
+    linkedin: {
+        label: 'LinkedIn',
+        bg: '#0A66C2',
+        color: '#ffffff',
+        icon: (s) => ((0, jsx_runtime_1.jsxs)("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" }), (0, jsx_runtime_1.jsx)("rect", { width: "4", height: "12", x: "2", y: "9" }), (0, jsx_runtime_1.jsx)("circle", { cx: "4", cy: "4", r: "2" })] })),
+    },
+    twitter: {
+        label: 'Twitter',
+        bg: '#1DA1F2',
+        color: '#ffffff',
+        icon: (s) => ((0, jsx_runtime_1.jsx)("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: (0, jsx_runtime_1.jsx)("path", { d: "M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z" }) })),
+    },
+    x: {
+        label: 'X',
+        bg: '#0f172a',
+        color: '#ffffff',
+        icon: (s) => ((0, jsx_runtime_1.jsx)("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }) })),
+    },
+    pinterest: {
+        label: 'Pinterest',
+        bg: '#BD081C',
+        color: '#ffffff',
+        icon: (s) => ((0, jsx_runtime_1.jsxs)("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("line", { x1: "12", x2: "12", y1: "8", y2: "16" }), (0, jsx_runtime_1.jsx)("line", { x1: "8", x2: "16", y1: "12", y2: "12" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10" })] })),
+    },
+    github: {
+        label: 'GitHub',
+        bg: '#24292e',
+        color: '#ffffff',
+        icon: (s) => ((0, jsx_runtime_1.jsxs)("svg", { width: s, height: s, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 18c-4.51 2-5-2-7-2" })] })),
+    },
+};
+function SocialButton({ platform, url, href, label, fieldPath, variant = 'icon', size = 'md', className = '', style, ...rest }) {
+    const derivedFieldPath = fieldPath || `common.business.social.${platform}`;
+    const hasFieldPath = Boolean(fieldPath);
+    const targetUrl = url || href || (hasFieldPath ? '#' : '');
+    // Don't render broken button if no valid URL and no fieldPath
+    if (!targetUrl)
+        return null;
+    const config = PLATFORM_CONFIG[platform] || PLATFORM_CONFIG.x;
+    const iconSize = size === 'sm' ? 16 : size === 'lg' ? 22 : 18;
+    const baseStyles = {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        textDecoration: 'none',
+        transition: 'transform 0.15s ease, opacity 0.15s ease',
+        cursor: 'pointer',
+        ...style,
+    };
+    let variantStyles = {};
+    if (variant === 'icon') {
+        const dim = size === 'sm' ? '32px' : size === 'lg' ? '44px' : '38px';
+        variantStyles = {
+            width: dim,
+            height: dim,
+            borderRadius: '50%',
+            backgroundColor: 'var(--color-secondary, #f1f5f9)',
+            color: 'var(--color-text, #0f172a)',
+        };
+    }
+    else if (variant === 'pill') {
+        variantStyles = {
+            gap: '0.4rem',
+            padding: size === 'sm' ? '0.25rem 0.6rem' : '0.4rem 0.85rem',
+            borderRadius: '9999px',
+            fontSize: size === 'sm' ? '0.8rem' : '0.9rem',
+            backgroundColor: 'var(--color-secondary, #f1f5f9)',
+            color: 'var(--color-text, #0f172a)',
+        };
+    }
+    else {
+        variantStyles = {
+            gap: '0.5rem',
+            padding: size === 'sm' ? '0.4rem 0.75rem' : '0.55rem 1.1rem',
+            borderRadius: '0.5rem',
+            fontSize: size === 'sm' ? '0.85rem' : '0.95rem',
+            backgroundColor: config.bg,
+            color: config.color,
+        };
+    }
+    return ((0, jsx_runtime_1.jsxs)("a", { href: targetUrl, "data-preview-field-path": derivedFieldPath, target: "_blank", rel: "noopener noreferrer", "aria-label": typeof label === 'string' ? label : config.label, className: `deneb-social-btn deneb-social-${platform} deneb-social-${variant} ${className}`.trim(), style: { ...baseStyles, ...variantStyles }, ...rest, children: [config.icon(iconSize), variant !== 'icon' && (0, jsx_runtime_1.jsx)("span", { children: label || config.label })] }));
+}

package/dist/social/SocialLinks.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface SocialLinksProps {
+    social?: Record<string, string | null | undefined>;
+    fieldPathPrefix?: string;
+    variant?: 'icon' | 'pill' | 'button';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Smart container rendering active social buttons.
+ * Automatically filters out any unconfigured or empty platforms.
+ */
+export declare function SocialLinks({ social, fieldPathPrefix, variant, size, className, style, }: SocialLinksProps): React.JSX.Element | null;

package/dist/social/SocialLinks.js

@@ -0,0 +1,42 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SocialLinks = SocialLinks;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SocialButton_1 = require("./SocialButton");
+const SUPPORTED_PLATFORMS = [
+    'instagram',
+    'facebook',
+    'tiktok',
+    'youtube',
+    'linkedin',
+    'twitter',
+    'x',
+    'pinterest',
+    'github',
+];
+/**
+ * Smart container rendering active social buttons.
+ * Automatically filters out any unconfigured or empty platforms.
+ */
+function SocialLinks({ social = {}, fieldPathPrefix = 'common.business.social', variant = 'icon', size = 'md', className = '', style, }) {
+    // Find platforms with valid URLs
+    const activePlatforms = Object.entries(social).filter(([platform, url]) => {
+        return Boolean(url && typeof url === 'string' && url.trim().length > 0);
+    });
+    if (activePlatforms.length === 0) {
+        return null;
+    }
+    const containerStyles = {
+        display: 'inline-flex',
+        alignItems: 'center',
+        flexWrap: 'wrap',
+        gap: '0.625rem',
+        ...style,
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: `deneb-social-links ${className}`.trim(), style: containerStyles, children: activePlatforms.map(([key, url]) => {
+            const lowerKey = key.toLowerCase();
+            const platform = SUPPORTED_PLATFORMS.includes(lowerKey) ? lowerKey : 'x';
+            return ((0, jsx_runtime_1.jsx)(SocialButton_1.SocialButton, { platform: platform, url: url, fieldPath: `${fieldPathPrefix}.${key}`, variant: variant, size: size }, key));
+        }) }));
+}

package/dist/social/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SocialButton';
+export * from './SocialLinks';

package/dist/social/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SocialButton"), exports);
+__exportStar(require("./SocialLinks"), exports);

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './urls';