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

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 (98) hide show
  1. package/dist/hoc/withParsedClasses.d.ts +4 -0
  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/AdminHeader/AdminHeader.d.ts +176 -0
  7. package/dist/types/components/AdminHeader/AdminHeader.examples.d.ts +44 -0
  8. package/dist/types/components/AdminHeader/AdminHeader.stories.d.ts +53 -0
  9. package/dist/types/components/AdminHeader/AdminHeader.widgets.stories.d.ts +86 -0
  10. package/dist/types/components/AdminHeader/index.d.ts +2 -0
  11. package/dist/types/components/Alert/Alert.d.ts +2 -53
  12. package/dist/types/components/Avatar/Avatar.d.ts +2 -2
  13. package/dist/types/components/Badge/Badge.d.ts +2 -32
  14. package/dist/types/components/Button/Button.d.ts +2 -42
  15. package/dist/types/components/Card/Card.d.ts +2 -63
  16. package/dist/types/components/Checkbox/Checkbox.d.ts +2 -59
  17. package/dist/types/components/CheckboxGroup/CheckboxGroup.d.ts +2 -53
  18. package/dist/types/components/Chip/Chip.d.ts +2 -32
  19. package/dist/types/components/Divider/Divider.d.ts +2 -72
  20. package/dist/types/components/Flex/Flex.d.ts +2 -26
  21. package/dist/types/components/Grid/Grid.d.ts +2 -77
  22. package/dist/types/components/Header/Header.d.ts +2 -33
  23. package/dist/types/components/Input/Input.d.ts +2 -52
  24. package/dist/types/components/Menu/Menu.d.ts +2 -32
  25. package/dist/types/components/Modal/Modal.d.ts +4 -73
  26. package/dist/types/components/MultiSelect/MultiSelect.d.ts +2 -41
  27. package/dist/types/components/Radio/Radio.d.ts +2 -55
  28. package/dist/types/components/RadioGroup/RadioGroup.d.ts +2 -57
  29. package/dist/types/components/Select/Select.d.ts +2 -58
  30. package/dist/types/components/SideMenu/SideMenu.d.ts +139 -38
  31. package/dist/types/components/SideMenu/SideMenu.examples.d.ts +17 -0
  32. package/dist/types/components/SideMenu/index.d.ts +2 -4
  33. package/dist/types/components/Table/Table.d.ts +2 -58
  34. package/dist/types/components/Text/Text.d.ts +2 -51
  35. package/dist/types/components/Timeline/Timeline.d.ts +34 -0
  36. package/dist/types/components/Timeline/index.d.ts +2 -0
  37. package/dist/types/components/Toast/Toast.d.ts +2 -51
  38. package/dist/types/hoc/withParsedClasses.d.ts +4 -0
  39. package/dist/types/icons/IconComponents.d.ts +50 -0
  40. package/dist/types/icons/index.d.ts +1 -0
  41. package/dist/types/index.d.ts +19 -1
  42. package/dist/types/stories/components/Accordion.stories.d.ts +11 -0
  43. package/dist/types/stories/components/Alert.stories.d.ts +9 -0
  44. package/dist/types/stories/components/Avatar.stories.d.ts +13 -0
  45. package/dist/types/stories/components/Badge.stories.d.ts +8 -0
  46. package/dist/types/stories/components/Button.stories.d.ts +9 -0
  47. package/dist/types/stories/components/Card.stories.d.ts +8 -0
  48. package/dist/types/stories/components/Checkbox.stories.d.ts +17 -0
  49. package/dist/types/stories/components/CheckboxGroup.stories.d.ts +13 -0
  50. package/dist/types/stories/components/Chip.stories.d.ts +22 -0
  51. package/dist/types/stories/components/Divider.stories.d.ts +15 -0
  52. package/dist/types/stories/components/Flex.stories.d.ts +14 -0
  53. package/dist/types/stories/components/Grid.stories.d.ts +11 -0
  54. package/dist/types/stories/components/Header.stories.d.ts +14 -0
  55. package/dist/types/stories/components/Input.stories.d.ts +9 -0
  56. package/dist/types/stories/components/Menu.stories.d.ts +13 -0
  57. package/dist/types/stories/components/Modal.stories.d.ts +12 -0
  58. package/dist/types/stories/components/MultiSelect.stories.d.ts +19 -0
  59. package/dist/types/stories/components/Radio.stories.d.ts +16 -0
  60. package/dist/types/stories/components/RadioGroup.stories.d.ts +15 -0
  61. package/dist/types/stories/components/Select.stories.d.ts +17 -0
  62. package/dist/types/stories/components/SideMenu.stories.d.ts +131 -0
  63. package/dist/types/stories/components/Table.stories.d.ts +18 -0
  64. package/dist/types/stories/components/Text.stories.d.ts +18 -0
  65. package/dist/types/stories/components/Timeline.stories.d.ts +20 -0
  66. package/dist/types/stories/components/Toast.stories.d.ts +17 -0
  67. package/dist/types/stories/components/Tooltip.stories.d.ts +20 -0
  68. package/dist/types/stories/widgets/InfoCard.stories.d.ts +12 -0
  69. package/dist/types/stories/widgets/InfoListCard.stories.d.ts +19 -0
  70. package/dist/types/stories/widgets/InfoText.stories.d.ts +30 -0
  71. package/dist/types/stories/widgets/OrderCard.stories.d.ts +13 -0
  72. package/dist/types/stories/widgets/OrderConfirmation.stories.d.ts +36 -0
  73. package/dist/types/stories/widgets/OrderDetails.stories.d.ts +11 -0
  74. package/dist/types/stories/widgets/ProductCard.stories.d.ts +25 -0
  75. package/dist/types/utils/parseClass.d.ts +1 -0
  76. package/dist/types/widgets/Header/Header.d.ts +252 -0
  77. package/dist/types/widgets/Header/Header.examples.d.ts +17 -0
  78. package/dist/types/widgets/Header/Header.megamenu.examples.d.ts +22 -0
  79. package/dist/types/widgets/Header/Header.stories.d.ts +30 -0
  80. package/dist/types/widgets/Header/index.d.ts +2 -0
  81. package/dist/types/widgets/InfoCard/InfoCard.d.ts +40 -0
  82. package/dist/types/widgets/InfoCard/index.d.ts +1 -0
  83. package/dist/types/widgets/InfoListCard/InfoListCard.d.ts +40 -0
  84. package/dist/types/widgets/InfoListCard/index.d.ts +2 -0
  85. package/dist/types/widgets/InfoText/InfoText.d.ts +144 -0
  86. package/dist/types/widgets/InfoText/InfoText.examples.d.ts +33 -0
  87. package/dist/types/widgets/InfoText/index.d.ts +1 -0
  88. package/dist/types/widgets/OrderCard/OrderCard.d.ts +68 -0
  89. package/dist/types/widgets/OrderCard/index.d.ts +2 -0
  90. package/dist/types/widgets/OrderConfirmation/OrderConfirmation.d.ts +82 -0
  91. package/dist/types/widgets/OrderConfirmation/index.d.ts +3 -0
  92. package/dist/types/widgets/OrderDetails/OrderDetails.d.ts +88 -0
  93. package/dist/types/widgets/OrderDetails/index.d.ts +3 -0
  94. package/dist/types/widgets/ProductCard/ProductCard.d.ts +42 -0
  95. package/dist/types/widgets/ProductCard/index.d.ts +1 -0
  96. package/dist/types/widgets/product-card-old/ProductCard.d.ts +12 -0
  97. package/dist/utils/parseClass.d.ts +1 -0
  98. package/package.json +72 -59
@@ -38,12 +38,14 @@ export { Divider } from './components/Divider';
38
38
  export type { DividerProps } from './components/Divider';
39
39
  export { Header } from './components/Header';
40
40
  export type { HeaderProps, NotificationItem } from './components/Header';
41
- export { SideMenu, SideMenuItem } from './components/SideMenu';
41
+ export { SideMenu } from './components/SideMenu';
42
42
  export type { SideMenuItemProps, SideMenuProps } from './components/SideMenu';
43
43
  export { Table } from './components/Table';
44
44
  export type { TableColumn, TableProps } from './components/Table';
45
45
  export { Text } from './components/Text';
46
46
  export type { TextProps } from './components/Text';
47
+ export { Timeline } from './components/Timeline';
48
+ export type { TimelineProps, TimelineStep } from './components/Timeline';
47
49
  export { Flex } from './components/Flex';
48
50
  export type { FlexProps } from './components/Flex';
49
51
  export { Grid } from './components/Grid';
@@ -53,3 +55,19 @@ export type { Theme, ThemeProviderProps } from './theme';
53
55
  export { tokens, generateCSSVariables, injectCSSVariables } from './theme';
54
56
  export type { Tokens, ColorScale, ColorShade } from './theme';
55
57
  export { useBodyScrollLock, useClickOutside, useDebounce, useEscapeKey, useFocusTrap, useId, } from './hooks';
58
+ export { InfoCard } from './widgets/InfoCard';
59
+ export type { InfoCardBaseProps, InfoCardMetricProps } from './widgets/InfoCard';
60
+ export { InfoText } from './widgets/InfoText';
61
+ export type { InfoTextBaseProps, InfoTextStatProps, InfoTextFeatureProps, InfoTextCompactProps, InfoTextVerticalProps, } from './widgets/InfoText';
62
+ export { ProductCard } from './widgets/ProductCard';
63
+ export type { ProductCardProps, ProductCardWideProps } from './widgets/ProductCard';
64
+ export { OrderCard } from './widgets/OrderCard';
65
+ export type { OrderCardProps, OrderItem } from './widgets/OrderCard';
66
+ export { InfoListCard } from './widgets/InfoListCard';
67
+ export type { InfoListCardProps, InfoListItem } from './widgets/InfoListCard';
68
+ export { OrderConfirmation } from './widgets/OrderConfirmation';
69
+ export type { OrderConfirmationProps, OrderConfirmationItem, OrderConfirmationAddress } from './widgets/OrderConfirmation';
70
+ export { OrderDetails } from './widgets/OrderDetails';
71
+ export type { OrderDetailsProps, OrderDetailsItem, OrderDetailsAddress } from './widgets/OrderDetails';
72
+ export { Header as HomeHeader } from './widgets/Header';
73
+ export type { NavigationItem, HeaderDesktopProps, HeaderMobileProps, HeaderResponsiveProps } from './widgets/Header';
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Accordion } from '../../components/Accordion';
3
+ declare const meta: Meta<typeof Accordion>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const AllowMultiple: Story;
8
+ export declare const WithDefaultOpen: Story;
9
+ export declare const Bordered: Story;
10
+ export declare const Large: Story;
11
+ export declare const LeftChevron: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Alert } from '../../components/Alert';
3
+ declare const meta: Meta<typeof Alert>;
4
+ export default meta;
5
+ 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;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Avatar } from '../../components/Avatar';
3
+ declare const meta: Meta<typeof Avatar>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithFallback: Story;
8
+ export declare const Small: Story;
9
+ export declare const Large: Story;
10
+ export declare const Square: Story;
11
+ export declare const BrokenImage: Story;
12
+ export declare const LongFallbackText: Story;
13
+ export declare const AllSizes: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Badge } from '../../components/Badge';
3
+ declare const meta: Meta<typeof Badge>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Primary: Story;
7
+ export declare const Success: Story;
8
+ export declare const AllVariants: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Button } from '../../components/Button';
3
+ declare const meta: Meta<typeof Button>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Primary: Story;
7
+ export declare const Secondary: Story;
8
+ export declare const Loading: Story;
9
+ export declare const AllVariants: Story;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Card } from '../../components/Card';
3
+ declare const meta: Meta<typeof Card>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const Elevated: Story;
8
+ export declare const Outlined: Story;
@@ -0,0 +1,17 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Checkbox } from '../../components/Checkbox';
3
+ declare const meta: Meta<typeof Checkbox>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const Checked: Story;
8
+ export declare const Indeterminate: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const DisabledChecked: Story;
11
+ export declare const WithHelperText: Story;
12
+ export declare const WithError: Story;
13
+ export declare const Small: Story;
14
+ export declare const Large: Story;
15
+ export declare const Success: Story;
16
+ export declare const Warning: Story;
17
+ export declare const AllSizes: Story;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { CheckboxGroup } from '../../components/CheckboxGroup';
3
+ declare const meta: Meta<typeof CheckboxGroup>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithDefaultValues: Story;
8
+ export declare const Horizontal: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const WithDisabledOptions: Story;
11
+ export declare const WithError: Story;
12
+ export declare const Small: Story;
13
+ export declare const Large: Story;
@@ -0,0 +1,22 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Chip } from '../../components/Chip';
3
+ declare const meta: Meta<typeof Chip>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const Primary: Story;
8
+ export declare const Success: Story;
9
+ export declare const Error: Story;
10
+ export declare const Warning: Story;
11
+ export declare const Info: Story;
12
+ export declare const Outlined: Story;
13
+ export declare const Light: Story;
14
+ export declare const WithIcon: Story;
15
+ export declare const WithAvatar: Story;
16
+ export declare const Deletable: Story;
17
+ export declare const Clickable: Story;
18
+ export declare const Disabled: Story;
19
+ export declare const Small: Story;
20
+ export declare const Large: Story;
21
+ export declare const AllVariants: Story;
22
+ export declare const AllColors: Story;
@@ -0,0 +1,15 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Divider } from '../../components/Divider';
3
+ declare const meta: Meta<typeof Divider>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithText: Story;
8
+ export declare const LeftAligned: Story;
9
+ export declare const RightAligned: Story;
10
+ export declare const Vertical: Story;
11
+ export declare const VerticalWithText: Story;
12
+ export declare const Inset: Story;
13
+ export declare const Middle: Story;
14
+ export declare const Light: Story;
15
+ export declare const FlexItem: Story;
@@ -0,0 +1,14 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Flex } from '../../components/Flex';
3
+ declare const meta: Meta<typeof Flex>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const Column: Story;
8
+ export declare const Center: Story;
9
+ export declare const SpaceBetween: Story;
10
+ export declare const Wrap: Story;
11
+ export declare const ColumnReverse: Story;
12
+ export declare const AlignStretch: Story;
13
+ export declare const GapVariations: Story;
14
+ export declare const Inline: Story;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Grid } from '../../components/Grid';
3
+ declare const meta: Meta<typeof Grid>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const BasicGrid: Story;
7
+ export declare const ResponsiveGrid: Story;
8
+ export declare const AutoGrid: Story;
9
+ export declare const NestedGrid: Story;
10
+ export declare const DifferentSpacing: Story;
11
+ export declare const CustomBreakpoints: Story;
@@ -0,0 +1,14 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Header } from '../../components/Header';
3
+ declare const meta: Meta<typeof Header>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithSubtitle: Story;
8
+ export declare const WithActions: Story;
9
+ export declare const WithLogo: Story;
10
+ export declare const WithNavigation: Story;
11
+ export declare const Minimal: Story;
12
+ export declare const Elevated: Story;
13
+ export declare const Sticky: Story;
14
+ export declare const FullFeatured: Story;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Input } from '../../components/Input';
3
+ declare const meta: Meta<typeof Input>;
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 WithError: Story;
9
+ export declare const Disabled: Story;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Menu } from '../../components/Menu';
3
+ declare const meta: Meta<typeof Menu>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithSubmenus: Story;
8
+ export declare const HoverTrigger: Story;
9
+ export declare const DifferentPlacements: Story;
10
+ export declare const WithDisabledItems: Story;
11
+ export declare const MinimalVariant: Story;
12
+ export declare const ActiveItems: Story;
13
+ export declare const LongMenu: Story;
@@ -0,0 +1,12 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Modal } from '../../components/Modal';
3
+ declare const meta: Meta<typeof Modal>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithFooter: Story;
8
+ export declare const Large: Story;
9
+ export declare const Small: Story;
10
+ export declare const NoCloseButton: Story;
11
+ export declare const DangerModal: Story;
12
+ export declare const NonClosableBackdrop: Story;
@@ -0,0 +1,19 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { MultiSelect } from '../../components/MultiSelect';
3
+ declare const meta: Meta<typeof MultiSelect>;
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 WithHelperText: Story;
9
+ export declare const WithDefaultValues: Story;
10
+ export declare const WithError: Story;
11
+ export declare const WithSuccess: Story;
12
+ export declare const Disabled: Story;
13
+ export declare const Small: Story;
14
+ export declare const Large: Story;
15
+ export declare const Grouped: Story;
16
+ export declare const MaxSelection: Story;
17
+ export declare const Searchable: Story;
18
+ export declare const FullWidth: Story;
19
+ export declare const AllSizes: Story;
@@ -0,0 +1,16 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Radio } from '../../components/Radio';
3
+ declare const meta: Meta<typeof Radio>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const Checked: Story;
8
+ export declare const Disabled: Story;
9
+ export declare const DisabledChecked: Story;
10
+ export declare const WithHelperText: Story;
11
+ export declare const WithError: Story;
12
+ export declare const Small: Story;
13
+ export declare const Large: Story;
14
+ export declare const Success: Story;
15
+ export declare const Warning: Story;
16
+ export declare const AllSizes: Story;
@@ -0,0 +1,15 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { RadioGroup } from '../../components/RadioGroup';
3
+ declare const meta: Meta<typeof RadioGroup>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithDefaultValue: Story;
8
+ export declare const Horizontal: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const WithDisabledOptions: Story;
11
+ export declare const WithError: Story;
12
+ export declare const WithHelperText: Story;
13
+ export declare const Small: Story;
14
+ export declare const Large: Story;
15
+ export declare const LongOptions: Story;
@@ -0,0 +1,17 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Select } from '../../components/Select';
3
+ declare const meta: Meta<typeof Select>;
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 WithHelperText: Story;
9
+ export declare const WithError: Story;
10
+ export declare const WithSuccess: Story;
11
+ export declare const Disabled: Story;
12
+ export declare const DisabledOptions: Story;
13
+ export declare const Small: Story;
14
+ export declare const Large: Story;
15
+ export declare const FullWidth: Story;
16
+ export declare const Grouped: Story;
17
+ export declare const AllSizes: Story;
@@ -0,0 +1,131 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import { SideMenuProps } from '../../components/SideMenu/SideMenu';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import("react").FC<SideMenuProps & import("react").RefAttributes<HTMLElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ docs: {
9
+ description: {
10
+ component: string;
11
+ };
12
+ };
13
+ };
14
+ tags: string[];
15
+ argTypes: {
16
+ items: {
17
+ control: "object";
18
+ description: string;
19
+ };
20
+ variant: {
21
+ control: "select";
22
+ options: string[];
23
+ description: string;
24
+ };
25
+ theme: {
26
+ control: "select";
27
+ options: string[];
28
+ description: string;
29
+ };
30
+ position: {
31
+ control: "select";
32
+ options: string[];
33
+ description: string;
34
+ };
35
+ collapsed: {
36
+ control: "boolean";
37
+ description: string;
38
+ };
39
+ elevated: {
40
+ control: "boolean";
41
+ description: string;
42
+ };
43
+ bordered: {
44
+ control: "boolean";
45
+ description: string;
46
+ };
47
+ collapsible: {
48
+ control: "boolean";
49
+ description: string;
50
+ };
51
+ collapseButtonPosition: {
52
+ control: "select";
53
+ options: string[];
54
+ description: string;
55
+ };
56
+ };
57
+ };
58
+ export default meta;
59
+ type Story = StoryObj<typeof meta>;
60
+ /**
61
+ * Default sidebar with light theme
62
+ */
63
+ export declare const Default: Story;
64
+ /**
65
+ * Collapsed sidebar state
66
+ */
67
+ export declare const Collapsed: Story;
68
+ /**
69
+ * Dark theme sidebar
70
+ */
71
+ export declare const DarkTheme: Story;
72
+ /**
73
+ * Primary theme sidebar
74
+ */
75
+ export declare const PrimaryTheme: Story;
76
+ /**
77
+ * Gradient theme sidebar
78
+ */
79
+ export declare const GradientTheme: Story;
80
+ /**
81
+ * Compact variant - space-efficient sidebar
82
+ */
83
+ export declare const CompactVariant: Story;
84
+ /**
85
+ * Modern variant - contemporary design with animations
86
+ */
87
+ export declare const ModernVariant: Story;
88
+ /**
89
+ * Enterprise variant - professional enterprise look
90
+ */
91
+ export declare const EnterpriseVariant: Story;
92
+ /**
93
+ * Minimal variant - clean and subtle styling
94
+ */
95
+ export declare const MinimalVariant: Story;
96
+ /**
97
+ * Right-positioned sidebar
98
+ */
99
+ export declare const RightPosition: Story;
100
+ /**
101
+ * Custom width sidebar
102
+ */
103
+ export declare const CustomWidth: Story;
104
+ /**
105
+ * With item descriptions
106
+ */
107
+ export declare const WithDescriptions: Story;
108
+ /**
109
+ * Collapse button in header
110
+ */
111
+ export declare const CollapseInHeader: Story;
112
+ /**
113
+ * No collapse button
114
+ */
115
+ export declare const NotCollapsible: Story;
116
+ /**
117
+ * Simple menu without header/footer
118
+ */
119
+ export declare const SimpleMenu: Story;
120
+ /**
121
+ * All variants comparison
122
+ */
123
+ export declare const AllVariants: Story;
124
+ /**
125
+ * All themes comparison
126
+ */
127
+ export declare const AllThemes: Story;
128
+ /**
129
+ * With item click handler
130
+ */
131
+ export declare const WithClickHandler: Story;
@@ -0,0 +1,18 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Table } from '../../components/Table';
3
+ declare const meta: Meta<typeof Table>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithActions: Story;
8
+ export declare const WithCustomRendering: Story;
9
+ export declare const Sortable: Story;
10
+ export declare const Selectable: Story;
11
+ export declare const Striped: Story;
12
+ export declare const Bordered: Story;
13
+ export declare const Compact: Story;
14
+ export declare const Large: Story;
15
+ export declare const Loading: Story;
16
+ export declare const Empty: Story;
17
+ export declare const LargeDataset: Story;
18
+ export declare const FixedHeader: Story;
@@ -0,0 +1,18 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Text } from '../../components/Text';
3
+ declare const meta: Meta<typeof Text>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const Headings: Story;
8
+ export declare const BodyText: Story;
9
+ export declare const SmallText: Story;
10
+ export declare const TextAlignments: Story;
11
+ export declare const FontWeights: Story;
12
+ export declare const TextTransforms: Story;
13
+ export declare const TextDecorations: Story;
14
+ export declare const Colors: Story;
15
+ export declare const SemanticElements: Story;
16
+ export declare const Truncated: Story;
17
+ export declare const Gradient: Story;
18
+ export declare const WithUtilityClasses: Story;
@@ -0,0 +1,20 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Timeline from '../../components/Timeline/Timeline';
3
+ declare const meta: Meta<typeof Timeline>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Timeline>;
6
+ export declare const Default: Story;
7
+ export declare const WithDescriptions: Story;
8
+ export declare const Numbered: Story;
9
+ export declare const CircleVariant: Story;
10
+ export declare const SimpleVariant: Story;
11
+ export declare const Vertical: Story;
12
+ export declare const VerticalNumbered: Story;
13
+ export declare const LargeSize: Story;
14
+ export declare const SmallSize: Story;
15
+ export declare const ColorVariants: Story;
16
+ export declare const AllVariants: Story;
17
+ export declare const CustomIcons: Story;
18
+ export declare const Clickable: Story;
19
+ export declare const LongLabels: Story;
20
+ export declare const ManySteps: Story;
@@ -0,0 +1,17 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Toast } from '../../components/Toast';
3
+ declare const meta: Meta<typeof Toast>;
4
+ export default meta;
5
+ 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;
13
+ 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;
@@ -0,0 +1,20 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Tooltip } from '../../components/Tooltip';
3
+ declare const meta: Meta<typeof Tooltip>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const Top: Story;
8
+ export declare const Bottom: Story;
9
+ export declare const Left: Story;
10
+ export declare const Right: Story;
11
+ export declare const ClickTrigger: Story;
12
+ export declare const FocusTrigger: Story;
13
+ export declare const LongContent: Story;
14
+ export declare const WithDelay: Story;
15
+ export declare const NoArrow: Story;
16
+ export declare const CustomContent: Story;
17
+ export declare const OnDisabledElement: Story;
18
+ export declare const MultipleTooltips: Story;
19
+ export declare const WithIcon: Story;
20
+ export declare const InteractiveTooltip: Story;
@@ -0,0 +1,12 @@
1
+ declare const _default: {
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
+ };
7
+ };
8
+ export default _default;
9
+ export declare const Base: () => import("react/jsx-runtime").JSX.Element;
10
+ export declare const BaseVariants: () => import("react/jsx-runtime").JSX.Element;
11
+ export declare const Metric: () => import("react/jsx-runtime").JSX.Element;
12
+ export declare const MetricCustom: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,19 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import InfoListCard from '../../widgets/InfoListCard/InfoListCard';
3
+ declare const meta: Meta<typeof InfoListCard>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof InfoListCard>;
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
+ export declare const MultipleCards: Story;
17
+ export declare const HiddenItems: Story;
18
+ export declare const ResponsiveDemo: Story;
19
+ export declare const WithReactNodes: Story;
@@ -0,0 +1,30 @@
1
+ declare const _default: {
2
+ title: string;
3
+ component: import("react").FC<import("../..").InfoTextBaseProps & import("react").RefAttributes<HTMLDivElement>>;
4
+ subcomponents: {
5
+ Base: import("react").FC<import("../..").InfoTextBaseProps & import("react").RefAttributes<HTMLDivElement>>;
6
+ Stat: import("react").FC<import("../..").InfoTextStatProps & import("react").RefAttributes<HTMLDivElement>>;
7
+ Feature: import("react").FC<import("../..").InfoTextFeatureProps & import("react").RefAttributes<HTMLDivElement>>;
8
+ Compact: import("react").FC<import("../..").InfoTextCompactProps & import("react").RefAttributes<HTMLDivElement>>;
9
+ Vertical: import("react").FC<import("../..").InfoTextVerticalProps & import("react").RefAttributes<HTMLDivElement>>;
10
+ };
11
+ };
12
+ export default _default;
13
+ export declare const Base: () => import("react/jsx-runtime").JSX.Element;
14
+ export declare const BaseVariants: () => import("react/jsx-runtime").JSX.Element;
15
+ export declare const BaseWithoutSubtext: () => import("react/jsx-runtime").JSX.Element;
16
+ export declare const BaseWithoutCircle: () => import("react/jsx-runtime").JSX.Element;
17
+ export declare const Stat: () => import("react/jsx-runtime").JSX.Element;
18
+ export declare const StatVariants: () => import("react/jsx-runtime").JSX.Element;
19
+ export declare const StatWithoutIcon: () => import("react/jsx-runtime").JSX.Element;
20
+ export declare const StatWithoutCircle: () => import("react/jsx-runtime").JSX.Element;
21
+ export declare const Feature: () => import("react/jsx-runtime").JSX.Element;
22
+ export declare const FeatureVariants: () => import("react/jsx-runtime").JSX.Element;
23
+ export declare const Compact: () => import("react/jsx-runtime").JSX.Element;
24
+ export declare const CompactVariants: () => import("react/jsx-runtime").JSX.Element;
25
+ export declare const Vertical: () => import("react/jsx-runtime").JSX.Element;
26
+ export declare const VerticalVariants: () => import("react/jsx-runtime").JSX.Element;
27
+ export declare const AllIconVariants: () => import("react/jsx-runtime").JSX.Element;
28
+ export declare const MixedUsage: () => import("react/jsx-runtime").JSX.Element;
29
+ export declare const GridLayout: () => import("react/jsx-runtime").JSX.Element;
30
+ export declare const FeatureGrid: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import OrderCard from '../../widgets/OrderCard/OrderCard';
3
+ declare const meta: Meta<typeof OrderCard>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof OrderCard>;
6
+ export declare const Delivered: Story;
7
+ export declare const Processing: Story;
8
+ export declare const Cancelled: Story;
9
+ export declare const LongProductName: Story;
10
+ export declare const Pending: Story;
11
+ export declare const NoImage: Story;
12
+ export declare const MultipleItems: Story;
13
+ export declare const OrdersList: Story;