formica-ui-lib 1.0.168 → 1.0.169

package/dist/componentProps/atoms/buttons/button/ButtonProps.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { FaTypeClass } from "../../icon/IconProps";
+export type ButtonVariant = "solid" | "outline" | "ghost" | "link" | "chip";
+export type ButtonIntent = "primary" | "secondary" | "neutral" | "accent" | "danger" | "ghost" | "muted" | "radio";
+export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type IconPosition = "left" | "right";
+export type ButtonSize = "xs" | "sm" | "md" | "lg";
+export type ButtonAlignment = "justify-start" | "justify-center" | "justify-end" | "justify-between" | "justify-around" | "justify-evenly";
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "children"> {
+    label?: string;
+    children?: React.ReactNode;
+    iconType?: FaTypeClass;
+    iconName?: string;
+    iconAlt?: string;
+    iconSize?: IconSize;
+    iconPosition?: IconPosition;
+    variant?: ButtonVariant;
+    intent?: ButtonIntent;
+    buttonType?: ButtonIntent;
+    size?: ButtonSize;
+    buttonAlignment?: ButtonAlignment;
+    active?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+}

package/dist/componentProps/atoms/buttons/iconbutton/IconButtonProps.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonProps } from "../button/ButtonProps";
+export type IconButtonProps = Omit<ButtonProps, "variant" | "label" | "children">;

package/dist/componentProps/atoms/checkbox/CheckboxProps.d.ts

@@ -0,0 +1,15 @@
+export type CheckboxColor = "accent-primary" | "accent-secondary" | "accent-tertiary" | "accent-accent";
+export interface CheckboxChangePayload {
+    id: string;
+    name?: string;
+    checked: boolean;
+}
+export interface CheckboxProps {
+    id: string;
+    name?: string;
+    label: string;
+    checked?: boolean;
+    disabled?: boolean;
+    checkboxColor?: CheckboxColor;
+    onChange?: (payload: CheckboxChangePayload) => void;
+}

package/dist/componentProps/atoms/dropdown/DropdownProps.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export interface DropdownOption {
+    label: string;
+    value?: string;
+    disabled?: boolean;
+}
+export interface DropdownProps {
+    id: string;
+    name?: string;
+    options?: DropdownOption[];
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    hasError?: boolean;
+    variant?: "field" | "filter" | "toolbar";
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
+}

package/dist/componentProps/atoms/htmlblock/HtmlBlockProps.d.ts

@@ -0,0 +1,4 @@
+export interface HtmlBlockProps {
+    html?: string;
+    className?: string;
+}

package/dist/componentProps/atoms/icon/IconProps.d.ts

@@ -0,0 +1,16 @@
+import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+export type IconSize = "base" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
+export type IconColor = "inherit" | "primary" | "secondary" | "secondaryHover" | "accent";
+export type FaTypeClass = "fa-solid" | "fa-regular" | "fa-brands";
+export type IconProps = {
+    icon?: IconDefinition;
+    alt?: string;
+    size?: IconSize;
+    color?: IconColor;
+    className?: string;
+    title?: string;
+};
+export type Props = Omit<IconProps, "icon"> & {
+    iconType: FaTypeClass;
+    iconName: string;
+};

package/dist/componentProps/atoms/image/ImageProps.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export type ImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt"> & {
+    src: string;
+    alt: string;
+    quality: number;
+    fit?: "contain" | "cover" | "fill";
+    useNetlifyImages?: boolean;
+};
+export type NetlifyLoaderArgs = {
+    src: string;
+    width?: number;
+    quality?: number;
+    fit?: "contain" | "cover" | "fill";
+};

package/dist/componentProps/atoms/input/inputProps.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export interface InputProps {
+    id?: string;
+    name?: string;
+    type?: "text" | "email" | "password" | "tel" | "number" | "search";
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    hasError?: boolean;
+    className?: string;
+    inputClassName?: string;
+    autoComplete?: string;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+}
+export interface InputFieldProps extends InputProps {
+    label?: string;
+    errorMessage?: string;
+    linkText?: string;
+    linkHref?: string;
+    onLinkClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+}

package/dist/componentProps/atoms/layout/ContentContainerProps.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type ContentContainerMaxWidth = "sm" | "md" | "lg" | "xl" | "2xl" | "4xl" | "6xl";
+export type ContentContainerProps = {
+    children?: React.ReactNode;
+    className?: string;
+    innerClassName?: string;
+    maxWidth?: ContentContainerMaxWidth;
+};

package/dist/componentProps/atoms/layout/ContentGridProps.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { ContentContainerMaxWidth } from "./ContentContainerProps";
+export type ContentGridColumns = 1 | 2 | 3 | 4;
+export type ContentGridGap = "sm" | "md" | "lg" | "xl";
+export type ContentGridProps = {
+    children?: React.ReactNode;
+    className?: string;
+    gridClassName?: string;
+    maxWidth?: ContentContainerMaxWidth;
+    columns?: ContentGridColumns;
+    gap?: ContentGridGap;
+};

package/dist/componentProps/atoms/layout/FlowRowProps.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export type FlowRowGap = "sm" | "md" | "lg" | "xl";
+export type FlowRowAlign = "start" | "center" | "end" | "stretch";
+export type FlowRowJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
+export type FlowRowProps = {
+    children?: React.ReactNode;
+    className?: string;
+    gap?: FlowRowGap;
+    align?: FlowRowAlign;
+    justify?: FlowRowJustify;
+    wrap?: boolean;
+};

package/dist/componentProps/atoms/radiooption/RadioOptionProps.d.ts

@@ -0,0 +1,12 @@
+export interface RadioOptionProps {
+    id: string;
+    label: string;
+    description?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    className?: string;
+    onChange?: (value: string) => void;
+    onClick?: () => void;
+}

package/dist/componentProps/atoms/text/TextProps.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type TextVariant = "h1" | "h2" | "h3" | "nav" | "standard" | "breadcrumb" | "navlink" | "free" | "body" | "bold" | "caption" | "eyebrow";
+export type TextTag = "p" | "span" | "div" | "a" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+type AsProp<E extends React.ElementType> = {
+    as?: E;
+};
+type PropsToOmit<E extends React.ElementType, P> = keyof (AsProp<E> & P);
+export type TextProps<E extends React.ElementType = "p"> = {
+    variant?: TextVariant;
+    className?: string;
+    children: React.ReactNode;
+} & AsProp<E> & Omit<React.ComponentPropsWithoutRef<E>, PropsToOmit<E, Record<never, never>>>;
+export {};

package/dist/componentProps/molecules/banner/articlebannercontent/ArticleBannerContentProps.d.ts

@@ -0,0 +1,6 @@
+import type { ArticleBannerTag } from "../../../organisms/banner/articlebanner/ArticleBannerProps";
+export interface ArticleBannerContentProps {
+    tags?: ArticleBannerTag[];
+    categoryText?: string;
+    onTagClick?: (tag: ArticleBannerTag) => void;
+}

package/dist/componentProps/molecules/banner/calltoactionherocontent/CallToActionHeroContentProps.d.ts

@@ -0,0 +1,8 @@
+import type { CallToActionHeroCta } from "../../../organisms/banner/herobanner/CallToActionHeroProps";
+export interface CallToActionHeroContentProps {
+    heading: string;
+    subheading?: string;
+    body?: string;
+    eyebrow?: string;
+    ctas?: CallToActionHeroCta[];
+}

package/dist/componentProps/molecules/banner/featuredarticlebannercontent/FeaturedArticleBannerContentProps.d.ts

@@ -0,0 +1,7 @@
+export interface FeaturedArticleBannerContentProps {
+    heading: string;
+    subheading?: string;
+    articleCategory?: string;
+    ctaLabel?: string;
+    onCtaClick?: () => void;
+}

package/dist/componentProps/molecules/banner/standardcopybannercontent/StandardCopyBannerContentProps.d.ts

@@ -0,0 +1,7 @@
+export interface StandardCopyBannerContentProps {
+    heading: string;
+    subheading?: string;
+    body?: string;
+    linkLabel?: string;
+    onLinkClick?: () => void;
+}

package/dist/componentProps/molecules/buttons/buttongrid/ButtonGridProps.d.ts

@@ -0,0 +1,14 @@
+export type ButtonGridItem = {
+    id: string;
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export type ButtonGridProps = {
+    heading?: string;
+    items: ButtonGridItem[];
+    value?: string;
+    onChange: (value: string, item: ButtonGridItem) => void;
+    headingClassName?: string;
+    minCellWidthPx?: number;
+};

package/dist/componentProps/molecules/card/articlerecentcard/ArticleRecentCardProps.d.ts

@@ -0,0 +1,15 @@
+import type React from "react";
+export interface ArticleRecentCardProps {
+    mediaType?: "image" | "video";
+    imageSrc?: string;
+    imageAlt?: string;
+    videoEmbedUrl?: string;
+    videoTitle?: string;
+    category?: string;
+    title: string;
+    publishDate?: string;
+    body: string;
+    buttonLabel: string;
+    onViewClick?: () => void;
+    actionFooter?: React.ReactNode;
+}

package/dist/componentProps/molecules/card/cartItemCard/CartItemCardProps.d.ts

@@ -0,0 +1,24 @@
+export type CartItemCardPrice = {
+    value: number;
+    currency: string;
+    label: string;
+};
+export type CartItemStatus = "pending" | "ready" | "error" | "warning";
+export type CartItemCardProps = {
+    id: string;
+    sku: string;
+    title: string;
+    brand?: string;
+    decorNumber?: string;
+    quantity: number;
+    imageSrc: string;
+    imageAlt: string;
+    price: CartItemCardPrice;
+    productType?: string;
+    message?: string;
+    status?: CartItemStatus;
+    minQuantity?: number;
+    maxQuantity?: number;
+    onQuantityChange?: (quantity: number) => void;
+    onRemoveItem?: () => void;
+};

package/dist/componentProps/molecules/card/clickablecard/ClickableCardProps.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type ClickableCardProps = {
+    children: React.ReactNode;
+    onCardClick: () => void;
+    ariaLabel: string;
+    ariaControls?: string;
+    ariaExpanded?: boolean;
+    className?: string;
+};

package/dist/componentProps/molecules/card/columncarouselcard/ColumnCarouselCardProps.d.ts

@@ -0,0 +1,22 @@
+export interface ColumnCarouselItem {
+    id: string;
+    label: string;
+    href: string;
+    source: string;
+    alt?: string;
+    description?: string;
+}
+export type ColumnCarouselCardProps = {
+    id: string;
+    item: ColumnCarouselItem;
+    absoluteIdx: number;
+    isActive: boolean;
+    showLabel: boolean;
+    grow: number;
+    isLoaded: boolean;
+    isFav: boolean;
+    setActiveIndex: (n: number | null) => void;
+    onLoaded: (id: string) => void;
+    onToggleFav: (item: ColumnCarouselItem) => void;
+    onItemClick?: (item: ColumnCarouselItem) => void;
+};

package/dist/componentProps/molecules/card/documentlinkcard/DocumentLinkCardProps.d.ts

@@ -0,0 +1,6 @@
+export type DocumentLinkCardProps = {
+    title: string;
+    details: string;
+    iconName?: string;
+    onDocumentClick: () => void;
+};

package/dist/componentProps/molecules/card/faqcard/FaqCardProps.d.ts

@@ -0,0 +1,5 @@
+export interface FaqCardProps {
+    question: string;
+    answer: string;
+    initiallyOpen?: boolean;
+}

package/dist/componentProps/molecules/card/featurecard/FeatureCardProps.d.ts

@@ -0,0 +1,16 @@
+export type FeatureCardCtaMode = "button" | "text" | "hidden";
+export type FeatureCardClickPayload = {
+    title: string;
+    description?: string;
+    buttonLabel?: string;
+};
+export type FeatureCardProps = {
+    imageSrc: string;
+    imageAlt?: string;
+    title: string;
+    description?: string;
+    buttonLabel?: string;
+    ctaMode?: FeatureCardCtaMode;
+    onCardClick?: () => void;
+    onCtaClick?: (payload: FeatureCardClickPayload) => void;
+};

package/dist/componentProps/molecules/card/featureproductcard/FeaturedProductCardProps.d.ts

@@ -0,0 +1,8 @@
+export type FeaturedProductCardProps = {
+    imageSrc: string;
+    imageAlt?: string;
+    title: string;
+    brand?: string;
+    decorNumber?: string | number;
+    onProductClick?: () => void;
+};

package/dist/componentProps/molecules/card/imageoverlaycard/ImageOverlayCardProps.d.ts

@@ -0,0 +1,7 @@
+export type ImageOverlayCardProps = {
+    imageSrc: string;
+    imageAlt?: string;
+    label: string;
+    onCardClick?: () => void;
+    className?: string;
+};

package/dist/componentProps/molecules/card/moreinfohighlightscard/MoreInfoHighlightsCardProps.d.ts

@@ -0,0 +1,10 @@
+import { FaTypeClass } from "../../../atoms/icon/IconProps";
+export type MoreInfoHighlightsCardProps = {
+    iconType: FaTypeClass;
+    iconName: string;
+    title: string;
+    body: string;
+    href?: string;
+    linkLabel?: string;
+    onLinkClick?: () => void;
+};

package/dist/componentProps/molecules/card/quantitycheckoutcard/QuantityCheckoutCardProps.d.ts

@@ -0,0 +1,29 @@
+export interface QuantityCheckoutCardProps {
+    imageSrc: string;
+    imageAlt: string;
+    title: string;
+    productId?: number;
+    variantId?: number;
+    brand: string;
+    decorNumber: string;
+    finish?: string;
+    size?: string;
+    quantity: number;
+    price?: {
+        label: string;
+        value: number;
+    };
+    unitPrice?: {
+        label: string;
+        value: number;
+    };
+    totalPrice?: {
+        label: string;
+        value: number;
+    };
+    minQuantity?: number;
+    maxQuantity?: number;
+    isReadOnly?: boolean;
+    onQuantityChange?: (quantity: number) => void;
+    onRemoveItem?: () => void;
+}

package/dist/componentProps/molecules/card/swatchcard/SwatchCardProps.d.ts

@@ -0,0 +1,12 @@
+export type SwatchStatus = "new" | "discontinued" | "comingSoon" | "sale";
+export interface SwatchCardProps {
+    id?: string;
+    imageSrc: string;
+    imageAlt: string;
+    title: string;
+    brand: string;
+    product: string;
+    decorNumber: string | number;
+    onSwatchClick?: () => void;
+    status?: SwatchStatus;
+}

package/dist/componentProps/molecules/carousel/carouselarrowcontrols/CarouselArrowControlsProps.d.ts

@@ -0,0 +1,9 @@
+import type { ButtonProps } from "../../../atoms/buttons/button/ButtonProps";
+export interface CarouselArrowControlsProps {
+    onPreviousClick: () => void;
+    onNextClick: () => void;
+    prevArrowButtonProps?: Partial<ButtonProps>;
+    nextArrowButtonProps?: Partial<ButtonProps>;
+    previousLabel?: string;
+    nextLabel?: string;
+}

package/dist/componentProps/molecules/carousel/carouseldots/CarouselDotsProps.d.ts

@@ -0,0 +1,6 @@
+export interface CarouselDotsProps {
+    count: number;
+    activeIndex: number;
+    onDotClick: (index: number) => void;
+    ariaLabelPrefix?: string;
+}

package/dist/componentProps/molecules/carousel/columncarousel/ColumnCarouselProps.d.ts

@@ -0,0 +1,18 @@
+import type { ColumnCarouselItem } from "../../card/columncarouselcard/ColumnCarouselCardProps";
+export type ColumnCarouselProps = {
+    items: ColumnCarouselItem[];
+    startIndex: number;
+    desktopVisibleCount?: number;
+    activeIndex: number | null;
+    setActiveIndex: (n: number | null) => void;
+    canPrev: boolean;
+    canNext: boolean;
+    onPrev: () => void;
+    onNext: () => void;
+    loadedIds: Set<string>;
+    favoriteIds: Set<string>;
+    onLoaded: (id: string) => void;
+    onToggleFav: (item: ColumnCarouselItem) => void;
+    onItemClick?: (item: ColumnCarouselItem) => void;
+    getItemId?: (item: ColumnCarouselItem) => string;
+};

package/dist/componentProps/molecules/carousel/minicarousel/MiniCarouselProps.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export type MiniCarouselProps<T> = {
+    items: T[];
+    initialIndex?: number;
+    loop?: boolean;
+    showArrows?: boolean;
+    header?: React.ReactNode;
+    arrowPosition?: "sides" | "top-right";
+    onSelect?: (index: number, item: T) => void;
+    renderItem: (args: {
+        item: T;
+        index: number;
+        isActive: boolean;
+        select: () => void;
+    }) => React.ReactNode;
+    className?: string;
+    trackClassName?: string;
+    ariaLabel?: string;
+};

package/dist/componentProps/molecules/carousel/standardcarousel/StandardCarouselProps.d.ts

@@ -0,0 +1,24 @@
+import type { ButtonProps } from "../../../atoms/buttons/button/ButtonProps";
+export interface StandardCarouselSlide {
+    imageSrc: string;
+    imageAlt?: string;
+    link?: string;
+    eyebrow?: string;
+    heading?: string;
+    subheading?: string;
+    body?: string;
+    ctas?: ButtonProps[];
+}
+export interface StandardCarouselProps {
+    slides: StandardCarouselSlide[];
+    initialIndex?: number;
+    showArrows?: boolean;
+    showDots?: boolean;
+    loop?: boolean;
+    prevArrowButtonProps?: Partial<ButtonProps>;
+    nextArrowButtonProps?: Partial<ButtonProps>;
+    autoRotateSeconds?: number;
+    onSlideChange?: (index: number) => void;
+    onSlideClick?: (slide: StandardCarouselSlide, index: number) => void;
+    heightClassName?: string;
+}

package/dist/componentProps/molecules/cart/cartactions/CartActionsProps.d.ts

@@ -0,0 +1,14 @@
+export type CartActionsProps = {
+    initialQuantity?: number;
+    minQuantity?: number;
+    maxQuantity?: number;
+    /** parent callbacks */
+    onAddToWishlist: () => void;
+    onAddToCart: (quantity: number) => void;
+    onQuantityChange?: (quantity: number) => void;
+    /** optional labels */
+    wishlistLabel?: string;
+    cartLabel?: string;
+    /** layout hooks */
+    className?: string;
+};

package/dist/componentProps/molecules/mediaLinks/footerimagelink/FooterImageLinkProps.d.ts

@@ -0,0 +1,5 @@
+import type { FooterImageProps } from "../../../organisms/footer/FooterProps";
+export type FooterImageLinkProps = {
+    img: FooterImageProps;
+    className?: string;
+};

package/dist/componentProps/molecules/mediaLinks/sociallinkrow/SocialLinkRowProps.d.ts

@@ -0,0 +1,14 @@
+import type { FaTypeClass } from "../../../atoms/icon/IconProps";
+export type SocialLinkItem = {
+    label: string;
+    href: string;
+    iconName: string;
+    iconType?: FaTypeClass;
+    target?: "_self" | "_blank";
+    rel?: string;
+};
+export type SocialLinkRowProps = {
+    links: SocialLinkItem[];
+    className?: string;
+    linkClassName?: string;
+};

package/dist/componentProps/molecules/navigation/headeractionbutton/HeaderActionButtonProps.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonProps } from "../../../atoms/buttons/button/ButtonProps";
+export type HeaderActionButtonProps = Omit<ButtonProps, "variant" | "size">;

package/dist/componentProps/molecules/navigation/navbutton/NavButtonProps.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonProps } from "../../../atoms/buttons/button/ButtonProps";
+export type NavButtonProps = Omit<ButtonProps, "variant" | "size"> & {
+    isCurrent?: boolean;
+};

package/dist/componentProps/molecules/radiobuttons/RadioButtonsProps.d.ts

@@ -0,0 +1,12 @@
+export type RadioButtonsOption = string;
+export interface RadioButtonsProps {
+    options: RadioButtonsOption[];
+    value?: RadioButtonsOption;
+    defaultValue?: RadioButtonsOption;
+    onChange?: (value: RadioButtonsOption, index: number) => void;
+    ariaLabel?: string;
+    disabled?: boolean;
+    className?: string;
+    containerClassName?: string;
+    buttonClassName?: string;
+}

package/dist/componentProps/molecules/searchbar/SearchBarProps.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from "../../atoms/input/inputProps";
+export type SearchBarProps = Omit<InputProps, "type">;

package/dist/componentProps/molecules/segmentedcontrol/SegmentedControlProps.d.ts

@@ -0,0 +1,14 @@
+export type SegmentedControlItem = {
+    id: string;
+    label: string;
+    disabled?: boolean;
+};
+export type SegmentedControlProps = {
+    items: SegmentedControlItem[];
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+    className?: string;
+    buttonClassName?: string;
+    disabled?: boolean;
+    ariaLabel?: string;
+};

package/dist/componentProps/molecules/selectors/appliedoptionslist/AppliedOptionsListProps.d.ts

@@ -0,0 +1,16 @@
+export interface AppliedOptionRemovePayload {
+    id: string;
+    name?: string;
+}
+export type AppliedOptionItem = {
+    id: string;
+    label: string;
+};
+export interface AppliedOptionsListProps {
+    header?: string;
+    clearAllLabel?: string;
+    emptyStateLabel?: string;
+    optionsList: AppliedOptionItem[];
+    onRemoveOption: (payload: AppliedOptionRemovePayload) => void;
+    onRemoveAll: () => void;
+}

package/dist/componentProps/molecules/selectors/breadcrumb/BreadcrumbsProps.d.ts

@@ -0,0 +1,9 @@
+export type BreadcrumbsItem = {
+    id: string;
+    label: string;
+    href?: string;
+};
+export type BreadcrumbsProps = {
+    Breadcrumbs?: BreadcrumbsItem[];
+    onBreadcrumbClick?: (href: string, item: BreadcrumbsItem) => void;
+};

package/dist/componentProps/molecules/selectors/countryselector/CountrySelectorProps.d.ts

@@ -0,0 +1,11 @@
+export interface Country {
+    label: string;
+    locale: string;
+    href: string;
+}
+export interface CountrySelectorProps {
+    countries?: Country[];
+    selectedCountry?: Country | null;
+    onCountrySelect?: (country: Country) => void;
+}
+export type Props = CountrySelectorProps;

package/dist/componentProps/molecules/selectors/filterbar/DropdownFilterProps.d.ts

@@ -0,0 +1,5 @@
+import type { DropdownProps } from "../../../atoms/dropdown/DropdownProps";
+export type DropdownFilterProps = {
+    dropdownProps: DropdownProps;
+    className?: string;
+};