@szymonpiatek/designsystem 0.0.7 → 0.0.9
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 +1830 -1234
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +349 -67
- package/dist/index.d.ts +349 -67
- package/dist/index.js +1804 -1232
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { ReactNode, MouseEventHandler, AriaAttributes, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, CSSProperties, FormEvent } from 'react';
|
|
2
|
+
import { ReactNode, MouseEventHandler, AriaAttributes, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, CSSProperties, ImgHTMLAttributes, FormEvent } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import {
|
|
4
|
+
import { Theme, CSSObject, ThemeOptions } from '@mui/material/styles';
|
|
5
5
|
import * as _mui_material from '@mui/material';
|
|
6
6
|
|
|
7
7
|
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -298,16 +298,6 @@ interface DateTimePickerProps {
|
|
|
298
298
|
}
|
|
299
299
|
declare const dateTimePickerModes: DateTimePickerMode[];
|
|
300
300
|
|
|
301
|
-
declare const CountryFlag: {
|
|
302
|
-
({ countryCode, size, style, ...rest }: CountryFlagProps): react_jsx_runtime.JSX.Element;
|
|
303
|
-
displayName: string;
|
|
304
|
-
};
|
|
305
|
-
|
|
306
|
-
interface CountryFlagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
307
|
-
countryCode: string;
|
|
308
|
-
size?: InputSize;
|
|
309
|
-
}
|
|
310
|
-
|
|
311
301
|
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';
|
|
312
302
|
type CardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
313
303
|
type CardRounded = 'none' | 'sm' | 'md' | 'lg' | 'full';
|
|
@@ -322,24 +312,25 @@ declare const cardVariants: CardVariant[];
|
|
|
322
312
|
declare const cardPaddings: CardPadding[];
|
|
323
313
|
declare const cardRoundeds: CardRounded[];
|
|
324
314
|
|
|
325
|
-
declare
|
|
315
|
+
declare const variantStyles: {
|
|
316
|
+
default: (theme: Theme) => CSSObject;
|
|
317
|
+
secondary: (theme: Theme) => CSSObject;
|
|
318
|
+
outline: (theme: Theme) => CSSObject;
|
|
319
|
+
destructive: (theme: Theme) => CSSObject;
|
|
320
|
+
success: (theme: Theme) => CSSObject;
|
|
321
|
+
ghost: (theme: Theme) => CSSObject;
|
|
322
|
+
warning: (theme: Theme) => CSSObject;
|
|
323
|
+
promo: (theme: Theme) => CSSObject;
|
|
324
|
+
};
|
|
325
|
+
type BadgeVariant = keyof typeof variantStyles;
|
|
326
326
|
declare const badgeVariants: BadgeVariant[];
|
|
327
327
|
|
|
328
|
-
|
|
328
|
+
declare function Badge({ variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
329
|
+
|
|
329
330
|
interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
330
331
|
variant?: BadgeVariant;
|
|
331
332
|
}
|
|
332
333
|
|
|
333
|
-
type SaleBadgeVariant = 'default' | 'flash' | 'new' | 'hot';
|
|
334
|
-
interface SaleBadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
335
|
-
discount?: number;
|
|
336
|
-
label?: string;
|
|
337
|
-
variant?: SaleBadgeVariant;
|
|
338
|
-
}
|
|
339
|
-
|
|
340
|
-
declare function SaleBadge({ discount, label, variant, ...props }: SaleBadgeProps): react_jsx_runtime.JSX.Element;
|
|
341
|
-
declare const saleBadgeVariants: SaleBadgeVariant[];
|
|
342
|
-
|
|
343
334
|
declare function Avatar({ initials, size, color, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
344
335
|
declare const avatarSizes: AvatarSize[];
|
|
345
336
|
declare const avatarColors: AvatarColor[];
|
|
@@ -352,6 +343,16 @@ interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
|
|
|
352
343
|
color?: AvatarColor;
|
|
353
344
|
}
|
|
354
345
|
|
|
346
|
+
declare const CountryFlag: {
|
|
347
|
+
({ countryCode, size, style, ...rest }: CountryFlagProps): react_jsx_runtime.JSX.Element;
|
|
348
|
+
displayName: string;
|
|
349
|
+
};
|
|
350
|
+
|
|
351
|
+
interface CountryFlagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
352
|
+
countryCode: string;
|
|
353
|
+
size?: InputSize;
|
|
354
|
+
}
|
|
355
|
+
|
|
355
356
|
declare function SectionHeading({ title, description, align, as, ...props }: SectionHeadingProps): react_jsx_runtime.JSX.Element;
|
|
356
357
|
declare const sectionHeadingAligns: SectionHeadingAlign[];
|
|
357
358
|
|
|
@@ -472,40 +473,51 @@ interface CategoryCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
472
473
|
|
|
473
474
|
declare const CategoryCard: react.ForwardRefExoticComponent<CategoryCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
474
475
|
|
|
475
|
-
|
|
476
|
+
interface CategoryCardImageProps {
|
|
477
|
+
src?: string;
|
|
478
|
+
alt?: string;
|
|
479
|
+
}
|
|
476
480
|
|
|
477
|
-
|
|
481
|
+
declare const CategoryCardImage: {
|
|
482
|
+
({ src, alt }: CategoryCardImageProps): react_jsx_runtime.JSX.Element;
|
|
483
|
+
displayName: string;
|
|
484
|
+
};
|
|
485
|
+
|
|
486
|
+
interface CategoryCardInfoProps {
|
|
478
487
|
name: string;
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
price: number;
|
|
482
|
-
originalPrice?: number;
|
|
483
|
-
currency?: string;
|
|
484
|
-
locale?: string;
|
|
485
|
-
lowestPrice?: number;
|
|
486
|
-
badge?: string;
|
|
487
|
-
badgeVariant?: BadgeVariant;
|
|
488
|
-
rating?: number;
|
|
489
|
-
reviewCount?: number;
|
|
490
|
-
ctaLabel?: string;
|
|
491
|
-
onAddToCart?: () => void;
|
|
488
|
+
count?: number;
|
|
489
|
+
countLabel?: string;
|
|
492
490
|
}
|
|
493
491
|
|
|
494
|
-
declare const
|
|
492
|
+
declare const CategoryCardInfo: {
|
|
493
|
+
({ name, count, countLabel, }: CategoryCardInfoProps): react_jsx_runtime.JSX.Element;
|
|
494
|
+
displayName: string;
|
|
495
|
+
};
|
|
495
496
|
|
|
496
|
-
|
|
497
|
+
declare const ProfileCard: react.ForwardRefExoticComponent<ProfileCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
498
|
+
|
|
499
|
+
interface ProfileCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
500
|
+
name: string;
|
|
501
|
+
subtitle?: string;
|
|
502
|
+
initials?: string;
|
|
503
|
+
avatarUrl?: string;
|
|
504
|
+
avatarColor?: AvatarColor;
|
|
505
|
+
avatarSize?: AvatarSize;
|
|
506
|
+
actions?: ReactNode;
|
|
507
|
+
cardVariant?: CardVariant;
|
|
508
|
+
}
|
|
509
|
+
|
|
510
|
+
declare const DealCard: react.ForwardRefExoticComponent<DealCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
511
|
+
|
|
512
|
+
interface DealCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
497
513
|
name: string;
|
|
498
514
|
imageUrl?: string;
|
|
499
515
|
imageAlt?: string;
|
|
500
516
|
price: number;
|
|
501
|
-
originalPrice
|
|
517
|
+
originalPrice: number;
|
|
502
518
|
currency?: string;
|
|
503
519
|
locale?: string;
|
|
504
|
-
|
|
505
|
-
badge?: string;
|
|
506
|
-
badgeVariant?: BadgeVariant;
|
|
507
|
-
rating?: number;
|
|
508
|
-
reviewCount?: number;
|
|
520
|
+
dealEndsAt?: string;
|
|
509
521
|
ctaLabel?: string;
|
|
510
522
|
onAddToCart?: () => void;
|
|
511
523
|
}
|
|
@@ -523,6 +535,7 @@ interface PostCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
523
535
|
author?: string;
|
|
524
536
|
href?: string;
|
|
525
537
|
category?: string;
|
|
538
|
+
categoryBadgeVariant?: BadgeVariant;
|
|
526
539
|
variant?: PostCardVariant;
|
|
527
540
|
cardVariant?: CardVariant;
|
|
528
541
|
}
|
|
@@ -578,9 +591,84 @@ interface PricingCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
578
591
|
href?: string;
|
|
579
592
|
popular?: boolean;
|
|
580
593
|
popularLabel?: string;
|
|
594
|
+
popularBadgeVariant?: BadgeVariant;
|
|
581
595
|
cardVariant?: CardVariant;
|
|
582
596
|
}
|
|
583
597
|
|
|
598
|
+
interface PricingCardPriceProps {
|
|
599
|
+
price: string | number;
|
|
600
|
+
currency?: string;
|
|
601
|
+
period?: string;
|
|
602
|
+
}
|
|
603
|
+
|
|
604
|
+
declare const PricingCardPrice: {
|
|
605
|
+
({ price, currency, period }: PricingCardPriceProps): react_jsx_runtime.JSX.Element;
|
|
606
|
+
displayName: string;
|
|
607
|
+
};
|
|
608
|
+
|
|
609
|
+
interface PricingCardFeatureListProps {
|
|
610
|
+
features: PricingFeature[];
|
|
611
|
+
}
|
|
612
|
+
|
|
613
|
+
declare const PricingCardFeatureList: {
|
|
614
|
+
({ features }: PricingCardFeatureListProps): react_jsx_runtime.JSX.Element;
|
|
615
|
+
displayName: string;
|
|
616
|
+
};
|
|
617
|
+
|
|
618
|
+
declare const ProductCard: react.ForwardRefExoticComponent<ProductCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
619
|
+
|
|
620
|
+
interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
621
|
+
name: string;
|
|
622
|
+
imageUrl?: string;
|
|
623
|
+
imageAlt?: string;
|
|
624
|
+
price: number;
|
|
625
|
+
originalPrice?: number;
|
|
626
|
+
currency?: string;
|
|
627
|
+
locale?: string;
|
|
628
|
+
lowestPrice?: number;
|
|
629
|
+
badge?: string;
|
|
630
|
+
badgeVariant?: BadgeVariant;
|
|
631
|
+
imageRatio?: AspectRatioPreset | number;
|
|
632
|
+
rating?: number;
|
|
633
|
+
reviewCount?: number;
|
|
634
|
+
ctaLabel?: string;
|
|
635
|
+
onAddToCart?: () => void;
|
|
636
|
+
buttonVariant?: ButtonVariant;
|
|
637
|
+
disabledButton?: boolean;
|
|
638
|
+
hideButton?: boolean;
|
|
639
|
+
}
|
|
640
|
+
|
|
641
|
+
interface ProductCardImageProps {
|
|
642
|
+
src?: string;
|
|
643
|
+
alt?: string;
|
|
644
|
+
badge?: string;
|
|
645
|
+
badgeVariant?: BadgeVariant;
|
|
646
|
+
}
|
|
647
|
+
|
|
648
|
+
declare const ProductCardImage: {
|
|
649
|
+
({ src, alt, badge, badgeVariant, }: ProductCardImageProps): react_jsx_runtime.JSX.Element;
|
|
650
|
+
displayName: string;
|
|
651
|
+
};
|
|
652
|
+
|
|
653
|
+
declare const ProductCardHorizontal: react.ForwardRefExoticComponent<ProductCardHorizontalProps & react.RefAttributes<HTMLDivElement>>;
|
|
654
|
+
|
|
655
|
+
interface ProductCardHorizontalProps extends HTMLAttributes<HTMLDivElement> {
|
|
656
|
+
name: string;
|
|
657
|
+
imageUrl?: string;
|
|
658
|
+
imageAlt?: string;
|
|
659
|
+
price: number;
|
|
660
|
+
originalPrice?: number;
|
|
661
|
+
currency?: string;
|
|
662
|
+
locale?: string;
|
|
663
|
+
lowestPrice?: number;
|
|
664
|
+
badge?: string;
|
|
665
|
+
badgeVariant?: BadgeVariant;
|
|
666
|
+
rating?: number;
|
|
667
|
+
reviewCount?: number;
|
|
668
|
+
ctaLabel?: string;
|
|
669
|
+
onAddToCart?: () => void;
|
|
670
|
+
}
|
|
671
|
+
|
|
584
672
|
declare const StatCard: react.ForwardRefExoticComponent<StatCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
585
673
|
|
|
586
674
|
interface StatItem {
|
|
@@ -594,6 +682,44 @@ interface StatCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
594
682
|
align?: 'left' | 'center';
|
|
595
683
|
}
|
|
596
684
|
|
|
685
|
+
declare const TeamMemberCard: react.ForwardRefExoticComponent<TeamMemberCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
686
|
+
|
|
687
|
+
interface TeamMember {
|
|
688
|
+
name: string;
|
|
689
|
+
role: string;
|
|
690
|
+
initials?: string;
|
|
691
|
+
avatarUrl?: string;
|
|
692
|
+
avatarAlt?: string;
|
|
693
|
+
avatarColor?: AvatarColor;
|
|
694
|
+
}
|
|
695
|
+
interface TeamMemberCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
696
|
+
member: TeamMember;
|
|
697
|
+
cardVariant?: CardVariant;
|
|
698
|
+
}
|
|
699
|
+
|
|
700
|
+
interface TeamMemberAvatarProps {
|
|
701
|
+
name: string;
|
|
702
|
+
avatarUrl?: string;
|
|
703
|
+
avatarAlt?: string;
|
|
704
|
+
initials?: string;
|
|
705
|
+
avatarColor?: AvatarColor;
|
|
706
|
+
}
|
|
707
|
+
|
|
708
|
+
declare const TeamMemberAvatar: {
|
|
709
|
+
({ name, avatarUrl, avatarAlt, initials, avatarColor, }: TeamMemberAvatarProps): react_jsx_runtime.JSX.Element;
|
|
710
|
+
displayName: string;
|
|
711
|
+
};
|
|
712
|
+
|
|
713
|
+
interface TeamMemberInfoProps {
|
|
714
|
+
name: string;
|
|
715
|
+
role?: string;
|
|
716
|
+
}
|
|
717
|
+
|
|
718
|
+
declare const TeamMemberInfo: {
|
|
719
|
+
({ name, role }: TeamMemberInfoProps): react_jsx_runtime.JSX.Element;
|
|
720
|
+
displayName: string;
|
|
721
|
+
};
|
|
722
|
+
|
|
597
723
|
declare const TestimonialCard: react.ForwardRefExoticComponent<TestimonialCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
598
724
|
|
|
599
725
|
interface Testimonial {
|
|
@@ -609,21 +735,38 @@ interface TestimonialCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
609
735
|
cardVariant?: CardVariant;
|
|
610
736
|
}
|
|
611
737
|
|
|
612
|
-
|
|
738
|
+
interface TestimonialQuoteProps {
|
|
739
|
+
quote: string;
|
|
740
|
+
}
|
|
613
741
|
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
742
|
+
declare const TestimonialQuote: {
|
|
743
|
+
({ quote }: TestimonialQuoteProps): react_jsx_runtime.JSX.Element;
|
|
744
|
+
displayName: string;
|
|
745
|
+
};
|
|
746
|
+
|
|
747
|
+
interface TestimonialAuthorProps {
|
|
748
|
+
authorName: string;
|
|
749
|
+
authorRole?: string;
|
|
750
|
+
authorAvatarUrl?: string;
|
|
751
|
+
authorInitials?: string;
|
|
621
752
|
}
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
753
|
+
|
|
754
|
+
declare const TestimonialAuthor: {
|
|
755
|
+
({ authorName, authorRole, authorAvatarUrl, authorInitials, }: TestimonialAuthorProps): react_jsx_runtime.JSX.Element;
|
|
756
|
+
displayName: string;
|
|
757
|
+
};
|
|
758
|
+
|
|
759
|
+
interface VoucherCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCopy'> {
|
|
760
|
+
code: string;
|
|
761
|
+
discount: string;
|
|
762
|
+
description?: string;
|
|
763
|
+
expiresAt?: string;
|
|
764
|
+
copied?: boolean;
|
|
765
|
+
onCopy?: (code: string) => void;
|
|
625
766
|
}
|
|
626
767
|
|
|
768
|
+
declare const VoucherCard: react.ForwardRefExoticComponent<VoucherCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
769
|
+
|
|
627
770
|
declare function CompareTool({ products, specLabels, onRemove, highlightDifferences, className, }: CompareToolProps): react_jsx_runtime.JSX.Element | null;
|
|
628
771
|
|
|
629
772
|
type CompareSpecValue = string | number | boolean;
|
|
@@ -715,6 +858,7 @@ interface ProductGalleryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
|
|
|
715
858
|
images: ProductGalleryImage[];
|
|
716
859
|
selectedIndex?: number;
|
|
717
860
|
onSelect?: (index: number) => void;
|
|
861
|
+
imageRatio?: AspectRatioPreset | number;
|
|
718
862
|
}
|
|
719
863
|
|
|
720
864
|
declare const PromoStrip: react.ForwardRefExoticComponent<PromoStripProps & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -806,6 +950,59 @@ interface VariantSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
|
|
|
806
950
|
declare const VariantSelector: react.ForwardRefExoticComponent<VariantSelectorProps & react.RefAttributes<HTMLDivElement>>;
|
|
807
951
|
declare const variantSelectorModes: VariantSelectorMode[];
|
|
808
952
|
|
|
953
|
+
declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
954
|
+
|
|
955
|
+
interface CommentAuthor {
|
|
956
|
+
name: string;
|
|
957
|
+
avatarUrl?: string;
|
|
958
|
+
isPostAuthor?: boolean;
|
|
959
|
+
}
|
|
960
|
+
interface CommentItem {
|
|
961
|
+
id: string;
|
|
962
|
+
author: CommentAuthor;
|
|
963
|
+
date: string;
|
|
964
|
+
content: string;
|
|
965
|
+
likesCount?: number;
|
|
966
|
+
replies?: CommentItem[];
|
|
967
|
+
}
|
|
968
|
+
interface CommentCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
969
|
+
comment: CommentItem;
|
|
970
|
+
depth?: number;
|
|
971
|
+
onLike?: (commentId: string) => void;
|
|
972
|
+
onReply?: (commentId: string) => void;
|
|
973
|
+
}
|
|
974
|
+
|
|
975
|
+
interface CommentMetaProps {
|
|
976
|
+
author: CommentAuthor;
|
|
977
|
+
date: string;
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
declare function CommentMeta({ author, date }: CommentMetaProps): react_jsx_runtime.JSX.Element;
|
|
981
|
+
declare namespace CommentMeta {
|
|
982
|
+
var displayName: string;
|
|
983
|
+
}
|
|
984
|
+
|
|
985
|
+
interface CommentBodyProps {
|
|
986
|
+
content: string;
|
|
987
|
+
}
|
|
988
|
+
|
|
989
|
+
declare function CommentBody({ content }: CommentBodyProps): react_jsx_runtime.JSX.Element;
|
|
990
|
+
declare namespace CommentBody {
|
|
991
|
+
var displayName: string;
|
|
992
|
+
}
|
|
993
|
+
|
|
994
|
+
interface CommentActionsProps {
|
|
995
|
+
commentId: string;
|
|
996
|
+
likesCount?: number;
|
|
997
|
+
onLike?: (commentId: string) => void;
|
|
998
|
+
onReply?: (commentId: string) => void;
|
|
999
|
+
}
|
|
1000
|
+
|
|
1001
|
+
declare function CommentActions({ commentId, likesCount, onLike, onReply }: CommentActionsProps): react_jsx_runtime.JSX.Element;
|
|
1002
|
+
declare namespace CommentActions {
|
|
1003
|
+
var displayName: string;
|
|
1004
|
+
}
|
|
1005
|
+
|
|
809
1006
|
declare const FaqItem: react.ForwardRefExoticComponent<FaqItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
810
1007
|
|
|
811
1008
|
interface FaqItemData {
|
|
@@ -911,6 +1108,16 @@ interface CarouselProps {
|
|
|
911
1108
|
className?: string;
|
|
912
1109
|
}
|
|
913
1110
|
|
|
1111
|
+
interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'src'> {
|
|
1112
|
+
src?: string;
|
|
1113
|
+
alt?: string;
|
|
1114
|
+
ratio?: AspectRatioPreset | number;
|
|
1115
|
+
objectFit?: CSSProperties['objectFit'];
|
|
1116
|
+
objectPosition?: CSSProperties['objectPosition'];
|
|
1117
|
+
}
|
|
1118
|
+
|
|
1119
|
+
declare const Image: react.ForwardRefExoticComponent<ImageProps & react.RefAttributes<HTMLImageElement>>;
|
|
1120
|
+
|
|
914
1121
|
declare function VideoPlayer({ src, provider, title, poster, ratio, autoPlay, muted, loop, controls, className, }: VideoPlayerProps): react_jsx_runtime.JSX.Element;
|
|
915
1122
|
|
|
916
1123
|
type VideoPlayerProvider = 'youtube' | 'vimeo' | 'local' | 'auto';
|
|
@@ -1015,7 +1222,7 @@ type AlertSeverity = 'info' | 'success' | 'warning' | 'error';
|
|
|
1015
1222
|
interface AlertProps extends HTMLAttributes<HTMLDivElement> {
|
|
1016
1223
|
severity?: AlertSeverity;
|
|
1017
1224
|
title?: string;
|
|
1018
|
-
children
|
|
1225
|
+
children?: ReactNode;
|
|
1019
1226
|
onClose?: () => void;
|
|
1020
1227
|
icon?: ReactNode;
|
|
1021
1228
|
}
|
|
@@ -1133,7 +1340,7 @@ declare const tabsVariants: TabsVariant[];
|
|
|
1133
1340
|
|
|
1134
1341
|
declare const CartDrawer: react.ForwardRefExoticComponent<CartDrawerProps & react.RefAttributes<HTMLDivElement>>;
|
|
1135
1342
|
|
|
1136
|
-
interface CartDrawerItem {
|
|
1343
|
+
interface CartDrawerItem$1 {
|
|
1137
1344
|
id: string;
|
|
1138
1345
|
name: string;
|
|
1139
1346
|
price: string;
|
|
@@ -1144,7 +1351,7 @@ interface CartDrawerItem {
|
|
|
1144
1351
|
interface CartDrawerProps extends HTMLAttributes<HTMLDivElement> {
|
|
1145
1352
|
open: boolean;
|
|
1146
1353
|
title?: string;
|
|
1147
|
-
items: CartDrawerItem[];
|
|
1354
|
+
items: CartDrawerItem$1[];
|
|
1148
1355
|
subtotal: string;
|
|
1149
1356
|
checkoutLabel?: string;
|
|
1150
1357
|
closeLabel?: string;
|
|
@@ -1154,6 +1361,22 @@ interface CartDrawerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1154
1361
|
onRemove?: (id: string) => void;
|
|
1155
1362
|
}
|
|
1156
1363
|
|
|
1364
|
+
interface CartDrawerItemProps {
|
|
1365
|
+
id: string;
|
|
1366
|
+
name: string;
|
|
1367
|
+
price: string;
|
|
1368
|
+
quantity: number;
|
|
1369
|
+
imageUrl?: string;
|
|
1370
|
+
imageAlt?: string;
|
|
1371
|
+
onQuantityChange?: (id: string, quantity: number) => void;
|
|
1372
|
+
onRemove?: (id: string) => void;
|
|
1373
|
+
}
|
|
1374
|
+
|
|
1375
|
+
declare const CartDrawerItem: {
|
|
1376
|
+
({ id, name, price, quantity, imageUrl, imageAlt, onQuantityChange, onRemove, }: CartDrawerItemProps): react_jsx_runtime.JSX.Element;
|
|
1377
|
+
displayName: string;
|
|
1378
|
+
};
|
|
1379
|
+
|
|
1157
1380
|
declare const FilterSidebar: react.ForwardRefExoticComponent<FilterSidebarProps & react.RefAttributes<HTMLDivElement>>;
|
|
1158
1381
|
|
|
1159
1382
|
interface FilterOption {
|
|
@@ -1186,7 +1409,7 @@ interface OrderSummaryLine {
|
|
|
1186
1409
|
label: ReactNode;
|
|
1187
1410
|
value: ReactNode;
|
|
1188
1411
|
}
|
|
1189
|
-
interface OrderSummaryItem {
|
|
1412
|
+
interface OrderSummaryItem$1 {
|
|
1190
1413
|
id: string;
|
|
1191
1414
|
name: ReactNode;
|
|
1192
1415
|
price: ReactNode;
|
|
@@ -1197,7 +1420,7 @@ interface OrderSummaryItem {
|
|
|
1197
1420
|
}
|
|
1198
1421
|
interface OrderSummaryProps extends HTMLAttributes<HTMLDivElement> {
|
|
1199
1422
|
title?: string;
|
|
1200
|
-
items?: OrderSummaryItem[];
|
|
1423
|
+
items?: OrderSummaryItem$1[];
|
|
1201
1424
|
itemsTitle?: string;
|
|
1202
1425
|
subtotal: ReactNode;
|
|
1203
1426
|
shipping?: ReactNode;
|
|
@@ -1209,6 +1432,32 @@ interface OrderSummaryProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1209
1432
|
onCheckout?: () => void;
|
|
1210
1433
|
}
|
|
1211
1434
|
|
|
1435
|
+
interface OrderSummaryItemProps {
|
|
1436
|
+
id: string;
|
|
1437
|
+
name: ReactNode;
|
|
1438
|
+
price: ReactNode;
|
|
1439
|
+
imageUrl?: string;
|
|
1440
|
+
imageAlt?: string;
|
|
1441
|
+
quantity?: number;
|
|
1442
|
+
meta?: ReactNode;
|
|
1443
|
+
}
|
|
1444
|
+
|
|
1445
|
+
declare const OrderSummaryItem: {
|
|
1446
|
+
({ name, price, imageUrl, imageAlt, quantity, meta, }: OrderSummaryItemProps): react_jsx_runtime.JSX.Element;
|
|
1447
|
+
displayName: string;
|
|
1448
|
+
};
|
|
1449
|
+
|
|
1450
|
+
interface OrderSummaryRowProps {
|
|
1451
|
+
label: ReactNode;
|
|
1452
|
+
value: ReactNode;
|
|
1453
|
+
total?: boolean;
|
|
1454
|
+
}
|
|
1455
|
+
|
|
1456
|
+
declare const OrderSummaryRow: {
|
|
1457
|
+
({ label, value, total }: OrderSummaryRowProps): react_jsx_runtime.JSX.Element;
|
|
1458
|
+
displayName: string;
|
|
1459
|
+
};
|
|
1460
|
+
|
|
1212
1461
|
type RelatedProductsLayout = 'grid' | 'scroll';
|
|
1213
1462
|
interface RelatedProductsProps extends HTMLAttributes<HTMLDivElement> {
|
|
1214
1463
|
products: ProductCardProps[];
|
|
@@ -1241,6 +1490,36 @@ interface ReviewSectionProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1241
1490
|
|
|
1242
1491
|
declare const ReviewSection: react.ForwardRefExoticComponent<ReviewSectionProps & react.RefAttributes<HTMLDivElement>>;
|
|
1243
1492
|
|
|
1493
|
+
interface ReviewItemProps {
|
|
1494
|
+
review: Review;
|
|
1495
|
+
}
|
|
1496
|
+
|
|
1497
|
+
declare const ReviewItem: {
|
|
1498
|
+
({ review }: ReviewItemProps): react_jsx_runtime.JSX.Element;
|
|
1499
|
+
displayName: string;
|
|
1500
|
+
};
|
|
1501
|
+
|
|
1502
|
+
interface ReviewSummaryProps {
|
|
1503
|
+
averageRating: number;
|
|
1504
|
+
totalReviews?: number;
|
|
1505
|
+
ratingDistribution?: Record<1 | 2 | 3 | 4 | 5, number>;
|
|
1506
|
+
}
|
|
1507
|
+
|
|
1508
|
+
declare const ReviewSummary: {
|
|
1509
|
+
({ averageRating, totalReviews, ratingDistribution, }: ReviewSummaryProps): react_jsx_runtime.JSX.Element;
|
|
1510
|
+
displayName: string;
|
|
1511
|
+
};
|
|
1512
|
+
|
|
1513
|
+
declare const CommentSection: react.ForwardRefExoticComponent<CommentSectionProps & react.RefAttributes<HTMLElement>>;
|
|
1514
|
+
|
|
1515
|
+
interface CommentSectionProps extends HTMLAttributes<HTMLElement> {
|
|
1516
|
+
title?: string;
|
|
1517
|
+
comments: CommentItem[];
|
|
1518
|
+
maxWidth?: ContainerMaxWidth;
|
|
1519
|
+
onLike?: (commentId: string) => void;
|
|
1520
|
+
onReply?: (commentId: string) => void;
|
|
1521
|
+
}
|
|
1522
|
+
|
|
1244
1523
|
declare const FaqSection: react.ForwardRefExoticComponent<FaqSectionProps & react.RefAttributes<HTMLElement>>;
|
|
1245
1524
|
|
|
1246
1525
|
interface FaqSectionProps extends HTMLAttributes<HTMLElement> {
|
|
@@ -1423,7 +1702,7 @@ interface CookieConsentProps {
|
|
|
1423
1702
|
privacyPolicyHref?: string;
|
|
1424
1703
|
}
|
|
1425
1704
|
|
|
1426
|
-
declare function Footer({ logo, description, columns, socialLinks, copyright, }: FooterProps): react_jsx_runtime.JSX.Element;
|
|
1705
|
+
declare function Footer({ logo, description, columns, socialLinks, copyright, maxWidth, style, }: FooterProps): react_jsx_runtime.JSX.Element;
|
|
1427
1706
|
|
|
1428
1707
|
interface FooterLink {
|
|
1429
1708
|
label: string;
|
|
@@ -1445,9 +1724,11 @@ interface FooterProps {
|
|
|
1445
1724
|
columns?: FooterColumn[];
|
|
1446
1725
|
socialLinks?: SocialLink[];
|
|
1447
1726
|
copyright?: string;
|
|
1727
|
+
maxWidth?: ContainerMaxWidth;
|
|
1728
|
+
style?: CSSProperties;
|
|
1448
1729
|
}
|
|
1449
1730
|
|
|
1450
|
-
declare function Navbar({ logo, navItems, actions, sticky, variant, maxWidth, }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
1731
|
+
declare function Navbar({ logo, navItems, actions, sticky, variant, maxWidth, style, }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
1451
1732
|
|
|
1452
1733
|
interface NavItem {
|
|
1453
1734
|
label: string;
|
|
@@ -1460,7 +1741,8 @@ interface NavbarProps {
|
|
|
1460
1741
|
actions?: ReactNode;
|
|
1461
1742
|
sticky?: boolean;
|
|
1462
1743
|
variant?: 'filled' | 'transparent';
|
|
1463
|
-
maxWidth?:
|
|
1744
|
+
maxWidth?: ContainerMaxWidth;
|
|
1745
|
+
style?: CSSProperties;
|
|
1464
1746
|
}
|
|
1465
1747
|
|
|
1466
1748
|
interface CreateMyThemeOptions {
|
|
@@ -1511,4 +1793,4 @@ declare const themeLight: _mui_material.Theme;
|
|
|
1511
1793
|
declare const themeDark: _mui_material.Theme;
|
|
1512
1794
|
declare const themeHighContrast: _mui_material.Theme;
|
|
1513
1795
|
|
|
1514
|
-
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, type CartDrawerProps, CategoryCard, type CategoryCardProps, CheckboxInput, type CheckboxInputProps, type CommandGroup, type CommandItem, CommandPalette, type CommandPaletteProps, 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, 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, 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, type OrderSummaryLine, type OrderSummaryProps, 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, type PricingCardProps, type PricingFeature, PricingSection, type PricingSectionProps, ProcessSection, type ProcessSectionProps, type ProcessSectionStep, ProcessStep, type ProcessStepProps, ProductCard, ProductCardHorizontal, type ProductCardHorizontalProps, type ProductCardProps, ProductGallery, type ProductGalleryImage, type ProductGalleryProps, 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, RangeSlider, type RangeSliderProps, type RangeSliderSize, Rating, type RatingProps, RelatedProducts, type RelatedProductsLayout, type RelatedProductsProps, type ResponsiveValue, type Review,
|
|
1796
|
+
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, 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, 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, skeletonVariants, spinnerColors, spinnerSizes, spinnerVariants, statsSectionColumns, stockStatusValues, switchColors, tabsVariants, teamSectionColumns, testimonialsSectionColumns, themeDark, themeHighContrast, themeLight, timelineItemStatuses, timelineVariants, variantSelectorModes };
|