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

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

@@ -0,0 +1,35 @@
+import React from 'react';
+export interface GridCarouselWidgetProps {
+    items: React.ReactNode[];
+    className?: string;
+    style?: React.CSSProperties;
+    borderRadius?: boolean;
+    autoplay?: boolean;
+    autoplayDelay?: number;
+    /**
+     * Number of items to show per view at different breakpoints
+     */
+    itemsPerView?: {
+        mobile?: number;
+        tablet?: number;
+        desktop?: number;
+    };
+    /**
+     * Gap between grid items
+     */
+    gap?: number | string;
+    /**
+     * Show navigation arrows
+     */
+    showNavigation?: boolean;
+    /**
+     * Show pagination dots
+     */
+    showPagination?: boolean;
+    /**
+     * Scroll behavior: 'page' scrolls by full page, 'item' scrolls by one item
+     */
+    scrollBehavior?: 'page' | 'item';
+}
+declare const GridCarouselWidget: React.FC<GridCarouselWidgetProps>;
+export default GridCarouselWidget;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { HeaderWidgetData, HeaderWidgetSettings, WidgetTheme, WidgetVariant } from '../types';
+interface HeaderWidgetProps {
+    data: HeaderWidgetData;
+    settings?: HeaderWidgetSettings;
+    /** @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 HeaderWidget: React.FC<HeaderWidgetProps>;
+export default HeaderWidget;

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

@@ -0,0 +1,69 @@
+import React from 'react';
+import { ImageWidgetData } from '../types';
+import { ButtonProps } from '../../Button';
+import './ImageWidget.css';
+import { TextVariant } from '../../Text';
+export interface ImageWidgetSettings {
+    /**
+     * Overlay theme: 'dark' (light text) or 'light' (dark text)
+     */
+    overlayTheme?: 'dark' | 'light';
+    /**
+     * CTA button variant (uses ButtonProps['variant'] for type safety)
+     */
+    ctaVariant?: ButtonProps['variant'];
+    /**
+     * If true, always use native <img>
+     */
+    forceNative?: boolean;
+    /**
+     * Custom image component to use
+     */
+    imageComponent?: React.ElementType;
+    /**
+     * Height of the image widget
+     */
+    height?: string;
+    /**
+     * Minimum height of the image widget
+     */
+    minHeight?: string;
+    /**
+     * Object fit property for the image
+     */
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /**
+     * Text alignment: 'left', 'center', or 'right'
+     */
+    textAlign?: 'left' | 'center' | 'right';
+    /**
+     * Overlay horizontal alignment: 'left', 'center', or 'right'
+     */
+    overlayAlign?: 'left' | 'center' | 'right';
+    /**
+     * Text variant for heading
+     */
+    headingVariant?: TextVariant;
+    /**
+     * Text variant for subHeading
+     */
+    subHeadingVariant?: TextVariant;
+    /**
+     * Text variant for description
+     */
+    descriptionVariant?: TextVariant;
+}
+export interface ImageWidgetProps {
+    /**
+     * Image widget data to display
+     */
+    data: ImageWidgetData;
+    /**
+     * Optional settings for additional features
+     */
+    settings?: ImageWidgetSettings;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const ImageWidget: React.FC<ImageWidgetProps>;
+export default ImageWidget;

package/dist/types/components/Widget/renderers/ImageWidget.stories.d.ts

@@ -0,0 +1,11 @@
+import { ImageWidgetProps } from './ImageWidget';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<ImageWidgetProps>;
+export default meta;
+type Story = StoryObj<ImageWidgetProps>;
+export declare const Default: Story;
+export declare const LightOverlay: Story;
+export declare const NoCTA: Story;
+export declare const LeftAligned: Story;
+export declare const RightAligned: Story;
+export declare const CustomTextVariants: Story;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { InfoWidgetData, InfoWidgetSettings, WidgetTheme, WidgetVariant } from '../types';
+interface InfoWidgetProps {
+    data: InfoWidgetData;
+    settings?: InfoWidgetSettings;
+    /** @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 InfoWidget: React.FC<InfoWidgetProps>;
+export default InfoWidget;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ListWidgetData, ListWidgetSettings, WidgetTheme, WidgetVariant } from '../types';
+interface ListWidgetProps {
+    data: ListWidgetData;
+    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>;
+export default ListWidget;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { MetricWidgetData, MetricWidgetSettings, WidgetTheme, WidgetVariant } from '../types';
+interface MetricWidgetProps {
+    data: MetricWidgetData;
+    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>;
+export default MetricWidget;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { OrderWidgetData, OrderWidgetSettings } from '../types';
+interface OrderWidgetProps {
+    data: OrderWidgetData;
+    settings?: OrderWidgetSettings;
+}
+declare const OrderWidget: React.FC<OrderWidgetProps>;
+export default OrderWidget;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ProductWidgetData, ProductWidgetSettings } from '../types';
+interface ProductWidgetProps {
+    data: ProductWidgetData;
+    settings?: ProductWidgetSettings;
+}
+declare const ProductWidget: React.FC<ProductWidgetProps>;
+export default ProductWidget;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { TestimonialWidgetData } from '../types';
+export interface TestimonialWidgetProps {
+    data: TestimonialWidgetData;
+    className?: string;
+    theme?: 'minimal' | 'card' | 'gradient' | 'modern' | 'professional' | 'glassmorphism';
+    style?: React.CSSProperties;
+    autoplay?: boolean;
+    autoplayDelay?: number;
+    borderRadius?: boolean;
+    authorPosition?: 'top' | 'bottom';
+}
+declare const TestimonialWidget: React.FC<TestimonialWidgetProps>;
+export default TestimonialWidget;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TextWidgetData, TextWidgetSettings, WidgetTheme, WidgetVariant } from '../types';
+interface TextWidgetProps {
+    data: TextWidgetData;
+    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>;
+export default TextWidget;