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

package/dist/esm/hooks/useBreakpoint.js

@@ -1,42 +1,43 @@
-import { breakpoints as a } from "@cupra/ui-kit/react/utils/breakpoints";
-import { useState as m, useLayoutEffect as d } from "react";
-const o = ["xs", "s", "m", "l", "xl", "xxl"];
-function c() {
-  const n = {};
-  return o.forEach((s, t) => {
-    const r = `(min-width: ${a[s]}px)`;
-    let e = "";
-    if (t < o.length - 1) {
-      const i = o[t + 1];
-      e = ` and (max-width: ${a[i] - 1}px)`;
-    }
-    n[s] = window.matchMedia(r + e);
-  }), n;
+import { useLayoutEffect as e, useState as t } from "react";
+import { breakpoints as n } from "@cupra/ui-kit/react/utils/breakpoints";
+//#region src/hooks/useBreakpoint.ts
+var r = [
+	"xs",
+	"s",
+	"m",
+	"l",
+	"xl",
+	"xxl"
+];
+function i() {
+	let e = {};
+	return r.forEach((t, i) => {
+		let a = `(min-width: ${n[t]}px)`, o = "";
+		i < r.length - 1 && (o = ` and (max-width: ${n[r[i + 1]] - 1}px)`), e[t] = window.matchMedia(a + o);
+	}), e;
 }
-const p = () => {
-  const [n, s] = m(() => {
-    const t = c();
-    let r = "";
-    return Object.keys(t).forEach((e) => {
-      t[e].matches && (r = e);
-    }), r;
-  });
-  return d(() => {
-    const t = c(), r = Object.keys(t).map((e) => {
-      const i = (u) => {
-        u.matches && s(e);
-      };
-      return t[e].addListener(i), () => {
-        t[e].removeListener(i);
-      };
-    });
-    return () => {
-      r.forEach((e) => {
-        e();
-      });
-    };
-  }, []), n;
-};
-export {
-  p as useBreakpoint
+var a = () => {
+	let [n, r] = t(() => {
+		let e = i(), t = "";
+		return Object.keys(e).forEach((n) => {
+			e[n].matches && (t = n);
+		}), t;
+	});
+	return e(() => {
+		let e = i(), t = Object.keys(e).map((t) => {
+			let n = (e) => {
+				e.matches && r(t);
+			};
+			return e[t].addListener(n), () => {
+				e[t].removeListener(n);
+			};
+		});
+		return () => {
+			t.forEach((e) => {
+				e();
+			});
+		};
+	}, []), n;
 };
+//#endregion
+export { a as useBreakpoint };

package/dist/esm/hooks/useEventListeners.js

@@ -1,26 +1,21 @@
-import { useEffect as p } from "react";
-const E = (n) => {
-  p(
-    () => {
-      const e = [];
-      return n.forEach((t) => {
-        const { eventName: o, handler: a, options: r, target: s = document } = t, c = (i) => {
-          a(i);
-        };
-        s.addEventListener(o, c, r);
-        const u = () => {
-          s.removeEventListener(o, c, r);
-        };
-        e.push(u);
-      }), () => {
-        e.forEach((t) => {
-          t();
-        });
-      };
-    },
-    n.flatMap(({ dependencies: e }) => e ?? [])
-  );
-};
-export {
-  E as useEventListeners
+import { useEffect as e } from "react";
+//#region src/hooks/useEventListeners.ts
+var t = (t) => {
+	e(() => {
+		let e = [];
+		return t.forEach((t) => {
+			let { eventName: n, handler: r, options: i, target: a = document } = t, o = (e) => {
+				r(e);
+			};
+			a.addEventListener(n, o, i), e.push(() => {
+				a.removeEventListener(n, o, i);
+			});
+		}), () => {
+			e.forEach((e) => {
+				e();
+			});
+		};
+	}, t.flatMap(({ dependencies: e }) => e ?? []));
 };
+//#endregion
+export { t as useEventListeners };

package/dist/esm/hooks/useHandleEvent.js

@@ -1,25 +1,25 @@
-import { useRef as f, useEffect as l } from "react";
-function d(n) {
-  const t = f(null), e = f(n);
-  return l(() => {
-    e.current = n;
-  }, [n]), l(() => {
-    const c = t.current;
-    if (!c) return;
-    const o = {};
-    return Object.keys(e.current).forEach((r) => {
-      const u = (i) => {
-        const s = e.current[r];
-        s && s(i);
-      };
-      o[r] = u, c.addEventListener(r, u);
-    }), () => {
-      Object.keys(o).forEach((r) => {
-        c.removeEventListener(r, o[r]);
-      });
-    };
-  }, [t.current, e.current]), { ref: t };
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/useHandleEvent.ts
+function n(n) {
+	let r = t(null), i = t(n);
+	return e(() => {
+		i.current = n;
+	}, [n]), e(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = {};
+		return Object.keys(i.current).forEach((n) => {
+			let r = (e) => {
+				let t = i.current[n];
+				t && t(e);
+			};
+			t[n] = r, e.addEventListener(n, r);
+		}), () => {
+			Object.keys(t).forEach((n) => {
+				e.removeEventListener(n, t[n]);
+			});
+		};
+	}, [r.current, i.current]), { ref: r };
 }
-export {
-  d as useHandleEvent
-};
+//#endregion
+export { n as useHandleEvent };

package/dist/esm/hooks/useResizeObserver/useResizeObserver.js

@@ -1,14 +1,14 @@
-import { useEffect as s } from "react";
-function o(t) {
-  const { callback: r, element: n } = t;
-  s(() => {
-    if (!n) return;
-    const e = new ResizeObserver(r);
-    return e.observe(n), () => {
-      e == null || e.disconnect();
-    };
-  }, [n, r]);
+import { useEffect as e } from "react";
+//#region src/hooks/useResizeObserver/useResizeObserver.ts
+function t(t) {
+	let { callback: n, element: r } = t;
+	e(() => {
+		if (!r) return;
+		let e = new ResizeObserver(n);
+		return e.observe(r), () => {
+			e?.disconnect();
+		};
+	}, [r, n]);
 }
-export {
-  o as useResizeObserver
-};
+//#endregion
+export { t as useResizeObserver };

package/dist/esm/index.js

@@ -1,130 +1,84 @@
-import { Accordion as t } from "./components/Accordion/Accordion.js";
-import { Badge as m } from "./components/Badge/Badge.js";
-import { BasicCard as f } from "./components/BasicCard/BasicCard.js";
-import { BasicCardSection as i } from "./components/BasicCardSection/BasicCardSection.js";
-import { Bullets as d } from "./components/Bullets/Bullets.js";
-import { Button as c } from "./components/Button/Button.js";
-import { CarouselIndicator as u } from "./components/CarouselIndicator/CarouselIndicator.js";
-import { Checkbox as B } from "./components/Checkbox/Checkbox.js";
-import { Chip as T } from "./components/Chip/Chip.js";
-import { Chips as I } from "./components/Chips/Chips.js";
-import { Currency as L } from "./components/Currency/Currency.js";
-import { Dialog as D } from "./components/Dialog/Dialog.js";
-import { DialogBody as M } from "./components/DialogBody/DialogBody.js";
-import { DialogFooter as b } from "./components/DialogFooter/DialogFooter.js";
-import { DialogHeader as P } from "./components/DialogHeader/DialogHeader.js";
-import { Divider as H } from "./components/Divider/Divider.js";
-import { Drawer as E } from "./components/Drawer/Drawer.js";
-import { Hyperlink as z } from "./components/Hyperlink/Hyperlink.js";
-import { Icon as G } from "./components/Icon/Icon.js";
-import { IconButton as j } from "./components/IconButton/IconButton.js";
-import { Input as J } from "./components/Input/Input.js";
-import { List as Q } from "./components/List/List.js";
-import { ListItem as V } from "./components/ListItem/ListItem.js";
-import { LinkButton as X } from "./components/LinkButton/LinkButton.js";
-import { Loader as Z, LoaderLogo as _ } from "./components/Loader/Loader.js";
-import { Logo as oo } from "./components/Logo/Logo.js";
-import { MainTitle as eo } from "./components/MainTitle/MainTitle.js";
-import { MapPin as po } from "./components/MapPin/MapPin.js";
-import { MediaControl as xo } from "./components/MediaControl/MediaControl.js";
-import { Modal as ao } from "./components/Modal/Modal.js";
-import { PasswordInput as no } from "./components/PasswordInput/PasswordInput.js";
-import { PickerItem as co } from "./components/PickerItem/PickerItem.js";
-import { Radio as uo } from "./components/Radio/Radio.js";
-import { RadioButton as Bo } from "./components/RadioButton/RadioButton.js";
-import { RadioButtonGroup as To } from "./components/RadioButtonGroup/RadioButtonGroup.js";
-import { Rating as Io } from "./components/Rating/Rating.js";
-import { Search as Lo } from "./components/Search/Search.js";
-import { SearchInput as Do } from "./components/SearchInput/SearchInput.js";
-import { SecondaryNavigation as Mo } from "./components/SecondaryNavigation/SecondaryNavigation.js";
-import { SegmentedControl as bo } from "./components/SegmentedControl/SegmentedControl.js";
-import { Select as Po } from "./components/Select/Select.js";
-import { Selection as Ho } from "./components/Selection/Selection.js";
-import { Slider as Eo } from "./components/Slider/Slider.js";
-import { Tabs as zo } from "./components/Tabs/Tabs.js";
-import { Tag as Go } from "./components/Tag/Tag.js";
-import { Text as jo } from "./components/Text/Text.js";
-import { TextInput as Jo } from "./components/TextInput/TextInput.js";
-import { Textarea as Qo } from "./components/Textarea/Textarea.js";
-import { ThemeProvider as Vo } from "./components/ThemeProvider/ThemeProvider.js";
-import { ToggleButton as Xo } from "./components/ToggleButton/ToggleButton.js";
-import { ToggleSwitch as Zo } from "./components/ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as $o } from "./components/Tooltip/Tooltip.js";
-import { Toast as rr } from "./components/Toast/Toast.js";
-import { ToastMessage as tr } from "./components/ToastMessage/ToastMessage.js";
-import { Avatar as mr } from "./components/Avatar/Avatar.js";
-import { StaticBox as fr } from "./components/StaticBox/StaticBox.js";
-import { Stepper as ir } from "./components/Stepper/Stepper.js";
-import { InteractiveCard as dr } from "./components/InteractiveCard/InteractiveCard.js";
-import { SidebarNavigation as cr } from "./components/SidebarNavigation/SidebarNavigation.js";
-import { useBreakpoint as ur } from "./hooks/useBreakpoint.js";
-import { useEventListeners as Br } from "./hooks/useEventListeners.js";
-import { useHandleEvent as Tr } from "./hooks/useHandleEvent.js";
-import "react";
-import { useResizeObserver as Ir } from "./hooks/useResizeObserver/useResizeObserver.js";
-export {
-  t as Accordion,
-  mr as Avatar,
-  m as Badge,
-  f as BasicCard,
-  i as BasicCardSection,
-  d as Bullets,
-  c as Button,
-  u as CarouselIndicator,
-  B as Checkbox,
-  T as Chip,
-  I as Chips,
-  L as Currency,
-  D as Dialog,
-  M as DialogBody,
-  b as DialogFooter,
-  P as DialogHeader,
-  H as Divider,
-  E as Drawer,
-  z as Hyperlink,
-  G as Icon,
-  j as IconButton,
-  J as Input,
-  dr as InteractiveCard,
-  X as LinkButton,
-  Q as List,
-  V as ListItem,
-  Z as Loader,
-  _ as LoaderLogo,
-  oo as Logo,
-  eo as MainTitle,
-  po as MapPin,
-  xo as MediaControl,
-  ao as Modal,
-  no as PasswordInput,
-  co as PickerItem,
-  uo as Radio,
-  Bo as RadioButton,
-  To as RadioButtonGroup,
-  Io as Rating,
-  Lo as Search,
-  Do as SearchInput,
-  Mo as SecondaryNavigation,
-  bo as SegmentedControl,
-  Po as Select,
-  Ho as Selection,
-  cr as SidebarNavigation,
-  Eo as Slider,
-  fr as StaticBox,
-  ir as Stepper,
-  zo as Tabs,
-  Go as Tag,
-  jo as Text,
-  Jo as TextInput,
-  Qo as Textarea,
-  Vo as ThemeProvider,
-  rr as Toast,
-  tr as ToastMessage,
-  Xo as ToggleButton,
-  Zo as ToggleSwitch,
-  $o as Tooltip,
-  ur as useBreakpoint,
-  Br as useEventListeners,
-  Tr as useHandleEvent,
-  Ir as useResizeObserver
-};
+import { Accordion as e } from "./components/Accordion/Accordion.js";
+import { useHandleEvent as t } from "./hooks/useHandleEvent.js";
+import { Badge as n } from "./components/Badge/Badge.js";
+import { useBreakpoint as r } from "./hooks/useBreakpoint.js";
+import { useEventListeners as i } from "./hooks/useEventListeners.js";
+import { useResizeObserver as a } from "./hooks/useResizeObserver/useResizeObserver.js";
+import { Banner as o } from "./components/Banner/Banner.js";
+import { BasicCard as s } from "./components/BasicCard/BasicCard.js";
+import { BasicCardImage as c } from "./components/BasicCardImage/BasicCardImage.js";
+import { BasicCardHeader as l } from "./components/BasicCardHeader/BasicCardHeader.js";
+import { BasicCardSection as u } from "./components/BasicCardSection/BasicCardSection.js";
+import { Breadcrumbs as d } from "./components/Breadcrumbs/Breadcrumbs.js";
+import { BreadcrumbsItem as f } from "./components/BreadcrumbsItem/BreadcrumbsItem.js";
+import { Bullets as p } from "./components/Bullets/Bullets.js";
+import { Button as m } from "./components/Button/Button.js";
+import { Calendar as h } from "./components/Calendar/Calendar.js";
+import { CarouselIndicator as g } from "./components/CarouselIndicator/CarouselIndicator.js";
+import { Checkbox as _ } from "./components/Checkbox/Checkbox.js";
+import { CheckboxGroup as v } from "./components/CheckboxGroup/CheckboxGroup.js";
+import { Chip as y } from "./components/Chip/Chip.js";
+import { Chips as b } from "./components/Chips/Chips.js";
+import { Currency as x } from "./components/Currency/Currency.js";
+import { DatePicker as S } from "./components/DatePicker/DatePicker.js";
+import { Dialog as C } from "./components/Dialog/Dialog.js";
+import { DialogBody as w } from "./components/DialogBody/DialogBody.js";
+import { DialogFooter as T } from "./components/DialogFooter/DialogFooter.js";
+import { DialogFullscreen as E } from "./components/DialogFullscreen/DialogFullscreen.js";
+import { DialogHeader as D } from "./components/DialogHeader/DialogHeader.js";
+import { Divider as O } from "./components/Divider/Divider.js";
+import { Drawer as k } from "./components/Drawer/Drawer.js";
+import { FavouriteAction as A } from "./components/FavouriteAction/FavouriteAction.js";
+import { Hyperlink as j } from "./components/Hyperlink/Hyperlink.js";
+import { Icon as M } from "./components/Icon/Icon.js";
+import { IconButton as N } from "./components/IconButton/IconButton.js";
+import { Input as P } from "./components/Input/Input.js";
+import { List as F } from "./components/List/List.js";
+import { ListItem as I } from "./components/ListItem/ListItem.js";
+import { LinkButton as L } from "./components/LinkButton/LinkButton.js";
+import { Loader as R, LoaderLogo as z } from "./components/Loader/Loader.js";
+import { Logo as B } from "./components/Logo/Logo.js";
+import { MainTitle as V } from "./components/MainTitle/MainTitle.js";
+import { MapPin as H } from "./components/MapPin/MapPin.js";
+import { MediaControl as U } from "./components/MediaControl/MediaControl.js";
+import { Modal as W } from "./components/Modal/Modal.js";
+import { PasswordInput as G } from "./components/PasswordInput/PasswordInput.js";
+import { PickerItem as K } from "./components/PickerItem/PickerItem.js";
+import { ProgressBar as q } from "./components/ProgressBar/ProgressBar.js";
+import { Radio as J } from "./components/Radio/Radio.js";
+import { RadioButton as Y } from "./components/RadioButton/RadioButton.js";
+import { RadioButtonGroup as X } from "./components/RadioButtonGroup/RadioButtonGroup.js";
+import { Rating as Z } from "./components/Rating/Rating.js";
+import { Search as Q } from "./components/Search/Search.js";
+import { SearchInput as $ } from "./components/SearchInput/SearchInput.js";
+import { SecondaryNavigation as ee } from "./components/SecondaryNavigation/SecondaryNavigation.js";
+import { SegmentedControl as te } from "./components/SegmentedControl/SegmentedControl.js";
+import { Select as ne } from "./components/Select/Select.js";
+import { Selection as re } from "./components/Selection/Selection.js";
+import { Skeleton as ie } from "./components/Skeleton/Skeleton.js";
+import { Slider as ae } from "./components/Slider/Slider.js";
+import { Table as oe } from "./components/Table/Table.js";
+import { TableCell as se } from "./components/TableCell/TableCell.js";
+import { TableRow as ce } from "./components/TableRow/TableRow.js";
+import { Tabs as le } from "./components/Tabs/Tabs.js";
+import { Tag as ue } from "./components/Tag/Tag.js";
+import { Text as de } from "./components/Text/Text.js";
+import { TextInput as fe } from "./components/TextInput/TextInput.js";
+import { Textarea as pe } from "./components/Textarea/Textarea.js";
+import { ThemeProvider as me } from "./components/ThemeProvider/ThemeProvider.js";
+import { ThemeSwitch as he } from "./components/ThemeSwitch/ThemeSwitch.js";
+import { ToggleButton as ge } from "./components/ToggleButton/ToggleButton.js";
+import { ToggleSwitch as _e } from "./components/ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as ve } from "./components/Tooltip/Tooltip.js";
+import { ValueUnit as ye } from "./components/ValueUnit/ValueUnit.js";
+import { Toast as be } from "./components/Toast/Toast.js";
+import { ToastMessage as xe } from "./components/ToastMessage/ToastMessage.js";
+import { InlineAlert as Se } from "./components/InlineAlert/InlineAlert.js";
+import { Avatar as Ce } from "./components/Avatar/Avatar.js";
+import { StaticBox as we } from "./components/StaticBox/StaticBox.js";
+import { Stepper as Te } from "./components/Stepper/Stepper.js";
+import { InteractiveCard as Ee } from "./components/InteractiveCard/InteractiveCard.js";
+import { SidebarNavigation as De } from "./components/SidebarNavigation/SidebarNavigation.js";
+import { IconButtonGroup as Oe } from "./components/IconButtonGroup/IconButtonGroup.js";
+import { NavigationControls as ke } from "./components/NavigationControls/NavigationControls.js";
+export { e as Accordion, Ce as Avatar, n as Badge, o as Banner, s as BasicCard, l as BasicCardHeader, c as BasicCardImage, u as BasicCardSection, d as Breadcrumbs, f as BreadcrumbsItem, p as Bullets, m as Button, h as Calendar, g as CarouselIndicator, _ as Checkbox, v as CheckboxGroup, y as Chip, b as Chips, x as Currency, S as DatePicker, C as Dialog, w as DialogBody, T as DialogFooter, E as DialogFullscreen, D as DialogHeader, O as Divider, k as Drawer, A as FavouriteAction, j as Hyperlink, M as Icon, N as IconButton, Oe as IconButtonGroup, Se as InlineAlert, P as Input, Ee as InteractiveCard, L as LinkButton, F as List, I as ListItem, R as Loader, z as LoaderLogo, B as Logo, V as MainTitle, H as MapPin, U as MediaControl, W as Modal, ke as NavigationControls, G as PasswordInput, K as PickerItem, q as ProgressBar, J as Radio, Y as RadioButton, X as RadioButtonGroup, Z as Rating, Q as Search, $ as SearchInput, ee as SecondaryNavigation, te as SegmentedControl, ne as Select, re as Selection, De as SidebarNavigation, ie as Skeleton, ae as Slider, we as StaticBox, Te as Stepper, oe as Table, se as TableCell, ce as TableRow, le as Tabs, ue as Tag, de as Text, fe as TextInput, pe as Textarea, me as ThemeProvider, he as ThemeSwitch, be as Toast, xe as ToastMessage, ge as ToggleButton, _e as ToggleSwitch, ve as Tooltip, ye as ValueUnit, r as useBreakpoint, i as useEventListeners, t as useHandleEvent, a 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/Badge/Badge.d.ts

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

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

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

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,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 ReactElement } from 'react';
-export interface BasicCardImageProps extends DsBasicCardImageAttrs {
-    className?: string;
-    children: JSX.Element | JSX.Element[] | string;
-}
-export declare function BasicCardImage(props: BasicCardImageProps): ReactElement;
+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

@@ -1,8 +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 ReactElement } from 'react';
-export interface BasicCardSectionProps extends DsBasicCardSectionAttrs {
-    className?: string;
-    children: JSX.Element | JSX.Element[] | string;
-}
-export declare function BasicCardSection(props: BasicCardSectionProps): ReactElement;
+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;
+    };
+};