@vtx-ui/react 0.0.1-beta.16 → 0.0.1-beta.17

package/dist/esm/components/Widget/renderers/components/Widget/renderers/GridCarouselWidget.js

@@ -0,0 +1,211 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React__default, { useState, useEffect, useCallback } from 'react';
+import { useTheme } from '../../../../../../hooks/hooks/useTheme.js';
+import { ChevronLeftIcon, ChevronRightIcon } from '../../../../../../icons/icons/IconComponents.js';
+import ProductWidget from './ProductWidget.js';
+
+/**
+ * GridCarouselWidget - Theme-based grid carousel
+ *
+ * Supports two themes:
+ * - 'product': Displays array of product widgets
+ * - 'base': Displays array of custom React nodes
+ *
+ * Features:
+ * - Responsive grid with customizable items per view
+ * - Auto-play with configurable delay
+ * - Navigation arrows and pagination dots
+ * - Smooth transitions and interactions
+ * - Theme-based rendering with proper data/settings separation
+ */
+const GridCarouselWidget = ({ data, settings = {}, }) => {
+    var _a;
+    const { tokens } = useTheme();
+    const [currentIndex, setCurrentIndex] = useState(0);
+    const [currentItemsPerView, setCurrentItemsPerView] = useState(((_a = settings.itemsPerView) === null || _a === void 0 ? void 0 : _a.desktop) || 3);
+    const [isMobile, setIsMobile] = useState(false);
+    // Extract settings with defaults
+    const { itemsPerView = {
+        mobile: 1,
+        tablet: 2,
+        desktop: 3,
+    }, gap = '20px', autoplay = false, autoplayDelay = 3000, showNavigation = true, showPagination = true, scrollBehavior = 'page', borderRadius = true, hideNavigationOnMobile = false, backgroundColor, productSettings = {}, className = '', style, } = settings;
+    // Get items based on theme
+    const items = React__default.useMemo(() => {
+        if (data.theme === 'product' && data.products) {
+            return data.products;
+        }
+        if (data.theme === 'base' && data.items) {
+            return data.items;
+        }
+        return [];
+    }, [data]);
+    // Responsive breakpoints
+    useEffect(() => {
+        const handleResize = () => {
+            const width = window.innerWidth;
+            setIsMobile(width < 768);
+            if (width < 768) {
+                setCurrentItemsPerView(itemsPerView.mobile || 1);
+            }
+            else if (width < 1024) {
+                setCurrentItemsPerView(itemsPerView.tablet || 2);
+            }
+            else {
+                setCurrentItemsPerView(itemsPerView.desktop || 3);
+            }
+        };
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, [itemsPerView]);
+    // Calculate total pages
+    const totalPages = Math.ceil(items.length / currentItemsPerView);
+    const maxIndex = items.length - currentItemsPerView;
+    // Auto-play
+    useEffect(() => {
+        if (!autoplay || items.length === 0)
+            return;
+        const interval = setInterval(() => {
+            handleNext();
+        }, autoplayDelay);
+        return () => clearInterval(interval);
+    }, [autoplay, autoplayDelay, currentIndex, currentItemsPerView]);
+    const handlePrevious = useCallback(() => {
+        if (scrollBehavior === 'page') {
+            setCurrentIndex((prev) => Math.max(0, prev - currentItemsPerView));
+        }
+        else {
+            setCurrentIndex((prev) => Math.max(0, prev - 1));
+        }
+    }, [currentItemsPerView, scrollBehavior]);
+    const handleNext = useCallback(() => {
+        if (scrollBehavior === 'page') {
+            setCurrentIndex((prev) => {
+                const next = prev + currentItemsPerView;
+                return next > maxIndex ? 0 : next;
+            });
+        }
+        else {
+            setCurrentIndex((prev) => {
+                const next = prev + 1;
+                return next > maxIndex ? 0 : next;
+            });
+        }
+    }, [currentItemsPerView, maxIndex, scrollBehavior]);
+    const handlePageClick = useCallback((pageIndex) => {
+        setCurrentIndex(pageIndex * currentItemsPerView);
+    }, [currentItemsPerView]);
+    const getCurrentPage = () => {
+        return Math.floor(currentIndex / currentItemsPerView);
+    };
+    // Render item based on theme
+    const renderItem = useCallback((item, index) => {
+        if (data.theme === 'product') {
+            return (jsx(ProductWidget, { data: item, settings: productSettings }, item.id || index));
+        }
+        // Base theme - render React node as-is
+        return (jsx("div", { style: { height: '100%' }, children: item }, index));
+    }, [data.theme, productSettings]);
+    // Styles
+    const containerStyles = {
+        position: 'relative',
+        width: '100%',
+        overflow: 'hidden',
+        padding: `clamp(20px, 4vw, 40px)`,
+        backgroundColor: backgroundColor || tokens.colors.neutral[50],
+        borderRadius: borderRadius ? tokens.borderRadius.lg : '0',
+        boxShadow: tokens.shadows.sm,
+        ...style,
+    };
+    const trackStyles = {
+        display: 'flex',
+        gap: typeof gap === 'number' ? `${gap}px` : gap,
+        transition: 'transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)',
+        transform: `translateX(-${(currentIndex * (100 / currentItemsPerView))}%)`,
+    };
+    const itemStyles = {
+        flex: `0 0 calc((100% - (${typeof gap === 'number' ? `${gap}px` : gap} * ${currentItemsPerView - 1})) / ${currentItemsPerView})`,
+        minWidth: 0,
+    };
+    const navButtonStyles = {
+        position: 'absolute',
+        top: '50%',
+        transform: 'translateY(-50%)',
+        zIndex: 10,
+        backgroundColor: '#ffffff',
+        border: `1px solid ${tokens.colors.neutral[300]}`,
+        borderRadius: tokens.borderRadius.full,
+        width: '44px',
+        height: '44px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        cursor: 'pointer',
+        boxShadow: tokens.shadows.md,
+        transition: 'all 0.2s ease',
+    };
+    const paginationContainerStyles = {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        gap: '8px',
+        marginTop: '24px',
+    };
+    const paginationDotStyles = (isActive) => ({
+        width: isActive ? '24px' : '8px',
+        height: '8px',
+        borderRadius: tokens.borderRadius.full,
+        backgroundColor: isActive ? tokens.colors.primary[500] : tokens.colors.neutral[300],
+        cursor: 'pointer',
+        transition: 'all 0.3s ease',
+        opacity: isActive ? 1 : 0.5,
+    });
+    // Empty state
+    if (items.length === 0) {
+        return (jsx("div", { style: containerStyles, children: jsx("div", { style: { textAlign: 'center', padding: '40px', color: tokens.colors.neutral[500] }, children: "No items to display" }) }));
+    }
+    const canGoPrevious = currentIndex > 0;
+    const canGoNext = currentIndex < maxIndex;
+    const shouldShowNavigation = showNavigation && (!hideNavigationOnMobile || !isMobile);
+    return (jsxs("div", { className: className, style: containerStyles, children: [shouldShowNavigation && (jsxs(Fragment, { children: [jsx("button", { onClick: handlePrevious, disabled: !canGoPrevious, style: {
+                            ...navButtonStyles,
+                            left: '10px',
+                            opacity: canGoPrevious ? 1 : 0.3,
+                            cursor: canGoPrevious ? 'pointer' : 'not-allowed',
+                        }, onMouseEnter: (e) => {
+                            if (canGoPrevious) {
+                                e.currentTarget.style.transform = 'translateY(-50%) scale(1.1)';
+                                e.currentTarget.style.backgroundColor = tokens.colors.neutral[100] || '#f5f5f5';
+                            }
+                        }, onMouseLeave: (e) => {
+                            e.currentTarget.style.transform = 'translateY(-50%) scale(1)';
+                            e.currentTarget.style.backgroundColor = '#ffffff';
+                        }, "aria-label": "Previous", children: jsx(ChevronLeftIcon, { style: { width: '24px', height: '24px', color: tokens.colors.neutral[900] } }) }), jsx("button", { onClick: handleNext, disabled: !canGoNext && !autoplay, style: {
+                            ...navButtonStyles,
+                            right: '10px',
+                            opacity: canGoNext || autoplay ? 1 : 0.3,
+                            cursor: canGoNext || autoplay ? 'pointer' : 'not-allowed',
+                        }, onMouseEnter: (e) => {
+                            if (canGoNext || autoplay) {
+                                e.currentTarget.style.transform = 'translateY(-50%) scale(1.1)';
+                                e.currentTarget.style.backgroundColor = tokens.colors.neutral[100] || '#f5f5f5';
+                            }
+                        }, onMouseLeave: (e) => {
+                            e.currentTarget.style.transform = 'translateY(-50%) scale(1)';
+                            e.currentTarget.style.backgroundColor = '#ffffff';
+                        }, "aria-label": "Next", children: jsx(ChevronRightIcon, { style: { width: '24px', height: '24px', color: tokens.colors.neutral[900] } }) })] })), jsx("div", { style: trackStyles, children: items.map((item, index) => (jsx("div", { style: itemStyles, children: renderItem(item, index) }, index))) }), showPagination && totalPages > 1 && (jsx("div", { style: paginationContainerStyles, children: Array.from({ length: totalPages }).map((_, pageIndex) => (jsx("div", { onClick: () => handlePageClick(pageIndex), style: paginationDotStyles(getCurrentPage() === pageIndex), onMouseEnter: (e) => {
+                        if (getCurrentPage() !== pageIndex) {
+                            e.currentTarget.style.opacity = '0.8';
+                        }
+                    }, onMouseLeave: (e) => {
+                        if (getCurrentPage() !== pageIndex) {
+                            e.currentTarget.style.opacity = '0.5';
+                        }
+                    }, role: "button", "aria-label": `Go to page ${pageIndex + 1}` }, pageIndex))) })), jsxs("div", { style: { position: 'absolute', left: '-9999px' }, "aria-live": "polite", "aria-atomic": "true", children: ["Showing items ", currentIndex + 1, " to ", Math.min(currentIndex + currentItemsPerView, items.length), " of ", items.length] })] }));
+};
+GridCarouselWidget.displayName = 'GridCarouselWidget';
+
+export { GridCarouselWidget as default };
+//# sourceMappingURL=GridCarouselWidget.js.map

package/dist/esm/components/Widget/renderers/components/Widget/renderers/GridCarouselWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridCarouselWidget.js","sources":["../../../../../../../../src/components/Widget/renderers/GridCarouselWidget.tsx"],"sourcesContent":[null],"names":["React","_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/esm/components/Widget/renderers/components/Widget/renderers/HeaderWidget.js

@@ -0,0 +1,97 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Card from '../../../../../Card/components/Card/Card.js';
+import Typography from '../../../../../Typography/components/Typography/Typography.js';
+import Button from '../../../../../Button/components/Button/Button.js';
+import Flex from '../../../../../Flex/components/Flex/Flex.js';
+import Avatar from '../../../../../Avatar/components/Avatar/Avatar.js';
+import Link from '../../../../../Link/components/Link/Link.js';
+import Badge from '../../../../../Badge/components/Badge/Badge.js';
+import Breadcrumb from '../../../../../Breadcrumb/components/Breadcrumb/Breadcrumb.js';
+
+const HeaderWidget = ({ data, settings, 
+// Backward compatibility
+theme: legacyTheme, variant: legacyVariant, size: legacySize, className: legacyClassName, style: legacyStyle, }) => {
+    // Merge settings with legacy props for backward compatibility
+    const theme = (settings === null || settings === void 0 ? void 0 : settings.theme) || legacyTheme || 'modern';
+    const variant = (settings === null || settings === void 0 ? void 0 : settings.variant) || legacyVariant || 'primary';
+    const size = (settings === null || settings === void 0 ? void 0 : settings.size) || legacySize || 'md';
+    const className = (settings === null || settings === void 0 ? void 0 : settings.className) || legacyClassName || '';
+    const style = (settings === null || settings === void 0 ? void 0 : settings.style) || legacyStyle;
+    const showBreadcrumbs = (settings === null || settings === void 0 ? void 0 : settings.showBreadcrumbs) !== false; // Default true
+    const showAvatar = (settings === null || settings === void 0 ? void 0 : settings.showAvatar) !== false; // Default true
+    const bgColor = settings === null || settings === void 0 ? void 0 : settings.backgroundColor;
+    const getTitleVariant = () => {
+        if (size === 'lg')
+            return 'h1';
+        if (size === 'sm')
+            return 'h3';
+        return 'h2';
+    };
+    const getSubtitleVariant = () => {
+        if (size === 'lg')
+            return 'h5';
+        if (size === 'sm')
+            return 'body2';
+        return 'h6';
+    };
+    const renderBreadcrumbs = () => {
+        if (!data.breadcrumbs || data.breadcrumbs.length === 0 || !showBreadcrumbs)
+            return null;
+        return (jsx(Breadcrumb, { items: data.breadcrumbs.map(crumb => ({
+                label: String(crumb.label),
+                href: crumb.href,
+                onClick: crumb.onClick,
+            })), size: size === 'lg' ? 'md' : 'sm' }));
+    };
+    const renderAvatar = () => {
+        if (!data.avatar || !showAvatar)
+            return null;
+        return (jsx(Avatar, { src: typeof data.avatar === 'string' ? data.avatar : data.avatar.src, alt: typeof data.avatar === 'string' ? String(data.title) : data.avatar.alt, size: size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md' }));
+    };
+    const renderActions = () => {
+        if (!data.actions || data.actions.length === 0)
+            return null;
+        return (jsx(Flex, { gap: "sm", children: data.actions.map((action, index) => (action.type === 'link' ? (jsx(Link, { href: action.href, variant: action.variant || variant, className: "font-medium", children: action.label }, index)) : (jsx(Button, { variant: action.variant === 'error' ? 'danger' : action.variant || (index === 0 ? 'primary' : 'outline'), size: size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md', onClick: action.onClick, href: action.href, children: action.label }, index)))) }));
+    };
+    const renderBadges = () => {
+        if (!data.badges || data.badges.length === 0)
+            return null;
+        return (jsx(Flex, { gap: "xs", children: data.badges.map((badge, index) => (jsx(Badge, { variant: badge.variant === 'error' ? 'error' : badge.variant || variant, size: size === 'lg' ? 'md' : 'sm', children: badge.text }, index))) }));
+    };
+    const renderContent = () => {
+        switch (theme) {
+            case 'minimal':
+                return (jsxs(Flex, { direction: "column", gap: "sm", children: [renderBreadcrumbs(), jsxs(Flex, { align: "center", justify: "between", gap: "md", children: [jsxs(Flex, { align: "center", gap: "sm", children: [renderAvatar(), jsxs(Flex, { direction: "column", children: [jsx(Typography, { variant: getTitleVariant(), className: "font-bold", children: data.title }), data.subtitle && (jsx(Typography, { variant: getSubtitleVariant(), className: "text-neutral-600", children: data.subtitle }))] })] }), renderActions()] }), renderBadges()] }));
+            case 'modern':
+                return (jsxs(Flex, { direction: "column", gap: "lg", children: [renderBreadcrumbs(), jsxs(Flex, { align: "start", justify: "between", gap: "lg", children: [jsxs(Flex, { direction: "column", gap: "md", children: [jsxs(Flex, { align: "center", gap: "md", children: [renderAvatar(), jsxs(Flex, { direction: "column", gap: "xs", children: [jsx(Typography, { variant: getTitleVariant(), className: "font-bold", children: data.title }), data.subtitle && (jsx(Typography, { variant: getSubtitleVariant(), className: "text-neutral-700", children: data.subtitle })), data.description && (jsx(Typography, { variant: "body2", className: "text-neutral-600", children: data.description }))] })] }), renderBadges(), data.metadata && (jsx(Flex, { gap: "lg", children: Object.entries(data.metadata).map(([key, value]) => (jsxs(Flex, { direction: "column", gap: "xs", children: [jsx(Typography, { variant: "caption", className: "text-neutral-500 uppercase font-medium", children: key }), jsx(Typography, { variant: "body2", className: "font-medium", children: String(value) })] }, key))) }))] }), renderActions()] })] }));
+            case 'compact':
+                return (jsxs(Flex, { direction: "column", gap: "xs", children: [renderBreadcrumbs(), jsxs(Flex, { align: "center", justify: "between", gap: "md", children: [jsxs(Flex, { align: "center", gap: "sm", children: [renderAvatar(), jsxs(Flex, { direction: "column", children: [jsx(Typography, { variant: getTitleVariant(), className: "font-semibold", children: data.title }), data.subtitle && (jsx(Typography, { variant: "caption", className: "text-neutral-500", children: data.subtitle }))] })] }), jsxs(Flex, { align: "center", gap: "xs", children: [renderBadges(), data.actions && data.actions.length > 0 && (jsx(Button, { variant: data.actions[0].variant === 'error' ? 'danger' : data.actions[0].variant || 'primary', size: "sm", onClick: data.actions[0].onClick, href: data.actions[0].href, children: data.actions[0].label }))] })] })] }));
+            default:
+                return (jsxs(Flex, { direction: "column", gap: "md", children: [jsx(Typography, { variant: getTitleVariant(), className: "font-bold", children: data.title }), data.subtitle && (jsx(Typography, { variant: getSubtitleVariant(), className: "text-neutral-600", children: data.subtitle })), renderBadges(), renderActions()] }));
+        }
+    };
+    const getCardClassName = () => {
+        return [
+            'vtx-header-widget',
+            `vtx-header-widget--${theme}`,
+            `vtx-header-widget--${size}`,
+            `vtx-header-widget--${variant}`,
+            className,
+        ].filter(Boolean).join(' ');
+    };
+    const getPadding = () => {
+        if (theme === 'minimal')
+            return 'md';
+        if (theme === 'compact')
+            return 'sm';
+        return 'lg';
+    };
+    return (jsx(Card, { variant: "outlined", className: getCardClassName(), style: {
+            ...style,
+            backgroundColor: bgColor,
+        }, padding: getPadding(), children: renderContent() }));
+};
+
+export { HeaderWidget as default };
+//# sourceMappingURL=HeaderWidget.js.map

package/dist/esm/components/Widget/renderers/components/Widget/renderers/HeaderWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderWidget.js","sources":["../../../../../../../../src/components/Widget/renderers/HeaderWidget.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/Widget/renderers/components/Widget/renderers/InfoWidget.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { InfoCard } from '../../../../../../widgets/InfoCard/widgets/InfoCard/InfoCard.js';
+import { InfoText } from '../../../../../../widgets/InfoText/widgets/InfoText/InfoText.js';
+
+const InfoWidget = ({ data, settings, 
+// Backward compatibility
+theme: legacyTheme, variant: legacyVariant, className: legacyClassName, style: legacyStyle, }) => {
+    // Merge settings with legacy props for backward compatibility
+    const theme = (settings === null || settings === void 0 ? void 0 : settings.theme) || legacyTheme || 'modern';
+    const variant = (settings === null || settings === void 0 ? void 0 : settings.variant) || legacyVariant || 'primary';
+    const className = (settings === null || settings === void 0 ? void 0 : settings.className) || legacyClassName || '';
+    const style = (settings === null || settings === void 0 ? void 0 : settings.style) || legacyStyle;
+    // Map WidgetVariant to InfoCard/InfoText variant
+    const mapVariant = (v) => {
+        if (v === 'error')
+            return 'danger';
+        if (v === 'neutral')
+            return 'secondary';
+        return v || 'primary';
+    };
+    const iconVariant = mapVariant((settings === null || settings === void 0 ? void 0 : settings.iconVariant) || variant);
+    // Use InfoText for minimal/compact themes, InfoCard for others
+    if (theme === 'minimal' || theme === 'compact') {
+        return (jsx(InfoText.Base, { icon: data.icon || jsx(Fragment, {}), iconVariant: iconVariant, iconCircle: theme !== 'compact', heading: data.text, subText: data.subText, className: className, style: style }));
+    }
+    // Use InfoCard for modern/default themes
+    return (jsx(InfoCard.Base, { icon: data.icon || jsx(Fragment, {}), iconVariant: iconVariant, text: data.text, subText: data.subText, className: className, style: style }));
+};
+
+export { InfoWidget as default };
+//# sourceMappingURL=InfoWidget.js.map

package/dist/esm/components/Widget/renderers/components/Widget/renderers/InfoWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoWidget.js","sources":["../../../../../../../../src/components/Widget/renderers/InfoWidget.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment"],"mappings":";;;;AAuBA,MAAM,UAAU,GAA8B,CAAC,EAC7C,IAAI,EACJ,QAAQ;AACR;AACA,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,WAAW,GACnB,KAAI;;AAEH,IAAA,MAAM,KAAK,GAAG,CAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,KAAK,KAAI,WAAW,IAAI,QAAQ,CAAC;AACzD,IAAA,MAAM,OAAO,GAAG,CAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,OAAO,KAAI,aAAa,IAAI,SAAS,CAAC;AAChE,IAAA,MAAM,SAAS,GAAG,CAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,SAAS,KAAI,eAAe,IAAI,EAAE,CAAC;AAC/D,IAAA,MAAM,KAAK,GAAG,CAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,CAAE,KAAK,KAAI,WAAW,CAAC;;AAG7C,IAAA,MAAM,UAAU,GAAG,CAAC,CAAiB,KAAyE;QAC5G,IAAI,CAAC,KAAK,OAAO;AAAE,YAAA,OAAO,QAAQ,CAAC;QACnC,IAAI,CAAC,KAAK,SAAS;AAAE,YAAA,OAAO,WAAW,CAAC;QACxC,OAAO,CAAwE,IAAI,SAAS,CAAC;AAC/F,KAAC,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,UAAU,CAAC,CAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,WAAW,KAAI,OAAO,CAAC,CAAC;;IAGjE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE;QAC9C,QACEA,IAAC,QAAQ,CAAC,IAAI,EACZ,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,IAAIA,GAAA,CAAAC,QAAA,EAAA,EAAA,CAAK,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,KAAK,KAAK,SAAS,EAC/B,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,CAAA,EACF;KACH;;AAGD,IAAA,QACED,GAAC,CAAA,QAAQ,CAAC,IAAI,IACZ,IAAI,EAAE,IAAI,CAAC,IAAI,IAAIA,GAAA,CAAAC,QAAA,EAAA,EAAA,CAAK,EACxB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,CACZ,EACF;AACJ;;;;"}

package/dist/esm/components/Widget/renderers/components/Widget/renderers/ListWidget.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Card from '../../../../../Card/components/Card/Card.js';
+import Typography from '../../../../../Typography/components/Typography/Typography.js';
+import Button from '../../../../../Button/components/Button/Button.js';
+import Flex from '../../../../../Flex/components/Flex/Flex.js';
+import Avatar from '../../../../../Avatar/components/Avatar/Avatar.js';
+import Badge from '../../../../../Badge/components/Badge/Badge.js';
+
+const ListWidget = ({ data, settings, 
+// Backward compatibility
+theme: legacyTheme, variant: legacyVariant, size: legacySize, className: legacyClassName, style: legacyStyle, }) => {
+    // Merge settings with legacy props for backward compatibility
+    const theme = (settings === null || settings === void 0 ? void 0 : settings.theme) || legacyTheme || 'modern';
+    const variant = (settings === null || settings === void 0 ? void 0 : settings.variant) || legacyVariant || 'primary';
+    const size = (settings === null || settings === void 0 ? void 0 : settings.size) || legacySize || 'md';
+    const className = (settings === null || settings === void 0 ? void 0 : settings.className) || legacyClassName || '';
+    const style = (settings === null || settings === void 0 ? void 0 : settings.style) || legacyStyle;
+    const showDividers = (settings === null || settings === void 0 ? void 0 : settings.showDividers) !== false; // Default true
+    const maxItems = settings === null || settings === void 0 ? void 0 : settings.maxItems;
+    const renderAvatar = (item) => {
+        if (!item.avatar)
+            return null;
+        return (jsx(Avatar, { src: typeof item.avatar === 'string' ? item.avatar : item.avatar.src, alt: typeof item.avatar === 'string' ? item.title : item.avatar.alt, size: size === 'lg' ? 'md' : size === 'sm' ? 'sm' : 'sm' }));
+    };
+    const renderActions = (item) => {
+        if (!item.actions || item.actions.length === 0)
+            return null;
+        return (jsx(Flex, { gap: "xs", children: item.actions.slice(0, 2).map((action, index) => (jsx(Button, { variant: action.variant === 'error' ? 'danger' : action.variant || 'ghost', size: "sm", onClick: action.onClick, href: action.href, children: action.label }, index))) }));
+    };
+    const renderContent = () => {
+        const itemsToShow = maxItems ? data.items.slice(0, maxItems) : data.items;
+        return (jsxs(Flex, { direction: "column", gap: "sm", children: [data.title && (jsx(Typography, { variant: "h6", className: "font-semibold mb-2", children: data.title })), itemsToShow.map((item, index) => (jsxs("div", { children: [jsxs(Flex, { align: "start", gap: "md", className: "py-2", children: [renderAvatar(item), jsxs(Flex, { direction: "column", gap: "xs", style: { flex: 1 }, children: [jsxs(Flex, { justify: "between", align: "start", children: [jsxs(Flex, { direction: "column", gap: "xs", children: [jsx(Typography, { variant: size === 'lg' ? 'body1' : 'body2', className: "font-medium", children: item.title }), item.subtitle && (jsx(Typography, { variant: "caption", className: "text-neutral-600", children: item.subtitle })), item.description && (jsx(Typography, { variant: "caption", className: "text-neutral-500", children: item.description }))] }), jsxs(Flex, { align: "center", gap: "sm", children: [item.badge && (jsx(Badge, { variant: item.badge.variant === 'error' ? 'error' : item.badge.variant || 'neutral', size: "sm", children: item.badge.text })), renderActions(item)] })] }), item.metadata && Object.keys(item.metadata).length > 0 && (jsx(Flex, { gap: "md", children: Object.entries(item.metadata).map(([key, value]) => (jsxs(Typography, { variant: "caption", className: "text-neutral-500", children: [jsxs("span", { className: "font-medium", children: [key, ":"] }), " ", String(value)] }, key))) }))] })] }), showDividers && index < itemsToShow.length - 1 && (jsx("div", { className: "border-b border-neutral-200 my-2" }))] }, item.id || index))), maxItems && data.items.length > maxItems && (jsxs(Typography, { variant: "caption", className: "text-neutral-500 text-center mt-2", children: ["+", data.items.length - maxItems, " more items"] }))] }));
+    };
+    const getCardClassName = () => {
+        return [
+            'vtx-list-widget',
+            `vtx-list-widget--${theme}`,
+            `vtx-list-widget--${size}`,
+            `vtx-list-widget--${variant}`,
+            className,
+        ].filter(Boolean).join(' ');
+    };
+    return (jsx(Card, { variant: "elevated", className: getCardClassName(), style: style, padding: "lg", children: renderContent() }));
+};
+
+export { ListWidget as default };
+//# sourceMappingURL=ListWidget.js.map

package/dist/esm/components/Widget/renderers/components/Widget/renderers/ListWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListWidget.js","sources":["../../../../../../../../src/components/Widget/renderers/ListWidget.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/Widget/renderers/components/Widget/renderers/MetricWidget.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Card from '../../../../../Card/components/Card/Card.js';
+import Typography from '../../../../../Typography/components/Typography/Typography.js';
+import Badge from '../../../../../Badge/components/Badge/Badge.js';
+import Flex from '../../../../../Flex/components/Flex/Flex.js';
+import { TrendingUpIcon, MinusIcon } from '../../../../../../icons/icons/IconComponents.js';
+
+const MetricWidget = ({ data, settings, 
+// Backward compatibility
+theme: legacyTheme, variant: legacyVariant, size: legacySize, className: legacyClassName, style: legacyStyle, }) => {
+    // Merge settings with legacy props for backward compatibility
+    const theme = (settings === null || settings === void 0 ? void 0 : settings.theme) || legacyTheme || 'modern';
+    const variant = (settings === null || settings === void 0 ? void 0 : settings.variant) || legacyVariant || 'primary';
+    const size = (settings === null || settings === void 0 ? void 0 : settings.size) || legacySize || 'md';
+    const className = (settings === null || settings === void 0 ? void 0 : settings.className) || legacyClassName || '';
+    const style = (settings === null || settings === void 0 ? void 0 : settings.style) || legacyStyle;
+    const showTrend = (settings === null || settings === void 0 ? void 0 : settings.showTrend) !== false; // Default true
+    const mapVariantToBadge = (v) => {
+        if (v === 'error')
+            return 'error';
+        if (v === 'secondary')
+            return 'neutral';
+        return v;
+    };
+    const renderTrend = () => {
+        if (!data.trend || !showTrend)
+            return null;
+        const { direction, value, label } = data.trend;
+        const isPositive = direction === 'up';
+        const isNegative = direction === 'down';
+        const trendVariant = isPositive ? 'success' : isNegative ? 'error' : 'neutral';
+        const TrendIcon = isPositive ? TrendingUpIcon : isNegative ? TrendingUpIcon : MinusIcon;
+        return (jsxs(Flex, { align: "center", gap: "xs", children: [jsx(TrendIcon, { size: 12 }), jsxs(Typography, { variant: "caption", className: `text-${trendVariant}`, children: [Math.abs(value), "%", label && ` ${label}`] })] }));
+    };
+    const renderContent = () => {
+        switch (theme) {
+            case 'minimal':
+                return (jsxs(Flex, { direction: "column", align: "center", gap: "xs", children: [jsx(Typography, { variant: size === 'lg' ? 'h2' : size === 'sm' ? 'h5' : 'h3', className: "font-bold", children: data.value }), data.label && (jsx(Typography, { variant: "caption", className: "text-neutral-500", children: data.label })), renderTrend()] }));
+            case 'modern':
+                return (jsxs(Flex, { direction: "column", gap: "sm", children: [jsxs(Flex, { justify: "between", align: "start", children: [jsxs("div", { children: [data.label && (jsx(Typography, { variant: "caption", className: "text-neutral-500 mb-1", children: data.label })), jsx(Typography, { variant: size === 'lg' ? 'h2' : size === 'sm' ? 'h5' : 'h3', className: "font-bold", children: data.value })] }), data.icon && (jsx("div", { className: `metric-icon metric-icon--${variant} metric-icon--${size}`, children: data.icon }))] }), (data.trend || data.badge) && (jsxs(Flex, { justify: "between", align: "center", children: [renderTrend(), data.badge && (jsx(Badge, { variant: mapVariantToBadge(data.badge.variant) || 'neutral', children: data.badge.text }))] }))] }));
+            case 'compact':
+                return (jsxs(Flex, { align: "center", gap: "md", children: [data.icon && (jsx("div", { className: `metric-icon metric-icon--${variant} metric-icon--${size}`, children: data.icon })), jsxs(Flex, { direction: "column", gap: "xs", children: [jsx(Typography, { variant: size === 'lg' ? 'h3' : size === 'sm' ? 'h6' : 'h4', className: "font-bold", children: data.value }), data.label && (jsx(Typography, { variant: "caption", className: "text-neutral-500", children: data.label })), renderTrend()] })] }));
+            default:
+                return (jsxs(Flex, { direction: "column", gap: "sm", children: [jsx(Typography, { variant: size === 'lg' ? 'h2' : size === 'sm' ? 'h5' : 'h3', className: "font-bold", children: data.value }), data.label && (jsx(Typography, { variant: "caption", className: "text-neutral-500", children: data.label })), renderTrend()] }));
+        }
+    };
+    const getCardClassName = () => {
+        return [
+            'vtx-metric-widget',
+            `vtx-metric-widget--${theme}`,
+            `vtx-metric-widget--${size}`,
+            `vtx-metric-widget--${variant}`,
+            className,
+        ].filter(Boolean).join(' ');
+    };
+    return (jsx(Card, { variant: "elevated", className: getCardClassName(), style: style, padding: theme === 'minimal' ? 'lg' : theme === 'compact' ? 'md' : 'lg', children: renderContent() }));
+};
+
+export { MetricWidget as default };
+//# sourceMappingURL=MetricWidget.js.map

package/dist/esm/components/Widget/renderers/components/Widget/renderers/MetricWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricWidget.js","sources":["../../../../../../../../src/components/Widget/renderers/MetricWidget.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/Widget/renderers/components/Widget/renderers/OrderConfirmationWidget.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import OrderConfirmationWithParsedClasses from '../../../../../../widgets/OrderConfirmation/widgets/OrderConfirmation/OrderConfirmation.js';
+
+const OrderConfirmationWidget = ({ data, settings, 
+// Backward compatibility
+className: legacyClassName, style: legacyStyle, }) => {
+    var _a, _b, _c, _d, _e, _f;
+    // Merge settings with legacy props for backward compatibility
+    const className = (settings === null || settings === void 0 ? void 0 : settings.className) || legacyClassName || '';
+    const style = (settings === null || settings === void 0 ? void 0 : settings.style) || legacyStyle;
+    return (jsx(OrderConfirmationWithParsedClasses, { orderId: data.orderId, orderNumber: data.orderNumber, orderDate: data.orderDate, status: data.status, statusText: data.statusText, headerText: data.headerText, headerSubtitle: data.headerSubtitle, customerEmail: data.customerEmail, customerPhone: data.customerPhone, shippingAddress: data.shippingAddress, billingAddress: data.billingAddress, items: data.items, subtotal: data.subtotal, shippingCost: data.shippingCost, tax: data.tax, discount: data.discount, total: data.total, currency: data.currency, paymentMethod: data.paymentMethod, transactionId: data.transactionId, estimatedDelivery: data.estimatedDelivery, trackingNumber: data.trackingNumber, showActions: settings === null || settings === void 0 ? void 0 : settings.showActions, hideDownloadInvoice: settings === null || settings === void 0 ? void 0 : settings.hideDownloadInvoice, hideContinueShopping: settings === null || settings === void 0 ? void 0 : settings.hideContinueShopping, hideTrackOrder: settings === null || settings === void 0 ? void 0 : settings.hideTrackOrder, hideContactSupport: settings === null || settings === void 0 ? void 0 : settings.hideContactSupport, onDownloadInvoice: (_a = data.actions) === null || _a === void 0 ? void 0 : _a.onDownloadInvoice, onContinueShopping: (_b = data.actions) === null || _b === void 0 ? void 0 : _b.onContinueShopping, onTrackOrder: (_c = data.actions) === null || _c === void 0 ? void 0 : _c.onTrackOrder, onViewDetails: (_d = data.actions) === null || _d === void 0 ? void 0 : _d.onViewDetails, onContactSupport: (_e = data.actions) === null || _e === void 0 ? void 0 : _e.onContactSupport, onShareOrder: (_f = data.actions) === null || _f === void 0 ? void 0 : _f.onShareOrder, loading: settings === null || settings === void 0 ? void 0 : settings.loading, className: className, style: style }));
+};
+
+export { OrderConfirmationWidget as default };
+//# sourceMappingURL=OrderConfirmationWidget.js.map

package/dist/esm/components/Widget/renderers/components/Widget/renderers/OrderConfirmationWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderConfirmationWidget.js","sources":["../../../../../../../../src/components/Widget/renderers/OrderConfirmationWidget.tsx"],"sourcesContent":[null],"names":["_jsx","OrderConfirmation"],"mappings":"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"}

package/dist/esm/components/Widget/renderers/components/Widget/renderers/OrderDetailsWidget.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import OrderDetailsWithParsedClasses from '../../../../../../widgets/OrderDetails/widgets/OrderDetails/OrderDetails.js';
+
+const OrderDetailsWidget = ({ data, settings, 
+// Backward compatibility
+className: legacyClassName, style: legacyStyle, }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    // Merge settings with legacy props for backward compatibility
+    const className = (settings === null || settings === void 0 ? void 0 : settings.className) || legacyClassName || '';
+    const style = (settings === null || settings === void 0 ? void 0 : settings.style) || legacyStyle;
+    return (jsx(OrderDetailsWithParsedClasses, { orderId: data.orderId, orderNumber: data.orderNumber, orderDate: data.orderDate, status: data.status, statusText: data.statusText, customerName: data.customerName, customerEmail: data.customerEmail, customerPhone: data.customerPhone, shippingAddress: data.shippingAddress, billingAddress: data.billingAddress, items: data.items, subtotal: data.subtotal, shippingCost: data.shippingCost, tax: data.tax, discount: data.discount, total: data.total, currency: data.currency, couponCode: data.couponCode, paymentMethod: data.paymentMethod, paymentStatus: data.paymentStatus, transactionId: data.transactionId, estimatedDelivery: data.estimatedDelivery, deliveredDate: data.deliveredDate, trackingNumber: data.trackingNumber, trackingUrl: data.trackingUrl, carrier: data.carrier, showActions: settings === null || settings === void 0 ? void 0 : settings.showActions, allowCancel: settings === null || settings === void 0 ? void 0 : settings.allowCancel, allowReturn: settings === null || settings === void 0 ? void 0 : settings.allowReturn, allowReorder: settings === null || settings === void 0 ? void 0 : settings.allowReorder, onDownloadInvoice: (_a = data.actions) === null || _a === void 0 ? void 0 : _a.onDownloadInvoice, onTrackOrder: (_b = data.actions) === null || _b === void 0 ? void 0 : _b.onTrackOrder, onCancelOrder: (_c = data.actions) === null || _c === void 0 ? void 0 : _c.onCancelOrder, onReturnOrder: (_d = data.actions) === null || _d === void 0 ? void 0 : _d.onReturnOrder, onReorder: (_e = data.actions) === null || _e === void 0 ? void 0 : _e.onReorder, onContactSupport: (_f = data.actions) === null || _f === void 0 ? void 0 : _f.onContactSupport, onWriteReview: (_g = data.actions) === null || _g === void 0 ? void 0 : _g.onWriteReview, loading: settings === null || settings === void 0 ? void 0 : settings.loading, className: className, style: style }));
+};
+
+export { OrderDetailsWidget as default };
+//# sourceMappingURL=OrderDetailsWidget.js.map

package/dist/esm/components/Widget/renderers/components/Widget/renderers/OrderDetailsWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderDetailsWidget.js","sources":["../../../../../../../../src/components/Widget/renderers/OrderDetailsWidget.tsx"],"sourcesContent":[null],"names":["_jsx","OrderDetails"],"mappings":"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"}