@digital-b2c/coreui-kit 0.10.0 → 0.10.2

package/dist/index.d.cts

@@ -174,6 +174,40 @@ declare const CountingCard: (({ className, title, count, image, children }: Coun
     Title: ({ children }: CountingCardTitleProps) => react_jsx_runtime.JSX.Element;
 };
 
+type ResourceView = 'grid' | 'list';
+type ResourceItemType = 'pdf' | 'link';
+interface ResourceItem {
+    title: string;
+    date: string;
+    image?: string;
+    type: ResourceItemType;
+    href: string;
+    hasNotification?: boolean;
+    category?: string;
+}
+interface ResourceCardItemProps {
+    item: ResourceItem;
+    view: ResourceView;
+}
+
+declare const ResourceCardItem: ({ item, view }: ResourceCardItemProps) => react_jsx_runtime.JSX.Element;
+
+type FilterOption = 'all' | 'pdf' | 'link';
+type SortOption = 'latest' | 'oldest' | 'az' | 'za';
+interface FilterBarProps {
+    view: ResourceView;
+    onViewChange: (v: ResourceView) => void;
+    isMobile: boolean;
+    filterValue: FilterOption;
+    onFilterChange: (v: FilterOption) => void;
+    sortValue: SortOption;
+    onSortChange: (v: SortOption) => void;
+    searchValue: string;
+    onSearchChange: (v: string) => void;
+}
+
+declare function FilterBar({ view, onViewChange, isMobile, filterValue, onFilterChange, sortValue, onSortChange, searchValue, onSearchChange, }: FilterBarProps): react_jsx_runtime.JSX.Element;
+
 type InfoCardSubtitleProps = {
     children: ReactNode;
 };
@@ -219,6 +253,26 @@ interface PracticeCardProps {
 
 declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react_jsx_runtime.JSX.Element;
 
+interface SidebarCategory {
+    label: string;
+    /**
+     * Value matched against `ResourceItem.category` to filter items.
+     * Omit it (e.g. an "All Resources" entry) to show every item.
+     */
+    value?: string;
+    active?: boolean;
+    hasNotification?: boolean;
+}
+interface SidebarProps {
+    categories: SidebarCategory[];
+    isMobile: boolean;
+    onToggle?: () => void;
+    selectedIndex: number;
+    onSelect: (index: number) => void;
+}
+
+declare const Sidebar: ({ categories, isMobile, onToggle, selectedIndex, onSelect, }: SidebarProps) => react_jsx_runtime.JSX.Element;
+
 interface LogoBarProps {
     className?: string;
     items: ICtaHoverLogo[];
@@ -599,29 +653,6 @@ declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, child
     Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react_jsx_runtime.JSX.Element;
 };
 
-type ResourceView = 'grid' | 'list';
-type ResourceItemType = 'pdf' | 'link';
-type FilterOption = 'all' | 'pdf' | 'link';
-type SortOption = 'latest' | 'oldest' | 'az' | 'za';
-interface ResourceItem {
-    title: string;
-    date: string;
-    image?: string;
-    type: ResourceItemType;
-    href: string;
-    hasNotification?: boolean;
-    category?: string;
-}
-interface SidebarCategory {
-    label: string;
-    /**
-     * Value matched against `ResourceItem.category` to filter items.
-     * Omit it (e.g. an "All Resources" entry) to show every item.
-     */
-    value?: string;
-    active?: boolean;
-    hasNotification?: boolean;
-}
 interface ResourcesGridListProps {
     className?: string;
     items?: ResourceItem[];
@@ -657,4 +688,4 @@ type SlotMap = Record<string, SlotComponent>;
  */
 declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
 
-export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Footer, type FooterProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, InternalBrandsTab, type InternalBrandsTabProps, LogoBar, type LogoBarProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, type ResourceItem, type ResourceView, ResourcesGridList, type ResourcesGridListProps, type SidebarCategory, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
+export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, InternalBrandsTab, type InternalBrandsTabProps, LogoBar, type LogoBarProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };

package/dist/index.d.ts

@@ -174,6 +174,40 @@ declare const CountingCard: (({ className, title, count, image, children }: Coun
     Title: ({ children }: CountingCardTitleProps) => react_jsx_runtime.JSX.Element;
 };
 
+type ResourceView = 'grid' | 'list';
+type ResourceItemType = 'pdf' | 'link';
+interface ResourceItem {
+    title: string;
+    date: string;
+    image?: string;
+    type: ResourceItemType;
+    href: string;
+    hasNotification?: boolean;
+    category?: string;
+}
+interface ResourceCardItemProps {
+    item: ResourceItem;
+    view: ResourceView;
+}
+
+declare const ResourceCardItem: ({ item, view }: ResourceCardItemProps) => react_jsx_runtime.JSX.Element;
+
+type FilterOption = 'all' | 'pdf' | 'link';
+type SortOption = 'latest' | 'oldest' | 'az' | 'za';
+interface FilterBarProps {
+    view: ResourceView;
+    onViewChange: (v: ResourceView) => void;
+    isMobile: boolean;
+    filterValue: FilterOption;
+    onFilterChange: (v: FilterOption) => void;
+    sortValue: SortOption;
+    onSortChange: (v: SortOption) => void;
+    searchValue: string;
+    onSearchChange: (v: string) => void;
+}
+
+declare function FilterBar({ view, onViewChange, isMobile, filterValue, onFilterChange, sortValue, onSortChange, searchValue, onSearchChange, }: FilterBarProps): react_jsx_runtime.JSX.Element;
+
 type InfoCardSubtitleProps = {
     children: ReactNode;
 };
@@ -219,6 +253,26 @@ interface PracticeCardProps {
 
 declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react_jsx_runtime.JSX.Element;
 
+interface SidebarCategory {
+    label: string;
+    /**
+     * Value matched against `ResourceItem.category` to filter items.
+     * Omit it (e.g. an "All Resources" entry) to show every item.
+     */
+    value?: string;
+    active?: boolean;
+    hasNotification?: boolean;
+}
+interface SidebarProps {
+    categories: SidebarCategory[];
+    isMobile: boolean;
+    onToggle?: () => void;
+    selectedIndex: number;
+    onSelect: (index: number) => void;
+}
+
+declare const Sidebar: ({ categories, isMobile, onToggle, selectedIndex, onSelect, }: SidebarProps) => react_jsx_runtime.JSX.Element;
+
 interface LogoBarProps {
     className?: string;
     items: ICtaHoverLogo[];
@@ -599,29 +653,6 @@ declare const TextCenterCtaInBottom: (({ className, title, subtitle, ctas, child
     Subtitle: ({ children }: TextCenterCtaInBottomSubtitleProps) => react_jsx_runtime.JSX.Element;
 };
 
-type ResourceView = 'grid' | 'list';
-type ResourceItemType = 'pdf' | 'link';
-type FilterOption = 'all' | 'pdf' | 'link';
-type SortOption = 'latest' | 'oldest' | 'az' | 'za';
-interface ResourceItem {
-    title: string;
-    date: string;
-    image?: string;
-    type: ResourceItemType;
-    href: string;
-    hasNotification?: boolean;
-    category?: string;
-}
-interface SidebarCategory {
-    label: string;
-    /**
-     * Value matched against `ResourceItem.category` to filter items.
-     * Omit it (e.g. an "All Resources" entry) to show every item.
-     */
-    value?: string;
-    active?: boolean;
-    hasNotification?: boolean;
-}
 interface ResourcesGridListProps {
     className?: string;
     items?: ResourceItem[];
@@ -657,4 +688,4 @@ type SlotMap = Record<string, SlotComponent>;
  */
 declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
 
-export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, Footer, type FooterProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, InternalBrandsTab, type InternalBrandsTabProps, LogoBar, type LogoBarProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, type ResourceItem, type ResourceView, ResourcesGridList, type ResourcesGridListProps, type SidebarCategory, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };
+export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IPicture, Icon, type IconType, InfoCard, type InfoCardProps, InternalBrandsTab, type InternalBrandsTabProps, LogoBar, type LogoBarProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextEvent, type TextEventProps, resolveCompoundSlots, svgs, useIntersectionObserver };