@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.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 { ThemeOptions, Theme } from '@mui/material/styles';
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 function Badge({ variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
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
- type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive' | 'success' | 'ghost' | 'promo';
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
- declare const ProductCard: react.ForwardRefExoticComponent<ProductCardProps & react.RefAttributes<HTMLDivElement>>;
476
+ interface CategoryCardImageProps {
477
+ src?: string;
478
+ alt?: string;
479
+ }
476
480
 
477
- interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
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
- imageUrl?: string;
480
- imageAlt?: string;
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 ProductCardHorizontal: react.ForwardRefExoticComponent<ProductCardHorizontalProps & react.RefAttributes<HTMLDivElement>>;
492
+ declare const CategoryCardInfo: {
493
+ ({ name, count, countLabel, }: CategoryCardInfoProps): react_jsx_runtime.JSX.Element;
494
+ displayName: string;
495
+ };
495
496
 
496
- interface ProductCardHorizontalProps extends HTMLAttributes<HTMLDivElement> {
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?: number;
517
+ originalPrice: number;
502
518
  currency?: string;
503
519
  locale?: string;
504
- lowestPrice?: number;
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
- declare const TeamMemberCard: react.ForwardRefExoticComponent<TeamMemberCardProps & react.RefAttributes<HTMLDivElement>>;
738
+ interface TestimonialQuoteProps {
739
+ quote: string;
740
+ }
613
741
 
614
- interface TeamMember {
615
- name: string;
616
- role: string;
617
- initials?: string;
618
- avatarUrl?: string;
619
- avatarAlt?: string;
620
- avatarColor?: AvatarColor;
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
- interface TeamMemberCardProps extends HTMLAttributes<HTMLDivElement> {
623
- member: TeamMember;
624
- cardVariant?: CardVariant;
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: ReactNode;
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?: string | number;
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, ReviewSection, type ReviewSectionProps, SaleBadge, type SaleBadgeProps, type SaleBadgeVariant, 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, TeamMemberCard, type TeamMemberCardProps, TeamSection, type TeamSectionColumns, type TeamSectionProps, type Testimonial, TestimonialCard, type TestimonialCardProps, 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, 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, saleBadgeVariants, sectionHeadingAligns, skeletonVariants, spinnerColors, spinnerSizes, spinnerVariants, statsSectionColumns, stockStatusValues, switchColors, tabsVariants, teamSectionColumns, testimonialsSectionColumns, themeDark, themeHighContrast, themeLight, timelineItemStatuses, timelineVariants, variantSelectorModes };
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 };