@nuskin/foundation-ui-components 2.2.0-redesign-sf.18 → 2.2.0

package/dist/index.d.mts

@@ -407,7 +407,6 @@ type NsImageProps = {
     src: string;
     variant?: 'product' | 'award' | 'icon' | 'fill';
     width?: number | string;
-    style?: any;
 };
 type BynderImageDataType = {
     /** selected is manually added, using additionalInfo from bynder */
@@ -471,6 +470,10 @@ type NsBrandComponentProps = {
     variant?: 'stacked' | 'horizontal' | 'poweredBy' | 'logomark' | 'wordmark';
     size?: string;
     color?: FoundationTheme.PaletteColors;
+    /** When set (valid non-empty string), renders this SVG URL instead of the variant logo. Variant and color are ignored. */
+    logoUrl?: string;
+    /** Alt text for the logo image when logoUrl is used. Defaults to "Logo". */
+    logoAlt?: string;
 };
 
 declare const NsBrandComponent: (props: PropsWithChildren<NsBrandComponentProps>) => ReactElement;
@@ -556,9 +559,7 @@ type NsCardButton = {
     showButton?: boolean;
     fullWidth?: boolean;
     url?: string;
-    onClick?: () => void;
     endIcon?: NsIconNameType;
-    startIcon?: NsIconNameType;
     buttonText: string;
     buttonVariant?: 'text' | 'outlined' | 'contained';
     buttonColor?: 'secondary' | 'primary';
@@ -607,18 +608,6 @@ type NsBrandCardProps = {
 };
 declare function NsBrandCard({ title, brandImageUrl, backgroundImageUrl, button, size, className, fontColor, }: NsBrandCardProps): ReactElement;
 
-type NsProductCardProps = {
-    productTitle: string;
-    backgroundImageDetail: BynderImageDataType;
-    className?: string;
-    fontColor?: 'primary' | 'secondary';
-    button?: NsCardButton;
-    onCardClick?: () => void;
-    productStatusBadge?: react__default.ReactNode;
-    mySitePriceComponent?: react__default.ReactNode;
-};
-declare const NsProductCard: ({ productTitle, backgroundImageDetail, className, fontColor, button, onCardClick, productStatusBadge, mySitePriceComponent, }: NsProductCardProps) => ReactElement;
-
 type NsIconTextProps = {
     text: string;
     body: string;
@@ -635,7 +624,7 @@ type NsCheckoutCardProps = {
     className?: string;
     fontColor?: 'primary' | 'secondary';
 };
-declare function NsCheckoutCard({ title, icon, linkText, url, className, fontColor, }: Readonly<NsCheckoutCardProps>): ReactElement;
+declare function NsCheckoutCard({ title, icon, linkText, url, className, fontColor, }: NsCheckoutCardProps): ReactElement;
 
 type NsSmallFullCardProps = {
     title: string;
@@ -702,26 +691,6 @@ interface CarousalProps<T = any> {
 }
 declare function NsCarousal({ entries, renderEntry, allEntryLink, settings, allEntryLabel, showControlButtons, }: CarousalProps): ReactElement;
 
-type ProductCardEntry = {
-    readonly productTitle: string;
-    readonly backgroundImageDetail: BynderImageDataType;
-    readonly fontColor?: 'primary' | 'secondary';
-    readonly button?: NsCardButton;
-    readonly onCardClick?: () => void;
-    readonly productStatusBadge?: react__default.ReactNode;
-    readonly mySitePriceComponent?: react__default.ReactNode;
-};
-interface ProductCardCarousalProps<T = ProductCardEntry> {
-    readonly entries: T[];
-    readonly settings?: any;
-    readonly showControlButtons?: boolean;
-    readonly renderEntry?: (entry: T, index: number) => ReactNode;
-    readonly allEntryLabel?: string;
-    readonly allEntryLink?: string;
-    readonly categoryName?: string;
-}
-declare function ProductCardCarousal({ entries, renderEntry, settings, showControlButtons, allEntryLabel, allEntryLink, categoryName, }: ProductCardCarousalProps): ReactElement;
-
 declare const NsScrollingCarousal: ({ slides, scrollSeconds, stillSeconds, renderSlide, settings, dotsBottomPixel, additionalProps, }: NsScrollingCarousalProps) => ReactElement;
 
 declare const settings: {
@@ -761,20 +730,15 @@ declare const settings: {
     })[];
 };
 
-interface Category {
-    label: string;
-    categoryId: string;
-}
-interface ProductTabCarousalProps {
-    allEntryLabel?: string;
-    allEntryLink?: string;
-    renderEntry?: (entry: ProductCardEntry) => react__default.ReactNode;
-    settings?: any;
-    showControlButtons?: boolean;
-    fetchCategories: () => Promise<Category[]>;
-    fetchProducts: (categoryId: string) => Promise<ProductCardEntry[]>;
+interface CarousalControlProps {
+    next(): void;
+    prev(): void;
+    viewAllLabel: string;
+    viewAllUrl: string;
+    prevAriaLabel?: string;
+    nextAriaLabel?: string;
 }
-declare const ProductTabCarousal: react__default.FC<ProductTabCarousalProps>;
+declare const CarousalControl: ({ next, prev, viewAllUrl, viewAllLabel, prevAriaLabel, nextAriaLabel, }: CarousalControlProps) => ReactElement;
 
 type NsCarousalProps<T = any> = {
     entries: T[];
@@ -1038,7 +1002,6 @@ type NsLinkProps = AdditionalProps & {
     prefetch?: boolean;
     showHorizontal?: boolean;
     color?: 'primary' | 'secondary';
-    rel?: string;
 };
 
 declare const NsLink: (props: PropsWithChildren<NsLinkProps>) => ReactElement;
@@ -1296,36 +1259,4 @@ type NsVideoProps = {
 
 declare const NsVideo: (props: PropsWithChildren<NsVideoProps>) => ReactElement;
 
-type MySiteShopHeaderProps = {
-    imageDetails?: {
-        imageSrc: string;
-        imageAlt: string;
-        bgColor: string;
-    };
-    shopTitle: string;
-    shopDescription: string;
-    socialTitleText: string;
-    email: string;
-    className?: string;
-    socialIcons?: {
-        type: any;
-        url: string;
-    }[];
-};
-declare function MySiteShopHeader({ className, shopTitle, shopDescription, socialTitleText, imageDetails, email, socialIcons, }: MySiteShopHeaderProps): ReactElement;
-
-interface NsNavTabVerticalProps {
-    itemArray: {
-        label: string;
-        content: react.ReactNode;
-        categoryId: string;
-    }[];
-    contentComponent: string;
-    fontColor?: 'primary' | 'secondary';
-    className?: string;
-    value?: number;
-    onChange?: (event: react.SyntheticEvent, newValue: number) => void;
-}
-declare const NsNavTabVertical: react.FC<Readonly<NsNavTabVerticalProps>>;
-
-export { type AccordionContentType, AccordionContentTypeObject, type AccordionItem, AccordionVariant, type AccordionVariantType, type AdditionalProps, type BynderImageDataType, Check, type ComponentBoxProps, type CslpTag, type DarkModeEnabledOption, type DropdownOptionProps, type DropdownProps, GlobalFontInter, type HtmlTagVariant, HtmlTagVariantMapping, IconWrapper, type ItemProps, type LabelValueType, LineLoader, type ListUiProps, MySiteShopHeader, type NavTabs, NsAccordion, NsAccordionHeader, type NsAccordionHeaderProps, NsAccordionItem, type NsAccordionItemProps, type NsAccordionProps, NsAlert, type NsAlertProps, NsAuthDropdown, type NsAuthDropdownProps, NsAutocomplete, type NsAutocompleteProps, NsAwardCard, NsBanner, type NsBannerProps, NsBgCard, NsBrandCard, NsBrandComponent, type NsBrandComponentProps, NsBrandLogo, NsBrandWrapper, NsBreadcrumb, type NsBreadcrumbProps, NsButton, type NsButtonProps, type NsCardButton, NsCarousal, type NsCarousalProps, NsCartIcon, type NsCartIconProps, NsCheckbox, type NsCheckboxProps, NsCheckoutCard, NsCollapse, type NsCollapseProps, NsColumnControl, type NsColumnControlProps, settings as NsDefaultCarousalSettings, NsDropdown, NsDropdownOption, NsEmailSimple, type NsEmailSimpleProps, type NsFfgCardProps, NsFlag, type NsFlagProps, type NsFlagSize, NsFlexColumns, NsGridColumns, NsHeroCardLevel1, NsHeroCardLevel2, NsIcon, type NsIconNameType, type NsIconProps, type NsIconSizeType, NsIconText, IconVariants as NsIconVariants, NsImage, NsInputField, type NsInputFieldProps, NsLabel, type NsLabelProps, NsLargeCard, NsLink, type NsLinkProps, NsMediumCard, NsModal, type NsModalProps, type NsModalVariant, NsNavProductCard, type NsNavProductCardProps, NsNavTabComponent as NsNavTab, type NsNavTabComponentProps, NsNavTabVertical, NsPost, NsProductCard, NsProgress, type NsProgressProps, NsRadioGroup, type NsRadioGroupProps, NsScrollingCarousal, type NsScrollingCarousalProps, NsSelect, NsSelectOption, NsSmallFullCard, NsSpinner, type NsSpinnerProps, NsTable, type NsTableProps, NsTextStrip, type NsTextStripProps, NsToastProvider, NsToggleSection, type NsToggleSectionProps, NsTypography, type NsTypographyProps, NsVideo, type NsVideoProps, NsXLargeCard, type OptionsProps, ProductCardCarousal as ProductCarousal, ProductTabCarousal, type RenderSelectOptionArgType, type SelectOptionProps, type SelectProps, Show, type Themed, type ToastOptions, type Variants, getBasicDATWidthHeight, iconSize, useAccordionMap, useToast, useWindowSize };
+export { type AccordionContentType, AccordionContentTypeObject, type AccordionItem, AccordionVariant, type AccordionVariantType, type AdditionalProps, type BynderImageDataType, Check, type ComponentBoxProps, type CslpTag, type DarkModeEnabledOption, type DropdownOptionProps, type DropdownProps, GlobalFontInter, type HtmlTagVariant, HtmlTagVariantMapping, IconWrapper, type ItemProps, type LabelValueType, LineLoader, type ListUiProps, type NavTabs, NsAccordion, NsAccordionHeader, type NsAccordionHeaderProps, NsAccordionItem, type NsAccordionItemProps, type NsAccordionProps, NsAlert, type NsAlertProps, NsAuthDropdown, type NsAuthDropdownProps, NsAutocomplete, type NsAutocompleteProps, NsAwardCard, NsBanner, type NsBannerProps, NsBgCard, NsBrandCard, NsBrandComponent, type NsBrandComponentProps, NsBrandLogo, NsBrandWrapper, NsBreadcrumb, type NsBreadcrumbProps, NsButton, type NsButtonProps, type NsCardButton, NsCarousal, type NsCarousalProps, CarousalControl as NsCarouselControl, NsCartIcon, type NsCartIconProps, NsCheckbox, type NsCheckboxProps, NsCheckoutCard, NsCollapse, type NsCollapseProps, NsColumnControl, type NsColumnControlProps, settings as NsDefaultCarousalSettings, NsDropdown, NsDropdownOption, NsEmailSimple, type NsEmailSimpleProps, type NsFfgCardProps, NsFlag, type NsFlagProps, type NsFlagSize, NsFlexColumns, NsGridColumns, NsHeroCardLevel1, NsHeroCardLevel2, NsIcon, type NsIconNameType, type NsIconProps, type NsIconSizeType, NsIconText, IconVariants as NsIconVariants, NsImage, NsInputField, type NsInputFieldProps, NsLabel, type NsLabelProps, NsLargeCard, NsLink, type NsLinkProps, NsMediumCard, NsModal, type NsModalProps, type NsModalVariant, NsNavProductCard, type NsNavProductCardProps, NsNavTabComponent as NsNavTab, type NsNavTabComponentProps, NsPost, NsProgress, type NsProgressProps, NsRadioGroup, type NsRadioGroupProps, NsScrollingCarousal, type NsScrollingCarousalProps, NsSelect, NsSelectOption, NsSmallFullCard, NsSpinner, type NsSpinnerProps, NsTable, type NsTableProps, NsTextStrip, type NsTextStripProps, NsToastProvider, NsToggleSection, type NsToggleSectionProps, NsTypography, type NsTypographyProps, NsVideo, type NsVideoProps, NsXLargeCard, type OptionsProps, type RenderSelectOptionArgType, type SelectOptionProps, type SelectProps, Show, type Themed, type ToastOptions, type Variants, getBasicDATWidthHeight, iconSize, useAccordionMap, useToast, useWindowSize };

package/dist/index.d.ts

@@ -407,7 +407,6 @@ type NsImageProps = {
     src: string;
     variant?: 'product' | 'award' | 'icon' | 'fill';
     width?: number | string;
-    style?: any;
 };
 type BynderImageDataType = {
     /** selected is manually added, using additionalInfo from bynder */
@@ -471,6 +470,10 @@ type NsBrandComponentProps = {
     variant?: 'stacked' | 'horizontal' | 'poweredBy' | 'logomark' | 'wordmark';
     size?: string;
     color?: FoundationTheme.PaletteColors;
+    /** When set (valid non-empty string), renders this SVG URL instead of the variant logo. Variant and color are ignored. */
+    logoUrl?: string;
+    /** Alt text for the logo image when logoUrl is used. Defaults to "Logo". */
+    logoAlt?: string;
 };
 
 declare const NsBrandComponent: (props: PropsWithChildren<NsBrandComponentProps>) => ReactElement;
@@ -556,9 +559,7 @@ type NsCardButton = {
     showButton?: boolean;
     fullWidth?: boolean;
     url?: string;
-    onClick?: () => void;
     endIcon?: NsIconNameType;
-    startIcon?: NsIconNameType;
     buttonText: string;
     buttonVariant?: 'text' | 'outlined' | 'contained';
     buttonColor?: 'secondary' | 'primary';
@@ -607,18 +608,6 @@ type NsBrandCardProps = {
 };
 declare function NsBrandCard({ title, brandImageUrl, backgroundImageUrl, button, size, className, fontColor, }: NsBrandCardProps): ReactElement;
 
-type NsProductCardProps = {
-    productTitle: string;
-    backgroundImageDetail: BynderImageDataType;
-    className?: string;
-    fontColor?: 'primary' | 'secondary';
-    button?: NsCardButton;
-    onCardClick?: () => void;
-    productStatusBadge?: react__default.ReactNode;
-    mySitePriceComponent?: react__default.ReactNode;
-};
-declare const NsProductCard: ({ productTitle, backgroundImageDetail, className, fontColor, button, onCardClick, productStatusBadge, mySitePriceComponent, }: NsProductCardProps) => ReactElement;
-
 type NsIconTextProps = {
     text: string;
     body: string;
@@ -635,7 +624,7 @@ type NsCheckoutCardProps = {
     className?: string;
     fontColor?: 'primary' | 'secondary';
 };
-declare function NsCheckoutCard({ title, icon, linkText, url, className, fontColor, }: Readonly<NsCheckoutCardProps>): ReactElement;
+declare function NsCheckoutCard({ title, icon, linkText, url, className, fontColor, }: NsCheckoutCardProps): ReactElement;
 
 type NsSmallFullCardProps = {
     title: string;
@@ -702,26 +691,6 @@ interface CarousalProps<T = any> {
 }
 declare function NsCarousal({ entries, renderEntry, allEntryLink, settings, allEntryLabel, showControlButtons, }: CarousalProps): ReactElement;
 
-type ProductCardEntry = {
-    readonly productTitle: string;
-    readonly backgroundImageDetail: BynderImageDataType;
-    readonly fontColor?: 'primary' | 'secondary';
-    readonly button?: NsCardButton;
-    readonly onCardClick?: () => void;
-    readonly productStatusBadge?: react__default.ReactNode;
-    readonly mySitePriceComponent?: react__default.ReactNode;
-};
-interface ProductCardCarousalProps<T = ProductCardEntry> {
-    readonly entries: T[];
-    readonly settings?: any;
-    readonly showControlButtons?: boolean;
-    readonly renderEntry?: (entry: T, index: number) => ReactNode;
-    readonly allEntryLabel?: string;
-    readonly allEntryLink?: string;
-    readonly categoryName?: string;
-}
-declare function ProductCardCarousal({ entries, renderEntry, settings, showControlButtons, allEntryLabel, allEntryLink, categoryName, }: ProductCardCarousalProps): ReactElement;
-
 declare const NsScrollingCarousal: ({ slides, scrollSeconds, stillSeconds, renderSlide, settings, dotsBottomPixel, additionalProps, }: NsScrollingCarousalProps) => ReactElement;
 
 declare const settings: {
@@ -761,20 +730,15 @@ declare const settings: {
     })[];
 };
 
-interface Category {
-    label: string;
-    categoryId: string;
-}
-interface ProductTabCarousalProps {
-    allEntryLabel?: string;
-    allEntryLink?: string;
-    renderEntry?: (entry: ProductCardEntry) => react__default.ReactNode;
-    settings?: any;
-    showControlButtons?: boolean;
-    fetchCategories: () => Promise<Category[]>;
-    fetchProducts: (categoryId: string) => Promise<ProductCardEntry[]>;
+interface CarousalControlProps {
+    next(): void;
+    prev(): void;
+    viewAllLabel: string;
+    viewAllUrl: string;
+    prevAriaLabel?: string;
+    nextAriaLabel?: string;
 }
-declare const ProductTabCarousal: react__default.FC<ProductTabCarousalProps>;
+declare const CarousalControl: ({ next, prev, viewAllUrl, viewAllLabel, prevAriaLabel, nextAriaLabel, }: CarousalControlProps) => ReactElement;
 
 type NsCarousalProps<T = any> = {
     entries: T[];
@@ -1038,7 +1002,6 @@ type NsLinkProps = AdditionalProps & {
     prefetch?: boolean;
     showHorizontal?: boolean;
     color?: 'primary' | 'secondary';
-    rel?: string;
 };
 
 declare const NsLink: (props: PropsWithChildren<NsLinkProps>) => ReactElement;
@@ -1296,36 +1259,4 @@ type NsVideoProps = {
 
 declare const NsVideo: (props: PropsWithChildren<NsVideoProps>) => ReactElement;
 
-type MySiteShopHeaderProps = {
-    imageDetails?: {
-        imageSrc: string;
-        imageAlt: string;
-        bgColor: string;
-    };
-    shopTitle: string;
-    shopDescription: string;
-    socialTitleText: string;
-    email: string;
-    className?: string;
-    socialIcons?: {
-        type: any;
-        url: string;
-    }[];
-};
-declare function MySiteShopHeader({ className, shopTitle, shopDescription, socialTitleText, imageDetails, email, socialIcons, }: MySiteShopHeaderProps): ReactElement;
-
-interface NsNavTabVerticalProps {
-    itemArray: {
-        label: string;
-        content: react.ReactNode;
-        categoryId: string;
-    }[];
-    contentComponent: string;
-    fontColor?: 'primary' | 'secondary';
-    className?: string;
-    value?: number;
-    onChange?: (event: react.SyntheticEvent, newValue: number) => void;
-}
-declare const NsNavTabVertical: react.FC<Readonly<NsNavTabVerticalProps>>;
-
-export { type AccordionContentType, AccordionContentTypeObject, type AccordionItem, AccordionVariant, type AccordionVariantType, type AdditionalProps, type BynderImageDataType, Check, type ComponentBoxProps, type CslpTag, type DarkModeEnabledOption, type DropdownOptionProps, type DropdownProps, GlobalFontInter, type HtmlTagVariant, HtmlTagVariantMapping, IconWrapper, type ItemProps, type LabelValueType, LineLoader, type ListUiProps, MySiteShopHeader, type NavTabs, NsAccordion, NsAccordionHeader, type NsAccordionHeaderProps, NsAccordionItem, type NsAccordionItemProps, type NsAccordionProps, NsAlert, type NsAlertProps, NsAuthDropdown, type NsAuthDropdownProps, NsAutocomplete, type NsAutocompleteProps, NsAwardCard, NsBanner, type NsBannerProps, NsBgCard, NsBrandCard, NsBrandComponent, type NsBrandComponentProps, NsBrandLogo, NsBrandWrapper, NsBreadcrumb, type NsBreadcrumbProps, NsButton, type NsButtonProps, type NsCardButton, NsCarousal, type NsCarousalProps, NsCartIcon, type NsCartIconProps, NsCheckbox, type NsCheckboxProps, NsCheckoutCard, NsCollapse, type NsCollapseProps, NsColumnControl, type NsColumnControlProps, settings as NsDefaultCarousalSettings, NsDropdown, NsDropdownOption, NsEmailSimple, type NsEmailSimpleProps, type NsFfgCardProps, NsFlag, type NsFlagProps, type NsFlagSize, NsFlexColumns, NsGridColumns, NsHeroCardLevel1, NsHeroCardLevel2, NsIcon, type NsIconNameType, type NsIconProps, type NsIconSizeType, NsIconText, IconVariants as NsIconVariants, NsImage, NsInputField, type NsInputFieldProps, NsLabel, type NsLabelProps, NsLargeCard, NsLink, type NsLinkProps, NsMediumCard, NsModal, type NsModalProps, type NsModalVariant, NsNavProductCard, type NsNavProductCardProps, NsNavTabComponent as NsNavTab, type NsNavTabComponentProps, NsNavTabVertical, NsPost, NsProductCard, NsProgress, type NsProgressProps, NsRadioGroup, type NsRadioGroupProps, NsScrollingCarousal, type NsScrollingCarousalProps, NsSelect, NsSelectOption, NsSmallFullCard, NsSpinner, type NsSpinnerProps, NsTable, type NsTableProps, NsTextStrip, type NsTextStripProps, NsToastProvider, NsToggleSection, type NsToggleSectionProps, NsTypography, type NsTypographyProps, NsVideo, type NsVideoProps, NsXLargeCard, type OptionsProps, ProductCardCarousal as ProductCarousal, ProductTabCarousal, type RenderSelectOptionArgType, type SelectOptionProps, type SelectProps, Show, type Themed, type ToastOptions, type Variants, getBasicDATWidthHeight, iconSize, useAccordionMap, useToast, useWindowSize };
+export { type AccordionContentType, AccordionContentTypeObject, type AccordionItem, AccordionVariant, type AccordionVariantType, type AdditionalProps, type BynderImageDataType, Check, type ComponentBoxProps, type CslpTag, type DarkModeEnabledOption, type DropdownOptionProps, type DropdownProps, GlobalFontInter, type HtmlTagVariant, HtmlTagVariantMapping, IconWrapper, type ItemProps, type LabelValueType, LineLoader, type ListUiProps, type NavTabs, NsAccordion, NsAccordionHeader, type NsAccordionHeaderProps, NsAccordionItem, type NsAccordionItemProps, type NsAccordionProps, NsAlert, type NsAlertProps, NsAuthDropdown, type NsAuthDropdownProps, NsAutocomplete, type NsAutocompleteProps, NsAwardCard, NsBanner, type NsBannerProps, NsBgCard, NsBrandCard, NsBrandComponent, type NsBrandComponentProps, NsBrandLogo, NsBrandWrapper, NsBreadcrumb, type NsBreadcrumbProps, NsButton, type NsButtonProps, type NsCardButton, NsCarousal, type NsCarousalProps, CarousalControl as NsCarouselControl, NsCartIcon, type NsCartIconProps, NsCheckbox, type NsCheckboxProps, NsCheckoutCard, NsCollapse, type NsCollapseProps, NsColumnControl, type NsColumnControlProps, settings as NsDefaultCarousalSettings, NsDropdown, NsDropdownOption, NsEmailSimple, type NsEmailSimpleProps, type NsFfgCardProps, NsFlag, type NsFlagProps, type NsFlagSize, NsFlexColumns, NsGridColumns, NsHeroCardLevel1, NsHeroCardLevel2, NsIcon, type NsIconNameType, type NsIconProps, type NsIconSizeType, NsIconText, IconVariants as NsIconVariants, NsImage, NsInputField, type NsInputFieldProps, NsLabel, type NsLabelProps, NsLargeCard, NsLink, type NsLinkProps, NsMediumCard, NsModal, type NsModalProps, type NsModalVariant, NsNavProductCard, type NsNavProductCardProps, NsNavTabComponent as NsNavTab, type NsNavTabComponentProps, NsPost, NsProgress, type NsProgressProps, NsRadioGroup, type NsRadioGroupProps, NsScrollingCarousal, type NsScrollingCarousalProps, NsSelect, NsSelectOption, NsSmallFullCard, NsSpinner, type NsSpinnerProps, NsTable, type NsTableProps, NsTextStrip, type NsTextStripProps, NsToastProvider, NsToggleSection, type NsToggleSectionProps, NsTypography, type NsTypographyProps, NsVideo, type NsVideoProps, NsXLargeCard, type OptionsProps, type RenderSelectOptionArgType, type SelectOptionProps, type SelectProps, Show, type Themed, type ToastOptions, type Variants, getBasicDATWidthHeight, iconSize, useAccordionMap, useToast, useWindowSize };