@cupra/ui-react 2.0.0-canary.101 → 2.0.0-canary.103

package/dist/esm/components/DialogFullscreen/DialogFullscreen.js

@@ -1,15 +1,17 @@
-import { jsx as i } from "react/jsx-runtime";
+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 "@cupra/ui-kit/react/ds-dialog-fullscreen";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as a } from "../../hooks/useHandleEvent.js";
-import { createPortal as m } from "react-dom";
-function P(r) {
-  const { className: e, children: t, onClose: l, withPortal: s, ...n } = r, { ref: c } = a({
-    "ds-dialog-fullscreen:close": l
-  }), o = /* @__PURE__ */ i("ds-dialog-fullscreen-react", { ref: c, class: e, ...n, children: t });
-  return s ? m(o, document.body) : o;
+//#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
+	});
+	return s ? n(u, document.body) : u;
 }
-export {
-  P as DialogFullscreen
-};
+//#endregion
+export { r as DialogFullscreen };

package/dist/esm/components/DialogHeader/DialogHeader.js

@@ -1,9 +1,13 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-dialog-header";
-function i(r) {
-  const { className: e, children: o, ...a } = r;
-  return /* @__PURE__ */ s("ds-dialog-header-react", { class: e, ...a, children: o });
+//#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
+	});
 }
-export {
-  i as DialogHeader
-};
+//#endregion
+export { t as DialogHeader };

package/dist/esm/components/Divider/Divider.js

@@ -1,8 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-divider";
-function d({ className: r, ...i }) {
-  return /* @__PURE__ */ t("ds-divider-react", { class: r, ...i });
+//#region src/components/Divider/Divider.tsx
+function t({ className: t, ...n }) {
+	return /* @__PURE__ */ e("ds-divider-react", {
+		class: t,
+		...n
+	});
 }
-export {
-  d as Divider
-};
+//#endregion
+export { t as Divider };

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

@@ -1,19 +1,29 @@
-import { jsx as o } from "react/jsx-runtime";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-drawer";
-import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
-function t(e) {
-  const { className: r, children: d, onClose: c, ...l } = e, { ref: i } = m({
-    "ds-drawer:close": c
-  });
-  return /* @__PURE__ */ o("ds-drawer-react", { class: r, ref: i, ...l, children: d });
+//#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
+	});
 }
-const n = ({ children: e, ...r }) => /* @__PURE__ */ o("div", { slot: "header", ...r, children: e }), s = ({ children: e, ...r }) => /* @__PURE__ */ o("div", { slot: "content", ...r, children: e }), a = ({ children: e, ...r }) => /* @__PURE__ */ o("div", { slot: "footer", ...r, children: e });
-t.Header = n;
-t.Content = s;
-t.Footer = a;
-n.displayName = "Drawer.Header";
-s.displayName = "Drawer.Content";
-a.displayName = "Drawer.Footer";
-export {
-  t as Drawer
-};
+var r = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
+	slot: "header",
+	...n,
+	children: e
+}), i = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
+	slot: "content",
+	...n,
+	children: e
+}), a = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
+	slot: "footer",
+	...n,
+	children: e
+});
+n.Header = r, n.Content = i, n.Footer = a, r.displayName = "Drawer.Header", i.displayName = "Drawer.Content", a.displayName = "Drawer.Footer";
+//#endregion
+export { n as Drawer };

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

@@ -1,28 +1,21 @@
-import { jsx as d } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as l } from "../../hooks/useHandleEvent.js";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../hooks/index.js";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-favourite-action";
-function v({
-  className: i,
-  initialSelected: e,
-  onChange: t,
-  onClick: r,
-  ...o
-}) {
-  const c = (a) => {
-    t == null || t(a.detail.selected);
-  }, { ref: s } = l({ "ds-favourite-action:change": c, click: r });
-  return /* @__PURE__ */ d(
-    "ds-favourite-action-react",
-    {
-      ref: s,
-      class: i,
-      "initial-selected": e || void 0,
-      ...o
-    }
-  );
+//#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
+	});
+	return /* @__PURE__ */ t("ds-favourite-action-react", {
+		ref: c,
+		class: n,
+		"initial-selected": r || void 0,
+		...o
+	});
 }
-export {
-  v as FavouriteAction
-};
+//#endregion
+export { n as FavouriteAction };

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

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

package/dist/esm/components/Icon/Icon.js

@@ -1,9 +1,13 @@
 import { jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-icon";
-function a(o) {
-  const { "icon-name": n, className: c, ...r } = o;
-  return /* @__PURE__ */ e("ds-icon-react", { "icon-name": n, class: c, ...r });
+//#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
+	});
 }
-export {
-  a as Icon
-};
+//#endregion
+export { t as Icon };

package/dist/esm/components/IconButton/IconButton.js

@@ -1,20 +1,16 @@
-import { jsx as e } from "react/jsx-runtime";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../hooks/index.js";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-icon-button";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
-function u(o) {
-  const { className: r, onClick: i, size: t, ...n } = o, { ref: s } = c({ click: i });
-  return /* @__PURE__ */ e(
-    "ds-icon-button-react",
-    {
-      ref: s,
-      size: typeof t == "string" ? t : JSON.stringify(t),
-      class: r,
-      ...n
-    }
-  );
+//#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
+	});
 }
-export {
-  u as IconButton
-};
+//#endregion
+export { n as IconButton };

package/dist/esm/components/IconButtonGroup/IconButtonGroup.js

@@ -1,9 +1,13 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-icon-button-group";
-function p(o) {
-  const { className: r, children: t, ...n } = o;
-  return /* @__PURE__ */ c("ds-icon-button-group-react", { class: r, ...n, children: t });
+//#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
+	});
 }
-export {
-  p as IconButtonGroup
-};
+//#endregion
+export { t as IconButtonGroup };

package/dist/esm/components/InlineAlert/InlineAlert.js

@@ -1,14 +1,16 @@
-import { jsx as l } from "react/jsx-runtime";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../hooks/index.js";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-inline-alert";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as s } from "../../hooks/useHandleEvent.js";
-function d(e) {
-  const { className: r, children: o, onClose: t, ...n } = e, { ref: i } = s({
-    "inline-alert:close": t
-  });
-  return /* @__PURE__ */ l("ds-inline-alert-react", { ref: i, class: r, ...n, children: o });
+//#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
+	});
 }
-export {
-  d as InlineAlert
-};
+//#endregion
+export { n as InlineAlert };

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

@@ -1,14 +1,20 @@
-import { jsx as m } from "react/jsx-runtime";
+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 "@cupra/ui-kit/react/ds-input";
-import { useHandleEvent as s } from "../../hooks/useHandleEvent.js";
-import { forwardRef as i, useImperativeHandle as u } from "react";
-const c = i(
-  ({ className: e, onInput: t, onKeyDown: n, onChange: o, ...p }, a) => {
-    const { ref: r } = s({ input: t, keydown: n, change: o });
-    return u(a, () => r.current, []), /* @__PURE__ */ m("ds-input-react", { ref: r, class: e, ...p });
-  }
-);
-c.displayName = "Input";
-export {
-  c as 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
+	});
+	return r(c, () => l.current, []), /* @__PURE__ */ t("ds-input-react", {
+		ref: l,
+		class: n,
+		...s
+	});
+});
+i.displayName = "Input";
+//#endregion
+export { i as Input };

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

@@ -1,27 +1,39 @@
-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 { jsx as t } 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
+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
+	});
 }
-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 r = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "title",
+	children: e
+}), i = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "subtitle",
+	children: e
+}), a = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "meta",
+	children: e
+}), o = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "content",
+	children: e
+}), s = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "cta",
+	children: e
+}), c = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "error-title",
+	children: e
+}), l = ({ children: e }) => /* @__PURE__ */ t("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";
+//#endregion
+export { n as InteractiveCard };

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

@@ -1,12 +1,15 @@
-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 { jsx as t } 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
+	});
 }
-export {
-  s as LinkButton
-};
+//#endregion
+export { n as LinkButton };

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

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

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

@@ -1,13 +1,17 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { Divider as e } from "../Divider/Divider.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-list-item";
-import { Divider as n } from "../Divider/Divider.js";
-function u({ className: r, children: s, selected: o, disabled: d, variant: i, ...f }) {
-  const t = { ...f };
-  return i && (t.variant = i), o && (t.selected = !0), d && (t.disabled = !0), /* @__PURE__ */ m("div", { style: { width: "fit-content" }, children: [
-    /* @__PURE__ */ e("ds-list-item-react", { className: r, ...t, children: s }),
-    i !== "info" && /* @__PURE__ */ e(n, {})
-  ] });
+//#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", {
+		style: { width: "fit-content" },
+		children: [/* @__PURE__ */ t("ds-list-item-react", {
+			className: r,
+			...l,
+			children: i
+		}), s !== "info" && /* @__PURE__ */ t(e, {})]
+	});
 }
-export {
-  u as ListItem
-};
+//#endregion
+export { r as ListItem };

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

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

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

@@ -1,9 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } 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
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-logo-react", {
+		class: n,
+		...i
+	});
 }
-export {
-  a as Logo
-};
+//#endregion
+export { t as Logo };

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

@@ -1,19 +1,30 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-main-title";
-function n(t) {
-  const { className: e, children: r, ...i } = t;
-  return /* @__PURE__ */ o("ds-main-title-react", { class: e, ...i, children: r });
+//#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
+	});
 }
-function s(t) {
-  const { as: e, children: r, ...i } = t;
-  return /* @__PURE__ */ o(e, { slot: "title", ...i, children: r });
+function n(t) {
+	let { as: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e(n, {
+		slot: "title",
+		...i,
+		children: r
+	});
 }
-function l(t) {
-  const { as: e, children: r, ...i } = t;
-  return /* @__PURE__ */ o(e, { slot: "subtitle", ...i, children: r });
+function r(t) {
+	let { as: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e(n, {
+		slot: "subtitle",
+		...i,
+		children: r
+	});
 }
-n.Title = s;
-n.Subtitle = l;
-export {
-  n as MainTitle
-};
+t.Title = n, t.Subtitle = r;
+//#endregion
+export { t as MainTitle };

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

@@ -1,12 +1,14 @@
-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 { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../hooks/index.js";
+import { jsx as t } from "react/jsx-runtime";
 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
+function n({ onChange: n, ...r }) {
+	let { ref: i } = e({ change: n });
+	return /* @__PURE__ */ t("ds-map-pin-react", {
+		ref: i,
+		...r
+	});
 }
-export {
-  f as MapPin
-};
+//#endregion
+export { n as MapPin };