@cupra/ui-react 2.0.0-canary.3 → 2.0.0-canary.30

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,116 @@ 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
+---
+
+## 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
 
-### Install the package
-- npm: `npm install @cupra/ui-react`
-- pnpm: `pnpm add @cupra/ui-react`
-- yarn: `yarn add @cupra/ui-react`
+`@cupra/ui-react` is a React wrapper around the Web Components provided by
+`@cupra/ui-kit`.
 
-### Registry configuration (only if needed)
+For this reason, **both packages must be installed** in your project.
 
-**.npmrc**
+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
 
 ---
 
@@ -59,7 +145,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 +155,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 +179,99 @@ 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="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>
         </>
-    );
-}
+      );
+    }
 ```
 
 ### 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>
-    );
-}
+      );
+    }
 ```
 
 ---
 
 ## 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/components/Accordion/Accordion.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-accordion");const n=({children:t,...o})=>e.jsx("ds-accordion-react",{...o,children:t}),r=({children:t})=>e.jsx("div",{slot:"title",children:t}),c=({children:t})=>e.jsx("div",{slot:"content",children:t});n.Title=r;n.Content=c;exports.Accordion=n;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");const t=require("react"),c=require("../../hooks/useHandleEvent.cjs");require("@cupra/ui-kit/react/ds-avatar");function u(r){const{className:n,onClick:s,image:e,...a}=r,{ref:o}=c.useHandleEvent({click:s}),i=e&&t.isValidElement(e)?t.cloneElement(e,{slot:"media",...e.props}):null;return l.jsx("ds-avatar-react",{ref:o,class:n,...a,children:i})}exports.Avatar=u;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-badge");function s({className:e,...r}){return t.jsx("ds-badge-react",{class:e,...r})}exports.Badge=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-basic-card");const u=require("../../hooks/useHandleEvent.cjs");function r(e){const{className:a,children:c,onClick:d,...i}=e,{ref:n}=u.useHandleEvent({"ds-basic-card:click":d});return t.jsx("ds-basic-card-react",{ref:n,class:a,...i,children:c})}const s=({children:e})=>t.jsx("div",{slot:"featured-text",children:e});r.FeaturedText=s;s.displayName="BasicCard.FeaturedText";exports.BasicCard=r;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-basic-card-header");function s(e){const{className:c,children:n,...o}=e;return r.jsx("ds-basic-card-header-react",{class:c,...o,children:n})}const a=({children:e})=>r.jsx("div",{slot:"title",children:e}),t=({children:e})=>r.jsx("div",{slot:"description",children:e}),i=({children:e})=>r.jsx("div",{slot:"meta",children:e}),d=({children:e})=>r.jsx("div",{slot:"sub-header",children:e});s.Title=a;s.Description=t;s.Meta=i;s.SubHeader=d;a.displayName="BasicCard.Title";i.displayName="BasicCard.Meta";t.displayName="BasicCard.Description";d.displayName="BasicCard.SubHeader";exports.BasicCardHeader=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-basic-card-image");function t(e){const{className:r,children:a,...s}=e;return c.jsx("ds-basic-card-image-react",{class:r,...s,children:a})}exports.BasicCardImage=t;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-basic-card-section");function i(e){const{className:r,children:c,...s}=e;return t.jsx("ds-basic-card-section-react",{class:r,...s,children:c})}exports.BasicCardSection=i;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-bullets");const r=({className:e,...t})=>s.jsx("ds-bullets-react",{class:e,...t});exports.Bullets=r;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const c=require("../../hooks/useHandleEvent.cjs");require("@cupra/ui-kit/react/ds-button");function l(t){const{className:r,children:n,onClick:s,size:e,...i}=t,{ref:o}=c.useHandleEvent({click:s});return u.jsx("ds-button-react",{ref:o,size:typeof e=="string"?e:JSON.stringify(e),class:r,...i,children:n})}exports.Button=l;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-carousel-indicator");function s(e){const{className:r,children:c,...t}=e;return o.jsx("ds-carousel-indicator-react",{class:r,...t})}exports.CarouselIndicator=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const c=require("../../hooks/useHandleEvent.cjs");require("@cupra/ui-kit/react/ds-checkbox");function o({onChange:e,children:r,...t}){const{ref:n}=c.useHandleEvent({change:e});return u.jsx("ds-checkbox-react",{ref:n,...t,children:r})}exports.Checkbox=o;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-chip");function c(e){const{className:r,children:t,...s}=e;return i.jsx("ds-chip-react",{class:r,...s,children:t})}exports.Chip=c;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-chips");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const u=require("../../hooks/useHandleEvent.cjs");function o(e){const{className:r,children:s,onChange:n,...t}=e,{ref:i}=u.useHandleEvent({"ds-chips:change":n});return c.jsx("ds-chips-react",{ref:i,class:r,...t,children:s})}exports.Chips=o;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-currency");function s(e){const{className:r,...t}=e;return c.jsx("ds-currency-react",{class:r,...t})}exports.Currency=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-dialog");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const l=require("../../hooks/useHandleEvent.cjs"),u=require("react-dom");function d(o){const{className:r,children:t,onClose:n,withPortal:s,...i}=o,{ref:a}=l.useHandleEvent({"ds-dialog:close":n}),e=c.jsx("ds-dialog-react",{ref:a,class:r,...i,children:t});return s?u.createPortal(e,document.body):e}exports.Dialog=d;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-dialog-body");function i(e){const{className:o,children:r,...t}=e;return s.jsx("ds-dialog-body-react",{class:o,...t,children:r})}exports.DialogBody=i;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-dialog-footer");function i(e){const{className:o,children:r,...t}=e;return s.jsx("ds-dialog-footer-react",{class:o,...t,children:r})}exports.DialogFooter=i;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-dialog-fullscreen");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const i=require("../../hooks/useHandleEvent.cjs"),a=require("react-dom");function d(r){const{className:o,children:t,onClose:l,withPortal:n,...s}=r,{ref:c}=i.useHandleEvent({"ds-dialog-fullscreen:close":l}),e=u.jsx("ds-dialog-fullscreen-react",{ref:c,class:o,...s,children:t});return n?a.createPortal(e,document.body):e}exports.DialogFullscreen=d;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-dialog-header");function s(e){const{className:r,children:t,...a}=e;return o.jsx("ds-dialog-header-react",{class:r,...a,children:t})}exports.DialogHeader=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-divider");function t({className:e,...r}){return i.jsx("ds-divider-react",{class:e,...r})}exports.Divider=t;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-drawer");const u=require("../../hooks/useHandleEvent.cjs");function o(e){const{className:r,children:d,onClose:c,...l}=e,{ref:i}=u.useHandleEvent({"ds-drawer:close":c});return t.jsx("ds-drawer-react",{class:r,ref:i,...l,children:d})}const s=({children:e,...r})=>t.jsx("div",{slot:"header",...r,children:e}),n=({children:e,...r})=>t.jsx("div",{slot:"content",...r,children:e}),a=({children:e,...r})=>t.jsx("div",{slot:"footer",...r,children:e});o.Header=s;o.Content=n;o.Footer=a;s.displayName="Drawer.Header";n.displayName="Drawer.Content";a.displayName="Drawer.Footer";exports.Drawer=o;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-hyperlink");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const u=require("../../hooks/useHandleEvent.cjs");function s({children:e,onClick:r,...n}){const{ref:t}=u.useHandleEvent({click:r});return i.jsx("ds-hyperlink-react",{ref:t,...n,children:e})}exports.Hyperlink=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-icon");function t(e){const{"icon-name":n,className:o,...c}=e;return r.jsx("ds-icon-react",{"icon-name":n,class:o,...c})}exports.Icon=t;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-icon-button");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const c=require("../../hooks/useHandleEvent.cjs");function u(t){const{className:n,onClick:r,size:e,...s}=t,{ref:o}=c.useHandleEvent({click:r});return i.jsx("ds-icon-button-react",{ref:o,size:typeof e=="string"?e:JSON.stringify(e),class:n,...s})}exports.IconButton=u;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-inline-alert");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const o=require("../../hooks/useHandleEvent.cjs");function u(e){const{className:r,children:n,onClose:t,...l}=e,{ref:s}=o.useHandleEvent({"inline-alert:close":t});return i.jsx("ds-inline-alert-react",{ref:s,class:r,...l,children:n})}exports.InlineAlert=u;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-input");const d=require("../../hooks/useHandleEvent.cjs"),t=require("react"),n=t.forwardRef(({className:r,onInput:u,onKeyDown:s,onChange:a,...i},o)=>{const{ref:e}=d.useHandleEvent({input:u,keydown:s,change:a});return t.useImperativeHandle(o,()=>e.current,[]),c.jsx("ds-input-react",{ref:e,class:r,...i})});n.displayName="Input";exports.Input=n;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const m=require("../../hooks/useHandleEvent.cjs");require("@cupra/ui-kit/react/ds-interactive-card");function r(t){const{className:d,children:u,onClick:v,...C}=t,{ref:x}=m.useHandleEvent({click:v});return e.jsx("ds-interactive-card-react",{ref:x,class:d,...C,children:u})}const a=({children:t})=>e.jsx("div",{slot:"title",children:t}),i=({children:t})=>e.jsx("div",{slot:"subtitle",children:t}),n=({children:t})=>e.jsx("div",{slot:"meta",children:t}),s=({children:t})=>e.jsx("div",{slot:"content",children:t}),o=({children:t})=>e.jsx("div",{slot:"cta",children:t}),l=({children:t})=>e.jsx("div",{slot:"error-title",children:t}),c=({children:t})=>e.jsx("div",{slot:"error-text",children:t});r.Title=a;r.Subtitle=i;r.Meta=n;r.Content=s;r.Cta=o;r.ErrorTitle=l;r.ErrorText=c;a.displayName="InteractiveCard.Title";i.displayName="InteractiveCard.Subtitle";n.displayName="InteractiveCard.Meta";s.displayName="InteractiveCard.Content";o.displayName="InteractiveCard.Cta";l.displayName="InteractiveCard.ErrorTitle";c.displayName="InteractiveCard.ErrorText";exports.InteractiveCard=r;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-link-button");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const i=require("../../hooks/useHandleEvent.cjs");function o({children:e,onClick:t,...n}){const{ref:r}=i.useHandleEvent({click:t});return u.jsx("ds-link-button-react",{ref:r,...n,children:e})}exports.LinkButton=o;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-list");function i({className:e,children:t,...r}){return s.jsx("ds-list-react",{class:e,...r,children:t})}exports.List=i;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-list-item");const c=require("../Divider/Divider.cjs");function o({className:r,children:s,selected:n,disabled:d,variant:t,...u}){const e={...u};return t&&(e.variant=t),n&&(e.selected=!0),d&&(e.disabled=!0),i.jsxs("div",{style:{width:"fit-content"},children:[i.jsx("ds-list-item-react",{className:r,...e,children:s}),t!=="info"&&i.jsx(c.Divider,{})]})}exports.ListItem=o;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const 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");function o(e){return r.jsx("ds-loader-logo-react",{...e})}function t(e){return r.jsx("ds-loader-bar-react",{...e})}function n(e){return r.jsx("ds-loader-dots-react",{...e})}function d(e){return r.jsx("ds-loader-spinner-react",{...e,children:e.text&&r.jsx("div",{slot:"text",children:e.text})})}const a={Logo:o,Bar:t,Dots:n,Spinner:d};exports.Loader=a;exports.LoaderLogo=o;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-logo");function s(e){const{className:o,children:c,...r}=e;return t.jsx("ds-logo-react",{class:o,...r})}exports.Logo=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-main-title");function s(t){const{className:e,children:i,...r}=t;return n.jsx("ds-main-title-react",{class:e,...r,children:i})}function o(t){const{as:e,children:i,...r}=t;return n.jsx(e,{slot:"title",...r,children:i})}function c(t){const{as:e,children:i,...r}=t;return n.jsx(e,{slot:"description",...r,children:i})}s.Title=o;s.Description=c;exports.MainTitle=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const i=require("../../hooks/useHandleEvent.cjs");require("@cupra/ui-kit/react/ds-map-pin");function u({onChange:e,...r}){const{ref:n}=i.useHandleEvent({change:e});return t.jsx("ds-map-pin-react",{ref:n,...r})}exports.MapPin=u;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const i=require("../../hooks/useHandleEvent.cjs");require("@cupra/ui-kit/react/ds-media-control");function u(e){const{className:r,onPlay:o,onPause:t,...n}=e,{ref:s}=i.useHandleEvent({"ds-media-control:play":o,"ds-media-control:pause":t});return a.jsx("ds-media-control-react",{ref:s,class:r,...n})}exports.MediaControl=u;

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

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const f=require("../../hooks/useHandleEvent.cjs"),C=require("../../node_modules/.pnpm/styled-components@6.1.19_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.cjs");require("@cupra/ui-kit/react/ds-modal");const b=require("react-dom");function r(){}const p=C.default.div`
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+`;function n(t){const{children:o,onClickCloseButton:s=r,onClickConfirmButton:i=r,onClickCancelButton:u=r,className:a,withPortal:d,...l}=t,{ref:m}=f.useHandleEvent({"click-close-button":s,"click-confirm-button":i,"click-cancel-button":u});if(!l.open)return null;const c=e.jsx("ds-modal-react",{ref:m,class:a,...l,children:o});return d?b.createPortal(c,document.body):c}function q({children:t}){return e.jsx("div",{slot:"title",children:t})}function j({className:t="",children:o}){return e.jsx("div",{slot:"content",className:`ds-scroll ${t}`.trim(),children:o})}function k({children:t}){return e.jsx(p,{slot:"content",children:t})}n.Title=q;n.Content=j;n.FullScreenContent=k;exports.Modal=n;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-password-input");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const b=require("../../hooks/useHandleEvent.cjs");function j(l){const{className:d,children:x,onChange:c,onInput:p,inputId:e,placeHolder:r,value:t,label:h,required:s,disabled:u,pattern:a,maxLength:i,minLength:o,...g}=l,{ref:m}=b.useHandleEvent({change:c,input:p}),q={type:"password",...!!e&&{id:e},...!!r&&{placeholder:r},...!!t&&{value:t},...!!s&&{required:s},...!!u&&{disabled:u},...!!o&&{minLength:o},...!!i&&{maxLength:i},...!!a&&{pattern:a}};return n.jsxs("ds-password-input-react",{ref:m,class:d,...g,children:[n.jsx("label",{htmlFor:e,children:h}),n.jsx("input",{...q})]})}exports.PasswordInput=j;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-picker-item");const u=require("../../hooks/useHandleEvent.cjs");function l(t){const{className:r,children:i,onClick:s,size:e,...c}=t,{ref:n}=u.useHandleEvent({"ds-picker-item:click":s});return o.jsx("ds-picker-item-react",{ref:n,size:typeof e=="string"?e:JSON.stringify(e),class:r,...c,children:i})}exports.PickerItem=l;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const u=require("../../hooks/useHandleEvent.cjs");require("@cupra/ui-kit/react/ds-radio");const a=({children:e,onChange:r,className:t,...s})=>{const{ref:n}=u.useHandleEvent({change:r});return o.jsx("ds-radio-group-react",{ref:n,class:t,...s,children:e})},i=({children:e,className:r,...t})=>o.jsx("ds-radio-react",{class:r,...t,children:e}),c={Group:a,Button:i};exports.Radio=c;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-radio-button");const a=require("../../hooks/useHandleEvent.cjs");function c(e){const{className:t,children:n,onChange:o,...r}=e,{ref:s}=a.useHandleEvent({change:o});return u.jsx("ds-radio-button-react",{ref:s,class:t,...r,children:n})}exports.RadioButton=c;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-radio-button-group");const a=require("../../hooks/useHandleEvent.cjs");function c(e){const{className:t,children:n,onChange:o,...r}=e,{ref:u}=a.useHandleEvent({change:o});return s.jsx("ds-radio-button-group-react",{ref:u,class:t,...r,children:n})}exports.RadioButtonGroup=c;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-rating");function n(e){const{className:t,...r}=e;return s.jsx("ds-rating-react",{class:t,...r})}exports.Rating=n;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("react");require("@cupra/ui-kit/react/ds-search");const e=o.forwardRef(({onInput:r,className:s,...t},a)=>c.jsx("ds-search-react",{ref:a,class:s,onInput:r,...t}));e.displayName="Search";exports.Search=e;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-search-input");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const m=require("../../hooks/useHandleEvent.cjs");function x(t){const{className:n,children:j,onChange:r,onInput:i,onClickPositionButton:u,placeHolder:a,type:v,value:s,label:o,required:c,disabled:l,pattern:p,maxLength:d,minLength:h,inputProps:b,...g}=t,{ref:q}=m.useHandleEvent({change:r,input:i,"ds-search-input:click-position-button":u});return e.jsx("ds-search-input-react",{ref:q,class:n,...g,children:e.jsx("input",{type:"text","aria-label":o,placeholder:a,value:s,required:c,disabled:l,minLength:h,maxLength:d,pattern:p,...b})})}exports.SearchInput=x;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-secondary-navigation");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const c=require("../../hooks/useHandleEvent.cjs");function s(e){const{className:t,children:r,onSelect:o,...i}=e,{ref:a}=c.useHandleEvent({"ds-secondary-navigation:select":o});return n.jsx("ds-secondary-navigation-react",{ref:a,class:t,...i,children:r})}const u=({children:e,...t})=>n.jsx("a",{slot:"items",...t,children:e}),d=({children:e})=>n.jsx("div",{slot:"actions",children:e});s.Item=u;s.Actions=d;exports.SecondaryNavigation=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-segmented-control");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const u=require("../../hooks/useHandleEvent.cjs");function i(e){const{onChange:n,className:r,children:t,...o}=e,{ref:s}=u.useHandleEvent({change:n});return c.jsx("ds-segmented-control-react",{ref:s,class:r,...o,children:t})}exports.SegmentedControl=i;

package/dist/cjs/components/Select/Select.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-select");const c=({children:e,...t})=>r.jsx("ds-select-react",{...t,children:e});exports.Select=c;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-selection");function c(e){const{className:t,children:n,...r}=e;return s.jsx("ds-selection-react",{class:t,...r})}exports.Selection=c;

package/dist/cjs/components/SidebarNavigation/SidebarNavigation.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-sidebar-navigation");function s(e){const{className:i,children:r,...n}=e;return t.jsx("ds-sidebar-navigation-react",{class:i,...n,children:r})}const a=({children:e})=>t.jsx("div",{slot:"aside-text",children:e}),o=({children:e})=>t.jsx("div",{slot:"aside-icon",children:e}),d=({children:e})=>t.jsx("div",{slot:"aside-helper-text",children:e}),c=({children:e})=>t.jsx("div",{slot:"main-cta",children:e}),l=({children:e})=>t.jsx("div",{slot:"ctas",children:e});s.AsideText=a;s.AsideIcon=o;s.AsideHelperText=d;s.MainCta=c;s.Ctas=l;exports.SidebarNavigation=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-slider");function n(r){const{className:s,children:o,size:e,...i}=r;return t.jsx("ds-slider-react",{size:typeof e=="string"?e:JSON.stringify(e),class:s,...i})}exports.Slider=n;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const c=require("../../hooks/useHandleEvent.cjs");require("@cupra/ui-kit/react/ds-static-box");function u(t){const{className:r,children:s,size:e,...i}=t,{ref:n}=c.useHandleEvent({});return o.jsx("ds-static-box-react",{ref:n,size:typeof e=="string"?e:JSON.stringify(e),class:r,...i,children:s})}exports.StaticBox=u;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-stepper");const s=({className:e,...r})=>t.jsx("ds-stepper-react",{class:e,...r});exports.Stepper=s;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const u=require("../../hooks/useHandleEvent.cjs");require("@cupra/ui-kit/react/ds-tabs");function n({children:e,onChange:r,...a}){const{ref:s}=u.useHandleEvent({change:r});return t.jsx("ds-tabs-react",{ref:s,...a,children:e})}function i({children:e}){return t.jsx("div",{role:"tab",slot:"tab",children:e})}function o({children:e}){return t.jsx("div",{role:"tabpanel",slot:"panel",children:e})}n.Tab=i;n.Panel=o;exports.Tabs=n;

package/dist/cjs/components/Tag/Tag.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const u=require("../../hooks/useHandleEvent.cjs");require("@cupra/ui-kit/react/ds-tag");function o(e){const{children:r,onClickIcon:n,className:t,...c}=e,{ref:s}=u.useHandleEvent({clickicon:n});return i.jsx("ds-tag-react",{ref:s,class:t,...c,children:r})}exports.Tag=o;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-text");function n(e){const{className:t,children:r,...s}=e;return c.jsx("ds-text-react",{class:t,...s,children:r})}exports.Text=n;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-text-input");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const y=require("../../hooks/useHandleEvent.cjs");function b(n){const{className:r,children:j,onChange:u,onInput:i,onKeyDown:l,inputId:t,placeHolder:s,type:o,value:a,label:c,required:d,disabled:p,pattern:h,maxLength:x,minLength:g,...m}=n,{ref:q}=y.useHandleEvent({change:u,input:i,keydown:l});return e.jsxs("ds-text-input-react",{ref:q,class:r,...m,children:[e.jsx("label",{htmlFor:t,children:c}),e.jsx("input",{id:t,type:o||"text",placeholder:s,value:a,required:d,disabled:p,minLength:g,maxLength:x,pattern:h})]})}exports.TextInput=b;

package/dist/cjs/components/Textarea/Textarea.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-textarea");require("@cupra/ui-kit/react/utils/breakpoints");require("react");const f=require("../../hooks/useHandleEvent.cjs");function j(t){const{className:a,children:E,onChange:n,onInput:l,textareaId:r,placeholder:o,value:i,label:s,required:c,disabled:d,minLength:u,maxLength:h,rows:x,cols:p,forcedError:g,helperText:m,invalidError:q,...v}=t,{ref:b}=f.useHandleEvent({change:n,input:l});return e.jsxs("ds-textarea-react",{ref:b,class:a,"forced-error":g,"helper-text":m,"invalid-error":q,...v,children:[e.jsx("label",{htmlFor:r,children:s}),e.jsx("textarea",{id:r,placeholder:o,value:i,required:c,disabled:d,minLength:u,maxLength:h,rows:x,cols:p})]})}exports.Textarea=j;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-theme-provider");const i=({children:e,...r})=>t.jsx("ds-theme-provider-react",{...r,children:e});exports.ThemeProvider=i;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");require("@cupra/ui-kit/react/ds-toast");function e(t){const{className:s,...o}=t;return a.jsx("ds-toast-react",{class:s,...o})}e.add=t=>{window.dispatchEvent(new CustomEvent("toast:add",{detail:t}))};exports.Toast=e;

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

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

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

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

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

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

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

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