@cupra/ui-react 2.0.0-canary.126 → 2.0.0-canary.127

package/dist/esm/components/List/List.js

@@ -1,12 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-list";
 //#region src/components/List/List.tsx
-function t({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ e("ds-list-react", {
-		class: t,
-		...r,
-		children: n
+var n = `ds-list${e}`;
+function r({ className: e, children: r, ...i }) {
+	return /* @__PURE__ */ t(n, {
+		class: e,
+		...i,
+		children: r
 	});
 }
 //#endregion
-export { t as List };
+export { r as List };

package/dist/esm/components/ListItem/ListItem.js

@@ -1,17 +1,19 @@
 import { Divider as e } from "../Divider/Divider.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-list-item";
 //#region src/components/ListItem/ListItem.tsx
-function r({ className: r, children: i, selected: a, disabled: o, variant: s, ...c }) {
-	let l = { ...c };
-	return s && (l.variant = s), a && (l.selected = !0), o && (l.disabled = !0), /* @__PURE__ */ n("div", {
+var i = `ds-list-item${t}`;
+function a({ className: t, children: a, selected: o, disabled: s, variant: c, ...l }) {
+	let u = { ...l };
+	return c && (u.variant = c), o && (u.selected = !0), s && (u.disabled = !0), /* @__PURE__ */ r("div", {
 		style: { width: "fit-content" },
-		children: [/* @__PURE__ */ t("ds-list-item-react", {
-			className: r,
-			...l,
-			children: i
-		}), s !== "info" && /* @__PURE__ */ t(e, {})]
+		children: [/* @__PURE__ */ n(i, {
+			className: t,
+			...u,
+			children: a
+		}), c !== "info" && /* @__PURE__ */ n(e, {})]
 	});
 }
 //#endregion
-export { r as ListItem };
+export { a as ListItem };

package/dist/esm/components/Loader/Loader.js

@@ -1,32 +1,34 @@
-import { jsx as e } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-loader-bar";
 import "@cupra/ui-kit/react/ds-loader-dots";
 import "@cupra/ui-kit/react/ds-loader-logo";
 import "@cupra/ui-kit/react/ds-loader-spinner";
 //#region src/components/Loader/Loader.tsx
-function t(t) {
-	return /* @__PURE__ */ e("ds-loader-logo-react", { ...t });
+var n = `ds-loader-logo${e}`, r = `ds-loader-bar${e}`, i = `ds-loader-dots${e}`, a = `ds-loader-spinner${e}`;
+function o(e) {
+	return /* @__PURE__ */ t(n, { ...e });
 }
-function n(t) {
-	return /* @__PURE__ */ e("ds-loader-bar-react", { ...t });
+function s(e) {
+	return /* @__PURE__ */ t(r, { ...e });
 }
-function r(t) {
-	return /* @__PURE__ */ e("ds-loader-dots-react", { ...t });
+function c(e) {
+	return /* @__PURE__ */ t(i, { ...e });
 }
-function i(t) {
-	return /* @__PURE__ */ e("ds-loader-spinner-react", {
-		...t,
-		children: t.text && /* @__PURE__ */ e("div", {
+function l(e) {
+	return /* @__PURE__ */ t(a, {
+		...e,
+		children: e.text && /* @__PURE__ */ t("div", {
 			slot: "text",
-			children: t.text
+			children: e.text
 		})
 	});
 }
-var a = {
-	Logo: t,
-	Bar: n,
-	Dots: r,
-	Spinner: i
+var u = {
+	Logo: o,
+	Bar: s,
+	Dots: c,
+	Spinner: l
 };
 //#endregion
-export { a as Loader, t as LoaderLogo };
+export { u as Loader, o as LoaderLogo };

package/dist/esm/components/Logo/Logo.js

@@ -1,12 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-logo";
 //#region src/components/Logo/Logo.tsx
-function t(t) {
-	let { className: n, children: r, ...i } = t;
-	return /* @__PURE__ */ e("ds-logo-react", {
-		class: n,
-		...i
+var n = `ds-logo${e}`;
+function r(e) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...a
 	});
 }
 //#endregion
-export { t as Logo };
+export { r as Logo };

package/dist/esm/components/MainTitle/MainTitle.js

@@ -1,30 +1,32 @@
-import { jsx as e } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-main-title";
 //#region src/components/MainTitle/MainTitle.tsx
-function t(t) {
-	let { className: n, children: r, ...i } = t;
-	return /* @__PURE__ */ e("ds-main-title-react", {
-		class: n,
-		...i,
-		children: r
+var n = `ds-main-title${e}`;
+function r(e) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...a,
+		children: i
 	});
 }
-function n(t) {
-	let { as: n, children: r, ...i } = t;
-	return /* @__PURE__ */ e(n, {
+function i(e) {
+	let { as: n, children: r, ...i } = e;
+	return /* @__PURE__ */ t(n, {
 		slot: "title",
 		...i,
 		children: r
 	});
 }
-function r(t) {
-	let { as: n, children: r, ...i } = t;
-	return /* @__PURE__ */ e(n, {
+function a(e) {
+	let { as: n, children: r, ...i } = e;
+	return /* @__PURE__ */ t(n, {
 		slot: "subtitle",
 		...i,
 		children: r
 	});
 }
-t.Title = n, t.Subtitle = r;
+r.Title = i, r.Subtitle = a;
 //#endregion
-export { t as MainTitle };
+export { r as MainTitle };

package/dist/esm/components/MapPin/MapPin.js

@@ -1,14 +1,16 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
 import "../../hooks/index.js";
-import { jsx as t } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
+import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-map-pin";
 //#region src/components/MapPin/MapPin.tsx
-function n({ onChange: n, ...r }) {
-	let { ref: i } = e({ change: n });
-	return /* @__PURE__ */ t("ds-map-pin-react", {
-		ref: i,
-		...r
+var r = `ds-map-pin${t}`;
+function i({ onChange: t, ...i }) {
+	let { ref: a } = e({ change: t });
+	return /* @__PURE__ */ n(r, {
+		ref: a,
+		...i
 	});
 }
 //#endregion
-export { n as MapPin };
+export { i as MapPin };

package/dist/esm/components/MediaControl/MediaControl.js

@@ -1,18 +1,20 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
 import "../../hooks/index.js";
-import { jsx as t } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
+import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-media-control";
 //#region src/components/MediaControl/MediaControl.tsx
-function n(n) {
-	let { className: r, onPlay: i, onPause: a, ...o } = n, { ref: s } = e({
-		"ds-media-control:play": i,
-		"ds-media-control:pause": a
+var r = `ds-media-control${t}`;
+function i(t) {
+	let { className: i, onPlay: a, onPause: o, ...s } = t, { ref: c } = e({
+		"ds-media-control:play": a,
+		"ds-media-control:pause": o
 	});
-	return /* @__PURE__ */ t("ds-media-control-react", {
-		ref: s,
-		class: r,
-		...o
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		class: i,
+		...s
 	});
 }
 //#endregion
-export { n as MediaControl };
+export { i as MediaControl };

package/dist/esm/components/Modal/Modal.js

@@ -1,12 +1,14 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
 import "../../hooks/index.js";
-import { dt as t } from "../../node_modules/.pnpm/styled-components@6.1.19_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js";
-import { jsx as n } from "react/jsx-runtime";
-import { createPortal as r } from "react-dom";
+import { yt as t } from "../../node_modules/.pnpm/styled-components@6.4.1_css-to-react-native@3.2.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js";
+import { VERSION_TAG_SUFFIX as n } from "@cupra/ui-kit";
+import { jsx as r } from "react/jsx-runtime";
+import { createPortal as i } from "react-dom";
 import "@cupra/ui-kit/react/ds-modal";
 //#region src/components/Modal/Modal.tsx
-function i() {}
-var a = t.div`
+var a = `ds-modal${n}`;
+function o() {}
+var s = t.div`
     margin: 0;
     width: 100%;
     height: 100%;
@@ -15,40 +17,40 @@ var a = t.div`
     left: 50%;
     transform: translate(-50%, -50%);
 `;
-function o(t) {
-	let { children: a, onClickCloseButton: o = i, onClickConfirmButton: s = i, onClickCancelButton: c = i, className: l, withPortal: u, ...d } = t, { ref: f } = e({
-		"click-close-button": o,
-		"click-confirm-button": s,
-		"click-cancel-button": c
+function c(t) {
+	let { children: n, onClickCloseButton: s = o, onClickConfirmButton: c = o, onClickCancelButton: l = o, className: u, withPortal: d, ...f } = t, { ref: p } = e({
+		"click-close-button": s,
+		"click-confirm-button": c,
+		"click-cancel-button": l
 	});
-	if (!d.open) return null;
-	let p = /* @__PURE__ */ n("ds-modal-react", {
-		ref: f,
-		class: l,
-		...d,
-		children: a
+	if (!f.open) return null;
+	let m = /* @__PURE__ */ r(a, {
+		ref: p,
+		class: u,
+		...f,
+		children: n
 	});
-	return u ? r(p, document.body) : p;
+	return d ? i(m, document.body) : m;
 }
-function s({ children: e }) {
-	return /* @__PURE__ */ n("div", {
+function l({ children: e }) {
+	return /* @__PURE__ */ r("div", {
 		slot: "title",
 		children: e
 	});
 }
-function c({ className: e = "", children: t }) {
-	return /* @__PURE__ */ n("div", {
+function u({ className: e = "", children: t }) {
+	return /* @__PURE__ */ r("div", {
 		slot: "content",
 		className: `ds-scroll ${e}`.trim(),
 		children: t
 	});
 }
-function l({ children: e }) {
-	return /* @__PURE__ */ n(a, {
+function d({ children: e }) {
+	return /* @__PURE__ */ r(s, {
 		slot: "content",
 		children: e
 	});
 }
-o.Title = s, o.Content = c, o.FullScreenContent = l;
+c.Title = l, c.Content = u, c.FullScreenContent = d;
 //#endregion
-export { o as Modal };
+export { c as Modal };

package/dist/esm/components/NavigationControls/NavigationControls.js

@@ -1,13 +1,15 @@
-import { jsx as e } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-navigation-controls";
 //#region src/components/NavigationControls/NavigationControls.tsx
-function t(t) {
-	let { className: n, children: r, ...i } = t;
-	return /* @__PURE__ */ e("ds-navigation-controls-react", {
-		class: n,
-		...i,
-		children: r
+var n = `ds-navigation-controls${e}`;
+function r(e) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...a,
+		children: i
 	});
 }
 //#endregion
-export { t as NavigationControls };
+export { r as NavigationControls };

package/dist/esm/components/PasswordInput/PasswordInput.js

@@ -1,32 +1,34 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
 import "../../hooks/index.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-password-input";
 //#region src/components/PasswordInput/PasswordInput.tsx
-function r(r) {
-	let { className: i, children: a, onChange: o, onInput: s, inputId: c, placeHolder: l, value: u, label: d, required: f, disabled: p, pattern: m, maxLength: h, minLength: g, ..._ } = r, { ref: v } = e({
-		change: o,
-		input: s
-	}), y = {
+var i = `ds-password-input${t}`;
+function a(t) {
+	let { className: a, children: o, onChange: s, onInput: c, inputId: l, placeHolder: u, value: d, label: f, required: p, disabled: m, pattern: h, maxLength: g, minLength: _, ...v } = t, { ref: y } = e({
+		change: s,
+		input: c
+	}), b = {
 		type: "password",
-		...!!c && { id: c },
-		...!!l && { placeholder: l },
-		...!!u && { value: u },
-		...!!f && { required: f },
-		...!!p && { disabled: p },
-		...!!g && { minLength: g },
-		...!!h && { maxLength: h },
-		...!!m && { pattern: m }
+		...!!l && { id: l },
+		...!!u && { placeholder: u },
+		...!!d && { value: d },
+		...!!p && { required: p },
+		...!!m && { disabled: m },
+		...!!_ && { minLength: _ },
+		...!!g && { maxLength: g },
+		...!!h && { pattern: h }
 	};
-	return /* @__PURE__ */ n("ds-password-input-react", {
-		ref: v,
-		class: i,
-		..._,
-		children: [/* @__PURE__ */ t("label", {
-			htmlFor: c,
-			children: d
-		}), /* @__PURE__ */ t("input", { ...y })]
+	return /* @__PURE__ */ r(i, {
+		ref: y,
+		class: a,
+		...v,
+		children: [/* @__PURE__ */ n("label", {
+			htmlFor: l,
+			children: f
+		}), /* @__PURE__ */ n("input", { ...b })]
 	});
 }
 //#endregion
-export { r as PasswordInput };
+export { a as PasswordInput };

package/dist/esm/components/PickerItem/PickerItem.js

@@ -1,16 +1,18 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import { jsx as t } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
+import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-picker-item";
 //#region src/components/PickerItem/PickerItem.tsx
-function n(n) {
-	let { className: r, children: i, onClick: a, size: o, ...s } = n, { ref: c } = e({ "ds-picker-item:click": a });
-	return /* @__PURE__ */ t("ds-picker-item-react", {
-		ref: c,
-		size: typeof o == "string" ? o : JSON.stringify(o),
-		class: r,
-		...s,
-		children: i
+var r = `ds-picker-item${t}`;
+function i(t) {
+	let { className: i, children: a, onClick: o, size: s, ...c } = t, { ref: l } = e({ "ds-picker-item:click": o });
+	return /* @__PURE__ */ n(r, {
+		ref: l,
+		size: typeof s == "string" ? s : JSON.stringify(s),
+		class: i,
+		...c,
+		children: a
 	});
 }
 //#endregion
-export { n as PickerItem };
+export { i as PickerItem };

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

@@ -1,22 +1,24 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
 import "../../hooks/index.js";
-import { jsx as t } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
+import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-radio";
-var n = {
-	Group: ({ children: n, onChange: r, className: i, ...a }) => {
-		let { ref: o } = e({ change: r });
-		return /* @__PURE__ */ t("ds-radio-group-react", {
-			ref: o,
-			class: i,
-			...a,
-			children: n
+//#region src/components/Radio/Radio.tsx
+var r = `ds-radio-group${t}`, i = `ds-radio${t}`, a = {
+	Group: ({ children: t, onChange: i, className: a, ...o }) => {
+		let { ref: s } = e({ change: i });
+		return /* @__PURE__ */ n(r, {
+			ref: s,
+			class: a,
+			...o,
+			children: t
 		});
 	},
-	Button: ({ children: e, className: n, ...r }) => /* @__PURE__ */ t("ds-radio-react", {
-		class: n,
+	Button: ({ children: e, className: t, ...r }) => /* @__PURE__ */ n(i, {
+		class: t,
 		...r,
 		children: e
 	})
 };
 //#endregion
-export { n as Radio };
+export { a as Radio };

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

@@ -1,15 +1,17 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import { jsx as t } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
+import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-radio-button";
 //#region src/components/RadioButton/RadioButton.tsx
-function n(n) {
-	let { className: r, children: i, onChange: a, ...o } = n, { ref: s } = e({ change: a });
-	return /* @__PURE__ */ t("ds-radio-button-react", {
-		ref: s,
-		class: r,
-		...o,
-		children: i
+var r = `ds-radio-button${t}`;
+function i(t) {
+	let { className: i, children: a, onChange: o, ...s } = t, { ref: c } = e({ change: o });
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		class: i,
+		...s,
+		children: a
 	});
 }
 //#endregion
-export { n as RadioButton };
+export { i as RadioButton };

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

@@ -1,15 +1,17 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import { jsx as t } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
+import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-radio-button-group";
 //#region src/components/RadioButtonGroup/RadioButtonGroup.tsx
-function n(n) {
-	let { className: r, children: i, onChange: a, ...o } = n, { ref: s } = e({ change: a });
-	return /* @__PURE__ */ t("ds-radio-button-group-react", {
-		ref: s,
-		class: r,
-		...o,
-		children: i
+var r = `ds-radio-button-group${t}`;
+function i(t) {
+	let { className: i, children: a, onChange: o, ...s } = t, { ref: c } = e({ change: o });
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		class: i,
+		...s,
+		children: a
 	});
 }
 //#endregion
-export { n as RadioButtonGroup };
+export { i as RadioButtonGroup };

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

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

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

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

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

@@ -1,31 +1,33 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
 import "../../hooks/index.js";
-import { jsx as t } from "react/jsx-runtime";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
+import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-search-input";
 //#region src/components/SearchInput/SearchInput.tsx
-function n(n) {
-	let { className: r, children: i, onChange: a, onInput: o, onClickPositionButton: s, placeHolder: c, type: l, value: u, label: d, required: f, disabled: p, pattern: m, maxLength: h, minLength: g, inputProps: _, ...v } = n, { ref: y } = e({
-		change: a,
-		input: o,
-		"ds-search-input:click-position-button": s
+var r = `ds-search-input${t}`;
+function i(t) {
+	let { className: i, children: a, onChange: o, onInput: s, onClickPositionButton: c, placeHolder: l, type: u, value: d, label: f, required: p, disabled: m, pattern: h, maxLength: g, minLength: _, inputProps: v, ...y } = t, { ref: b } = e({
+		change: o,
+		input: s,
+		"ds-search-input:click-position-button": c
 	});
-	return /* @__PURE__ */ t("ds-search-input-react", {
-		ref: y,
-		class: r,
-		...v,
-		children: /* @__PURE__ */ t("input", {
+	return /* @__PURE__ */ n(r, {
+		ref: b,
+		class: i,
+		...y,
+		children: /* @__PURE__ */ n("input", {
 			type: "text",
-			"aria-label": d,
-			placeholder: c,
-			value: u,
-			required: f,
-			disabled: p,
-			minLength: g,
-			maxLength: h,
-			pattern: m,
-			..._
+			"aria-label": f,
+			placeholder: l,
+			value: d,
+			required: p,
+			disabled: m,
+			minLength: _,
+			maxLength: g,
+			pattern: h,
+			...v
 		})
 	});
 }
 //#endregion
-export { n as SearchInput };
+export { i as SearchInput };