@cupra/ui-react 2.0.0-canary.170 → 2.0.0-canary.172

package/dist/esm/components/ProgressBar/ProgressBar.js

@@ -1,11 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-progress-bar";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
 //#region src/components/ProgressBar/ProgressBar.tsx
-var n = `ds-progress-bar${t}`;
-function r(t) {
-	let { className: r, ...i } = t;
-	return /* @__PURE__ */ e(n, {
+var n = `ds-progress-bar${e}`;
+function r(e) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ t(n, {
 		class: r,
 		...i
 	});

package/dist/esm/components/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-radio";
 //#region src/components/Radio/Radio.tsx

package/dist/esm/components/RadioButton/RadioButton.js

@@ -1,5 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-radio-button";
 //#region src/components/RadioButton/RadioButton.tsx

package/dist/esm/components/RadioButtonGroup/RadioButtonGroup.js

@@ -1,5 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-radio-button-group";
 //#region src/components/RadioButtonGroup/RadioButtonGroup.tsx

package/dist/esm/components/Rating/Rating.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-rating";
 //#region src/components/Rating/Rating.tsx

package/dist/esm/components/Search/Search.js

@@ -1,11 +1,11 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { forwardRef as e } from "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
+import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-search";
 //#region src/components/Search/Search.tsx
-var r = `ds-search${e}`, i = n(({ onInput: e, className: n, ...i }, a) => /* @__PURE__ */ t(r, {
+var r = `ds-search${t}`, i = e(({ onInput: e, className: t, ...i }, a) => /* @__PURE__ */ n(r, {
 	ref: a,
-	class: n,
+	class: t,
 	onInput: e,
 	...i
 }));

package/dist/esm/components/SearchInput/SearchInput.js

@@ -1,6 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-search-input";
 //#region src/components/SearchInput/SearchInput.tsx

package/dist/esm/components/SecondaryNavigation/SecondaryNavigation.js

@@ -1,25 +1,24 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
-import { Fragment as n, jsx as r } from "react/jsx-runtime";
-import { Children as i } from "react";
+import { Children as t } from "react";
+import { VERSION_TAG_SUFFIX as n } from "@cupra/ui-kit/react/utils/version";
+import { Fragment as r, jsx as i } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-secondary-navigation";
 //#region src/components/SecondaryNavigation/SecondaryNavigation.tsx
-var a = `ds-secondary-navigation${t}`;
+var a = `ds-secondary-navigation${n}`;
 function o(t) {
-	let { className: n, children: i, onSelect: o, ...s } = t, { ref: c } = e({ "ds-secondary-navigation:select": o });
-	return /* @__PURE__ */ r(a, {
+	let { className: n, children: r, onSelect: o, ...s } = t, { ref: c } = e({ "ds-secondary-navigation:select": o });
+	return /* @__PURE__ */ i(a, {
 		ref: c,
 		class: n,
 		...s,
-		children: i
+		children: r
 	});
 }
-o.Item = ({ children: e, ...t }) => /* @__PURE__ */ r("a", {
+o.Item = ({ children: e, ...t }) => /* @__PURE__ */ i("a", {
 	slot: "items",
 	...t,
 	children: e
-}), o.Actions = ({ children: e }) => /* @__PURE__ */ r(n, { children: i.map(e, (e, t) => /* @__PURE__ */ r("div", {
+}), o.Actions = ({ children: e }) => /* @__PURE__ */ i(r, { children: t.map(e, (e, t) => /* @__PURE__ */ i("div", {
 	slot: "actions",
 	children: e
 }, t)) });

package/dist/esm/components/SegmentedControl/SegmentedControl.js

@@ -1,6 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-segmented-control";
 //#region src/components/SegmentedControl/SegmentedControl.tsx

package/dist/esm/components/Select/Select.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-select";
 //#region src/components/Select/Select.tsx

package/dist/esm/components/Selection/Selection.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-selection";
 //#region src/components/Selection/Selection.tsx

package/dist/esm/components/SidebarNavigation/SidebarNavigation.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-sidebar-navigation";
 //#region src/components/SidebarNavigation/SidebarNavigation.tsx

package/dist/esm/components/Skeleton/Skeleton.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-skeleton";
 //#region src/components/Skeleton/Skeleton.tsx

package/dist/esm/components/Slider/Slider.js

@@ -1,6 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-slider";
 //#region src/components/Slider/Slider.tsx

package/dist/esm/components/StaticBox/StaticBox.js

@@ -1,6 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-static-box";
 //#region src/components/StaticBox/StaticBox.tsx

package/dist/esm/components/Stepper/Stepper.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-stepper";
 //#region src/components/Stepper/Stepper.tsx

package/dist/esm/components/Table/Table.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-table";
 //#region src/components/Table/Table.tsx

package/dist/esm/components/TableCell/TableCell.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-table-cell";
 //#region src/components/TableCell/TableCell.tsx

package/dist/esm/components/TableRow/TableRow.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-table-row";
 //#region src/components/TableRow/TableRow.tsx

package/dist/esm/components/Tabs/Tabs.js

@@ -1,6 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-tabs";
 //#region src/components/Tabs/Tabs.tsx

package/dist/esm/components/Tag/Tag.js

@@ -1,6 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-tag";
 //#region src/components/Tag/Tag.tsx

package/dist/esm/components/Text/Text.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-text";
 //#region src/components/Text/Text.tsx

package/dist/esm/components/TextInput/TextInput.js

@@ -1,6 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-text-input";
 //#region src/components/TextInput/TextInput.tsx

package/dist/esm/components/Textarea/Textarea.js

@@ -1,6 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-textarea";
 //#region src/components/Textarea/Textarea.tsx

package/dist/esm/components/ThemeProvider/ThemeProvider.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-theme-provider";
 //#region src/components/ThemeProvider/ThemeProvider.tsx

package/dist/esm/components/ThemeSwitch/ThemeSwitch.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-theme-switch";
 //#region src/components/ThemeSwitch/ThemeSwitch.tsx

package/dist/esm/components/Toast/Toast.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-toast";
 //#region src/components/Toast/Toast.tsx

package/dist/esm/components/ToastMessage/ToastMessage.js

@@ -1,6 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-toast-message";
 //#region src/components/ToastMessage/ToastMessage.tsx

package/dist/esm/components/ToggleButton/ToggleButton.js

@@ -1,6 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-toggle-button";
 //#region src/components/ToggleButton/ToggleButton.tsx

package/dist/esm/components/ToggleSwitch/ToggleSwitch.js

@@ -1,6 +1,6 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import "../../hooks/index.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-toggle-switch";
 //#region src/components/ToggleSwitch/ToggleSwitch.tsx

package/dist/esm/components/Tooltip/Tooltip.js

@@ -1,5 +1,6 @@
 import { IconButton as e } from "../IconButton/IconButton.js";
-import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
 import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-tooltip";
 //#region src/components/Tooltip/Tooltip.tsx

package/dist/esm/components/ValueUnit/ValueUnit.js

@@ -1,4 +1,5 @@
-import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-value-unit";
 //#region src/components/ValueUnit/ValueUnit.tsx

package/dist/esm/index.js

@@ -11,7 +11,6 @@ import { Bullets as l } from "./components/Bullets/Bullets.js";
 import { useBreakpoint as u } from "./hooks/useBreakpoint.js";
 import { useEventListeners as d } from "./hooks/useEventListeners.js";
 import { useResizeObserver as f } from "./hooks/useResizeObserver/useResizeObserver.js";
-import "./hooks/index.js";
 import { Button as p } from "./components/Button/Button.js";
 import { Calendar as m } from "./components/Calendar/Calendar.js";
 import { CarouselIndicator as h } from "./components/CarouselIndicator/CarouselIndicator.js";
@@ -81,5 +80,4 @@ import { InteractiveCard as Te } from "./components/InteractiveCard/InteractiveC
 import { SidebarNavigation as Ee } from "./components/SidebarNavigation/SidebarNavigation.js";
 import { IconButtonGroup as De } from "./components/IconButtonGroup/IconButtonGroup.js";
 import { NavigationControls as Oe } from "./components/NavigationControls/NavigationControls.js";
-import "./components/index.js";
 export { e as Accordion, Se as Avatar, t as Badge, r as BasicCard, a as BasicCardHeader, i as BasicCardImage, o as BasicCardSection, s as Breadcrumbs, c as BreadcrumbsItem, l as Bullets, p as Button, m as Calendar, h as CarouselIndicator, g as Checkbox, _ as CheckboxGroup, v as Chip, y as Chips, b as Currency, x as DatePicker, S as Dialog, C as DialogBody, w as DialogFooter, T as DialogFullscreen, E as DialogHeader, D as Divider, O as Drawer, k as FavouriteAction, A as Hyperlink, j as Icon, M as IconButton, De as IconButtonGroup, xe as InlineAlert, N as Input, Te as InteractiveCard, I as LinkButton, P as List, F as ListItem, L as Loader, R as LoaderLogo, z as Logo, B as MainTitle, V as MapPin, H as MediaControl, U as Modal, Oe as NavigationControls, W as PasswordInput, G as PickerItem, K as ProgressBar, q as Radio, J as RadioButton, Y as RadioButtonGroup, X as Rating, Z as Search, Q as SearchInput, $ as SecondaryNavigation, ee as SegmentedControl, te as Select, ne as Selection, Ee as SidebarNavigation, re as Skeleton, ie as Slider, Ce as StaticBox, we as Stepper, ae as Table, oe as TableCell, se as TableRow, ce as Tabs, le as Tag, ue as Text, de as TextInput, fe as Textarea, pe as ThemeProvider, me as ThemeSwitch, ye as Toast, be as ToastMessage, he as ToggleButton, ge as ToggleSwitch, _e as Tooltip, ve as ValueUnit, u as useBreakpoint, d as useEventListeners, n as useHandleEvent, f as useResizeObserver };

package/dist/esm/ui-react.css

@@ -0,0 +1,2 @@
+.ds-modal-full-screen-content{width:100%;height:100%;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
+/*$vite$:1*/

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

@@ -1,17 +1,16 @@
 import { DsAccordionAttrs } from '@cupra/ui-kit/react/types/ds-accordion';
+import { type ReactElement, type ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-accordion';
-import { type ReactElement } from 'react';
-type Children = JSX.Element | JSX.Element[] | string;
 interface AccordionProps extends DsAccordionAttrs {
-    children: Children;
+    children: ReactNode;
 }
 export declare const Accordion: {
     ({ children, ...restProps }: AccordionProps): ReactElement;
     Title: ({ children }: {
-        children: Children;
+        children: ReactNode;
     }) => ReactElement;
     Content: ({ children }: {
-        children: Children;
+        children: ReactNode;
     }) => ReactElement;
 };
 export {};

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

@@ -1,4 +1,4 @@
-import type { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import '@cupra/ui-kit/react/ds-avatar';
 import type { DsAvatarAttrs } from '@cupra/ui-kit/react/types/ds-avatar';
 export type AvatarProps = DsAvatarAttrs & {

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

@@ -1,8 +1,8 @@
-import { type ReactElement } from 'react';
+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: JSX.Element | JSX.Element[] | string;
+    children: ReactNode;
 };
 export declare const Breadcrumbs: (props: BreadcrumbsProps) => ReactElement;

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

@@ -1,5 +1,5 @@
 import { DsDatePickerAttrs } from '@cupra/ui-kit/react/types/ds-date-picker';
-import { ChangeEvent, type ReactElement } from 'react';
+import React, { ChangeEvent, type ReactElement } from 'react';
 import '@cupra/ui-kit/react/ds-date-picker';
 type DatePickerProps = {
     className?: string;

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;