@szymonpiatek/designsystem 0.0.6 → 0.0.8

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.cts CHANGED
@@ -1,7 +1,8 @@
1
1
  import * as react from 'react';
2
- import { ReactNode, MouseEventHandler, AriaAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, CSSProperties, FormEvent } from 'react';
2
+ import { ReactNode, MouseEventHandler, AriaAttributes, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, CSSProperties, FormEvent } from 'react';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import * as _mui_material_styles from '@mui/material/styles';
4
+ import * as _mui_material from '@mui/material';
5
+ import { ContainerProps as ContainerProps$1 } from '@mui/material';
5
6
  import { ThemeOptions, Theme } from '@mui/material/styles';
6
7
 
7
8
  declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
@@ -24,6 +25,28 @@ interface ButtonProps {
24
25
  'aria-current'?: AriaAttributes['aria-current'];
25
26
  }
26
27
 
28
+ declare const CartButton: react.ForwardRefExoticComponent<CartButtonProps & react.RefAttributes<HTMLButtonElement>>;
29
+
30
+ type CartButtonSize = 'sm' | 'md' | 'lg';
31
+ interface CartButtonProps {
32
+ count?: number;
33
+ size?: CartButtonSize;
34
+ label?: string;
35
+ disabled?: boolean;
36
+ onClick?: MouseEventHandler<HTMLButtonElement>;
37
+ className?: string;
38
+ 'aria-label'?: string;
39
+ }
40
+
41
+ interface WishlistButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
42
+ active?: boolean;
43
+ loading?: boolean;
44
+ size?: 'sm' | 'md' | 'lg';
45
+ label?: string;
46
+ }
47
+
48
+ declare const WishlistButton: react.ForwardRefExoticComponent<WishlistButtonProps & react.RefAttributes<HTMLButtonElement>>;
49
+
27
50
  declare const BaseInput: react.ForwardRefExoticComponent<BaseInputProps & react.RefAttributes<HTMLInputElement>>;
28
51
 
29
52
  type InputSize = 'sm' | 'md' | 'lg';
@@ -308,6 +331,16 @@ interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
308
331
  variant?: BadgeVariant;
309
332
  }
310
333
 
334
+ type SaleBadgeVariant = 'default' | 'flash' | 'new' | 'hot';
335
+ interface SaleBadgeProps extends HTMLAttributes<HTMLSpanElement> {
336
+ discount?: number;
337
+ label?: string;
338
+ variant?: SaleBadgeVariant;
339
+ }
340
+
341
+ declare function SaleBadge({ discount, label, variant, ...props }: SaleBadgeProps): react_jsx_runtime.JSX.Element;
342
+ declare const saleBadgeVariants: SaleBadgeVariant[];
343
+
311
344
  declare function Avatar({ initials, size, color, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
312
345
  declare const avatarSizes: AvatarSize[];
313
346
  declare const avatarColors: AvatarColor[];
@@ -430,21 +463,48 @@ declare const Article: react.ForwardRefExoticComponent<ArticleProps & react.RefA
430
463
 
431
464
  type ArticleProps = HTMLAttributes<HTMLElement>;
432
465
 
433
- declare const ProductCard: react.ForwardRefExoticComponent<ProductCardProps & react.RefAttributes<HTMLDivElement>>;
466
+ interface CategoryCardProps extends HTMLAttributes<HTMLDivElement> {
467
+ name: string;
468
+ imageUrl?: string;
469
+ imageAlt?: string;
470
+ count?: number;
471
+ href?: string;
472
+ }
434
473
 
435
- interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
474
+ declare const CategoryCard: react.ForwardRefExoticComponent<CategoryCardProps & react.RefAttributes<HTMLDivElement>>;
475
+
476
+ interface CategoryCardImageProps {
477
+ src?: string;
478
+ alt?: string;
479
+ }
480
+
481
+ declare const CategoryCardImage: {
482
+ ({ src, alt }: CategoryCardImageProps): react_jsx_runtime.JSX.Element;
483
+ displayName: string;
484
+ };
485
+
486
+ interface CategoryCardInfoProps {
487
+ name: string;
488
+ count?: number;
489
+ countLabel?: string;
490
+ }
491
+
492
+ declare const CategoryCardInfo: {
493
+ ({ name, count, countLabel, }: CategoryCardInfoProps): react_jsx_runtime.JSX.Element;
494
+ displayName: string;
495
+ };
496
+
497
+ declare const DealCard: react.ForwardRefExoticComponent<DealCardProps & react.RefAttributes<HTMLDivElement>>;
498
+
499
+ interface DealCardProps extends HTMLAttributes<HTMLDivElement> {
436
500
  name: string;
437
- imageUrl: string;
501
+ imageUrl?: string;
438
502
  imageAlt?: string;
439
503
  price: number;
440
- originalPrice?: number;
504
+ originalPrice: number;
441
505
  currency?: string;
442
506
  locale?: string;
443
- lowestPrice?: number;
444
- badge?: string;
445
- badgeVariant?: BadgeVariant;
446
- rating?: number;
447
- reviewCount?: number;
507
+ dealEndsAt?: string;
448
508
  ctaLabel?: string;
449
509
  onAddToCart?: () => void;
450
510
  }
@@ -520,6 +580,76 @@ interface PricingCardProps extends HTMLAttributes<HTMLDivElement> {
520
580
  cardVariant?: CardVariant;
521
581
  }
522
582
 
583
+ interface PricingCardPriceProps {
584
+ price: string | number;
585
+ currency?: string;
586
+ period?: string;
587
+ }
588
+
589
+ declare const PricingCardPrice: {
590
+ ({ price, currency, period }: PricingCardPriceProps): react_jsx_runtime.JSX.Element;
591
+ displayName: string;
592
+ };
593
+
594
+ interface PricingCardFeatureListProps {
595
+ features: PricingFeature[];
596
+ }
597
+
598
+ declare const PricingCardFeatureList: {
599
+ ({ features }: PricingCardFeatureListProps): react_jsx_runtime.JSX.Element;
600
+ displayName: string;
601
+ };
602
+
603
+ declare const ProductCard: react.ForwardRefExoticComponent<ProductCardProps & react.RefAttributes<HTMLDivElement>>;
604
+
605
+ interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
606
+ name: string;
607
+ imageUrl?: string;
608
+ imageAlt?: string;
609
+ price: number;
610
+ originalPrice?: number;
611
+ currency?: string;
612
+ locale?: string;
613
+ lowestPrice?: number;
614
+ badge?: string;
615
+ badgeVariant?: BadgeVariant;
616
+ rating?: number;
617
+ reviewCount?: number;
618
+ ctaLabel?: string;
619
+ onAddToCart?: () => void;
620
+ }
621
+
622
+ interface ProductCardImageProps {
623
+ src?: string;
624
+ alt?: string;
625
+ badge?: string;
626
+ badgeVariant?: BadgeVariant;
627
+ }
628
+
629
+ declare const ProductCardImage: {
630
+ ({ src, alt, badge, badgeVariant, }: ProductCardImageProps): react_jsx_runtime.JSX.Element;
631
+ displayName: string;
632
+ };
633
+
634
+ declare const ProductCardHorizontal: react.ForwardRefExoticComponent<ProductCardHorizontalProps & react.RefAttributes<HTMLDivElement>>;
635
+
636
+ interface ProductCardHorizontalProps extends HTMLAttributes<HTMLDivElement> {
637
+ name: string;
638
+ imageUrl?: string;
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
+ rating?: number;
648
+ reviewCount?: number;
649
+ ctaLabel?: string;
650
+ onAddToCart?: () => void;
651
+ }
652
+
523
653
  declare const StatCard: react.ForwardRefExoticComponent<StatCardProps & react.RefAttributes<HTMLDivElement>>;
524
654
 
525
655
  interface StatItem {
@@ -533,6 +663,44 @@ interface StatCardProps extends HTMLAttributes<HTMLDivElement> {
533
663
  align?: 'left' | 'center';
534
664
  }
535
665
 
666
+ declare const TeamMemberCard: react.ForwardRefExoticComponent<TeamMemberCardProps & react.RefAttributes<HTMLDivElement>>;
667
+
668
+ interface TeamMember {
669
+ name: string;
670
+ role: string;
671
+ initials?: string;
672
+ avatarUrl?: string;
673
+ avatarAlt?: string;
674
+ avatarColor?: AvatarColor;
675
+ }
676
+ interface TeamMemberCardProps extends HTMLAttributes<HTMLDivElement> {
677
+ member: TeamMember;
678
+ cardVariant?: CardVariant;
679
+ }
680
+
681
+ interface TeamMemberAvatarProps {
682
+ name: string;
683
+ avatarUrl?: string;
684
+ avatarAlt?: string;
685
+ initials?: string;
686
+ avatarColor?: AvatarColor;
687
+ }
688
+
689
+ declare const TeamMemberAvatar: {
690
+ ({ name, avatarUrl, avatarAlt, initials, avatarColor, }: TeamMemberAvatarProps): react_jsx_runtime.JSX.Element;
691
+ displayName: string;
692
+ };
693
+
694
+ interface TeamMemberInfoProps {
695
+ name: string;
696
+ role?: string;
697
+ }
698
+
699
+ declare const TeamMemberInfo: {
700
+ ({ name, role }: TeamMemberInfoProps): react_jsx_runtime.JSX.Element;
701
+ displayName: string;
702
+ };
703
+
536
704
  declare const TestimonialCard: react.ForwardRefExoticComponent<TestimonialCardProps & react.RefAttributes<HTMLDivElement>>;
537
705
 
538
706
  interface Testimonial {
@@ -548,21 +716,38 @@ interface TestimonialCardProps extends HTMLAttributes<HTMLDivElement> {
548
716
  cardVariant?: CardVariant;
549
717
  }
550
718
 
551
- declare const TeamMemberCard: react.ForwardRefExoticComponent<TeamMemberCardProps & react.RefAttributes<HTMLDivElement>>;
719
+ interface TestimonialQuoteProps {
720
+ quote: string;
721
+ }
552
722
 
553
- interface TeamMember {
554
- name: string;
555
- role: string;
556
- initials?: string;
557
- avatarUrl?: string;
558
- avatarAlt?: string;
559
- avatarColor?: AvatarColor;
723
+ declare const TestimonialQuote: {
724
+ ({ quote }: TestimonialQuoteProps): react_jsx_runtime.JSX.Element;
725
+ displayName: string;
726
+ };
727
+
728
+ interface TestimonialAuthorProps {
729
+ authorName: string;
730
+ authorRole?: string;
731
+ authorAvatarUrl?: string;
732
+ authorInitials?: string;
560
733
  }
561
- interface TeamMemberCardProps extends HTMLAttributes<HTMLDivElement> {
562
- member: TeamMember;
563
- cardVariant?: CardVariant;
734
+
735
+ declare const TestimonialAuthor: {
736
+ ({ authorName, authorRole, authorAvatarUrl, authorInitials, }: TestimonialAuthorProps): react_jsx_runtime.JSX.Element;
737
+ displayName: string;
738
+ };
739
+
740
+ interface VoucherCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCopy'> {
741
+ code: string;
742
+ discount: string;
743
+ description?: string;
744
+ expiresAt?: string;
745
+ copied?: boolean;
746
+ onCopy?: (code: string) => void;
564
747
  }
565
748
 
749
+ declare const VoucherCard: react.ForwardRefExoticComponent<VoucherCardProps & react.RefAttributes<HTMLDivElement>>;
750
+
566
751
  declare function CompareTool({ products, specLabels, onRemove, highlightDifferences, className, }: CompareToolProps): react_jsx_runtime.JSX.Element | null;
567
752
 
568
753
  type CompareSpecValue = string | number | boolean;
@@ -581,6 +766,18 @@ interface CompareToolProps {
581
766
  className?: string;
582
767
  }
583
768
 
769
+ type CountdownTimerVariant = 'inline' | 'card' | 'banner';
770
+ interface CountdownTimerProps extends HTMLAttributes<HTMLDivElement> {
771
+ targetDate: Date | string | number;
772
+ variant?: CountdownTimerVariant;
773
+ label?: string;
774
+ expiredLabel?: string;
775
+ onExpire?: () => void;
776
+ }
777
+
778
+ declare const CountdownTimer: react.ForwardRefExoticComponent<CountdownTimerProps & react.RefAttributes<HTMLDivElement>>;
779
+ declare const countdownTimerVariants: CountdownTimerVariant[];
780
+
584
781
  declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
585
782
 
586
783
  interface CouponInputProps {
@@ -599,6 +796,22 @@ interface CouponInputProps {
599
796
  className?: string;
600
797
  }
601
798
 
799
+ interface PaymentMethod {
800
+ id: string;
801
+ label: string;
802
+ description?: string;
803
+ icon?: ReactNode;
804
+ }
805
+ interface PaymentMethodSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
806
+ methods: PaymentMethod[];
807
+ value?: string;
808
+ onChange?: (id: string) => void;
809
+ label?: string;
810
+ disabled?: boolean;
811
+ }
812
+
813
+ declare const PaymentMethodSelector: react.ForwardRefExoticComponent<PaymentMethodSelectorProps & react.RefAttributes<HTMLDivElement>>;
814
+
602
815
  declare const Price: react.ForwardRefExoticComponent<PriceProps & react.RefAttributes<HTMLDivElement>>;
603
816
  declare const priceSizes: PriceSize[];
604
817
 
@@ -650,6 +863,42 @@ interface QuantitySelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
650
863
  onChange?: (value: number) => void;
651
864
  }
652
865
 
866
+ interface ShippingOption {
867
+ id: string;
868
+ label: string;
869
+ description?: string;
870
+ price: string;
871
+ estimatedDays?: string;
872
+ icon?: ReactNode;
873
+ }
874
+ interface ShippingSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
875
+ options: ShippingOption[];
876
+ value?: string;
877
+ onChange?: (id: string) => void;
878
+ label?: string;
879
+ disabled?: boolean;
880
+ }
881
+
882
+ declare const ShippingSelector: react.ForwardRefExoticComponent<ShippingSelectorProps & react.RefAttributes<HTMLDivElement>>;
883
+
884
+ type ViewMode = 'grid' | 'list';
885
+ interface SortOption {
886
+ value: string;
887
+ label: string;
888
+ }
889
+ interface SortBarProps extends HTMLAttributes<HTMLDivElement> {
890
+ total?: number;
891
+ totalLabel?: string;
892
+ sortOptions?: SortOption[];
893
+ sortValue?: string;
894
+ onSortChange?: (value: string) => void;
895
+ viewMode?: ViewMode;
896
+ onViewModeChange?: (mode: ViewMode) => void;
897
+ showViewToggle?: boolean;
898
+ }
899
+
900
+ declare const SortBar: react.ForwardRefExoticComponent<SortBarProps & react.RefAttributes<HTMLDivElement>>;
901
+
653
902
  declare const StockStatus: react.ForwardRefExoticComponent<StockStatusProps & react.RefAttributes<HTMLDivElement>>;
654
903
  declare const stockStatusValues: StockStatusValue[];
655
904
 
@@ -662,6 +911,25 @@ interface StockStatusProps extends HTMLAttributes<HTMLDivElement> {
662
911
  size?: 'sm' | 'md';
663
912
  }
664
913
 
914
+ type VariantSelectorMode = 'button' | 'swatch' | 'dropdown';
915
+ interface VariantOption {
916
+ value: string;
917
+ label: string;
918
+ color?: string;
919
+ disabled?: boolean;
920
+ }
921
+ interface VariantSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
922
+ label: string;
923
+ options: VariantOption[];
924
+ value?: string;
925
+ onChange?: (value: string) => void;
926
+ mode?: VariantSelectorMode;
927
+ disabled?: boolean;
928
+ }
929
+
930
+ declare const VariantSelector: react.ForwardRefExoticComponent<VariantSelectorProps & react.RefAttributes<HTMLDivElement>>;
931
+ declare const variantSelectorModes: VariantSelectorMode[];
932
+
665
933
  declare const FaqItem: react.ForwardRefExoticComponent<FaqItemProps & react.RefAttributes<HTMLDivElement>>;
666
934
 
667
935
  interface FaqItemData {
@@ -867,6 +1135,18 @@ interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
867
1135
  variant?: AccordionVariant;
868
1136
  }
869
1137
 
1138
+ type AlertSeverity = 'info' | 'success' | 'warning' | 'error';
1139
+ interface AlertProps extends HTMLAttributes<HTMLDivElement> {
1140
+ severity?: AlertSeverity;
1141
+ title?: string;
1142
+ children: ReactNode;
1143
+ onClose?: () => void;
1144
+ icon?: ReactNode;
1145
+ }
1146
+
1147
+ declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
1148
+ declare const alertSeverities: AlertSeverity[];
1149
+
870
1150
  declare function BackToTop({ threshold, variant, position, label, scrollTarget, }: BackToTopProps): react_jsx_runtime.JSX.Element;
871
1151
  declare const backToTopVariants: BackToTopVariant[];
872
1152
  declare const backToTopPositions: BackToTopPosition[];
@@ -897,6 +1177,15 @@ interface ContextMenuProps extends HTMLAttributes<HTMLDivElement> {
897
1177
  disabled?: boolean;
898
1178
  }
899
1179
 
1180
+ interface EmptyStateProps extends HTMLAttributes<HTMLDivElement> {
1181
+ icon?: ReactNode;
1182
+ title: string;
1183
+ description?: string;
1184
+ action?: ReactNode;
1185
+ }
1186
+
1187
+ declare const EmptyState: react.ForwardRefExoticComponent<EmptyStateProps & react.RefAttributes<HTMLDivElement>>;
1188
+
900
1189
  type ListSize = 'sm' | 'md' | 'lg';
901
1190
  type ListVariant = 'default' | 'bordered' | 'separated';
902
1191
  interface ListItemData {
@@ -968,7 +1257,7 @@ declare const tabsVariants: TabsVariant[];
968
1257
 
969
1258
  declare const CartDrawer: react.ForwardRefExoticComponent<CartDrawerProps & react.RefAttributes<HTMLDivElement>>;
970
1259
 
971
- interface CartDrawerItem {
1260
+ interface CartDrawerItem$1 {
972
1261
  id: string;
973
1262
  name: string;
974
1263
  price: string;
@@ -979,7 +1268,7 @@ interface CartDrawerItem {
979
1268
  interface CartDrawerProps extends HTMLAttributes<HTMLDivElement> {
980
1269
  open: boolean;
981
1270
  title?: string;
982
- items: CartDrawerItem[];
1271
+ items: CartDrawerItem$1[];
983
1272
  subtotal: string;
984
1273
  checkoutLabel?: string;
985
1274
  closeLabel?: string;
@@ -989,6 +1278,22 @@ interface CartDrawerProps extends HTMLAttributes<HTMLDivElement> {
989
1278
  onRemove?: (id: string) => void;
990
1279
  }
991
1280
 
1281
+ interface CartDrawerItemProps {
1282
+ id: string;
1283
+ name: string;
1284
+ price: string;
1285
+ quantity: number;
1286
+ imageUrl?: string;
1287
+ imageAlt?: string;
1288
+ onQuantityChange?: (id: string, quantity: number) => void;
1289
+ onRemove?: (id: string) => void;
1290
+ }
1291
+
1292
+ declare const CartDrawerItem: {
1293
+ ({ id, name, price, quantity, imageUrl, imageAlt, onQuantityChange, onRemove, }: CartDrawerItemProps): react_jsx_runtime.JSX.Element;
1294
+ displayName: string;
1295
+ };
1296
+
992
1297
  declare const FilterSidebar: react.ForwardRefExoticComponent<FilterSidebarProps & react.RefAttributes<HTMLDivElement>>;
993
1298
 
994
1299
  interface FilterOption {
@@ -1021,7 +1326,7 @@ interface OrderSummaryLine {
1021
1326
  label: ReactNode;
1022
1327
  value: ReactNode;
1023
1328
  }
1024
- interface OrderSummaryItem {
1329
+ interface OrderSummaryItem$1 {
1025
1330
  id: string;
1026
1331
  name: ReactNode;
1027
1332
  price: ReactNode;
@@ -1032,7 +1337,7 @@ interface OrderSummaryItem {
1032
1337
  }
1033
1338
  interface OrderSummaryProps extends HTMLAttributes<HTMLDivElement> {
1034
1339
  title?: string;
1035
- items?: OrderSummaryItem[];
1340
+ items?: OrderSummaryItem$1[];
1036
1341
  itemsTitle?: string;
1037
1342
  subtotal: ReactNode;
1038
1343
  shipping?: ReactNode;
@@ -1044,6 +1349,84 @@ interface OrderSummaryProps extends HTMLAttributes<HTMLDivElement> {
1044
1349
  onCheckout?: () => void;
1045
1350
  }
1046
1351
 
1352
+ interface OrderSummaryItemProps {
1353
+ id: string;
1354
+ name: ReactNode;
1355
+ price: ReactNode;
1356
+ imageUrl?: string;
1357
+ imageAlt?: string;
1358
+ quantity?: number;
1359
+ meta?: ReactNode;
1360
+ }
1361
+
1362
+ declare const OrderSummaryItem: {
1363
+ ({ name, price, imageUrl, imageAlt, quantity, meta, }: OrderSummaryItemProps): react_jsx_runtime.JSX.Element;
1364
+ displayName: string;
1365
+ };
1366
+
1367
+ interface OrderSummaryRowProps {
1368
+ label: ReactNode;
1369
+ value: ReactNode;
1370
+ total?: boolean;
1371
+ }
1372
+
1373
+ declare const OrderSummaryRow: {
1374
+ ({ label, value, total }: OrderSummaryRowProps): react_jsx_runtime.JSX.Element;
1375
+ displayName: string;
1376
+ };
1377
+
1378
+ type RelatedProductsLayout = 'grid' | 'scroll';
1379
+ interface RelatedProductsProps extends HTMLAttributes<HTMLDivElement> {
1380
+ products: ProductCardProps[];
1381
+ title?: string;
1382
+ layout?: RelatedProductsLayout;
1383
+ columns?: 2 | 3 | 4;
1384
+ }
1385
+
1386
+ declare const RelatedProducts: react.ForwardRefExoticComponent<RelatedProductsProps & react.RefAttributes<HTMLDivElement>>;
1387
+ declare const relatedProductsLayouts: RelatedProductsLayout[];
1388
+
1389
+ interface Review {
1390
+ id: string;
1391
+ author: string;
1392
+ avatarUrl?: string;
1393
+ rating: number;
1394
+ date: string;
1395
+ title?: string;
1396
+ content: string;
1397
+ helpfulCount?: number;
1398
+ verified?: boolean;
1399
+ }
1400
+ interface ReviewSectionProps extends HTMLAttributes<HTMLDivElement> {
1401
+ reviews: Review[];
1402
+ averageRating?: number;
1403
+ totalReviews?: number;
1404
+ title?: string;
1405
+ ratingDistribution?: Record<1 | 2 | 3 | 4 | 5, number>;
1406
+ }
1407
+
1408
+ declare const ReviewSection: react.ForwardRefExoticComponent<ReviewSectionProps & react.RefAttributes<HTMLDivElement>>;
1409
+
1410
+ interface ReviewItemProps {
1411
+ review: Review;
1412
+ }
1413
+
1414
+ declare const ReviewItem: {
1415
+ ({ review }: ReviewItemProps): react_jsx_runtime.JSX.Element;
1416
+ displayName: string;
1417
+ };
1418
+
1419
+ interface ReviewSummaryProps {
1420
+ averageRating: number;
1421
+ totalReviews?: number;
1422
+ ratingDistribution?: Record<1 | 2 | 3 | 4 | 5, number>;
1423
+ }
1424
+
1425
+ declare const ReviewSummary: {
1426
+ ({ averageRating, totalReviews, ratingDistribution, }: ReviewSummaryProps): react_jsx_runtime.JSX.Element;
1427
+ displayName: string;
1428
+ };
1429
+
1047
1430
  declare const FaqSection: react.ForwardRefExoticComponent<FaqSectionProps & react.RefAttributes<HTMLElement>>;
1048
1431
 
1049
1432
  interface FaqSectionProps extends HTMLAttributes<HTMLElement> {
@@ -1226,7 +1609,7 @@ interface CookieConsentProps {
1226
1609
  privacyPolicyHref?: string;
1227
1610
  }
1228
1611
 
1229
- declare function Footer({ logo, description, columns, socialLinks, copyright, }: FooterProps): react_jsx_runtime.JSX.Element;
1612
+ declare function Footer({ logo, description, columns, socialLinks, copyright, maxWidth, style, }: FooterProps): react_jsx_runtime.JSX.Element;
1230
1613
 
1231
1614
  interface FooterLink {
1232
1615
  label: string;
@@ -1248,9 +1631,11 @@ interface FooterProps {
1248
1631
  columns?: FooterColumn[];
1249
1632
  socialLinks?: SocialLink[];
1250
1633
  copyright?: string;
1634
+ maxWidth?: ContainerProps$1['maxWidth'];
1635
+ style?: CSSProperties;
1251
1636
  }
1252
1637
 
1253
- declare function Navbar({ logo, navItems, actions, sticky, variant, }: NavbarProps): react_jsx_runtime.JSX.Element;
1638
+ declare function Navbar({ logo, navItems, actions, sticky, variant, maxWidth, style, }: NavbarProps): react_jsx_runtime.JSX.Element;
1254
1639
 
1255
1640
  interface NavItem {
1256
1641
  label: string;
@@ -1263,6 +1648,8 @@ interface NavbarProps {
1263
1648
  actions?: ReactNode;
1264
1649
  sticky?: boolean;
1265
1650
  variant?: 'filled' | 'transparent';
1651
+ maxWidth?: ContainerProps$1['maxWidth'];
1652
+ style?: CSSProperties;
1266
1653
  }
1267
1654
 
1268
1655
  interface CreateMyThemeOptions {
@@ -1309,8 +1696,8 @@ declare module '@mui/material/styles' {
1309
1696
  [key: string]: unknown;
1310
1697
  }
1311
1698
  }
1312
- declare const themeLight: _mui_material_styles.Theme;
1313
- declare const themeDark: _mui_material_styles.Theme;
1314
- declare const themeHighContrast: _mui_material_styles.Theme;
1699
+ declare const themeLight: _mui_material.Theme;
1700
+ declare const themeDark: _mui_material.Theme;
1701
+ declare const themeHighContrast: _mui_material.Theme;
1315
1702
 
1316
- export { Accordion, type AccordionItemData, type AccordionProps, type AccordionVariant, 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, CartDrawer, type CartDrawerItem, type CartDrawerProps, 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, CountryFlag, type CountryFlagProps, CouponInput, type CouponInputProps, type CreateMyThemeOptions, DateTimePicker, type DateTimePickerMode, type DateTimePickerProps, EmailInput, type EmailInputProps, 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 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, 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, type ResponsiveValue, SearchInput, type SearchInputProps, Section, SectionHeading, type SectionHeadingAlign, type SectionHeadingProps, type SectionProps, SelectInput, type SelectInputProps, type SelectOption, Skeleton, type SkeletonProps, type SkeletonVariant, type SocialLink, type SocialPlatform, 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, VideoPlayer, type VideoPlayerProps, type VideoPlayerProvider, accordionVariants, aspectRatioPresets, avatarColors, avatarSizes, backToTopPositions, backToTopVariants, badgeVariants, cardPaddings, cardRoundeds, cardVariants, createMyTheme, dateTimePickerModes, defaultCookieCategories, featureGridColumns, listSizes, listVariants, logoCloudColumns, logoCloudVariants, logoTileVariants, marqueeDirections, marqueeSpeeds, modalSizes, myTheme, newsletterLayouts, postCardVariants, priceSizes, progressBarSizes, progressBarVariants, progressCircleSizes, progressCircleVariants, promoStripVariants, rangeSliderSizes, sectionHeadingAligns, skeletonVariants, spinnerColors, spinnerSizes, spinnerVariants, statsSectionColumns, stockStatusValues, switchColors, tabsVariants, teamSectionColumns, testimonialsSectionColumns, themeDark, themeHighContrast, themeLight, timelineItemStatuses, timelineVariants };
1703
+ 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, 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, 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, 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, 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, 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, saleBadgeVariants, sectionHeadingAligns, skeletonVariants, spinnerColors, spinnerSizes, spinnerVariants, statsSectionColumns, stockStatusValues, switchColors, tabsVariants, teamSectionColumns, testimonialsSectionColumns, themeDark, themeHighContrast, themeLight, timelineItemStatuses, timelineVariants, variantSelectorModes };