@cupra/ui-react 2.0.0-canary.18 → 2.0.0-canary.180

package/dist/types/components/BasicCard/BasicCard.d.ts

@@ -1,19 +1,17 @@
 import type { DsBasicCardAttrs } from '@cupra/ui-kit/react/types/ds-basic-card';
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-basic-card';
-type Children = JSX.Element | JSX.Element[] | string;
 export interface BasicCardProps extends DsBasicCardAttrs {
     className?: string;
-    children: Children;
+    children: ReactNode;
     onClick?: (event: CustomEvent) => void;
 }
 export declare function BasicCard(props: BasicCardProps): ReactElement;
 export declare namespace BasicCard {
     var FeaturedText: {
         ({ children }: {
-            children: Children;
+            children: ReactNode;
         }): ReactElement;
         displayName: string;
     };
 }
-export {};

package/dist/types/components/BasicCardHeader/BasicCardHeader.d.ts

@@ -1,36 +1,34 @@
 import type { DsBasicCardHeaderAttrs } from '@cupra/ui-kit/react/types/ds-basic-card-header';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-basic-card-header';
-import { type ReactElement } from 'react';
-type Children = JSX.Element | JSX.Element[] | string;
 export interface BasicCardHeaderProps extends DsBasicCardHeaderAttrs {
     className?: string;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
 }
 export declare function BasicCardHeader(props: BasicCardHeaderProps): ReactElement;
 export declare namespace BasicCardHeader {
     var Title: {
         ({ children }: {
-            children: Children;
+            children: ReactNode;
         }): ReactElement;
         displayName: string;
     };
     var Description: {
         ({ children }: {
-            children: Children;
+            children: ReactNode;
         }): ReactElement;
         displayName: string;
     };
     var Meta: {
         ({ children }: {
-            children: Children;
+            children: ReactNode;
         }): ReactElement;
         displayName: string;
     };
     var SubHeader: {
         ({ children }: {
-            children: Children;
+            children: ReactNode;
         }): ReactElement;
         displayName: string;
     };
 }
-export {};

package/dist/types/components/BasicCardImage/BasicCardImage.d.ts

@@ -1,8 +1,8 @@
 import type { DsBasicCardImageAttrs } from '@cupra/ui-kit/react/types/ds-basic-card-image';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-basic-card-image';
-import { type ReactElement } from 'react';
 export interface BasicCardImageProps extends DsBasicCardImageAttrs {
     className?: string;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
 }
 export declare function BasicCardImage(props: BasicCardImageProps): ReactElement;

package/dist/types/components/BasicCardSection/BasicCardSection.d.ts

@@ -1,8 +1,8 @@
 import type { DsBasicCardSectionAttrs } from '@cupra/ui-kit/react/types/ds-basic-card-section';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-basic-card-section';
-import { type ReactElement } from 'react';
 export interface BasicCardSectionProps extends DsBasicCardSectionAttrs {
     className?: string;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
 }
 export declare function BasicCardSection(props: BasicCardSectionProps): ReactElement;

package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,8 @@
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-breadcrumbs';
+import type { DsBreadcrumbsAttrs } from '@cupra/ui-kit/react/types/ds-breadcrumbs';
+export type BreadcrumbsProps = DsBreadcrumbsAttrs & {
+    className?: string;
+    children: ReactNode;
+};
+export declare const Breadcrumbs: (props: BreadcrumbsProps) => ReactElement;

package/dist/types/components/BreadcrumbsItem/BreadcrumbsItem.d.ts

@@ -0,0 +1,16 @@
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-breadcrumbs-item';
+import type { DsBreadcrumbsItemAttrs } from '@cupra/ui-kit/react/types/ds-breadcrumbs-item';
+export type BreadcrumbsItemProps = DsBreadcrumbsItemAttrs & {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const BreadcrumbsItem: {
+    (props: BreadcrumbsItemProps): ReactElement;
+    Item: {
+        ({ children }: {
+            children: ReactNode;
+        }): ReactElement;
+        displayName: string;
+    };
+};

package/dist/types/components/Bullets/Bullets.d.ts

@@ -1,6 +1,6 @@
 import { DsBulletsAttrs } from '@cupra/ui-kit/react/types/ds-bullets';
-import '@cupra/ui-kit/react/ds-bullets';
 import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-bullets';
 export interface BulletsProps extends DsBulletsAttrs {
     className?: string;
 }

package/dist/types/components/Button/Button.d.ts

@@ -1,9 +1,9 @@
-import type { ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-button';
 import type { DsButtonAttrs } from '@cupra/ui-kit/react/types/ds-button';
 type ButtonProps = DsButtonAttrs & {
     className?: string;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
     onClick?: (event: CustomEvent) => void;
 };
 export declare function Button(props: ButtonProps): ReactElement;

package/dist/types/components/Calendar/Calendar.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-calendar';
+import { DsCalendarAttrs } from '@cupra/ui-kit/react/types/ds-calendar';
+type CalendarProps = {
+    className?: string;
+    onChange?: (event: CustomEvent<{
+        value: string;
+        date: Date;
+    }>) => void;
+} & DsCalendarAttrs;
+export declare function Calendar({ className, onChange, ...rest }: CalendarProps): ReactElement;
+export {};

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -1,9 +1,9 @@
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-checkbox';
 import { DsCheckboxAttrs } from '@cupra/ui-kit/react/types/ds-checkbox';
 interface CheckboxProps extends DsCheckboxAttrs {
     onChange?: (event: CustomEvent) => void;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
 }
 export declare function Checkbox({ onChange, children, ...rest }: CheckboxProps): ReactElement;
 export {};

package/dist/types/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,16 @@
+import type { DsCheckboxGroupAttrs } from '@cupra/ui-kit/react/types/ds-checkbox-group';
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-checkbox-group';
+export type CheckboxGroupProps = DsCheckboxGroupAttrs & {
+    onChange?: (event: CustomEvent) => void;
+    className?: string;
+    children?: ReactNode;
+};
+/**
+ * CheckboxGroup
+ * Wraps the ds-checkbox-group web component. Slots:
+ * - slot="title" for the group title
+ * - slot="description" for the group description
+ * Children: one or more <Checkbox> (or ds-checkbox) elements.
+ */
+export declare function CheckboxGroup(props: CheckboxGroupProps): ReactElement;

package/dist/types/components/Chip/Chip.d.ts

@@ -1,9 +1,9 @@
 import { DsChipAttrs } from '@cupra/ui-kit/react/types/ds-chip';
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-chip';
 type ChipProps = DsChipAttrs & {
     className?: string;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
 };
 export declare function Chip(props: ChipProps): ReactElement;
 export {};

package/dist/types/components/Chips/Chips.d.ts

@@ -1,9 +1,9 @@
 import { type DsChipsAttrs } from '@cupra/ui-kit/react/types/ds-chips';
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-chips';
 type ChipsProps = DsChipsAttrs & {
     className?: string;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
     onChange?: (event: CustomEvent) => void;
 };
 export declare function Chips(props: ChipsProps): ReactElement;

package/dist/types/components/Currency/Currency.d.ts

@@ -1,8 +1,9 @@
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-currency';
 import { DsCurrencyAttrs } from '@cupra/ui-kit/react/types/ds-currency';
-type CurrencyProps = DsCurrencyAttrs & {
+type CurrencyProps = {
     className?: string;
-};
+    children?: ReactNode;
+} & DsCurrencyAttrs;
 export declare function Currency(props: CurrencyProps): ReactElement;
 export {};

package/dist/types/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,16 @@
+import { DsDatePickerAttrs } from '@cupra/ui-kit/react/types/ds-date-picker';
+import React, { ChangeEvent, type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-date-picker';
+type DatePickerProps = {
+    className?: string;
+    children?: React.ReactNode;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    inputId: string;
+    value?: string;
+    label: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+} & DsDatePickerAttrs;
+export declare function DatePicker(props: DatePickerProps): ReactElement;
+export {};

package/dist/types/components/Dialog/Dialog.d.ts

@@ -4,7 +4,7 @@ import '@cupra/ui-kit/react/ds-dialog';
 type DialogProps = DsDialogAttrs & {
     className?: string;
     withPortal?: boolean;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
     onClose?: (event: CustomEvent) => void;
 };
 export declare function Dialog(props: DialogProps): ReactNode;

package/dist/types/components/DialogBody/DialogBody.d.ts

@@ -1,9 +1,9 @@
 import { DsDialogBodyAttrs } from '@cupra/ui-kit/react/types/ds-dialog-body';
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-dialog-body';
 type DialogBodyProps = DsDialogBodyAttrs & {
     className?: string;
-    children?: JSX.Element | JSX.Element[] | string;
+    children?: ReactNode;
 };
 export declare function DialogBody(props: DialogBodyProps): ReactElement;
 export {};

package/dist/types/components/DialogFooter/DialogFooter.d.ts

@@ -1,9 +1,9 @@
 import { DsDialogFooterAttrs } from '@cupra/ui-kit/react/types/ds-dialog-footer';
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-dialog-footer';
 type DialogFooterProps = DsDialogFooterAttrs & {
     className?: string;
-    children?: JSX.Element | JSX.Element[] | string;
+    children?: ReactNode;
 };
 export declare function DialogFooter(props: DialogFooterProps): ReactElement;
 export {};

package/dist/types/components/DialogFullscreen/DialogFullscreen.d.ts

@@ -4,7 +4,7 @@ import '@cupra/ui-kit/react/ds-dialog-fullscreen';
 type DialogFullscreenProps = DsDialogFullscreenAttrs & {
     className?: string;
     withPortal?: boolean;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
     onClose?: (event: CustomEvent) => void;
 };
 export declare function DialogFullscreen(props: DialogFullscreenProps): ReactNode;

package/dist/types/components/DialogHeader/DialogHeader.d.ts

@@ -1,9 +1,9 @@
 import { DsDialogHeaderAttrs } from '@cupra/ui-kit/react/types/ds-dialog-header';
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-dialog-header';
 type DialogHeaderProps = DsDialogHeaderAttrs & {
     className?: string;
-    children?: JSX.Element | JSX.Element[] | string;
+    children?: ReactNode;
 };
 export declare function DialogHeader(props: DialogHeaderProps): ReactElement;
 export {};

package/dist/types/components/Drawer/Drawer.d.ts

@@ -1,9 +1,9 @@
 import { DsDrawerAttrs } from '@cupra/ui-kit/react/types/ds-drawer';
-import { HTMLAttributes, type ReactElement, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode, type ReactElement } from 'react';
 import '@cupra/ui-kit/react/ds-drawer';
 type DrawerProps = DsDrawerAttrs & {
     className?: string;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
     onClose?: (event: CustomEvent) => void;
 };
 export declare function Drawer(props: DrawerProps): ReactElement;
@@ -11,19 +11,19 @@ export declare namespace Drawer {
     var Header: {
         ({ children, ...props }: {
             children?: ReactNode;
-        } & HTMLAttributes<HTMLDivElement>): JSX.Element;
+        } & HTMLAttributes<HTMLDivElement>): ReactElement;
         displayName: string;
     };
     var Content: {
         ({ children, ...props }: {
             children?: ReactNode;
-        } & HTMLAttributes<HTMLDivElement>): JSX.Element;
+        } & HTMLAttributes<HTMLDivElement>): ReactElement;
         displayName: string;
     };
     var Footer: {
         ({ children, ...props }: {
             children?: ReactNode;
-        } & HTMLAttributes<HTMLDivElement>): JSX.Element;
+        } & HTMLAttributes<HTMLDivElement>): ReactElement;
         displayName: string;
     };
 }

package/dist/types/components/FavouriteAction/FavouriteAction.d.ts

@@ -0,0 +1,10 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-favourite-action';
+import { type DsFavouriteActionAttrs } from '@cupra/ui-kit/react/types/ds-favourite-action';
+export type FavouriteActionProps = {
+    className?: string;
+    initialSelected?: boolean;
+    onChange?: (selected: boolean) => void;
+    onClick?: () => void;
+} & Omit<DsFavouriteActionAttrs, 'initial-selected' | 'selected'>;
+export declare function FavouriteAction({ className, initialSelected, onChange, onClick, ...rest }: FavouriteActionProps): ReactElement;

package/dist/types/components/Hyperlink/Hyperlink.d.ts

@@ -1,8 +1,8 @@
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-hyperlink';
 import { DsHyperlinkAttrs } from '@cupra/ui-kit/react/types/ds-hyperlink';
 export type HyperlinkProps = DsHyperlinkAttrs & {
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
     onClick?: (event: CustomEvent) => void;
 };
 export declare function Hyperlink({ children, onClick, ...rest }: HyperlinkProps): ReactElement;

package/dist/types/components/IconButtonGroup/IconButtonGroup.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-icon-button-group';
+import type { DsIconButtonGroupAttrs } from '@cupra/ui-kit/react/types/ds-icon-button-group';
+type IconButtonGroupProps = DsIconButtonGroupAttrs & {
+    className?: string;
+    children: ReactNode;
+};
+export declare function IconButtonGroup(props: IconButtonGroupProps): ReactElement;
+export {};

package/dist/types/components/InlineAlert/InlineAlert.d.ts

@@ -0,0 +1,9 @@
+import { DsInlineAlertAttrs } from '@cupra/ui-kit/react/types/ds-inline-alert';
+import { type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-inline-alert';
+export type InlineAlertProps = DsInlineAlertAttrs & {
+    className?: string;
+    children?: ReactNode;
+    onClose?: (event: CustomEvent) => void;
+};
+export declare function InlineAlert(props: InlineAlertProps): ReactNode;

package/dist/types/components/InteractiveCard/InteractiveCard.d.ts

@@ -1,53 +1,52 @@
-import type { ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-interactive-card';
 import type { DsInteractiveCardAttrs } from '@cupra/ui-kit/react/types/ds-interactive-card';
-type Children = JSX.Element | JSX.Element[] | string;
 type InteractiveCardProps = DsInteractiveCardAttrs & {
     className?: string;
-    children?: Children;
+    children?: ReactNode;
     onClick?: (event: CustomEvent) => void;
 };
 export declare function InteractiveCard(props: InteractiveCardProps): ReactElement;
 export declare namespace InteractiveCard {
     var Title: {
         ({ children }: {
-            children: Children;
+            children: ReactNode;
         }): ReactElement;
         displayName: string;
     };
     var Subtitle: {
         ({ children }: {
-            children: Children;
+            children: ReactNode;
         }): ReactElement;
         displayName: string;
     };
     var Meta: {
         ({ children }: {
-            children: Children;
+            children: ReactNode;
         }): ReactElement;
         displayName: string;
     };
     var Content: {
         ({ children }: {
-            children: Children;
+            children: ReactNode;
         }): ReactElement;
         displayName: string;
     };
     var Cta: {
         ({ children }: {
-            children: Children;
+            children: ReactNode;
         }): ReactElement;
         displayName: string;
     };
     var ErrorTitle: {
         ({ children }: {
-            children: Children;
+            children: ReactNode;
         }): ReactElement;
         displayName: string;
     };
     var ErrorText: {
         ({ children }: {
-            children: Children;
+            children: ReactNode;
         }): ReactElement;
         displayName: string;
     };

package/dist/types/components/LinkButton/LinkButton.d.ts

@@ -1,8 +1,8 @@
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-link-button';
 import { DsLinkButtonAttrs } from '@cupra/ui-kit/react/types/ds-link-button';
 type LinkButtonProps = DsLinkButtonAttrs & {
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
     onClick?: (event: CustomEvent) => void;
 };
 export declare function LinkButton({ children, onClick, ...rest }: LinkButtonProps): ReactElement;

package/dist/types/components/List/List.d.ts

@@ -0,0 +1,9 @@
+import type { DsListAttrs } from '@cupra/ui-kit/react/types/ds-list';
+import { ReactNode, type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-list';
+export interface ListProps extends Partial<DsListAttrs> {
+    className?: string;
+    children?: ReactNode;
+    size?: 'medium' | 'large';
+}
+export declare function List({ className, children, ...rest }: ListProps): ReactElement;

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

@@ -0,0 +1,10 @@
+import type { DsListItemAttrs } from '@cupra/ui-kit/react/types/ds-list-item';
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-list-item';
+export interface ListItemProps extends DsListItemAttrs {
+    className?: string;
+    children?: ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+}
+export declare function ListItem({ className, children, selected, disabled, variant, ...rest }: ListItemProps): ReactElement;

package/dist/types/components/MainTitle/MainTitle.d.ts

@@ -12,6 +12,6 @@ type MainTitleProps = DsMainTitleAttrs & {
 export declare function MainTitle(props: MainTitleProps): ReactElement;
 export declare namespace MainTitle {
     var Title: (props: MainTitleSubProps) => ReactElement;
-    var Description: (props: MainTitleSubProps) => ReactElement;
+    var Subtitle: (props: MainTitleSubProps) => ReactElement;
 }
 export {};

package/dist/types/components/MediaControl/MediaControl.d.ts

@@ -1,4 +1,4 @@
-import type { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import '@cupra/ui-kit/react/ds-media-control';
 import type { DsMediaControlAttrs } from '@cupra/ui-kit/react/types/ds-media-control';
 type MediaControlProps = DsMediaControlAttrs & {

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

@@ -1,9 +1,9 @@
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-modal';
 import { DsModalAttrs } from '@cupra/ui-kit/react/types/ds-modal';
-type Children = JSX.Element | JSX.Element[] | string;
+import './styles.css';
 interface ModalProps extends DsModalAttrs {
-    children: Children;
+    children: ReactNode;
     withPortal?: boolean;
     className?: string;
     onClickCloseButton?: (event: CustomEvent) => void;
@@ -13,14 +13,14 @@ interface ModalProps extends DsModalAttrs {
 export declare function Modal(props: Readonly<ModalProps>): ReactElement | null;
 export declare namespace Modal {
     var Title: ({ children }: {
-        children: Children;
+        children: ReactNode;
     }) => ReactElement;
     var Content: ({ className, children }: {
         className?: string;
-        children: Children;
+        children: ReactNode;
     }) => ReactElement;
     var FullScreenContent: ({ children }: {
-        children: Children;
+        children: ReactNode;
     }) => ReactElement;
 }
 export {};

package/dist/types/components/NavigationControls/NavigationControls.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-navigation-controls';
+import type { DsNavigationControlsAttrs } from '@cupra/ui-kit/react/types/ds-navigation-controls';
+type NavigationControlsProps = DsNavigationControlsAttrs & {
+    className?: string;
+    children: ReactNode;
+};
+export declare function NavigationControls(props: NavigationControlsProps): ReactElement;
+export {};

package/dist/types/components/PickerItem/PickerItem.d.ts

@@ -1,9 +1,9 @@
-import type { ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-picker-item';
 import type { DsPickerItemAttrs } from '@cupra/ui-kit/react/types/ds-picker-item';
 type PickerItemProps = DsPickerItemAttrs & {
     className?: string;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
     onClick?: (event: CustomEvent) => void;
 };
 export declare function PickerItem(props: PickerItemProps): ReactElement;

package/dist/types/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-progress-bar';
+import type { DsProgressBarAttrs } from '@cupra/ui-kit/react/types/ds-progress-bar';
+type ProgressBarProps = {
+    className?: string;
+    children?: React.ReactNode;
+} & DsProgressBarAttrs;
+export declare function ProgressBar(props: ProgressBarProps): ReactElement;
+export {};

package/dist/types/components/Radio/Radio.d.ts

@@ -1,15 +1,14 @@
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-radio';
 import { DsRadioAttrs } from '@cupra/ui-kit/react/types/ds-radio';
 import { DsRadioGroupAttrs } from '@cupra/ui-kit/react/types/ds-radio-group';
-type Children = JSX.Element | JSX.Element[] | string;
 interface RadioGroupProps extends DsRadioGroupAttrs {
-    children: Children;
+    children: ReactNode;
     onChange?: (event: CustomEvent) => void;
     className?: string;
 }
 interface RadioProps extends DsRadioAttrs {
-    children?: Children;
+    children?: ReactNode;
 }
 export declare const Radio: {
     Group: ({ children, onChange, className, ...restProps }: RadioGroupProps) => ReactElement;

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

@@ -1,10 +1,10 @@
 import type { DsRadioButtonAttrs } from '@cupra/ui-kit/react/types/ds-radio-button';
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-radio-button';
 type RadioButtonProps = DsRadioButtonAttrs & {
     onChange?: (event: CustomEvent) => void;
     className?: string;
-    children: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
 };
 export declare function RadioButton(props: RadioButtonProps): ReactElement;
 export {};

package/dist/types/components/Rating/Rating.d.ts

@@ -1,4 +1,4 @@
-import type { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import '@cupra/ui-kit/react/ds-rating';
 import type { DsRatingAttrs } from '@cupra/ui-kit/react/types/ds-rating';
 type RatingProps = DsRatingAttrs & {

package/dist/types/components/Search/Search.d.ts

@@ -1,9 +1,9 @@
 import { DsSearchAttrs } from '@cupra/ui-kit/react/types/ds-search';
-import { type ChangeEvent } from 'react';
+import React, { type ChangeEvent } from 'react';
 import '@cupra/ui-kit/react/ds-search';
 type SearchProps = DsSearchAttrs & {
     className?: string;
     onInput?: (event: ChangeEvent<HTMLInputElement>) => void;
 };
-export declare const Search: import("react").ForwardRefExoticComponent<Omit<SearchProps, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Search: React.ForwardRefExoticComponent<Omit<SearchProps, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/dist/types/components/SearchInput/SearchInput.d.ts

@@ -1,5 +1,5 @@
 import { DsSearchInputAttrs } from '@cupra/ui-kit/react/types/ds-search-input';
-import { type ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 import '@cupra/ui-kit/react/ds-search-input';
 type SearchInputProps = DsSearchInputAttrs & {
     className?: string;