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

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

@@ -1,3 +1,3 @@
-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("../../utils/formatNumber/formatNumber.cjs"),s=require("./styles/common.styles.cjs"),c=require("./styles/cupra-diagonal.styles.cjs"),l=require("./styles/cupra.styles.cjs"),u=require("./styles/seat-legacy.styles.cjs"),d=require("./styles/seat.styles.cjs");var f=class extends r.UiKitElement{constructor(...e){super(...e),this.currencyDisplay=`symbol`,this.minimumFractionDigits=0,this.maximumFractionDigits=20,this.amountSize=`medium`,this.amountWeight=`medium`,this.periodSize=`medium`,this.periodWeight=`medium`,this.noteSize=`medium`,this.noteWeight=`medium`,this.variant=`default`}get valueTemplate(){let{formattedValue:t}=o.formatNumber({value:this.amountNumber??0,locale:this.locale,style:`currency`,currency:this.currencyCode,localeMatcher:`lookup`,useGrouping:`always`,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,currencyDisplay:this.currencyDisplay,symbolOverrides:this.symbolOverrides}),n=this.valueText||t,r={amount:!0,text:!0,[`size-${this.amountSize}`]:!0,[`weight-${this.amountWeight}`]:!0};return e.html`<span class=${a.classMap(r)}>${n}</span>`}get periodTemplate(){if(!this.period)return e.nothing;let t=new Intl.DisplayNames(this.locale,{type:`dateTimeField`}),n={period:!0,text:!0,[`size-${this.periodSize}`]:!0,[`weight-${this.periodWeight}`]:!0};return e.html`<span class=${a.classMap(n)}"period">/${t.of(this.period)}</span>`}get noteTemplate(){if(!this.note)return e.nothing;let t={note:!0,text:!0,[`size-${this.noteSize}`]:!0,[`weight-${this.noteWeight}`]:!0};return e.html`<span class=${a.classMap(t)}>${this.note}</span>`}render(){let t={container:!0,strikethrough:this.variant===`strikethrough`},n=this.variant===`strikethrough`?e.html`<div class="strikethrough-line"></div>`:e.nothing;return e.html`<div class=${a.classMap(t)}>
+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("../../utils/formatNumber/formatNumber.cjs"),s=require("./styles/common.styles.cjs"),c=require("./styles/cupra-diagonal.styles.cjs"),l=require("./styles/cupra.styles.cjs"),u=require("./styles/seat-legacy.styles.cjs"),d=require("./styles/seat.styles.cjs");var f=class extends r.UiKitElement{constructor(...e){super(...e),this.currencyDisplay=`symbol`,this.minimumFractionDigits=0,this.maximumFractionDigits=20,this.amountSize=`medium`,this.amountWeight=`medium`,this.periodSize=`medium`,this.periodWeight=`medium`,this.noteSize=`medium`,this.noteWeight=`medium`,this.variant=`default`}get valueTemplate(){let{formattedValue:t}=o.formatNumber({value:this.amountNumber??0,locale:this.locale,style:`currency`,currency:this.currencyCode,localeMatcher:`lookup`,useGrouping:`always`,minimumFractionDigits:this.minimumFractionDigits,maximumFractionDigits:this.maximumFractionDigits,currencyDisplay:this.currencyDisplay,symbolOverrides:this.symbolOverrides,thousandSeparator:this.thousandSeparator,fractionSeparator:this.fractionSeparator}),n=this.valueText||t,r={amount:!0,text:!0,[`size-${this.amountSize}`]:!0,[`weight-${this.amountWeight}`]:!0};return e.html`<span class=${a.classMap(r)}><bdi>${n}</bdi></span>`}get periodTemplate(){if(!this.period)return e.nothing;let t=new Intl.DisplayNames(this.locale,{type:`dateTimeField`}),n={period:!0,text:!0,[`size-${this.periodSize}`]:!0,[`weight-${this.periodWeight}`]:!0};return e.html`<span class=${a.classMap(n)}"period">/${t.of(this.period)}</span>`}get noteTemplate(){if(!this.note)return e.nothing;let t={note:!0,text:!0,[`size-${this.noteSize}`]:!0,[`weight-${this.noteWeight}`]:!0};return e.html`<span class=${a.classMap(t)}>${this.note}</span>`}render(){let t={container:!0,strikethrough:this.variant===`strikethrough`},n=this.variant===`strikethrough`?e.html`<div class="strikethrough-line"></div>`:e.nothing;return e.html`<div class=${a.classMap(t)}>
             ${this.valueTemplate}${this.periodTemplate}${this.noteTemplate}${n}
         </div>`}},p=(f.styles=[s.commonStyles,c.cupraDiagonalStyles,d.seatStyles,l.cupraStyles,u.seatLegacyStyles],f);n.default([t.property({type:String})],p.prototype,`locale`,void 0),n.default([t.property({type:String,attribute:`currency-code`})],p.prototype,`currencyCode`,void 0),n.default([t.property({type:String,attribute:`currency-display`})],p.prototype,`currencyDisplay`,void 0),n.default([t.property({type:Object,attribute:`symbol-overrides`})],p.prototype,`symbolOverrides`,void 0),n.default([t.property({type:String,attribute:`value-text`})],p.prototype,`valueText`,void 0),n.default([t.property({type:Number,attribute:`amount-number`})],p.prototype,`amountNumber`,void 0),n.default([t.property({type:Number,attribute:`minimum-fraction-digits`})],p.prototype,`minimumFractionDigits`,void 0),n.default([t.property({type:Number,attribute:`maximum-fraction-digits`})],p.prototype,`maximumFractionDigits`,void 0),n.default([t.property({type:String})],p.prototype,`period`,void 0),n.default([t.property({type:String})],p.prototype,`note`,void 0),n.default([t.property({type:String,attribute:`thousand-separator`})],p.prototype,`thousandSeparator`,void 0),n.default([t.property({type:String,attribute:`fraction-separator`})],p.prototype,`fractionSeparator`,void 0),n.default([t.property({type:String,attribute:`amount-size`})],p.prototype,`amountSize`,void 0),n.default([t.property({type:String,attribute:`amount-weight`})],p.prototype,`amountWeight`,void 0),n.default([t.property({type:String,attribute:`period-size`})],p.prototype,`periodSize`,void 0),n.default([t.property({type:String,attribute:`period-weight`})],p.prototype,`periodWeight`,void 0),n.default([t.property({type:String,attribute:`note-size`})],p.prototype,`noteSize`,void 0),n.default([t.property({type:String,attribute:`note-weight`})],p.prototype,`noteWeight`,void 0),n.default([t.property({type:String})],p.prototype,`variant`,void 0),p=n.default([i.customUiKitElement(`ds-currency`)],p),Object.defineProperty(exports,"DsCurrency",{enumerable:!0,get:function(){return p}});

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

@@ -12,8 +12,8 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .strikethrough-line {
         position: absolute;
         height: 1px;
-        left: 0;
-        right: 0;
+        inset-inline-start: 0;
+        inset-inline-end: 0;
         top: 50%;
     }
 `;exports.commonStyles=t;

package/dist-react/cjs/components/ds-date-picker/styles/common.styles.cjs

@@ -100,7 +100,8 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         justify-content: space-between;
         align-items: flex-end;
         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);
@@ -108,7 +109,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host .medium .input-container {
-        padding-left: var(--ds-spacing-s-5);
+        padding-inline-start: var(--ds-spacing-s-5);
     }
 
     :host .input-container > div {
@@ -198,7 +199,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     :host .calendar-dropdown {
         position: absolute;
         top: 100%;
-        left: 0;
+        inset-inline-start: 0;
         z-index: 10;
         margin-top: var(--ds-spacing-s-3, 4px);
     }

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

@@ -32,7 +32,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .with-scroll .content {
-        padding-right: var(--ds-spacing-layout-s);
+        padding-inline-end: var(--ds-spacing-layout-s);
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .content {

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

@@ -32,7 +32,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host([data-ui-kit-theme='seat']) .with-scroll .content {
-        padding-right: var(--ds-spacing-layout-s);
+        padding-inline-end: var(--ds-spacing-layout-s);
     }
 
     :host([data-ui-kit-theme='seat']) .content {

package/dist-react/cjs/components/ds-dialog-fullscreen/styles/common.styles.cjs

@@ -11,7 +11,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .container-fullscreen {
         position: fixed;
         top: 0;
-        left: 0;
+        inset-inline-start: 0;
         padding: 0;
         width: 100dvw;
         height: 100dvh;

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

@@ -30,7 +30,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .with-scroll .content-fullscreen {
-        padding-right: var(--ds-spacing-layout-s);
+        padding-inline-end: var(--ds-spacing-layout-s);
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .content-fullscreen {
@@ -43,6 +43,6 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     :host([data-ui-kit-theme='cupra-diagonal']) ::slotted([slot='close-button']) {
         position: absolute;
         top: var(--ds-spacing-m-2);
-        right: var(--ds-spacing-m-2);
+        inset-inline-end: var(--ds-spacing-m-2);
     }
 `;exports.cupraDiagonalStyles=t;

package/dist-react/cjs/components/ds-dialog-fullscreen/styles/seat.styles.cjs

@@ -30,7 +30,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host([data-ui-kit-theme='seat']) .with-scroll .content-fullscreen {
-        padding-right: var(--ds-spacing-layout-s);
+        padding-inline-end: var(--ds-spacing-layout-s);
     }
 
     :host([data-ui-kit-theme='seat']) .content-fullscreen {
@@ -43,6 +43,6 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     :host([data-ui-kit-theme='seat']) ::slotted([slot='close-button']) {
         position: absolute;
         top: var(--ds-spacing-m-2);
-        right: var(--ds-spacing-m-2);
+        inset-inline-end: var(--ds-spacing-m-2);
     }
 `;exports.seatStyles=t;

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

@@ -1,7 +1,7 @@
 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"),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"),require("../ds-icon-button/ds-icon-button.cjs");const u=require("./styles/common.styles.cjs"),d=require("./styles/cupra-diagonal.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs"),m=require("./theme-config.cjs");var h=class extends i.UiKitElement{constructor(...e){super(...e),this._open=void 0,this._openState=!1,this.handleOverlayClick=()=>{this.dispatchEvent(new Event(`ds-drawer:close`,{bubbles:!0,composed:!0})),this._openState=!1,this._open=void 0},this.handleKeyDown=e=>{(e.key===`Escape`||e.key===`Esc`)&&this.open&&this.handleOverlayClick()}}get open(){return this._open??this._openState}set open(e){this._open=e}get classes(){return{container:!0,open:!!this.open}}getIconButtonTemplate(){var e;let t=(e=m.themeConfig[this.theme])==null?void 0:e[`icon-button-variant`];return s.uiKitHtml`<ds-icon-button
             class="close-button visible"
             data-testid="close-button"
-            data-aria-label="close-button"
+            data-aria-label=${this.dataAriaLabelCloseButton||`close-button`}
             @click=${this.handleOverlayClick}
             size="medium"
             icon-name="cross"
@@ -25,4 +25,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                     <slot name="footer"></slot>
                 </div>
             </div>
-        `}},g=(h.styles=[u.commonStyles,u.iconStyles,d.cupraDiagonalStyles,p.seatStyles,f.seatLegacyStyles],h);r.default([t.property({type:Boolean,attribute:`open`,converter:o.booleanConverter})],g.prototype,`_open`,void 0),r.default([n.state()],g.prototype,`_openState`,void 0),g=r.default([a.customUiKitElement(`ds-drawer`)],g),Object.defineProperty(exports,"DsDrawer",{enumerable:!0,get:function(){return g}});
+        `}},g=(h.styles=[u.commonStyles,u.iconStyles,d.cupraDiagonalStyles,p.seatStyles,f.seatLegacyStyles],h);r.default([t.property({type:String,attribute:`data-aria-label-close-button`})],g.prototype,`dataAriaLabelCloseButton`,void 0),r.default([t.property({type:Boolean,attribute:`open`,converter:o.booleanConverter})],g.prototype,`_open`,void 0),r.default([n.state()],g.prototype,`_openState`,void 0),g=r.default([a.customUiKitElement(`ds-drawer`)],g),Object.defineProperty(exports,"DsDrawer",{enumerable:!0,get:function(){return g}});

package/dist-react/cjs/components/ds-drawer/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");const t=require("../../../utils/cssQueries.cjs");var n=e.css`
+    :host(:dir(rtl)) {
+        --ui-kit-private-dir: -1;
+    }
+
     :host {
         display: block;
     }
@@ -29,12 +33,12 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         height: 100vh;
         width: 100%;
         bottom: 0;
-        right: 0;
+        inset-inline-end: 0;
         transform: translateY(100%);
 
         ${t.cssQueries.m} {
             top: 0;
-            transform: translateX(100%);
+            transform: translateX(calc(100% * var(--ui-kit-private-dir, 1)));
             width: 491px;
         }
 

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

@@ -12,15 +12,18 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
 
     @media (min-width: 768px) {
         :host([data-ui-kit-theme='cupra-diagonal']) .container {
-            border-radius: var(--ds-border-radius-m) 0px 0px var(--ds-border-radius-m);
+            border-start-start-radius: var(--ds-border-radius-m);
+            border-end-start-radius: var(--ds-border-radius-m);
+            border-start-end-radius: 0;
+            border-end-end-radius: 0;
         }
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .drawer-header,
     :host([data-ui-kit-theme='cupra-diagonal']) .drawer-content,
     :host([data-ui-kit-theme='cupra-diagonal']) .drawer-footer {
-        padding-left: var(--ds-layout-margin);
-        padding-right: var(--ds-layout-margin);
+        padding-inline-start: var(--ds-layout-margin);
+        padding-inline-end: var(--ds-layout-margin);
     }
 
     :host([data-ui-kit-theme='cupra-diagonal']) .drawer-header {
@@ -45,6 +48,6 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
 
     :host([data-ui-kit-theme='cupra-diagonal']) .close-button {
         top: calc(var(--ds-spacing-layout-s) - 0.125rem);
-        right: var(--ds-spacing-layout-xl);
+        inset-inline-end: var(--ds-spacing-layout-xl);
     }
 `;exports.cupraDiagonalStyles=t;

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

@@ -12,15 +12,18 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
 
     @media (min-width: 768px) {
         :host([data-ui-kit-theme='seat']) .container {
-            border-radius: var(--ds-border-radius-m) 0px 0px var(--ds-border-radius-m);
+            border-start-start-radius: var(--ds-border-radius-m);
+            border-end-start-radius: var(--ds-border-radius-m);
+            border-start-end-radius: 0;
+            border-end-end-radius: 0;
         }
     }
 
     :host([data-ui-kit-theme='seat']) .drawer-header,
     :host([data-ui-kit-theme='seat']) .drawer-content,
     :host([data-ui-kit-theme='seat']) .drawer-footer {
-        padding-left: var(--ds-layout-margin);
-        padding-right: var(--ds-layout-margin);
+        padding-inline-start: var(--ds-layout-margin);
+        padding-inline-end: var(--ds-layout-margin);
     }
 
     :host([data-ui-kit-theme='seat']) .drawer-header {
@@ -45,6 +48,6 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
 
     :host([data-ui-kit-theme='seat']) .close-button {
         top: calc(var(--ds-spacing-layout-s) - 0.125rem);
-        right: var(--ds-spacing-layout-xl);
+        inset-inline-end: var(--ds-spacing-layout-xl);
     }
 `;exports.seatStyles=t;

package/dist-react/cjs/components/ds-favourite-action/ds-favourite-action.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"),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("./styles/common.styles.cjs"),u=require("./styles/cupra-diagonal.styles.cjs"),d=require("./styles/cupra.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends i.UiKitElement{constructor(...e){super(...e),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}willUpdate(e){super.willUpdate(e),!this._initializedFromInitialSelected&&e.has(`initialSelected`)&&(this._selected=this.initialSelected,this._initializedFromInitialSelected=!0)}get currentSelected(){return this.selected??this._selected}handleClick(){if(this.disabled)return;let e=!this.currentSelected;this.selected===void 0&&(this._selected=e),this.dispatchEvent(new CustomEvent(`ds-favourite-action:change`,{bubbles:!0,composed:!0,detail:{selected:e}}))}get iconName(){return this.currentSelected?`heart-filled-color`:`heart-color`}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`}get classes(){return{button:!0,selected:this.currentSelected,disabled:this.disabled}}render(){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"),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("./styles/common.styles.cjs"),u=require("./styles/cupra-diagonal.styles.cjs"),d=require("./styles/cupra.styles.cjs"),f=require("./styles/seat-legacy.styles.cjs"),p=require("./styles/seat.styles.cjs");var m=class extends i.UiKitElement{constructor(...e){super(...e),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}willUpdate(e){super.willUpdate(e),!this._initializedFromInitialSelected&&e.has(`initialSelected`)&&(this._selected=this.initialSelected,this._initializedFromInitialSelected=!0)}get currentSelected(){return this.selected??this._selected}handleClick(){if(this.disabled)return;let e=!this.currentSelected;this.selected===void 0&&(this._selected=e),this.dispatchEvent(new CustomEvent(`ds-favourite-action:change`,{bubbles:!0,composed:!0,detail:{selected:e}}))}get iconName(){return this.currentSelected?`heart-filled-color`:`heart-color`}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`}get classes(){return{button:!0,selected:this.currentSelected,disabled:this.disabled}}render(){return e.html`
             <button
                 type="button"
                 class=${c.classMap(this.classes)}

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

@@ -1,9 +1,10 @@
-const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs"),n=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),r=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 i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),a=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 o=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/IconsManager.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/unsafe-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/unsafe-html.cjs");const u=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/classPrivateFieldInitSpec.cjs"),d=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/classPrivateFieldSet2.cjs"),f=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/classPrivateFieldGet2.cjs");var p=new WeakMap,m=class extends r.LitElement{constructor(){super(),u.default(this,p,void 0),this.iconHtml=``,d.default(p,this,0),this.getIcon=async()=>{var e;let t=d.default(p,this,(e=f.default(p,this),++e)),n=await c.iconsManager.fetchIcon(this.iconName);t===f.default(p,this)&&(this.iconHtml=n)},e.pubSub.subscribe(`theme`,this.getIcon)}async updated(e){super.updated(e),(e.has(`iconName`)||!this.iconHtml)&&await this.getIcon()}getDimension(e,t,n){return e?`${e}px`:t?`auto`:this.size?`${this.size}px`:n}get styleTokens(){let e=this.getDimension(this.width,this.height,`var(--ui-kit-icon-width, 20px)`),t=this.getDimension(this.height,this.width,`var(--ui-kit-icon-height, 20px)`),r=this.color?this.color:`var(--ui-kit-icon-color, black)`;return n.html`
+const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs"),n=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),r=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 i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),a=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 o=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/IconsManager.cjs"),l=require("../../utils/booleanConverter.cjs"),u=require("../../utils/getDirection/getDirection.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/unsafe-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/unsafe-html.cjs");const f=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/classPrivateFieldInitSpec.cjs"),p=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/classPrivateFieldSet2.cjs"),m=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/classPrivateFieldGet2.cjs");var h=new WeakMap,g=class extends r.LitElement{constructor(){super(),f.default(this,h,void 0),this.mirror=!1,this.iconHtml=``,p.default(h,this,0),this.handleDirectionChange=()=>{this.requestUpdate()},this.getIcon=async()=>{var e;let t=p.default(h,this,(e=m.default(h,this),++e)),n=await c.iconsManager.fetchIcon(this.iconName);t===m.default(h,this)&&(this.iconHtml=n)},e.pubSub.subscribe(`theme`,this.getIcon)}connectedCallback(){super.connectedCallback(),e.pubSub.subscribe(`direction`,this.handleDirectionChange)}disconnectedCallback(){super.disconnectedCallback(),e.pubSub.unsubscribe(`direction`,this.handleDirectionChange)}async updated(e){super.updated(e),(e.has(`iconName`)||!this.iconHtml)&&await this.getIcon()}getDimension(e,t,n){return e?`${e}px`:t?`auto`:this.size?`${this.size}px`:n}get styleTokens(){let e=this.getDimension(this.width,this.height,`var(--ui-kit-icon-width, 20px)`),t=this.getDimension(this.height,this.width,`var(--ui-kit-icon-height, 20px)`),r=this.color?this.color:`var(--ui-kit-icon-color, black)`,i=this.mirror&&u.getDirection(this)===`rtl`?`scaleX(-1)`:`none`;return n.html`
             <style>
                 .ds-icon {
                     display: inline-block;
                     width: ${e};
                     height: ${t};
+                    transform: ${i};
                 }
 
                 .ds-icon-color {
@@ -16,10 +17,10 @@ const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/@l
             </style>
         `}render(){return n.html`
             ${this.styleTokens}
-            ${this.iconHtml?l.unsafeHTML(this.iconHtml):n.html`<svg class="ds-icon">x</svg>`}
-        `}},h=(m.styles=t.css`
+            ${this.iconHtml?d.unsafeHTML(this.iconHtml):n.html`<svg class="ds-icon">x</svg>`}
+        `}},_=(g.styles=t.css`
         :host {
             line-height: 0;
             display: inline-block;
         }
-    `,m);o.default([i.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),o.default([i.property({type:String,attribute:`color`})],h.prototype,`color`,void 0),o.default([i.property({type:Number})],h.prototype,`width`,void 0),o.default([i.property({type:Number})],h.prototype,`height`,void 0),o.default([i.property({type:Number,attribute:`size`})],h.prototype,`size`,void 0),o.default([a.state()],h.prototype,`iconHtml`,void 0),h=o.default([s.customUiKitElement(`ds-icon`)],h),Object.defineProperty(exports,"DsIcon",{enumerable:!0,get:function(){return h}});
+    `,g);o.default([i.property({type:String,attribute:`icon-name`})],_.prototype,`iconName`,void 0),o.default([i.property({type:String,attribute:`color`})],_.prototype,`color`,void 0),o.default([i.property({type:Number})],_.prototype,`width`,void 0),o.default([i.property({type:Number})],_.prototype,`height`,void 0),o.default([i.property({type:Number,attribute:`size`})],_.prototype,`size`,void 0),o.default([i.property({type:Boolean,converter:l.booleanConverter})],_.prototype,`mirror`,void 0),o.default([a.state()],_.prototype,`iconHtml`,void 0),_=o.default([s.customUiKitElement(`ds-icon`)],_),Object.defineProperty(exports,"DsIcon",{enumerable:!0,get:function(){return _}});

package/dist-react/cjs/components/ds-icon-button/ds-icon-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("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=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 c=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 l=require("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.htmlTagName=`button`}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)}></ds-icon>`:e.nothing}handleClick(e){this.href||e.preventDefault()}handleCustomClick(e){var t;let n=(t=this.shadowRoot)==null?void 0:t.querySelector(`slot`),r=n==null?void 0:n.assignedElements()[0];r&&!r.contains(e.composedPath()[0])&&(e.stopPropagation(),r.click())}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport],t=!!(this.customBackground||this.customColor);return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,custom:t,disabled:this.disabled,[e]:!!e,[this.mode]:!!this.mode}}updated(e){super.updated(e),this.customBackground?this.style.setProperty(`--ui-kit-private-button-custom-bg`,this.customBackground):this.style.removeProperty(`--ui-kit-private-button-custom-bg`),this.customColor?this.style.setProperty(`--ui-kit-private-button-custom-color`,this.customColor):this.style.removeProperty(`--ui-kit-private-button-custom-color`)}get variantColorTokens(){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("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/uiKitHtml.cjs"),s=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 c=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 l=require("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.mirror=!1,this.htmlTagName=`button`}get iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)} ?mirror=${this.mirror}></ds-icon>`:e.nothing}handleClick(e){this.href||e.preventDefault()}handleCustomClick(e){var t;let n=(t=this.shadowRoot)==null?void 0:t.querySelector(`slot`),r=n==null?void 0:n.assignedElements()[0];r&&!r.contains(e.composedPath()[0])&&(e.stopPropagation(),r.click())}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport],t=!!(this.customBackground||this.customColor);return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,custom:t,disabled:this.disabled,[e]:!!e,[this.mode]:!!this.mode}}updated(e){super.updated(e),this.customBackground?this.style.setProperty(`--ui-kit-private-button-custom-bg`,this.customBackground):this.style.removeProperty(`--ui-kit-private-button-custom-bg`),this.customColor?this.style.setProperty(`--ui-kit-private-button-custom-color`,this.customColor):this.style.removeProperty(`--ui-kit-private-button-custom-color`)}get variantColorTokens(){return e.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -33,4 +33,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                             <slot></slot>
                         </div>
                     `]])}
-        `}},v=(_.styles=[f.buttonStyles,p.cupraDiagonalStyles,g.seatStyles,m.cupraStyles,h.seatLegacyStyles],_);n.default([t.property({type:String,reflect:!0})],v.prototype,`variant`,void 0),n.default([t.property({type:String,attribute:`custom-background`})],v.prototype,`customBackground`,void 0),n.default([t.property({type:String,attribute:`custom-color`})],v.prototype,`customColor`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`mode`,void 0),n.default([t.property({type:String,converter:u.objectConverter})],v.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`disabled`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],v.prototype,`iconName`,void 0),n.default([t.property({type:String,attribute:`html-tag-name`})],v.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],v.prototype,`dataAriaLabel`,void 0),n.default([t.property({type:String,attribute:`data-aria-pressed`})],v.prototype,`dataAriaPressed`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`target`,void 0),v=n.default([i.customUiKitElement(`ds-icon-button`)],v),Object.defineProperty(exports,"DsIconButton",{enumerable:!0,get:function(){return v}});
+        `}},v=(_.styles=[f.buttonStyles,p.cupraDiagonalStyles,g.seatStyles,m.cupraStyles,h.seatLegacyStyles],_);n.default([t.property({type:String,reflect:!0})],v.prototype,`variant`,void 0),n.default([t.property({type:String,attribute:`custom-background`})],v.prototype,`customBackground`,void 0),n.default([t.property({type:String,attribute:`custom-color`})],v.prototype,`customColor`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`mode`,void 0),n.default([t.property({type:String,converter:u.objectConverter})],v.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`disabled`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],v.prototype,`iconName`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`mirror`,void 0),n.default([t.property({type:String,attribute:`html-tag-name`})],v.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],v.prototype,`dataAriaLabel`,void 0),n.default([t.property({type:String,attribute:`data-aria-pressed`})],v.prototype,`dataAriaPressed`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],v.prototype,`target`,void 0),v=n.default([i.customUiKitElement(`ds-icon-button`)],v),Object.defineProperty(exports,"DsIconButton",{enumerable:!0,get:function(){return v}});

package/dist-react/cjs/components/ds-inline-alert/ds-inline-alert.cjs

@@ -1,5 +1,5 @@
-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"),require("../ds-icon-button/ds-icon-button.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/seat-legacy.styles.cjs"),m=require("./styles/seat.styles.cjs");var h=class extends i.UiKitElement{constructor(...e){super(...e),this.status=`default`,this.title=``,this.text=``,this.showClose=!0,this._show=void 0,this._showState=!0}get show(){return this._show??this._showState}set show(e){this._show=e}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(`inline-alert:close`,{bubbles:!0,composed:!0});this.dispatchEvent(e),this._showState=!1}get inlineAlertClasses(){return{container:!0,[this.status||`default`]:!0,show:this.show}}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${l.ifDefined(this.getIconName())} size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?s.uiKitHtml`<ds-icon-button
-            data-aria-label="close-button"
+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"),require("../ds-icon-button/ds-icon-button.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/seat-legacy.styles.cjs"),m=require("./styles/seat.styles.cjs");var h=class extends i.UiKitElement{constructor(...e){super(...e),this.status=`default`,this.title=``,this.text=``,this.showClose=!0,this._show=void 0,this._showState=!0}get show(){return this._show??this._showState}set show(e){this._show=e}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(`inline-alert:close`,{bubbles:!0,composed:!0});this.dispatchEvent(e),this._showState=!1}get inlineAlertClasses(){return{container:!0,[this.status||`default`]:!0,show:this.show}}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${l.ifDefined(this.getIconName())} size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?s.uiKitHtml`<ds-icon-button
+            data-aria-label=${this.dataAriaLabelCloseButton||`close-button`}
             @click=${this.handleClickCloseButton}
             icon-name="cross"
             variant="naked"
@@ -16,4 +16,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </div>
                 ${this.closeButtonTemplate}
             </div>
-        `:e.nothing}},g=(h.styles=[d.inlineAlertStyles,f.cupraDiagonalStyles,m.seatStyles,p.seatLegacyStyles],h);r.default([t.property({type:String})],g.prototype,`status`,void 0),r.default([t.property({type:String})],g.prototype,`title`,void 0),r.default([t.property({type:String})],g.prototype,`text`,void 0),r.default([t.property({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],g.prototype,`showClose`,void 0),r.default([t.property({type:Boolean,attribute:`show`,converter:o.booleanConverter})],g.prototype,`_show`,void 0),r.default([n.state()],g.prototype,`_showState`,void 0),g=r.default([a.customUiKitElement(`ds-inline-alert`)],g),Object.defineProperty(exports,"DsInlineAlert",{enumerable:!0,get:function(){return g}});
+        `:e.nothing}},g=(h.styles=[d.inlineAlertStyles,f.cupraDiagonalStyles,m.seatStyles,p.seatLegacyStyles],h);r.default([t.property({type:String,attribute:`data-aria-label-close-button`})],g.prototype,`dataAriaLabelCloseButton`,void 0),r.default([t.property({type:String})],g.prototype,`status`,void 0),r.default([t.property({type:String})],g.prototype,`title`,void 0),r.default([t.property({type:String})],g.prototype,`text`,void 0),r.default([t.property({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],g.prototype,`showClose`,void 0),r.default([t.property({type:Boolean,attribute:`show`,converter:o.booleanConverter})],g.prototype,`_show`,void 0),r.default([n.state()],g.prototype,`_showState`,void 0),g=r.default([a.customUiKitElement(`ds-inline-alert`)],g),Object.defineProperty(exports,"DsInlineAlert",{enumerable:!0,get:function(){return g}});

package/dist-react/cjs/components/ds-interactive-card/ds-interactive-card.cjs

@@ -1,6 +1,6 @@
-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/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=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"),require("../ds-icon-button/ds-icon-button.cjs");const c=require("./styles/common.styles.cjs");var l=class extends t.LitElement{constructor(...e){super(...e),this.size=`medium`,this.selected=!1,this.error=!1,this.showClose=!1,this.handleCtaSlotChange=()=>{this.requestUpdate()},this.handleClick=e=>{e.stopPropagation()},this.handleCloseButtonClick=e=>{e.stopPropagation();let t=new CustomEvent(`interactive-card:close`,{bubbles:!0,composed:!0});this.dispatchEvent(t)}}get classes(){return{container:!0,selected:this.selected,[this.size]:!!this.size,"has-close":this.showClose}}get errorClasses(){return{error:!0,selected:this.selected,[this.size]:!!this.size}}get hasCta(){return!!this.querySelector(`[slot="cta"]`)}get ctaClasses(){return{cta:!0,empty:!this.hasCta}}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name="cross-circle" size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?o.uiKitHtml`<ds-icon-button
+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"),a=require("../../utils/booleanConverter.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/uiKitHtml.cjs"),s=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"),require("../ds-icon-button/ds-icon-button.cjs");const c=require("./styles/common.styles.cjs");var l=class extends t.LitElement{constructor(...e){super(...e),this.size=`medium`,this.selected=!1,this.error=!1,this.showClose=!1,this.handleCtaSlotChange=()=>{this.requestUpdate()},this.handleClick=e=>{e.stopPropagation()},this.handleCloseButtonClick=e=>{e.stopPropagation();let t=new CustomEvent(`interactive-card:close`,{bubbles:!0,composed:!0});this.dispatchEvent(t)}}get classes(){return{container:!0,selected:this.selected,[this.size]:!!this.size,"has-close":this.showClose}}get errorClasses(){return{error:!0,selected:this.selected,[this.size]:!!this.size}}get hasCta(){return!!this.querySelector(`[slot="cta"]`)}get ctaClasses(){return{cta:!0,empty:!this.hasCta}}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name="cross-circle" size="24"></ds-icon>`}get closeButtonTemplate(){return this.showClose?o.uiKitHtml`<ds-icon-button
             class="close-button"
-            data-aria-label="Close"
+            data-aria-label=${this.dataAriaLabelCloseButton||`Close`}
             @click=${this.handleCloseButtonClick}
             icon-name="cross"
             variant="naked"
@@ -31,4 +31,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
     `:e.nothing}render(){return e.html`
             ${this.contentTemplate}
             ${this.errorTemplate}
-        `}},u=(l.styles=[c.commonStyles],l);r.default([n.property({type:String})],u.prototype,`size`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter})],u.prototype,`selected`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter})],u.prototype,`error`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,attribute:`show-close`})],u.prototype,`showClose`,void 0),u=r.default([i.customUiKitElement(`ds-interactive-card`)],u),Object.defineProperty(exports,"DsInteractiveCard",{enumerable:!0,get:function(){return u}});
+        `}},u=(l.styles=[c.commonStyles],l);r.default([n.property({type:String,attribute:`data-aria-label-close-button`})],u.prototype,`dataAriaLabelCloseButton`,void 0),r.default([n.property({type:String})],u.prototype,`size`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter})],u.prototype,`selected`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter})],u.prototype,`error`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,attribute:`show-close`})],u.prototype,`showClose`,void 0),u=r.default([i.customUiKitElement(`ds-interactive-card`)],u),Object.defineProperty(exports,"DsInteractiveCard",{enumerable:!0,get:function(){return u}});

package/dist-react/cjs/components/ds-interactive-card/styles/common.styles.cjs

@@ -214,11 +214,11 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .close-button {
         position: absolute;
         top: var(--ds-spacing-s-5);
-        right: var(--ds-spacing-s-5);
+        inset-inline-end: var(--ds-spacing-s-5);
     }
 
     .has-close .header-main {
         box-sizing: border-box;
-        padding-right: var(--ds-spacing-l-2);
+        padding-inline-end: var(--ds-spacing-l-2);
     }
 `;exports.commonStyles=t;

package/dist-react/cjs/components/ds-link-button/ds-link-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("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=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 c=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 l=require("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.underline=!1,this.disabled=!1,this.iconName=`arrow-right`,this.iconPosition=`right`}get iconTemplate(){return this.iconName===`none`?e.nothing:o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)}></ds-icon>`}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{"link-button":!0,disabled:!!this.disabled,underline:!!this.underline,[e]:!!e,[this.mode]:!!this.mode,"icon-left":this.iconPosition===`left`}}handleClick(e){this.href||e.preventDefault()}get styleTokens(){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("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/uiKitHtml.cjs"),s=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 c=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 l=require("../../mixins/ViewportMixin.cjs"),u=require("../../utils/objectConverter.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),f=require("./styles/common.styles.cjs"),p=require("./styles/cupra-diagonal.styles.cjs"),m=require("./styles/cupra.styles.cjs"),h=require("./styles/seat-legacy.styles.cjs"),g=require("./styles/seat.styles.cjs");var _=class extends l.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.underline=!1,this.disabled=!1,this.iconName=`arrow-right`,this.iconPosition=`right`}get iconTemplate(){return this.iconName===`none`?e.nothing:o.uiKitHtml`<ds-icon class="icon" icon-name=${c.ifDefined(this.iconName)} ?mirror=${this.iconName===`arrow-right`||this.iconName===`arrow-left`}></ds-icon>`}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{"link-button":!0,disabled:!!this.disabled,underline:!!this.underline,[e]:!!e,[this.mode]:!!this.mode,[`icon-${this.iconPosition}`]:!!this.iconPosition}}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return e.html`
             <style>
                 :host {
                     color-scheme: ${this.mode};

package/dist-react/cjs/components/ds-link-button/styles/common.styles.cjs

@@ -15,7 +15,13 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         cursor: pointer;
     }
 
-    .link-button.icon-left .icon {
+    :is(.link-button.icon-start, .link-button.icon-left) .icon {
+        order: -1;
+    }
+    :host(:dir(rtl)) .link-button.icon-left .icon {
+        order: 0;
+    }
+    :host(:dir(rtl)) .link-button.icon-right .icon {
         order: -1;
     }
 `;exports.commonStyles=t;

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

@@ -1,7 +1,7 @@
 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([data-ui-kit-theme='cupra-diagonal']) .link-button {
         letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
-        text-align: left;
+        text-align: start;
         text-decoration: none;
         border-radius: var(--ds-border-radius-xs, 6px);
         color: var(--ui-kit-link-button-color, var(--ui-kit-private-link-button-color));
@@ -34,8 +34,8 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         content: '';
         position: absolute;
         bottom: 0.1em;
-        left: 0;
-        right: 0;
+        inset-inline-start: 0;
+        inset-inline-end: 0;
         height: 0.09em;
         background-color: currentColor;
     }

package/dist-react/cjs/components/ds-link-button/styles/seat.styles.cjs

@@ -1,7 +1,7 @@
 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([data-ui-kit-theme='seat']) .link-button {
         letter-spacing: var(--ds-typography-letter-spacing-m, 0.5px);
-        text-align: left;
+        text-align: start;
         text-decoration: none;
         border-radius: var(--ds-border-radius-xs, 6px);
         color: var(--ui-kit-link-button-color, var(--ui-kit-private-link-button-color));
@@ -34,8 +34,8 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         content: '';
         position: absolute;
         bottom: 0.1em;
-        left: 0;
-        right: 0;
+        inset-inline-start: 0;
+        inset-inline-end: 0;
         height: 0.09em;
         background-color: currentColor;
     }

package/dist-react/cjs/components/ds-list-item/ds-list-item.cjs

@@ -1,5 +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");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("../../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("./styles/common.styles.cjs");var c=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`selection`,this.selected=!1,this.disabled=!1,this.size=`large`}get classes(){return{content:!0,[this.size]:!0,[`${this.variant}-variant`]:!0,selected:this.selected,disabled:this.disabled}}connectedCallback(){var e;if((e=super.connectedCallback)==null||e.call(this),!this.hasAttribute(`size`)){let e=this.closest(`ds-list`);e&&(this.size=e.size)}}renderSelectionTemplate(){return e.html`
             <slot name="input-left"></slot>
+            <slot name="input-start"></slot>
             <slot name="icon"></slot>
             <div class="container-text">
                 <slot name="primary-text"></slot>
@@ -7,16 +8,19 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             </div>
             <slot name="secondary-text"></slot>
             <slot name="input-right"></slot>
+            <slot name="input-end"></slot>
         `}renderActionTemplate(){return e.html`
             <slot name="image-square"></slot>
             <slot name="image-wide"></slot>
             <slot name="icon-left"></slot>
+            <slot name="icon-start"></slot>
             <div class="container-text">
                 <slot name="primary-text"></slot>
                 <slot name="description-text"></slot>
             </div>
             <slot name="secondary-text"></slot>
             <slot name="icon-right"></slot>
+            <slot name="icon-end"></slot>
         `}renderInfoTemplate(){return e.html`
             <slot name="icon"></slot>
             <div class="container-text">

package/dist-react/cjs/components/ds-list-item/styles/common.styles.cjs

@@ -19,7 +19,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host .container-text {
-        padding-right: var(--ds-sizing-24);
+        padding-inline-end: var(--ds-sizing-24);
     }
 
     :host .content.info-variant,
@@ -28,7 +28,9 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     :host ::slotted([slot='input-left']),
-    :host ::slotted([slot='input-right']) {
+    :host ::slotted([slot='input-right']),
+    :host ::slotted([slot='input-start']),
+    :host ::slotted([slot='input-end']) {
         width: unset;
     }
 
@@ -113,7 +115,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
 
     :host .selected {
         background: var(--ds-color-control-bg-default);
-        border-left: var(--ds-sizing-04) solid var(--ds-color-border-selected);
+        border-inline-start: var(--ds-sizing-04) solid var(--ds-color-border-selected);
     }
 
     :host .disabled {

package/dist-react/cjs/components/ds-loader-bar/styles/common.styles.cjs

@@ -1,16 +1,20 @@
 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;
+    }
+
     .fill {
         width: 33%;
-        transform: translateX(-100%);
+        transform: translateX(calc(-100% * var(--ui-kit-private-dir, 1)));
         animation: loader 1.4s linear infinite;
     }
 
     @keyframes loader {
         0% {
-            transform: translateX(-100%);
+            transform: translateX(calc(-100% * var(--ui-kit-private-dir, 1)));
         }
         100% {
-            transform: translateX(300%);
+            transform: translateX(calc(300% * var(--ui-kit-private-dir, 1)));
         }
     }
 `;exports.commonStyles=t;

package/dist-react/cjs/components/ds-loader-logo/ds-loader-logo.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("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),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");const c=require("./ds-loader-logo.styles.cjs"),l=require("./styles/cupra.styles.cjs");var u=class extends r.UiKitElement{constructor(...e){super(...e),this.show=!1,this.zIndex=2e3,this.iconName=`logo`}get styleTokens(){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("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../utils/booleanConverter.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/uiKitHtml.cjs"),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");const c=require("./ds-loader-logo.styles.cjs"),l=require("./styles/cupra.styles.cjs");var u=class extends r.UiKitElement{constructor(...e){super(...e),this.show=!1,this.zIndex=2e3,this.iconName=`logo`}get styleTokens(){return e.html`
                 <style>
                     :host {
                         --ui-kit-icon-color: ${this.color||`var(--ui-kit-private-loader-logo-icon-color)`};

package/dist-react/cjs/components/ds-main-title/styles/common.styles.cjs

@@ -28,10 +28,18 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         align-items: center;
     }
 
+    .container.alignment-start {
+        align-items: flex-start;
+    }
+
     .container.alignment-left {
         align-items: flex-start;
     }
 
+    :host(:dir(rtl)) .container.alignment-left {
+        align-items: flex-end;
+    }
+
     ::slotted([slot='title']) {
         margin: 0;
         font-family: var(--ds-typography-family-primary);
@@ -57,6 +65,11 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         text-align: center;
     }
 
+    .container.alignment-start ::slotted([slot='title']),
+    .container.alignment-start ::slotted([slot='subtitle']) {
+        text-align: start;
+    }
+
     .container.alignment-left ::slotted([slot='title']),
     .container.alignment-left ::slotted([slot='subtitle']) {
         text-align: left;