@vtx-ui/react 0.0.1-beta.13 → 0.0.1-beta.14

package/dist/types/components/Widget/renderers/ListWidget.d.ts

@@ -1,11 +1,17 @@
 import React from 'react';
-import { ListWidgetData, WidgetTheme, WidgetVariant } from '../types';
+import { ListWidgetData, ListWidgetSettings, WidgetTheme, WidgetVariant } from '../types';
 interface ListWidgetProps {
     data: ListWidgetData;
-    theme: WidgetTheme;
+    settings?: ListWidgetSettings;
+    /** @deprecated Use settings.theme */
+    theme?: WidgetTheme;
+    /** @deprecated Use settings.variant */
     variant?: WidgetVariant;
+    /** @deprecated Use settings.size */
     size?: 'sm' | 'md' | 'lg';
+    /** @deprecated Use settings.className */
     className?: string;
+    /** @deprecated Use settings.style */
     style?: React.CSSProperties;
 }
 declare const ListWidget: React.FC<ListWidgetProps>;

package/dist/types/components/Widget/renderers/MetricWidget.d.ts

@@ -1,11 +1,17 @@
 import React from 'react';
-import { MetricWidgetData, WidgetTheme, WidgetVariant } from '../types';
+import { MetricWidgetData, MetricWidgetSettings, WidgetTheme, WidgetVariant } from '../types';
 interface MetricWidgetProps {
     data: MetricWidgetData;
-    theme: WidgetTheme;
+    settings?: MetricWidgetSettings;
+    /** @deprecated Use settings.theme */
+    theme?: WidgetTheme;
+    /** @deprecated Use settings.variant */
     variant?: WidgetVariant;
+    /** @deprecated Use settings.size */
     size?: 'sm' | 'md' | 'lg';
+    /** @deprecated Use settings.className */
     className?: string;
+    /** @deprecated Use settings.style */
     style?: React.CSSProperties;
 }
 declare const MetricWidget: React.FC<MetricWidgetProps>;

package/dist/types/components/Widget/renderers/NavbarWidget.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { NavbarWidgetData, WidgetTheme, WidgetVariant } from '../types';
+export interface NavbarWidgetSettings {
+    variant?: WidgetVariant;
+    size?: 'sm' | 'md' | 'lg';
+    breakpoint?: number;
+}
+interface NavbarWidgetProps {
+    data: NavbarWidgetData;
+    settings?: NavbarWidgetSettings;
+    theme: WidgetTheme;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const NavbarWidget: React.FC<NavbarWidgetProps>;
+export default NavbarWidget;

package/dist/types/components/Widget/renderers/OrderWidget.d.ts

@@ -1,12 +1,8 @@
 import React from 'react';
-import { OrderWidgetData, WidgetTheme, WidgetVariant } from '../types';
+import { OrderWidgetData, OrderWidgetSettings } from '../types';
 interface OrderWidgetProps {
     data: OrderWidgetData;
-    theme: WidgetTheme;
-    variant?: WidgetVariant;
-    size?: 'sm' | 'md' | 'lg';
-    className?: string;
-    style?: React.CSSProperties;
+    settings?: OrderWidgetSettings;
 }
 declare const OrderWidget: React.FC<OrderWidgetProps>;
 export default OrderWidget;

package/dist/types/components/Widget/renderers/ProductWidget.d.ts

@@ -1,12 +1,8 @@
 import React from 'react';
-import { ProductWidgetData, WidgetTheme, WidgetVariant } from '../types';
+import { ProductWidgetData, ProductWidgetSettings } from '../types';
 interface ProductWidgetProps {
     data: ProductWidgetData;
-    theme: WidgetTheme;
-    variant?: WidgetVariant;
-    size?: 'sm' | 'md' | 'lg';
-    className?: string;
-    style?: React.CSSProperties;
+    settings?: ProductWidgetSettings;
 }
 declare const ProductWidget: React.FC<ProductWidgetProps>;
 export default ProductWidget;

package/dist/types/components/Widget/renderers/TextWidget.d.ts

@@ -1,11 +1,17 @@
 import React from 'react';
-import { TextWidgetData, WidgetTheme, WidgetVariant } from '../types';
+import { TextWidgetData, TextWidgetSettings, WidgetTheme, WidgetVariant } from '../types';
 interface TextWidgetProps {
     data: TextWidgetData;
-    theme: WidgetTheme;
+    settings?: TextWidgetSettings;
+    /** @deprecated Use settings.theme */
+    theme?: WidgetTheme;
+    /** @deprecated Use settings.variant */
     variant?: WidgetVariant;
+    /** @deprecated Use settings.size */
     size?: 'sm' | 'md' | 'lg';
+    /** @deprecated Use settings.className */
     className?: string;
+    /** @deprecated Use settings.style */
     style?: React.CSSProperties;
 }
 declare const TextWidget: React.FC<TextWidgetProps>;

package/dist/types/components/Widget/types.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
-export type WidgetType = 'metric' | 'info' | 'product' | 'order' | 'list' | 'text' | 'header' | 'carousel' | 'testimonial' | 'gridCarousel';
-export type WidgetTheme = 'minimal' | 'modern' | 'professional' | 'compact' | 'detailed' | 'card' | 'inline' | 'hero';
+export type WidgetType = 'metric' | 'info' | 'product' | 'order' | 'list' | 'text' | 'header' | 'carousel' | 'image' | 'testimonial' | 'gridCarousel' | 'navbar' | 'contentBlock';
+/**
+ * WidgetTheme - all available theme options
+ */
+export type WidgetTheme = 'minimal' | 'modern' | 'professional' | 'compact' | 'detailed' | 'card' | 'inline' | 'hero' | 'base' | 'two-row' | 'centered' | 'editorial' | 'ecommerce' | 'creative' | 'luxury';
 export type GridConfig = {
     mobile?: number;
     tablet?: number;
@@ -9,7 +12,10 @@ export type GridConfig = {
     spacing?: 'none' | 'sm' | 'md' | 'lg';
     align?: 'start' | 'center' | 'end' | 'stretch';
 };
-export type WidgetVariant = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'neutral';
+export type WidgetVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'error' | 'warning' | 'info' | 'neutral';
+/**
+ * Base Widget Data - Contains actual content/information to display
+ */
 export interface BaseWidgetData {
     id?: string;
     title?: React.ReactNode;
@@ -29,6 +35,23 @@ export interface BaseWidgetData {
     };
     metadata?: Record<string, React.ReactNode>;
 }
+/**
+ * Base Widget Settings - Contains configuration options and appearance settings
+ */
+export interface BaseWidgetSettings {
+    theme?: WidgetTheme;
+    variant?: WidgetVariant;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+    style?: React.CSSProperties;
+    showDividers?: boolean;
+    showIcon?: boolean;
+    showBadge?: boolean;
+    showActions?: boolean;
+}
+/**
+ * Metric Widget Data - The actual metric values and content
+ */
 export interface MetricWidgetData extends BaseWidgetData {
     value: React.ReactNode;
     label?: React.ReactNode;
@@ -43,11 +66,34 @@ export interface MetricWidgetData extends BaseWidgetData {
     };
     progress?: number;
 }
+/**
+ * Metric Widget Settings - Display and behavior options
+ */
+export interface MetricWidgetSettings extends BaseWidgetSettings {
+    showTrend?: boolean;
+    showTarget?: boolean;
+    showProgress?: boolean;
+    progressType?: 'bar' | 'circular' | 'none';
+    animateValue?: boolean;
+}
+/**
+ * Info Widget Data - Information content to display
+ */
 export interface InfoWidgetData extends BaseWidgetData {
     text: React.ReactNode;
     subText?: React.ReactNode;
-    status?: WidgetVariant;
 }
+/**
+ * Info Widget Settings - Display options
+ */
+export interface InfoWidgetSettings extends BaseWidgetSettings {
+    iconVariant?: WidgetVariant;
+    layout?: 'horizontal' | 'vertical';
+    alignment?: 'left' | 'center' | 'right';
+}
+/**
+ * Product Widget Data - Product information
+ */
 export interface ProductWidgetData extends BaseWidgetData {
     name: string;
     price: number | string;
@@ -58,6 +104,19 @@ export interface ProductWidgetData extends BaseWidgetData {
     inStock?: boolean;
     tags?: string[];
 }
+/**
+ * Product Widget Settings - Display and layout options
+ */
+export interface ProductWidgetSettings extends BaseWidgetSettings {
+    showRating?: boolean;
+    showCategory?: boolean;
+    showTags?: boolean;
+    imagePosition?: 'top' | 'left' | 'right';
+    cardStyle?: 'elevated' | 'outlined' | 'flat';
+}
+/**
+ * Order Widget Data - Order information
+ */
 export interface OrderWidgetData extends BaseWidgetData {
     id: string;
     total: number | string;
@@ -72,6 +131,7 @@ export interface OrderWidgetData extends BaseWidgetData {
         name: string;
         quantity?: number;
         price?: number | string;
+        image?: string;
     }>;
     shippingAddress?: {
         street: string;
@@ -83,6 +143,9 @@ export interface OrderWidgetData extends BaseWidgetData {
     subtotal?: number | string;
     tax?: number | string;
     shipping?: number | string;
+    discount?: number | string;
+    currency?: string;
+    trackingNumber?: string;
     actions?: Array<{
         label: React.ReactNode;
         onClick?: () => void;
@@ -90,6 +153,19 @@ export interface OrderWidgetData extends BaseWidgetData {
         variant?: 'primary' | 'secondary' | 'ghost' | 'outlined';
     }>;
 }
+/**
+ * Order Widget Settings - Display configuration
+ */
+export interface OrderWidgetSettings extends BaseWidgetSettings {
+    showCustomer?: boolean;
+    showItems?: boolean;
+    showAddress?: boolean;
+    showBreakdown?: boolean;
+    compact?: boolean;
+}
+/**
+ * List Widget Data - List content
+ */
 export interface ListWidgetData extends BaseWidgetData {
     items: Array<{
         id?: string;
@@ -113,18 +189,23 @@ export interface ListWidgetData extends BaseWidgetData {
             variant?: 'primary' | 'secondary' | 'ghost' | 'outlined';
         }>;
     }>;
+}
+/**
+ * List Widget Settings - Display and layout configuration
+ */
+export interface ListWidgetSettings extends BaseWidgetSettings {
     showDividers?: boolean;
     maxItems?: number;
+    itemsPerPage?: number;
+    showPagination?: boolean;
+    layout?: 'default' | 'compact' | 'comfortable';
 }
+/**
+ * Text Widget Data - Text content
+ */
 export interface TextWidgetData extends BaseWidgetData {
     content?: React.ReactNode;
     caption?: React.ReactNode;
-    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body';
-    alignment?: 'left' | 'center' | 'right';
-    titleColor?: string;
-    contentColor?: string;
-    captionColor?: string;
-    backgroundColor?: string;
     actions?: Array<{
         label: React.ReactNode;
         onClick?: () => void;
@@ -133,6 +214,20 @@ export interface TextWidgetData extends BaseWidgetData {
         type?: 'button' | 'link';
     }>;
 }
+/**
+ * Text Widget Settings - Typography and styling options
+ */
+export interface TextWidgetSettings extends Omit<BaseWidgetSettings, 'variant'> {
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body';
+    alignment?: 'left' | 'center' | 'right';
+    titleColor?: string;
+    contentColor?: string;
+    captionColor?: string;
+    backgroundColor?: string;
+}
+/**
+ * Header Widget Data - Header content
+ */
 export interface HeaderWidgetData extends BaseWidgetData {
     breadcrumbs?: Array<{
         label: React.ReactNode;
@@ -155,8 +250,20 @@ export interface HeaderWidgetData extends BaseWidgetData {
         variant?: WidgetVariant;
         type?: 'button' | 'link';
     }>;
+}
+/**
+ * Header Widget Settings - Layout and styling options
+ */
+export interface HeaderWidgetSettings extends BaseWidgetSettings {
+    showBreadcrumbs?: boolean;
+    showAvatar?: boolean;
+    layout?: 'default' | 'centered' | 'split';
+    sticky?: boolean;
     backgroundColor?: string;
 }
+/**
+ * Carousel Widget Data - Slide content
+ */
 export interface CarouselWidgetData extends BaseWidgetData {
     slides: Array<{
         id: string;
@@ -179,6 +286,11 @@ export interface CarouselWidgetData extends BaseWidgetData {
             structuredData?: Record<string, any>;
         };
     }>;
+}
+/**
+ * Carousel Widget Settings - Carousel behavior and appearance
+ */
+export interface CarouselWidgetSettings extends BaseWidgetSettings {
     swiperConfig?: {
         navigation?: {
             enabled: boolean;
@@ -206,7 +318,36 @@ export interface CarouselWidgetData extends BaseWidgetData {
     maxHeight?: string;
     showOverlay?: boolean;
     loadingPlaceholder?: boolean;
+    hideNavigationOnMobile?: boolean;
+    buttonSize?: 'sm' | 'md' | 'lg';
+    buttonVariant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'warning';
+}
+import type { ButtonProps } from '../Button/Button';
+/**
+ * Image Widget Data - Image content
+ */
+export interface ImageWidgetData extends BaseWidgetData {
+    src: string;
+    alt: string;
+    heading?: string;
+    subHeading?: string;
+    description?: string;
+    ctaLabel?: string;
+    ctaUrl?: string;
+    onCtaClick?: () => void;
 }
+/**
+ * Image Widget Settings - Display options
+ */
+export interface ImageWidgetSettings extends BaseWidgetSettings {
+    overlayTheme?: 'dark' | 'light';
+    ctaVariant?: ButtonProps['variant'];
+    aspectRatio?: string;
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none';
+}
+/**
+ * Testimonial Widget Data - Testimonial content
+ */
 export interface TestimonialWidgetData extends BaseWidgetData {
     testimonials: Array<{
         id?: string;
@@ -223,8 +364,95 @@ export interface TestimonialWidgetData extends BaseWidgetData {
     showNavigation?: boolean;
     showDots?: boolean;
 }
+/**
+ * Testimonial Widget Settings - Display configuration
+ */
+export interface TestimonialWidgetSettings extends BaseWidgetSettings {
+    showNavigation?: boolean;
+    showDots?: boolean;
+    autoplay?: boolean;
+    autoplayDelay?: number;
+    slidesPerView?: number;
+}
+/**
+ * Navbar Widget Data - Navigation content
+ */
+export interface NavbarWidgetData extends BaseWidgetData {
+    logo?: React.ReactNode;
+    navItems?: Array<{
+        id: string;
+        label: React.ReactNode;
+        href?: string;
+        icon?: React.ReactNode;
+        children?: Array<{
+            id: string;
+            label: React.ReactNode;
+            href?: string;
+            badge?: React.ReactNode;
+            onClick?: () => void;
+            active?: boolean;
+            disabled?: boolean;
+            description?: React.ReactNode;
+            icon?: React.ReactNode;
+        }>;
+        onClick?: () => void;
+        active?: boolean;
+        disabled?: boolean;
+        badge?: React.ReactNode;
+        megaMenu?: boolean;
+        megaMenuColumns?: Array<{
+            title?: React.ReactNode;
+            items: Array<{
+                id: string;
+                label: React.ReactNode;
+                description?: React.ReactNode;
+                href?: string;
+                icon?: React.ReactNode;
+                badge?: React.ReactNode;
+                onClick?: () => void;
+                active?: boolean;
+            }>;
+        }>;
+    }>;
+    actions?: React.ReactNode;
+    topBar?: {
+        content?: React.ReactNode;
+        leftContent?: React.ReactNode;
+        rightContent?: React.ReactNode;
+        variant?: 'subtle' | 'bold' | 'accent' | 'dark' | 'gradient';
+        dismissible?: boolean;
+        onDismiss?: () => void;
+    };
+}
+/**
+ * Navbar Widget Settings - Layout and behavior options
+ */
+export interface NavbarWidgetSettings extends BaseWidgetSettings {
+    searchEnabled?: boolean;
+    searchPlaceholder?: string;
+    onSearch?: (query: string) => void;
+    onLogoClick?: () => void;
+    elevated?: boolean;
+    sticky?: boolean;
+    fullWidth?: boolean;
+    layout?: 'single-row' | 'two-row' | 'centered';
+    twoRowBottomStyle?: 'default' | 'divider' | 'dark-bottom' | 'gradient-bottom' | 'elevated-bottom';
+    scrollBehavior?: 'transparent-to-solid';
+    scrollThreshold?: number;
+    onScrollStateChange?: (scrolled: boolean) => void;
+    responsive?: boolean;
+    mobileOnly?: boolean;
+}
+/**
+ * Grid Carousel Widget Data - Carousel items
+ */
 export interface GridCarouselWidgetData {
     items: React.ReactNode[];
+}
+/**
+ * Grid Carousel Widget Settings - Carousel configuration
+ */
+export interface GridCarouselWidgetSettings {
     itemsPerView?: {
         mobile?: number;
         tablet?: number;
@@ -237,19 +465,165 @@ export interface GridCarouselWidgetData {
     showPagination?: boolean;
     scrollBehavior?: 'page' | 'item';
     borderRadius?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
 }
+export interface ContentBlockWidgetData extends Omit<BaseWidgetData, 'metadata'> {
+    media?: {
+        type?: 'image' | 'avatar' | 'icon' | 'video' | 'gallery' | 'logo' | 'illustration';
+        src?: string;
+        alt?: string;
+        items?: Array<{
+            src: string;
+            alt: string;
+            caption?: React.ReactNode;
+        }>;
+        icon?: React.ReactNode;
+        iconSize?: 'sm' | 'md' | 'lg' | 'xl';
+        videoUrl?: string;
+        poster?: string;
+        aspectRatio?: '1:1' | '4:3' | '16:9' | '3:2' | '21:9' | 'auto';
+        objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+        rounded?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+        shadow?: boolean | 'sm' | 'md' | 'lg' | 'xl';
+        border?: boolean | 'sm' | 'md' | 'lg';
+        zoom?: boolean;
+    };
+    content?: {
+        eyebrow?: React.ReactNode;
+        heading?: React.ReactNode;
+        subheading?: React.ReactNode;
+        body?: React.ReactNode;
+        caption?: React.ReactNode;
+        footnote?: React.ReactNode;
+        eyebrowVariant?: 'overline' | 'caption' | 'body2';
+        headingVariant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+        subheadingVariant?: 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2';
+        bodyVariant?: 'body1' | 'body2';
+        list?: Array<{
+            text: React.ReactNode;
+            icon?: React.ReactNode;
+            checked?: boolean;
+        }>;
+        listType?: 'bullet' | 'number' | 'check' | 'icon' | 'none';
+    };
+    product?: {
+        price?: number | string;
+        comparePrice?: number | string;
+        currency?: string;
+        sku?: string;
+        stock?: number | 'in-stock' | 'out-of-stock' | 'limited';
+        rating?: number;
+        reviewCount?: number;
+        discount?: string;
+    };
+    tags?: Array<{
+        text: string;
+        variant?: WidgetVariant;
+        icon?: React.ReactNode;
+        href?: string;
+    }>;
+    stats?: Array<{
+        value: React.ReactNode;
+        label: React.ReactNode;
+        icon?: React.ReactNode;
+        variant?: WidgetVariant;
+    }>;
+    author?: {
+        name: string;
+        role?: string;
+        company?: string;
+        avatar?: string;
+        social?: Array<{
+            platform: string;
+            url: string;
+            icon?: React.ReactNode;
+        }>;
+    };
+    metadata?: Array<{
+        label: string;
+        value: React.ReactNode;
+        icon?: React.ReactNode;
+    }>;
+    actions?: Array<{
+        label: React.ReactNode;
+        onClick?: () => void;
+        href?: string;
+        variant?: WidgetVariant | 'outline' | 'ghost';
+        type?: 'button' | 'link' | 'icon';
+        icon?: React.ReactNode;
+        iconPosition?: 'left' | 'right';
+        size?: 'sm' | 'md' | 'lg';
+        fullWidth?: boolean;
+    }>;
+    colors?: {
+        eyebrow?: string;
+        heading?: string;
+        subheading?: string;
+        body?: string;
+        caption?: string;
+        background?: string;
+        accent?: string;
+    };
+    quote?: {
+        text: React.ReactNode;
+        author?: string;
+    };
+    timeline?: {
+        date?: string;
+        icon?: React.ReactNode;
+    };
+}
+/**
+ * Grid Widget Data - Collection of widgets
+ */
 export interface GridWidgetData {
     widgets: WidgetConfig[];
+}
+/**
+ * Grid Widget Settings - Grid layout configuration
+ */
+export interface GridWidgetSettings {
     gap?: 'none' | 'sm' | 'md' | 'lg';
+    grid?: GridConfig;
 }
-export type WidgetData = MetricWidgetData | InfoWidgetData | ProductWidgetData | OrderWidgetData | ListWidgetData | TextWidgetData | HeaderWidgetData | CarouselWidgetData | TestimonialWidgetData | GridCarouselWidgetData;
+export type WidgetData = MetricWidgetData | InfoWidgetData | ProductWidgetData | OrderWidgetData | ListWidgetData | TextWidgetData | HeaderWidgetData | CarouselWidgetData | ImageWidgetData | TestimonialWidgetData | GridCarouselWidgetData | NavbarWidgetData | ContentBlockWidgetData | GridWidgetData;
+export type WidgetSettings = MetricWidgetSettings | InfoWidgetSettings | ProductWidgetSettings | OrderWidgetSettings | ListWidgetSettings | TextWidgetSettings | HeaderWidgetSettings | CarouselWidgetSettings | ImageWidgetSettings | TestimonialWidgetSettings | GridCarouselWidgetSettings | NavbarWidgetSettings | GridWidgetSettings | BaseWidgetSettings;
+/**
+ * Widget Configuration - Combines type, data, and settings
+ *
+ * @example
+ * // Metric widget with data and settings separated
+ * const metricWidget: WidgetConfig = {
+ *   type: 'metric',
+ *   data: {
+ *     value: '$12,345',
+ *     label: 'Total Revenue',
+ *     trend: { direction: 'up', value: 12.5 }
+ *   },
+ *   settings: {
+ *     theme: 'modern',
+ *     variant: 'success',
+ *     size: 'lg',
+ *     showTrend: true,
+ *     animateValue: true
+ *   }
+ * };
+ */
 export interface WidgetConfig {
     type: WidgetType | 'grid';
-    theme: WidgetTheme;
+    data: WidgetData;
+    settings?: WidgetSettings;
+    /** @deprecated Use settings.theme */
+    theme?: WidgetTheme;
+    /** @deprecated Use settings.variant */
     variant?: WidgetVariant;
+    /** @deprecated Use settings.size */
     size?: 'sm' | 'md' | 'lg';
-    data: WidgetData | GridWidgetData | WidgetData[];
-    grid?: GridConfig;
+    /** @deprecated Use settings.className */
     className?: string;
+    /** @deprecated Use settings.style */
     style?: React.CSSProperties;
+    /** @deprecated Use settings */
+    grid?: GridConfig;
 }

package/dist/types/icons/IconComponents.d.ts

@@ -54,3 +54,6 @@ export declare const ArrowDownIcon: import("react-icons/lib").IconType;
 export declare const FilterIcon: import("react-icons/lib").IconType;
 export declare const ChevronsLeftIcon: import("react-icons/lib").IconType;
 export declare const ChevronsRightIcon: import("react-icons/lib").IconType;
+export declare const BuildingIcon: import("react-icons/lib").IconType;
+export declare const DollarSignIcon: import("react-icons/lib").IconType;
+export declare const ActivityIcon: import("react-icons/lib").IconType;

package/dist/types/index.d.ts

@@ -1,3 +1,5 @@
+export { Autocomplete } from './components/Autocomplete';
+export type { AutocompleteOption, AutocompleteProps } from './components/Autocomplete';
 export { Button } from './components/Button';
 export type { ButtonProps } from './components/Button';
 export { Checkbox } from './components/Checkbox';
@@ -39,7 +41,7 @@ export type { ToastContainerProps, ToastOptions, ToastProps, ToastVariant, Toast
 export { Tooltip } from './components/Tooltip';
 export type { TooltipProps } from './components/Tooltip';
 export { Widget } from './components/Widget';
-export type { WidgetProps, WidgetConfig, WidgetTheme, WidgetVariant, MetricWidgetData, InfoWidgetData, ProductWidgetData, OrderWidgetData, ListWidgetData, TextWidgetData, HeaderWidgetData, GridWidgetData, IntelligentGridProps } from './components/Widget';
+export type { WidgetProps, WidgetConfig, WidgetTheme, WidgetVariant, MetricWidgetData, MetricWidgetSettings, InfoWidgetData, ProductWidgetData, ProductWidgetSettings, OrderWidgetData, ListWidgetData, TextWidgetData, HeaderWidgetData, GridWidgetData, IntelligentGridProps } from './components/Widget';
 export { AdminHeader } from './components/AdminHeader';
 export type { AdminHeaderProps, NotificationItem as AdminNotificationItem, UserMenuItem, QuickAction, SearchSuggestion } from './components/AdminHeader';
 export { Avatar } from './components/Avatar';
@@ -54,8 +56,6 @@ export { DataGrid } from './components/DataGrid';
 export type { DataGridColumn, DataGridProps, GridFilterItem, GridFilterModel, GridFilterOperator, GridRowSelectionModel, } from './components/DataGrid';
 export { Divider } from './components/Divider';
 export type { DividerProps } from './components/Divider';
-export { Header } from './components/Header';
-export type { HeaderProps, NotificationItem } from './components/Header';
 export { Link } from './components/Link';
 export type { LinkProps } from './components/Link';
 export { SideMenu } from './components/SideMenu';
@@ -85,12 +85,16 @@ export type { InfoTextBaseProps, InfoTextStatProps, InfoTextFeatureProps, InfoTe
 export { ProductCard } from './widgets/ProductCard';
 export type { ProductCardProps, ProductCardWideProps } from './widgets/ProductCard';
 export { OrderCard } from './widgets/OrderCard';
-export type { OrderCardProps, OrderItem } from './widgets/OrderCard';
+export type { OrderItem } from './widgets/OrderCard';
 export { InfoListCard } from './widgets/InfoListCard';
 export type { InfoListCardProps, InfoListItem } from './widgets/InfoListCard';
 export { OrderConfirmation } from './widgets/OrderConfirmation';
 export type { OrderConfirmationProps, OrderConfirmationItem, OrderConfirmationAddress } from './widgets/OrderConfirmation';
 export { OrderDetails } from './widgets/OrderDetails';
 export type { OrderDetailsProps, OrderDetailsItem, OrderDetailsAddress } from './widgets/OrderDetails';
-export { Header as HomeHeader } from './widgets/Header';
-export type { NavigationItem, HeaderDesktopProps, HeaderMobileProps, HeaderResponsiveProps } from './widgets/Header';
+export { DashboardCard } from './widgets/DashboardCard';
+export type { DashboardCardProps, DashboardCardTheme, DashboardCardSize, StatCardProps, StatCardData, StatCardSettings, ProgressCardProps, ProgressCardData, ProgressCardSettings, ComparisonCardProps, ComparisonCardData, ComparisonCardSettings, ActivityCardProps, ActivityCardData, ActivityCardSettings, OrderCardProps, OrderCardData, OrderCardSettings, UserCardProps, UserCardData, UserCardSettings, RevenueCardProps, RevenueCardData, RevenueCardSettings, AlertCardProps, AlertCardData, AlertCardSettings, RankingCardProps, RankingCardData, RankingCardSettings, StatusCardProps, StatusCardData, StatusCardSettings, } from './widgets/DashboardCard';
+export { Navbar } from './components/Navbar';
+export type { NavigationItem, MegaMenuColumn, TopBarConfig, NavbarDesktopProps, NavbarMobileProps, NavbarResponsiveProps } from './components/Navbar';
+export { Navbar as Header } from './components/Navbar';
+export type { NavbarDesktopProps as HeaderDesktopProps, NavbarMobileProps as HeaderMobileProps, NavbarResponsiveProps as HeaderResponsiveProps } from './components/Navbar';