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

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

@@ -0,0 +1,17 @@
+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-calendar";
+//#region src/components/Calendar/Calendar.tsx
+var r = `ds-calendar${t}`;
+function i({ className: t, onChange: i, ...a }) {
+	let { ref: o } = e({ "ds-calendar-change": i });
+	return /* @__PURE__ */ n(r, {
+		ref: o,
+		class: t,
+		...a
+	});
+}
+//#endregion
+export { i as Calendar };

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

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

@@ -1,12 +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 { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit";
+import { jsx as n } 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
+var r = `ds-checkbox${t}`;
+function i({ onChange: t, children: i, ...a }) {
+	let { ref: o } = e({ change: t });
+	return /* @__PURE__ */ n(r, {
+		ref: o,
+		...a,
+		children: i
+	});
 }
-export {
-  x as Checkbox
-};
+//#endregion
+export { i as Checkbox };

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

@@ -0,0 +1,17 @@
+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-checkbox-group";
+//#region src/components/CheckboxGroup/CheckboxGroup.tsx
+var r = `ds-checkbox-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
+	});
+}
+//#endregion
+export { i as CheckboxGroup };

package/dist/esm/components/Chip/Chip.js

@@ -1,9 +1,15 @@
-import { jsx as c } 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";
-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
+var n = `ds-chip${e}`;
+function r(e) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...a,
+		children: i
+	});
 }
-export {
-  p as Chip
-};
+//#endregion
+export { r as Chip };

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

@@ -1,14 +1,18 @@
-import { jsx as c } 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 } 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
+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
+	});
 }
-export {
-  f as Chips
-};
+//#endregion
+export { i as Chips };

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

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

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

@@ -0,0 +1,32 @@
+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-date-picker";
+//#region src/components/DatePicker/DatePicker.tsx
+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__ */ n("label", {
+				htmlFor: c,
+				children: u
+			}),
+			/* @__PURE__ */ n("input", {
+				id: c,
+				type: "date",
+				value: l,
+				required: d,
+				disabled: f,
+				readOnly: p
+			}),
+			o
+		]
+	});
+}
+//#endregion
+export { a as DatePicker };

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

@@ -1,15 +1,19 @@
-import { jsx as l } 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 } 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 r } from "react-dom";
+//#region src/components/Dialog/Dialog.tsx
+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 c ? r(d, document.body) : d;
 }
-export {
-  P as Dialog
-};
+//#endregion
+export { a as Dialog };

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

@@ -1,9 +1,15 @@
-import { jsx as a } 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";
-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
+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
+	});
 }
-export {
-  i as DialogBody
-};
+//#endregion
+export { r as DialogBody };

package/dist/esm/components/DialogFooter/DialogFooter.js

@@ -1,9 +1,15 @@
-import { jsx as s } 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";
-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
+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
+	});
 }
-export {
-  i as DialogFooter
-};
+//#endregion
+export { r as DialogFooter };

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

@@ -0,0 +1,19 @@
+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 { createPortal as r } from "react-dom";
+import "@cupra/ui-kit/react/ds-dialog-fullscreen";
+//#region src/components/DialogFullscreen/DialogFullscreen.tsx
+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 c ? r(d, document.body) : d;
+}
+//#endregion
+export { a as DialogFullscreen };

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

@@ -1,9 +1,15 @@
-import { jsx as s } 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";
-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
+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
+	});
 }
-export {
-  i as DialogHeader
-};
+//#endregion
+export { r as DialogHeader };

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

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

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

@@ -1,19 +1,31 @@
-import { jsx as o } 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-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
+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
+	});
 }
-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 a = ({ children: e, ...t }) => /* @__PURE__ */ n("div", {
+	slot: "header",
+	...t,
+	children: e
+}), o = ({ children: e, ...t }) => /* @__PURE__ */ n("div", {
+	slot: "content",
+	...t,
+	children: e
+}), s = ({ children: e, ...t }) => /* @__PURE__ */ n("div", {
+	slot: "footer",
+	...t,
+	children: e
+});
+i.Header = a, i.Content = o, i.Footer = s, a.displayName = "Drawer.Header", o.displayName = "Drawer.Content", s.displayName = "Drawer.Footer";
+//#endregion
+export { i as Drawer };

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

@@ -0,0 +1,23 @@
+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-favourite-action";
+//#region src/components/FavouriteAction/FavouriteAction.tsx
+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__ */ n(r, {
+		ref: l,
+		class: t,
+		"initial-selected": i || void 0,
+		...s
+	});
+}
+//#endregion
+export { i as FavouriteAction };

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

@@ -1,12 +1,17 @@
-import { 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 } 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
+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
+	});
 }
-export {
-  s as Hyperlink
-};
+//#endregion
+export { i as Hyperlink };

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

@@ -1,9 +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";
-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
+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
+	});
 }
-export {
-  a as Icon
-};
+//#endregion
+export { r as Icon };

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

@@ -1,20 +1,18 @@
-import { jsx as e } 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 } 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
+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
+	});
 }
-export {
-  u as IconButton
-};
+//#endregion
+export { i as IconButton };

package/dist/esm/components/IconButtonGroup/IconButtonGroup.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-icon-button-group";
+//#region src/components/IconButtonGroup/IconButtonGroup.tsx
+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 { r as IconButtonGroup };

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

@@ -0,0 +1,18 @@
+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-inline-alert";
+//#region src/components/InlineAlert/InlineAlert.tsx
+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 { i as InlineAlert };

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

@@ -1,14 +1,21 @@
-import { jsx as m } 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 { forwardRef as r, useImperativeHandle as i } 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 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 i(l, () => u.current, []), /* @__PURE__ */ n(a, {
+		ref: u,
+		class: t,
+		...c
+	});
+});
+o.displayName = "Input";
+//#endregion
+export { o as Input };