@cupra/ui-kit 2.0.0-canary.16 → 2.0.0-canary.160

package/dist-react/cjs/components/ds-search-input/styles/common.styles.cjs

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

package/dist-react/cjs/components/ds-secondary-navigation/ds-secondary-navigation.cjs

@@ -1,58 +1,67 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),g=require("../../mixins/ViewportMixin.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const i=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const h=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),v=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),p=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),w=require("./styles/common.styles.cjs");var y=Object.defineProperty,x=Object.getOwnPropertyDescriptor,n=(d,e,t,s)=>{for(var o=s>1?void 0:s?x(e,t):e,r=d.length-1,a;r>=0;r--)(a=d[r])&&(o=(s?a(e,t,o):a(o))||o);return s&&o&&y(e,t,o),o};exports.DsSecondaryNavigation=class extends g.ViewportMixin(m.UiKitElement){constructor(){super(...arguments),this.dropdownButtonText="Menu",this.openItems=!1,this.openCtas=!1,this.hasScrollLeft=!1,this.hasScrollRight=!1,this.resizeObserver=new ResizeObserver(()=>{this.handleScroll()}),this.handleScroll=()=>{var t,s,o,r;const e=((t=this.itemsContainer)==null?void 0:t.scrollLeft)+((s=this.itemsContainer)==null?void 0:s.clientWidth);this.hasScrollLeft=((o=this.itemsContainer)==null?void 0:o.scrollLeft)>0,this.hasScrollRight=e<((r=this.itemsContainer)==null?void 0:r.scrollWidth)}}updated(e){super.updated(e),e.has("viewport")&&this.updateCtas(),e.has("selectedIndex")&&this.updateSelectedItem()}firstUpdated(e){var t;super.firstUpdated(e),this.handleScroll(),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,t,s;return((s=(t=(e=this.items)==null?void 0:e[this.selectedIndex])==null?void 0:t.textContent)==null?void 0:s.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,this.openCtas=!1}handleItemsSlotChange(){this.updateSelectedItem()}handleActionsSlotChange(){this.updateCtas()}updateSelectedItem(){var e;(e=this.items)==null||e.forEach((t,s)=>{s===this.selectedIndex?t.classList.add("selected"):t.classList.remove("selected")})}updateCtas(){var e;(e=this.ctas)==null||e.forEach(t=>{["xxl","xl"].includes(this.viewport)?t==null||t.setAttribute("size","large"):t==null||t.setAttribute("size","medium")})}handleItemClick(e){var o,r;const t=e.target,s=((o=this.items)==null?void 0:o.indexOf(t))??-1;if(s!==-1){this.selectedIndex=s,this.updateSelectedItem();const a=((r=t.textContent)==null?void 0:r.trim())||t.getAttribute("data-label")||"";this.dispatchEvent(new CustomEvent("ds-secondary-navigation:select",{detail:{index:s,label:a},bubbles:!0,composed:!0})),this.closeDropdowns()}}render(){return i.html`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`),i=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const a=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/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.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const u=require(`../../mixins/ViewportMixin.cjs`);require(`../ds-button/ds-button.cjs`),require(`../ds-icon-button/ds-icon-button.cjs`);const d=require(`./styles/common.styles.cjs`);var f,p=class extends u.ViewportMixin(o.UiKitElement){static{f=this}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.resizeObserver=new ResizeObserver(()=>{this.handleScroll()}),this.handleScroll=()=>{let e=this.itemsContainer?.scrollLeft+this.itemsContainer?.clientWidth;this.hasScrollLeft=this.itemsContainer?.scrollLeft>0,this.hasScrollRight=e<this.itemsContainer?.scrollWidth}}static{this.styles=[d.commonStyles]}static{this.RESPONSIVE_BUTTON_SIZE=JSON.stringify({xs:`medium`,s:`medium`,m:`medium`,l:`medium`,xl:`large`,xxl:`large`})}static{this.VIEWPORT_ORDER=[`xs`,`s`,`m`,`l`,`xl`,`xxl`]}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=f.VIEWPORT_ORDER.indexOf(t);for(let e=a;e>=0;e--){let t=f.VIEWPORT_ORDER[e];if(t in i)return i[t]}return n}get resolvedItemsMode(){return f.resolveResponsive(this.itemsMode,this.viewport,`auto`)}get resolvedActionsMode(){return f.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){super.firstUpdated(e),this.handleScroll(),this.itemsContainer&&this.resizeObserver.observe(this.itemsContainer),window.addEventListener(`resize`,this.handleScroll),this.itemsContainer?.addEventListener(`scroll`,this.handleScroll)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener(`resize`,this.handleScroll)}get selectedItemText(){return this.keepDropdownButtonText?this.dropdownButtonText:this.items?.[this.selectedIndex]?.textContent?.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(){this.items?.forEach((e,t)=>{t===this.selectedIndex?e.classList.add(`selected`):e.classList.remove(`selected`)})}updateCtas(){this.ctas?.forEach(e=>{[`xxl`,`xl`].includes(this.viewport)?e?.setAttribute(`size`,`large`):e?.setAttribute(`size`,`medium`)})}handleItemClick(e){let t=e.target,n=this.items?.indexOf(t)??-1;if(n!==-1){this.selectedIndex=n,this.updateSelectedItem();let e=t.textContent?.trim()||t.getAttribute(`data-label`)||``;this.dispatchEvent(new CustomEvent(`ds-secondary-navigation:select`,{detail:{index:n,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`?!0:[`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`?!0:[`xxs`,`xs`,`s`].includes(this.viewport)&&this.ctas.length>1}render(){return e.x`
             ${this.backdropTemplate}
             <div class="container gutter">
-                <nav data-testid="ds-secondary-navigation-container" class=${c.classMap(this.classes)}>
+                <nav data-testid="ds-secondary-navigation-container" class=${l.e(this.classes)}>
                     ${this.itemsTemplate}
                     ${this.itemsDropdownButtonTemplate}
                     ${this.actionsTemplate}
                     ${this.actionsDropdownButtonTemplate}
+                    ${this.itemsDropdownTemplate}
+                    ${this.actionsDropdownTemplate}
                 </nav>
-                ${this.itemsDropdownTemplate}
-                ${this.actionsDropdownTemplate}
             </div>
-        `}get itemsTemplate(){return["l","xl","xxl"].includes(this.viewport)?i.html`
+        `}get itemsTemplate(){return this.shouldShowItemsInline?e.x`
             <div class="items-container">
                 <div>
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
                 </div>
             </div>
-        `:i.nothing}get actionsTemplate(){return["m","l","xl","xxl"].includes(this.viewport)?i.html`
+        `:e.E}get actionsTemplate(){return this.shouldShowActionsInline?e.x`
             <div class="actions-container">
                 <slot name="actions" @slotchange=${this.handleActionsSlotChange}></slot>
             </div>
-        `:i.nothing}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this.openItems?"arrow-up":"arrow-down",size:20})}get itemsDropdownButtonTemplate(){return["xxs","xs","s","m"].includes(this.viewport)?i.html`
-            <button
-                class="items-dropdown-button"
+        `:e.E}get iconTemplate(){return c.uiKitHtml`<ds-icon class="icon" icon-name=${this.openItems?`arrow-down`:`arrow-up`} size="20"></ds-icon>`}get itemsDropdownButtonTemplate(){return this.shouldShowItemsDropdownButton?this.resolvedItemsMode===`icon-button`?c.uiKitHtml`<ds-icon-button
+                class="items-list-button"
+                data-aria-label="open items dropdown"
                 @click=${this.toggleItemsDropdown}
-                aria-expanded=${this.openItems}
-                aria-haspopup="true"
-            >
-                <span>${this.selectedItemText}</span>
-                ${this.iconTemplate}
-            </button>
-        `:i.nothing}get itemsDropdownTemplate(){return["xxs","xs","s","m"].includes(this.viewport)?i.html`
+                size=${f.RESPONSIVE_BUTTON_SIZE}
+                variant="secondary"
+                icon-name="list-line"
+            ></ds-icon-button>`:c.uiKitHtml`<ds-button
+            class="items-dropdown-button"
+            variant="secondary"
+            size=${f.RESPONSIVE_BUTTON_SIZE}
+            icon-name=${this.openItems?`arrow-down`:`arrow-up`}
+            icon-position="right"
+            @click=${this.toggleItemsDropdown}
+            aria-expanded=${this.openItems}
+            aria-haspopup="true"
+        ><span>${this.selectedItemText}</span></ds-button>`:e.E}get itemsDropdownTemplate(){return this.shouldShowItemsDropdownButton?e.x`
             <div
-                class=${c.classMap({gutter:!0,"dropdown-container":!0,"items-dropdown":!0,open:this.openItems})}
+                class=${l.e({gutter:!0,"dropdown-container":!0,"items-dropdown":!0,open:this.openItems})}
                 role="menu"
                 aria-hidden=${!this.openItems}
+                ?inert=${!this.openItems}
             >
-                <div
-                    class="dropdown ds-blur"
-                >
+                <div class="dropdown ds-blur">
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
                 </div>
             </div>
-        `:i.nothing}get actionsDropdownButtonTemplate(){return["xxs","xs","s"].includes(this.viewport)?this.componentFactory.createIconButton({class:"nav-arrow","data-aria-label":"open actions dropdown","@click":this.toggleActionsDropdown,size:"medium","icon-name":"triple-dot-v"}):i.nothing}get actionsDropdownTemplate(){return["xxs","xs","s"].includes(this.viewport)?i.html`
-            <div                     
-                class=${c.classMap({gutter:!0,"dropdown-container":!0,"actions-dropdown":!0,open:this.openCtas})}                    
+        `:e.E}get actionsDropdownButtonTemplate(){return this.shouldShowActionsDropdownButton?c.uiKitHtml`<ds-icon-button
+            class="nav-arrow"
+            data-aria-label="open actions dropdown"
+            @click=${this.toggleActionsDropdown}
+            size=${f.RESPONSIVE_BUTTON_SIZE}
+            icon-name="triple-dot-v"
+        ></ds-icon-button>`:e.E}get actionsDropdownTemplate(){return this.shouldShowActionsDropdownButton?e.x`
+            <div
+                class=${l.e({gutter:!0,"dropdown-container":!0,"actions-dropdown":!0,open:this.openCtas})}
                 role="menu"
                 aria-hidden=${!this.openCtas}
+                ?inert=${!this.openCtas}
             >
-                <div
-                    class="dropdown ds-blur"
-
-                >
+                <div class="dropdown ds-blur">
                     <slot name="actions"></slot>
                 </div>
             </div>
-        `:i.nothing}get backdropTemplate(){return!this.openItems&&!this.openCtas?i.nothing:i.html`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`}};exports.DsSecondaryNavigation.styles=[w.commonStyles];n([h.property({type:String,attribute:"dropdown-button-text"})],exports.DsSecondaryNavigation.prototype,"dropdownButtonText",2);n([h.property({type:Number,attribute:"selected-index"})],exports.DsSecondaryNavigation.prototype,"selectedIndex",2);n([l.state()],exports.DsSecondaryNavigation.prototype,"openItems",2);n([l.state()],exports.DsSecondaryNavigation.prototype,"openCtas",2);n([l.state()],exports.DsSecondaryNavigation.prototype,"hasScrollLeft",2);n([l.state()],exports.DsSecondaryNavigation.prototype,"hasScrollRight",2);n([p.queryAssignedElements({slot:"items"})],exports.DsSecondaryNavigation.prototype,"items",2);n([p.queryAssignedElements({slot:"actions"})],exports.DsSecondaryNavigation.prototype,"ctas",2);n([v.query(".items-container")],exports.DsSecondaryNavigation.prototype,"itemsContainer",2);exports.DsSecondaryNavigation=n([u.customUiKitElement("ds-secondary-navigation")],exports.DsSecondaryNavigation);
+        `:e.E}get backdropTemplate(){return!this.openItems&&!this.openCtas?e.E:e.x`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`}};a.__decorate([t.n({type:String,attribute:`dropdown-button-text`})],p.prototype,`dropdownButtonText`,void 0),a.__decorate([t.n({type:Number,attribute:`selected-index`})],p.prototype,`selectedIndex`,void 0),a.__decorate([t.n({type:Boolean,attribute:`keep-dropdown-button-text`})],p.prototype,`keepDropdownButtonText`,void 0),a.__decorate([t.n({type:String,attribute:`items-mode`})],p.prototype,`itemsMode`,void 0),a.__decorate([t.n({type:String,attribute:`actions-mode`})],p.prototype,`actionsMode`,void 0),a.__decorate([n.r()],p.prototype,`openItems`,void 0),a.__decorate([n.r()],p.prototype,`openCtas`,void 0),a.__decorate([n.r()],p.prototype,`hasScrollLeft`,void 0),a.__decorate([n.r()],p.prototype,`hasScrollRight`,void 0),a.__decorate([i.o({slot:`items`})],p.prototype,`items`,void 0),a.__decorate([i.o({slot:`actions`})],p.prototype,`ctas`,void 0),a.__decorate([r.e(`.items-container`)],p.prototype,`itemsContainer`,void 0),p=f=a.__decorate([s.customUiKitElement(`ds-secondary-navigation`)],p);

package/dist-react/cjs/components/ds-secondary-navigation/styles/common.styles.cjs

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

package/dist-react/cjs/components/ds-segmented-control/ds-segmented-control.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),d=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const h=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),m=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),f=require("./styles/common.styles.cjs");var g=Object.defineProperty,S=Object.getOwnPropertyDescriptor,i=(l,e,r,t)=>{for(var s=t>1?void 0:t?S(e,r):e,o=l.length-1,n;o>=0;o--)(n=l[o])&&(s=(t?n(e,r,s):n(s))||s);return t&&s&&g(e,r,s),s};exports.DsSegmentedControl=class extends u.UiKitElement{constructor(){super(...arguments),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"){const r=e,t=this.querySelector(`#${r.htmlFor}`);t&&r.classList.toggle("checked",t.checked)}})}updateFocusState(e,r){const t=e.target,s=t.matches(":focus-visible"),o=this.slottedElements.find(n=>n.tagName==="LABEL"&&n.htmlFor===t.id);o&&o.classList.toggle("focused",s)}render(){return h.html`
-            <fieldset class=${p.classMap(this.classes)}>
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/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.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/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}static{this.styles=[c.commonStyles]}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.x`
+            <fieldset class=${s.e(this.classes)}>
                 <slot @slotchange=${this.updateCheckedStates}></slot>
             </fieldset>
-        `}};exports.DsSegmentedControl.styles=[f.commonStyles];i([c.property({type:String})],exports.DsSegmentedControl.prototype,"size",2);i([c.property({type:Boolean,converter:d.booleanConverter,attribute:"full-width"})],exports.DsSegmentedControl.prototype,"fullWidth",2);i([m.queryAssignedElements({slot:"",flatten:!0})],exports.DsSegmentedControl.prototype,"slottedElements",2);exports.DsSegmentedControl=i([a.customUiKitElement("ds-segmented-control")],exports.DsSegmentedControl);
+        `}};r.__decorate([t.n({type:String})],l.prototype,`size`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,attribute:`full-width`})],l.prototype,`fullWidth`,void 0),r.__decorate([n.o({slot:``,flatten:!0})],l.prototype,`slottedElements`,void 0),l=r.__decorate([a.customUiKitElement(`ds-segmented-control`)],l);

package/dist-react/cjs/components/ds-segmented-control/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: flex;
         flex: 1 1 auto;
@@ -46,4 +46,4 @@
     ::slotted(label.checked) {
         flex-shrink: 0;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-select/controllers/SelectKeyboardController.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=class a{static handleKeydownWhenOpen(t,e){switch(this.KEYS_WHEN_OPEN.has(t.key)&&t.preventDefault(),t.key){case" ":case"Enter":e.commit();break;case"ArrowDown":e.navigateNext();break;case"ArrowUp":e.navigatePrev();break;case"Home":e.navigateFirst();break;case"End":e.navigateLast();break;case"Escape":e.close();break}}static handleKeydownWhenClosed(t,e){this.KEYS_WHEN_CLOSED.has(t.key)&&(t.preventDefault(),e.open())}};a.KEYS_WHEN_OPEN=new Set(["ArrowDown","ArrowUp","Home","End","Enter","Escape"," "]),a.KEYS_WHEN_CLOSED=new Set(["ArrowDown","ArrowUp"," "]);let s=a;exports.SelectKeyboardController=s;
+var e=class{static{this.KEYS_WHEN_OPEN=new Set([`ArrowDown`,`ArrowUp`,`Home`,`End`,`Enter`,`Escape`,` `])}static{this.KEYS_WHEN_CLOSED=new Set([`ArrowDown`,`ArrowUp`,` `])}static handleKeydownWhenOpen(e,t){switch(this.KEYS_WHEN_OPEN.has(e.key)&&e.preventDefault(),e.key){case` `:case`Enter`:t.commit();break;case`ArrowDown`:t.navigateNext();break;case`ArrowUp`:t.navigatePrev();break;case`Home`:t.navigateFirst();break;case`End`:t.navigateLast();break;case`Escape`:t.close();break}}static handleKeydownWhenClosed(e,t){this.KEYS_WHEN_CLOSED.has(e.key)&&(e.preventDefault(),t.open())}};exports.SelectKeyboardController=e;

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

@@ -1,16 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),y=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const r=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const h=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),o=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),b=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs"),p=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),S=require("./controllers/SelectKeyboardController.cjs"),O=require("./styles/common.styles.cjs");var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(c,e,t,i)=>{for(var s=i>1?void 0:i?g(e,t):e,a=c.length-1,l;a>=0;a--)(l=c[a])&&(s=(i?l(e,t,s):l(s))||s);return i&&s&&f(e,t,s),s};exports.DsSelect=class extends m.UiKitElement{constructor(){super(...arguments),this.mode="light",this.size="medium",this.variant="primary",this._open=!1,this.nativeSelect=null,this.nativeLabel=null,this.nativeOptions=[],this.activeIndex=-1,this.hasForcedError=!1,this.handleMutations=e=>{e.forEach(t=>{t.type==="childList"&&this.syncNativeOptions()}),this.requestUpdate()},this.syncNativeOptions=()=>{this.nativeOptions=Array.from(this.nativeSelect.options)},this.handleOpen=()=>{this._open=!0,this.activeIndex=this.findSelectedOptionIndex(),this.focusDisplaySelect()},this.handleClose=()=>{this._open=!1},this.handleClickDisplaySelect=()=>{this._open?this.handleClose():this.handleOpen()},this.handleKeydown=e=>{this._open?S.SelectKeyboardController.handleKeydownWhenOpen(e,{commit:()=>this.commitSelection(),navigateNext:()=>this.advanceSelection(1),navigatePrev:()=>this.advanceSelection(-1),navigateFirst:()=>this.advanceToFirst(),navigateLast:()=>this.advanceToLast(),close:this.handleClose}):S.SelectKeyboardController.handleKeydownWhenClosed(e,{open:this.handleOpen})}}firstUpdated(){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 t;const e=this.nativeOptions.findIndex(i=>i.value===this.nativeSelect.value);return(t=this.nativeOptions[e])!=null&&t.hidden?this.nativeOptions.findIndex(i=>!i.hidden):e}focusDisplaySelect(){this.updateComplete.then(()=>{var e;(e=this.displaySelect)==null||e.focus()})}advanceToFirst(){if(this.nativeOptions.length){const t=this.nativeOptions.findIndex(i=>!i.hidden);this.advanceSelection(t-this.activeIndex)}}advanceToLast(){if(this.nativeOptions.length){let t=-1;for(let i=this.nativeOptions.length-1;i>=0;i--)if(!this.nativeOptions[i].hidden){t=i;break}this.advanceSelection(t-this.activeIndex)}}advanceSelection(e){const t=this.nativeOptions.length;this.activeIndex=(this.activeIndex+e+t)%t,this.shouldSkipHiddenOption()?this.advanceSelection(Math.sign(e)):this.scrollToActive(this.nativeOptions[this.activeIndex])}shouldSkipHiddenOption(){return this.nativeOptions.some(t=>!t.hidden)&&this.nativeOptions[this.activeIndex].hidden}scrollToActive(e){var t;(t=e==null?void 0:e.scrollIntoView)==null||t.call(e,{block:"nearest"})}commitSelection(){this.handleClose();const e=this.nativeOptions[this.activeIndex];this.nativeSelect&&(e!=null&&e.value)&&this.updateNativeSelectValue(e.value)}updateNativeSelectValue(e){this.nativeSelect.value=e,["input","change"].forEach(t=>this.nativeSelect.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})))}get containerClasses(){var e,t,i,s;return{container:!0,open:this._open,disabled:!!((e=this.nativeSelect)!=null&&e.disabled),filled:!!((i=(t=this.nativeOptions)==null?void 0:t.find(a=>a.selected&&!a.hidden))!=null&&i.selected),invalid:!((s=this.nativeSelect)!=null&&s.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 r.html`
+require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`),i=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const a=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/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.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const d=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/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,h=class extends o.UiKitElement{static{m=this}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()}})}}static{this.styles=[p.commonStyles]}static{this.ARIA_OPTION_PREFIX=`option-`}firstUpdated(){queueMicrotask(()=>this.initializeNativeSelect())}disconnectedCallback(){super.disconnectedCallback(),this.cleanup()}initializeNativeSelect(){this.nativeSelect=this.nativeSelects?.[0],this.nativeLabel=this.nativeLabels?.[0],this.nativeSelect&&(this.syncNativeOptions(),this.setupNativeElementsAttributes(),this.setupEventListeners())}handleChangeForcedError(){this.hasForcedError=this.forcedError?.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(){this.nativeSelect?.removeEventListener(`change`,this.syncNativeOptions),this.observer?.disconnect()}findSelectedOptionIndex(){let e=this.nativeOptions.findIndex(e=>e.value===this.nativeSelect.value);return this.nativeOptions[e]?.hidden?this.nativeOptions.findIndex(e=>!e.hidden):e}focusDisplaySelect(){this.updateComplete.then(()=>{this.displaySelect?.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){e?.scrollIntoView?.({block:`nearest`})}commitSelection(e=this.keyboardFocusIndex){this.handleClose();let t=this.nativeOptions[e];this.nativeSelect&&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(){return{container:!0,open:this._open,disabled:!!this.nativeSelect?.disabled,readonly:!!this.readonly,loading:!!this.loading,filled:!!this.nativeOptions?.find(e=>e.selected&&!e.hidden)?.selected,invalid:!this.nativeSelect?.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.x`
             <slot @slotchange=${this.initializeNativeSelect}></slot>
-            <div class=${u.classMap(this.containerClasses)}>
+            <div class=${u.e(this.containerClasses)}>
                 ${this.displaySelectTemplate}
                 ${this.optionsContainerTemplate}
                 <slot name="helper-text"></slot>
+                <slot name="readonly-text"></slot>
                 <slot name="forced-error" @slotchange=${this.handleChangeForcedError}></slot>
                 <slot name="invalid-error"></slot>
             </div>
-        `}get iconTemplate(){return this.componentFactory.createIcon({class:"icon","icon-name":this._open?"arrow-up":"arrow-down"})}get displaySelectTemplate(){var i,s,a;const e=this.nativeOptions.find(l=>l.selected),t=(i=Array.from((e==null?void 0:e.childNodes)||[]))==null?void 0:i.map(l=>{const v=l.cloneNode(!0);if(l.nodeType!==3)return v;if(l.textContent.trim()==="")return"";const d=document.createElement("span");return d.classList.add("text"),d.appendChild(v),d});return r.html`
+        `}get spinnerSize(){return this.size===`medium`?20:24}get iconTemplate(){return this.loading?l.uiKitHtml`<ds-loader-spinner
+                class="loading-spinner"
+                show
+                .size=${this.spinnerSize}
+                data-aria-label=${this.loadingAriaLabel}
+            ></ds-loader-spinner>`:l.uiKitHtml`<ds-icon class="icon" icon-name=${this._open?`arrow-up`:`arrow-down`}></ds-icon>`}get leftIconTemplate(){return this.iconName?l.uiKitHtml`<ds-icon class="left-icon" icon-name=${d.o(this.iconName)}></ds-icon>`:e.E}get displaySelectTemplate(){let t=this.nativeOptions.find(e=>e.selected),n=Array.from(t?.childNodes||[])?.map(e=>{let t=e.cloneNode(!0);if(e.nodeType!==3)return t;if(e.textContent.trim()===``)return``;let n=document.createElement(`span`);return n.classList.add(`text`),n.appendChild(t),n}),r=this.nativeLabel?e.x`<label id="display-label" class="label">${this.nativeLabel.textContent}</label>`:e.E,i=this.nativeLabel?`display-label`:void 0,a=this.nativeLabel?void 0:this.dataAriaLabel;return e.x`
             <div class="select-outline">
                 <div class="select-container">
-                    <label id="display-label" class="label">${(s=this.nativeLabel)==null?void 0:s.innerText}</label>
+                    ${r}
                     <div
                         class="select"
                         role="combobox"
@@ -18,30 +24,32 @@
                         aria-expanded="${this._open}"
                         aria-activedescendant="${this.activeDescendantId}"
                         aria-controls="options-container"
-                        aria-labelledby="display-label"
-                        aria-disabled=${!!((a=this.nativeSelect)!=null&&a.disabled)}
+                        aria-labelledby=${d.o(i)}
+                        aria-label=${d.o(a)}
+                        aria-disabled=${!!this.nativeSelect?.disabled}
                         @click=${this.handleClickDisplaySelect}
                         @keydown=${this.handleKeydown}
                         @blur=${this.handleClose}
                     >
-                        <span class="select-content">${t}</span>
+                        ${this.leftIconTemplate}
+                        <span class="select-content">${n}</span>
                         ${this.iconTemplate}
                     </div>
                 </div>
             </div>
-        `}get activeDescendantId(){return this._open&&this.activeIndex>=0?`${exports.DsSelect.ARIA_OPTION_PREFIX}${this.nativeOptions[this.activeIndex].value}`:""}get optionsContainerTemplate(){return r.html`
+        `}get activeDescendantId(){return this._open&&this.keyboardFocusIndex>=0?`${m.ARIA_OPTION_PREFIX}${this.nativeOptions[this.keyboardFocusIndex].value}`:``}get optionsContainerTemplate(){return e.x`
             <div id="options-container" class="options-container" role="listbox">
-                ${this.nativeOptions.map((e,t)=>e.hidden?r.nothing:this.renderOptionClone(e,t))}
+                ${this.nativeOptions.map((t,n)=>t.hidden?e.E:this.renderOptionClone(t,n))}
             </div>
-        `}renderOptionClone(e,t){const i=Array.from(e.childNodes).map(s=>s.cloneNode(!0));return r.html`
+        `}renderOptionClone(t,n){let r=Array.from(t.childNodes).map(e=>e.cloneNode(!0));return e.x`
             <div
-                id="${exports.DsSelect.ARIA_OPTION_PREFIX}${e.value}"
-                class=${u.classMap({option:!0,active:t===this.activeIndex,selected:e.value===this.nativeSelect.value})}
+                id="${m.ARIA_OPTION_PREFIX}${t.value}"
+                class=${u.e({option:!0,"keyboard-focused":n===this.keyboardFocusIndex&&this._keyboardNavigating,selected:t.value===this.nativeSelect.value})}
                 role="option"
-                aria-selected="${e.value===this.nativeSelect.value}"
+                aria-selected="${t.value===this.nativeSelect.value}"
                 tabindex="-1"
-                @mousedown=${()=>{this.activeIndex=t,this.commitSelection()}}
+                @mousedown=${()=>this.commitSelection(n)}
             >
-                ${i}
+                ${r}
             </div>
-        `}};exports.DsSelect.styles=[O.commonStyles];exports.DsSelect.ARIA_OPTION_PREFIX="option-";n([h.property({type:String})],exports.DsSelect.prototype,"mode",2);n([h.property({type:String})],exports.DsSelect.prototype,"size",2);n([h.property({type:String})],exports.DsSelect.prototype,"variant",2);n([o.state()],exports.DsSelect.prototype,"_open",2);n([o.state()],exports.DsSelect.prototype,"nativeSelect",2);n([o.state()],exports.DsSelect.prototype,"nativeLabel",2);n([o.state()],exports.DsSelect.prototype,"nativeOptions",2);n([o.state()],exports.DsSelect.prototype,"activeIndex",2);n([o.state()],exports.DsSelect.prototype,"hasForcedError",2);n([p.queryAssignedElements({slot:"",selector:"select",flatten:!0})],exports.DsSelect.prototype,"nativeSelects",2);n([p.queryAssignedElements({slot:"",selector:"label",flatten:!0})],exports.DsSelect.prototype,"nativeLabels",2);n([p.queryAssignedElements({slot:"forced-error",flatten:!0})],exports.DsSelect.prototype,"forcedError",2);n([b.query(".select")],exports.DsSelect.prototype,"displaySelect",2);exports.DsSelect=n([y.customUiKitElement("ds-select")],exports.DsSelect);
+        `}};a.__decorate([t.n({type:String})],h.prototype,`mode`,void 0),a.__decorate([t.n({type:String})],h.prototype,`size`,void 0),a.__decorate([t.n({type:String})],h.prototype,`variant`,void 0),a.__decorate([t.n({type:Boolean,converter:c.booleanConverter,reflect:!0})],h.prototype,`readonly`,void 0),a.__decorate([t.n({type:Boolean,converter:c.booleanConverter,reflect:!0})],h.prototype,`loading`,void 0),a.__decorate([t.n({type:String,attribute:`loading-aria-label`})],h.prototype,`loadingAriaLabel`,void 0),a.__decorate([t.n({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),a.__decorate([t.n({type:String,attribute:`data-aria-label`})],h.prototype,`dataAriaLabel`,void 0),a.__decorate([n.r()],h.prototype,`_open`,void 0),a.__decorate([n.r()],h.prototype,`_keyboardNavigating`,void 0),a.__decorate([n.r()],h.prototype,`nativeLabel`,void 0),a.__decorate([n.r()],h.prototype,`nativeOptions`,void 0),a.__decorate([n.r()],h.prototype,`keyboardFocusIndex`,void 0),a.__decorate([n.r()],h.prototype,`hasForcedError`,void 0),a.__decorate([i.o({slot:``,selector:`select`,flatten:!0})],h.prototype,`nativeSelects`,void 0),a.__decorate([i.o({slot:``,selector:`label`,flatten:!0})],h.prototype,`nativeLabels`,void 0),a.__decorate([i.o({slot:`forced-error`,flatten:!0})],h.prototype,`forcedError`,void 0),a.__decorate([r.e(`.select`)],h.prototype,`displaySelect`,void 0),h=m=a.__decorate([s.customUiKitElement(`ds-select`)],h);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: contents;
     }
@@ -19,4 +19,4 @@
     .option.selected {
         pointer-events: none;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

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

@@ -1,5 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),h=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const u=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const p=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),d=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),m=require("./styles/common.styles.cjs");var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(s,t,r,c)=>{for(var e=c>1?void 0:c?y(t,r):t,n=s.length-1,o;n>=0;n--)(o=s[n])&&(e=(c?o(t,r,e):o(e))||e);return c&&e&&v(t,r,e),e};exports.DsSelection=class extends l.UiKitElement{get iconTemplate(){return this.componentFactory.createIcon({class:"icon",size:40,"icon-name":this.checked?"check":"plus"})}get classes(){return{container:!0,checked:this.checked}}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}render(){return u.html`
-            <span data-testid="ds-selection-container" class=${d.classMap(this.classes)} @click=${this.handleClick}>
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/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.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`);const l=require(`./styles/common.styles.cjs`);var u=class extends r.UiKitElement{static{this.styles=[l.commonStyles]}get iconTemplate(){return o.uiKitHtml`<ds-icon class="icon" size="40" icon-name=${this.checked?`check`:`plus`}></ds-icon>`}get classes(){return{container:!0,checked:this.checked}}handleClick(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:this.checked}}))}render(){return e.x`
+            <span
+                data-testid="ds-selection-container"
+                class=${s.e(this.classes)}
+                role="checkbox"
+                aria-checked=${this.checked??!1}
+                aria-label=${c.o(this.dataAriaLabel)}
+                @click=${this.handleClick}
+            >
                 ${this.iconTemplate}
             </span>
-        `}};exports.DsSelection.styles=[m.commonStyles];i([p.property({type:Boolean,converter:h.booleanConverter})],exports.DsSelection.prototype,"checked",2);exports.DsSelection=i([a.customUiKitElement("ds-selection")],exports.DsSelection);
+        `}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],u.prototype,`checked`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label`})],u.prototype,`dataAriaLabel`,void 0),u=n.__decorate([i.customUiKitElement(`ds-selection`)],u);

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: inline-block;
     }
@@ -7,4 +7,4 @@
         display: inline-block;
         cursor: pointer;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

package/dist-react/cjs/components/ds-sidebar-navigation/ds-sidebar-navigation.cjs

@@ -1,20 +1,28 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const d=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),g=require("./styles/common.styles.cjs");var v=Object.defineProperty,h=Object.getOwnPropertyDescriptor,o=(n,t,a,s)=>{for(var e=s>1?void 0:s?h(t,a):t,i=n.length-1,l;i>=0;i--)(l=n[i])&&(e=(s?l(t,a,e):l(e))||e);return s&&e&&v(t,a,e),e};exports.DsSidebarNavigation=class extends r.UiKitElement{constructor(){super(...arguments),this.open=!1,this.toggleModal=()=>{this.open=!this.open},this.handleSlotChange=t=>{const e=t.target.assignedElements().find(i=>i.tagName==="DS-BUTTON");this.setMainCtaSize(e)},this.setMainCtaSize=t=>{t&&t.setAttribute("size",JSON.stringify({xxl:"large",xl:"large",l:"medium",m:"medium",s:"small",xs:"small",xxs:"small"}))}}firstUpdated(t){var s;super.firstUpdated(t);const a=(s=this.mainCtas)==null?void 0:s[0];a&&this.setMainCtaSize(a)}modalButtonTemplate(){return this.componentFactory.createIconButton({class:"modal-button","icon-name":this.open?"cross":"triple-dot-v","@click":this.toggleModal,"data-testid":"modal-button","data-aria-label":"more actions",size:JSON.stringify({xxl:"large",xl:"large",l:"medium",m:"medium",s:"small",xs:"small",xxs:"small"})})}classes(){return{container:!0,open:this.open}}render(){return c.html`
-      <div class=${p.classMap(this.classes())}>
-        <nav class="nav" part="bar">
-          <div class="aside" part="aside">
-            <slot name="aside-text"></slot>
-            <span class="helper-text-container">
-                <slot name="aside-icon"></slot>
-                <slot name="aside-helper-text"></slot>
-            </span>
-          </div>
-          <div class="actions-container" part="actions-container">
-            <slot name="main-cta" @slotchange=${this.handleSlotChange}></slot>
-            ${this.modalButtonTemplate()}
-          </div>
-        </nav>
-          <div part="modal" class="modal">
-              <slot name="ctas"></slot>
-          </div>
-      </div>
-    `}};exports.DsSidebarNavigation.styles=[g.commonStyles];o([d.state()],exports.DsSidebarNavigation.prototype,"open",2);o([u.queryAssignedElements({slot:"main-cta",selector:"ds-button",flatten:!0})],exports.DsSidebarNavigation.prototype,"mainCtas",2);exports.DsSidebarNavigation=o([m.customUiKitElement("ds-sidebar-navigation")],exports.DsSidebarNavigation);
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../utils/booleanConverter.cjs`),s=require(`../../utils/uiKitHtml.cjs`),c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`),require(`../ds-icon-button/ds-icon-button.cjs`);const l=require(`../../utils/scrollLock.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends i.UiKitElement{constructor(...e){super(...e),this.open=!1,this.scrollLocked=!1,this.toggleModal=()=>{this.open=!this.open,this.open?this.dispatchEvent(new Event(`ds-sidebar-navigation:open`,{bubbles:!0,composed:!0})):this.dispatchEvent(new Event(`ds-sidebar-navigation:close`,{bubbles:!0,composed:!0}))},this.handleModalClick=e=>{e.target===e.currentTarget&&this.toggleModal()},this.handleSlotChange=e=>{let t=e.target.assignedElements().find(e=>e.tagName===`DS-BUTTON`);this.setMainCtaSize(t)},this.setMainCtaSize=e=>{e&&e.setAttribute(`size`,JSON.stringify({xxl:`large`,xl:`large`,l:`medium`,m:`medium`,s:`small`,xs:`small`,xxs:`small`}))}}static{this.styles=[u.commonStyles]}firstUpdated(e){super.firstUpdated(e);let t=this.mainCtas?.[0];t&&this.setMainCtaSize(t)}updated(e){super.updated(e),e.has(`open`)&&(this.open?(l.scrollLock.lock(),this.scrollLocked=!0):this.scrollLocked&&=(l.scrollLock.unlock(),!1))}disconnectedCallback(){super.disconnectedCallback(),this.scrollLocked&&=(l.scrollLock.unlock(),!1)}modalButtonTemplate(){return s.uiKitHtml`<ds-icon-button
+            class="modal-button"
+            icon-name=${this.open?`cross`:`triple-dot-v`}
+            @click=${this.toggleModal}
+            data-testid="modal-button"
+            data-aria-label="more actions"
+            variant="tertiary"
+            size=${JSON.stringify({xxl:`large`,xl:`large`,l:`medium`,m:`medium`,s:`small`,xs:`small`,xxs:`small`})}
+        ></ds-icon-button>`}classes(){return{container:!0,open:this.open}}render(){return e.x`
+            <div class=${c.e(this.classes())}>
+                <nav class="nav" part="bar">
+                    <div class="aside" part="aside">
+                        <slot name="aside-text"></slot>
+                        <span class="helper-text-container">
+                            <slot name="aside-icon"></slot>
+                            <slot name="aside-helper-text"></slot>
+                        </span>
+                    </div>
+                    <div class="actions-container" part="actions-container">
+                        <slot name="main-cta" @slotchange=${this.handleSlotChange}></slot>
+                        ${this.modalButtonTemplate()}
+                    </div>
+                </nav>
+                <div part="modal" class="modal" @click=${this.handleModalClick}>
+                    <slot name="ctas"></slot>
+                </div>
+            </div>
+        `}};r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`open`,void 0),r.__decorate([n.o({slot:`main-cta`,selector:`ds-button`,flatten:!0})],d.prototype,`mainCtas`,void 0),d=r.__decorate([a.customUiKitElement(`ds-sidebar-navigation`)],d);

package/dist-react/cjs/components/ds-sidebar-navigation/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
     :host {
         display: contents;
     }
@@ -15,4 +15,4 @@
         display: flex;
         box-sizing: border-box;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

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

@@ -0,0 +1,8 @@
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.cjs`);const s=require(`./styles/common.styles.cjs`);var c=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`text`,this.animation=`shimmer`}static{this.styles=[s.commonStyles]}get classes(){return{skeleton:!0,[`variant-${this.variant}`]:!0,[`animation-${this.animation}`]:!0}}get inlineStyles(){return{width:this.width??void 0,height:this.height??void 0}}render(){return e.x`
+            <div
+                class=${a.e(this.classes)}
+                style=${o.o(this.inlineStyles)}
+                role="presentation"
+                aria-hidden="true"
+            ></div>
+        `}};n.__decorate([t.n({type:String})],c.prototype,`variant`,void 0),n.__decorate([t.n({type:String})],c.prototype,`width`,void 0),n.__decorate([t.n({type:String})],c.prototype,`height`,void 0),n.__decorate([t.n({type:String})],c.prototype,`animation`,void 0),c=n.__decorate([i.customUiKitElement(`ds-skeleton`)],c);

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

@@ -0,0 +1,5 @@
+const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);var t=e.i`
+    :host {
+        display: block;
+    }
+`;exports.commonStyles=t;