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

package/README.md

@@ -1,10 +1,14 @@
 # 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
@@ -14,6 +18,8 @@ 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**.
@@ -22,36 +28,146 @@ This library currently provides **official support for React 18**.
 
 Projects using other React versions may still install and use the library, but behaviour is not guaranteed until official support is released.
 
-## Installation
+### 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.
 
-### Install the package
-- npm: `npm install @cupra/ui-react`
-- pnpm: `pnpm add @cupra/ui-react`
-- yarn: `yarn add @cupra/ui-react`
+---
+
+### 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
 
-### Registry configuration (only if needed)
+- 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.
 
-**.npmrc**
+---
+
+## 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:
 
-```ini
-@cupra:registry=https://registry.npmjs.org
+```
+    npm install @cupra/ui-react @cupra/ui-kit
+```
+
+Using pnpm:
+
+```
+    pnpm add @cupra/ui-react @cupra/ui-kit
 ```
 
-**.yarnrc.yml**
+Using yarn:
 
-```yaml
-npmScopes:
-cupra:
-npmRegistryServer: "https://registry.npmjs.org"
+```
+    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:
+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
 
-[https://diagonal.cupra.com/ui-react/index.html](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)
 
 ---
 
@@ -59,7 +175,8 @@ You can explore all `ui-react` Components, their APIs, theming options and live
 
 This package is distributed through npm using **two release channels**.
 
-### Stable Releases (`latest`)
+### Stable releases (`latest`)
+
 Production-ready versions:
 
 - Follow Semantic Versioning
@@ -68,19 +185,20 @@ Production-ready versions:
 
 Install:
 
-```bash
-npm install @cupra/ui-react
+```
+    npm install @cupra/ui-react
 ```
 
 Specific version:
 
-```bash
-npm install @cupra/ui-react@0.1.3
+```
+    npm install @cupra/ui-react@0.1.3
 ```
 
 ---
 
-### Canary Releases (`canary`)
+### Canary releases (`canary`)
+
 Early-access versions published after each merge into `main`.
 
 Use canary releases if you:
@@ -91,87 +209,117 @@ Use canary releases if you:
 
 Latest canary:
 
-```bash
-npm install @cupra/ui-react@canary
+```
+    npm install @cupra/ui-react@canary
 ```
 
 Specific canary version:
 
-```bash
-npm install @cupra/ui-react@0.1.4-canary.2
+```
+    npm install @cupra/ui-react@0.1.4-canary.2
 ```
 
 ---
 
 ## Recommended usage
 
-- **Production:** use **stable versions (e.g. `@cupra/ui-react@1.1.3`)**
-- **Internal testing / preview:** use **`canary`** (e.g. `@cupra/ui-react@canary` or `@cupra/ui-react@0.1.4-canary.2`)
-
-```bash
-npm install @cupra/ui-react@0.1.4-canary.2
-```
+- **Production:** use **stable versions** (for example `@cupra/ui-react@1.1.3`)
+- **Internal testing / preview:** use **canary** versions
 
 ---
 
 ## Usage
 
-Import components via subpaths. Do not import from the package index:
-- @cupra/ui-react → React wrappers built on top of the Web Components (e.g. `import { Button } from '@cupra/ui-react/Button'`)
+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`.
 
-Wrap your React app with `ThemeProvider`.  
 The provider requires **three props**:
 
-| Prop       | Type    | Required | Description                                   |
-|------------|---------|----------|-----------------------------------------------|
-| `theme`    | string  | Yes      | Visual theme identifier (e.g. cupra-diagonal) |
-| `loadFonts` | boolean | Yes     | Auto-load DS-UI font files                    |
-| `loadStyles` | boolean | Yes    | Auto-load DS-UI CSS                           |
+| Prop        | Type    | Required | Description                                   |
+|-------------|---------|----------|-----------------------------------------------|
+| `theme`     | string  | Yes      | Visual theme identifier (e.g. cupra-diagonal) |
+| `loadFonts` | boolean | Yes      | Auto-load DS-UI font files                    |
+| `loadStyles`| boolean | Yes      | Auto-load DS-UI CSS                           |
 
-If `loadFonts` or `loadStyles` are `false`, you must manually include `<link>` tags in your HTML.
+If `loadFonts` or `loadStyles` are `false`, you must manually include the corresponding `<link>` tags.
 
 ### Option A — Manual CSS and font links
 
-```tsx
-import { ThemeProvider } from '@cupra/ui-react/ThemeProvider';
-import { Button } from '@cupra/ui-react/Button';
-import { Icon } from '@cupra/ui-react/Icon';
+```
+    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 (
+    export function App() {
+      return (
         <>
-            <link rel="preload" as="style" href="https://ds-assets.cupra.com/[version]/styles/cupra/theme.css" />
-            <link rel="stylesheet" href="https://ds-assets.cupra.com/[version]/styles/cupra/theme.css" />
-            <ThemeProvider theme="cupra-diagonal" loadFonts={false} loadStyles={false}>
-                <Button variant="destructive" icon-name="filters-background">Click me</Button>
-                <Icon icon-name="filters-background" />
-            </ThemeProvider>
+          <link rel="preload" as="font" type="font/woff2" href="https://ds-assets.cupra.com/fonts/[theme]/[font-file]" crossOrigin="anonymous" />
+          <link rel="stylesheet" href="https://ds-assets.cupra.com/[version]/styles/[theme]/theme.css" />
+          <ThemeProvider theme="[theme]" loadFonts={false} loadStyles={false}>
+            <Button variant="destructive" icon-name="filters-background">
+              Click me
+            </Button>
+            <Icon icon-name="filters-background" />
+          </ThemeProvider>
         </>
-    );
-}
+      );
+    }
 ```
 
 ### Option B — Provider loads assets automatically
 
-```tsx
-import { ThemeProvider } from '@cupra/ui-react/ThemeProvider';
-import { Button } from '@cupra/ui-react/Button';
+```
+    import { ThemeProvider } from "@cupra/ui-react/ThemeProvider";
+    import { Button } from "@cupra/ui-react/Button";
 
-export function App() {
-    return (
+    export function App() {
+      return (
         <ThemeProvider theme="cupra-diagonal" loadFonts={true} loadStyles={true}>
-            <Button variant="primary">Button</Button>
+          <Button variant="primary">Button</Button>
         </ThemeProvider>
-    );
-}
+      );
+    }
+```
+
+---
+
+## 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" />
 ```
 
 ---
 
 ## License
-License: SEAT S.A. Library EULA 1.0  
+
+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/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;

package/dist/cjs/components/Accordion/Accordion.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1),require("@cupra/ui-kit/react/ds-accordion");let n=require("@cupra/ui-kit/react/utils/version"),r=require("react/jsx-runtime");var i=`ds-accordion${n.VERSION_TAG_SUFFIX}`,a=({children:e,...t})=>(0,r.jsx)(i,{...t,children:e});a.Title=({children:e})=>(0,r.jsx)(`div`,{slot:`title`,children:e}),a.Content=({children:e})=>(0,r.jsx)(`div`,{slot:`content`,children:e}),exports.Accordion=a;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

package/dist/cjs/components/Badge/Badge.cjs

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

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("@cupra/ui-kit/react/utils/version"),r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-basic-card-header");var i=`ds-basic-card-header${n.VERSION_TAG_SUFFIX}`;function a(e){let{className:t,children:n,...a}=e;return(0,r.jsx)(i,{class:t,...a,children:n})}var o=({children:e})=>(0,r.jsx)(`div`,{slot:`title`,children:e}),s=({children:e})=>(0,r.jsx)(`div`,{slot:`description`,children:e}),c=({children:e})=>(0,r.jsx)(`div`,{slot:`meta`,children:e}),l=({children:e})=>(0,r.jsx)(`div`,{slot:`sub-header`,children:e});a.Title=o,a.Description=s,a.Meta=c,a.SubHeader=l,o.displayName=`BasicCard.Title`,c.displayName=`BasicCard.Meta`,s.displayName=`BasicCard.Description`,l.displayName=`BasicCard.SubHeader`,exports.BasicCardHeader=a;

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

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

package/dist/cjs/components/BasicCardSection/BasicCardSection.cjs

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

package/dist/cjs/components/Breadcrumbs/Breadcrumbs.cjs

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

package/dist/cjs/components/BreadcrumbsItem/BreadcrumbsItem.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("@cupra/ui-kit/react/utils/version"),r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-breadcrumbs-item");var i=`ds-breadcrumbs-item${n.VERSION_TAG_SUFFIX}`,a=e=>{let{className:t,children:n,...a}=e;return(0,r.jsx)(i,{class:t,...a,children:n})},o=({children:e})=>t.default.isValidElement(e)?t.default.cloneElement(e,{slot:`item`}):(0,r.jsx)(`div`,{slot:`item`,children:e});a.Item=o,o.displayName=`BreadcrumbsItem.Item`,exports.BreadcrumbsItem=a;

package/dist/cjs/components/Bullets/Bullets.cjs

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

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

package/dist/cjs/components/CalendarDay/CalendarDay.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("@cupra/ui-kit/react/utils/version"),r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-calendar-day");var i=`ds-calendar-day${n.VERSION_TAG_SUFFIX}`;function a({className:e,...t}){return(0,r.jsx)(i,{class:e,...t})}exports.CalendarDay=a;

package/dist/cjs/components/CarouselIndicator/CarouselIndicator.cjs

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

package/dist/cjs/components/Checkbox/Checkbox.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-checkbox");var t=e.createDsComponent(`ds-checkbox`,{events:[`change`]});exports.Checkbox=t;

package/dist/cjs/components/CheckboxGroup/CheckboxGroup.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-checkbox-group");var t=e.createDsComponent(`ds-checkbox-group`,{events:[`change`]});exports.CheckboxGroup=t;

package/dist/cjs/components/Chip/Chip.cjs

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

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

package/dist/cjs/components/Currency/Currency.cjs

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

package/dist/cjs/components/DatePicker/DatePicker.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-date-picker");var a=`ds-date-picker${r.VERSION_TAG_SUFFIX}`;function o(e){let{className:n,children:r,onChange:o,inputId:s,value:c,label:l,required:u,disabled:d,readOnly:f,...p}=e,{ref:m}=t.useHandleEvent({change:o});return(0,i.jsxs)(a,{ref:m,class:n,...p,children:[(0,i.jsx)(`label`,{htmlFor:s,children:l}),(0,i.jsx)(`input`,{id:s,type:`date`,value:c,required:u,disabled:d,readOnly:f}),r]})}exports.DatePicker=o;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

package/dist/cjs/components/DialogBody/DialogBody.cjs

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

package/dist/cjs/components/DialogFooter/DialogFooter.cjs

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

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime"),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;

package/dist/cjs/components/DialogHeader/DialogHeader.cjs

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

package/dist/cjs/components/Divider/Divider.cjs

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

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

package/dist/cjs/components/Hyperlink/Hyperlink.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-hyperlink");var t=e.createDsComponent(`ds-hyperlink`,{events:[`click`]});exports.Hyperlink=t;

package/dist/cjs/components/Icon/Icon.cjs

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

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

package/dist/cjs/components/IconButtonGroup/IconButtonGroup.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("@cupra/ui-kit/react/utils/version"),r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-icon-button-group");var i=`ds-icon-button-group${n.VERSION_TAG_SUFFIX}`;function a(e){let{className:t,children:n,...a}=e;return(0,r.jsx)(i,{class:t,...a,children:n})}exports.IconButtonGroup=a;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

package/dist/cjs/components/Input/Input.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-input");var a=`ds-input${r.VERSION_TAG_SUFFIX}`,o=(0,n.forwardRef)(({className:e,onInput:r,onKeyDown:o,onChange:s,...c},l)=>{let{ref:u}=t.useHandleEvent({input:r,keydown:o,change:s});return(0,n.useImperativeHandle)(l,()=>u.current,[]),(0,i.jsx)(a,{ref:u,class:e,...c})});o.displayName=`Input`,exports.Input=o;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

package/dist/cjs/components/LinkButton/LinkButton.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-link-button");var t=e.createDsComponent(`ds-link-button`,{events:[`click`]});exports.LinkButton=t;

package/dist/cjs/components/List/List.cjs

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

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Divider/Divider.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-list-item");var a=`ds-list-item${r.VERSION_TAG_SUFFIX}`;function o({className:e,children:n,selected:r,disabled:o,variant:s,...c}){let l={...c};return s&&(l.variant=s),r&&(l.selected=!0),o&&(l.disabled=!0),(0,i.jsxs)(`div`,{style:{width:`fit-content`},children:[(0,i.jsx)(a,{className:e,...l,children:n}),s!==`info`&&(0,i.jsx)(t.Divider,{})]})}exports.ListItem=o;

package/dist/cjs/components/Loader/Loader.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("@cupra/ui-kit/react/utils/version"),r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-loader-bar"),require("@cupra/ui-kit/react/ds-loader-dots"),require("@cupra/ui-kit/react/ds-loader-logo"),require("@cupra/ui-kit/react/ds-loader-spinner");var i=`ds-loader-logo${n.VERSION_TAG_SUFFIX}`,a=`ds-loader-bar${n.VERSION_TAG_SUFFIX}`,o=`ds-loader-dots${n.VERSION_TAG_SUFFIX}`,s=`ds-loader-spinner${n.VERSION_TAG_SUFFIX}`;function c(e){return(0,r.jsx)(i,{...e})}function l(e){return(0,r.jsx)(a,{...e})}function u(e){return(0,r.jsx)(o,{...e})}function d(e){return(0,r.jsx)(s,{...e,children:e.text&&(0,r.jsx)(`div`,{slot:`text`,children:e.text})})}var f={Logo:c,Bar:l,Dots:u,Spinner:d};exports.Loader=f,exports.LoaderLogo=c;

package/dist/cjs/components/Logo/Logo.cjs

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

package/dist/cjs/components/MainTitle/MainTitle.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("@cupra/ui-kit/react/utils/version"),r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-main-title");var i=`ds-main-title${n.VERSION_TAG_SUFFIX}`;function a(e){let{className:t,children:n,...a}=e;return(0,r.jsx)(i,{class:t,...a,children:n})}function o(e){let{as:t,children:n,...i}=e;return(0,r.jsx)(t,{slot:`title`,...i,children:n})}function s(e){let{as:t,children:n,...i}=e;return(0,r.jsx)(t,{slot:`subtitle`,...i,children:n})}a.Title=o,a.Subtitle=s,exports.MainTitle=a;

package/dist/cjs/components/MapPin/MapPin.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-map-pin");var t=e.createDsComponent(`ds-map-pin`,{events:[`change`]});exports.MapPin=t;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

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

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

package/dist/cjs/components/NavigationControls/NavigationControls.cjs

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

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

package/dist/cjs/components/ProgressBar/ProgressBar.cjs

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

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

package/dist/cjs/components/RadioButton/RadioButton.cjs

@@ -0,0 +1 @@
+const e=require("../../core/createDsComponent.cjs");require("@cupra/ui-kit/react/ds-radio-button");var t=e.createDsComponent(`ds-radio-button`,{events:[`change`]});exports.RadioButton=t;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

package/dist/cjs/components/Rating/Rating.cjs

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

package/dist/cjs/components/Search/Search.cjs

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("@cupra/ui-kit/react/utils/version"),r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-search");var i=`ds-search${n.VERSION_TAG_SUFFIX}`,a=(0,t.forwardRef)(({onInput:e,className:t,...n},a)=>(0,r.jsx)(i,{ref:a,class:t,onInput:e,...n}));a.displayName=`Search`,exports.Search=a;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;

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

@@ -0,0 +1 @@
+const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/useHandleEvent.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("@cupra/ui-kit/react/utils/version"),i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-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;