@cupra/ui-react 2.0.0-canary.18 → 2.0.0-canary.180

package/dist/esm/components/Select/Select.js

@@ -1,6 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-select";
-const s = ({ children: t, ...e }) => /* @__PURE__ */ r("ds-select-react", { ...e, children: t });
-export {
-  s as Select
-};
+//#region src/components/Select/Select.tsx
+var n = `ds-select${e}`, r = ({ children: e, ...r }) => /* @__PURE__ */ t(n, {
+	...r,
+	children: e
+});
+//#endregion
+export { r as Select };

package/dist/esm/components/Selection/Selection.js

@@ -1,9 +1,15 @@
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
 import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-selection";
-function i(e) {
-  const { className: o, children: s, ...r } = e;
-  return /* @__PURE__ */ t("ds-selection-react", { class: o, ...r });
+//#region src/components/Selection/Selection.tsx
+var n = `ds-selection${e}`;
+function r(e) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...a
+	});
 }
-export {
-  i as Selection
-};
+//#endregion
+export { r as Selection };

package/dist/esm/components/SidebarNavigation/SidebarNavigation.js

@@ -1,15 +1,32 @@
-import { jsx as e } from "react/jsx-runtime";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-sidebar-navigation";
-function s(t) {
-  const { className: i, children: r, ...n } = t;
-  return /* @__PURE__ */ e("ds-sidebar-navigation-react", { class: i, ...n, children: r });
+//#region src/components/SidebarNavigation/SidebarNavigation.tsx
+var n = `ds-sidebar-navigation${e}`;
+function r(e) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...a,
+		children: i
+	});
 }
-const o = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "aside-text", children: t }), a = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "aside-icon", children: t }), d = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "aside-helper-text", children: t }), c = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "main-cta", children: t }), l = ({ children: t }) => /* @__PURE__ */ e("div", { slot: "ctas", children: t });
-s.AsideText = o;
-s.AsideIcon = a;
-s.AsideHelperText = d;
-s.MainCta = c;
-s.Ctas = l;
-export {
-  s as SidebarNavigation
-};
+r.AsideText = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "aside-text",
+	children: e
+}), r.AsideIcon = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "aside-icon",
+	children: e
+}), r.AsideHelperText = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "aside-helper-text",
+	children: e
+}), r.MainCta = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "main-cta",
+	children: e
+}), r.Ctas = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "ctas",
+	children: e
+});
+//#endregion
+export { r as SidebarNavigation };

package/dist/esm/components/Skeleton/Skeleton.js

@@ -0,0 +1,14 @@
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-skeleton";
+//#region src/components/Skeleton/Skeleton.tsx
+var n = `ds-skeleton${e}`;
+function r({ className: e, ...r }) {
+	return /* @__PURE__ */ t(n, {
+		class: e,
+		...r
+	});
+}
+//#endregion
+export { r as Skeleton };

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

@@ -1,16 +1,18 @@
-import { jsx as t } from "react/jsx-runtime";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
+import { jsx as n } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-slider";
-function l(s) {
-  const { className: e, children: o, size: r, ...i } = s;
-  return /* @__PURE__ */ t(
-    "ds-slider-react",
-    {
-      size: typeof r == "string" ? r : JSON.stringify(r),
-      class: e,
-      ...i
-    }
-  );
+//#region src/components/Slider/Slider.tsx
+var r = `ds-slider${t}`;
+function i(t) {
+	let { className: i, children: a, size: o, onChange: s, ...c } = t, { ref: l } = e({ change: s });
+	return /* @__PURE__ */ n(r, {
+		ref: l,
+		size: typeof o == "string" ? o : JSON.stringify(o),
+		class: i,
+		...c
+	});
 }
-export {
-  l as Slider
-};
+//#endregion
+export { i as Slider };

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

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

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

@@ -1,6 +1,11 @@
-import { jsx as e } from "react/jsx-runtime";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } 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 n = `ds-stepper${e}`, r = ({ className: e, ...r }) => /* @__PURE__ */ t(n, {
+	class: e,
+	...r
+});
+//#endregion
+export { r as Stepper };

package/dist/esm/components/Table/Table.js

@@ -0,0 +1,16 @@
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-table";
+//#region src/components/Table/Table.tsx
+var n = `ds-table${e}`;
+function r(e) {
+	let { children: r, className: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: i,
+		...a,
+		children: r
+	});
+}
+//#endregion
+export { r as Table };

package/dist/esm/components/TableCell/TableCell.js

@@ -0,0 +1,16 @@
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-table-cell";
+//#region src/components/TableCell/TableCell.tsx
+var n = `ds-table-cell${e}`;
+function r(e) {
+	let { children: r, className: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: i,
+		...a,
+		children: r
+	});
+}
+//#endregion
+export { r as TableCell };

package/dist/esm/components/TableRow/TableRow.js

@@ -0,0 +1,16 @@
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-table-row";
+//#region src/components/TableRow/TableRow.tsx
+var n = `ds-table-row${e}`;
+function r(e) {
+	let { children: r, className: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: i,
+		...a,
+		children: r
+	});
+}
+//#endregion
+export { r as TableRow };

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

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

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

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

package/dist/esm/components/Text/Text.js

@@ -1,9 +1,16 @@
-import { jsx as s } from "react/jsx-runtime";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } 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
+var n = `ds-text${e}`;
+function r(e) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...a,
+		children: i
+	});
 }
-export {
-  a as Text
-};
+//#endregion
+export { r as Text };

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

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

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

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

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

@@ -1,6 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } 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 n = `ds-theme-provider${e}`, r = ({ children: e, ...r }) => /* @__PURE__ */ t(n, {
+	...r,
+	children: e
+});
+//#endregion
+export { r as ThemeProvider };

package/dist/esm/components/ThemeSwitch/ThemeSwitch.js

@@ -0,0 +1,16 @@
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-theme-switch";
+//#region src/components/ThemeSwitch/ThemeSwitch.tsx
+var n = `ds-theme-switch${e}`;
+function r(e) {
+	let { children: r, className: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: i,
+		...a,
+		children: r
+	});
+}
+//#endregion
+export { r as ThemeSwitch };

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

@@ -1,16 +1,18 @@
-import { jsx as a } from "react/jsx-runtime";
+import "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } 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
+var n = `ds-toast${e}`;
+function r(e) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...i
+	});
 }
-e.add = (t) => {
-  window.dispatchEvent(
-    new CustomEvent("toast:add", {
-      detail: t
-    })
-  );
-};
-export {
-  e as Toast
+r.add = (e) => {
+	window.dispatchEvent(new CustomEvent("toast:add", { detail: e }));
 };
+//#endregion
+export { r as Toast };

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

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