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

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

@@ -105,56 +105,10 @@ export interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, 'colo
      */
     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>>;
-export { Text };
+declare const TextWithParsedClasses: {
+    (props: TextProps & React.RefAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { TextWithParsedClasses as Text };
 declare const _default: React.FC<TextProps & React.RefAttributes<HTMLElement>>;
 export default _default;

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import './Timeline.css';
+export interface TimelineStep {
+    /** Label for the step */
+    label: string;
+    /** Optional description */
+    description?: string;
+    /** Optional custom icon */
+    icon?: React.ReactNode;
+    /** Optional click handler */
+    onClick?: () => void;
+}
+export interface TimelineProps {
+    /** Array of timeline steps */
+    steps: TimelineStep[] | string[];
+    /** Current active step index (0-based) */
+    currentStep: number;
+    /** Orientation of the timeline */
+    orientation?: 'horizontal' | 'vertical';
+    /** Visual variant */
+    variant?: 'default' | 'circle' | 'numbered' | 'simple';
+    /** Show checkmarks on completed steps */
+    showCheckmarks?: boolean;
+    /** Color scheme for active/completed steps */
+    color?: 'primary' | 'success' | 'info' | 'warning' | 'error';
+    /** Size of the timeline */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional class name */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+declare const Timeline: React.FC<TimelineProps>;
+export default Timeline;

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

@@ -0,0 +1,2 @@
+export { default as Timeline } from './Timeline';
+export type { TimelineProps, TimelineStep } from './Timeline';

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

@@ -1,56 +1,10 @@
 import React from 'react';
 import { ToastProps } from './types';
 import './Toast.css';
-/**
- * Toast component - Displays brief notifications to users
- *
- * A comprehensive toast notification component with auto-dismiss, progress bar,
- * pause on hover, and various visual variants for different message types.
- *
- * @example
- * Basic success toast
- * ```tsx
- * <Toast variant="success">
- *   Your changes have been saved successfully!
- * </Toast>
- * ```
- *
- * @example
- * Toast with action button
- * ```tsx
- * <Toast
- *   variant="warning"
- *   action={<Button size="sm">Undo</Button>}
- *   autoClose={false}
- * >
- *   Item moved to trash
- * </Toast>
- * ```
- *
- * @example
- * Custom toast with icon
- * ```tsx
- * <Toast
- *   variant="info"
- *   icon={<CustomIcon />}
- *   progressBar={false}
- * >
- *   Update available for download
- * </Toast>
- * ```
- *
- * @example
- * Toast with custom auto-close duration
- * ```tsx
- * <Toast
- *   variant="error"
- *   autoClose={10000}
- *   pauseOnHover={false}
- * >
- *   Failed to connect to server
- * </Toast>
- * ```
- */
-export declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+declare const ToastWithParsedClasses: {
+    (props: ToastProps & React.RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 declare const _default: React.FC<ToastProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;
+export { ToastWithParsedClasses as Toast };

package/dist/types/hoc/withParsedClasses.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare function withParsedClasses<T extends {
+    className?: string;
+}>(Component: React.ComponentType<T>): {
+    (props: T): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/types/hooks/useTheme.d.ts

@@ -19,250 +19,7 @@
  * ```
  */
 export declare const useTheme: () => {
-    tokens: {
-        readonly colors: {
-            readonly primary: {
-                readonly 50: "#eff6ff";
-                readonly 100: "#dbeafe";
-                readonly 200: "#bfdbfe";
-                readonly 300: "#93c5fd";
-                readonly 400: "#60a5fa";
-                readonly 500: "#3b82f6";
-                readonly 600: "#2563eb";
-                readonly 700: "#1d4ed8";
-                readonly 800: "#1e40af";
-                readonly 900: "#1e3a8a";
-            };
-            readonly secondary: {
-                readonly 50: "#f5f3ff";
-                readonly 100: "#ede9fe";
-                readonly 200: "#ddd6fe";
-                readonly 300: "#c4b5fd";
-                readonly 400: "#a78bfa";
-                readonly 500: "#8b5cf6";
-                readonly 600: "#7c3aed";
-                readonly 700: "#6d28d9";
-                readonly 800: "#5b21b6";
-                readonly 900: "#4c1d95";
-            };
-            readonly neutral: {
-                readonly 50: "#fafafa";
-                readonly 100: "#f5f5f5";
-                readonly 200: "#e5e5e5";
-                readonly 300: "#d4d4d4";
-                readonly 400: "#a3a3a3";
-                readonly 500: "#737373";
-                readonly 600: "#525252";
-                readonly 700: "#404040";
-                readonly 800: "#262626";
-                readonly 900: "#171717";
-            };
-            readonly success: {
-                readonly 50: "#f0fdf4";
-                readonly 500: "#22c55e";
-                readonly 600: "#16a34a";
-                readonly 700: "#15803d";
-            };
-            readonly warning: {
-                readonly 50: "#fffbeb";
-                readonly 500: "#f59e0b";
-                readonly 600: "#d97706";
-                readonly 700: "#b45309";
-            };
-            readonly error: {
-                readonly 50: "#fef2f2";
-                readonly 500: "#ef4444";
-                readonly 600: "#dc2626";
-                readonly 700: "#b91c1c";
-            };
-            readonly info: {
-                readonly 50: "#eff6ff";
-                readonly 500: "#3b82f6";
-                readonly 600: "#2563eb";
-                readonly 700: "#1d4ed8";
-            };
-        };
-        readonly spacing: {
-            readonly 0: "0";
-            readonly 1: "0.25rem";
-            readonly 2: "0.5rem";
-            readonly 3: "0.75rem";
-            readonly 4: "1rem";
-            readonly 5: "1.25rem";
-            readonly 6: "1.5rem";
-            readonly 8: "2rem";
-            readonly 10: "2.5rem";
-            readonly 12: "3rem";
-            readonly 16: "4rem";
-            readonly 20: "5rem";
-            readonly 24: "6rem";
-        };
-        readonly typography: {
-            readonly fontFamily: {
-                readonly sans: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
-                readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
-            };
-            readonly fontSize: {
-                readonly xs: "0.75rem";
-                readonly sm: "0.875rem";
-                readonly base: "1rem";
-                readonly lg: "1.125rem";
-                readonly xl: "1.25rem";
-                readonly '2xl': "1.5rem";
-                readonly '3xl': "1.875rem";
-                readonly '4xl': "2.25rem";
-                readonly '5xl': "3rem";
-                readonly '6xl': "3.75rem";
-                readonly '7xl': "4.5rem";
-                readonly '8xl': "6rem";
-                readonly '9xl': "8rem";
-            };
-            readonly fontWeight: {
-                readonly thin: "100";
-                readonly extralight: "200";
-                readonly light: "300";
-                readonly normal: "400";
-                readonly medium: "500";
-                readonly semibold: "600";
-                readonly bold: "700";
-                readonly extrabold: "800";
-                readonly black: "900";
-            };
-            readonly lineHeight: {
-                readonly none: "1";
-                readonly tight: "1.25";
-                readonly snug: "1.375";
-                readonly normal: "1.5";
-                readonly relaxed: "1.625";
-                readonly loose: "2";
-            };
-            readonly letterSpacing: {
-                readonly tighter: "-0.05em";
-                readonly tight: "-0.025em";
-                readonly normal: "0";
-                readonly wide: "0.025em";
-                readonly wider: "0.05em";
-                readonly widest: "0.1em";
-            };
-            readonly textVariants: {
-                readonly h1: {
-                    readonly fontSize: "3.75rem";
-                    readonly fontWeight: "700";
-                    readonly lineHeight: "1.2";
-                    readonly letterSpacing: "-0.025em";
-                };
-                readonly h2: {
-                    readonly fontSize: "3rem";
-                    readonly fontWeight: "700";
-                    readonly lineHeight: "1.25";
-                    readonly letterSpacing: "-0.025em";
-                };
-                readonly h3: {
-                    readonly fontSize: "2.25rem";
-                    readonly fontWeight: "600";
-                    readonly lineHeight: "1.3";
-                    readonly letterSpacing: "-0.025em";
-                };
-                readonly h4: {
-                    readonly fontSize: "1.875rem";
-                    readonly fontWeight: "600";
-                    readonly lineHeight: "1.35";
-                    readonly letterSpacing: "0";
-                };
-                readonly h5: {
-                    readonly fontSize: "1.5rem";
-                    readonly fontWeight: "600";
-                    readonly lineHeight: "1.4";
-                    readonly letterSpacing: "0";
-                };
-                readonly h6: {
-                    readonly fontSize: "1.25rem";
-                    readonly fontWeight: "600";
-                    readonly lineHeight: "1.5";
-                    readonly letterSpacing: "0";
-                };
-                readonly body1: {
-                    readonly fontSize: "1rem";
-                    readonly fontWeight: "400";
-                    readonly lineHeight: "1.5";
-                    readonly letterSpacing: "0";
-                };
-                readonly body2: {
-                    readonly fontSize: "0.875rem";
-                    readonly fontWeight: "400";
-                    readonly lineHeight: "1.5";
-                    readonly letterSpacing: "0";
-                };
-                readonly subtitle1: {
-                    readonly fontSize: "1.125rem";
-                    readonly fontWeight: "500";
-                    readonly lineHeight: "1.5";
-                    readonly letterSpacing: "0";
-                };
-                readonly subtitle2: {
-                    readonly fontSize: "1rem";
-                    readonly fontWeight: "500";
-                    readonly lineHeight: "1.5";
-                    readonly letterSpacing: "0";
-                };
-                readonly caption: {
-                    readonly fontSize: "0.75rem";
-                    readonly fontWeight: "400";
-                    readonly lineHeight: "1.5";
-                    readonly letterSpacing: "0.025em";
-                };
-                readonly overline: {
-                    readonly fontSize: "0.75rem";
-                    readonly fontWeight: "600";
-                    readonly lineHeight: "1.5";
-                    readonly letterSpacing: "0.1em";
-                    readonly textTransform: "uppercase";
-                };
-                readonly button: {
-                    readonly fontSize: "0.875rem";
-                    readonly fontWeight: "600";
-                    readonly lineHeight: "1.5";
-                    readonly letterSpacing: "0.025em";
-                };
-                readonly label: {
-                    readonly fontSize: "0.875rem";
-                    readonly fontWeight: "500";
-                    readonly lineHeight: "1.5";
-                    readonly letterSpacing: "0";
-                };
-            };
-        };
-        readonly borderRadius: {
-            readonly none: "0";
-            readonly sm: "0.125rem";
-            readonly base: "0.25rem";
-            readonly md: "0.375rem";
-            readonly lg: "0.5rem";
-            readonly xl: "0.75rem";
-            readonly '2xl': "1rem";
-            readonly full: "9999px";
-        };
-        readonly shadows: {
-            readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-            readonly base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
-            readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
-            readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
-            readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
-            readonly none: "none";
-        };
-        readonly transitions: {
-            readonly fast: "150ms cubic-bezier(0.4, 0, 0.2, 1)";
-            readonly base: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
-            readonly slow: "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-        };
-        readonly zIndex: {
-            readonly dropdown: 1000;
-            readonly sticky: 1100;
-            readonly modal: 1200;
-            readonly tooltip: 1300;
-            readonly notification: 1400;
-        };
-    };
+    tokens: import("..").Tokens;
     mode: "light" | "dark";
     setMode: (mode: "light" | "dark") => void;
 };

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

@@ -0,0 +1,55 @@
+export declare const SpinnerIcon: (props: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckIcon: import("react-icons/lib").IconType;
+export declare const CloseSmallIcon: (props: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronDownIcon: import("react-icons/lib").IconType;
+export declare const PlusIcon: import("react-icons/lib").IconType;
+export declare const MinusIcon: import("react-icons/lib").IconType;
+export declare const BellIcon: import("react-icons/lib").IconType;
+export declare const MenuIcon: import("react-icons/lib").IconType;
+export declare const ChevronUpIcon: import("react-icons/lib").IconType;
+export declare const ChevronLeftIcon: import("react-icons/lib").IconType;
+export declare const ChevronRightIcon: import("react-icons/lib").IconType;
+export declare const CheckCircleIcon: import("react-icons/lib").IconType;
+export declare const ErrorIcon: import("react-icons/lib").IconType;
+export declare const WarningIcon: import("react-icons/lib").IconType;
+export declare const InfoIcon: import("react-icons/lib").IconType;
+export declare const NeutralIcon: import("react-icons/lib").IconType;
+export declare const DownloadIcon: import("react-icons/lib").IconType;
+export declare const PackageIcon: import("react-icons/lib").IconType;
+export declare const ShoppingBagIcon: import("react-icons/lib").IconType;
+export declare const ShareIcon: import("react-icons/lib").IconType;
+export declare const EyeIcon: import("react-icons/lib").IconType;
+export declare const CreditCardIcon: import("react-icons/lib").IconType;
+export declare const MessageIcon: import("react-icons/lib").IconType;
+export declare const MapPinIcon: import("react-icons/lib").IconType;
+export declare const PhoneIcon: import("react-icons/lib").IconType;
+export declare const TruckIcon: import("react-icons/lib").IconType;
+export declare const CloseIcon: import("react-icons/lib").IconType;
+export declare const ReturnIcon: import("react-icons/lib").IconType;
+export declare const RefreshIcon: import("react-icons/lib").IconType;
+export declare const StarIcon: import("react-icons/lib").IconType;
+export declare const SearchIcon: import("react-icons/lib").IconType;
+export declare const UserIcon: import("react-icons/lib").IconType;
+export declare const HomeIcon: import("react-icons/lib").IconType;
+export declare const ShoppingCartIcon: import("react-icons/lib").IconType;
+export declare const HeartIcon: import("react-icons/lib").IconType;
+export declare const SettingsIcon: import("react-icons/lib").IconType;
+export declare const HelpCircleIcon: import("react-icons/lib").IconType;
+export declare const LogOutIcon: import("react-icons/lib").IconType;
+export declare const TrendingUpIcon: import("react-icons/lib").IconType;
+export declare const LayersIcon: import("react-icons/lib").IconType;
+export declare const ServerIcon: import("react-icons/lib").IconType;
+export declare const CodeIcon: import("react-icons/lib").IconType;
+export declare const ZapIcon: import("react-icons/lib").IconType;
+export declare const ChartBarIcon: import("react-icons/lib").IconType;
+export declare const InboxIcon: import("react-icons/lib").IconType;
+export declare const DocumentIcon: import("react-icons/lib").IconType;
+export declare const ArrowUpIcon: import("react-icons/lib").IconType;
+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;

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

@@ -0,0 +1 @@
+export * from './IconComponents';

package/dist/types/index.d.ts

@@ -25,31 +25,54 @@ export type { MenuItemProps, MenuProps } from './components/Menu';
 export { Modal } from './components/Modal';
 export type { ModalProps } from './components/Modal';
 export { Toast, toast, ToastContainer, useToast } from './components/Toast';
-export type { ToastContainerProps, ToastOptions, ToastProps } from './components/Toast/types';
+export type { ToastContainerProps, ToastOptions, ToastProps, ToastVariant, ToastPosition, ToastInstance } from './components/Toast/types';
 export { Tooltip } from './components/Tooltip';
 export type { TooltipProps } from './components/Tooltip';
+export { AdminHeader } from './components/AdminHeader';
+export type { AdminHeaderProps, NotificationItem as AdminNotificationItem, UserMenuItem, QuickAction, SearchSuggestion } from './components/AdminHeader';
 export { Avatar } from './components/Avatar';
 export type { AvatarProps } from './components/Avatar';
 export { Badge } from './components/Badge';
 export type { BadgeProps } from './components/Badge';
 export { Card } from './components/Card';
 export type { CardProps } from './components/Card';
+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 { SideMenu, SideMenuItem } from './components/SideMenu';
+export { SideMenu } from './components/SideMenu';
 export type { SideMenuItemProps, SideMenuProps } from './components/SideMenu';
+export { SideMenuItem } from './components/SideMenu';
 export { Table } from './components/Table';
 export type { TableColumn, TableProps } from './components/Table';
 export { Text } from './components/Text';
 export type { TextProps } from './components/Text';
+export { Timeline } from './components/Timeline';
+export type { TimelineProps, TimelineStep } from './components/Timeline';
 export { Flex } from './components/Flex';
 export type { FlexProps } from './components/Flex';
 export { Grid } from './components/Grid';
 export type { GridProps } from './components/Grid';
 export { ThemeProvider, useThemeContext } from './theme';
-export type { Theme, ThemeProviderProps } from './theme';
-export { tokens, generateCSSVariables, injectCSSVariables } from './theme';
-export type { Tokens, ColorScale, ColorShade } from './theme';
+export type { Theme, ThemeProviderProps, Size } from './theme';
+export { tokens, generateCSSVariables, injectCSSVariables, createCustomTokens, generateColorShades, normalizeColors } from './theme';
+export type { Tokens, ColorScale, ColorShade, CustomTokens, CustomColors, ColorPalette } from './theme';
 export { useBodyScrollLock, useClickOutside, useDebounce, useEscapeKey, useFocusTrap, useId, } from './hooks';
+export { InfoCard } from './widgets/InfoCard';
+export type { InfoCardBaseProps, InfoCardMetricProps } from './widgets/InfoCard';
+export { InfoText } from './widgets/InfoText';
+export type { InfoTextBaseProps, InfoTextStatProps, InfoTextFeatureProps, InfoTextCompactProps, InfoTextVerticalProps, } from './widgets/InfoText';
+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 { 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';

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

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

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

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

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

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

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

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

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