@cupra/ui-kit 2.0.0-canary.22 → 2.0.0-canary.220

package/README.md

@@ -1,10 +1,12 @@
 # UI Kit (Web Components)
 
 ## Overview
+
 Core Web Components for the DS-UI design system, implemented with Lit and TypeScript.  
 This package is framework-agnostic and can be consumed from any modern frontend stack, either via npm or directly from the CDN.
 
 ## Audience
+
 Use `@cupra/ui-kit` if you want the **smallest, most portable** way to adopt DS-UI across frameworks:
 
 - Works with any environment (React, Vue, Svelte, Angular, plain JS, HTML).
@@ -13,9 +15,37 @@ Use `@cupra/ui-kit` if you want the **smallest, most portable** way to adopt DS-
 
 If your application is **React-only**, and you prefer idiomatic React props & JSX, use `@cupra/ui-react` instead.
 
+## Browser Support
+
+| 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.
+
+Technical guarantees behind this matrix:
+
+- **Guaranteed:** the published JavaScript is transpiled to a deliberately conservative target
+  (ES2020, pinned to `chrome >= 87`, `edge >= 88`, `firefox >= 78`, `safari >= 14`), so the
+  shipped *syntax* never requires a newer JS engine than that.
+- **Not guaranteed:** no polyfills are shipped for runtime *APIs* (e.g. `ResizeObserver`,
+  `structuredClone`) below the official minimum versions above.
+- **Required natively:** Custom Elements, Shadow DOM and `<slot>` content projection — these
+  platform features are never polyfilled.
+
+Full rationale, transpilation details and maintenance guide:
+[BROWSER_SUPPORT.md](../../BROWSER_SUPPORT.md) (repository only — not included in the npm package).
+
 ## Installation
 
 ### Install the package
+
 - npm: `npm install @cupra/ui-kit`
 - pnpm: `pnpm add @cupra/ui-kit`
 - yarn: `yarn add @cupra/ui-kit`
@@ -33,7 +63,7 @@ If your application is **React-only**, and you prefer idiomatic React props & JS
 ```yaml
 npmScopes:
 cupra:
-npmRegistryServer: "https://registry.npmjs.org"
+npmRegistryServer: 'https://registry.npmjs.org'
 ```
 
 ---
@@ -44,6 +74,13 @@ You can explore all `ui-kit` Web Components, their APIs, theming options and liv
 
 [https://diagonal.cupra.com/ui-kit/index.html](https://diagonal.cupra.com/ui-kit/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
@@ -51,6 +88,7 @@ You can explore all `ui-kit` Web Components, their APIs, theming options and liv
 This package is published to npm under **two channels**: `latest` (stable) and `canary` (early access).
 
 ### Stable Releases (`latest`)
+
 These versions represent production-ready builds:
 
 - Follow Semantic Versioning
@@ -72,6 +110,7 @@ npm install @cupra/ui-kit@0.1.3
 ---
 
 ### Canary Releases (`canary`)
+
 Canary versions include the **most recent changes merged into `main`**.
 
 Choose a canary version if you:
@@ -93,6 +132,7 @@ npm install @cupra/ui-kit@0.1.4-canary.2
 ```
 
 ### Recommended usage
+
 - **Production:** always use **stable (`latest`)**
 - **Testing upcoming features:** use the **canary channel**
 - **Deterministic builds:** pin exact versions (stable or canary)
@@ -104,18 +144,20 @@ npm install @cupra/ui-kit@0.1.4-canary.2
 ---
 
 ## Usage
+
 How to consume the package, either through the CDN or your application build.
 
 ---
 
 ### Option A — CDN in plain HTML
-1) Load the DS-UI Web Components bundle:
+
+1. Load the DS-UI Web Components bundle:
 
 ```html
 <script src="https://ds-assets.cupra.com/[version]/dist/index.iife.js"></script>
 ```
 
-2) Wrap your UI with the theme provider.  
+2. Wrap your UI with the theme provider.
 
 `load-fonts` and `load-styles` control whether the provider loads assets automatically.
 Replace `[theme]` with your theme name (e.g. `cupra-diagonal`).
@@ -132,7 +174,13 @@ For optimal behaviour, manually preload the fonts and load the theme CSS via a s
 
 ```html
 <!-- Preload fonts (one line per required font file) -->
-<link rel="preload" as="font" type="font/woff2" href="https://ds-assets.cupra.com/fonts/[theme]/[font-file]" crossorigin />
+<link
+    rel="preload"
+    as="font"
+    type="font/woff2"
+    href="https://ds-assets.cupra.com/fonts/[theme]/[font-file]"
+    crossorigin
+/>
 
 <!-- Load the theme stylesheet normally -->
 <link rel="stylesheet" href="https://ds-assets.cupra.com/[version]/styles/[theme]/theme.css" />
@@ -145,6 +193,7 @@ For optimal behaviour, manually preload the fonts and load the theme CSS via a s
 ---
 
 ### Option B — Installed via npm in an application bundle
+
 Install the package:
 
 ```bash
@@ -171,10 +220,86 @@ Replace `[theme]` with your theme name (e.g. `cupra-diagonal`).
 
 ---
 
+## Icons
+
+Icons must always be consumed through the `<ds-icon>` Web 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 `ds-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.
+
+```html
+<!-- Correct: use ds-icon -->
+<ds-icon icon-name="arrow-right"></ds-icon>
+
+<!-- Wrong: do not load icon SVGs from the CDN directly -->
+<img src="https://ds-assets.cupra.com/[version]/assets/icons/[theme]/arrow-right.svg" />
+```
+
+---
+
+## CSS Breakpoints (Media Queries)
+
+For consumers using **CSS Modules** and PostCSS, `@cupra/ui-kit` exports standard PostCSS `@custom-media` declarations so you don't have to hardcode pixel values in your media queries.
+
+1. Install `postcss-custom-media` in your project if you haven't already:
+
+    ```bash
+    npm install -D postcss-custom-media
+    ```
+
+2. Configure it in your `postcss.config.js` to import the file from the Design System:
+
+    **For ES Modules (ESM):**
+    ```js
+    import { createRequire } from 'module';
+    import customMedia from 'postcss-custom-media';
+
+    const require = createRequire(import.meta.url);
+
+    export default {
+        plugins: [
+            customMedia({
+                importFrom: require.resolve('@cupra/ui-kit/styles/breakpoints.css'),
+            }),
+        ],
+    };
+    ```
+
+    **For CommonJS (CJS):**
+    ```js
+    module.exports = {
+        plugins: [
+            require('postcss-custom-media')({
+                importFrom: require.resolve('@cupra/ui-kit/styles/breakpoints.css'),
+            }),
+        ],
+    };
+    ```
+
+3. Use the DS aliases directly in any of your `.module.css` files:
+
+    ```css
+    .component {
+        display: block;
+    }
+
+    /* Example using the medium breakpoint alias */
+    @media (--bp-m) {
+        .component {
+            display: flex;
+        }
+    }
+    ```
+
+Available breakpoints are: `--bp-s`, `--bp-m`, `--bp-l`, `--bp-xl`, `--bp-xxl`.
+
+---
+
 ## License
+
 License: SEAT S.A. Library EULA 1.0  
 See `LICENSE.md` for the full license text.  
 Third-party license attributions may be listed in `THIRD_PARTY_LICENSES.md`.
 
 ## Support
-For any questions or assistance, contact: **ds.support@seat.es**
+
+For any questions or assistance, contact: **ds.support@seat.es**

package/dist/cjs/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/assertClassBrand.cjs

@@ -0,0 +1 @@
+function e(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}exports.default=e;

package/dist/cjs/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/checkPrivateRedeclaration.cjs

@@ -0,0 +1 @@
+function e(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}exports.default=e;

package/dist/cjs/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldGet2.cjs

@@ -0,0 +1 @@
+const e=require("./assertClassBrand.cjs");function t(t,n){return t.get(e.default(t,n))}exports.default=t;

package/dist/cjs/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldInitSpec.cjs

@@ -0,0 +1 @@
+const e=require("./checkPrivateRedeclaration.cjs");function t(t,n,r){e.default(t,n),n.set(t,r)}exports.default=t;

package/dist/cjs/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldSet2.cjs

@@ -0,0 +1 @@
+const e=require("./assertClassBrand.cjs");function t(t,n,r){return t.set(e.default(t,n),r),r}exports.default=t;

package/dist/cjs/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs

@@ -0,0 +1 @@
+function e(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}exports.default=e;

package/dist/cjs/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/get.cjs

@@ -0,0 +1 @@
+const e=require("./superPropBase.cjs");function t(){return t=typeof Reflect<`u`&&Reflect.get?Reflect.get.bind():function(t,n,r){var i=e.default(t,n);if(i){var a=Object.getOwnPropertyDescriptor(i,n);return a.get?a.get.call(arguments.length<3?t:r):a.value}},t.apply(null,arguments)}Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return t}});

package/dist/cjs/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/getPrototypeOf.cjs

@@ -0,0 +1 @@
+function e(t){return e=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},e(t)}Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return e}});

package/dist/cjs/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/superPropBase.cjs

@@ -0,0 +1 @@
+const e=require("./getPrototypeOf.cjs");function t(t,n){for(;!{}.hasOwnProperty.call(t,n)&&(t=e.default(t))!==null;);return t}exports.default=t;

package/dist/cjs/_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/superPropGet.cjs

@@ -0,0 +1 @@
+const e=require("./getPrototypeOf.cjs"),t=require("./get.cjs");function n(n,r,i,a){var o=t.default(e.default(1&a?n.prototype:n),r,i);return 2&a&&typeof o==`function`?function(e){return o.apply(i,e)}:o}exports.default=n;

package/dist/cjs/components/base/DsUiElement.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../ds-theme-provider/themeContext.cjs"),l=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.cjs"),p=require("../../utils/PubSub.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");const m=require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs"),b=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),y=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");var T=Object.defineProperty,i=(n,e,s,o)=>{for(var t=void 0,r=n.length-1,h;r>=0;r--)(h=n[r])&&(t=h(e,s,t)||t);return t&&T(e,s,t),t};class u extends m.LitElement{constructor(){super(),this.handleChangeTheme=e=>{this.pubSubTheme=e},this.pubSubTheme=p.pubSub.subscribe("theme",this.handleChangeTheme)}connectedCallback(){super.connectedCallback(),this.applyTheme()}updated(e){super.updated(e),(e.has("contextTheme")||e.has("pubSubTheme"))&&(this.theme=this.contextTheme??this.pubSubTheme,this.applyTheme())}applyTheme(){var r;const e=this.constructor,s=(r=e.themesStyles)==null?void 0:r[this.theme],o=Array.isArray(s)?s:[s];if(!(o!=null&&o.length))return;const t=Array.isArray(e.styles)?e.styles:[e.styles];y.adoptStyles(this.shadowRoot,[...t,...o].filter(Boolean))}}i([b.property({attribute:!1}),l.consume({context:c.themeContext,subscribe:!0})],u.prototype,"contextTheme");i([a.state()],u.prototype,"pubSubTheme");i([a.state()],u.prototype,"theme");exports.DsUiElement=u;
+const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.cjs"),t=require("../ds-theme-provider/themeContext.cjs"),n=require("../../utils/PubSub.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs"),i=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),o=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const s=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs");var c=class extends i.LitElement{constructor(){super(),this.handleChangeTheme=e=>{this.pubSubTheme=e},this.pubSubTheme=n.pubSub.subscribe(`theme`,this.handleChangeTheme)}connectedCallback(){super.connectedCallback(),this.applyTheme()}updated(e){super.updated(e),(e.has(`contextTheme`)||e.has(`pubSubTheme`))&&(this.theme=this.contextTheme??this.pubSubTheme,this.applyTheme())}applyTheme(){var e;let t=this.constructor,n=(e=t.themesStyles)==null?void 0:e[this.theme],i=Array.isArray(n)?n:[n];if(!(i!=null&&i.length))return;let a=Array.isArray(t.styles)?t.styles:[t.styles];r.adoptStyles(this.shadowRoot,[...a,...i].filter(Boolean))}};s.default([a.property({attribute:!1}),e.consume({context:t.themeContext,subscribe:!0})],c.prototype,`contextTheme`,void 0),s.default([o.state()],c.prototype,`pubSubTheme`,void 0),s.default([o.state()],c.prototype,`theme`,void 0),exports.DsUiElement=c;

package/dist/cjs/components/base/UiKitElement.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../ds-theme-provider/themeContext.cjs"),m=require("../../core/theme.constants.cjs"),S=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.cjs"),l=require("../../utils/PubSub.cjs"),y=require("../../utils/StylesRegistry/StylesRegistry.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");const b=require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs"),f=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),T=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs");var C=Object.defineProperty,p=(h,e,t,i)=>{for(var o=void 0,n=h.length-1,s;n>=0;n--)(s=h[n])&&(o=s(e,t,o)||o);return o&&C(e,t,o),o};const g=c.css`:host([unresolved]){visibility:hidden}`,a=class u extends b.LitElement{constructor(){super(),this.appliedConstructables=[],this.appliedStyleTags=[],this.handleChangeTheme=e=>{this.pubSubTheme=e},this.pubSubTheme=l.pubSub.subscribe("theme",this.handleChangeTheme)}get theme(){const e=typeof sessionStorage<"u"?sessionStorage==null?void 0:sessionStorage.getItem(m.THEME_STORAGE_KEY):null;return this.contextTheme??this.pubSubTheme??e}connectedCallback(){super.connectedCallback(),this.shadowRoot||this.attachShadow({mode:"open"}),this.setAttribute("unresolved","");const e=this.constructor,t=Array.isArray(e.styles)?e.styles:[e.styles].filter(Boolean);c.adoptStyles(this.shadowRoot,[...t,g]),this.applyThemeStyles()}disconnectedCallback(){super.disconnectedCallback(),l.pubSub.unsubscribe("theme",this.handleChangeTheme)}updated(e){super.updated(e),(e.has("contextTheme")||e.has("pubSubTheme"))&&this.applyThemeStyles()}getComponentNames(){const e=new Set;let t=this.constructor;for(;t&&t!==u;)Array.isArray(t.componentName)&&t.componentName.forEach(i=>e.add(i)),t=Object.getPrototypeOf(t);return Array.from(e).reverse()}supportsAdoptedSheets(){return"adoptedStyleSheets"in((ShadowRoot==null?void 0:ShadowRoot.prototype)||{})&&"replace"in CSSStyleSheet.prototype}async applyThemeStyles(){const e=this.getComponentNames();if(!(!this.theme||!(e!=null&&e.length)))try{const t=await Promise.all(e.map(s=>y.stylesRegistry.getStyles({componentName:s,theme:this.theme}))),i=this.supportsAdoptedSheets(),o=this.shadowRoot.adoptedStyleSheets||[],n=this.appliedConstructables?o.filter(s=>!this.appliedConstructables.includes(s)):o;this.appliedConstructables=[],this.appliedStyleTags.forEach(s=>s.remove()),this.appliedStyleTags=[],t.forEach(s=>{if(s)if(i){const r=new CSSStyleSheet;r.replaceSync(s),this.appliedConstructables.push(r)}else{const r=document.createElement("style");r.textContent=s,this.shadowRoot.appendChild(r),this.appliedStyleTags.push(r)}}),i&&(this.shadowRoot.adoptedStyleSheets=[...n,...this.appliedConstructables])}catch(t){console.error(t)}finally{this.removeAttribute("unresolved"),this.requestUpdate()}}};p([f.property({attribute:!1}),S.consume({context:d.themeContext,subscribe:!0})],a.prototype,"contextTheme");p([T.state()],a.prototype,"pubSubTheme");let E=a;exports.UiKitElement=E;
+const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.cjs"),t=require("../ds-theme-provider/themeContext.cjs"),n=require("../../core/theme.constants.cjs"),r=require("../../utils/PubSub.cjs"),i=require("../../utils/StylesRegistry/StylesRegistry.cjs"),a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs"),o=require("../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const s=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const l=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs");var u=a.css`:host([unresolved]){visibility:hidden}`,d=class e extends o.LitElement{constructor(){super(),this.appliedConstructables=[],this.appliedStyleTags=[],this.handleChangeTheme=e=>{this.pubSubTheme=e},this.pubSubTheme=r.pubSub.subscribe(`theme`,this.handleChangeTheme)}get theme(){var e;let t=typeof sessionStorage<`u`?(e=sessionStorage)==null?void 0:e.getItem(n.THEME_STORAGE_KEY):null;return this.contextTheme??this.pubSubTheme??t}connectedCallback(){super.connectedCallback(),this.shadowRoot||this.attachShadow({mode:`open`}),this.setAttribute(`unresolved`,``);let e=this.constructor,t=Array.isArray(e.styles)?e.styles:[e.styles].filter(Boolean);a.adoptStyles(this.shadowRoot,[...t,u]),this.applyThemeStyles()}disconnectedCallback(){super.disconnectedCallback(),r.pubSub.unsubscribe(`theme`,this.handleChangeTheme)}updated(e){super.updated(e),(e.has(`contextTheme`)||e.has(`pubSubTheme`))&&this.applyThemeStyles()}getComponentNames(){let t=new Set,n=this.constructor;for(;n&&n!==e;)Array.isArray(n.componentName)&&n.componentName.forEach(e=>t.add(e)),n=Object.getPrototypeOf(n);return Array.from(t).reverse()}supportsAdoptedSheets(){var e;return`adoptedStyleSheets`in(((e=ShadowRoot)==null?void 0:e.prototype)||{})&&`replace`in CSSStyleSheet.prototype}async applyThemeStyles(){let e=this.getComponentNames();if(this.theme&&e!=null&&e.length)try{let t=await Promise.all(e.map(e=>i.stylesRegistry.getStyles({componentName:e,theme:this.theme}))),n=this.supportsAdoptedSheets(),r=this.shadowRoot.adoptedStyleSheets||[],a=this.appliedConstructables?r.filter(e=>!this.appliedConstructables.includes(e)):r;this.appliedConstructables=[],this.appliedStyleTags.forEach(e=>e.remove()),this.appliedStyleTags=[],t.forEach(e=>{if(e){if(n){let t=new CSSStyleSheet;t.replaceSync(e),this.appliedConstructables.push(t)}else{let t=document.createElement(`style`);t.textContent=e,this.shadowRoot.appendChild(t),this.appliedStyleTags.push(t)}}}),n&&(this.shadowRoot.adoptedStyleSheets=[...a,...this.appliedConstructables])}catch(e){console.error(e)}finally{this.removeAttribute(`unresolved`),this.requestUpdate()}}};l.default([s.property({attribute:!1}),e.consume({context:t.themeContext,subscribe:!0})],d.prototype,`contextTheme`,void 0),l.default([c.state()],d.prototype,`pubSubTheme`,void 0),exports.UiKitElement=d;

package/dist/cjs/components/base/ds-base-input/ds-base-input.cjs

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../DsUiElement.cjs"),y=require("../../../mixins/FormAssociatedMixin.cjs"),c=require("../../../utils/booleanConverter.cjs"),v=require("../../../utils/htmlWithTokens.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const m=require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),h=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),f=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),b=require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),u=require("./styles/common.styles.cjs"),T=require("./styles/cupra.styles.cjs");var q=Object.defineProperty,t=(n,i,p,g)=>{for(var s=void 0,l=n.length-1,a;l>=0;l--)(a=n[l])&&(s=a(i,p,s)||s);return s&&q(i,p,s),s};const o=class o extends y.FormAssociatedMixin(d.DsUiElement){constructor(){super(...arguments),this.initialValue="",this.label="",this.helperText="",this.errorText="",this.disabled=!1,this.success=!1,this.mode="light",this.size="large",this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(i){this._value=i}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get styleTokens(){return v.htmlWithTokens`
+const e=require("../../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../../../utils/booleanConverter.cjs"),o=require("../../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const s=require("../../../mixins/FormAssociatedMixin.cjs"),c=require("../DsUiElement.cjs"),l=require("./styles/common.styles.cjs"),u=require("./styles/cupra.styles.cjs");var d,f=class extends s.FormAssociatedMixin(c.DsUiElement){constructor(...e){super(...e),this.initialValue=``,this.label=``,this.helperText=``,this.errorText=``,this.disabled=!1,this.success=!1,this.mode=`light`,this.size=`large`,this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(e){this._value=e}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get styleTokens(){return e.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};
-                    pointer-events: ${this.disabled?"none":"visible"};
+                    pointer-events: ${this.disabled?`none`:`visible`};
                 }
             </style>
-        `}render(){return m.html`
+        `}render(){return e.html`
             ${this.styleTokens}
-            <div class=${b.classMap(this.classes)}>
+            <div class=${o.classMap(this.classes)}>
                 <div class="inner-container">
                     ${this.labelTemplate}
                     ${this.inputTemplate}
@@ -17,4 +17,4 @@
                 <div class="error-text">${this.errorText}</div>
                 ${this.dropdownTemplate}
             </div>
-        `}};o.styles=[u.commonStyles,u.inputStyles],o.themesStyles={cupra:T.cupraStyles};let e=o;t([r.property({type:String,reflect:!0,attribute:"initial-value"})],e.prototype,"initialValue");t([r.property({type:String})],e.prototype,"label");t([r.property({type:String,attribute:"helper-text"})],e.prototype,"helperText");t([r.property({type:String,attribute:"error-text"})],e.prototype,"errorText");t([r.property({type:Boolean,converter:c.booleanConverter})],e.prototype,"disabled");t([r.property({type:Boolean,converter:c.booleanConverter})],e.prototype,"success");t([r.property({type:String,reflect:!0})],e.prototype,"mode");t([r.property({type:String})],e.prototype,"size");t([h.state()],e.prototype,"_value");t([h.state()],e.prototype,"focused");t([f.query(".input-field")],e.prototype,"inputField");exports.DsBaseInput=e;
+        `}};d=f,d.styles=[l.commonStyles,l.inputStyles],d.themesStyles={cupra:u.cupraStyles},i.default([t.property({type:String,reflect:!0,attribute:`initial-value`})],f.prototype,`initialValue`,void 0),i.default([t.property({type:String})],f.prototype,`label`,void 0),i.default([t.property({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),i.default([t.property({type:String,attribute:`error-text`})],f.prototype,`errorText`,void 0),i.default([t.property({type:Boolean,converter:a.booleanConverter})],f.prototype,`disabled`,void 0),i.default([t.property({type:Boolean,converter:a.booleanConverter})],f.prototype,`success`,void 0),i.default([t.property({type:String,reflect:!0})],f.prototype,`mode`,void 0),i.default([t.property({type:String})],f.prototype,`size`,void 0),i.default([n.state()],f.prototype,`_value`,void 0),i.default([n.state()],f.prototype,`focused`,void 0),i.default([r.query(`.input-field`)],f.prototype,`inputField`,void 0),exports.DsBaseInput=f;

package/dist/cjs/components/base/ds-base-input/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: block;
         width: 100%;
@@ -52,4 +52,4 @@
     .input-field:focus {
         outline: none;
     }
-`;exports.commonStyles=t;exports.inputStyles=n;
+`;exports.commonStyles=t,exports.inputStyles=n;

package/dist/cjs/components/base/ds-base-input/styles/cupra.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=r.css`
+const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=[e.css`
     .container {
         padding: 16px 0 0 0;
     }
@@ -103,15 +103,15 @@
         color: var(--ds-color-grey);
     }
     .light .icon {
-        --ds-icon-color: var(--ds-color-dark-grey);
+        --ui-kit-icon-color: var(--ds-color-dark-grey);
     }
     .dark .icon {
-        --ds-icon-color: var(--ds-color-light-grey);
+        --ui-kit-icon-color: var(--ds-color-light-grey);
     }
     .disabled.light .icon {
-        --ds-icon-color: var(--ds-color-medium-grey);
+        --ui-kit-icon-color: var(--ds-color-medium-grey);
     }
     .disabled.dark .icon {
-        --ds-icon-color: var(--ds-color-dark-grey);
+        --ui-kit-icon-color: var(--ds-color-dark-grey);
     }
-`,e=[o];exports.cupraStyles=e;
+`];exports.cupraStyles=t;

package/dist/cjs/components/base/ds-base-progress-bar/ds-base-progress-bar.cjs

@@ -1,12 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../DsUiElement.cjs"),p=require("../../../utils/booleanConverter.cjs"),y=require("../../../utils/htmlWithTokens.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const h=require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),m=require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),d=require("./styles/common.styles.cjs"),v=require("./styles/cupra-diagonal.styles.cjs"),q=require("./styles/cupra.styles.cjs"),g=require("./styles/seat.styles.cjs");var f=Object.defineProperty,i=(l,n,a,S)=>{for(var e=void 0,r=l.length-1,c;r>=0;r--)(c=l[r])&&(e=c(n,a,e)||e);return e&&f(n,a,e),e};const s=class s extends u.DsUiElement{constructor(){super(...arguments),this.show=!1,this.mode="light",this.size="large"}get classes(){return{track:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return y.htmlWithTokens`
+const e=require("../../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../../../utils/booleanConverter.cjs"),i=require("../../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const a=require("../../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const o=require("../DsUiElement.cjs"),s=require("./styles/common.styles.cjs"),c=require("./styles/cupra-diagonal.styles.cjs"),l=require("./styles/cupra.styles.cjs"),u=require("./styles/seat.styles.cjs");var d,f=class extends o.DsUiElement{constructor(...e){super(...e),this.show=!1,this.mode=`light`,this.size=`large`}get classes(){return{track:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return e.html`
             <style>
                 :host {
                     color-scheme: ${this.mode};
                 }
             </style>
-        `}get barTemplate(){return h.html`
+        `}get progressAriaValue(){}get barTemplate(){return e.html`
             ${this.styleTokens}
-            <div class=${m.classMap(this.classes)}>
+            <div
+                class=${i.classMap(this.classes)}
+                role="progressbar"
+                aria-valuemin="0"
+                aria-valuemax="100"
+                aria-valuenow=${this.progressAriaValue??0}
+                aria-label=${a.ifDefined(this.dataAriaLabel)}
+            >
                 <div class="fill"></div>
             </div>
-        `}};s.styles=[d.commonStyles],s.themesStyles={cupra:q.cupraStyles,"cupra-diagonal":v.cupraDiagonalStyles,seat:g.seatStyles};let t=s;i([o.property({type:Boolean,converter:p.booleanConverter})],t.prototype,"show");i([o.property({type:String,reflect:!0})],t.prototype,"mode");i([o.property({type:String})],t.prototype,"size");exports.DsBaseProgressBar=t;
+        `}};d=f,d.styles=[s.commonStyles],d.themesStyles={cupra:l.cupraStyles,"cupra-diagonal":c.cupraDiagonalStyles,seat:u.seatStyles},n.default([t.property({type:Boolean,converter:r.booleanConverter})],f.prototype,`show`,void 0),n.default([t.property({type:String,reflect:!0})],f.prototype,`mode`,void 0),n.default([t.property({type:String})],f.prototype,`size`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],f.prototype,`dataAriaLabel`,void 0),exports.DsBaseProgressBar=f;

package/dist/cjs/components/base/ds-base-progress-bar/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     .track {
         width: 100%;
         position: relative;
@@ -12,4 +12,4 @@
         height: 100%;
         display: block;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

package/dist/cjs/components/base/ds-base-progress-bar/styles/cupra-diagonal.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=r.css`
+const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=[e.css`
     .track.large {
         height: 4px;
     }
@@ -17,4 +17,4 @@
     .dark .fill {
         background-color: var(--ds-color-white);
     }
-`,c=[o];exports.cupraDiagonalStyles=c;
+`];exports.cupraDiagonalStyles=t;

package/dist/cjs/components/base/ds-base-progress-bar/styles/cupra.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=r.css`
+const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=[e.css`
     .track.large {
         height: 4px;
     }
@@ -17,4 +17,4 @@
     .dark .fill {
         background-color: var(--ds-color-white);
     }
-`,c=[o];exports.cupraStyles=c;
+`];exports.cupraStyles=t;

package/dist/cjs/components/base/ds-base-progress-bar/styles/seat.styles.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=e.css``,t=[s];exports.seatStyles=t;
+const e=require("../../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=[e.css``];exports.seatStyles=t;

package/dist/cjs/components/ds-accordion/ds-accordion.cjs

@@ -1,15 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),u=require("./styles/common.styles.cjs"),p=require("./theme-config.cjs"),y=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/booleanConverter.cjs"),g=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),f=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs");var v=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(n,e,t,r)=>{for(var o=r>1?void 0:r?b(e,t):e,c=n.length-1,l;c>=0;c--)(l=n[c])&&(o=(r?l(e,t,o):l(o))||o);return r&&o&&v(e,t,o),o};exports.DsAccordion=class extends m.UiKitElement{constructor(){super(...arguments),this.maxHeight=300,this.open=!1,this.mode="light",this.size="medium",this.disabled=!1,this._open=!1}async firstUpdated(e){super.firstUpdated(e),await this.updateComplete,this._open=this.open}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){var t;if(!this.theme)return a.nothing;const e=(t=p.themeConfig[this.theme])==null?void 0:t["icon-names"];return this.componentFactory.createIcon({class:"icon open-icon",role:"image","aria-hidden":"true","icon-name":(e==null?void 0:e.open)||"minus"})}get closeIconTemplate(){var t;if(!this.theme)return a.nothing;const e=(t=p.themeConfig[this.theme])==null?void 0:t["icon-names"];return this.componentFactory.createIcon({class:"icon close-icon",role:"image","aria-hidden":"true","icon-name":(e==null?void 0:e.close)||"plus"})}get styleTokens(){return g.htmlWithTokens`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("./styles/common.styles.cjs"),o=require("./theme-config.cjs"),s=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const c=require("../../utils/booleanConverter.cjs"),l=require("../../utils/uiKitHtml.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");var f=class extends i.UiKitElement{constructor(...e){super(...e),this.maxHeight=300,this.open=!1,this.mode=`light`,this.size=`large`,this.disabled=!1,this.showDivider=!0,this._open=!1}willUpdate(e){super.willUpdate(e),e.has(`open`)&&(this._open=this.open)}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){var t;if(!this.theme)return e.nothing;let n=(t=o.themeConfig[this.theme])==null?void 0:t[`icon-names`],r=this.expandedIconName||(n==null?void 0:n.open)||`minus`;return l.uiKitHtml`<ds-icon class="icon open-icon" role="presentation" icon-name=${d.ifDefined(r)}></ds-icon>`}get closeIconTemplate(){var t;if(!this.theme)return e.nothing;let n=(t=o.themeConfig[this.theme])==null?void 0:t[`icon-names`],r=this.collapseIconName||(n==null?void 0:n.close)||`plus`;return l.uiKitHtml`<ds-icon class="icon close-icon" role="presentation" icon-name=${d.ifDefined(r)}></ds-icon>`}get styleTokens(){return e.html`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
-                        pointer-events: ${this.disabled?"none":"visible"};
+                        pointer-events: ${this.disabled?`none`:`auto`};
                     }
                 </style>
-        `}handleKeyDown(e){this.disabled&&e.preventDefault()}handleToggle(e){this._open=e.newState==="open"}render(){return a.html`
+        `}handleKeyDown(e){this.disabled&&(e.preventDefault(),e.stopPropagation())}handleToggle(e){this._open=e.newState===`open`}render(){return e.html`
             ${this.styleTokens}
 
             <details
-                class=${d.classMap(this.containerClasses)}
+                class=${u.classMap(this.containerClasses)}
                 aria-disabled=${!!this.disabled}
                 ?open=${this.open}
                 @keydown=${this.handleKeyDown}
@@ -22,5 +22,5 @@
                 </summary>
                 <slot name="content"></slot>
             </details>
-            <div class=${d.classMap(this.dividerClasses)}></div>
-        `}};exports.DsAccordion.styles=[u.commonStyles];s([i.property({type:Number,attribute:"max-height"})],exports.DsAccordion.prototype,"maxHeight",2);s([i.property({type:Boolean,converter:h.booleanConverter,reflect:!0})],exports.DsAccordion.prototype,"open",2);s([i.property({type:String,reflect:!0})],exports.DsAccordion.prototype,"mode",2);s([i.property({type:String})],exports.DsAccordion.prototype,"size",2);s([i.property({type:Boolean,converter:h.booleanConverter})],exports.DsAccordion.prototype,"disabled",2);s([f.state()],exports.DsAccordion.prototype,"_open",2);exports.DsAccordion=s([y.customUiKitElement("ds-accordion")],exports.DsAccordion);
+            ${this.showDivider?e.html`<div class=${u.classMap(this.dividerClasses)}></div>`:e.nothing}
+        `}},p=(f.styles=[a.commonStyles],f);r.default([t.property({type:Number,attribute:`max-height`})],p.prototype,`maxHeight`,void 0),r.default([t.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],p.prototype,`open`,void 0),r.default([t.property({type:String,reflect:!0})],p.prototype,`mode`,void 0),r.default([t.property({type:String})],p.prototype,`size`,void 0),r.default([t.property({type:Boolean,converter:c.booleanConverter})],p.prototype,`disabled`,void 0),r.default([t.property({type:Boolean,attribute:`show-divider`,converter:c.booleanConverter})],p.prototype,`showDivider`,void 0),r.default([t.property({type:String,attribute:`collapse-icon-name`})],p.prototype,`collapseIconName`,void 0),r.default([t.property({type:String,attribute:`expanded-icon-name`})],p.prototype,`expandedIconName`,void 0),r.default([n.state()],p.prototype,`_open`,void 0),p=r.default([s.customUiKitElement(`ds-accordion`)],p),Object.defineProperty(exports,"DsAccordion",{enumerable:!0,get:function(){return p}});

package/dist/cjs/components/ds-accordion/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs");require("../../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");var t=e.css`
     :host {
         display: block;
         width: 100%;
@@ -54,4 +54,4 @@
             block-size: auto;
         }
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-accordion/theme-config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n={cupra:{"icon-names":{open:"minus",close:"plus"},"icon-button-variant":"secondary"},"cupra-diagonal":{"icon-names":{open:"arrow-up",close:"arrow-down"},"icon-button-variant":"primary"},seat:{"icon-names":{open:"minus",close:"plus"},"icon-button-variant":"secondary"}};exports.themeConfig=n;
+var e={cupra:{"icon-names":{open:`minus`,close:`plus`},"icon-button-variant":`secondary`},"cupra-diagonal":{"icon-names":{open:`arrow-up`,close:`arrow-down`},"icon-button-variant":`primary`},seat:{"icon-names":{open:`arrow-up`,close:`arrow-down`},"icon-button-variant":`primary`}};exports.themeConfig=e;

package/dist/cjs/components/ds-avatar/ds-avatar.cjs

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs"),u=require("../../utils/booleanConverter.cjs"),p=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),g=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),y=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs"),v=require("./styles/common.styles.cjs");var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(n,e,s,r)=>{for(var t=r>1?void 0:r?b(e,s):e,o=n.length-1,l;o>=0;o--)(l=n[o])&&(t=(r?l(e,s,t):l(t))||t);return r&&t&&f(e,s,t),t};exports.DsAvatar=class extends h.UiKitElement{constructor(){super(...arguments),this.size="medium",this.disabled=!1}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":"user"})}get initialsTemplate(){const e=this.getInitialsFromName(this.name);return a.html`<span class="initials" aria-hidden="true">${e}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(s=>s[0]).join("").toUpperCase():""}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){var e;return this.hasImage?"media":(e=this.name)!=null&&e.trim()?"text":"icon"}handleSlotChange(){this.requestUpdate()}get styleTokens(){return p.htmlWithTokens`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const u=require("./styles/common.styles.cjs");var d=class extends i.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.disabled=!1}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name="user"></ds-icon>`}get initialsTemplate(){let t=this.getInitialsFromName(this.name);return e.html`<span class="initials" aria-hidden="true">${t}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]).join(``).toUpperCase():``}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){var e;return this.hasImage?`media`:(e=this.name)!=null&&e.trim()?`text`:`icon`}handleSlotChange(){this.requestUpdate()}get styleTokens(){return e.html`
             <style>
                 :host{
-                    pointer-events: ${this.disabled?"none":"auto"};
+                    pointer-events: ${this.disabled?`none`:`auto`};
                 }
             </style>
-        `}handleKeyDown(e){this.disabled||(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.click())}render(){return a.html`
+        `}handleKeyDown(e){this.disabled||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.click())}render(){return e.html`
             ${this.styleTokens}
             <div
-                class=${y.classMap(this.classes)}
-                title=${d.ifDefined(this.name)}
-                aria-label=${`Open ${this.name?this.name+"'s ":""}profile menu`}
-                aria-disabled=${d.ifDefined(this.disabled?"true":void 0)}
+                class=${c.classMap(this.classes)}
+                title=${l.ifDefined(this.name)}
+                aria-label=${`Open ${this.name?this.name+`'s `:``}profile menu`}
+                aria-disabled=${l.ifDefined(this.disabled?`true`:void 0)}
                 role="button"
                 tabindex=${this.disabled?-1:0}
                 @keydown=${this.handleKeyDown}
             >
-                ${this.mode==="icon"?this.iconTemplate:a.nothing}
-                ${this.mode==="text"?this.initialsTemplate:a.nothing}
-                <div class="media" aria-hidden=${String(this.mode!=="media")}><slot name="media" @slotchange=${this.handleSlotChange}></slot></div>
+                ${this.mode===`icon`?this.iconTemplate:e.nothing}
+                ${this.mode===`text`?this.initialsTemplate:e.nothing}
+                <div class="media" aria-hidden=${String(this.mode!==`media`)}><slot name="media" @slotchange=${this.handleSlotChange}></slot></div>
             </div>
-        `}};exports.DsAvatar.styles=[v.commonStyles];i([m.property({type:String})],exports.DsAvatar.prototype,"size",2);i([m.property({type:String})],exports.DsAvatar.prototype,"name",2);i([m.property({type:Boolean,converter:u.booleanConverter,reflect:!0})],exports.DsAvatar.prototype,"disabled",2);i([g.queryAssignedElements({slot:"media",selector:"img"})],exports.DsAvatar.prototype,"assignedImages",2);exports.DsAvatar=i([c.customUiKitElement("ds-avatar")],exports.DsAvatar);
+        `}},f=(d.styles=[u.commonStyles],d);r.default([t.property({type:String})],f.prototype,`size`,void 0),r.default([t.property({type:String})],f.prototype,`name`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],f.prototype,`disabled`,void 0),r.default([n.queryAssignedElements({slot:`media`,selector:`img`})],f.prototype,`assignedImages`,void 0),f=r.default([a.customUiKitElement(`ds-avatar`)],f),Object.defineProperty(exports,"DsAvatar",{enumerable:!0,get:function(){return f}});