@cupra/ui-react 2.0.0-canary.11 → 2.0.0-canary.111

package/dist/cjs/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Tokenizer.cjs

@@ -0,0 +1 @@
+const e=require(`./Utility.cjs`);var t=1,n=1,r=0,i=0,a=0,o=``;function s(e,r,i,a,o,s,c,l){return{value:e,root:r,parent:i,type:a,props:o,children:s,line:t,column:n,length:c,return:``,siblings:l}}function c(t,n){return e.assign(s(``,null,null,``,null,null,0,t.siblings),t,{length:-t.length},n)}function l(t){for(;t.root;)t=c(t.root,{children:[t]});e.append(t,t.siblings)}function u(){return a}function d(){return a=i>0?e.charat(o,--i):0,n--,a===10&&(n=1,t--),a}function f(){return a=i<r?e.charat(o,i++):0,n++,a===10&&(n=1,t++),a}function p(){return e.charat(o,i)}function m(){return i}function h(t,n){return e.substr(o,t,n)}function g(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function _(a){return t=n=1,r=e.strlen(o=a),i=0,[]}function v(e){return o=``,e}function y(t){return e.trim(h(i-1,S(t===91?t+2:t===40?t+1:t)))}function b(e){for(;(a=p())&&a<33;)f();return g(e)>2||g(a)>3?``:` `}function x(e,t){for(;--t&&f()&&!(a<48||a>102||a>57&&a<65||a>70&&a<97););return h(e,m()+(t<6&&p()==32&&f()==32))}function S(e){for(;f();)switch(a){case e:return i;case 34:case 39:e!==34&&e!==39&&S(a);break;case 40:e===41&&S(e);break;case 92:f();break}return i}function C(t,n){for(;f()&&t+a!==57&&!(t+a===84&&p()===47););return`/*`+h(n,i-1)+`*`+e.from(t===47?t:f())}function w(e){for(;!g(p());)f();return h(e,i)}exports.alloc=_,exports.caret=m,exports.char=u,exports.commenter=C,exports.copy=c,exports.dealloc=v,exports.delimit=y,exports.escaping=x,exports.identifier=w,exports.lift=l,exports.next=f,exports.node=s,exports.peek=p,exports.prev=d,exports.whitespace=b;

package/dist/cjs/node_modules/.pnpm/stylis@4.3.2/node_modules/stylis/src/Utility.cjs

@@ -0,0 +1 @@
+var e=Math.abs,t=String.fromCharCode,n=Object.assign;function r(e,t){return c(e,0)^45?(((t<<2^c(e,0))<<2^c(e,1))<<2^c(e,2))<<2^c(e,3):0}function i(e){return e.trim()}function a(e,t){return(e=t.exec(e))?e[0]:e}function o(e,t,n){return e.replace(t,n)}function s(e,t,n){return e.indexOf(t,n)}function c(e,t){return e.charCodeAt(t)|0}function l(e,t,n){return e.slice(t,n)}function u(e){return e.length}function d(e){return e.length}function f(e,t){return t.push(e),e}function p(e,t){return e.map(t).join(``)}function m(e,t){return e.filter(function(e){return!a(e,t)})}exports.abs=e,exports.append=f,exports.assign=n,exports.charat=c,exports.combine=p,exports.filter=m,exports.from=t,exports.hash=r,exports.indexof=s,exports.match=a,exports.replace=o,exports.sizeof=d,exports.strlen=u,exports.substr=l,exports.trim=i;

package/dist/cjs/node_modules/.pnpm/tslib@2.6.2/node_modules/tslib/tslib.es6.cjs

@@ -0,0 +1 @@
+var e=function(){return e=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},e.apply(this,arguments)};function t(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||=Array.prototype.slice.call(t,0,r),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}Object.defineProperty(exports,`__assign`,{enumerable:!0,get:function(){return e}}),exports.__spreadArray=t;

package/dist/esm/_virtual/_rolldown/runtime.js

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), s = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, c = (n, r, a) => (a = n == null ? {} : e(i(n)), s(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n));
+//#endregion
+export { o as __commonJSMin, c as __toESM };

package/dist/esm/components/Accordion/Accordion.js

@@ -0,0 +1,16 @@
+import "@cupra/ui-kit/react/ds-accordion";
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/Accordion/Accordion.tsx
+var t = ({ children: t, ...n }) => /* @__PURE__ */ e("ds-accordion-react", {
+	...n,
+	children: t
+});
+t.Title = ({ children: t }) => /* @__PURE__ */ e("div", {
+	slot: "title",
+	children: t
+}), t.Content = ({ children: t }) => /* @__PURE__ */ e("div", {
+	slot: "content",
+	children: t
+});
+//#endregion
+export { t as Accordion };

package/dist/esm/components/Avatar/Avatar.js

@@ -0,0 +1,20 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../hooks/index.js";
+import { jsx as t } from "react/jsx-runtime";
+import { cloneElement as n, isValidElement as r } from "react";
+import "@cupra/ui-kit/react/ds-avatar";
+//#region src/components/Avatar/Avatar.tsx
+function i(i) {
+	let { className: a, onClick: o, image: s, ...c } = i, { ref: l } = e({ click: o }), u = s && r(s) ? n(s, {
+		slot: "media",
+		...s.props
+	}) : null;
+	return /* @__PURE__ */ t("ds-avatar-react", {
+		ref: l,
+		class: a,
+		...c,
+		children: u
+	});
+}
+//#endregion
+export { i as Avatar };

package/dist/esm/components/Badge/Badge.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-badge";
+//#region src/components/Badge/Badge.tsx
+function t({ className: t, ...n }) {
+	return /* @__PURE__ */ e("ds-badge-react", {
+		class: t,
+		...n
+	});
+}
+//#endregion
+export { t as Badge };

package/dist/esm/components/BasicCard/BasicCard.js

@@ -0,0 +1,20 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import { jsx as t } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-basic-card";
+//#region src/components/BasicCard/BasicCard.tsx
+function n(n) {
+	let { className: r, children: i, onClick: a, ...o } = n, { ref: s } = e({ "ds-basic-card:click": a });
+	return /* @__PURE__ */ t("ds-basic-card-react", {
+		ref: s,
+		class: r,
+		...o,
+		children: i
+	});
+}
+var r = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "featured-text",
+	children: e
+});
+n.FeaturedText = r, r.displayName = "BasicCard.FeaturedText";
+//#endregion
+export { n as BasicCard };

package/dist/esm/components/BasicCardHeader/BasicCardHeader.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-basic-card-header";
+//#region src/components/BasicCardHeader/BasicCardHeader.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-basic-card-header-react", {
+		class: n,
+		...i,
+		children: r
+	});
+}
+var n = ({ children: t }) => /* @__PURE__ */ e("div", {
+	slot: "title",
+	children: t
+}), r = ({ children: t }) => /* @__PURE__ */ e("div", {
+	slot: "description",
+	children: t
+}), i = ({ children: t }) => /* @__PURE__ */ e("div", {
+	slot: "meta",
+	children: t
+}), a = ({ children: t }) => /* @__PURE__ */ e("div", {
+	slot: "sub-header",
+	children: t
+});
+t.Title = n, t.Description = r, t.Meta = i, t.SubHeader = a, n.displayName = "BasicCard.Title", i.displayName = "BasicCard.Meta", r.displayName = "BasicCard.Description", a.displayName = "BasicCard.SubHeader";
+//#endregion
+export { t as BasicCardHeader };

package/dist/esm/components/BasicCardImage/BasicCardImage.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-basic-card-image";
+//#region src/components/BasicCardImage/BasicCardImage.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-basic-card-image-react", {
+		class: n,
+		...i,
+		children: r
+	});
+}
+//#endregion
+export { t as BasicCardImage };

package/dist/esm/components/BasicCardSection/BasicCardSection.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-basic-card-section";
+//#region src/components/BasicCardSection/BasicCardSection.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-basic-card-section-react", {
+		class: n,
+		...i,
+		children: r
+	});
+}
+//#endregion
+export { t as BasicCardSection };

package/dist/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-breadcrumbs";
+//#region src/components/Breadcrumbs/Breadcrumbs.tsx
+var t = (t) => {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-breadcrumbs-react", {
+		class: n,
+		...i,
+		children: r
+	});
+};
+//#endregion
+export { t as Breadcrumbs };

package/dist/esm/components/BreadcrumbsItem/BreadcrumbsItem.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "react";
+import "@cupra/ui-kit/react/ds-breadcrumbs-item";
+//#region src/components/BreadcrumbsItem/BreadcrumbsItem.tsx
+var n = (t) => {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-breadcrumbs-item-react", {
+		class: n,
+		...i,
+		children: r
+	});
+}, r = ({ children: n }) => t.isValidElement(n) ? t.cloneElement(n, { slot: "item" }) : /* @__PURE__ */ e("div", {
+	slot: "item",
+	children: n
+});
+n.Item = r, r.displayName = "BreadcrumbsItem.Item";
+//#endregion
+export { n as BreadcrumbsItem };

package/dist/esm/components/Bullets/Bullets.js

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

package/dist/esm/components/Button/Button.js

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

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

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

package/dist/esm/components/CarouselIndicator/CarouselIndicator.js

@@ -0,0 +1,12 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-carousel-indicator";
+//#region src/components/CarouselIndicator/CarouselIndicator.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-carousel-indicator-react", {
+		class: n,
+		...i
+	});
+}
+//#endregion
+export { t as CarouselIndicator };

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

@@ -0,0 +1,15 @@
+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-checkbox";
+//#region src/components/Checkbox/Checkbox.tsx
+function n({ onChange: n, children: r, ...i }) {
+	let { ref: a } = e({ change: n });
+	return /* @__PURE__ */ t("ds-checkbox-react", {
+		ref: a,
+		...i,
+		children: r
+	});
+}
+//#endregion
+export { n as Checkbox };

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

@@ -0,0 +1,15 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import { jsx as t } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-checkbox-group";
+//#region src/components/CheckboxGroup/CheckboxGroup.tsx
+function n(n) {
+	let { className: r, children: i, onChange: a, ...o } = n, { ref: s } = e({ change: a });
+	return /* @__PURE__ */ t("ds-checkbox-group-react", {
+		ref: s,
+		class: r,
+		...o,
+		children: i
+	});
+}
+//#endregion
+export { n as CheckboxGroup };

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

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-chip";
+//#region src/components/Chip/Chip.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-chip-react", {
+		class: n,
+		...i,
+		children: r
+	});
+}
+//#endregion
+export { t as Chip };

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

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

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

@@ -0,0 +1,12 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-currency";
+//#region src/components/Currency/Currency.tsx
+function t(t) {
+	let { className: n, ...r } = t;
+	return /* @__PURE__ */ e("ds-currency-react", {
+		class: n,
+		...r
+	});
+}
+//#endregion
+export { t as Currency };

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

@@ -0,0 +1,30 @@
+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-date-picker";
+//#region src/components/DatePicker/DatePicker.tsx
+function r(r) {
+	let { className: i, children: a, onChange: o, inputId: s, value: c, label: l, required: u, disabled: d, readOnly: f, ...p } = r, { ref: m } = e({ change: o });
+	return /* @__PURE__ */ n("ds-date-picker-react", {
+		ref: m,
+		class: i,
+		...p,
+		children: [
+			/* @__PURE__ */ t("label", {
+				htmlFor: s,
+				children: l
+			}),
+			/* @__PURE__ */ t("input", {
+				id: s,
+				type: "date",
+				value: c,
+				required: u,
+				disabled: d,
+				readOnly: f
+			}),
+			a
+		]
+	});
+}
+//#endregion
+export { r as DatePicker };

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

@@ -0,0 +1,17 @@
+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-dialog";
+import { createPortal as n } from "react-dom";
+//#region src/components/Dialog/Dialog.tsx
+function r(r) {
+	let { className: i, children: a, onClose: o, withPortal: s, ...c } = r, { ref: l } = e({ "ds-dialog:close": o }), u = /* @__PURE__ */ t("ds-dialog-react", {
+		ref: l,
+		class: i,
+		...c,
+		children: a
+	});
+	return s ? n(u, document.body) : u;
+}
+//#endregion
+export { r as Dialog };

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

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-dialog-body";
+//#region src/components/DialogBody/DialogBody.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-dialog-body-react", {
+		class: n,
+		...i,
+		children: r
+	});
+}
+//#endregion
+export { t as DialogBody };

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

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-dialog-footer";
+//#region src/components/DialogFooter/DialogFooter.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-dialog-footer-react", {
+		class: n,
+		...i,
+		children: r
+	});
+}
+//#endregion
+export { t as DialogFooter };

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

@@ -0,0 +1,17 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "../../hooks/index.js";
+import { jsx as t } from "react/jsx-runtime";
+import { createPortal as n } from "react-dom";
+import "@cupra/ui-kit/react/ds-dialog-fullscreen";
+//#region src/components/DialogFullscreen/DialogFullscreen.tsx
+function r(r) {
+	let { className: i, children: a, onClose: o, withPortal: s, ...c } = r, { ref: l } = e({ "ds-dialog-fullscreen:close": o }), u = /* @__PURE__ */ t("ds-dialog-fullscreen-react", {
+		ref: l,
+		class: i,
+		...c,
+		children: a
+	});
+	return s ? n(u, document.body) : u;
+}
+//#endregion
+export { r as DialogFullscreen };

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

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-dialog-header";
+//#region src/components/DialogHeader/DialogHeader.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-dialog-header-react", {
+		class: n,
+		...i,
+		children: r
+	});
+}
+//#endregion
+export { t as DialogHeader };

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

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-divider";
+//#region src/components/Divider/Divider.tsx
+function t({ className: t, ...n }) {
+	return /* @__PURE__ */ e("ds-divider-react", {
+		class: t,
+		...n
+	});
+}
+//#endregion
+export { t as Divider };

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

@@ -0,0 +1,29 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import { jsx as t } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-drawer";
+//#region src/components/Drawer/Drawer.tsx
+function n(n) {
+	let { className: r, children: i, onClose: a, ...o } = n, { ref: s } = e({ "ds-drawer:close": a });
+	return /* @__PURE__ */ t("ds-drawer-react", {
+		class: r,
+		ref: s,
+		...o,
+		children: i
+	});
+}
+var r = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
+	slot: "header",
+	...n,
+	children: e
+}), i = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
+	slot: "content",
+	...n,
+	children: e
+}), a = ({ children: e, ...n }) => /* @__PURE__ */ t("div", {
+	slot: "footer",
+	...n,
+	children: e
+});
+n.Header = r, n.Content = i, n.Footer = a, r.displayName = "Drawer.Header", i.displayName = "Drawer.Content", a.displayName = "Drawer.Footer";
+//#endregion
+export { n as Drawer };

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

@@ -0,0 +1,21 @@
+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-favourite-action";
+//#region src/components/FavouriteAction/FavouriteAction.tsx
+function n({ className: n, initialSelected: r, onChange: i, onClick: a, ...o }) {
+	let s = (e) => {
+		i?.(e.detail.selected);
+	}, { ref: c } = e({
+		"ds-favourite-action:change": s,
+		click: a
+	});
+	return /* @__PURE__ */ t("ds-favourite-action-react", {
+		ref: c,
+		class: n,
+		"initial-selected": r || void 0,
+		...o
+	});
+}
+//#endregion
+export { n as FavouriteAction };

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

@@ -0,0 +1,15 @@
+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-hyperlink";
+//#region src/components/Hyperlink/Hyperlink.tsx
+function n({ children: n, onClick: r, ...i }) {
+	let { ref: a } = e({ click: r });
+	return /* @__PURE__ */ t("ds-hyperlink-react", {
+		ref: a,
+		...i,
+		children: n
+	});
+}
+//#endregion
+export { n as Hyperlink };

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

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-icon";
+//#region src/components/Icon/Icon.tsx
+function t(t) {
+	let { "icon-name": n, className: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-icon-react", {
+		"icon-name": n,
+		class: r,
+		...i
+	});
+}
+//#endregion
+export { t as Icon };

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

@@ -0,0 +1,16 @@
+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-icon-button";
+//#region src/components/IconButton/IconButton.tsx
+function n(n) {
+	let { className: r, onClick: i, size: a, ...o } = n, { ref: s } = e({ click: i });
+	return /* @__PURE__ */ t("ds-icon-button-react", {
+		ref: s,
+		size: typeof a == "string" ? a : JSON.stringify(a),
+		class: r,
+		...o
+	});
+}
+//#endregion
+export { n as IconButton };

package/dist/esm/components/IconButtonGroup/IconButtonGroup.js

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-icon-button-group";
+//#region src/components/IconButtonGroup/IconButtonGroup.tsx
+function t(t) {
+	let { className: n, children: r, ...i } = t;
+	return /* @__PURE__ */ e("ds-icon-button-group-react", {
+		class: n,
+		...i,
+		children: r
+	});
+}
+//#endregion
+export { t as IconButtonGroup };

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

@@ -0,0 +1,16 @@
+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-inline-alert";
+//#region src/components/InlineAlert/InlineAlert.tsx
+function n(n) {
+	let { className: r, children: i, onClose: a, ...o } = n, { ref: s } = e({ "inline-alert:close": a });
+	return /* @__PURE__ */ t("ds-inline-alert-react", {
+		ref: s,
+		class: r,
+		...o,
+		children: i
+	});
+}
+//#endregion
+export { n as InlineAlert };

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

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

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

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