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

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

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

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

package/dist/esm/components/DatePicker/DatePicker.js

@@ -1,30 +1,32 @@
 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-date-picker";
 //#region src/components/DatePicker/DatePicker.tsx
-function r(r) {
-	let { className: i, children: a, onChange: o, inputId: s, value: c, label: l, required: u, disabled: d, readOnly: f, ...p } = r, { ref: m } = e({ change: o });
-	return /* @__PURE__ */ n("ds-date-picker-react", {
-		ref: m,
-		class: i,
-		...p,
+var i = `ds-date-picker${t}`;
+function a(t) {
+	let { className: a, children: o, onChange: s, inputId: c, value: l, label: u, required: d, disabled: f, readOnly: p, ...m } = t, { ref: h } = e({ change: s });
+	return /* @__PURE__ */ r(i, {
+		ref: h,
+		class: a,
+		...m,
 		children: [
-			/* @__PURE__ */ t("label", {
-				htmlFor: s,
-				children: l
+			/* @__PURE__ */ n("label", {
+				htmlFor: c,
+				children: u
 			}),
-			/* @__PURE__ */ t("input", {
-				id: s,
+			/* @__PURE__ */ n("input", {
+				id: c,
 				type: "date",
-				value: c,
-				required: u,
-				disabled: d,
-				readOnly: f
+				value: l,
+				required: d,
+				disabled: f,
+				readOnly: p
 			}),
-			a
+			o
 		]
 	});
 }
 //#endregion
-export { r as DatePicker };
+export { a as DatePicker };

package/dist/esm/components/Dialog/Dialog.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-dialog";
-import { createPortal as n } from "react-dom";
+import { createPortal as r } from "react-dom";
 //#region src/components/Dialog/Dialog.tsx
-function r(r) {
-	let { className: i, children: a, onClose: o, withPortal: s, ...c } = r, { ref: l } = e({ "ds-dialog:close": o }), u = /* @__PURE__ */ t("ds-dialog-react", {
-		ref: l,
-		class: i,
-		...c,
-		children: a
+var i = `ds-dialog${t}`;
+function a(t) {
+	let { className: a, children: o, onClose: s, withPortal: c, ...l } = t, { ref: u } = e({ "ds-dialog:close": s }), d = /* @__PURE__ */ n(i, {
+		ref: u,
+		class: a,
+		...l,
+		children: o
 	});
-	return s ? n(u, document.body) : u;
+	return c ? r(d, document.body) : d;
 }
 //#endregion
-export { r as Dialog };
+export { a as Dialog };

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

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

package/dist/esm/components/DialogFullscreen/DialogFullscreen.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 { createPortal as n } from "react-dom";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
+import { jsx as n } from "react/jsx-runtime";
+import { createPortal as r } from "react-dom";
 import "@cupra/ui-kit/react/ds-dialog-fullscreen";
 //#region src/components/DialogFullscreen/DialogFullscreen.tsx
-function r(r) {
-	let { className: i, children: a, onClose: o, withPortal: s, ...c } = r, { ref: l } = e({ "ds-dialog-fullscreen:close": o }), u = /* @__PURE__ */ t("ds-dialog-fullscreen-react", {
-		ref: l,
-		class: i,
-		...c,
-		children: a
+var i = `ds-dialog-fullscreen${t}`;
+function a(t) {
+	let { className: a, children: o, onClose: s, withPortal: c, ...l } = t, { ref: u } = e({ "ds-dialog-fullscreen:close": s }), d = /* @__PURE__ */ n(i, {
+		ref: u,
+		class: a,
+		...l,
+		children: o
 	});
-	return s ? n(u, document.body) : u;
+	return c ? r(d, document.body) : d;
 }
 //#endregion
-export { r as DialogFullscreen };
+export { a as DialogFullscreen };

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

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

package/dist/esm/components/Drawer/Drawer.js

@@ -1,29 +1,31 @@
 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-drawer";
 //#region src/components/Drawer/Drawer.tsx
-function n(n) {
-	let { className: r, children: i, onClose: a, ...o } = n, { ref: s } = e({ "ds-drawer:close": a });
-	return /* @__PURE__ */ t("ds-drawer-react", {
-		class: r,
-		ref: s,
-		...o,
-		children: i
+var r = `ds-drawer${t}`;
+function i(t) {
+	let { className: i, children: a, onClose: o, ...s } = t, { ref: c } = e({ "ds-drawer:close": o });
+	return /* @__PURE__ */ n(r, {
+		class: i,
+		ref: c,
+		...s,
+		children: a
 	});
 }
-var r = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
+var a = ({ children: e, ...t }) => /* @__PURE__ */ n("div", {
 	slot: "header",
-	...n,
+	...t,
 	children: e
-}), i = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
+}), o = ({ children: e, ...t }) => /* @__PURE__ */ n("div", {
 	slot: "content",
-	...n,
+	...t,
 	children: e
-}), a = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
+}), s = ({ children: e, ...t }) => /* @__PURE__ */ n("div", {
 	slot: "footer",
-	...n,
+	...t,
 	children: e
 });
-n.Header = r, n.Content = i, n.Footer = a, r.displayName = "Drawer.Header", i.displayName = "Drawer.Content", a.displayName = "Drawer.Footer";
+i.Header = a, i.Content = o, i.Footer = s, a.displayName = "Drawer.Header", o.displayName = "Drawer.Content", s.displayName = "Drawer.Footer";
 //#endregion
-export { n as Drawer };
+export { i as Drawer };

package/dist/esm/components/FavouriteAction/FavouriteAction.js

@@ -1,21 +1,23 @@
 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-favourite-action";
 //#region src/components/FavouriteAction/FavouriteAction.tsx
-function n({ className: n, initialSelected: r, onChange: i, onClick: a, ...o }) {
-	let s = (e) => {
-		i?.(e.detail.selected);
-	}, { ref: c } = e({
-		"ds-favourite-action:change": s,
-		click: a
+var r = `ds-favourite-action${t}`;
+function i({ className: t, initialSelected: i, onChange: a, onClick: o, ...s }) {
+	let c = (e) => {
+		a?.(e.detail.selected);
+	}, { ref: l } = e({
+		"ds-favourite-action:change": c,
+		click: o
 	});
-	return /* @__PURE__ */ t("ds-favourite-action-react", {
-		ref: c,
-		class: n,
-		"initial-selected": r || void 0,
-		...o
+	return /* @__PURE__ */ n(r, {
+		ref: l,
+		class: t,
+		"initial-selected": i || void 0,
+		...s
 	});
 }
 //#endregion
-export { n as FavouriteAction };
+export { i as FavouriteAction };

package/dist/esm/components/Hyperlink/Hyperlink.js

@@ -1,15 +1,17 @@
 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-hyperlink";
 //#region src/components/Hyperlink/Hyperlink.tsx
-function n({ children: n, onClick: r, ...i }) {
-	let { ref: a } = e({ click: r });
-	return /* @__PURE__ */ t("ds-hyperlink-react", {
-		ref: a,
-		...i,
-		children: n
+var r = `ds-hyperlink${t}`;
+function i({ children: t, onClick: i, ...a }) {
+	let { ref: o } = e({ click: i });
+	return /* @__PURE__ */ n(r, {
+		ref: o,
+		...a,
+		children: t
 	});
 }
 //#endregion
-export { n as Hyperlink };
+export { i as Hyperlink };

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

package/dist/esm/components/IconButton/IconButton.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-icon-button";
 //#region src/components/IconButton/IconButton.tsx
-function n(n) {
-	let { className: r, onClick: i, size: a, ...o } = n, { ref: s } = e({ click: i });
-	return /* @__PURE__ */ t("ds-icon-button-react", {
-		ref: s,
-		size: typeof a == "string" ? a : JSON.stringify(a),
-		class: r,
-		...o
+var r = `ds-icon-button${t}`;
+function i(t) {
+	let { className: i, onClick: a, size: o, ...s } = t, { ref: c } = e({ click: a });
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		size: typeof o == "string" ? o : JSON.stringify(o),
+		class: i,
+		...s
 	});
 }
 //#endregion
-export { n as IconButton };
+export { i as IconButton };

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

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

package/dist/esm/components/Input/Input.js

@@ -1,20 +1,21 @@
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n, useImperativeHandle as r } from "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as r, useImperativeHandle as i } from "react";
 import "@cupra/ui-kit/react/ds-input";
 //#region src/components/Input/Input.tsx
-var i = n(({ className: n, onInput: i, onKeyDown: a, onChange: o, ...s }, c) => {
-	let { ref: l } = e({
-		input: i,
-		keydown: a,
-		change: o
+var a = `ds-input${t}`, o = r(({ className: t, onInput: r, onKeyDown: o, onChange: s, ...c }, l) => {
+	let { ref: u } = e({
+		input: r,
+		keydown: o,
+		change: s
 	});
-	return r(c, () => l.current, []), /* @__PURE__ */ t("ds-input-react", {
-		ref: l,
-		class: n,
-		...s
+	return i(l, () => u.current, []), /* @__PURE__ */ n(a, {
+		ref: u,
+		class: t,
+		...c
 	});
 });
-i.displayName = "Input";
+o.displayName = "Input";
 //#endregion
-export { i as Input };
+export { o as Input };

package/dist/esm/components/InteractiveCard/InteractiveCard.js

@@ -1,39 +1,41 @@
 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-interactive-card";
 //#region src/components/InteractiveCard/InteractiveCard.tsx
-function n(n) {
-	let { className: r, children: i, onClick: a, ...o } = n, { ref: s } = e({ click: a });
-	return /* @__PURE__ */ t("ds-interactive-card-react", {
-		ref: s,
-		class: r,
-		...o,
-		children: i
+var r = `ds-interactive-card${t}`;
+function i(t) {
+	let { className: i, children: a, onClick: o, ...s } = t, { ref: c } = e({ click: o });
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		class: i,
+		...s,
+		children: a
 	});
 }
-var r = ({ children: e }) => /* @__PURE__ */ t("div", {
+var a = ({ children: e }) => /* @__PURE__ */ n("div", {
 	slot: "title",
 	children: e
-}), i = ({ children: e }) => /* @__PURE__ */ t("div", {
+}), o = ({ children: e }) => /* @__PURE__ */ n("div", {
 	slot: "subtitle",
 	children: e
-}), a = ({ children: e }) => /* @__PURE__ */ t("div", {
+}), s = ({ children: e }) => /* @__PURE__ */ n("div", {
 	slot: "meta",
 	children: e
-}), o = ({ children: e }) => /* @__PURE__ */ t("div", {
+}), c = ({ children: e }) => /* @__PURE__ */ n("div", {
 	slot: "content",
 	children: e
-}), s = ({ children: e }) => /* @__PURE__ */ t("div", {
+}), l = ({ children: e }) => /* @__PURE__ */ n("div", {
 	slot: "cta",
 	children: e
-}), c = ({ children: e }) => /* @__PURE__ */ t("div", {
+}), u = ({ children: e }) => /* @__PURE__ */ n("div", {
 	slot: "error-title",
 	children: e
-}), l = ({ children: e }) => /* @__PURE__ */ t("div", {
+}), d = ({ children: e }) => /* @__PURE__ */ n("div", {
 	slot: "error-text",
 	children: e
 });
-n.Title = r, n.Subtitle = i, n.Meta = a, n.Content = o, n.Cta = s, n.ErrorTitle = c, n.ErrorText = l, r.displayName = "InteractiveCard.Title", i.displayName = "InteractiveCard.Subtitle", a.displayName = "InteractiveCard.Meta", o.displayName = "InteractiveCard.Content", s.displayName = "InteractiveCard.Cta", c.displayName = "InteractiveCard.ErrorTitle", l.displayName = "InteractiveCard.ErrorText";
+i.Title = a, i.Subtitle = o, i.Meta = s, i.Content = c, i.Cta = l, i.ErrorTitle = u, i.ErrorText = d, a.displayName = "InteractiveCard.Title", o.displayName = "InteractiveCard.Subtitle", s.displayName = "InteractiveCard.Meta", c.displayName = "InteractiveCard.Content", l.displayName = "InteractiveCard.Cta", u.displayName = "InteractiveCard.ErrorTitle", d.displayName = "InteractiveCard.ErrorText";
 //#endregion
-export { n as InteractiveCard };
+export { i as InteractiveCard };

package/dist/esm/components/LinkButton/LinkButton.js

@@ -1,15 +1,17 @@
 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-link-button";
 //#region src/components/LinkButton/LinkButton.tsx
-function n({ children: n, onClick: r, ...i }) {
-	let { ref: a } = e({ click: r });
-	return /* @__PURE__ */ t("ds-link-button-react", {
-		ref: a,
-		...i,
-		children: n
+var r = `ds-link-button${t}`;
+function i({ children: t, onClick: i, ...a }) {
+	let { ref: o } = e({ click: i });
+	return /* @__PURE__ */ n(r, {
+		ref: o,
+		...a,
+		children: t
 	});
 }
 //#endregion
-export { n as LinkButton };
+export { i as LinkButton };