@deneb-ui/ui 2.0.0

package/dist/business/BusinessHours.js

@@ -0,0 +1,109 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BusinessHours = BusinessHours;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const DAYS_OF_WEEK = [
+    'monday',
+    'tuesday',
+    'wednesday',
+    'thursday',
+    'friday',
+    'saturday',
+    'sunday',
+];
+function formatTime(timeStr) {
+    if (!timeStr)
+        return '';
+    const clean = timeStr.trim();
+    // If already contains AM/PM
+    if (/am|pm/i.test(clean))
+        return clean;
+    const [hourStr, minStr = '00'] = clean.split(':');
+    const hour = parseInt(hourStr, 10);
+    if (isNaN(hour))
+        return clean;
+    const ampm = hour >= 12 ? 'PM' : 'AM';
+    const formattedHour = hour % 12 === 0 ? 12 : hour % 12;
+    return `${formattedHour}:${minStr.padStart(2, '0')} ${ampm}`;
+}
+/**
+ * BusinessHours component displaying weekly operating schedule with live Open/Closed status.
+ */
+function BusinessHours({ hours, title = 'Business Hours', fieldPath = 'common.business.hours', showStatusBadge = true, compact = false, className = '', style, }) {
+    // Determine current day and status
+    const currentStatus = (0, react_1.useMemo)(() => {
+        if (!hours)
+            return null;
+        const now = new Date();
+        const dayIndex = (now.getDay() + 6) % 7; // Convert 0(Sun)-6(Sat) to 0(Mon)-6(Sun)
+        const todayName = DAYS_OF_WEEK[dayIndex];
+        const todaySched = hours[todayName];
+        if (!todaySched)
+            return { todayName, isOpen: false };
+        if (typeof todaySched === 'string') {
+            if (/closed/i.test(todaySched))
+                return { todayName, isOpen: false };
+            return { todayName, isOpen: true };
+        }
+        if (todaySched.closed || !todaySched.open || !todaySched.close) {
+            return { todayName, isOpen: false };
+        }
+        const currentMinutes = now.getHours() * 60 + now.getMinutes();
+        const [openH = '0', openM = '0'] = todaySched.open.split(':');
+        const [closeH = '0', closeM = '0'] = todaySched.close.split(':');
+        const openMinutes = parseInt(openH, 10) * 60 + parseInt(openM, 10);
+        const closeMinutes = parseInt(closeH, 10) * 60 + parseInt(closeM, 10);
+        const isOpen = currentMinutes >= openMinutes && currentMinutes < closeMinutes;
+        return { todayName, isOpen };
+    }, [hours]);
+    if (!hours)
+        return null;
+    const containerStyles = {
+        padding: compact ? '1rem' : '1.5rem',
+        borderRadius: '0.75rem',
+        border: '1px solid var(--color-border, #e2e8f0)',
+        backgroundColor: 'var(--color-surface, #ffffff)',
+        ...style,
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `deneb-business-hours ${className}`.trim(), style: containerStyles, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '1rem' }, children: [(0, jsx_runtime_1.jsx)("h4", { style: { margin: 0, fontSize: '1.1rem', fontWeight: 600, color: 'var(--color-text, #0f172a)' }, children: (0, jsx_runtime_1.jsx)("span", { "data-preview-static": "business-hours-title", children: title }) }), showStatusBadge && currentStatus && ((0, jsx_runtime_1.jsxs)("span", { "data-preview-static": "business-hours-status", style: {
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            gap: '0.35rem',
+                            padding: '0.2rem 0.6rem',
+                            borderRadius: '9999px',
+                            fontSize: '0.75rem',
+                            fontWeight: 600,
+                            backgroundColor: currentStatus.isOpen ? '#ecfdf5' : '#f1f5f9',
+                            color: currentStatus.isOpen ? '#059669' : '#64748b',
+                        }, children: [(0, jsx_runtime_1.jsx)("span", { style: {
+                                    width: '6px',
+                                    height: '6px',
+                                    borderRadius: '50%',
+                                    backgroundColor: currentStatus.isOpen ? '#10b981' : '#94a3b8',
+                                } }), currentStatus.isOpen ? 'Open Now' : 'Closed'] }))] }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: compact ? '0.35rem' : '0.5rem' }, children: DAYS_OF_WEEK.map((day) => {
+                    const sched = hours[day];
+                    const isToday = currentStatus?.todayName === day;
+                    const dayLabel = day.charAt(0).toUpperCase() + day.slice(1);
+                    let scheduleText = 'Closed';
+                    if (sched) {
+                        if (typeof sched === 'string') {
+                            scheduleText = sched;
+                        }
+                        else if (!sched.closed && sched.open && sched.close) {
+                            scheduleText = `${formatTime(sched.open)} – ${formatTime(sched.close)}`;
+                        }
+                    }
+                    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                            padding: '0.25rem 0.5rem',
+                            borderRadius: '0.25rem',
+                            fontSize: '0.875rem',
+                            backgroundColor: isToday ? 'var(--color-secondary, #f8fafc)' : 'transparent',
+                            fontWeight: isToday ? 600 : 400,
+                            color: isToday ? 'var(--color-primary, #0f172a)' : 'var(--color-text-muted, #475569)',
+                        }, children: [(0, jsx_runtime_1.jsx)("span", { "data-preview-static": "business-hours-day", children: dayLabel }), (0, jsx_runtime_1.jsx)("span", { "data-preview-field-path": `${fieldPath}.${day}`, children: scheduleText })] }, day));
+                }) })] }));
+}

package/dist/business/index.d.ts

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

package/dist/business/index.js

@@ -0,0 +1,17 @@
+"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("./BusinessHours"), exports);

package/dist/contact/ContactActions.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface ContactActionsProps {
+    phone?: string | null;
+    whatsapp?: string | null;
+    email?: string | null;
+    phoneFieldPath?: string;
+    whatsappFieldPath?: string;
+    emailFieldPath?: string;
+    labels?: {
+        phone?: string;
+        whatsapp?: string;
+        email?: string;
+    };
+    size?: 'sm' | 'md' | 'lg';
+    layout?: 'row' | 'column' | 'wrap';
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Smart container that automatically renders available contact channels.
+ * When a merchant adds phone, WhatsApp, or email in site-data.json,
+ * the corresponding action button appears automatically with zero template code changes.
+ */
+export declare function ContactActions({ phone, whatsapp, email, phoneFieldPath, whatsappFieldPath, emailFieldPath, labels, size, layout, className, style, }: ContactActionsProps): React.JSX.Element | null;

package/dist/contact/ContactActions.js

@@ -0,0 +1,30 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactActions = ContactActions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const WhatsAppButton_1 = require("./WhatsAppButton");
+const PhoneButton_1 = require("./PhoneButton");
+const EmailButton_1 = require("./EmailButton");
+/**
+ * Smart container that automatically renders available contact channels.
+ * When a merchant adds phone, WhatsApp, or email in site-data.json,
+ * the corresponding action button appears automatically with zero template code changes.
+ */
+function ContactActions({ phone, whatsapp, email, phoneFieldPath = 'common.business.phone', whatsappFieldPath = 'common.business.whatsapp', emailFieldPath = 'common.business.email', labels = {}, size = 'md', layout = 'row', className = '', style, }) {
+    const hasPhone = Boolean(phone && phone.trim());
+    const hasWhatsApp = Boolean(whatsapp && whatsapp.trim());
+    const hasEmail = Boolean(email && email.trim());
+    if (!hasPhone && !hasWhatsApp && !hasEmail) {
+        return null;
+    }
+    const layoutStyles = {
+        display: 'flex',
+        flexDirection: layout === 'column' ? 'column' : 'row',
+        flexWrap: layout === 'wrap' || layout === 'row' ? 'wrap' : 'nowrap',
+        alignItems: 'center',
+        gap: '0.75rem',
+        ...style,
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `deneb-contact-actions deneb-layout-${layout} ${className}`.trim(), style: layoutStyles, children: [hasPhone && ((0, jsx_runtime_1.jsx)(PhoneButton_1.PhoneButton, { value: phone, fieldPath: phoneFieldPath, label: labels.phone || 'Call Us', size: size })), hasWhatsApp && ((0, jsx_runtime_1.jsx)(WhatsAppButton_1.WhatsAppButton, { value: whatsapp, fieldPath: whatsappFieldPath, label: labels.whatsapp || 'Chat on WhatsApp', size: size })), hasEmail && ((0, jsx_runtime_1.jsx)(EmailButton_1.EmailButton, { value: email, fieldPath: emailFieldPath, label: labels.email || 'Email Us', size: size }))] }));
+}

package/dist/contact/ContactButton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type ContactType = 'whatsapp' | 'phone' | 'email' | 'contact-form' | 'custom';
+export interface ContactButtonProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    type?: ContactType;
+    value?: string | null;
+    label?: React.ReactNode;
+    fieldPath?: string;
+    targetPage?: string;
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'whatsapp';
+    size?: 'sm' | 'md' | 'lg';
+    icon?: React.ReactNode;
+    message?: string;
+    subject?: string;
+}
+export declare function ContactButton({ type, value, href, label, children, fieldPath, targetPage, variant, size, icon, message, subject, className, style, ...rest }: ContactButtonProps): React.JSX.Element | null;

package/dist/contact/ContactButton.js

@@ -0,0 +1,94 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactButton = ContactButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const urls_1 = require("../utils/urls");
+function ContactButton({ type = 'whatsapp', value, href, label, children, fieldPath, targetPage, variant, size = 'md', icon, message, subject, className = '', style, ...rest }) {
+    // If no fieldPath and no value/href/label/children, do not render broken button
+    if (!fieldPath && !value && !href && !children && !label) {
+        return null;
+    }
+    let resolvedHref = href || '#';
+    let shouldOpenNewTab = false;
+    let defaultIcon = null;
+    let resolvedVariant = variant || 'primary';
+    switch (type) {
+        case 'whatsapp':
+            resolvedHref = (0, urls_1.createWhatsAppUrl)(value || href, message);
+            shouldOpenNewTab = true;
+            if (!variant)
+                resolvedVariant = 'whatsapp';
+            defaultIcon = ((0, jsx_runtime_1.jsx)("svg", { 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: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" }) }));
+            break;
+        case 'phone':
+            resolvedHref = (0, urls_1.createPhoneUrl)(value || href);
+            shouldOpenNewTab = false;
+            defaultIcon = ((0, jsx_runtime_1.jsx)("svg", { 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: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" }) }));
+            break;
+        case 'email':
+            resolvedHref = (0, urls_1.createEmailUrl)(value || href, subject);
+            shouldOpenNewTab = false;
+            defaultIcon = ((0, jsx_runtime_1.jsxs)("svg", { 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)("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }), (0, jsx_runtime_1.jsx)("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })] }));
+            break;
+        case 'contact-form':
+            resolvedHref = value || href || '#contact-form';
+            defaultIcon = ((0, jsx_runtime_1.jsxs)("svg", { 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: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), (0, jsx_runtime_1.jsx)("polyline", { points: "14 2 14 8 20 8" }), (0, jsx_runtime_1.jsx)("line", { x1: "16", x2: "8", y1: "13", y2: "13" }), (0, jsx_runtime_1.jsx)("line", { x1: "16", x2: "8", y1: "17", y2: "17" }), (0, jsx_runtime_1.jsx)("polyline", { points: "10 9 9 9 8 9" })] }));
+            break;
+        default:
+            resolvedHref = value || href || '#';
+            break;
+    }
+    const baseStyles = {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '0.5rem',
+        fontWeight: 500,
+        textDecoration: 'none',
+        transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
+        cursor: 'pointer',
+        borderRadius: '0.5rem',
+        ...style,
+    };
+    const sizeStyles = {
+        sm: { fontSize: '0.875rem', padding: '0.4rem 0.75rem' },
+        md: { fontSize: '0.95rem', padding: '0.6rem 1.25rem' },
+        lg: { fontSize: '1.05rem', padding: '0.75rem 1.6rem' },
+    };
+    const variantStyles = {
+        primary: {
+            backgroundColor: 'var(--color-primary, #0f172a)',
+            color: '#ffffff',
+            boxShadow: '0 1px 2px rgba(0,0,0,0.05)',
+        },
+        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)',
+        },
+        whatsapp: {
+            backgroundColor: '#25D366',
+            color: '#ffffff',
+            boxShadow: '0 2px 4px rgba(37, 211, 102, 0.2)',
+        },
+    };
+    const mergedStyles = {
+        ...baseStyles,
+        ...sizeStyles[size],
+        ...variantStyles[resolvedVariant],
+    };
+    const buttonElement = ((0, jsx_runtime_1.jsxs)("a", { href: resolvedHref, "data-preview-field-path": fieldPath, target: shouldOpenNewTab ? '_blank' : undefined, rel: shouldOpenNewTab ? 'noopener noreferrer' : undefined, className: `deneb-contact-btn deneb-contact-${type} ${className}`.trim(), style: mergedStyles, ...rest, children: [icon !== undefined ? icon : defaultIcon, children || label] }));
+    if (targetPage) {
+        return ((0, jsx_runtime_1.jsx)("span", { "data-target-page": targetPage, style: { display: 'inline-block' }, children: buttonElement }));
+    }
+    return buttonElement;
+}

package/dist/contact/EmailButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ContactButtonProps } from './ContactButton';
+export interface EmailButtonProps extends Omit<ContactButtonProps, 'type'> {
+    emailAddress?: string | null;
+}
+export declare function EmailButton({ emailAddress, value, label, fieldPath, variant, subject, ...rest }: EmailButtonProps): React.JSX.Element | null;

package/dist/contact/EmailButton.js

@@ -0,0 +1,12 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmailButton = EmailButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ContactButton_1 = require("./ContactButton");
+function EmailButton({ emailAddress, value, label = 'Email Us', fieldPath = 'common.business.email', variant = 'secondary', subject, ...rest }) {
+    const email = emailAddress || value;
+    if (!email && !fieldPath)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { type: "email", value: email, label: label, fieldPath: fieldPath, variant: variant, subject: subject, ...rest }));
+}

package/dist/contact/PhoneButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ContactButtonProps } from './ContactButton';
+export interface PhoneButtonProps extends Omit<ContactButtonProps, 'type'> {
+    phoneNumber?: string | null;
+}
+export declare function PhoneButton({ phoneNumber, value, label, fieldPath, variant, ...rest }: PhoneButtonProps): React.JSX.Element | null;

package/dist/contact/PhoneButton.js

@@ -0,0 +1,12 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhoneButton = PhoneButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ContactButton_1 = require("./ContactButton");
+function PhoneButton({ phoneNumber, value, label = 'Call Us', fieldPath = 'common.business.phone', variant = 'primary', ...rest }) {
+    const number = phoneNumber || value;
+    if (!number && !fieldPath)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { type: "phone", value: number, label: label, fieldPath: fieldPath, variant: variant, ...rest }));
+}

package/dist/contact/WhatsAppButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ContactButtonProps } from './ContactButton';
+export interface WhatsAppButtonProps extends Omit<ContactButtonProps, 'type'> {
+    phoneNumber?: string | null;
+}
+export declare function WhatsAppButton({ phoneNumber, value, label, fieldPath, variant, message, ...rest }: WhatsAppButtonProps): React.JSX.Element | null;

package/dist/contact/WhatsAppButton.js

@@ -0,0 +1,13 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhatsAppButton = WhatsAppButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ContactButton_1 = require("./ContactButton");
+function WhatsAppButton({ phoneNumber, value, label = 'Chat on WhatsApp', fieldPath = 'common.business.whatsapp', variant = 'whatsapp', message, ...rest }) {
+    const number = phoneNumber || value;
+    // Don't render if no number and no fieldPath configured
+    if (!number && !fieldPath)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(ContactButton_1.ContactButton, { type: "whatsapp", value: number, label: label, fieldPath: fieldPath, variant: variant, message: message, ...rest }));
+}

package/dist/contact/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ContactButton';
+export * from './WhatsAppButton';
+export * from './PhoneButton';
+export * from './EmailButton';
+export * from './ContactActions';

package/dist/contact/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("./ContactButton"), exports);
+__exportStar(require("./WhatsAppButton"), exports);
+__exportStar(require("./PhoneButton"), exports);
+__exportStar(require("./EmailButton"), exports);
+__exportStar(require("./ContactActions"), exports);

package/dist/core/DenebAction.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type DenebActionType = 'whatsapp' | 'phone' | 'email' | 'location' | 'page' | 'external' | 'custom';
+export interface DenebActionProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    type?: DenebActionType;
+    value?: string | null;
+    fieldPath?: string;
+    targetPage?: string;
+    label?: React.ReactNode;
+    children?: React.ReactNode;
+    openInNewTab?: boolean;
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'link';
+    size?: 'sm' | 'md' | 'lg';
+    icon?: React.ReactNode;
+}
+export declare function DenebAction({ type, value, href, fieldPath, targetPage, label, children, openInNewTab, variant, size, icon, className, style, ...rest }: DenebActionProps): React.JSX.Element | null;
+/**
+ * Smart action link alias
+ */
+export declare const ActionLink: typeof DenebAction;

package/dist/core/DenebAction.js

@@ -0,0 +1,107 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionLink = void 0;
+exports.DenebAction = DenebAction;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const urls_1 = require("../utils/urls");
+function DenebAction({ type = 'custom', value, href, fieldPath, targetPage, label, children, openInNewTab, variant = 'primary', size = 'md', icon, className = '', style, ...rest }) {
+    // Derive destination URL
+    let resolvedHref = href || value || '#';
+    let shouldOpenNewTab = openInNewTab;
+    switch (type) {
+        case 'whatsapp':
+            resolvedHref = (0, urls_1.createWhatsAppUrl)(value || href);
+            if (shouldOpenNewTab === undefined)
+                shouldOpenNewTab = true;
+            break;
+        case 'phone':
+            resolvedHref = (0, urls_1.createPhoneUrl)(value || href);
+            if (shouldOpenNewTab === undefined)
+                shouldOpenNewTab = false;
+            break;
+        case 'email':
+            resolvedHref = (0, urls_1.createEmailUrl)(value || href);
+            if (shouldOpenNewTab === undefined)
+                shouldOpenNewTab = false;
+            break;
+        case 'location':
+            resolvedHref = (0, urls_1.createMapUrl)(value || href);
+            if (shouldOpenNewTab === undefined)
+                shouldOpenNewTab = true;
+            break;
+        case 'external':
+            if (shouldOpenNewTab === undefined)
+                shouldOpenNewTab = true;
+            break;
+        case 'page':
+            if (shouldOpenNewTab === undefined)
+                shouldOpenNewTab = false;
+            break;
+        default:
+            break;
+    }
+    // If no valid destination could be generated and no children/label, don't render empty broken link
+    if (!resolvedHref && !children && !label) {
+        return null;
+    }
+    const baseStyles = {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: '0.5rem',
+        fontWeight: 500,
+        textDecoration: 'none',
+        transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
+        cursor: 'pointer',
+        borderRadius: '0.5rem',
+        ...style,
+    };
+    const sizeStyles = {
+        sm: { fontSize: '0.875rem', padding: '0.4rem 0.75rem' },
+        md: { fontSize: '0.95rem', padding: '0.6rem 1.2rem' },
+        lg: { fontSize: '1.05rem', padding: '0.75rem 1.6rem' },
+    };
+    const variantStyles = {
+        primary: {
+            backgroundColor: 'var(--color-primary, #0f172a)',
+            color: '#ffffff',
+            boxShadow: '0 1px 2px rgba(0,0,0,0.05)',
+        },
+        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],
+    };
+    const linkElement = ((0, jsx_runtime_1.jsxs)("a", { href: resolvedHref, "data-preview-field-path": fieldPath, target: shouldOpenNewTab ? '_blank' : undefined, rel: shouldOpenNewTab ? 'noopener noreferrer' : undefined, className: `deneb-action deneb-action-${type} deneb-action-${variant} ${className}`.trim(), style: mergedStyles, ...rest, children: [icon && (0, jsx_runtime_1.jsx)("span", { className: "deneb-action-icon", children: icon }), children || label] }));
+    // If targetPage is provided, wrap in span with data-target-page for platform route-pruning compliance
+    if (targetPage) {
+        return ((0, jsx_runtime_1.jsx)("span", { "data-target-page": targetPage, style: { display: 'inline-block' }, children: linkElement }));
+    }
+    return linkElement;
+}
+/**
+ * Smart action link alias
+ */
+exports.ActionLink = DenebAction;

package/dist/core/index.d.ts

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

package/dist/core/index.js

@@ -0,0 +1,17 @@
+"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("./DenebAction"), exports);

package/dist/index.d.ts

@@ -0,0 +1,61 @@
+/**
+ * DENEB UI — The Visual-First React Framework for High-Converting Storefronts
+ * Created by Chamika Gayashan (CEE G)
+ */
+export * from './EditableText';
+export * from './EditableImage';
+export * from './EditableList';
+export * from './EditableBox';
+export * from './EditableGrid';
+export * from './EditableSection';
+export * from './EditableProductCard';
+export * from './EditableServiceCard';
+export * from './EditableCard';
+export * from './EditablePricingCard';
+export * from './EditableTestimonialCard';
+export * from './EditableFAQAccordion';
+export * from './EditableContactForm';
+export * from './EditableNavbar';
+export * from './EditableFooter';
+export * from './EditableHero';
+export * from './EditableDialog';
+export * from './ThemeStyles';
+export * from './SiteDataProvider';
+export * from './utils';
+export * from './core';
+export * from './contact';
+export * from './location';
+export * from './social';
+export * from './business';
+export { EditableButton as Button } from './EditableText';
+export { EditableCard as Card } from './EditableCard';
+export { EditableDialog as Dialog } from './EditableDialog';
+export { EditableText as Text } from './EditableText';
+export { EditableHeading as Heading } from './EditableText';
+export { EditableParagraph as Paragraph } from './EditableText';
+export { EditableBadge as Badge } from './EditableText';
+export { EditableQuote as Quote } from './EditableText';
+export { EditableImage as Image } from './EditableImage';
+export { EditableGrid as Grid } from './EditableGrid';
+export { EditableSection as Section } from './EditableSection';
+export { EditableBox as Box } from './EditableBox';
+export { EditableList as List } from './EditableList';
+export { EditableProductCard as ProductCard } from './EditableProductCard';
+export { EditableServiceCard as ServiceCard } from './EditableServiceCard';
+export { EditablePricingCard as PricingCard } from './EditablePricingCard';
+export { EditableTestimonialCard as TestimonialCard } from './EditableTestimonialCard';
+export { EditableFAQAccordion as Accordion, EditableFAQAccordion as FAQ } from './EditableFAQAccordion';
+export { EditableContactForm as ContactForm } from './EditableContactForm';
+export { EditableNavbar as Navbar, EditableNavbar as Header } from './EditableNavbar';
+export { EditableFooter as Footer } from './EditableFooter';
+export { EditableHeroCentered as Hero, EditableHeroSplit as HeroSplit } from './EditableHero';
+/**
+ * DENEB UI Framework Metadata
+ * Developed by Chamika Gayashan (CEE G)
+ */
+export declare const DENEB_FRAMEWORK_NAME = "DENEB UI";
+export declare const DENEB_FRAMEWORK_VERSION = "2.0.0";
+export declare const DENEB_AUTHOR = "Chamika Gayashan (CEE G)";
+export declare const CEEG_FRAMEWORK_NAME = "DENEB UI";
+export declare const CEEG_FRAMEWORK_VERSION = "2.0.0";
+export declare const CEEG_AUTHOR = "Chamika Gayashan (CEE G)";