@cupra/ui-react 2.0.0-canary.2 → 2.0.0-canary.200

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

@@ -0,0 +1,18 @@
+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-icon-button";
+//#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
+	});
+}
+//#endregion
+export { i as IconButton };

package/dist/esm/components/IconButtonGroup/IconButtonGroup.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-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 "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-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

@@ -0,0 +1,21 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import { forwardRef as t, useImperativeHandle as n } from "react";
+import { VERSION_TAG_SUFFIX as r } from "@cupra/ui-kit/react/utils/version";
+import { jsx as i } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-input";
+//#region src/components/Input/Input.tsx
+var a = `ds-input${r}`, o = t(({ className: t, onInput: r, onKeyDown: o, onChange: s, ...c }, l) => {
+	let { ref: u } = e({
+		input: r,
+		keydown: o,
+		change: s
+	});
+	return n(l, () => u.current, []), /* @__PURE__ */ i(a, {
+		ref: u,
+		class: t,
+		...c
+	});
+});
+o.displayName = "Input";
+//#endregion
+export { o as Input };

package/dist/esm/components/InteractiveCard/InteractiveCard.js

@@ -0,0 +1,41 @@
+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-interactive-card";
+//#region src/components/InteractiveCard/InteractiveCard.tsx
+var r = `ds-interactive-card${t}`;
+function i(t) {
+	let { className: i, children: a, onClick: o, ...s } = t, { ref: c } = e({ click: o });
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		class: i,
+		...s,
+		children: a
+	});
+}
+var a = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "title",
+	children: e
+}), o = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "subtitle",
+	children: e
+}), s = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "meta",
+	children: e
+}), c = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "content",
+	children: e
+}), l = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "cta",
+	children: e
+}), u = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "error-title",
+	children: e
+}), d = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "error-text",
+	children: e
+});
+i.Title = a, i.Subtitle = o, i.Meta = s, i.Content = c, i.Cta = l, i.ErrorTitle = u, i.ErrorText = d, a.displayName = "InteractiveCard.Title", o.displayName = "InteractiveCard.Subtitle", s.displayName = "InteractiveCard.Meta", c.displayName = "InteractiveCard.Content", l.displayName = "InteractiveCard.Cta", u.displayName = "InteractiveCard.ErrorTitle", d.displayName = "InteractiveCard.ErrorText";
+//#endregion
+export { i as InteractiveCard };

package/dist/esm/components/LinkButton/LinkButton.js

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-link-button";
+//#region src/components/LinkButton/LinkButton.tsx
+var t = e("ds-link-button", { events: ["click"] });
+//#endregion
+export { t as LinkButton };

package/dist/esm/components/List/List.js

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-list";
+//#region src/components/List/List.tsx
+var t = e("ds-list");
+//#endregion
+export { t as List };

package/dist/esm/components/ListItem/ListItem.js

@@ -0,0 +1,20 @@
+import { Divider as e } from "../Divider/Divider.js";
+import "react";
+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-list-item";
+//#region src/components/ListItem/ListItem.tsx
+var i = `ds-list-item${t}`;
+function a({ className: t, children: a, selected: o, disabled: s, variant: c, ...l }) {
+	let u = { ...l };
+	return c && (u.variant = c), o && (u.selected = !0), s && (u.disabled = !0), /* @__PURE__ */ r("div", {
+		style: { width: "fit-content" },
+		children: [/* @__PURE__ */ n(i, {
+			className: t,
+			...u,
+			children: a
+		}), c !== "info" && /* @__PURE__ */ n(e, {})]
+	});
+}
+//#endregion
+export { a as ListItem };

package/dist/esm/components/Loader/Loader.js

@@ -0,0 +1,35 @@
+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-loader-bar";
+import "@cupra/ui-kit/react/ds-loader-dots";
+import "@cupra/ui-kit/react/ds-loader-logo";
+import "@cupra/ui-kit/react/ds-loader-spinner";
+//#region src/components/Loader/Loader.tsx
+var n = `ds-loader-logo${e}`, r = `ds-loader-bar${e}`, i = `ds-loader-dots${e}`, a = `ds-loader-spinner${e}`;
+function o(e) {
+	return /* @__PURE__ */ t(n, { ...e });
+}
+function s(e) {
+	return /* @__PURE__ */ t(r, { ...e });
+}
+function c(e) {
+	return /* @__PURE__ */ t(i, { ...e });
+}
+function l(e) {
+	return /* @__PURE__ */ t(a, {
+		...e,
+		children: e.text && /* @__PURE__ */ t("div", {
+			slot: "text",
+			children: e.text
+		})
+	});
+}
+var u = {
+	Logo: o,
+	Bar: s,
+	Dots: c,
+	Spinner: l
+};
+//#endregion
+export { u as Loader, o as LoaderLogo };

package/dist/esm/components/Logo/Logo.js

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-logo";
+//#region src/components/Logo/Logo.tsx
+var t = e("ds-logo");
+//#endregion
+export { t as Logo };

package/dist/esm/components/MainTitle/MainTitle.js

@@ -0,0 +1,33 @@
+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-main-title";
+//#region src/components/MainTitle/MainTitle.tsx
+var n = `ds-main-title${e}`;
+function r(e) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...a,
+		children: i
+	});
+}
+function i(e) {
+	let { as: n, children: r, ...i } = e;
+	return /* @__PURE__ */ t(n, {
+		slot: "title",
+		...i,
+		children: r
+	});
+}
+function a(e) {
+	let { as: n, children: r, ...i } = e;
+	return /* @__PURE__ */ t(n, {
+		slot: "subtitle",
+		...i,
+		children: r
+	});
+}
+r.Title = i, r.Subtitle = a;
+//#endregion
+export { r as MainTitle };

package/dist/esm/components/MapPin/MapPin.js

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-map-pin";
+//#region src/components/MapPin/MapPin.tsx
+var t = e("ds-map-pin", { events: ["change"] });
+//#endregion
+export { t as MapPin };

package/dist/esm/components/MediaControl/MediaControl.js

@@ -0,0 +1,20 @@
+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-media-control";
+//#region src/components/MediaControl/MediaControl.tsx
+var r = `ds-media-control${t}`;
+function i(t) {
+	let { className: i, onPlay: a, onPause: o, ...s } = t, { ref: c } = e({
+		"ds-media-control:play": a,
+		"ds-media-control:pause": o
+	});
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		class: i,
+		...s
+	});
+}
+//#endregion
+export { i as MediaControl };

package/dist/esm/components/Modal/Modal.js

@@ -0,0 +1,48 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+/* empty css       */
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
+import { jsx as n } from "react/jsx-runtime";
+import { createPortal as r } from "react-dom";
+import "@cupra/ui-kit/react/ds-modal";
+//#region src/components/Modal/Modal.tsx
+var i = `ds-modal${t}`;
+function a() {}
+function o(t) {
+	let { children: o, onClickCloseButton: s = a, onClickConfirmButton: c = a, onClickCancelButton: l = a, className: u, withPortal: d, ...f } = t, { ref: p } = e({
+		"click-close-button": s,
+		"click-confirm-button": c,
+		"click-cancel-button": l
+	});
+	if (!f.open) return null;
+	let m = /* @__PURE__ */ n(i, {
+		ref: p,
+		class: u,
+		...f,
+		children: o
+	});
+	return d ? r(m, document.body) : m;
+}
+function s({ children: e }) {
+	return /* @__PURE__ */ n("div", {
+		slot: "title",
+		children: e
+	});
+}
+function c({ className: e = "", children: t }) {
+	return /* @__PURE__ */ n("div", {
+		slot: "content",
+		className: `ds-scroll ${e}`.trim(),
+		children: t
+	});
+}
+function l({ children: e }) {
+	return /* @__PURE__ */ n("div", {
+		slot: "content",
+		className: "ds-modal-full-screen-content",
+		children: e
+	});
+}
+o.Title = s, o.Content = c, o.FullScreenContent = l;
+//#endregion
+export { o as Modal };

package/dist/esm/components/NavigationControls/NavigationControls.js

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-navigation-controls";
+//#region src/components/NavigationControls/NavigationControls.tsx
+var t = e("ds-navigation-controls");
+//#endregion
+export { t as NavigationControls };

package/dist/esm/components/PasswordInput/PasswordInput.js

@@ -0,0 +1,34 @@
+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, jsxs as r } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-password-input";
+//#region src/components/PasswordInput/PasswordInput.tsx
+var i = `ds-password-input${t}`;
+function a(t) {
+	let { className: a, children: o, onChange: s, onInput: c, inputId: l, placeHolder: u, value: d, label: f, required: p, disabled: m, pattern: h, maxLength: g, minLength: _, ...v } = t, { ref: y } = e({
+		change: s,
+		input: c
+	}), b = {
+		type: "password",
+		...!!l && { id: l },
+		...!!u && { placeholder: u },
+		...!!d && { value: d },
+		...!!p && { required: p },
+		...!!m && { disabled: m },
+		...!!_ && { minLength: _ },
+		...!!g && { maxLength: g },
+		...!!h && { pattern: h }
+	};
+	return /* @__PURE__ */ r(i, {
+		ref: y,
+		class: a,
+		...v,
+		children: [/* @__PURE__ */ n("label", {
+			htmlFor: l,
+			children: f
+		}), /* @__PURE__ */ n("input", { ...b })]
+	});
+}
+//#endregion
+export { a as PasswordInput };

package/dist/esm/components/PickerItem/PickerItem.js

@@ -0,0 +1,19 @@
+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-picker-item";
+//#region src/components/PickerItem/PickerItem.tsx
+var r = `ds-picker-item${t}`;
+function i(t) {
+	let { className: i, children: a, onClick: o, size: s, ...c } = t, { ref: l } = e({ "ds-picker-item:click": o });
+	return /* @__PURE__ */ n(r, {
+		ref: l,
+		size: typeof s == "string" ? s : JSON.stringify(s),
+		class: i,
+		...c,
+		children: a
+	});
+}
+//#endregion
+export { i as PickerItem };

package/dist/esm/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-progress-bar";
+//#region src/components/ProgressBar/ProgressBar.tsx
+var t = e("ds-progress-bar");
+//#endregion
+export { t as ProgressBar };

package/dist/esm/components/Radio/Radio.js

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

package/dist/esm/components/RadioButton/RadioButton.js

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-radio-button";
+//#region src/components/RadioButton/RadioButton.tsx
+var t = e("ds-radio-button", { events: ["change"] });
+//#endregion
+export { t as RadioButton };

package/dist/esm/components/RadioButtonGroup/RadioButtonGroup.js

@@ -0,0 +1,18 @@
+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-radio-button-group";
+//#region src/components/RadioButtonGroup/RadioButtonGroup.tsx
+var r = `ds-radio-button-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 RadioButtonGroup };

package/dist/esm/components/Rating/Rating.js

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-rating";
+//#region src/components/Rating/Rating.tsx
+var t = e("ds-rating");
+//#endregion
+export { t as Rating };

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

@@ -0,0 +1,14 @@
+import { forwardRef as e } from "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-search";
+//#region src/components/Search/Search.tsx
+var r = `ds-search${t}`, i = e(({ onInput: e, className: t, ...i }, a) => /* @__PURE__ */ n(r, {
+	ref: a,
+	class: t,
+	onInput: e,
+	...i
+}));
+i.displayName = "Search";
+//#endregion
+export { i as Search };

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

@@ -0,0 +1,33 @@
+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-search-input";
+//#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
+		})
+	});
+}
+//#endregion
+export { i as SearchInput };

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

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

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

@@ -0,0 +1,18 @@
+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-segmented-control";
+//#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
+	});
+}
+//#endregion
+export { i as SegmentedControl };

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

@@ -0,0 +1,11 @@
+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";
+//#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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-selection";
+//#region src/components/Selection/Selection.tsx
+var t = e("ds-selection");
+//#endregion
+export { t as Selection };

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

@@ -0,0 +1,32 @@
+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";
+//#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
+	});
+}
+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,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-skeleton";
+//#region src/components/Skeleton/Skeleton.tsx
+var t = e("ds-skeleton");
+//#endregion
+export { t as Skeleton };

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

@@ -0,0 +1,18 @@
+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";
+//#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
+	});
+}
+//#endregion
+export { i as Slider };

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

@@ -0,0 +1,19 @@
+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-static-box";
+//#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
+	});
+}
+//#endregion
+export { i as StaticBox };

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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-stepper";
+//#region src/components/Stepper/Stepper.tsx
+var t = e("ds-stepper");
+//#endregion
+export { t as Stepper };