@cupra/ui-react 2.0.0-canary.100 → 2.0.0-canary.102

package/dist/esm/components/Accordion/Accordion.js

@@ -1,8 +1,16 @@
-import { jsx as o } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-accordion";
-const n = ({ children: t, ...r }) => /* @__PURE__ */ o("ds-accordion-react", { ...r, children: t }), e = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "title", children: t }), c = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "content", children: t });
-n.Title = e;
-n.Content = c;
-export {
-  n as Accordion
-};
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/Accordion/Accordion.tsx
+var t = ({ children: t, ...n }) => /* @__PURE__ */ e("ds-accordion-react", {
+	...n,
+	children: t
+});
+t.Title = ({ children: t }) => /* @__PURE__ */ e("div", {
+	slot: "title",
+	children: t
+}), t.Content = ({ children: t }) => /* @__PURE__ */ e("div", {
+	slot: "content",
+	children: t
+});
+//#endregion
+export { t as Accordion };

package/dist/esm/components/Avatar/Avatar.js

@@ -1,12 +1,20 @@
-import { jsx as m } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import { isValidElement as n, cloneElement as s } from "react";
-import { useHandleEvent as c } 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 { cloneElement as n, isValidElement as r } from "react";
 import "@cupra/ui-kit/react/ds-avatar";
-function E(t) {
-  const { className: r, onClick: e, image: o, ...a } = t, { ref: i } = c({ click: e }), l = o && n(o) ? s(o, { slot: "media", ...o.props }) : null;
-  return /* @__PURE__ */ m("ds-avatar-react", { ref: i, class: r, ...a, children: l });
+//#region src/components/Avatar/Avatar.tsx
+function i(i) {
+	let { className: a, onClick: o, image: s, ...c } = i, { ref: l } = e({ click: o }), u = s && r(s) ? n(s, {
+		slot: "media",
+		...s.props
+	}) : null;
+	return /* @__PURE__ */ t("ds-avatar-react", {
+		ref: l,
+		class: a,
+		...c,
+		children: u
+	});
 }
-export {
-  E as Avatar
-};
+//#endregion
+export { i as Avatar };

package/dist/esm/components/Badge/Badge.js

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

package/dist/esm/components/BasicCard/BasicCard.js

@@ -1,15 +1,20 @@
-import { jsx as r } 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-basic-card";
-import { useHandleEvent as i } from "../../hooks/useHandleEvent.js";
-function n(e) {
-  const { className: a, children: s, onClick: c, ...d } = e, { ref: o } = i({
-    "ds-basic-card:click": c
-  });
-  return /* @__PURE__ */ r("ds-basic-card-react", { ref: o, class: a, ...d, children: s });
+//#region src/components/BasicCard/BasicCard.tsx
+function n(n) {
+	let { className: r, children: i, onClick: a, ...o } = n, { ref: s } = e({ "ds-basic-card:click": a });
+	return /* @__PURE__ */ t("ds-basic-card-react", {
+		ref: s,
+		class: r,
+		...o,
+		children: i
+	});
 }
-const t = ({ children: e }) => /* @__PURE__ */ r("div", { slot: "featured-text", children: e });
-n.FeaturedText = t;
-t.displayName = "BasicCard.FeaturedText";
-export {
-  n as BasicCard
-};
+var r = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "featured-text",
+	children: e
+});
+n.FeaturedText = r, r.displayName = "BasicCard.FeaturedText";
+//#endregion
+export { n as BasicCard };

package/dist/esm/components/BasicCardHeader/BasicCardHeader.js

@@ -1,18 +1,27 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-basic-card-header";
-function r(e) {
-  const { className: c, children: o, ...n } = e;
-  return /* @__PURE__ */ a("ds-basic-card-header-react", { class: c, ...n, children: o });
+//#region src/components/BasicCardHeader/BasicCardHeader.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-basic-card-header-react", {
+		class: n,
+		...i,
+		children: r
+	});
 }
-const t = ({ children: e }) => /* @__PURE__ */ a("div", { slot: "title", children: e }), s = ({ children: e }) => /* @__PURE__ */ a("div", { slot: "description", children: e }), i = ({ children: e }) => /* @__PURE__ */ a("div", { slot: "meta", children: e }), d = ({ children: e }) => /* @__PURE__ */ a("div", { slot: "sub-header", children: e });
-r.Title = t;
-r.Description = s;
-r.Meta = i;
-r.SubHeader = d;
-t.displayName = "BasicCard.Title";
-i.displayName = "BasicCard.Meta";
-s.displayName = "BasicCard.Description";
-d.displayName = "BasicCard.SubHeader";
-export {
-  r as BasicCardHeader
-};
+var n = ({ children: t }) => /* @__PURE__ */ e("div", {
+	slot: "title",
+	children: t
+}), r = ({ children: t }) => /* @__PURE__ */ e("div", {
+	slot: "description",
+	children: t
+}), i = ({ children: t }) => /* @__PURE__ */ e("div", {
+	slot: "meta",
+	children: t
+}), a = ({ children: t }) => /* @__PURE__ */ e("div", {
+	slot: "sub-header",
+	children: t
+});
+t.Title = n, t.Description = r, t.Meta = i, t.SubHeader = a, n.displayName = "BasicCard.Title", i.displayName = "BasicCard.Meta", r.displayName = "BasicCard.Description", a.displayName = "BasicCard.SubHeader";
+//#endregion
+export { t as BasicCardHeader };

package/dist/esm/components/BasicCardImage/BasicCardImage.js

@@ -1,9 +1,13 @@
 import { jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-basic-card-image";
-function i(r) {
-  const { className: a, children: s, ...c } = r;
-  return /* @__PURE__ */ e("ds-basic-card-image-react", { class: a, ...c, children: s });
+//#region src/components/BasicCardImage/BasicCardImage.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-basic-card-image-react", {
+		class: n,
+		...i,
+		children: r
+	});
 }
-export {
-  i as BasicCardImage
-};
+//#endregion
+export { t as BasicCardImage };

package/dist/esm/components/BasicCardSection/BasicCardSection.js

@@ -1,9 +1,13 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-basic-card-section";
-function i(r) {
-  const { className: c, children: s, ...o } = r;
-  return /* @__PURE__ */ t("ds-basic-card-section-react", { class: c, ...o, children: s });
+//#region src/components/BasicCardSection/BasicCardSection.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-basic-card-section-react", {
+		class: n,
+		...i,
+		children: r
+	});
 }
-export {
-  i as BasicCardSection
-};
+//#endregion
+export { t as BasicCardSection };

package/dist/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -1,9 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-breadcrumbs";
-const m = (r) => {
-  const { className: s, children: c, ...e } = r;
-  return /* @__PURE__ */ o("ds-breadcrumbs-react", { class: s, ...e, children: c });
-};
-export {
-  m as Breadcrumbs
+//#region src/components/Breadcrumbs/Breadcrumbs.tsx
+var t = (t) => {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-breadcrumbs-react", {
+		class: n,
+		...i,
+		children: r
+	});
 };
+//#endregion
+export { t as Breadcrumbs };

package/dist/esm/components/BreadcrumbsItem/BreadcrumbsItem.js

@@ -1,12 +1,18 @@
-import { jsx as m } from "react/jsx-runtime";
-import e from "react";
+import { jsx as e } from "react/jsx-runtime";
+import t from "react";
 import "@cupra/ui-kit/react/ds-breadcrumbs-item";
-const i = (t) => {
-  const { className: s, children: o, ...a } = t;
-  return /* @__PURE__ */ m("ds-breadcrumbs-item-react", { class: s, ...a, children: o });
-}, r = ({ children: t }) => e.isValidElement(t) ? e.cloneElement(t, { slot: "item" }) : /* @__PURE__ */ m("div", { slot: "item", children: t });
-i.Item = r;
-r.displayName = "BreadcrumbsItem.Item";
-export {
-  i as BreadcrumbsItem
-};
+//#region src/components/BreadcrumbsItem/BreadcrumbsItem.tsx
+var n = (t) => {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-breadcrumbs-item-react", {
+		class: n,
+		...i,
+		children: r
+	});
+}, r = ({ children: n }) => t.isValidElement(n) ? t.cloneElement(n, { slot: "item" }) : /* @__PURE__ */ e("div", {
+	slot: "item",
+	children: n
+});
+n.Item = r, r.displayName = "BreadcrumbsItem.Item";
+//#endregion
+export { n as BreadcrumbsItem };

package/dist/esm/components/Bullets/Bullets.js

@@ -1,6 +1,9 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-bullets";
-const o = ({ className: t, ...r }) => /* @__PURE__ */ s("ds-bullets-react", { class: t, ...r });
-export {
-  o as Bullets
-};
+//#region src/components/Bullets/Bullets.tsx
+var t = ({ className: t, ...n }) => /* @__PURE__ */ e("ds-bullets-react", {
+	class: t,
+	...n
+});
+//#endregion
+export { t as Bullets };

package/dist/esm/components/Button/Button.js

@@ -1,21 +1,17 @@
-import { jsx as c } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as m } 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-button";
-function d(o) {
-  const { className: r, children: i, onClick: s, size: t, ...e } = o, { ref: n } = m({ click: s });
-  return /* @__PURE__ */ c(
-    "ds-button-react",
-    {
-      ref: n,
-      size: typeof t == "string" ? t : JSON.stringify(t),
-      class: r,
-      ...e,
-      children: i
-    }
-  );
+//#region src/components/Button/Button.tsx
+function n(n) {
+	let { className: r, children: i, onClick: a, size: o, ...s } = n, { ref: c } = e({ click: a });
+	return /* @__PURE__ */ t("ds-button-react", {
+		ref: c,
+		size: typeof o == "string" ? o : JSON.stringify(o),
+		class: r,
+		...s,
+		children: i
+	});
 }
-export {
-  d as Button
-};
+//#endregion
+export { n as Button };

package/dist/esm/components/Calendar/Calendar.js

@@ -1,12 +1,15 @@
-import { jsx as n } 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-calendar";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as o } from "../../hooks/useHandleEvent.js";
-function p({ className: r, onChange: e, ...t }) {
-  const { ref: a } = o({ "ds-calendar-change": e });
-  return /* @__PURE__ */ n("ds-calendar-react", { ref: a, class: r, ...t });
+//#region src/components/Calendar/Calendar.tsx
+function n({ className: n, onChange: r, ...i }) {
+	let { ref: a } = e({ "ds-calendar-change": r });
+	return /* @__PURE__ */ t("ds-calendar-react", {
+		ref: a,
+		class: n,
+		...i
+	});
 }
-export {
-  p as Calendar
-};
+//#endregion
+export { n as Calendar };

package/dist/esm/components/CarouselIndicator/CarouselIndicator.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-carousel-indicator";
-function i(r) {
-  const { className: o, children: c, ...s } = r;
-  return /* @__PURE__ */ t("ds-carousel-indicator-react", { class: o, ...s });
+//#region src/components/CarouselIndicator/CarouselIndicator.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-carousel-indicator-react", {
+		class: n,
+		...i
+	});
 }
-export {
-  i as CarouselIndicator
-};
+//#endregion
+export { t as CarouselIndicator };

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,12 +1,15 @@
-import { jsx as c } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as m } 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-checkbox";
-function x({ onChange: o, children: r, ...t }) {
-  const { ref: e } = m({ change: o });
-  return /* @__PURE__ */ c("ds-checkbox-react", { ref: e, ...t, children: r });
+//#region src/components/Checkbox/Checkbox.tsx
+function n({ onChange: n, children: r, ...i }) {
+	let { ref: a } = e({ change: n });
+	return /* @__PURE__ */ t("ds-checkbox-react", {
+		ref: a,
+		...i,
+		children: r
+	});
 }
-export {
-  x as Checkbox
-};
+//#endregion
+export { n as Checkbox };

package/dist/esm/components/CheckboxGroup/CheckboxGroup.js

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

package/dist/esm/components/Chip/Chip.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-chip";
-function p(r) {
-  const { className: o, children: s, ...t } = r;
-  return /* @__PURE__ */ c("ds-chip-react", { class: o, ...t, children: s });
+//#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
+	});
 }
-export {
-  p as Chip
-};
+//#endregion
+export { t as Chip };

package/dist/esm/components/Chips/Chips.js

@@ -1,14 +1,16 @@
-import { jsx as c } 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-chips";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as i } from "../../hooks/useHandleEvent.js";
-function f(r) {
-  const { className: o, children: s, onChange: t, ...e } = r, { ref: n } = i({
-    "ds-chips:change": t
-  });
-  return /* @__PURE__ */ c("ds-chips-react", { ref: n, class: o, ...e, children: s });
+//#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
+	});
 }
-export {
-  f as Chips
-};
+//#endregion
+export { n as Chips };

package/dist/esm/components/Currency/Currency.js

@@ -1,9 +1,12 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-currency";
-function n(r) {
-  const { className: c, ...o } = r;
-  return /* @__PURE__ */ s("ds-currency-react", { class: c, ...o });
+//#region src/components/Currency/Currency.tsx
+function t(t) {
+	let { className: n, ...r } = t;
+	return /* @__PURE__ */ e("ds-currency-react", {
+		class: n,
+		...r
+	});
 }
-export {
-  n as Currency
-};
+//#endregion
+export { t as Currency };

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

@@ -1,16 +1,30 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../hooks/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-date-picker";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as u } from "../../hooks/useHandleEvent.js";
-function k(t) {
-  const { className: i, children: n, onChange: a, inputId: e, value: o, label: l, required: d, disabled: s, readOnly: c, ...p } = t, { ref: m } = u({ change: a });
-  return /* @__PURE__ */ h("ds-date-picker-react", { ref: m, class: i, ...p, children: [
-    /* @__PURE__ */ r("label", { htmlFor: e, children: l }),
-    /* @__PURE__ */ r("input", { id: e, type: "date", value: o, required: d, disabled: s, readOnly: c }),
-    n
-  ] });
+//#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,
+		children: [
+			/* @__PURE__ */ t("label", {
+				htmlFor: s,
+				children: l
+			}),
+			/* @__PURE__ */ t("input", {
+				id: s,
+				type: "date",
+				value: c,
+				required: u,
+				disabled: d,
+				readOnly: f
+			}),
+			a
+		]
+	});
 }
-export {
-  k as DatePicker
-};
+//#endregion
+export { r as DatePicker };

package/dist/esm/components/Dialog/Dialog.js

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

package/dist/esm/components/DialogBody/DialogBody.js

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

package/dist/esm/components/DialogFooter/DialogFooter.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-footer";
-function i(o) {
-  const { className: r, children: t, ...e } = o;
-  return /* @__PURE__ */ s("ds-dialog-footer-react", { class: r, ...e, children: t });
+//#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
+	});
 }
-export {
-  i as DialogFooter
-};
+//#endregion
+export { t as DialogFooter };