@cupra/ui-react 2.0.0-canary.263 → 2.0.0-canary.265

package/README.md

@@ -1,12 +1,32 @@
 # UI React (React Components)
 
+## Contents
+
+- [Overview](#overview)
+- [Audience](#audience)
+- [Requirements & Compatibility](#requirements--compatibility)
+- [TypeScript and module resolution](#typescript-and-module-resolution)
+- [Getting started](#getting-started)
+- [Documentation & Live Playground](#documentation--live-playground)
+- [Breaking Changes & Deprecations](#breaking-changes--deprecations)
+- [Versioning and Release Channels](#versioning-and-release-channels)
+- [Recommended usage](#recommended-usage)
+- [Usage](#usage)
+    - [Theme provider props](#theme-provider-props)
+    - [Option A — Manual CSS and font links (recommended for performance)](#option-a--manual-css-and-font-links-recommended-for-performance)
+    - [Option B — Provider loads assets automatically](#option-b--provider-loads-assets-automatically)
+    - [Boolean props](#boolean-props)
+- [Fonts](#fonts)
+- [Icons](#icons)
+- [RTL and internationalization](#rtl-and-internationalization)
+- [License](#license)
+- [Support](#support)
+
 ## Overview
 
 React components and wrappers built on top of the DS-UI Web Components, providing a seamless and idiomatic developer experience for React.  
 This package exposes React-friendly APIs (props, JSX, typed events) while preserving the DS-UI theming, styling, and asset resolution model.
 
----
-
 ## Audience
 
 Use `@cupra/ui-react` if your application is built with **React** and you want:
@@ -18,28 +38,27 @@ Use `@cupra/ui-react` if your application is built with **React** and you want:
 
 If you need a **framework-agnostic** solution, consider `@cupra/ui-kit` (Web Components).
 
----
-
 ## Requirements & Compatibility
 
-This library currently provides **official support for React 18**.
+This library provides **official support for React 18 and React 19**.
 
 - **Supported React versions:** `>=18.3.1 <20`
 
-Projects using other React versions may still install and use the library, but behaviour is not guaranteed until official support is released.
+Projects using other React versions may still install and use the library, but behaviour is not guaranteed.
 
-### Browser Support
+<details>
+<summary>Supported browsers and technical guarantees</summary>
 
 This package wraps `@cupra/ui-kit` Web Components, so the same browser/OS support matrix applies:
 
-| Platform | Minimum supported version |
-| --- | --- |
-| iOS / iPadOS | 17+ |
-| Android | 13+ |
-| Chrome (desktop) | Current stable version − 1 |
-| Edge (desktop) | Current stable version − 1 |
-| Firefox (desktop) | Current stable version − 1 |
-| Safari (desktop) | Latest version available on supported macOS releases |
+| Platform          | Minimum supported version                            |
+| ----------------- | ---------------------------------------------------- |
+| iOS / iPadOS      | 17+                                                  |
+| Android           | 13+                                                  |
+| Chrome (desktop)  | Current stable version − 1                           |
+| Edge (desktop)    | Current stable version − 1                           |
+| Firefox (desktop) | Current stable version − 1                           |
+| Safari (desktop)  | Latest version available on supported macOS releases |
 
 Any browser/OS version representing more than 1% of total website traffic remains supported even
 if it falls below these versions, until its traffic share drops back under that threshold.
@@ -51,13 +70,14 @@ Shadow DOM and `<slot>` is required.
 Full rationale, transpilation details and maintenance guide:
 [BROWSER_SUPPORT.md](../../BROWSER_SUPPORT.md) (repository only — not included in the npm package).
 
----
+</details>
 
 ## TypeScript and module resolution
 
 This library is **bundler-first**.
 
-### Subpath imports (recommended)
+<details open>
+<summary>Subpath imports (recommended)</summary>
 
 Importing components via subpaths (for example `@cupra/ui-react/Accordion`) requires
 TypeScript to use **bundler-based module resolution**:
@@ -80,9 +100,10 @@ Minimal required `tsconfig.json` setting:
 
 Other compiler options (`target`, `module`, `lib`, etc.) are project-specific and can be configured as needed.
 
----
+</details>
 
-### Root imports (compatibility mode)
+<details>
+<summary>Root imports (compatibility mode)</summary>
 
 If your project cannot use `moduleResolution: "bundler"`, you can still consume the library using **root imports**:
 
@@ -98,15 +119,16 @@ This mode works with legacy or constrained TypeScript setups, but has the follow
 
 Root imports are supported as a fallback, but **subpath imports are recommended whenever possible**.
 
----
+</details>
 
-### Notes
+<details>
+<summary>Notes</summary>
 
 - Subpath imports are intentionally designed for bundler-based environments.
 - The library does not attempt to enforce Node-style module resolution.
 - No additional runtime configuration is required when using a modern bundler.
 
----
+</details>
 
 ## Getting started
 
@@ -135,9 +157,8 @@ Using yarn:
     yarn add @cupra/ui-react @cupra/ui-kit
 ```
 
----
-
-### About peer dependencies
+<details>
+<summary>About peer dependencies</summary>
 
 `@cupra/ui-kit` is declared as a **peer dependency** of `@cupra/ui-react`.
 
@@ -153,7 +174,7 @@ peer dependencies automatically. Others (such as Yarn) require installing them e
 If you encounter missing-module or runtime errors after installing `@cupra/ui-react`,
 make sure that `@cupra/ui-kit` is also installed in your project.
 
----
+</details>
 
 ## Documentation & Live Playground
 
@@ -169,13 +190,12 @@ Track every breaking change and deprecation, and use the migration helper to saf
 - Breaking changes (merged + upcoming): [https://seatcode.github.io/ds-ui/](https://seatcode.github.io/ds-ui/)
 - Deprecations (forward-looking advisories): [https://seatcode.github.io/ds-ui/deprecations.html](https://seatcode.github.io/ds-ui/deprecations.html)
 
----
-
 ## Versioning and Release Channels
 
 This package is distributed through npm using **two release channels**.
 
-### Stable releases (`latest`)
+<details>
+<summary>Stable releases (latest)</summary>
 
 Production-ready versions:
 
@@ -195,9 +215,10 @@ Specific version:
     npm install @cupra/ui-react@0.1.3
 ```
 
----
+</details>
 
-### Canary releases (`canary`)
+<details>
+<summary>Canary releases (canary)</summary>
 
 Early-access versions published after each merge into `main`.
 
@@ -219,15 +240,13 @@ Specific canary version:
     npm install @cupra/ui-react@0.1.4-canary.2
 ```
 
----
+</details>
 
 ## Recommended usage
 
 - **Production:** use **stable versions** (for example `@cupra/ui-react@1.1.3`)
 - **Internal testing / preview:** use **canary** versions
 
----
-
 ## Usage
 
 When possible, import components via subpaths:
@@ -244,28 +263,47 @@ If your TypeScript setup does not support bundler-based module resolution, use r
 
 Wrap your React application with `ThemeProvider`.
 
-The provider requires **three required props plus one optional**:
+### Theme provider props
+
+`ThemeProvider` has one required prop, `theme`, and three optional boolean props that turn off what the
+provider loads on its own. Booleans are `false` unless set, so `skip-fonts` and `skip-fonts={true}` are
+equivalent.
 
-| Prop                 | Type    | Required | Description                                                                                                     |
-|----------------------|---------|----------|-------------------------------------------------------------------------------------------------------------------|
-| `theme`              | string  | Yes      | Visual theme identifier (e.g. `cupra-diagonal`)                                                                 |
-| `load-fonts`         | boolean | Yes      | Auto-load `fonts.css`, the stylesheet that declares the theme's `@font-face` rules                               |
-| `load-styles`        | boolean | Yes      | Auto-load `theme.css`, the stylesheet the `ui-kit` components require                                           |
-| `load-unused-styles` | boolean | No, defaults to `true` | Auto-load `unused-styles.css`, the theme's `--ds-` tokens that `ui-kit` doesn't consume internally, only needed if your own CSS reads raw tokens |
+| Prop                 | Type                         | Default         | Description                                                                                                                         |
+| -------------------- | ---------------------------- | --------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
+| `theme`              | `'cupra-diagonal' \| 'seat'` | none (required) | Visual theme applied to every descendant component.                                                                                 |
+| `skip-fonts`         | boolean                      | `false`         | Do not add `fonts.css`, the stylesheet that declares the theme's `@font-face` rules, nor the preloads of the critical font weights. |
+| `skip-styles`        | boolean                      | `false`         | Do not add `theme.css`, the stylesheet the `ui-kit` components require.                                                             |
+| `skip-unused-styles` | boolean                      | `false`         | Do not add `unused-styles.css`, the theme's `--ds-` tokens that `ui-kit` doesn't consume internally.                                |
 
 `ThemeProvider` forwards its props directly to the underlying `<ds-theme-provider>` Web Component, so
 prop names match its HTML attributes (kebab-case), not idiomatic React camelCase.
 
-If `load-fonts`, `load-styles` or `load-unused-styles` are `false`, you must manually include the corresponding `<link>` tags.
+If you set a `skip-*` prop, you must include the corresponding `<link>` tags yourself, as in Option A.
+The provider renders its children once `theme.css` has loaded.
 
-**Performance note:** For optimal behaviour, disable `load-styles` and `load-unused-styles` and load both
-stylesheets manually, controlling their priority: `theme.css` as a normal, high-priority stylesheet link
-(always required), and `unused-styles.css` added with lower priority — for example with `rel="preload"`
-and `as="style"`, turned into a stylesheet once loaded via `onLoad` — or omitted entirely if you don't
-read raw tokens. If your own CSS does read raw tokens, load `unused-styles.css` with the same priority as
-`theme.css`.
+Each theme publishes three stylesheets:
 
-### Option A — Manual CSS and font links
+- `theme.css` holds everything the `ui-kit` Web Components actually consume. It is always required.
+- `unused-styles.css` holds the rest of the theme's `--ds-` tokens, which no `ui-kit` component consumes
+  internally. It only matters if your own CSS reads those raw tokens directly, so it can be omitted or
+  deferred otherwise.
+- `fonts.css` holds the theme's `@font-face` rules. See [Fonts](#fonts).
+
+### Option A — Manual CSS and font links (recommended for performance)
+
+By default the provider injects the stylesheets at runtime, after JavaScript runs. Serving them yourself
+from the `<head>` avoids that extra round trip, lets the browser discover them earlier and is better for
+performance. Set the three `skip` props and add the files manually, controlling their priority:
+
+- `theme.css` as a normal, high-priority stylesheet link (always required).
+- `unused-styles.css` with lower priority, for example with `rel="preload"` and `as="style"`, turned into a
+  stylesheet once loaded via `onLoad`, or omitted entirely if you don't read raw tokens. If your own CSS
+  does read raw tokens, load it with the same priority as `theme.css`.
+- `fonts.css` as a stylesheet link, plus a preload for each critical font file.
+
+This is also the setup for server-side rendering, since no JavaScript is needed to load the assets.
+Replace `[theme]` with `cupra-diagonal` or `seat` and `[version]` with the installed package version.
 
 ```
     import { ThemeProvider } from "@cupra/ui-react/ThemeProvider";
@@ -286,7 +324,7 @@ read raw tokens. If your own CSS does read raw tokens, load `unused-styles.css`
             href="https://ds-assets.cupra.com/[version]/styles/[theme]/unused-styles.css"
             onLoad={(e) => { e.currentTarget.rel = "stylesheet"; }}
           />
-          <ThemeProvider theme="[theme]" load-fonts={false} load-styles={false} load-unused-styles={false}>
+          <ThemeProvider theme="[theme]" skip-fonts skip-styles skip-unused-styles>
             <Button variant="destructive" icon-name="filters-background">
               Click me
             </Button>
@@ -297,6 +335,20 @@ read raw tokens. If your own CSS does read raw tokens, load `unused-styles.css`
     }
 ```
 
+<details>
+<summary>Keeping files in sync and self-hosting</summary>
+
+Keep the three files in sync with the installed package version. To self-host, download the files and
+serve them from your own domain (and the font files they reference):
+
+```bash
+curl -O https://ds-assets.cupra.com/[version]/styles/[theme]/theme.css
+curl -O https://ds-assets.cupra.com/[version]/styles/[theme]/unused-styles.css
+curl -O https://ds-assets.cupra.com/[version]/styles/[theme]/fonts.css
+```
+
+</details>
+
 ### Option B — Provider loads assets automatically
 
 ```
@@ -305,38 +357,50 @@ read raw tokens. If your own CSS does read raw tokens, load `unused-styles.css`
 
     export function App() {
       return (
-        <ThemeProvider theme="cupra-diagonal" load-fonts={true} load-styles={true} load-unused-styles={true}>
+        <ThemeProvider theme="cupra-diagonal">
           <Button variant="primary">Button</Button>
         </ThemeProvider>
       );
     }
 ```
 
----
+The provider loads `fonts.css`, `theme.css` and `unused-styles.css` from the CDN for the installed
+`@cupra/ui-kit` version.
+
+### Boolean props
+
+Boolean props of the wrappers are `false` unless set, on React 18 and on React 19. To turn a behavior
+off, use the matching negative prop (`skip-fonts`, `hide-divider`, `hide-close`...) instead of passing
+`false` to a prop that defaults to `true`. If you are upgrading from an earlier version, see the
+`@cupra/ui-react` changelog for the list of renamed props.
 
 ## Fonts
 
 Each theme publishes `fonts.css` next to `theme.css`. It only declares the theme's `@font-face` rules
 (woff2, `font-display: fallback`), so the browser downloads just the weights a page renders and only
-swaps the typeface within the first ~3 seconds: later, text doesn't shift. `ThemeProvider` adds it while `load-fonts`
-is `true`; with `load-fonts={false}` link it yourself, as in Option A. That is also the setup for
+swaps the typeface within the first ~3 seconds: later, text doesn't shift. `ThemeProvider` adds it unless
+`skip-fonts` is set; with `skip-fonts`, link it yourself as in Option A. That is also the setup for
 server-side rendering, since no JavaScript is needed to load the fonts.
 
+<details>
+<summary>Preloading the critical font weights</summary>
+
 **Preload the critical weights.** With `fallback` the browser waits about 100 ms for a font, then shows the
 fallback typeface and swaps to the real one if it arrives within ~3 seconds. After that it keeps the
-fallback for that page view and uses the real one on the next, cached, navigation. While `load-fonts` is `true`, `ThemeProvider` preloads the Regular and Medium weights of the
-theme next to `fonts.css`, while its content waits for `theme.css`. With `load-fonts={false}` or
-server-side rendering, add the preloads to your `<head>` yourself. Adding them there also helps with
-`ThemeProvider`: the download starts before the JavaScript loads, and the provider skips any preload
-already present. In Next.js, render the `<link>` in the root layout; React 19 hoists it to the `<head>`.
+fallback for that page view and uses the real one on the next, cached, navigation. Unless `skip-fonts` is
+set, `ThemeProvider` preloads the Regular and Medium weights of the theme next to `fonts.css`, while its
+content waits for `theme.css`. With `skip-fonts` or server-side rendering, add the preloads to your
+`<head>` yourself. Adding them there also helps with `ThemeProvider`: the download starts before the
+JavaScript loads, and the provider skips any preload already present. In Next.js, render the `<link>` in
+the root layout; React 19 hoists it to the `<head>`.
 
 ```tsx
 <link
-  rel="preload"
-  as="font"
-  type="font/woff2"
-  href="https://ds-assets.cupra.com/fonts/[theme]/[font-file].woff2"
-  crossOrigin="anonymous"
+    rel="preload"
+    as="font"
+    type="font/woff2"
+    href="https://ds-assets.cupra.com/fonts/[theme]/[font-file].woff2"
+    crossOrigin="anonymous"
 />
 ```
 
@@ -346,10 +410,17 @@ already present. In Next.js, render the `<link>` in the root layout; React 19 ho
   is not reused: the font downloads twice.
 - The `href` must match the URL in `fonts.css` exactly.
 
-| Theme            | `font-family`  | Font files (`[font-file]`)                                                                  |
-|---------|--------|-----------------------------------------------|
+</details>
+
+<details>
+<summary>Font files per theme</summary>
+
+| Theme            | `font-family`  | Font files (`[font-file]`)                                                                                         |
+| ---------------- | -------------- | ------------------------------------------------------------------------------------------------------------------ |
 | `seat`           | `seat`         | `SeatBcn-Book` (350), `SeatBcn-Regular` (400), `SeatBcn-Medium` (500), `SeatBcn-Bold` (700), `SeatBcn-Black` (900) |
-| `cupra-diagonal` | `cupra-screen` | `CupraScreen-Light` (300), `CupraScreen-Book` (350), `CupraScreen-Regular` (400), `CupraScreen-Medium` (500) |
+| `cupra-diagonal` | `cupra-screen` | `CupraScreen-Light` (300), `CupraScreen-Book` (350), `CupraScreen-Regular` (400), `CupraScreen-Medium` (500)       |
+
+</details>
 
 ## Icons
 
@@ -367,8 +438,6 @@ import { Icon } from '@cupra/ui-react/Icon';
 <img src="https://ds-assets.cupra.com/[version]/assets/icons/[theme]/arrow-right.svg" />
 ```
 
----
-
 ## RTL and internationalization
 
 Set `dir` and `lang` on `<html>`; the components follow them. The `cupra` and `seat-legacy` themes have no RTL support. See the `@cupra/ui-kit` README for the full list of what is automatic and what you configure.
@@ -376,44 +445,45 @@ Set `dir` and `lang` on `<html>`; the components follow them. The `cupra` and `s
 A form with an email field that stays left to right inside an RTL page:
 
 ```tsx
-import { SearchInput } from "@cupra/ui-react/SearchInput";
-import { TextInput } from "@cupra/ui-react/TextInput";
+import { SearchInput } from '@cupra/ui-react/SearchInput';
+import { TextInput } from '@cupra/ui-react/TextInput';
 
 export function ContactForm() {
-  return (
-    <form dir="rtl" lang="ar">
-      <TextInput>
-        <input dir="auto" name="name" placeholder="الاسم" />
-      </TextInput>
-
-      <TextInput>
-        <input dir="ltr" type="email" name="email" placeholder="name@example.com" />
-      </TextInput>
-
-      <SearchInput>
-        <input dir="auto" type="text" name="search" placeholder="بحث" />
-      </SearchInput>
-    </form>
-  );
+    return (
+        <form dir="rtl" lang="ar">
+            <TextInput>
+                <input dir="auto" name="name" placeholder="الاسم" />
+            </TextInput>
+
+            <TextInput>
+                <input dir="ltr" type="email" name="email" placeholder="name@example.com" />
+            </TextInput>
+
+            <SearchInput>
+                <input dir="auto" type="text" name="search" placeholder="بحث" />
+            </SearchInput>
+        </form>
+    );
 }
 ```
 
-### Translating the accessibility texts
+<details>
+<summary>Translating the accessibility texts</summary>
 
 The built-in `aria-label` texts have optional `data-aria-label` props. They are plain strings, so they work in React 18 as they are:
 
 ```tsx
-import { Calendar } from "@cupra/ui-react/Calendar";
+import { Calendar } from '@cupra/ui-react/Calendar';
 
 <Calendar
-  locale="ar"
-  data-aria-label="التقويم"
-  data-aria-label-previous-month="الشهر السابق"
-  data-aria-label-next-month="الشهر التالي"
-/>
+    locale="ar"
+    data-aria-label="التقويم"
+    data-aria-label-previous-month="الشهر السابق"
+    data-aria-label-next-month="الشهر التالي"
+/>;
 ```
 
----
+</details>
 
 ## License
 
@@ -421,8 +491,6 @@ SEAT S.A. Library EULA 1.0
 See `LICENSE.md` in this package for the full text.  
 Third-party attributions may appear in `THIRD_PARTY_LICENSES.md`.
 
----
-
 ## Support
 
-For help and support, contact: **ds.support@seat.es**
+For help and support, contact: **ds.support@seat.es**

package/dist/cjs/components/Avatar/Avatar.cjs

@@ -1 +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-avatar");var a=`ds-avatar${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:r,onClick:o,image:s,...c}=e,{ref:l}=t.useHandleEvent({click:o}),u=s&&(0,n.isValidElement)(s)?(0,n.cloneElement)(s,{slot:`media`,...s.props}):null;return(0,i.jsx)(a,{ref:l,class:r,...c,children:u})}exports.Avatar=o;
+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-avatar");var a=`ds-avatar${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:r,onClick:o,image:s,...c}=e,{ref:l}=t.useHandleEvent({click:o}),u=s&&(0,n.isValidElement)(s)?(0,n.cloneElement)(s,{slot:`media`,...s.props}):null;return(0,i.jsx)(a,{class:r,...c,ref:l,children:u})}exports.Avatar=o;

package/dist/cjs/components/Banner/Banner.cjs

@@ -1 +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-banner");var a=`ds-banner${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClose:o,...s}=e,{ref:c}=t.useHandleEvent({"banner:close":o});return(0,i.jsx)(a,{ref:c,class:n,...s,children:r})}exports.Banner=o;
+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-banner");var a=`ds-banner${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClose:o,...s}=e,{ref:c}=t.useHandleEvent({"banner:close":o});return(0,i.jsx)(a,{class:n,...s,ref:c,children:r})}exports.Banner=o;

package/dist/cjs/components/BasicCard/BasicCard.cjs

@@ -1 +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-basic-card");var a=`ds-basic-card${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClick:o,...s}=e,{ref:c}=t.useHandleEvent({"ds-basic-card:click":o});return(0,i.jsx)(a,{ref:c,class:n,...s,children:r})}var s=({children:e})=>(0,i.jsx)(`div`,{slot:`featured-text`,children:e});o.FeaturedText=s,s.displayName=`BasicCard.FeaturedText`,exports.BasicCard=o;
+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-basic-card");var a=`ds-basic-card${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClick:o,...s}=e,{ref:c}=t.useHandleEvent({"ds-basic-card:click":o});return(0,i.jsx)(a,{class:n,...s,ref:c,children:r})}var s=({children:e})=>(0,i.jsx)(`div`,{slot:`featured-text`,children:e});o.FeaturedText=s,s.displayName=`BasicCard.FeaturedText`,exports.BasicCard=o;

package/dist/cjs/components/Button/Button.cjs

@@ -1 +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-button");var a=`ds-button${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClick:o,size:s,...c}=e,{ref:l}=t.useHandleEvent({click:o});return(0,i.jsx)(a,{ref:l,size:typeof s==`string`?s:JSON.stringify(s),class:n,...c,children:r})}exports.Button=o;
+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-button");var a=`ds-button${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClick:o,size:s,...c}=e,{ref:l}=t.useHandleEvent({click:o});return(0,i.jsx)(a,{size:typeof s==`string`?s:JSON.stringify(s),class:n,...c,ref:l,children:r})}exports.Button=o;

package/dist/cjs/components/Calendar/Calendar.cjs

@@ -1 +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-calendar");var a=`ds-calendar${r.VERSION_TAG_SUFFIX}`;function o({className:e,onChange:n,...r}){let{ref:o}=t.useHandleEvent({"ds-calendar-change":n});return(0,i.jsx)(a,{ref:o,class:e,...r})}exports.Calendar=o;
+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-calendar");var a=`ds-calendar${r.VERSION_TAG_SUFFIX}`;function o({className:e,onChange:n,...r}){let{ref:o}=t.useHandleEvent({"ds-calendar-change":n});return(0,i.jsx)(a,{class:e,...r,ref:o})}exports.Calendar=o;

package/dist/cjs/components/Chips/Chips.cjs

@@ -1 +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-chips");var a=`ds-chips${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onChange:o,...s}=e,{ref:c}=t.useHandleEvent({"ds-chips:change":o});return(0,i.jsx)(a,{ref:c,class:n,...s,children:r})}exports.Chips=o;
+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-chips");var a=`ds-chips${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onChange:o,...s}=e,{ref:c}=t.useHandleEvent({"ds-chips:change":o});return(0,i.jsx)(a,{class:n,...s,ref:c,children:r})}exports.Chips=o;

package/dist/cjs/components/Dialog/Dialog.cjs

@@ -1 +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-dialog");let a=require("react-dom");var o=`ds-dialog${r.VERSION_TAG_SUFFIX}`;function s(e){let{className:n,children:r,onClose:s,withPortal:c,...l}=e,{ref:u}=t.useHandleEvent({"ds-dialog:close":s}),d=(0,i.jsx)(o,{ref:u,class:n,...l,children:r});return c?(0,a.createPortal)(d,document.body):d}exports.Dialog=s;
+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-dialog");let a=require("react-dom");var o=`ds-dialog${r.VERSION_TAG_SUFFIX}`;function s(e){let{className:n,children:r,onClose:s,withPortal:c,...l}=e,{ref:u}=t.useHandleEvent({"ds-dialog:close":s}),d=(0,i.jsx)(o,{class:n,...l,ref:u,children:r});return c?(0,a.createPortal)(d,document.body):d}exports.Dialog=s;

package/dist/cjs/components/DialogFullscreen/DialogFullscreen.cjs

@@ -1 +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"),a=require("react-dom");require("@cupra/ui-kit/react/ds-dialog-fullscreen");var o=`ds-dialog-fullscreen${r.VERSION_TAG_SUFFIX}`;function s(e){let{className:n,children:r,onClose:s,withPortal:c,...l}=e,{ref:u}=t.useHandleEvent({"ds-dialog-fullscreen:close":s}),d=(0,i.jsx)(o,{ref:u,class:n,...l,children:r});return c?(0,a.createPortal)(d,document.body):d}exports.DialogFullscreen=s;
+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"),a=require("react-dom");require("@cupra/ui-kit/react/ds-dialog-fullscreen");var o=`ds-dialog-fullscreen${r.VERSION_TAG_SUFFIX}`;function s(e){let{className:n,children:r,onClose:s,withPortal:c,...l}=e,{ref:u}=t.useHandleEvent({"ds-dialog-fullscreen:close":s}),d=(0,i.jsx)(o,{class:n,...l,ref:u,children:r});return c?(0,a.createPortal)(d,document.body):d}exports.DialogFullscreen=s;

package/dist/cjs/components/Drawer/Drawer.cjs

@@ -1 +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-drawer");var a=`ds-drawer${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClose:o,...s}=e,{ref:c}=t.useHandleEvent({"ds-drawer:close":o});return(0,i.jsx)(a,{class:n,ref:c,...s,children:r})}var s=({children:e,...t})=>(0,i.jsx)(`div`,{slot:`header`,...t,children:e}),c=({children:e,...t})=>(0,i.jsx)(`div`,{slot:`content`,...t,children:e}),l=({children:e,...t})=>(0,i.jsx)(`div`,{slot:`footer`,...t,children:e});o.Header=s,o.Content=c,o.Footer=l,s.displayName=`Drawer.Header`,c.displayName=`Drawer.Content`,l.displayName=`Drawer.Footer`,exports.Drawer=o;
+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-drawer");var a=`ds-drawer${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClose:o,...s}=e,{ref:c}=t.useHandleEvent({"ds-drawer:close":o});return(0,i.jsx)(a,{class:n,...s,ref:c,children:r})}var s=({children:e,...t})=>(0,i.jsx)(`div`,{slot:`header`,...t,children:e}),c=({children:e,...t})=>(0,i.jsx)(`div`,{slot:`content`,...t,children:e}),l=({children:e,...t})=>(0,i.jsx)(`div`,{slot:`footer`,...t,children:e});o.Header=s,o.Content=c,o.Footer=l,s.displayName=`Drawer.Header`,c.displayName=`Drawer.Content`,l.displayName=`Drawer.Footer`,exports.Drawer=o;

package/dist/cjs/components/FavouriteAction/FavouriteAction.cjs

@@ -1 +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-favourite-action");var a=`ds-favourite-action${r.VERSION_TAG_SUFFIX}`;function o({className:e,initialSelected:n,onChange:r,onClick:o,...s}){let{ref:c}=t.useHandleEvent({"ds-favourite-action:change":e=>{r?.(e.detail.selected)},click:o});return(0,i.jsx)(a,{ref:c,class:e,"initial-selected":n||void 0,...s})}exports.FavouriteAction=o;
+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-favourite-action");var a=`ds-favourite-action${r.VERSION_TAG_SUFFIX}`;function o({className:e,initialSelected:n,onChange:r,onClick:o,...s}){let{ref:c}=t.useHandleEvent({"ds-favourite-action:change":e=>{r?.(e.detail.selected)},click:o});return(0,i.jsx)(a,{class:e,"initial-selected":n||void 0,...s,ref:c})}exports.FavouriteAction=o;

package/dist/cjs/components/IconButton/IconButton.cjs

@@ -1 +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-icon-button");var a=`ds-icon-button${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,onClick:r,size:o,...s}=e,{ref:c}=t.useHandleEvent({click:r});return(0,i.jsx)(a,{ref:c,size:typeof o==`string`?o:JSON.stringify(o),class:n,...s})}exports.IconButton=o;
+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-icon-button");var a=`ds-icon-button${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,onClick:r,size:o,...s}=e,{ref:c}=t.useHandleEvent({click:r});return(0,i.jsx)(a,{size:typeof o==`string`?o:JSON.stringify(o),class:n,...s,ref:c})}exports.IconButton=o;

package/dist/cjs/components/InlineAlert/InlineAlert.cjs

@@ -1 +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-inline-alert");var a=`ds-inline-alert${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClose:o,...s}=e,{ref:c}=t.useHandleEvent({"inline-alert:close":o});return(0,i.jsx)(a,{ref:c,class:n,...s,children:r})}exports.InlineAlert=o;
+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-inline-alert");var a=`ds-inline-alert${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClose:o,...s}=e,{ref:c}=t.useHandleEvent({"inline-alert:close":o});return(0,i.jsx)(a,{class:n,...s,ref:c,children:r})}exports.InlineAlert=o;

package/dist/cjs/components/InteractiveCard/InteractiveCard.cjs

@@ -1 +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-interactive-card");var a=`ds-interactive-card${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClick:o,...s}=e,{ref:c}=t.useHandleEvent({click:o});return(0,i.jsx)(a,{ref:c,class:n,...s,children:r})}var s=({children:e})=>(0,i.jsx)(`div`,{slot:`title`,children:e}),c=({children:e})=>(0,i.jsx)(`div`,{slot:`subtitle`,children:e}),l=({children:e})=>(0,i.jsx)(`div`,{slot:`meta`,children:e}),u=({children:e})=>(0,i.jsx)(`div`,{slot:`content`,children:e}),d=({children:e})=>(0,i.jsx)(`div`,{slot:`cta`,children:e}),f=({children:e})=>(0,i.jsx)(`div`,{slot:`error-title`,children:e}),p=({children:e})=>(0,i.jsx)(`div`,{slot:`error-text`,children:e});o.Title=s,o.Subtitle=c,o.Meta=l,o.Content=u,o.Cta=d,o.ErrorTitle=f,o.ErrorText=p,s.displayName=`InteractiveCard.Title`,c.displayName=`InteractiveCard.Subtitle`,l.displayName=`InteractiveCard.Meta`,u.displayName=`InteractiveCard.Content`,d.displayName=`InteractiveCard.Cta`,f.displayName=`InteractiveCard.ErrorTitle`,p.displayName=`InteractiveCard.ErrorText`,exports.InteractiveCard=o;
+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-interactive-card");var a=`ds-interactive-card${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClick:o,...s}=e,{ref:c}=t.useHandleEvent({click:o});return(0,i.jsx)(a,{class:n,...s,ref:c,children:r})}var s=({children:e})=>(0,i.jsx)(`div`,{slot:`title`,children:e}),c=({children:e})=>(0,i.jsx)(`div`,{slot:`subtitle`,children:e}),l=({children:e})=>(0,i.jsx)(`div`,{slot:`meta`,children:e}),u=({children:e})=>(0,i.jsx)(`div`,{slot:`content`,children:e}),d=({children:e})=>(0,i.jsx)(`div`,{slot:`cta`,children:e}),f=({children:e})=>(0,i.jsx)(`div`,{slot:`error-title`,children:e}),p=({children:e})=>(0,i.jsx)(`div`,{slot:`error-text`,children:e});o.Title=s,o.Subtitle=c,o.Meta=l,o.Content=u,o.Cta=d,o.ErrorTitle=f,o.ErrorText=p,s.displayName=`InteractiveCard.Title`,c.displayName=`InteractiveCard.Subtitle`,l.displayName=`InteractiveCard.Meta`,u.displayName=`InteractiveCard.Content`,d.displayName=`InteractiveCard.Cta`,f.displayName=`InteractiveCard.ErrorTitle`,p.displayName=`InteractiveCard.ErrorText`,exports.InteractiveCard=o;

package/dist/cjs/components/MediaControl/MediaControl.cjs

@@ -1 +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-media-control");var a=`ds-media-control${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,onPlay:r,onPause:o,...s}=e,{ref:c}=t.useHandleEvent({"ds-media-control:play":r,"ds-media-control:pause":o});return(0,i.jsx)(a,{ref:c,class:n,...s})}exports.MediaControl=o;
+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-media-control");var a=`ds-media-control${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,onPlay:r,onPause:o,...s}=e,{ref:c}=t.useHandleEvent({"ds-media-control:play":r,"ds-media-control:pause":o});return(0,i.jsx)(a,{class:n,...s,ref:c})}exports.MediaControl=o;

package/dist/cjs/components/Modal/Modal.cjs

@@ -1 +1 @@
-const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");;/* empty css         */let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime"),a=require("react-dom");require("@cupra/ui-kit/react/ds-modal");var o=`ds-modal${r.VERSION_TAG_SUFFIX}`;function s(){}function c(e){let{children:n,onClickCloseButton:r=s,onClickConfirmButton:c=s,onClickCancelButton:l=s,className:u,withPortal:d,...f}=e,{ref:p}=t.useHandleEvent({"click-close-button":r,"click-confirm-button":c,"click-cancel-button":l});if(!f.open)return null;let m=(0,i.jsx)(o,{ref:p,class:u,...f,children:n});return d?(0,a.createPortal)(m,document.body):m}function l({children:e}){return(0,i.jsx)(`div`,{slot:`title`,children:e})}function u({className:e=``,children:t}){return(0,i.jsx)(`div`,{slot:`content`,className:`ds-scroll ${e}`.trim(),children:t})}function d({children:e}){return(0,i.jsx)(`div`,{slot:`content`,className:`ds-modal-full-screen-content`,children:e})}c.Title=l,c.Content=u,c.FullScreenContent=d,exports.Modal=c;
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");;/* empty css         */let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime"),a=require("react-dom");require("@cupra/ui-kit/react/ds-modal");var o=`ds-modal${r.VERSION_TAG_SUFFIX}`;function s(){}function c(e){let{children:n,onClickCloseButton:r=s,onClickConfirmButton:c=s,onClickCancelButton:l=s,className:u,withPortal:d,...f}=e,{ref:p}=t.useHandleEvent({"click-close-button":r,"click-confirm-button":c,"click-cancel-button":l});if(!f.open)return null;let m=(0,i.jsx)(o,{class:u,...f,ref:p,children:n});return d?(0,a.createPortal)(m,document.body):m}function l({children:e}){return(0,i.jsx)(`div`,{slot:`title`,children:e})}function u({className:e=``,children:t}){return(0,i.jsx)(`div`,{slot:`content`,className:`ds-scroll ${e}`.trim(),children:t})}function d({children:e}){return(0,i.jsx)(`div`,{slot:`content`,className:`ds-modal-full-screen-content`,children:e})}c.Title=l,c.Content=u,c.FullScreenContent=d,exports.Modal=c;

package/dist/cjs/components/PasswordInput/PasswordInput.cjs

@@ -1 +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-password-input");var a=`ds-password-input${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onChange:o,onInput:s,inputId:c,placeHolder:l,value:u,label:d,required:f,disabled:p,pattern:m,maxLength:h,minLength:g,..._}=e,{ref:v}=t.useHandleEvent({change:o,input:s}),y={type:`password`,...!!c&&{id:c},...!!l&&{placeholder:l},...!!u&&{value:u},...!!f&&{required:f},...!!p&&{disabled:p},...!!g&&{minLength:g},...!!h&&{maxLength:h},...!!m&&{pattern:m}};return(0,i.jsxs)(a,{ref:v,class:n,..._,children:[(0,i.jsx)(`label`,{htmlFor:c,children:d}),(0,i.jsx)(`input`,{...y})]})}exports.PasswordInput=o;
+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-password-input");var a=`ds-password-input${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onChange:o,onInput:s,inputId:c,placeHolder:l,value:u,label:d,required:f,disabled:p,pattern:m,maxLength:h,minLength:g,..._}=e,{ref:v}=t.useHandleEvent({change:o,input:s}),y={type:`password`,...!!c&&{id:c},...!!l&&{placeholder:l},...!!u&&{value:u},...!!f&&{required:f},...!!p&&{disabled:p},...!!g&&{minLength:g},...!!h&&{maxLength:h},...!!m&&{pattern:m}};return(0,i.jsxs)(a,{class:n,..._,ref:v,children:[(0,i.jsx)(`label`,{htmlFor:c,children:d}),(0,i.jsx)(`input`,{...y})]})}exports.PasswordInput=o;

package/dist/cjs/components/PickerItem/PickerItem.cjs

@@ -1 +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-picker-item");var a=`ds-picker-item${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClick:o,size:s,...c}=e,{ref:l}=t.useHandleEvent({"ds-picker-item:click":o});return(0,i.jsx)(a,{ref:l,size:typeof s==`string`?s:JSON.stringify(s),class:n,...c,children:r})}exports.PickerItem=o;
+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-picker-item");var a=`ds-picker-item${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onClick:o,size:s,...c}=e,{ref:l}=t.useHandleEvent({"ds-picker-item:click":o});return(0,i.jsx)(a,{size:typeof s==`string`?s:JSON.stringify(s),class:n,...c,ref:l,children:r})}exports.PickerItem=o;

package/dist/cjs/components/Radio/Radio.cjs

@@ -1 +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-radio");var a=`ds-radio-group${r.VERSION_TAG_SUFFIX}`,o=`ds-radio${r.VERSION_TAG_SUFFIX}`,s={Group:({children:e,onChange:n,className:r,...o})=>{let{ref:s}=t.useHandleEvent({change:n});return(0,i.jsx)(a,{ref:s,class:r,...o,children:e})},Button:({children:e,className:t,...n})=>(0,i.jsx)(o,{class:t,...n,children:e})};exports.Radio=s;
+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-radio");var a=`ds-radio-group${r.VERSION_TAG_SUFFIX}`,o=`ds-radio${r.VERSION_TAG_SUFFIX}`,s={Group:({children:e,onChange:n,className:r,...o})=>{let{ref:s}=t.useHandleEvent({change:n});return(0,i.jsx)(a,{class:r,...o,ref:s,children:e})},Button:({children:e,className:t,...n})=>(0,i.jsx)(o,{class:t,...n,children:e})};exports.Radio=s;

package/dist/cjs/components/RadioButtonGroup/RadioButtonGroup.cjs

@@ -1 +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-radio-button-group");var a=`ds-radio-button-group${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onChange:o,...s}=e,{ref:c}=t.useHandleEvent({change:o});return(0,i.jsx)(a,{ref:c,class:n,...s,children:r})}exports.RadioButtonGroup=o;
+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-radio-button-group");var a=`ds-radio-button-group${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onChange:o,...s}=e,{ref:c}=t.useHandleEvent({change:o});return(0,i.jsx)(a,{class:n,...s,ref:c,children:r})}exports.RadioButtonGroup=o;

package/dist/cjs/components/SearchInput/SearchInput.cjs

@@ -1 +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-search-input");var a=`ds-search-input${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onChange:o,onInput:s,onClickPositionButton:c,placeHolder:l,type:u,value:d,label:f,required:p,disabled:m,pattern:h,maxLength:g,minLength:_,inputProps:v,...y}=e,{ref:b}=t.useHandleEvent({change:o,input:s,"ds-search-input:click-position-button":c});return(0,i.jsx)(a,{ref:b,class:n,...y,children:(0,i.jsx)(`input`,{type:`text`,"aria-label":f,placeholder:l,value:d,required:p,disabled:m,minLength:_,maxLength:g,pattern:h,...v})})}exports.SearchInput=o;
+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-search-input");var a=`ds-search-input${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onChange:o,onInput:s,onClickPositionButton:c,placeHolder:l,type:u,value:d,label:f,required:p,disabled:m,pattern:h,maxLength:g,minLength:_,inputProps:v,...y}=e,{ref:b}=t.useHandleEvent({change:o,input:s,"ds-search-input:click-position-button":c});return(0,i.jsx)(a,{class:n,...y,ref:b,children:(0,i.jsx)(`input`,{type:`text`,"aria-label":f,placeholder:l,value:d,required:p,disabled:m,minLength:_,maxLength:g,pattern:h,...v})})}exports.SearchInput=o;

package/dist/cjs/components/SecondaryNavigation/SecondaryNavigation.cjs

@@ -1 +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-secondary-navigation");var a=`ds-secondary-navigation${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onSelect:o,...s}=e,{ref:c}=t.useHandleEvent({"ds-secondary-navigation:select":o});return(0,i.jsx)(a,{ref:c,class:n,...s,children:r})}o.Item=({children:e,...t})=>(0,i.jsx)(`a`,{slot:`items`,...t,children:e}),o.Actions=({children:e})=>(0,i.jsx)(i.Fragment,{children:n.Children.map(e,(e,t)=>(0,i.jsx)(`div`,{slot:`actions`,children:e},t))}),exports.SecondaryNavigation=o;
+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-secondary-navigation");var a=`ds-secondary-navigation${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onSelect:o,...s}=e,{ref:c}=t.useHandleEvent({"ds-secondary-navigation:select":o});return(0,i.jsx)(a,{class:n,...s,ref:c,children:r})}o.Item=({children:e,...t})=>(0,i.jsx)(`a`,{slot:`items`,...t,children:e}),o.Actions=({children:e})=>(0,i.jsx)(i.Fragment,{children:n.Children.map(e,(e,t)=>(0,i.jsx)(`div`,{slot:`actions`,children:e},t))}),exports.SecondaryNavigation=o;

package/dist/cjs/components/SegmentedControl/SegmentedControl.cjs

@@ -1 +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-segmented-control");var a=`ds-segmented-control${r.VERSION_TAG_SUFFIX}`;function o(e){let{onChange:n,className:r,children:o,...s}=e,{ref:c}=t.useHandleEvent({change:n});return(0,i.jsx)(a,{ref:c,class:r,...s,children:o})}exports.SegmentedControl=o;
+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-segmented-control");var a=`ds-segmented-control${r.VERSION_TAG_SUFFIX}`;function o(e){let{onChange:n,className:r,children:o,...s}=e,{ref:c}=t.useHandleEvent({change:n});return(0,i.jsx)(a,{class:r,...s,ref:c,children:o})}exports.SegmentedControl=o;

package/dist/cjs/components/Slider/Slider.cjs

@@ -1 +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;
+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,{size:typeof o==`string`?o:JSON.stringify(o),class:n,...c,ref:l})}exports.Slider=o;

package/dist/cjs/components/StaticBox/StaticBox.cjs

@@ -1 +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;
+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,{size:typeof o==`string`?o:JSON.stringify(o),class:n,...s,ref:c,children:r})}exports.StaticBox=o;

package/dist/cjs/components/Tabs/Tabs.cjs

@@ -1 +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;
+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,{...r,ref:o,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

@@ -1 +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;
+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,{class:o,...s,ref:c,children:n})}exports.Tag=o;

package/dist/cjs/components/TextInput/TextInput.cjs

@@ -1 +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;
+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,{class:n,...b,ref:x,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

@@ -1 +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;
+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,{class:n,"forced-error":y,"helper-text":b,"invalid-error":x,...S,ref:C,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/ToggleSwitch/ToggleSwitch.cjs

@@ -1 +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;
+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,{...r,ref:o,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/esm/components/Avatar/Avatar.js

@@ -11,9 +11,9 @@ function o(r) {
 		...c.props
 	}) : null;
 	return /* @__PURE__ */ i(a, {
-		ref: u,
 		class: o,
 		...l,
+		ref: u,
 		children: d
 	});
 }

package/dist/esm/components/Banner/Banner.js

@@ -8,9 +8,9 @@ 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,
+		ref: c,
 		children: a
 	});
 }

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

@@ -8,9 +8,9 @@ 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,
+		ref: c,
 		children: a
 	});
 }

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

@@ -8,10 +8,10 @@ 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,
+		ref: l,
 		children: a
 	});
 }

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

@@ -8,9 +8,9 @@ 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
+		...a,
+		ref: o
 	});
 }
 //#endregion

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

@@ -8,9 +8,9 @@ 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,
+		ref: c,
 		children: a
 	});
 }

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

@@ -8,9 +8,9 @@ import { createPortal as r } from "react-dom";
 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,
+		ref: u,
 		children: o
 	});
 	return c ? r(d, document.body) : d;

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

@@ -8,9 +8,9 @@ import "@cupra/ui-kit/react/ds-dialog-fullscreen";
 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,
+		ref: u,
 		children: o
 	});
 	return c ? r(d, document.body) : d;

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

@@ -9,8 +9,8 @@ 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,
+		ref: c,
 		children: a
 	});
 }

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

@@ -13,10 +13,10 @@ function i({ className: t, initialSelected: i, onChange: a, onClick: o, ...s })
 		click: o
 	});
 	return /* @__PURE__ */ n(r, {
-		ref: c,
 		class: t,
 		"initial-selected": i || void 0,
-		...s
+		...s,
+		ref: c
 	});
 }
 //#endregion

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

@@ -8,10 +8,10 @@ var r = `ds-icon-button${t}`;
 function i(t) {
 	let { className: i, onClick: a, size: o, ...s } = t, { ref: c } = e({ click: a });
 	return /* @__PURE__ */ n(r, {
-		ref: c,
 		size: typeof o == "string" ? o : JSON.stringify(o),
 		class: i,
-		...s
+		...s,
+		ref: c
 	});
 }
 //#endregion

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

@@ -8,9 +8,9 @@ var r = `ds-inline-alert${t}`;
 function i(t) {
 	let { className: i, children: a, onClose: o, ...s } = t, { ref: c } = e({ "inline-alert:close": o });
 	return /* @__PURE__ */ n(r, {
-		ref: c,
 		class: i,
 		...s,
+		ref: c,
 		children: a
 	});
 }

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

@@ -8,9 +8,9 @@ var r = `ds-interactive-card${t}`;
 function i(t) {
 	let { className: i, children: a, onClick: o, ...s } = t, { ref: c } = e({ click: o });
 	return /* @__PURE__ */ n(r, {
-		ref: c,
 		class: i,
 		...s,
+		ref: c,
 		children: a
 	});
 }

package/dist/esm/components/MediaControl/MediaControl.js

@@ -11,9 +11,9 @@ function i(t) {
 		"ds-media-control:pause": o
 	});
 	return /* @__PURE__ */ n(r, {
-		ref: c,
 		class: i,
-		...s
+		...s,
+		ref: c
 	});
 }
 //#endregion

package/dist/esm/components/Modal/Modal.js

@@ -16,9 +16,9 @@ function o(t) {
 	});
 	if (!f.open) return null;
 	let m = /* @__PURE__ */ n(i, {
-		ref: p,
 		class: u,
 		...f,
+		ref: p,
 		children: o
 	});
 	return d ? r(m, document.body) : m;

package/dist/esm/components/PasswordInput/PasswordInput.js

@@ -21,9 +21,9 @@ function a(t) {
 		...!!h && { pattern: h }
 	};
 	return /* @__PURE__ */ r(i, {
-		ref: y,
 		class: a,
 		...v,
+		ref: y,
 		children: [/* @__PURE__ */ n("label", {
 			htmlFor: l,
 			children: f

package/dist/esm/components/PickerItem/PickerItem.js

@@ -8,10 +8,10 @@ var r = `ds-picker-item${t}`;
 function i(t) {
 	let { className: i, children: a, onClick: o, size: s, ...c } = t, { ref: l } = e({ "ds-picker-item:click": o });
 	return /* @__PURE__ */ n(r, {
-		ref: l,
 		size: typeof s == "string" ? s : JSON.stringify(s),
 		class: i,
 		...c,
+		ref: l,
 		children: a
 	});
 }

package/dist/esm/components/Radio/Radio.js

@@ -8,9 +8,9 @@ var r = `ds-radio-group${t}`, i = `ds-radio${t}`, a = {
 	Group: ({ children: t, onChange: i, className: a, ...o }) => {
 		let { ref: s } = e({ change: i });
 		return /* @__PURE__ */ n(r, {
-			ref: s,
 			class: a,
 			...o,
+			ref: s,
 			children: t
 		});
 	},

package/dist/esm/components/RadioButtonGroup/RadioButtonGroup.js

@@ -8,9 +8,9 @@ var r = `ds-radio-button-group${t}`;
 function i(t) {
 	let { className: i, children: a, onChange: o, ...s } = t, { ref: c } = e({ change: o });
 	return /* @__PURE__ */ n(r, {
-		ref: c,
 		class: i,
 		...s,
+		ref: c,
 		children: a
 	});
 }

package/dist/esm/components/SearchInput/SearchInput.js

@@ -12,9 +12,9 @@ function i(t) {
 		"ds-search-input:click-position-button": c
 	});
 	return /* @__PURE__ */ n(r, {
-		ref: b,
 		class: i,
 		...y,
+		ref: b,
 		children: /* @__PURE__ */ n("input", {
 			type: "text",
 			"aria-label": f,

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

@@ -8,9 +8,9 @@ var a = `ds-secondary-navigation${n}`;
 function o(t) {
 	let { className: n, children: r, onSelect: o, ...s } = t, { ref: c } = e({ "ds-secondary-navigation:select": o });
 	return /* @__PURE__ */ i(a, {
-		ref: c,
 		class: n,
 		...s,
+		ref: c,
 		children: r
 	});
 }

package/dist/esm/components/SegmentedControl/SegmentedControl.js

@@ -8,9 +8,9 @@ var r = `ds-segmented-control${t}`;
 function i(t) {
 	let { onChange: i, className: a, children: o, ...s } = t, { ref: c } = e({ change: i });
 	return /* @__PURE__ */ n(r, {
-		ref: c,
 		class: a,
 		...s,
+		ref: c,
 		children: o
 	});
 }

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

@@ -8,10 +8,10 @@ var r = `ds-slider${t}`;
 function i(t) {
 	let { className: i, children: a, size: o, onChange: s, ...c } = t, { ref: l } = e({ change: s });
 	return /* @__PURE__ */ n(r, {
-		ref: l,
 		size: typeof o == "string" ? o : JSON.stringify(o),
 		class: i,
-		...c
+		...c,
+		ref: l
 	});
 }
 //#endregion

package/dist/esm/components/StaticBox/StaticBox.js

@@ -8,10 +8,10 @@ var r = `ds-static-box${t}`;
 function i(t) {
 	let { className: i, children: a, size: o, ...s } = t, { ref: c } = e({});
 	return /* @__PURE__ */ n(r, {
-		ref: c,
 		size: typeof o == "string" ? o : JSON.stringify(o),
 		class: i,
 		...s,
+		ref: c,
 		children: a
 	});
 }

package/dist/esm/components/Tabs/Tabs.js

@@ -8,8 +8,8 @@ var r = `ds-tabs${t}`;
 function i({ children: t, onChange: i, ...a }) {
 	let { ref: o } = e({ change: i });
 	return /* @__PURE__ */ n(r, {
-		ref: o,
 		...a,
+		ref: o,
 		children: t
 	});
 }

package/dist/esm/components/Tag/Tag.js

@@ -8,9 +8,9 @@ var r = `ds-tag${t}`;
 function i(t) {
 	let { children: i, onClickIcon: a, className: o, ...s } = t, { ref: c } = e({ clickicon: a });
 	return /* @__PURE__ */ n(r, {
-		ref: c,
 		class: o,
 		...s,
+		ref: c,
 		children: i
 	});
 }

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

@@ -12,9 +12,9 @@ function a(t) {
 		keydown: l
 	});
 	return /* @__PURE__ */ r(i, {
-		ref: S,
 		class: a,
 		...x,
+		ref: S,
 		children: [/* @__PURE__ */ n("label", {
 			htmlFor: u,
 			children: m

package/dist/esm/components/Textarea/Textarea.js

@@ -11,12 +11,12 @@ function a(t) {
 		input: c
 	});
 	return /* @__PURE__ */ r(i, {
-		ref: w,
 		class: a,
 		"forced-error": b,
 		"helper-text": x,
 		"invalid-error": S,
 		...C,
+		ref: w,
 		children: [/* @__PURE__ */ n("label", {
 			htmlFor: l,
 			children: f

package/dist/esm/components/ToggleSwitch/ToggleSwitch.js

@@ -8,8 +8,8 @@ var i = `ds-toggle-switch${t}`;
 function a({ label: t, onChange: a, ...o }) {
 	let { ref: s } = e({ change: a });
 	return /* @__PURE__ */ r(i, {
-		ref: s,
 		...o,
+		ref: s,
 		children: [t && /* @__PURE__ */ n("div", {
 			slot: "label",
 			children: t

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-react",
-  "version": "2.0.0-canary.263",
+  "version": "2.0.0-canary.265",
   "description": "React components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
@@ -50,7 +50,7 @@
     }
   ],
   "peerDependencies": {
-    "@cupra/ui-kit": "2.0.0-canary.247",
+    "@cupra/ui-kit": "2.0.0-canary.249",
     "react": ">= 18.3.1 < 20",
     "react-dom": ">= 18.3.1 < 20",
     "typescript": ">=5.0.0"
@@ -60,7 +60,8 @@
     "@storybook/addon-vitest": "^10.6.2",
     "@storybook/react": "^10.6.2",
     "@storybook/react-vite": "^10.6.2",
-    "@testing-library/react": "^14.3.1",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.7",
     "@types/react": "^18.3.31",
     "@types/react-dom": "^18.3.7",
@@ -74,11 +75,12 @@
     "storybook": "^10.6.2",
     "typescript": "^5.9.3",
     "vite": "^8.3.3",
-    "@cupra/ui-kit": "2.0.0-canary.247"
+    "@cupra/ui-kit": "2.0.0-canary.249"
   },
   "scripts": {
     "build": "rm -rf dist && pnpm --filter @cupra/ui-kit build:react && tsc --declaration --emitDeclarationOnly && BUILD_FORMAT=esm vite build --emptyOutDir false && BUILD_FORMAT=cjs vite build --emptyOutDir false",
     "test": "vitest run --project unit",
+    "type-check": "tsc --noEmit -p tsconfig.json",
     "test:storybook": "vitest run --project storybook-cupra-diagonal --project storybook-seat",
     "generate-licenses": "generate-license-file --input package.json --output THIRD_PARTY_LICENSES.MD --overwrite --ci",
     "storybook:cupra-diagonal": "pnpm --filter ui-kit build:react:dev && storybook dev --config-dir .storybook/themes/cupra-diagonal -p 6008",