@szymonpiatek/designsystem 0.0.12 → 0.0.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/dist/index.cjs +11124 -11303
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1017 -1005
- package/dist/index.d.ts +1017 -1005
- package/dist/index.js +11084 -11262
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,16 +1,117 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { ReactNode, MouseEventHandler,
|
|
2
|
+
import { HTMLAttributes, ReactNode, MouseEventHandler, CSSProperties, AriaAttributes, InputHTMLAttributes, TextareaHTMLAttributes, FormEvent, ImgHTMLAttributes } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { Theme, CSSObject, ThemeOptions } from '@mui/material/styles';
|
|
5
5
|
import * as _mui_material from '@mui/material';
|
|
6
6
|
|
|
7
|
+
declare const ProfileCard: react.ForwardRefExoticComponent<ProfileCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
|
|
9
|
+
type CardVariant = 'default' | 'muted' | 'accent' | 'primary' | 'ghost' | 'elevated' | 'glass' | 'gradient' | 'gradient-primary' | 'outline' | 'outline-primary' | 'flat' | 'dots' | 'grid' | 'mesh' | 'aurora' | 'spotlight' | 'neon' | 'diagonal' | 'blueprint' | 'noise' | 'crosshatch';
|
|
10
|
+
type CardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
11
|
+
type CardRounded = 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
12
|
+
interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
13
|
+
variant?: CardVariant;
|
|
14
|
+
padding?: CardPadding;
|
|
15
|
+
rounded?: CardRounded;
|
|
16
|
+
hoverEffect?: boolean;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
20
|
+
type AvatarColor = 'primary' | 'secondary' | 'muted';
|
|
21
|
+
interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
22
|
+
initials: string;
|
|
23
|
+
size?: AvatarSize;
|
|
24
|
+
color?: AvatarColor;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
interface ProfileCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
28
|
+
name: string;
|
|
29
|
+
subtitle?: string;
|
|
30
|
+
initials?: string;
|
|
31
|
+
avatarUrl?: string;
|
|
32
|
+
avatarColor?: AvatarColor;
|
|
33
|
+
avatarSize?: AvatarSize;
|
|
34
|
+
actions?: ReactNode;
|
|
35
|
+
cardVariant?: CardVariant;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
declare const accordionVariants: AccordionVariant[];
|
|
40
|
+
|
|
41
|
+
type AccordionVariant = 'default' | 'bordered' | 'separated';
|
|
42
|
+
interface AccordionItemData {
|
|
43
|
+
key: string;
|
|
44
|
+
header: ReactNode;
|
|
45
|
+
content: ReactNode;
|
|
46
|
+
disabled?: boolean;
|
|
47
|
+
}
|
|
48
|
+
interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
49
|
+
items: AccordionItemData[];
|
|
50
|
+
defaultOpenKeys?: string[];
|
|
51
|
+
openKeys?: string[];
|
|
52
|
+
onChange?: (keys: string[]) => void;
|
|
53
|
+
multiple?: boolean;
|
|
54
|
+
variant?: AccordionVariant;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
|
|
58
|
+
declare const alertSeverities: AlertSeverity[];
|
|
59
|
+
|
|
60
|
+
type AlertSeverity = 'info' | 'success' | 'warning' | 'error';
|
|
61
|
+
interface AlertProps extends HTMLAttributes<HTMLDivElement> {
|
|
62
|
+
severity?: AlertSeverity;
|
|
63
|
+
title?: string;
|
|
64
|
+
children?: ReactNode;
|
|
65
|
+
onClose?: () => void;
|
|
66
|
+
icon?: ReactNode;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
declare function Avatar({ initials, size, color, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
70
|
+
declare const avatarSizes: AvatarSize[];
|
|
71
|
+
declare const avatarColors: AvatarColor[];
|
|
72
|
+
|
|
73
|
+
declare function BackToTop({ threshold, variant, position, label, scrollTarget, }: BackToTopProps): react_jsx_runtime.JSX.Element;
|
|
74
|
+
declare const backToTopVariants: BackToTopVariant[];
|
|
75
|
+
declare const backToTopPositions: BackToTopPosition[];
|
|
76
|
+
|
|
77
|
+
type BackToTopVariant = 'default' | 'primary' | 'ghost';
|
|
78
|
+
type BackToTopPosition = 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
79
|
+
interface BackToTopProps {
|
|
80
|
+
threshold?: number;
|
|
81
|
+
variant?: BackToTopVariant;
|
|
82
|
+
position?: BackToTopPosition;
|
|
83
|
+
label?: string;
|
|
84
|
+
scrollTarget?: () => Element | Window;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
declare const variantStyles: {
|
|
88
|
+
default: (theme: Theme) => CSSObject;
|
|
89
|
+
secondary: (theme: Theme) => CSSObject;
|
|
90
|
+
outline: (theme: Theme) => CSSObject;
|
|
91
|
+
destructive: (theme: Theme) => CSSObject;
|
|
92
|
+
success: (theme: Theme) => CSSObject;
|
|
93
|
+
ghost: (theme: Theme) => CSSObject;
|
|
94
|
+
warning: (theme: Theme) => CSSObject;
|
|
95
|
+
promo: (theme: Theme) => CSSObject;
|
|
96
|
+
};
|
|
97
|
+
type BadgeVariant = keyof typeof variantStyles;
|
|
98
|
+
declare const badgeVariants: BadgeVariant[];
|
|
99
|
+
|
|
100
|
+
declare function Badge({ variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
101
|
+
|
|
102
|
+
interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
103
|
+
variant?: BadgeVariant;
|
|
104
|
+
}
|
|
105
|
+
|
|
7
106
|
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
8
107
|
|
|
9
|
-
type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
|
|
10
|
-
type ButtonSize = 'sm' | 'md' | 'lg';
|
|
108
|
+
type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'text';
|
|
109
|
+
type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
110
|
+
type ButtonShape = 'default' | 'circle' | 'square';
|
|
11
111
|
interface ButtonProps {
|
|
12
112
|
variant?: ButtonVariant;
|
|
13
113
|
size?: ButtonSize;
|
|
114
|
+
shape?: ButtonShape;
|
|
14
115
|
disabled?: boolean;
|
|
15
116
|
loading?: boolean;
|
|
16
117
|
fullWidth?: boolean;
|
|
@@ -18,37 +119,65 @@ interface ButtonProps {
|
|
|
18
119
|
endIcon?: ReactNode;
|
|
19
120
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
20
121
|
type?: 'button' | 'submit' | 'reset';
|
|
21
|
-
children
|
|
122
|
+
children?: ReactNode;
|
|
22
123
|
className?: string;
|
|
124
|
+
style?: CSSProperties;
|
|
23
125
|
'aria-label'?: string;
|
|
24
126
|
'aria-current'?: AriaAttributes['aria-current'];
|
|
127
|
+
'aria-pressed'?: AriaAttributes['aria-pressed'];
|
|
128
|
+
'aria-expanded'?: AriaAttributes['aria-expanded'];
|
|
129
|
+
'aria-controls'?: string;
|
|
25
130
|
}
|
|
26
131
|
|
|
27
|
-
declare const
|
|
132
|
+
declare const CloseButton: react.ForwardRefExoticComponent<CloseButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
28
133
|
|
|
29
|
-
|
|
30
|
-
interface CartButtonProps {
|
|
31
|
-
count?: number;
|
|
32
|
-
size?: CartButtonSize;
|
|
33
|
-
label?: string;
|
|
34
|
-
disabled?: boolean;
|
|
35
|
-
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
36
|
-
className?: string;
|
|
134
|
+
interface CloseButtonProps extends Omit<ButtonProps, 'startIcon' | 'endIcon' | 'children' | 'shape' | 'variant'> {
|
|
37
135
|
'aria-label'?: string;
|
|
38
136
|
}
|
|
39
137
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
138
|
+
declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
|
|
139
|
+
declare const cardVariants: CardVariant[];
|
|
140
|
+
declare const cardPaddings: CardPadding[];
|
|
141
|
+
declare const cardRoundeds: CardRounded[];
|
|
142
|
+
|
|
143
|
+
declare const ContextMenu: react.ForwardRefExoticComponent<ContextMenuProps & react.RefAttributes<HTMLDivElement>>;
|
|
144
|
+
|
|
145
|
+
interface ContextMenuItemData {
|
|
146
|
+
key: string;
|
|
147
|
+
label?: ReactNode;
|
|
148
|
+
icon?: ReactNode;
|
|
149
|
+
onClick?: () => void;
|
|
150
|
+
disabled?: boolean;
|
|
151
|
+
separator?: boolean;
|
|
152
|
+
}
|
|
153
|
+
interface ContextMenuProps extends HTMLAttributes<HTMLDivElement> {
|
|
154
|
+
items: ContextMenuItemData[];
|
|
155
|
+
children: ReactNode;
|
|
156
|
+
disabled?: boolean;
|
|
45
157
|
}
|
|
46
158
|
|
|
47
|
-
declare const
|
|
159
|
+
declare const CountryFlag: {
|
|
160
|
+
({ countryCode, size, style, ...rest }: CountryFlagProps): react_jsx_runtime.JSX.Element;
|
|
161
|
+
displayName: string;
|
|
162
|
+
};
|
|
48
163
|
|
|
49
|
-
|
|
164
|
+
type InputSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
165
|
+
|
|
166
|
+
interface CountryFlagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
167
|
+
countryCode: string;
|
|
168
|
+
size?: InputSize;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
declare const EmptyState: react.ForwardRefExoticComponent<EmptyStateProps & react.RefAttributes<HTMLDivElement>>;
|
|
172
|
+
|
|
173
|
+
interface EmptyStateProps extends HTMLAttributes<HTMLDivElement> {
|
|
174
|
+
icon?: ReactNode;
|
|
175
|
+
title: string;
|
|
176
|
+
description?: string;
|
|
177
|
+
action?: ReactNode;
|
|
178
|
+
}
|
|
50
179
|
|
|
51
|
-
|
|
180
|
+
declare const BaseInput: react.ForwardRefExoticComponent<BaseInputProps & react.RefAttributes<HTMLInputElement>>;
|
|
52
181
|
|
|
53
182
|
interface BaseInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
54
183
|
label?: string;
|
|
@@ -123,7 +252,7 @@ declare const EmailInput: react.ForwardRefExoticComponent<EmailInputProps & reac
|
|
|
123
252
|
type EmailInputProps = Omit<BaseInputProps, 'type'>;
|
|
124
253
|
|
|
125
254
|
declare const BaseSelectInput: {
|
|
126
|
-
({ options, value, placeholder, onSelect, renderTrigger, renderOption, isSelected, open: controlledOpen, onOpenChange, label, helperText, error, size, fullWidth, disabled, id, }: BaseSelectInputProps): react_jsx_runtime.JSX.Element;
|
|
255
|
+
({ options, value, placeholder, onSelect, renderTrigger, renderOption, isSelected, open: controlledOpen, onOpenChange, label, helperText, error, size, fullWidth, disabled, required, id, }: BaseSelectInputProps): react_jsx_runtime.JSX.Element;
|
|
127
256
|
displayName: string;
|
|
128
257
|
};
|
|
129
258
|
|
|
@@ -151,6 +280,7 @@ interface BaseSelectInputProps {
|
|
|
151
280
|
size?: InputSize;
|
|
152
281
|
fullWidth?: boolean;
|
|
153
282
|
disabled?: boolean;
|
|
283
|
+
required?: boolean;
|
|
154
284
|
id?: string;
|
|
155
285
|
}
|
|
156
286
|
|
|
@@ -307,78 +437,27 @@ interface DateTimePickerProps {
|
|
|
307
437
|
}
|
|
308
438
|
declare const dateTimePickerModes: DateTimePickerMode[];
|
|
309
439
|
|
|
310
|
-
type
|
|
311
|
-
type
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
declare const cardVariants: CardVariant[];
|
|
321
|
-
declare const cardPaddings: CardPadding[];
|
|
322
|
-
declare const cardRoundeds: CardRounded[];
|
|
323
|
-
|
|
324
|
-
declare const variantStyles: {
|
|
325
|
-
default: (theme: Theme) => CSSObject;
|
|
326
|
-
secondary: (theme: Theme) => CSSObject;
|
|
327
|
-
outline: (theme: Theme) => CSSObject;
|
|
328
|
-
destructive: (theme: Theme) => CSSObject;
|
|
329
|
-
success: (theme: Theme) => CSSObject;
|
|
330
|
-
ghost: (theme: Theme) => CSSObject;
|
|
331
|
-
warning: (theme: Theme) => CSSObject;
|
|
332
|
-
promo: (theme: Theme) => CSSObject;
|
|
333
|
-
};
|
|
334
|
-
type BadgeVariant = keyof typeof variantStyles;
|
|
335
|
-
declare const badgeVariants: BadgeVariant[];
|
|
336
|
-
|
|
337
|
-
declare function Badge({ variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
338
|
-
|
|
339
|
-
interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
340
|
-
variant?: BadgeVariant;
|
|
341
|
-
}
|
|
342
|
-
|
|
343
|
-
declare function Avatar({ initials, size, color, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
344
|
-
declare const avatarSizes: AvatarSize[];
|
|
345
|
-
declare const avatarColors: AvatarColor[];
|
|
346
|
-
|
|
347
|
-
type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
348
|
-
type AvatarColor = 'primary' | 'secondary' | 'muted';
|
|
349
|
-
interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
350
|
-
initials: string;
|
|
351
|
-
size?: AvatarSize;
|
|
352
|
-
color?: AvatarColor;
|
|
353
|
-
}
|
|
354
|
-
|
|
355
|
-
declare const CountryFlag: {
|
|
356
|
-
({ countryCode, size, style, ...rest }: CountryFlagProps): react_jsx_runtime.JSX.Element;
|
|
357
|
-
displayName: string;
|
|
358
|
-
};
|
|
359
|
-
|
|
360
|
-
interface CountryFlagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
361
|
-
countryCode: string;
|
|
362
|
-
size?: InputSize;
|
|
440
|
+
type ListSize = 'sm' | 'md' | 'lg';
|
|
441
|
+
type ListVariant = 'default' | 'bordered' | 'separated';
|
|
442
|
+
interface ListItemData {
|
|
443
|
+
key: string;
|
|
444
|
+
primary: ReactNode;
|
|
445
|
+
secondary?: ReactNode;
|
|
446
|
+
prefixIcon?: ReactNode;
|
|
447
|
+
suffixAction?: ReactNode;
|
|
448
|
+
disabled?: boolean;
|
|
449
|
+
onClick?: () => void;
|
|
363
450
|
}
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
interface SectionHeadingProps extends HTMLAttributes<HTMLDivElement> {
|
|
370
|
-
title: string;
|
|
371
|
-
description?: string;
|
|
372
|
-
align?: SectionHeadingAlign;
|
|
373
|
-
as?: 'h1' | 'h2' | 'h3';
|
|
451
|
+
interface ListProps extends HTMLAttributes<HTMLUListElement> {
|
|
452
|
+
items: ListItemData[];
|
|
453
|
+
size?: ListSize;
|
|
454
|
+
variant?: ListVariant;
|
|
455
|
+
dividers?: boolean;
|
|
374
456
|
}
|
|
375
457
|
|
|
376
|
-
declare
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
interface SeparatorProps extends HTMLAttributes<HTMLHRElement> {
|
|
380
|
-
orientation?: SeparatorOrientation;
|
|
381
|
-
}
|
|
458
|
+
declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLUListElement>>;
|
|
459
|
+
declare const listVariants: ListVariant[];
|
|
460
|
+
declare const listSizes: ListSize[];
|
|
382
461
|
|
|
383
462
|
declare function Skeleton({ variant, width, height, lines, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
384
463
|
declare const skeletonVariants: SkeletonVariant[];
|
|
@@ -440,649 +519,553 @@ interface ProgressCircleProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
440
519
|
children?: React.ReactNode;
|
|
441
520
|
}
|
|
442
521
|
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
type ResponsiveValue<T> = T | {
|
|
447
|
-
[K in Breakpoint]?: T;
|
|
448
|
-
};
|
|
449
|
-
interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
450
|
-
direction?: ResponsiveValue<'row' | 'col'>;
|
|
451
|
-
wrap?: ResponsiveValue<'wrap' | 'nowrap'>;
|
|
452
|
-
gap?: ResponsiveValue<GapValue>;
|
|
453
|
-
cols?: ResponsiveValue<GridValue>;
|
|
454
|
-
rows?: ResponsiveValue<GridValue>;
|
|
455
|
-
}
|
|
456
|
-
|
|
457
|
-
declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
|
|
458
|
-
|
|
459
|
-
declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
|
|
522
|
+
declare const Marquee: react.ForwardRefExoticComponent<MarqueeProps & react.RefAttributes<HTMLDivElement>>;
|
|
523
|
+
declare const marqueeDirections: MarqueeDirection[];
|
|
524
|
+
declare const marqueeSpeeds: MarqueeSpeed[];
|
|
460
525
|
|
|
461
|
-
type
|
|
462
|
-
|
|
463
|
-
|
|
526
|
+
type MarqueeDirection = 'left' | 'right';
|
|
527
|
+
type MarqueeSpeed = 'slow' | 'normal' | 'fast';
|
|
528
|
+
interface MarqueeProps extends HTMLAttributes<HTMLDivElement> {
|
|
529
|
+
children: ReactNode;
|
|
530
|
+
direction?: MarqueeDirection;
|
|
531
|
+
speed?: MarqueeSpeed;
|
|
532
|
+
pauseOnHover?: boolean;
|
|
533
|
+
gap?: string | number;
|
|
464
534
|
}
|
|
465
535
|
|
|
466
|
-
declare
|
|
467
|
-
|
|
468
|
-
type SectionProps = HTMLAttributes<HTMLElement>;
|
|
469
|
-
|
|
470
|
-
type MainProps = HTMLAttributes<HTMLElement>;
|
|
471
|
-
|
|
472
|
-
declare const Main: react.ForwardRefExoticComponent<MainProps & react.RefAttributes<HTMLElement>>;
|
|
536
|
+
declare function Modal({ open, onClose, title, children, footer, size, closeOnBackdrop, hideCloseButton, }: ModalProps): react.ReactPortal | null;
|
|
537
|
+
declare const modalSizes: ModalSize[];
|
|
473
538
|
|
|
474
|
-
|
|
539
|
+
type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
540
|
+
interface ModalProps {
|
|
541
|
+
open: boolean;
|
|
542
|
+
onClose: () => void;
|
|
543
|
+
title?: ReactNode;
|
|
544
|
+
children?: ReactNode;
|
|
545
|
+
footer?: ReactNode;
|
|
546
|
+
size?: ModalSize;
|
|
547
|
+
closeOnBackdrop?: boolean;
|
|
548
|
+
hideCloseButton?: boolean;
|
|
549
|
+
}
|
|
475
550
|
|
|
476
|
-
|
|
551
|
+
declare function SectionHeading({ title, description, align, as, ...props }: SectionHeadingProps): react_jsx_runtime.JSX.Element;
|
|
552
|
+
declare const sectionHeadingAligns: SectionHeadingAlign[];
|
|
477
553
|
|
|
478
|
-
|
|
554
|
+
type SectionHeadingAlign = 'center' | 'left' | 'right';
|
|
555
|
+
interface SectionHeadingProps extends HTMLAttributes<HTMLDivElement> {
|
|
556
|
+
title: string;
|
|
557
|
+
description?: string;
|
|
558
|
+
align?: SectionHeadingAlign;
|
|
559
|
+
as?: 'h1' | 'h2' | 'h3';
|
|
560
|
+
}
|
|
479
561
|
|
|
480
|
-
|
|
562
|
+
declare function Separator({ orientation, ...rest }: SeparatorProps): react_jsx_runtime.JSX.Element;
|
|
481
563
|
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
imageAlt?: string;
|
|
486
|
-
count?: number;
|
|
487
|
-
href?: string;
|
|
564
|
+
type SeparatorOrientation = 'horizontal' | 'vertical';
|
|
565
|
+
interface SeparatorProps extends HTMLAttributes<HTMLHRElement> {
|
|
566
|
+
orientation?: SeparatorOrientation;
|
|
488
567
|
}
|
|
489
568
|
|
|
490
|
-
declare
|
|
569
|
+
declare function Sheet({ open, onClose, title, children, footer, position, size, closeOnBackdrop, hideCloseButton, }: SheetProps): react.ReactPortal | null;
|
|
570
|
+
declare const sheetPositions: SheetPosition[];
|
|
571
|
+
declare const sheetSizes: SheetSize[];
|
|
491
572
|
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
573
|
+
type SheetPosition = 'left' | 'right' | 'top' | 'bottom';
|
|
574
|
+
type SheetSize = 'sm' | 'md' | 'lg' | 'full';
|
|
575
|
+
interface SheetProps {
|
|
576
|
+
open: boolean;
|
|
577
|
+
onClose: () => void;
|
|
578
|
+
title?: ReactNode;
|
|
579
|
+
children?: ReactNode;
|
|
580
|
+
footer?: ReactNode;
|
|
581
|
+
position?: SheetPosition;
|
|
582
|
+
size?: SheetSize;
|
|
583
|
+
closeOnBackdrop?: boolean;
|
|
584
|
+
hideCloseButton?: boolean;
|
|
495
585
|
}
|
|
496
586
|
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
587
|
+
type TabsVariant = 'underline' | 'pills' | 'bordered';
|
|
588
|
+
interface TabItem {
|
|
589
|
+
key: string;
|
|
590
|
+
label: ReactNode;
|
|
591
|
+
content: ReactNode;
|
|
592
|
+
disabled?: boolean;
|
|
593
|
+
}
|
|
594
|
+
interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
595
|
+
tabs: TabItem[];
|
|
596
|
+
defaultActiveKey?: string;
|
|
597
|
+
activeKey?: string;
|
|
598
|
+
onChange?: (key: string) => void;
|
|
599
|
+
variant?: TabsVariant;
|
|
506
600
|
}
|
|
507
601
|
|
|
508
|
-
declare const
|
|
509
|
-
|
|
510
|
-
displayName: string;
|
|
511
|
-
};
|
|
602
|
+
declare const Tabs: react.ForwardRefExoticComponent<TabsProps & react.RefAttributes<HTMLDivElement>>;
|
|
603
|
+
declare const tabsVariants: TabsVariant[];
|
|
512
604
|
|
|
513
|
-
declare
|
|
605
|
+
declare function CookieConsent({ open, title, description, categories, acceptAllLabel, rejectLabel, manageLabel, saveLabel, onAcceptAll, onRejectAll, onSave, privacyPolicyLabel, privacyPolicyHref, }: CookieConsentProps): react.ReactPortal | null;
|
|
606
|
+
declare const defaultCookieCategories: CookieCategory[];
|
|
514
607
|
|
|
515
|
-
interface
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
608
|
+
interface CookieCategory {
|
|
609
|
+
id: string;
|
|
610
|
+
label: string;
|
|
611
|
+
description: string;
|
|
612
|
+
required?: boolean;
|
|
613
|
+
defaultEnabled?: boolean;
|
|
614
|
+
}
|
|
615
|
+
interface CookiePreferences {
|
|
616
|
+
[categoryId: string]: boolean;
|
|
617
|
+
}
|
|
618
|
+
interface CookieConsentProps {
|
|
619
|
+
open: boolean;
|
|
620
|
+
title?: string;
|
|
621
|
+
description?: string;
|
|
622
|
+
categories?: CookieCategory[];
|
|
623
|
+
acceptAllLabel?: string;
|
|
624
|
+
rejectLabel?: string;
|
|
625
|
+
manageLabel?: string;
|
|
626
|
+
saveLabel?: string;
|
|
627
|
+
onAcceptAll?: () => void;
|
|
628
|
+
onRejectAll?: () => void;
|
|
629
|
+
onSave?: (preferences: CookiePreferences) => void;
|
|
630
|
+
privacyPolicyLabel?: string;
|
|
631
|
+
privacyPolicyHref?: string;
|
|
524
632
|
}
|
|
525
633
|
|
|
526
|
-
declare const
|
|
634
|
+
declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
527
635
|
|
|
528
|
-
interface
|
|
636
|
+
interface CommentAuthor {
|
|
529
637
|
name: string;
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
price: number;
|
|
533
|
-
originalPrice: number;
|
|
534
|
-
currency?: string;
|
|
535
|
-
locale?: string;
|
|
536
|
-
dealEndsAt?: string;
|
|
537
|
-
ctaLabel?: string;
|
|
538
|
-
onAddToCart?: () => void;
|
|
638
|
+
avatarUrl?: string;
|
|
639
|
+
isPostAuthor?: boolean;
|
|
539
640
|
}
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
title: string;
|
|
547
|
-
excerpt?: string;
|
|
548
|
-
imageUrl?: string;
|
|
549
|
-
imageAlt?: string;
|
|
550
|
-
date?: string;
|
|
551
|
-
author?: string;
|
|
552
|
-
href?: string;
|
|
553
|
-
category?: string;
|
|
554
|
-
categoryBadgeVariant?: BadgeVariant;
|
|
555
|
-
variant?: PostCardVariant;
|
|
556
|
-
cardVariant?: CardVariant;
|
|
641
|
+
interface CommentItem {
|
|
642
|
+
id: string;
|
|
643
|
+
author: CommentAuthor;
|
|
644
|
+
date: string;
|
|
645
|
+
content: string;
|
|
646
|
+
replies?: CommentItem[];
|
|
557
647
|
}
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
type AspectRatioPreset = '1/1' | '4/3' | '3/2' | '16/9' | '21/9' | '9/16' | '3/4' | '2/3';
|
|
565
|
-
interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
|
|
566
|
-
ratio?: AspectRatioPreset | number;
|
|
567
|
-
children?: ReactNode;
|
|
648
|
+
interface CommentCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
649
|
+
comment: CommentItem;
|
|
650
|
+
depth?: number;
|
|
651
|
+
onReply?: (commentId: string) => void;
|
|
652
|
+
onShare?: (commentId: string) => void;
|
|
568
653
|
}
|
|
569
654
|
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
aspectRatio?: AspectRatioPreset | number;
|
|
574
|
-
overlay?: boolean;
|
|
575
|
-
className?: string;
|
|
576
|
-
style?: CSSProperties;
|
|
655
|
+
declare function CommentMeta({ author, date }: CommentMetaProps): react_jsx_runtime.JSX.Element;
|
|
656
|
+
declare namespace CommentMeta {
|
|
657
|
+
var displayName: string;
|
|
577
658
|
}
|
|
578
659
|
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
};
|
|
583
|
-
|
|
584
|
-
interface PostCardMetaProps {
|
|
585
|
-
date?: string;
|
|
586
|
-
author?: string;
|
|
587
|
-
locale?: string;
|
|
588
|
-
inverted?: boolean;
|
|
660
|
+
interface CommentMetaProps {
|
|
661
|
+
author: CommentAuthor;
|
|
662
|
+
date: string;
|
|
589
663
|
}
|
|
590
664
|
|
|
591
|
-
declare
|
|
665
|
+
declare function CommentBody({ content }: CommentBodyProps): react_jsx_runtime.JSX.Element;
|
|
666
|
+
declare namespace CommentBody {
|
|
667
|
+
var displayName: string;
|
|
668
|
+
}
|
|
592
669
|
|
|
593
|
-
interface
|
|
594
|
-
|
|
595
|
-
included?: boolean;
|
|
670
|
+
interface CommentBodyProps {
|
|
671
|
+
content: string;
|
|
596
672
|
}
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
period?: string;
|
|
602
|
-
description?: string;
|
|
603
|
-
features?: PricingFeature[];
|
|
604
|
-
ctaLabel?: string;
|
|
605
|
-
ctaVariant?: ButtonVariant;
|
|
606
|
-
onCtaClick?: () => void;
|
|
607
|
-
href?: string;
|
|
608
|
-
popular?: boolean;
|
|
609
|
-
popularLabel?: string;
|
|
610
|
-
popularBadgeVariant?: BadgeVariant;
|
|
611
|
-
cardVariant?: CardVariant;
|
|
673
|
+
|
|
674
|
+
declare function CommentActions({ commentId, onReply, onShare }: CommentActionsProps): react_jsx_runtime.JSX.Element;
|
|
675
|
+
declare namespace CommentActions {
|
|
676
|
+
var displayName: string;
|
|
612
677
|
}
|
|
613
678
|
|
|
614
|
-
interface
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
679
|
+
interface CommentActionsProps {
|
|
680
|
+
commentId: string;
|
|
681
|
+
onReply?: (commentId: string) => void;
|
|
682
|
+
onShare?: (commentId: string) => void;
|
|
618
683
|
}
|
|
619
684
|
|
|
620
|
-
declare const
|
|
621
|
-
({ price, currency, period }: PricingCardPriceProps): react_jsx_runtime.JSX.Element;
|
|
622
|
-
displayName: string;
|
|
623
|
-
};
|
|
685
|
+
declare const CommentSection: react.ForwardRefExoticComponent<CommentSectionProps & react.RefAttributes<HTMLElement>>;
|
|
624
686
|
|
|
625
|
-
|
|
626
|
-
|
|
687
|
+
type ContainerMaxWidth = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
|
688
|
+
interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
689
|
+
maxWidth?: ContainerMaxWidth;
|
|
627
690
|
}
|
|
628
691
|
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
692
|
+
interface CommentSectionProps extends HTMLAttributes<HTMLElement> {
|
|
693
|
+
title?: string;
|
|
694
|
+
comments: CommentItem[];
|
|
695
|
+
maxWidth?: ContainerMaxWidth;
|
|
696
|
+
onShare?: (commentId: string) => void;
|
|
697
|
+
onReply?: (commentId: string) => void;
|
|
698
|
+
}
|
|
633
699
|
|
|
634
|
-
declare const
|
|
700
|
+
declare const FaqItem: react.ForwardRefExoticComponent<FaqItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
635
701
|
|
|
636
|
-
interface
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
imageAlt?: string;
|
|
640
|
-
price: number;
|
|
641
|
-
originalPrice?: number;
|
|
642
|
-
currency?: string;
|
|
643
|
-
locale?: string;
|
|
644
|
-
lowestPrice?: number;
|
|
645
|
-
badge?: string;
|
|
646
|
-
badgeVariant?: BadgeVariant;
|
|
647
|
-
imageRatio?: AspectRatioPreset | number;
|
|
648
|
-
rating?: number;
|
|
649
|
-
reviewCount?: number;
|
|
650
|
-
ctaLabel?: string;
|
|
651
|
-
onAddToCart?: () => void;
|
|
652
|
-
buttonVariant?: ButtonVariant;
|
|
653
|
-
disabledButton?: boolean;
|
|
654
|
-
hideButton?: boolean;
|
|
702
|
+
interface FaqItemData {
|
|
703
|
+
question: string;
|
|
704
|
+
answer: string;
|
|
655
705
|
}
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
alt?: string;
|
|
660
|
-
badge?: string;
|
|
661
|
-
badgeVariant?: BadgeVariant;
|
|
706
|
+
interface FaqItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
707
|
+
item: FaqItemData;
|
|
708
|
+
defaultOpen?: boolean;
|
|
662
709
|
}
|
|
663
710
|
|
|
664
|
-
declare const
|
|
665
|
-
({ src, alt, badge, badgeVariant, }: ProductCardImageProps): react_jsx_runtime.JSX.Element;
|
|
666
|
-
displayName: string;
|
|
667
|
-
};
|
|
668
|
-
|
|
669
|
-
declare const ProductCardHorizontal: react.ForwardRefExoticComponent<ProductCardHorizontalProps & react.RefAttributes<HTMLDivElement>>;
|
|
711
|
+
declare const FaqSection: react.ForwardRefExoticComponent<FaqSectionProps & react.RefAttributes<HTMLElement>>;
|
|
670
712
|
|
|
671
|
-
interface
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
locale?: string;
|
|
679
|
-
lowestPrice?: number;
|
|
680
|
-
badge?: string;
|
|
681
|
-
badgeVariant?: BadgeVariant;
|
|
682
|
-
rating?: number;
|
|
683
|
-
reviewCount?: number;
|
|
684
|
-
ctaLabel?: string;
|
|
685
|
-
onAddToCart?: () => void;
|
|
713
|
+
interface FaqSectionProps extends HTMLAttributes<HTMLElement> {
|
|
714
|
+
title?: string;
|
|
715
|
+
description?: string;
|
|
716
|
+
items: FaqItemData[];
|
|
717
|
+
headingAlign?: SectionHeadingAlign;
|
|
718
|
+
maxWidth?: ContainerMaxWidth;
|
|
719
|
+
defaultOpenIndex?: number;
|
|
686
720
|
}
|
|
687
721
|
|
|
688
|
-
declare const
|
|
722
|
+
declare const FeatureItem: react.ForwardRefExoticComponent<FeatureItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
689
723
|
|
|
690
|
-
interface
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
description
|
|
724
|
+
interface Feature {
|
|
725
|
+
icon?: ReactNode;
|
|
726
|
+
title: string;
|
|
727
|
+
description: string;
|
|
694
728
|
}
|
|
695
|
-
interface
|
|
696
|
-
|
|
729
|
+
interface FeatureItemProps extends HTMLAttributes<HTMLDivElement> {
|
|
730
|
+
feature: Feature;
|
|
697
731
|
cardVariant?: CardVariant;
|
|
698
|
-
|
|
732
|
+
layout?: 'card' | 'icon-left';
|
|
699
733
|
}
|
|
700
734
|
|
|
701
|
-
declare const
|
|
735
|
+
declare const FeatureGrid: react.ForwardRefExoticComponent<FeatureGridProps & react.RefAttributes<HTMLElement>>;
|
|
736
|
+
declare const featureGridColumns: FeatureGridColumns[];
|
|
702
737
|
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
}
|
|
711
|
-
interface TeamMemberCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
712
|
-
member: TeamMember;
|
|
738
|
+
type FeatureGridColumns = 2 | 3 | 4;
|
|
739
|
+
interface FeatureGridProps extends HTMLAttributes<HTMLElement> {
|
|
740
|
+
title?: string;
|
|
741
|
+
description?: string;
|
|
742
|
+
features: Feature[];
|
|
743
|
+
headingAlign?: SectionHeadingAlign;
|
|
744
|
+
columns?: FeatureGridColumns;
|
|
713
745
|
cardVariant?: CardVariant;
|
|
746
|
+
itemLayout?: FeatureItemProps['layout'];
|
|
747
|
+
maxWidth?: ContainerMaxWidth;
|
|
714
748
|
}
|
|
715
749
|
|
|
716
|
-
|
|
750
|
+
declare const LogoTile: react.ForwardRefExoticComponent<LogoTileProps & react.RefAttributes<HTMLElement>>;
|
|
751
|
+
declare const logoTileVariants: LogoTileVariant[];
|
|
752
|
+
|
|
753
|
+
interface LogoTileItem {
|
|
717
754
|
name: string;
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
755
|
+
logoUrl?: string;
|
|
756
|
+
logoAlt?: string;
|
|
757
|
+
href?: string;
|
|
758
|
+
width?: number | string;
|
|
759
|
+
height?: number | string;
|
|
760
|
+
}
|
|
761
|
+
type LogoTileVariant = 'plain' | 'boxed';
|
|
762
|
+
interface LogoTileProps extends HTMLAttributes<HTMLElement> {
|
|
763
|
+
logo: LogoTileItem;
|
|
764
|
+
variant?: LogoTileVariant;
|
|
765
|
+
monochrome?: boolean;
|
|
766
|
+
logoHeight?: number | string;
|
|
722
767
|
}
|
|
723
768
|
|
|
724
|
-
declare const
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
769
|
+
declare const LogoCloud: react.ForwardRefExoticComponent<LogoCloudProps & react.RefAttributes<HTMLElement>>;
|
|
770
|
+
declare const Partners: react.ForwardRefExoticComponent<LogoCloudProps & react.RefAttributes<HTMLElement>>;
|
|
771
|
+
declare const logoCloudColumns: LogoCloudColumns[];
|
|
772
|
+
declare const logoCloudVariants: LogoCloudVariant[];
|
|
728
773
|
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
774
|
+
type LogoCloudColumns = 3 | 4 | 5 | 6;
|
|
775
|
+
type LogoCloudVariant = LogoTileVariant;
|
|
776
|
+
interface LogoCloudProps extends HTMLAttributes<HTMLElement> {
|
|
777
|
+
title?: string;
|
|
778
|
+
description?: string;
|
|
779
|
+
logos: LogoTileItem[];
|
|
780
|
+
headingAlign?: SectionHeadingAlign;
|
|
781
|
+
columns?: LogoCloudColumns;
|
|
782
|
+
variant?: LogoCloudVariant;
|
|
783
|
+
monochrome?: boolean;
|
|
784
|
+
logoHeight?: number | string;
|
|
785
|
+
maxWidth?: ContainerMaxWidth;
|
|
732
786
|
}
|
|
733
787
|
|
|
734
|
-
declare const
|
|
735
|
-
({ name, role }: TeamMemberInfoProps): react_jsx_runtime.JSX.Element;
|
|
736
|
-
displayName: string;
|
|
737
|
-
};
|
|
738
|
-
|
|
739
|
-
declare const TestimonialCard: react.ForwardRefExoticComponent<TestimonialCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
788
|
+
declare const NewsletterSection: react.ForwardRefExoticComponent<NewsletterSectionProps & react.RefAttributes<HTMLElement>>;
|
|
740
789
|
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
790
|
+
type NewsletterLayout = 'centered' | 'split';
|
|
791
|
+
interface NewsletterSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'onSubmit'> {
|
|
792
|
+
title?: string;
|
|
793
|
+
description?: string;
|
|
794
|
+
inputPlaceholder?: string;
|
|
795
|
+
submitLabel?: string;
|
|
796
|
+
successMessage?: string;
|
|
797
|
+
privacyNote?: string;
|
|
798
|
+
headingAlign?: SectionHeadingAlign;
|
|
799
|
+
layout?: NewsletterLayout;
|
|
751
800
|
cardVariant?: CardVariant;
|
|
801
|
+
maxWidth?: ContainerMaxWidth;
|
|
802
|
+
onSubmit?: (email: string, event: FormEvent<HTMLFormElement>) => void;
|
|
752
803
|
}
|
|
804
|
+
declare const newsletterLayouts: NewsletterLayout[];
|
|
753
805
|
|
|
754
|
-
|
|
755
|
-
quote: string;
|
|
756
|
-
}
|
|
757
|
-
|
|
758
|
-
declare const TestimonialQuote: {
|
|
759
|
-
({ quote }: TestimonialQuoteProps): react_jsx_runtime.JSX.Element;
|
|
760
|
-
displayName: string;
|
|
761
|
-
};
|
|
806
|
+
declare const PostCard: react.ForwardRefExoticComponent<PostCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
762
807
|
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
808
|
+
type PostCardVariant = 'vertical' | 'horizontal' | 'featured' | 'compact';
|
|
809
|
+
declare const postCardVariants: PostCardVariant[];
|
|
810
|
+
interface PostCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
811
|
+
title: string;
|
|
812
|
+
excerpt?: string;
|
|
813
|
+
imageUrl?: string;
|
|
814
|
+
imageAlt?: string;
|
|
815
|
+
date?: string;
|
|
816
|
+
author?: string;
|
|
817
|
+
href?: string;
|
|
818
|
+
category?: string;
|
|
819
|
+
categoryBadgeVariant?: BadgeVariant;
|
|
820
|
+
variant?: PostCardVariant;
|
|
821
|
+
cardVariant?: CardVariant;
|
|
768
822
|
}
|
|
769
823
|
|
|
770
|
-
declare const
|
|
771
|
-
({
|
|
824
|
+
declare const PostCardImage: {
|
|
825
|
+
({ src, alt, aspectRatio, overlay, className, style, }: PostCardImageProps): react_jsx_runtime.JSX.Element;
|
|
772
826
|
displayName: string;
|
|
773
827
|
};
|
|
774
828
|
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
expiresAt?: string;
|
|
780
|
-
copied?: boolean;
|
|
781
|
-
onCopy?: (code: string) => void;
|
|
829
|
+
type AspectRatioPreset = '1/1' | '4/3' | '3/2' | '16/9' | '21/9' | '9/16' | '3/4' | '2/3';
|
|
830
|
+
interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
|
|
831
|
+
ratio?: AspectRatioPreset | number;
|
|
832
|
+
children?: ReactNode;
|
|
782
833
|
}
|
|
783
834
|
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
interface CompareProduct {
|
|
790
|
-
id: string;
|
|
791
|
-
name: string;
|
|
792
|
-
imageUrl?: string;
|
|
793
|
-
price: string;
|
|
794
|
-
specs: Record<string, CompareSpecValue>;
|
|
795
|
-
}
|
|
796
|
-
interface CompareToolProps {
|
|
797
|
-
products: CompareProduct[];
|
|
798
|
-
specLabels?: Record<string, string>;
|
|
799
|
-
onRemove?: (id: string) => void;
|
|
800
|
-
highlightDifferences?: boolean;
|
|
835
|
+
interface PostCardImageProps {
|
|
836
|
+
src?: string;
|
|
837
|
+
alt?: string;
|
|
838
|
+
aspectRatio?: AspectRatioPreset | number;
|
|
839
|
+
overlay?: boolean;
|
|
801
840
|
className?: string;
|
|
841
|
+
style?: CSSProperties;
|
|
802
842
|
}
|
|
803
843
|
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
label?: string;
|
|
809
|
-
expiredLabel?: string;
|
|
810
|
-
onExpire?: () => void;
|
|
811
|
-
}
|
|
844
|
+
declare const PostCardMeta: {
|
|
845
|
+
({ date, author, locale, inverted, }: PostCardMetaProps): react_jsx_runtime.JSX.Element | null;
|
|
846
|
+
displayName: string;
|
|
847
|
+
};
|
|
812
848
|
|
|
813
|
-
|
|
814
|
-
|
|
849
|
+
interface PostCardMetaProps {
|
|
850
|
+
date?: string;
|
|
851
|
+
author?: string;
|
|
852
|
+
locale?: string;
|
|
853
|
+
inverted?: boolean;
|
|
854
|
+
}
|
|
815
855
|
|
|
816
|
-
declare
|
|
856
|
+
declare const PricingCard: react.ForwardRefExoticComponent<PricingCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
817
857
|
|
|
818
|
-
interface
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
onApply: (code: string) => void;
|
|
822
|
-
onRemove?: () => void;
|
|
823
|
-
appliedCode?: string;
|
|
824
|
-
placeholder?: string;
|
|
825
|
-
applyLabel?: string;
|
|
826
|
-
removeLabel?: string;
|
|
827
|
-
loading?: boolean;
|
|
828
|
-
disabled?: boolean;
|
|
829
|
-
error?: string;
|
|
830
|
-
successMessage?: string;
|
|
831
|
-
className?: string;
|
|
858
|
+
interface PricingFeature {
|
|
859
|
+
text: string;
|
|
860
|
+
included?: boolean;
|
|
832
861
|
}
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
862
|
+
interface PricingCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
863
|
+
name: string;
|
|
864
|
+
price: string | number;
|
|
865
|
+
currency?: string;
|
|
866
|
+
period?: string;
|
|
837
867
|
description?: string;
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
868
|
+
features?: PricingFeature[];
|
|
869
|
+
ctaLabel?: string;
|
|
870
|
+
ctaVariant?: ButtonVariant;
|
|
871
|
+
onCtaClick?: () => void;
|
|
872
|
+
href?: string;
|
|
873
|
+
popular?: boolean;
|
|
874
|
+
popularLabel?: string;
|
|
875
|
+
popularBadgeVariant?: BadgeVariant;
|
|
876
|
+
cardVariant?: CardVariant;
|
|
846
877
|
}
|
|
847
878
|
|
|
848
|
-
declare const
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
879
|
+
declare const PricingCardPrice: {
|
|
880
|
+
({ price, currency, period }: PricingCardPriceProps): react_jsx_runtime.JSX.Element;
|
|
881
|
+
displayName: string;
|
|
882
|
+
};
|
|
852
883
|
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
price: number;
|
|
856
|
-
originalPrice?: number;
|
|
884
|
+
interface PricingCardPriceProps {
|
|
885
|
+
price: string | number;
|
|
857
886
|
currency?: string;
|
|
858
|
-
|
|
859
|
-
size?: PriceSize;
|
|
860
|
-
showDiscountBadge?: boolean;
|
|
861
|
-
/** Najniższa cena z ostatnich 30 dni (dyrektywa Omnibus). Wartość liczbowa. */
|
|
862
|
-
lowestPrice?: number;
|
|
863
|
-
/** Override etykiety omnibus. */
|
|
864
|
-
omnibusLabel?: string;
|
|
887
|
+
period?: string;
|
|
865
888
|
}
|
|
866
889
|
|
|
867
|
-
declare const
|
|
890
|
+
declare const PricingCardFeatureList: {
|
|
891
|
+
({ features }: PricingCardFeatureListProps): react_jsx_runtime.JSX.Element;
|
|
892
|
+
displayName: string;
|
|
893
|
+
};
|
|
868
894
|
|
|
869
|
-
interface
|
|
870
|
-
|
|
871
|
-
alt: string;
|
|
872
|
-
}
|
|
873
|
-
interface ProductGalleryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect'> {
|
|
874
|
-
images: ProductGalleryImage[];
|
|
875
|
-
selectedIndex?: number;
|
|
876
|
-
onSelect?: (index: number) => void;
|
|
877
|
-
imageRatio?: AspectRatioPreset | number;
|
|
895
|
+
interface PricingCardFeatureListProps {
|
|
896
|
+
features: PricingFeature[];
|
|
878
897
|
}
|
|
879
898
|
|
|
880
|
-
declare
|
|
881
|
-
declare const promoStripVariants: PromoStripVariant[];
|
|
899
|
+
declare function PricingSection({ title, description, plans, ...props }: PricingSectionProps): react_jsx_runtime.JSX.Element;
|
|
882
900
|
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
href?: string;
|
|
888
|
-
variant?: PromoStripVariant;
|
|
901
|
+
interface PricingSectionProps extends HTMLAttributes<HTMLElement> {
|
|
902
|
+
title?: string;
|
|
903
|
+
description?: string;
|
|
904
|
+
plans: PricingCardProps[];
|
|
889
905
|
}
|
|
890
906
|
|
|
891
|
-
declare const
|
|
892
|
-
|
|
893
|
-
interface QuantitySelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
894
|
-
value: number;
|
|
895
|
-
min?: number;
|
|
896
|
-
max?: number;
|
|
897
|
-
step?: number;
|
|
898
|
-
disabled?: boolean;
|
|
899
|
-
onChange?: (value: number) => void;
|
|
900
|
-
}
|
|
907
|
+
declare const ProcessStep: react.ForwardRefExoticComponent<ProcessStepProps & react.RefAttributes<HTMLDivElement>>;
|
|
901
908
|
|
|
902
|
-
interface
|
|
903
|
-
|
|
904
|
-
|
|
909
|
+
interface ProcessStepProps extends HTMLAttributes<HTMLDivElement> {
|
|
910
|
+
step: number;
|
|
911
|
+
title: string;
|
|
905
912
|
description?: string;
|
|
906
|
-
price: string;
|
|
907
|
-
estimatedDays?: string;
|
|
908
913
|
icon?: ReactNode;
|
|
909
914
|
}
|
|
910
|
-
interface ShippingSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
911
|
-
options: ShippingOption[];
|
|
912
|
-
value?: string;
|
|
913
|
-
onChange?: (id: string) => void;
|
|
914
|
-
label?: string;
|
|
915
|
-
disabled?: boolean;
|
|
916
|
-
}
|
|
917
915
|
|
|
918
|
-
declare
|
|
916
|
+
declare function ProcessSection({ title, description, steps, ...props }: ProcessSectionProps): react_jsx_runtime.JSX.Element;
|
|
919
917
|
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
918
|
+
interface ProcessSectionStep {
|
|
919
|
+
title: string;
|
|
920
|
+
description?: string;
|
|
921
|
+
icon?: ReactNode;
|
|
924
922
|
}
|
|
925
|
-
interface
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
sortValue?: string;
|
|
930
|
-
onSortChange?: (value: string) => void;
|
|
931
|
-
viewMode?: ViewMode;
|
|
932
|
-
onViewModeChange?: (mode: ViewMode) => void;
|
|
933
|
-
showViewToggle?: boolean;
|
|
923
|
+
interface ProcessSectionProps extends HTMLAttributes<HTMLElement> {
|
|
924
|
+
title?: string;
|
|
925
|
+
description?: string;
|
|
926
|
+
steps: ProcessSectionStep[];
|
|
934
927
|
}
|
|
935
928
|
|
|
936
|
-
declare const
|
|
937
|
-
|
|
938
|
-
declare const StockStatus: react.ForwardRefExoticComponent<StockStatusProps & react.RefAttributes<HTMLDivElement>>;
|
|
939
|
-
declare const stockStatusValues: StockStatusValue[];
|
|
929
|
+
declare const Rating: react.ForwardRefExoticComponent<RatingProps & react.RefAttributes<HTMLDivElement>>;
|
|
940
930
|
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
931
|
+
interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
932
|
+
value: number;
|
|
933
|
+
max?: number;
|
|
934
|
+
readonly?: boolean;
|
|
935
|
+
size?: 'sm' | 'md' | 'lg';
|
|
945
936
|
label?: string;
|
|
946
|
-
|
|
947
|
-
|
|
937
|
+
count?: number;
|
|
938
|
+
onChange?: (value: number) => void;
|
|
948
939
|
}
|
|
949
940
|
|
|
950
|
-
|
|
951
|
-
|
|
941
|
+
declare const StatCard: react.ForwardRefExoticComponent<StatCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
942
|
+
|
|
943
|
+
interface StatItem {
|
|
952
944
|
value: string;
|
|
953
945
|
label: string;
|
|
954
|
-
|
|
955
|
-
disabled?: boolean;
|
|
946
|
+
description?: string;
|
|
956
947
|
}
|
|
957
|
-
interface
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
onChange?: (value: string) => void;
|
|
962
|
-
mode?: VariantSelectorMode;
|
|
963
|
-
disabled?: boolean;
|
|
948
|
+
interface StatCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
949
|
+
stat: StatItem;
|
|
950
|
+
cardVariant?: CardVariant;
|
|
951
|
+
align?: 'left' | 'center';
|
|
964
952
|
}
|
|
965
953
|
|
|
966
|
-
declare const
|
|
967
|
-
declare const
|
|
954
|
+
declare const StatsSection: react.ForwardRefExoticComponent<StatsSectionProps & react.RefAttributes<HTMLElement>>;
|
|
955
|
+
declare const statsSectionColumns: StatsSectionColumns[];
|
|
968
956
|
|
|
969
|
-
|
|
957
|
+
type StatsSectionColumns = 2 | 3 | 4;
|
|
958
|
+
interface StatsSectionProps extends HTMLAttributes<HTMLElement> {
|
|
959
|
+
title?: string;
|
|
960
|
+
description?: string;
|
|
961
|
+
stats: StatItem[];
|
|
962
|
+
headingAlign?: SectionHeadingAlign;
|
|
963
|
+
columns?: StatsSectionColumns;
|
|
964
|
+
cardVariant?: CardVariant;
|
|
965
|
+
statAlign?: 'left' | 'center';
|
|
966
|
+
maxWidth?: ContainerMaxWidth;
|
|
967
|
+
}
|
|
970
968
|
|
|
971
|
-
|
|
969
|
+
declare const TeamMemberCard: react.ForwardRefExoticComponent<TeamMemberCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
970
|
+
|
|
971
|
+
interface TeamMember {
|
|
972
972
|
name: string;
|
|
973
|
+
role: string;
|
|
974
|
+
initials?: string;
|
|
973
975
|
avatarUrl?: string;
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
interface CommentItem {
|
|
977
|
-
id: string;
|
|
978
|
-
author: CommentAuthor;
|
|
979
|
-
date: string;
|
|
980
|
-
content: string;
|
|
981
|
-
likesCount?: number;
|
|
982
|
-
isLiked?: boolean;
|
|
983
|
-
replies?: CommentItem[];
|
|
984
|
-
}
|
|
985
|
-
interface CommentCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
986
|
-
comment: CommentItem;
|
|
987
|
-
depth?: number;
|
|
988
|
-
onLike?: (commentId: string) => void;
|
|
989
|
-
onReply?: (commentId: string) => void;
|
|
990
|
-
}
|
|
991
|
-
|
|
992
|
-
interface CommentMetaProps {
|
|
993
|
-
author: CommentAuthor;
|
|
994
|
-
date: string;
|
|
976
|
+
avatarAlt?: string;
|
|
977
|
+
avatarColor?: AvatarColor;
|
|
995
978
|
}
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
var displayName: string;
|
|
979
|
+
interface TeamMemberCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
980
|
+
member: TeamMember;
|
|
981
|
+
cardVariant?: CardVariant;
|
|
1000
982
|
}
|
|
1001
983
|
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
984
|
+
declare const TeamMemberAvatar: {
|
|
985
|
+
({ name, avatarUrl, avatarAlt, initials, avatarColor, }: TeamMemberAvatarProps): react_jsx_runtime.JSX.Element;
|
|
986
|
+
displayName: string;
|
|
987
|
+
};
|
|
1005
988
|
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
989
|
+
interface TeamMemberAvatarProps {
|
|
990
|
+
name: string;
|
|
991
|
+
avatarUrl?: string;
|
|
992
|
+
avatarAlt?: string;
|
|
993
|
+
initials?: string;
|
|
994
|
+
avatarColor?: AvatarColor;
|
|
1009
995
|
}
|
|
1010
996
|
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
onLike?: (commentId: string) => void;
|
|
1016
|
-
onReply?: (commentId: string) => void;
|
|
1017
|
-
}
|
|
997
|
+
declare const TeamMemberInfo: {
|
|
998
|
+
({ name, role }: TeamMemberInfoProps): react_jsx_runtime.JSX.Element;
|
|
999
|
+
displayName: string;
|
|
1000
|
+
};
|
|
1018
1001
|
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1002
|
+
interface TeamMemberInfoProps {
|
|
1003
|
+
name: string;
|
|
1004
|
+
role?: string;
|
|
1022
1005
|
}
|
|
1023
1006
|
|
|
1024
|
-
declare const
|
|
1007
|
+
declare const TeamSection: react.ForwardRefExoticComponent<TeamSectionProps & react.RefAttributes<HTMLElement>>;
|
|
1008
|
+
declare const teamSectionColumns: TeamSectionColumns[];
|
|
1025
1009
|
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1010
|
+
type TeamSectionColumns = 2 | 3 | 4;
|
|
1011
|
+
interface TeamSectionProps extends HTMLAttributes<HTMLElement> {
|
|
1012
|
+
title?: string;
|
|
1013
|
+
description?: string;
|
|
1014
|
+
members: TeamMember[];
|
|
1015
|
+
headingAlign?: SectionHeadingAlign;
|
|
1016
|
+
columns?: TeamSectionColumns;
|
|
1017
|
+
cardVariant?: CardVariant;
|
|
1018
|
+
maxWidth?: ContainerMaxWidth;
|
|
1033
1019
|
}
|
|
1034
1020
|
|
|
1035
|
-
declare const
|
|
1021
|
+
declare const TestimonialCard: react.ForwardRefExoticComponent<TestimonialCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
1036
1022
|
|
|
1037
|
-
interface
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1023
|
+
interface Testimonial {
|
|
1024
|
+
quote: string;
|
|
1025
|
+
authorName: string;
|
|
1026
|
+
authorRole?: string;
|
|
1027
|
+
authorAvatarUrl?: string;
|
|
1028
|
+
authorInitials?: string;
|
|
1029
|
+
rating?: 1 | 2 | 3 | 4 | 5;
|
|
1041
1030
|
}
|
|
1042
|
-
interface
|
|
1043
|
-
|
|
1031
|
+
interface TestimonialCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
1032
|
+
testimonial: Testimonial;
|
|
1044
1033
|
cardVariant?: CardVariant;
|
|
1045
|
-
layout?: 'card' | 'icon-left';
|
|
1046
1034
|
}
|
|
1047
1035
|
|
|
1048
|
-
declare const
|
|
1036
|
+
declare const TestimonialQuote: {
|
|
1037
|
+
({ quote }: TestimonialQuoteProps): react_jsx_runtime.JSX.Element;
|
|
1038
|
+
displayName: string;
|
|
1039
|
+
};
|
|
1049
1040
|
|
|
1050
|
-
interface
|
|
1051
|
-
|
|
1052
|
-
title: string;
|
|
1053
|
-
description?: string;
|
|
1054
|
-
icon?: ReactNode;
|
|
1041
|
+
interface TestimonialQuoteProps {
|
|
1042
|
+
quote: string;
|
|
1055
1043
|
}
|
|
1056
1044
|
|
|
1057
|
-
declare const
|
|
1058
|
-
|
|
1045
|
+
declare const TestimonialAuthor: {
|
|
1046
|
+
({ authorName, authorRole, authorAvatarUrl, authorInitials, }: TestimonialAuthorProps): react_jsx_runtime.JSX.Element;
|
|
1047
|
+
displayName: string;
|
|
1048
|
+
};
|
|
1059
1049
|
|
|
1060
|
-
interface
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
width?: number | string;
|
|
1066
|
-
height?: number | string;
|
|
1067
|
-
}
|
|
1068
|
-
type LogoTileVariant = 'plain' | 'boxed';
|
|
1069
|
-
interface LogoTileProps extends HTMLAttributes<HTMLElement> {
|
|
1070
|
-
logo: LogoTileItem;
|
|
1071
|
-
variant?: LogoTileVariant;
|
|
1072
|
-
monochrome?: boolean;
|
|
1073
|
-
logoHeight?: number | string;
|
|
1050
|
+
interface TestimonialAuthorProps {
|
|
1051
|
+
authorName: string;
|
|
1052
|
+
authorRole?: string;
|
|
1053
|
+
authorAvatarUrl?: string;
|
|
1054
|
+
authorInitials?: string;
|
|
1074
1055
|
}
|
|
1075
1056
|
|
|
1076
|
-
declare const
|
|
1057
|
+
declare const TestimonialsSection: react.ForwardRefExoticComponent<TestimonialsSectionProps & react.RefAttributes<HTMLElement>>;
|
|
1058
|
+
declare const testimonialsSectionColumns: TestimonialsSectionColumns[];
|
|
1077
1059
|
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1060
|
+
type TestimonialsSectionColumns = 1 | 2 | 3;
|
|
1061
|
+
interface TestimonialsSectionProps extends HTMLAttributes<HTMLElement> {
|
|
1062
|
+
title?: string;
|
|
1063
|
+
description?: string;
|
|
1064
|
+
testimonials: Testimonial[];
|
|
1065
|
+
headingAlign?: SectionHeadingAlign;
|
|
1066
|
+
columns?: TestimonialsSectionColumns;
|
|
1067
|
+
cardVariant?: CardVariant;
|
|
1068
|
+
maxWidth?: ContainerMaxWidth;
|
|
1086
1069
|
}
|
|
1087
1070
|
|
|
1088
1071
|
declare const Timeline: react.ForwardRefExoticComponent<TimelineProps & react.RefAttributes<HTMLOListElement>>;
|
|
@@ -1106,6 +1089,40 @@ interface TimelineProps extends HTMLAttributes<HTMLOListElement> {
|
|
|
1106
1089
|
align?: TimelineAlign;
|
|
1107
1090
|
}
|
|
1108
1091
|
|
|
1092
|
+
type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
1093
|
+
type GapValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12;
|
|
1094
|
+
type GridValue = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
1095
|
+
type ResponsiveValue<T> = T | {
|
|
1096
|
+
[K in Breakpoint]?: T;
|
|
1097
|
+
};
|
|
1098
|
+
interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
1099
|
+
direction?: ResponsiveValue<'row' | 'col'>;
|
|
1100
|
+
wrap?: ResponsiveValue<'wrap' | 'nowrap'>;
|
|
1101
|
+
gap?: ResponsiveValue<GapValue>;
|
|
1102
|
+
cols?: ResponsiveValue<GridValue>;
|
|
1103
|
+
rows?: ResponsiveValue<GridValue>;
|
|
1104
|
+
}
|
|
1105
|
+
|
|
1106
|
+
declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
|
|
1107
|
+
|
|
1108
|
+
declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
|
|
1109
|
+
|
|
1110
|
+
declare const Section: react.ForwardRefExoticComponent<SectionProps & react.RefAttributes<HTMLElement>>;
|
|
1111
|
+
|
|
1112
|
+
type SectionProps = HTMLAttributes<HTMLElement>;
|
|
1113
|
+
|
|
1114
|
+
type MainProps = HTMLAttributes<HTMLElement>;
|
|
1115
|
+
|
|
1116
|
+
declare const Main: react.ForwardRefExoticComponent<MainProps & react.RefAttributes<HTMLElement>>;
|
|
1117
|
+
|
|
1118
|
+
declare const Prose: react.ForwardRefExoticComponent<ProseProps & react.RefAttributes<HTMLDivElement>>;
|
|
1119
|
+
|
|
1120
|
+
type ProseProps = HTMLAttributes<HTMLDivElement>;
|
|
1121
|
+
|
|
1122
|
+
declare const Article: react.ForwardRefExoticComponent<ArticleProps & react.RefAttributes<HTMLElement>>;
|
|
1123
|
+
|
|
1124
|
+
type ArticleProps = HTMLAttributes<HTMLElement>;
|
|
1125
|
+
|
|
1109
1126
|
declare const PRESET_MAP: Record<string, number>;
|
|
1110
1127
|
declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
|
|
1111
1128
|
declare const aspectRatioPresets: Array<keyof typeof PRESET_MAP>;
|
|
@@ -1126,6 +1143,8 @@ interface CarouselProps {
|
|
|
1126
1143
|
className?: string;
|
|
1127
1144
|
}
|
|
1128
1145
|
|
|
1146
|
+
declare const Image: react.ForwardRefExoticComponent<ImageProps & react.RefAttributes<HTMLImageElement>>;
|
|
1147
|
+
|
|
1129
1148
|
interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'src'> {
|
|
1130
1149
|
src?: string;
|
|
1131
1150
|
alt?: string;
|
|
@@ -1134,8 +1153,6 @@ interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'src'> {
|
|
|
1134
1153
|
objectPosition?: CSSProperties['objectPosition'];
|
|
1135
1154
|
}
|
|
1136
1155
|
|
|
1137
|
-
declare const Image: react.ForwardRefExoticComponent<ImageProps & react.RefAttributes<HTMLImageElement>>;
|
|
1138
|
-
|
|
1139
1156
|
declare function VideoPlayer({ src, provider, title, poster, ratio, autoPlay, muted, loop, controls, className, }: VideoPlayerProps): react_jsx_runtime.JSX.Element;
|
|
1140
1157
|
|
|
1141
1158
|
type VideoPlayerProvider = 'youtube' | 'vimeo' | 'local' | 'auto';
|
|
@@ -1161,22 +1178,65 @@ interface LightboxImage {
|
|
|
1161
1178
|
alt?: string;
|
|
1162
1179
|
caption?: string;
|
|
1163
1180
|
}
|
|
1164
|
-
interface LightboxProps {
|
|
1165
|
-
images: LightboxImage[];
|
|
1166
|
-
columns?: 2 | 3 | 4 | 5;
|
|
1167
|
-
gap?: number;
|
|
1168
|
-
className?: string;
|
|
1181
|
+
interface LightboxProps {
|
|
1182
|
+
images: LightboxImage[];
|
|
1183
|
+
columns?: 2 | 3 | 4 | 5;
|
|
1184
|
+
gap?: number;
|
|
1185
|
+
className?: string;
|
|
1186
|
+
}
|
|
1187
|
+
|
|
1188
|
+
declare const Breadcrumbs: react.ForwardRefExoticComponent<BreadcrumbsProps & react.RefAttributes<HTMLElement>>;
|
|
1189
|
+
|
|
1190
|
+
interface BreadcrumbItem {
|
|
1191
|
+
label: ReactNode;
|
|
1192
|
+
href?: string;
|
|
1193
|
+
}
|
|
1194
|
+
interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
|
|
1195
|
+
items: BreadcrumbItem[];
|
|
1196
|
+
separator?: ReactNode;
|
|
1197
|
+
}
|
|
1198
|
+
|
|
1199
|
+
declare function Footer({ logo, description, columns, socialLinks, copyright, maxWidth, style, }: FooterProps): react_jsx_runtime.JSX.Element;
|
|
1200
|
+
|
|
1201
|
+
interface FooterLink {
|
|
1202
|
+
label: string;
|
|
1203
|
+
href: string;
|
|
1204
|
+
}
|
|
1205
|
+
interface FooterColumn {
|
|
1206
|
+
title: string;
|
|
1207
|
+
links: FooterLink[];
|
|
1208
|
+
}
|
|
1209
|
+
type SocialPlatform = 'facebook' | 'twitter' | 'instagram' | 'linkedin' | 'youtube';
|
|
1210
|
+
interface SocialLink {
|
|
1211
|
+
label: string;
|
|
1212
|
+
href: string;
|
|
1213
|
+
platform: SocialPlatform;
|
|
1214
|
+
}
|
|
1215
|
+
interface FooterProps {
|
|
1216
|
+
logo?: ReactNode;
|
|
1217
|
+
description?: string;
|
|
1218
|
+
columns?: FooterColumn[];
|
|
1219
|
+
socialLinks?: SocialLink[];
|
|
1220
|
+
copyright?: string;
|
|
1221
|
+
maxWidth?: ContainerMaxWidth;
|
|
1222
|
+
style?: CSSProperties;
|
|
1169
1223
|
}
|
|
1170
1224
|
|
|
1171
|
-
declare
|
|
1225
|
+
declare function Navbar({ logo, navItems, actions, sticky, variant, maxWidth, style, }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
1172
1226
|
|
|
1173
|
-
interface
|
|
1174
|
-
label:
|
|
1175
|
-
href
|
|
1227
|
+
interface NavItem {
|
|
1228
|
+
label: string;
|
|
1229
|
+
href: string;
|
|
1230
|
+
active?: boolean;
|
|
1176
1231
|
}
|
|
1177
|
-
interface
|
|
1178
|
-
|
|
1179
|
-
|
|
1232
|
+
interface NavbarProps {
|
|
1233
|
+
logo?: ReactNode;
|
|
1234
|
+
navItems?: NavItem[];
|
|
1235
|
+
actions?: ReactNode;
|
|
1236
|
+
sticky?: boolean;
|
|
1237
|
+
variant?: 'filled' | 'transparent';
|
|
1238
|
+
maxWidth?: ContainerMaxWidth;
|
|
1239
|
+
style?: CSSProperties;
|
|
1180
1240
|
}
|
|
1181
1241
|
|
|
1182
1242
|
declare const PaginationBar: {
|
|
@@ -1195,9 +1255,17 @@ interface PaginationBarProps {
|
|
|
1195
1255
|
disabled?: boolean;
|
|
1196
1256
|
}
|
|
1197
1257
|
|
|
1258
|
+
interface Props {
|
|
1259
|
+
size?: PaginationButtonSize;
|
|
1260
|
+
}
|
|
1261
|
+
declare const PaginationEllipsis: {
|
|
1262
|
+
({ size }: Props): react_jsx_runtime.JSX.Element;
|
|
1263
|
+
displayName: string;
|
|
1264
|
+
};
|
|
1265
|
+
|
|
1198
1266
|
declare const PaginationButton: react.ForwardRefExoticComponent<PaginationButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1199
1267
|
|
|
1200
|
-
type PaginationButtonSize = 'sm' | 'md' | 'lg';
|
|
1268
|
+
type PaginationButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
1201
1269
|
type PaginationButtonVariant = 'page' | 'nav';
|
|
1202
1270
|
interface PaginationButtonProps {
|
|
1203
1271
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
@@ -1209,210 +1277,185 @@ interface PaginationButtonProps {
|
|
|
1209
1277
|
children: React.ReactNode;
|
|
1210
1278
|
}
|
|
1211
1279
|
|
|
1212
|
-
|
|
1213
|
-
size?: PaginationButtonSize;
|
|
1214
|
-
}
|
|
1215
|
-
declare const PaginationEllipsis: {
|
|
1216
|
-
({ size }: Props): react_jsx_runtime.JSX.Element;
|
|
1217
|
-
displayName: string;
|
|
1218
|
-
};
|
|
1219
|
-
|
|
1220
|
-
declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
|
|
1221
|
-
declare const accordionVariants: AccordionVariant[];
|
|
1280
|
+
declare function CommandPalette({ open, onClose, groups, placeholder, emptyLabel, onSelect, }: CommandPaletteProps): react.ReactPortal | null;
|
|
1222
1281
|
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1282
|
+
interface CommandItem {
|
|
1283
|
+
id: string;
|
|
1284
|
+
label: string;
|
|
1285
|
+
description?: string;
|
|
1286
|
+
icon?: ReactNode;
|
|
1287
|
+
shortcut?: string[];
|
|
1288
|
+
keywords?: string[];
|
|
1289
|
+
group?: string;
|
|
1290
|
+
onSelect?: () => void;
|
|
1229
1291
|
}
|
|
1230
|
-
interface
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
onChange?: (keys: string[]) => void;
|
|
1235
|
-
multiple?: boolean;
|
|
1236
|
-
variant?: AccordionVariant;
|
|
1292
|
+
interface CommandGroup {
|
|
1293
|
+
id: string;
|
|
1294
|
+
label: string;
|
|
1295
|
+
items: CommandItem[];
|
|
1237
1296
|
}
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
icon?: ReactNode;
|
|
1297
|
+
interface CommandPaletteProps {
|
|
1298
|
+
open: boolean;
|
|
1299
|
+
onClose: () => void;
|
|
1300
|
+
groups?: CommandGroup[];
|
|
1301
|
+
placeholder?: string;
|
|
1302
|
+
emptyLabel?: string;
|
|
1303
|
+
onSelect?: (item: CommandItem) => void;
|
|
1246
1304
|
}
|
|
1247
1305
|
|
|
1248
|
-
declare const
|
|
1249
|
-
declare const alertSeverities: AlertSeverity[];
|
|
1250
|
-
|
|
1251
|
-
declare function BackToTop({ threshold, variant, position, label, scrollTarget, }: BackToTopProps): react_jsx_runtime.JSX.Element;
|
|
1252
|
-
declare const backToTopVariants: BackToTopVariant[];
|
|
1253
|
-
declare const backToTopPositions: BackToTopPosition[];
|
|
1306
|
+
declare const CartButton: react.ForwardRefExoticComponent<CartButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1254
1307
|
|
|
1255
|
-
type
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
position?: BackToTopPosition;
|
|
1308
|
+
type CartButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
1309
|
+
interface CartButtonProps {
|
|
1310
|
+
count?: number;
|
|
1311
|
+
size?: CartButtonSize;
|
|
1312
|
+
shape?: ButtonShape;
|
|
1261
1313
|
label?: string;
|
|
1262
|
-
|
|
1314
|
+
disabled?: boolean;
|
|
1315
|
+
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
1316
|
+
className?: string;
|
|
1317
|
+
'aria-label'?: string;
|
|
1263
1318
|
}
|
|
1264
1319
|
|
|
1265
|
-
declare
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
key: string;
|
|
1269
|
-
label?: ReactNode;
|
|
1270
|
-
icon?: ReactNode;
|
|
1271
|
-
onClick?: () => void;
|
|
1272
|
-
disabled?: boolean;
|
|
1273
|
-
separator?: boolean;
|
|
1320
|
+
declare function CartDrawer({ open, title, items, subtotal, checkoutLabel, position, size, onClose, onCheckout, onQuantityChange, onRemove, }: CartDrawerProps): react_jsx_runtime.JSX.Element;
|
|
1321
|
+
declare namespace CartDrawer {
|
|
1322
|
+
var displayName: string;
|
|
1274
1323
|
}
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1324
|
+
|
|
1325
|
+
interface CartDrawerItem$1 {
|
|
1326
|
+
id: string;
|
|
1327
|
+
name: string;
|
|
1328
|
+
price: string;
|
|
1329
|
+
quantity: number;
|
|
1330
|
+
imageUrl?: string;
|
|
1331
|
+
imageAlt?: string;
|
|
1279
1332
|
}
|
|
1280
1333
|
|
|
1281
|
-
interface
|
|
1282
|
-
|
|
1283
|
-
title
|
|
1284
|
-
|
|
1285
|
-
|
|
1334
|
+
interface CartDrawerProps {
|
|
1335
|
+
open: boolean;
|
|
1336
|
+
title?: string;
|
|
1337
|
+
items: CartDrawerItem$1[];
|
|
1338
|
+
subtotal: string;
|
|
1339
|
+
checkoutLabel?: string;
|
|
1340
|
+
position?: SheetPosition;
|
|
1341
|
+
size?: SheetSize;
|
|
1342
|
+
onClose?: () => void;
|
|
1343
|
+
onCheckout?: () => void;
|
|
1344
|
+
onQuantityChange?: (id: string, quantity: number) => void;
|
|
1345
|
+
onRemove?: (id: string) => void;
|
|
1286
1346
|
}
|
|
1287
1347
|
|
|
1288
|
-
declare const
|
|
1348
|
+
declare const CartDrawerItem: {
|
|
1349
|
+
({ id, name, price, quantity, imageUrl, imageAlt, onQuantityChange, onRemove, }: CartDrawerItemProps): react_jsx_runtime.JSX.Element;
|
|
1350
|
+
displayName: string;
|
|
1351
|
+
};
|
|
1289
1352
|
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
onClick?: () => void;
|
|
1300
|
-
}
|
|
1301
|
-
interface ListProps extends HTMLAttributes<HTMLUListElement> {
|
|
1302
|
-
items: ListItemData[];
|
|
1303
|
-
size?: ListSize;
|
|
1304
|
-
variant?: ListVariant;
|
|
1305
|
-
dividers?: boolean;
|
|
1353
|
+
interface CartDrawerItemProps {
|
|
1354
|
+
id: string;
|
|
1355
|
+
name: string;
|
|
1356
|
+
price: string;
|
|
1357
|
+
quantity: number;
|
|
1358
|
+
imageUrl?: string;
|
|
1359
|
+
imageAlt?: string;
|
|
1360
|
+
onQuantityChange?: (id: string, quantity: number) => void;
|
|
1361
|
+
onRemove?: (id: string) => void;
|
|
1306
1362
|
}
|
|
1307
1363
|
|
|
1308
|
-
declare const
|
|
1309
|
-
declare const
|
|
1310
|
-
declare const listSizes: ListSize[];
|
|
1311
|
-
|
|
1312
|
-
declare const Marquee: react.ForwardRefExoticComponent<MarqueeProps & react.RefAttributes<HTMLDivElement>>;
|
|
1313
|
-
declare const marqueeDirections: MarqueeDirection[];
|
|
1314
|
-
declare const marqueeSpeeds: MarqueeSpeed[];
|
|
1364
|
+
declare const CountdownTimer: react.ForwardRefExoticComponent<CountdownTimerProps & react.RefAttributes<HTMLDivElement>>;
|
|
1365
|
+
declare const countdownTimerVariants: CountdownTimerVariant[];
|
|
1315
1366
|
|
|
1316
|
-
type
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
gap?: string | number;
|
|
1367
|
+
type CountdownTimerVariant = 'inline' | 'card' | 'banner';
|
|
1368
|
+
interface CountdownTimerProps extends HTMLAttributes<HTMLDivElement> {
|
|
1369
|
+
targetDate: Date | string | number;
|
|
1370
|
+
variant?: CountdownTimerVariant;
|
|
1371
|
+
label?: string;
|
|
1372
|
+
expiredLabel?: string;
|
|
1373
|
+
onExpire?: () => void;
|
|
1324
1374
|
}
|
|
1325
1375
|
|
|
1326
|
-
declare
|
|
1327
|
-
declare const modalSizes: ModalSize[];
|
|
1376
|
+
declare const CategoryCard: react.ForwardRefExoticComponent<CategoryCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
1328
1377
|
|
|
1329
|
-
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
footer?: ReactNode;
|
|
1336
|
-
size?: ModalSize;
|
|
1337
|
-
closeOnBackdrop?: boolean;
|
|
1338
|
-
hideCloseButton?: boolean;
|
|
1378
|
+
interface CategoryCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
1379
|
+
name: string;
|
|
1380
|
+
imageUrl?: string;
|
|
1381
|
+
imageAlt?: string;
|
|
1382
|
+
count?: number;
|
|
1383
|
+
href?: string;
|
|
1339
1384
|
}
|
|
1340
1385
|
|
|
1341
|
-
declare
|
|
1342
|
-
|
|
1343
|
-
|
|
1386
|
+
declare const CategoryCardImage: {
|
|
1387
|
+
({ src, alt }: CategoryCardImageProps): react_jsx_runtime.JSX.Element;
|
|
1388
|
+
displayName: string;
|
|
1389
|
+
};
|
|
1344
1390
|
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
open: boolean;
|
|
1349
|
-
onClose: () => void;
|
|
1350
|
-
title?: ReactNode;
|
|
1351
|
-
children?: ReactNode;
|
|
1352
|
-
footer?: ReactNode;
|
|
1353
|
-
position?: SheetPosition;
|
|
1354
|
-
size?: SheetSize;
|
|
1355
|
-
closeOnBackdrop?: boolean;
|
|
1356
|
-
hideCloseButton?: boolean;
|
|
1391
|
+
interface CategoryCardImageProps {
|
|
1392
|
+
src?: string;
|
|
1393
|
+
alt?: string;
|
|
1357
1394
|
}
|
|
1358
1395
|
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
content: ReactNode;
|
|
1364
|
-
disabled?: boolean;
|
|
1365
|
-
}
|
|
1366
|
-
interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
1367
|
-
tabs: TabItem[];
|
|
1368
|
-
defaultActiveKey?: string;
|
|
1369
|
-
activeKey?: string;
|
|
1370
|
-
onChange?: (key: string) => void;
|
|
1371
|
-
variant?: TabsVariant;
|
|
1372
|
-
}
|
|
1396
|
+
declare const CategoryCardInfo: {
|
|
1397
|
+
({ name, count, countLabel, }: CategoryCardInfoProps): react_jsx_runtime.JSX.Element;
|
|
1398
|
+
displayName: string;
|
|
1399
|
+
};
|
|
1373
1400
|
|
|
1374
|
-
|
|
1375
|
-
|
|
1401
|
+
interface CategoryCardInfoProps {
|
|
1402
|
+
name: string;
|
|
1403
|
+
count?: number;
|
|
1404
|
+
countLabel?: string;
|
|
1405
|
+
}
|
|
1376
1406
|
|
|
1377
|
-
declare
|
|
1407
|
+
declare function CompareTool({ products, specLabels, onRemove, highlightDifferences, className, }: CompareToolProps): react_jsx_runtime.JSX.Element | null;
|
|
1378
1408
|
|
|
1379
|
-
|
|
1409
|
+
type CompareSpecValue = string | number | boolean;
|
|
1410
|
+
interface CompareProduct {
|
|
1380
1411
|
id: string;
|
|
1381
1412
|
name: string;
|
|
1382
|
-
price: string;
|
|
1383
|
-
quantity: number;
|
|
1384
1413
|
imageUrl?: string;
|
|
1385
|
-
|
|
1414
|
+
price: string;
|
|
1415
|
+
specs: Record<string, CompareSpecValue>;
|
|
1386
1416
|
}
|
|
1387
|
-
interface
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
items: CartDrawerItem$1[];
|
|
1391
|
-
subtotal: string;
|
|
1392
|
-
checkoutLabel?: string;
|
|
1393
|
-
closeLabel?: string;
|
|
1394
|
-
onClose?: () => void;
|
|
1395
|
-
onCheckout?: () => void;
|
|
1396
|
-
onQuantityChange?: (id: string, quantity: number) => void;
|
|
1417
|
+
interface CompareToolProps {
|
|
1418
|
+
products: CompareProduct[];
|
|
1419
|
+
specLabels?: Record<string, string>;
|
|
1397
1420
|
onRemove?: (id: string) => void;
|
|
1421
|
+
highlightDifferences?: boolean;
|
|
1422
|
+
className?: string;
|
|
1398
1423
|
}
|
|
1399
1424
|
|
|
1400
|
-
|
|
1401
|
-
|
|
1425
|
+
declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, size, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
|
|
1426
|
+
|
|
1427
|
+
interface CouponInputProps {
|
|
1428
|
+
value: string;
|
|
1429
|
+
onChange: (value: string) => void;
|
|
1430
|
+
onApply: (code: string) => void;
|
|
1431
|
+
onRemove?: () => void;
|
|
1432
|
+
appliedCode?: string;
|
|
1433
|
+
placeholder?: string;
|
|
1434
|
+
applyLabel?: string;
|
|
1435
|
+
removeLabel?: string;
|
|
1436
|
+
loading?: boolean;
|
|
1437
|
+
disabled?: boolean;
|
|
1438
|
+
error?: string;
|
|
1439
|
+
successMessage?: string;
|
|
1440
|
+
size?: InputSize;
|
|
1441
|
+
className?: string;
|
|
1442
|
+
}
|
|
1443
|
+
|
|
1444
|
+
declare const DealCard: react.ForwardRefExoticComponent<DealCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
1445
|
+
|
|
1446
|
+
interface DealCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
1402
1447
|
name: string;
|
|
1403
|
-
price: string;
|
|
1404
|
-
quantity: number;
|
|
1405
1448
|
imageUrl?: string;
|
|
1406
1449
|
imageAlt?: string;
|
|
1407
|
-
|
|
1408
|
-
|
|
1450
|
+
price: number;
|
|
1451
|
+
originalPrice: number;
|
|
1452
|
+
currency?: string;
|
|
1453
|
+
locale?: string;
|
|
1454
|
+
dealEndsAt?: string;
|
|
1455
|
+
ctaLabel?: string;
|
|
1456
|
+
onAddToCart?: () => void;
|
|
1409
1457
|
}
|
|
1410
1458
|
|
|
1411
|
-
declare const CartDrawerItem: {
|
|
1412
|
-
({ id, name, price, quantity, imageUrl, imageAlt, onQuantityChange, onRemove, }: CartDrawerItemProps): react_jsx_runtime.JSX.Element;
|
|
1413
|
-
displayName: string;
|
|
1414
|
-
};
|
|
1415
|
-
|
|
1416
1459
|
declare const FilterSidebar: react.ForwardRefExoticComponent<FilterSidebarProps & react.RefAttributes<HTMLDivElement>>;
|
|
1417
1460
|
|
|
1418
1461
|
interface FilterOption {
|
|
@@ -1468,6 +1511,11 @@ interface OrderSummaryProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1468
1511
|
onCheckout?: () => void;
|
|
1469
1512
|
}
|
|
1470
1513
|
|
|
1514
|
+
declare const OrderSummaryItem: {
|
|
1515
|
+
({ name, price, imageUrl, imageAlt, quantity, meta, }: OrderSummaryItemProps): react_jsx_runtime.JSX.Element;
|
|
1516
|
+
displayName: string;
|
|
1517
|
+
};
|
|
1518
|
+
|
|
1471
1519
|
interface OrderSummaryItemProps {
|
|
1472
1520
|
id: string;
|
|
1473
1521
|
name: ReactNode;
|
|
@@ -1478,8 +1526,8 @@ interface OrderSummaryItemProps {
|
|
|
1478
1526
|
meta?: ReactNode;
|
|
1479
1527
|
}
|
|
1480
1528
|
|
|
1481
|
-
declare const
|
|
1482
|
-
({
|
|
1529
|
+
declare const OrderSummaryRow: {
|
|
1530
|
+
({ label, value, total }: OrderSummaryRowProps): react_jsx_runtime.JSX.Element;
|
|
1483
1531
|
displayName: string;
|
|
1484
1532
|
};
|
|
1485
1533
|
|
|
@@ -1489,296 +1537,265 @@ interface OrderSummaryRowProps {
|
|
|
1489
1537
|
total?: boolean;
|
|
1490
1538
|
}
|
|
1491
1539
|
|
|
1492
|
-
declare const
|
|
1493
|
-
({ label, value, total }: OrderSummaryRowProps): react_jsx_runtime.JSX.Element;
|
|
1494
|
-
displayName: string;
|
|
1495
|
-
};
|
|
1496
|
-
|
|
1497
|
-
type RelatedProductsLayout = 'grid' | 'scroll';
|
|
1498
|
-
interface RelatedProductsProps extends HTMLAttributes<HTMLDivElement> {
|
|
1499
|
-
products: ProductCardProps[];
|
|
1500
|
-
title?: string;
|
|
1501
|
-
layout?: RelatedProductsLayout;
|
|
1502
|
-
columns?: 2 | 3 | 4;
|
|
1503
|
-
}
|
|
1504
|
-
|
|
1505
|
-
declare const RelatedProducts: react.ForwardRefExoticComponent<RelatedProductsProps & react.RefAttributes<HTMLDivElement>>;
|
|
1506
|
-
declare const relatedProductsLayouts: RelatedProductsLayout[];
|
|
1540
|
+
declare const PaymentMethodSelector: react.ForwardRefExoticComponent<PaymentMethodSelectorProps & react.RefAttributes<HTMLDivElement>>;
|
|
1507
1541
|
|
|
1508
|
-
interface
|
|
1542
|
+
interface PaymentMethod {
|
|
1509
1543
|
id: string;
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
date: string;
|
|
1514
|
-
title?: string;
|
|
1515
|
-
content: string;
|
|
1516
|
-
helpfulCount?: number;
|
|
1517
|
-
verified?: boolean;
|
|
1544
|
+
label: string;
|
|
1545
|
+
description?: string;
|
|
1546
|
+
icon?: ReactNode;
|
|
1518
1547
|
}
|
|
1519
|
-
interface
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1548
|
+
interface PaymentMethodSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
1549
|
+
methods: PaymentMethod[];
|
|
1550
|
+
value?: string;
|
|
1551
|
+
onChange?: (id: string) => void;
|
|
1552
|
+
label?: string;
|
|
1553
|
+
disabled?: boolean;
|
|
1525
1554
|
}
|
|
1526
1555
|
|
|
1527
|
-
declare const
|
|
1556
|
+
declare const Price: react.ForwardRefExoticComponent<PriceProps & react.RefAttributes<HTMLDivElement>>;
|
|
1557
|
+
declare const priceSizes: PriceSize[];
|
|
1528
1558
|
|
|
1529
|
-
|
|
1530
|
-
|
|
1559
|
+
type PriceSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
1560
|
+
interface PriceProps extends HTMLAttributes<HTMLDivElement> {
|
|
1561
|
+
price: number;
|
|
1562
|
+
originalPrice?: number;
|
|
1563
|
+
currency?: string;
|
|
1564
|
+
locale?: string;
|
|
1565
|
+
size?: PriceSize;
|
|
1566
|
+
showDiscountBadge?: boolean;
|
|
1567
|
+
/** Najniższa cena z ostatnich 30 dni (dyrektywa Omnibus). Wartość liczbowa. */
|
|
1568
|
+
lowestPrice?: number;
|
|
1569
|
+
/** Override etykiety omnibus. */
|
|
1570
|
+
omnibusLabel?: string;
|
|
1531
1571
|
}
|
|
1532
1572
|
|
|
1533
|
-
declare const
|
|
1534
|
-
({ review }: ReviewItemProps): react_jsx_runtime.JSX.Element;
|
|
1535
|
-
displayName: string;
|
|
1536
|
-
};
|
|
1573
|
+
declare const ProductCard: react.ForwardRefExoticComponent<ProductCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
1537
1574
|
|
|
1538
|
-
interface
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1575
|
+
interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
1576
|
+
name: string;
|
|
1577
|
+
imageUrl?: string;
|
|
1578
|
+
imageAlt?: string;
|
|
1579
|
+
price: number;
|
|
1580
|
+
originalPrice?: number;
|
|
1581
|
+
currency?: string;
|
|
1582
|
+
locale?: string;
|
|
1583
|
+
lowestPrice?: number;
|
|
1584
|
+
badge?: string;
|
|
1585
|
+
badgeVariant?: BadgeVariant;
|
|
1586
|
+
imageRatio?: AspectRatioPreset | number;
|
|
1587
|
+
rating?: number;
|
|
1588
|
+
reviewCount?: number;
|
|
1589
|
+
ctaLabel?: string;
|
|
1590
|
+
onAddToCart?: () => void;
|
|
1591
|
+
buttonVariant?: ButtonVariant;
|
|
1592
|
+
disabledButton?: boolean;
|
|
1593
|
+
hideButton?: boolean;
|
|
1594
|
+
hoverEffect?: boolean;
|
|
1542
1595
|
}
|
|
1543
1596
|
|
|
1544
|
-
declare const
|
|
1545
|
-
({
|
|
1597
|
+
declare const ProductCardImage: {
|
|
1598
|
+
({ src, alt, badge, badgeVariant, }: ProductCardImageProps): react_jsx_runtime.JSX.Element;
|
|
1546
1599
|
displayName: string;
|
|
1547
1600
|
};
|
|
1548
1601
|
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
maxWidth?: ContainerMaxWidth;
|
|
1555
|
-
onLike?: (commentId: string) => void;
|
|
1556
|
-
onReply?: (commentId: string) => void;
|
|
1557
|
-
}
|
|
1558
|
-
|
|
1559
|
-
declare const FaqSection: react.ForwardRefExoticComponent<FaqSectionProps & react.RefAttributes<HTMLElement>>;
|
|
1560
|
-
|
|
1561
|
-
interface FaqSectionProps extends HTMLAttributes<HTMLElement> {
|
|
1562
|
-
title?: string;
|
|
1563
|
-
description?: string;
|
|
1564
|
-
items: FaqItemData[];
|
|
1565
|
-
headingAlign?: SectionHeadingAlign;
|
|
1566
|
-
maxWidth?: ContainerMaxWidth;
|
|
1567
|
-
defaultOpenIndex?: number;
|
|
1602
|
+
interface ProductCardImageProps {
|
|
1603
|
+
src?: string;
|
|
1604
|
+
alt?: string;
|
|
1605
|
+
badge?: string;
|
|
1606
|
+
badgeVariant?: BadgeVariant;
|
|
1568
1607
|
}
|
|
1569
1608
|
|
|
1570
|
-
declare const
|
|
1571
|
-
declare const featureGridColumns: FeatureGridColumns[];
|
|
1609
|
+
declare const ProductCardHorizontal: react.ForwardRefExoticComponent<ProductCardHorizontalProps & react.RefAttributes<HTMLDivElement>>;
|
|
1572
1610
|
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1611
|
+
interface ProductCardHorizontalProps extends HTMLAttributes<HTMLDivElement> {
|
|
1612
|
+
name: string;
|
|
1613
|
+
imageUrl?: string;
|
|
1614
|
+
imageAlt?: string;
|
|
1615
|
+
price: number;
|
|
1616
|
+
originalPrice?: number;
|
|
1617
|
+
currency?: string;
|
|
1618
|
+
locale?: string;
|
|
1619
|
+
lowestPrice?: number;
|
|
1620
|
+
badge?: string;
|
|
1621
|
+
badgeVariant?: BadgeVariant;
|
|
1622
|
+
rating?: number;
|
|
1623
|
+
reviewCount?: number;
|
|
1624
|
+
ctaLabel?: string;
|
|
1625
|
+
onAddToCart?: () => void;
|
|
1583
1626
|
}
|
|
1584
1627
|
|
|
1585
|
-
declare const
|
|
1586
|
-
declare const Partners: react.ForwardRefExoticComponent<LogoCloudProps & react.RefAttributes<HTMLElement>>;
|
|
1587
|
-
declare const logoCloudColumns: LogoCloudColumns[];
|
|
1588
|
-
declare const logoCloudVariants: LogoCloudVariant[];
|
|
1628
|
+
declare const ProductGallery: react.ForwardRefExoticComponent<ProductGalleryProps & react.RefAttributes<HTMLDivElement>>;
|
|
1589
1629
|
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
monochrome?: boolean;
|
|
1600
|
-
logoHeight?: number | string;
|
|
1601
|
-
maxWidth?: ContainerMaxWidth;
|
|
1630
|
+
interface ProductGalleryImage {
|
|
1631
|
+
src: string;
|
|
1632
|
+
alt: string;
|
|
1633
|
+
}
|
|
1634
|
+
interface ProductGalleryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect'> {
|
|
1635
|
+
images: ProductGalleryImage[];
|
|
1636
|
+
selectedIndex?: number;
|
|
1637
|
+
onSelect?: (index: number) => void;
|
|
1638
|
+
imageRatio?: AspectRatioPreset | number;
|
|
1602
1639
|
}
|
|
1603
1640
|
|
|
1604
|
-
declare const
|
|
1641
|
+
declare const QuantitySelector: react.ForwardRefExoticComponent<QuantitySelectorProps & react.RefAttributes<HTMLDivElement>>;
|
|
1605
1642
|
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
headingAlign?: SectionHeadingAlign;
|
|
1615
|
-
layout?: NewsletterLayout;
|
|
1616
|
-
cardVariant?: CardVariant;
|
|
1617
|
-
maxWidth?: ContainerMaxWidth;
|
|
1618
|
-
onSubmit?: (email: string, event: FormEvent<HTMLFormElement>) => void;
|
|
1643
|
+
interface QuantitySelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
1644
|
+
value: number;
|
|
1645
|
+
min?: number;
|
|
1646
|
+
max?: number;
|
|
1647
|
+
step?: number;
|
|
1648
|
+
size?: InputSize;
|
|
1649
|
+
disabled?: boolean;
|
|
1650
|
+
onChange?: (value: number) => void;
|
|
1619
1651
|
}
|
|
1620
|
-
declare const newsletterLayouts: NewsletterLayout[];
|
|
1621
1652
|
|
|
1622
|
-
declare
|
|
1653
|
+
declare const RelatedProducts: react.ForwardRefExoticComponent<RelatedProductsProps & react.RefAttributes<HTMLDivElement>>;
|
|
1654
|
+
declare const relatedProductsLayouts: RelatedProductsLayout[];
|
|
1623
1655
|
|
|
1624
|
-
|
|
1656
|
+
type RelatedProductsLayout = 'grid' | 'scroll';
|
|
1657
|
+
interface RelatedProductsProps extends HTMLAttributes<HTMLDivElement> {
|
|
1658
|
+
products: ProductCardProps[];
|
|
1625
1659
|
title?: string;
|
|
1626
|
-
|
|
1627
|
-
|
|
1660
|
+
layout?: RelatedProductsLayout;
|
|
1661
|
+
columns?: 2 | 3 | 4;
|
|
1628
1662
|
}
|
|
1629
1663
|
|
|
1630
|
-
declare
|
|
1664
|
+
declare const ReviewSection: react.ForwardRefExoticComponent<ReviewSectionProps & react.RefAttributes<HTMLDivElement>>;
|
|
1631
1665
|
|
|
1632
|
-
interface
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1666
|
+
interface Review {
|
|
1667
|
+
id: string;
|
|
1668
|
+
author: string;
|
|
1669
|
+
avatarUrl?: string;
|
|
1670
|
+
rating: number;
|
|
1671
|
+
date: string;
|
|
1638
1672
|
title?: string;
|
|
1639
|
-
|
|
1640
|
-
|
|
1673
|
+
content: string;
|
|
1674
|
+
helpfulCount?: number;
|
|
1675
|
+
verified?: boolean;
|
|
1641
1676
|
}
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
type StatsSectionColumns = 2 | 3 | 4;
|
|
1647
|
-
interface StatsSectionProps extends HTMLAttributes<HTMLElement> {
|
|
1677
|
+
interface ReviewSectionProps extends HTMLAttributes<HTMLDivElement> {
|
|
1678
|
+
reviews: Review[];
|
|
1679
|
+
averageRating?: number;
|
|
1680
|
+
totalReviews?: number;
|
|
1648
1681
|
title?: string;
|
|
1649
|
-
|
|
1650
|
-
stats: StatItem[];
|
|
1651
|
-
headingAlign?: SectionHeadingAlign;
|
|
1652
|
-
columns?: StatsSectionColumns;
|
|
1653
|
-
cardVariant?: CardVariant;
|
|
1654
|
-
statAlign?: 'left' | 'center';
|
|
1655
|
-
maxWidth?: ContainerMaxWidth;
|
|
1682
|
+
ratingDistribution?: Record<1 | 2 | 3 | 4 | 5, number>;
|
|
1656
1683
|
}
|
|
1657
1684
|
|
|
1658
|
-
declare const
|
|
1659
|
-
|
|
1685
|
+
declare const ReviewItem: {
|
|
1686
|
+
({ review }: ReviewItemProps): react_jsx_runtime.JSX.Element;
|
|
1687
|
+
displayName: string;
|
|
1688
|
+
};
|
|
1660
1689
|
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
title?: string;
|
|
1664
|
-
description?: string;
|
|
1665
|
-
members: TeamMember[];
|
|
1666
|
-
headingAlign?: SectionHeadingAlign;
|
|
1667
|
-
columns?: TeamSectionColumns;
|
|
1668
|
-
cardVariant?: CardVariant;
|
|
1669
|
-
maxWidth?: ContainerMaxWidth;
|
|
1690
|
+
interface ReviewItemProps {
|
|
1691
|
+
review: Review;
|
|
1670
1692
|
}
|
|
1671
1693
|
|
|
1672
|
-
declare const
|
|
1673
|
-
|
|
1694
|
+
declare const ReviewSummary: {
|
|
1695
|
+
({ averageRating, totalReviews, ratingDistribution, }: ReviewSummaryProps): react_jsx_runtime.JSX.Element;
|
|
1696
|
+
displayName: string;
|
|
1697
|
+
};
|
|
1674
1698
|
|
|
1675
|
-
|
|
1676
|
-
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
testimonials: Testimonial[];
|
|
1680
|
-
headingAlign?: SectionHeadingAlign;
|
|
1681
|
-
columns?: TestimonialsSectionColumns;
|
|
1682
|
-
cardVariant?: CardVariant;
|
|
1683
|
-
maxWidth?: ContainerMaxWidth;
|
|
1699
|
+
interface ReviewSummaryProps {
|
|
1700
|
+
averageRating: number;
|
|
1701
|
+
totalReviews?: number;
|
|
1702
|
+
ratingDistribution?: Record<1 | 2 | 3 | 4 | 5, number>;
|
|
1684
1703
|
}
|
|
1685
1704
|
|
|
1686
|
-
declare
|
|
1705
|
+
declare const ShippingSelector: react.ForwardRefExoticComponent<ShippingSelectorProps & react.RefAttributes<HTMLDivElement>>;
|
|
1687
1706
|
|
|
1688
|
-
interface
|
|
1707
|
+
interface ShippingOption {
|
|
1689
1708
|
id: string;
|
|
1690
1709
|
label: string;
|
|
1691
1710
|
description?: string;
|
|
1711
|
+
price: string;
|
|
1712
|
+
estimatedDays?: string;
|
|
1692
1713
|
icon?: ReactNode;
|
|
1693
|
-
shortcut?: string[];
|
|
1694
|
-
keywords?: string[];
|
|
1695
|
-
group?: string;
|
|
1696
|
-
onSelect?: () => void;
|
|
1697
|
-
}
|
|
1698
|
-
interface CommandGroup {
|
|
1699
|
-
id: string;
|
|
1700
|
-
label: string;
|
|
1701
|
-
items: CommandItem[];
|
|
1702
1714
|
}
|
|
1703
|
-
interface
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
onSelect?: (item: CommandItem) => void;
|
|
1715
|
+
interface ShippingSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
1716
|
+
options: ShippingOption[];
|
|
1717
|
+
value?: string;
|
|
1718
|
+
onChange?: (id: string) => void;
|
|
1719
|
+
label?: string;
|
|
1720
|
+
disabled?: boolean;
|
|
1710
1721
|
}
|
|
1711
1722
|
|
|
1712
|
-
declare
|
|
1713
|
-
declare const defaultCookieCategories: CookieCategory[];
|
|
1723
|
+
declare const SortBar: react.ForwardRefExoticComponent<SortBarProps & react.RefAttributes<HTMLDivElement>>;
|
|
1714
1724
|
|
|
1715
|
-
|
|
1716
|
-
|
|
1725
|
+
type ViewMode = 'grid' | 'list';
|
|
1726
|
+
interface SortOption {
|
|
1727
|
+
value: string;
|
|
1717
1728
|
label: string;
|
|
1718
|
-
description: string;
|
|
1719
|
-
required?: boolean;
|
|
1720
|
-
defaultEnabled?: boolean;
|
|
1721
1729
|
}
|
|
1722
|
-
interface
|
|
1723
|
-
|
|
1730
|
+
interface SortBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
1731
|
+
total?: number;
|
|
1732
|
+
totalLabel?: string;
|
|
1733
|
+
sortOptions?: SortOption[];
|
|
1734
|
+
sortValue?: string;
|
|
1735
|
+
onSortChange?: (value: string) => void;
|
|
1736
|
+
viewMode?: ViewMode;
|
|
1737
|
+
onViewModeChange?: (mode: ViewMode) => void;
|
|
1738
|
+
showViewToggle?: boolean;
|
|
1724
1739
|
}
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
onSave?: (preferences: CookiePreferences) => void;
|
|
1737
|
-
privacyPolicyLabel?: string;
|
|
1738
|
-
privacyPolicyHref?: string;
|
|
1740
|
+
|
|
1741
|
+
declare const StockStatus: react.ForwardRefExoticComponent<StockStatusProps & react.RefAttributes<HTMLDivElement>>;
|
|
1742
|
+
declare const stockStatusValues: StockStatusValue[];
|
|
1743
|
+
|
|
1744
|
+
type StockStatusValue = 'in-stock' | 'low-stock' | 'out-of-stock' | 'preorder' | 'backorder';
|
|
1745
|
+
interface StockStatusProps extends HTMLAttributes<HTMLDivElement> {
|
|
1746
|
+
status: StockStatusValue;
|
|
1747
|
+
count?: number;
|
|
1748
|
+
label?: string;
|
|
1749
|
+
showIcon?: boolean;
|
|
1750
|
+
size?: 'sm' | 'md';
|
|
1739
1751
|
}
|
|
1740
1752
|
|
|
1741
|
-
declare
|
|
1753
|
+
declare const VariantSelector: react.ForwardRefExoticComponent<VariantSelectorProps & react.RefAttributes<HTMLDivElement>>;
|
|
1754
|
+
declare const variantSelectorModes: VariantSelectorMode[];
|
|
1742
1755
|
|
|
1743
|
-
|
|
1756
|
+
type VariantSelectorMode = 'button' | 'swatch' | 'dropdown';
|
|
1757
|
+
interface VariantOption {
|
|
1758
|
+
value: string;
|
|
1744
1759
|
label: string;
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
interface FooterColumn {
|
|
1748
|
-
title: string;
|
|
1749
|
-
links: FooterLink[];
|
|
1760
|
+
color?: string;
|
|
1761
|
+
disabled?: boolean;
|
|
1750
1762
|
}
|
|
1751
|
-
|
|
1752
|
-
interface SocialLink {
|
|
1763
|
+
interface VariantSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
1753
1764
|
label: string;
|
|
1754
|
-
|
|
1755
|
-
|
|
1765
|
+
options: VariantOption[];
|
|
1766
|
+
value?: string;
|
|
1767
|
+
onChange?: (value: string) => void;
|
|
1768
|
+
mode?: VariantSelectorMode;
|
|
1769
|
+
disabled?: boolean;
|
|
1756
1770
|
}
|
|
1757
|
-
|
|
1758
|
-
|
|
1771
|
+
|
|
1772
|
+
declare const VoucherCard: react.ForwardRefExoticComponent<VoucherCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
1773
|
+
|
|
1774
|
+
interface VoucherCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCopy'> {
|
|
1775
|
+
code: string;
|
|
1776
|
+
discount: string;
|
|
1759
1777
|
description?: string;
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
maxWidth?: ContainerMaxWidth;
|
|
1764
|
-
style?: CSSProperties;
|
|
1778
|
+
expiresAt?: string;
|
|
1779
|
+
copied?: boolean;
|
|
1780
|
+
onCopy?: (code: string) => void;
|
|
1765
1781
|
}
|
|
1766
1782
|
|
|
1767
|
-
declare
|
|
1783
|
+
declare const WishlistButton: react.ForwardRefExoticComponent<WishlistButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1768
1784
|
|
|
1769
|
-
interface
|
|
1770
|
-
label: string;
|
|
1771
|
-
href: string;
|
|
1785
|
+
interface WishlistButtonProps extends Omit<ButtonProps, 'startIcon' | 'endIcon' | 'children' | 'shape'> {
|
|
1772
1786
|
active?: boolean;
|
|
1787
|
+
label?: string;
|
|
1773
1788
|
}
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
|
|
1789
|
+
|
|
1790
|
+
declare const PromoStrip: react.ForwardRefExoticComponent<PromoStripProps & react.RefAttributes<HTMLDivElement>>;
|
|
1791
|
+
declare const promoStripVariants: PromoStripVariant[];
|
|
1792
|
+
|
|
1793
|
+
type PromoStripVariant = 'info' | 'success' | 'warning';
|
|
1794
|
+
interface PromoStripProps extends HTMLAttributes<HTMLDivElement> {
|
|
1795
|
+
message: ReactNode;
|
|
1796
|
+
actionLabel?: string;
|
|
1797
|
+
href?: string;
|
|
1798
|
+
variant?: PromoStripVariant;
|
|
1782
1799
|
}
|
|
1783
1800
|
|
|
1784
1801
|
interface CreateMyThemeOptions {
|
|
@@ -1829,9 +1846,4 @@ declare const themeLight: _mui_material.Theme;
|
|
|
1829
1846
|
declare const themeDark: _mui_material.Theme;
|
|
1830
1847
|
declare const themeHighContrast: _mui_material.Theme;
|
|
1831
1848
|
|
|
1832
|
-
|
|
1833
|
-
comments: CommentItem[];
|
|
1834
|
-
onLike: (commentId: string) => void;
|
|
1835
|
-
};
|
|
1836
|
-
|
|
1837
|
-
export { Accordion, type AccordionItemData, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertSeverity, Article, type ArticleProps, AspectRatio, type AspectRatioPreset, type AspectRatioProps, Avatar, type AvatarColor, type AvatarProps, type AvatarSize, BackToTop, type BackToTopPosition, type BackToTopProps, type BackToTopVariant, Badge, type BadgeProps, type BadgeVariant, BaseInput, type BaseInputProps, BaseSelectInput, type BaseSelectInputProps, Box, type BoxProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardPadding, type CardProps, type CardRounded, type CardVariant, Carousel, type CarouselProps, type CarouselSlide, CartButton, type CartButtonProps, type CartButtonSize, CartDrawer, type CartDrawerItem$1 as CartDrawerItem, CartDrawerItem as CartDrawerItemComponent, type CartDrawerItemProps, type CartDrawerProps, CategoryCard, CategoryCardImage, type CategoryCardImageProps, CategoryCardInfo, type CategoryCardInfoProps, type CategoryCardProps, CheckboxInput, type CheckboxInputProps, type CommandGroup, type CommandItem, CommandPalette, type CommandPaletteProps, CommentActions, type CommentActionsProps, type CommentAuthor, CommentBody, type CommentBodyProps, CommentCard, type CommentCardProps, type CommentItem, CommentMeta, type CommentMetaProps, CommentSection, type CommentSectionProps, type CompareProduct, type CompareSpecValue, CompareTool, type CompareToolProps, Container, type ContainerMaxWidth, type ContainerProps, ContextMenu, type ContextMenuItemData, type ContextMenuProps, type CookieCategory, CookieConsent, type CookieConsentProps, type CookiePreferences, CountdownTimer, type CountdownTimerProps, type CountdownTimerVariant, CountryFlag, type CountryFlagProps, CouponInput, type CouponInputProps, type CreateMyThemeOptions, DateTimePicker, type DateTimePickerMode, type DateTimePickerProps, DealCard, type DealCardProps, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FaqItem, type FaqItemData, type FaqItemProps, FaqSection, type FaqSectionProps, type Feature, FeatureGrid, type FeatureGridColumns, type FeatureGridProps, FeatureItem, type FeatureItemProps, FileInput, type FileInputProps, type FilterOption, FilterSidebar, type FilterSidebarProps, Footer, type FooterColumn, type FooterLink, type FooterProps, type GapValue, type GridValue, Image, type ImageProps, Lightbox, type LightboxImage, type LightboxProps, List, type ListItemData, type ListProps, type ListSize, type ListVariant, LogoCloud, type LogoCloudColumns, type LogoTileItem as LogoCloudItem, type LogoCloudProps, type LogoCloudVariant, LogoTile, type LogoTileItem, type LogoTileProps, type LogoTileVariant, Main, type MainProps, Marquee, type MarqueeDirection, type MarqueeProps, type MarqueeSpeed, Modal, type ModalProps, type ModalSize, MultiSelectInput, type MultiSelectInputProps, type MyThemeMode, MyThemeProvider, type MyThemeProviderProps, type NavItem, Navbar, type NavbarProps, type NewsletterLayout, NewsletterSection, type NewsletterSectionProps, NumberInput, type NumberInputProps, OrderSummary, type OrderSummaryItem$1 as OrderSummaryItem, OrderSummaryItem as OrderSummaryItemComponent, type OrderSummaryItemProps, type OrderSummaryLine, type OrderSummaryProps, OrderSummaryRow, type OrderSummaryRowProps, PaginationBar, type PaginationBarProps, type PaginationBarSize, PaginationButton, type PaginationButtonProps, type PaginationButtonSize, PaginationEllipsis, Partners, PasswordInput, type PasswordInputProps, type PaymentMethod, PaymentMethodSelector, type PaymentMethodSelectorProps, type PhoneCountry, PhoneInput, type PhoneInputMeta, type PhoneInputProps, PostCard, PostCardImage, type PostCardImageProps, PostCardMeta, type PostCardMetaProps, type PostCardProps, type PostCardVariant, Price, type PriceProps, type PriceRange, type PriceSize, PricingCard, PricingCardFeatureList, type PricingCardFeatureListProps, PricingCardPrice, type PricingCardPriceProps, type PricingCardProps, type PricingFeature, PricingSection, type PricingSectionProps, ProcessSection, type ProcessSectionProps, type ProcessSectionStep, ProcessStep, type ProcessStepProps, ProductCard, ProductCardHorizontal, type ProductCardHorizontalProps, ProductCardImage, type ProductCardImageProps, type ProductCardProps, ProductGallery, type ProductGalleryImage, type ProductGalleryProps, ProfileCard, type ProfileCardProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, ProgressCircle, type ProgressCircleProps, type ProgressCircleSize, type ProgressCircleVariant, PromoStrip, type PromoStripProps, type PromoStripVariant, Prose, type ProseProps, QuantitySelector, type QuantitySelectorProps, RadioInput, type RadioInputProps, RangeSlider, type RangeSliderProps, type RangeSliderSize, Rating, type RatingProps, RelatedProducts, type RelatedProductsLayout, type RelatedProductsProps, type ResponsiveValue, type Review, ReviewItem, type ReviewItemProps, ReviewSection, type ReviewSectionProps, ReviewSummary, type ReviewSummaryProps, SearchInput, type SearchInputProps, Section, SectionHeading, type SectionHeadingAlign, type SectionHeadingProps, type SectionProps, SelectInput, type SelectInputProps, type SelectOption, Separator, type SeparatorOrientation, type SeparatorProps, Sheet, type SheetPosition, type SheetProps, type SheetSize, type ShippingOption, ShippingSelector, type ShippingSelectorProps, Skeleton, type SkeletonProps, type SkeletonVariant, type SocialLink, type SocialPlatform, SortBar, type SortBarProps, type SortOption, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, type SpinnerVariant, StatCard, type StatCardProps, type StatItem, StatsSection, type StatsSectionColumns, type StatsSectionProps, StockStatus, type StockStatusProps, type StockStatusValue, type SwitchColor, SwitchInput, type SwitchInputProps, type TabItem, Tabs, type TabsProps, type TabsVariant, type TeamMember, TeamMemberAvatar, type TeamMemberAvatarProps, TeamMemberCard, type TeamMemberCardProps, TeamMemberInfo, type TeamMemberInfoProps, TeamSection, type TeamSectionColumns, type TeamSectionProps, type Testimonial, TestimonialAuthor, type TestimonialAuthorProps, TestimonialCard, type TestimonialCardProps, TestimonialQuote, type TestimonialQuoteProps, TestimonialsSection, type TestimonialsSectionColumns, type TestimonialsSectionProps, TextInput, type TextInputProps, TextareaInput, type TextareaInputProps, Timeline, type TimelineAlign, type TimelineItem, type TimelineItemStatus, type TimelineProps, type TimelineVariant, type VariantOption, VariantSelector, type VariantSelectorMode, type VariantSelectorProps, VideoPlayer, type VideoPlayerProps, type VideoPlayerProvider, type ViewMode, VoucherCard, type VoucherCardProps, WishlistButton, type WishlistButtonProps, accordionVariants, alertSeverities, aspectRatioPresets, avatarColors, avatarSizes, backToTopPositions, backToTopVariants, badgeVariants, cardPaddings, cardRoundeds, cardVariants, countdownTimerVariants, createMyTheme, dateTimePickerModes, defaultCookieCategories, featureGridColumns, listSizes, listVariants, logoCloudColumns, logoCloudVariants, logoTileVariants, marqueeDirections, marqueeSpeeds, modalSizes, myTheme, newsletterLayouts, postCardVariants, priceSizes, progressBarSizes, progressBarVariants, progressCircleSizes, progressCircleVariants, promoStripVariants, rangeSliderSizes, relatedProductsLayouts, sectionHeadingAligns, sheetPositions, sheetSizes, skeletonVariants, spinnerColors, spinnerSizes, spinnerVariants, statsSectionColumns, stockStatusValues, switchColors, tabsVariants, teamSectionColumns, testimonialsSectionColumns, themeDark, themeHighContrast, themeLight, timelineItemStatuses, timelineVariants, useCommentLikes, variantSelectorModes };
|
|
1849
|
+
export { Accordion, type AccordionItemData, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertSeverity, Article, type ArticleProps, AspectRatio, type AspectRatioPreset, type AspectRatioProps, Avatar, type AvatarColor, type AvatarProps, type AvatarSize, BackToTop, type BackToTopPosition, type BackToTopProps, type BackToTopVariant, Badge, type BadgeProps, type BadgeVariant, BaseInput, type BaseInputProps, BaseSelectInput, type BaseSelectInputProps, Box, type BoxProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, Button, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Card, type CardPadding, type CardProps, type CardRounded, type CardVariant, Carousel, type CarouselProps, type CarouselSlide, CartButton, type CartButtonProps, type CartButtonSize, CartDrawer, type CartDrawerItem$1 as CartDrawerItem, CartDrawerItem as CartDrawerItemComponent, type CartDrawerItemProps, type CartDrawerProps, CategoryCard, CategoryCardImage, type CategoryCardImageProps, CategoryCardInfo, type CategoryCardInfoProps, type CategoryCardProps, CheckboxInput, type CheckboxInputProps, CloseButton, type CloseButtonProps, type CommandGroup, type CommandItem, CommandPalette, type CommandPaletteProps, CommentActions, type CommentActionsProps, type CommentAuthor, CommentBody, type CommentBodyProps, CommentCard, type CommentCardProps, type CommentItem, CommentMeta, type CommentMetaProps, CommentSection, type CommentSectionProps, type CompareProduct, type CompareSpecValue, CompareTool, type CompareToolProps, Container, type ContainerMaxWidth, type ContainerProps, ContextMenu, type ContextMenuItemData, type ContextMenuProps, type CookieCategory, CookieConsent, type CookieConsentProps, type CookiePreferences, CountdownTimer, type CountdownTimerProps, type CountdownTimerVariant, CountryFlag, type CountryFlagProps, CouponInput, type CouponInputProps, type CreateMyThemeOptions, DateTimePicker, type DateTimePickerMode, type DateTimePickerProps, DealCard, type DealCardProps, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FaqItem, type FaqItemData, type FaqItemProps, FaqSection, type FaqSectionProps, type Feature, FeatureGrid, type FeatureGridColumns, type FeatureGridProps, FeatureItem, type FeatureItemProps, FileInput, type FileInputProps, type FilterOption, FilterSidebar, type FilterSidebarProps, Footer, type FooterColumn, type FooterLink, type FooterProps, type GapValue, type GridValue, Image, type ImageProps, Lightbox, type LightboxImage, type LightboxProps, List, type ListItemData, type ListProps, type ListSize, type ListVariant, LogoCloud, type LogoCloudColumns, type LogoTileItem as LogoCloudItem, type LogoCloudProps, type LogoCloudVariant, LogoTile, type LogoTileItem, type LogoTileProps, type LogoTileVariant, Main, type MainProps, Marquee, type MarqueeDirection, type MarqueeProps, type MarqueeSpeed, Modal, type ModalProps, type ModalSize, MultiSelectInput, type MultiSelectInputProps, type MyThemeMode, MyThemeProvider, type MyThemeProviderProps, type NavItem, Navbar, type NavbarProps, type NewsletterLayout, NewsletterSection, type NewsletterSectionProps, NumberInput, type NumberInputProps, OrderSummary, type OrderSummaryItem$1 as OrderSummaryItem, OrderSummaryItem as OrderSummaryItemComponent, type OrderSummaryItemProps, type OrderSummaryLine, type OrderSummaryProps, OrderSummaryRow, type OrderSummaryRowProps, PaginationBar, type PaginationBarProps, type PaginationBarSize, PaginationButton, type PaginationButtonProps, type PaginationButtonSize, type PaginationButtonVariant, PaginationEllipsis, Partners, PasswordInput, type PasswordInputProps, type PaymentMethod, PaymentMethodSelector, type PaymentMethodSelectorProps, type PhoneCountry, PhoneInput, type PhoneInputMeta, type PhoneInputProps, PostCard, PostCardImage, type PostCardImageProps, PostCardMeta, type PostCardMetaProps, type PostCardProps, type PostCardVariant, Price, type PriceProps, type PriceRange, type PriceSize, PricingCard, PricingCardFeatureList, type PricingCardFeatureListProps, PricingCardPrice, type PricingCardPriceProps, type PricingCardProps, type PricingFeature, PricingSection, type PricingSectionProps, ProcessSection, type ProcessSectionProps, type ProcessSectionStep, ProcessStep, type ProcessStepProps, ProductCard, ProductCardHorizontal, type ProductCardHorizontalProps, ProductCardImage, type ProductCardImageProps, type ProductCardProps, ProductGallery, type ProductGalleryImage, type ProductGalleryProps, ProfileCard, type ProfileCardProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, ProgressCircle, type ProgressCircleProps, type ProgressCircleSize, type ProgressCircleVariant, PromoStrip, type PromoStripProps, type PromoStripVariant, Prose, type ProseProps, QuantitySelector, type QuantitySelectorProps, RadioInput, type RadioInputProps, RangeSlider, type RangeSliderProps, type RangeSliderSize, Rating, type RatingProps, RelatedProducts, type RelatedProductsLayout, type RelatedProductsProps, type ResponsiveValue, type Review, ReviewItem, type ReviewItemProps, ReviewSection, type ReviewSectionProps, ReviewSummary, type ReviewSummaryProps, SearchInput, type SearchInputProps, Section, SectionHeading, type SectionHeadingAlign, type SectionHeadingProps, type SectionProps, SelectInput, type SelectInputProps, type SelectOption, Separator, type SeparatorOrientation, type SeparatorProps, Sheet, type SheetPosition, type SheetProps, type SheetSize, type ShippingOption, ShippingSelector, type ShippingSelectorProps, Skeleton, type SkeletonProps, type SkeletonVariant, type SocialLink, type SocialPlatform, SortBar, type SortBarProps, type SortOption, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, type SpinnerVariant, StatCard, type StatCardProps, type StatItem, StatsSection, type StatsSectionColumns, type StatsSectionProps, StockStatus, type StockStatusProps, type StockStatusValue, type SwitchColor, SwitchInput, type SwitchInputProps, type TabItem, Tabs, type TabsProps, type TabsVariant, type TeamMember, TeamMemberAvatar, type TeamMemberAvatarProps, TeamMemberCard, type TeamMemberCardProps, TeamMemberInfo, type TeamMemberInfoProps, TeamSection, type TeamSectionColumns, type TeamSectionProps, type Testimonial, TestimonialAuthor, type TestimonialAuthorProps, TestimonialCard, type TestimonialCardProps, TestimonialQuote, type TestimonialQuoteProps, TestimonialsSection, type TestimonialsSectionColumns, type TestimonialsSectionProps, TextInput, type TextInputProps, TextareaInput, type TextareaInputProps, Timeline, type TimelineAlign, type TimelineItem, type TimelineItemStatus, type TimelineProps, type TimelineVariant, type VariantOption, VariantSelector, type VariantSelectorMode, type VariantSelectorProps, VideoPlayer, type VideoPlayerProps, type VideoPlayerProvider, type ViewMode, VoucherCard, type VoucherCardProps, WishlistButton, type WishlistButtonProps, accordionVariants, alertSeverities, aspectRatioPresets, avatarColors, avatarSizes, backToTopPositions, backToTopVariants, badgeVariants, cardPaddings, cardRoundeds, cardVariants, countdownTimerVariants, createMyTheme, dateTimePickerModes, defaultCookieCategories, featureGridColumns, listSizes, listVariants, logoCloudColumns, logoCloudVariants, logoTileVariants, marqueeDirections, marqueeSpeeds, modalSizes, myTheme, newsletterLayouts, postCardVariants, priceSizes, progressBarSizes, progressBarVariants, progressCircleSizes, progressCircleVariants, promoStripVariants, rangeSliderSizes, relatedProductsLayouts, sectionHeadingAligns, sheetPositions, sheetSizes, skeletonVariants, spinnerColors, spinnerSizes, spinnerVariants, statsSectionColumns, stockStatusValues, switchColors, tabsVariants, teamSectionColumns, testimonialsSectionColumns, themeDark, themeHighContrast, themeLight, timelineItemStatuses, timelineVariants, variantSelectorModes };
|