@cupra/ui-react 2.0.0-canary.21 → 2.0.0-canary.23

package/dist/cjs/components/BasicCardHeader/BasicCardHeader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-basic-card-header");function s(e){const{className:c,children:n,...o}=e;return r.jsx("ds-basic-card-header-react",{class:c,...o,children:n})}const a=({children:e})=>r.jsx("div",{slot:"title",children:e}),t=({children:e})=>r.jsx("div",{slot:"description",children:e}),i=({children:e})=>r.jsx("div",{slot:"meta",children:e}),d=({children:e})=>r.jsx("div",{slot:"sub-header",children:e});s.Title=a;s.Description=t;s.Meta=i;s.SubHeader=d;a.displayName="BasicCard.Title";i.displayName="BasicCard.Meta";t.displayName="BasicCard.Description";d.displayName="BasicCard.SubHeader";exports.BasicCardHeader=s;

package/dist/cjs/components/BasicCardImage/BasicCardImage.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-basic-card-image");function t(e){const{className:r,children:a,...s}=e;return c.jsx("ds-basic-card-image-react",{class:r,...s,children:a})}exports.BasicCardImage=t;

package/dist/cjs/components/ListItem/ListItem.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-list-item");function s({className:e,children:t,...i}){return r.jsx("ds-list-item-react",{className:e,...i,children:t})}exports.ListItem=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-list-item");const c=require("../Divider/Divider.cjs");function o({className:r,children:s,selected:n,disabled:d,variant:t,...u}){const e={...u};return t&&(e.variant=t),n&&(e.selected=!0),d&&(e.disabled=!0),i.jsxs("div",{style:{width:"fit-content"},children:[i.jsx("ds-list-item-react",{className:r,...e,children:s}),t!=="info"&&i.jsx(c.Divider,{})]})}exports.ListItem=o;

package/dist/cjs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./components/Accordion/Accordion.cjs"),t=require("./components/Badge/Badge.cjs"),o=require("./components/BasicCard/BasicCard.cjs"),i=require("./components/BasicCardSection/BasicCardSection.cjs"),n=require("./components/Bullets/Bullets.cjs"),a=require("./components/Button/Button.cjs"),s=require("./components/CarouselIndicator/CarouselIndicator.cjs"),c=require("./components/Checkbox/Checkbox.cjs"),u=require("./components/Chip/Chip.cjs"),d=require("./components/Chips/Chips.cjs"),q=require("./components/Currency/Currency.cjs"),l=require("./components/Dialog/Dialog.cjs"),g=require("./components/DialogBody/DialogBody.cjs"),p=require("./components/DialogFooter/DialogFooter.cjs"),B=require("./components/DialogHeader/DialogHeader.cjs"),S=require("./components/Divider/Divider.cjs"),T=require("./components/Drawer/Drawer.cjs"),C=require("./components/Hyperlink/Hyperlink.cjs"),I=require("./components/Icon/Icon.cjs"),v=require("./components/IconButton/IconButton.cjs"),L=require("./components/Input/Input.cjs"),h=require("./components/List/List.cjs"),D=require("./components/ListItem/ListItem.cjs"),M=require("./components/LinkButton/LinkButton.cjs"),e=require("./components/Loader/Loader.cjs"),k=require("./components/Logo/Logo.cjs"),x=require("./components/MainTitle/MainTitle.cjs"),R=require("./components/MapPin/MapPin.cjs"),b=require("./components/MediaControl/MediaControl.cjs"),y=require("./components/Modal/Modal.cjs"),m=require("./components/PasswordInput/PasswordInput.cjs"),P=require("./components/PickerItem/PickerItem.cjs"),w=require("./components/Radio/Radio.cjs"),H=require("./components/RadioButton/RadioButton.cjs"),A=require("./components/RadioButtonGroup/RadioButtonGroup.cjs"),E=require("./components/Rating/Rating.cjs"),N=require("./components/Search/Search.cjs"),O=require("./components/SearchInput/SearchInput.cjs"),z=require("./components/SecondaryNavigation/SecondaryNavigation.cjs"),F=require("./components/SegmentedControl/SegmentedControl.cjs"),G=require("./components/Select/Select.cjs"),f=require("./components/Selection/Selection.cjs"),j=require("./components/Slider/Slider.cjs"),J=require("./components/Tabs/Tabs.cjs"),K=require("./components/Tag/Tag.cjs"),Q=require("./components/Text/Text.cjs"),U=require("./components/TextInput/TextInput.cjs"),V=require("./components/Textarea/Textarea.cjs"),W=require("./components/ThemeProvider/ThemeProvider.cjs"),X=require("./components/ToggleButton/ToggleButton.cjs"),Y=require("./components/ToggleSwitch/ToggleSwitch.cjs"),Z=require("./components/Tooltip/Tooltip.cjs"),_=require("./components/Toast/Toast.cjs"),$=require("./components/ToastMessage/ToastMessage.cjs"),ee=require("./components/Avatar/Avatar.cjs"),re=require("./components/StaticBox/StaticBox.cjs"),te=require("./components/Stepper/Stepper.cjs"),oe=require("./components/InteractiveCard/InteractiveCard.cjs"),ie=require("./components/SidebarNavigation/SidebarNavigation.cjs"),ne=require("./hooks/useBreakpoint.cjs"),ae=require("./hooks/useEventListeners.cjs"),se=require("./hooks/useHandleEvent.cjs");require("react");const ce=require("./hooks/useResizeObserver/useResizeObserver.cjs");exports.Accordion=r.Accordion;exports.Badge=t.Badge;exports.BasicCard=o.BasicCard;exports.BasicCardSection=i.BasicCardSection;exports.Bullets=n.Bullets;exports.Button=a.Button;exports.CarouselIndicator=s.CarouselIndicator;exports.Checkbox=c.Checkbox;exports.Chip=u.Chip;exports.Chips=d.Chips;exports.Currency=q.Currency;exports.Dialog=l.Dialog;exports.DialogBody=g.DialogBody;exports.DialogFooter=p.DialogFooter;exports.DialogHeader=B.DialogHeader;exports.Divider=S.Divider;exports.Drawer=T.Drawer;exports.Hyperlink=C.Hyperlink;exports.Icon=I.Icon;exports.IconButton=v.IconButton;exports.Input=L.Input;exports.List=h.List;exports.ListItem=D.ListItem;exports.LinkButton=M.LinkButton;exports.Loader=e.Loader;exports.LoaderLogo=e.LoaderLogo;exports.Logo=k.Logo;exports.MainTitle=x.MainTitle;exports.MapPin=R.MapPin;exports.MediaControl=b.MediaControl;exports.Modal=y.Modal;exports.PasswordInput=m.PasswordInput;exports.PickerItem=P.PickerItem;exports.Radio=w.Radio;exports.RadioButton=H.RadioButton;exports.RadioButtonGroup=A.RadioButtonGroup;exports.Rating=E.Rating;exports.Search=N.Search;exports.SearchInput=O.SearchInput;exports.SecondaryNavigation=z.SecondaryNavigation;exports.SegmentedControl=F.SegmentedControl;exports.Select=G.Select;exports.Selection=f.Selection;exports.Slider=j.Slider;exports.Tabs=J.Tabs;exports.Tag=K.Tag;exports.Text=Q.Text;exports.TextInput=U.TextInput;exports.Textarea=V.Textarea;exports.ThemeProvider=W.ThemeProvider;exports.ToggleButton=X.ToggleButton;exports.ToggleSwitch=Y.ToggleSwitch;exports.Tooltip=Z.Tooltip;exports.Toast=_.Toast;exports.ToastMessage=$.ToastMessage;exports.Avatar=ee.Avatar;exports.StaticBox=re.StaticBox;exports.Stepper=te.Stepper;exports.InteractiveCard=oe.InteractiveCard;exports.SidebarNavigation=ie.SidebarNavigation;exports.useBreakpoint=ne.useBreakpoint;exports.useEventListeners=ae.useEventListeners;exports.useHandleEvent=se.useHandleEvent;exports.useResizeObserver=ce.useResizeObserver;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./components/Accordion/Accordion.cjs"),t=require("./components/Badge/Badge.cjs"),o=require("./components/BasicCard/BasicCard.cjs"),i=require("./components/BasicCardImage/BasicCardImage.cjs"),n=require("./components/BasicCardHeader/BasicCardHeader.cjs"),a=require("./components/BasicCardSection/BasicCardSection.cjs"),s=require("./components/Bullets/Bullets.cjs"),c=require("./components/Button/Button.cjs"),u=require("./components/CarouselIndicator/CarouselIndicator.cjs"),d=require("./components/Checkbox/Checkbox.cjs"),q=require("./components/Chip/Chip.cjs"),l=require("./components/Chips/Chips.cjs"),g=require("./components/Currency/Currency.cjs"),B=require("./components/Dialog/Dialog.cjs"),p=require("./components/DialogBody/DialogBody.cjs"),S=require("./components/DialogFooter/DialogFooter.cjs"),T=require("./components/DialogHeader/DialogHeader.cjs"),C=require("./components/Divider/Divider.cjs"),I=require("./components/Drawer/Drawer.cjs"),v=require("./components/Hyperlink/Hyperlink.cjs"),L=require("./components/Icon/Icon.cjs"),h=require("./components/IconButton/IconButton.cjs"),D=require("./components/Input/Input.cjs"),m=require("./components/List/List.cjs"),M=require("./components/ListItem/ListItem.cjs"),k=require("./components/LinkButton/LinkButton.cjs"),e=require("./components/Loader/Loader.cjs"),x=require("./components/Logo/Logo.cjs"),R=require("./components/MainTitle/MainTitle.cjs"),b=require("./components/MapPin/MapPin.cjs"),y=require("./components/MediaControl/MediaControl.cjs"),P=require("./components/Modal/Modal.cjs"),H=require("./components/PasswordInput/PasswordInput.cjs"),w=require("./components/PickerItem/PickerItem.cjs"),A=require("./components/Radio/Radio.cjs"),E=require("./components/RadioButton/RadioButton.cjs"),N=require("./components/RadioButtonGroup/RadioButtonGroup.cjs"),O=require("./components/Rating/Rating.cjs"),z=require("./components/Search/Search.cjs"),F=require("./components/SearchInput/SearchInput.cjs"),G=require("./components/SecondaryNavigation/SecondaryNavigation.cjs"),f=require("./components/SegmentedControl/SegmentedControl.cjs"),j=require("./components/Select/Select.cjs"),J=require("./components/Selection/Selection.cjs"),K=require("./components/Slider/Slider.cjs"),Q=require("./components/Tabs/Tabs.cjs"),U=require("./components/Tag/Tag.cjs"),V=require("./components/Text/Text.cjs"),W=require("./components/TextInput/TextInput.cjs"),X=require("./components/Textarea/Textarea.cjs"),Y=require("./components/ThemeProvider/ThemeProvider.cjs"),Z=require("./components/ToggleButton/ToggleButton.cjs"),_=require("./components/ToggleSwitch/ToggleSwitch.cjs"),$=require("./components/Tooltip/Tooltip.cjs"),ee=require("./components/Toast/Toast.cjs"),re=require("./components/ToastMessage/ToastMessage.cjs"),te=require("./components/Avatar/Avatar.cjs"),oe=require("./components/StaticBox/StaticBox.cjs"),ie=require("./components/Stepper/Stepper.cjs"),ne=require("./components/InteractiveCard/InteractiveCard.cjs"),ae=require("./components/SidebarNavigation/SidebarNavigation.cjs"),se=require("./hooks/useBreakpoint.cjs"),ce=require("./hooks/useEventListeners.cjs"),ue=require("./hooks/useHandleEvent.cjs");require("react");const de=require("./hooks/useResizeObserver/useResizeObserver.cjs");exports.Accordion=r.Accordion;exports.Badge=t.Badge;exports.BasicCard=o.BasicCard;exports.BasicCardImage=i.BasicCardImage;exports.BasicCardHeader=n.BasicCardHeader;exports.BasicCardSection=a.BasicCardSection;exports.Bullets=s.Bullets;exports.Button=c.Button;exports.CarouselIndicator=u.CarouselIndicator;exports.Checkbox=d.Checkbox;exports.Chip=q.Chip;exports.Chips=l.Chips;exports.Currency=g.Currency;exports.Dialog=B.Dialog;exports.DialogBody=p.DialogBody;exports.DialogFooter=S.DialogFooter;exports.DialogHeader=T.DialogHeader;exports.Divider=C.Divider;exports.Drawer=I.Drawer;exports.Hyperlink=v.Hyperlink;exports.Icon=L.Icon;exports.IconButton=h.IconButton;exports.Input=D.Input;exports.List=m.List;exports.ListItem=M.ListItem;exports.LinkButton=k.LinkButton;exports.Loader=e.Loader;exports.LoaderLogo=e.LoaderLogo;exports.Logo=x.Logo;exports.MainTitle=R.MainTitle;exports.MapPin=b.MapPin;exports.MediaControl=y.MediaControl;exports.Modal=P.Modal;exports.PasswordInput=H.PasswordInput;exports.PickerItem=w.PickerItem;exports.Radio=A.Radio;exports.RadioButton=E.RadioButton;exports.RadioButtonGroup=N.RadioButtonGroup;exports.Rating=O.Rating;exports.Search=z.Search;exports.SearchInput=F.SearchInput;exports.SecondaryNavigation=G.SecondaryNavigation;exports.SegmentedControl=f.SegmentedControl;exports.Select=j.Select;exports.Selection=J.Selection;exports.Slider=K.Slider;exports.Tabs=Q.Tabs;exports.Tag=U.Tag;exports.Text=V.Text;exports.TextInput=W.TextInput;exports.Textarea=X.Textarea;exports.ThemeProvider=Y.ThemeProvider;exports.ToggleButton=Z.ToggleButton;exports.ToggleSwitch=_.ToggleSwitch;exports.Tooltip=$.Tooltip;exports.Toast=ee.Toast;exports.ToastMessage=re.ToastMessage;exports.Avatar=te.Avatar;exports.StaticBox=oe.StaticBox;exports.Stepper=ie.Stepper;exports.InteractiveCard=ne.InteractiveCard;exports.SidebarNavigation=ae.SidebarNavigation;exports.useBreakpoint=se.useBreakpoint;exports.useEventListeners=ce.useEventListeners;exports.useHandleEvent=ue.useHandleEvent;exports.useResizeObserver=de.useResizeObserver;

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/ListItem/ListItem.js

@@ -1,8 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import "@cupra/ui-kit/react/ds-list-item";
-function s({ className: t, children: r, ...i }) {
-  return /* @__PURE__ */ e("ds-list-item-react", { className: t, ...i, children: r });
+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 {
-  s as ListItem
+  u as ListItem
 };

package/dist/esm/index.js

@@ -1,130 +1,134 @@
 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 { BasicCardSection as i } from "./components/BasicCardSection/BasicCardSection.js";
-import { Bullets as d } from "./components/Bullets/Bullets.js";
-import { Button as c } from "./components/Button/Button.js";
-import { CarouselIndicator as u } from "./components/CarouselIndicator/CarouselIndicator.js";
-import { Checkbox as B } from "./components/Checkbox/Checkbox.js";
-import { Chip as T } from "./components/Chip/Chip.js";
-import { Chips as I } from "./components/Chips/Chips.js";
-import { Currency as L } from "./components/Currency/Currency.js";
-import { Dialog as D } from "./components/Dialog/Dialog.js";
-import { DialogBody as M } from "./components/DialogBody/DialogBody.js";
-import { DialogFooter as b } from "./components/DialogFooter/DialogFooter.js";
-import { DialogHeader as P } from "./components/DialogHeader/DialogHeader.js";
-import { Divider as H } from "./components/Divider/Divider.js";
-import { Drawer as E } from "./components/Drawer/Drawer.js";
-import { Hyperlink as z } from "./components/Hyperlink/Hyperlink.js";
-import { Icon as G } from "./components/Icon/Icon.js";
-import { IconButton as j } from "./components/IconButton/IconButton.js";
-import { Input as J } from "./components/Input/Input.js";
-import { List as Q } from "./components/List/List.js";
-import { ListItem as V } from "./components/ListItem/ListItem.js";
-import { LinkButton as X } from "./components/LinkButton/LinkButton.js";
-import { Loader as Z, LoaderLogo as _ } from "./components/Loader/Loader.js";
-import { Logo as oo } from "./components/Logo/Logo.js";
-import { MainTitle as eo } from "./components/MainTitle/MainTitle.js";
-import { MapPin as po } from "./components/MapPin/MapPin.js";
-import { MediaControl as xo } from "./components/MediaControl/MediaControl.js";
-import { Modal as ao } from "./components/Modal/Modal.js";
-import { PasswordInput as no } from "./components/PasswordInput/PasswordInput.js";
-import { PickerItem as co } from "./components/PickerItem/PickerItem.js";
-import { Radio as uo } from "./components/Radio/Radio.js";
-import { RadioButton as Bo } from "./components/RadioButton/RadioButton.js";
-import { RadioButtonGroup as To } from "./components/RadioButtonGroup/RadioButtonGroup.js";
-import { Rating as Io } from "./components/Rating/Rating.js";
-import { Search as Lo } from "./components/Search/Search.js";
-import { SearchInput as Do } from "./components/SearchInput/SearchInput.js";
-import { SecondaryNavigation as Mo } from "./components/SecondaryNavigation/SecondaryNavigation.js";
-import { SegmentedControl as bo } from "./components/SegmentedControl/SegmentedControl.js";
-import { Select as Po } from "./components/Select/Select.js";
-import { Selection as Ho } from "./components/Selection/Selection.js";
-import { Slider as Eo } from "./components/Slider/Slider.js";
-import { Tabs as zo } from "./components/Tabs/Tabs.js";
-import { Tag as Go } from "./components/Tag/Tag.js";
-import { Text as jo } from "./components/Text/Text.js";
-import { TextInput as Jo } from "./components/TextInput/TextInput.js";
-import { Textarea as Qo } from "./components/Textarea/Textarea.js";
-import { ThemeProvider as Vo } from "./components/ThemeProvider/ThemeProvider.js";
-import { ToggleButton as Xo } from "./components/ToggleButton/ToggleButton.js";
-import { ToggleSwitch as Zo } from "./components/ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as $o } from "./components/Tooltip/Tooltip.js";
-import { Toast as rr } from "./components/Toast/Toast.js";
-import { ToastMessage as tr } from "./components/ToastMessage/ToastMessage.js";
-import { Avatar as mr } from "./components/Avatar/Avatar.js";
-import { StaticBox as fr } from "./components/StaticBox/StaticBox.js";
-import { Stepper as ir } from "./components/Stepper/Stepper.js";
-import { InteractiveCard as dr } from "./components/InteractiveCard/InteractiveCard.js";
-import { SidebarNavigation as cr } from "./components/SidebarNavigation/SidebarNavigation.js";
-import { useBreakpoint as ur } from "./hooks/useBreakpoint.js";
-import { useEventListeners as Br } from "./hooks/useEventListeners.js";
-import { useHandleEvent as Tr } from "./hooks/useHandleEvent.js";
+import { BasicCardImage as i } from "./components/BasicCardImage/BasicCardImage.js";
+import { BasicCardHeader as d } from "./components/BasicCardHeader/BasicCardHeader.js";
+import { BasicCardSection as c } from "./components/BasicCardSection/BasicCardSection.js";
+import { Bullets as g } from "./components/Bullets/Bullets.js";
+import { Button as B } from "./components/Button/Button.js";
+import { CarouselIndicator as S } from "./components/CarouselIndicator/CarouselIndicator.js";
+import { Checkbox as I } from "./components/Checkbox/Checkbox.js";
+import { Chip as L } from "./components/Chip/Chip.js";
+import { Chips as D } from "./components/Chips/Chips.js";
+import { Currency as M } from "./components/Currency/Currency.js";
+import { Dialog as b } from "./components/Dialog/Dialog.js";
+import { DialogBody as H } from "./components/DialogBody/DialogBody.js";
+import { DialogFooter as w } from "./components/DialogFooter/DialogFooter.js";
+import { DialogHeader as E } from "./components/DialogHeader/DialogHeader.js";
+import { Divider as z } from "./components/Divider/Divider.js";
+import { Drawer as G } from "./components/Drawer/Drawer.js";
+import { Hyperlink as j } from "./components/Hyperlink/Hyperlink.js";
+import { Icon as J } from "./components/Icon/Icon.js";
+import { IconButton as Q } from "./components/IconButton/IconButton.js";
+import { Input as V } from "./components/Input/Input.js";
+import { List as X } from "./components/List/List.js";
+import { ListItem as Z } from "./components/ListItem/ListItem.js";
+import { LinkButton as $ } from "./components/LinkButton/LinkButton.js";
+import { Loader as ro, LoaderLogo as eo } from "./components/Loader/Loader.js";
+import { Logo as po } from "./components/Logo/Logo.js";
+import { MainTitle as xo } from "./components/MainTitle/MainTitle.js";
+import { MapPin as ao } from "./components/MapPin/MapPin.js";
+import { MediaControl as no } from "./components/MediaControl/MediaControl.js";
+import { Modal as co } from "./components/Modal/Modal.js";
+import { PasswordInput as go } from "./components/PasswordInput/PasswordInput.js";
+import { PickerItem as Bo } from "./components/PickerItem/PickerItem.js";
+import { Radio as So } from "./components/Radio/Radio.js";
+import { RadioButton as Io } from "./components/RadioButton/RadioButton.js";
+import { RadioButtonGroup as Lo } from "./components/RadioButtonGroup/RadioButtonGroup.js";
+import { Rating as Do } from "./components/Rating/Rating.js";
+import { Search as Mo } from "./components/Search/Search.js";
+import { SearchInput as bo } from "./components/SearchInput/SearchInput.js";
+import { SecondaryNavigation as Ho } from "./components/SecondaryNavigation/SecondaryNavigation.js";
+import { SegmentedControl as wo } from "./components/SegmentedControl/SegmentedControl.js";
+import { Select as Eo } from "./components/Select/Select.js";
+import { Selection as zo } from "./components/Selection/Selection.js";
+import { Slider as Go } from "./components/Slider/Slider.js";
+import { Tabs as jo } from "./components/Tabs/Tabs.js";
+import { Tag as Jo } from "./components/Tag/Tag.js";
+import { Text as Qo } from "./components/Text/Text.js";
+import { TextInput as Vo } from "./components/TextInput/TextInput.js";
+import { Textarea as Xo } from "./components/Textarea/Textarea.js";
+import { ThemeProvider as Zo } from "./components/ThemeProvider/ThemeProvider.js";
+import { ToggleButton as $o } from "./components/ToggleButton/ToggleButton.js";
+import { ToggleSwitch as rr } from "./components/ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as tr } from "./components/Tooltip/Tooltip.js";
+import { Toast as mr } from "./components/Toast/Toast.js";
+import { ToastMessage as fr } from "./components/ToastMessage/ToastMessage.js";
+import { Avatar as ir } from "./components/Avatar/Avatar.js";
+import { StaticBox as dr } from "./components/StaticBox/StaticBox.js";
+import { Stepper as cr } from "./components/Stepper/Stepper.js";
+import { InteractiveCard as gr } from "./components/InteractiveCard/InteractiveCard.js";
+import { SidebarNavigation as Br } from "./components/SidebarNavigation/SidebarNavigation.js";
+import { useBreakpoint as Sr } from "./hooks/useBreakpoint.js";
+import { useEventListeners as Ir } from "./hooks/useEventListeners.js";
+import { useHandleEvent as Lr } from "./hooks/useHandleEvent.js";
 import "react";
-import { useResizeObserver as Ir } from "./hooks/useResizeObserver/useResizeObserver.js";
+import { useResizeObserver as Dr } from "./hooks/useResizeObserver/useResizeObserver.js";
 export {
   t as Accordion,
-  mr as Avatar,
+  ir as Avatar,
   m as Badge,
   f as BasicCard,
-  i as BasicCardSection,
-  d as Bullets,
-  c as Button,
-  u as CarouselIndicator,
-  B as Checkbox,
-  T as Chip,
-  I as Chips,
-  L as Currency,
-  D as Dialog,
-  M as DialogBody,
-  b as DialogFooter,
-  P as DialogHeader,
-  H as Divider,
-  E as Drawer,
-  z as Hyperlink,
-  G as Icon,
-  j as IconButton,
-  J as Input,
-  dr as InteractiveCard,
-  X as LinkButton,
-  Q as List,
-  V as ListItem,
-  Z as Loader,
-  _ as LoaderLogo,
-  oo as Logo,
-  eo as MainTitle,
-  po as MapPin,
-  xo as MediaControl,
-  ao as Modal,
-  no as PasswordInput,
-  co as PickerItem,
-  uo as Radio,
-  Bo as RadioButton,
-  To as RadioButtonGroup,
-  Io as Rating,
-  Lo as Search,
-  Do as SearchInput,
-  Mo as SecondaryNavigation,
-  bo as SegmentedControl,
-  Po as Select,
-  Ho as Selection,
-  cr as SidebarNavigation,
-  Eo as Slider,
-  fr as StaticBox,
-  ir as Stepper,
-  zo as Tabs,
-  Go as Tag,
-  jo as Text,
-  Jo as TextInput,
-  Qo as Textarea,
-  Vo as ThemeProvider,
-  rr as Toast,
-  tr as ToastMessage,
-  Xo as ToggleButton,
-  Zo as ToggleSwitch,
-  $o as Tooltip,
-  ur as useBreakpoint,
-  Br as useEventListeners,
-  Tr as useHandleEvent,
-  Ir as useResizeObserver
+  d as BasicCardHeader,
+  i as BasicCardImage,
+  c as BasicCardSection,
+  g as Bullets,
+  B as Button,
+  S as CarouselIndicator,
+  I as Checkbox,
+  L as Chip,
+  D as Chips,
+  M as Currency,
+  b as Dialog,
+  H as DialogBody,
+  w as DialogFooter,
+  E as DialogHeader,
+  z as Divider,
+  G as Drawer,
+  j as Hyperlink,
+  J as Icon,
+  Q as IconButton,
+  V as Input,
+  gr as InteractiveCard,
+  $ as LinkButton,
+  X as List,
+  Z as ListItem,
+  ro as Loader,
+  eo as LoaderLogo,
+  po as Logo,
+  xo as MainTitle,
+  ao as MapPin,
+  no as MediaControl,
+  co as Modal,
+  go as PasswordInput,
+  Bo as PickerItem,
+  So as Radio,
+  Io as RadioButton,
+  Lo as RadioButtonGroup,
+  Do as Rating,
+  Mo as Search,
+  bo as SearchInput,
+  Ho as SecondaryNavigation,
+  wo as SegmentedControl,
+  Eo as Select,
+  zo as Selection,
+  Br as SidebarNavigation,
+  Go as Slider,
+  dr as StaticBox,
+  cr as Stepper,
+  jo as Tabs,
+  Jo as Tag,
+  Qo as Text,
+  Vo as TextInput,
+  Xo as Textarea,
+  Zo as ThemeProvider,
+  mr as Toast,
+  fr as ToastMessage,
+  $o as ToggleButton,
+  rr as ToggleSwitch,
+  tr as Tooltip,
+  Sr as useBreakpoint,
+  Ir as useEventListeners,
+  Lr as useHandleEvent,
+  Dr as useResizeObserver
 };

package/dist/types/components/List/stories/CupraDiagonal.stories.d.ts

@@ -5,10 +5,17 @@ type ListArgs = {
 declare const meta: Meta<ListArgs>;
 export default meta;
 type Story = StoryObj<ListArgs>;
-export declare const SelectionListCheckbox: Story;
-export declare const SelectionListRadioButton: Story;
-export declare const SelectionListToogleSwitch: Story;
-export declare const ActionListImageSquare: Story;
-export declare const ActionListImageWide: Story;
-export declare const ActionListIcon: Story;
-export declare const InfoList: Story;
+export declare const SelectionListCheckboxMedium: Story;
+export declare const SelectionListCheckboxSmall: Story;
+export declare const SelectionListRadioButtonMedium: Story;
+export declare const SelectionListRadioButtonSmall: Story;
+export declare const SelectionListSwitchMedium: Story;
+export declare const SelectionListSwitchSmall: Story;
+export declare const ActionListIconMedium: Story;
+export declare const ActionListIconSmall: Story;
+export declare const ActionListImageSquareMedium: Story;
+export declare const ActionListImageSquareSmall: Story;
+export declare const ActionListImageWideMedium: Story;
+export declare const ActionListImageWideSmall: Story;
+export declare const InfoListMedium: Story;
+export declare const InfoListSmall: Story;

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

@@ -4,5 +4,7 @@ import '@cupra/ui-kit/react/ds-list-item';
 export interface ListItemProps extends DsListItemAttrs {
     className?: string;
     children?: ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
 }
-export declare function ListItem({ className, children, ...rest }: ListItemProps): ReactElement;
+export declare function ListItem({ className, children, selected, disabled, variant, ...rest }: ListItemProps): ReactElement;

package/dist/types/components/ListItem/stories/CupraDiagonal.stories.d.ts

@@ -15,6 +15,8 @@ export declare const SelectionSwitchListItemMedium: Story;
 export declare const SelectionSwitchListItemSmall: Story;
 export declare const ActionIconListItemMedium: Story;
 export declare const ActionIconListItemSmall: Story;
+export declare const ActionImageSquareListItemMedium: Story;
+export declare const ActionImageSquareListItemSmall: Story;
 export declare const ActionImageWideListItemMedium: Story;
 export declare const ActionImageWideListItemSmall: Story;
 export declare const InfoListItemMedium: Story;

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

@@ -1,6 +1,8 @@
 export * from './Accordion/Accordion';
 export * from './Badge/Badge';
 export * from './BasicCard/BasicCard';
+export * from './BasicCardImage/BasicCardImage';
+export * from './BasicCardHeader/BasicCardHeader';
 export * from './BasicCardSection/BasicCardSection';
 export * from './Bullets/Bullets';
 export * from './Button/Button';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-react",
-  "version": "2.0.0-canary.21",
+  "version": "2.0.0-canary.23",
   "description": "React components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",