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

package/dist/types/stories/components/Autocomplete.stories.d.ts

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Autocomplete } from '../../components/Autocomplete';
+declare const meta: Meta<typeof Autocomplete>;
+export default meta;
+type Story = StoryObj<typeof Autocomplete>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithSearchIcon: Story;
+export declare const Clearable: Story;
+export declare const WithIcons: Story;
+export declare const CustomGetters: Story;
+export declare const WithFunctions: Story;
+export declare const Loading: Story;
+export declare const NoOptions: Story;
+export declare const FullWidth: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const WithError: Story;
+export declare const WithSuccess: Story;
+export declare const WithHelperText: Story;

package/dist/types/stories/components/ContentBlockWidget.stories.d.ts

@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Widget } from '../../components/Widget';
+declare const meta: Meta<typeof Widget>;
+export default meta;
+type Story = StoryObj<typeof Widget>;
+export declare const EcommerceProductShowcase: Story;
+export declare const EcommerceProductGrid: Story;
+export declare const EcommerceCategoryBanner: Story;
+export declare const BlogFeaturedPost: Story;
+export declare const BlogQuoteBlock: Story;
+export declare const ServiceFeatureHighlight: Story;
+export declare const ServiceTeamMember: Story;
+export declare const ServiceAboutUs: Story;
+export declare const ServiceProcessStep: Story;
+export declare const SaaSFeature: Story;
+export declare const SaaSPricingCard: Story;
+export declare const SaaSCustomerTestimonial: Story;
+export declare const PortfolioProject: Story;
+export declare const CTABanner: Story;
+export declare const SplitLayoutFeature: Story;
+export declare const SidebarLayout: Story;
+export declare const RealEstateProperty: Story;
+export declare const MinimalInfoCard: Story;
+export declare const CompactFeatureList: Story;

package/dist/types/stories/components/HeaderWidget.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Widget } from '../../components/Widget';
+declare const meta: Meta<typeof Widget>;
+export default meta;
+type Story = StoryObj<typeof Widget>;
+export declare const Basic: Story;
+export declare const WithBreadcrumbs: Story;
+export declare const WithAvatarAndBadges: Story;
+export declare const WithActions: Story;
+export declare const Complete: Story;

package/dist/types/stories/components/InfoWidget.stories.d.ts

@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Widget } from '../../components/Widget';
+declare const meta: Meta<typeof Widget>;
+export default meta;
+type Story = StoryObj<typeof Widget>;
+export declare const Base: Story;
+export declare const BaseWithImage: Story;
+export declare const BaseNoIcon: Story;
+export declare const Stat: Story;
+export declare const StatWithImage: Story;
+export declare const StatSuccess: Story;
+export declare const Feature: Story;
+export declare const FeatureWithImage: Story;
+export declare const FeatureSecurity: Story;
+export declare const Compact: Story;
+export declare const CompactSuccess: Story;
+export declare const CompactWarning: Story;
+export declare const CompactWithImage: Story;
+export declare const Vertical: Story;
+export declare const VerticalWithImage: Story;
+export declare const VerticalSuccess: Story;
+export declare const StatusDashboard: Story;
+export declare const FeatureShowcase: Story;
+export declare const MixedDashboard: Story;

package/dist/types/stories/components/ListWidget.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Widget } from '../../components/Widget';
+declare const meta: Meta<typeof Widget>;
+export default meta;
+type Story = StoryObj<typeof Widget>;
+export declare const Basic: Story;
+export declare const WithAvatars: Story;
+export declare const WithBadgesAndActions: Story;
+export declare const WithMetadata: Story;
+export declare const WithDividers: Story;

package/dist/types/stories/components/MetricWidget.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Widget } from '../../components/Widget';
+declare const meta: Meta<typeof Widget>;
+export default meta;
+type Story = StoryObj<typeof Widget>;
+export declare const Basic: Story;
+export declare const WithTrend: Story;
+export declare const WithTarget: Story;
+export declare const WithProgress: Story;
+export declare const Complete: Story;
+export declare const NegativeTrend: Story;
+export declare const StableTrend: Story;

package/dist/types/stories/components/OrderWidget.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Widget } from '../../components/Widget';
+declare const meta: Meta<typeof Widget>;
+export default meta;
+type Story = StoryObj<typeof Widget>;
+export declare const Basic: Story;
+export declare const WithCustomer: Story;
+export declare const WithItems: Story;
+export declare const WithShipping: Story;
+export declare const WithBreakdown: Story;
+export declare const WithActions: Story;
+export declare const Complete: Story;

package/dist/types/stories/components/ProductWidget.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import ProductWidget from '../../components/Widget/renderers/ProductWidget';
+declare const meta: Meta<typeof ProductWidget>;
+export default meta;
+type Story = StoryObj<typeof ProductWidget>;
+export declare const Basic: Story;
+export declare const WithDiscount: Story;
+export declare const WithRating: Story;
+export declare const OutOfStock: Story;
+export declare const WithTags: Story;
+export declare const Complete: Story;
+export declare const LowRating: Story;
+export declare const Premium: Story;

package/dist/types/stories/components/TextWidget.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Widget } from '../../components/Widget';
+declare const meta: Meta<typeof Widget>;
+export default meta;
+type Story = StoryObj<typeof Widget>;
+export declare const Basic: Story;
+export declare const WithTitleAndCaption: Story;
+export declare const WithActions: Story;
+export declare const LargeHeading: Story;
+export declare const RightAligned: Story;

package/dist/types/stories/widgets/DashboardCard.stories.d.ts

@@ -0,0 +1,58 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DashboardCard } from '../../widgets/DashboardCard';
+declare const meta: Meta<typeof DashboardCard>;
+export default meta;
+type Story = StoryObj<typeof DashboardCard>;
+export declare const StatCardBasic: Story;
+export declare const StatCardWithTrend: Story;
+export declare const StatCardNegativeTrend: Story;
+export declare const StatCardClickable: Story;
+export declare const ProgressCardBasic: Story;
+export declare const ProgressCardOnTrack: Story;
+export declare const ProgressCardAtRisk: Story;
+export declare const ProgressCardExceeded: Story;
+export declare const ComparisonCardHorizontal: Story;
+export declare const ComparisonCardVertical: Story;
+export declare const ActivityCardBasic: Story;
+export declare const ActivityCardCompact: Story;
+export declare const OrderCardDetailed: Story;
+export declare const OrderCardShipped: Story;
+export declare const OrderCardDelivered: Story;
+export declare const OrderCardCancelled: Story;
+export declare const UserCardHorizontal: Story;
+export declare const UserCardAway: Story;
+export declare const UserCardOffline: Story;
+export declare const RevenueCardDetailed: Story;
+export declare const RevenueCardCompact: Story;
+export declare const AlertCardError: Story;
+export declare const AlertCardWarning: Story;
+export declare const AlertCardSuccess: Story;
+export declare const AlertCardInfo: Story;
+export declare const RankingCardProducts: Story;
+export declare const RankingCardEmployees: Story;
+export declare const StatusCardOnline: Story;
+export declare const StatusCardDegraded: Story;
+export declare const StatusCardOffline: Story;
+export declare const StatusCardMaintenance: Story;
+export declare const LoadingState: Story;
+export declare const DashboardGrid: Story;
+export declare const EcommerceDashboard: Story;
+export declare const HRMSDashboard: Story;
+export declare const AnalyticsDashboard: Story;
+export declare const SystemMonitoringDashboard: Story;
+export declare const FilledStatCards: Story;
+export declare const FilledActivityCard: Story;
+export declare const FilledProgressCard: Story;
+export declare const FilledUserCard: Story;
+export declare const FilledOrderCard: Story;
+export declare const FilledComparison: Story;
+export declare const FilledDashboardMix: Story;
+export declare const MetricCardLineChart: Story;
+export declare const MetricCardBarChart: Story;
+export declare const MetricCardWithComparison: Story;
+export declare const MetricCardNegativeTrend: Story;
+export declare const MetricCardCompact: Story;
+export declare const MetricCardNoChart: Story;
+export declare const FilledMetricCardPrimary: Story;
+export declare const FilledMetricCardSuccess: Story;
+export declare const FilledMetricCardDanger: Story;

package/dist/types/stories/widgets/InfoCard.stories.d.ts

@@ -1,9 +1,6 @@
 declare const _default: {
     title: string;
-    component: import("react").FC<import("../..").InfoCardBaseProps & import("react").RefAttributes<HTMLDivElement>>;
-    subcomponents: {
-        Metric: import("react").FC<import("../..").InfoCardMetricProps & import("react").RefAttributes<HTMLDivElement>>;
-    };
+    component: import("react").FC<import("../..").WidgetProps>;
 };
 export default _default;
 export declare const Base: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/stories/widgets/InfoListCard.stories.d.ts

@@ -1,19 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import InfoListCard from '../../widgets/InfoListCard/InfoListCard';
-declare const meta: Meta<typeof InfoListCard>;
+import Widget from '../../components/Widget/Widget';
+declare const meta: Meta<typeof Widget>;
 export default meta;
-type Story = StoryObj<typeof InfoListCard>;
+type Story = StoryObj<typeof Widget>;
 export declare const PaymentInformation: Story;
-export declare const OrderDetails: Story;
-export declare const WithDividers: Story;
-export declare const LongText: Story;
-export declare const Compact: Story;
-export declare const NoHeading: Story;
-export declare const ColorVariants: Story;
-export declare const AccountInfo: Story;
-export declare const ElevatedVariant: Story;
-export declare const FlatVariant: Story;
 export declare const MultipleCards: Story;
-export declare const HiddenItems: Story;
-export declare const ResponsiveDemo: Story;
-export declare const WithReactNodes: Story;

package/dist/types/stories/widgets/InfoText.stories.d.ts

@@ -1,30 +1,12 @@
 declare const _default: {
     title: string;
-    component: import("react").FC<import("../..").InfoTextBaseProps & import("react").RefAttributes<HTMLDivElement>>;
-    subcomponents: {
-        Base: import("react").FC<import("../..").InfoTextBaseProps & import("react").RefAttributes<HTMLDivElement>>;
-        Stat: import("react").FC<import("../..").InfoTextStatProps & import("react").RefAttributes<HTMLDivElement>>;
-        Feature: import("react").FC<import("../..").InfoTextFeatureProps & import("react").RefAttributes<HTMLDivElement>>;
-        Compact: import("react").FC<import("../..").InfoTextCompactProps & import("react").RefAttributes<HTMLDivElement>>;
-        Vertical: import("react").FC<import("../..").InfoTextVerticalProps & import("react").RefAttributes<HTMLDivElement>>;
-    };
+    component: import("react").FC<import("../..").WidgetProps>;
 };
 export default _default;
 export declare const Base: () => import("react/jsx-runtime").JSX.Element;
-export declare const BaseVariants: () => import("react/jsx-runtime").JSX.Element;
-export declare const BaseWithoutSubtext: () => import("react/jsx-runtime").JSX.Element;
-export declare const BaseWithoutCircle: () => import("react/jsx-runtime").JSX.Element;
 export declare const Stat: () => import("react/jsx-runtime").JSX.Element;
-export declare const StatVariants: () => import("react/jsx-runtime").JSX.Element;
-export declare const StatWithoutIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const StatWithoutCircle: () => import("react/jsx-runtime").JSX.Element;
 export declare const Feature: () => import("react/jsx-runtime").JSX.Element;
-export declare const FeatureVariants: () => import("react/jsx-runtime").JSX.Element;
 export declare const Compact: () => import("react/jsx-runtime").JSX.Element;
-export declare const CompactVariants: () => import("react/jsx-runtime").JSX.Element;
-export declare const Vertical: () => import("react/jsx-runtime").JSX.Element;
-export declare const VerticalVariants: () => import("react/jsx-runtime").JSX.Element;
-export declare const AllIconVariants: () => import("react/jsx-runtime").JSX.Element;
 export declare const MixedUsage: () => import("react/jsx-runtime").JSX.Element;
 export declare const GridLayout: () => import("react/jsx-runtime").JSX.Element;
 export declare const FeatureGrid: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/stories/widgets/MetricCard.stories.d.ts

@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Widget } from '../../components/Widget';
+declare const meta: Meta<typeof Widget>;
+export default meta;
+type Story = StoryObj<typeof Widget>;
+export declare const Base: Story;
+export declare const BaseWithIcon: Story;
+export declare const BaseNoTrend: Story;
+export declare const CompactPrimary: Story;
+export declare const CompactSuccess: Story;
+export declare const CompactWarning: Story;
+export declare const CompactDanger: Story;
+export declare const DetailedWithProgress: Story;
+export declare const DetailedWithIcon: Story;
+export declare const DetailedComplete: Story;
+export declare const ChartLine: Story;
+export declare const ChartBar: Story;
+export declare const ChartSecondary: Story;
+export declare const ChartDanger: Story;
+export declare const FilledStyles: Story;
+export declare const FilledDetailed: Story;
+export declare const FilledCharts: Story;
+export declare const AdminDashboard: Story;
+export declare const DetailedDashboard: Story;
+export declare const ChartDashboard: Story;
+export declare const MixedDashboard: Story;
+export declare const MixedDashboardWithoutTrend: Story;

package/dist/types/stories/widgets/OrderCard.stories.d.ts

@@ -1,13 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import OrderCard from '../../widgets/OrderCard/OrderCard';
-declare const meta: Meta<typeof OrderCard>;
+import Widget from '../../components/Widget/Widget';
+declare const meta: Meta<typeof Widget>;
 export default meta;
-type Story = StoryObj<typeof OrderCard>;
+type Story = StoryObj<typeof Widget>;
 export declare const Delivered: Story;
-export declare const Processing: Story;
-export declare const Cancelled: Story;
-export declare const LongProductName: Story;
-export declare const Pending: Story;
-export declare const NoImage: Story;
-export declare const MultipleItems: Story;
 export declare const OrdersList: Story;

package/dist/types/stories/widgets/OrderConfirmation.stories.d.ts

@@ -1,36 +1,13 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../..").OrderConfirmationProps & import("react").RefAttributes<HTMLDivElement>>;
+    component: import("react").FC<import("../..").WidgetProps>;
     parameters: {
         layout: string;
     };
     tags: string[];
-    argTypes: {
-        onDownloadInvoice: {
-            action: string;
-        };
-        onContinueShopping: {
-            action: string;
-        };
-        onTrackOrder: {
-            action: string;
-        };
-        onViewDetails: {
-            action: string;
-        };
-        onContactSupport: {
-            action: string;
-        };
-        onShareOrder: {
-            action: string;
-        };
-    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const WithDiscount: Story;
-export declare const MultipleItems: Story;
-export declare const MinimalInfo: Story;
-export declare const Delivered: Story;

package/dist/types/stories/widgets/OrderDetails.stories.d.ts

@@ -1,11 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { OrderDetails } from '../../widgets/OrderDetails/OrderDetails';
-declare const meta: Meta<typeof OrderDetails>;
+import Widget from '../../components/Widget/Widget';
+declare const meta: Meta<typeof Widget>;
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Widget>;
 export declare const Processing: Story;
-export declare const Shipped: Story;
 export declare const Delivered: Story;
-export declare const Pending: Story;
-export declare const Cancelled: Story;
-export declare const MultipleItems: Story;

package/dist/types/stories/widgets/ProductCard.stories.d.ts

@@ -1,25 +1,11 @@
 import React from 'react';
 declare const _default: {
     title: string;
-    component: {
-        Base: React.FC<import("../..").ProductCardProps & React.RefAttributes<HTMLDivElement>>;
-        Wide: React.FC<import("../..").ProductCardWideProps & React.RefAttributes<HTMLDivElement>>;
-        Minimal: React.FC<import("../..").ProductCardProps & React.RefAttributes<HTMLDivElement>>;
-    };
+    component: React.FC<import("../..").WidgetProps>;
 };
 export default _default;
 export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithWishlist: () => import("react/jsx-runtime").JSX.Element;
 export declare const FeaturedProduct: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithQuickView: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithInitialQuantity: () => import("react/jsx-runtime").JSX.Element;
-export declare const Loading: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithoutCategory: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithoutWeight: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithoutRating: () => import("react/jsx-runtime").JSX.Element;
 export declare const ProductGrid: () => import("react/jsx-runtime").JSX.Element;
 export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;
-export declare const WideVariant: () => import("react/jsx-runtime").JSX.Element;
-export declare const WideVariantImageRight: () => import("react/jsx-runtime").JSX.Element;
-export declare const MinimalVariant: () => import("react/jsx-runtime").JSX.Element;
-export declare const AllVariants: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/theme/ThemeProvider.d.ts

@@ -11,12 +11,15 @@ export interface ColorContrastConfig {
     danger?: ColorContrast;
     success?: ColorContrast;
     warning?: ColorContrast;
+    info?: ColorContrast;
 }
 export interface Theme {
     tokens: Tokens;
     mode: 'light' | 'dark';
     defaultSize: Size;
     colorContrast: ColorContrastConfig;
+    linkComponent?: React.ElementType;
+    imageComponent?: React.ElementType;
 }
 export interface ThemeContextValue {
     theme: Theme;
@@ -40,6 +43,10 @@ export interface ThemeProviderProps extends React.HTMLAttributes<HTMLDivElement>
     toastLimit?: number;
     /** Disable toast notifications globally */
     disableToasts?: boolean;
+    /** Default link component for routing (e.g., React Router Link, Next.js Link) */
+    linkComponent?: React.ElementType;
+    /** Default image component for images (e.g., Next.js Image, native img) */
+    imageComponent?: React.ElementType;
 }
 declare const ThemeProvider: React.ForwardRefExoticComponent<ThemeProviderProps & React.RefAttributes<HTMLDivElement>>;
 export { ThemeProvider };

package/dist/types/utils/parseClass.d.ts

@@ -1 +1,3 @@
 export declare function parseClass(className: string): string;
+export declare function initGlobalStyles(): void;
+export declare function cleanupGlobalStyles(): void;