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

package/dist/cjs/components/Select/Select.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-select");var i=`ds-select${n.VERSION_TAG_SUFFIX}`,a=({children:e,...t})=>(0,r.jsx)(i,{...t,children:e});exports.Select=a;

package/dist/cjs/components/Selection/Selection.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-selection");var t=e.createDsComponent(`ds-selection`);exports.Selection=t;

package/dist/cjs/components/SidebarNavigation/SidebarNavigation.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-sidebar-navigation");var i=`ds-sidebar-navigation${n.VERSION_TAG_SUFFIX}`;function a(e){let{className:t,children:n,...a}=e;return(0,r.jsx)(i,{class:t,...a,children:n})}a.AsideText=({children:e})=>(0,r.jsx)(`div`,{slot:`aside-text`,children:e}),a.AsideIcon=({children:e})=>(0,r.jsx)(`div`,{slot:`aside-icon`,children:e}),a.AsideHelperText=({children:e})=>(0,r.jsx)(`div`,{slot:`aside-helper-text`,children:e}),a.MainCta=({children:e})=>(0,r.jsx)(`div`,{slot:`main-cta`,children:e}),a.Ctas=({children:e})=>(0,r.jsx)(`div`,{slot:`ctas`,children:e}),exports.SidebarNavigation=a;

package/dist/cjs/components/Skeleton/Skeleton.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-skeleton");var t=e.createDsComponent(`ds-skeleton`);exports.Skeleton=t;

package/dist/cjs/components/Slider/Slider.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");require("@cupra/ui-kit/react/ds-slider");var a=`ds-slider${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,size:o,onChange:s,...c}=e,{ref:l}=t.useHandleEvent({change:s});return(0,i.jsx)(a,{ref:l,size:typeof o==`string`?o:JSON.stringify(o),class:n,...c})}exports.Slider=o;

package/dist/cjs/components/StaticBox/StaticBox.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");require("@cupra/ui-kit/react/ds-static-box");var a=`ds-static-box${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,size:o,...s}=e,{ref:c}=t.useHandleEvent({});return(0,i.jsx)(a,{ref:c,size:typeof o==`string`?o:JSON.stringify(o),class:n,...s,children:r})}exports.StaticBox=o;

package/dist/cjs/components/Stepper/Stepper.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-stepper");var t=e.createDsComponent(`ds-stepper`);exports.Stepper=t;

package/dist/cjs/components/Table/Table.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-table");var t=e.createDsComponent(`ds-table`);exports.Table=t;

package/dist/cjs/components/TableCell/TableCell.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-table-cell");var t=e.createDsComponent(`ds-table-cell`);exports.TableCell=t;

package/dist/cjs/components/TableRow/TableRow.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-table-row");var t=e.createDsComponent(`ds-table-row`);exports.TableRow=t;

package/dist/cjs/components/Tabs/Tabs.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");require("@cupra/ui-kit/react/ds-tabs");var a=`ds-tabs${r.VERSION_TAG_SUFFIX}`;function o({children:e,onChange:n,...r}){let{ref:o}=t.useHandleEvent({change:n});return(0,i.jsx)(a,{ref:o,...r,children:e})}function s({children:e}){return(0,i.jsx)(`div`,{role:`tab`,slot:`tab`,children:e})}function c({children:e}){return(0,i.jsx)(`div`,{role:`tabpanel`,slot:`panel`,children:e})}o.Tab=s,o.Panel=c,exports.Tabs=o;

package/dist/cjs/components/Tag/Tag.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");require("@cupra/ui-kit/react/ds-tag");var a=`ds-tag${r.VERSION_TAG_SUFFIX}`;function o(e){let{children:n,onClickIcon:r,className:o,...s}=e,{ref:c}=t.useHandleEvent({clickicon:r});return(0,i.jsx)(a,{ref:c,class:o,...s,children:n})}exports.Tag=o;

package/dist/cjs/components/Text/Text.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-text");var t=e.createDsComponent(`ds-text`);exports.Text=t;

package/dist/cjs/components/TextInput/TextInput.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");require("@cupra/ui-kit/react/ds-text-input");var a=`ds-text-input${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onChange:o,onInput:s,onKeyDown:c,inputId:l,placeHolder:u,type:d,value:f,label:p,required:m,disabled:h,readOnly:g,pattern:_,maxLength:v,minLength:y,...b}=e,{ref:x}=t.useHandleEvent({change:o,input:s,keydown:c});return(0,i.jsxs)(a,{ref:x,class:n,...b,children:[(0,i.jsx)(`label`,{htmlFor:l,children:p}),(0,i.jsx)(`input`,{id:l,type:d||`text`,placeholder:u,value:f,required:m,disabled:h,readOnly:g,minLength:y,maxLength:v,pattern:_})]})}exports.TextInput=o;

package/dist/cjs/components/Textarea/Textarea.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");require("@cupra/ui-kit/react/ds-textarea");var a=`ds-textarea${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onChange:o,onInput:s,textareaId:c,placeholder:l,value:u,label:d,required:f,disabled:p,readOnly:m,minLength:h,maxLength:g,rows:_,cols:v,forcedError:y,helperText:b,invalidError:x,...S}=e,{ref:C}=t.useHandleEvent({change:o,input:s});return(0,i.jsxs)(a,{ref:C,class:n,"forced-error":y,"helper-text":b,"invalid-error":x,...S,children:[(0,i.jsx)(`label`,{htmlFor:c,children:d}),(0,i.jsx)(`textarea`,{id:c,placeholder:l,value:u,required:f,disabled:p,readOnly:m,minLength:h,maxLength:g,rows:_,cols:v})]})}exports.Textarea=o;

package/dist/cjs/components/ThemeProvider/ThemeProvider.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-theme-provider");var t=e.createDsComponent(`ds-theme-provider`);exports.ThemeProvider=t;

package/dist/cjs/components/ThemeSwitch/ThemeSwitch.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-theme-switch");var t=e.createDsComponent(`ds-theme-switch`);exports.ThemeSwitch=t;

package/dist/cjs/components/Toast/Toast.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-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

@@ -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");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

@@ -0,0 +1 @@
+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

@@ -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");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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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/CalendarDay/CalendarDay.cjs"),_=require("./components/CarouselIndicator/CarouselIndicator.cjs"),v=require("./components/Checkbox/Checkbox.cjs"),y=require("./components/CheckboxGroup/CheckboxGroup.cjs"),b=require("./components/Chip/Chip.cjs"),x=require("./components/Chips/Chips.cjs"),S=require("./components/Currency/Currency.cjs"),C=require("./components/DatePicker/DatePicker.cjs"),w=require("./components/Dialog/Dialog.cjs"),T=require("./components/DialogBody/DialogBody.cjs"),E=require("./components/DialogFooter/DialogFooter.cjs"),D=require("./components/DialogFullscreen/DialogFullscreen.cjs"),O=require("./components/DialogHeader/DialogHeader.cjs"),k=require("./components/Divider/Divider.cjs"),A=require("./components/Drawer/Drawer.cjs"),j=require("./components/FavouriteAction/FavouriteAction.cjs"),M=require("./components/Hyperlink/Hyperlink.cjs"),N=require("./components/Icon/Icon.cjs"),P=require("./components/IconButton/IconButton.cjs"),F=require("./components/Input/Input.cjs"),I=require("./components/List/List.cjs"),L=require("./components/ListItem/ListItem.cjs"),R=require("./components/LinkButton/LinkButton.cjs"),z=require("./components/Loader/Loader.cjs"),B=require("./components/Logo/Logo.cjs"),V=require("./components/MainTitle/MainTitle.cjs"),H=require("./components/MapPin/MapPin.cjs"),U=require("./components/MediaControl/MediaControl.cjs"),W=require("./components/Modal/Modal.cjs"),G=require("./components/PasswordInput/PasswordInput.cjs"),ee=require("./components/PickerItem/PickerItem.cjs"),K=require("./components/ProgressBar/ProgressBar.cjs"),q=require("./components/Radio/Radio.cjs"),J=require("./components/RadioButton/RadioButton.cjs"),Y=require("./components/RadioButtonGroup/RadioButtonGroup.cjs"),X=require("./components/Rating/Rating.cjs"),Z=require("./components/Search/Search.cjs"),Q=require("./components/SearchInput/SearchInput.cjs"),$=require("./components/SecondaryNavigation/SecondaryNavigation.cjs"),te=require("./components/SegmentedControl/SegmentedControl.cjs"),ne=require("./components/Select/Select.cjs"),re=require("./components/Selection/Selection.cjs"),ie=require("./components/Skeleton/Skeleton.cjs"),ae=require("./components/Slider/Slider.cjs"),oe=require("./components/Table/Table.cjs"),se=require("./components/TableCell/TableCell.cjs"),ce=require("./components/TableRow/TableRow.cjs"),le=require("./components/Tabs/Tabs.cjs"),ue=require("./components/Tag/Tag.cjs"),de=require("./components/Text/Text.cjs"),fe=require("./components/TextInput/TextInput.cjs"),pe=require("./components/Textarea/Textarea.cjs"),me=require("./components/ThemeProvider/ThemeProvider.cjs"),he=require("./components/ThemeSwitch/ThemeSwitch.cjs"),ge=require("./components/ToggleButton/ToggleButton.cjs"),_e=require("./components/ToggleSwitch/ToggleSwitch.cjs"),ve=require("./components/Tooltip/Tooltip.cjs"),ye=require("./components/ValueUnit/ValueUnit.cjs"),be=require("./components/Toast/Toast.cjs"),xe=require("./components/ToastMessage/ToastMessage.cjs"),Se=require("./components/InlineAlert/InlineAlert.cjs"),Ce=require("./components/Avatar/Avatar.cjs"),we=require("./components/StaticBox/StaticBox.cjs"),Te=require("./components/Stepper/Stepper.cjs"),Ee=require("./components/InteractiveCard/InteractiveCard.cjs"),De=require("./components/SidebarNavigation/SidebarNavigation.cjs"),Oe=require("./components/IconButtonGroup/IconButtonGroup.cjs"),ke=require("./components/NavigationControls/NavigationControls.cjs");exports.Accordion=e.Accordion,exports.Avatar=Ce.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.CalendarDay=g.CalendarDay,exports.CarouselIndicator=_.CarouselIndicator,exports.Checkbox=v.Checkbox,exports.CheckboxGroup=y.CheckboxGroup,exports.Chip=b.Chip,exports.Chips=x.Chips,exports.Currency=S.Currency,exports.DatePicker=C.DatePicker,exports.Dialog=w.Dialog,exports.DialogBody=T.DialogBody,exports.DialogFooter=E.DialogFooter,exports.DialogFullscreen=D.DialogFullscreen,exports.DialogHeader=O.DialogHeader,exports.Divider=k.Divider,exports.Drawer=A.Drawer,exports.FavouriteAction=j.FavouriteAction,exports.Hyperlink=M.Hyperlink,exports.Icon=N.Icon,exports.IconButton=P.IconButton,exports.IconButtonGroup=Oe.IconButtonGroup,exports.InlineAlert=Se.InlineAlert,exports.Input=F.Input,exports.InteractiveCard=Ee.InteractiveCard,exports.LinkButton=R.LinkButton,exports.List=I.List,exports.ListItem=L.ListItem,exports.Loader=z.Loader,exports.LoaderLogo=z.LoaderLogo,exports.Logo=B.Logo,exports.MainTitle=V.MainTitle,exports.MapPin=H.MapPin,exports.MediaControl=U.MediaControl,exports.Modal=W.Modal,exports.NavigationControls=ke.NavigationControls,exports.PasswordInput=G.PasswordInput,exports.PickerItem=ee.PickerItem,exports.ProgressBar=K.ProgressBar,exports.Radio=q.Radio,exports.RadioButton=J.RadioButton,exports.RadioButtonGroup=Y.RadioButtonGroup,exports.Rating=X.Rating,exports.Search=Z.Search,exports.SearchInput=Q.SearchInput,exports.SecondaryNavigation=$.SecondaryNavigation,exports.SegmentedControl=te.SegmentedControl,exports.Select=ne.Select,exports.Selection=re.Selection,exports.SidebarNavigation=De.SidebarNavigation,exports.Skeleton=ie.Skeleton,exports.Slider=ae.Slider,exports.StaticBox=we.StaticBox,exports.Stepper=Te.Stepper,exports.Table=oe.Table,exports.TableCell=se.TableCell,exports.TableRow=ce.TableRow,exports.Tabs=le.Tabs,exports.Tag=ue.Tag,exports.Text=de.Text,exports.TextInput=fe.TextInput,exports.Textarea=pe.Textarea,exports.ThemeProvider=me.ThemeProvider,exports.ThemeSwitch=he.ThemeSwitch,exports.Toast=be.Toast,exports.ToastMessage=xe.ToastMessage,exports.ToggleButton=ge.ToggleButton,exports.ToggleSwitch=_e.ToggleSwitch,exports.Tooltip=ve.Tooltip,exports.ValueUnit=ye.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

@@ -0,0 +1,18 @@
+import "react";
+import "@cupra/ui-kit/react/ds-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

@@ -0,0 +1,21 @@
+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";
+//#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
+	});
+}
+//#endregion
+export { o as Avatar };

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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-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

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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-basic-card-section";
+//#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

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

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

@@ -0,0 +1,19 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
+import { jsx as n } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-button";
+//#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
+	});
+}
+//#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/CalendarDay/CalendarDay.js

@@ -0,0 +1,14 @@
+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-calendar-day";
+//#region src/components/CalendarDay/CalendarDay.tsx
+var n = `ds-calendar-day${e}`;
+function r({ className: e, ...r }) {
+	return /* @__PURE__ */ t(n, {
+		class: e,
+		...r
+	});
+}
+//#endregion
+export { r as CalendarDay };

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

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

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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-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

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

package/dist/esm/components/Chips/Chips.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-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
+	});
+}
+//#endregion
+export { i as Chips };

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

@@ -0,0 +1,6 @@
+import { createDsComponent as e } from "../../core/createDsComponent.js";
+import "@cupra/ui-kit/react/ds-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

@@ -0,0 +1,19 @@
+import { useHandleEvent as e } from "../../hooks/useHandleEvent.js";
+import "react";
+import { VERSION_TAG_SUFFIX as t } from "@cupra/ui-kit/react/utils/version";
+import { jsx as n } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-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;
+}
+//#endregion
+export { a as Dialog };

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/Drawer/Drawer.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 } from "react/jsx-runtime";
+import "@cupra/ui-kit/react/ds-drawer";
+//#region src/components/Drawer/Drawer.tsx
+var r = `ds-drawer${t}`;
+function i(t) {
+	let { className: i, children: a, onClose: o, ...s } = t, { ref: c } = e({ "ds-drawer:close": o });
+	return /* @__PURE__ */ n(r, {
+		class: i,
+		ref: c,
+		...s,
+		children: a
+	});
+}
+var a = ({ children: e, ...t }) => /* @__PURE__ */ n("div", {
+	slot: "header",
+	...t,
+	children: e
+}), o = ({ children: e, ...t }) => /* @__PURE__ */ n("div", {
+	slot: "content",
+	...t,
+	children: e
+}), s = ({ children: e, ...t }) => /* @__PURE__ */ n("div", {
+	slot: "footer",
+	...t,
+	children: e
+});
+i.Header = a, i.Content = o, i.Footer = s, a.displayName = "Drawer.Header", o.displayName = "Drawer.Content", s.displayName = "Drawer.Footer";
+//#endregion
+export { i as Drawer };

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

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

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

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

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

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