@cupra/ui-react 2.0.0-canary.10 → 2.0.0-canary.100

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./Utility.cjs");exports.line=1;exports.column=1;exports.length=0;exports.position=0;exports.character=0;exports.characters="";function l(e,c,h,f,m,p,d,g){return{value:e,root:c,parent:h,type:f,props:m,children:p,line:exports.line,column:exports.column,length:d,return:"",siblings:g}}function o(e,c){return n.assign(l("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},c)}function b(e){for(;e.root;)e=o(e.root,{children:[e]});n.append(e,e.siblings)}function k(){return exports.character}function w(){return exports.character=exports.position>0?n.charat(exports.characters,--exports.position):0,exports.column--,exports.character===10&&(exports.column=1,exports.line--),exports.character}function r(){return exports.character=exports.position<exports.length?n.charat(exports.characters,exports.position++):0,exports.column++,exports.character===10&&(exports.column=1,exports.line++),exports.character}function a(){return n.charat(exports.characters,exports.position)}function u(){return exports.position}function t(e,c){return n.substr(exports.characters,e,c)}function i(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 v(e){return exports.line=exports.column=1,exports.length=n.strlen(exports.characters=e),exports.position=0,[]}function x(e){return exports.characters="",e}function S(e){return n.trim(t(exports.position-1,s(e===91?e+2:e===40?e+1:e)))}function j(e){for(;(exports.character=a())&&exports.character<33;)r();return i(e)>2||i(exports.character)>3?"":" "}function q(e,c){for(;--c&&r()&&!(exports.character<48||exports.character>102||exports.character>57&&exports.character<65||exports.character>70&&exports.character<97););return t(e,u()+(c<6&&a()==32&&r()==32))}function s(e){for(;r();)switch(exports.character){case e:return exports.position;case 34:case 39:e!==34&&e!==39&&s(exports.character);break;case 40:e===41&&s(e);break;case 92:r();break}return exports.position}function M(e,c){for(;r()&&e+exports.character!==57;)if(e+exports.character===84&&a()===47)break;return"/*"+t(c,exports.position-1)+"*"+n.from(e===47?e:r())}function O(e){for(;!i(a());)r();return t(e,exports.position)}exports.alloc=v;exports.caret=u;exports.char=k;exports.commenter=M;exports.copy=o;exports.dealloc=x;exports.delimit=S;exports.delimiter=s;exports.escaping=q;exports.identifier=O;exports.lift=b;exports.next=r;exports.node=l;exports.peek=a;exports.prev=w;exports.slice=t;exports.token=i;exports.whitespace=j;

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.__assign=function(){return exports.__assign=Object.assign||function(n){for(var t,r=1,s=arguments.length;r<s;r++){t=arguments[r];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(n[e]=t[e])}return n},exports.__assign.apply(this,arguments)};function o(a,n,t){if(t||arguments.length===2)for(var r=0,s=n.length,e;r<s;r++)(e||!(r in n))&&(e||(e=Array.prototype.slice.call(n,0,r)),e[r]=n[r]);return a.concat(e||Array.prototype.slice.call(n))}exports.__spreadArray=o;

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

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-basic-card-header";
+function r(e) {
+  const { className: c, children: o, ...n } = e;
+  return /* @__PURE__ */ a("ds-basic-card-header-react", { class: c, ...n, children: o });
+}
+const t = ({ children: e }) => /* @__PURE__ */ a("div", { slot: "title", children: e }), s = ({ children: e }) => /* @__PURE__ */ a("div", { slot: "description", children: e }), i = ({ children: e }) => /* @__PURE__ */ a("div", { slot: "meta", children: e }), d = ({ children: e }) => /* @__PURE__ */ a("div", { slot: "sub-header", children: e });
+r.Title = t;
+r.Description = s;
+r.Meta = i;
+r.SubHeader = d;
+t.displayName = "BasicCard.Title";
+i.displayName = "BasicCard.Meta";
+s.displayName = "BasicCard.Description";
+d.displayName = "BasicCard.SubHeader";
+export {
+  r as BasicCardHeader
+};

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

@@ -0,0 +1,9 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-basic-card-image";
+function i(r) {
+  const { className: a, children: s, ...c } = r;
+  return /* @__PURE__ */ e("ds-basic-card-image-react", { class: a, ...c, children: s });
+}
+export {
+  i as BasicCardImage
+};

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

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-breadcrumbs";
+const m = (r) => {
+  const { className: s, children: c, ...e } = r;
+  return /* @__PURE__ */ o("ds-breadcrumbs-react", { class: s, ...e, children: c });
+};
+export {
+  m as Breadcrumbs
+};

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

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+import e from "react";
+import "@cupra/ui-kit/react/ds-breadcrumbs-item";
+const i = (t) => {
+  const { className: s, children: o, ...a } = t;
+  return /* @__PURE__ */ m("ds-breadcrumbs-item-react", { class: s, ...a, children: o });
+}, r = ({ children: t }) => e.isValidElement(t) ? e.cloneElement(t, { slot: "item" }) : /* @__PURE__ */ m("div", { slot: "item", children: t });
+i.Item = r;
+r.displayName = "BreadcrumbsItem.Item";
+export {
+  i as BreadcrumbsItem
+};

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

@@ -0,0 +1,12 @@
+import { jsx as n } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-calendar";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as o } from "../../hooks/useHandleEvent.js";
+function p({ className: r, onChange: e, ...t }) {
+  const { ref: a } = o({ "ds-calendar-change": e });
+  return /* @__PURE__ */ n("ds-calendar-react", { ref: a, class: r, ...t });
+}
+export {
+  p as Calendar
+};

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

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

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

@@ -0,0 +1,16 @@
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-date-picker";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as u } from "../../hooks/useHandleEvent.js";
+function k(t) {
+  const { className: i, children: n, onChange: a, inputId: e, value: o, label: l, required: d, disabled: s, readOnly: c, ...p } = t, { ref: m } = u({ change: a });
+  return /* @__PURE__ */ h("ds-date-picker-react", { ref: m, class: i, ...p, children: [
+    /* @__PURE__ */ r("label", { htmlFor: e, children: l }),
+    /* @__PURE__ */ r("input", { id: e, type: "date", value: o, required: d, disabled: s, readOnly: c }),
+    n
+  ] });
+}
+export {
+  k as DatePicker
+};

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

@@ -0,0 +1,15 @@
+import { jsx as i } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-dialog-fullscreen";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as a } from "../../hooks/useHandleEvent.js";
+import { createPortal as m } from "react-dom";
+function P(r) {
+  const { className: e, children: t, onClose: l, withPortal: s, ...n } = r, { ref: c } = a({
+    "ds-dialog-fullscreen:close": l
+  }), o = /* @__PURE__ */ i("ds-dialog-fullscreen-react", { ref: c, class: e, ...n, children: t });
+  return s ? m(o, document.body) : o;
+}
+export {
+  P as DialogFullscreen
+};

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

@@ -0,0 +1,28 @@
+import { jsx as d } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as l } from "../../hooks/useHandleEvent.js";
+import "@cupra/ui-kit/react/ds-favourite-action";
+function v({
+  className: i,
+  initialSelected: e,
+  onChange: t,
+  onClick: r,
+  ...o
+}) {
+  const c = (a) => {
+    t == null || t(a.detail.selected);
+  }, { ref: s } = l({ "ds-favourite-action:change": c, click: r });
+  return /* @__PURE__ */ d(
+    "ds-favourite-action-react",
+    {
+      ref: s,
+      class: i,
+      "initial-selected": e || void 0,
+      ...o
+    }
+  );
+}
+export {
+  v as FavouriteAction
+};

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

@@ -0,0 +1,9 @@
+import { jsx as c } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-icon-button-group";
+function p(o) {
+  const { className: r, children: t, ...n } = o;
+  return /* @__PURE__ */ c("ds-icon-button-group-react", { class: r, ...n, children: t });
+}
+export {
+  p as IconButtonGroup
+};

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

@@ -0,0 +1,14 @@
+import { jsx as l } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-inline-alert";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import "react";
+import { useHandleEvent as s } from "../../hooks/useHandleEvent.js";
+function d(e) {
+  const { className: r, children: o, onClose: t, ...n } = e, { ref: i } = s({
+    "inline-alert:close": t
+  });
+  return /* @__PURE__ */ l("ds-inline-alert-react", { ref: i, class: r, ...n, children: o });
+}
+export {
+  d as InlineAlert
+};

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

@@ -0,0 +1,8 @@
+import { jsx as i } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-list";
+function e({ className: t, children: r, ...s }) {
+  return /* @__PURE__ */ i("ds-list-react", { class: t, ...s, children: r });
+}
+export {
+  e as List
+};

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

@@ -0,0 +1,13 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-list-item";
+import { Divider as n } from "../Divider/Divider.js";
+function u({ className: r, children: s, selected: o, disabled: d, variant: i, ...f }) {
+  const t = { ...f };
+  return i && (t.variant = i), o && (t.selected = !0), d && (t.disabled = !0), /* @__PURE__ */ m("div", { style: { width: "fit-content" }, children: [
+    /* @__PURE__ */ e("ds-list-item-react", { className: r, ...t, children: s }),
+    i !== "info" && /* @__PURE__ */ e(n, {})
+  ] });
+}
+export {
+  u as ListItem
+};

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

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-main-title";
+function n(t) {
+  const { className: e, children: r, ...i } = t;
+  return /* @__PURE__ */ o("ds-main-title-react", { class: e, ...i, children: r });
+}
+function s(t) {
+  const { as: e, children: r, ...i } = t;
+  return /* @__PURE__ */ o(e, { slot: "title", ...i, children: r });
+}
+function l(t) {
+  const { as: e, children: r, ...i } = t;
+  return /* @__PURE__ */ o(e, { slot: "subtitle", ...i, children: r });
+}
+n.Title = s;
+n.Subtitle = l;
+export {
+  n as MainTitle
+};

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

@@ -0,0 +1,9 @@
+import { jsx as s } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-navigation-controls";
+function c(o) {
+  const { className: r, children: t, ...n } = o;
+  return /* @__PURE__ */ s("ds-navigation-controls-react", { class: r, ...n, children: t });
+}
+export {
+  c as NavigationControls
+};

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

@@ -0,0 +1,17 @@
+import { jsx as o, Fragment as a } from "react/jsx-runtime";
+import { Children as m } from "react";
+import "@cupra/ui-kit/react/ds-secondary-navigation";
+import "@cupra/ui-kit/react/utils/breakpoints";
+import { useHandleEvent as d } from "../../hooks/useHandleEvent.js";
+function e(t) {
+  const { className: n, children: r, onSelect: s, ...i } = t, { ref: c } = d({
+    "ds-secondary-navigation:select": s
+  });
+  return /* @__PURE__ */ o("ds-secondary-navigation-react", { ref: c, class: n, ...i, children: r });
+}
+const l = ({ children: t, ...n }) => /* @__PURE__ */ o("a", { slot: "items", ...n, children: t }), p = ({ children: t }) => /* @__PURE__ */ o(a, { children: m.map(t, (n, r) => /* @__PURE__ */ o("div", { slot: "actions", children: n }, r)) });
+e.Item = l;
+e.Actions = p;
+export {
+  e as SecondaryNavigation
+};

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

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-skeleton";
+function s({ className: t, ...e }) {
+  return /* @__PURE__ */ o("ds-skeleton-react", { class: t, ...e });
+}
+export {
+  s as Skeleton
+};

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

@@ -0,0 +1,20 @@
+import { jsx as n } 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
+    }
+  );
+}
+export {
+  g as Slider
+};

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

@@ -0,0 +1,9 @@
+import { jsx as a } 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 });
+}
+export {
+  l as Table
+};

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

@@ -0,0 +1,9 @@
+import { jsx as s } 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 });
+}
+export {
+  o as TableCell
+};

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

@@ -0,0 +1,9 @@
+import { jsx as s } 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 });
+}
+export {
+  l as TableRow
+};

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

@@ -0,0 +1,47 @@
+import { jsxs as b, jsx as t } 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
+      }
+    )
+  ] });
+}
+export {
+  q as TextInput
+};

package/dist/{components → esm/components}/Textarea/Textarea.js

@@ -1,12 +1,12 @@
-import { jsxs as E, jsx as r } from "react/jsx-runtime";
+import { jsxs as j, jsx as r } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-textarea";
 import "@cupra/ui-kit/react/utils/breakpoints";
 import "react";
-import { useHandleEvent as j } from "../../hooks/useHandleEvent.js";
+import { useHandleEvent as I } from "../../hooks/useHandleEvent.js";
 function F(t) {
   const {
     className: o,
-    children: I,
+    children: L,
     onChange: a,
     onInput: n,
     textareaId: e,
@@ -15,24 +15,25 @@ function F(t) {
     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(
+    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: b,
+      ref: E,
       class: o,
-      "forced-error": u,
-      "helper-text": f,
-      "invalid-error": g,
-      ...v,
+      "forced-error": f,
+      "helper-text": g,
+      "invalid-error": v,
+      ...b,
       children: [
         /* @__PURE__ */ r("label", { htmlFor: e, children: d }),
         /* @__PURE__ */ r(
@@ -43,10 +44,11 @@ function F(t) {
             value: i,
             required: s,
             disabled: c,
-            minLength: h,
-            maxLength: p,
-            rows: m,
-            cols: x
+            readOnly: h,
+            minLength: p,
+            maxLength: m,
+            rows: x,
+            cols: u
           }
         )
       ]

package/dist/esm/components/ValueUnit/ValueUnit.js

@@ -0,0 +1,12 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-value-unit";
+function u(t) {
+  const { className: n, value: e, unit: r, ...l } = t;
+  return /* @__PURE__ */ a("ds-value-unit-react", { class: n, ...l, children: [
+    /* @__PURE__ */ s("span", { slot: "value", children: e }),
+    /* @__PURE__ */ s("span", { slot: "unit", children: r })
+  ] });
+}
+export {
+  u as ValueUnit
+};

package/dist/esm/index.js

@@ -0,0 +1,164 @@
+import { Accordion as t } from "./components/Accordion/Accordion.js";
+import { Badge as m } from "./components/Badge/Badge.js";
+import { BasicCard as f } from "./components/BasicCard/BasicCard.js";
+import { BasicCardImage as i } from "./components/BasicCardImage/BasicCardImage.js";
+import { BasicCardHeader as l } from "./components/BasicCardHeader/BasicCardHeader.js";
+import { BasicCardSection as c } from "./components/BasicCardSection/BasicCardSection.js";
+import { Breadcrumbs as u } from "./components/Breadcrumbs/Breadcrumbs.js";
+import { BreadcrumbsItem as B } from "./components/BreadcrumbsItem/BreadcrumbsItem.js";
+import { Bullets as T } from "./components/Bullets/Bullets.js";
+import { Button as S } from "./components/Button/Button.js";
+import { Calendar as b } from "./components/Calendar/Calendar.js";
+import { CarouselIndicator as k } from "./components/CarouselIndicator/CarouselIndicator.js";
+import { Checkbox as L } from "./components/Checkbox/Checkbox.js";
+import { CheckboxGroup as M } from "./components/CheckboxGroup/CheckboxGroup.js";
+import { Chip as w } from "./components/Chip/Chip.js";
+import { Chips as A } from "./components/Chips/Chips.js";
+import { Currency as F } from "./components/Currency/Currency.js";
+import { DatePicker as N } from "./components/DatePicker/DatePicker.js";
+import { Dialog as z } from "./components/Dialog/Dialog.js";
+import { DialogBody as U } from "./components/DialogBody/DialogBody.js";
+import { DialogFooter as j } from "./components/DialogFooter/DialogFooter.js";
+import { DialogFullscreen as J } from "./components/DialogFullscreen/DialogFullscreen.js";
+import { DialogHeader as Q } from "./components/DialogHeader/DialogHeader.js";
+import { Divider as X } from "./components/Divider/Divider.js";
+import { Drawer as Z } from "./components/Drawer/Drawer.js";
+import { FavouriteAction as $ } from "./components/FavouriteAction/FavouriteAction.js";
+import { Hyperlink as ro } from "./components/Hyperlink/Hyperlink.js";
+import { Icon as to } from "./components/Icon/Icon.js";
+import { IconButton as mo } from "./components/IconButton/IconButton.js";
+import { Input as fo } from "./components/Input/Input.js";
+import { List as io } from "./components/List/List.js";
+import { ListItem as lo } from "./components/ListItem/ListItem.js";
+import { LinkButton as so } from "./components/LinkButton/LinkButton.js";
+import { Loader as go, LoaderLogo as Bo } from "./components/Loader/Loader.js";
+import { Logo as To } from "./components/Logo/Logo.js";
+import { MainTitle as So } from "./components/MainTitle/MainTitle.js";
+import { MapPin as bo } from "./components/MapPin/MapPin.js";
+import { MediaControl as ko } from "./components/MediaControl/MediaControl.js";
+import { Modal as Lo } from "./components/Modal/Modal.js";
+import { PasswordInput as Mo } from "./components/PasswordInput/PasswordInput.js";
+import { PickerItem as wo } from "./components/PickerItem/PickerItem.js";
+import { Radio as Ao } from "./components/Radio/Radio.js";
+import { RadioButton as Fo } from "./components/RadioButton/RadioButton.js";
+import { RadioButtonGroup as No } from "./components/RadioButtonGroup/RadioButtonGroup.js";
+import { Rating as zo } from "./components/Rating/Rating.js";
+import { Search as Uo } from "./components/Search/Search.js";
+import { SearchInput as jo } from "./components/SearchInput/SearchInput.js";
+import { SecondaryNavigation as Jo } from "./components/SecondaryNavigation/SecondaryNavigation.js";
+import { SegmentedControl as Qo } from "./components/SegmentedControl/SegmentedControl.js";
+import { Select as Xo } from "./components/Select/Select.js";
+import { Selection as Zo } from "./components/Selection/Selection.js";
+import { Skeleton as $o } from "./components/Skeleton/Skeleton.js";
+import { Slider as rr } from "./components/Slider/Slider.js";
+import { Table as tr } from "./components/Table/Table.js";
+import { TableCell as mr } from "./components/TableCell/TableCell.js";
+import { TableRow as fr } from "./components/TableRow/TableRow.js";
+import { Tabs as ir } from "./components/Tabs/Tabs.js";
+import { Tag as lr } from "./components/Tag/Tag.js";
+import { Text as cr } from "./components/Text/Text.js";
+import { TextInput as ur } from "./components/TextInput/TextInput.js";
+import { Textarea as Br } from "./components/Textarea/Textarea.js";
+import { ThemeProvider as Tr } from "./components/ThemeProvider/ThemeProvider.js";
+import { ToggleButton as Sr } from "./components/ToggleButton/ToggleButton.js";
+import { ToggleSwitch as br } from "./components/ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as kr } from "./components/Tooltip/Tooltip.js";
+import { ValueUnit as Lr } from "./components/ValueUnit/ValueUnit.js";
+import { Toast as Mr } from "./components/Toast/Toast.js";
+import { ToastMessage as wr } from "./components/ToastMessage/ToastMessage.js";
+import { InlineAlert as Ar } from "./components/InlineAlert/InlineAlert.js";
+import { Avatar as Fr } from "./components/Avatar/Avatar.js";
+import { StaticBox as Nr } from "./components/StaticBox/StaticBox.js";
+import { Stepper as zr } from "./components/Stepper/Stepper.js";
+import { InteractiveCard as Ur } from "./components/InteractiveCard/InteractiveCard.js";
+import { SidebarNavigation as jr } from "./components/SidebarNavigation/SidebarNavigation.js";
+import { IconButtonGroup as Jr } from "./components/IconButtonGroup/IconButtonGroup.js";
+import { NavigationControls as Qr } from "./components/NavigationControls/NavigationControls.js";
+import { useBreakpoint as Xr } from "./hooks/useBreakpoint.js";
+import { useEventListeners as Zr } from "./hooks/useEventListeners.js";
+import { useHandleEvent as $r } from "./hooks/useHandleEvent.js";
+import "react";
+import { useResizeObserver as re } from "./hooks/useResizeObserver/useResizeObserver.js";
+export {
+  t as Accordion,
+  Fr as Avatar,
+  m as Badge,
+  f as BasicCard,
+  l as BasicCardHeader,
+  i as BasicCardImage,
+  c as BasicCardSection,
+  u as Breadcrumbs,
+  B as BreadcrumbsItem,
+  T as Bullets,
+  S as Button,
+  b as Calendar,
+  k as CarouselIndicator,
+  L as Checkbox,
+  M as CheckboxGroup,
+  w as Chip,
+  A as Chips,
+  F as Currency,
+  N as DatePicker,
+  z as Dialog,
+  U as DialogBody,
+  j as DialogFooter,
+  J as DialogFullscreen,
+  Q as DialogHeader,
+  X as Divider,
+  Z as Drawer,
+  $ as FavouriteAction,
+  ro as Hyperlink,
+  to as Icon,
+  mo as IconButton,
+  Jr as IconButtonGroup,
+  Ar as InlineAlert,
+  fo as Input,
+  Ur as InteractiveCard,
+  so as LinkButton,
+  io as List,
+  lo as ListItem,
+  go as Loader,
+  Bo as LoaderLogo,
+  To as Logo,
+  So as MainTitle,
+  bo as MapPin,
+  ko as MediaControl,
+  Lo as Modal,
+  Qr as NavigationControls,
+  Mo as PasswordInput,
+  wo as PickerItem,
+  Ao as Radio,
+  Fo as RadioButton,
+  No as RadioButtonGroup,
+  zo as Rating,
+  Uo as Search,
+  jo as SearchInput,
+  Jo as SecondaryNavigation,
+  Qo as SegmentedControl,
+  Xo as Select,
+  Zo as Selection,
+  jr as SidebarNavigation,
+  $o as Skeleton,
+  rr as Slider,
+  Nr as StaticBox,
+  zr as Stepper,
+  tr as Table,
+  mr as TableCell,
+  fr as TableRow,
+  ir as Tabs,
+  lr as Tag,
+  cr as Text,
+  ur as TextInput,
+  Br as Textarea,
+  Tr as ThemeProvider,
+  Mr as Toast,
+  wr as ToastMessage,
+  Sr as ToggleButton,
+  br as ToggleSwitch,
+  kr as Tooltip,
+  Lr as ValueUnit,
+  Xr as useBreakpoint,
+  Zr as useEventListeners,
+  $r as useHandleEvent,
+  re as useResizeObserver
+};

package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,8 @@
+import { type ReactElement } from 'react';
+import '@cupra/ui-kit/react/ds-breadcrumbs';
+import type { DsBreadcrumbsAttrs } from '@cupra/ui-kit/react/types/ds-breadcrumbs';
+export type BreadcrumbsProps = DsBreadcrumbsAttrs & {
+    className?: string;
+    children: JSX.Element | JSX.Element[] | string;
+};
+export declare const Breadcrumbs: (props: BreadcrumbsProps) => ReactElement;

package/dist/types/components/BreadcrumbsItem/BreadcrumbsItem.d.ts

@@ -0,0 +1,16 @@
+import { type ReactElement, type ReactNode } from 'react';
+import '@cupra/ui-kit/react/ds-breadcrumbs-item';
+import type { DsBreadcrumbsItemAttrs } from '@cupra/ui-kit/react/types/ds-breadcrumbs-item';
+export type BreadcrumbsItemProps = DsBreadcrumbsItemAttrs & {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const BreadcrumbsItem: {
+    (props: BreadcrumbsItemProps): ReactElement;
+    Item: {
+        ({ children }: {
+            children: ReactNode;
+        }): ReactElement;
+        displayName: string;
+    };
+};