@szymonpiatek/designsystem 0.0.10 → 0.0.11
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 +516 -207
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +43 -10
- package/dist/index.d.ts +43 -10
- package/dist/index.js +509 -207
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -70,6 +70,15 @@ interface CheckboxInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
|
|
|
70
70
|
indeterminate?: boolean;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
+
declare const RadioInput: react.ForwardRefExoticComponent<RadioInputProps & react.RefAttributes<HTMLInputElement>>;
|
|
74
|
+
|
|
75
|
+
interface RadioInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
76
|
+
label?: string;
|
|
77
|
+
helperText?: string;
|
|
78
|
+
error?: boolean;
|
|
79
|
+
size?: InputSize;
|
|
80
|
+
}
|
|
81
|
+
|
|
73
82
|
declare const FileInput: react.ForwardRefExoticComponent<FileInputProps & react.RefAttributes<HTMLInputElement>>;
|
|
74
83
|
|
|
75
84
|
interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'placeholder'> {
|
|
@@ -364,6 +373,13 @@ interface SectionHeadingProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
364
373
|
as?: 'h1' | 'h2' | 'h3';
|
|
365
374
|
}
|
|
366
375
|
|
|
376
|
+
declare function Separator({ orientation, ...rest }: SeparatorProps): react_jsx_runtime.JSX.Element;
|
|
377
|
+
|
|
378
|
+
type SeparatorOrientation = 'horizontal' | 'vertical';
|
|
379
|
+
interface SeparatorProps extends HTMLAttributes<HTMLHRElement> {
|
|
380
|
+
orientation?: SeparatorOrientation;
|
|
381
|
+
}
|
|
382
|
+
|
|
367
383
|
declare function Skeleton({ variant, width, height, lines, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
368
384
|
declare const skeletonVariants: SkeletonVariant[];
|
|
369
385
|
|
|
@@ -963,6 +979,7 @@ interface CommentItem {
|
|
|
963
979
|
date: string;
|
|
964
980
|
content: string;
|
|
965
981
|
likesCount?: number;
|
|
982
|
+
isLiked?: boolean;
|
|
966
983
|
replies?: CommentItem[];
|
|
967
984
|
}
|
|
968
985
|
interface CommentCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
@@ -994,11 +1011,12 @@ declare namespace CommentBody {
|
|
|
994
1011
|
interface CommentActionsProps {
|
|
995
1012
|
commentId: string;
|
|
996
1013
|
likesCount?: number;
|
|
1014
|
+
isLiked?: boolean;
|
|
997
1015
|
onLike?: (commentId: string) => void;
|
|
998
1016
|
onReply?: (commentId: string) => void;
|
|
999
1017
|
}
|
|
1000
1018
|
|
|
1001
|
-
declare function CommentActions({ commentId, likesCount, onLike, onReply }: CommentActionsProps): react_jsx_runtime.JSX.Element;
|
|
1019
|
+
declare function CommentActions({ commentId, likesCount, isLiked, onLike, onReply, }: CommentActionsProps): react_jsx_runtime.JSX.Element;
|
|
1002
1020
|
declare namespace CommentActions {
|
|
1003
1021
|
var displayName: string;
|
|
1004
1022
|
}
|
|
@@ -1320,6 +1338,24 @@ interface ModalProps {
|
|
|
1320
1338
|
hideCloseButton?: boolean;
|
|
1321
1339
|
}
|
|
1322
1340
|
|
|
1341
|
+
declare function Sheet({ open, onClose, title, children, footer, position, size, closeOnBackdrop, hideCloseButton, }: SheetProps): react.ReactPortal | null;
|
|
1342
|
+
declare const sheetPositions: SheetPosition[];
|
|
1343
|
+
declare const sheetSizes: SheetSize[];
|
|
1344
|
+
|
|
1345
|
+
type SheetPosition = 'left' | 'right' | 'top' | 'bottom';
|
|
1346
|
+
type SheetSize = 'sm' | 'md' | 'lg' | 'full';
|
|
1347
|
+
interface SheetProps {
|
|
1348
|
+
open: boolean;
|
|
1349
|
+
onClose: () => void;
|
|
1350
|
+
title?: ReactNode;
|
|
1351
|
+
children?: ReactNode;
|
|
1352
|
+
footer?: ReactNode;
|
|
1353
|
+
position?: SheetPosition;
|
|
1354
|
+
size?: SheetSize;
|
|
1355
|
+
closeOnBackdrop?: boolean;
|
|
1356
|
+
hideCloseButton?: boolean;
|
|
1357
|
+
}
|
|
1358
|
+
|
|
1323
1359
|
type TabsVariant = 'underline' | 'pills' | 'bordered';
|
|
1324
1360
|
interface TabItem {
|
|
1325
1361
|
key: string;
|
|
@@ -1515,7 +1551,6 @@ declare const CommentSection: react.ForwardRefExoticComponent<CommentSectionProp
|
|
|
1515
1551
|
interface CommentSectionProps extends HTMLAttributes<HTMLElement> {
|
|
1516
1552
|
title?: string;
|
|
1517
1553
|
comments: CommentItem[];
|
|
1518
|
-
maxWidth?: ContainerMaxWidth;
|
|
1519
1554
|
onLike?: (commentId: string) => void;
|
|
1520
1555
|
onReply?: (commentId: string) => void;
|
|
1521
1556
|
}
|
|
@@ -1527,7 +1562,6 @@ interface FaqSectionProps extends HTMLAttributes<HTMLElement> {
|
|
|
1527
1562
|
description?: string;
|
|
1528
1563
|
items: FaqItemData[];
|
|
1529
1564
|
headingAlign?: SectionHeadingAlign;
|
|
1530
|
-
maxWidth?: ContainerMaxWidth;
|
|
1531
1565
|
defaultOpenIndex?: number;
|
|
1532
1566
|
}
|
|
1533
1567
|
|
|
@@ -1543,7 +1577,6 @@ interface FeatureGridProps extends HTMLAttributes<HTMLElement> {
|
|
|
1543
1577
|
columns?: FeatureGridColumns;
|
|
1544
1578
|
cardVariant?: CardVariant;
|
|
1545
1579
|
itemLayout?: FeatureItemProps['layout'];
|
|
1546
|
-
maxWidth?: ContainerMaxWidth;
|
|
1547
1580
|
}
|
|
1548
1581
|
|
|
1549
1582
|
declare const LogoCloud: react.ForwardRefExoticComponent<LogoCloudProps & react.RefAttributes<HTMLElement>>;
|
|
@@ -1562,7 +1595,6 @@ interface LogoCloudProps extends HTMLAttributes<HTMLElement> {
|
|
|
1562
1595
|
variant?: LogoCloudVariant;
|
|
1563
1596
|
monochrome?: boolean;
|
|
1564
1597
|
logoHeight?: number | string;
|
|
1565
|
-
maxWidth?: ContainerMaxWidth;
|
|
1566
1598
|
}
|
|
1567
1599
|
|
|
1568
1600
|
declare const NewsletterSection: react.ForwardRefExoticComponent<NewsletterSectionProps & react.RefAttributes<HTMLElement>>;
|
|
@@ -1578,7 +1610,6 @@ interface NewsletterSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'onSu
|
|
|
1578
1610
|
headingAlign?: SectionHeadingAlign;
|
|
1579
1611
|
layout?: NewsletterLayout;
|
|
1580
1612
|
cardVariant?: CardVariant;
|
|
1581
|
-
maxWidth?: ContainerMaxWidth;
|
|
1582
1613
|
onSubmit?: (email: string, event: FormEvent<HTMLFormElement>) => void;
|
|
1583
1614
|
}
|
|
1584
1615
|
declare const newsletterLayouts: NewsletterLayout[];
|
|
@@ -1616,7 +1647,6 @@ interface StatsSectionProps extends HTMLAttributes<HTMLElement> {
|
|
|
1616
1647
|
columns?: StatsSectionColumns;
|
|
1617
1648
|
cardVariant?: CardVariant;
|
|
1618
1649
|
statAlign?: 'left' | 'center';
|
|
1619
|
-
maxWidth?: ContainerMaxWidth;
|
|
1620
1650
|
}
|
|
1621
1651
|
|
|
1622
1652
|
declare const TeamSection: react.ForwardRefExoticComponent<TeamSectionProps & react.RefAttributes<HTMLElement>>;
|
|
@@ -1630,7 +1660,6 @@ interface TeamSectionProps extends HTMLAttributes<HTMLElement> {
|
|
|
1630
1660
|
headingAlign?: SectionHeadingAlign;
|
|
1631
1661
|
columns?: TeamSectionColumns;
|
|
1632
1662
|
cardVariant?: CardVariant;
|
|
1633
|
-
maxWidth?: ContainerMaxWidth;
|
|
1634
1663
|
}
|
|
1635
1664
|
|
|
1636
1665
|
declare const TestimonialsSection: react.ForwardRefExoticComponent<TestimonialsSectionProps & react.RefAttributes<HTMLElement>>;
|
|
@@ -1644,7 +1673,6 @@ interface TestimonialsSectionProps extends HTMLAttributes<HTMLElement> {
|
|
|
1644
1673
|
headingAlign?: SectionHeadingAlign;
|
|
1645
1674
|
columns?: TestimonialsSectionColumns;
|
|
1646
1675
|
cardVariant?: CardVariant;
|
|
1647
|
-
maxWidth?: ContainerMaxWidth;
|
|
1648
1676
|
}
|
|
1649
1677
|
|
|
1650
1678
|
declare function CommandPalette({ open, onClose, groups, placeholder, emptyLabel, onSelect, }: CommandPaletteProps): react.ReactPortal | null;
|
|
@@ -1793,4 +1821,9 @@ declare const themeLight: _mui_material.Theme;
|
|
|
1793
1821
|
declare const themeDark: _mui_material.Theme;
|
|
1794
1822
|
declare const themeHighContrast: _mui_material.Theme;
|
|
1795
1823
|
|
|
1796
|
-
|
|
1824
|
+
declare function useCommentLikes(initialComments: CommentItem[]): {
|
|
1825
|
+
comments: CommentItem[];
|
|
1826
|
+
onLike: (commentId: string) => void;
|
|
1827
|
+
};
|
|
1828
|
+
|
|
1829
|
+
export { Accordion, type AccordionItemData, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertSeverity, Article, type ArticleProps, AspectRatio, type AspectRatioPreset, type AspectRatioProps, Avatar, type AvatarColor, type AvatarProps, type AvatarSize, BackToTop, type BackToTopPosition, type BackToTopProps, type BackToTopVariant, Badge, type BadgeProps, type BadgeVariant, BaseInput, type BaseInputProps, BaseSelectInput, type BaseSelectInputProps, Box, type BoxProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardPadding, type CardProps, type CardRounded, type CardVariant, Carousel, type CarouselProps, type CarouselSlide, CartButton, type CartButtonProps, type CartButtonSize, CartDrawer, type CartDrawerItem$1 as CartDrawerItem, CartDrawerItem as CartDrawerItemComponent, type CartDrawerItemProps, type CartDrawerProps, CategoryCard, CategoryCardImage, type CategoryCardImageProps, CategoryCardInfo, type CategoryCardInfoProps, type CategoryCardProps, CheckboxInput, type CheckboxInputProps, type CommandGroup, type CommandItem, CommandPalette, type CommandPaletteProps, CommentActions, type CommentActionsProps, type CommentAuthor, CommentBody, type CommentBodyProps, CommentCard, type CommentCardProps, type CommentItem, CommentMeta, type CommentMetaProps, CommentSection, type CommentSectionProps, type CompareProduct, type CompareSpecValue, CompareTool, type CompareToolProps, Container, type ContainerMaxWidth, type ContainerProps, ContextMenu, type ContextMenuItemData, type ContextMenuProps, type CookieCategory, CookieConsent, type CookieConsentProps, type CookiePreferences, CountdownTimer, type CountdownTimerProps, type CountdownTimerVariant, CountryFlag, type CountryFlagProps, CouponInput, type CouponInputProps, type CreateMyThemeOptions, DateTimePicker, type DateTimePickerMode, type DateTimePickerProps, DealCard, type DealCardProps, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FaqItem, type FaqItemData, type FaqItemProps, FaqSection, type FaqSectionProps, type Feature, FeatureGrid, type FeatureGridColumns, type FeatureGridProps, FeatureItem, type FeatureItemProps, FileInput, type FileInputProps, type FilterOption, FilterSidebar, type FilterSidebarProps, Footer, type FooterColumn, type FooterLink, type FooterProps, type GapValue, type GridValue, Image, type ImageProps, Lightbox, type LightboxImage, type LightboxProps, List, type ListItemData, type ListProps, type ListSize, type ListVariant, LogoCloud, type LogoCloudColumns, type LogoTileItem as LogoCloudItem, type LogoCloudProps, type LogoCloudVariant, LogoTile, type LogoTileItem, type LogoTileProps, type LogoTileVariant, Main, type MainProps, Marquee, type MarqueeDirection, type MarqueeProps, type MarqueeSpeed, Modal, type ModalProps, type ModalSize, MultiSelectInput, type MultiSelectInputProps, type MyThemeMode, MyThemeProvider, type MyThemeProviderProps, type NavItem, Navbar, type NavbarProps, type NewsletterLayout, NewsletterSection, type NewsletterSectionProps, NumberInput, type NumberInputProps, OrderSummary, type OrderSummaryItem$1 as OrderSummaryItem, OrderSummaryItem as OrderSummaryItemComponent, type OrderSummaryItemProps, type OrderSummaryLine, type OrderSummaryProps, OrderSummaryRow, type OrderSummaryRowProps, PaginationBar, type PaginationBarProps, type PaginationBarSize, PaginationButton, type PaginationButtonProps, type PaginationButtonSize, PaginationEllipsis, Partners, PasswordInput, type PasswordInputProps, type PaymentMethod, PaymentMethodSelector, type PaymentMethodSelectorProps, type PhoneCountry, PhoneInput, type PhoneInputMeta, type PhoneInputProps, PostCard, PostCardImage, type PostCardImageProps, PostCardMeta, type PostCardMetaProps, type PostCardProps, type PostCardVariant, Price, type PriceProps, type PriceRange, type PriceSize, PricingCard, PricingCardFeatureList, type PricingCardFeatureListProps, PricingCardPrice, type PricingCardPriceProps, type PricingCardProps, type PricingFeature, PricingSection, type PricingSectionProps, ProcessSection, type ProcessSectionProps, type ProcessSectionStep, ProcessStep, type ProcessStepProps, ProductCard, ProductCardHorizontal, type ProductCardHorizontalProps, ProductCardImage, type ProductCardImageProps, type ProductCardProps, ProductGallery, type ProductGalleryImage, type ProductGalleryProps, ProfileCard, type ProfileCardProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, ProgressCircle, type ProgressCircleProps, type ProgressCircleSize, type ProgressCircleVariant, PromoStrip, type PromoStripProps, type PromoStripVariant, Prose, type ProseProps, QuantitySelector, type QuantitySelectorProps, RadioInput, type RadioInputProps, RangeSlider, type RangeSliderProps, type RangeSliderSize, Rating, type RatingProps, RelatedProducts, type RelatedProductsLayout, type RelatedProductsProps, type ResponsiveValue, type Review, ReviewItem, type ReviewItemProps, ReviewSection, type ReviewSectionProps, ReviewSummary, type ReviewSummaryProps, SearchInput, type SearchInputProps, Section, SectionHeading, type SectionHeadingAlign, type SectionHeadingProps, type SectionProps, SelectInput, type SelectInputProps, type SelectOption, Separator, type SeparatorOrientation, type SeparatorProps, Sheet, type SheetPosition, type SheetProps, type SheetSize, type ShippingOption, ShippingSelector, type ShippingSelectorProps, Skeleton, type SkeletonProps, type SkeletonVariant, type SocialLink, type SocialPlatform, SortBar, type SortBarProps, type SortOption, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, type SpinnerVariant, StatCard, type StatCardProps, type StatItem, StatsSection, type StatsSectionColumns, type StatsSectionProps, StockStatus, type StockStatusProps, type StockStatusValue, type SwitchColor, SwitchInput, type SwitchInputProps, type TabItem, Tabs, type TabsProps, type TabsVariant, type TeamMember, TeamMemberAvatar, type TeamMemberAvatarProps, TeamMemberCard, type TeamMemberCardProps, TeamMemberInfo, type TeamMemberInfoProps, TeamSection, type TeamSectionColumns, type TeamSectionProps, type Testimonial, TestimonialAuthor, type TestimonialAuthorProps, TestimonialCard, type TestimonialCardProps, TestimonialQuote, type TestimonialQuoteProps, TestimonialsSection, type TestimonialsSectionColumns, type TestimonialsSectionProps, TextInput, type TextInputProps, TextareaInput, type TextareaInputProps, Timeline, type TimelineAlign, type TimelineItem, type TimelineItemStatus, type TimelineProps, type TimelineVariant, type VariantOption, VariantSelector, type VariantSelectorMode, type VariantSelectorProps, VideoPlayer, type VideoPlayerProps, type VideoPlayerProvider, type ViewMode, VoucherCard, type VoucherCardProps, WishlistButton, type WishlistButtonProps, accordionVariants, alertSeverities, aspectRatioPresets, avatarColors, avatarSizes, backToTopPositions, backToTopVariants, badgeVariants, cardPaddings, cardRoundeds, cardVariants, countdownTimerVariants, createMyTheme, dateTimePickerModes, defaultCookieCategories, featureGridColumns, listSizes, listVariants, logoCloudColumns, logoCloudVariants, logoTileVariants, marqueeDirections, marqueeSpeeds, modalSizes, myTheme, newsletterLayouts, postCardVariants, priceSizes, progressBarSizes, progressBarVariants, progressCircleSizes, progressCircleVariants, promoStripVariants, rangeSliderSizes, relatedProductsLayouts, sectionHeadingAligns, sheetPositions, sheetSizes, skeletonVariants, spinnerColors, spinnerSizes, spinnerVariants, statsSectionColumns, stockStatusValues, switchColors, tabsVariants, teamSectionColumns, testimonialsSectionColumns, themeDark, themeHighContrast, themeLight, timelineItemStatuses, timelineVariants, useCommentLikes, variantSelectorModes };
|
package/dist/index.d.ts
CHANGED
|
@@ -70,6 +70,15 @@ interface CheckboxInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
|
|
|
70
70
|
indeterminate?: boolean;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
+
declare const RadioInput: react.ForwardRefExoticComponent<RadioInputProps & react.RefAttributes<HTMLInputElement>>;
|
|
74
|
+
|
|
75
|
+
interface RadioInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
76
|
+
label?: string;
|
|
77
|
+
helperText?: string;
|
|
78
|
+
error?: boolean;
|
|
79
|
+
size?: InputSize;
|
|
80
|
+
}
|
|
81
|
+
|
|
73
82
|
declare const FileInput: react.ForwardRefExoticComponent<FileInputProps & react.RefAttributes<HTMLInputElement>>;
|
|
74
83
|
|
|
75
84
|
interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'placeholder'> {
|
|
@@ -364,6 +373,13 @@ interface SectionHeadingProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
364
373
|
as?: 'h1' | 'h2' | 'h3';
|
|
365
374
|
}
|
|
366
375
|
|
|
376
|
+
declare function Separator({ orientation, ...rest }: SeparatorProps): react_jsx_runtime.JSX.Element;
|
|
377
|
+
|
|
378
|
+
type SeparatorOrientation = 'horizontal' | 'vertical';
|
|
379
|
+
interface SeparatorProps extends HTMLAttributes<HTMLHRElement> {
|
|
380
|
+
orientation?: SeparatorOrientation;
|
|
381
|
+
}
|
|
382
|
+
|
|
367
383
|
declare function Skeleton({ variant, width, height, lines, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
368
384
|
declare const skeletonVariants: SkeletonVariant[];
|
|
369
385
|
|
|
@@ -963,6 +979,7 @@ interface CommentItem {
|
|
|
963
979
|
date: string;
|
|
964
980
|
content: string;
|
|
965
981
|
likesCount?: number;
|
|
982
|
+
isLiked?: boolean;
|
|
966
983
|
replies?: CommentItem[];
|
|
967
984
|
}
|
|
968
985
|
interface CommentCardProps extends HTMLAttributes<HTMLDivElement> {
|
|
@@ -994,11 +1011,12 @@ declare namespace CommentBody {
|
|
|
994
1011
|
interface CommentActionsProps {
|
|
995
1012
|
commentId: string;
|
|
996
1013
|
likesCount?: number;
|
|
1014
|
+
isLiked?: boolean;
|
|
997
1015
|
onLike?: (commentId: string) => void;
|
|
998
1016
|
onReply?: (commentId: string) => void;
|
|
999
1017
|
}
|
|
1000
1018
|
|
|
1001
|
-
declare function CommentActions({ commentId, likesCount, onLike, onReply }: CommentActionsProps): react_jsx_runtime.JSX.Element;
|
|
1019
|
+
declare function CommentActions({ commentId, likesCount, isLiked, onLike, onReply, }: CommentActionsProps): react_jsx_runtime.JSX.Element;
|
|
1002
1020
|
declare namespace CommentActions {
|
|
1003
1021
|
var displayName: string;
|
|
1004
1022
|
}
|
|
@@ -1320,6 +1338,24 @@ interface ModalProps {
|
|
|
1320
1338
|
hideCloseButton?: boolean;
|
|
1321
1339
|
}
|
|
1322
1340
|
|
|
1341
|
+
declare function Sheet({ open, onClose, title, children, footer, position, size, closeOnBackdrop, hideCloseButton, }: SheetProps): react.ReactPortal | null;
|
|
1342
|
+
declare const sheetPositions: SheetPosition[];
|
|
1343
|
+
declare const sheetSizes: SheetSize[];
|
|
1344
|
+
|
|
1345
|
+
type SheetPosition = 'left' | 'right' | 'top' | 'bottom';
|
|
1346
|
+
type SheetSize = 'sm' | 'md' | 'lg' | 'full';
|
|
1347
|
+
interface SheetProps {
|
|
1348
|
+
open: boolean;
|
|
1349
|
+
onClose: () => void;
|
|
1350
|
+
title?: ReactNode;
|
|
1351
|
+
children?: ReactNode;
|
|
1352
|
+
footer?: ReactNode;
|
|
1353
|
+
position?: SheetPosition;
|
|
1354
|
+
size?: SheetSize;
|
|
1355
|
+
closeOnBackdrop?: boolean;
|
|
1356
|
+
hideCloseButton?: boolean;
|
|
1357
|
+
}
|
|
1358
|
+
|
|
1323
1359
|
type TabsVariant = 'underline' | 'pills' | 'bordered';
|
|
1324
1360
|
interface TabItem {
|
|
1325
1361
|
key: string;
|
|
@@ -1515,7 +1551,6 @@ declare const CommentSection: react.ForwardRefExoticComponent<CommentSectionProp
|
|
|
1515
1551
|
interface CommentSectionProps extends HTMLAttributes<HTMLElement> {
|
|
1516
1552
|
title?: string;
|
|
1517
1553
|
comments: CommentItem[];
|
|
1518
|
-
maxWidth?: ContainerMaxWidth;
|
|
1519
1554
|
onLike?: (commentId: string) => void;
|
|
1520
1555
|
onReply?: (commentId: string) => void;
|
|
1521
1556
|
}
|
|
@@ -1527,7 +1562,6 @@ interface FaqSectionProps extends HTMLAttributes<HTMLElement> {
|
|
|
1527
1562
|
description?: string;
|
|
1528
1563
|
items: FaqItemData[];
|
|
1529
1564
|
headingAlign?: SectionHeadingAlign;
|
|
1530
|
-
maxWidth?: ContainerMaxWidth;
|
|
1531
1565
|
defaultOpenIndex?: number;
|
|
1532
1566
|
}
|
|
1533
1567
|
|
|
@@ -1543,7 +1577,6 @@ interface FeatureGridProps extends HTMLAttributes<HTMLElement> {
|
|
|
1543
1577
|
columns?: FeatureGridColumns;
|
|
1544
1578
|
cardVariant?: CardVariant;
|
|
1545
1579
|
itemLayout?: FeatureItemProps['layout'];
|
|
1546
|
-
maxWidth?: ContainerMaxWidth;
|
|
1547
1580
|
}
|
|
1548
1581
|
|
|
1549
1582
|
declare const LogoCloud: react.ForwardRefExoticComponent<LogoCloudProps & react.RefAttributes<HTMLElement>>;
|
|
@@ -1562,7 +1595,6 @@ interface LogoCloudProps extends HTMLAttributes<HTMLElement> {
|
|
|
1562
1595
|
variant?: LogoCloudVariant;
|
|
1563
1596
|
monochrome?: boolean;
|
|
1564
1597
|
logoHeight?: number | string;
|
|
1565
|
-
maxWidth?: ContainerMaxWidth;
|
|
1566
1598
|
}
|
|
1567
1599
|
|
|
1568
1600
|
declare const NewsletterSection: react.ForwardRefExoticComponent<NewsletterSectionProps & react.RefAttributes<HTMLElement>>;
|
|
@@ -1578,7 +1610,6 @@ interface NewsletterSectionProps extends Omit<HTMLAttributes<HTMLElement>, 'onSu
|
|
|
1578
1610
|
headingAlign?: SectionHeadingAlign;
|
|
1579
1611
|
layout?: NewsletterLayout;
|
|
1580
1612
|
cardVariant?: CardVariant;
|
|
1581
|
-
maxWidth?: ContainerMaxWidth;
|
|
1582
1613
|
onSubmit?: (email: string, event: FormEvent<HTMLFormElement>) => void;
|
|
1583
1614
|
}
|
|
1584
1615
|
declare const newsletterLayouts: NewsletterLayout[];
|
|
@@ -1616,7 +1647,6 @@ interface StatsSectionProps extends HTMLAttributes<HTMLElement> {
|
|
|
1616
1647
|
columns?: StatsSectionColumns;
|
|
1617
1648
|
cardVariant?: CardVariant;
|
|
1618
1649
|
statAlign?: 'left' | 'center';
|
|
1619
|
-
maxWidth?: ContainerMaxWidth;
|
|
1620
1650
|
}
|
|
1621
1651
|
|
|
1622
1652
|
declare const TeamSection: react.ForwardRefExoticComponent<TeamSectionProps & react.RefAttributes<HTMLElement>>;
|
|
@@ -1630,7 +1660,6 @@ interface TeamSectionProps extends HTMLAttributes<HTMLElement> {
|
|
|
1630
1660
|
headingAlign?: SectionHeadingAlign;
|
|
1631
1661
|
columns?: TeamSectionColumns;
|
|
1632
1662
|
cardVariant?: CardVariant;
|
|
1633
|
-
maxWidth?: ContainerMaxWidth;
|
|
1634
1663
|
}
|
|
1635
1664
|
|
|
1636
1665
|
declare const TestimonialsSection: react.ForwardRefExoticComponent<TestimonialsSectionProps & react.RefAttributes<HTMLElement>>;
|
|
@@ -1644,7 +1673,6 @@ interface TestimonialsSectionProps extends HTMLAttributes<HTMLElement> {
|
|
|
1644
1673
|
headingAlign?: SectionHeadingAlign;
|
|
1645
1674
|
columns?: TestimonialsSectionColumns;
|
|
1646
1675
|
cardVariant?: CardVariant;
|
|
1647
|
-
maxWidth?: ContainerMaxWidth;
|
|
1648
1676
|
}
|
|
1649
1677
|
|
|
1650
1678
|
declare function CommandPalette({ open, onClose, groups, placeholder, emptyLabel, onSelect, }: CommandPaletteProps): react.ReactPortal | null;
|
|
@@ -1793,4 +1821,9 @@ declare const themeLight: _mui_material.Theme;
|
|
|
1793
1821
|
declare const themeDark: _mui_material.Theme;
|
|
1794
1822
|
declare const themeHighContrast: _mui_material.Theme;
|
|
1795
1823
|
|
|
1796
|
-
|
|
1824
|
+
declare function useCommentLikes(initialComments: CommentItem[]): {
|
|
1825
|
+
comments: CommentItem[];
|
|
1826
|
+
onLike: (commentId: string) => void;
|
|
1827
|
+
};
|
|
1828
|
+
|
|
1829
|
+
export { Accordion, type AccordionItemData, type AccordionProps, type AccordionVariant, Alert, type AlertProps, type AlertSeverity, Article, type ArticleProps, AspectRatio, type AspectRatioPreset, type AspectRatioProps, Avatar, type AvatarColor, type AvatarProps, type AvatarSize, BackToTop, type BackToTopPosition, type BackToTopProps, type BackToTopVariant, Badge, type BadgeProps, type BadgeVariant, BaseInput, type BaseInputProps, BaseSelectInput, type BaseSelectInputProps, Box, type BoxProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardPadding, type CardProps, type CardRounded, type CardVariant, Carousel, type CarouselProps, type CarouselSlide, CartButton, type CartButtonProps, type CartButtonSize, CartDrawer, type CartDrawerItem$1 as CartDrawerItem, CartDrawerItem as CartDrawerItemComponent, type CartDrawerItemProps, type CartDrawerProps, CategoryCard, CategoryCardImage, type CategoryCardImageProps, CategoryCardInfo, type CategoryCardInfoProps, type CategoryCardProps, CheckboxInput, type CheckboxInputProps, type CommandGroup, type CommandItem, CommandPalette, type CommandPaletteProps, CommentActions, type CommentActionsProps, type CommentAuthor, CommentBody, type CommentBodyProps, CommentCard, type CommentCardProps, type CommentItem, CommentMeta, type CommentMetaProps, CommentSection, type CommentSectionProps, type CompareProduct, type CompareSpecValue, CompareTool, type CompareToolProps, Container, type ContainerMaxWidth, type ContainerProps, ContextMenu, type ContextMenuItemData, type ContextMenuProps, type CookieCategory, CookieConsent, type CookieConsentProps, type CookiePreferences, CountdownTimer, type CountdownTimerProps, type CountdownTimerVariant, CountryFlag, type CountryFlagProps, CouponInput, type CouponInputProps, type CreateMyThemeOptions, DateTimePicker, type DateTimePickerMode, type DateTimePickerProps, DealCard, type DealCardProps, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FaqItem, type FaqItemData, type FaqItemProps, FaqSection, type FaqSectionProps, type Feature, FeatureGrid, type FeatureGridColumns, type FeatureGridProps, FeatureItem, type FeatureItemProps, FileInput, type FileInputProps, type FilterOption, FilterSidebar, type FilterSidebarProps, Footer, type FooterColumn, type FooterLink, type FooterProps, type GapValue, type GridValue, Image, type ImageProps, Lightbox, type LightboxImage, type LightboxProps, List, type ListItemData, type ListProps, type ListSize, type ListVariant, LogoCloud, type LogoCloudColumns, type LogoTileItem as LogoCloudItem, type LogoCloudProps, type LogoCloudVariant, LogoTile, type LogoTileItem, type LogoTileProps, type LogoTileVariant, Main, type MainProps, Marquee, type MarqueeDirection, type MarqueeProps, type MarqueeSpeed, Modal, type ModalProps, type ModalSize, MultiSelectInput, type MultiSelectInputProps, type MyThemeMode, MyThemeProvider, type MyThemeProviderProps, type NavItem, Navbar, type NavbarProps, type NewsletterLayout, NewsletterSection, type NewsletterSectionProps, NumberInput, type NumberInputProps, OrderSummary, type OrderSummaryItem$1 as OrderSummaryItem, OrderSummaryItem as OrderSummaryItemComponent, type OrderSummaryItemProps, type OrderSummaryLine, type OrderSummaryProps, OrderSummaryRow, type OrderSummaryRowProps, PaginationBar, type PaginationBarProps, type PaginationBarSize, PaginationButton, type PaginationButtonProps, type PaginationButtonSize, PaginationEllipsis, Partners, PasswordInput, type PasswordInputProps, type PaymentMethod, PaymentMethodSelector, type PaymentMethodSelectorProps, type PhoneCountry, PhoneInput, type PhoneInputMeta, type PhoneInputProps, PostCard, PostCardImage, type PostCardImageProps, PostCardMeta, type PostCardMetaProps, type PostCardProps, type PostCardVariant, Price, type PriceProps, type PriceRange, type PriceSize, PricingCard, PricingCardFeatureList, type PricingCardFeatureListProps, PricingCardPrice, type PricingCardPriceProps, type PricingCardProps, type PricingFeature, PricingSection, type PricingSectionProps, ProcessSection, type ProcessSectionProps, type ProcessSectionStep, ProcessStep, type ProcessStepProps, ProductCard, ProductCardHorizontal, type ProductCardHorizontalProps, ProductCardImage, type ProductCardImageProps, type ProductCardProps, ProductGallery, type ProductGalleryImage, type ProductGalleryProps, ProfileCard, type ProfileCardProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, ProgressCircle, type ProgressCircleProps, type ProgressCircleSize, type ProgressCircleVariant, PromoStrip, type PromoStripProps, type PromoStripVariant, Prose, type ProseProps, QuantitySelector, type QuantitySelectorProps, RadioInput, type RadioInputProps, RangeSlider, type RangeSliderProps, type RangeSliderSize, Rating, type RatingProps, RelatedProducts, type RelatedProductsLayout, type RelatedProductsProps, type ResponsiveValue, type Review, ReviewItem, type ReviewItemProps, ReviewSection, type ReviewSectionProps, ReviewSummary, type ReviewSummaryProps, SearchInput, type SearchInputProps, Section, SectionHeading, type SectionHeadingAlign, type SectionHeadingProps, type SectionProps, SelectInput, type SelectInputProps, type SelectOption, Separator, type SeparatorOrientation, type SeparatorProps, Sheet, type SheetPosition, type SheetProps, type SheetSize, type ShippingOption, ShippingSelector, type ShippingSelectorProps, Skeleton, type SkeletonProps, type SkeletonVariant, type SocialLink, type SocialPlatform, SortBar, type SortBarProps, type SortOption, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, type SpinnerVariant, StatCard, type StatCardProps, type StatItem, StatsSection, type StatsSectionColumns, type StatsSectionProps, StockStatus, type StockStatusProps, type StockStatusValue, type SwitchColor, SwitchInput, type SwitchInputProps, type TabItem, Tabs, type TabsProps, type TabsVariant, type TeamMember, TeamMemberAvatar, type TeamMemberAvatarProps, TeamMemberCard, type TeamMemberCardProps, TeamMemberInfo, type TeamMemberInfoProps, TeamSection, type TeamSectionColumns, type TeamSectionProps, type Testimonial, TestimonialAuthor, type TestimonialAuthorProps, TestimonialCard, type TestimonialCardProps, TestimonialQuote, type TestimonialQuoteProps, TestimonialsSection, type TestimonialsSectionColumns, type TestimonialsSectionProps, TextInput, type TextInputProps, TextareaInput, type TextareaInputProps, Timeline, type TimelineAlign, type TimelineItem, type TimelineItemStatus, type TimelineProps, type TimelineVariant, type VariantOption, VariantSelector, type VariantSelectorMode, type VariantSelectorProps, VideoPlayer, type VideoPlayerProps, type VideoPlayerProvider, type ViewMode, VoucherCard, type VoucherCardProps, WishlistButton, type WishlistButtonProps, accordionVariants, alertSeverities, aspectRatioPresets, avatarColors, avatarSizes, backToTopPositions, backToTopVariants, badgeVariants, cardPaddings, cardRoundeds, cardVariants, countdownTimerVariants, createMyTheme, dateTimePickerModes, defaultCookieCategories, featureGridColumns, listSizes, listVariants, logoCloudColumns, logoCloudVariants, logoTileVariants, marqueeDirections, marqueeSpeeds, modalSizes, myTheme, newsletterLayouts, postCardVariants, priceSizes, progressBarSizes, progressBarVariants, progressCircleSizes, progressCircleVariants, promoStripVariants, rangeSliderSizes, relatedProductsLayouts, sectionHeadingAligns, sheetPositions, sheetSizes, skeletonVariants, spinnerColors, spinnerSizes, spinnerVariants, statsSectionColumns, stockStatusValues, switchColors, tabsVariants, teamSectionColumns, testimonialsSectionColumns, themeDark, themeHighContrast, themeLight, timelineItemStatuses, timelineVariants, useCommentLikes, variantSelectorModes };
|