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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/README.md +865 -103
  2. package/dist/index.cjs.js +1 -1
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.esm.js +1 -1
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/types/components/Autocomplete/Autocomplete.d.ts +173 -0
  7. package/dist/types/components/Autocomplete/index.d.ts +2 -0
  8. package/dist/types/components/DatePicker/Calendar.d.ts +15 -0
  9. package/dist/types/components/DatePicker/DatePicker.d.ts +99 -0
  10. package/dist/types/components/DatePicker/DateRangePicker.d.ts +114 -0
  11. package/dist/types/components/DatePicker/index.d.ts +6 -0
  12. package/dist/types/components/FormControl/FormControl.d.ts +77 -0
  13. package/dist/types/components/FormControl/index.d.ts +3 -0
  14. package/dist/types/components/Image/Image.d.ts +14 -0
  15. package/dist/types/components/Image/index.d.ts +2 -0
  16. package/dist/types/components/Link/Link.d.ts +5 -0
  17. package/dist/types/components/Navbar/Navbar.d.ts +236 -0
  18. package/dist/types/components/Navbar/index.d.ts +2 -0
  19. package/dist/types/components/RichTextEditor/RichTextEditor.d.ts +153 -0
  20. package/dist/types/components/RichTextEditor/index.d.ts +2 -0
  21. package/dist/types/components/Text/Text.d.ts +9 -3
  22. package/dist/types/components/Textarea/Textarea.d.ts +81 -0
  23. package/dist/types/components/Textarea/index.d.ts +3 -0
  24. package/dist/types/components/Widget/IntelligentGrid.d.ts +15 -0
  25. package/dist/types/components/Widget/Widget.d.ts +9 -0
  26. package/dist/types/components/Widget/index.d.ts +16 -0
  27. package/dist/types/components/Widget/renderers/CarouselWidget.d.ts +40 -0
  28. package/dist/types/components/Widget/renderers/ContentBlockWidget.d.ts +56 -0
  29. package/dist/types/components/Widget/renderers/ContentBlockWidget.stories.d.ts +24 -0
  30. package/dist/types/components/Widget/renderers/GridCarouselWidget.d.ts +35 -0
  31. package/dist/types/components/Widget/renderers/HeaderWidget.d.ts +18 -0
  32. package/dist/types/components/Widget/renderers/ImageWidget.d.ts +69 -0
  33. package/dist/types/components/Widget/renderers/ImageWidget.stories.d.ts +11 -0
  34. package/dist/types/components/Widget/renderers/InfoWidget.d.ts +18 -0
  35. package/dist/types/components/Widget/renderers/ListWidget.d.ts +18 -0
  36. package/dist/types/components/Widget/renderers/MetricWidget.d.ts +18 -0
  37. package/dist/types/components/Widget/renderers/NavbarWidget.d.ts +16 -0
  38. package/dist/types/components/Widget/renderers/OrderWidget.d.ts +8 -0
  39. package/dist/types/components/Widget/renderers/ProductWidget.d.ts +8 -0
  40. package/dist/types/components/Widget/renderers/TestimonialWidget.d.ts +14 -0
  41. package/dist/types/components/Widget/renderers/TextWidget.d.ts +18 -0
  42. package/dist/types/components/Widget/types.d.ts +629 -0
  43. package/dist/types/icons/IconComponents.d.ts +4 -0
  44. package/dist/types/index.d.ts +19 -5
  45. package/dist/types/stories/components/Autocomplete.stories.d.ts +20 -0
  46. package/dist/types/stories/components/CarouselWidget.stories.d.ts +11 -0
  47. package/dist/types/stories/components/ContentBlockWidget.stories.d.ts +24 -0
  48. package/dist/types/stories/components/DatePicker.stories.d.ts +69 -0
  49. package/dist/types/stories/components/FormControl.stories.d.ts +57 -0
  50. package/dist/types/stories/components/GridCarouselWidget.stories.d.ts +17 -0
  51. package/dist/types/stories/components/HeaderWidget.stories.d.ts +10 -0
  52. package/dist/types/stories/components/InfoWidget.stories.d.ts +24 -0
  53. package/dist/types/stories/components/ListWidget.stories.d.ts +10 -0
  54. package/dist/types/stories/components/MetricWidget.stories.d.ts +12 -0
  55. package/dist/types/stories/components/OrderWidget.stories.d.ts +12 -0
  56. package/dist/types/stories/components/ProductWidget.stories.d.ts +13 -0
  57. package/dist/types/stories/components/RichTextEditor.stories.d.ts +22 -0
  58. package/dist/types/stories/components/TestimonialWidget.stories.d.ts +47 -0
  59. package/dist/types/stories/components/TextWidget.stories.d.ts +10 -0
  60. package/dist/types/stories/components/Textarea.stories.d.ts +21 -0
  61. package/dist/types/stories/components/Toast.stories.d.ts +56 -13
  62. package/dist/types/stories/components/Widget.stories.d.ts +10 -0
  63. package/dist/types/stories/widgets/DashboardCard.stories.d.ts +58 -0
  64. package/dist/types/stories/widgets/InfoCard.stories.d.ts +1 -4
  65. package/dist/types/stories/widgets/InfoListCard.stories.d.ts +3 -15
  66. package/dist/types/stories/widgets/InfoText.stories.d.ts +1 -19
  67. package/dist/types/stories/widgets/MetricCard.stories.d.ts +27 -0
  68. package/dist/types/stories/widgets/OrderCard.stories.d.ts +3 -9
  69. package/dist/types/stories/widgets/OrderConfirmation.stories.d.ts +1 -24
  70. package/dist/types/stories/widgets/OrderDetails.stories.d.ts +3 -7
  71. package/dist/types/stories/widgets/ProductCard.stories.d.ts +1 -15
  72. package/dist/types/theme/ThemeProvider.d.ts +14 -0
  73. package/dist/types/utils/parseClass.d.ts +2 -0
  74. package/dist/types/widgets/DashboardCard/DashboardCard.d.ts +275 -0
  75. package/dist/types/widgets/DashboardCard/index.d.ts +2 -0
  76. package/dist/types/widgets/MetricCard/MetricCard.d.ts +106 -0
  77. package/dist/types/widgets/MetricCard/index.d.ts +2 -0
  78. package/dist/types/widgets/Navbar/Navbar.d.ts +308 -0
  79. package/dist/types/widgets/Navbar/Navbar.stories.d.ts +23 -0
  80. package/dist/types/widgets/Navbar/index.d.ts +2 -0
  81. package/dist/types/widgets/OrderCard/OrderCard.d.ts +1 -0
  82. package/package.json +2 -1
@@ -1,9 +1,13 @@
1
+ export { Autocomplete } from './components/Autocomplete';
2
+ export type { AutocompleteOption, AutocompleteProps } from './components/Autocomplete';
1
3
  export { Button } from './components/Button';
2
4
  export type { ButtonProps } from './components/Button';
3
5
  export { Checkbox } from './components/Checkbox';
4
6
  export type { CheckboxProps } from './components/Checkbox';
5
7
  export { CheckboxGroup } from './components/CheckboxGroup';
6
8
  export type { CheckboxGroupProps } from './components/CheckboxGroup';
9
+ export { FormControl } from './components/FormControl';
10
+ export type { FormControlProps } from './components/FormControl';
7
11
  export { Input } from './components/Input';
8
12
  export type { InputProps } from './components/Input';
9
13
  export { MultiSelect } from './components/MultiSelect';
@@ -12,8 +16,14 @@ export { Radio } from './components/Radio';
12
16
  export type { RadioProps } from './components/Radio';
13
17
  export { RadioGroup } from './components/RadioGroup';
14
18
  export type { RadioGroupProps } from './components/RadioGroup';
19
+ export { RichTextEditor } from './components/RichTextEditor';
20
+ export type { RichTextEditorProps, ToolbarButton } from './components/RichTextEditor';
15
21
  export { Select } from './components/Select';
16
22
  export type { SelectOption, SelectProps } from './components/Select';
23
+ export { Textarea } from './components/Textarea';
24
+ export type { TextareaProps } from './components/Textarea';
25
+ export { DatePicker, DateRangePicker, Calendar } from './components/DatePicker';
26
+ export type { DatePickerProps, DateRangePickerProps, DateRange, CalendarProps } from './components/DatePicker';
17
27
  export { Accordion, AccordionItem } from './components/Accordion';
18
28
  export type { AccordionItemProps, AccordionProps } from './components/Accordion/types';
19
29
  export { ActionMenu } from './components/Menu/ActionMenu';
@@ -30,6 +40,8 @@ export { Toast, toast, ToastContainer, useToast } from './components/Toast';
30
40
  export type { ToastContainerProps, ToastOptions, ToastProps, ToastVariant, ToastPosition, ToastInstance } from './components/Toast/types';
31
41
  export { Tooltip } from './components/Tooltip';
32
42
  export type { TooltipProps } from './components/Tooltip';
43
+ export { Widget } from './components/Widget';
44
+ export type { WidgetProps, WidgetConfig, WidgetTheme, WidgetVariant, MetricWidgetData, MetricWidgetSettings, InfoWidgetData, ProductWidgetData, ProductWidgetSettings, OrderWidgetData, ListWidgetData, TextWidgetData, HeaderWidgetData, GridWidgetData, IntelligentGridProps } from './components/Widget';
33
45
  export { AdminHeader } from './components/AdminHeader';
34
46
  export type { AdminHeaderProps, NotificationItem as AdminNotificationItem, UserMenuItem, QuickAction, SearchSuggestion } from './components/AdminHeader';
35
47
  export { Avatar } from './components/Avatar';
@@ -44,8 +56,6 @@ export { DataGrid } from './components/DataGrid';
44
56
  export type { DataGridColumn, DataGridProps, GridFilterItem, GridFilterModel, GridFilterOperator, GridRowSelectionModel, } from './components/DataGrid';
45
57
  export { Divider } from './components/Divider';
46
58
  export type { DividerProps } from './components/Divider';
47
- export { Header } from './components/Header';
48
- export type { HeaderProps, NotificationItem } from './components/Header';
49
59
  export { Link } from './components/Link';
50
60
  export type { LinkProps } from './components/Link';
51
61
  export { SideMenu } from './components/SideMenu';
@@ -75,12 +85,16 @@ export type { InfoTextBaseProps, InfoTextStatProps, InfoTextFeatureProps, InfoTe
75
85
  export { ProductCard } from './widgets/ProductCard';
76
86
  export type { ProductCardProps, ProductCardWideProps } from './widgets/ProductCard';
77
87
  export { OrderCard } from './widgets/OrderCard';
78
- export type { OrderCardProps, OrderItem } from './widgets/OrderCard';
88
+ export type { OrderItem } from './widgets/OrderCard';
79
89
  export { InfoListCard } from './widgets/InfoListCard';
80
90
  export type { InfoListCardProps, InfoListItem } from './widgets/InfoListCard';
81
91
  export { OrderConfirmation } from './widgets/OrderConfirmation';
82
92
  export type { OrderConfirmationProps, OrderConfirmationItem, OrderConfirmationAddress } from './widgets/OrderConfirmation';
83
93
  export { OrderDetails } from './widgets/OrderDetails';
84
94
  export type { OrderDetailsProps, OrderDetailsItem, OrderDetailsAddress } from './widgets/OrderDetails';
85
- export { Header as HomeHeader } from './widgets/Header';
86
- export type { NavigationItem, HeaderDesktopProps, HeaderMobileProps, HeaderResponsiveProps } from './widgets/Header';
95
+ export { DashboardCard } from './widgets/DashboardCard';
96
+ export type { DashboardCardProps, DashboardCardTheme, DashboardCardSize, StatCardProps, StatCardData, StatCardSettings, ProgressCardProps, ProgressCardData, ProgressCardSettings, ComparisonCardProps, ComparisonCardData, ComparisonCardSettings, ActivityCardProps, ActivityCardData, ActivityCardSettings, OrderCardProps, OrderCardData, OrderCardSettings, UserCardProps, UserCardData, UserCardSettings, RevenueCardProps, RevenueCardData, RevenueCardSettings, AlertCardProps, AlertCardData, AlertCardSettings, RankingCardProps, RankingCardData, RankingCardSettings, StatusCardProps, StatusCardData, StatusCardSettings, } from './widgets/DashboardCard';
97
+ export { Navbar } from './components/Navbar';
98
+ export type { NavigationItem, MegaMenuColumn, TopBarConfig, NavbarDesktopProps, NavbarMobileProps, NavbarResponsiveProps } from './components/Navbar';
99
+ export { Navbar as Header } from './components/Navbar';
100
+ export type { NavbarDesktopProps as HeaderDesktopProps, NavbarMobileProps as HeaderMobileProps, NavbarResponsiveProps as HeaderResponsiveProps } from './components/Navbar';
@@ -0,0 +1,20 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Autocomplete } from '../../components/Autocomplete';
3
+ declare const meta: Meta<typeof Autocomplete>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Autocomplete>;
6
+ export declare const Default: Story;
7
+ export declare const WithLabel: Story;
8
+ export declare const WithSearchIcon: Story;
9
+ export declare const Clearable: Story;
10
+ export declare const WithIcons: Story;
11
+ export declare const CustomGetters: Story;
12
+ export declare const WithFunctions: Story;
13
+ export declare const Loading: Story;
14
+ export declare const NoOptions: Story;
15
+ export declare const FullWidth: Story;
16
+ export declare const SmallSize: Story;
17
+ export declare const LargeSize: Story;
18
+ export declare const WithError: Story;
19
+ export declare const WithSuccess: Story;
20
+ export declare const WithHelperText: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Widget } from '../../components/Widget';
3
+ declare const meta: Meta<typeof Widget>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Widget>;
6
+ export declare const Default: Story;
7
+ export declare const WithLightOverlay: Story;
8
+ export declare const NoOverlay: Story;
9
+ export declare const MinimalNavigation: Story;
10
+ export declare const SingleSlide: Story;
11
+ export declare const WithSwiperComponent: Story;
@@ -0,0 +1,24 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Widget } from '../../components/Widget';
3
+ declare const meta: Meta<typeof Widget>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Widget>;
6
+ export declare const EcommerceProductShowcase: Story;
7
+ export declare const EcommerceProductGrid: Story;
8
+ export declare const EcommerceCategoryBanner: Story;
9
+ export declare const BlogFeaturedPost: Story;
10
+ export declare const BlogQuoteBlock: Story;
11
+ export declare const ServiceFeatureHighlight: Story;
12
+ export declare const ServiceTeamMember: Story;
13
+ export declare const ServiceAboutUs: Story;
14
+ export declare const ServiceProcessStep: Story;
15
+ export declare const SaaSFeature: Story;
16
+ export declare const SaaSPricingCard: Story;
17
+ export declare const SaaSCustomerTestimonial: Story;
18
+ export declare const PortfolioProject: Story;
19
+ export declare const CTABanner: Story;
20
+ export declare const SplitLayoutFeature: Story;
21
+ export declare const SidebarLayout: Story;
22
+ export declare const RealEstateProperty: Story;
23
+ export declare const MinimalInfoCard: Story;
24
+ export declare const CompactFeatureList: Story;
@@ -0,0 +1,69 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { DatePicker } from '../../components/DatePicker';
3
+ declare const meta: Meta<typeof DatePicker>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ /**
7
+ * Basic date picker with label and placeholder
8
+ */
9
+ export declare const Basic: Story;
10
+ /**
11
+ * Date picker with default value
12
+ */
13
+ export declare const WithValue: Story;
14
+ /**
15
+ * Date picker with validation states
16
+ */
17
+ export declare const ValidationStates: Story;
18
+ /**
19
+ * Date picker with constraints
20
+ */
21
+ export declare const WithConstraints: Story;
22
+ /**
23
+ * Date picker with disabled dates
24
+ */
25
+ export declare const WithDisabledDates: Story;
26
+ /**
27
+ * Date picker with different formats
28
+ */
29
+ export declare const DateFormats: Story;
30
+ /**
31
+ * Date picker sizes
32
+ */
33
+ export declare const Sizes: Story;
34
+ /**
35
+ * Full width date picker
36
+ */
37
+ export declare const FullWidth: Story;
38
+ /**
39
+ * Date picker without today button
40
+ */
41
+ export declare const WithoutTodayButton: Story;
42
+ /**
43
+ * Date picker with clearable functionality
44
+ */
45
+ export declare const Clearable: Story;
46
+ /**
47
+ * Date range picker basic usage
48
+ */
49
+ export declare const DateRangeBasic: Story;
50
+ /**
51
+ * Date range picker with presets
52
+ */
53
+ export declare const DateRangeWithPresets: Story;
54
+ /**
55
+ * Date range picker with custom presets
56
+ */
57
+ export declare const DateRangeCustomPresets: Story;
58
+ /**
59
+ * Date range picker without presets
60
+ */
61
+ export declare const DateRangeNoPresets: Story;
62
+ /**
63
+ * Date range picker with different separator
64
+ */
65
+ export declare const DateRangeCustomSeparator: Story;
66
+ /**
67
+ * Complete booking form example
68
+ */
69
+ export declare const BookingForm: Story;
@@ -0,0 +1,57 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { FormControl } from '../../components/FormControl';
3
+ declare const meta: Meta<typeof FormControl>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ /**
7
+ * Basic form control with input
8
+ */
9
+ export declare const WithInput: Story;
10
+ /**
11
+ * Form control with textarea
12
+ */
13
+ export declare const WithTextarea: Story;
14
+ /**
15
+ * Form control with select
16
+ */
17
+ export declare const WithSelect: Story;
18
+ /**
19
+ * Form control with rich text editor
20
+ */
21
+ export declare const WithRichTextEditor: Story;
22
+ /**
23
+ * Required field with error
24
+ */
25
+ export declare const WithError: Story;
26
+ /**
27
+ * Field with success message
28
+ */
29
+ export declare const WithSuccess: Story;
30
+ /**
31
+ * Disabled form control
32
+ */
33
+ export declare const Disabled: Story;
34
+ /**
35
+ * Different spacing options
36
+ */
37
+ export declare const SpacingVariants: Story;
38
+ /**
39
+ * Horizontal label layout
40
+ */
41
+ export declare const HorizontalLabel: Story;
42
+ /**
43
+ * Size variants
44
+ */
45
+ export declare const SizeVariants: Story;
46
+ /**
47
+ * Contact form with mixed inputs
48
+ */
49
+ export declare const ContactForm: Story;
50
+ /**
51
+ * Form with validation states
52
+ */
53
+ export declare const ValidationStates: Story;
54
+ /**
55
+ * Complex form with all features
56
+ */
57
+ export declare const CompleteExample: Story;
@@ -0,0 +1,17 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { GridCarouselWidget } from '../../components/Widget';
3
+ declare const meta: Meta<typeof GridCarouselWidget>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof GridCarouselWidget>;
6
+ export declare const Default: Story;
7
+ export declare const ProductShowcase: Story;
8
+ export declare const TeamMembers: Story;
9
+ export declare const AutoPlay: Story;
10
+ export declare const ItemScrollBehavior: Story;
11
+ export declare const ManyItems: Story;
12
+ export declare const TwoColumns: Story;
13
+ export declare const FiveColumns: Story;
14
+ export declare const MinimalControls: Story;
15
+ export declare const NoControls: Story;
16
+ export declare const LargeGap: Story;
17
+ export declare const EmptyState: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Widget } from '../../components/Widget';
3
+ declare const meta: Meta<typeof Widget>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Widget>;
6
+ export declare const Basic: Story;
7
+ export declare const WithBreadcrumbs: Story;
8
+ export declare const WithAvatarAndBadges: Story;
9
+ export declare const WithActions: Story;
10
+ export declare const Complete: Story;
@@ -0,0 +1,24 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Widget } from '../../components/Widget';
3
+ declare const meta: Meta<typeof Widget>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Widget>;
6
+ export declare const Base: Story;
7
+ export declare const BaseWithImage: Story;
8
+ export declare const BaseNoIcon: Story;
9
+ export declare const Stat: Story;
10
+ export declare const StatWithImage: Story;
11
+ export declare const StatSuccess: Story;
12
+ export declare const Feature: Story;
13
+ export declare const FeatureWithImage: Story;
14
+ export declare const FeatureSecurity: Story;
15
+ export declare const Compact: Story;
16
+ export declare const CompactSuccess: Story;
17
+ export declare const CompactWarning: Story;
18
+ export declare const CompactWithImage: Story;
19
+ export declare const Vertical: Story;
20
+ export declare const VerticalWithImage: Story;
21
+ export declare const VerticalSuccess: Story;
22
+ export declare const StatusDashboard: Story;
23
+ export declare const FeatureShowcase: Story;
24
+ export declare const MixedDashboard: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Widget } from '../../components/Widget';
3
+ declare const meta: Meta<typeof Widget>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Widget>;
6
+ export declare const Basic: Story;
7
+ export declare const WithAvatars: Story;
8
+ export declare const WithBadgesAndActions: Story;
9
+ export declare const WithMetadata: Story;
10
+ export declare const WithDividers: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Widget } from '../../components/Widget';
3
+ declare const meta: Meta<typeof Widget>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Widget>;
6
+ export declare const Basic: Story;
7
+ export declare const WithTrend: Story;
8
+ export declare const WithTarget: Story;
9
+ export declare const WithProgress: Story;
10
+ export declare const Complete: Story;
11
+ export declare const NegativeTrend: Story;
12
+ export declare const StableTrend: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Widget } from '../../components/Widget';
3
+ declare const meta: Meta<typeof Widget>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Widget>;
6
+ export declare const Basic: Story;
7
+ export declare const WithCustomer: Story;
8
+ export declare const WithItems: Story;
9
+ export declare const WithShipping: Story;
10
+ export declare const WithBreakdown: Story;
11
+ export declare const WithActions: Story;
12
+ export declare const Complete: Story;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import ProductWidget from '../../components/Widget/renderers/ProductWidget';
3
+ declare const meta: Meta<typeof ProductWidget>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ProductWidget>;
6
+ export declare const Basic: Story;
7
+ export declare const WithDiscount: Story;
8
+ export declare const WithRating: Story;
9
+ export declare const OutOfStock: Story;
10
+ export declare const WithTags: Story;
11
+ export declare const Complete: Story;
12
+ export declare const LowRating: Story;
13
+ export declare const Premium: Story;
@@ -0,0 +1,22 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { RichTextEditor } from '../../components/RichTextEditor';
3
+ declare const meta: Meta<typeof RichTextEditor>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithCharacterCount: Story;
8
+ export declare const WithError: Story;
9
+ export declare const WithSuccess: Story;
10
+ export declare const Disabled: Story;
11
+ export declare const Clearable: Story;
12
+ export declare const WithCustomToolbar: Story;
13
+ export declare const WithoutToolbar: Story;
14
+ export declare const BlogPost: Story;
15
+ export declare const EmailComposer: Story;
16
+ export declare const CommentBox: Story;
17
+ export declare const SmallSize: Story;
18
+ export declare const MediumSize: Story;
19
+ export declare const LargeSize: Story;
20
+ export declare const InlineVariant: Story;
21
+ export declare const CompleteExample: Story;
22
+ export declare const PrefilledContent: Story;
@@ -0,0 +1,47 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").FC<import("../../components/Widget/renderers/TestimonialWidget").TestimonialWidgetProps>;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {
10
+ theme: {
11
+ control: "select";
12
+ options: string[];
13
+ description: string;
14
+ };
15
+ authorPosition: {
16
+ control: "select";
17
+ options: string[];
18
+ description: string;
19
+ };
20
+ autoplay: {
21
+ control: "boolean";
22
+ description: string;
23
+ };
24
+ autoplayDelay: {
25
+ control: "number";
26
+ description: string;
27
+ };
28
+ borderRadius: {
29
+ control: "boolean";
30
+ description: string;
31
+ };
32
+ };
33
+ };
34
+ export default meta;
35
+ type Story = StoryObj<typeof meta>;
36
+ export declare const CardTheme: Story;
37
+ export declare const MinimalTheme: Story;
38
+ export declare const GradientTheme: Story;
39
+ export declare const ModernTheme: Story;
40
+ export declare const ProfessionalTheme: Story;
41
+ export declare const GlassmorphismTheme: Story;
42
+ export declare const WithAutoplay: Story;
43
+ export declare const WithoutRatings: Story;
44
+ export declare const SingleTestimonial: Story;
45
+ export declare const WithoutNavigation: Story;
46
+ export declare const Compact: Story;
47
+ export declare const AllThemesShowcase: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Widget } from '../../components/Widget';
3
+ declare const meta: Meta<typeof Widget>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Widget>;
6
+ export declare const Basic: Story;
7
+ export declare const WithTitleAndCaption: Story;
8
+ export declare const WithActions: Story;
9
+ export declare const LargeHeading: Story;
10
+ export declare const RightAligned: Story;
@@ -0,0 +1,21 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Textarea } from '../../components/Textarea';
3
+ declare const meta: Meta<typeof Textarea>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithLabel: Story;
8
+ export declare const WithCharacterCount: Story;
9
+ export declare const WithError: Story;
10
+ export declare const WithSuccess: Story;
11
+ export declare const Required: Story;
12
+ export declare const Disabled: Story;
13
+ export declare const Clearable: Story;
14
+ export declare const AutoResize: Story;
15
+ export declare const WithMaxLength: Story;
16
+ export declare const LongForm: Story;
17
+ export declare const SmallSize: Story;
18
+ export declare const MediumSize: Story;
19
+ export declare const LargeSize: Story;
20
+ export declare const InlineVariant: Story;
21
+ export declare const CompleteExample: Story;
@@ -1,17 +1,60 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
- import { Toast } from '../../components/Toast';
3
- declare const meta: Meta<typeof Toast>;
2
+ declare const meta: Meta;
4
3
  export default meta;
5
4
  type Story = StoryObj<typeof meta>;
6
- export declare const Success: Story;
7
- export declare const Error: Story;
8
- export declare const Warning: Story;
9
- export declare const Info: Story;
10
- export declare const WithAction: Story;
11
- export declare const WithoutTitle: Story;
12
- export declare const Persistent: Story;
5
+ /**
6
+ * Basic toast notifications with different variants
7
+ */
8
+ export declare const BasicVariants: Story;
9
+ /**
10
+ * Toast with custom title and description
11
+ */
12
+ export declare const WithTitleAndDescription: Story;
13
+ /**
14
+ * Toast with custom auto-close duration
15
+ */
13
16
  export declare const CustomDuration: Story;
14
- export declare const Interactive: Story;
15
- export declare const LongMessage: Story;
16
- export declare const WithCloseButton: Story;
17
- export declare const AllVariants: Story;
17
+ /**
18
+ * Toast with action button
19
+ */
20
+ export declare const WithAction: Story;
21
+ /**
22
+ * Toast without progress bar or close button
23
+ */
24
+ export declare const CustomOptions: Story;
25
+ /**
26
+ * Toast with custom icon
27
+ */
28
+ export declare const CustomIcon: Story;
29
+ /**
30
+ * Dismissing toasts programmatically
31
+ */
32
+ export declare const ProgrammaticDismiss: Story;
33
+ /**
34
+ * Updating an existing toast
35
+ */
36
+ export declare const UpdateToast: Story;
37
+ /**
38
+ * Multiple toasts at once
39
+ */
40
+ export declare const MultipleToasts: Story;
41
+ /**
42
+ * Loading state pattern
43
+ */
44
+ export declare const LoadingPattern: Story;
45
+ /**
46
+ * Form validation feedback
47
+ */
48
+ export declare const FormValidation: Story;
49
+ /**
50
+ * API operation feedback
51
+ */
52
+ export declare const APIOperations: Story;
53
+ /**
54
+ * Real-world examples
55
+ */
56
+ export declare const RealWorldExamples: Story;
57
+ /**
58
+ * Playground - Try different combinations
59
+ */
60
+ export declare const Playground: Story;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Widget } from '../../components/Widget';
3
+ declare const meta: Meta<typeof Widget>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Widget>;
6
+ export declare const MetricWidgets: Story;
7
+ export declare const InfoWidgets: Story;
8
+ export declare const AutoGrid: Story;
9
+ export declare const ThemeComparison: Story;
10
+ export declare const SimpleMetric: Story;
@@ -0,0 +1,58 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { DashboardCard } from '../../widgets/DashboardCard';
3
+ declare const meta: Meta<typeof DashboardCard>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DashboardCard>;
6
+ export declare const StatCardBasic: Story;
7
+ export declare const StatCardWithTrend: Story;
8
+ export declare const StatCardNegativeTrend: Story;
9
+ export declare const StatCardClickable: Story;
10
+ export declare const ProgressCardBasic: Story;
11
+ export declare const ProgressCardOnTrack: Story;
12
+ export declare const ProgressCardAtRisk: Story;
13
+ export declare const ProgressCardExceeded: Story;
14
+ export declare const ComparisonCardHorizontal: Story;
15
+ export declare const ComparisonCardVertical: Story;
16
+ export declare const ActivityCardBasic: Story;
17
+ export declare const ActivityCardCompact: Story;
18
+ export declare const OrderCardDetailed: Story;
19
+ export declare const OrderCardShipped: Story;
20
+ export declare const OrderCardDelivered: Story;
21
+ export declare const OrderCardCancelled: Story;
22
+ export declare const UserCardHorizontal: Story;
23
+ export declare const UserCardAway: Story;
24
+ export declare const UserCardOffline: Story;
25
+ export declare const RevenueCardDetailed: Story;
26
+ export declare const RevenueCardCompact: Story;
27
+ export declare const AlertCardError: Story;
28
+ export declare const AlertCardWarning: Story;
29
+ export declare const AlertCardSuccess: Story;
30
+ export declare const AlertCardInfo: Story;
31
+ export declare const RankingCardProducts: Story;
32
+ export declare const RankingCardEmployees: Story;
33
+ export declare const StatusCardOnline: Story;
34
+ export declare const StatusCardDegraded: Story;
35
+ export declare const StatusCardOffline: Story;
36
+ export declare const StatusCardMaintenance: Story;
37
+ export declare const LoadingState: Story;
38
+ export declare const DashboardGrid: Story;
39
+ export declare const EcommerceDashboard: Story;
40
+ export declare const HRMSDashboard: Story;
41
+ export declare const AnalyticsDashboard: Story;
42
+ export declare const SystemMonitoringDashboard: Story;
43
+ export declare const FilledStatCards: Story;
44
+ export declare const FilledActivityCard: Story;
45
+ export declare const FilledProgressCard: Story;
46
+ export declare const FilledUserCard: Story;
47
+ export declare const FilledOrderCard: Story;
48
+ export declare const FilledComparison: Story;
49
+ export declare const FilledDashboardMix: Story;
50
+ export declare const MetricCardLineChart: Story;
51
+ export declare const MetricCardBarChart: Story;
52
+ export declare const MetricCardWithComparison: Story;
53
+ export declare const MetricCardNegativeTrend: Story;
54
+ export declare const MetricCardCompact: Story;
55
+ export declare const MetricCardNoChart: Story;
56
+ export declare const FilledMetricCardPrimary: Story;
57
+ export declare const FilledMetricCardSuccess: Story;
58
+ export declare const FilledMetricCardDanger: Story;
@@ -1,9 +1,6 @@
1
1
  declare const _default: {
2
2
  title: string;
3
- component: import("react").FC<import("../..").InfoCardBaseProps & import("react").RefAttributes<HTMLDivElement>>;
4
- subcomponents: {
5
- Metric: import("react").FC<import("../..").InfoCardMetricProps & import("react").RefAttributes<HTMLDivElement>>;
6
- };
3
+ component: import("react").FC<import("../..").WidgetProps>;
7
4
  };
8
5
  export default _default;
9
6
  export declare const Base: () => import("react/jsx-runtime").JSX.Element;
@@ -1,19 +1,7 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
- import InfoListCard from '../../widgets/InfoListCard/InfoListCard';
3
- declare const meta: Meta<typeof InfoListCard>;
2
+ import Widget from '../../components/Widget/Widget';
3
+ declare const meta: Meta<typeof Widget>;
4
4
  export default meta;
5
- type Story = StoryObj<typeof InfoListCard>;
5
+ type Story = StoryObj<typeof Widget>;
6
6
  export declare const PaymentInformation: Story;
7
- export declare const OrderDetails: Story;
8
- export declare const WithDividers: Story;
9
- export declare const LongText: Story;
10
- export declare const Compact: Story;
11
- export declare const NoHeading: Story;
12
- export declare const ColorVariants: Story;
13
- export declare const AccountInfo: Story;
14
- export declare const ElevatedVariant: Story;
15
- export declare const FlatVariant: Story;
16
7
  export declare const MultipleCards: Story;
17
- export declare const HiddenItems: Story;
18
- export declare const ResponsiveDemo: Story;
19
- export declare const WithReactNodes: Story;