@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.
- package/README.md +865 -103
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/types/components/Autocomplete/Autocomplete.d.ts +173 -0
- package/dist/types/components/Autocomplete/index.d.ts +2 -0
- package/dist/types/components/DatePicker/Calendar.d.ts +15 -0
- package/dist/types/components/DatePicker/DatePicker.d.ts +99 -0
- package/dist/types/components/DatePicker/DateRangePicker.d.ts +114 -0
- package/dist/types/components/DatePicker/index.d.ts +6 -0
- package/dist/types/components/FormControl/FormControl.d.ts +77 -0
- package/dist/types/components/FormControl/index.d.ts +3 -0
- package/dist/types/components/Image/Image.d.ts +14 -0
- package/dist/types/components/Image/index.d.ts +2 -0
- package/dist/types/components/Link/Link.d.ts +5 -0
- package/dist/types/components/Navbar/Navbar.d.ts +236 -0
- package/dist/types/components/Navbar/index.d.ts +2 -0
- package/dist/types/components/RichTextEditor/RichTextEditor.d.ts +153 -0
- package/dist/types/components/RichTextEditor/index.d.ts +2 -0
- package/dist/types/components/Text/Text.d.ts +9 -3
- package/dist/types/components/Textarea/Textarea.d.ts +81 -0
- package/dist/types/components/Textarea/index.d.ts +3 -0
- package/dist/types/components/Widget/IntelligentGrid.d.ts +15 -0
- package/dist/types/components/Widget/Widget.d.ts +9 -0
- package/dist/types/components/Widget/index.d.ts +16 -0
- package/dist/types/components/Widget/renderers/CarouselWidget.d.ts +40 -0
- package/dist/types/components/Widget/renderers/ContentBlockWidget.d.ts +56 -0
- package/dist/types/components/Widget/renderers/ContentBlockWidget.stories.d.ts +24 -0
- package/dist/types/components/Widget/renderers/GridCarouselWidget.d.ts +35 -0
- package/dist/types/components/Widget/renderers/HeaderWidget.d.ts +18 -0
- package/dist/types/components/Widget/renderers/ImageWidget.d.ts +69 -0
- package/dist/types/components/Widget/renderers/ImageWidget.stories.d.ts +11 -0
- package/dist/types/components/Widget/renderers/InfoWidget.d.ts +18 -0
- package/dist/types/components/Widget/renderers/ListWidget.d.ts +18 -0
- package/dist/types/components/Widget/renderers/MetricWidget.d.ts +18 -0
- package/dist/types/components/Widget/renderers/NavbarWidget.d.ts +16 -0
- package/dist/types/components/Widget/renderers/OrderWidget.d.ts +8 -0
- package/dist/types/components/Widget/renderers/ProductWidget.d.ts +8 -0
- package/dist/types/components/Widget/renderers/TestimonialWidget.d.ts +14 -0
- package/dist/types/components/Widget/renderers/TextWidget.d.ts +18 -0
- package/dist/types/components/Widget/types.d.ts +629 -0
- package/dist/types/icons/IconComponents.d.ts +4 -0
- package/dist/types/index.d.ts +19 -5
- package/dist/types/stories/components/Autocomplete.stories.d.ts +20 -0
- package/dist/types/stories/components/CarouselWidget.stories.d.ts +11 -0
- package/dist/types/stories/components/ContentBlockWidget.stories.d.ts +24 -0
- package/dist/types/stories/components/DatePicker.stories.d.ts +69 -0
- package/dist/types/stories/components/FormControl.stories.d.ts +57 -0
- package/dist/types/stories/components/GridCarouselWidget.stories.d.ts +17 -0
- package/dist/types/stories/components/HeaderWidget.stories.d.ts +10 -0
- package/dist/types/stories/components/InfoWidget.stories.d.ts +24 -0
- package/dist/types/stories/components/ListWidget.stories.d.ts +10 -0
- package/dist/types/stories/components/MetricWidget.stories.d.ts +12 -0
- package/dist/types/stories/components/OrderWidget.stories.d.ts +12 -0
- package/dist/types/stories/components/ProductWidget.stories.d.ts +13 -0
- package/dist/types/stories/components/RichTextEditor.stories.d.ts +22 -0
- package/dist/types/stories/components/TestimonialWidget.stories.d.ts +47 -0
- package/dist/types/stories/components/TextWidget.stories.d.ts +10 -0
- package/dist/types/stories/components/Textarea.stories.d.ts +21 -0
- package/dist/types/stories/components/Toast.stories.d.ts +56 -13
- package/dist/types/stories/components/Widget.stories.d.ts +10 -0
- package/dist/types/stories/widgets/DashboardCard.stories.d.ts +58 -0
- package/dist/types/stories/widgets/InfoCard.stories.d.ts +1 -4
- package/dist/types/stories/widgets/InfoListCard.stories.d.ts +3 -15
- package/dist/types/stories/widgets/InfoText.stories.d.ts +1 -19
- package/dist/types/stories/widgets/MetricCard.stories.d.ts +27 -0
- package/dist/types/stories/widgets/OrderCard.stories.d.ts +3 -9
- package/dist/types/stories/widgets/OrderConfirmation.stories.d.ts +1 -24
- package/dist/types/stories/widgets/OrderDetails.stories.d.ts +3 -7
- package/dist/types/stories/widgets/ProductCard.stories.d.ts +1 -15
- package/dist/types/theme/ThemeProvider.d.ts +14 -0
- package/dist/types/utils/parseClass.d.ts +2 -0
- package/dist/types/widgets/DashboardCard/DashboardCard.d.ts +275 -0
- package/dist/types/widgets/DashboardCard/index.d.ts +2 -0
- package/dist/types/widgets/MetricCard/MetricCard.d.ts +106 -0
- package/dist/types/widgets/MetricCard/index.d.ts +2 -0
- package/dist/types/widgets/Navbar/Navbar.d.ts +308 -0
- package/dist/types/widgets/Navbar/Navbar.stories.d.ts +23 -0
- package/dist/types/widgets/Navbar/index.d.ts +2 -0
- package/dist/types/widgets/OrderCard/OrderCard.d.ts +1 -0
- package/package.json +2 -1
package/dist/types/index.d.ts
CHANGED
|
@@ -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 {
|
|
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 {
|
|
86
|
-
export type {
|
|
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
|
-
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export declare const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
export declare const
|
|
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("../..").
|
|
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
|
|
3
|
-
declare const meta: Meta<typeof
|
|
2
|
+
import Widget from '../../components/Widget/Widget';
|
|
3
|
+
declare const meta: Meta<typeof Widget>;
|
|
4
4
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
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;
|