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

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

@@ -54,4 +54,12 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
             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%
+        );
+    }
 `;exports.commonStyles=t;

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

@@ -1,4 +1,4 @@
-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"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const u=require("./styles/common.styles.cjs");var d=class extends t.LitElement{constructor(...e){super(...e),this.size=`medium`,this.disabled=!1}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name="user"></ds-icon>`}get initialsTemplate(){let t=this.getInitialsFromName(this.name);return e.html`<span class="initials" aria-hidden="true">${t}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]).join(``).toUpperCase():``}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){var e;return this.hasImage?`media`:(e=this.name)!=null&&e.trim()?`text`:`icon`}get accessibleName(){let e=`Open ${this.name?this.name+`'s `:``}profile menu`;return this.mode===`text`?`${this.getInitialsFromName(this.name)}, ${e}`:e}handleSlotChange(){this.requestUpdate()}get styleTokens(){return 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"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.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");var d=class extends t.LitElement{constructor(...e){super(...e),this.size=`medium`,this.disabled=!1}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name="user"></ds-icon>`}get initialsTemplate(){let t=this.getInitialsFromName(this.name);return e.html`<span class="initials" aria-hidden="true">${t}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>Array.from(e)[0]).join(``).toUpperCase():``}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){var e;return this.hasImage?`media`:(e=this.name)!=null&&e.trim()?`text`:`icon`}get accessibleName(){let e=this.dataAriaLabel||`Open ${this.name?this.name+`'s `:``}profile menu`;return this.mode===`text`?`${this.getInitialsFromName(this.name)}, ${e}`:e}handleSlotChange(){this.requestUpdate()}get styleTokens(){return e.html`
             <style>
                 :host{
                     pointer-events: ${this.disabled?`none`:`auto`};
@@ -19,4 +19,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 ${this.mode===`text`?this.initialsTemplate:e.nothing}
                 <div class="media" aria-hidden=${String(this.mode!==`media`)}><slot name="media" @slotchange=${this.handleSlotChange}></slot></div>
             </div>
-        `}},f=(d.styles=[u.commonStyles],d);i.default([n.property({type:String})],f.prototype,`size`,void 0),i.default([n.property({type:String})],f.prototype,`name`,void 0),i.default([n.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],f.prototype,`disabled`,void 0),i.default([r.queryAssignedElements({slot:`media`,selector:`img`})],f.prototype,`assignedImages`,void 0),f=i.default([a.customUiKitElement(`ds-avatar`)],f),Object.defineProperty(exports,"DsAvatar",{enumerable:!0,get:function(){return f}});
+        `}},f=(d.styles=[u.commonStyles],d);i.default([n.property({type:String,attribute:`data-aria-label`})],f.prototype,`dataAriaLabel`,void 0),i.default([n.property({type:String})],f.prototype,`size`,void 0),i.default([n.property({type:String})],f.prototype,`name`,void 0),i.default([n.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],f.prototype,`disabled`,void 0),i.default([r.queryAssignedElements({slot:`media`,selector:`img`})],f.prototype,`assignedImages`,void 0),f=i.default([a.customUiKitElement(`ds-avatar`)],f),Object.defineProperty(exports,"DsAvatar",{enumerable:!0,get:function(){return f}});

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

@@ -1 +1 @@
-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("../../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/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const s=require("./styles/common.styles.cjs");var c=class extends t.LitElement{constructor(...e){super(...e),this.variant=`base`,this.size=`large`}get hasNumber(){return typeof this.number==`number`&&!Number.isNaN(this.number)}get classes(){return{container:!0,dot:!this.hasNumber,number:this.hasNumber,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0}}get badgeAriaLabel(){return this.hasNumber?`${this.number} notifications`:void 0}get contentTemplate(){return this.hasNumber?e.html`${this.number}`:e.nothing}render(){return e.html` <div class=${a.classMap(this.classes)} aria-label=${o.ifDefined(this.badgeAriaLabel)}>${this.contentTemplate}</div> `}},l=(c.styles=[s.commonStyles],c);r.default([n.property({type:Number})],l.prototype,`number`,void 0),r.default([n.property({type:String})],l.prototype,`variant`,void 0),r.default([n.property({type:String})],l.prototype,`size`,void 0),l=r.default([i.customUiKitElement(`ds-badge`)],l),Object.defineProperty(exports,"DsBadge",{enumerable:!0,get:function(){return l}});
+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("../../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/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const s=require("./styles/common.styles.cjs");var c=class extends t.LitElement{constructor(...e){super(...e),this.variant=`base`,this.size=`large`}get hasNumber(){return typeof this.number==`number`&&!Number.isNaN(this.number)}get classes(){return{container:!0,dot:!this.hasNumber,number:this.hasNumber,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0}}get badgeAriaLabel(){return this.hasNumber?this.dataAriaLabel||`${this.number} notifications`:void 0}get contentTemplate(){return this.hasNumber?e.html`${this.number}`:e.nothing}render(){return e.html` <div class=${a.classMap(this.classes)} aria-label=${o.ifDefined(this.badgeAriaLabel)}>${this.contentTemplate}</div> `}},l=(c.styles=[s.commonStyles],c);r.default([n.property({type:String,attribute:`data-aria-label`})],l.prototype,`dataAriaLabel`,void 0),r.default([n.property({type:Number})],l.prototype,`number`,void 0),r.default([n.property({type:String})],l.prototype,`variant`,void 0),r.default([n.property({type:String})],l.prototype,`size`,void 0),l=r.default([i.customUiKitElement(`ds-badge`)],l),Object.defineProperty(exports,"DsBadge",{enumerable:!0,get:function(){return l}});

package/dist-react/cjs/components/ds-banner/ds-banner.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"),r=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 i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.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"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("./styles/common.styles.cjs");var u=class extends t.LitElement{constructor(...e){super(...e),this.orientation=`horizontal`,this.showClose=!0,this._show=void 0,this._showState=!0}get show(){return this._show??this._showState}set show(e){this._show=e}handleClose(){let e=new CustomEvent(`banner:close`,{bubbles:!0,composed:!0});this.dispatchEvent(e),this._showState=!1}get containerClasses(){return{container:!0,[this.orientation??`horizontal`]:!0}}get closeButtonTemplate(){return this.showClose?s.uiKitHtml`<ds-icon-button
             class="close-button"
-            data-aria-label="close"
+            data-aria-label=${this.dataAriaLabelCloseButton||`close`}
             @click=${this.handleClose}
             icon-name="cross"
             variant="tertiary"
@@ -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}},d=(u.styles=[l.bannerStyles],u);i.default([n.property({type:String})],d.prototype,`orientation`,void 0),i.default([n.property({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`showClose`,void 0),i.default([n.property({type:Boolean,attribute:`show`,converter:o.booleanConverter})],d.prototype,`_show`,void 0),i.default([r.state()],d.prototype,`_showState`,void 0),d=i.default([a.customUiKitElement(`ds-banner`)],d),Object.defineProperty(exports,"DsBanner",{enumerable:!0,get:function(){return d}});
+        `:e.nothing}},d=(u.styles=[l.bannerStyles],u);i.default([n.property({type:String,attribute:`data-aria-label-close-button`})],d.prototype,`dataAriaLabelCloseButton`,void 0),i.default([n.property({type:String})],d.prototype,`orientation`,void 0),i.default([n.property({attribute:`show-close`,type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`showClose`,void 0),i.default([n.property({type:Boolean,attribute:`show`,converter:o.booleanConverter})],d.prototype,`_show`,void 0),i.default([r.state()],d.prototype,`_showState`,void 0),d=i.default([a.customUiKitElement(`ds-banner`)],d),Object.defineProperty(exports,"DsBanner",{enumerable:!0,get:function(){return d}});

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

@@ -1,4 +1,4 @@
-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/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("../../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/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-tooltip/ds-tooltip.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/static.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/static-html.cjs"),require("../ds-breadcrumbs-item/ds-breadcrumbs-item.cjs");const c=require("./styles/common.styles.cjs");var l,u=[{below:768,maxItems:3},{below:1024,maxItems:4}],d=5,f=(l=class extends t.LitElement{constructor(...e){super(...e),this.items=[],this.maxItems=d,this.itemTag=`ds-breadcrumbs-item`,this.onResize=()=>{let e=u.find(({below:e})=>window.innerWidth<e);this.maxItems=(e==null?void 0:e.maxItems)??d}}async firstUpdated(e){super.firstUpdated(e),this.onResize()}connectedCallback(){super.connectedCallback(),window.addEventListener(`resize`,this.onResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`resize`,this.onResize)}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase().startsWith(`ds-breadcrumbs-item`));t.length>0&&(this.itemTag=t[0].tagName.toLowerCase()),this.items=t.map(e=>{var t,n;return{label:e.getAttribute(`label`)||((t=e.textContent)==null?void 0:t.trim())||``,href:e.getAttribute(`href`)||((n=e.querySelector(`[slot="item"]`))==null?void 0:n.getAttribute(`href`))||void 0,disabled:e.hasAttribute(`disabled`),loading:e.hasAttribute(`loading`),selected:e.hasAttribute(`selected`)}})}get separatorIcon(){return a.uiKitHtml`<ds-icon class="separator-icon" icon-name="arrow-right" size="24"></ds-icon>`}itemTemplate(t,n){let r=t.selected,i=s.unsafeStatic(this.itemTag),a=r||t.disabled||!t.href?s.html`<span slot="item">${t.label}</span>`:s.html`<a href=${t.href} slot="item">${t.label}</a>`;return s.html`<li class="breadcrumb-list-item">
+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"),r=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 i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.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"),require("../ds-tooltip/ds-tooltip.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/static.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/static-html.cjs"),require("../ds-breadcrumbs-item/ds-breadcrumbs-item.cjs");const l=require("./styles/common.styles.cjs");var u,d=[{below:768,maxItems:3},{below:1024,maxItems:4}],f=5,p=(u=class extends t.LitElement{constructor(...e){super(...e),this.items=[],this.maxItems=f,this.itemTag=`ds-breadcrumbs-item`,this.onResize=()=>{let e=d.find(({below:e})=>window.innerWidth<e);this.maxItems=(e==null?void 0:e.maxItems)??f}}async firstUpdated(e){super.firstUpdated(e),this.onResize()}connectedCallback(){super.connectedCallback(),window.addEventListener(`resize`,this.onResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`resize`,this.onResize)}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase().startsWith(`ds-breadcrumbs-item`));t.length>0&&(this.itemTag=t[0].tagName.toLowerCase()),this.items=t.map(e=>{var t,n;return{label:e.getAttribute(`label`)||((t=e.textContent)==null?void 0:t.trim())||``,href:e.getAttribute(`href`)||((n=e.querySelector(`[slot="item"]`))==null?void 0:n.getAttribute(`href`))||void 0,disabled:e.hasAttribute(`disabled`),loading:e.hasAttribute(`loading`),selected:e.hasAttribute(`selected`)}})}get separatorIcon(){return o.uiKitHtml`<ds-icon class="separator-icon" icon-name="arrow-right" size="24" mirror></ds-icon>`}itemTemplate(t,n){let r=t.selected,i=c.unsafeStatic(this.itemTag),a=r||t.disabled||!t.href?c.html`<span slot="item">${t.label}</span>`:c.html`<a href=${t.href} slot="item">${t.label}</a>`;return c.html`<li class="breadcrumb-list-item">
             <${i}
                 ?selected=${r}
                 ?disabled=${t.disabled}
@@ -7,18 +7,22 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 ${a}
             </${i}>
             ${n?e.nothing:this.separatorIcon}
-        </li>`}get slotTemplate(){return s.html`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`}get overflowMenuTemplate(){let e=this.items.slice(1,this.items.length-(this.maxItems-2));return s.html`<ul class="overflow-menu" role="menu">
-            ${e.map(e=>s.html`
+        </li>`}get slotTemplate(){return c.html`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`}get overflowMenuTemplate(){let e=this.items.slice(1,this.items.length-(this.maxItems-2));return c.html`<ul class="overflow-menu" role="menu">
+            ${e.map(e=>c.html`
                     <li class="overflow-menu-item" role="none">
-                        <a href=${o.ifDefined(e.href)} class="overflow-menu-link" role="menuitem">${e.label}</a>
+                        <a href=${s.ifDefined(e.href)} class="overflow-menu-link" role="menuitem">${e.label}</a>
                     </li>
                 `)}
-        </ul>`}get overflowTriggerTemplate(){return s.html`<button class="overflow-trigger">
+        </ul>`}get overflowTriggerTemplate(){return c.html`<button
+            class="overflow-trigger"
+            aria-label=${this.dataAriaLabelShowMoreButton||`Show more`}
+            aria-haspopup="menu"
+        >
             <span class="overflow-label">...</span>
-        </button>`}get tooltipTemplate(){return a.uiKitHtml`<ds-tooltip class="breadcrumbs-tooltip">
+        </button>`}get tooltipTemplate(){return o.uiKitHtml`<ds-tooltip class="breadcrumbs-tooltip">
             ${this.overflowTriggerTemplate}
             <div slot="content">${this.overflowMenuTemplate}</div>
-        </ds-tooltip>`}get listTemplate(){let{items:e,maxItems:t}=this;if(e.length<=t)return e.map((t,n)=>this.itemTemplate(t,n===e.length-1));let n=e.slice(e.length-(t-2));return s.html`
+        </ds-tooltip>`}get listTemplate(){let{items:e,maxItems:t}=this;if(e.length<=t)return e.map((t,n)=>this.itemTemplate(t,n===e.length-1));let n=e.slice(e.length-(t-2));return c.html`
             ${this.itemTemplate(e[0],!1)}
             <li class="breadcrumb-list-item">
                 <div class="overflow-item-wrapper">
@@ -27,11 +31,11 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </div>
             </li>
             ${n.map((e,t)=>this.itemTemplate(e,t===n.length-1))}
-        `}render(){return s.html`
+        `}render(){return c.html`
             ${this.slotTemplate}
-            <nav class="container" aria-label="Breadcrumb">
+            <nav class="container" aria-label=${this.dataAriaLabel||`Breadcrumb`}>
                 <ol class="breadcrumb-list">
                     ${this.listTemplate}
                 </ol>
             </nav>
-        `}},l.styles=[c.commonStyles],l);r.default([n.state()],f.prototype,`items`,void 0),r.default([n.state()],f.prototype,`maxItems`,void 0),r.default([n.state()],f.prototype,`itemTag`,void 0),f=r.default([i.customUiKitElement(`ds-breadcrumbs`)],f),Object.defineProperty(exports,"DsBreadcrumbs",{enumerable:!0,get:function(){return f}});
+        `}},u.styles=[l.commonStyles],u);i.default([n.property({type:String,attribute:`data-aria-label`})],p.prototype,`dataAriaLabel`,void 0),i.default([n.property({type:String,attribute:`data-aria-label-show-more-button`})],p.prototype,`dataAriaLabelShowMoreButton`,void 0),i.default([r.state()],p.prototype,`items`,void 0),i.default([r.state()],p.prototype,`maxItems`,void 0),i.default([r.state()],p.prototype,`itemTag`,void 0),p=i.default([a.customUiKitElement(`ds-breadcrumbs`)],p),Object.defineProperty(exports,"DsBreadcrumbs",{enumerable:!0,get:function(){return p}});

package/dist-react/cjs/components/ds-button/ds-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("../../mixins/ViewportMixin.cjs"),l=require("../../utils/objectConverter.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/when.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 c.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.destructive=!1,this.htmlTagName=`button`,this.type=`button`,this.iconPosition=`left`,this.rounded=!1,this.fullWidth=!1,this.loading=!1,this.contentObserver=new MutationObserver(()=>this.requestUpdate())}connectedCallback(){super.connectedCallback(),this.closestForm=this.closest(`form`),this.contentObserver.observe(this,{childList:!0,characterData:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.contentObserver.disconnect()}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,[e]:!!e,[this.mode]:!!this.mode,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(e){if(this.href||e.preventDefault(),this.closestForm&&this.type===`submit`){let e=new Event(`submit`,{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(e)}}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 iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`:e.nothing}get loadingTemplate(){return this.loading?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("../../mixins/ViewportMixin.cjs"),l=require("../../utils/objectConverter.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/choose.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 c.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.destructive=!1,this.htmlTagName=`button`,this.type=`button`,this.iconPosition=`left`,this.rounded=!1,this.fullWidth=!1,this.loading=!1,this.contentObserver=new MutationObserver(()=>this.requestUpdate())}connectedCallback(){super.connectedCallback(),this.closestForm=this.closest(`form`),this.contentObserver.observe(this,{childList:!0,characterData:!0,subtree:!0})}disconnectedCallback(){super.disconnectedCallback(),this.contentObserver.disconnect()}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,[e]:!!e,[this.mode]:!!this.mode,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(e){if(this.href||e.preventDefault(),this.closestForm&&this.type===`submit`){let e=new Event(`submit`,{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(e)}}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 iconTemplate(){return this.iconName?o.uiKitHtml`<ds-icon class="icon icon-${this.iconPosition}" icon-name=${this.iconName}></ds-icon>`:e.nothing}get loadingTemplate(){return this.loading?e.html`
             <span class="loading-dots">
                 <span>.</span>
                 <span>.</span>
@@ -24,12 +24,11 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                             @click=${this.handleClick}
                             ?disabled=${this.disabled}
                         >
-                            ${d.when(this.iconPosition===`left`,()=>e.html` ${this.iconTemplate} `)}
                             <span class="container">
                                 ${this.contentTemplate}
                                 ${this.loadingTemplate}
                             </span>
-                            ${d.when(this.iconPosition===`right`,()=>e.html` ${this.iconTemplate} `)}
+                            ${this.iconTemplate}
                         </button>
                     `}],[`a`,()=>{var t;return e.html`
                         <a
@@ -40,18 +39,16 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                             target=${this.target}
                             @click=${this.handleClick}
                         >
-                            ${d.when(this.iconPosition===`left`,()=>e.html`${this.iconTemplate}`)}
                             <span class="container">
                                 ${this.contentTemplate}
                                 ${this.loadingTemplate}
                             </span>
-                            ${d.when(this.iconPosition===`right`,()=>e.html`${this.iconTemplate}`)}
+                            ${this.iconTemplate}
                         </a>
                     `}],[`custom`,()=>e.html`
                         <div class=${s.classMap(this.classes)} @click=${this.handleCustomClick}>
-                            ${d.when(this.iconPosition===`left`,()=>e.html`${this.iconTemplate}`)}
                             ${this.loading&&this.textLoading?e.html`<span class="container">${this.textLoading}${this.loadingTemplate}</span>`:e.html`<slot></slot>${this.loadingTemplate}`}
-                            ${d.when(this.iconPosition===`right`,()=>e.html`${this.iconTemplate}`)}
+                            ${this.iconTemplate}
                         </div>
                     `]])}
-        `}},v=(_.styles=[f.buttonStyles,f.textStyles,f.loadingDotsStyles,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,reflect:!0})],v.prototype,`mode`,void 0),n.default([t.property({type:String,converter:l.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:Boolean,converter:a.booleanConverter})],v.prototype,`destructive`,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,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),n.default([t.property({type:String})],v.prototype,`type`,void 0),n.default([t.property({type:String,attribute:`icon-position`})],v.prototype,`iconPosition`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`rounded`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],v.prototype,`fullWidth`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],v.prototype,`loading`,void 0),n.default([t.property({type:String,attribute:`text-loading`})],v.prototype,`textLoading`,void 0),v=n.default([i.customUiKitElement(`ds-button`)],v),Object.defineProperty(exports,"DsButton",{enumerable:!0,get:function(){return v}});
+        `}},_=(g.styles=[d.buttonStyles,d.textStyles,d.loadingDotsStyles,f.cupraDiagonalStyles,h.seatStyles,p.cupraStyles,m.seatLegacyStyles],g);n.default([t.property({type:String,reflect:!0})],_.prototype,`variant`,void 0),n.default([t.property({type:String,reflect:!0})],_.prototype,`mode`,void 0),n.default([t.property({type:String,converter:l.objectConverter})],_.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],_.prototype,`disabled`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],_.prototype,`destructive`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],_.prototype,`iconName`,void 0),n.default([t.property({type:String,attribute:`html-tag-name`})],_.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,reflect:!0})],_.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],_.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],_.prototype,`target`,void 0),n.default([t.property({type:String})],_.prototype,`type`,void 0),n.default([t.property({type:String,attribute:`icon-position`})],_.prototype,`iconPosition`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],_.prototype,`rounded`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],_.prototype,`fullWidth`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],_.prototype,`loading`,void 0),n.default([t.property({type:String,attribute:`text-loading`})],_.prototype,`textLoading`,void 0),_=n.default([i.customUiKitElement(`ds-button`)],_),Object.defineProperty(exports,"DsButton",{enumerable:!0,get:function(){return _}});

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

@@ -59,6 +59,19 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     .tag-custom ::slotted(*:focus-visible) {
         outline: none;
     }
+
+    .icon-start,
+    .icon-left {
+        order: -1;
+    }
+
+    :host(:dir(rtl)) .icon-left {
+        order: 0;
+    }
+
+    :host(:dir(rtl)) .icon-right {
+        order: -1;
+    }
 `,n=e.css`
     .naked.container {
         display: inline-flex;

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

@@ -1,38 +1,46 @@
-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"),r=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 i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),a=require("../../decorators/customUiKitElement.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"),require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-calendar-day/ds-calendar-day.cjs");const l=require("../../utils/arrayConverter.cjs"),u=require("./styles/common.styles.cjs");var d=class extends t.LitElement{constructor(...e){super(...e),this.variant=`plane`,this.size=`large`,this.locale=`en-US`,this.firstDayOfWeek=1,this.disabledDates=[],this.disabledWeekdays=[],this._viewDate=new Date,this._value=null,this._initialValueApplied=!1,this._viewDateInitialized=!1}get selectedDate(){if(this.value){let e=this.parseDate(this.value);if(e)return e}return this._value}get viewDate(){return this._viewDate}connectedCallback(){super.connectedCallback(),this.applyInitialValue()}willUpdate(e){super.willUpdate(e),(!this._viewDateInitialized||e.has(`value`)||e.has(`viewDateAttr`))&&(this._viewDateInitialized=!0,this.initializeViewDate())}applyInitialValue(){if(!this._initialValueApplied&&(this._initialValueApplied=!0,this.initialValue)){let e=this.parseDate(this.initialValue);e&&(this._value=e)}}initializeViewDate(){if(this.viewDateAttr){let e=this.parseDate(this.viewDateAttr);e&&(this._viewDate=e)}else if(this.value){let e=this.parseDate(this.value);e&&(this._viewDate=new Date(e))}else this._viewDate=this._value?new Date(this._value):new Date}parseDate(e){let t=e.split(`-`);if(t.length>=2){let e=Number.parseInt(t[0],10),n=Number.parseInt(t[1],10)-1,r=t.length>=3?Number.parseInt(t[2],10):1,i=new Date(e,n,r);if(!Number.isNaN(i.getTime()))return i}return null}get calendarClasses(){return{calendar:!0,[this.variant]:!0,[this.size]:!0}}get weekdayNames(){let e=new Intl.DateTimeFormat(this.locale,{weekday:`short`}),t=[],n=new Date(2024,0,1);for(;n.getDay()!==this.firstDayOfWeek;)n.setDate(n.getDate()+1);for(let r=0;r<7;r++){let i=new Date(n);i.setDate(n.getDate()+r);let a=e.format(i);t.push(a.slice(0,2))}return t}get monthYearLabel(){return new Intl.DateTimeFormat(this.locale,{month:`long`,year:`numeric`}).format(this._viewDate)}getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()}getFirstDayOfMonth(e,t){return new Date(e,t,1).getDay()}get calendarDays(){let e=this._viewDate.getFullYear(),t=this._viewDate.getMonth(),n=new Date;n.setHours(0,0,0,0);let r=this.getDaysInMonth(e,t),i=this.getFirstDayOfMonth(e,t)-this.firstDayOfWeek;i<0&&(i+=7);let a=[],o=t===0?11:t-1,s=t===0?e-1:e,c=this.getDaysInMonth(s,o);for(let e=i-1;e>=0;e--){let t=c-e,r=new Date(s,o,t);a.push(this.createCalendarDay(r,!1,n))}for(let i=1;i<=r;i++){let r=new Date(e,t,i);a.push(this.createCalendarDay(r,!0,n))}let l=42-a.length,u=t===11?0:t+1,d=t===11?e+1:e;for(let e=1;e<=l;e++){let t=new Date(d,u,e);a.push(this.createCalendarDay(t,!1,n))}return a}createCalendarDay(e,t,n){e.setHours(0,0,0,0);let r=e.getDate(),i=e.getMonth(),a=e.getFullYear(),o=r===n.getDate()&&i===n.getMonth()&&a===n.getFullYear(),s=this.selectedDate;return{day:r,month:i,year:a,date:e,isCurrentMonth:t,isToday:o,isSelected:s?r===s.getDate()&&i===s.getMonth()&&a===s.getFullYear():!1,isDisabled:!t||this.isDateDisabled(e)}}isDateDisabled(e){if(this.minDate){let t=new Date(this.minDate);if(t.setHours(0,0,0,0),e<t)return!0}if(this.maxDate){let t=new Date(this.maxDate);if(t.setHours(0,0,0,0),e>t)return!0}if(this.disabledWeekdays&&this.disabledWeekdays.length>0){let t=e.getDay();if(this.disabledWeekdays.some(e=>e===t))return!0}if(this.disabledDates&&this.disabledDates.length>0){let t=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`;if(this.disabledDates.includes(t))return!0}return!1}handlePrevMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()-1),this._viewDate=e}handleNextMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()+1),this._viewDate=e}handleDayChange(e){var t;e.stopPropagation();let n=e.target;if(!n||!n.tagName.toLowerCase().startsWith(`ds-calendar-day`))return;let r=n.tagName.toLowerCase(),i=Array.from(((t=this.shadowRoot)==null?void 0:t.querySelectorAll(r))||[]).indexOf(n);if(i===-1)return;let a=this.calendarDays[i];if(!a||a.isDisabled)return;this._value=a.date,this._viewDate=new Date(a.date);let o=`${a.date.getFullYear()}-${String(a.date.getMonth()+1).padStart(2,`0`)}-${String(a.date.getDate()).padStart(2,`0`)}`;this.dispatchEvent(new CustomEvent(`ds-calendar-change`,{bubbles:!0,composed:!0,detail:{value:o,date:a.date}}))}get navButtonSize(){return this.size===`medium`?`small`:`medium`}get prevButtonTemplate(){return o.uiKitHtml`<ds-icon-button
+const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs"),n=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 r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),i=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 a=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/getDirection/getDirection.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=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 u=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-calendar-day/ds-calendar-day.cjs");const d=require("../../utils/arrayConverter.cjs"),f=require("../../utils/resolveLang/resolveLang.cjs"),p=require("./styles/common.styles.cjs"),m=require("./utils/getTargetDayIndex/getTargetDayIndex.cjs");var h=class extends n.LitElement{constructor(...e){super(...e),this.variant=`plane`,this.size=`large`,this.locale=`en-US`,this.weekdayFormat=`two-letters`,this.firstDayOfWeek=1,this.disabledDates=[],this.disabledWeekdays=[],this._viewDate=new Date,this._value=null,this._initialValueApplied=!1,this._viewDateInitialized=!1,this.handleLangChange=()=>{this.locale===`auto`&&this.requestUpdate()}}get selectedDate(){if(this.value){let e=this.parseDate(this.value);if(e)return e}return this._value}get viewDate(){return this._viewDate}disconnectedCallback(){super.disconnectedCallback(),e.pubSub.unsubscribe(`lang`,this.handleLangChange)}connectedCallback(){super.connectedCallback(),e.pubSub.subscribe(`lang`,this.handleLangChange),this.applyInitialValue()}willUpdate(e){super.willUpdate(e),(!this._viewDateInitialized||e.has(`value`)||e.has(`viewDateAttr`))&&(this._viewDateInitialized=!0,this.initializeViewDate())}applyInitialValue(){if(!this._initialValueApplied&&(this._initialValueApplied=!0,this.initialValue)){let e=this.parseDate(this.initialValue);e&&(this._value=e)}}initializeViewDate(){if(this.viewDateAttr){let e=this.parseDate(this.viewDateAttr);e&&(this._viewDate=e)}else if(this.value){let e=this.parseDate(this.value);e&&(this._viewDate=new Date(e))}else this._viewDate=this._value?new Date(this._value):new Date}parseDate(e){let t=e.split(`-`);if(t.length>=2){let e=Number.parseInt(t[0],10),n=Number.parseInt(t[1],10)-1,r=t.length>=3?Number.parseInt(t[2],10):1,i=new Date(e,n,r);if(!Number.isNaN(i.getTime()))return i}return null}get calendarClasses(){return{calendar:!0,[this.variant]:!0,[this.size]:!0}}get resolvedLocale(){return this.locale===`auto`?f.resolveLang(this):this.locale}formatWeekday(e,t){let n=e.format(t);return this.weekdayFormat===`two-letters`?n.slice(0,2):n}get weekdayNames(){let e=new Intl.DateTimeFormat(this.resolvedLocale,{weekday:this.weekdayFormat===`narrow`?`narrow`:`short`,calendar:`gregory`}),t=[],n=new Date(2024,0,1);for(;n.getDay()!==this.firstDayOfWeek;)n.setDate(n.getDate()+1);for(let r=0;r<7;r++){let i=new Date(n);i.setDate(n.getDate()+r),t.push(this.formatWeekday(e,i))}return t}get monthYearLabel(){return new Intl.DateTimeFormat(this.resolvedLocale,{month:`long`,year:`numeric`,calendar:`gregory`}).format(this._viewDate)}getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()}getFirstDayOfMonth(e,t){return new Date(e,t,1).getDay()}get calendarDays(){let e=this._viewDate.getFullYear(),t=this._viewDate.getMonth(),n=new Date;n.setHours(0,0,0,0);let r=this.getDaysInMonth(e,t),i=this.getFirstDayOfMonth(e,t)-this.firstDayOfWeek;i<0&&(i+=7);let a=[],o=t===0?11:t-1,s=t===0?e-1:e,c=this.getDaysInMonth(s,o);for(let e=i-1;e>=0;e--){let t=c-e,r=new Date(s,o,t);a.push(this.createCalendarDay(r,!1,n))}for(let i=1;i<=r;i++){let r=new Date(e,t,i);a.push(this.createCalendarDay(r,!0,n))}let l=42-a.length,u=t===11?0:t+1,d=t===11?e+1:e;for(let e=1;e<=l;e++){let t=new Date(d,u,e);a.push(this.createCalendarDay(t,!1,n))}return a}createCalendarDay(e,t,n){e.setHours(0,0,0,0);let r=e.getDate(),i=e.getMonth(),a=e.getFullYear(),o=r===n.getDate()&&i===n.getMonth()&&a===n.getFullYear(),s=this.selectedDate;return{day:r,month:i,year:a,date:e,isCurrentMonth:t,isToday:o,isSelected:s?r===s.getDate()&&i===s.getMonth()&&a===s.getFullYear():!1,isDisabled:!t||this.isDateDisabled(e)}}isDateDisabled(e){if(this.minDate){let t=new Date(this.minDate);if(t.setHours(0,0,0,0),e<t)return!0}if(this.maxDate){let t=new Date(this.maxDate);if(t.setHours(0,0,0,0),e>t)return!0}if(this.disabledWeekdays&&this.disabledWeekdays.length>0){let t=e.getDay();if(this.disabledWeekdays.some(e=>e===t))return!0}if(this.disabledDates&&this.disabledDates.length>0){let t=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`;if(this.disabledDates.includes(t))return!0}return!1}handlePrevMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()-1),this._viewDate=e}handleNextMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()+1),this._viewDate=e}get tabStopIndex(){let e=this.calendarDays,t=e.findIndex(e=>e.isSelected&&!e.isDisabled);return t===-1?e.findIndex(e=>!e.isDisabled):t}focusDayAt(e){var t,n;let r=(t=this.shadowRoot)==null?void 0:t.querySelectorAll(`ds-calendar-day`),i=r==null?void 0:r[e];i==null||(n=i.shadowRoot)==null||(n=n.querySelector(`button`))==null||n.focus()}changeMonthKeepingDay(e){let t=this._viewDate.getDate(),n=new Date(this._viewDate.getFullYear(),this._viewDate.getMonth()+e,1),r=this.getDaysInMonth(n.getFullYear(),n.getMonth());n.setDate(Math.min(t,r)),this._viewDate=n}async moveFocusToViewDate(){await this.updateComplete;let e=this.calendarDays.findIndex(e=>e.isCurrentMonth&&e.day===this._viewDate.getDate());this.focusDayAt(e)}handleGridKeyDown(e){var t;if(e.key===`PageUp`||e.key===`PageDown`){e.preventDefault(),this.changeMonthKeepingDay(e.key===`PageUp`?-1:1),this.moveFocusToViewDate();return}let n=Array.from(((t=this.shadowRoot)==null?void 0:t.querySelectorAll(`ds-calendar-day`))??[]).indexOf(e.target);if(n===-1)return;let r=m.getTargetDayIndex({key:e.key,currentIndex:n,directionSign:s.getDirectionSign(this)});if(r===null)return;e.preventDefault();let i=this.calendarDays[r];i&&!i.isDisabled&&this.focusDayAt(r)}handleDayChange(e){var t;e.stopPropagation();let n=e.target;if(!n||!n.tagName.toLowerCase().startsWith(`ds-calendar-day`))return;let r=n.tagName.toLowerCase(),i=Array.from(((t=this.shadowRoot)==null?void 0:t.querySelectorAll(r))||[]).indexOf(n);if(i===-1)return;let a=this.calendarDays[i];if(!a||a.isDisabled)return;this._value=a.date,this._viewDate=new Date(a.date);let o=`${a.date.getFullYear()}-${String(a.date.getMonth()+1).padStart(2,`0`)}-${String(a.date.getDate()).padStart(2,`0`)}`;this.dispatchEvent(new CustomEvent(`ds-calendar-change`,{bubbles:!0,composed:!0,detail:{value:o,date:a.date}}))}get navButtonSize(){return this.size===`medium`?`small`:`medium`}get prevButtonTemplate(){return c.uiKitHtml`<ds-icon-button
             class="nav-button"
             icon-name="arrow-left"
-            data-aria-label="Previous month"
+            mirror
+            data-aria-label=${this.dataAriaLabelPreviousMonth||`Previous month`}
             @click=${this.handlePrevMonth}
             variant="naked"
-            size=${c.ifDefined(this.navButtonSize)}
-        ></ds-icon-button>`}get nextButtonTemplate(){return o.uiKitHtml`<ds-icon-button
+            size=${u.ifDefined(this.navButtonSize)}
+        ></ds-icon-button>`}get nextButtonTemplate(){return c.uiKitHtml`<ds-icon-button
             class="nav-button"
             icon-name="arrow-right"
-            data-aria-label="Next month"
+            mirror
+            data-aria-label=${this.dataAriaLabelNextMonth||`Next month`}
             @click=${this.handleNextMonth}
             variant="naked"
-            size=${c.ifDefined(this.navButtonSize)}
-        ></ds-icon-button>`}get weekdaysTemplate(){return e.html`
+            size=${u.ifDefined(this.navButtonSize)}
+        ></ds-icon-button>`}get weekdaysTemplate(){return t.html`
             <div class="weekdays">
-                ${this.weekdayNames.map(t=>e.html`<div class="weekday">${t}</div>`)}
+                ${this.weekdayNames.map(e=>t.html`<div class="weekday">${e}</div>`)}
             </div>
-        `}get daysTemplate(){let t=this.calendarDays,n=[];for(let e=0;e<t.length;e+=7)n.push(t.slice(e,e+7));return e.html`
-            <div class="days-grid" role="grid" @ds-calendar-day-change=${this.handleDayChange}>
-                ${n.map(t=>e.html`
+        `}get daysTemplate(){let e=this.calendarDays,n=this.tabStopIndex,r=[];for(let t=0;t<e.length;t+=7)r.push(e.slice(t,t+7));return t.html`
+            <div
+                class="days-grid"
+                role="grid"
+                @ds-calendar-day-change=${this.handleDayChange}
+                @keydown=${this.handleGridKeyDown}
+            >
+                ${r.map(r=>t.html`
                         <div class="days-row" role="row">
-                            ${t.map(e=>o.uiKitHtml`<ds-calendar-day
-                                    day=${e.day}
-                                    size=${c.ifDefined(this.size)}
-                                    ?disabled=${e.isDisabled}
-                                    ?selected=${e.isSelected}
-                                    ?today=${e.isToday}
-                                    ?outside-month=${!e.isCurrentMonth}
+                            ${r.map(t=>c.uiKitHtml`<ds-calendar-day
+                                    .tabStop=${e.indexOf(t)===n}
+                                    day=${t.day}
+                                    size=${u.ifDefined(this.size)}
+                                    ?disabled=${t.isDisabled}
+                                    ?selected=${t.isSelected}
+                                    ?today=${t.isToday}
+                                    ?outside-month=${!t.isCurrentMonth}
                                 ></ds-calendar-day>`)}
                         </div>
                     `)}
             </div>
-        `}render(){return e.html`
-            <div class=${s.classMap(this.calendarClasses)} role="application" aria-label="Calendar">
+        `}render(){return t.html`
+            <div class=${l.classMap(this.calendarClasses)} role="application" aria-label=${this.dataAriaLabel||`Calendar`}>
                 <div class="header">
                     ${this.prevButtonTemplate}
                     <div class="month-year" aria-live="polite">${this.monthYearLabel}</div>
@@ -40,4 +48,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 </div>
                 ${this.weekdaysTemplate} ${this.daysTemplate}
             </div>
-        `}},f=(d.styles=[u.commonStyles],d);i.default([n.property({type:String,reflect:!0})],f.prototype,`value`,void 0),i.default([n.property({type:String,reflect:!0})],f.prototype,`variant`,void 0),i.default([n.property({type:String,reflect:!0})],f.prototype,`size`,void 0),i.default([n.property({type:String,reflect:!0})],f.prototype,`locale`,void 0),i.default([n.property({type:Number,reflect:!0,attribute:`first-day-of-week`})],f.prototype,`firstDayOfWeek`,void 0),i.default([n.property({type:String,reflect:!0,attribute:`min-date`})],f.prototype,`minDate`,void 0),i.default([n.property({type:String,reflect:!0,attribute:`max-date`})],f.prototype,`maxDate`,void 0),i.default([n.property({attribute:`disabled-dates`,converter:l.stringArrayConverter})],f.prototype,`disabledDates`,void 0),i.default([n.property({attribute:`disabled-weekdays`,converter:l.numberArrayConverter})],f.prototype,`disabledWeekdays`,void 0),i.default([n.property({type:String,reflect:!0,attribute:`view-date`})],f.prototype,`viewDateAttr`,void 0),i.default([n.property({type:String,attribute:`initial-value`})],f.prototype,`initialValue`,void 0),i.default([r.state()],f.prototype,`_viewDate`,void 0),i.default([r.state()],f.prototype,`_value`,void 0),f=i.default([a.customUiKitElement(`ds-calendar`)],f),Object.defineProperty(exports,"DsCalendar",{enumerable:!0,get:function(){return f}});
+        `}},g=(h.styles=[p.commonStyles],h);a.default([r.property({type:String,attribute:`data-aria-label-previous-month`})],g.prototype,`dataAriaLabelPreviousMonth`,void 0),a.default([r.property({type:String,attribute:`data-aria-label-next-month`})],g.prototype,`dataAriaLabelNextMonth`,void 0),a.default([r.property({type:String,attribute:`data-aria-label`})],g.prototype,`dataAriaLabel`,void 0),a.default([r.property({type:String,reflect:!0})],g.prototype,`value`,void 0),a.default([r.property({type:String,reflect:!0})],g.prototype,`variant`,void 0),a.default([r.property({type:String,reflect:!0})],g.prototype,`size`,void 0),a.default([r.property({type:String,reflect:!0})],g.prototype,`locale`,void 0),a.default([r.property({type:String,reflect:!0,attribute:`weekday-format`})],g.prototype,`weekdayFormat`,void 0),a.default([r.property({type:Number,reflect:!0,attribute:`first-day-of-week`})],g.prototype,`firstDayOfWeek`,void 0),a.default([r.property({type:String,reflect:!0,attribute:`min-date`})],g.prototype,`minDate`,void 0),a.default([r.property({type:String,reflect:!0,attribute:`max-date`})],g.prototype,`maxDate`,void 0),a.default([r.property({attribute:`disabled-dates`,converter:d.stringArrayConverter})],g.prototype,`disabledDates`,void 0),a.default([r.property({attribute:`disabled-weekdays`,converter:d.numberArrayConverter})],g.prototype,`disabledWeekdays`,void 0),a.default([r.property({type:String,reflect:!0,attribute:`view-date`})],g.prototype,`viewDateAttr`,void 0),a.default([r.property({type:String,attribute:`initial-value`})],g.prototype,`initialValue`,void 0),a.default([i.state()],g.prototype,`_viewDate`,void 0),a.default([i.state()],g.prototype,`_value`,void 0),g=a.default([o.customUiKitElement(`ds-calendar`)],g),Object.defineProperty(exports,"DsCalendar",{enumerable:!0,get:function(){return g}});

package/dist-react/cjs/components/ds-calendar/utils/getTargetDayIndex/getTargetDayIndex.cjs

@@ -0,0 +1 @@
+function e({key:e,currentIndex:t,directionSign:n}){let r=t-t%7;switch(e){case`ArrowRight`:return t+n;case`ArrowLeft`:return t-n;case`ArrowDown`:return t+7;case`ArrowUp`:return t-7;case`Home`:return r;case`End`:return r+7-1;default:return null}}exports.getTargetDayIndex=e;

package/dist-react/cjs/components/ds-calendar-day/ds-calendar-day.cjs

@@ -1,15 +1,15 @@
-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"),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 t.LitElement{constructor(...e){super(...e),this.size=`large`,this.disabled=!1,this.selected=!1,this.today=!1,this.outsideMonth=!1}get classes(){return{day:!0,[this.size]:!0,disabled:this.disabled,selected:this.selected,today:this.today,"outside-month":this.outsideMonth}}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.dispatchEvent(new CustomEvent(`ds-calendar-day-change`,{bubbles:!0,composed:!0,detail:{day:this.day}}))}handleKeyDown(e){this.disabled||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClick(e))}render(){return 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"),a=require("../../utils/booleanConverter.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const s=require("./styles/common.styles.cjs");var c=class extends t.LitElement{constructor(...e){super(...e),this.size=`large`,this.disabled=!1,this.selected=!1,this.today=!1,this.tabStop=!0,this.outsideMonth=!1}get classes(){return{day:!0,[this.size]:!0,disabled:this.disabled,selected:this.selected,today:this.today,"outside-month":this.outsideMonth}}handleClick(e){if(this.disabled){e.preventDefault(),e.stopPropagation();return}this.dispatchEvent(new CustomEvent(`ds-calendar-day-change`,{bubbles:!0,composed:!0,detail:{day:this.day}}))}handleKeyDown(e){this.disabled||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.handleClick(e))}render(){return e.html`
             <button
                 class=${o.classMap(this.classes)}
                 ?disabled=${this.disabled}
-                aria-label=${this.day?`Day ${this.day}`:``}
+                aria-label=${this.dataAriaLabel||(this.day?`Day ${this.day}`:``)}
                 role="gridcell"
                 aria-selected=${this.selected}
                 aria-current=${this.today?`date`:`false`}
-                tabindex=${this.disabled?-1:0}
+                tabindex=${this.disabled||!this.tabStop?-1:0}
                 @click=${this.handleClick}
                 @keydown=${this.handleKeyDown}
             >
                 ${this.day}
             </button>
-        `}},l=(c.styles=[s.commonStyles],c);r.default([n.property({type:Number,reflect:!0})],l.prototype,`day`,void 0),r.default([n.property({type:String,reflect:!0})],l.prototype,`size`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`disabled`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`selected`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`today`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0,attribute:`outside-month`})],l.prototype,`outsideMonth`,void 0),l=r.default([i.customUiKitElement(`ds-calendar-day`)],l),Object.defineProperty(exports,"DsCalendarDay",{enumerable:!0,get:function(){return l}});
+        `}},l=(c.styles=[s.commonStyles],c);r.default([n.property({type:String,attribute:`data-aria-label`})],l.prototype,`dataAriaLabel`,void 0),r.default([n.property({type:Number,reflect:!0})],l.prototype,`day`,void 0),r.default([n.property({type:String,reflect:!0})],l.prototype,`size`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`disabled`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`selected`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`today`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0,attribute:`tab-stop`})],l.prototype,`tabStop`,void 0),r.default([n.property({type:Boolean,converter:a.booleanConverter,reflect:!0,attribute:`outside-month`})],l.prototype,`outsideMonth`,void 0),l=r.default([i.customUiKitElement(`ds-calendar-day`)],l),Object.defineProperty(exports,"DsCalendarDay",{enumerable:!0,get:function(){return l}});

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

@@ -1,4 +1,4 @@
-const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),t=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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),r=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 i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=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 u=require("../ds-checkbox-group/ds-checkbox-group.cjs"),d=require("../../mixins/FormAssociatedMixin.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 d.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.inputPlacement=`left`,this._checked=void 0,this._checkedState=!1,this.required=!1,this._disabled=!1,this.mode=`light`,this._size=`medium`,this.helperText=``,this.infoText=``,this._forcedError=``,this.invalidError=``,this.indeterminate=!1,this.dataAriaLabel=``}get checked(){return this._checked??this._checkedState}set checked(e){this._checked=e}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.ContextConsumer(this,{context:t,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){let t=e.target.checked;this._checkedState=t,this._checked=void 0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:t,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return t.nothing;let e=this.indeterminate?`minus`:`check`;return c.uiKitHtml`<ds-icon class="icon" icon-name=${e}></ds-icon>`}get styleTokens(){return t.html`
+const e=require("../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs"),t=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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),r=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 i=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs"),s=require("../../utils/booleanConverter.cjs");require("../ds-icon/ds-icon.cjs");const c=require("../../utils/uiKitHtml.cjs"),l=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 u=require("../ds-checkbox-group/ds-checkbox-group.cjs"),d=require("../../mixins/FormAssociatedMixin.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 d.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.inputPlacement=`left`,this._checked=void 0,this._checkedState=!1,this.required=!1,this._disabled=!1,this.mode=`light`,this._size=`medium`,this.helperText=``,this.infoText=``,this._forcedError=``,this.invalidError=``,this.indeterminate=!1,this.dataAriaLabel=``}get checked(){return this._checked??this._checkedState}set checked(e){this._checked=e}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.ContextConsumer(this,{context:t,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){let t=e.target.checked;this._checkedState=t,this._checked=void 0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:t,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return t.nothing;let e=this.indeterminate?`minus`:`check`;return c.uiKitHtml`<ds-icon class="icon" icon-name=${e}></ds-icon>`}get styleTokens(){return t.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};

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

@@ -16,7 +16,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;
         margin: 0;
         padding: 0;
         z-index: 1;

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

@@ -86,7 +86,14 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         display: flex;
         gap: var(--ds-spacing-s-5);
     }
-    :host([data-ui-kit-theme='cupra-diagonal']) .right label {
+    :host([data-ui-kit-theme='cupra-diagonal']) :is(.end, .right) label {
+        flex-direction: row-reverse;
+        justify-content: space-between;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']:dir(rtl)) .right label {
+        flex-direction: row;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']:dir(rtl)) .left label {
         flex-direction: row-reverse;
         justify-content: space-between;
     }

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

@@ -86,7 +86,14 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
         display: flex;
         gap: var(--ds-spacing-s-5);
     }
-    :host([data-ui-kit-theme='seat']) .right label {
+    :host([data-ui-kit-theme='seat']) :is(.end, .right) label {
+        flex-direction: row-reverse;
+        justify-content: space-between;
+    }
+    :host([data-ui-kit-theme='seat']:dir(rtl)) .right label {
+        flex-direction: row;
+    }
+    :host([data-ui-kit-theme='seat']:dir(rtl)) .left label {
         flex-direction: row-reverse;
         justify-content: space-between;
     }

package/dist-react/cjs/components/ds-chip/ds-chip.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("./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 r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.selected=!1,this.deselectable=!1,this.slottedText=``,this.handleSlotChange=e=>{let t=e.target.assignedNodes({flatten:!0});this.slottedText=t.filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent.trim()).join(` `),this.requestUpdate()}}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}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("./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 r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.selected=!1,this.deselectable=!1,this.slottedText=``,this.handleSlotChange=e=>{let t=e.target.assignedNodes({flatten:!0});this.slottedText=t.filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent.trim()).join(` `),this.requestUpdate()}}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return e.html`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -13,13 +13,13 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
             @click=${this.handleClickIcon}
             @keydown=${this.handleKeyDownIcon}
             role="button"
-            aria-label=${`deselect ${this.slottedText}`}
+            aria-label=${this.dataAriaLabelDeselectButton||`deselect ${this.slottedText}`}
             tabindex="0"
         ></ds-icon>`}render(){return e.html`
             ${this.styleTokens}
             <div
                 role="button"
-                aria-label=${`chip ${this.slottedText}`}
+                aria-label=${this.dataAriaLabel||`chip ${this.slottedText}`}
                 tabindex="0"
                 data-testid="ds-chip-container"
                 class=${s.classMap(this.classes)}
@@ -30,4 +30,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 <slot @slotchange=${this.handleSlotChange}></slot>
                 ${this.iconTemplate}
             </div>
-        `}},h=(m.styles=[l.commonStyles,u.cupraDiagonalStyles,p.seatStyles,d.cupraStyles,f.seatLegacyStyles],m);n.default([t.property({type:String})],h.prototype,`value`,void 0),n.default([t.property({type:String,reflect:!0})],h.prototype,`mode`,void 0),n.default([t.property({type:String,reflect:!0})],h.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],h.prototype,`selected`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],h.prototype,`deselectable`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),h=n.default([i.customUiKitElement(`ds-chip`)],h),Object.defineProperty(exports,"DsChip",{enumerable:!0,get:function(){return h}});
+        `}},h=(m.styles=[l.commonStyles,u.cupraDiagonalStyles,p.seatStyles,d.cupraStyles,f.seatLegacyStyles],m);n.default([t.property({type:String,attribute:`data-aria-label-deselect-button`})],h.prototype,`dataAriaLabelDeselectButton`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],h.prototype,`dataAriaLabel`,void 0),n.default([t.property({type:String})],h.prototype,`value`,void 0),n.default([t.property({type:String,reflect:!0})],h.prototype,`mode`,void 0),n.default([t.property({type:String,reflect:!0})],h.prototype,`size`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,reflect:!0})],h.prototype,`selected`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],h.prototype,`deselectable`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),h=n.default([i.customUiKitElement(`ds-chip`)],h),Object.defineProperty(exports,"DsChip",{enumerable:!0,get:function(){return h}});

package/dist-react/cjs/components/ds-chip/styles/cupra-diagonal.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));

package/dist-react/cjs/components/ds-chip/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));

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

@@ -1,13 +1,14 @@
-const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const a=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/booleanConverter.cjs"),l=require("../../utils/uiKitHtml.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const f=require("../../utils/arrayConverter.cjs"),p=require("./styles/common.styles.cjs"),m=require("./styles/cupra-diagonal.styles.cjs"),h=require("./styles/cupra.styles.cjs"),g=require("./styles/seat-legacy.styles.cjs"),_=require("./styles/seat.styles.cjs");var v=class extends o.UiKitElement{constructor(...e){super(...e),this.multiChoice=null,this.size=`medium`,this.mode=`light`,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var e,t,n,r;let i=((e=this.chipsContainer)==null?void 0:e.scrollLeft)+((t=this.chipsContainer)==null?void 0:t.clientWidth);this.hasScrollLeft=((n=this.chipsContainer)==null?void 0:n.scrollLeft)>0,this.hasScrollRight=i<((r=this.chipsContainer)==null?void 0:r.scrollWidth)},this.handleScrollLeft=()=>{this.chipsContainer.scrollBy({left:-150,behavior:`smooth`})},this.handleScrollRight=()=>{this.chipsContainer.scrollBy({left:150,behavior:`smooth`})}}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.chipsContainer),this.chips.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener(`resize`,this.handleScrollNav),this.chipsContainer.addEventListener(`scroll`,this.handleScrollNav)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScrollNav),this.chipsContainer.removeEventListener(`scroll`,this.handleScrollNav)}getScrollButtonTemplate(t,n){if(t===`left`&&!this.hasScrollLeft||t===`right`&&!this.hasScrollRight)return e.nothing;let r=`arrow-${t}`;return l.uiKitHtml`<ds-icon-button
-            class=${`scroll-button ${t}`}
-            data-testid=${`scroll-button-${t}`}
-            data-aria-label=${`scroll-button-${t}`}
+const e=require("../../utils/PubSub.cjs"),t=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 n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query.cjs"),a=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const o=require("../../_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.cjs"),s=require("../base/UiKitElement.cjs"),c=require("../../decorators/customUiKitElement.cjs"),l=require("../../utils/booleanConverter.cjs"),u=require("../../utils/getDirection/getDirection.cjs"),d=require("../../utils/uiKitHtml.cjs"),f=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 p=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 m=require("../../utils/arrayConverter.cjs"),h=require("./styles/common.styles.cjs"),g=require("./styles/cupra-diagonal.styles.cjs"),_=require("./styles/cupra.styles.cjs"),v=require("./styles/seat-legacy.styles.cjs"),y=require("./styles/seat.styles.cjs");var b=class extends s.UiKitElement{constructor(...e){super(...e),this.multiChoice=null,this.size=`medium`,this.mode=`light`,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScrollNav()}),this.handleScrollNav=()=>{var e,t,n;let r=Math.abs((e=this.chipsContainer)==null?void 0:e.scrollLeft),i=r+((t=this.chipsContainer)==null?void 0:t.clientWidth);this.hasScrollLeft=r>0,this.hasScrollRight=i<((n=this.chipsContainer)==null?void 0:n.scrollWidth)},this.handleScrollLeft=()=>{this.chipsContainer.scrollBy({left:-150*u.getDirectionSign(this),behavior:`smooth`})},this.handleScrollRight=()=>{this.chipsContainer.scrollBy({left:150*u.getDirectionSign(this),behavior:`smooth`})}}firstUpdated(){this.handleScrollNav(),this.resizeObserver.observe(this.chipsContainer),this.chips.forEach(e=>this.resizeObserver.observe(e)),window.addEventListener(`resize`,this.handleScrollNav),this.chipsContainer.addEventListener(`scroll`,this.handleScrollNav),e.pubSub.subscribe(`direction`,this.handleScrollNav)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScrollNav),this.chipsContainer.removeEventListener(`scroll`,this.handleScrollNav),e.pubSub.unsubscribe(`direction`,this.handleScrollNav)}getScrollButtonTemplate(e,n){if(e===`left`&&!this.hasScrollLeft||e===`right`&&!this.hasScrollRight)return t.nothing;let r=`arrow-${e}`;return d.uiKitHtml`<ds-icon-button
+            class=${`scroll-button ${e}`}
+            data-testid=${`scroll-button-${e}`}
+            data-aria-label=${this.dataAriaLabelScrollButton||`scroll-button-${e}`}
             @click=${n}
             size=${this.size||`large`}
             icon-name=${r}
+            mirror
             variant="rounded"
-            mode=${d.ifDefined(this.mode)}
-        ></ds-icon-button>`}updated(e){super.updated(e),(e.has(`selectedChips`)||e.has(`multiChoice`)||e.has(`size`)||e.has(`mode`))&&this.updateChildChips()}updateChildChips(){var e;(e=this.chips)==null||e.forEach(e=>{var t,n;e.size=this.size,e.selected=(t=this.selectedChips)==null||(n=t.includes)==null?void 0:n.call(t,e.value),e.deselectable=!!this.multiChoice,e.mode=this.mode})}get chipsContainerClasses(){return{"chips-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}handleSelect(e){var t,n;let r;r=this.multiChoice&&!((t=this.selectedChips)!=null&&(n=t.includes)!=null&&n.call(t,e.detail.value))?[...this.selectedChips||[],e.detail.value]:[e.detail.value],this.selectedChips=r,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:r}}))}handleDeselect(e){let t=[...(this.selectedChips||[]).filter(t=>t!==e.detail.value)];this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}render(){return e.html`
+            mode=${p.ifDefined(this.mode)}
+        ></ds-icon-button>`}updated(e){super.updated(e),(e.has(`selectedChips`)||e.has(`multiChoice`)||e.has(`size`)||e.has(`mode`))&&this.updateChildChips()}updateChildChips(){var e;(e=this.chips)==null||e.forEach(e=>{var t,n;e.size=this.size,e.selected=(t=this.selectedChips)==null||(n=t.includes)==null?void 0:n.call(t,e.value),e.deselectable=!!this.multiChoice,e.mode=this.mode})}get chipsContainerClasses(){return{"chips-container":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}handleSelect(e){var t,n;let r;r=this.multiChoice&&!((t=this.selectedChips)!=null&&(n=t.includes)!=null&&n.call(t,e.detail.value))?[...this.selectedChips||[],e.detail.value]:[e.detail.value],this.selectedChips=r,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:r}}))}handleDeselect(e){let t=[...(this.selectedChips||[]).filter(t=>t!==e.detail.value)];this.selectedChips=t,this.updateChildChips(),this.dispatchEvent(new CustomEvent(`ds-chips:change`,{bubbles:!0,composed:!0,detail:{selectedChips:t}}))}render(){return t.html`
             <div
                 class="container"
                 data-testid="ds-chips-container"
@@ -15,9 +16,9 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                 @deselect=${this.handleDeselect}
             >
                 ${this.getScrollButtonTemplate(`left`,this.handleScrollLeft)}
-                <nav tabindex="0" class=${u.classMap(this.chipsContainerClasses)}>
+                <nav tabindex="0" class=${f.classMap(this.chipsContainerClasses)}>
                     <slot @slotchange=${this.updateChildChips}></slot>
                 </nav>
                 ${this.getScrollButtonTemplate(`right`,this.handleScrollRight)}
             </div>
-        `}},y=(v.styles=[p.commonStyles,m.cupraDiagonalStyles,_.seatStyles,h.cupraStyles,g.seatLegacyStyles],v);a.default([t.property({type:Array,attribute:`selected-chips`,converter:f.stringArrayConverter,reflect:!0})],y.prototype,`selectedChips`,void 0),a.default([t.property({type:Boolean,attribute:`multi-choice`,converter:c.booleanConverter})],y.prototype,`multiChoice`,void 0),a.default([t.property({type:String})],y.prototype,`size`,void 0),a.default([t.property({type:String,reflect:!0})],y.prototype,`mode`,void 0),a.default([n.state()],y.prototype,`hasScrollLeft`,void 0),a.default([n.state()],y.prototype,`hasScrollRight`,void 0),a.default([i.queryAssignedElements({slot:``})],y.prototype,`chips`,void 0),a.default([r.query(`.chips-container`)],y.prototype,`chipsContainer`,void 0),y=a.default([s.customUiKitElement(`ds-chips`)],y),Object.defineProperty(exports,"DsChips",{enumerable:!0,get:function(){return y}});
+        `}},x=(b.styles=[h.commonStyles,g.cupraDiagonalStyles,y.seatStyles,_.cupraStyles,v.seatLegacyStyles],b);o.default([n.property({type:String,attribute:`data-aria-label-scroll-button`})],x.prototype,`dataAriaLabelScrollButton`,void 0),o.default([n.property({type:Array,attribute:`selected-chips`,converter:m.stringArrayConverter,reflect:!0})],x.prototype,`selectedChips`,void 0),o.default([n.property({type:Boolean,attribute:`multi-choice`,converter:l.booleanConverter})],x.prototype,`multiChoice`,void 0),o.default([n.property({type:String})],x.prototype,`size`,void 0),o.default([n.property({type:String,reflect:!0})],x.prototype,`mode`,void 0),o.default([r.state()],x.prototype,`hasScrollLeft`,void 0),o.default([r.state()],x.prototype,`hasScrollRight`,void 0),o.default([a.queryAssignedElements({slot:``})],x.prototype,`chips`,void 0),o.default([i.query(`.chips-container`)],x.prototype,`chipsContainer`,void 0),x=o.default([c.customUiKitElement(`ds-chips`)],x),Object.defineProperty(exports,"DsChips",{enumerable:!0,get:function(){return x}});

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

@@ -34,10 +34,10 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_mo
     }
 
     .scroll-button.left {
-        left: 0;
+        inset-inline-start: 0;
     }
 
     .scroll-button.right {
-        right: 0;
+        inset-inline-end: 0;
     }
 `;exports.commonStyles=t;