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

package/README.md

@@ -1,428 +0,0 @@
-# UI React (React Components)
-
-## 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:
-
-- First-class React ergonomics with DS-UI components
-- Automatic integration with the underlying Web Components
-- Full theming support with minimal configuration
-- A smooth adoption path inside existing React codebases
-
-If you need a **framework-agnostic** solution, consider `@cupra/ui-kit` (Web Components).
-
----
-
-## Requirements & Compatibility
-
-This library currently provides **official support for React 18**.
-
-- **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.
-
-### Browser Support
-
-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 |
-
-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.
-
-The published JavaScript is transpiled to a conservative ES2020 target, but no polyfills are
-shipped for runtime APIs below the versions above, and native support for Custom Elements,
-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).
-
----
-
-## TypeScript and module resolution
-
-This library is **bundler-first**.
-
-### Subpath imports (recommended)
-
-Importing components via subpaths (for example `@cupra/ui-react/Accordion`) requires
-TypeScript to use **bundler-based module resolution**:
-
-- **TypeScript ≥ 5**
-- `"moduleResolution": "bundler"`
-
-This matches how modern bundlers resolve modules and enables the best developer experience,
-including proper tree-shaking and code-splitting.
-
-Minimal required `tsconfig.json` setting:
-
-```
-    {
-      "compilerOptions": {
-        "moduleResolution": "bundler"
-      }
-    }
-```
-
-Other compiler options (`target`, `module`, `lib`, etc.) are project-specific and can be configured as needed.
-
----
-
-### Root imports (compatibility mode)
-
-If your project cannot use `moduleResolution: "bundler"`, you can still consume the library using **root imports**:
-
-```
-    import { Accordion, IconButton } from "@cupra/ui-react";
-```
-
-This mode works with legacy or constrained TypeScript setups, but has the following trade-offs:
-
-- Subpath imports are not available
-- Reduced tree-shaking and chunking opportunities
-- All components are imported from the package entry point
-
-Root imports are supported as a fallback, but **subpath imports are recommended whenever possible**.
-
----
-
-### Notes
-
-- 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.
-
----
-
-## Getting started
-
-### Installation
-
-`@cupra/ui-react` is a React wrapper around the Web Components provided by
-`@cupra/ui-kit`.
-
-For this reason, **both packages must be installed** in your project.
-
-Using npm:
-
-```
-    npm install @cupra/ui-react @cupra/ui-kit
-```
-
-Using pnpm:
-
-```
-    pnpm add @cupra/ui-react @cupra/ui-kit
-```
-
-Using yarn:
-
-```
-    yarn add @cupra/ui-react @cupra/ui-kit
-```
-
----
-
-### About peer dependencies
-
-`@cupra/ui-kit` is declared as a **peer dependency** of `@cupra/ui-react`.
-
-This means:
-
-- `@cupra/ui-react` does not bundle or ship the Web Components itself
-- the consuming project must provide a compatible version of `@cupra/ui-kit`
-- only a single instance of the design system is expected at runtime
-
-Some package managers (such as npm ≥ 7 or pnpm with compatible settings) may install
-peer dependencies automatically. Others (such as Yarn) require installing them explicitly.
-
-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.
-
----
-
-## Documentation & Live Playground
-
-You can explore all `ui-react` components, their APIs, theming options and live examples
-in the online documentation and playground:
-
-https://diagonal.cupra.com/ui-react/index.html
-
-## Breaking Changes & Deprecations
-
-Track every breaking change and deprecation, and use the migration helper to safely upgrade between versions:
-
-- 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`)
-
-Production-ready versions:
-
-- Follow Semantic Versioning
-- Include only validated changes
-- Recommended for all production apps
-
-Install:
-
-```
-    npm install @cupra/ui-react
-```
-
-Specific version:
-
-```
-    npm install @cupra/ui-react@0.1.3
-```
-
----
-
-### Canary releases (`canary`)
-
-Early-access versions published after each merge into `main`.
-
-Use canary releases if you:
-
-- Want to preview upcoming changes
-- Are validating new features
-- Accept small instability or rapid iteration
-
-Latest canary:
-
-```
-    npm install @cupra/ui-react@canary
-```
-
-Specific canary version:
-
-```
-    npm install @cupra/ui-react@0.1.4-canary.2
-```
-
----
-
-## 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:
-
-```
-    import { Button } from "@cupra/ui-react/Button";
-```
-
-If your TypeScript setup does not support bundler-based module resolution, use root imports instead:
-
-```
-    import { Button } from "@cupra/ui-react";
-```
-
-Wrap your React application with `ThemeProvider`.
-
-The provider requires **three required props plus one optional**:
-
-| 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 |
-
-`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.
-
-**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`.
-
-### Option A — Manual CSS and font links
-
-```
-    import { ThemeProvider } from "@cupra/ui-react/ThemeProvider";
-    import { Button } from "@cupra/ui-react/Button";
-    import { Icon } from "@cupra/ui-react/Icon";
-
-    export function App() {
-      return (
-        <>
-          {/* One preload per critical font weight, see Fonts below */}
-          <link rel="preload" as="font" type="font/woff2" href="https://ds-assets.cupra.com/fonts/[theme]/[font-file].woff2" crossOrigin="anonymous" />
-          <link rel="stylesheet" href="https://ds-assets.cupra.com/[version]/styles/[theme]/fonts.css" />
-          <link rel="stylesheet" href="https://ds-assets.cupra.com/[version]/styles/[theme]/theme.css" />
-          {/* Lower priority; only needed if your own CSS reads raw --ds- tokens directly */}
-          <link
-            rel="preload"
-            as="style"
-            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}>
-            <Button variant="destructive" icon-name="filters-background">
-              Click me
-            </Button>
-            <Icon icon-name="filters-background" />
-          </ThemeProvider>
-        </>
-      );
-    }
-```
-
-### Option B — Provider loads assets automatically
-
-```
-    import { ThemeProvider } from "@cupra/ui-react/ThemeProvider";
-    import { Button } from "@cupra/ui-react/Button";
-
-    export function App() {
-      return (
-        <ThemeProvider theme="cupra-diagonal" load-fonts={true} load-styles={true} load-unused-styles={true}>
-          <Button variant="primary">Button</Button>
-        </ThemeProvider>
-      );
-    }
-```
-
----
-
-## 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
-server-side rendering, since no JavaScript is needed to load the fonts.
-
-**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>`.
-
-```tsx
-<link
-  rel="preload"
-  as="font"
-  type="font/woff2"
-  href="https://ds-assets.cupra.com/fonts/[theme]/[font-file].woff2"
-  crossOrigin="anonymous"
-/>
-```
-
-- Preload only the weights rendered above the fold, usually Regular and Medium. Every preload competes
-  with other critical requests.
-- Keep `crossOrigin`, even on the same origin. Fonts are fetched in CORS mode, and a preload without it
-  is not reused: the font downloads twice.
-- The `href` must match the URL in `fonts.css` exactly.
-
-| 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) |
-
-## Icons
-
-Icons must always be consumed through the `<Icon>` React component — never by loading SVG files directly from the CDN.
-
-SVG icon files are stored per-theme under the CDN and are optimised to work with the `Icon` component (they rely on CSS custom properties injected by the component to resolve color and size). Loading them directly as `<img>` tags or via `fetch` bypasses this mechanism and will produce unstyled, incorrectly-colored, or incorrectly-sized output.
-
-```tsx
-// Correct: use Icon
-import { Icon } from '@cupra/ui-react/Icon';
-
-<Icon icon-name="arrow-right" />
-
-// Wrong: do not load icon SVGs from the CDN directly
-<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.
-
-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";
-
-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>
-  );
-}
-```
-
-### Translating the accessibility texts
-
-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";
-
-<Calendar
-  locale="ar"
-  data-aria-label="التقويم"
-  data-aria-label-previous-month="الشهر السابق"
-  data-aria-label-next-month="الشهر التالي"
-/>
-```
-
----
-
-## License
-
-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**

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.264",
   "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.248",
     "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.248"
   },
   "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",