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

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

@@ -1,12 +1,16 @@
-import { jsx as e } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
 import "react";
-import { useHandleEvent as n } from "../../hooks/useHandleEvent.js";
+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";
-function c({ onChange: t, ...o }) {
-  const { ref: r } = n({ change: t });
-  return /* @__PURE__ */ e("ds-toggle-button-react", { ref: r, ...o });
+//#region src/components/ToggleButton/ToggleButton.tsx
+var r = `ds-toggle-button${t}`;
+function i({ onChange: t, ...i }) {
+	let { ref: a } = e({ change: t });
+	return /* @__PURE__ */ n(r, {
+		ref: a,
+		...i
+	});
 }
-export {
-  c as ToggleButton
-};
+//#endregion
+export { i as ToggleButton };

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

@@ -1,23 +1,33 @@
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
 import "react";
-import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
+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";
-function r({ label: t, onChange: i, ...o }) {
-  const { ref: e } = c({ change: i });
-  return /* @__PURE__ */ f("ds-toggle-switch-react", { ref: e, ...o, children: [
-    t && /* @__PURE__ */ n("div", { slot: "label", children: t }),
-    o.children
-  ] });
+//#region src/components/ToggleSwitch/ToggleSwitch.tsx
+var i = `ds-toggle-switch${t}`;
+function a({ label: t, onChange: a, ...o }) {
+	let { ref: s } = e({ change: a });
+	return /* @__PURE__ */ r(i, {
+		ref: s,
+		...o,
+		children: [t && /* @__PURE__ */ n("div", {
+			slot: "label",
+			children: t
+		}), o.children]
+	});
 }
-function l({ children: t }) {
-  return /* @__PURE__ */ n("div", { slot: "off", children: t });
+function o({ children: e }) {
+	return /* @__PURE__ */ n("div", {
+		slot: "off",
+		children: e
+	});
 }
-function s({ children: t }) {
-  return /* @__PURE__ */ n("div", { slot: "on", children: t });
+function s({ children: e }) {
+	return /* @__PURE__ */ n("div", {
+		slot: "on",
+		children: e
+	});
 }
-r.Off = l;
-r.On = s;
-export {
-  r as ToggleSwitch
-};
+a.Off = o, a.On = s;
+//#endregion
+export { a as ToggleSwitch };

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

@@ -1,15 +1,29 @@
-import { jsx as e } from "react/jsx-runtime";
+import { IconButton as e } from "../IconButton/IconButton.js";
+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";
-import { IconButton as a } from "../IconButton/IconButton.js";
-const n = ({ children: t, ...o }) => /* @__PURE__ */ e("ds-tooltip-react", { ...o, children: t }), r = ({ children: t, ...o }) => /* @__PURE__ */ e("div", { slot: "header", ...o, children: t }), s = (t) => /* @__PURE__ */ e(a, { slot: "close-button", "icon-name": "cross", ...t }), l = ({ children: t, ...o }) => /* @__PURE__ */ e("div", { slot: "content", ...o, children: t }), i = ({ alt: t, ...o }) => /* @__PURE__ */ e("img", { alt: t ?? "", slot: "image", ...o });
-n.Header = r;
-n.CloseButton = s;
-n.Content = l;
-n.Img = i;
-r.displayName = "Tooltip.Header";
-s.displayName = "Tooltip.CloseButton";
-l.displayName = "Tooltip.Content";
-i.displayName = "Tooltip.Img";
-export {
-  n as Tooltip
-};
+//#region src/components/Tooltip/Tooltip.tsx
+var r = `ds-tooltip${t}`, i = ({ children: e, ...t }) => /* @__PURE__ */ n(r, {
+	...t,
+	children: e
+}), a = ({ children: e, ...t }) => /* @__PURE__ */ n("div", {
+	slot: "header",
+	...t,
+	children: e
+}), o = (t) => /* @__PURE__ */ n(e, {
+	slot: "close-button",
+	"icon-name": "cross",
+	...t
+}), s = ({ children: e, ...t }) => /* @__PURE__ */ n("div", {
+	slot: "content",
+	...t,
+	children: e
+}), c = ({ alt: e, ...t }) => /* @__PURE__ */ n("img", {
+	alt: e ?? "",
+	slot: "image",
+	...t
+});
+i.Header = a, i.CloseButton = o, i.Content = s, i.Img = c, a.displayName = "Tooltip.Header", o.displayName = "Tooltip.CloseButton", s.displayName = "Tooltip.Content", c.displayName = "Tooltip.Img";
+//#endregion
+export { i as Tooltip };

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

@@ -0,0 +1,22 @@
+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
+var r = `ds-value-unit${e}`;
+function i(e) {
+	let { className: i, value: a, unit: o, ...s } = e;
+	return /* @__PURE__ */ n(r, {
+		class: i,
+		...s,
+		children: [/* @__PURE__ */ t("span", {
+			slot: "value",
+			children: a
+		}), /* @__PURE__ */ t("span", {
+			slot: "unit",
+			children: o
+		})]
+	});
+}
+//#endregion
+export { i as ValueUnit };

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