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

package/dist/esm/components/Slider/Slider.js

@@ -1,20 +1,16 @@
-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-slider";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
-function g(e) {
-  const { className: t, children: m, size: r, onChange: o, ...s } = e, { ref: i } = c({ change: o });
-  return /* @__PURE__ */ n(
-    "ds-slider-react",
-    {
-      ref: i,
-      size: typeof r == "string" ? r : JSON.stringify(r),
-      class: t,
-      ...s
-    }
-  );
+//#region src/components/Slider/Slider.tsx
+function n(n) {
+	let { className: r, children: i, size: a, onChange: o, ...s } = n, { ref: c } = e({ change: o });
+	return /* @__PURE__ */ t("ds-slider-react", {
+		ref: c,
+		size: typeof a == "string" ? a : JSON.stringify(a),
+		class: r,
+		...s
+	});
 }
-export {
-  g as Slider
-};
+//#endregion
+export { n as Slider };

package/dist/esm/components/StaticBox/StaticBox.js

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

package/dist/esm/components/Stepper/Stepper.js

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

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

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

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

package/dist/esm/components/Tabs/Tabs.js

@@ -1,20 +1,30 @@
-import { jsx as r } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as i } 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-tabs";
-function n({ children: t, onChange: e, ...o }) {
-  const { ref: a } = i({ change: e });
-  return /* @__PURE__ */ r("ds-tabs-react", { ref: a, ...o, children: t });
+//#region src/components/Tabs/Tabs.tsx
+function n({ children: n, onChange: r, ...i }) {
+	let { ref: a } = e({ change: r });
+	return /* @__PURE__ */ t("ds-tabs-react", {
+		ref: a,
+		...i,
+		children: n
+	});
 }
-function l({ children: t }) {
-  return /* @__PURE__ */ r("div", { role: "tab", slot: "tab", children: t });
+function r({ children: e }) {
+	return /* @__PURE__ */ t("div", {
+		role: "tab",
+		slot: "tab",
+		children: e
+	});
 }
-function p({ children: t }) {
-  return /* @__PURE__ */ r("div", { role: "tabpanel", slot: "panel", children: t });
+function i({ children: e }) {
+	return /* @__PURE__ */ t("div", {
+		role: "tabpanel",
+		slot: "panel",
+		children: e
+	});
 }
-n.Tab = l;
-n.Panel = p;
-export {
-  n as Tabs
-};
+n.Tab = r, n.Panel = i;
+//#endregion
+export { n as Tabs };

package/dist/esm/components/Tag/Tag.js

@@ -1,12 +1,16 @@
-import { jsx as i } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as s } 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-tag";
-function d(o) {
-  const { children: r, onClickIcon: t, className: c, ...n } = o, { ref: e } = s({ clickicon: t });
-  return /* @__PURE__ */ i("ds-tag-react", { ref: e, class: c, ...n, children: r });
+//#region src/components/Tag/Tag.tsx
+function n(n) {
+	let { children: r, onClickIcon: i, className: a, ...o } = n, { ref: s } = e({ clickicon: i });
+	return /* @__PURE__ */ t("ds-tag-react", {
+		ref: s,
+		class: a,
+		...o,
+		children: r
+	});
 }
-export {
-  d as Tag
-};
+//#endregion
+export { n as Tag };

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

package/dist/esm/components/TextInput/TextInput.js

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

package/dist/esm/components/Textarea/Textarea.js

@@ -1,60 +1,36 @@
-import { jsxs as j, 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-textarea";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as I } from "../../hooks/useHandleEvent.js";
-function F(t) {
-  const {
-    className: o,
-    children: L,
-    onChange: a,
-    onInput: n,
-    textareaId: e,
-    placeholder: l,
-    value: i,
-    label: d,
-    required: s,
-    disabled: c,
-    readOnly: h,
-    minLength: p,
-    maxLength: m,
-    rows: x,
-    cols: u,
-    forcedError: f,
-    helperText: g,
-    invalidError: v,
-    ...b
-  } = t, { ref: E } = I({ change: a, input: n });
-  return /* @__PURE__ */ j(
-    "ds-textarea-react",
-    {
-      ref: E,
-      class: o,
-      "forced-error": f,
-      "helper-text": g,
-      "invalid-error": v,
-      ...b,
-      children: [
-        /* @__PURE__ */ r("label", { htmlFor: e, children: d }),
-        /* @__PURE__ */ r(
-          "textarea",
-          {
-            id: e,
-            placeholder: l,
-            value: i,
-            required: s,
-            disabled: c,
-            readOnly: h,
-            minLength: p,
-            maxLength: m,
-            rows: x,
-            cols: u
-          }
-        )
-      ]
-    }
-  );
+//#region src/components/Textarea/Textarea.tsx
+function r(r) {
+	let { className: i, children: a, onChange: o, onInput: s, textareaId: c, placeholder: l, value: u, label: d, required: f, disabled: p, readOnly: m, minLength: h, maxLength: g, rows: _, cols: v, forcedError: y, helperText: b, invalidError: x, ...S } = r, { ref: C } = e({
+		change: o,
+		input: s
+	});
+	return /* @__PURE__ */ n("ds-textarea-react", {
+		ref: C,
+		class: i,
+		"forced-error": y,
+		"helper-text": b,
+		"invalid-error": x,
+		...S,
+		children: [/* @__PURE__ */ t("label", {
+			htmlFor: c,
+			children: d
+		}), /* @__PURE__ */ t("textarea", {
+			id: c,
+			placeholder: l,
+			value: u,
+			required: f,
+			disabled: p,
+			readOnly: m,
+			minLength: h,
+			maxLength: g,
+			rows: _,
+			cols: v
+		})]
+	});
 }
-export {
-  F as Textarea
-};
+//#endregion
+export { r as Textarea };

package/dist/esm/components/ThemeProvider/ThemeProvider.js

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

package/dist/esm/components/Toast/Toast.js

@@ -1,16 +1,15 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-toast";
-function e(t) {
-  const { className: o, ...s } = t;
-  return /* @__PURE__ */ a("ds-toast-react", { class: o, ...s });
+//#region src/components/Toast/Toast.tsx
+function t(t) {
+	let { className: n, ...r } = t;
+	return /* @__PURE__ */ e("ds-toast-react", {
+		class: n,
+		...r
+	});
 }
-e.add = (t) => {
-  window.dispatchEvent(
-    new CustomEvent("toast:add", {
-      detail: t
-    })
-  );
-};
-export {
-  e as Toast
+t.add = (e) => {
+	window.dispatchEvent(new CustomEvent("toast:add", { detail: e }));
 };
+//#endregion
+export { t as Toast };

package/dist/esm/components/ToastMessage/ToastMessage.js

@@ -1,14 +1,16 @@
-import { jsx as m } 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-toast-message";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as n } from "../../hooks/useHandleEvent.js";
-function d(o) {
-  const { className: s, children: t, onClose: e, ...r } = o, { ref: a } = n({
-    "toast:remove": e
-  });
-  return /* @__PURE__ */ m("ds-toast-message-react", { ref: a, class: s, ...r, children: t });
+//#region src/components/ToastMessage/ToastMessage.tsx
+function n(n) {
+	let { className: r, children: i, onClose: a, ...o } = n, { ref: s } = e({ "toast:remove": a });
+	return /* @__PURE__ */ t("ds-toast-message-react", {
+		ref: s,
+		class: r,
+		...o,
+		children: i
+	});
 }
-export {
-  d as ToastMessage
-};
+//#endregion
+export { n as ToastMessage };

package/dist/esm/components/ToggleButton/ToggleButton.js

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

package/dist/esm/components/ToggleSwitch/ToggleSwitch.js

@@ -1,23 +1,31 @@
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "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, jsxs as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-toggle-switch";
-function r({ label: t, onChange: i, ...o }) {
-  const { ref: e } = c({ change: i });
-  return /* @__PURE__ */ f("ds-toggle-switch-react", { ref: e, ...o, children: [
-    t && /* @__PURE__ */ n("div", { slot: "label", children: t }),
-    o.children
-  ] });
+//#region src/components/ToggleSwitch/ToggleSwitch.tsx
+function r({ label: r, onChange: i, ...a }) {
+	let { ref: o } = e({ change: i });
+	return /* @__PURE__ */ n("ds-toggle-switch-react", {
+		ref: o,
+		...a,
+		children: [r && /* @__PURE__ */ t("div", {
+			slot: "label",
+			children: r
+		}), a.children]
+	});
 }
-function l({ children: t }) {
-  return /* @__PURE__ */ n("div", { slot: "off", children: t });
+function i({ children: e }) {
+	return /* @__PURE__ */ t("div", {
+		slot: "off",
+		children: e
+	});
 }
-function s({ children: t }) {
-  return /* @__PURE__ */ n("div", { slot: "on", children: t });
+function a({ children: e }) {
+	return /* @__PURE__ */ t("div", {
+		slot: "on",
+		children: e
+	});
 }
-r.Off = l;
-r.On = s;
-export {
-  r as ToggleSwitch
-};
+r.Off = i, r.On = a;
+//#endregion
+export { r as ToggleSwitch };

package/dist/esm/components/Tooltip/Tooltip.js

@@ -1,15 +1,27 @@
-import { jsx as e } from "react/jsx-runtime";
+import { IconButton as e } from "../IconButton/IconButton.js";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-tooltip";
-import { IconButton as a } from "../IconButton/IconButton.js";
-const n = ({ children: t, ...o }) => /* @__PURE__ */ e("ds-tooltip-react", { ...o, children: t }), r = ({ children: t, ...o }) => /* @__PURE__ */ e("div", { slot: "header", ...o, children: t }), s = (t) => /* @__PURE__ */ e(a, { slot: "close-button", "icon-name": "cross", ...t }), l = ({ children: t, ...o }) => /* @__PURE__ */ e("div", { slot: "content", ...o, children: t }), i = ({ alt: t, ...o }) => /* @__PURE__ */ e("img", { alt: t ?? "", slot: "image", ...o });
-n.Header = r;
-n.CloseButton = s;
-n.Content = l;
-n.Img = i;
-r.displayName = "Tooltip.Header";
-s.displayName = "Tooltip.CloseButton";
-l.displayName = "Tooltip.Content";
-i.displayName = "Tooltip.Img";
-export {
-  n as Tooltip
-};
+//#region src/components/Tooltip/Tooltip.tsx
+var n = ({ children: e, ...n }) => /* @__PURE__ */ t("ds-tooltip-react", {
+	...n,
+	children: e
+}), r = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
+	slot: "header",
+	...n,
+	children: e
+}), i = (n) => /* @__PURE__ */ t(e, {
+	slot: "close-button",
+	"icon-name": "cross",
+	...n
+}), a = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
+	slot: "content",
+	...n,
+	children: e
+}), o = ({ alt: e, ...n }) => /* @__PURE__ */ t("img", {
+	alt: e ?? "",
+	slot: "image",
+	...n
+});
+n.Header = r, n.CloseButton = i, n.Content = a, n.Img = o, r.displayName = "Tooltip.Header", i.displayName = "Tooltip.CloseButton", a.displayName = "Tooltip.Content", o.displayName = "Tooltip.Img";
+//#endregion
+export { n as Tooltip };