@cupra/ui-react 2.0.0-canary.2 → 2.0.0-canary.200

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

@@ -0,0 +1,5 @@
+import type { DsBasicCardImageAttrs } from '@cupra/ui-kit/react/types/ds-basic-card-image';
+import '@cupra/ui-kit/react/ds-basic-card-image';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type BasicCardImageProps = DsComponentProps<DsBasicCardImageAttrs>;
+export declare const BasicCardImage: DsComponent<DsBasicCardImageAttrs>;

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

@@ -0,0 +1,5 @@
+import type { DsBasicCardSectionAttrs } from '@cupra/ui-kit/react/types/ds-basic-card-section';
+import '@cupra/ui-kit/react/ds-basic-card-section';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type BasicCardSectionProps = DsComponentProps<DsBasicCardSectionAttrs>;
+export declare const BasicCardSection: DsComponent<DsBasicCardSectionAttrs>;

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

@@ -0,0 +1,5 @@
+import type { DsBreadcrumbsAttrs } from '@cupra/ui-kit/react/types/ds-breadcrumbs';
+import '@cupra/ui-kit/react/ds-breadcrumbs';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type BreadcrumbsProps = DsComponentProps<DsBreadcrumbsAttrs>;
+export declare const Breadcrumbs: DsComponent<DsBreadcrumbsAttrs>;

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

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

package/dist/{components → 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/CalendarDay/CalendarDay.d.ts

@@ -0,0 +1,8 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-calendar-day';
+import { DsCalendarDayAttrs } from '@cupra/ui-kit/react/types/ds-calendar-day';
+type CalendarDayProps = {
+    className?: string;
+} & DsCalendarDayAttrs;
+export declare function CalendarDay({ className, ...rest }: CalendarDayProps): ReactElement;
+export {};

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

@@ -0,0 +1,5 @@
+import type { DsCarouselIndicatorAttrs } from '@cupra/ui-kit/react/types/ds-carousel-indicator';
+import '@cupra/ui-kit/react/ds-carousel-indicator';
+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

@@ -0,0 +1,15 @@
+import type { DsCheckboxAttrs } from '@cupra/ui-kit/react/types/ds-checkbox';
+import '@cupra/ui-kit/react/ds-checkbox';
+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

@@ -0,0 +1,5 @@
+import type { DsChipAttrs } from '@cupra/ui-kit/react/types/ds-chip';
+import '@cupra/ui-kit/react/ds-chip';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type ChipProps = DsComponentProps<DsChipAttrs>;
+export declare const Chip: DsComponent<DsChipAttrs>;

package/dist/{components → 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

@@ -0,0 +1,9 @@
+import type { DsCurrencyAttrs } from '@cupra/ui-kit/react/types/ds-currency';
+import '@cupra/ui-kit/react/ds-currency';
+import type { DsComponentProps } from '@core/types';
+export type CurrencyProps = DsComponentProps<DsCurrencyAttrs>;
+export declare const Currency: import("react").ForwardRefExoticComponent<(DsCurrencyAttrs & {
+    className?: string;
+    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/{components → 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

@@ -0,0 +1,5 @@
+import type { DsDialogBodyAttrs } from '@cupra/ui-kit/react/types/ds-dialog-body';
+import '@cupra/ui-kit/react/ds-dialog-body';
+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

@@ -0,0 +1,5 @@
+import type { DsDialogFooterAttrs } from '@cupra/ui-kit/react/types/ds-dialog-footer';
+import '@cupra/ui-kit/react/ds-dialog-footer';
+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

@@ -0,0 +1,11 @@
+import { DsDialogFullscreenAttrs } from '@cupra/ui-kit/types/ds-dialog-fullscreen';
+import { type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-dialog-fullscreen';
+type DialogFullscreenProps = DsDialogFullscreenAttrs & {
+    className?: string;
+    withPortal?: boolean;
+    children: ReactNode;
+    onClose?: (event: CustomEvent) => void;
+};
+export declare function DialogFullscreen(props: DialogFullscreenProps): ReactNode;
+export {};

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

@@ -0,0 +1,5 @@
+import type { DsDialogHeaderAttrs } from '@cupra/ui-kit/react/types/ds-dialog-header';
+import '@cupra/ui-kit/react/ds-dialog-header';
+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

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

package/dist/{components → 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

@@ -0,0 +1,13 @@
+import type { DsHyperlinkAttrs } from '@cupra/ui-kit/react/types/ds-hyperlink';
+import '@cupra/ui-kit/react/ds-hyperlink';
+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

@@ -0,0 +1,9 @@
+import type { DsIconAttrs } from '@cupra/ui-kit/react/types/ds-icon';
+import '@cupra/ui-kit/react/ds-icon';
+import type { DsComponentProps } from '@core/types';
+export type IconProps = DsComponentProps<DsIconAttrs>;
+export declare const Icon: import("react").ForwardRefExoticComponent<DsIconAttrs & {
+    className?: string;
+    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/{components → 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

@@ -0,0 +1,13 @@
+import type { DsLinkButtonAttrs } from '@cupra/ui-kit/react/types/ds-link-button';
+import '@cupra/ui-kit/react/ds-link-button';
+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

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

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

@@ -0,0 +1,5 @@
+import type { DsLogoAttrs } from '@cupra/ui-kit/react/types/ds-logo';
+import '@cupra/ui-kit/react/ds-logo';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type LogoProps = DsComponentProps<DsLogoAttrs>;
+export declare const Logo: DsComponent<DsLogoAttrs>;

package/dist/{components → 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

@@ -0,0 +1,13 @@
+import type { DsMapPinAttrs } from '@cupra/ui-kit/react/types/ds-map-pin';
+import '@cupra/ui-kit/react/ds-map-pin';
+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

@@ -0,0 +1,10 @@
+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 & {
+    className?: string;
+    onPlay?: (event: CustomEvent) => void;
+    onPause?: (event: CustomEvent) => void;
+};
+export declare function MediaControl(props: MediaControlProps): ReactElement;
+export {};

package/dist/{components → 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/{components → 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/{components → 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

@@ -0,0 +1,9 @@
+import type { DsRadioButtonAttrs } from '@cupra/ui-kit/react/types/ds-radio-button';
+import '@cupra/ui-kit/react/ds-radio-button';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type RadioButtonProps = DsComponentProps<DsRadioButtonAttrs, {
+    change: CustomEvent;
+}>;
+export declare const RadioButton: DsComponent<DsRadioButtonAttrs, {
+    change: CustomEvent;
+}>;

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

@@ -0,0 +1,5 @@
+import type { DsRatingAttrs } from '@cupra/ui-kit/react/types/ds-rating';
+import '@cupra/ui-kit/react/ds-rating';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type RatingProps = DsComponentProps<DsRatingAttrs>;
+export declare const Rating: DsComponent<DsRatingAttrs>;

package/dist/{components → 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/{components → 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;

package/dist/{components → types/components}/SegmentedControl/SegmentedControl.d.ts

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

package/dist/{components → types/components}/Select/Select.d.ts

@@ -1,9 +1,8 @@
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-select';
 import { DsSelectAttrs } from '@cupra/ui-kit/react/types/ds-select';
-type Children = JSX.Element | JSX.Element[] | string;
 interface SelectProps extends DsSelectAttrs {
-    children: Children;
+    children: ReactNode;
 }
 export declare const Select: ({ children, ...restProps }: SelectProps) => ReactElement;
 export {};

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

@@ -0,0 +1,5 @@
+import type { DsSelectionAttrs } from '@cupra/ui-kit/react/types/ds-selection';
+import '@cupra/ui-kit/react/ds-selection';
+import type { DsComponent, DsComponentProps } from '@core/types';
+export type SelectionProps = DsComponentProps<DsSelectionAttrs>;
+export declare const Selection: DsComponent<DsSelectionAttrs>;