@reapit/elements 4.1.3 → 4.3.0

package/dist/cjs/components/avatar/__styles__/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const elAvatarSmall: import("@linaria/core").LinariaClassName;
 export declare const ElAvatar: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElAvatarImage: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const ElAvatarImage: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;

package/dist/cjs/components/avatar/avatar.d.ts

@@ -2,5 +2,6 @@ import { FC, HTMLAttributes } from 'react';
 export interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
     type?: 'profile' | 'image';
     src?: string;
+    alt?: string;
 }
 export declare const Avatar: FC<AvatarProps>;

package/dist/cjs/components/breadcrumb/breadcrumb.d.ts

@@ -7,5 +7,5 @@ export interface BreadCrumbProps extends HTMLAttributes<HTMLElement> {
     items: BreadCrumbItem[];
     defaultActiveIndex?: number;
 }
-export declare const handleNext: (setActive: Dispatch<SetStateAction<number>>, onClick: () => void, index: number) => (e: MouseEvent<HTMLAnchorElement>) => void;
+export declare const handleNext: (setActive: Dispatch<SetStateAction<number>>, onClick: () => void, index: number) => (e?: MouseEvent<HTMLAnchorElement>) => void;
 export declare const BreadCrumb: FC<BreadCrumbProps>;

package/dist/cjs/components/button/button.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, FC, HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, FC, HTMLAttributes, MouseEvent, MouseEventHandler } from 'react';
 import { Intent } from '../../helpers/intent';
 import { IconNames } from '../icon';
 export type ButtonSizeType = 2 | 3 | 4;
@@ -14,6 +14,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     className?: string;
     buttonSize?: ButtonSize;
     buttonIcon?: ButtonIcon;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
     /** @deprecated - will be removed at v5 release */
     chevronLeft?: boolean;
     /** @deprecated - will be removed at v5 release */
@@ -33,6 +34,7 @@ export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
 }
 export declare const resolveButtonSize: (size: ButtonSizeType) => void;
 export declare const resolveButtonClassName: (intent?: Intent) => string;
+export declare const handleButtonClick: (onClick?: MouseEventHandler<HTMLButtonElement>) => (e: MouseEvent<HTMLButtonElement>) => void;
 export declare const Button: FC<ButtonProps>;
 export declare const ButtonGroup: FC<ButtonGroupProps>;
 export declare const FloatingButton: FC<FloatingButtonProps>;

package/dist/cjs/components/button/button.stories.d.ts

@@ -31,6 +31,7 @@ export declare const StandardAttributes: {
         onClick: import("@storybook/addon-actions").HandlerFunction;
         type: string;
         children: string;
+        'aria-label': string;
     };
 };
 export declare const Group: {

package/dist/cjs/components/card/__styles__/index.d.ts

@@ -14,8 +14,8 @@ export declare const ElCardBodyWrap: import("@linaria/react").StyledComponent<im
 export declare const elMobileListToggle: import("@linaria/core").LinariaClassName;
 export declare const ElMobileToggle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 export declare const ElCardAvatarWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElCardImageWrap: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const ElCardImageWrap: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
 export declare const ElCardList: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const elCardListMainWrapExpanded: import("@linaria/core").LinariaClassName;

package/dist/cjs/components/drawer/drawer.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import React, { FC, HTMLAttributes, ReactNode } from 'react';
 export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
     isOpen: boolean;
     onDrawerClose: () => void;
@@ -17,4 +17,5 @@ export declare const DrawerTitle: FC<DrawerBaseProps>;
 export declare const DrawerSubtitle: FC<DrawerBaseProps>;
 export declare const DrawerBody: FC<DrawerBaseProps>;
 export declare const DrawerFooter: FC<DrawerBaseProps>;
+export declare const handleDrawerFocus: (drawerRef: React.RefObject<HTMLDivElement>, isOpen: boolean) => () => void;
 export declare const Drawer: FC<DrawerProps>;

package/dist/cjs/components/drawer/drawer.stories.d.ts

@@ -11,6 +11,9 @@ export declare const BasicUsageClosed: {
 export declare const ReactUsage: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const ReactUsageWithForm: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
 export declare const ReactUsageCanDismiss: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
     name: string;

package/dist/cjs/components/file-input/file-input.d.ts

@@ -18,7 +18,7 @@ export interface CreateImageUploadModel {
 export interface ImageUploadModel {
     Url: string;
 }
-export declare const handleFileChange: (setFileName: Dispatch<SetStateAction<string>>, fileName: string, onFileUpload?: ((uploadImageModel: CreateImageUploadModel) => Promise<string | ImageUploadModel>) | undefined) => (event: ChangeEvent<HTMLInputElement>) => FileReader | undefined;
+export declare const handleFileChange: (setFileName: Dispatch<SetStateAction<string>>, fileName: string, onFileUpload?: (uploadImageModel: CreateImageUploadModel) => Promise<string | ImageUploadModel>) => (event: ChangeEvent<HTMLInputElement>) => FileReader | undefined;
 export declare const handleFileClear: (setFileName: Dispatch<SetStateAction<string>>) => (event: MouseEvent<HTMLSpanElement>) => void;
 export declare const handleFileView: (onFileView: (fileUrl: string) => void, fileUrl: string) => (event: MouseEvent<HTMLSpanElement>) => void;
 export declare const FilePreviewImage: FC<FilePreviewImageProps>;

package/dist/cjs/components/form-layout/__styles__/index.d.ts

@@ -6,3 +6,4 @@ export declare const ElInputWrapSmall: import("@linaria/react").StyledComponent<
 export declare const ElInputWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElInputWrapMed: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElInputWrapFull: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ElInputWrapHalf: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/dist/cjs/components/form-layout/form-layout.d.ts

@@ -8,3 +8,4 @@ export declare const InputWrap: React.ForwardRefExoticComponent<FormLayoutProps
 export declare const InputWrapSmall: FC<FormLayoutProps>;
 export declare const InputWrapMed: FC<FormLayoutProps>;
 export declare const InputWrapFull: FC<FormLayoutProps>;
+export declare const InputWrapHalf: FC<FormLayoutProps>;

package/dist/cjs/components/input-group/input-group.stories.d.ts

@@ -46,12 +46,6 @@ export declare const InputCheckboxNoLabel: {
 export declare const InputRadio: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const InputRadioWithIntent: {
-    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
-};
-export declare const InputRadioWithInputAddOn: {
-    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
-};
 export declare const ErrorMessage: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
     name: string;

package/dist/cjs/components/modal/modal.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes } from 'react';
+import React, { FC, HTMLAttributes } from 'react';
 export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
     isOpen: boolean;
     onModalClose: () => void;
@@ -11,4 +11,5 @@ export declare const ModalBg: FC<ModalBaseProps>;
 export declare const ModalContainer: FC<ModalBaseProps>;
 export declare const ModalHeader: FC<ModalBaseProps>;
 export declare const ModalBody: FC<ModalBaseProps>;
+export declare const handleModalFocus: (modalRef: React.RefObject<HTMLDivElement>, isOpen: boolean) => () => void;
 export declare const Modal: FC<ModalProps>;

package/dist/cjs/components/multi-select/multi-select.d.ts

@@ -14,9 +14,10 @@ export interface MultiSelectInputProps extends InputHTMLAttributes<HTMLInputElem
 export type MultiSelectInputWrapped = React.ForwardRefExoticComponent<MultiSelectInputProps & RefAttributes<InputHTMLAttributes<HTMLInputElement>>>;
 export interface MultiSelectChipProps extends InputHTMLAttributes<HTMLInputElement> {
 }
-export declare const handleSetNativeInput: (id: string, selectedOptionValues: string[], testFunc?: ((value: string[]) => void) | undefined) => () => void;
+export declare const handleSetNativeInput: (id: string, selectedOptionValues: string[], testFunc?: (value: string[]) => void) => () => void;
 export declare const handleResetDefaultValues: (setSelectedOptionValues: Dispatch<SetStateAction<string[]>>, setSelectedDefaultValues: Dispatch<SetStateAction<string[]>>, defaultValues?: string[], selectedDefaultValues?: string[]) => () => void;
 export declare const handleSelectedOptions: (value: string, selectedOptionValues: string[], setSelectedOptionValues: Dispatch<SetStateAction<string[]>>) => (event: ChangeEvent<HTMLInputElement>) => void;
+export declare const handleSelectedKeyboardOptions: (value: string, selectedOptionValues: string[], setSelectedOptionValues: Dispatch<SetStateAction<string[]>>, isChecked: boolean) => () => void;
 export declare const MultiSelectChip: FC<MultiSelectChipProps>;
 export declare const MultiSelect: FC<MultiSelectProps>;
 export declare const MultiSelectSelected: FC<MultiSelectProps>;

package/dist/cjs/components/nav/nav-responsive.d.ts

@@ -47,8 +47,8 @@ export interface NavResponsiveAppSwitcherProps {
 }
 export type LogoIcon = 'reapitLogoSelectedMenu' | 'reapitLogoMenu';
 export declare const handleToggleLogo: (logoState: LogoIcon, setLogoState: Dispatch<SetStateAction<LogoIcon>>) => () => void;
-export declare const handleToggleMenu: (setState: Dispatch<SetStateAction<boolean>>, callback?: () => void) => (event: MouseEvent<HTMLDivElement>) => void;
-export declare const clickNavEventHandler: (setActive: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => void;
+export declare const handleToggleMenu: (setState: Dispatch<SetStateAction<boolean>>, callback?: () => void) => (event?: MouseEvent<HTMLDivElement>) => void;
+export declare const clickNavEventHandler: (setActive: Dispatch<SetStateAction<boolean>>) => (event?: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => void;
 export declare const NavResponsiveAvatar: FC<NavResponsiveAvatarProps>;
 export declare const NavResponsiveAppSwitcher: FC<NavResponsiveAppSwitcherProps>;
 export declare const NavResponsive: FC<NavResponsiveProps>;

package/dist/cjs/components/pagination/pagination.d.ts

@@ -16,7 +16,7 @@ export interface PaginationButtonProps extends HTMLAttributes<HTMLButtonElement>
 }
 export declare const handlePageChange: (nextPage: number | null, callback: (page: number) => void, setInputValue: Dispatch<SetStateAction<string>>) => () => void;
 export declare const handlePageInputChange: (numberPages: number, currentPage: number, inputValue: string, callback: (page: number) => void) => () => void;
-export declare const handlePageInput: (setInputValue: Dispatch<SetStateAction<string>>) => (event: ChangeEvent<HTMLInputElement>) => void;
+export declare const handlePageInput: (setInputValue: Dispatch<SetStateAction<string>>, numberPages: number) => (event: ChangeEvent<HTMLInputElement>) => void;
 export declare const PaginationWrap: FC<PaginationWrapProps>;
 export declare const PaginationText: FC<PaginationTextProps>;
 export declare const PaginationInput: FC<PaginationInputProps>;

package/dist/cjs/components/searchable-dropdown/__styles__/index.d.ts

@@ -2,8 +2,8 @@
 export declare const ElSearchableDropdownContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElSearchableDropdownResult: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ElSearchableDropdownResultsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ElSearchableDropdownSearchInputAddOn: import("@linaria/react").StyledMeta & import("react").FC<import("../../input-add-on").InputAddOnProps>;
-export declare const ElSearchableDropdownCloseButton: import("@linaria/react").StyledMeta & import("react").FC<import("../../icon").IconProps>;
-export declare const ElSearchableDropdownSearchInput: import("@linaria/react").StyledMeta & import("../../input").InputWrapped;
-export declare const ElSearchableDropdownSearchLabel: import("@linaria/react").StyledMeta & import("react").FC<import("../../label").LabelProps>;
-export declare const ElSearchableDropdownSearchLoader: import("@linaria/react").StyledMeta & import("react").FC<import("../../loader").LoaderProps>;
+export declare const ElSearchableDropdownSearchInputAddOn: import("@linaria/react").WYWEvalMeta & import("react").FC<import("../../input-add-on").InputAddOnProps>;
+export declare const ElSearchableDropdownCloseButton: import("@linaria/react").WYWEvalMeta & import("react").FC<import("../../icon").IconProps>;
+export declare const ElSearchableDropdownSearchInput: import("@linaria/react").WYWEvalMeta & import("../../input").InputWrapped;
+export declare const ElSearchableDropdownSearchLabel: import("@linaria/react").WYWEvalMeta & import("react").FC<import("../../label").LabelProps>;
+export declare const ElSearchableDropdownSearchLoader: import("@linaria/react").WYWEvalMeta & import("react").FC<import("../../loader").LoaderProps>;

package/dist/cjs/components/searchable-dropdown/searchable-dropdown.d.ts

@@ -27,10 +27,10 @@ export interface ControlledSearchableDropdownProps<T> extends React.InputHTMLAtt
 }
 export declare const SearchableDropdownControlledInner: <T extends unknown>({ isResultsListVisible, icon, loading, resultsList, onResultClick, onClear, isClearVisible, value, selectedValue, id, label, ...inputProps }: ControlledSearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const ControlledSearchableDropdown: <T>(props: ControlledSearchableDropdownProps<T> & {
-    ref?: React.ForwardedRef<HTMLInputElement> | undefined;
+    ref?: React.ForwardedRef<HTMLInputElement>;
 }) => ReturnType<typeof SearchableDropdownControlledInner>;
 export declare const SearchableDropdownInner: <T extends unknown>({ getResults, icon, getResultValue, getResultLabel, onChange, defaultVal, id, ...inputProps }: SearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const SearchableDropdown: <T>(props: SearchableDropdownProps<T> & {
-    ref?: React.ForwardedRef<HTMLInputElement> | undefined;
+    ref?: React.ForwardedRef<HTMLInputElement>;
 }) => ReturnType<typeof SearchableDropdownInner>;
 export declare const SearchableDropdownSearchLabel: FC<HTMLAttributes<HTMLLabelElement>>;

package/dist/cjs/components/select/select.stories.d.ts

@@ -6,7 +6,3 @@ export default _default;
 export declare const BasicUsage: {
     render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const UseWithALabel: {
-    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
-    name: string;
-};

package/dist/cjs/components/steps/steps.d.ts

@@ -15,5 +15,6 @@ export interface StepsVerticalProps extends HTMLAttributes<HTMLDivElement> {
     onStepClick?: (step: string) => void;
     className?: string;
 }
+export declare const handleStepClick: (step: string, onStepClick?: (step: string) => void) => () => void;
 export declare const Steps: FC<StepsProps>;
 export declare const StepsVertical: FC<StepsVerticalProps>;

package/dist/cjs/components/table/molecules.d.ts

@@ -36,6 +36,7 @@ export declare const TableHeader: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableRow: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableCellSplit: FC<TableCellSplitProps>;
 export declare const TableCell: FC<TableCellProps>;
+export declare const handleTableCtaClick: (onClick?: (event?: any) => void) => () => void;
 export declare const TableExpandableRowTriggerCell: FC<TableExpandableRowTriggerCellProps>;
 export declare const TableCtaTriggerCell: FC<TableCtaTriggerCellProps>;
 export declare const TableExpandableRow: FC<TableExpandableRowProps>;

package/dist/cjs/components/tabs/tabs.d.ts

@@ -1,4 +1,4 @@
-import { FC, HTMLAttributes } from 'react';
+import { FC, HTMLAttributes, MutableRefObject } from 'react';
 export interface TabsOption {
     id: string;
     value: string;
@@ -12,4 +12,5 @@ export interface TabsProps extends HTMLAttributes<HTMLInputElement> {
     isFullWidth?: boolean;
     hasNoBorder?: boolean;
 }
+export declare const handleKeyboardTabChange: (tabsRefs: MutableRefObject<(HTMLInputElement | null)[]>, index: number) => () => void;
 export declare const Tabs: FC<TabsProps>;

package/dist/cjs/components/toggle/toggle.d.ts

@@ -18,5 +18,6 @@ export interface ToggleRadioProps extends HTMLAttributes<HTMLInputElement> {
 }
 export type ToggleWrapped = React.ForwardRefExoticComponent<ToggleProps & RefAttributes<InputHTMLAttributes<HTMLInputElement>>>;
 export type ToggleRadioWrapped = React.ForwardRefExoticComponent<ToggleRadioProps & RefAttributes<InputHTMLAttributes<HTMLInputElement>>>;
+export declare const handleKeyboardToggleChange: (id: string) => () => void;
 export declare const Toggle: ToggleWrapped;
 export declare const ToggleRadio: ToggleRadioWrapped;

package/dist/cjs/components/typography/__styles__/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const elHasGreyText: import("@linaria/core").LinariaClassName;
 export declare const elHasNoMargin: import("@linaria/core").LinariaClassName;
 export declare const elHasRegularText: import("@linaria/core").LinariaClassName;
@@ -19,7 +18,7 @@ export declare const elTextL: import("@linaria/core").LinariaClassName;
 export declare const elTextSM: import("@linaria/core").LinariaClassName;
 export declare const elTextXS: import("@linaria/core").LinariaClassName;
 export declare const elText2XS: import("@linaria/core").LinariaClassName;
-export declare const ElTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Record<never, unknown>>;
-export declare const ElSubtitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Record<never, unknown>>;
-export declare const ElBodyText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & Record<never, unknown>>;
-export declare const ElSmallText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & Record<never, unknown>>;
+export declare const elTitle: import("@linaria/core").LinariaClassName;
+export declare const elSubtitle: import("@linaria/core").LinariaClassName;
+export declare const elBodyText: import("@linaria/core").LinariaClassName;
+export declare const elSmallText: import("@linaria/core").LinariaClassName;

package/dist/cjs/hooks/use-nav-state/index.d.ts

@@ -12,7 +12,7 @@ export interface NavStateContextProps {
 }
 export interface UseNavState {
     navState: NavState;
-    setNavState: (newState: Partial<NavState>) => (event: MouseEvent<HTMLAnchorElement | HTMLDivElement>) => void;
+    setNavState: (newState: Partial<NavState>) => (event?: MouseEvent<HTMLAnchorElement | HTMLDivElement | HTMLSpanElement>) => void;
 }
 export declare const NavStateContext: React.Context<NavStateContextProps>;
 export declare const NavStateProvider: FC<PropsWithChildren>;

package/dist/cjs/hooks/use-theme/index.d.ts

@@ -3,7 +3,7 @@ export interface UseThemeInterface {
     currentTheme: string;
 }
 export declare const THEME_BODY_CLASS = "reapit-theme";
-export declare const THEME_LOCAL_STOREAGE_KEY: string;
+export declare const THEME_LOCAL_STOREAGE_KEY = "reapit-foundations-reapit-theme";
 /**
  *
  * window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
@@ -12,5 +12,5 @@ export declare const THEME_LOCAL_STOREAGE_KEY: string;
  *
  */
 export declare const useTheme: ({ initialSelection }: {
-    initialSelection?: string | undefined;
+    initialSelection?: string;
 }) => UseThemeInterface;