@cupra/ui-react 2.0.0-canary.19 → 2.0.0-canary.190

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

@@ -1,7 +1,9 @@
-import { DsBulletsAttrs } from '@cupra/ui-kit/react/types/ds-bullets';
+import type { DsBulletsAttrs } from '@cupra/ui-kit/react/types/ds-bullets';
 import '@cupra/ui-kit/react/ds-bullets';
-import { type ReactElement } from 'react';
-export interface BulletsProps extends DsBulletsAttrs {
+import type { DsComponentProps } from '@core/types';
+export type BulletsProps = DsComponentProps<DsBulletsAttrs>;
+export declare const Bullets: import("react").ForwardRefExoticComponent<DsBulletsAttrs & {
     className?: string;
-}
-export declare const Bullets: ({ className, ...rest }: BulletsProps) => ReactElement;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {} & import("react").RefAttributes<HTMLElement>>;

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/CarouselIndicator/CarouselIndicator.d.ts

@@ -1,8 +1,5 @@
-import { DsCarouselIndicatorAttrs } from '@cupra/ui-kit/react/types/ds-carousel-indicator';
-import { type ReactElement } from 'react';
+import type { DsCarouselIndicatorAttrs } from '@cupra/ui-kit/react/types/ds-carousel-indicator';
 import '@cupra/ui-kit/react/ds-carousel-indicator';
-type CarouselIndicatorProps = DsCarouselIndicatorAttrs & {
-    className?: string;
-};
-export declare function CarouselIndicator(props: CarouselIndicatorProps): ReactElement;
-export {};
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type CarouselIndicatorProps = DsComponentProps<DsCarouselIndicatorAttrs>;
+export declare const CarouselIndicator: DsComponent<DsCarouselIndicatorAttrs>;

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

@@ -1,9 +1,15 @@
-import { type ReactElement } from 'react';
+import type { DsCheckboxAttrs } from '@cupra/ui-kit/react/types/ds-checkbox';
 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;
-}
-export declare function Checkbox({ onChange, children, ...rest }: CheckboxProps): ReactElement;
-export {};
+import type { DsComponentProps } from '@core/types';
+export type CheckboxProps = DsComponentProps<DsCheckboxAttrs, {
+    change: CustomEvent;
+}> & {
+    children: React.ReactNode;
+};
+export declare const Checkbox: import("react").ForwardRefExoticComponent<DsCheckboxAttrs & {
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {
+    onChange?: (event: CustomEvent<any>) => void;
+} & import("react").RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,9 @@
+import type { DsCheckboxGroupAttrs } from '@cupra/ui-kit/react/types/ds-checkbox-group';
+import '@cupra/ui-kit/react/ds-checkbox-group';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type CheckboxGroupProps = DsComponentProps<DsCheckboxGroupAttrs, {
+    change: CustomEvent;
+}>;
+export declare const CheckboxGroup: DsComponent<DsCheckboxGroupAttrs, {
+    change: CustomEvent;
+}>;

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

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

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 { DsCurrencyAttrs } from '@cupra/ui-kit/react/types/ds-currency';
 import '@cupra/ui-kit/react/ds-currency';
-import { DsCurrencyAttrs } from '@cupra/ui-kit/react/types/ds-currency';
-type CurrencyProps = DsCurrencyAttrs & {
+import type { DsComponentProps } from '@core/types';
+export type CurrencyProps = DsComponentProps<DsCurrencyAttrs>;
+export declare const Currency: import("react").ForwardRefExoticComponent<(DsCurrencyAttrs & {
     className?: string;
-};
-export declare function Currency(props: CurrencyProps): ReactElement;
-export {};
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+}) & {} & import("react").RefAttributes<HTMLElement>>;

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,5 @@
-import { DsDialogBodyAttrs } from '@cupra/ui-kit/react/types/ds-dialog-body';
-import { type ReactElement } from 'react';
+import type { DsDialogBodyAttrs } from '@cupra/ui-kit/react/types/ds-dialog-body';
 import '@cupra/ui-kit/react/ds-dialog-body';
-type DialogBodyProps = DsDialogBodyAttrs & {
-    className?: string;
-    children?: JSX.Element | JSX.Element[] | string;
-};
-export declare function DialogBody(props: DialogBodyProps): ReactElement;
-export {};
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type DialogBodyProps = DsComponentProps<DsDialogBodyAttrs>;
+export declare const DialogBody: DsComponent<DsDialogBodyAttrs>;

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

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

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,5 @@
-import { DsDialogHeaderAttrs } from '@cupra/ui-kit/react/types/ds-dialog-header';
-import { type ReactElement } from 'react';
+import type { DsDialogHeaderAttrs } from '@cupra/ui-kit/react/types/ds-dialog-header';
 import '@cupra/ui-kit/react/ds-dialog-header';
-type DialogHeaderProps = DsDialogHeaderAttrs & {
-    className?: string;
-    children?: JSX.Element | JSX.Element[] | string;
-};
-export declare function DialogHeader(props: DialogHeaderProps): ReactElement;
-export {};
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type DialogHeaderProps = DsComponentProps<DsDialogHeaderAttrs>;
+export declare const DialogHeader: DsComponent<DsDialogHeaderAttrs>;

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

@@ -1,7 +1,9 @@
-import { DsDividerAttrs } from '@cupra/ui-kit/react/types/ds-divider';
-import { type ReactElement } from 'react';
+import type { DsDividerAttrs } from '@cupra/ui-kit/react/types/ds-divider';
 import '@cupra/ui-kit/react/ds-divider';
-export interface DividerProps extends DsDividerAttrs {
+import type { DsComponentProps } from '@core/types';
+export type DividerProps = DsComponentProps<DsDividerAttrs>;
+export declare const Divider: import("react").ForwardRefExoticComponent<DsDividerAttrs & {
     className?: string;
-}
-export declare function Divider({ className, ...rest }: DividerProps): ReactElement;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {} & import("react").RefAttributes<HTMLElement>>;

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,13 @@
-import { type ReactElement } from 'react';
+import type { DsHyperlinkAttrs } from '@cupra/ui-kit/react/types/ds-hyperlink';
 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;
-    onClick?: (event: CustomEvent) => void;
-};
-export declare function Hyperlink({ children, onClick, ...rest }: HyperlinkProps): ReactElement;
+import type { DsComponentProps } from '@core/types';
+export type HyperlinkProps = DsComponentProps<DsHyperlinkAttrs, {
+    click: CustomEvent;
+}>;
+export declare const Hyperlink: import("react").ForwardRefExoticComponent<(DsHyperlinkAttrs & {
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+}) & {
+    onClick?: (event: CustomEvent<any>) => void;
+} & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,7 +1,9 @@
-import { DsIconAttrs } from '@cupra/ui-kit/react/types/ds-icon';
-import { type ReactElement } from 'react';
+import type { DsIconAttrs } from '@cupra/ui-kit/react/types/ds-icon';
 import '@cupra/ui-kit/react/ds-icon';
-export interface IconProps extends DsIconAttrs {
+import type { DsComponentProps } from '@core/types';
+export type IconProps = DsComponentProps<DsIconAttrs>;
+export declare const Icon: import("react").ForwardRefExoticComponent<DsIconAttrs & {
     className?: string;
-}
-export declare function Icon(props: IconProps): ReactElement;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {} & import("react").RefAttributes<HTMLElement>>;

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,9 +1,13 @@
-import { type ReactElement } from 'react';
+import type { DsLinkButtonAttrs } from '@cupra/ui-kit/react/types/ds-link-button';
 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;
-    onClick?: (event: CustomEvent) => void;
-};
-export declare function LinkButton({ children, onClick, ...rest }: LinkButtonProps): ReactElement;
-export {};
+import type { DsComponentProps } from '@core/types';
+export type LinkButtonProps = DsComponentProps<DsLinkButtonAttrs, {
+    click: CustomEvent;
+}>;
+export declare const LinkButton: import("react").ForwardRefExoticComponent<(DsLinkButtonAttrs & {
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+}) & {
+    onClick?: (event: CustomEvent<any>) => void;
+} & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,9 +1,9 @@
 import type { DsListAttrs } from '@cupra/ui-kit/react/types/ds-list';
-import { type ReactElement, ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-list';
-export interface ListProps extends Partial<DsListAttrs> {
+import type { DsComponentProps } from '@core/types';
+export type ListProps = DsComponentProps<DsListAttrs>;
+export declare const List: import("react").ForwardRefExoticComponent<DsListAttrs & {
     className?: string;
-    children?: ReactNode;
-    size?: 'small' | 'medium';
-}
-export declare function List({ className, children, ...rest }: ListProps): ReactElement;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {} & import("react").RefAttributes<HTMLElement>>;

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

@@ -4,5 +4,7 @@ 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, ...rest }: ListItemProps): ReactElement;
+export declare function ListItem({ className, children, selected, disabled, variant, ...rest }: ListItemProps): ReactElement;

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

@@ -1,8 +1,5 @@
-import { DsLogoAttrs } from '@cupra/ui-kit/react/types/ds-logo';
-import { type ReactElement } from 'react';
+import type { DsLogoAttrs } from '@cupra/ui-kit/react/types/ds-logo';
 import '@cupra/ui-kit/react/ds-logo';
-type LogoProps = DsLogoAttrs & {
-    className?: string;
-};
-export declare function Logo(props: LogoProps): ReactElement;
-export {};
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type LogoProps = DsComponentProps<DsLogoAttrs>;
+export declare const Logo: DsComponent<DsLogoAttrs>;

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/MapPin/MapPin.d.ts

@@ -1,8 +1,13 @@
-import { type ReactElement } from 'react';
+import type { DsMapPinAttrs } from '@cupra/ui-kit/react/types/ds-map-pin';
 import '@cupra/ui-kit/react/ds-map-pin';
-import { type DsMapPinAttrs } from '@cupra/ui-kit/react/types/ds-map-pin';
-type MapPinProps = DsMapPinAttrs & {
-    onChange?: (event: CustomEvent) => void;
-};
-export declare function MapPin({ onChange, ...rest }: MapPinProps): ReactElement;
-export {};
+import type { DsComponentProps } from '@core/types';
+export type MapPinProps = DsComponentProps<DsMapPinAttrs, {
+    change: CustomEvent;
+}>;
+export declare const MapPin: import("react").ForwardRefExoticComponent<DsMapPinAttrs & {
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {
+    onChange?: (event: CustomEvent<any>) => void;
+} & import("react").RefAttributes<HTMLElement>>;

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,5 @@
+import type { DsNavigationControlsAttrs } from '@cupra/ui-kit/react/types/ds-navigation-controls';
+import '@cupra/ui-kit/react/ds-navigation-controls';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type NavigationControlsProps = DsComponentProps<DsNavigationControlsAttrs>;
+export declare const NavigationControls: DsComponent<DsNavigationControlsAttrs>;

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 type { DsProgressBarAttrs } from '@cupra/ui-kit/react/types/ds-progress-bar';
+import '@cupra/ui-kit/react/ds-progress-bar';
+import type { DsComponentProps } from '@core/types';
+export type ProgressBarProps = DsComponentProps<DsProgressBarAttrs>;
+export declare const ProgressBar: import("react").ForwardRefExoticComponent<DsProgressBarAttrs & {
+    className?: string;
+    ref?: React.Ref<HTMLElement>;
+    children?: import("react").ReactNode;
+} & {} & import("react").RefAttributes<HTMLElement>>;

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,9 @@
 import type { DsRadioButtonAttrs } from '@cupra/ui-kit/react/types/ds-radio-button';
-import { type ReactElement } 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;
-};
-export declare function RadioButton(props: RadioButtonProps): ReactElement;
-export {};
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type RadioButtonProps = DsComponentProps<DsRadioButtonAttrs, {
+    change: CustomEvent;
+}>;
+export declare const RadioButton: DsComponent<DsRadioButtonAttrs, {
+    change: CustomEvent;
+}>;