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

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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-table";
+//#region src/components/Table/Table.tsx
+var t = e("ds-table");
+//#endregion
+export { t as Table };

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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-table-cell";
+//#region src/components/TableCell/TableCell.tsx
+var t = e("ds-table-cell");
+//#endregion
+export { t as TableCell };

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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-table-row";
+//#region src/components/TableRow/TableRow.tsx
+var t = e("ds-table-row");
+//#endregion
+export { t as TableRow };

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

@@ -0,0 +1,32 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.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-tabs";
+//#region src/components/Tabs/Tabs.tsx
+var r = `ds-tabs${t}`;
+function i({ children: t, onChange: i, ...a }) {
+	let { ref: o } = e({ change: i });
+	return /* @__PURE__ */ n(r, {
+		ref: o,
+		...a,
+		children: t
+	});
+}
+function a({ children: e }) {
+	return /* @__PURE__ */ n("div", {
+		role: "tab",
+		slot: "tab",
+		children: e
+	});
+}
+function o({ children: e }) {
+	return /* @__PURE__ */ n("div", {
+		role: "tabpanel",
+		slot: "panel",
+		children: e
+	});
+}
+i.Tab = a, i.Panel = o;
+//#endregion
+export { i as Tabs };

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

@@ -0,0 +1,18 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.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-tag";
+//#region src/components/Tag/Tag.tsx
+var r = `ds-tag${t}`;
+function i(t) {
+	let { children: i, onClickIcon: a, className: o, ...s } = t, { ref: c } = e({ clickicon: a });
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		class: o,
+		...s,
+		children: i
+	});
+}
+//#endregion
+export { i as Tag };

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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-text";
+//#region src/components/Text/Text.tsx
+var t = e("ds-text");
+//#endregion
+export { t as Text };

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

@@ -0,0 +1,36 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+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
+var i = `ds-text-input${t}`;
+function a(t) {
+	let { className: a, children: o, onChange: s, onInput: c, onKeyDown: l, inputId: u, placeHolder: d, type: f, value: p, label: m, required: h, disabled: g, readOnly: _, pattern: v, maxLength: y, minLength: b, ...x } = t, { ref: S } = e({
+		change: s,
+		input: c,
+		keydown: l
+	});
+	return /* @__PURE__ */ r(i, {
+		ref: S,
+		class: a,
+		...x,
+		children: [/* @__PURE__ */ n("label", {
+			htmlFor: u,
+			children: m
+		}), /* @__PURE__ */ n("input", {
+			id: u,
+			type: f || "text",
+			placeholder: d,
+			value: p,
+			required: h,
+			disabled: g,
+			readOnly: _,
+			minLength: b,
+			maxLength: y,
+			pattern: v
+		})]
+	});
+}
+//#endregion
+export { a as TextInput };

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

@@ -0,0 +1,38 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+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
+var i = `ds-textarea${t}`;
+function a(t) {
+	let { className: a, children: o, onChange: s, onInput: c, textareaId: l, placeholder: u, value: d, label: f, required: p, disabled: m, readOnly: h, minLength: g, maxLength: _, rows: v, cols: y, forcedError: b, helperText: x, invalidError: S, ...C } = t, { ref: w } = e({
+		change: s,
+		input: c
+	});
+	return /* @__PURE__ */ r(i, {
+		ref: w,
+		class: a,
+		"forced-error": b,
+		"helper-text": x,
+		"invalid-error": S,
+		...C,
+		children: [/* @__PURE__ */ n("label", {
+			htmlFor: l,
+			children: f
+		}), /* @__PURE__ */ n("textarea", {
+			id: l,
+			placeholder: u,
+			value: d,
+			required: p,
+			disabled: m,
+			readOnly: h,
+			minLength: g,
+			maxLength: _,
+			rows: v,
+			cols: y
+		})]
+	});
+}
+//#endregion
+export { a as Textarea };

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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-theme-provider";
+//#region src/components/ThemeProvider/ThemeProvider.tsx
+var t = e("ds-theme-provider");
+//#endregion
+export { t as ThemeProvider };

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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-theme-switch";
+//#region src/components/ThemeSwitch/ThemeSwitch.tsx
+var t = e("ds-theme-switch");
+//#endregion
+export { t as ThemeSwitch };

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

@@ -0,0 +1,18 @@
+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
+var n = `ds-toast${e}`;
+function r(e) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...i
+	});
+}
+r.add = (e) => {
+	window.dispatchEvent(new CustomEvent("toast:add", { detail: e }));
+};
+//#endregion
+export { r as Toast };

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

@@ -0,0 +1,18 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.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-toast-message";
+//#region src/components/ToastMessage/ToastMessage.tsx
+var r = `ds-toast-message${t}`;
+function i(t) {
+	let { className: i, children: a, onClose: o, ...s } = t, { ref: c } = e({ "toast:remove": o });
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		class: i,
+		...s,
+		children: a
+	});
+}
+//#endregion
+export { i as ToastMessage };

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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-toggle-button";
+//#region src/components/ToggleButton/ToggleButton.tsx
+var t = e("ds-toggle-button", { events: ["change"] });
+//#endregion
+export { t as ToggleButton };

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

@@ -0,0 +1,33 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+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
+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 o({ children: e }) {
+	return /* @__PURE__ */ n("div", {
+		slot: "off",
+		children: e
+	});
+}
+function s({ children: e }) {
+	return /* @__PURE__ */ n("div", {
+		slot: "on",
+		children: e
+	});
+}
+a.Off = o, a.On = s;
+//#endregion
+export { a as ToggleSwitch };

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

@@ -0,0 +1,29 @@
+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";
+//#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/core/createDsComponent.js

@@ -0,0 +1,35 @@
+import { useHandleEvent as e } from "../hooks/useHandleEvent.js";
+import { forwardRef as t, useCallback as n } from "react";
+import { VERSION_TAG_SUFFIX as r } from "@cupra/ui-kit/react/utils/version";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/core/createDsComponent.tsx
+function a(a, o) {
+	let s = o?.events ?? [];
+	return t((t, c) => {
+		let { className: l, children: u, ...d } = t, f = {};
+		for (let e of s) {
+			let t = `on${e.charAt(0).toUpperCase()}${e.slice(1)}`, n = d[t];
+			delete d[t], n && (f[e] = n);
+		}
+		let { ref: p } = e(f), m = n((e) => {
+			p.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
+		}, [c, p]);
+		if (o?.render) {
+			let e = {
+				Tag: `${a}${r}`,
+				props: d,
+				ref: m,
+				children: u
+			};
+			return o.render(e);
+		}
+		return /* @__PURE__ */ i(`${a}${r}`, {
+			ref: m,
+			class: l,
+			...d,
+			children: u
+		});
+	});
+}
+//#endregion
+export { a as createDsComponent };

package/dist/esm/hooks/useBreakpoint.js

@@ -0,0 +1,43 @@
+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;
+}
+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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,25 @@
+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 };
+}
+//#endregion
+export { n as useHandleEvent };

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

@@ -0,0 +1,14 @@
+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]);
+}
+//#endregion
+export { t as useResizeObserver };

package/dist/esm/index.js

@@ -0,0 +1,85 @@
+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 { CalendarDay as g } from "./components/CalendarDay/CalendarDay.js";
+import { CarouselIndicator as _ } from "./components/CarouselIndicator/CarouselIndicator.js";
+import { Checkbox as v } from "./components/Checkbox/Checkbox.js";
+import { CheckboxGroup as y } from "./components/CheckboxGroup/CheckboxGroup.js";
+import { Chip as b } from "./components/Chip/Chip.js";
+import { Chips as x } from "./components/Chips/Chips.js";
+import { Currency as S } from "./components/Currency/Currency.js";
+import { DatePicker as C } from "./components/DatePicker/DatePicker.js";
+import { Dialog as w } from "./components/Dialog/Dialog.js";
+import { DialogBody as T } from "./components/DialogBody/DialogBody.js";
+import { DialogFooter as E } from "./components/DialogFooter/DialogFooter.js";
+import { DialogFullscreen as D } from "./components/DialogFullscreen/DialogFullscreen.js";
+import { DialogHeader as O } from "./components/DialogHeader/DialogHeader.js";
+import { Divider as k } from "./components/Divider/Divider.js";
+import { Drawer as A } from "./components/Drawer/Drawer.js";
+import { FavouriteAction as j } from "./components/FavouriteAction/FavouriteAction.js";
+import { Hyperlink as M } from "./components/Hyperlink/Hyperlink.js";
+import { Icon as N } from "./components/Icon/Icon.js";
+import { IconButton as P } from "./components/IconButton/IconButton.js";
+import { Input as F } from "./components/Input/Input.js";
+import { List as I } from "./components/List/List.js";
+import { ListItem as L } from "./components/ListItem/ListItem.js";
+import { LinkButton as R } from "./components/LinkButton/LinkButton.js";
+import { Loader as z, LoaderLogo as B } from "./components/Loader/Loader.js";
+import { Logo as V } from "./components/Logo/Logo.js";
+import { MainTitle as H } from "./components/MainTitle/MainTitle.js";
+import { MapPin as U } from "./components/MapPin/MapPin.js";
+import { MediaControl as W } from "./components/MediaControl/MediaControl.js";
+import { Modal as G } from "./components/Modal/Modal.js";
+import { PasswordInput as K } from "./components/PasswordInput/PasswordInput.js";
+import { PickerItem as q } from "./components/PickerItem/PickerItem.js";
+import { ProgressBar as J } from "./components/ProgressBar/ProgressBar.js";
+import { Radio as Y } from "./components/Radio/Radio.js";
+import { RadioButton as X } from "./components/RadioButton/RadioButton.js";
+import { RadioButtonGroup as Z } from "./components/RadioButtonGroup/RadioButtonGroup.js";
+import { Rating as Q } from "./components/Rating/Rating.js";
+import { Search as $ } from "./components/Search/Search.js";
+import { SearchInput as ee } from "./components/SearchInput/SearchInput.js";
+import { SecondaryNavigation as te } from "./components/SecondaryNavigation/SecondaryNavigation.js";
+import { SegmentedControl as ne } from "./components/SegmentedControl/SegmentedControl.js";
+import { Select as re } from "./components/Select/Select.js";
+import { Selection as ie } from "./components/Selection/Selection.js";
+import { Skeleton as ae } from "./components/Skeleton/Skeleton.js";
+import { Slider as oe } from "./components/Slider/Slider.js";
+import { Table as se } from "./components/Table/Table.js";
+import { TableCell as ce } from "./components/TableCell/TableCell.js";
+import { TableRow as le } from "./components/TableRow/TableRow.js";
+import { Tabs as ue } from "./components/Tabs/Tabs.js";
+import { Tag as de } from "./components/Tag/Tag.js";
+import { Text as fe } from "./components/Text/Text.js";
+import { TextInput as pe } from "./components/TextInput/TextInput.js";
+import { Textarea as me } from "./components/Textarea/Textarea.js";
+import { ThemeProvider as he } from "./components/ThemeProvider/ThemeProvider.js";
+import { ThemeSwitch as ge } from "./components/ThemeSwitch/ThemeSwitch.js";
+import { ToggleButton as _e } from "./components/ToggleButton/ToggleButton.js";
+import { ToggleSwitch as ve } from "./components/ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as ye } from "./components/Tooltip/Tooltip.js";
+import { ValueUnit as be } from "./components/ValueUnit/ValueUnit.js";
+import { Toast as xe } from "./components/Toast/Toast.js";
+import { ToastMessage as Se } from "./components/ToastMessage/ToastMessage.js";
+import { InlineAlert as Ce } from "./components/InlineAlert/InlineAlert.js";
+import { Avatar as we } from "./components/Avatar/Avatar.js";
+import { StaticBox as Te } from "./components/StaticBox/StaticBox.js";
+import { Stepper as Ee } from "./components/Stepper/Stepper.js";
+import { InteractiveCard as De } from "./components/InteractiveCard/InteractiveCard.js";
+import { SidebarNavigation as Oe } from "./components/SidebarNavigation/SidebarNavigation.js";
+import { IconButtonGroup as ke } from "./components/IconButtonGroup/IconButtonGroup.js";
+import { NavigationControls as Ae } from "./components/NavigationControls/NavigationControls.js";
+export { e as Accordion, we 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 CalendarDay, _ as CarouselIndicator, v as Checkbox, y as CheckboxGroup, b as Chip, x as Chips, S as Currency, C as DatePicker, w as Dialog, T as DialogBody, E as DialogFooter, D as DialogFullscreen, O as DialogHeader, k as Divider, A as Drawer, j as FavouriteAction, M as Hyperlink, N as Icon, P as IconButton, ke as IconButtonGroup, Ce as InlineAlert, F as Input, De as InteractiveCard, R as LinkButton, I as List, L as ListItem, z as Loader, B as LoaderLogo, V as Logo, H as MainTitle, U as MapPin, W as MediaControl, G as Modal, Ae as NavigationControls, K as PasswordInput, q as PickerItem, J as ProgressBar, Y as Radio, X as RadioButton, Z as RadioButtonGroup, Q as Rating, $ as Search, ee as SearchInput, te as SecondaryNavigation, ne as SegmentedControl, re as Select, ie as Selection, Oe as SidebarNavigation, ae as Skeleton, oe as Slider, Te as StaticBox, Ee as Stepper, se as Table, ce as TableCell, le as TableRow, ue as Tabs, de as Tag, fe as Text, pe as TextInput, me as Textarea, he as ThemeProvider, ge as ThemeSwitch, xe as Toast, Se as ToastMessage, _e as ToggleButton, ve as ToggleSwitch, ye as Tooltip, be 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/{components → 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/{components → 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

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

@@ -0,0 +1,17 @@
+import type { DsBasicCardAttrs } from '@cupra/ui-kit/react/types/ds-basic-card';
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-basic-card';
+export interface BasicCardProps extends DsBasicCardAttrs {
+    className?: string;
+    children: ReactNode;
+    onClick?: (event: CustomEvent) => void;
+}
+export declare function BasicCard(props: BasicCardProps): ReactElement;
+export declare namespace BasicCard {
+    var FeaturedText: {
+        ({ children }: {
+            children: ReactNode;
+        }): ReactElement;
+        displayName: string;
+    };
+}

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

@@ -0,0 +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';
+export interface BasicCardHeaderProps extends DsBasicCardHeaderAttrs {
+    className?: string;
+    children: ReactNode;
+}
+export declare function BasicCardHeader(props: BasicCardHeaderProps): ReactElement;
+export declare namespace BasicCardHeader {
+    var Title: {
+        ({ children }: {
+            children: ReactNode;
+        }): ReactElement;
+        displayName: string;
+    };
+    var Description: {
+        ({ children }: {
+            children: ReactNode;
+        }): ReactElement;
+        displayName: string;
+    };
+    var Meta: {
+        ({ children }: {
+            children: ReactNode;
+        }): ReactElement;
+        displayName: string;
+    };
+    var SubHeader: {
+        ({ children }: {
+            children: ReactNode;
+        }): ReactElement;
+        displayName: string;
+    };
+}