@cupra/ui-kit 2.0.0-canary.230 → 2.0.0-canary.232

package/dist/cjs/components/ds-search-input/styles/seat.styles.cjs

@@ -0,0 +1,255 @@
+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']):has(.disabled) {
+        pointer-events: none;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container {
+        border-radius: var(--ds-border-radius-xxs, 4px);
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: var(--ds-spacing-s-3);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.focus-visible {
+        outline: 0.125rem solid var(--ds-color-border-focus-ring, #6b8494);
+        outline-offset: 0.125rem;
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(input) {
+        width: 100%;
+        box-sizing: border-box;
+        flex: 1 0 0;
+        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 400;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        border: none;
+        outline: none;
+        background: transparent;
+        padding: 0;
+        height: 100%;
+    }
+
+    :host([data-ui-kit-theme='seat']) .large ::slotted(input) {
+        font-size: var(--ds-typography-size-body-l);
+        line-height: var(--ds-typography-height-body-l);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium ::slotted(input) {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(input)::-moz-placeholder {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(input)::placeholder {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(input:focus) {
+        color: var(--ds-field-text-color-input-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='seat']) .filled ::slotted(input) {
+        color: var(--ds-field-text-color-input-default, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='seat']) ::slotted(input:disabled) {
+        color: var(--ds-field-text-color-placeholder-disabled);
+    }
+
+    :host([data-ui-kit-theme='seat']) .input-container {
+        box-sizing: border-box;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: 100%;
+        gap: var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large .input-container {
+        padding: 0 0 0 var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large.loading .input-container {
+        padding: 0 var(--ds-spacing-m-1, 12px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium .input-container {
+        padding: 0 0 0 var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium.loading .input-container {
+        padding: 0 var(--ds-spacing-s-5, 8px);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large .input-container {
+        height: calc(var(--ds-sizing-48, 48px));
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium .input-container {
+        height: calc(var(--ds-sizing-40, 40px));
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary .input-container {
+        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);
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary .input-container:hover {
+        background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary.focus-visible .input-container {
+        background: var(--ds-field-bg-color-hover, rgba(195, 195, 203, 0.1));
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary.focus:not(.focus-visible) .input-container {
+        border-bottom: var(--ds-border-width-l, 2px) solid var(--ds-field-border-color-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary.filled .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-filled, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary.container.error .input-container,
+    :host([data-ui-kit-theme='seat']) .primary.container.invalid .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .primary.disabled .input-container,
+    :host([data-ui-kit-theme='seat']) .primary.disabled.error .input-container,
+    :host([data-ui-kit-theme='seat']) .primary.disabled.invalid .input-container {
+        border-bottom: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary .input-container {
+        border-radius: var(--ds-border-radius-xs, 6px);
+        border: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-default, #aeaeb7);
+        background: var(--ds-field-bg-color-default-inverted, rgba(9, 9, 11, 0.5));
+        -webkit-backdrop-filter: blur(var(--ds-blur-level-05, 60px));
+        backdrop-filter: blur(var(--ds-blur-level-05, 60px));
+        box-shadow: 0 var(--ds-shadow-vertical-level-01, 4px) var(--ds-shadow-blur-level-01, 4px) 0
+            var(--ds-opacity-black-20, rgba(9, 9, 11, 0.2));
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary .input-container:hover {
+        background: var(--ds-field-bg-color-hover-inverted, rgba(9, 9, 11, 0.6));
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary.focus-visible .input-container {
+        background: var(--ds-field-bg-color-hover-inverted, rgba(9, 9, 11, 0.6));
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary.focus:not(.focus-visible) .input-container {
+        border: var(--ds-border-width-l, 2px) solid var(--ds-field-border-color-selected, #b2764d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary.filled .input-container {
+        border: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-filled, #fafafa);
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary.container.error .input-container,
+    :host([data-ui-kit-theme='seat']) .secondary.container.invalid .input-container {
+        border: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .secondary.disabled .input-container,
+    :host([data-ui-kit-theme='seat']) .secondary.disabled.error .input-container,
+    :host([data-ui-kit-theme='seat']) .secondary.disabled.invalid .input-container {
+        border: var(--ds-border-width-m, 1px) solid var(--ds-field-border-color-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .footer {
+        box-sizing: border-box;
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        overflow: hidden;
+        color: var(--ds-color-text-default-subtle);
+        text-overflow: ellipsis;
+        font-family: var(--ds-typography-family-primary);
+        font-style: normal;
+        font-weight: 350;
+        letter-spacing: var(--ds-typography-letter-spacing-m);
+        padding: 0 var(--ds-spacing-s-5);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large .footer {
+        font-size: var(--ds-typography-size-body-m);
+        line-height: var(--ds-typography-height-body-m);
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium .footer {
+        font-size: var(--ds-typography-size-body-s);
+        line-height: var(--ds-typography-height-body-s);
+    }
+
+    :host([data-ui-kit-theme='seat']) .support-text {
+        flex: 1 1 auto;
+    }
+
+    :host([data-ui-kit-theme='seat']) .helper-text {
+        color: var(--ds-field-text-color-placeholder-default, #c3c3cb);
+    }
+
+    :host([data-ui-kit-theme='seat']) .error-text {
+        color: var(--ds-field-text-color-caption-error, #ff403d);
+    }
+
+    :host([data-ui-kit-theme='seat']) .disabled .support-text,
+    :host([data-ui-kit-theme='seat']) .disabled .char-counter {
+        color: var(--ds-field-text-color-placeholder-disabled, #5a5c67);
+    }
+
+    :host([data-ui-kit-theme='seat']) .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-placeholder-default);
+    }
+
+    :host([data-ui-kit-theme='seat']) .large .icon {
+        --ui-kit-icon-height: 1.5rem;
+        --ui-kit-icon-width: 1.5rem;
+    }
+
+    :host([data-ui-kit-theme='seat']) .medium .icon {
+        --ui-kit-icon-height: 1.25rem;
+        --ui-kit-icon-width: 1.25rem;
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.focus:not(.focus-visible) .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-input-default);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.filled .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-input-default);
+    }
+
+    :host([data-ui-kit-theme='seat']) .container.disabled .icon {
+        --ui-kit-icon-color: var(--ds-field-icon-color-placeholder-disabled);
+    }
+
+    :host([data-ui-kit-theme='seat']) .buttons-container {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    :host([data-ui-kit-theme='seat']) .remove-icon-button {
+        position: relative;
+    }
+
+    :host([data-ui-kit-theme='seat']) .remove-icon-button:after {
+        content: '';
+        display: inline-block;
+        width: 0.0625rem;
+        height: 1.5rem;
+        background: var(--ds-divider-bg-color-primary);
+    }
+`;exports.seatStyles=t;

package/dist/cjs/components/ds-secondary-navigation/ds-secondary-navigation.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"),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.148.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.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("../../mixins/ViewportMixin.cjs");require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-button/ds-button.cjs");const d=require("./styles/common.styles.cjs");var f=class extends u.ViewportMixin(o.UiKitElement){constructor(...e){super(...e),this.dropdownButtonText=`Menu`,this.keepDropdownButtonText=!1,this.itemsMode=`auto`,this.actionsMode=`auto`,this.openItems=!1,this.openCtas=!1,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.actionsCount=0,this.resizeObserver=new ResizeObserver(()=>{this.handleScroll()}),this.handleScroll=()=>{var e,t,n,r;let i=((e=this.itemsContainer)==null?void 0:e.scrollLeft)+((t=this.itemsContainer)==null?void 0:t.clientWidth);this.hasScrollLeft=((n=this.itemsContainer)==null?void 0:n.scrollLeft)>0,this.hasScrollRight=i<((r=this.itemsContainer)==null?void 0:r.scrollWidth)}}static resolveResponsive(e,t,n){let r;try{r=JSON.parse(e)}catch{return e}if(typeof r!=`object`||!r||Array.isArray(r))return e;let i=r,a=p.VIEWPORT_ORDER.indexOf(t);for(let e=a;e>=0;e--){let t=p.VIEWPORT_ORDER[e];if(t in i)return i[t]}return n}get resolvedItemsMode(){return p.resolveResponsive(this.itemsMode,this.viewport,`auto`)}get resolvedActionsMode(){return p.resolveResponsive(this.actionsMode,this.viewport,`auto`)}updated(e){super.updated(e),(e.has(`viewport`)||e.has(`actionsMode`))&&this.updateCtas(),e.has(`selectedIndex`)&&this.updateSelectedItem()}firstUpdated(e){var t;super.firstUpdated(e),this.handleScroll(),this.itemsContainer&&this.resizeObserver.observe(this.itemsContainer),window.addEventListener(`resize`,this.handleScroll),(t=this.itemsContainer)==null||t.addEventListener(`scroll`,this.handleScroll)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScroll)}get selectedItemText(){var e;return this.keepDropdownButtonText?this.dropdownButtonText:((e=this.items)==null||(e=e[this.selectedIndex])==null||(e=e.textContent)==null?void 0:e.trim())||this.dropdownButtonText}get classes(){return{nav:!0,"ds-blur":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}toggleItemsDropdown(){this.openItems=!this.openItems,this.openItems&&(this.openCtas=!1)}toggleActionsDropdown(){this.openCtas=!this.openCtas,this.openCtas&&(this.openItems=!1)}closeDropdowns(){this.openItems=!1}handleItemsSlotChange(){this.updateSelectedItem()}handleActionsSlotChange(){this.updateCtas()}updateSelectedItem(){var e;(e=this.items)==null||e.forEach((e,t)=>{t===this.selectedIndex?e.classList.add(`selected`):e.classList.remove(`selected`)})}updateCtas(){var e,t;this.actionsCount=((e=this.ctas)==null?void 0:e.length)??0,(t=this.ctas)==null||t.forEach(e=>{[`xxl`,`xl`].includes(this.viewport)?e==null||e.setAttribute(`size`,`large`):e==null||e.setAttribute(`size`,`medium`)})}handleItemClick(e){var t;let n=e.target,r=((t=this.items)==null?void 0:t.indexOf(n))??-1;if(r!==-1){var i;this.selectedIndex=r,this.updateSelectedItem();let e=((i=n.textContent)==null?void 0:i.trim())||n.getAttribute(`data-label`)||``;this.dispatchEvent(new CustomEvent(`ds-secondary-navigation:select`,{detail:{index:r,label:e},bubbles:!0,composed:!0})),this.closeDropdowns()}}get shouldShowItemsInline(){return this.resolvedItemsMode===`inline`?!0:this.resolvedItemsMode===`select`||this.resolvedItemsMode===`icon-button`?!1:[`l`,`xl`,`xxl`].includes(this.viewport)}get shouldShowItemsDropdownButton(){return this.resolvedItemsMode===`inline`?!1:this.resolvedItemsMode===`select`||this.resolvedItemsMode===`icon-button`||[`xxs`,`xs`,`s`,`m`].includes(this.viewport)}get shouldShowActionsInline(){if(this.resolvedActionsMode===`inline`)return!0;if(this.resolvedActionsMode===`dropdown`)return!1;let e=[`xxs`,`xs`,`s`].includes(this.viewport);return[`m`,`l`,`xl`,`xxl`].includes(this.viewport)||e&&!this.shouldShowActionsDropdownButton}get shouldShowActionsDropdownButton(){return this.resolvedActionsMode===`inline`?!1:this.resolvedActionsMode===`dropdown`||[`xxs`,`xs`,`s`].includes(this.viewport)&&this.actionsCount>1}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"),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.148.0/helpers/esm/decorate.cjs"),s=require("../../decorators/customUiKitElement.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("../../mixins/ViewportMixin.cjs");require("../ds-icon-button/ds-icon-button.cjs"),require("../ds-button/ds-button.cjs");const d=require("./styles/common.styles.cjs");var f=class extends u.ViewportMixin(t.LitElement){constructor(...e){super(...e),this.dropdownButtonText=`Menu`,this.keepDropdownButtonText=!1,this.itemsMode=`auto`,this.actionsMode=`auto`,this.openItems=!1,this.openCtas=!1,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.actionsCount=0,this.resizeObserver=new ResizeObserver(()=>{this.handleScroll()}),this.handleScroll=()=>{var e,t,n,r;let i=((e=this.itemsContainer)==null?void 0:e.scrollLeft)+((t=this.itemsContainer)==null?void 0:t.clientWidth);this.hasScrollLeft=((n=this.itemsContainer)==null?void 0:n.scrollLeft)>0,this.hasScrollRight=i<((r=this.itemsContainer)==null?void 0:r.scrollWidth)}}static resolveResponsive(e,t,n){let r;try{r=JSON.parse(e)}catch{return e}if(typeof r!=`object`||!r||Array.isArray(r))return e;let i=r,a=p.VIEWPORT_ORDER.indexOf(t);for(let e=a;e>=0;e--){let t=p.VIEWPORT_ORDER[e];if(t in i)return i[t]}return n}get resolvedItemsMode(){return p.resolveResponsive(this.itemsMode,this.viewport,`auto`)}get resolvedActionsMode(){return p.resolveResponsive(this.actionsMode,this.viewport,`auto`)}updated(e){super.updated(e),(e.has(`viewport`)||e.has(`actionsMode`))&&this.updateCtas(),e.has(`selectedIndex`)&&this.updateSelectedItem()}firstUpdated(e){var t;super.firstUpdated(e),this.handleScroll(),this.itemsContainer&&this.resizeObserver.observe(this.itemsContainer),window.addEventListener(`resize`,this.handleScroll),(t=this.itemsContainer)==null||t.addEventListener(`scroll`,this.handleScroll)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScroll)}get selectedItemText(){var e;return this.keepDropdownButtonText?this.dropdownButtonText:((e=this.items)==null||(e=e[this.selectedIndex])==null||(e=e.textContent)==null?void 0:e.trim())||this.dropdownButtonText}get classes(){return{nav:!0,"ds-blur":!0,"scroll-left":this.hasScrollLeft,"scroll-right":this.hasScrollRight}}toggleItemsDropdown(){this.openItems=!this.openItems,this.openItems&&(this.openCtas=!1)}toggleActionsDropdown(){this.openCtas=!this.openCtas,this.openCtas&&(this.openItems=!1)}closeDropdowns(){this.openItems=!1}handleItemsSlotChange(){this.updateSelectedItem(),this.requestUpdate()}handleActionsSlotChange(){this.updateCtas()}updateSelectedItem(){var e;(e=this.items)==null||e.forEach((e,t)=>{t===this.selectedIndex?e.classList.add(`selected`):e.classList.remove(`selected`)})}updateCtas(){var e,t;this.actionsCount=((e=this.ctas)==null?void 0:e.length)??0,(t=this.ctas)==null||t.forEach(e=>{[`xxl`,`xl`].includes(this.viewport)?e==null||e.setAttribute(`size`,`large`):e==null||e.setAttribute(`size`,`medium`)})}handleItemClick(e){var t;let n=e.target,r=((t=this.items)==null?void 0:t.indexOf(n))??-1;if(r!==-1){var i;this.selectedIndex=r,this.updateSelectedItem();let e=((i=n.textContent)==null?void 0:i.trim())||n.getAttribute(`data-label`)||``;this.dispatchEvent(new CustomEvent(`ds-secondary-navigation:select`,{detail:{index:r,label:e},bubbles:!0,composed:!0})),this.closeDropdowns()}}get shouldShowItemsInline(){return this.resolvedItemsMode===`inline`?!0:this.resolvedItemsMode===`select`||this.resolvedItemsMode===`icon-button`?!1:[`l`,`xl`,`xxl`].includes(this.viewport)}get shouldShowItemsDropdownButton(){return this.resolvedItemsMode===`inline`?!1:this.resolvedItemsMode===`select`||this.resolvedItemsMode===`icon-button`||[`xxs`,`xs`,`s`,`m`].includes(this.viewport)}get shouldShowActionsInline(){if(this.resolvedActionsMode===`inline`)return!0;if(this.resolvedActionsMode===`dropdown`)return!1;let e=[`xxs`,`xs`,`s`].includes(this.viewport);return[`m`,`l`,`xl`,`xxl`].includes(this.viewport)||e&&!this.shouldShowActionsDropdownButton}get shouldShowActionsDropdownButton(){return this.resolvedActionsMode===`inline`?!1:this.resolvedActionsMode===`dropdown`||[`xxs`,`xs`,`s`].includes(this.viewport)&&this.actionsCount>1}render(){return e.html`
             ${this.backdropTemplate}
             <div class="container gutter">
                 <nav data-testid="ds-secondary-navigation-container" class=${l.classMap(this.classes)}>
@@ -64,4 +64,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/l
                     <slot name="actions" @slotchange=${this.handleActionsSlotChange}></slot>
                 </div>
             </div>
-        `:e.nothing}get backdropTemplate(){return!this.openItems&&!this.openCtas?e.nothing:e.html`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`}},p=f,m=(f.styles=[d.commonStyles],f.RESPONSIVE_BUTTON_SIZE=JSON.stringify({xs:`medium`,s:`medium`,m:`medium`,l:`medium`,xl:`large`,xxl:`large`}),f.VIEWPORT_ORDER=[`xs`,`s`,`m`,`l`,`xl`,`xxl`],f);a.default([t.property({type:String,attribute:`dropdown-button-text`})],m.prototype,`dropdownButtonText`,void 0),a.default([t.property({type:Number,attribute:`selected-index`})],m.prototype,`selectedIndex`,void 0),a.default([t.property({type:Boolean,attribute:`keep-dropdown-button-text`})],m.prototype,`keepDropdownButtonText`,void 0),a.default([t.property({type:String,attribute:`items-mode`})],m.prototype,`itemsMode`,void 0),a.default([t.property({type:String,attribute:`actions-mode`})],m.prototype,`actionsMode`,void 0),a.default([n.state()],m.prototype,`openItems`,void 0),a.default([n.state()],m.prototype,`openCtas`,void 0),a.default([n.state()],m.prototype,`hasScrollLeft`,void 0),a.default([n.state()],m.prototype,`hasScrollRight`,void 0),a.default([n.state()],m.prototype,`actionsCount`,void 0),a.default([i.queryAssignedElements({slot:`items`})],m.prototype,`items`,void 0),a.default([i.queryAssignedElements({slot:`actions`})],m.prototype,`ctas`,void 0),a.default([r.query(`.items-container`)],m.prototype,`itemsContainer`,void 0),m=p=a.default([s.customUiKitElement(`ds-secondary-navigation`)],m),Object.defineProperty(exports,"DsSecondaryNavigation",{enumerable:!0,get:function(){return m}});
+        `:e.nothing}get backdropTemplate(){return!this.openItems&&!this.openCtas?e.nothing:e.html`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`}},p=f,m=(f.styles=[d.commonStyles],f.RESPONSIVE_BUTTON_SIZE=JSON.stringify({xs:`medium`,s:`medium`,m:`medium`,l:`medium`,xl:`large`,xxl:`large`}),f.VIEWPORT_ORDER=[`xs`,`s`,`m`,`l`,`xl`,`xxl`],f);o.default([n.property({type:String,attribute:`dropdown-button-text`})],m.prototype,`dropdownButtonText`,void 0),o.default([n.property({type:Number,attribute:`selected-index`})],m.prototype,`selectedIndex`,void 0),o.default([n.property({type:Boolean,attribute:`keep-dropdown-button-text`})],m.prototype,`keepDropdownButtonText`,void 0),o.default([n.property({type:String,attribute:`items-mode`})],m.prototype,`itemsMode`,void 0),o.default([n.property({type:String,attribute:`actions-mode`})],m.prototype,`actionsMode`,void 0),o.default([r.state()],m.prototype,`openItems`,void 0),o.default([r.state()],m.prototype,`openCtas`,void 0),o.default([r.state()],m.prototype,`hasScrollLeft`,void 0),o.default([r.state()],m.prototype,`hasScrollRight`,void 0),o.default([r.state()],m.prototype,`actionsCount`,void 0),o.default([a.queryAssignedElements({slot:`items`})],m.prototype,`items`,void 0),o.default([a.queryAssignedElements({slot:`actions`})],m.prototype,`ctas`,void 0),o.default([i.query(`.items-container`)],m.prototype,`itemsContainer`,void 0),m=p=o.default([s.customUiKitElement(`ds-secondary-navigation`)],m),Object.defineProperty(exports,"DsSecondaryNavigation",{enumerable:!0,get:function(){return m}});

package/dist/cjs/components/ds-segmented-control/ds-segmented-control.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/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.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("./styles/common.styles.cjs");var l=class extends i.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.fullWidth=!1}get classes(){return{container:!0,[this.size]:!0,"full-width":this.fullWidth}}firstUpdated(){this.addEventListener(`change`,()=>this.updateCheckedStates()),this.addEventListener(`focusin`,e=>this.updateFocusState(e,!0)),this.addEventListener(`focusout`,e=>this.updateFocusState(e,!1)),this.updateCheckedStates()}updateCheckedStates(){this.slottedElements.forEach(e=>{if(e.tagName===`LABEL`){let t=e,n=this.querySelector(`#${t.htmlFor}`);n&&t.classList.toggle(`checked`,n.checked)}})}updateFocusState(e,t){let n=e.target,r=n.matches(`:focus-visible`),i=this.slottedElements.find(e=>e.tagName===`LABEL`&&e.htmlFor===n.id);i&&i.classList.toggle(`focused`,r)}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/query-assigned-elements.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const r=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.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("./styles/common.styles.cjs"),l=require("./styles/cupra-diagonal.styles.cjs"),u=require("./styles/cupra.styles.cjs"),d=require("./styles/seat-legacy.styles.cjs"),f=require("./styles/seat.styles.cjs");var p=class extends i.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.fullWidth=!1}get classes(){return{container:!0,[this.size]:!0,"full-width":this.fullWidth}}firstUpdated(){this.addEventListener(`change`,()=>this.updateCheckedStates()),this.addEventListener(`focusin`,e=>this.updateFocusState(e,!0)),this.addEventListener(`focusout`,e=>this.updateFocusState(e,!1)),this.updateCheckedStates()}updateCheckedStates(){this.slottedElements.forEach(e=>{if(e.tagName===`LABEL`){let t=e,n=this.querySelector(`#${t.htmlFor}`);n&&t.classList.toggle(`checked`,n.checked)}})}updateFocusState(e,t){let n=e.target,r=n.matches(`:focus-visible`),i=this.slottedElements.find(e=>e.tagName===`LABEL`&&e.htmlFor===n.id);i&&i.classList.toggle(`focused`,r)}render(){return e.html`
             <fieldset class=${s.classMap(this.classes)}>
                 <slot @slotchange=${this.updateCheckedStates}></slot>
             </fieldset>
-        `}},u=(l.styles=[c.commonStyles],l);r.default([t.property({type:String})],u.prototype,`size`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`full-width`})],u.prototype,`fullWidth`,void 0),r.default([n.queryAssignedElements({slot:``,flatten:!0})],u.prototype,`slottedElements`,void 0),u=r.default([a.customUiKitElement(`ds-segmented-control`)],u),Object.defineProperty(exports,"DsSegmentedControl",{enumerable:!0,get:function(){return u}});
+        `}},m=(p.styles=[c.commonStyles,l.cupraDiagonalStyles,f.seatStyles,u.cupraStyles,d.seatLegacyStyles],p);r.default([t.property({type:String})],m.prototype,`size`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`full-width`})],m.prototype,`fullWidth`,void 0),r.default([n.queryAssignedElements({slot:``,flatten:!0})],m.prototype,`slottedElements`,void 0),m=r.default([a.customUiKitElement(`ds-segmented-control`)],m),Object.defineProperty(exports,"DsSegmentedControl",{enumerable:!0,get:function(){return m}});

package/dist/cjs/components/ds-segmented-control/styles/cupra-diagonal.styles.cjs

@@ -0,0 +1,56 @@
+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']) .container {
+        gap: var(--ds-spacing-s-5);
+        background: var(--ds-color-surface-container-hover);
+        border-radius: var(--ds-border-radius-full);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label) {
+        padding: 0 1rem;
+        gap: 0.375rem;
+        box-sizing: border-box;
+        color: var(--ds-color-text-default);
+        background: transparent;
+        border: 1px solid transparent;
+        border-radius: var(--ds-border-radius-full);
+        outline-style: solid;
+        outline-offset: 0.25rem;
+        outline-width: 0.125rem;
+        outline-color: transparent;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label.checked) {
+        background: var(--ds-color-surface-container-active);
+        border: 1px solid var(--ds-color-border-selected-subtle);
+        color: var(--ds-color-text-selected-subtle);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label:hover) {
+        background: var(--ds-color-surface-container-hover);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label.focused) {
+        background: var(--ds-color-surface-container-hover);
+        outline-color: var(--ds-color-border-focus-ring);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) ::slotted(label:active) {
+        background: var(--ds-color-surface-container-active);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .large ::slotted(label) {
+        height: 3rem;
+        font: 400 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .medium ::slotted(label) {
+        height: 2.5rem;
+        font: 400 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .small ::slotted(label) {
+        height: 2.25rem;
+        font: 400 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .full-width {
+        width: 100%;
+    }
+    :host([data-ui-kit-theme='cupra-diagonal']) .full-width ::slotted(label) {
+        width: 100%;
+    }
+`;exports.cupraDiagonalStyles=t;

package/dist/cjs/components/ds-segmented-control/styles/cupra.styles.cjs

@@ -0,0 +1,38 @@
+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']) .container {
+        background: transparent;
+        border: 1px solid var(--ds-color-black);
+        border-radius: 100px;
+        gap: 0.625rem;
+        padding: 0.25rem;
+    }
+    :host([data-ui-kit-theme='cupra']) ::slotted(label) {
+        padding: 0.5rem 1rem;
+        box-sizing: border-box;
+        color: var(--ds-color-grey);
+        background: transparent;
+        font: var(--ds-cp-type-smalltight-book-l);
+    }
+
+    :host([data-ui-kit-theme='cupra']) ::slotted(label.checked) {
+        background: var(--ds-color-black);
+        border-radius: 100px;
+        color: var(--ds-color-white);
+        font-weight: var(--dg-font-body-m-medium-weight);
+    }
+    :host([data-ui-kit-theme='cupra']) ::slotted(label:hover) {
+        color: var(--ds-color-black);
+        font-weight: var(--ds-cp-type-smalltight-regular-l);
+    }
+
+    :host([data-ui-kit-theme='cupra']) ::slotted(label.checked:hover) {
+        color: var(--ds-color-white);
+    }
+
+    :host([data-ui-kit-theme='cupra']) .full-width {
+        width: 100%;
+    }
+    :host([data-ui-kit-theme='cupra']) .full-width ::slotted(label) {
+        width: 100%;
+    }
+`;exports.cupraStyles=t;

package/dist/cjs/components/ds-segmented-control/styles/seat-legacy.styles.cjs

@@ -0,0 +1,37 @@
+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-legacy']) .container {
+        background: transparent;
+        border: 1px solid var(--dg-global-color-gray-80);
+        border-radius: 2px;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(label) {
+        padding: 0.5rem 1rem;
+        box-sizing: border-box;
+        color: var(--dg-global-color-black-100);
+        background: transparent;
+        font: var(--dg-font-body-m-regular-weight) var(--dg-font-body-m-regular-size) /
+            var(--dg-font-body-m-regular-line-height) var(--dg-font-body-m-regular-family);
+        outline-color: transparent;
+        outline-style: solid;
+        outline-width: 0.0625rem;
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(label.checked) {
+        background: var(--dg-global-color-black-100);
+        border: 1px solid var(--dg-global-color-black-100);
+        border-radius: 2px;
+        color: var(--dg-global-color-white-100);
+        font-weight: var(--dg-font-body-m-medium-weight);
+        outline-color: var(--dg-global-color-black-100);
+    }
+    :host([data-ui-kit-theme='seat-legacy']) ::slotted(label:hover) {
+        font-weight: var(--dg-font-body-m-medium-weight);
+    }
+
+    :host([data-ui-kit-theme='seat-legacy']) .full-width {
+        width: 100%;
+    }
+    :host([data-ui-kit-theme='seat-legacy']) .full-width ::slotted(label) {
+        width: 100%;
+    }
+`;exports.seatLegacyStyles=t;

package/dist/cjs/components/ds-segmented-control/styles/seat.styles.cjs

@@ -0,0 +1,56 @@
+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']) .container {
+        gap: var(--ds-spacing-s-5);
+        background: var(--ds-color-surface-container-hover);
+        border-radius: var(--ds-border-radius-full);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted(label) {
+        padding: 0 1rem;
+        gap: 0.375rem;
+        box-sizing: border-box;
+        color: var(--ds-color-text-default);
+        background: transparent;
+        border: 1px solid transparent;
+        border-radius: var(--ds-border-radius-full);
+        outline-style: solid;
+        outline-offset: 0.25rem;
+        outline-width: 0.125rem;
+        outline-color: transparent;
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted(label.checked) {
+        background: var(--ds-color-surface-container-active);
+        border: 1px solid var(--ds-color-border-selected-subtle);
+        color: var(--ds-color-text-selected-subtle);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted(label:hover) {
+        background: var(--ds-color-surface-container-hover);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted(label.focused) {
+        background: var(--ds-color-surface-container-hover);
+        outline-color: var(--ds-color-border-focus-ring);
+    }
+    :host([data-ui-kit-theme='seat']) ::slotted(label:active) {
+        background: var(--ds-color-surface-container-active);
+    }
+    :host([data-ui-kit-theme='seat']) .large ::slotted(label) {
+        height: 3rem;
+        font: 400 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .medium ::slotted(label) {
+        height: 2.5rem;
+        font: 400 var(--ds-typography-size-body-l) / var(--ds-typography-height-body-l)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .small ::slotted(label) {
+        height: 2.25rem;
+        font: 400 var(--ds-typography-size-body-m) / var(--ds-typography-height-body-m)
+            var(--ds-typography-family-primary);
+    }
+    :host([data-ui-kit-theme='seat']) .full-width {
+        width: 100%;
+    }
+    :host([data-ui-kit-theme='seat']) .full-width ::slotted(label) {
+        width: 100%;
+    }
+`;exports.seatStyles=t;

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

@@ -1,4 +1,4 @@
-require("../ds-theme-provider/themeContext.cjs");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.148.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const c=require("../../utils/booleanConverter.cjs"),l=require("../../utils/uiKitHtml.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-loader-spinner/ds-loader-spinner.cjs");const f=require("./controllers/SelectKeyboardController.cjs"),p=require("./styles/common.styles.cjs");var m=class extends o.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.variant=`primary`,this.readonly=!1,this.loading=!1,this.loadingAriaLabel=`Loading`,this.iconName=void 0,this.dataAriaLabel=void 0,this._open=!1,this._keyboardNavigating=!1,this.nativeSelect=null,this.nativeLabel=null,this.nativeOptions=[],this.keyboardFocusIndex=-1,this.hasForcedError=!1,this.handleMutations=e=>{e.forEach(e=>{e.type===`childList`&&this.syncNativeOptions()}),this.requestUpdate()},this.syncNativeOptions=()=>{this.nativeOptions=Array.from(this.nativeSelect.options)},this.handleOpen=()=>{this.readonly||this.loading||(this._open=!0,this.keyboardFocusIndex=this.findSelectedOptionIndex(),this.focusDisplaySelect())},this.handleClose=()=>{this._open=!1},this.handleClickDisplaySelect=()=>{this._open?this.handleClose():(this._keyboardNavigating=!1,this.handleOpen())},this.handleKeydown=e=>{this._open?(this._keyboardNavigating=!0,f.SelectKeyboardController.handleKeydownWhenOpen(e,{commit:()=>this.commitSelection(),navigateNext:()=>this.advanceSelection(1),navigatePrev:()=>this.advanceSelection(-1),navigateFirst:()=>this.advanceToFirst(),navigateLast:()=>this.advanceToLast(),close:this.handleClose})):f.SelectKeyboardController.handleKeydownWhenClosed(e,{open:()=>{this._keyboardNavigating=!0,this.handleOpen()}})}}firstUpdated(){queueMicrotask(()=>this.initializeNativeSelect())}disconnectedCallback(){super.disconnectedCallback(),this.cleanup()}initializeNativeSelect(){var e,t;this.nativeSelect=(e=this.nativeSelects)==null?void 0:e[0],this.nativeLabel=(t=this.nativeLabels)==null?void 0:t[0],this.nativeSelect&&(this.syncNativeOptions(),this.setupNativeElementsAttributes(),this.setupEventListeners())}handleChangeForcedError(){var e;this.hasForcedError=((e=this.forcedError)==null?void 0:e.length)>0}setupNativeElementsAttributes(){this.nativeSelect.setAttribute(`aria-hidden`,`true`),this.nativeSelect.setAttribute(`tabindex`,`-1`)}setupEventListeners(){this.nativeSelect.addEventListener(`change`,this.syncNativeOptions),this.observer=new MutationObserver(this.handleMutations),this.observer.observe(this.nativeSelect,{childList:!0,subtree:!0,attributes:!0})}cleanup(){var e,t;(e=this.nativeSelect)==null||e.removeEventListener(`change`,this.syncNativeOptions),(t=this.observer)==null||t.disconnect()}findSelectedOptionIndex(){var e;let t=this.nativeOptions.findIndex(e=>e.value===this.nativeSelect.value);return(e=this.nativeOptions[t])!=null&&e.hidden?this.nativeOptions.findIndex(e=>!e.hidden):t}focusDisplaySelect(){this.updateComplete.then(()=>{var e;(e=this.displaySelect)==null||e.focus()})}advanceToFirst(){if(this.nativeOptions.length){let e=this.nativeOptions.findIndex(e=>!e.hidden);this.advanceSelection(e-this.keyboardFocusIndex)}}advanceToLast(){if(this.nativeOptions.length){let e=-1;for(let t=this.nativeOptions.length-1;t>=0;t--)if(!this.nativeOptions[t].hidden){e=t;break}this.advanceSelection(e-this.keyboardFocusIndex)}}advanceSelection(e){let t=this.nativeOptions.length;this.keyboardFocusIndex=(this.keyboardFocusIndex+e+t)%t,this.shouldSkipHiddenOption()?this.advanceSelection(Math.sign(e)):this.scrollToActive(this.nativeOptions[this.keyboardFocusIndex])}shouldSkipHiddenOption(){return this.nativeOptions.some(e=>!e.hidden)&&this.nativeOptions[this.keyboardFocusIndex].hidden}scrollToActive(e){var t;e==null||(t=e.scrollIntoView)==null||t.call(e,{block:`nearest`})}commitSelection(e=this.keyboardFocusIndex){this.handleClose();let t=this.nativeOptions[e];this.nativeSelect&&t!=null&&t.value&&this.updateNativeSelectValue(t.value)}updateNativeSelectValue(e){this.nativeSelect.value=e,[`input`,`change`].forEach(e=>this.nativeSelect.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))}get containerClasses(){var e,t,n;return{container:!0,open:this._open,disabled:!!((e=this.nativeSelect)!=null&&e.disabled),readonly:!!this.readonly,loading:!!this.loading,filled:!!((t=this.nativeOptions)!=null&&(t=t.find(e=>e.selected&&!e.hidden))!=null&&t.selected),invalid:!((n=this.nativeSelect)!=null&&n.validity.valid),error:this.hasForcedError,[this.size]:!!this.size,[this.mode]:!!this.mode,[this.variant]:!!this.variant}}set open(e){this._open=e}get open(){return this._open}render(){return e.html`
+require("../ds-theme-provider/themeContext.cjs");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.148.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const c=require("../../utils/booleanConverter.cjs"),l=require("../../utils/uiKitHtml.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const d=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-loader-spinner/ds-loader-spinner.cjs");const f=require("./controllers/SelectKeyboardController.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.mode=`light`,this.size=`large`,this.variant=`primary`,this.readonly=!1,this.loading=!1,this.loadingAriaLabel=`Loading`,this.iconName=void 0,this.dataAriaLabel=void 0,this._open=!1,this._keyboardNavigating=!1,this.nativeSelect=null,this.nativeLabel=null,this.nativeOptions=[],this.keyboardFocusIndex=-1,this.hasForcedError=!1,this.handleMutations=e=>{e.forEach(e=>{e.type===`childList`&&this.syncNativeOptions()}),this.requestUpdate()},this.syncNativeOptions=()=>{this.nativeOptions=Array.from(this.nativeSelect.options)},this.handleOpen=()=>{this.readonly||this.loading||(this._open=!0,this.keyboardFocusIndex=this.findSelectedOptionIndex(),this.focusDisplaySelect())},this.handleClose=()=>{this._open=!1},this.handleClickDisplaySelect=()=>{this._open?this.handleClose():(this._keyboardNavigating=!1,this.handleOpen())},this.handleKeydown=e=>{this._open?(this._keyboardNavigating=!0,f.SelectKeyboardController.handleKeydownWhenOpen(e,{commit:()=>this.commitSelection(),navigateNext:()=>this.advanceSelection(1),navigatePrev:()=>this.advanceSelection(-1),navigateFirst:()=>this.advanceToFirst(),navigateLast:()=>this.advanceToLast(),close:this.handleClose})):f.SelectKeyboardController.handleKeydownWhenClosed(e,{open:()=>{this._keyboardNavigating=!0,this.handleOpen()}})}}firstUpdated(){queueMicrotask(()=>this.initializeNativeSelect())}disconnectedCallback(){super.disconnectedCallback(),this.cleanup()}initializeNativeSelect(){var e,t;this.nativeSelect=(e=this.nativeSelects)==null?void 0:e[0],this.nativeLabel=(t=this.nativeLabels)==null?void 0:t[0],this.nativeSelect&&(this.syncNativeOptions(),this.setupNativeElementsAttributes(),this.setupEventListeners())}handleChangeForcedError(){var e;this.hasForcedError=((e=this.forcedError)==null?void 0:e.length)>0}setupNativeElementsAttributes(){this.nativeSelect.setAttribute(`aria-hidden`,`true`),this.nativeSelect.setAttribute(`tabindex`,`-1`)}setupEventListeners(){this.nativeSelect.addEventListener(`change`,this.syncNativeOptions),this.observer=new MutationObserver(this.handleMutations),this.observer.observe(this.nativeSelect,{childList:!0,subtree:!0,attributes:!0})}cleanup(){var e,t;(e=this.nativeSelect)==null||e.removeEventListener(`change`,this.syncNativeOptions),(t=this.observer)==null||t.disconnect()}findSelectedOptionIndex(){var e;let t=this.nativeOptions.findIndex(e=>e.value===this.nativeSelect.value);return(e=this.nativeOptions[t])!=null&&e.hidden?this.nativeOptions.findIndex(e=>!e.hidden):t}focusDisplaySelect(){this.updateComplete.then(()=>{var e;(e=this.displaySelect)==null||e.focus()})}advanceToFirst(){if(this.nativeOptions.length){let e=this.nativeOptions.findIndex(e=>!e.hidden);this.advanceSelection(e-this.keyboardFocusIndex)}}advanceToLast(){if(this.nativeOptions.length){let e=-1;for(let t=this.nativeOptions.length-1;t>=0;t--)if(!this.nativeOptions[t].hidden){e=t;break}this.advanceSelection(e-this.keyboardFocusIndex)}}advanceSelection(e){let t=this.nativeOptions.length;this.keyboardFocusIndex=(this.keyboardFocusIndex+e+t)%t,this.shouldSkipHiddenOption()?this.advanceSelection(Math.sign(e)):this.scrollToActive(this.nativeOptions[this.keyboardFocusIndex])}shouldSkipHiddenOption(){return this.nativeOptions.some(e=>!e.hidden)&&this.nativeOptions[this.keyboardFocusIndex].hidden}scrollToActive(e){var t;e==null||(t=e.scrollIntoView)==null||t.call(e,{block:`nearest`})}commitSelection(e=this.keyboardFocusIndex){this.handleClose();let t=this.nativeOptions[e];this.nativeSelect&&t!=null&&t.value&&this.updateNativeSelectValue(t.value)}updateNativeSelectValue(e){this.nativeSelect.value=e,[`input`,`change`].forEach(e=>this.nativeSelect.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))}get containerClasses(){var e,t,n;return{container:!0,open:this._open,disabled:!!((e=this.nativeSelect)!=null&&e.disabled),readonly:!!this.readonly,loading:!!this.loading,filled:!!((t=this.nativeOptions)!=null&&(t=t.find(e=>e.selected&&!e.hidden))!=null&&t.selected),invalid:!((n=this.nativeSelect)!=null&&n.validity.valid),error:this.hasForcedError,[this.size]:!!this.size,[this.mode]:!!this.mode,[this.variant]:!!this.variant}}set open(e){this._open=e}get open(){return this._open}render(){return e.html`
             <slot @slotchange=${this.initializeNativeSelect}></slot>
             <div class=${u.classMap(this.containerClasses)}>
                 ${this.displaySelectTemplate}
@@ -37,13 +37,13 @@ require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_mod
                     </div>
                 </div>
             </div>
-        `}get activeDescendantId(){return this._open&&this.keyboardFocusIndex>=0?`${h.ARIA_OPTION_PREFIX}${this.nativeOptions[this.keyboardFocusIndex].value}`:``}get optionsContainerTemplate(){return e.html`
+        `}get activeDescendantId(){return this._open&&this.keyboardFocusIndex>=0?`${y.ARIA_OPTION_PREFIX}${this.nativeOptions[this.keyboardFocusIndex].value}`:``}get optionsContainerTemplate(){return e.html`
             <div id="options-container" class="options-container" role="listbox">
                 ${this.nativeOptions.map((t,n)=>t.hidden?e.nothing:this.renderOptionClone(t,n))}
             </div>
         `}renderOptionClone(t,n){let r=Array.from(t.childNodes).map(e=>e.cloneNode(!0));return e.html`
             <div
-                id="${h.ARIA_OPTION_PREFIX}${t.value}"
+                id="${y.ARIA_OPTION_PREFIX}${t.value}"
                 class=${u.classMap({option:!0,"keyboard-focused":n===this.keyboardFocusIndex&&this._keyboardNavigating,selected:t.value===this.nativeSelect.value})}
                 role="option"
                 aria-selected="${t.value===this.nativeSelect.value}"
@@ -52,4 +52,4 @@ require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_mod
             >
                 ${r}
             </div>
-        `}},h=m,g=(m.styles=[p.commonStyles],m.ARIA_OPTION_PREFIX=`option-`,m);a.default([t.property({type:String})],g.prototype,`mode`,void 0),a.default([t.property({type:String})],g.prototype,`size`,void 0),a.default([t.property({type:String})],g.prototype,`variant`,void 0),a.default([t.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],g.prototype,`readonly`,void 0),a.default([t.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],g.prototype,`loading`,void 0),a.default([t.property({type:String,attribute:`loading-aria-label`})],g.prototype,`loadingAriaLabel`,void 0),a.default([t.property({type:String,attribute:`icon-name`})],g.prototype,`iconName`,void 0),a.default([t.property({type:String,attribute:`data-aria-label`})],g.prototype,`dataAriaLabel`,void 0),a.default([n.state()],g.prototype,`_open`,void 0),a.default([n.state()],g.prototype,`_keyboardNavigating`,void 0),a.default([n.state()],g.prototype,`nativeLabel`,void 0),a.default([n.state()],g.prototype,`nativeOptions`,void 0),a.default([n.state()],g.prototype,`keyboardFocusIndex`,void 0),a.default([n.state()],g.prototype,`hasForcedError`,void 0),a.default([i.queryAssignedElements({slot:``,selector:`select`,flatten:!0})],g.prototype,`nativeSelects`,void 0),a.default([i.queryAssignedElements({slot:``,selector:`label`,flatten:!0})],g.prototype,`nativeLabels`,void 0),a.default([i.queryAssignedElements({slot:`forced-error`,flatten:!0})],g.prototype,`forcedError`,void 0),a.default([r.query(`.select`)],g.prototype,`displaySelect`,void 0),g=h=a.default([s.customUiKitElement(`ds-select`)],g),Object.defineProperty(exports,"DsSelect",{enumerable:!0,get:function(){return g}});
+        `}},y=v,b=(v.styles=[p.commonStyles,m.cupraDiagonalStyles,_.seatStyles,h.cupraStyles,g.seatLegacyStyles],v.ARIA_OPTION_PREFIX=`option-`,v);a.default([t.property({type:String})],b.prototype,`mode`,void 0),a.default([t.property({type:String})],b.prototype,`size`,void 0),a.default([t.property({type:String})],b.prototype,`variant`,void 0),a.default([t.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],b.prototype,`readonly`,void 0),a.default([t.property({type:Boolean,converter:c.booleanConverter,reflect:!0})],b.prototype,`loading`,void 0),a.default([t.property({type:String,attribute:`loading-aria-label`})],b.prototype,`loadingAriaLabel`,void 0),a.default([t.property({type:String,attribute:`icon-name`})],b.prototype,`iconName`,void 0),a.default([t.property({type:String,attribute:`data-aria-label`})],b.prototype,`dataAriaLabel`,void 0),a.default([n.state()],b.prototype,`_open`,void 0),a.default([n.state()],b.prototype,`_keyboardNavigating`,void 0),a.default([n.state()],b.prototype,`nativeLabel`,void 0),a.default([n.state()],b.prototype,`nativeOptions`,void 0),a.default([n.state()],b.prototype,`keyboardFocusIndex`,void 0),a.default([n.state()],b.prototype,`hasForcedError`,void 0),a.default([i.queryAssignedElements({slot:``,selector:`select`,flatten:!0})],b.prototype,`nativeSelects`,void 0),a.default([i.queryAssignedElements({slot:``,selector:`label`,flatten:!0})],b.prototype,`nativeLabels`,void 0),a.default([i.queryAssignedElements({slot:`forced-error`,flatten:!0})],b.prototype,`forcedError`,void 0),a.default([r.query(`.select`)],b.prototype,`displaySelect`,void 0),b=y=a.default([s.customUiKitElement(`ds-select`)],b),Object.defineProperty(exports,"DsSelect",{enumerable:!0,get:function(){return b}});