@vtx-ui/react 0.0.1-beta.1 → 0.0.1-beta.10

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

@@ -0,0 +1,22 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Chip } from '../../components/Chip';
+declare const meta: Meta<typeof Chip>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Primary: Story;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Outlined: Story;
+export declare const Light: Story;
+export declare const WithIcon: Story;
+export declare const WithAvatar: Story;
+export declare const Deletable: Story;
+export declare const Clickable: Story;
+export declare const Disabled: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const AllVariants: Story;
+export declare const AllColors: Story;

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

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DataGrid } from '../../components/DataGrid';
+declare const meta: Meta<typeof DataGrid>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithInitialFilters: Story;
+export declare const ControlledFilters: Story;
+export declare const CustomRendering: Story;
+export declare const WithRowSelection: Story;
+export declare const CompactDensity: Story;
+export declare const ComfortableDensity: Story;
+export declare const AllColumnTypes: Story;
+export declare const WithoutPagination: Story;
+export declare const DisabledFilters: Story;
+export declare const LoadingState: Story;
+export declare const EmptyState: Story;
+export declare const ComplexFiltering: Story;
+export declare const FullFeatured: Story;
+export declare const PinnedColumns: Story;

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

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Divider } from '../../components/Divider';
+declare const meta: Meta<typeof Divider>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithText: Story;
+export declare const LeftAligned: Story;
+export declare const RightAligned: Story;
+export declare const Vertical: Story;
+export declare const VerticalWithText: Story;
+export declare const Inset: Story;
+export declare const Middle: Story;
+export declare const Light: Story;
+export declare const FlexItem: Story;

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Flex } from '../../components/Flex';
+declare const meta: Meta<typeof Flex>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Column: Story;
+export declare const Center: Story;
+export declare const SpaceBetween: Story;
+export declare const Wrap: Story;
+export declare const ColumnReverse: Story;
+export declare const AlignStretch: Story;
+export declare const GapVariations: Story;
+export declare const Inline: Story;

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Grid } from '../../components/Grid';
+declare const meta: Meta<typeof Grid>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicGrid: Story;
+export declare const ResponsiveGrid: Story;
+export declare const AutoGrid: Story;
+export declare const NestedGrid: Story;
+export declare const DifferentSpacing: Story;
+export declare const CustomBreakpoints: Story;

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Header } from '../../components/Header';
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSubtitle: Story;
+export declare const WithActions: Story;
+export declare const WithLogo: Story;
+export declare const WithNavigation: Story;
+export declare const Minimal: Story;
+export declare const Elevated: Story;
+export declare const Sticky: Story;
+export declare const FullFeatured: Story;

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Input } from '../../components/Input';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Menu } from '../../components/Menu';
+declare const meta: Meta<typeof Menu>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSubmenus: Story;
+export declare const HoverTrigger: Story;
+export declare const DifferentPlacements: Story;
+export declare const WithDisabledItems: Story;
+export declare const MinimalVariant: Story;
+export declare const ActiveItems: Story;
+export declare const LongMenu: Story;

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Modal } from '../../components/Modal';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithFooter: Story;
+export declare const Large: Story;
+export declare const Small: Story;
+export declare const NoCloseButton: Story;
+export declare const DangerModal: Story;
+export declare const NonClosableBackdrop: Story;

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

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MultiSelect } from '../../components/MultiSelect';
+declare const meta: Meta<typeof MultiSelect>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithHelperText: Story;
+export declare const WithDefaultValues: Story;
+export declare const WithError: Story;
+export declare const WithSuccess: Story;
+export declare const Disabled: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Grouped: Story;
+export declare const MaxSelection: Story;
+export declare const Searchable: Story;
+export declare const FullWidth: Story;
+export declare const AllSizes: Story;

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

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Radio } from '../../components/Radio';
+declare const meta: Meta<typeof Radio>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;
+export declare const WithHelperText: Story;
+export declare const WithError: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const AllSizes: Story;

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

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { RadioGroup } from '../../components/RadioGroup';
+declare const meta: Meta<typeof RadioGroup>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithDefaultValue: Story;
+export declare const Horizontal: Story;
+export declare const Disabled: Story;
+export declare const WithDisabledOptions: Story;
+export declare const WithError: Story;
+export declare const WithHelperText: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const LongOptions: Story;

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

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Select } from '../../components/Select';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithHelperText: Story;
+export declare const WithError: Story;
+export declare const WithSuccess: Story;
+export declare const Disabled: Story;
+export declare const DisabledOptions: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const FullWidth: Story;
+export declare const Grouped: Story;
+export declare const AllSizes: Story;

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

@@ -0,0 +1,62 @@
+import type { StoryObj } from '@storybook/react';
+import { SideMenuProps } from '../../components/SideMenu/SideMenu';
+declare const meta: {
+    title: string;
+    component: {
+        (props: SideMenuProps & import("react").RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        items: {
+            control: "object";
+            description: string;
+        };
+        collapsed: {
+            control: "boolean";
+            description: string;
+        };
+        width: {
+            control: "text";
+            description: string;
+        };
+        collapsedWidth: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default sidebar
+ */
+export declare const Default: Story;
+/**
+ * Collapsed sidebar state
+ */
+export declare const Collapsed: Story;
+/**
+ * With custom width
+ */
+export declare const CustomWidth: Story;
+/**
+ * Simple menu without header/footer
+ */
+export declare const SimpleMenu: Story;
+/**
+ * With nested menus
+ */
+export declare const NestedMenus: Story;
+/**
+ * With badges
+ */
+export declare const WithBadges: Story;

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

@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Table } from '../../components/Table';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithActions: Story;
+export declare const WithCustomRendering: Story;
+export declare const Sortable: Story;
+export declare const Selectable: Story;
+export declare const Striped: Story;
+export declare const Bordered: Story;
+export declare const Compact: Story;
+export declare const Large: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const LargeDataset: Story;
+export declare const FixedHeader: Story;
+export declare const WithPagination: Story;
+export declare const Dense: Story;
+export declare const WithToolbar: Story;
+export declare const SelectableWithPagination: Story;
+export declare const ExpandableRows: Story;
+export declare const FullFeatures: Story;
+export declare const WithColumnFilters: Story;

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

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Text } from '../../components/Text';
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Headings: Story;
+export declare const BodyText: Story;
+export declare const SmallText: Story;
+export declare const TextAlignments: Story;
+export declare const FontWeights: Story;
+export declare const TextTransforms: Story;
+export declare const TextDecorations: Story;
+export declare const Colors: Story;
+export declare const SemanticElements: Story;
+export declare const Truncated: Story;
+export declare const Gradient: Story;
+export declare const WithUtilityClasses: Story;

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

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Timeline from '../../components/Timeline/Timeline';
+declare const meta: Meta<typeof Timeline>;
+export default meta;
+type Story = StoryObj<typeof Timeline>;
+export declare const Default: Story;
+export declare const WithDescriptions: Story;
+export declare const Numbered: Story;
+export declare const CircleVariant: Story;
+export declare const SimpleVariant: Story;
+export declare const Vertical: Story;
+export declare const VerticalNumbered: Story;
+export declare const LargeSize: Story;
+export declare const SmallSize: Story;
+export declare const ColorVariants: Story;
+export declare const AllVariants: Story;
+export declare const CustomIcons: Story;
+export declare const Clickable: Story;
+export declare const LongLabels: Story;
+export declare const ManySteps: Story;

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

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Toast } from '../../components/Toast';
+declare const meta: Meta<typeof Toast>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Success: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const WithAction: Story;
+export declare const WithoutTitle: Story;
+export declare const Persistent: Story;
+export declare const CustomDuration: Story;
+export declare const Interactive: Story;
+export declare const LongMessage: Story;
+export declare const WithCloseButton: Story;
+export declare const AllVariants: Story;

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

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Tooltip } from '../../components/Tooltip';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Top: Story;
+export declare const Bottom: Story;
+export declare const Left: Story;
+export declare const Right: Story;
+export declare const ClickTrigger: Story;
+export declare const FocusTrigger: Story;
+export declare const LongContent: Story;
+export declare const WithDelay: Story;
+export declare const NoArrow: Story;
+export declare const CustomContent: Story;
+export declare const OnDisabledElement: Story;
+export declare const MultipleTooltips: Story;
+export declare const WithIcon: Story;
+export declare const InteractiveTooltip: Story;

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

@@ -0,0 +1,12 @@
+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>>;
+    };
+};
+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 Metric: () => import("react/jsx-runtime").JSX.Element;
+export declare const MetricCustom: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import InfoListCard from '../../widgets/InfoListCard/InfoListCard';
+declare const meta: Meta<typeof InfoListCard>;
+export default meta;
+type Story = StoryObj<typeof InfoListCard>;
+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

@@ -0,0 +1,30 @@
+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>>;
+    };
+};
+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/OrderCard.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import OrderCard from '../../widgets/OrderCard/OrderCard';
+declare const meta: Meta<typeof OrderCard>;
+export default meta;
+type Story = StoryObj<typeof OrderCard>;
+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

@@ -0,0 +1,36 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("../..").OrderConfirmationProps & import("react").RefAttributes<HTMLDivElement>>;
+    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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { OrderDetails } from '../../widgets/OrderDetails/OrderDetails';
+declare const meta: Meta<typeof OrderDetails>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+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

@@ -0,0 +1,25 @@
+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>>;
+    };
+};
+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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Tokens } from './tokens';
+import { Tokens, CustomTokens } from './tokens';
 export type Size = 'sm' | 'md' | 'lg';
 export interface Theme {
     tokens: Tokens;
@@ -17,7 +17,7 @@ export interface ThemeProviderProps extends React.HTMLAttributes<HTMLDivElement>
     /** Initial theme mode, defaults to 'light' */
     initialMode?: 'light' | 'dark';
     /** Custom theme tokens to override defaults */
-    customTokens?: Partial<Tokens>;
+    customTokens?: CustomTokens;
     /** Global default size for components (e.g., 'md', 'sm', 'lg') */
     defaultSize?: Size;
 }

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

@@ -1,9 +1,12 @@
+import { Tokens } from './tokens';
 /**
  * Generates CSS variables from design tokens
+ * @param customTokens - Optional custom tokens to use instead of defaults
  * @returns CSS variable declarations as a string
  */
-export declare function generateCSSVariables(): string;
+export declare function generateCSSVariables(customTokens?: Tokens): string;
 /**
  * Injects CSS variables into the document
+ * @param customTokens - Optional custom tokens to use instead of defaults
  */
-export declare function injectCSSVariables(): void;
+export declare function injectCSSVariables(customTokens?: Tokens): void;

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

@@ -1,6 +1,6 @@
 export { ThemeProvider, useThemeContext } from './ThemeProvider';
-export { tokens } from './tokens';
+export { tokens, createCustomTokens, generateColorShades, normalizeColors } from './tokens';
 export { generateCSSVariables, injectCSSVariables } from './cssVariables';
-export type { Theme, ThemeProviderProps } from './ThemeProvider';
-export type { Tokens, ColorScale, ColorShade } from './tokens';
+export type { Theme, ThemeProviderProps, Size } from './ThemeProvider';
+export type { Tokens, ColorScale, ColorShade, CustomTokens, CustomColors, ColorPalette } from './tokens';
 import './base.css';