@cupra/ui-kit 2.0.0-canary.217 → 2.0.0-canary.219

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

@@ -1,10 +1,10 @@
-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");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.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/FormAssociatedMixin.cjs"),d=require("./styles/common.styles.cjs");var f,p=(f=class extends u.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.initialValue=``,this.label=``,this.helperText=``,this.errorText=``,this.disabled=!1,this.success=!1,this.mode=`light`,this.size=`large`,this.name=``,this.placeholder=``,this.type=`text`,this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1},this.handleClickClearIcon=()=>{this._value=``,this.dispatchEvent(new CustomEvent(`ds-search:clear`,{bubbles:!0,composed:!0}))},this.handleInput=e=>{let t=e.target;this._value=t.value||``},this.handleSuccess=e=>{this.dispatchEvent(new CustomEvent(`ds-search:position-success`,{bubbles:!0,composed:!0,detail:{position:e}}))},this.handleError=e=>{this.dispatchEvent(new CustomEvent(`ds-search:position-error`,{bubbles:!0,composed:!0,detail:{error:e}}))}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(e){this._value=e}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get searchIconTemplate(){return e.x`
+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");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const i=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),a=require("../base/UiKitElement.cjs"),o=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const s=require("../../utils/booleanConverter.cjs"),c=require("../../utils/uiKitHtml.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const u=require("../../mixins/FormAssociatedMixin.cjs"),d=require("./styles/common.styles.cjs");var f=class extends u.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.initialValue=``,this.label=``,this.helperText=``,this.errorText=``,this.disabled=!1,this.success=!1,this.mode=`light`,this.size=`large`,this.name=``,this.placeholder=``,this.type=`text`,this.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1},this.handleClickClearIcon=()=>{this._value=``,this.dispatchEvent(new CustomEvent(`ds-search:clear`,{bubbles:!0,composed:!0}))},this.handleInput=e=>{let t=e.target;this._value=t.value||``},this.handleSuccess=e=>{this.dispatchEvent(new CustomEvent(`ds-search:position-success`,{bubbles:!0,composed:!0,detail:{position:e}}))},this.handleError=e=>{this.dispatchEvent(new CustomEvent(`ds-search:position-error`,{bubbles:!0,composed:!0,detail:{error:e}}))}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(e){this._value=e}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get searchIconTemplate(){return e.html`
             ${c.uiKitHtml`<ds-icon class="search-icon" icon-name="magnifying-glass"></ds-icon>`}
-        `}get positionIconTemplate(){return e.x`
+        `}get positionIconTemplate(){return e.html`
             ${c.uiKitHtml`<ds-icon class="position-icon" icon-name="position"></ds-icon>`}
-        `}get clearIconTemplate(){return e.x`
+        `}get clearIconTemplate(){return e.html`
             ${c.uiKitHtml`<ds-icon class="clear-icon" data-testid="clear-icon" icon-name="cross" @click=${this.handleClickClearIcon}></ds-icon>`}
-        `}get inputTemplate(){return e.x`
+        `}get inputTemplate(){return e.html`
             <input
                 class="input-field"
                 type=${this.type}
@@ -18,21 +18,21 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 @input=${this.handleInput}
                 ?disabled=${this.disabled}
             />
-        `}get helperTextTemplate(){return this.helperText?e.x`
+        `}get helperTextTemplate(){return this.helperText?e.html`
             <div class="helper-text" @click=${this.handleClickHelperText}>
                 ${this.positionIconTemplate}
                 ${this.helperText}
             </div>
-        `:e.E}get errorTextTemplate(){return this.errorText?e.x`<div class="error-text">${this.errorText}</div>`:e.E}get styleTokens(){return e.x`
+        `:e.nothing}get errorTextTemplate(){return this.errorText?e.html`<div class="error-text">${this.errorText}</div>`:e.nothing}get styleTokens(){return e.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};
                     pointer-events: ${this.disabled?`none`:`visible`};
                 }
             </style>
-        `}handleClickHelperText(){navigator.geolocation.getCurrentPosition(this.handleSuccess,this.handleError)}render(){return e.x`
+        `}handleClickHelperText(){navigator.geolocation.getCurrentPosition(this.handleSuccess,this.handleError)}render(){return e.html`
             ${this.styleTokens}
-            <div class=${l.e(this.classes)}>
+            <div class=${l.classMap(this.classes)}>
                 <div class="input-container">
                     ${this.searchIconTemplate}
                     ${this.inputTemplate}
@@ -41,4 +41,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 ${this.errorTextTemplate}
                 ${this.helperTextTemplate}
             </div>
-        `}},f.styles=[d.commonStyles,d.containerStyles,d.helperTextStyles,d.inputFieldStyles,d.inputContainerStyles],f);i.__decorate([t.n({type:String,reflect:!0,attribute:`initial-value`})],p.prototype,`initialValue`,void 0),i.__decorate([t.n({type:String})],p.prototype,`label`,void 0),i.__decorate([t.n({type:String,attribute:`helper-text`})],p.prototype,`helperText`,void 0),i.__decorate([t.n({type:String,attribute:`error-text`})],p.prototype,`errorText`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],p.prototype,`disabled`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter})],p.prototype,`success`,void 0),i.__decorate([t.n({type:String,reflect:!0})],p.prototype,`mode`,void 0),i.__decorate([t.n({type:String})],p.prototype,`size`,void 0),i.__decorate([t.n({type:String})],p.prototype,`name`,void 0),i.__decorate([t.n({type:String})],p.prototype,`placeholder`,void 0),i.__decorate([t.n({type:String,attribute:`max-length`})],p.prototype,`maxLength`,void 0),i.__decorate([t.n({type:String})],p.prototype,`type`,void 0),i.__decorate([n.r()],p.prototype,`_value`,void 0),i.__decorate([n.r()],p.prototype,`focused`,void 0),i.__decorate([r.e(`.input-field`)],p.prototype,`inputField`,void 0),p=i.__decorate([o.customUiKitElement(`ds-search`)],p);
+        `}},p=(f.styles=[d.commonStyles,d.containerStyles,d.helperTextStyles,d.inputFieldStyles,d.inputContainerStyles],f);i.default([t.property({type:String,reflect:!0,attribute:`initial-value`})],p.prototype,`initialValue`,void 0),i.default([t.property({type:String})],p.prototype,`label`,void 0),i.default([t.property({type:String,attribute:`helper-text`})],p.prototype,`helperText`,void 0),i.default([t.property({type:String,attribute:`error-text`})],p.prototype,`errorText`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter})],p.prototype,`disabled`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter})],p.prototype,`success`,void 0),i.default([t.property({type:String,reflect:!0})],p.prototype,`mode`,void 0),i.default([t.property({type:String})],p.prototype,`size`,void 0),i.default([t.property({type:String})],p.prototype,`name`,void 0),i.default([t.property({type:String})],p.prototype,`placeholder`,void 0),i.default([t.property({type:String,attribute:`max-length`})],p.prototype,`maxLength`,void 0),i.default([t.property({type:String})],p.prototype,`type`,void 0),i.default([n.state()],p.prototype,`_value`,void 0),i.default([n.state()],p.prototype,`focused`,void 0),i.default([r.query(`.input-field`)],p.prototype,`inputField`,void 0),p=i.default([o.customUiKitElement(`ds-search`)],p),Object.defineProperty(exports,"DsSearch",{enumerable:!0,get:function(){return p}});

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

@@ -1,4 +1,4 @@
-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`
+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 {
         display: block;
         width: 100%;
@@ -8,11 +8,11 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
     .helper-text {
         user-select: none;
     }
-`,n=e.i`
+`,n=e.css`
     .container {
         position: relative;
     }
-`,r=e.i`
+`,r=e.css`
     .input-field::-webkit-search-decoration,
     .input-field::-webkit-search-cancel-button,
     .input-field::-webkit-search-results-button,
@@ -33,14 +33,14 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
     .input-field:focus {
         outline: none;
     }
-`,i=e.i`
+`,i=e.css`
     .helper-text {
         cursor: pointer;
         display: flex;
         justify-content: flex-start;
         align-items: center;
     }
-`,a=e.i`
+`,a=e.css`
     .input-container {
         align-items: center;
         justify-content: center;

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

@@ -1,5 +1,5 @@
-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.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.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"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../mixins/inputStatesMixin.cjs");require("../ds-loader-spinner/ds-loader-spinner.cjs");const u=require("../../utils/validateMaxLength.cjs"),d=require("./styles/common.styles.cjs");var f,p=(f=class extends l.inputStatesMixin(r.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.variant=`primary`,this.loading=!1,this.helperText=``,this.forcedError=``,this.invalidError=``,this.dataAriaLabelRemoveButton=``,this.dataAriaLabelPositionButton=``,this.withPositionButton=!0,this.handleRemove=()=>{this.nativeInput.value=``,this.nativeInput.focus(),[`input`,`change`].forEach(e=>this.nativeInput.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))},this.handleClickPositionButton=()=>{this.dispatchEvent(new Event(`ds-search-input:click-position-button`,{bubbles:!0,composed:!0}))}}get classes(){return{container:!0,error:!!this.forcedError,loading:this.loading,[this.size]:!!this.size,[this.variant]:!!this.variant,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return e.x`
-            <div part="container" class=${s.e(this.classes)}>
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../mixins/inputStatesMixin.cjs");require("../ds-loader-spinner/ds-loader-spinner.cjs");const u=require("../../utils/validateMaxLength.cjs"),d=require("./styles/common.styles.cjs");var f=class extends l.inputStatesMixin(r.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.variant=`primary`,this.loading=!1,this.helperText=``,this.forcedError=``,this.invalidError=``,this.dataAriaLabelRemoveButton=``,this.dataAriaLabelPositionButton=``,this.withPositionButton=!0,this.handleRemove=()=>{this.nativeInput.value=``,this.nativeInput.focus(),[`input`,`change`].forEach(e=>this.nativeInput.dispatchEvent(new Event(e,{bubbles:!0,composed:!0})))},this.handleClickPositionButton=()=>{this.dispatchEvent(new Event(`ds-search-input:click-position-button`,{bubbles:!0,composed:!0}))}}get classes(){return{container:!0,error:!!this.forcedError,loading:this.loading,[this.size]:!!this.size,[this.variant]:!!this.variant,disabled:this.inputStates.disabled,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible}}render(){return e.html`
+            <div part="container" class=${s.classMap(this.classes)}>
                 <div part="input-container" class="input-container">
                     ${this.searchIconTemplate}
                     <slot></slot>
@@ -11,27 +11,27 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 </div>
                 ${this.footerTemplate}
             </div>
-        `}get searchIconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name="magnifying-glass"></ds-icon>`}get removeTemplate(){var t,n;return!(!((t=this.nativeInput)==null||(t=t.value)==null)&&t.length)||this.loading?e.E:o.uiKitHtml`<ds-icon-button
+        `}get searchIconTemplate(){return o.uiKitHtml`<ds-icon class="icon" icon-name="magnifying-glass"></ds-icon>`}get removeTemplate(){var t,n;return!((t=this.nativeInput)!=null&&(t=t.value)!=null&&t.length)||this.loading?e.nothing:o.uiKitHtml`<ds-icon-button
             class="remove-icon-button"
             icon-name="cross"
             ?disabled=${!!((n=this.nativeInput)!=null&&n.disabled)}
-            size=${c.o(this.size)}
+            size=${c.ifDefined(this.size)}
             variant="naked"
             @click=${this.handleRemove}
             data-aria-label=${this.dataAriaLabelRemoveButton||`remove button`}
-        ></ds-icon-button>`}get positionTemplate(){var t;return this.loading||!this.withPositionButton?e.E:o.uiKitHtml`<ds-icon-button
+        ></ds-icon-button>`}get positionTemplate(){var t;return this.loading||!this.withPositionButton?e.nothing:o.uiKitHtml`<ds-icon-button
             class="position-icon-button"
             icon-name="position"
             ?disabled=${!!((t=this.nativeInput)!=null&&t.disabled)}
-            size=${c.o(this.size)}
+            size=${c.ifDefined(this.size)}
             variant="naked"
             @click=${this.handleClickPositionButton}
             data-aria-label=${this.dataAriaLabelPositionButton||`position button`}
-        ></ds-icon-button>`}get loaderSpinnerTemplate(){return o.uiKitHtml`<ds-loader-spinner ?show=${this.loading}></ds-loader-spinner>`}get footerTemplate(){var t,n;return!((t=this.helperText)!=null&&t.length)&&!this.forcedError&&(!this.inputStates.invalid||!this.invalidError)&&Number((n=this.nativeInput)==null?void 0:n.maxLength)<0?e.E:e.x`
+        ></ds-icon-button>`}get loaderSpinnerTemplate(){return o.uiKitHtml`<ds-loader-spinner ?show=${this.loading}></ds-loader-spinner>`}get footerTemplate(){var t,n;return!((t=this.helperText)!=null&&t.length)&&!this.forcedError&&(!this.inputStates.invalid||!this.invalidError)&&Number((n=this.nativeInput)==null?void 0:n.maxLength)<0?e.nothing:e.html`
             <div class="footer">
                 ${this.helperTextTemplate}
                 ${this.forcedErrorTemplate}
                 ${this.invalidErrorTemplate}
                 ${this.lengthTemplate}
             </div>
-        `}get helperTextTemplate(){var t;return this.forcedError||this.inputStates.invalid&&this.invalidError||!((t=this.helperText)!=null&&t.length)?e.E:e.x`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?e.x`<span class="support-text error-text forced-error">${this.forcedError}</span>`:e.E}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?e.E:e.x`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}get lengthTemplate(){var t,n;let r=(t=this.nativeInput)==null||(t=t.maxLength)==null?void 0:t.toString();return u.validateMaxLength(r)?e.x`<span class="char-counter">${((n=this.inputStates.currentValue)==null?void 0:n.length)||0}/${r}</span>`:e.E}},f.styles=[d.commonStyles],f);n.__decorate([t.n({type:String})],p.prototype,`size`,void 0),n.__decorate([t.n({type:String})],p.prototype,`variant`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`loading`,void 0),n.__decorate([t.n({type:String,attribute:`helper-text`})],p.prototype,`helperText`,void 0),n.__decorate([t.n({type:String,attribute:`forced-error`})],p.prototype,`forcedError`,void 0),n.__decorate([t.n({type:String,attribute:`invalid-error`})],p.prototype,`invalidError`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label-remove-button`})],p.prototype,`dataAriaLabelRemoveButton`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label-position-button`})],p.prototype,`dataAriaLabelPositionButton`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`with-position-button`})],p.prototype,`withPositionButton`,void 0),p=n.__decorate([i.customUiKitElement(`ds-search-input`)],p);
+        `}get helperTextTemplate(){var t;return this.forcedError||this.inputStates.invalid&&this.invalidError||!((t=this.helperText)!=null&&t.length)?e.nothing:e.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.forcedError?e.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`:e.nothing}get invalidErrorTemplate(){return this.forcedError||!this.inputStates.invalid||!this.invalidError?e.nothing:e.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}get lengthTemplate(){var t,n;let r=(t=this.nativeInput)==null||(t=t.maxLength)==null?void 0:t.toString();return u.validateMaxLength(r)?e.html`<span class="char-counter">${((n=this.inputStates.currentValue)==null?void 0:n.length)||0}/${r}</span>`:e.nothing}},p=(f.styles=[d.commonStyles],f);n.default([t.property({type:String})],p.prototype,`size`,void 0),n.default([t.property({type:String})],p.prototype,`variant`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter})],p.prototype,`loading`,void 0),n.default([t.property({type:String,attribute:`helper-text`})],p.prototype,`helperText`,void 0),n.default([t.property({type:String,attribute:`forced-error`})],p.prototype,`forcedError`,void 0),n.default([t.property({type:String,attribute:`invalid-error`})],p.prototype,`invalidError`,void 0),n.default([t.property({type:String,attribute:`data-aria-label-remove-button`})],p.prototype,`dataAriaLabelRemoveButton`,void 0),n.default([t.property({type:String,attribute:`data-aria-label-position-button`})],p.prototype,`dataAriaLabelPositionButton`,void 0),n.default([t.property({type:Boolean,converter:a.booleanConverter,attribute:`with-position-button`})],p.prototype,`withPositionButton`,void 0),p=n.default([i.customUiKitElement(`ds-search-input`)],p),Object.defineProperty(exports,"DsSearchInput",{enumerable:!0,get:function(){return p}});

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

@@ -1,4 +1,4 @@
-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`
+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 {
         display: contents;
     }

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

@@ -1,7 +1,7 @@
-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.133.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.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-icon-button/ds-icon-button.cjs"),require("../ds-button/ds-button.cjs");const d=require("./styles/common.styles.cjs");var f,p,m=(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`?!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.actionsCount>1}render(){return e.x`
+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`
             ${this.backdropTemplate}
             <div class="container gutter">
-                <nav data-testid="ds-secondary-navigation-container" class=${l.e(this.classes)}>
+                <nav data-testid="ds-secondary-navigation-container" class=${l.classMap(this.classes)}>
                     ${this.itemsTemplate}
                     ${this.itemsDropdownButtonTemplate}
                     ${this.actionsTemplate}
@@ -10,17 +10,17 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     ${this.actionsDropdownTemplate}
                 </nav>
             </div>
-        `}get itemsTemplate(){return this.shouldShowItemsInline?e.x`
+        `}get itemsTemplate(){return this.shouldShowItemsInline?e.html`
             <div class="items-container">
                 <div>
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
                 </div>
             </div>
-        `:e.E}get actionsTemplate(){return this.shouldShowActionsInline?e.x`
+        `:e.nothing}get actionsTemplate(){return this.shouldShowActionsInline?e.html`
             <div class="actions-container">
                 <slot name="actions" @slotchange=${this.handleActionsSlotChange}></slot>
             </div>
-        `: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
+        `:e.nothing}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}
@@ -36,9 +36,9 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
             @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`
+        ><span>${this.selectedItemText}</span></ds-button>`:e.nothing}get itemsDropdownTemplate(){return this.shouldShowItemsDropdownButton?e.html`
             <div
-                class=${l.e({gutter:!0,"dropdown-container":!0,"items-dropdown":!0,open:this.openItems})}
+                class=${l.classMap({gutter:!0,"dropdown-container":!0,"items-dropdown":!0,open:this.openItems})}
                 role="menu"
                 aria-hidden=${!this.openItems}
                 ?inert=${!this.openItems}
@@ -47,15 +47,15 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     <slot name="items" @slotchange=${this.handleItemsSlotChange} @click=${this.handleItemClick}></slot>
                 </div>
             </div>
-        `:e.E}get actionsDropdownButtonTemplate(){return this.shouldShowActionsDropdownButton?c.uiKitHtml`<ds-icon-button
+        `:e.nothing}get actionsDropdownButtonTemplate(){return this.shouldShowActionsDropdownButton?c.uiKitHtml`<ds-icon-button
             class="nav-arrow"
             data-aria-label="open actions dropdown"
             @click=${this.toggleActionsDropdown}
             size=${p.RESPONSIVE_BUTTON_SIZE}
             icon-name="triple-dot-v"
-        ></ds-icon-button>`:e.E}get actionsDropdownTemplate(){return this.shouldShowActionsDropdownButton?e.x`
+        ></ds-icon-button>`:e.nothing}get actionsDropdownTemplate(){return this.shouldShowActionsDropdownButton?e.html`
             <div
-                class=${l.e({gutter:!0,"dropdown-container":!0,"actions-dropdown":!0,open:this.openCtas})}
+                class=${l.classMap({gutter:!0,"dropdown-container":!0,"actions-dropdown":!0,open:this.openCtas})}
                 role="menu"
                 aria-hidden=${!this.openCtas}
                 ?inert=${!this.openCtas}
@@ -64,4 +64,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     <slot name="actions" @slotchange=${this.handleActionsSlotChange}></slot>
                 </div>
             </div>
-        `:e.E}get backdropTemplate(){return!this.openItems&&!this.openCtas?e.E:e.x`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`}},p=f,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.__decorate([t.n({type:String,attribute:`dropdown-button-text`})],m.prototype,`dropdownButtonText`,void 0),a.__decorate([t.n({type:Number,attribute:`selected-index`})],m.prototype,`selectedIndex`,void 0),a.__decorate([t.n({type:Boolean,attribute:`keep-dropdown-button-text`})],m.prototype,`keepDropdownButtonText`,void 0),a.__decorate([t.n({type:String,attribute:`items-mode`})],m.prototype,`itemsMode`,void 0),a.__decorate([t.n({type:String,attribute:`actions-mode`})],m.prototype,`actionsMode`,void 0),a.__decorate([n.r()],m.prototype,`openItems`,void 0),a.__decorate([n.r()],m.prototype,`openCtas`,void 0),a.__decorate([n.r()],m.prototype,`hasScrollLeft`,void 0),a.__decorate([n.r()],m.prototype,`hasScrollRight`,void 0),a.__decorate([n.r()],m.prototype,`actionsCount`,void 0),a.__decorate([i.o({slot:`items`})],m.prototype,`items`,void 0),a.__decorate([i.o({slot:`actions`})],m.prototype,`ctas`,void 0),a.__decorate([r.e(`.items-container`)],m.prototype,`itemsContainer`,void 0),m=p=a.__decorate([s.customUiKitElement(`ds-secondary-navigation`)],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);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}});

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

@@ -1,4 +1,4 @@
-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`
+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 {
         display: contents;
     }

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

@@ -1,5 +1,5 @@
-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.133.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.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,u=(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.x`
-            <fieldset class=${s.e(this.classes)}>
+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`
+            <fieldset class=${s.classMap(this.classes)}>
                 <slot @slotchange=${this.updateCheckedStates}></slot>
             </fieldset>
-        `}},l.styles=[c.commonStyles],l);r.__decorate([t.n({type:String})],u.prototype,`size`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,attribute:`full-width`})],u.prototype,`fullWidth`,void 0),r.__decorate([n.o({slot:``,flatten:!0})],u.prototype,`slottedElements`,void 0),u=r.__decorate([a.customUiKitElement(`ds-segmented-control`)],u);
+        `}},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}});

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

@@ -1,4 +1,4 @@
-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`
+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 {
         display: flex;
         flex: 1 1 auto;

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

@@ -1 +1 @@
-var e,t=class{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())}};e=t,e.KEYS_WHEN_OPEN=new Set([`ArrowDown`,`ArrowUp`,`Home`,`End`,`Enter`,`Escape`,` `]),e.KEYS_WHEN_CLOSED=new Set([`ArrowDown`,`ArrowUp`,` `]),exports.SelectKeyboardController=t;
+var e,t=class{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()}}static handleKeydownWhenClosed(e,t){this.KEYS_WHEN_CLOSED.has(e.key)&&(e.preventDefault(),t.open())}};e=t,e.KEYS_WHEN_OPEN=new Set([`ArrowDown`,`ArrowUp`,`Home`,`End`,`Enter`,`Escape`,` `]),e.KEYS_WHEN_CLOSED=new Set([`ArrowDown`,`ArrowUp`,` `]),exports.SelectKeyboardController=t;

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

@@ -1,6 +1,6 @@
-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.133.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.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,g=(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.x`
+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`
             <slot @slotchange=${this.initializeNativeSelect}></slot>
-            <div class=${u.e(this.containerClasses)}>
+            <div class=${u.classMap(this.containerClasses)}>
                 ${this.displaySelectTemplate}
                 ${this.optionsContainerTemplate}
                 <slot name="helper-text"></slot>
@@ -13,7 +13,7 @@ require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_mod
                 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(){var t,n;let r=this.nativeOptions.find(e=>e.selected),i=(t=Array.from((r==null?void 0:r.childNodes)||[]))==null?void 0:t.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}),a=this.nativeLabel?e.x`<label id="display-label" class="label">${this.nativeLabel.textContent}</label>`:e.E,o=this.nativeLabel?`display-label`:void 0,s=this.nativeLabel?void 0:this.dataAriaLabel;return e.x`
+            ></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.ifDefined(this.iconName)}></ds-icon>`:e.nothing}get displaySelectTemplate(){var t,n;let r=this.nativeOptions.find(e=>e.selected),i=(t=Array.from((r==null?void 0:r.childNodes)||[]))==null?void 0:t.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}),a=this.nativeLabel?e.html`<label id="display-label" class="label">${this.nativeLabel.textContent}</label>`:e.nothing,o=this.nativeLabel?`display-label`:void 0,s=this.nativeLabel?void 0:this.dataAriaLabel;return e.html`
             <div class="select-outline">
                 <div class="select-container">
                     ${a}
@@ -24,8 +24,8 @@ require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_mod
                         aria-expanded="${this._open}"
                         aria-activedescendant="${this.activeDescendantId}"
                         aria-controls="options-container"
-                        aria-labelledby=${d.o(o)}
-                        aria-label=${d.o(s)}
+                        aria-labelledby=${d.ifDefined(o)}
+                        aria-label=${d.ifDefined(s)}
                         aria-disabled=${!!((n=this.nativeSelect)!=null&&n.disabled)}
                         @click=${this.handleClickDisplaySelect}
                         @keydown=${this.handleKeydown}
@@ -37,14 +37,14 @@ 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.x`
+        `}get activeDescendantId(){return this._open&&this.keyboardFocusIndex>=0?`${h.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.E:this.renderOptionClone(t,n))}
+                ${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.x`
+        `}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}"
-                class=${u.e({option:!0,"keyboard-focused":n===this.keyboardFocusIndex&&this._keyboardNavigating,selected:t.value===this.nativeSelect.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}"
                 tabindex="-1"
@@ -52,4 +52,4 @@ require("../ds-theme-provider/themeContext.cjs");const e=require("../../node_mod
             >
                 ${r}
             </div>
-        `}},h=m,m.styles=[p.commonStyles],m.ARIA_OPTION_PREFIX=`option-`,m);a.__decorate([t.n({type:String})],g.prototype,`mode`,void 0),a.__decorate([t.n({type:String})],g.prototype,`size`,void 0),a.__decorate([t.n({type:String})],g.prototype,`variant`,void 0),a.__decorate([t.n({type:Boolean,converter:c.booleanConverter,reflect:!0})],g.prototype,`readonly`,void 0),a.__decorate([t.n({type:Boolean,converter:c.booleanConverter,reflect:!0})],g.prototype,`loading`,void 0),a.__decorate([t.n({type:String,attribute:`loading-aria-label`})],g.prototype,`loadingAriaLabel`,void 0),a.__decorate([t.n({type:String,attribute:`icon-name`})],g.prototype,`iconName`,void 0),a.__decorate([t.n({type:String,attribute:`data-aria-label`})],g.prototype,`dataAriaLabel`,void 0),a.__decorate([n.r()],g.prototype,`_open`,void 0),a.__decorate([n.r()],g.prototype,`_keyboardNavigating`,void 0),a.__decorate([n.r()],g.prototype,`nativeLabel`,void 0),a.__decorate([n.r()],g.prototype,`nativeOptions`,void 0),a.__decorate([n.r()],g.prototype,`keyboardFocusIndex`,void 0),a.__decorate([n.r()],g.prototype,`hasForcedError`,void 0),a.__decorate([i.o({slot:``,selector:`select`,flatten:!0})],g.prototype,`nativeSelects`,void 0),a.__decorate([i.o({slot:``,selector:`label`,flatten:!0})],g.prototype,`nativeLabels`,void 0),a.__decorate([i.o({slot:`forced-error`,flatten:!0})],g.prototype,`forcedError`,void 0),a.__decorate([r.e(`.select`)],g.prototype,`displaySelect`,void 0),g=h=a.__decorate([s.customUiKitElement(`ds-select`)],g);
+        `}},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}});

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

@@ -1,4 +1,4 @@
-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`
+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 {
         display: contents;
     }

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

@@ -1,12 +1,12 @@
-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.133.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.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,d=(u=class extends r.UiKitElement{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`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs");require("../ds-icon/ds-icon.cjs");const a=require("../../utils/booleanConverter.cjs"),o=require("../../utils/uiKitHtml.cjs"),s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const l=require("./styles/common.styles.cjs");var u=class extends r.UiKitElement{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.html`
             <span
                 data-testid="ds-selection-container"
-                class=${s.e(this.classes)}
+                class=${s.classMap(this.classes)}
                 role="checkbox"
                 aria-checked=${this.checked??!1}
-                aria-label=${c.o(this.dataAriaLabel)}
+                aria-label=${c.ifDefined(this.dataAriaLabel)}
                 @click=${this.handleClick}
             >
                 ${this.iconTemplate}
             </span>
-        `}},u.styles=[l.commonStyles],u);n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],d.prototype,`checked`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label`})],d.prototype,`dataAriaLabel`,void 0),d=n.__decorate([i.customUiKitElement(`ds-selection`)],d);
+        `}},d=(u.styles=[l.commonStyles],u);n.default([t.property({type:Boolean,converter:a.booleanConverter})],d.prototype,`checked`,void 0),n.default([t.property({type:String,attribute:`data-aria-label`})],d.prototype,`dataAriaLabel`,void 0),d=n.default([i.customUiKitElement(`ds-selection`)],d),Object.defineProperty(exports,"DsSelection",{enumerable:!0,get:function(){return d}});

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

@@ -1,4 +1,4 @@
-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`
+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 {
         display: inline-block;
     }

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

@@ -1,4 +1,4 @@
-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.133.0/helpers/esm/decorate.cjs"),i=require("../base/UiKitElement.cjs"),a=require("../../decorators/customUiKitElement.cjs"),o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.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,f=(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`||e.tagName.startsWith(`DS-BUTTON--`));this.setMainCtaSize(t)},this.handleCtasSlotChange=e=>{e.target.assignedElements().filter(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`)).forEach(e=>this.setButtonSize(e))},this.setMainCtaSize=e=>{e&&this.setButtonSize(e)},this.setButtonSize=e=>{e&&e.setAttribute(`size`,JSON.stringify({xxl:`large`,xl:`large`,l:`medium`,m:`medium`,s:`small`,xs:`small`,xxs:`small`}))}}firstUpdated(e){var t,n;super.firstUpdated(e);let r=(t=this.mainCtas)==null?void 0:t.find(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`));r&&this.setMainCtaSize(r),(n=this.ctasButtons)==null||n.filter(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`)).forEach(e=>this.setButtonSize(e))}updated(e){super.updated(e),e.has(`open`)&&(this.open?(l.scrollLock.lock(),this.scrollLocked=!0):this.scrollLocked&&(l.scrollLock.unlock(),this.scrollLocked=!1))}disconnectedCallback(){super.disconnectedCallback(),this.scrollLocked&&(l.scrollLock.unlock(),this.scrollLocked=!1)}modalButtonTemplate(){return s.uiKitHtml`<ds-icon-button
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),n=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/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("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const l=require("../../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`||e.tagName.startsWith(`DS-BUTTON--`));this.setMainCtaSize(t)},this.handleCtasSlotChange=e=>{e.target.assignedElements().filter(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`)).forEach(e=>this.setButtonSize(e))},this.setMainCtaSize=e=>{e&&this.setButtonSize(e)},this.setButtonSize=e=>{e&&e.setAttribute(`size`,JSON.stringify({xxl:`large`,xl:`large`,l:`medium`,m:`medium`,s:`small`,xs:`small`,xxs:`small`}))}}firstUpdated(e){var t,n;super.firstUpdated(e);let r=(t=this.mainCtas)==null?void 0:t.find(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`));r&&this.setMainCtaSize(r),(n=this.ctasButtons)==null||n.filter(e=>e.tagName===`DS-BUTTON`||e.tagName.startsWith(`DS-BUTTON--`)).forEach(e=>this.setButtonSize(e))}updated(e){super.updated(e),e.has(`open`)&&(this.open?(l.scrollLock.lock(),this.scrollLocked=!0):this.scrollLocked&&(l.scrollLock.unlock(),this.scrollLocked=!1))}disconnectedCallback(){super.disconnectedCallback(),this.scrollLocked&&(l.scrollLock.unlock(),this.scrollLocked=!1)}modalButtonTemplate(){return s.uiKitHtml`<ds-icon-button
             class="modal-button"
             icon-name=${this.open?`cross`:`triple-dot-v`}
             @click=${this.toggleModal}
@@ -6,8 +6,8 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
             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())}>
+        ></ds-icon-button>`}classes(){return{container:!0,open:this.open}}render(){return e.html`
+            <div class=${c.classMap(this.classes())}>
                 <nav class="nav" part="bar">
                     <div class="aside" part="aside">
                         <slot name="aside-text"></slot>
@@ -25,4 +25,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     <slot name="ctas" @slotchange=${this.handleCtasSlotChange}></slot>
                 </div>
             </div>
-        `}},d.styles=[u.commonStyles],d);r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],f.prototype,`open`,void 0),r.__decorate([n.o({slot:`main-cta`,flatten:!0})],f.prototype,`mainCtas`,void 0),r.__decorate([n.o({slot:`ctas`,flatten:!0})],f.prototype,`ctasButtons`,void 0),f=r.__decorate([a.customUiKitElement(`ds-sidebar-navigation`)],f);
+        `}},f=(d.styles=[u.commonStyles],d);r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],f.prototype,`open`,void 0),r.default([n.queryAssignedElements({slot:`main-cta`,flatten:!0})],f.prototype,`mainCtas`,void 0),r.default([n.queryAssignedElements({slot:`ctas`,flatten:!0})],f.prototype,`ctasButtons`,void 0),f=r.default([a.customUiKitElement(`ds-sidebar-navigation`)],f),Object.defineProperty(exports,"DsSidebarNavigation",{enumerable:!0,get:function(){return f}});

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

@@ -1,4 +1,4 @@
-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`
+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 {
         display: contents;
     }

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

@@ -1,8 +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.133.0/helpers/esm/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,l=(c=class extends r.UiKitElement{constructor(...e){super(...e),this.variant=`text`,this.animation=`shimmer`}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`
+const e=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const n=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),r=require("../base/UiKitElement.cjs"),i=require("../../decorators/customUiKitElement.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/style-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/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`}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.html`
             <div
-                class=${a.e(this.classes)}
-                style=${o.o(this.inlineStyles)}
+                class=${a.classMap(this.classes)}
+                style=${o.styleMap(this.inlineStyles)}
                 role="presentation"
                 aria-hidden="true"
             ></div>
-        `}},c.styles=[s.commonStyles],c);n.__decorate([t.n({type:String})],l.prototype,`variant`,void 0),n.__decorate([t.n({type:String})],l.prototype,`width`,void 0),n.__decorate([t.n({type:String})],l.prototype,`height`,void 0),n.__decorate([t.n({type:String})],l.prototype,`animation`,void 0),l=n.__decorate([i.customUiKitElement(`ds-skeleton`)],l);
+        `}},l=(c.styles=[s.commonStyles],c);n.default([t.property({type:String})],l.prototype,`variant`,void 0),n.default([t.property({type:String})],l.prototype,`width`,void 0),n.default([t.property({type:String})],l.prototype,`height`,void 0),n.default([t.property({type:String})],l.prototype,`animation`,void 0),l=n.default([i.customUiKitElement(`ds-skeleton`)],l),Object.defineProperty(exports,"DsSkeleton",{enumerable:!0,get:function(){return l}});

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

@@ -1,4 +1,4 @@
-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`
+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 {
         display: block;
     }