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

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

package/dist/esm/components/Search/Search.js

@@ -1,8 +1,14 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
 import "@cupra/ui-kit/react/ds-search";
-const c = t(({ onInput: r, className: a, ...e }, o) => /* @__PURE__ */ s("ds-search-react", { ref: o, class: a, onInput: r, ...e }));
-c.displayName = "Search";
-export {
-  c as Search
-};
+//#region src/components/Search/Search.tsx
+var r = `ds-search${e}`, i = n(({ onInput: e, className: n, ...i }, a) => /* @__PURE__ */ t(r, {
+	ref: a,
+	class: n,
+	onInput: e,
+	...i
+}));
+i.displayName = "Search";
+//#endregion
+export { i as Search };

package/dist/esm/components/SearchInput/SearchInput.js

@@ -1,47 +1,33 @@
-import { jsx as t } 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-search-input";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as g } from "../../hooks/useHandleEvent.js";
-function I(e) {
-  const {
-    className: n,
-    children: x,
-    onChange: r,
-    onInput: o,
-    onClickPositionButton: i,
-    placeHolder: p,
-    type: P,
-    value: a,
-    label: c,
-    required: l,
-    disabled: s,
-    pattern: u,
-    maxLength: h,
-    minLength: d,
-    inputProps: m,
-    ...b
-  } = e, { ref: f } = g({
-    change: r,
-    input: o,
-    "ds-search-input:click-position-button": i
-  });
-  return /* @__PURE__ */ t("ds-search-input-react", { ref: f, class: n, ...b, children: /* @__PURE__ */ t(
-    "input",
-    {
-      type: "text",
-      "aria-label": c,
-      placeholder: p,
-      value: a,
-      required: l,
-      disabled: s,
-      minLength: d,
-      maxLength: h,
-      pattern: u,
-      ...m
-    }
-  ) });
+//#region src/components/SearchInput/SearchInput.tsx
+var r = `ds-search-input${t}`;
+function i(t) {
+	let { className: i, children: a, onChange: o, onInput: s, onClickPositionButton: c, placeHolder: l, type: u, value: d, label: f, required: p, disabled: m, pattern: h, maxLength: g, minLength: _, inputProps: v, ...y } = t, { ref: b } = e({
+		change: o,
+		input: s,
+		"ds-search-input:click-position-button": c
+	});
+	return /* @__PURE__ */ n(r, {
+		ref: b,
+		class: i,
+		...y,
+		children: /* @__PURE__ */ n("input", {
+			type: "text",
+			"aria-label": f,
+			placeholder: l,
+			value: d,
+			required: p,
+			disabled: m,
+			minLength: _,
+			maxLength: g,
+			pattern: h,
+			...v
+		})
+	});
 }
-export {
-  I as SearchInput
-};
+//#endregion
+export { i as SearchInput };

package/dist/esm/components/SecondaryNavigation/SecondaryNavigation.js

@@ -1,17 +1,27 @@
-import { jsx as n } 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 { Fragment as n, jsx as r } from "react/jsx-runtime";
+import { Children as i } from "react";
 import "@cupra/ui-kit/react/ds-secondary-navigation";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as a } from "../../hooks/useHandleEvent.js";
-function e(t) {
-  const { className: o, children: r, onSelect: s, ...i } = t, { ref: c } = a({
-    "ds-secondary-navigation:select": s
-  });
-  return /* @__PURE__ */ n("ds-secondary-navigation-react", { ref: c, class: o, ...i, children: r });
+//#region src/components/SecondaryNavigation/SecondaryNavigation.tsx
+var a = `ds-secondary-navigation${t}`;
+function o(t) {
+	let { className: n, children: i, onSelect: o, ...s } = t, { ref: c } = e({ "ds-secondary-navigation:select": o });
+	return /* @__PURE__ */ r(a, {
+		ref: c,
+		class: n,
+		...s,
+		children: i
+	});
 }
-const m = ({ children: t, ...o }) => /* @__PURE__ */ n("a", { slot: "items", ...o, children: t }), d = ({ children: t }) => /* @__PURE__ */ n("div", { slot: "actions", children: t });
-e.Item = m;
-e.Actions = d;
-export {
-  e as SecondaryNavigation
-};
+o.Item = ({ children: e, ...t }) => /* @__PURE__ */ r("a", {
+	slot: "items",
+	...t,
+	children: e
+}), o.Actions = ({ children: e }) => /* @__PURE__ */ r(n, { children: i.map(e, (e, t) => /* @__PURE__ */ r("div", {
+	slot: "actions",
+	children: e
+}, t)) });
+//#endregion
+export { o as SecondaryNavigation };

package/dist/esm/components/SegmentedControl/SegmentedControl.js

@@ -1,12 +1,18 @@
-import { jsx as m } 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-segmented-control";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
-function f(e) {
-  const { onChange: o, className: r, children: t, ...n } = e, { ref: s } = c({ change: o });
-  return /* @__PURE__ */ m("ds-segmented-control-react", { ref: s, class: r, ...n, children: t });
+//#region src/components/SegmentedControl/SegmentedControl.tsx
+var r = `ds-segmented-control${t}`;
+function i(t) {
+	let { onChange: i, className: a, children: o, ...s } = t, { ref: c } = e({ change: i });
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		class: a,
+		...s,
+		children: o
+	});
 }
-export {
-  f as SegmentedControl
-};
+//#endregion
+export { i as SegmentedControl };

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

@@ -1,6 +1,10 @@
-import { jsx as r } 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-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,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-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,31 @@
-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-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,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-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 "../../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-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 { 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/utils/breakpoints";
-import "react";
-import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
 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,10 @@
-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-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,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-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,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-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,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-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 "react";
-import { useHandleEvent as i } 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-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 "react";
-import { useHandleEvent as s } 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-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,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-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 { 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-text-input";
-import "@cupra/ui-kit/react/utils/breakpoints";
-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
-      }
-    )
-  ] });
+//#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 };