@cupra/ui-kit 2.0.0-canary.238 → 2.0.0-canary.239

package/dist-react/cjs/components/ds-tabs/styles/seat.styles.cjs

@@ -13,7 +13,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         width: 100%;
         height: 100%;
         top: 0;
-        left: 0;
+        inset-inline-start: 0;
         background: var(--ui-kit-private-blur-background);
         -webkit-backdrop-filter: blur(var(--ui-kit-private-blur-size));
         backdrop-filter: blur(var(--ui-kit-private-blur-size));
@@ -116,20 +116,19 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         pointer-events: none;
         z-index: 0;
         bottom: 0;
-        left: var(--ui-kit-private-tab-horizontal-padding);
-        right: var(--ui-kit-private-tab-horizontal-padding);
+        inset-inline: var(--ui-kit-private-tab-horizontal-padding);
     }
 
     :host([data-ui-kit-theme='seat']) .secondary ::slotted([slot='tab']:first-child) {
-        margin-right: 0.0625rem;
+        margin-inline-end: 0.0625rem;
         text-transform: uppercase;
     }
 
     :host([data-ui-kit-theme='seat']) .secondary ::slotted([slot='tab']:first-child)::after {
         content: '';
         position: absolute;
-        right: 0;
-        margin-right: -0.0625rem;
+        inset-inline-end: 0;
+        margin-inline-end: -0.0625rem;
         width: 0.0625rem;
         height: 2rem;
         border-radius: var(--ds-border-radius-00, 0);
@@ -150,11 +149,11 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host([data-ui-kit-theme='seat']) .nav-arrow.left {
-        left: 0;
+        inset-inline-start: 0;
     }
 
     :host([data-ui-kit-theme='seat']) .nav-arrow.right {
-        right: 0;
+        inset-inline-end: 0;
     }
 
     :host([data-ui-kit-theme='seat']) .container {

package/dist-react/cjs/components/ds-tag/ds-tag.cjs

@@ -1,7 +1,6 @@
-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.152.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("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs"),f=require("./styles/cupra-diagonal.styles.cjs"),p=require("./styles/cupra.styles.cjs"),m=require("./styles/seat-legacy.styles.cjs"),h=require("./styles/seat.styles.cjs");var g=class extends i.UiKitElement{constructor(...e){super(...e),this.show=!0,this.clickableIcon=!1,this.iconPosition=`left`}get classes(){return{container:!0,[this.variant||this.color]:!0}}get iconClasses(){return{icon:!0,clicable:!!this.clickableIcon}}handleClickIcon(){if(!this.clickableIcon)return;let e=new CustomEvent(`clickicon`,{bubbles:!0,composed:!0});this.dispatchEvent(e)}get iconTemplate(){return this.iconName?s.uiKitHtml`<ds-icon class=${c.classMap(this.iconClasses)} icon-name=${l.ifDefined(this.iconName)} size="16" @click=${this.handleClickIcon}></ds-icon>`:e.nothing}render(){return this.show?e.html`
+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.152.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs");require("../ds-icon/ds-icon.cjs");const 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"),d=require("./styles/cupra-diagonal.styles.cjs"),f=require("./styles/cupra.styles.cjs"),p=require("./styles/seat-legacy.styles.cjs"),m=require("./styles/seat.styles.cjs");var h=class extends i.UiKitElement{constructor(...e){super(...e),this.show=!0,this.clickableIcon=!1,this.iconPosition=`left`}get classes(){return{container:!0,[this.variant||this.color]:!0}}get iconClasses(){return{icon:!0,[`icon-${this.iconPosition}`]:!!this.iconPosition,clicable:!!this.clickableIcon}}handleClickIcon(){if(!this.clickableIcon)return;let e=new CustomEvent(`clickicon`,{bubbles:!0,composed:!0});this.dispatchEvent(e)}get iconTemplate(){return this.iconName?s.uiKitHtml`<ds-icon class=${c.classMap(this.iconClasses)} icon-name=${l.ifDefined(this.iconName)} size="16" @click=${this.handleClickIcon}></ds-icon>`:e.nothing}render(){return this.show?e.html`
                 <div class=${c.classMap(this.classes)}>
-                    ${u.when(this.iconPosition===`left`,()=>e.html`${this.iconTemplate}`)}
                     <slot></slot>
-                    ${u.when(this.iconPosition===`right`,()=>e.html`${this.iconTemplate}`)}
+                    ${this.iconTemplate}
                 </div>
-            `:e.nothing}},_=(g.styles=[d.commonStyles,d.iconStyles,f.cupraDiagonalStyles,h.seatStyles,p.cupraStyles,m.seatLegacyStyles],g);r.default([t.property({type:Boolean,converter:o.booleanConverter})],_.prototype,`show`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`clickable-icon`})],_.prototype,`clickableIcon`,void 0),r.default([t.property({type:String,attribute:`icon-name`})],_.prototype,`iconName`,void 0),r.default([t.property({type:String,attribute:`icon-position`})],_.prototype,`iconPosition`,void 0),r.default([t.property({type:String,attribute:`color`})],_.prototype,`color`,void 0),r.default([t.property({type:String,attribute:`variant`})],_.prototype,`variant`,void 0),r.default([n.state()],_.prototype,`onClickHandler`,void 0),_=r.default([a.customUiKitElement(`ds-tag`)],_),Object.defineProperty(exports,"DsTag",{enumerable:!0,get:function(){return _}});
+            `:e.nothing}},g=(h.styles=[u.commonStyles,u.iconStyles,d.cupraDiagonalStyles,m.seatStyles,f.cupraStyles,p.seatLegacyStyles],h);r.default([t.property({type:Boolean,converter:o.booleanConverter})],g.prototype,`show`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`clickable-icon`})],g.prototype,`clickableIcon`,void 0),r.default([t.property({type:String,attribute:`icon-name`})],g.prototype,`iconName`,void 0),r.default([t.property({type:String,attribute:`icon-position`})],g.prototype,`iconPosition`,void 0),r.default([t.property({type:String,attribute:`color`})],g.prototype,`color`,void 0),r.default([t.property({type:String,attribute:`variant`})],g.prototype,`variant`,void 0),r.default([n.state()],g.prototype,`onClickHandler`,void 0),g=r.default([a.customUiKitElement(`ds-tag`)],g),Object.defineProperty(exports,"DsTag",{enumerable:!0,get:function(){return g}});

package/dist-react/cjs/components/ds-tag/styles/common.styles.cjs

@@ -12,4 +12,17 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .icon.clicable {
         cursor: pointer;
     }
+
+    .icon-start,
+    .icon-left {
+        order: -1;
+    }
+
+    :host(:dir(rtl)) .icon-left {
+        order: 0;
+    }
+
+    :host(:dir(rtl)) .icon-right {
+        order: -1;
+    }
 `;exports.commonStyles=t,exports.iconStyles=n;

package/dist-react/cjs/components/ds-textarea/styles/cupra-diagonal.styles.cjs

@@ -99,7 +99,8 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     :host([data-ui-kit-theme='cupra-diagonal']) .input-container {
         box-sizing: border-box;
         width: 100%;
-        padding: var(--ds-spacing-s-5) var(--ds-spacing-s-5) 0 var(--ds-spacing-m-1);
+        padding-block: var(--ds-spacing-s-5) 0;
+        padding-inline: var(--ds-spacing-m-1) var(--ds-spacing-s-5);
         background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
         border-radius: var(--ds-border-radius-xxs) var(--ds-border-radius-xxs) var(--ds-border-radius-none)
             var(--ds-border-radius-none);
@@ -107,7 +108,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .medium .input-container {
-        padding-left: var(--ds-spacing-s-5);
+        padding-inline-start: var(--ds-spacing-s-5);
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .input-container:hover,

package/dist-react/cjs/components/ds-textarea/styles/seat.styles.cjs

@@ -99,7 +99,8 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     :host([data-ui-kit-theme='seat']) .input-container {
         box-sizing: border-box;
         width: 100%;
-        padding: var(--ds-spacing-s-5) var(--ds-spacing-s-5) 0 var(--ds-spacing-m-1);
+        padding-block: var(--ds-spacing-s-5) 0;
+        padding-inline: var(--ds-spacing-m-1) var(--ds-spacing-s-5);
         background: var(--ds-field-bg-color-default, rgba(195, 195, 203, 0.05));
         border-radius: var(--ds-border-radius-xxs) var(--ds-border-radius-xxs) var(--ds-border-radius-none)
             var(--ds-border-radius-none);
@@ -107,7 +108,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host([data-ui-kit-theme='seat']) .medium .input-container {
-        padding-left: var(--ds-spacing-s-5);
+        padding-inline-start: var(--ds-spacing-s-5);
     }
 
     :host([data-ui-kit-theme='seat']) .input-container:hover,

package/dist-react/cjs/components/ds-theme-provider/ds-theme-provider.cjs

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs"),t=require("./themeContext.cjs");require("../../core/theme.constants.cjs");const n=require("../../utils/PubSub.cjs"),r=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.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.152.0/helpers/esm/decorate.cjs"),c=require("../../decorators/customUiKitElement.cjs"),l=require("../../utils/booleanConverter.cjs"),u=require("../../styles/source/shared/fonts-config.cjs");var d=class extends i.LitElement{constructor(...e){super(...e),this.loadFonts=!0,this.loadStyles=!0,this.loadUnusedStyles=!0,this.cssLoaded=!1,this.loadedFonts=new Set}updated(e){if(super.updated(e),e.has(`theme`)){var t,r;n.pubSub.publish(`theme`,this.theme),(t=sessionStorage)==null||t.setItem(`@cupra/ui-kit/theme`,this.theme),typeof FontFace<`u`&&(r=document)!=null&&r.fonts&&this.loadThemeFonts(),this.loadThemeStyles().then(()=>{this.cssLoaded=!0,this.dispatchEvent(new CustomEvent(`ui-kit:ready`,{bubbles:!0,composed:!0}))})}}loadThemeFonts(){var e;(e=u.fontsConfig[this.theme])==null||e.fonts.forEach(e=>{this.loadThemeFont(e)})}async loadThemeFont({weight:e,name:t,file:n}){if(!this.loadFonts)return Promise.resolve();let r=`${t}-${e}`;if(this.loadedFonts.has(r))return;let i=new FontFace(t,`url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff2') format('woff2'),
+const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.cjs"),t=require("./themeContext.cjs");require("../../core/theme.constants.cjs");const n=require("../../utils/PubSub.cjs"),r=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.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.152.0/helpers/esm/decorate.cjs"),c=require("../../decorators/customUiKitElement.cjs"),l=require("../../utils/booleanConverter.cjs"),u=require("../../styles/source/shared/fonts-config.cjs");var d=class extends i.LitElement{constructor(...e){super(...e),this.loadFonts=!0,this.loadStyles=!0,this.loadUnusedStyles=!0,this.cssLoaded=!1,this.loadedFonts=new Set}connectedCallback(){super.connectedCallback(),this.publishDocumentAttributes(),this.observeDocumentAttributes()}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.documentAttributesObserver)==null||e.disconnect(),this.documentAttributesObserver=void 0}observeDocumentAttributes(){typeof MutationObserver<`u`&&typeof document<`u`&&(this.documentAttributesObserver=new MutationObserver(()=>this.publishDocumentAttributes()),this.documentAttributesObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`dir`,`lang`]}))}publishDocumentAttributes(){if(typeof document>`u`)return;let{documentElement:e}=document;n.pubSub.publish(`direction`,e.getAttribute(`dir`)===`rtl`?`rtl`:`ltr`),n.pubSub.publish(`lang`,e.getAttribute(`lang`))}updated(e){if(super.updated(e),e.has(`theme`)){var t,r;n.pubSub.publish(`theme`,this.theme),(t=sessionStorage)==null||t.setItem(`@cupra/ui-kit/theme`,this.theme),typeof FontFace<`u`&&(r=document)!=null&&r.fonts&&this.loadThemeFonts(),this.loadThemeStyles().then(()=>{this.cssLoaded=!0,this.dispatchEvent(new CustomEvent(`ui-kit:ready`,{bubbles:!0,composed:!0}))})}}loadThemeFonts(){var e;(e=u.fontsConfig[this.theme])==null||e.fonts.forEach(e=>{this.loadThemeFont(e)})}async loadThemeFont({weight:e,name:t,file:n,unicodeRange:r,display:i}){if(!this.loadFonts)return Promise.resolve();let a=r?`${t}-${e}-${r}`:`${t}-${e}`;if(this.loadedFonts.has(a))return;let o=new FontFace(t,`url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff2') format('woff2'),
             url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff') format('woff'),
             url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.ttf') format('truetype'),
-            url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:`optional`});try{await i.load(),document.fonts.add(i),this.loadedFonts.add(r)}catch(n){console.error(`Error loading "${t}" font with "${e}" weight:`,n)}}loadThemeStyles(){let e=`/2.0.0-canary.238`;return this.loadUnusedStyles&&this.applyUnusedStyles(e),this.loadStyles?new Promise((t,n)=>{let r=`https://ds-assets.cupra.com${e}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))t();else{let i=`ui-kit-theme-${e}`,a=document.getElementById(i),o=document.createElement(`link`);o.id=i,o.rel=`stylesheet`,o.href=r,o.onload=()=>t(),o.onerror=()=>n(Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(o),a==null||a.remove()}}):Promise.resolve()}applyUnusedStyles(e){let t=`https://ds-assets.cupra.com${e}/styles/${this.theme}/unused-styles.css`;if(document.head.querySelector(`link[href="${t}"]`))return;let n=`ui-kit-unused-styles-${e}`,r=document.getElementById(n),i=document.createElement(`link`);i.id=n,i.rel=`preload`,i.as=`style`,i.href=t,i.onload=()=>{i.rel=`stylesheet`},document.head.appendChild(i),r==null||r.remove()}render(){return this.cssLoaded?r.html`<slot></slot>`:r.nothing}};s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-fonts`})],d.prototype,`loadFonts`,void 0),s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-styles`})],d.prototype,`loadStyles`,void 0),s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-unused-styles`})],d.prototype,`loadUnusedStyles`,void 0),s.default([e.provide({context:t.themeContext}),a.property({type:String})],d.prototype,`theme`,void 0),s.default([o.state()],d.prototype,`cssLoaded`,void 0),s.default([o.state()],d.prototype,`loadedFonts`,void 0),d=s.default([c.customUiKitElement(`ds-theme-provider`)],d),Object.defineProperty(exports,"DsThemeProvider",{enumerable:!0,get:function(){return d}});
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`,{style:`normal`,weight:e,display:i??(r?`swap`:`optional`),...r&&{unicodeRange:r}});try{r||await o.load(),document.fonts.add(o),this.loadedFonts.add(a)}catch(n){console.error(`Error loading "${t}" font with "${e}" weight:`,n)}}loadThemeStyles(){let e=`/2.0.0-canary.239`;return this.loadUnusedStyles&&this.applyUnusedStyles(e),this.loadStyles?new Promise((t,n)=>{let r=`https://ds-assets.cupra.com${e}/styles/${this.theme}/theme.css`;if(document.head.querySelector(`link[href="${r}"]`))t();else{let i=`ui-kit-theme-${e}`,a=document.getElementById(i),o=document.createElement(`link`);o.id=i,o.rel=`stylesheet`,o.href=r,o.onload=()=>t(),o.onerror=()=>n(Error(`Failed to load theme CSS: ${r}`)),document.head.appendChild(o),a==null||a.remove()}}):Promise.resolve()}applyUnusedStyles(e){let t=`https://ds-assets.cupra.com${e}/styles/${this.theme}/unused-styles.css`;if(document.head.querySelector(`link[href="${t}"]`))return;let n=`ui-kit-unused-styles-${e}`,r=document.getElementById(n),i=document.createElement(`link`);i.id=n,i.rel=`preload`,i.as=`style`,i.href=t,i.onload=()=>{i.rel=`stylesheet`},document.head.appendChild(i),r==null||r.remove()}render(){return this.cssLoaded?r.html`<slot></slot>`:r.nothing}};s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-fonts`})],d.prototype,`loadFonts`,void 0),s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-styles`})],d.prototype,`loadStyles`,void 0),s.default([a.property({type:Boolean,converter:l.booleanConverter,attribute:`load-unused-styles`})],d.prototype,`loadUnusedStyles`,void 0),s.default([e.provide({context:t.themeContext}),a.property({type:String})],d.prototype,`theme`,void 0),s.default([o.state()],d.prototype,`cssLoaded`,void 0),s.default([o.state()],d.prototype,`loadedFonts`,void 0),d=s.default([c.customUiKitElement(`ds-theme-provider`)],d),Object.defineProperty(exports,"DsThemeProvider",{enumerable:!0,get:function(){return d}});

package/dist-react/cjs/components/ds-toast/styles/common.styles.cjs

@@ -1,4 +1,8 @@
 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(:dir(rtl)) {
+        --ui-kit-private-dir: -1;
+    }
+
     :host {
         display: contents;
     }
@@ -11,6 +15,37 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         pointer-events: none;
     }
 
+    .toast-container.top-end,
+    .toast-container.top-start {
+        top: 1rem;
+    }
+
+    .toast-container.top-end {
+        inset-inline-end: 1rem;
+        align-items: flex-end;
+    }
+
+    .toast-container.top-start {
+        inset-inline-start: 1rem;
+        align-items: flex-start;
+    }
+
+    .toast-container.bottom-end,
+    .toast-container.bottom-start {
+        flex-direction: column;
+        bottom: 1rem;
+    }
+
+    .toast-container.bottom-end {
+        inset-inline-end: 1rem;
+        align-items: flex-end;
+    }
+
+    .toast-container.bottom-start {
+        inset-inline-start: 1rem;
+        align-items: flex-start;
+    }
+
     .toast-container.top-right {
         top: 1rem;
         right: 1rem;
@@ -26,16 +61,15 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .toast-container.bottom-right,
     .toast-container.bottom-left {
         flex-direction: column;
+        bottom: 1rem;
     }
 
     .toast-container.bottom-right {
-        bottom: 1rem;
         right: 1rem;
         align-items: flex-end;
     }
 
     .toast-container.bottom-left {
-        bottom: 1rem;
         left: 1rem;
         align-items: flex-start;
     }
@@ -87,7 +121,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         }
         to {
             opacity: 0;
-            transform: translateX(-1rem);
+            transform: translateX(calc(-1rem * var(--ui-kit-private-dir, 1)));
         }
     }
 
@@ -98,7 +132,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         }
         to {
             opacity: 0;
-            transform: translateX(1rem);
+            transform: translateX(calc(1rem * var(--ui-kit-private-dir, 1)));
         }
     }
 `;exports.containerStyles=t,exports.toastStyles=n;

package/dist-react/cjs/components/ds-toast-message/ds-toast-message.cjs

@@ -1,10 +1,10 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),t=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 n=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 r=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/uiKitHtml.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("../../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"),require("../ds-icon-button/ds-icon-button.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/when.cjs");require("../ds-link-button/ds-link-button.cjs");const l=require("./styles/common.styles.cjs");var u=class extends t.LitElement{constructor(...e){super(...e),this.status=`default`,this.dataId=``,this.title=``,this.text=``}getIconName(){switch(this.status){case`success`:return`check-mark-circle`;case`error`:return`cross-circle`;case`warning`:return`exclamation-mark-circle`;case`info`:return`info-circle`;default:return`chat-bubble`}}handleClickCloseButton(){let e=new CustomEvent(`toast:remove`,{bubbles:!0,composed:!0,detail:{id:this.dataId}});this.dispatchEvent(e)}handleClickAction(){let e=new CustomEvent(`ds-toast:action-click`,{bubbles:!0,composed:!0,detail:{id:this.dataId}});this.dispatchEvent(e)}get toastMessageClasses(){return{container:!0,[this.status||`default`]:!0}}get iconTemplate(){return a.uiKitHtml`<ds-icon class="icon" icon-name=${s.ifDefined(this.getIconName())} size="24"></ds-icon>`}get headerTemplate(){return c.when(this.title||this.text,()=>e.html`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),t=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 n=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 r=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/uiKitHtml.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("../../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"),require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-link-button/ds-link-button.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/when.cjs"),l=require("./styles/common.styles.cjs");var u=class extends t.LitElement{constructor(...e){super(...e),this.status=`default`,this.dataId=``,this.title=``,this.text=``}getIconName(){switch(this.status){case`success`:return`check-mark-circle`;case`error`:return`cross-circle`;case`warning`:return`exclamation-mark-circle`;case`info`:return`info-circle`;default:return`chat-bubble`}}handleClickCloseButton(){let e=new CustomEvent(`toast:remove`,{bubbles:!0,composed:!0,detail:{id:this.dataId}});this.dispatchEvent(e)}handleClickAction(){let e=new CustomEvent(`ds-toast:action-click`,{bubbles:!0,composed:!0,detail:{id:this.dataId}});this.dispatchEvent(e)}get toastMessageClasses(){return{container:!0,[this.status||`default`]:!0}}get iconTemplate(){return a.uiKitHtml`<ds-icon class="icon" icon-name=${s.ifDefined(this.getIconName())} size="24"></ds-icon>`}get headerTemplate(){return c.when(this.title||this.text,()=>e.html`
                 <div class="header">
                     ${c.when(this.title,()=>e.html`<div class="title">${this.title}</div>`)}
                     ${c.when(this.text,()=>e.html`<div class="message">${this.text}</div>`)}
                 </div>
             `)}get closeButtonTemplate(){return a.uiKitHtml`<ds-icon-button
-            data-aria-label="close-button"
+            data-aria-label=${this.dataAriaLabelCloseButton||`close-button`}
             @click=${this.handleClickCloseButton}
             icon-name="cross"
             variant="naked"
@@ -24,4 +24,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </div>
                 ${this.closeButtonTemplate}
             </div>
-        `}},d=(u.styles=[l.toastMessageStyles],u);r.default([n.property({type:String,reflect:!0})],d.prototype,`status`,void 0),r.default([n.property({type:String,attribute:`data-id`,reflect:!0})],d.prototype,`dataId`,void 0),r.default([n.property({type:String,reflect:!0})],d.prototype,`title`,void 0),r.default([n.property({type:String,reflect:!0})],d.prototype,`text`,void 0),r.default([n.property({attribute:!1})],d.prototype,`action`,void 0),d=r.default([i.customUiKitElement(`ds-toast-message`)],d),Object.defineProperty(exports,"DsToastMessage",{enumerable:!0,get:function(){return d}});
+        `}},d=(u.styles=[l.toastMessageStyles],u);r.default([n.property({type:String,attribute:`data-aria-label-close-button`})],d.prototype,`dataAriaLabelCloseButton`,void 0),r.default([n.property({type:String,reflect:!0})],d.prototype,`status`,void 0),r.default([n.property({type:String,attribute:`data-id`,reflect:!0})],d.prototype,`dataId`,void 0),r.default([n.property({type:String,reflect:!0})],d.prototype,`title`,void 0),r.default([n.property({type:String,reflect:!0})],d.prototype,`text`,void 0),r.default([n.property({attribute:!1})],d.prototype,`action`,void 0),d=r.default([i.customUiKitElement(`ds-toast-message`)],d),Object.defineProperty(exports,"DsToastMessage",{enumerable:!0,get:function(){return d}});

package/dist-react/cjs/components/ds-toast-message/styles/common.styles.cjs

@@ -101,7 +101,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 4;
         overflow: hidden;
-        text-align: left;
+        text-align: start;
     }
 
     @media (min-width: 480px) {

package/dist-react/cjs/components/ds-toggle-button/ds-toggle-button.cjs

@@ -1,4 +1,4 @@
-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.152.0/helpers/esm/decorate.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=require("../../utils/booleanConverter.cjs"),a=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 o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/when.cjs"),s=require("../ds-button/ds-button.cjs");var c=class extends s.DsButton{constructor(...e){super(...e),this.checked=!1,this.checkedText=``,this.uncheckedText=``,this.rounded=!0}updated(e){super.updated(e),this.iconName=this.checked?`minus`:`plus`,this.variant=this.checked?`primary`:`secondary`}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}render(){var t;return e.html`
+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.152.0/helpers/esm/decorate.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=require("../../utils/booleanConverter.cjs"),a=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 o=require("../ds-button/ds-button.cjs");var s=class extends o.DsButton{constructor(...e){super(...e),this.checked=!1,this.checkedText=``,this.uncheckedText=``,this.rounded=!0}updated(e){super.updated(e),this.iconName=this.checked?`minus`:`plus`,this.variant=this.checked?`primary`:`secondary`}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}render(){var t;return e.html`
             <style>
                 :host {
                     pointer-events: ${this.disabled?`none`:`visible`};
@@ -13,8 +13,7 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 type=${this.type}
                 @click=${this.handleClick}
             >
-                ${o.when(this.iconPosition===`left`,()=>e.html`${this.iconTemplate}`)}
                 ${this.checked?this.checkedText:this.uncheckedText}
-                ${o.when(this.iconPosition===`right`,()=>e.html`${this.iconTemplate}`)}
+                ${this.iconTemplate}
             </button>
-        `}};n.default([t.property({type:Boolean,converter:i.booleanConverter,reflect:!0})],c.prototype,`checked`,void 0),n.default([t.property({type:String,attribute:`checked-text`})],c.prototype,`checkedText`,void 0),n.default([t.property({type:String,attribute:`unchecked-text`})],c.prototype,`uncheckedText`,void 0),n.default([t.property({type:Boolean,converter:i.booleanConverter})],c.prototype,`rounded`,void 0),c=n.default([r.customUiKitElement(`ds-toggle-button`)],c),Object.defineProperty(exports,"DsToggleButton",{enumerable:!0,get:function(){return c}});
+        `}};n.default([t.property({type:Boolean,converter:i.booleanConverter,reflect:!0})],s.prototype,`checked`,void 0),n.default([t.property({type:String,attribute:`checked-text`})],s.prototype,`checkedText`,void 0),n.default([t.property({type:String,attribute:`unchecked-text`})],s.prototype,`uncheckedText`,void 0),n.default([t.property({type:Boolean,converter:i.booleanConverter})],s.prototype,`rounded`,void 0),s=n.default([r.customUiKitElement(`ds-toggle-button`)],s),Object.defineProperty(exports,"DsToggleButton",{enumerable:!0,get:function(){return s}});

package/dist-react/cjs/components/ds-toggle-switch/styles/common.styles.cjs

@@ -26,7 +26,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .fill {
         transition: width 200ms ease-in-out;
         position: absolute;
-        left: 0;
+        inset-inline-start: 0;
         top: 50%;
     }
 
@@ -36,7 +36,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         top: 50%;
         transform: translateY(-50%);
         transition:
-            left 0.3s cubic-bezier(0, 0, 0.2, 1),
+            inset-inline-start 0.3s cubic-bezier(0, 0, 0.2, 1),
             width 0.3s cubic-bezier(0, 0, 0.2, 1),
             height 0.3s cubic-bezier(0, 0, 0.2, 1),
             background-color 0.3s cubic-bezier(0, 0, 0.2, 1);

package/dist-react/cjs/components/ds-toggle-switch/styles/cupra-diagonal.styles.cjs

@@ -110,14 +110,14 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         transform: translateY(-50%);
         border-radius: var(--ds-border-radius-full, 100000px);
         transition:
-            left 150ms ease,
+            inset-inline-start 150ms ease,
             width 150ms ease,
             height 150ms ease;
-        left: var(--ui-kit-private-dot-gap);
+        inset-inline-start: var(--ui-kit-private-dot-gap);
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .container.checked .dot {
-        left: calc(100% - var(--ui-kit-private-dot-gap) - var(--ui-kit-private-dot-size));
+        inset-inline-start: calc(100% - var(--ui-kit-private-dot-gap) - var(--ui-kit-private-dot-size));
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .medium .dot {

package/dist-react/cjs/components/ds-toggle-switch/styles/seat.styles.cjs

@@ -110,14 +110,14 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         transform: translateY(-50%);
         border-radius: var(--ds-border-radius-full, 100000px);
         transition:
-            left 150ms ease,
+            inset-inline-start 150ms ease,
             width 150ms ease,
             height 150ms ease;
-        left: var(--ui-kit-private-dot-gap);
+        inset-inline-start: var(--ui-kit-private-dot-gap);
     }
 
     :host([data-ui-kit-theme='seat']) .container.checked .dot {
-        left: calc(100% - var(--ui-kit-private-dot-gap) - var(--ui-kit-private-dot-size));
+        inset-inline-start: calc(100% - var(--ui-kit-private-dot-gap) - var(--ui-kit-private-dot-size));
     }
 
     :host([data-ui-kit-theme='seat']) .medium .dot {

package/dist-react/cjs/components/ds-tooltip/ds-tooltip.cjs

@@ -43,7 +43,7 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 aria-controls=${this.disablePressListener?e.nothing:this.tooltipId}
                 aria-expanded=${this.disablePressListener?e.nothing:String(this.show)}
                 aria-describedby=${this.show?this.tooltipId:e.nothing}
-                aria-label=${this.disablePressListener?e.nothing:`open tooltip`}
+                aria-label=${this.disablePressListener?e.nothing:this.dataAriaLabel||`open tooltip`}
                 @mouseover="${this.handleAnchorMouseOver}"
                 @mouseout="${this.handleAnchorMouseOut}"
                 @pointerdown="${this.handleAnchorPointerDown}"
@@ -53,4 +53,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 <slot></slot>
             </div>
             ${this.tooltipTemplate}
-        `}},v=(_.styles=[f.commonStyles,p.cupraDiagonalStyles,g.seatStyles,m.cupraStyles,h.seatLegacyStyles],_);a.default([t.property({type:String,reflect:!0})],v.prototype,`mode`,void 0),a.default([t.property({type:Boolean,reflect:!0,converter:c.booleanConverter})],v.prototype,`show`,void 0),a.default([t.property({type:Boolean,reflect:!0,converter:c.booleanConverter,attribute:`disable-hover-listener`})],v.prototype,`disableHoverListener`,void 0),a.default([t.property({type:Boolean,reflect:!0,converter:c.booleanConverter,attribute:`disable-focus-listener`})],v.prototype,`disableFocusListener`,void 0),a.default([t.property({type:Boolean,reflect:!0,converter:c.booleanConverter,attribute:`disable-press-listener`})],v.prototype,`disablePressListener`,void 0),a.default([n.state()],v.prototype,`tooltopPlacement`,void 0),a.default([n.state()],v.prototype,`tooltipId`,void 0),a.default([r.query(`.container`)],v.prototype,`container`,void 0),a.default([r.query(`#button`)],v.prototype,`anchorContainer`,void 0),a.default([r.query(`#arrow`)],v.prototype,`arrow`,void 0),a.default([i.queryAssignedElements({slot:``})],v.prototype,`anchorElements`,void 0),a.default([i.queryAssignedElements({slot:`header`})],v.prototype,`headerElements`,void 0),a.default([i.queryAssignedElements({slot:`close-button`})],v.prototype,`closeButtonElements`,void 0),a.default([i.queryAssignedElements({slot:`content`})],v.prototype,`contentElements`,void 0),v=a.default([s.customUiKitElement(`ds-tooltip`)],v),Object.defineProperty(exports,"DsTooltip",{enumerable:!0,get:function(){return v}});
+        `}},v=(_.styles=[f.commonStyles,p.cupraDiagonalStyles,g.seatStyles,m.cupraStyles,h.seatLegacyStyles],_);a.default([t.property({type:String,attribute:`data-aria-label`})],v.prototype,`dataAriaLabel`,void 0),a.default([t.property({type:String,reflect:!0})],v.prototype,`mode`,void 0),a.default([t.property({type:Boolean,reflect:!0,converter:c.booleanConverter})],v.prototype,`show`,void 0),a.default([t.property({type:Boolean,reflect:!0,converter:c.booleanConverter,attribute:`disable-hover-listener`})],v.prototype,`disableHoverListener`,void 0),a.default([t.property({type:Boolean,reflect:!0,converter:c.booleanConverter,attribute:`disable-focus-listener`})],v.prototype,`disableFocusListener`,void 0),a.default([t.property({type:Boolean,reflect:!0,converter:c.booleanConverter,attribute:`disable-press-listener`})],v.prototype,`disablePressListener`,void 0),a.default([n.state()],v.prototype,`tooltopPlacement`,void 0),a.default([n.state()],v.prototype,`tooltipId`,void 0),a.default([r.query(`.container`)],v.prototype,`container`,void 0),a.default([r.query(`#button`)],v.prototype,`anchorContainer`,void 0),a.default([r.query(`#arrow`)],v.prototype,`arrow`,void 0),a.default([i.queryAssignedElements({slot:``})],v.prototype,`anchorElements`,void 0),a.default([i.queryAssignedElements({slot:`header`})],v.prototype,`headerElements`,void 0),a.default([i.queryAssignedElements({slot:`close-button`})],v.prototype,`closeButtonElements`,void 0),a.default([i.queryAssignedElements({slot:`content`})],v.prototype,`contentElements`,void 0),v=a.default([s.customUiKitElement(`ds-tooltip`)],v),Object.defineProperty(exports,"DsTooltip",{enumerable:!0,get:function(){return v}});

package/dist-react/cjs/components/ds-tooltip/styles/common.styles.cjs

@@ -6,11 +6,11 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     .title {
-        text-align: left;
+        text-align: start;
     }
 
     .body {
-        text-align: left;
+        text-align: start;
     }
 
     .buttons-container {
@@ -20,7 +20,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     ::slotted([slot='content']) {
-        text-align: left;
+        text-align: start;
     }
 
     .container {
@@ -74,7 +74,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
 
     ::slotted([slot='close-button']) {
         flex: 0 0 auto;
-        margin-left: auto;
+        margin-inline-start: auto;
     }
 
     .arrow {

package/dist-react/cjs/components/ds-value-unit/ds-value-unit.cjs

@@ -1,10 +1,10 @@
 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.152.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=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 o=require("./styles/common.styles.cjs"),s=require("./styles/cupra-diagonal.styles.cjs"),c=require("./styles/cupra.styles.cjs"),l=require("./styles/seat.styles.cjs");var u=class extends r.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.valueWeight=`regular`,this.unitWeight=`light`}render(){let t={value:!0,[`size-${this.size}`]:!0,[`value-weight-${this.valueWeight}`]:!0},n={unit:!0,[`size-${this.size}`]:!0,[`unit-weight-${this.unitWeight}`]:!0};return e.html`
             <div class="container" part="container">
                 <span class=${a.classMap(t)} part="value">
-                    <slot name="value"></slot>
+                    <bdi><slot name="value"></slot></bdi>
                 </span>
                 <span class=${a.classMap(n)} part="unit">
-                    <slot name="unit"></slot>
+                    <bdi><slot name="unit"></slot></bdi>
                 </span>
             </div>
         `}},d=(u.styles=[o.commonStyles,s.cupraDiagonalStyles,l.seatStyles,c.cupraStyles],u);n.default([t.property({type:String})],d.prototype,`size`,void 0),n.default([t.property({type:String,attribute:`value-weight`})],d.prototype,`valueWeight`,void 0),n.default([t.property({type:String,attribute:`unit-weight`})],d.prototype,`unitWeight`,void 0),d=n.default([i.customUiKitElement(`ds-value-unit`)],d),Object.defineProperty(exports,"DsValueUnit",{enumerable:!0,get:function(){return d}});

package/dist-react/cjs/decorators/customUiKitElement.cjs

@@ -1 +1 @@
-const e=require("../utils/version.cjs");function t(t){return function(n){var r,i,a;if(!(n!=null&&n.prototype))throw TypeError(`@customUiKitElement requires a class that extends HTMLElement.`);let o=`${t}${e.VERSION_TAG_SUFFIX}`;(r=globalThis)!=null&&(r=r.customElements)!=null&&r.get(o)||(i=globalThis)==null||(i=i.customElements)==null||(a=i.define)==null||a.call(i,o,class extends n{connectedCallback(){var e;(e=n.prototype.connectedCallback)==null||e.call(this),this.setAttribute(`data-ui-kit-version`,`2.0.0-canary.238`),this.setAttribute(`data-ui-kit-component-name`,t)}})}}exports.customUiKitElement=t;
+const e=require("../utils/version.cjs");function t(t){return function(n){var r,i,a;if(!(n!=null&&n.prototype))throw TypeError(`@customUiKitElement requires a class that extends HTMLElement.`);let o=`${t}${e.VERSION_TAG_SUFFIX}`;(r=globalThis)!=null&&(r=r.customElements)!=null&&r.get(o)||(i=globalThis)==null||(i=i.customElements)==null||(a=i.define)==null||a.call(i,o,class extends n{connectedCallback(){var e;(e=n.prototype.connectedCallback)==null||e.call(this),this.setAttribute(`data-ui-kit-version`,`2.0.0-canary.239`),this.setAttribute(`data-ui-kit-component-name`,t)}})}}exports.customUiKitElement=t;

package/dist-react/cjs/utils/IconsManager.cjs

@@ -1 +1 @@
-const e=require("../core/theme.constants.cjs"),t=require("./PubSub.cjs");var n=class{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;let t=Object.keys(this.icons);this.icons={},t.forEach(e=>this.fetchIcon(e))},this.fetchIcon=async(t,n={})=>{var r;let i=typeof sessionStorage<`u`?(r=sessionStorage)==null?void 0:r.getItem(e.THEME_STORAGE_KEY):null;!this.theme&&i&&(this.theme=i);let a=this.icons[t];if(a)return await a;let o=this.loadIcon(t,n).catch(e=>{throw delete this.icons[t],e});return this.icons[t]=o,o},this.loadIcon=(e,{cache:t=`force-cache`,...n})=>!this.theme||typeof fetch>`u`?Promise.resolve(`<svg class="ds-icon"></svg>`):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:t,...n}).then(e=>e.text()).catch(t=>{if((t==null?void 0:t.name)===`AbortError`)throw t;return console.error(`Failed to fetch icon "${e}":`,t),``}),t.pubSub.subscribe(`theme`,this.handleChangeTheme)}},r=Symbol.for(`@cupra/ui-kit/icons-manager/2.0.0-canary.238`),i=globalThis,a=i[r];a||(a=new n,Object.defineProperty(i,r,{value:a,writable:!1,configurable:!1,enumerable:!1}));var o=a;exports.iconsManager=o;
+const e=require("../core/theme.constants.cjs"),t=require("./PubSub.cjs");var n=class{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;let t=Object.keys(this.icons);this.icons={},t.forEach(e=>this.fetchIcon(e))},this.fetchIcon=async(t,n={})=>{var r;let i=typeof sessionStorage<`u`?(r=sessionStorage)==null?void 0:r.getItem(e.THEME_STORAGE_KEY):null;!this.theme&&i&&(this.theme=i);let a=this.icons[t];if(a)return await a;let o=this.loadIcon(t,n).catch(e=>{throw delete this.icons[t],e});return this.icons[t]=o,o},this.loadIcon=(e,{cache:t=`force-cache`,...n})=>!this.theme||typeof fetch>`u`?Promise.resolve(`<svg class="ds-icon"></svg>`):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:t,...n}).then(e=>e.text()).catch(t=>{if((t==null?void 0:t.name)===`AbortError`)throw t;return console.error(`Failed to fetch icon "${e}":`,t),``}),t.pubSub.subscribe(`theme`,this.handleChangeTheme)}},r=Symbol.for(`@cupra/ui-kit/icons-manager/2.0.0-canary.239`),i=globalThis,a=i[r];a||(a=new n,Object.defineProperty(i,r,{value:a,writable:!1,configurable:!1,enumerable:!1}));var o=a;exports.iconsManager=o;

package/dist-react/cjs/utils/PubSub.cjs

@@ -1 +1 @@
-var e=class{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(e,t){return this.subscribers[e]||(this.subscribers[e]=[]),this.subscribers[e].push(t),this.lastPublishedData[e]}unsubscribe(e,t){this.subscribers[e]&&(this.subscribers[e]=this.subscribers[e].filter(e=>e!==t))}publish(e,t){this.lastPublishedData[e]=t,this.subscribers[e]&&this.subscribers[e].forEach(n=>{try{n(t)}catch(t){console.error(`Error in subscriber for event "${e}":`,t)}})}},t=Symbol.for(`@cupra/ui-kit/pubsub/2.0.0-canary.238`),n=globalThis,r=n[t];r||(r=new e,Object.defineProperty(n,t,{value:r,writable:!1,configurable:!1,enumerable:!1}));var i=r;exports.PubSub=e,exports.pubSub=i;
+var e=class{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(e,t){return this.subscribers[e]||(this.subscribers[e]=[]),this.subscribers[e].push(t),this.lastPublishedData[e]}unsubscribe(e,t){this.subscribers[e]&&(this.subscribers[e]=this.subscribers[e].filter(e=>e!==t))}publish(e,t){this.lastPublishedData[e]=t,this.subscribers[e]&&this.subscribers[e].forEach(n=>{try{n(t)}catch(t){console.error(`Error in subscriber for event "${e}":`,t)}})}},t=Symbol.for(`@cupra/ui-kit/pubsub/2.0.0-canary.239`),n=globalThis,r=n[t];r||(r=new e,Object.defineProperty(n,t,{value:r,writable:!1,configurable:!1,enumerable:!1}));var i=r;exports.PubSub=e,exports.pubSub=i;

package/dist-react/cjs/utils/closestAttribute/closestAttribute.cjs

@@ -0,0 +1 @@
+function e(e,t){let n=e;for(;n;){let e=n.getAttribute(t);if(e)return e;n=n.parentElement??n.getRootNode().host??null}return null}exports.closestAttribute=e;

package/dist-react/cjs/utils/formatNumber/formatNumber.cjs

@@ -1 +1 @@
-function e(e){if(typeof e!=`string`)return e;try{return JSON.parse(e)}catch{return}}function t(t,n,r){var i;if(!t||!n)return;let a=(i=e(t))==null?void 0:i[n];if(typeof a==`string`)return a;if(a&&r)return a[r]}function n({value:e,locale:n,style:r,unit:i,currency:a,localeMatcher:o=`lookup`,minimumIntegerDigits:s=1,minimumFractionDigits:c=0,maximumFractionDigits:l=20,thousandSeparator:u,fractionSeparator:d,useGrouping:f=`auto`,currencyDisplay:p=`symbol`,symbolOverrides:m}){let h=``,g=``,_,v,y=t(m,a??i,n),b=new Intl.NumberFormat(n,{...r&&{style:r},...i&&{unit:i},...a&&{currency:a},currencyDisplay:p,localeMatcher:o,minimumIntegerDigits:s,minimumFractionDigits:c,maximumFractionDigits:l,useGrouping:f}).formatToParts(e??0);return b.forEach((e,t)=>{switch(e.type){case`unit`:case`currency`:case`percentSign`:{let n=y??e.value;_=n,v=t===0||(b[0].type===`minusSign`||b[0].type===`plusSign`)&&t===1?`left`:`right`,g+=n;break}case`group`:{let t=u??e.value;h+=t,g+=t;break}case`decimal`:{let t=d??e.value;h+=t,g+=t;break}case`integer`:case`fraction`:case`plusSign`:case`minusSign`:h+=e.value,g+=e.value;break;case`literal`:g+=e.value}}),{formattedNumber:h,formattedValue:g,..._&&{unitSymbol:_},...v&&{unitSymbolPosition:v}}}exports.formatNumber=n;
+var e=/^[\s\u200E\u200F\u061C]*$/;function t(t){return t.type===`literal`&&e.test(t.value)}function n(e){if(typeof e!=`string`)return e;try{return JSON.parse(e)}catch{return}}function r(e,t,r){var i;if(!e||!t)return;let a=(i=n(e))==null?void 0:i[t];if(typeof a==`string`)return a;if(a&&r)return a[r]}function i({value:e,locale:n,style:i,unit:a,currency:o,localeMatcher:s=`lookup`,minimumIntegerDigits:c=1,minimumFractionDigits:l=0,maximumFractionDigits:u=20,thousandSeparator:d,fractionSeparator:f,useGrouping:p=`auto`,currencyDisplay:m=`symbol`,symbolOverrides:h}){let g=``,_=``,v,y,b=r(h,o??a,n),x=new Intl.NumberFormat(n,{...i&&{style:i},...a&&{unit:a},...o&&{currency:o},currencyDisplay:m,localeMatcher:s,minimumIntegerDigits:c,minimumFractionDigits:l,maximumFractionDigits:u,useGrouping:p}).formatToParts(e??0),S=x.filter(e=>!t(e));return x.forEach(e=>{switch(e.type){case`unit`:case`currency`:case`percentSign`:{let t=b??e.value;v=t;let n=S.indexOf(e);y=n===0||(S[0].type===`minusSign`||S[0].type===`plusSign`)&&n===1?`left`:`right`,_+=t;break}case`group`:{let t=d??e.value;g+=t,_+=t;break}case`decimal`:{let t=f??e.value;g+=t,_+=t;break}case`integer`:case`fraction`:case`plusSign`:case`minusSign`:g+=e.value,_+=e.value;break;case`literal`:_+=e.value}}),{formattedNumber:g,formattedValue:_,...v&&{unitSymbol:v},...y&&{unitSymbolPosition:y}}}exports.formatNumber=i;

package/dist-react/cjs/utils/getDirection/getDirection.cjs

@@ -0,0 +1 @@
+const e=require("../closestAttribute/closestAttribute.cjs");function t(e){return e===`ltr`||e===`rtl`}function n(n){let r=e.closestAttribute(n,`dir`);if(t(r))return r;if(n.isConnected){let e=getComputedStyle(n).direction;if(t(e))return e}return`ltr`}function r(e){return n(e)===`rtl`?-1:1}exports.getDirection=n,exports.getDirectionSign=r;

package/dist-react/cjs/utils/normalizeDigits/normalizeDigits.cjs

@@ -0,0 +1 @@
+var e=1632,t=1776;function n(n){let r=n.codePointAt(0);return r>=e&&r<=1641?String(r-e):r>=t&&r<=1785?String(r-t):n}function r(e){return e.replace(/[٠-٩۰-۹]/g,n)}exports.normalizeDigits=r;

package/dist-react/cjs/utils/observeScroll/observeScroll.cjs

@@ -1 +1 @@
-const e=require("../debounce.cjs");function t(t,n){let r=()=>({top:t.scrollTop>0,bottom:Math.ceil(t.scrollTop)<t.scrollHeight-t.clientHeight,left:t.scrollLeft>0,right:Math.ceil(t.scrollLeft)<t.scrollWidth-t.clientWidth}),i=e.debounce({func:()=>n(r()),milliseconds:16}),a=new ResizeObserver(i);return a.observe(t),t.addEventListener(`scroll`,i,{passive:!0}),n(r()),()=>{a.disconnect(),t.removeEventListener(`scroll`,i)}}exports.observeScroll=t;
+const e=require("../debounce.cjs");function t(t,n){let r=()=>{let e=Math.abs(t.scrollLeft)>0,n=Math.ceil(Math.abs(t.scrollLeft))<t.scrollWidth-t.clientWidth;return{top:t.scrollTop>0,bottom:Math.ceil(t.scrollTop)<t.scrollHeight-t.clientHeight,start:e,end:n,left:e,right:n}},i=e.debounce({func:()=>n(r()),milliseconds:16}),a=new ResizeObserver(i);return a.observe(t),t.addEventListener(`scroll`,i,{passive:!0}),n(r()),()=>{a.disconnect(),t.removeEventListener(`scroll`,i)}}exports.observeScroll=t;

package/dist-react/cjs/utils/resolveLang/resolveLang.cjs

@@ -0,0 +1 @@
+const e=require("../closestAttribute/closestAttribute.cjs");var t=`en-US`;function n(n,r=t){var i;return e.closestAttribute(n,`lang`)||((i=document)==null||(i=i.documentElement)==null?void 0:i.lang)||r}exports.resolveLang=n;

package/dist-react/cjs/utils/version.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`2.0.0-canary.238`,t=`--v${e.replaceAll(`.`,`-`)}`;exports.VERSION=e,exports.VERSION_TAG_SUFFIX=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`2.0.0-canary.239`,t=`--v${e.replaceAll(`.`,`-`)}`;exports.VERSION=e,exports.VERSION_TAG_SUFFIX=t;

package/dist-react/esm/components/base/ds-base-input/styles/common.styles.js

@@ -16,7 +16,7 @@ var t = e`
     .label {
         position: absolute;
         top: 0;
-        left: 0;
+        inset-inline-start: 0;
         transform-origin: top left;
         pointer-events: none;
         transition:
@@ -24,6 +24,10 @@ var t = e`
             font-size 0.2s;
         white-space: nowrap;
     }
+
+    :host(:dir(rtl)) .label {
+        transform-origin: top right;
+    }
 `, n = e`
     .container {
         position: relative;

package/dist-react/esm/components/base/ds-base-progress-bar/styles/common.styles.js

@@ -11,7 +11,7 @@ var t = e`
     .fill {
         position: absolute;
         top: 0;
-        left: 0;
+        inset-inline-start: 0;
         height: 100%;
         display: block;
     }

package/dist-react/esm/components/ds-accordion/ds-accordion.js

@@ -8,12 +8,12 @@ import { UiKitElement as a } from "../base/UiKitElement.js";
 import { commonStyles as o } from "./styles/common.styles.js";
 import { themeConfig as s } from "./theme-config.js";
 import { customUiKitElement as c } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as l } from "../../utils/booleanConverter.js";
 import "../ds-icon/ds-icon.js";
-import { cupraDiagonalStyles as l } from "./styles/cupra-diagonal.styles.js";
-import { cupraStyles as u } from "./styles/cupra.styles.js";
-import { seatLegacyStyles as d } from "./styles/seat-legacy.styles.js";
-import { seatStyles as f } from "./styles/seat.styles.js";
-import { booleanConverter as p } from "../../utils/booleanConverter.js";
+import { cupraDiagonalStyles as u } from "./styles/cupra-diagonal.styles.js";
+import { cupraStyles as d } from "./styles/cupra.styles.js";
+import { seatLegacyStyles as f } from "./styles/seat-legacy.styles.js";
+import { seatStyles as p } from "./styles/seat.styles.js";
 import { uiKitHtml as m } from "../../utils/uiKitHtml.js";
 import { classMap as h } from "../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.js";
 import "../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.js";
@@ -93,28 +93,28 @@ var _ = class extends a {
 	}
 }, v = (_.styles = [
 	o,
-	l,
-	f,
 	u,
-	d
+	p,
+	d,
+	f
 ], _);
 i([n({
 	type: Number,
 	attribute: "max-height"
 })], v.prototype, "maxHeight", void 0), i([n({
 	type: Boolean,
-	converter: p,
+	converter: l,
 	reflect: !0
 })], v.prototype, "open", void 0), i([n({
 	type: String,
 	reflect: !0
 })], v.prototype, "mode", void 0), i([n({ type: String })], v.prototype, "size", void 0), i([n({
 	type: Boolean,
-	converter: p
+	converter: l
 })], v.prototype, "disabled", void 0), i([n({
 	type: Boolean,
 	attribute: "show-divider",
-	converter: p
+	converter: l
 })], v.prototype, "showDivider", void 0), i([n({
 	type: String,
 	attribute: "collapse-icon-name"

package/dist-react/esm/components/ds-accordion/styles/common.styles.js

@@ -57,6 +57,14 @@ var t = e`
             block-size: auto;
         }
     }
+
+    :host(:dir(rtl)[data-ui-kit-theme]) .divider {
+        background-image: linear-gradient(
+            to right,
+            var(--ds-color-border-default-faint) 0%,
+            var(--ds-color-border-default-subtle) 30%
+        );
+    }
 `;
 //#endregion
 export { t as commonStyles };