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

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

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

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

@@ -1,16 +1,18 @@
 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-segmented-control";
 //#region src/components/SegmentedControl/SegmentedControl.tsx
-function n(n) {
-	let { onChange: r, className: i, children: a, ...o } = n, { ref: s } = e({ change: r });
-	return /* @__PURE__ */ t("ds-segmented-control-react", {
-		ref: s,
-		class: i,
-		...o,
-		children: a
+var r = `ds-segmented-control${t}`;
+function i(t) {
+	let { onChange: i, className: a, children: o, ...s } = t, { ref: c } = e({ change: i });
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		class: a,
+		...s,
+		children: o
 	});
 }
 //#endregion
-export { n as SegmentedControl };
+export { i as SegmentedControl };

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

@@ -1,9 +1,10 @@
-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-select";
 //#region src/components/Select/Select.tsx
-var t = ({ children: t, ...n }) => /* @__PURE__ */ e("ds-select-react", {
-	...n,
-	children: t
+var n = `ds-select${e}`, r = ({ children: e, ...r }) => /* @__PURE__ */ t(n, {
+	...r,
+	children: e
 });
 //#endregion
-export { t as Select };
+export { r as Select };

package/dist/esm/components/Selection/Selection.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-selection";
 //#region src/components/Selection/Selection.tsx
-function t(t) {
-	let { className: n, children: r, ...i } = t;
-	return /* @__PURE__ */ e("ds-selection-react", {
-		class: n,
-		...i
+var n = `ds-selection${e}`;
+function r(e) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...a
 	});
 }
 //#endregion
-export { t as Selection };
+export { r as Selection };

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

@@ -1,29 +1,31 @@
-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-sidebar-navigation";
 //#region src/components/SidebarNavigation/SidebarNavigation.tsx
-function t(t) {
-	let { className: n, children: r, ...i } = t;
-	return /* @__PURE__ */ e("ds-sidebar-navigation-react", {
-		class: n,
-		...i,
-		children: r
+var n = `ds-sidebar-navigation${e}`;
+function r(e) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...a,
+		children: i
 	});
 }
-t.AsideText = ({ children: t }) => /* @__PURE__ */ e("div", {
+r.AsideText = ({ children: e }) => /* @__PURE__ */ t("div", {
 	slot: "aside-text",
-	children: t
-}), t.AsideIcon = ({ children: t }) => /* @__PURE__ */ e("div", {
+	children: e
+}), r.AsideIcon = ({ children: e }) => /* @__PURE__ */ t("div", {
 	slot: "aside-icon",
-	children: t
-}), t.AsideHelperText = ({ children: t }) => /* @__PURE__ */ e("div", {
+	children: e
+}), r.AsideHelperText = ({ children: e }) => /* @__PURE__ */ t("div", {
 	slot: "aside-helper-text",
-	children: t
-}), t.MainCta = ({ children: t }) => /* @__PURE__ */ e("div", {
+	children: e
+}), r.MainCta = ({ children: e }) => /* @__PURE__ */ t("div", {
 	slot: "main-cta",
-	children: t
-}), t.Ctas = ({ children: t }) => /* @__PURE__ */ e("div", {
+	children: e
+}), r.Ctas = ({ children: e }) => /* @__PURE__ */ t("div", {
 	slot: "ctas",
-	children: t
+	children: e
 });
 //#endregion
-export { t as SidebarNavigation };
+export { r as SidebarNavigation };

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

@@ -1,11 +1,13 @@
-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-skeleton";
 //#region src/components/Skeleton/Skeleton.tsx
-function t({ className: t, ...n }) {
-	return /* @__PURE__ */ e("ds-skeleton-react", {
-		class: t,
-		...n
+var n = `ds-skeleton${e}`;
+function r({ className: e, ...r }) {
+	return /* @__PURE__ */ t(n, {
+		class: e,
+		...r
 	});
 }
 //#endregion
-export { t as Skeleton };
+export { r as Skeleton };

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

@@ -1,16 +1,18 @@
 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-slider";
 //#region src/components/Slider/Slider.tsx
-function n(n) {
-	let { className: r, children: i, size: a, onChange: o, ...s } = n, { ref: c } = e({ change: o });
-	return /* @__PURE__ */ t("ds-slider-react", {
-		ref: c,
-		size: typeof a == "string" ? a : JSON.stringify(a),
-		class: r,
-		...s
+var r = `ds-slider${t}`;
+function i(t) {
+	let { className: i, children: a, size: o, onChange: s, ...c } = t, { ref: l } = e({ change: s });
+	return /* @__PURE__ */ n(r, {
+		ref: l,
+		size: typeof o == "string" ? o : JSON.stringify(o),
+		class: i,
+		...c
 	});
 }
 //#endregion
-export { n as Slider };
+export { i as Slider };

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

@@ -1,17 +1,19 @@
 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-static-box";
 //#region src/components/StaticBox/StaticBox.tsx
-function n(n) {
-	let { className: r, children: i, size: a, ...o } = n, { ref: s } = e({});
-	return /* @__PURE__ */ t("ds-static-box-react", {
-		ref: s,
-		size: typeof a == "string" ? a : JSON.stringify(a),
-		class: r,
-		...o,
-		children: i
+var r = `ds-static-box${t}`;
+function i(t) {
+	let { className: i, children: a, size: o, ...s } = t, { ref: c } = e({});
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		size: typeof o == "string" ? o : JSON.stringify(o),
+		class: i,
+		...s,
+		children: a
 	});
 }
 //#endregion
-export { n as StaticBox };
+export { i as StaticBox };

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

@@ -1,9 +1,10 @@
-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-stepper";
 //#region src/components/Stepper/Stepper.tsx
-var t = ({ className: t, ...n }) => /* @__PURE__ */ e("ds-stepper-react", {
-	class: t,
-	...n
+var n = `ds-stepper${e}`, r = ({ className: e, ...r }) => /* @__PURE__ */ t(n, {
+	class: e,
+	...r
 });
 //#endregion
-export { t as Stepper };
+export { r as Stepper };

package/dist/esm/components/Table/Table.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-table";
 //#region src/components/Table/Table.tsx
-function t(t) {
-	let { children: n, className: r, ...i } = t;
-	return /* @__PURE__ */ e("ds-table-react", {
-		class: r,
-		...i,
-		children: n
+var n = `ds-table${e}`;
+function r(e) {
+	let { children: r, className: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: i,
+		...a,
+		children: r
 	});
 }
 //#endregion
-export { t as Table };
+export { r as Table };

package/dist/esm/components/TableCell/TableCell.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-table-cell";
 //#region src/components/TableCell/TableCell.tsx
-function t(t) {
-	let { children: n, className: r, ...i } = t;
-	return /* @__PURE__ */ e("ds-table-cell-react", {
-		class: r,
-		...i,
-		children: n
+var n = `ds-table-cell${e}`;
+function r(e) {
+	let { children: r, className: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: i,
+		...a,
+		children: r
 	});
 }
 //#endregion
-export { t as TableCell };
+export { r as TableCell };

package/dist/esm/components/TableRow/TableRow.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-table-row";
 //#region src/components/TableRow/TableRow.tsx
-function t(t) {
-	let { children: n, className: r, ...i } = t;
-	return /* @__PURE__ */ e("ds-table-row-react", {
-		class: r,
-		...i,
-		children: n
+var n = `ds-table-row${e}`;
+function r(e) {
+	let { children: r, className: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: i,
+		...a,
+		children: r
 	});
 }
 //#endregion
-export { t as TableRow };
+export { r as TableRow };

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

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

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

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

package/dist/esm/components/Text/Text.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-text";
 //#region src/components/Text/Text.tsx
-function t(t) {
-	let { className: n, children: r, ...i } = t;
-	return /* @__PURE__ */ e("ds-text-react", {
-		class: n,
-		...i,
-		children: r
+var n = `ds-text${e}`;
+function r(e) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...a,
+		children: i
 	});
 }
 //#endregion
-export { t as Text };
+export { r as Text };

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

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

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

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

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

@@ -1,9 +1,10 @@
-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-theme-provider";
 //#region src/components/ThemeProvider/ThemeProvider.tsx
-var t = ({ children: t, ...n }) => /* @__PURE__ */ e("ds-theme-provider-react", {
-	...n,
-	children: t
+var n = `ds-theme-provider${e}`, r = ({ children: e, ...r }) => /* @__PURE__ */ t(n, {
+	...r,
+	children: e
 });
 //#endregion
-export { t as ThemeProvider };
+export { r as ThemeProvider };

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

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

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

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