dibk-design 10.5.9 → 11.2.0

package/dist/index.d.cts

@@ -0,0 +1,1581 @@
+import { default as AddIcon } from '../assets/svg/add-icon.svg?react';
+import { default as addIcon } from '../assets/svg/add-icon.svg?url';
+import { default as AdvarselIcon } from '../assets/svg/advarsel-icon.svg?react';
+import { default as advarselIcon } from '../assets/svg/advarsel-icon.svg?url';
+import { default as AdvarselIconFilled } from '../assets/svg/advarsel-icon-filled.svg?react';
+import { default as advarselIconFilled } from '../assets/svg/advarsel-icon-filled.svg?url';
+import { default as ArbeidstilsynetLogo } from '../assets/svg/arbeidstilsynet-logo.svg?react';
+import { default as arbeidstilsynetLogo } from '../assets/svg/arbeidstilsynet-logo.svg?url';
+import { default as ArrowIcon } from '../assets/svg/arrow-icon.svg?react';
+import { default as arrowIcon } from '../assets/svg/arrow-icon.svg?url';
+import { default as ArrowLeftIcon } from '../assets/svg/arrow-left-icon.svg?react';
+import { default as arrowLeftIcon } from '../assets/svg/arrow-left-icon.svg?url';
+import { default as ArrowRightIcon } from '../assets/svg/arrow-right-icon.svg?react';
+import { default as arrowRightIcon } from '../assets/svg/arrow-right-icon.svg?url';
+import { default as AsteriskIcon } from '../assets/svg/asterisk-icon.svg?react';
+import { default as asteriskIcon } from '../assets/svg/asterisk-icon.svg?url';
+import { ButtonHTMLAttributes } from 'react';
+import { default as CalendarIcon } from '../assets/svg/calendar-icon.svg?react';
+import { default as calendarIcon } from '../assets/svg/calendar-icon.svg?url';
+import { default as CancelIcon } from '../assets/svg/cancel-icon.svg?react';
+import { default as cancelIcon } from '../assets/svg/cancel-icon.svg?url';
+import { default as CancelIconFilled } from '../assets/svg/cancel-icon-filled.svg?react';
+import { default as cancelIconFilled } from '../assets/svg/cancel-icon-filled.svg?url';
+import { default as CheckmarkCircleIcon } from '../assets/svg/checkmark-circle-icon.svg?react';
+import { default as checkmarkCircleIcon } from '../assets/svg/checkmark-circle-icon.svg?url';
+import { default as CheckmarkSymbolIcon } from '../assets/svg/checkmark-symbol-icon.svg?react';
+import { default as checkmarkSymbolIcon } from '../assets/svg/checkmark-symbol-icon.svg?url';
+import { default as ChevronDownIcon } from '../assets/svg/chevron-down-icon.svg?react';
+import { default as chevronDownIcon } from '../assets/svg/chevron-down-icon.svg?url';
+import { default as ChevronLeftIcon } from '../assets/svg/chevron-left-icon.svg?react';
+import { default as chevronLeftIcon } from '../assets/svg/chevron-left-icon.svg?url';
+import { default as ChevronRightIcon } from '../assets/svg/chevron-right-icon.svg?react';
+import { default as chevronRightIcon } from '../assets/svg/chevron-right-icon.svg?url';
+import { default as ChevronUpIcon } from '../assets/svg/chevron-up-icon.svg?react';
+import { default as chevronUpIcon } from '../assets/svg/chevron-up-icon.svg?url';
+import { default as default_2 } from 'react';
+import { default as DeleteBinIcon } from '../assets/svg/delete-bin.svg?react';
+import { default as deleteBinIcon } from '../assets/svg/delete-bin.svg?url';
+import { default as DeleteIcon } from '../assets/svg/delete-icon.svg?react';
+import { default as deleteIcon } from '../assets/svg/delete-icon.svg?url';
+import { default as DibkLogo } from '../assets/svg/dibk-logo.svg?react';
+import { default as dibkLogo } from '../assets/svg/dibk-logo.svg?url';
+import { default as DibkLogoWithTitle } from '../assets/svg/dibk-logo-with-title.svg?react';
+import { default as dibkLogoWithTitle } from '../assets/svg/dibk-logo-with-title.svg?url';
+import { default as DownloadIcon } from '../assets/svg/download-icon.svg?react';
+import { default as downloadIcon } from '../assets/svg/download-icon.svg?url';
+import { default as EditIcon } from '../assets/svg/edit-icon.svg?react';
+import { default as editIcon } from '../assets/svg/edit-icon.svg?url';
+import { default as EditMultipleIcon } from '../assets/svg/edit-multiple-icon.svg?react';
+import { default as editMultipleIcon } from '../assets/svg/edit-multiple-icon.svg?url';
+import { default as ErrorCircleIcon } from '../assets/svg/error-circle-icon.svg?react';
+import { default as errorCircleIcon } from '../assets/svg/error-circle-icon.svg?url';
+import { default as ErrorIcon } from '../assets/svg/error-icon.svg?react';
+import { default as errorIcon } from '../assets/svg/error-icon.svg?url';
+import { default as ExpandIcon } from '../assets/svg/expand-icon.svg?react';
+import { default as expandIcon } from '../assets/svg/expand-icon.svg?url';
+import { default as ExternalLinkIcon } from '../assets/svg/external-link-icon.svg?react';
+import { default as externalLinkIcon } from '../assets/svg/external-link-icon.svg?url';
+import { default as FilterIcon } from '../assets/svg/filter-icon.svg?react';
+import { default as filterIcon } from '../assets/svg/filter-icon.svg?url';
+import { default as HelpIcon } from '../assets/svg/help-icon.svg?react';
+import { default as helpIcon } from '../assets/svg/help-icon.svg?url';
+import { default as HideIcon } from '../assets/svg/hide-icon.svg?react';
+import { default as hideIcon } from '../assets/svg/hide-icon.svg?url';
+import { default as IdPortenIcon } from '../assets/svg/id-porten-icon.svg?react';
+import { default as idPortenIcon } from '../assets/svg/id-porten-icon.svg?url';
+import { default as InfoIcon } from '../assets/svg/info-icon.svg?react';
+import { default as infoIcon } from '../assets/svg/info-icon.svg?url';
+import { JSX } from 'react';
+import { default as LockIcon } from '../assets/svg/lock-icon.svg?react';
+import { default as lockIcon } from '../assets/svg/lock-icon.svg?url';
+import { default as LogoutIcon } from '../assets/svg/logout-icon.svg?react';
+import { default as logoutIcon } from '../assets/svg/logout-icon.svg?url';
+import { default as MailIcon } from '../assets/svg/mail.svg?react';
+import { default as mailIcon } from '../assets/svg/mail.svg?url';
+import { default as MenuIcon } from '../assets/svg/menu-icon.svg?react';
+import { default as menuIcon } from '../assets/svg/menu-icon.svg?url';
+import { default as MinimizeIcon } from '../assets/svg/minimize-icon.svg?react';
+import { default as minimizeIcon } from '../assets/svg/minimize-icon.svg?url';
+import { default as PersonAddFilledIcon } from '../assets/svg/person-add-filled.svg?react';
+import { default as personAddFilledIcon } from '../assets/svg/person-add-filled.svg?url';
+import { default as PersonAddIcon } from '../assets/svg/person-add-icon.svg?react';
+import { default as personAddIcon } from '../assets/svg/person-add-icon.svg?url';
+import { default as PhoneIcon } from '../assets/svg/phone.svg?react';
+import { default as phoneIcon } from '../assets/svg/phone.svg?url';
+import { ReactNode } from 'react';
+import { default as RefreshIcon } from '../assets/svg/refresh-icon.svg?react';
+import { default as refreshIcon } from '../assets/svg/refresh-icon.svg?url';
+import { default as SearchIcon } from '../assets/svg/search-icon.svg?react';
+import { default as searchIcon } from '../assets/svg/search-icon.svg?url';
+import { default as ShowIcon } from '../assets/svg/show-icon.svg?react';
+import { default as showIcon } from '../assets/svg/show-icon.svg?url';
+import { default as SortIcon } from '../assets/svg/sort-icon.svg?react';
+import { default as sortIcon } from '../assets/svg/sort-icon.svg?url';
+import { default as StatusIcon } from '../assets/svg/status-icon.svg?react';
+import { default as statusIcon } from '../assets/svg/status-icon.svg?url';
+import { default as SuccessIcon } from '../assets/svg/success-icon.svg?react';
+import { default as successIcon } from '../assets/svg/success-icon.svg?url';
+import { default as SuccessIconFilled } from '../assets/svg/success-icon-filled.svg?react';
+import { default as successIconFilled } from '../assets/svg/success-icon-filled.svg?url';
+import { default as SwapIcon } from '../assets/svg/swap-icon.svg?react';
+import { default as swapIcon } from '../assets/svg/swap-icon.svg?url';
+import { default as UserIcon } from '../assets/svg/user-icon.svg?react';
+import { default as userIcon } from '../assets/svg/user-icon.svg?url';
+import { default as WarningIcon } from '../assets/svg/warning-icon.svg?react';
+import { default as warningIcon } from '../assets/svg/warning-icon.svg?url';
+import { default as XSymbolIcon } from '../assets/svg/x-symbol-icon.svg?react';
+import { default as xSymbolIcon } from '../assets/svg/x-symbol-icon.svg?url';
+
+export declare const Accordion: ({ title, color, bodyColor, expanded: expandedProp, onToggleExpand, buttonProps, noMargin, initialized: initializedProp, children, ...rest }: AccordionProps) => JSX.Element;
+
+declare type AccordionColor = "primary" | "neutral" | "secondary" | "info";
+
+declare type AccordionColorValue = AccordionColor | (string & {});
+
+declare interface AccordionProps {
+    title?: ReactNode;
+    color?: AccordionColorValue;
+    bodyColor?: AccordionColorValue;
+    expanded?: boolean;
+    onToggleExpand?: () => void;
+    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
+    noMargin?: boolean;
+    initialized?: boolean;
+    children?: ReactNode;
+    [key: string]: any;
+}
+
+export { AddIcon }
+
+export { addIcon }
+
+export { AdvarselIcon }
+
+export { advarselIcon }
+
+export { AdvarselIconFilled }
+
+export { advarselIconFilled }
+
+export { ArbeidstilsynetLogo }
+
+export { arbeidstilsynetLogo }
+
+declare type ArrowDirection = "none" | "left" | "right";
+
+export { ArrowIcon }
+
+export { arrowIcon }
+
+export { ArrowLeftIcon }
+
+export { arrowLeftIcon }
+
+export { ArrowRightIcon }
+
+export { arrowRightIcon }
+
+export { AsteriskIcon }
+
+export { asteriskIcon }
+
+export declare const Badge: ({ children, variant, className }: BadgeProps) => default_2.JSX.Element;
+
+export declare interface BadgeProps {
+    children: default_2.ReactNode;
+    variant?: BadgeVariant;
+    className?: string;
+}
+
+export declare type BadgeVariant = "success" | "warning" | "error" | "secondary" | "neutral" | "purple";
+
+export declare const Button: ({ content, color, size, arrow, disabled, inputType, defaultChecked, hasErrors, noHover, noMargin, href, children, iconLeft, iconRight, className: classNameProp, ...rest }: ButtonProps) => default_2.JSX.Element;
+
+declare type ButtonColor = "primary" | "secondary" | "neutral";
+
+declare interface ButtonProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
+    content?: string;
+    color?: ButtonColor;
+    size?: ButtonSize;
+    arrow?: ArrowDirection;
+    inputType?: InputType;
+    name?: string;
+    defaultChecked?: boolean;
+    required?: boolean;
+    hasErrors?: boolean;
+    "aria-describedby"?: string;
+    noHover?: boolean;
+    href?: string;
+    noMargin?: boolean;
+    children?: default_2.ReactNode;
+    iconLeft?: default_2.ReactNode;
+    iconRight?: default_2.ReactNode;
+    [key: string]: any;
+}
+
+declare type ButtonSize = "small" | "regular";
+
+export { CalendarIcon }
+
+export { calendarIcon }
+
+export { CancelIcon }
+
+export { cancelIcon }
+
+export { CancelIconFilled }
+
+export { cancelIconFilled }
+
+export declare const CheckBoxIcon: ({ size, checked, disabled, showBox, hasErrors, checkmarkCharacter, checkmarkIconSrc }: CheckBoxIconProps) => default_2.JSX.Element;
+
+declare interface CheckBoxIconProps {
+    size?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    showBox?: boolean;
+    hasErrors?: boolean;
+    checkmarkCharacter?: string;
+    checkmarkIconSrc?: string;
+}
+
+export declare const CheckBoxInput: ({ checked, disabled, required, requiredGroup, id, name, onChange, hasErrors, checkmarkCharacter, tabIndex, children, "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, value, requirementIndicatorMode, optionalLabel }: CheckBoxInputProps) => default_2.JSX.Element;
+
+declare interface CheckBoxInputProps {
+    checked?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    requiredGroup?: boolean;
+    id: string;
+    name?: string;
+    onChange?: () => void;
+    hasErrors?: boolean;
+    checkmarkCharacter?: string;
+    "aria-controls"?: string;
+    "aria-describedby"?: string;
+    tabIndex?: number;
+    children?: default_2.ReactNode;
+    value?: string | number;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
+}
+
+export declare const CheckBoxList: ({ legend, legendSize, required, compact, children, requirementIndicatorMode, optionalLabel }: CheckBoxListProps) => JSX.Element;
+
+export declare const CheckBoxListItem: ({ checked, disabled, required, requiredGroup, id, name, onChange, compact, hasErrors, checkmarkCharacter, "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, children, value }: CheckBoxListItemProps) => default_2.JSX.Element;
+
+declare interface CheckBoxListItemProps {
+    value?: string | number;
+    checked?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    requiredGroup?: boolean;
+    name?: string;
+    id: string;
+    onChange?: () => void;
+    compact?: boolean;
+    checkmarkCharacter?: string;
+    hasErrors?: boolean;
+    "aria-controls"?: string;
+    "aria-describedby"?: string;
+    children?: default_2.ReactNode;
+}
+
+declare interface CheckBoxListProps {
+    legend?: string;
+    legendSize?: 1 | 2 | 3 | 4 | 5;
+    required?: boolean;
+    compact?: boolean;
+    children?: ReactNode;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
+}
+
+export { CheckmarkCircleIcon }
+
+export { checkmarkCircleIcon }
+
+export { CheckmarkSymbolIcon }
+
+export { checkmarkSymbolIcon }
+
+export { ChevronDownIcon }
+
+export { chevronDownIcon }
+
+export { ChevronLeftIcon }
+
+export { chevronLeftIcon }
+
+export { ChevronRightIcon }
+
+export { chevronRightIcon }
+
+export { ChevronUpIcon }
+
+export { chevronUpIcon }
+
+export declare const Container: ({ size, maxWidth, children }: ContainerProps) => default_2.JSX.Element;
+
+declare interface ContainerProps {
+    size?: ContainerSize;
+    maxWidth?: string;
+    children?: default_2.ReactNode;
+}
+
+declare type ContainerSize = "normal" | "small";
+
+export declare const ContentBox: ({ title, content, children, variant, spacing, href }: ContentBoxProps) => default_2.JSX.Element;
+
+declare interface ContentBoxProps {
+    title?: string | default_2.ReactNode;
+    content?: string;
+    children?: default_2.ReactNode;
+    variant?: InfoBoxVariant;
+    spacing?: "tight" | "spacious";
+    href?: string | null;
+}
+
+declare type CustomThemeName = keyof typeof customThemes;
+
+declare const customThemes: {
+    dibk: ThemeProps;
+    arbeidstilsynet: ThemeProps;
+};
+
+export { DeleteBinIcon }
+
+export { deleteBinIcon }
+
+export { DeleteIcon }
+
+export { deleteIcon }
+
+export declare const DescriptionDetails: ({ compact, titleWidth, children }: DescriptionDetailsProps) => default_2.JSX.Element;
+
+declare interface DescriptionDetailsProps {
+    compact?: boolean;
+    titleWidth?: string;
+    children?: default_2.ReactNode;
+}
+
+export declare const DescriptionList: ({ compact, titleWidth, children }: DescriptionListProps) => default_2.ReactElement<{
+    className: string;
+    style: {
+        "--title-width": string | undefined;
+    };
+}, string | default_2.JSXElementConstructor<any>>;
+
+declare interface DescriptionListProps {
+    compact?: boolean;
+    titleWidth?: string;
+    children?: ReactNode;
+}
+
+export declare const DescriptionTerm: ({ compact, titleWidth, children }: DescriptionTermProps) => default_2.JSX.Element;
+
+declare interface DescriptionTermProps {
+    compact?: boolean;
+    titleWidth?: string;
+    children?: default_2.ReactNode;
+}
+
+export declare const Dialog: ({ maxWidth, noPadding, title, closeButton, onClickOutside, modal, attachTo, hidden, children }: DialogProps) => default_2.ReactPortal | null;
+
+declare interface DialogProps {
+    maxWidth?: string;
+    noPadding?: boolean;
+    title?: default_2.ReactNode | string;
+    closeButton?: boolean;
+    onClickOutside: () => void;
+    modal?: boolean;
+    attachTo?: "left" | "right" | "top" | "bottom" | string;
+    hidden?: boolean;
+    children?: default_2.ReactNode;
+}
+
+export { DibkLogo }
+
+export { dibkLogo }
+
+export { DibkLogoWithTitle }
+
+export { dibkLogoWithTitle }
+
+export { DownloadIcon }
+
+export { downloadIcon }
+
+export declare const DragAndDropFileInput: ({ id, name, onSelectChange, onDragAndDropChange, label, subLabel, buttonContent, buttonContentWhenSelectedFile, selectedFileName, hasErrors, errorMessage, required, requirementIndicatorMode, optionalLabel, "data-transaction-name": transactionName }: DragAndDropFileInputProps) => JSX.Element;
+
+declare interface DragAndDropFileInputProps {
+    id: string;
+    name?: string;
+    onSelectChange: () => void;
+    onDragAndDropChange: (files: FileList) => void;
+    label?: string | (string | JSX.Element)[];
+    subLabel?: string | (string | JSX.Element)[];
+    buttonContent?: string;
+    buttonContentWhenSelectedFile?: string;
+    selectedFileName?: string;
+    hasErrors?: boolean;
+    errorMessage?: string | (string | JSX.Element)[];
+    required?: boolean;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
+    "data-transaction-name"?: string;
+}
+
+export { EditIcon }
+
+export { editIcon }
+
+export { EditMultipleIcon }
+
+export { editMultipleIcon }
+
+export declare const ErrorBox: ({ type, children, ...rest }: ErrorBoxProps) => JSX.Element;
+
+declare interface ErrorBoxProps extends Omit<InfoBoxProps, "variant" | "hideIcon"> {
+    type?: "warning" | "error";
+}
+
+export { ErrorCircleIcon }
+
+export { errorCircleIcon }
+
+export { ErrorIcon }
+
+export { errorIcon }
+
+export declare const ErrorMessage: ({ id, content }: ErrorMessageProps) => default_2.JSX.Element | null;
+
+declare interface ErrorMessageProps {
+    id?: string;
+    content?: default_2.ReactNode;
+}
+
+export { ExpandIcon }
+
+export { expandIcon }
+
+export { ExternalLinkIcon }
+
+export { externalLinkIcon }
+
+export declare const FieldRequirementIndicator: ({ required, mode, optionalLabel, requiredClassName, optionalClassName }: FieldRequirementIndicatorProps) => JSX.Element | null;
+
+declare interface FieldRequirementIndicatorContextValue {
+    mode: RequirementIndicatorMode;
+    optionalLabel: string;
+}
+
+declare interface FieldRequirementIndicatorProps {
+    required: boolean;
+    mode?: RequirementIndicatorMode;
+    optionalLabel?: string;
+    requiredClassName?: string;
+    optionalClassName?: string;
+}
+
+export declare const FieldRequirementProvider: ({ children, mode, optionalLabel }: FieldRequirementProviderProps) => JSX.Element;
+
+declare interface FieldRequirementProviderProps {
+    children: ReactNode;
+    mode?: RequirementIndicatorMode;
+    optionalLabel?: string;
+}
+
+export { FilterIcon }
+
+export { filterIcon }
+
+export declare const Footer: ({ children }: FooterProps) => JSX.Element;
+
+declare interface FooterProps {
+    children?: ReactNode;
+}
+
+export declare const Header: ({ id, content, size, htmlTag, htmlFor, label, children }: HeaderProps) => JSX.Element;
+
+declare interface HeaderProps {
+    id?: string;
+    content?: string;
+    label?: string;
+    size?: 1 | 2 | 3 | 4 | 5;
+    htmlTag?: keyof JSX.IntrinsicElements;
+    htmlFor?: string;
+    children?: default_2.ReactNode;
+}
+
+export { HelpIcon }
+
+export { helpIcon }
+
+export { HideIcon }
+
+export { hideIcon }
+
+export { IdPortenIcon }
+
+export { idPortenIcon }
+
+export declare const InfoBox: ({ title, children, variant, fullScreen, noBorder, noAnimation, hideIcon, icon }: InfoBoxProps) => default_2.JSX.Element;
+
+declare interface InfoBoxProps {
+    title: default_2.ReactNode | string;
+    children?: default_2.ReactNode;
+    variant?: InfoBoxVariant;
+    fullScreen?: boolean;
+    noBorder?: boolean;
+    noAnimation?: boolean;
+    hideIcon?: boolean;
+    icon?: default_2.ReactNode;
+}
+
+declare type InfoBoxVariant = "default" | "secondary" | "warning" | "error" | "info" | "success";
+
+export { InfoIcon }
+
+export { infoIcon }
+
+export declare const InputField: ({ id, onChange, onBlur, onFocus, name, type, disabled, required, readOnly, width, value, defaultValue, elementKey, label, actionButtonColor, actionButtonContent, actionButtonIconLeft, actionButtonIconRight, actionButtonOnClick, actionButtonDisabled, actionButtonAriaLabel, selectedFileName, placeholder, min, max, role, "aria-describedby": ariaDescribedBy, "aria-autocomplete": ariaAutocomplete, hasErrors, errorMessage, noMargin, caption, requirementIndicatorMode, optionalLabel }: InputFieldProps) => default_2.JSX.Element;
+
+declare interface InputFieldProps {
+    id: string;
+    onChange?: (event: default_2.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: default_2.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: default_2.FocusEvent<HTMLInputElement>) => void;
+    name?: string;
+    type?: string;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    width?: string;
+    value?: string | number | Date;
+    defaultValue?: string | number | Date;
+    elementKey?: string;
+    label?: default_2.ReactNode;
+    actionButtonColor?: "primary" | "secondary";
+    actionButtonContent?: string;
+    actionButtonIconLeft?: default_2.ReactNode;
+    actionButtonIconRight?: default_2.ReactNode;
+    actionButtonOnClick?: () => void;
+    actionButtonDisabled?: boolean;
+    actionButtonAriaLabel?: string;
+    selectedFileName?: string;
+    placeholder?: string;
+    min?: string;
+    max?: string;
+    role?: string;
+    "aria-describedby"?: string;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both";
+    hasErrors?: boolean;
+    errorMessage?: default_2.ReactNode;
+    noMargin?: boolean;
+    caption?: default_2.ReactNode;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
+}
+
+declare type InputType = "button" | "radio";
+
+export declare const Label: ({ inline, normalCursor, htmlTag, children, subLabel, id, ...rest }: LabelProps) => default_2.DOMElement<{
+    className: string;
+    id: string | undefined;
+    form?: string | undefined;
+    htmlFor?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: default_2.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: default_2.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: default_2.ClipboardEventHandler<HTMLLabelElement> | undefined;
+    onCopyCapture?: default_2.ClipboardEventHandler<HTMLLabelElement> | undefined;
+    onCut?: default_2.ClipboardEventHandler<HTMLLabelElement> | undefined;
+    onCutCapture?: default_2.ClipboardEventHandler<HTMLLabelElement> | undefined;
+    onPaste?: default_2.ClipboardEventHandler<HTMLLabelElement> | undefined;
+    onPasteCapture?: default_2.ClipboardEventHandler<HTMLLabelElement> | undefined;
+    onCompositionEnd?: default_2.CompositionEventHandler<HTMLLabelElement> | undefined;
+    onCompositionEndCapture?: default_2.CompositionEventHandler<HTMLLabelElement> | undefined;
+    onCompositionStart?: default_2.CompositionEventHandler<HTMLLabelElement> | undefined;
+    onCompositionStartCapture?: default_2.CompositionEventHandler<HTMLLabelElement> | undefined;
+    onCompositionUpdate?: default_2.CompositionEventHandler<HTMLLabelElement> | undefined;
+    onCompositionUpdateCapture?: default_2.CompositionEventHandler<HTMLLabelElement> | undefined;
+    onFocus?: default_2.FocusEventHandler<HTMLLabelElement> | undefined;
+    onFocusCapture?: default_2.FocusEventHandler<HTMLLabelElement> | undefined;
+    onBlur?: default_2.FocusEventHandler<HTMLLabelElement> | undefined;
+    onBlurCapture?: default_2.FocusEventHandler<HTMLLabelElement> | undefined;
+    onChange?: default_2.ChangeEventHandler<HTMLLabelElement, Element> | undefined;
+    onChangeCapture?: default_2.ChangeEventHandler<HTMLLabelElement, Element> | undefined;
+    onBeforeInput?: default_2.InputEventHandler<HTMLLabelElement> | undefined;
+    onBeforeInputCapture?: default_2.InputEventHandler<HTMLLabelElement> | undefined;
+    onInput?: default_2.InputEventHandler<HTMLLabelElement> | undefined;
+    onInputCapture?: default_2.InputEventHandler<HTMLLabelElement> | undefined;
+    onReset?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onResetCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onSubmit?: default_2.SubmitEventHandler<HTMLLabelElement> | undefined;
+    onSubmitCapture?: default_2.SubmitEventHandler<HTMLLabelElement> | undefined;
+    onInvalid?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onInvalidCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoad?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onError?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onErrorCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onKeyDown?: default_2.KeyboardEventHandler<HTMLLabelElement> | undefined;
+    onKeyDownCapture?: default_2.KeyboardEventHandler<HTMLLabelElement> | undefined;
+    onKeyPress?: default_2.KeyboardEventHandler<HTMLLabelElement> | undefined;
+    onKeyPressCapture?: default_2.KeyboardEventHandler<HTMLLabelElement> | undefined;
+    onKeyUp?: default_2.KeyboardEventHandler<HTMLLabelElement> | undefined;
+    onKeyUpCapture?: default_2.KeyboardEventHandler<HTMLLabelElement> | undefined;
+    onAbort?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onAbortCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onCanPlay?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onCanPlayCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onCanPlayThrough?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onCanPlayThroughCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onDurationChange?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onDurationChangeCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onEmptied?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onEmptiedCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onEncrypted?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onEncryptedCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onEnded?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onEndedCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadedData?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadedDataCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadedMetadata?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadedMetadataCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadStart?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onLoadStartCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onPause?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onPauseCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onPlay?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onPlayCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onPlaying?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onPlayingCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onProgress?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onProgressCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onRateChange?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onRateChangeCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onSeeked?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onSeekedCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onSeeking?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onSeekingCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onStalled?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onStalledCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onSuspend?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onSuspendCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onTimeUpdate?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onTimeUpdateCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onVolumeChange?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onVolumeChangeCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onWaiting?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onWaitingCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onAuxClick?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onAuxClickCapture?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onClick?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onClickCapture?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onContextMenu?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onContextMenuCapture?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onDoubleClick?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onDoubleClickCapture?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onDrag?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragCapture?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragEnd?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragEndCapture?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragEnter?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragEnterCapture?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragExit?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragExitCapture?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragLeave?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragLeaveCapture?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragOver?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragOverCapture?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragStart?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDragStartCapture?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDrop?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onDropCapture?: default_2.DragEventHandler<HTMLLabelElement> | undefined;
+    onMouseDown?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseDownCapture?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseEnter?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseLeave?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseMove?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseMoveCapture?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseOut?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseOutCapture?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseOver?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseOverCapture?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseUp?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onMouseUpCapture?: default_2.MouseEventHandler<HTMLLabelElement> | undefined;
+    onSelect?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onSelectCapture?: default_2.ReactEventHandler<HTMLLabelElement> | undefined;
+    onTouchCancel?: default_2.TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchCancelCapture?: default_2.TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchEnd?: default_2.TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchEndCapture?: default_2.TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchMove?: default_2.TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchMoveCapture?: default_2.TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchStart?: default_2.TouchEventHandler<HTMLLabelElement> | undefined;
+    onTouchStartCapture?: default_2.TouchEventHandler<HTMLLabelElement> | undefined;
+    onPointerDown?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerDownCapture?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerMove?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerMoveCapture?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerUp?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerUpCapture?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerCancel?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerCancelCapture?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerEnter?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerLeave?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerOver?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerOverCapture?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerOut?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onPointerOutCapture?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onGotPointerCapture?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onGotPointerCaptureCapture?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onLostPointerCapture?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onLostPointerCaptureCapture?: default_2.PointerEventHandler<HTMLLabelElement> | undefined;
+    onScroll?: default_2.UIEventHandler<HTMLLabelElement> | undefined;
+    onScrollCapture?: default_2.UIEventHandler<HTMLLabelElement> | undefined;
+    onScrollEnd?: default_2.UIEventHandler<HTMLLabelElement> | undefined;
+    onScrollEndCapture?: default_2.UIEventHandler<HTMLLabelElement> | undefined;
+    onWheel?: default_2.WheelEventHandler<HTMLLabelElement> | undefined;
+    onWheelCapture?: default_2.WheelEventHandler<HTMLLabelElement> | undefined;
+    onAnimationStart?: default_2.AnimationEventHandler<HTMLLabelElement> | undefined;
+    onAnimationStartCapture?: default_2.AnimationEventHandler<HTMLLabelElement> | undefined;
+    onAnimationEnd?: default_2.AnimationEventHandler<HTMLLabelElement> | undefined;
+    onAnimationEndCapture?: default_2.AnimationEventHandler<HTMLLabelElement> | undefined;
+    onAnimationIteration?: default_2.AnimationEventHandler<HTMLLabelElement> | undefined;
+    onAnimationIterationCapture?: default_2.AnimationEventHandler<HTMLLabelElement> | undefined;
+    onToggle?: default_2.ToggleEventHandler<HTMLLabelElement> | undefined;
+    onBeforeToggle?: default_2.ToggleEventHandler<HTMLLabelElement> | undefined;
+    onTransitionCancel?: default_2.TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionCancelCapture?: default_2.TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionEnd?: default_2.TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionEndCapture?: default_2.TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionRun?: default_2.TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionRunCapture?: default_2.TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionStart?: default_2.TransitionEventHandler<HTMLLabelElement> | undefined;
+    onTransitionStartCapture?: default_2.TransitionEventHandler<HTMLLabelElement> | undefined;
+}, Element>;
+
+declare interface LabelProps extends default_2.LabelHTMLAttributes<HTMLLabelElement> {
+    inline?: boolean;
+    normalCursor?: boolean;
+    htmlTag?: keyof JSX.IntrinsicElements;
+    children?: default_2.ReactNode;
+    subLabel?: default_2.ReactNode;
+}
+
+export declare const List: ({ listStyle, compact, ordered, children }: ListProps) => default_2.DetailedReactHTMLElement<{
+    className: string;
+    style: default_2.CSSProperties;
+}, HTMLElement>;
+
+export declare const ListItem: ({ compact, children }: ListItemProps) => default_2.JSX.Element;
+
+declare interface ListItemObject {
+    name: string;
+    href: string;
+    listItems?: ListItemObject[];
+}
+
+declare interface ListItemProps {
+    compact?: boolean;
+    children?: default_2.ReactNode;
+}
+
+declare interface ListProps {
+    listStyle?: string;
+    compact?: boolean;
+    ordered?: boolean;
+    children?: default_2.ReactNode;
+}
+
+export declare const LoadingAnimation: ({ ariaLabel }: LoadingAnimationProps) => JSX.Element;
+
+declare interface LoadingAnimationProps {
+    ariaLabel?: string;
+}
+
+export { LockIcon }
+
+export { lockIcon }
+
+export { LogoutIcon }
+
+export { logoutIcon }
+
+export { MailIcon }
+
+export { mailIcon }
+
+export { MenuIcon }
+
+export { menuIcon }
+
+export { MinimizeIcon }
+
+export { minimizeIcon }
+
+declare interface MultipleSelectProps extends SelectPropsBase {
+    multiple: true;
+    onChange: (value: (string | number)[]) => void;
+    value?: (string | number)[];
+    defaultValue?: (string | number)[];
+}
+
+export declare const NavigationBar: ({ logoLink, logoLinkTitle, openLogoLinkInNewTab, themeId, color, links, children }: NavigationBarProps) => default_2.JSX.Element;
+
+declare interface NavigationBarProps {
+    logoLink?: string;
+    logoLinkTitle?: string;
+    openLogoLinkInNewTab?: boolean;
+    themeId?: CustomThemeName;
+    color?: "secondary" | "neutral";
+    links?: ListItemObject[];
+    children?: default_2.ReactNode;
+}
+
+declare type Option_2 = string | number | {
+    key: string | number;
+    value: string | number;
+};
+
+export declare const Paper: ({ noMargin, noPadding, children }: PaperProps) => default_2.JSX.Element;
+
+declare interface PaperProps {
+    noMargin?: boolean;
+    noPadding?: boolean;
+    children?: default_2.ReactNode;
+}
+
+export declare const Paragraph: ({ id, htmlTag, variant, noMargin, children }: ParagraphProps) => default_2.ReactElement<{
+    className: string;
+    id: string | undefined;
+}, string | default_2.JSXElementConstructor<any>>;
+
+declare interface ParagraphProps {
+    id?: string;
+    htmlTag?: keyof JSX.IntrinsicElements;
+    variant?: ParagraphVariant;
+    noMargin?: boolean;
+    children?: default_2.ReactNode;
+}
+
+declare type ParagraphVariant = "lead" | "large" | "small";
+
+export { PersonAddFilledIcon }
+
+export { personAddFilledIcon }
+
+export { PersonAddIcon }
+
+export { personAddIcon }
+
+export { PhoneIcon }
+
+export { phoneIcon }
+
+export declare const ProgressBar: ({ progress, hasErrors }: ProgressBarProps) => JSX.Element;
+
+declare interface ProgressBarProps {
+    progress?: number;
+    hasErrors?: boolean;
+}
+
+export declare const RadioButtonIcon: ({ size, checked, disabled, hasErrors }: RadioButtonIconProps) => default_2.JSX.Element;
+
+declare interface RadioButtonIconProps {
+    size?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    hasErrors?: boolean;
+}
+
+export declare const RadioButtonInput: ({ checked, disabled, required, requiredGroup, id, name, onChange, hasErrors, inputValue, tabIndex, children, "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, requirementIndicatorMode, optionalLabel }: RadioButtonInputProps) => default_2.JSX.Element;
+
+declare interface RadioButtonInputProps {
+    checked?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    requiredGroup?: boolean;
+    id: string;
+    name?: string;
+    onChange?: () => void;
+    hasErrors?: boolean;
+    inputValue: string;
+    tabIndex?: number;
+    children?: default_2.ReactNode;
+    "aria-controls"?: string;
+    "aria-describedby"?: string;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
+}
+
+export declare const RadioButtonList: ({ legend, legendSize, required, compact, children, requirementIndicatorMode, optionalLabel }: RadioButtonListProps) => JSX.Element;
+
+export declare const RadioButtonListItem: ({ inputValue, checked, disabled, required, requiredGroup, name, id, onChange, compact, hasErrors, "aria-controls": ariaControls, "aria-describedby": ariaDescribedBy, children }: RadioButtonListItemProps) => JSX.Element;
+
+declare interface RadioButtonListItemProps {
+    inputValue: string;
+    checked?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    requiredGroup?: boolean;
+    name?: string;
+    id: string;
+    onChange?: () => void;
+    compact?: boolean;
+    hasErrors?: boolean;
+    "aria-controls"?: string;
+    "aria-describedby"?: string;
+    children?: ReactNode;
+}
+
+declare interface RadioButtonListProps {
+    legend?: string;
+    legendSize?: 1 | 2 | 3 | 4 | 5;
+    required?: boolean;
+    compact?: boolean;
+    children?: ReactNode;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
+}
+
+export { RefreshIcon }
+
+export { refreshIcon }
+
+export declare type RequirementIndicatorMode = "required" | "optional" | "none";
+
+export { SearchIcon }
+
+export { searchIcon }
+
+export declare const Select: (props: SelectProps) => default_2.JSX.Element;
+
+declare type SelectProps = SingleSelectProps | MultipleSelectProps;
+
+declare interface SelectPropsBase {
+    id: string;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    options?: Option_2[];
+    width?: string;
+    label?: default_2.ReactNode;
+    keyAsContent?: boolean;
+    placeholder?: string;
+    placeholderValue?: string;
+    defaultContent?: string;
+    role?: string;
+    "aria-describedby"?: string;
+    hasErrors?: boolean;
+    errorMessage?: default_2.ReactNode;
+    formatOptionLabel?: (option: Option_2, meta: {
+        context: "menu" | "value";
+    }) => default_2.ReactNode;
+    actionButtonColor?: "primary" | "secondary";
+    actionButtonContent?: string;
+    actionButtonIconLeft?: default_2.ReactNode;
+    actionButtonIconRight?: default_2.ReactNode;
+    actionButtonOnClick?: () => void;
+    actionButtonDisabled?: boolean;
+    actionButtonAriaLabel?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
+}
+
+export { ShowIcon }
+
+export { showIcon }
+
+declare interface SingleSelectProps extends SelectPropsBase {
+    multiple?: false;
+    onChange: (value: string | number) => void;
+    value?: string | number;
+    defaultValue?: string | number;
+}
+
+export { SortIcon }
+
+export { sortIcon }
+
+declare type SortState = {
+    headerKey: string;
+    direction: "asc" | "desc";
+};
+
+export { StatusIcon }
+
+export { statusIcon }
+
+declare interface StepData {
+    id: string | number;
+    name: string;
+    finished?: boolean;
+    hasErrors?: boolean;
+    link?: {
+        pathname: string;
+        search: string;
+    };
+}
+
+declare type StepKey = "SignIn" | "AvailableReportees" | "Import" | "NextProcessCategory" | "Receipt";
+
+declare interface StepProps {
+    step: StepData;
+    index: number;
+    activeStepId: string | number;
+    direction?: "vertical" | "horizontal";
+}
+
+export { SuccessIcon }
+
+export { successIcon }
+
+export { SuccessIconFilled }
+
+export { successIconFilled }
+
+export { SwapIcon }
+
+export { swapIcon }
+
+export declare const Table: <T extends object>({ columns, data, loading, loadingAriaLabel, getRowId, selectionType, selectionLabel, selectedRowId, onSelect, selectedRowIds, onSelectMany, onRowClick, getRowClassName, pageSize, page, defaultPage, onPageChange, totalCount, totalPages: totalPagesProp, defaultSort }: TableProps<T>) => default_2.JSX.Element;
+
+declare type TableColumn<T> = {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    accessor?: (item: T) => string | number | null | undefined;
+    render?: (item: T) => default_2.ReactNode;
+    sortAccessor?: (item: T) => string | number | Date | null | undefined;
+    ariaLabel?: string;
+};
+
+declare interface TableProps<T> {
+    columns: TableColumn<T>[];
+    data: T[];
+    loading?: boolean;
+    loadingAriaLabel?: string;
+    getRowId?: (row: T, index: number) => default_2.Key;
+    selectionType?: "single" | "multiple";
+    selectionLabel?: string;
+    selectedRowId?: default_2.Key;
+    onSelect?: (row: T) => void;
+    selectedRowIds?: default_2.Key[];
+    onSelectMany?: (rows: T[]) => void;
+    onRowClick?: (row: T) => void;
+    getRowClassName?: (row: T, index: number) => string | undefined;
+    pageSize?: number;
+    page?: number;
+    defaultPage?: number;
+    onPageChange?: (page: number) => void;
+    totalCount?: number;
+    totalPages?: number;
+    pageSizeOptions?: number[];
+    defaultPageSize?: number;
+    onPageSizeChange?: (size: number) => void;
+    defaultSort?: SortState;
+}
+
+declare interface TabPanelProps {
+    children?: ReactNode;
+    isActive?: boolean;
+    tabId?: string;
+    panelId?: string;
+}
+
+declare interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+    amount?: number;
+    isActive?: boolean;
+    tabId?: string;
+    panelId?: string;
+    onSelect?: () => void;
+}
+
+export declare const Tabs: {
+    ({ children, defaultIndex, onChange, className }: TabsProps): JSX.Element;
+    List: ({ children, activeIndex, setActiveIndex, baseId }: TabsListProps) => JSX.Element;
+    Tab: ({ children, amount, isActive, onSelect, onClick, onKeyDown, tabId, panelId, className, ...rest }: TabProps) => JSX.Element;
+    Panels: ({ children, activeIndex, baseId }: TabsPanelsProps) => JSX.Element;
+    Panel: ({ children, isActive, tabId, panelId }: TabPanelProps) => JSX.Element;
+};
+
+declare interface TabsListProps {
+    children?: ReactNode;
+    activeIndex?: number;
+    setActiveIndex?: (index: number) => void;
+    baseId?: string;
+}
+
+declare interface TabsPanelsProps {
+    children?: ReactNode;
+    activeIndex?: number;
+    baseId?: string;
+}
+
+declare interface TabsProps {
+    children?: ReactNode;
+    defaultIndex?: number;
+    onChange?: (nextIndex: number) => void;
+    className?: string;
+}
+
+export declare const Textarea: ({ id, onChange, onBlur, name, required, readOnly, disabled, width, resize, value, defaultValue, elementKey, rows, label, placeholder, "aria-describedby": ariaDescribedBy, hasErrors, errorMessage, requirementIndicatorMode, optionalLabel }: TextareaProps) => default_2.JSX.Element;
+
+declare interface TextareaProps {
+    id: string;
+    onChange: (e: default_2.ChangeEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (e: default_2.FocusEvent<HTMLTextAreaElement>) => void;
+    name?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    width?: string;
+    resize?: "both" | "horizontal" | "vertical" | "none";
+    value?: string;
+    defaultValue?: string;
+    elementKey?: string;
+    rows?: string;
+    label?: default_2.ReactNode;
+    placeholder?: string;
+    "aria-describedby"?: string;
+    hasErrors?: boolean;
+    errorMessage?: default_2.ReactNode;
+    requirementIndicatorMode?: RequirementIndicatorMode;
+    optionalLabel?: string;
+}
+
+declare interface ThemeProps {
+    themeId?: CustomThemeName;
+    appName: string;
+    logo: string;
+    logoPadding?: string;
+    colors?: {
+        [key: string]: string;
+    };
+    sizes?: {
+        [key: string]: string;
+    };
+}
+
+export declare const ThemeProvider: ({ theme, children, fieldRequirementIndicatorMode, fieldOptionalLabel }: ThemeProviderProps) => default_2.JSX.Element;
+
+declare interface ThemeProviderProps {
+    theme?: ThemeProps;
+    children: default_2.ReactNode;
+    fieldRequirementIndicatorMode?: RequirementIndicatorMode;
+    fieldOptionalLabel?: string;
+}
+
+export declare const ToggleNavigationButton: ({ id, htmlTag, showText, hideText, buttonProps, isOpen }: ToggleNavigationButtonProps) => default_2.DOMElement<{
+    className: string;
+    id: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: default_2.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: default_2.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    children?: default_2.ReactNode | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: default_2.ClipboardEventHandler<HTMLElement> | undefined;
+    onCopyCapture?: default_2.ClipboardEventHandler<HTMLElement> | undefined;
+    onCut?: default_2.ClipboardEventHandler<HTMLElement> | undefined;
+    onCutCapture?: default_2.ClipboardEventHandler<HTMLElement> | undefined;
+    onPaste?: default_2.ClipboardEventHandler<HTMLElement> | undefined;
+    onPasteCapture?: default_2.ClipboardEventHandler<HTMLElement> | undefined;
+    onCompositionEnd?: default_2.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionEndCapture?: default_2.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStart?: default_2.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStartCapture?: default_2.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdate?: default_2.CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdateCapture?: default_2.CompositionEventHandler<HTMLElement> | undefined;
+    onFocus?: default_2.FocusEventHandler<HTMLElement> | undefined;
+    onFocusCapture?: default_2.FocusEventHandler<HTMLElement> | undefined;
+    onBlur?: default_2.FocusEventHandler<HTMLElement> | undefined;
+    onBlurCapture?: default_2.FocusEventHandler<HTMLElement> | undefined;
+    onChange?: default_2.ChangeEventHandler<HTMLElement, Element> | undefined;
+    onChangeCapture?: default_2.ChangeEventHandler<HTMLElement, Element> | undefined;
+    onBeforeInput?: default_2.InputEventHandler<HTMLElement> | undefined;
+    onBeforeInputCapture?: default_2.InputEventHandler<HTMLElement> | undefined;
+    onInput?: default_2.InputEventHandler<HTMLElement> | undefined;
+    onInputCapture?: default_2.InputEventHandler<HTMLElement> | undefined;
+    onReset?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onResetCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onSubmit?: default_2.SubmitEventHandler<HTMLElement> | undefined;
+    onSubmitCapture?: default_2.SubmitEventHandler<HTMLElement> | undefined;
+    onInvalid?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onInvalidCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onLoad?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onLoadCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onError?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onErrorCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onKeyDown?: default_2.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyDownCapture?: default_2.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPress?: default_2.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPressCapture?: default_2.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUp?: default_2.KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUpCapture?: default_2.KeyboardEventHandler<HTMLElement> | undefined;
+    onAbort?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onAbortCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlay?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThrough?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThroughCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onDurationChange?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onDurationChangeCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onEmptied?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onEmptiedCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onEncrypted?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onEncryptedCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onEnded?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onEndedCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedData?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedDataCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadata?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadataCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onLoadStart?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onLoadStartCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onPause?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onPauseCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onPlay?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onPlayCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onPlaying?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onPlayingCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onProgress?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onProgressCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onRateChange?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onRateChangeCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onSeeked?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onSeekedCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onSeeking?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onSeekingCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onStalled?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onStalledCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onSuspend?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onSuspendCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdate?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdateCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChange?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChangeCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onWaiting?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onWaitingCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onAuxClick?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onAuxClickCapture?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onClick?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onClickCapture?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onContextMenu?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onContextMenuCapture?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClick?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClickCapture?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onDrag?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragCapture?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragEnd?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragEndCapture?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragEnter?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragEnterCapture?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragExit?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragExitCapture?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragLeave?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragLeaveCapture?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragOver?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragOverCapture?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragStart?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDragStartCapture?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDrop?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onDropCapture?: default_2.DragEventHandler<HTMLElement> | undefined;
+    onMouseDown?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onMouseDownCapture?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onMouseEnter?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onMouseMove?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onMouseMoveCapture?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOut?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOutCapture?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOver?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onMouseOverCapture?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onMouseUp?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onMouseUpCapture?: default_2.MouseEventHandler<HTMLElement> | undefined;
+    onSelect?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onSelectCapture?: default_2.ReactEventHandler<HTMLElement> | undefined;
+    onTouchCancel?: default_2.TouchEventHandler<HTMLElement> | undefined;
+    onTouchCancelCapture?: default_2.TouchEventHandler<HTMLElement> | undefined;
+    onTouchEnd?: default_2.TouchEventHandler<HTMLElement> | undefined;
+    onTouchEndCapture?: default_2.TouchEventHandler<HTMLElement> | undefined;
+    onTouchMove?: default_2.TouchEventHandler<HTMLElement> | undefined;
+    onTouchMoveCapture?: default_2.TouchEventHandler<HTMLElement> | undefined;
+    onTouchStart?: default_2.TouchEventHandler<HTMLElement> | undefined;
+    onTouchStartCapture?: default_2.TouchEventHandler<HTMLElement> | undefined;
+    onPointerDown?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerDownCapture?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerMove?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerMoveCapture?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerUp?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerUpCapture?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancel?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancelCapture?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerEnter?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerLeave?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOver?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOverCapture?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOut?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onPointerOutCapture?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCapture?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCaptureCapture?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCapture?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCaptureCapture?: default_2.PointerEventHandler<HTMLElement> | undefined;
+    onScroll?: default_2.UIEventHandler<HTMLElement> | undefined;
+    onScrollCapture?: default_2.UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: default_2.UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: default_2.UIEventHandler<HTMLElement> | undefined;
+    onWheel?: default_2.WheelEventHandler<HTMLElement> | undefined;
+    onWheelCapture?: default_2.WheelEventHandler<HTMLElement> | undefined;
+    onAnimationStart?: default_2.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationStartCapture?: default_2.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEnd?: default_2.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEndCapture?: default_2.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIteration?: default_2.AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIterationCapture?: default_2.AnimationEventHandler<HTMLElement> | undefined;
+    onToggle?: default_2.ToggleEventHandler<HTMLElement> | undefined;
+    onBeforeToggle?: default_2.ToggleEventHandler<HTMLElement> | undefined;
+    onTransitionCancel?: default_2.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionCancelCapture?: default_2.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEnd?: default_2.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEndCapture?: default_2.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRun?: default_2.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRunCapture?: default_2.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStart?: default_2.TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStartCapture?: default_2.TransitionEventHandler<HTMLElement> | undefined;
+}, Element>;
+
+declare interface ToggleNavigationButtonProps {
+    id?: string;
+    htmlTag?: keyof JSX.IntrinsicElements;
+    showText: string;
+    hideText: string;
+    buttonProps?: default_2.HTMLAttributes<HTMLElement>;
+    isOpen?: boolean;
+}
+
+export declare const useFieldRequirementIndicator: () => FieldRequirementIndicatorContextValue;
+
+export { UserIcon }
+
+export { userIcon }
+
+export { WarningIcon }
+
+export { warningIcon }
+
+export declare const WizardNavigation: ({ steps, activeStepId, direction, "aria-label": ariaLabelProp }: WizardNavigationProps) => JSX.Element;
+
+declare interface WizardNavigationProps {
+    steps: Record<StepKey, StepData>;
+    activeStepId: string | number;
+    direction?: "vertical" | "horizontal";
+    "aria-label"?: string;
+}
+
+export declare const WizardNavigationStep: ({ step, index, activeStepId, direction }: StepProps) => JSX.Element;
+
+export { XSymbolIcon }
+
+export { xSymbolIcon }
+
+export { }