@cupra/ui-react 2.0.0-canary.14 → 2.0.0-canary.140

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

@@ -1,27 +1,41 @@
-import { jsx as r } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as u } from "../../hooks/useHandleEvent.js";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../hooks/index.js";
+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";
-function e(t) {
-  const { className: d, children: v, onClick: m, ...C } = t, { ref: p } = u({ click: m });
-  return /* @__PURE__ */ r("ds-interactive-card-react", { ref: p, class: d, ...C, children: v });
+//#region src/components/InteractiveCard/InteractiveCard.tsx
+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
+	});
 }
-const a = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "title", children: t }), i = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "subtitle", children: t }), n = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "meta", children: t }), o = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "content", children: t }), l = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "cta", children: t }), s = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "error-title", children: t }), c = ({ children: t }) => /* @__PURE__ */ r("div", { slot: "error-text", children: t });
-e.Title = a;
-e.Subtitle = i;
-e.Meta = n;
-e.Content = o;
-e.Cta = l;
-e.ErrorTitle = s;
-e.ErrorText = c;
-a.displayName = "InteractiveCard.Title";
-i.displayName = "InteractiveCard.Subtitle";
-n.displayName = "InteractiveCard.Meta";
-o.displayName = "InteractiveCard.Content";
-l.displayName = "InteractiveCard.Cta";
-s.displayName = "InteractiveCard.ErrorTitle";
-c.displayName = "InteractiveCard.ErrorText";
-export {
-  e as InteractiveCard
-};
+var a = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "title",
+	children: e
+}), o = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "subtitle",
+	children: e
+}), s = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "meta",
+	children: e
+}), c = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "content",
+	children: e
+}), l = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "cta",
+	children: e
+}), u = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "error-title",
+	children: e
+}), d = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "error-text",
+	children: e
+});
+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 { i as InteractiveCard };

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

@@ -1,12 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/ds-link-button";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
-function s({ children: t, onClick: o, ...r }) {
-  const { ref: n } = e({ click: o });
-  return /* @__PURE__ */ i("ds-link-button-react", { ref: n, ...r, children: t });
+import "../../hooks/index.js";
+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
+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
+	});
 }
-export {
-  s as LinkButton
-};
+//#endregion
+export { i as LinkButton };

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

@@ -0,0 +1,14 @@
+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
+var n = `ds-list${e}`;
+function r({ className: e, children: r, ...i }) {
+	return /* @__PURE__ */ t(n, {
+		class: e,
+		...i,
+		children: r
+	});
+}
+//#endregion
+export { r as List };

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

@@ -0,0 +1,19 @@
+import { Divider as e } from "../Divider/Divider.js";
+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
+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__ */ n(i, {
+			className: t,
+			...u,
+			children: a
+		}), c !== "info" && /* @__PURE__ */ n(e, {})]
+	});
+}
+//#endregion
+export { a as ListItem };

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

@@ -1,27 +1,34 @@
-import { jsx as o } 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";
-function t(r) {
-  return /* @__PURE__ */ o("ds-loader-logo-react", { ...r });
+//#region src/components/Loader/Loader.tsx
+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 e(r) {
-  return /* @__PURE__ */ o("ds-loader-bar-react", { ...r });
+function s(e) {
+	return /* @__PURE__ */ t(r, { ...e });
 }
-function n(r) {
-  return /* @__PURE__ */ o("ds-loader-dots-react", { ...r });
+function c(e) {
+	return /* @__PURE__ */ t(i, { ...e });
 }
-function d(r) {
-  return /* @__PURE__ */ o("ds-loader-spinner-react", { ...r, children: r.text && /* @__PURE__ */ o("div", { slot: "text", children: r.text }) });
+function l(e) {
+	return /* @__PURE__ */ t(a, {
+		...e,
+		children: e.text && /* @__PURE__ */ t("div", {
+			slot: "text",
+			children: e.text
+		})
+	});
 }
-const u = {
-  Logo: t,
-  Bar: e,
-  Dots: n,
-  Spinner: d
-};
-export {
-  u as Loader,
-  t as LoaderLogo
+var u = {
+	Logo: o,
+	Bar: s,
+	Dots: c,
+	Spinner: l
 };
+//#endregion
+export { u as Loader, o as LoaderLogo };

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

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

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

@@ -1,19 +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";
-function n(t) {
-  const { className: r, children: i, ...o } = t;
-  return /* @__PURE__ */ e("ds-main-title-react", { class: r, ...o, children: i });
+//#region src/components/MainTitle/MainTitle.tsx
+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 s(t) {
-  const { as: r, children: i, ...o } = t;
-  return /* @__PURE__ */ e(r, { slot: "title", ...o, children: i });
+function i(e) {
+	let { as: n, children: r, ...i } = e;
+	return /* @__PURE__ */ t(n, {
+		slot: "title",
+		...i,
+		children: r
+	});
 }
-function c(t) {
-  const { as: r, children: i, ...o } = t;
-  return /* @__PURE__ */ e(r, { slot: "description", ...o, children: i });
+function a(e) {
+	let { as: n, children: r, ...i } = e;
+	return /* @__PURE__ */ t(n, {
+		slot: "subtitle",
+		...i,
+		children: r
+	});
 }
-n.Title = s;
-n.Description = c;
-export {
-  n as MainTitle
-};
+r.Title = i, r.Subtitle = a;
+//#endregion
+export { r as MainTitle };

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

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

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

@@ -1,12 +1,20 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../hooks/index.js";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
 import { jsx as n } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
 import "@cupra/ui-kit/react/ds-media-control";
-function u(o) {
-  const { className: r, onPlay: t, onPause: e, ...s } = o, { ref: a } = m({ "ds-media-control:play": t, "ds-media-control:pause": e });
-  return /* @__PURE__ */ n("ds-media-control-react", { ref: a, class: r, ...s });
+//#region src/components/MediaControl/MediaControl.tsx
+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__ */ n(r, {
+		ref: c,
+		class: i,
+		...s
+	});
 }
-export {
-  u as MediaControl
-};
+//#endregion
+export { i as MediaControl };

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

@@ -1,13 +1,14 @@
-import { jsx as n } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as f } from "../../hooks/useHandleEvent.js";
-import p 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 { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../hooks/index.js";
+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";
-import { createPortal as C } from "react-dom";
-function e() {
-}
-const k = p.div`
+//#region src/components/Modal/Modal.tsx
+var a = `ds-modal${n}`;
+function o() {}
+var s = t.div`
     margin: 0;
     width: 100%;
     height: 100%;
@@ -16,36 +17,40 @@ const k = p.div`
     left: 50%;
     transform: translate(-50%, -50%);
 `;
-function l(t) {
-  const {
-    children: o,
-    onClickCloseButton: i = e,
-    onClickConfirmButton: s = e,
-    onClickCancelButton: u = e,
-    className: m,
-    withPortal: a,
-    ...r
-  } = t, { ref: d } = f({
-    "click-close-button": i,
-    "click-confirm-button": s,
-    "click-cancel-button": u
-  });
-  if (!r.open) return null;
-  const c = /* @__PURE__ */ n("ds-modal-react", { ref: d, class: m, ...r, children: o });
-  return a ? C(c, document.body) : 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 (!f.open) return null;
+	let m = /* @__PURE__ */ r(a, {
+		ref: p,
+		class: u,
+		...f,
+		children: n
+	});
+	return d ? i(m, document.body) : m;
 }
-function b({ children: t }) {
-  return /* @__PURE__ */ n("div", { slot: "title", children: t });
+function l({ children: e }) {
+	return /* @__PURE__ */ r("div", {
+		slot: "title",
+		children: e
+	});
 }
-function h({ className: t = "", children: o }) {
-  return /* @__PURE__ */ n("div", { slot: "content", className: `ds-scroll ${t}`.trim(), children: o });
+function u({ className: e = "", children: t }) {
+	return /* @__PURE__ */ r("div", {
+		slot: "content",
+		className: `ds-scroll ${e}`.trim(),
+		children: t
+	});
 }
-function v({ children: t }) {
-  return /* @__PURE__ */ n(k, { slot: "content", children: t });
+function d({ children: e }) {
+	return /* @__PURE__ */ r(s, {
+		slot: "content",
+		children: e
+	});
 }
-l.Title = b;
-l.Content = h;
-l.FullScreenContent = v;
-export {
-  l as Modal
-};
+c.Title = l, c.Content = u, c.FullScreenContent = d;
+//#endregion
+export { c as Modal };

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

@@ -0,0 +1,15 @@
+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
+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 { r as NavigationControls };

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

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

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

@@ -1,21 +1,18 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+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";
-import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
-function a(r) {
-  const { className: i, children: t, onClick: s, size: e, ...c } = r, { ref: o } = m({
-    "ds-picker-item:click": s
-  });
-  return /* @__PURE__ */ n(
-    "ds-picker-item-react",
-    {
-      ref: o,
-      size: typeof e == "string" ? e : JSON.stringify(e),
-      class: i,
-      ...c,
-      children: t
-    }
-  );
+//#region src/components/PickerItem/PickerItem.tsx
+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
+	});
 }
-export {
-  a as PickerItem
-};
+//#endregion
+export { i as PickerItem };

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

@@ -1,15 +1,24 @@
-import { jsx as s } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
 import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../hooks/index.js";
+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";
-const i = ({ children: o, onChange: r, className: t, ...a }) => {
-  const { ref: n } = e({ change: r });
-  return /* @__PURE__ */ s("ds-radio-group-react", { ref: n, class: t, ...a, children: o });
-}, c = ({ children: o, className: r, ...t }) => /* @__PURE__ */ s("ds-radio-react", { class: r, ...t, children: o }), l = {
-  Group: i,
-  Button: c
-};
-export {
-  l as Radio
+//#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: t, ...r }) => /* @__PURE__ */ n(i, {
+		class: t,
+		...r,
+		children: e
+	})
 };
+//#endregion
+export { a as Radio };

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

@@ -1,10 +1,17 @@
-import { jsx as a } from "react/jsx-runtime";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+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";
-import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
-function p(o) {
-  const { className: t, children: r, onChange: n, ...e } = o, { ref: s } = c({ change: n });
-  return /* @__PURE__ */ a("ds-radio-button-react", { ref: s, class: t, ...e, children: r });
+//#region src/components/RadioButton/RadioButton.tsx
+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
+	});
 }
-export {
-  p as RadioButton
-};
+//#endregion
+export { i as RadioButton };

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

@@ -1,10 +1,17 @@
-import { jsx as a } from "react/jsx-runtime";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+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";
-import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
-function m(o) {
-  const { className: r, children: t, onChange: n, ...e } = o, { ref: s } = c({ change: n });
-  return /* @__PURE__ */ a("ds-radio-button-group-react", { ref: s, class: r, ...e, children: t });
+//#region src/components/RadioButtonGroup/RadioButtonGroup.tsx
+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
+	});
 }
-export {
-  m as RadioButtonGroup
-};
+//#endregion
+export { i as RadioButtonGroup };