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

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

@@ -1,53 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { AdminHeader } from './AdminHeader';
-declare const meta: Meta<typeof AdminHeader>;
-export default meta;
-type Story = StoryObj<typeof AdminHeader>;
-/**
- * Default admin header with all features enabled
- */
-export declare const Default: Story;
-/**
- * Interactive example with search functionality
- */
-export declare const WithSearch: Story;
-/**
- * Header with dark theme
- */
-export declare const DarkTheme: Story;
-/**
- * Header with primary color theme
- */
-export declare const PrimaryTheme: Story;
-/**
- * Header with gradient theme
- */
-export declare const GradientTheme: Story;
-/**
- * Minimal header without extra features
- */
-export declare const Minimal: Story;
-/**
- * Header with breadcrumbs
- */
-export declare const WithBreadcrumbs: Story;
-/**
- * Header without avatar (showing fallback)
- */
-export declare const WithoutAvatar: Story;
-/**
- * Header with custom quick actions
- */
-export declare const WithQuickActions: Story;
-/**
- * Header with transparent variant and blur
- */
-export declare const TransparentWithBlur: Story;
-/**
- * Interactive example with notification management
- */
-export declare const InteractiveNotifications: Story;
-/**
- * Mobile optimized header
- */
-export declare const MobileOptimized: Story;

package/dist/types/components/AdminHeader/AdminHeader.widgets.stories.d.ts

@@ -1,86 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { AdminHeader } from './AdminHeader';
-declare const meta: Meta<typeof AdminHeader>;
-export default meta;
-type Story = StoryObj<typeof AdminHeader>;
-/**
- * Complete Dashboard Header
- *
- * Full-featured admin header with all elements:
- * - Logo and branding
- * - Search with suggestions
- * - Quick action buttons
- * - Notifications panel
- * - User menu with avatar
- */
-export declare const CompleteDashboard: Story;
-/**
- * Dark Theme Header
- *
- * Modern dark mode interface perfect for:
- * - Developer tools
- * - Late-night admin work
- * - Reduced eye strain
- * - Modern aesthetic
- */
-export declare const DarkTheme: Story;
-/**
- * Minimal Header
- *
- * Clean, distraction-free header for:
- * - Simple admin panels
- * - Internal tools
- * - Minimal interfaces
- * - Focus-first design
- */
-export declare const Minimal: Story;
-/**
- * E-Commerce Admin Header
- *
- * Optimized for online store management with:
- * - Order notifications
- * - Product quick actions
- * - Customer insights
- * - Sales analytics
- */
-export declare const EcommerceAdmin: Story;
-/**
- * Gradient Theme Header
- *
- * Eye-catching gradient design for:
- * - Modern dashboards
- * - Creative tools
- * - Brand-focused interfaces
- * - Marketing platforms
- */
-export declare const GradientHeader: Story;
-/**
- * SaaS Application Header
- *
- * Perfect for Software-as-a-Service platforms with:
- * - Multi-tenant support
- * - Workspace switcher
- * - Breadcrumb navigation
- * - Team collaboration features
- */
-export declare const SaasApplication: Story;
-/**
- * Compact Mobile Header
- *
- * Optimized for mobile devices with:
- * - Compact layout
- * - Essential features only
- * - Touch-friendly buttons
- * - Responsive design
- */
-export declare const CompactMobile: Story;
-/**
- * Corporate Enterprise Header
- *
- * Professional design for enterprise applications:
- * - Formal aesthetic
- * - Comprehensive features
- * - Multi-level navigation
- * - Business intelligence focus
- */
-export declare const CorporateHeader: Story;

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

@@ -1,166 +0,0 @@
-import * as React from 'react';
-import './Text.css';
-export type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'caption' | 'overline' | 'button' | 'label';
-export type TextAlign = 'left' | 'center' | 'right' | 'justify';
-export type TextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
-export type TextDecoration = 'none' | 'underline' | 'line-through' | 'overline';
-export type TextWeight = 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
-export type TextAs = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'label' | 'strong' | 'em' | 'small';
-export interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {
-    /**
-     * Typography variant that applies preset styles
-     * @default 'body1'
-     */
-    variant?: TextVariant;
-    /**
-     * HTML element to render as
-     * Automatically inferred from variant if not specified
-     */
-    as?: TextAs;
-    /**
-     * Text alignment
-     */
-    align?: TextAlign;
-    /**
-     * Semantic text color - applies predefined theme colors via CSS classes
-     * Examples: 'primary', 'secondary', 'success', 'error', 'warning', 'info'
-     */
-    color?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
-    /**
-     * Direct text color override - accepts any CSS color value
-     * Examples: '#000', 'rgb(0,0,0)', '#primary.500'
-     * Overrides semantic color if both are provided
-     */
-    textColor?: string;
-    /**
-     * Font weight override
-     */
-    weight?: TextWeight | number;
-    /**
-     * Text transform
-     */
-    transform?: TextTransform;
-    /**
-     * Text decoration
-     */
-    decoration?: TextDecoration;
-    /**
-     * Enable text truncation with ellipsis
-     * @default false
-     */
-    truncate?: boolean;
-    /**
-     * Number of lines to show before truncating (requires truncate or clamp)
-     * Uses -webkit-line-clamp for multi-line truncation
-     */
-    lineClamp?: number;
-    /**
-     * Enable word break for long words
-     * @default false
-     */
-    breakWord?: boolean;
-    /**
-     * Enable italic style
-     * @default false
-     */
-    italic?: boolean;
-    /**
-     * Enable underline
-     * @default false
-     */
-    underline?: boolean;
-    /**
-     * Enable strikethrough
-     * @default false
-     */
-    strikethrough?: boolean;
-    /**
-     * Make text gradient with specified colors
-     * Example: ['#667eea', '#764ba2']
-     */
-    gradient?: string[];
-    /**
-     * Disable user selection
-     * @default false
-     */
-    noSelect?: boolean;
-    /**
-     * Custom font size (overrides variant)
-     */
-    size?: string | number;
-    /**
-     * Custom line height (overrides variant)
-     */
-    lineHeight?: string | number;
-    /**
-     * Custom letter spacing (overrides variant)
-     */
-    letterSpacing?: string | number;
-    /**
-     * Remove default margin
-     * @default false
-     */
-    noMargin?: boolean;
-    /**
-     * Remove default padding
-     * @default false
-     */
-    noPadding?: boolean;
-    /**
-     * Children content to render
-     */
-    children?: React.ReactNode;
-}
-/**
- * Text component - Versatile typography component with theme integration
- *
- * A comprehensive text component that provides consistent typography across your application
- * with full theming support and extensive customization options.
- *
- * @example
- * Basic usage with variants
- * ```tsx
- * <Text variant="h1">Heading 1</Text>
- * <Text variant="body1">Regular body text</Text>
- * <Text variant="caption" color="neutral.500">Small caption text</Text>
- * ```
- *
- * @example
- * Custom styling
- * ```tsx
- * <Text
- *   variant="body1"
- *   weight="bold"
- *   align="center"
- *   color="primary.600"
- * >
- *   Centered bold text
- * </Text>
- * ```
- *
- * @example
- * Truncation and line clamping
- * ```tsx
- * <Text truncate>This text will be truncated with ellipsis...</Text>
- * <Text lineClamp={3}>This text will show only 3 lines before truncating...</Text>
- * ```
- *
- * @example
- * Gradient text
- * ```tsx
- * <Text variant="h2" gradient={['#667eea', '#764ba2']}>
- *   Gradient Heading
- * </Text>
- * ```
- *
- * @example
- * Semantic HTML control
- * ```tsx
- * <Text variant="h1" as="h2">Visually h1, semantically h2</Text>
- * <Text variant="body1" as="label" htmlFor="input">Label with body style</Text>
- * ```
- */
-declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
-declare const _default: React.FC<TextProps & React.RefAttributes<HTMLElement>>;
-export default _default;
-export { Text };

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

@@ -1,3 +0,0 @@
-export { default as Text } from './Text';
-export type { TextProps, TextVariant, TextAlign, TextTransform, TextDecoration, TextWeight, TextAs, } from './Text';
-export { Text as TextComponent } from './Text';

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

@@ -1,24 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import Widget from '../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/components/Widget/renderers/ImageWidget.d.ts

@@ -1,69 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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/NavbarWidget.d.ts

@@ -1,16 +0,0 @@
-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/stories/components/Accordion.stories.d.ts

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Accordion } from '../../components/Accordion';
-declare const meta: Meta<typeof Accordion>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const AllowMultiple: Story;
-export declare const WithDefaultOpen: Story;
-export declare const Bordered: Story;
-export declare const Large: Story;
-export declare const LeftChevron: Story;

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

@@ -1,17 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import ActionMenu from '../../components/Menu/ActionMenu';
-declare const meta: Meta<typeof ActionMenu>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithIcon: Story;
-export declare const IconOnly: Story;
-export declare const BottomEnd: Story;
-export declare const TopStart: Story;
-export declare const WithDividers: Story;
-export declare const WithShortcuts: Story;
-export declare const Disabled: Story;
-export declare const CustomTrigger: Story;
-export declare const CustomTriggerWithFunction: Story;
-export declare const InTable: Story;
-export declare const WithActiveState: Story;

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

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Alert } from '../../components/Alert';
-declare const meta: Meta<typeof Alert>;
-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;

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

@@ -1,20 +0,0 @@
-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/Avatar.stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Avatar } from '../../components/Avatar';
-declare const meta: Meta<typeof Avatar>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithFallback: Story;
-export declare const Small: Story;
-export declare const Large: Story;
-export declare const Square: Story;
-export declare const BrokenImage: Story;
-export declare const LongFallbackText: Story;
-export declare const AllSizes: Story;

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

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Badge } from '../../components/Badge';
-declare const meta: Meta<typeof Badge>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Success: Story;
-export declare const AllVariants: Story;

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

@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Breadcrumb } from '../../components/Breadcrumb';
-declare const meta: Meta<typeof Breadcrumb>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithIcons: Story;
-export declare const CustomSeparator: Story;
-export declare const CustomSeparatorIcon: Story;
-export declare const Sizes: Story;
-export declare const TwoLevels: Story;
-export declare const SingleLevel: Story;
-export declare const DeepHierarchy: Story;
-export declare const WithMaxItems: Story;
-export declare const CustomLinkComponent: Story;
-export declare const IconsAndSeparator: Story;
-export declare const InCard: Story;
-export declare const MultipleExamples: Story;

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

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Button } from '../../components/Button';
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Loading: Story;
-export declare const AllVariants: Story;

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

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Card } from '../../components/Card';
-declare const meta: Meta<typeof Card>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Elevated: Story;
-export declare const Outlined: Story;

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

@@ -1,11 +0,0 @@
-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 Default: Story;
-export declare const WithLightOverlay: Story;
-export declare const NoOverlay: Story;
-export declare const MinimalNavigation: Story;
-export declare const SingleSlide: Story;
-export declare const WithSwiperComponent: Story;

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

@@ -1,17 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Checkbox } from '../../components/Checkbox';
-declare const meta: Meta<typeof Checkbox>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Checked: Story;
-export declare const Indeterminate: 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/CheckboxGroup.stories.d.ts

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

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

@@ -1,22 +0,0 @@
-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/Container.stories.d.ts

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Container } from '../../components/Container';
-declare const meta: Meta<typeof Container>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const ExtraSmall: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
-export declare const ExtraLarge: Story;
-export declare const Fluid: Story;
-export declare const NoGutters: Story;
-export declare const NestedContainers: Story;
-export declare const MultipleContainers: Story;
-export declare const ResponsivePadding: Story;

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

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