@cupra/ui-react 2.0.0-canary.19 → 2.0.0-canary.191

package/dist/cjs/components/Toast/Toast.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-toast");function e(t){const{className:s,...o}=t;return a.jsx("ds-toast-react",{class:s,...o})}e.add=t=>{window.dispatchEvent(new CustomEvent("toast:add",{detail:t}))};exports.Toast=e;
+const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("@cupra/ui-kit/react/utils/version"),r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-toast");var i=`ds-toast${n.VERSION_TAG_SUFFIX}`;function a(e){let{className:t,...n}=e;return(0,r.jsx)(i,{class:t,...n})}a.add=e=>{window.dispatchEvent(new CustomEvent(`toast:add`,{detail:e}))},exports.Toast=a;

package/dist/cjs/components/ToastMessage/ToastMessage.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-toast-message");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const u=require("../../hooks/useHandleEvent.cjs");function c(e){const{className:s,children:t,onClose:r,...o}=e,{ref:n}=u.useHandleEvent({"toast:remove":r});return a.jsx("ds-toast-message-react",{ref:n,class:s,...o,children:t})}exports.ToastMessage=c;
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-toast-message");var a=`ds-toast-message${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClose:o,...s}=e,{ref:c}=t.useHandleEvent({"toast:remove":o});return(0,i.jsx)(a,{ref:c,class:n,...s,children:r})}exports.ToastMessage=o;

package/dist/cjs/components/ToggleButton/ToggleButton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const u=require("../../hooks/useHandleEvent.cjs");require("@cupra/ui-kit/react/ds-toggle-button");function o({onChange:e,...t}){const{ref:r}=u.useHandleEvent({change:e});return n.jsx("ds-toggle-button-react",{ref:r,...t})}exports.ToggleButton=o;
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-toggle-button");var t=e.createDsComponent(`ds-toggle-button`,{events:[`change`]});exports.ToggleButton=t;

package/dist/cjs/components/ToggleSwitch/ToggleSwitch.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const s=require("../../hooks/useHandleEvent.cjs");require("@cupra/ui-kit/react/ds-toggle-switch");function t({label:e,onChange:i,...r}){const{ref:o}=s.useHandleEvent({change:i});return n.jsxs("ds-toggle-switch-react",{ref:o,...r,children:[e&&n.jsx("div",{slot:"label",children:e}),r.children]})}function u({children:e}){return n.jsx("div",{slot:"off",children:e})}function c({children:e}){return n.jsx("div",{slot:"on",children:e})}t.Off=u;t.On=c;exports.ToggleSwitch=t;
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-toggle-switch");var a=`ds-toggle-switch${r.VERSION_TAG_SUFFIX}`;function o({label:e,onChange:n,...r}){let{ref:o}=t.useHandleEvent({change:n});return(0,i.jsxs)(a,{ref:o,...r,children:[e&&(0,i.jsx)(`div`,{slot:`label`,children:e}),r.children]})}function s({children:e}){return(0,i.jsx)(`div`,{slot:`off`,children:e})}function c({children:e}){return(0,i.jsx)(`div`,{slot:`on`,children:e})}o.Off=s,o.On=c,exports.ToggleSwitch=o;

package/dist/cjs/components/Tooltip/Tooltip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-tooltip");const a=require("../IconButton/IconButton.cjs"),n=({children:t,...o})=>e.jsx("ds-tooltip-react",{...o,children:t}),s=({children:t,...o})=>e.jsx("div",{slot:"header",...o,children:t}),r=t=>e.jsx(a.IconButton,{slot:"close-button","icon-name":"cross",...t}),i=({children:t,...o})=>e.jsx("div",{slot:"content",...o,children:t}),l=({alt:t,...o})=>e.jsx("img",{alt:t??"",slot:"image",...o});n.Header=s;n.CloseButton=r;n.Content=i;n.Img=l;s.displayName="Tooltip.Header";r.displayName="Tooltip.CloseButton";i.displayName="Tooltip.Content";l.displayName="Tooltip.Img";exports.Tooltip=n;
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../IconButton/IconButton.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-tooltip");var a=`ds-tooltip${r.VERSION_TAG_SUFFIX}`,o=({children:e,...t})=>(0,i.jsx)(a,{...t,children:e}),s=({children:e,...t})=>(0,i.jsx)(`div`,{slot:`header`,...t,children:e}),c=e=>(0,i.jsx)(t.IconButton,{slot:`close-button`,"icon-name":`cross`,...e}),l=({children:e,...t})=>(0,i.jsx)(`div`,{slot:`content`,...t,children:e}),u=({alt:e,...t})=>(0,i.jsx)(`img`,{alt:e??``,slot:`image`,...t});o.Header=s,o.CloseButton=c,o.Content=l,o.Img=u,s.displayName=`Tooltip.Header`,c.displayName=`Tooltip.CloseButton`,l.displayName=`Tooltip.Content`,u.displayName=`Tooltip.Img`,exports.Tooltip=o;

package/dist/cjs/components/ValueUnit/ValueUnit.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("@cupra/ui-kit/react/utils/version"),r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-value-unit");var i=`ds-value-unit${n.VERSION_TAG_SUFFIX}`;function a(e){let{className:t,value:n,unit:a,...o}=e;return(0,r.jsxs)(i,{class:t,...o,children:[(0,r.jsx)(`span`,{slot:`value`,children:n}),(0,r.jsx)(`span`,{slot:`unit`,children:a})]})}exports.ValueUnit=a;

package/dist/cjs/core/createDsComponent.cjs

@@ -0,0 +1 @@
+const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");function a(e,a){let o=a?.events??[];return(0,n.forwardRef)((s,c)=>{let{className:l,children:u,...d}=s,f={};for(let e of o){let t=`on${e.charAt(0).toUpperCase()}${e.slice(1)}`,n=d[t];delete d[t],n&&(f[e]=n)}let{ref:p}=t.useHandleEvent(f),m=(0,n.useCallback)(e=>{p.current=e,typeof c==`function`?c(e):c&&(c.current=e)},[c,p]);if(a?.render){let t={Tag:`${e}${r.VERSION_TAG_SUFFIX}`,props:d,ref:m,children:u};return a.render(t)}return(0,i.jsx)(`${e}${r.VERSION_TAG_SUFFIX}`,{ref:m,class:l,...d,children:u})})}exports.createDsComponent=a;

package/dist/cjs/hooks/useBreakpoint.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@cupra/ui-kit/react/utils/breakpoints"),c=require("react"),o=["xs","s","m","l","xl","xxl"];function u(){const n={};return o.forEach((s,t)=>{const r=`(min-width: ${a.breakpoints[s]}px)`;let e="";if(t<o.length-1){const i=o[t+1];e=` and (max-width: ${a.breakpoints[i]-1}px)`}n[s]=window.matchMedia(r+e)}),n}const m=()=>{const[n,s]=c.useState(()=>{const t=u();let r="";return Object.keys(t).forEach(e=>{t[e].matches&&(r=e)}),r});return c.useLayoutEffect(()=>{const t=u(),r=Object.keys(t).map(e=>{const i=d=>{d.matches&&s(e)};return t[e].addListener(i),()=>{t[e].removeListener(i)}});return()=>{r.forEach(e=>{e()})}},[]),n};exports.useBreakpoint=m;
+let e=require("react"),t=require("@cupra/ui-kit/react/utils/breakpoints");var n=[`xs`,`s`,`m`,`l`,`xl`,`xxl`];function r(){let e={};return n.forEach((r,i)=>{let a=`(min-width: ${t.breakpoints[r]}px)`,o=``;i<n.length-1&&(o=` and (max-width: ${t.breakpoints[n[i+1]]-1}px)`),e[r]=window.matchMedia(a+o)}),e}var i=()=>{let[t,n]=(0,e.useState)(()=>{let e=r(),t=``;return Object.keys(e).forEach(n=>{e[n].matches&&(t=n)}),t});return(0,e.useLayoutEffect)(()=>{let e=r(),t=Object.keys(e).map(t=>{let r=e=>{e.matches&&n(t)};return e[t].addListener(r),()=>{e[t].removeListener(r)}});return()=>{t.forEach(e=>{e()})}},[]),t};exports.useBreakpoint=i;

package/dist/cjs/hooks/useEventListeners.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),E=n=>{l.useEffect(()=>{const e=[];return n.forEach(t=>{const{eventName:s,handler:u,options:o,target:r=document}=t,c=i=>{u(i)};r.addEventListener(s,c,o);const a=()=>{r.removeEventListener(s,c,o)};e.push(a)}),()=>{e.forEach(t=>{t()})}},n.flatMap(({dependencies:e})=>e??[]))};exports.useEventListeners=E;
+let e=require("react");var t=t=>{(0,e.useEffect)(()=>{let e=[];return t.forEach(t=>{let{eventName:n,handler:r,options:i,target:a=document}=t,o=e=>{r(e)};a.addEventListener(n,o,i),e.push(()=>{a.removeEventListener(n,o,i)})}),()=>{e.forEach(e=>{e()})}},t.flatMap(({dependencies:e})=>e??[]))};exports.useEventListeners=t;

package/dist/cjs/hooks/useHandleEvent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function i(n){const c=t.useRef(null),r=t.useRef(n);return t.useEffect(()=>{r.current=n},[n]),t.useEffect(()=>{const u=c.current;if(!u)return;const s={};return Object.keys(r.current).forEach(e=>{const o=l=>{const f=r.current[e];f&&f(l)};s[e]=o,u.addEventListener(e,o)}),()=>{Object.keys(s).forEach(e=>{u.removeEventListener(e,s[e])})}},[c.current,r.current]),{ref:c}}exports.useHandleEvent=i;
+let e=require("react");function t(t){let n=(0,e.useRef)(null),r=(0,e.useRef)(t);return(0,e.useEffect)(()=>{r.current=t},[t]),(0,e.useEffect)(()=>{let e=n.current;if(!e)return;let t={};return Object.keys(r.current).forEach(n=>{let i=e=>{let t=r.current[n];t&&t(e)};t[n]=i,e.addEventListener(n,i)}),()=>{Object.keys(t).forEach(n=>{e.removeEventListener(n,t[n])})}},[n.current,r.current]),{ref:n}}exports.useHandleEvent=t;

package/dist/cjs/hooks/useResizeObserver/useResizeObserver.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function c(t){const{callback:s,element:r}=t;n.useEffect(()=>{if(!r)return;const e=new ResizeObserver(s);return e.observe(r),()=>{e==null||e.disconnect()}},[r,s])}exports.useResizeObserver=c;
+let e=require("react");function t(t){let{callback:n,element:r}=t;(0,e.useEffect)(()=>{if(!r)return;let e=new ResizeObserver(n);return e.observe(r),()=>{e?.disconnect()}},[r,n])}exports.useResizeObserver=t;

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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/Accordion/Accordion.cjs"),t=require("./hooks/useHandleEvent.cjs"),n=require("./components/Badge/Badge.cjs"),r=require("./hooks/useBreakpoint.cjs"),i=require("./hooks/useEventListeners.cjs"),a=require("./hooks/useResizeObserver/useResizeObserver.cjs"),o=require("./components/Banner/Banner.cjs"),s=require("./components/BasicCard/BasicCard.cjs"),c=require("./components/BasicCardImage/BasicCardImage.cjs"),l=require("./components/BasicCardHeader/BasicCardHeader.cjs"),u=require("./components/BasicCardSection/BasicCardSection.cjs"),d=require("./components/Breadcrumbs/Breadcrumbs.cjs"),f=require("./components/BreadcrumbsItem/BreadcrumbsItem.cjs"),p=require("./components/Bullets/Bullets.cjs"),m=require("./components/Button/Button.cjs"),h=require("./components/Calendar/Calendar.cjs"),g=require("./components/CarouselIndicator/CarouselIndicator.cjs"),_=require("./components/Checkbox/Checkbox.cjs"),v=require("./components/CheckboxGroup/CheckboxGroup.cjs"),y=require("./components/Chip/Chip.cjs"),b=require("./components/Chips/Chips.cjs"),x=require("./components/Currency/Currency.cjs"),S=require("./components/DatePicker/DatePicker.cjs"),C=require("./components/Dialog/Dialog.cjs"),w=require("./components/DialogBody/DialogBody.cjs"),T=require("./components/DialogFooter/DialogFooter.cjs"),E=require("./components/DialogFullscreen/DialogFullscreen.cjs"),D=require("./components/DialogHeader/DialogHeader.cjs"),O=require("./components/Divider/Divider.cjs"),k=require("./components/Drawer/Drawer.cjs"),A=require("./components/FavouriteAction/FavouriteAction.cjs"),j=require("./components/Hyperlink/Hyperlink.cjs"),M=require("./components/Icon/Icon.cjs"),N=require("./components/IconButton/IconButton.cjs"),P=require("./components/Input/Input.cjs"),F=require("./components/List/List.cjs"),I=require("./components/ListItem/ListItem.cjs"),L=require("./components/LinkButton/LinkButton.cjs"),R=require("./components/Loader/Loader.cjs"),z=require("./components/Logo/Logo.cjs"),B=require("./components/MainTitle/MainTitle.cjs"),V=require("./components/MapPin/MapPin.cjs"),H=require("./components/MediaControl/MediaControl.cjs"),U=require("./components/Modal/Modal.cjs"),W=require("./components/PasswordInput/PasswordInput.cjs"),G=require("./components/PickerItem/PickerItem.cjs"),ee=require("./components/ProgressBar/ProgressBar.cjs"),K=require("./components/Radio/Radio.cjs"),q=require("./components/RadioButton/RadioButton.cjs"),J=require("./components/RadioButtonGroup/RadioButtonGroup.cjs"),Y=require("./components/Rating/Rating.cjs"),X=require("./components/Search/Search.cjs"),Z=require("./components/SearchInput/SearchInput.cjs"),Q=require("./components/SecondaryNavigation/SecondaryNavigation.cjs"),$=require("./components/SegmentedControl/SegmentedControl.cjs"),te=require("./components/Select/Select.cjs"),ne=require("./components/Selection/Selection.cjs"),re=require("./components/Skeleton/Skeleton.cjs"),ie=require("./components/Slider/Slider.cjs"),ae=require("./components/Table/Table.cjs"),oe=require("./components/TableCell/TableCell.cjs"),se=require("./components/TableRow/TableRow.cjs"),ce=require("./components/Tabs/Tabs.cjs"),le=require("./components/Tag/Tag.cjs"),ue=require("./components/Text/Text.cjs"),de=require("./components/TextInput/TextInput.cjs"),fe=require("./components/Textarea/Textarea.cjs"),pe=require("./components/ThemeProvider/ThemeProvider.cjs"),me=require("./components/ThemeSwitch/ThemeSwitch.cjs"),he=require("./components/ToggleButton/ToggleButton.cjs"),ge=require("./components/ToggleSwitch/ToggleSwitch.cjs"),_e=require("./components/Tooltip/Tooltip.cjs"),ve=require("./components/ValueUnit/ValueUnit.cjs"),ye=require("./components/Toast/Toast.cjs"),be=require("./components/ToastMessage/ToastMessage.cjs"),xe=require("./components/InlineAlert/InlineAlert.cjs"),Se=require("./components/Avatar/Avatar.cjs"),Ce=require("./components/StaticBox/StaticBox.cjs"),we=require("./components/Stepper/Stepper.cjs"),Te=require("./components/InteractiveCard/InteractiveCard.cjs"),Ee=require("./components/SidebarNavigation/SidebarNavigation.cjs"),De=require("./components/IconButtonGroup/IconButtonGroup.cjs"),Oe=require("./components/NavigationControls/NavigationControls.cjs");exports.Accordion=e.Accordion,exports.Avatar=Se.Avatar,exports.Badge=n.Badge,exports.Banner=o.Banner,exports.BasicCard=s.BasicCard,exports.BasicCardHeader=l.BasicCardHeader,exports.BasicCardImage=c.BasicCardImage,exports.BasicCardSection=u.BasicCardSection,exports.Breadcrumbs=d.Breadcrumbs,exports.BreadcrumbsItem=f.BreadcrumbsItem,exports.Bullets=p.Bullets,exports.Button=m.Button,exports.Calendar=h.Calendar,exports.CarouselIndicator=g.CarouselIndicator,exports.Checkbox=_.Checkbox,exports.CheckboxGroup=v.CheckboxGroup,exports.Chip=y.Chip,exports.Chips=b.Chips,exports.Currency=x.Currency,exports.DatePicker=S.DatePicker,exports.Dialog=C.Dialog,exports.DialogBody=w.DialogBody,exports.DialogFooter=T.DialogFooter,exports.DialogFullscreen=E.DialogFullscreen,exports.DialogHeader=D.DialogHeader,exports.Divider=O.Divider,exports.Drawer=k.Drawer,exports.FavouriteAction=A.FavouriteAction,exports.Hyperlink=j.Hyperlink,exports.Icon=M.Icon,exports.IconButton=N.IconButton,exports.IconButtonGroup=De.IconButtonGroup,exports.InlineAlert=xe.InlineAlert,exports.Input=P.Input,exports.InteractiveCard=Te.InteractiveCard,exports.LinkButton=L.LinkButton,exports.List=F.List,exports.ListItem=I.ListItem,exports.Loader=R.Loader,exports.LoaderLogo=R.LoaderLogo,exports.Logo=z.Logo,exports.MainTitle=B.MainTitle,exports.MapPin=V.MapPin,exports.MediaControl=H.MediaControl,exports.Modal=U.Modal,exports.NavigationControls=Oe.NavigationControls,exports.PasswordInput=W.PasswordInput,exports.PickerItem=G.PickerItem,exports.ProgressBar=ee.ProgressBar,exports.Radio=K.Radio,exports.RadioButton=q.RadioButton,exports.RadioButtonGroup=J.RadioButtonGroup,exports.Rating=Y.Rating,exports.Search=X.Search,exports.SearchInput=Z.SearchInput,exports.SecondaryNavigation=Q.SecondaryNavigation,exports.SegmentedControl=$.SegmentedControl,exports.Select=te.Select,exports.Selection=ne.Selection,exports.SidebarNavigation=Ee.SidebarNavigation,exports.Skeleton=re.Skeleton,exports.Slider=ie.Slider,exports.StaticBox=Ce.StaticBox,exports.Stepper=we.Stepper,exports.Table=ae.Table,exports.TableCell=oe.TableCell,exports.TableRow=se.TableRow,exports.Tabs=ce.Tabs,exports.Tag=le.Tag,exports.Text=ue.Text,exports.TextInput=de.TextInput,exports.Textarea=fe.Textarea,exports.ThemeProvider=pe.ThemeProvider,exports.ThemeSwitch=me.ThemeSwitch,exports.Toast=ye.Toast,exports.ToastMessage=be.ToastMessage,exports.ToggleButton=he.ToggleButton,exports.ToggleSwitch=ge.ToggleSwitch,exports.Tooltip=_e.Tooltip,exports.ValueUnit=ve.ValueUnit,exports.useBreakpoint=r.useBreakpoint,exports.useEventListeners=i.useEventListeners,exports.useHandleEvent=t.useHandleEvent,exports.useResizeObserver=a.useResizeObserver;

package/dist/cjs/ui-react.css

@@ -0,0 +1,2 @@
+.ds-modal-full-screen-content{width:100%;height:100%;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
+/*$vite$:1*/

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

@@ -1,8 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
+import "react";
 import "@cupra/ui-kit/react/ds-accordion";
-const n = ({ children: t, ...r }) => /* @__PURE__ */ o("ds-accordion-react", { ...r, children: t }), e = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "title", children: t }), c = ({ children: t }) => /* @__PURE__ */ o("div", { slot: "content", children: t });
-n.Title = e;
-n.Content = c;
-export {
-  n as Accordion
-};
+import { VERSION_TAG_SUFFIX as e } from "@cupra/ui-kit/react/utils/version";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Accordion/Accordion.tsx
+var n = `ds-accordion${e}`, r = ({ children: e, ...r }) => /* @__PURE__ */ t(n, {
+	...r,
+	children: e
+});
+r.Title = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "title",
+	children: e
+}), r.Content = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "content",
+	children: e
+});
+//#endregion
+export { r as Accordion };

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

@@ -1,12 +1,21 @@
-import { jsx as m } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import { isValidElement as n, cloneElement as s } from "react";
-import { useHandleEvent as c } from "../../hooks/useHandleEvent.js";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import { cloneElement as t, isValidElement 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-avatar";
-function E(t) {
-  const { className: r, onClick: e, image: o, ...a } = t, { ref: i } = c({ click: e }), l = o && n(o) ? s(o, { slot: "media", ...o.props }) : null;
-  return /* @__PURE__ */ m("ds-avatar-react", { ref: i, class: r, ...a, children: l });
+//#region src/components/Avatar/Avatar.tsx
+var a = `ds-avatar${r}`;
+function o(r) {
+	let { className: o, onClick: s, image: c, ...l } = r, { ref: u } = e({ click: s }), d = c && n(c) ? t(c, {
+		slot: "media",
+		...c.props
+	}) : null;
+	return /* @__PURE__ */ i(a, {
+		ref: u,
+		class: o,
+		...l,
+		children: d
+	});
 }
-export {
-  E as Avatar
-};
+//#endregion
+export { o as Avatar };

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

@@ -1,8 +1,6 @@
-import { jsx as e } from "react/jsx-runtime";
+import { createDsComponent as e } from "../../core/createDsComponent.js";
 import "@cupra/ui-kit/react/ds-badge";
-function s({ className: r, ...t }) {
-  return /* @__PURE__ */ e("ds-badge-react", { class: r, ...t });
-}
-export {
-  s as Badge
-};
+//#region src/components/Badge/Badge.tsx
+var t = e("ds-badge");
+//#endregion
+export { t as Badge };

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

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

@@ -1,15 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
+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-basic-card";
-import { useHandleEvent as i } from "../../hooks/useHandleEvent.js";
-function n(e) {
-  const { className: a, children: s, onClick: c, ...d } = e, { ref: o } = i({
-    "ds-basic-card:click": c
-  });
-  return /* @__PURE__ */ r("ds-basic-card-react", { ref: o, class: a, ...d, children: s });
+//#region src/components/BasicCard/BasicCard.tsx
+var r = `ds-basic-card${t}`;
+function i(t) {
+	let { className: i, children: a, onClick: o, ...s } = t, { ref: c } = e({ "ds-basic-card:click": o });
+	return /* @__PURE__ */ n(r, {
+		ref: c,
+		class: i,
+		...s,
+		children: a
+	});
 }
-const t = ({ children: e }) => /* @__PURE__ */ r("div", { slot: "featured-text", children: e });
-n.FeaturedText = t;
-t.displayName = "BasicCard.FeaturedText";
-export {
-  n as BasicCard
-};
+var a = ({ children: e }) => /* @__PURE__ */ n("div", {
+	slot: "featured-text",
+	children: e
+});
+i.FeaturedText = a, a.displayName = "BasicCard.FeaturedText";
+//#endregion
+export { i as BasicCard };

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

@@ -0,0 +1,30 @@
+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-basic-card-header";
+//#region src/components/BasicCardHeader/BasicCardHeader.tsx
+var n = `ds-basic-card-header${e}`;
+function r(e) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ t(n, {
+		class: r,
+		...a,
+		children: i
+	});
+}
+var i = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "title",
+	children: e
+}), a = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "description",
+	children: e
+}), o = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "meta",
+	children: e
+}), s = ({ children: e }) => /* @__PURE__ */ t("div", {
+	slot: "sub-header",
+	children: e
+});
+r.Title = i, r.Description = a, r.Meta = o, r.SubHeader = s, i.displayName = "BasicCard.Title", o.displayName = "BasicCard.Meta", a.displayName = "BasicCard.Description", s.displayName = "BasicCard.SubHeader";
+//#endregion
+export { r as BasicCardHeader };

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

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

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

@@ -1,9 +1,6 @@
-import { jsx as t } from "react/jsx-runtime";
+import { createDsComponent as e } from "../../core/createDsComponent.js";
 import "@cupra/ui-kit/react/ds-basic-card-section";
-function i(r) {
-  const { className: c, children: s, ...o } = r;
-  return /* @__PURE__ */ t("ds-basic-card-section-react", { class: c, ...o, children: s });
-}
-export {
-  i as BasicCardSection
-};
+//#region src/components/BasicCardSection/BasicCardSection.tsx
+var t = e("ds-basic-card-section");
+//#endregion
+export { t as BasicCardSection };

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

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

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

@@ -0,0 +1,19 @@
+import 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-breadcrumbs-item";
+//#region src/components/BreadcrumbsItem/BreadcrumbsItem.tsx
+var r = `ds-breadcrumbs-item${t}`, i = (e) => {
+	let { className: t, children: i, ...a } = e;
+	return /* @__PURE__ */ n(r, {
+		class: t,
+		...a,
+		children: i
+	});
+}, a = ({ children: t }) => e.isValidElement(t) ? e.cloneElement(t, { slot: "item" }) : /* @__PURE__ */ n("div", {
+	slot: "item",
+	children: t
+});
+i.Item = a, a.displayName = "BreadcrumbsItem.Item";
+//#endregion
+export { i as BreadcrumbsItem };

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

@@ -1,6 +1,6 @@
-import { jsx as s } from "react/jsx-runtime";
+import { createDsComponent as e } from "../../core/createDsComponent.js";
 import "@cupra/ui-kit/react/ds-bullets";
-const o = ({ className: t, ...r }) => /* @__PURE__ */ s("ds-bullets-react", { class: t, ...r });
-export {
-  o as Bullets
-};
+//#region src/components/Bullets/Bullets.tsx
+var t = e("ds-bullets");
+//#endregion
+export { t as Bullets };

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

@@ -1,21 +1,19 @@
-import { jsx as c } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
 import "react";
-import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
+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-button";
-function d(o) {
-  const { className: r, children: i, onClick: s, size: t, ...e } = o, { ref: n } = m({ click: s });
-  return /* @__PURE__ */ c(
-    "ds-button-react",
-    {
-      ref: n,
-      size: typeof t == "string" ? t : JSON.stringify(t),
-      class: r,
-      ...e,
-      children: i
-    }
-  );
+//#region src/components/Button/Button.tsx
+var r = `ds-button${t}`;
+function i(t) {
+	let { className: i, children: a, onClick: o, size: s, ...c } = t, { ref: l } = e({ click: o });
+	return /* @__PURE__ */ n(r, {
+		ref: l,
+		size: typeof s == "string" ? s : JSON.stringify(s),
+		class: i,
+		...c,
+		children: a
+	});
 }
-export {
-  d as Button
-};
+//#endregion
+export { i as Button };

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

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

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

@@ -1,9 +1,6 @@
-import { jsx as t } from "react/jsx-runtime";
+import { createDsComponent as e } from "../../core/createDsComponent.js";
 import "@cupra/ui-kit/react/ds-carousel-indicator";
-function i(r) {
-  const { className: o, children: c, ...s } = r;
-  return /* @__PURE__ */ t("ds-carousel-indicator-react", { class: o, ...s });
-}
-export {
-  i as CarouselIndicator
-};
+//#region src/components/CarouselIndicator/CarouselIndicator.tsx
+var t = e("ds-carousel-indicator");
+//#endregion
+export { t as CarouselIndicator };

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

@@ -1,12 +1,6 @@
-import { jsx as c } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/utils/breakpoints";
-import "react";
-import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
+import { createDsComponent as e } from "../../core/createDsComponent.js";
 import "@cupra/ui-kit/react/ds-checkbox";
-function x({ onChange: o, children: r, ...t }) {
-  const { ref: e } = m({ change: o });
-  return /* @__PURE__ */ c("ds-checkbox-react", { ref: e, ...t, children: r });
-}
-export {
-  x as Checkbox
-};
+//#region src/components/Checkbox/Checkbox.tsx
+var t = e("ds-checkbox", { events: ["change"] });
+//#endregion
+export { t as Checkbox };

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

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

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

@@ -1,9 +1,6 @@
-import { jsx as c } from "react/jsx-runtime";
+import { createDsComponent as e } from "../../core/createDsComponent.js";
 import "@cupra/ui-kit/react/ds-chip";
-function p(r) {
-  const { className: o, children: s, ...t } = r;
-  return /* @__PURE__ */ c("ds-chip-react", { class: o, ...t, children: s });
-}
-export {
-  p as Chip
-};
+//#region src/components/Chip/Chip.tsx
+var t = e("ds-chip");
+//#endregion
+export { t as Chip };

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

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

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

@@ -1,9 +1,6 @@
-import { jsx as s } from "react/jsx-runtime";
+import { createDsComponent as e } from "../../core/createDsComponent.js";
 import "@cupra/ui-kit/react/ds-currency";
-function n(r) {
-  const { className: c, ...o } = r;
-  return /* @__PURE__ */ s("ds-currency-react", { class: c, ...o });
-}
-export {
-  n as Currency
-};
+//#region src/components/Currency/Currency.tsx
+var t = e("ds-currency");
+//#endregion
+export { t as Currency };

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

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

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

@@ -1,15 +1,19 @@
-import { jsx as l } from "react/jsx-runtime";
-import "@cupra/ui-kit/react/ds-dialog";
-import "@cupra/ui-kit/react/utils/breakpoints";
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
 import "react";
-import { useHandleEvent as m } from "../../hooks/useHandleEvent.js";
-import { createPortal as c } from "react-dom";
-function P(t) {
-  const { className: r, children: e, onClose: s, withPortal: i, ...n } = t, { ref: a } = m({
-    "ds-dialog:close": s
-  }), o = /* @__PURE__ */ l("ds-dialog-react", { ref: a, class: r, ...n, children: e });
-  return i ? c(o, document.body) : o;
+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-dialog";
+import { createPortal as r } from "react-dom";
+//#region src/components/Dialog/Dialog.tsx
+var i = `ds-dialog${t}`;
+function a(t) {
+	let { className: a, children: o, onClose: s, withPortal: c, ...l } = t, { ref: u } = e({ "ds-dialog:close": s }), d = /* @__PURE__ */ n(i, {
+		ref: u,
+		class: a,
+		...l,
+		children: o
+	});
+	return c ? r(d, document.body) : d;
 }
-export {
-  P as Dialog
-};
+//#endregion
+export { a as Dialog };

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

@@ -1,9 +1,6 @@
-import { jsx as a } from "react/jsx-runtime";
+import { createDsComponent as e } from "../../core/createDsComponent.js";
 import "@cupra/ui-kit/react/ds-dialog-body";
-function i(o) {
-  const { className: r, children: s, ...t } = o;
-  return /* @__PURE__ */ a("ds-dialog-body-react", { class: r, ...t, children: s });
-}
-export {
-  i as DialogBody
-};
+//#region src/components/DialogBody/DialogBody.tsx
+var t = e("ds-dialog-body");
+//#endregion
+export { t as DialogBody };