@kvdbil/components 17.12.5 → 17.12.7

package/types/components/Icon/index.d.ts

@@ -9,5 +9,5 @@ export interface IconsProps {
     icons: IconModule[];
     size: string;
 }
-declare const Icons: ({ background, color, icons, size, }: IconsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Icons: ({ background, color, icons, size, }: IconsProps) => React.JSX.Element;
 export default Icons;

package/types/components/IconButton.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
 import { ColorShade, ColorWithNeutral } from '../Types';
-export declare const BackgroundStyles: import("styled-components").RuleSet<{
+export declare const BackgroundStyles: import("styled-components").RuleSet<NoInfer<{
     $color: ColorWithNeutral;
     $colorShade: ColorShade;
     isDisabled: boolean;
-}>;
+}>>;
 interface Props {
     color: ColorWithNeutral;
     colorShade?: ColorShade;
@@ -14,5 +15,5 @@ interface Props {
     noTabIndex?: boolean;
     onClick?(event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>): void;
 }
-declare const IconButton: ({ children, isActive, isDisabled, onClick, noTabIndex, color, colorShade, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const IconButton: ({ children, isActive, isDisabled, onClick, noTabIndex, color, colorShade, }: Props) => React.JSX.Element;
 export default IconButton;

package/types/components/Link/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { ColorShade, ColorWithNeutral, FontFamily, Size, TypographyType, Variant } from '../../Types';
 export type Path = `/${string}`;
 export type HttpUrl = `http://${string}`;
@@ -29,5 +29,5 @@ export type LinkProps = BaseLinkProps & ({
     path?: Path;
     url?: HttpUrl | HttpsUrl;
 };
-export declare const Link: ({ path, text, url, rel, ariaLabel, typographyType, target, isButton, buttonColor, buttonColorShade, buttonVariant, fullWidth, buttonSize, withUnderline, buttonPrefixIcon, children, fontFamily, isDisabled, }: LinkProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Link: ({ path, text, url, rel, ariaLabel, typographyType, target, isButton, buttonColor, buttonColorShade, buttonVariant, fullWidth, buttonSize, withUnderline, buttonPrefixIcon, children, fontFamily, isDisabled, }: LinkProps) => React.JSX.Element | null;
 export default Link;

package/types/components/ListItem/Bacon.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const Bacon: ({ color }: {
     color?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default Bacon;

package/types/components/ListItem/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReactNode, ComponentType } from 'react';
 export interface ListItemProps {
     title: string;
@@ -6,5 +7,5 @@ export interface ListItemProps {
     children?: ReactNode;
     component?: ComponentType | keyof JSX.IntrinsicElements;
 }
-declare const ListItem: ({ title, text, icon, component: Component, children, ...props }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListItem: ({ title, text, icon, component: Component, children, ...props }: ListItemProps) => React.JSX.Element;
 export default ListItem;

package/types/components/Logo/LogoEn.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const LogoEn: ({ color }: {
     color?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default LogoEn;

package/types/components/Logo/LogoSv.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const LogoSv: ({ color }: {
     color?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default LogoSv;

package/types/components/Logo/index.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { Locale } from '../../Types';
 export interface LogoProps {
     locale: Locale;
     width?: number;
     color?: string;
 }
-export declare const Logo: ({ locale, width, color }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Logo: ({ locale, width, color }: LogoProps) => React.JSX.Element;
 export default Logo;

package/types/components/MenuItem/index.d.ts

@@ -27,5 +27,5 @@ declare const fontSizes: {
     };
 };
 type Level = keyof typeof fontSizes;
-export declare const MenuItem: ({ preamble, title, level, component: Component, children, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ preamble, title, level, component: Component, children, ...props }: MenuItemProps) => React.JSX.Element;
 export default MenuItem;

package/types/components/Message/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 type MessageType = 'text' | 'info' | 'success' | 'warning' | 'error';
 export type Props = {
@@ -9,5 +10,5 @@ export type Props = {
     inverted?: boolean;
     textCenter?: boolean;
 } & ComponentPropsWithoutRef<'div'>;
-declare const Message: ({ children, type, withIcon, isDeletable, fullWidth, inverted, textCenter, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Message: ({ children, type, withIcon, isDeletable, fullWidth, inverted, textCenter, ...props }: Props) => React.JSX.Element;
 export default Message;

package/types/components/Modal/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { FocusTrapProps } from '../FocusTrap';
 export interface ModalProps {
     title?: string;
@@ -10,5 +10,5 @@ export interface ModalProps {
     withCloseIcon?: boolean;
     focusTrapProps?: Omit<FocusTrapProps, 'children' | 'pause'>;
 }
-export declare const Modal: ({ children, isOpen, contentStyles, withPortal, withCloseIcon, onClose, focusTrapProps, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ children, isOpen, contentStyles, withPortal, withCloseIcon, onClose, focusTrapProps, ...props }: ModalProps) => React.JSX.Element;
 export default Modal;

package/types/components/NotificationButton/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReactNode } from 'react';
 import { BadgeProps } from '../Badge';
 import { ButtonProps } from '../Button';
@@ -6,4 +7,4 @@ export interface NotificationButtonProps {
     badgeProps: BadgeProps;
     children: ReactNode;
 }
-export declare const NotificationButton: (props: NotificationButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationButton: (props: NotificationButtonProps) => React.JSX.Element;

package/types/components/OffCanvas/Overlay.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TransitionProps } from 'react-transition-group/Transition';
 interface Props {
     className?: string;
@@ -5,5 +6,5 @@ interface Props {
     onClick?: CallableFunction;
     transitionProps?: TransitionProps;
 }
-declare const Overlay: ({ className, isOpen, onClick, transitionProps, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Overlay: ({ className, isOpen, onClick, transitionProps, }: Props) => React.JSX.Element;
 export default Overlay;

package/types/components/OffCanvas/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReactNode } from 'react';
 import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { FocusTrapProps } from '../FocusTrap';
@@ -17,5 +18,5 @@ export interface OffCanvasProps {
     transitionProps?: TransitionProps;
     focusTrapProps?: Omit<FocusTrapProps, 'children' | 'pause'>;
 }
-export declare const OffCanvas: ({ animationName, animationDuration, backgroundColor, backgroundOverlay, children, from, isOpen, onClickOutside, width, withPortal, transitionProps, focusTrapProps, }: OffCanvasProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OffCanvas: ({ animationName, animationDuration, backgroundColor, backgroundOverlay, children, from, isOpen, onClickOutside, width, withPortal, transitionProps, focusTrapProps, }: OffCanvasProps) => React.JSX.Element;
 export default OffCanvas;

package/types/components/RadioButton/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { RadioButtonSize, Color, ColorShade } from '../../Types';
 type ComponentPropsWithoutSize = Omit<ComponentPropsWithoutRef<'input'>, 'size' | 'type'>;
 export interface RadioButtonProps extends ComponentPropsWithoutSize {
@@ -11,5 +11,5 @@ export interface RadioButtonProps extends ComponentPropsWithoutSize {
     label?: ReactNode;
     hasError?: boolean;
 }
-export declare const RadioButton: ({ name: nameProp, size, checked, isDisabled, color, colorShade, label, hasError, ...props }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButton: ({ name: nameProp, size, checked, isDisabled, color, colorShade, label, hasError, ...props }: RadioButtonProps) => React.JSX.Element;
 export default RadioButton;

package/types/components/RegistrationPlate/EuFlagIcon.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 interface IconProps extends React.SVGProps<SVGSVGElement> {
     color?: string;
 }
-export default function EuFlagIcon({ color, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default function EuFlagIcon({ color, ...rest }: IconProps): React.JSX.Element;
 export {};

package/types/components/RegistrationPlate/index.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export interface Props {
     regNumber: string;
 }
-declare const RegistrationPlate: ({ regNumber }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const RegistrationPlate: ({ regNumber }: Props) => React.JSX.Element;
 export default RegistrationPlate;

package/types/components/Select/components/test-icon.d.ts

@@ -1 +1,2 @@
-export declare const TestIcon: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const TestIcon: () => React.JSX.Element;

package/types/components/Select/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReactNode, RefObject } from 'react';
 import { ActionMeta, GroupBase, Props, SelectInstance, DropdownIndicatorProps as SelectDropdownIndicatorProps, OnChangeValue } from 'react-select';
 import { Color, ColorShade } from '../../Types';
@@ -49,5 +50,5 @@ export interface SelectProps<Option = OptionType, IsMulti extends boolean = fals
  *  );
  * };
  */
-export declare function Select<Option = OptionType, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ className, color, colorShade, forwardRef, hasError, height, helperText, isDisabled, onBlur, onFocus, onInputChange, placeholder, name, ...props }: SelectProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+export declare function Select<Option = OptionType, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ className, color, colorShade, forwardRef, hasError, height, helperText, isDisabled, onBlur, onFocus, onInputChange, placeholder, name, ...props }: SelectProps<Option, IsMulti, Group>): React.JSX.Element;
 export default Select;

package/types/components/Snackbar/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ComponentPropsWithoutRef, ReactElement } from 'react';
 import { ColorWithNone, Notification, Origin } from '../../Types';
 export type SnackbarProps = {
@@ -11,5 +12,5 @@ export type SnackbarProps = {
     autoHideDuration?: number;
     origin?: Partial<Origin>;
 } & ComponentPropsWithoutRef<'div'>;
-export declare const Snackbar: ({ message, color, type, action, isOpen, origin, onClose, onExited, autoHideDuration, ...props }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Snackbar: ({ message, color, type, action, isOpen, origin, onClose, onExited, autoHideDuration, ...props }: SnackbarProps) => React.JSX.Element;
 export default Snackbar;

package/types/components/Spacer/index.d.ts

@@ -3,5 +3,5 @@ export interface SpacerProps {
     hideOnMobile?: boolean;
     hideOnDesktop?: boolean;
 }
-declare const Spacer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SpacerProps>> & string;
+declare const Spacer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof SpacerProps> & SpacerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof SpacerProps> & SpacerProps, never>>> & string;
 export default Spacer;

package/types/components/Spinner/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 import { ColorWithNeutral, SpinnerSize, Speed } from '../../Types';
 interface SpinnerBaseProps {
@@ -10,5 +11,5 @@ export type SpinnerProps = Partial<SpinnerBaseProps> & ComponentPropsWithoutRef<
     ariaLabel?: string;
     useAria?: boolean;
 };
-declare const Spinner: ({ size, color, speed, customColor, ariaLabel, useAria, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Spinner: ({ size, color, speed, customColor, ariaLabel, useAria, ...props }: SpinnerProps) => React.JSX.Element;
 export default Spinner;

package/types/components/SpinnerThin/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface SpinnerThinProps {
     size?: number;
     isDone?: boolean;
@@ -10,5 +11,5 @@ export interface SpinnerThinProps {
         isLoading?: string;
     };
 }
-export declare const SpinnerThin: ({ isLoading, isDone, isError, size, ariaLabels, ...rest }: SpinnerThinProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SpinnerThin: ({ isLoading, isDone, isError, size, ariaLabels, ...rest }: SpinnerThinProps) => React.JSX.Element;
 export default SpinnerThin;

package/types/components/Stack/index.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { Props as FlexProps } from '../Flex';
 export type StackProps = Omit<FlexProps, 'gap'> & {
     spacing?: FlexProps['gap'];
 };
-declare const Stack: ({ ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;
+declare const Stack: ({ ...props }: StackProps) => React.JSX.Element;
 export default Stack;

package/types/components/Stamp/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Color, ColorShade, Locale, StampType, Variant } from '../../Types';
 export interface Props {
     color: Color;
@@ -7,5 +8,5 @@ export interface Props {
     type: StampType;
     size?: number;
 }
-declare const Stamp: ({ color, appearance, locale, type, size, colorShade, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Stamp: ({ color, appearance, locale, type, size, colorShade, }: Props) => React.JSX.Element;
 export default Stamp;

package/types/components/Stepper/index.d.ts

@@ -16,4 +16,4 @@ export interface StepperProps extends ComponentPropsWithoutRef<'div'> {
         stepDone?: string;
     };
 }
-export declare const Stepper: ({ children, orientation, variant, color, colorShade, size, activeStep, ariaLabels, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: ({ children, orientation, variant, color, colorShade, size, activeStep, ariaLabels, ...props }: StepperProps) => import("react").JSX.Element;

package/types/components/StepperAccordion/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, ReactNode, RefObject } from 'react';
+import React, { ComponentProps, ReactNode, RefObject } from 'react';
 import { Color, ColorShade } from '../../Types';
 export interface StepperAccordionProps extends ComponentProps<'div'> {
     step: number;
@@ -11,5 +11,5 @@ export interface StepperAccordionProps extends ComponentProps<'div'> {
     closedChildren?: ReactNode;
     ref?: RefObject<HTMLDivElement>;
 }
-export declare const StepperAccordion: ({ step, isExpanded: isExpandedInitially, isDisabled, isComplete, onClick: onClickProp, color, colorShade, title, children, closedChildren, ...restProps }: StepperAccordionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepperAccordion: ({ step, isExpanded: isExpandedInitially, isDisabled, isComplete, onClick: onClickProp, color, colorShade, title, children, closedChildren, ...restProps }: StepperAccordionProps) => React.JSX.Element;
 export default StepperAccordion;

package/types/components/Switcher/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Color, ColorShade } from '../../Types';
 export interface Props {
     selected?: boolean;
@@ -7,5 +8,5 @@ export interface Props {
     colorShade?: ColorShade;
     ariaLabel?: string;
 }
-export declare const Switcher: ({ selected, disabled, onToggle, color, colorShade, ariaLabel, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Switcher: ({ selected, disabled, onToggle, color, colorShade, ariaLabel, ...props }: Props) => React.JSX.Element;
 export default Switcher;

package/types/components/Table/index.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 type Column = string;
 export interface TableProps {
     columns?: Column[];
     data?: Record<Column, string>[];
     ariaLabel?: string;
 }
-declare const Table: ({ columns, data, ariaLabel }: TableProps) => import("react/jsx-runtime").JSX.Element;
+declare const Table: ({ columns, data, ariaLabel }: TableProps) => React.JSX.Element;
 export default Table;

package/types/components/Tabs/Tabs.d.ts

@@ -18,5 +18,5 @@ export interface TabsProps {
     borderColor?: keyof typeof theme.colors.grayscaleToned;
     headline?: string;
 }
-export declare const Tabs: ({ activeColor, activeColorShade, justify, activeIndex, initalActive, children, kbNavAutoOpen, onTabClick, fullWidthBorder, borderColor, headline, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ activeColor, activeColorShade, justify, activeIndex, initalActive, children, kbNavAutoOpen, onTabClick, fullWidthBorder, borderColor, headline, }: TabsProps) => React.JSX.Element;
 export default Tabs;

package/types/components/TextArea/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 import { ReactNode, RefObject } from 'react';
 export interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'> {
     name?: string;
@@ -14,5 +14,5 @@ export interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'> {
     forwardRef?: RefObject<HTMLInputElement>;
 }
 /** The main text field used */
-export declare const TextArea: ({ placeholder, isDisabled, centered, hasError, className, helperText, label, resize, name: nameProp, errors, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextArea: ({ placeholder, isDisabled, centered, hasError, className, helperText, label, resize, name: nameProp, errors, ...props }: TextAreaProps) => React.JSX.Element;
 export default TextArea;

package/types/components/Textfield/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ComponentPropsWithoutRef, ReactNode, RefObject } from 'react';
 export interface TextFieldProps extends ComponentPropsWithoutRef<'input'> {
     label?: string;
@@ -11,5 +12,5 @@ export interface TextFieldProps extends ComponentPropsWithoutRef<'input'> {
     isAutoFocused?: boolean;
 }
 /** The main text field used */
-export declare const TextField: ({ placeholder, isDisabled, centered, hasError, className, helperText, label, onBlur, onFocus, forwardRef, suffix, name: nameProp, errors, isAutoFocused, ...props }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextField: ({ placeholder, isDisabled, centered, hasError, className, helperText, label, onBlur, onFocus, forwardRef, suffix, name: nameProp, errors, isAutoFocused, ...props }: TextFieldProps) => React.JSX.Element;
 export default TextField;

package/types/components/TimePicker/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReactNode } from 'react';
 import { ChipColor } from '../Chip';
 export interface TimeSlotProps {
@@ -14,5 +15,5 @@ export interface TimePickerProps {
     onTimeSlotClick: (date: Date) => void;
     color?: ChipColor;
 }
-export declare const TimePicker: ({ timeSlots, onTimeSlotClick, selectedTimes, disabledTimes, ...props }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimePicker: ({ timeSlots, onTimeSlotClick, selectedTimes, disabledTimes, ...props }: TimePickerProps) => React.JSX.Element;
 export default TimePicker;

package/types/components/Toggle/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReactNode } from 'react';
 import { Color, ColorShade } from '../../Types';
 type LeftOrRight = 'LEFT' | 'RIGHT';
@@ -10,5 +11,5 @@ export interface ToggleProps {
     onChange(value: LeftOrRight): void;
     ariaLabel?: string;
 }
-export declare const Toggle: ({ onChange, color, colorShade, ariaLabel, ...props }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toggle: ({ onChange, color, colorShade, ariaLabel, ...props }: ToggleProps) => React.JSX.Element;
 export {};

package/types/components/ValuationRange/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Color, ColorShade } from '../../Types';
 export interface Props {
     intervalMin?: number;
@@ -14,5 +15,5 @@ export interface Props {
         price?: string;
     };
 }
-declare const ValuationRange: ({ intervalMin, intervalMax, value, color, colorShade, noApproximateSymbol, isDisabled, manualValuationText, ariaLabels, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const ValuationRange: ({ intervalMin, intervalMax, value, color, colorShade, noApproximateSymbol, isDisabled, manualValuationText, ariaLabels, }: Props) => React.JSX.Element;
 export default ValuationRange;

package/types/icons/components/AddIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function AddIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function AddIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default AddIcon;

package/types/icons/components/AlertIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function AlertIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function AlertIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default AlertIcon;

package/types/icons/components/ArrowDownIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function ArrowDownIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function ArrowDownIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default ArrowDownIcon;

package/types/icons/components/ArrowLeftIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function ArrowLeftIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function ArrowLeftIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default ArrowLeftIcon;

package/types/icons/components/ArrowRightIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function ArrowRightIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function ArrowRightIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default ArrowRightIcon;

package/types/icons/components/ArrowUpIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function ArrowUpIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function ArrowUpIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default ArrowUpIcon;

package/types/icons/components/AtvIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function AtvIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function AtvIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default AtvIcon;

package/types/icons/components/AuctionIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function AuctionIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function AuctionIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default AuctionIcon;

package/types/icons/components/BackIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function BackIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function BackIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default BackIcon;

package/types/icons/components/BackToTopIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function BackToTopIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function BackToTopIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default BackToTopIcon;

package/types/icons/components/BankidIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function BankidIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function BankidIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default BankidIcon;

package/types/icons/components/BatteryIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function BatteryIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function BatteryIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default BatteryIcon;

package/types/icons/components/BidIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function BidIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function BidIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default BidIcon;

package/types/icons/components/BodyIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function BodyIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function BodyIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default BodyIcon;

package/types/icons/components/BreaksIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function BreaksIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function BreaksIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default BreaksIcon;

package/types/icons/components/CabIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function CabIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function CabIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default CabIcon;

package/types/icons/components/CalendarIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function CalendarIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function CalendarIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default CalendarIcon;

package/types/icons/components/CameraIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function CameraIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function CameraIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default CameraIcon;

package/types/icons/components/CamperIcon.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 interface SVGRProps {
     title?: string;
     titleId?: string;
 }
-declare function CamperIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): import("react/jsx-runtime").JSX.Element;
+declare function CamperIcon({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps): React.JSX.Element;
 export default CamperIcon;