@szymonpiatek/designsystem 0.0.6 → 0.0.7
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 +1452 -251
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +206 -8
- package/dist/index.d.ts +206 -8
- package/dist/index.js +1416 -246
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,8 +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';
|
|
5
4
|
import { ThemeOptions, Theme } from '@mui/material/styles';
|
|
5
|
+
import * as _mui_material from '@mui/material';
|
|
6
6
|
|
|
7
7
|
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
8
8
|
|
|
@@ -24,6 +24,28 @@ interface ButtonProps {
|
|
|
24
24
|
'aria-current'?: AriaAttributes['aria-current'];
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
+
declare const CartButton: react.ForwardRefExoticComponent<CartButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
28
|
+
|
|
29
|
+
type CartButtonSize = 'sm' | 'md' | 'lg';
|
|
30
|
+
interface CartButtonProps {
|
|
31
|
+
count?: number;
|
|
32
|
+
size?: CartButtonSize;
|
|
33
|
+
label?: string;
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
36
|
+
className?: string;
|
|
37
|
+
'aria-label'?: string;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
interface WishlistButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
41
|
+
active?: boolean;
|
|
42
|
+
loading?: boolean;
|
|
43
|
+
size?: 'sm' | 'md' | 'lg';
|
|
44
|
+
label?: string;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
declare const WishlistButton: react.ForwardRefExoticComponent<WishlistButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
48
|
+
|
|
27
49
|
declare const BaseInput: react.ForwardRefExoticComponent<BaseInputProps & react.RefAttributes<HTMLInputElement>>;
|
|
28
50
|
|
|
29
51
|
type InputSize = 'sm' | 'md' | 'lg';
|
|
@@ -308,6 +330,16 @@ interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
308
330
|
variant?: BadgeVariant;
|
|
309
331
|
}
|
|
310
332
|
|
|
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
|
+
|
|
311
343
|
declare function Avatar({ initials, size, color, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
312
344
|
declare const avatarSizes: AvatarSize[];
|
|
313
345
|
declare const avatarColors: AvatarColor[];
|
|
@@ -430,11 +462,40 @@ declare const Article: react.ForwardRefExoticComponent<ArticleProps & react.RefA
|
|
|
430
462
|
|
|
431
463
|
type ArticleProps = HTMLAttributes<HTMLElement>;
|
|
432
464
|
|
|
465
|
+
interface CategoryCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
466
|
+
name: string;
|
|
467
|
+
imageUrl?: string;
|
|
468
|
+
imageAlt?: string;
|
|
469
|
+
count?: number;
|
|
470
|
+
href?: string;
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
declare const CategoryCard: react.ForwardRefExoticComponent<CategoryCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
474
|
+
|
|
433
475
|
declare const ProductCard: react.ForwardRefExoticComponent<ProductCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
434
476
|
|
|
435
477
|
interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
436
478
|
name: string;
|
|
437
|
-
imageUrl
|
|
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;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
declare const ProductCardHorizontal: react.ForwardRefExoticComponent<ProductCardHorizontalProps & react.RefAttributes<HTMLDivElement>>;
|
|
495
|
+
|
|
496
|
+
interface ProductCardHorizontalProps extends HTMLAttributes<HTMLDivElement> {
|
|
497
|
+
name: string;
|
|
498
|
+
imageUrl?: string;
|
|
438
499
|
imageAlt?: string;
|
|
439
500
|
price: number;
|
|
440
501
|
originalPrice?: number;
|
|
@@ -581,6 +642,18 @@ interface CompareToolProps {
|
|
|
581
642
|
className?: string;
|
|
582
643
|
}
|
|
583
644
|
|
|
645
|
+
type CountdownTimerVariant = 'inline' | 'card' | 'banner';
|
|
646
|
+
interface CountdownTimerProps extends HTMLAttributes<HTMLDivElement> {
|
|
647
|
+
targetDate: Date | string | number;
|
|
648
|
+
variant?: CountdownTimerVariant;
|
|
649
|
+
label?: string;
|
|
650
|
+
expiredLabel?: string;
|
|
651
|
+
onExpire?: () => void;
|
|
652
|
+
}
|
|
653
|
+
|
|
654
|
+
declare const CountdownTimer: react.ForwardRefExoticComponent<CountdownTimerProps & react.RefAttributes<HTMLDivElement>>;
|
|
655
|
+
declare const countdownTimerVariants: CountdownTimerVariant[];
|
|
656
|
+
|
|
584
657
|
declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
|
|
585
658
|
|
|
586
659
|
interface CouponInputProps {
|
|
@@ -599,6 +672,22 @@ interface CouponInputProps {
|
|
|
599
672
|
className?: string;
|
|
600
673
|
}
|
|
601
674
|
|
|
675
|
+
interface PaymentMethod {
|
|
676
|
+
id: string;
|
|
677
|
+
label: string;
|
|
678
|
+
description?: string;
|
|
679
|
+
icon?: ReactNode;
|
|
680
|
+
}
|
|
681
|
+
interface PaymentMethodSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
682
|
+
methods: PaymentMethod[];
|
|
683
|
+
value?: string;
|
|
684
|
+
onChange?: (id: string) => void;
|
|
685
|
+
label?: string;
|
|
686
|
+
disabled?: boolean;
|
|
687
|
+
}
|
|
688
|
+
|
|
689
|
+
declare const PaymentMethodSelector: react.ForwardRefExoticComponent<PaymentMethodSelectorProps & react.RefAttributes<HTMLDivElement>>;
|
|
690
|
+
|
|
602
691
|
declare const Price: react.ForwardRefExoticComponent<PriceProps & react.RefAttributes<HTMLDivElement>>;
|
|
603
692
|
declare const priceSizes: PriceSize[];
|
|
604
693
|
|
|
@@ -650,6 +739,42 @@ interface QuantitySelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
|
|
|
650
739
|
onChange?: (value: number) => void;
|
|
651
740
|
}
|
|
652
741
|
|
|
742
|
+
interface ShippingOption {
|
|
743
|
+
id: string;
|
|
744
|
+
label: string;
|
|
745
|
+
description?: string;
|
|
746
|
+
price: string;
|
|
747
|
+
estimatedDays?: string;
|
|
748
|
+
icon?: ReactNode;
|
|
749
|
+
}
|
|
750
|
+
interface ShippingSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
751
|
+
options: ShippingOption[];
|
|
752
|
+
value?: string;
|
|
753
|
+
onChange?: (id: string) => void;
|
|
754
|
+
label?: string;
|
|
755
|
+
disabled?: boolean;
|
|
756
|
+
}
|
|
757
|
+
|
|
758
|
+
declare const ShippingSelector: react.ForwardRefExoticComponent<ShippingSelectorProps & react.RefAttributes<HTMLDivElement>>;
|
|
759
|
+
|
|
760
|
+
type ViewMode = 'grid' | 'list';
|
|
761
|
+
interface SortOption {
|
|
762
|
+
value: string;
|
|
763
|
+
label: string;
|
|
764
|
+
}
|
|
765
|
+
interface SortBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
766
|
+
total?: number;
|
|
767
|
+
totalLabel?: string;
|
|
768
|
+
sortOptions?: SortOption[];
|
|
769
|
+
sortValue?: string;
|
|
770
|
+
onSortChange?: (value: string) => void;
|
|
771
|
+
viewMode?: ViewMode;
|
|
772
|
+
onViewModeChange?: (mode: ViewMode) => void;
|
|
773
|
+
showViewToggle?: boolean;
|
|
774
|
+
}
|
|
775
|
+
|
|
776
|
+
declare const SortBar: react.ForwardRefExoticComponent<SortBarProps & react.RefAttributes<HTMLDivElement>>;
|
|
777
|
+
|
|
653
778
|
declare const StockStatus: react.ForwardRefExoticComponent<StockStatusProps & react.RefAttributes<HTMLDivElement>>;
|
|
654
779
|
declare const stockStatusValues: StockStatusValue[];
|
|
655
780
|
|
|
@@ -662,6 +787,25 @@ interface StockStatusProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
662
787
|
size?: 'sm' | 'md';
|
|
663
788
|
}
|
|
664
789
|
|
|
790
|
+
type VariantSelectorMode = 'button' | 'swatch' | 'dropdown';
|
|
791
|
+
interface VariantOption {
|
|
792
|
+
value: string;
|
|
793
|
+
label: string;
|
|
794
|
+
color?: string;
|
|
795
|
+
disabled?: boolean;
|
|
796
|
+
}
|
|
797
|
+
interface VariantSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
798
|
+
label: string;
|
|
799
|
+
options: VariantOption[];
|
|
800
|
+
value?: string;
|
|
801
|
+
onChange?: (value: string) => void;
|
|
802
|
+
mode?: VariantSelectorMode;
|
|
803
|
+
disabled?: boolean;
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
declare const VariantSelector: react.ForwardRefExoticComponent<VariantSelectorProps & react.RefAttributes<HTMLDivElement>>;
|
|
807
|
+
declare const variantSelectorModes: VariantSelectorMode[];
|
|
808
|
+
|
|
665
809
|
declare const FaqItem: react.ForwardRefExoticComponent<FaqItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
666
810
|
|
|
667
811
|
interface FaqItemData {
|
|
@@ -867,6 +1011,18 @@ interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
|
|
|
867
1011
|
variant?: AccordionVariant;
|
|
868
1012
|
}
|
|
869
1013
|
|
|
1014
|
+
type AlertSeverity = 'info' | 'success' | 'warning' | 'error';
|
|
1015
|
+
interface AlertProps extends HTMLAttributes<HTMLDivElement> {
|
|
1016
|
+
severity?: AlertSeverity;
|
|
1017
|
+
title?: string;
|
|
1018
|
+
children: ReactNode;
|
|
1019
|
+
onClose?: () => void;
|
|
1020
|
+
icon?: ReactNode;
|
|
1021
|
+
}
|
|
1022
|
+
|
|
1023
|
+
declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
|
|
1024
|
+
declare const alertSeverities: AlertSeverity[];
|
|
1025
|
+
|
|
870
1026
|
declare function BackToTop({ threshold, variant, position, label, scrollTarget, }: BackToTopProps): react_jsx_runtime.JSX.Element;
|
|
871
1027
|
declare const backToTopVariants: BackToTopVariant[];
|
|
872
1028
|
declare const backToTopPositions: BackToTopPosition[];
|
|
@@ -897,6 +1053,15 @@ interface ContextMenuProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
897
1053
|
disabled?: boolean;
|
|
898
1054
|
}
|
|
899
1055
|
|
|
1056
|
+
interface EmptyStateProps extends HTMLAttributes<HTMLDivElement> {
|
|
1057
|
+
icon?: ReactNode;
|
|
1058
|
+
title: string;
|
|
1059
|
+
description?: string;
|
|
1060
|
+
action?: ReactNode;
|
|
1061
|
+
}
|
|
1062
|
+
|
|
1063
|
+
declare const EmptyState: react.ForwardRefExoticComponent<EmptyStateProps & react.RefAttributes<HTMLDivElement>>;
|
|
1064
|
+
|
|
900
1065
|
type ListSize = 'sm' | 'md' | 'lg';
|
|
901
1066
|
type ListVariant = 'default' | 'bordered' | 'separated';
|
|
902
1067
|
interface ListItemData {
|
|
@@ -1044,6 +1209,38 @@ interface OrderSummaryProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1044
1209
|
onCheckout?: () => void;
|
|
1045
1210
|
}
|
|
1046
1211
|
|
|
1212
|
+
type RelatedProductsLayout = 'grid' | 'scroll';
|
|
1213
|
+
interface RelatedProductsProps extends HTMLAttributes<HTMLDivElement> {
|
|
1214
|
+
products: ProductCardProps[];
|
|
1215
|
+
title?: string;
|
|
1216
|
+
layout?: RelatedProductsLayout;
|
|
1217
|
+
columns?: 2 | 3 | 4;
|
|
1218
|
+
}
|
|
1219
|
+
|
|
1220
|
+
declare const RelatedProducts: react.ForwardRefExoticComponent<RelatedProductsProps & react.RefAttributes<HTMLDivElement>>;
|
|
1221
|
+
declare const relatedProductsLayouts: RelatedProductsLayout[];
|
|
1222
|
+
|
|
1223
|
+
interface Review {
|
|
1224
|
+
id: string;
|
|
1225
|
+
author: string;
|
|
1226
|
+
avatarUrl?: string;
|
|
1227
|
+
rating: number;
|
|
1228
|
+
date: string;
|
|
1229
|
+
title?: string;
|
|
1230
|
+
content: string;
|
|
1231
|
+
helpfulCount?: number;
|
|
1232
|
+
verified?: boolean;
|
|
1233
|
+
}
|
|
1234
|
+
interface ReviewSectionProps extends HTMLAttributes<HTMLDivElement> {
|
|
1235
|
+
reviews: Review[];
|
|
1236
|
+
averageRating?: number;
|
|
1237
|
+
totalReviews?: number;
|
|
1238
|
+
title?: string;
|
|
1239
|
+
ratingDistribution?: Record<1 | 2 | 3 | 4 | 5, number>;
|
|
1240
|
+
}
|
|
1241
|
+
|
|
1242
|
+
declare const ReviewSection: react.ForwardRefExoticComponent<ReviewSectionProps & react.RefAttributes<HTMLDivElement>>;
|
|
1243
|
+
|
|
1047
1244
|
declare const FaqSection: react.ForwardRefExoticComponent<FaqSectionProps & react.RefAttributes<HTMLElement>>;
|
|
1048
1245
|
|
|
1049
1246
|
interface FaqSectionProps extends HTMLAttributes<HTMLElement> {
|
|
@@ -1250,7 +1447,7 @@ interface FooterProps {
|
|
|
1250
1447
|
copyright?: string;
|
|
1251
1448
|
}
|
|
1252
1449
|
|
|
1253
|
-
declare function Navbar({ logo, navItems, actions, sticky, variant, }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
1450
|
+
declare function Navbar({ logo, navItems, actions, sticky, variant, maxWidth, }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
1254
1451
|
|
|
1255
1452
|
interface NavItem {
|
|
1256
1453
|
label: string;
|
|
@@ -1263,6 +1460,7 @@ interface NavbarProps {
|
|
|
1263
1460
|
actions?: ReactNode;
|
|
1264
1461
|
sticky?: boolean;
|
|
1265
1462
|
variant?: 'filled' | 'transparent';
|
|
1463
|
+
maxWidth?: string | number;
|
|
1266
1464
|
}
|
|
1267
1465
|
|
|
1268
1466
|
interface CreateMyThemeOptions {
|
|
@@ -1309,8 +1507,8 @@ declare module '@mui/material/styles' {
|
|
|
1309
1507
|
[key: string]: unknown;
|
|
1310
1508
|
}
|
|
1311
1509
|
}
|
|
1312
|
-
declare const themeLight:
|
|
1313
|
-
declare const themeDark:
|
|
1314
|
-
declare const themeHighContrast:
|
|
1510
|
+
declare const themeLight: _mui_material.Theme;
|
|
1511
|
+
declare const themeDark: _mui_material.Theme;
|
|
1512
|
+
declare const themeHighContrast: _mui_material.Theme;
|
|
1315
1513
|
|
|
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 };
|
|
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 };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +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';
|
|
5
4
|
import { ThemeOptions, Theme } from '@mui/material/styles';
|
|
5
|
+
import * as _mui_material from '@mui/material';
|
|
6
6
|
|
|
7
7
|
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
8
8
|
|
|
@@ -24,6 +24,28 @@ interface ButtonProps {
|
|
|
24
24
|
'aria-current'?: AriaAttributes['aria-current'];
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
+
declare const CartButton: react.ForwardRefExoticComponent<CartButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
28
|
+
|
|
29
|
+
type CartButtonSize = 'sm' | 'md' | 'lg';
|
|
30
|
+
interface CartButtonProps {
|
|
31
|
+
count?: number;
|
|
32
|
+
size?: CartButtonSize;
|
|
33
|
+
label?: string;
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
36
|
+
className?: string;
|
|
37
|
+
'aria-label'?: string;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
interface WishlistButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
41
|
+
active?: boolean;
|
|
42
|
+
loading?: boolean;
|
|
43
|
+
size?: 'sm' | 'md' | 'lg';
|
|
44
|
+
label?: string;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
declare const WishlistButton: react.ForwardRefExoticComponent<WishlistButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
48
|
+
|
|
27
49
|
declare const BaseInput: react.ForwardRefExoticComponent<BaseInputProps & react.RefAttributes<HTMLInputElement>>;
|
|
28
50
|
|
|
29
51
|
type InputSize = 'sm' | 'md' | 'lg';
|
|
@@ -308,6 +330,16 @@ interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
308
330
|
variant?: BadgeVariant;
|
|
309
331
|
}
|
|
310
332
|
|
|
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
|
+
|
|
311
343
|
declare function Avatar({ initials, size, color, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
312
344
|
declare const avatarSizes: AvatarSize[];
|
|
313
345
|
declare const avatarColors: AvatarColor[];
|
|
@@ -430,11 +462,40 @@ declare const Article: react.ForwardRefExoticComponent<ArticleProps & react.RefA
|
|
|
430
462
|
|
|
431
463
|
type ArticleProps = HTMLAttributes<HTMLElement>;
|
|
432
464
|
|
|
465
|
+
interface CategoryCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
466
|
+
name: string;
|
|
467
|
+
imageUrl?: string;
|
|
468
|
+
imageAlt?: string;
|
|
469
|
+
count?: number;
|
|
470
|
+
href?: string;
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
declare const CategoryCard: react.ForwardRefExoticComponent<CategoryCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
474
|
+
|
|
433
475
|
declare const ProductCard: react.ForwardRefExoticComponent<ProductCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
434
476
|
|
|
435
477
|
interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
436
478
|
name: string;
|
|
437
|
-
imageUrl
|
|
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;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
declare const ProductCardHorizontal: react.ForwardRefExoticComponent<ProductCardHorizontalProps & react.RefAttributes<HTMLDivElement>>;
|
|
495
|
+
|
|
496
|
+
interface ProductCardHorizontalProps extends HTMLAttributes<HTMLDivElement> {
|
|
497
|
+
name: string;
|
|
498
|
+
imageUrl?: string;
|
|
438
499
|
imageAlt?: string;
|
|
439
500
|
price: number;
|
|
440
501
|
originalPrice?: number;
|
|
@@ -581,6 +642,18 @@ interface CompareToolProps {
|
|
|
581
642
|
className?: string;
|
|
582
643
|
}
|
|
583
644
|
|
|
645
|
+
type CountdownTimerVariant = 'inline' | 'card' | 'banner';
|
|
646
|
+
interface CountdownTimerProps extends HTMLAttributes<HTMLDivElement> {
|
|
647
|
+
targetDate: Date | string | number;
|
|
648
|
+
variant?: CountdownTimerVariant;
|
|
649
|
+
label?: string;
|
|
650
|
+
expiredLabel?: string;
|
|
651
|
+
onExpire?: () => void;
|
|
652
|
+
}
|
|
653
|
+
|
|
654
|
+
declare const CountdownTimer: react.ForwardRefExoticComponent<CountdownTimerProps & react.RefAttributes<HTMLDivElement>>;
|
|
655
|
+
declare const countdownTimerVariants: CountdownTimerVariant[];
|
|
656
|
+
|
|
584
657
|
declare function CouponInput({ value, onChange, onApply, onRemove, appliedCode, placeholder, applyLabel, removeLabel, loading, disabled, error, successMessage, className, }: CouponInputProps): react_jsx_runtime.JSX.Element;
|
|
585
658
|
|
|
586
659
|
interface CouponInputProps {
|
|
@@ -599,6 +672,22 @@ interface CouponInputProps {
|
|
|
599
672
|
className?: string;
|
|
600
673
|
}
|
|
601
674
|
|
|
675
|
+
interface PaymentMethod {
|
|
676
|
+
id: string;
|
|
677
|
+
label: string;
|
|
678
|
+
description?: string;
|
|
679
|
+
icon?: ReactNode;
|
|
680
|
+
}
|
|
681
|
+
interface PaymentMethodSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
682
|
+
methods: PaymentMethod[];
|
|
683
|
+
value?: string;
|
|
684
|
+
onChange?: (id: string) => void;
|
|
685
|
+
label?: string;
|
|
686
|
+
disabled?: boolean;
|
|
687
|
+
}
|
|
688
|
+
|
|
689
|
+
declare const PaymentMethodSelector: react.ForwardRefExoticComponent<PaymentMethodSelectorProps & react.RefAttributes<HTMLDivElement>>;
|
|
690
|
+
|
|
602
691
|
declare const Price: react.ForwardRefExoticComponent<PriceProps & react.RefAttributes<HTMLDivElement>>;
|
|
603
692
|
declare const priceSizes: PriceSize[];
|
|
604
693
|
|
|
@@ -650,6 +739,42 @@ interface QuantitySelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
|
|
|
650
739
|
onChange?: (value: number) => void;
|
|
651
740
|
}
|
|
652
741
|
|
|
742
|
+
interface ShippingOption {
|
|
743
|
+
id: string;
|
|
744
|
+
label: string;
|
|
745
|
+
description?: string;
|
|
746
|
+
price: string;
|
|
747
|
+
estimatedDays?: string;
|
|
748
|
+
icon?: ReactNode;
|
|
749
|
+
}
|
|
750
|
+
interface ShippingSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
751
|
+
options: ShippingOption[];
|
|
752
|
+
value?: string;
|
|
753
|
+
onChange?: (id: string) => void;
|
|
754
|
+
label?: string;
|
|
755
|
+
disabled?: boolean;
|
|
756
|
+
}
|
|
757
|
+
|
|
758
|
+
declare const ShippingSelector: react.ForwardRefExoticComponent<ShippingSelectorProps & react.RefAttributes<HTMLDivElement>>;
|
|
759
|
+
|
|
760
|
+
type ViewMode = 'grid' | 'list';
|
|
761
|
+
interface SortOption {
|
|
762
|
+
value: string;
|
|
763
|
+
label: string;
|
|
764
|
+
}
|
|
765
|
+
interface SortBarProps extends HTMLAttributes<HTMLDivElement> {
|
|
766
|
+
total?: number;
|
|
767
|
+
totalLabel?: string;
|
|
768
|
+
sortOptions?: SortOption[];
|
|
769
|
+
sortValue?: string;
|
|
770
|
+
onSortChange?: (value: string) => void;
|
|
771
|
+
viewMode?: ViewMode;
|
|
772
|
+
onViewModeChange?: (mode: ViewMode) => void;
|
|
773
|
+
showViewToggle?: boolean;
|
|
774
|
+
}
|
|
775
|
+
|
|
776
|
+
declare const SortBar: react.ForwardRefExoticComponent<SortBarProps & react.RefAttributes<HTMLDivElement>>;
|
|
777
|
+
|
|
653
778
|
declare const StockStatus: react.ForwardRefExoticComponent<StockStatusProps & react.RefAttributes<HTMLDivElement>>;
|
|
654
779
|
declare const stockStatusValues: StockStatusValue[];
|
|
655
780
|
|
|
@@ -662,6 +787,25 @@ interface StockStatusProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
662
787
|
size?: 'sm' | 'md';
|
|
663
788
|
}
|
|
664
789
|
|
|
790
|
+
type VariantSelectorMode = 'button' | 'swatch' | 'dropdown';
|
|
791
|
+
interface VariantOption {
|
|
792
|
+
value: string;
|
|
793
|
+
label: string;
|
|
794
|
+
color?: string;
|
|
795
|
+
disabled?: boolean;
|
|
796
|
+
}
|
|
797
|
+
interface VariantSelectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
798
|
+
label: string;
|
|
799
|
+
options: VariantOption[];
|
|
800
|
+
value?: string;
|
|
801
|
+
onChange?: (value: string) => void;
|
|
802
|
+
mode?: VariantSelectorMode;
|
|
803
|
+
disabled?: boolean;
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
declare const VariantSelector: react.ForwardRefExoticComponent<VariantSelectorProps & react.RefAttributes<HTMLDivElement>>;
|
|
807
|
+
declare const variantSelectorModes: VariantSelectorMode[];
|
|
808
|
+
|
|
665
809
|
declare const FaqItem: react.ForwardRefExoticComponent<FaqItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
666
810
|
|
|
667
811
|
interface FaqItemData {
|
|
@@ -867,6 +1011,18 @@ interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
|
|
|
867
1011
|
variant?: AccordionVariant;
|
|
868
1012
|
}
|
|
869
1013
|
|
|
1014
|
+
type AlertSeverity = 'info' | 'success' | 'warning' | 'error';
|
|
1015
|
+
interface AlertProps extends HTMLAttributes<HTMLDivElement> {
|
|
1016
|
+
severity?: AlertSeverity;
|
|
1017
|
+
title?: string;
|
|
1018
|
+
children: ReactNode;
|
|
1019
|
+
onClose?: () => void;
|
|
1020
|
+
icon?: ReactNode;
|
|
1021
|
+
}
|
|
1022
|
+
|
|
1023
|
+
declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
|
|
1024
|
+
declare const alertSeverities: AlertSeverity[];
|
|
1025
|
+
|
|
870
1026
|
declare function BackToTop({ threshold, variant, position, label, scrollTarget, }: BackToTopProps): react_jsx_runtime.JSX.Element;
|
|
871
1027
|
declare const backToTopVariants: BackToTopVariant[];
|
|
872
1028
|
declare const backToTopPositions: BackToTopPosition[];
|
|
@@ -897,6 +1053,15 @@ interface ContextMenuProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
897
1053
|
disabled?: boolean;
|
|
898
1054
|
}
|
|
899
1055
|
|
|
1056
|
+
interface EmptyStateProps extends HTMLAttributes<HTMLDivElement> {
|
|
1057
|
+
icon?: ReactNode;
|
|
1058
|
+
title: string;
|
|
1059
|
+
description?: string;
|
|
1060
|
+
action?: ReactNode;
|
|
1061
|
+
}
|
|
1062
|
+
|
|
1063
|
+
declare const EmptyState: react.ForwardRefExoticComponent<EmptyStateProps & react.RefAttributes<HTMLDivElement>>;
|
|
1064
|
+
|
|
900
1065
|
type ListSize = 'sm' | 'md' | 'lg';
|
|
901
1066
|
type ListVariant = 'default' | 'bordered' | 'separated';
|
|
902
1067
|
interface ListItemData {
|
|
@@ -1044,6 +1209,38 @@ interface OrderSummaryProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1044
1209
|
onCheckout?: () => void;
|
|
1045
1210
|
}
|
|
1046
1211
|
|
|
1212
|
+
type RelatedProductsLayout = 'grid' | 'scroll';
|
|
1213
|
+
interface RelatedProductsProps extends HTMLAttributes<HTMLDivElement> {
|
|
1214
|
+
products: ProductCardProps[];
|
|
1215
|
+
title?: string;
|
|
1216
|
+
layout?: RelatedProductsLayout;
|
|
1217
|
+
columns?: 2 | 3 | 4;
|
|
1218
|
+
}
|
|
1219
|
+
|
|
1220
|
+
declare const RelatedProducts: react.ForwardRefExoticComponent<RelatedProductsProps & react.RefAttributes<HTMLDivElement>>;
|
|
1221
|
+
declare const relatedProductsLayouts: RelatedProductsLayout[];
|
|
1222
|
+
|
|
1223
|
+
interface Review {
|
|
1224
|
+
id: string;
|
|
1225
|
+
author: string;
|
|
1226
|
+
avatarUrl?: string;
|
|
1227
|
+
rating: number;
|
|
1228
|
+
date: string;
|
|
1229
|
+
title?: string;
|
|
1230
|
+
content: string;
|
|
1231
|
+
helpfulCount?: number;
|
|
1232
|
+
verified?: boolean;
|
|
1233
|
+
}
|
|
1234
|
+
interface ReviewSectionProps extends HTMLAttributes<HTMLDivElement> {
|
|
1235
|
+
reviews: Review[];
|
|
1236
|
+
averageRating?: number;
|
|
1237
|
+
totalReviews?: number;
|
|
1238
|
+
title?: string;
|
|
1239
|
+
ratingDistribution?: Record<1 | 2 | 3 | 4 | 5, number>;
|
|
1240
|
+
}
|
|
1241
|
+
|
|
1242
|
+
declare const ReviewSection: react.ForwardRefExoticComponent<ReviewSectionProps & react.RefAttributes<HTMLDivElement>>;
|
|
1243
|
+
|
|
1047
1244
|
declare const FaqSection: react.ForwardRefExoticComponent<FaqSectionProps & react.RefAttributes<HTMLElement>>;
|
|
1048
1245
|
|
|
1049
1246
|
interface FaqSectionProps extends HTMLAttributes<HTMLElement> {
|
|
@@ -1250,7 +1447,7 @@ interface FooterProps {
|
|
|
1250
1447
|
copyright?: string;
|
|
1251
1448
|
}
|
|
1252
1449
|
|
|
1253
|
-
declare function Navbar({ logo, navItems, actions, sticky, variant, }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
1450
|
+
declare function Navbar({ logo, navItems, actions, sticky, variant, maxWidth, }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
1254
1451
|
|
|
1255
1452
|
interface NavItem {
|
|
1256
1453
|
label: string;
|
|
@@ -1263,6 +1460,7 @@ interface NavbarProps {
|
|
|
1263
1460
|
actions?: ReactNode;
|
|
1264
1461
|
sticky?: boolean;
|
|
1265
1462
|
variant?: 'filled' | 'transparent';
|
|
1463
|
+
maxWidth?: string | number;
|
|
1266
1464
|
}
|
|
1267
1465
|
|
|
1268
1466
|
interface CreateMyThemeOptions {
|
|
@@ -1309,8 +1507,8 @@ declare module '@mui/material/styles' {
|
|
|
1309
1507
|
[key: string]: unknown;
|
|
1310
1508
|
}
|
|
1311
1509
|
}
|
|
1312
|
-
declare const themeLight:
|
|
1313
|
-
declare const themeDark:
|
|
1314
|
-
declare const themeHighContrast:
|
|
1510
|
+
declare const themeLight: _mui_material.Theme;
|
|
1511
|
+
declare const themeDark: _mui_material.Theme;
|
|
1512
|
+
declare const themeHighContrast: _mui_material.Theme;
|
|
1315
1513
|
|
|
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 };
|
|
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 };
|