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

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

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

package/dist/cjs/components/ds-currency/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/cjs/components/ds-date-picker/ds-date-picker.cjs

@@ -1,6 +1,6 @@
-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");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/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"),u=require("./styles/common.styles.cjs");var d,f,p=(d=class extends l.inputStatesMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelCalendarButton=``,this.isExpanded=!1,this.handleCalendarButtonClick=()=>{this.inputStates.disabled||this.inputStates.readonly||(this.isExpanded=!this.isExpanded)},this.handleCalendarChange=e=>{e.stopPropagation();let t=e.detail.value;this.nativeInput&&(this.nativeInput.value=t,this.nativeInput.dispatchEvent(new Event(`input`,{bubbles:!0}))),this.isExpanded=!1},this.handleDocumentClick=e=>{this.isExpanded&&!this.contains(e.target)&&(this.isExpanded=!1)}}connectedCallback(){super.connectedCallback(),this.classList.add(`ds-date-picker`),document.addEventListener(`click`,this.handleDocumentClick),this.addEventListener(`ds-calendar-change`,this.handleCalendarChange),f.injectNativeInputStyles()}static injectNativeInputStyles(){if(f.nativeStylesInjected)return;f.nativeStylesInjected=!0;let e=document.createElement(`style`);e.textContent=[`.ds-date-picker input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }`,`.ds-date-picker input[type="date"]::-webkit-inner-spin-button { display: none !important; }`].join(`
-`),document.head.appendChild(e)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.handleDocumentClick),this.removeEventListener(`ds-calendar-change`,this.handleCalendarChange)}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible,expanded:this.isExpanded}}render(){return e.x`
-            <div 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/state.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/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"),u=require("./styles/common.styles.cjs");var d=class extends l.inputStatesMixin(i.UiKitElement){constructor(...e){super(...e),this.size=`large`,this.helperText=``,this.forcedError=``,this.invalidError=``,this.readonlyText=``,this.dataAriaLabelCalendarButton=``,this.isExpanded=!1,this.handleCalendarButtonClick=()=>{this.inputStates.disabled||this.inputStates.readonly||(this.isExpanded=!this.isExpanded)},this.handleCalendarChange=e=>{e.stopPropagation();let t=e.detail.value;this.nativeInput&&(this.nativeInput.value=t,this.nativeInput.dispatchEvent(new Event(`input`,{bubbles:!0}))),this.isExpanded=!1},this.handleDocumentClick=e=>{this.isExpanded&&!this.contains(e.target)&&(this.isExpanded=!1)}}connectedCallback(){super.connectedCallback(),this.classList.add(`ds-date-picker`),document.addEventListener(`click`,this.handleDocumentClick),this.addEventListener(`ds-calendar-change`,this.handleCalendarChange),f.injectNativeInputStyles()}static injectNativeInputStyles(){if(f.nativeStylesInjected)return;f.nativeStylesInjected=!0;let e=document.createElement(`style`);e.textContent=[`.ds-date-picker input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; }`,`.ds-date-picker input[type="date"]::-webkit-inner-spin-button { display: none !important; }`].join(`
+`),document.head.appendChild(e)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.handleDocumentClick),this.removeEventListener(`ds-calendar-change`,this.handleCalendarChange)}get classes(){return{container:!0,error:!!this.forcedError,[this.size]:!!this.size,disabled:this.inputStates.disabled,readonly:this.inputStates.readonly,filled:this.inputStates.filled,invalid:this.inputStates.invalid,focus:this.inputStates.focus,"focus-visible":this.inputStates.focusVisible,expanded:this.isExpanded}}render(){return e.html`
+            <div class=${s.classMap(this.classes)}>
                 <div class="input-container">
                     <div><slot></slot></div>
                     ${this.calendarButtonTemplate}
@@ -13,16 +13,16 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     ${this.invalidErrorTemplate}
                 </div>
             </div>
-        `}get calendarDropdownTemplate(){return e.x`
+        `}get calendarDropdownTemplate(){return e.html`
             <div class="calendar-dropdown" ?hidden=${!this.isExpanded}>
                 <slot name="calendar"></slot>
             </div>
         `}get calendarButtonTemplate(){var e;return o.uiKitHtml`<ds-icon-button
             class="calendar-button"
             icon-name="calendar"
-            size=${c.o(this.size)}
+            size=${c.ifDefined(this.size)}
             ?disabled=${!!((e=this.nativeInput)!=null&&e.disabled)}
             variant="naked"
             @click=${this.handleCalendarButtonClick}
             data-aria-label=${this.dataAriaLabelCalendarButton||`open calendar`}
-        ></ds-icon-button>`}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.E:e.x`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.E:e.x`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.E:e.x`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.E:e.x`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}},f=d,d.styles=[u.commonStyles],d.nativeStylesInjected=!1,d);r.__decorate([t.n({type:String})],p.prototype,`size`,void 0),r.__decorate([t.n({type:String,attribute:`helper-text`})],p.prototype,`helperText`,void 0),r.__decorate([t.n({type:String,attribute:`forced-error`})],p.prototype,`forcedError`,void 0),r.__decorate([t.n({type:String,attribute:`invalid-error`})],p.prototype,`invalidError`,void 0),r.__decorate([t.n({type:String,attribute:`readonly-text`})],p.prototype,`readonlyText`,void 0),r.__decorate([t.n({type:String,attribute:`data-aria-label-calendar-button`})],p.prototype,`dataAriaLabelCalendarButton`,void 0),r.__decorate([n.r()],p.prototype,`isExpanded`,void 0),p=f=r.__decorate([a.customUiKitElement(`ds-date-picker`)],p);
+        ></ds-icon-button>`}get helperTextTemplate(){return this.inputStates.readonly||this.forcedError||this.inputStates.invalid&&this.invalidError?e.nothing:e.html`<span class="support-text helper-text">${this.helperText}</span>`}get forcedErrorTemplate(){return this.inputStates.readonly||!this.forcedError?e.nothing:e.html`<span class="support-text error-text forced-error">${this.forcedError}</span>`}get readonlyTextTemplate(){return!this.inputStates.readonly||!this.readonlyText?e.nothing:e.html`<span class="support-text readonly-text">${this.readonlyText}</span>`}get invalidErrorTemplate(){return this.inputStates.readonly||this.forcedError||!this.inputStates.invalid||!this.invalidError?e.nothing:e.html`<span class="support-text error-text invalid-error">${this.invalidError}</span>`}},f=d,p=(d.styles=[u.commonStyles],d.nativeStylesInjected=!1,d);r.default([t.property({type:String})],p.prototype,`size`,void 0),r.default([t.property({type:String,attribute:`helper-text`})],p.prototype,`helperText`,void 0),r.default([t.property({type:String,attribute:`forced-error`})],p.prototype,`forcedError`,void 0),r.default([t.property({type:String,attribute:`invalid-error`})],p.prototype,`invalidError`,void 0),r.default([t.property({type:String,attribute:`readonly-text`})],p.prototype,`readonlyText`,void 0),r.default([t.property({type:String,attribute:`data-aria-label-calendar-button`})],p.prototype,`dataAriaLabelCalendarButton`,void 0),r.default([n.state()],p.prototype,`isExpanded`,void 0),p=f=r.default([a.customUiKitElement(`ds-date-picker`)],p),Object.defineProperty(exports,"DsDatePicker",{enumerable:!0,get:function(){return p}});

package/dist/cjs/components/ds-date-picker/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/cjs/components/ds-dialog/ds-dialog.cjs

@@ -1,14 +1,14 @@
-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"),s=require("../../utils/booleanConverter.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");const l=require("../../utils/debounce.cjs"),u=require("../../utils/scrollLock.cjs"),d=require("./styles/common.styles.cjs");var f,p=(f=class extends a.UiKitElement{constructor(...e){super(...e),this.lockClose=!1,this.lockScroll=!0,this._open=void 0,this._openState=!1,this.size=`medium`,this.hasBeenOpened=!1,this.hasScroll=!1,this.debouncedCheckScroll=l.debounce({func:()=>this.checkScroll()}),this.scrollLocked=!1,this.handleCloseButtonClick=()=>{this.handleClose(`button`)},this.handleDialogClick=e=>{e.target===this.nativeDialog&&this.handleClose(`backdrop`)},this.handleCancel=e=>{e.preventDefault(),this.lockClose||this.handleClose(`escape`)},this.handleHostClick=e=>{e.stopPropagation()}}get open(){return this._open??this._openState}set open(e){this._open=e}updated(e){super.updated(e),!this.hasBeenOpened&&(e.has(`_open`)||e.has(`_openState`))&&this.open&&(this.hasBeenOpened=!0),(e.has(`_open`)||e.has(`_openState`))&&(this.open||(this.hasScroll=!1),this.handleResizeObserver(),this.syncNativeDialogState(),this.syncScrollLock())}syncScrollLock(){this.open&&this.lockScroll?(u.scrollLock.lock(),this.scrollLocked=!0):this.scrollLocked&&(u.scrollLock.unlock(),this.scrollLocked=!1)}syncNativeDialogState(){this.nativeDialog&&(this.open?this.openNativeDialog():this.closeNativeDialog())}openNativeDialog(){if(!this.nativeDialog.open){var e,t;(e=(t=this.nativeDialog).showModal)==null||e.call(t)}}closeNativeDialog(){if(this.nativeDialog.open){var e,t;(e=(t=this.nativeDialog).close)==null||e.call(t)}}async handleResizeObserver(){var e;(e=this.resizeObserver)==null||e.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get panelClasses(){return{panel:!0,"with-scroll":this.open&&this.hasScroll,[this.size]:!!this.size}}dispatchCloseEvents(e){let t=`ds-dialog:close-${e}`;this.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`ds-dialog:close`,{bubbles:!0,composed:!0}))}handleClose(e){this.lockClose||(this._openState=!1,this._open=void 0,this.dispatchCloseEvents(e))}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver(),this.addEventListener(`click`,this.handleHostClick)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.resizeObserver)==null||e.disconnect(),this.scrollLocked&&(u.scrollLock.unlock(),this.scrollLocked=!1),this.removeEventListener(`click`,this.handleHostClick)}checkScroll(){if(!this.hasScroll){var e,t;this.hasScroll=((e=this.content)==null?void 0:e.scrollHeight)>((t=this.content)==null?void 0:t.clientHeight)}}render(){return!this.hasBeenOpened&&!this.open?e.E: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"),s=require("../../utils/booleanConverter.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("../../utils/debounce.cjs"),u=require("../../utils/scrollLock.cjs"),d=require("./styles/common.styles.cjs");var f=class extends a.UiKitElement{constructor(...e){super(...e),this.lockClose=!1,this.lockScroll=!0,this._open=void 0,this._openState=!1,this.size=`medium`,this.hasBeenOpened=!1,this.hasScroll=!1,this.debouncedCheckScroll=l.debounce({func:()=>this.checkScroll()}),this.scrollLocked=!1,this.handleCloseButtonClick=()=>{this.handleClose(`button`)},this.handleDialogClick=e=>{e.target===this.nativeDialog&&this.handleClose(`backdrop`)},this.handleCancel=e=>{e.preventDefault(),this.lockClose||this.handleClose(`escape`)},this.handleHostClick=e=>{e.stopPropagation()}}get open(){return this._open??this._openState}set open(e){this._open=e}updated(e){super.updated(e),!this.hasBeenOpened&&(e.has(`_open`)||e.has(`_openState`))&&this.open&&(this.hasBeenOpened=!0),(e.has(`_open`)||e.has(`_openState`))&&(this.open||(this.hasScroll=!1),this.handleResizeObserver(),this.syncNativeDialogState(),this.syncScrollLock())}syncScrollLock(){this.open&&this.lockScroll?(u.scrollLock.lock(),this.scrollLocked=!0):this.scrollLocked&&(u.scrollLock.unlock(),this.scrollLocked=!1)}syncNativeDialogState(){this.nativeDialog&&(this.open?this.openNativeDialog():this.closeNativeDialog())}openNativeDialog(){if(!this.nativeDialog.open){var e,t;(e=(t=this.nativeDialog).showModal)==null||e.call(t)}}closeNativeDialog(){if(this.nativeDialog.open){var e,t;(e=(t=this.nativeDialog).close)==null||e.call(t)}}async handleResizeObserver(){var e;(e=this.resizeObserver)==null||e.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get panelClasses(){return{panel:!0,"with-scroll":this.open&&this.hasScroll,[this.size]:!!this.size}}dispatchCloseEvents(e){let t=`ds-dialog:close-${e}`;this.dispatchEvent(new Event(t,{bubbles:!0,composed:!0})),this.dispatchEvent(new Event(`ds-dialog:close`,{bubbles:!0,composed:!0}))}handleClose(e){this.lockClose||(this._openState=!1,this._open=void 0,this.dispatchCloseEvents(e))}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver(),this.addEventListener(`click`,this.handleHostClick)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.resizeObserver)==null||e.disconnect(),this.scrollLocked&&(u.scrollLock.unlock(),this.scrollLocked=!1),this.removeEventListener(`click`,this.handleHostClick)}checkScroll(){if(!this.hasScroll){var e,t;this.hasScroll=((e=this.content)==null?void 0:e.scrollHeight)>((t=this.content)==null?void 0:t.clientHeight)}}render(){return!this.hasBeenOpened&&!this.open?e.nothing:e.html`
             <dialog
                 class="dialog"
                 data-testid="ds-dialog-container"
-                aria-label=${this.dataAriaLabel||e.E}
-                aria-description=${this.dataAriaDescription||e.E}
+                aria-label=${this.dataAriaLabel||e.nothing}
+                aria-description=${this.dataAriaDescription||e.nothing}
                 @cancel=${this.handleCancel}
                 @click=${this.handleDialogClick}
             >
-                <div class=${c.e(this.panelClasses)}>
-                    ${this.lockClose?e.E:e.x`<slot name="close-button" @click=${this.handleCloseButtonClick}></slot>`}
+                <div class=${c.classMap(this.panelClasses)}>
+                    ${this.lockClose?e.nothing:e.html`<slot name="close-button" @click=${this.handleCloseButtonClick}></slot>`}
                     <div class="content-container">
                         <div tabindex="0" class="content ds-scroll">
                             <slot @slotchange=${this.handleResizeObserver}></slot>
@@ -17,4 +17,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     </div>
                 </div>
             </dialog>
-        `}},f.styles=[d.commonStyles],f);i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-close`})],p.prototype,`lockClose`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-scroll`})],p.prototype,`lockScroll`,void 0),i.__decorate([t.n({type:Boolean,attribute:`open`,converter:s.booleanConverter})],p.prototype,`_open`,void 0),i.__decorate([n.r()],p.prototype,`_openState`,void 0),i.__decorate([t.n({type:String})],p.prototype,`size`,void 0),i.__decorate([t.n({type:String,attribute:`data-aria-label`})],p.prototype,`dataAriaLabel`,void 0),i.__decorate([t.n({type:String,attribute:`data-aria-description`})],p.prototype,`dataAriaDescription`,void 0),i.__decorate([n.r()],p.prototype,`hasBeenOpened`,void 0),i.__decorate([n.r()],p.prototype,`hasScroll`,void 0),i.__decorate([r.e(`.content`)],p.prototype,`content`,void 0),i.__decorate([r.e(`dialog`)],p.prototype,`nativeDialog`,void 0),p=i.__decorate([o.customUiKitElement(`ds-dialog`)],p);
+        `}},p=(f.styles=[d.commonStyles],f);i.default([t.property({type:Boolean,converter:s.booleanConverter,attribute:`lock-close`})],p.prototype,`lockClose`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter,attribute:`lock-scroll`})],p.prototype,`lockScroll`,void 0),i.default([t.property({type:Boolean,attribute:`open`,converter:s.booleanConverter})],p.prototype,`_open`,void 0),i.default([n.state()],p.prototype,`_openState`,void 0),i.default([t.property({type:String})],p.prototype,`size`,void 0),i.default([t.property({type:String,attribute:`data-aria-label`})],p.prototype,`dataAriaLabel`,void 0),i.default([t.property({type:String,attribute:`data-aria-description`})],p.prototype,`dataAriaDescription`,void 0),i.default([n.state()],p.prototype,`hasBeenOpened`,void 0),i.default([n.state()],p.prototype,`hasScroll`,void 0),i.default([r.query(`.content`)],p.prototype,`content`,void 0),i.default([r.query(`dialog`)],p.prototype,`nativeDialog`,void 0),p=i.default([o.customUiKitElement(`ds-dialog`)],p),Object.defineProperty(exports,"DsDialog",{enumerable:!0,get:function(){return p}});

package/dist/cjs/components/ds-dialog/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");const t=require("../../../utils/cssQueries.cjs");var n=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");const t=require("../../../utils/cssQueries.cjs");var n=e.css`
     :host {
         display: contents;
     }

package/dist/cjs/components/ds-dialog-body/ds-dialog-body.cjs

@@ -1,14 +1,14 @@
-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("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.cjs"),n=require("../base/UiKitElement.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=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 a=require("./styles/common.styles.cjs");var o,s=(o=class extends n.UiKitElement{get classes(){return{container:!0}}get styleTokens(){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("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),n=require("../base/UiKitElement.cjs"),r=require("../../decorators/customUiKitElement.cjs"),i=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 a=require("./styles/common.styles.cjs");var o=class extends n.UiKitElement{get classes(){return{container:!0}}get styleTokens(){return e.html`
                 <style>
                     :host{
                         grid-area: body;
                     }
                 </style>
-        `}render(){return e.x`
+        `}render(){return e.html`
             ${this.styleTokens}
-            <div data-testid="ds-dialog-body-container" class=${i.e(this.classes)}>
+            <div data-testid="ds-dialog-body-container" class=${i.classMap(this.classes)}>
                 <slot name="description"></slot>
                 <slot name="image"></slot>
                 <slot></slot>
             </div>
-        `}},o.styles=[a.commonStyles],o);s=t.__decorate([r.customUiKitElement(`ds-dialog-body`)],s);
+        `}},s=(o.styles=[a.commonStyles],o);s=t.default([r.customUiKitElement(`ds-dialog-body`)],s),Object.defineProperty(exports,"DsDialogBody",{enumerable:!0,get:function(){return s}});

package/dist/cjs/components/ds-dialog-body/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/cjs/components/ds-dialog-footer/ds-dialog-footer.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");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("../../utils/booleanConverter.cjs"),o=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 s=require("./styles/common.styles.cjs");var c,l=(c=class extends r.UiKitElement{constructor(...e){super(...e),this.withDivider=!0}get classes(){return{container:!0}}render(){return e.x`
-            <div data-testid="ds-dialog-footer-container" class=${o.e(this.classes)}>
-                ${this.withDivider?e.x`<div class="divider"></div>`:e.E}
+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("../../utils/booleanConverter.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const s=require("./styles/common.styles.cjs");var c=class extends r.UiKitElement{constructor(...e){super(...e),this.withDivider=!0}get classes(){return{container:!0}}render(){return e.html`
+            <div data-testid="ds-dialog-footer-container" class=${o.classMap(this.classes)}>
+                ${this.withDivider?e.html`<div class="divider"></div>`:e.nothing}
                 <slot></slot>
                 <slot name="actions"></slot>
             </div>
-        `}},c.styles=[s.commonStyles],c);n.__decorate([t.n({type:Boolean,attribute:`with-divider`,converter:a.booleanConverter})],l.prototype,`withDivider`,void 0),l=n.__decorate([i.customUiKitElement(`ds-dialog-footer`)],l);
+        `}},l=(c.styles=[s.commonStyles],c);n.default([t.property({type:Boolean,attribute:`with-divider`,converter:a.booleanConverter})],l.prototype,`withDivider`,void 0),l=n.default([i.customUiKitElement(`ds-dialog-footer`)],l),Object.defineProperty(exports,"DsDialogFooter",{enumerable:!0,get:function(){return l}});

package/dist/cjs/components/ds-dialog-footer/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;
     }

package/dist/cjs/components/ds-dialog-fullscreen/ds-dialog-fullscreen.cjs

@@ -1,17 +1,17 @@
-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"),s=require("../../utils/booleanConverter.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");const l=require("../../utils/debounce.cjs"),u=require("./styles/common.styles.cjs");var d,f=(d=class extends a.UiKitElement{constructor(...e){super(...e),this.lockClose=!1,this.lockScroll=!0,this._open=void 0,this._openState=!1,this.hasScroll=!1,this.hasBeenOpened=!1,this.debouncedCheckScroll=l.debounce({func:()=>this.checkScroll()}),this.handleKeyDown=e=>{this.open&&e.key===`Escape`&&this.handleClose()}}get open(){return this._open??this._openState}set open(e){this._open=e}willUpdate(e){super.willUpdate(e),!this.hasBeenOpened&&(e.has(`_open`)||e.has(`_openState`))&&this.open&&(this.hasBeenOpened=!0)}updated(e){super.updated(e),(e.has(`_open`)||e.has(`_openState`))&&this.handleResizeObserver()}async handleResizeObserver(){var e;this.lockScroll&&(document.getElementById(`storybook-root`)||(document.body.style.overflow=this.open?`hidden`:``)),(e=this.resizeObserver)==null||e.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get containerClasses(){return{"container-fullscreen":!0,close:!this.open,"with-scroll":this.open&&this.hasScroll}}handleClose(){this.lockClose||(this._openState=!1,this._open=void 0,this.dispatchEvent(new Event(`ds-dialog-fullscreen:close`,{bubbles:!0,composed:!0})))}connectedCallback(){super.connectedCallback(),window.addEventListener(`keydown`,this.handleKeyDown),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver()}disconnectedCallback(){var e;super.disconnectedCallback(),window.removeEventListener(`keydown`,this.handleKeyDown),this.lockScroll&&(document.getElementById(`storybook-root`)||(document.body.style.overflow=``)),(e=this.resizeObserver)==null||e.disconnect()}checkScroll(){var e,t;let n=((e=this.content)==null?void 0:e.scrollHeight)>((t=this.content)==null?void 0:t.clientHeight);n!==this.hasScroll&&(this.hasScroll=n)}render(){return!this.hasBeenOpened&&!this.open?e.E: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"),s=require("../../utils/booleanConverter.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("../../utils/debounce.cjs"),u=require("./styles/common.styles.cjs");var d=class extends a.UiKitElement{constructor(...e){super(...e),this.lockClose=!1,this.lockScroll=!0,this._open=void 0,this._openState=!1,this.hasScroll=!1,this.hasBeenOpened=!1,this.debouncedCheckScroll=l.debounce({func:()=>this.checkScroll()}),this.handleKeyDown=e=>{this.open&&e.key===`Escape`&&this.handleClose()}}get open(){return this._open??this._openState}set open(e){this._open=e}willUpdate(e){super.willUpdate(e),!this.hasBeenOpened&&(e.has(`_open`)||e.has(`_openState`))&&this.open&&(this.hasBeenOpened=!0)}updated(e){super.updated(e),(e.has(`_open`)||e.has(`_openState`))&&this.handleResizeObserver()}async handleResizeObserver(){var e;this.lockScroll&&(document.getElementById(`storybook-root`)||(document.body.style.overflow=this.open?`hidden`:``)),(e=this.resizeObserver)==null||e.disconnect(),this.content&&(this.resizeObserver.observe(this.content),await new Promise(requestAnimationFrame),this.checkScroll())}get containerClasses(){return{"container-fullscreen":!0,close:!this.open,"with-scroll":this.open&&this.hasScroll}}handleClose(){this.lockClose||(this._openState=!1,this._open=void 0,this.dispatchEvent(new Event(`ds-dialog-fullscreen:close`,{bubbles:!0,composed:!0})))}connectedCallback(){super.connectedCallback(),window.addEventListener(`keydown`,this.handleKeyDown),this.resizeObserver=new ResizeObserver(this.debouncedCheckScroll),this.handleResizeObserver()}disconnectedCallback(){var e;super.disconnectedCallback(),window.removeEventListener(`keydown`,this.handleKeyDown),this.lockScroll&&(document.getElementById(`storybook-root`)||(document.body.style.overflow=``)),(e=this.resizeObserver)==null||e.disconnect()}checkScroll(){var e,t;let n=((e=this.content)==null?void 0:e.scrollHeight)>((t=this.content)==null?void 0:t.clientHeight);n!==this.hasScroll&&(this.hasScroll=n)}render(){return!this.hasBeenOpened&&!this.open?e.nothing:e.html`
             <style>
                 :host {
                     display: ${this.open?`flex`:`none`};
                 }
             </style>
 
-            <div class=${c.e(this.containerClasses)}>
+            <div class=${c.classMap(this.containerClasses)}>
                 <dialog ?open=${this.open} data-testid="ds-dialog-fullscreen-container" class="dialog-fullscreen">
-                    ${this.lockClose?e.E:e.x`<slot name="close-button" @click=${this.handleClose}></slot>`}
+                    ${this.lockClose?e.nothing:e.html`<slot name="close-button" @click=${this.handleClose}></slot>`}
                     <div class="content-container-fullscreen">
                         <div tabindex="0" class="content-fullscreen ds-scroll">
                             <slot @slotchange=${this.handleResizeObserver}></slot>
                         </div>
                 </dialog>
             </div>
-        `}},d.styles=[u.commonStyles],d);i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-close`})],f.prototype,`lockClose`,void 0),i.__decorate([t.n({type:Boolean,converter:s.booleanConverter,attribute:`lock-scroll`})],f.prototype,`lockScroll`,void 0),i.__decorate([t.n({type:Boolean,attribute:`open`,converter:s.booleanConverter})],f.prototype,`_open`,void 0),i.__decorate([n.r()],f.prototype,`_openState`,void 0),i.__decorate([n.r()],f.prototype,`hasScroll`,void 0),i.__decorate([r.e(`.content`)],f.prototype,`content`,void 0),f=i.__decorate([o.customUiKitElement(`ds-dialog-fullscreen`)],f);
+        `}},f=(d.styles=[u.commonStyles],d);i.default([t.property({type:Boolean,converter:s.booleanConverter,attribute:`lock-close`})],f.prototype,`lockClose`,void 0),i.default([t.property({type:Boolean,converter:s.booleanConverter,attribute:`lock-scroll`})],f.prototype,`lockScroll`,void 0),i.default([t.property({type:Boolean,attribute:`open`,converter:s.booleanConverter})],f.prototype,`_open`,void 0),i.default([n.state()],f.prototype,`_openState`,void 0),i.default([n.state()],f.prototype,`hasScroll`,void 0),i.default([r.query(`.content`)],f.prototype,`content`,void 0),f=i.default([o.customUiKitElement(`ds-dialog-fullscreen`)],f),Object.defineProperty(exports,"DsDialogFullscreen",{enumerable:!0,get:function(){return f}});

package/dist/cjs/components/ds-dialog-fullscreen/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");const t=require("../../../utils/cssQueries.cjs");var n=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");const t=require("../../../utils/cssQueries.cjs");var n=e.css`
     :host {
         transition: display 0.3s cubic-bezier(0, 0, 0.2, 1) allow-discrete;
     }

package/dist/cjs/components/ds-dialog-header/ds-dialog-header.cjs

@@ -1,16 +1,16 @@
-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/uiKitHtml.cjs"),o=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 s=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 c=require("./styles/common.styles.cjs");var l,u=(l=class extends r.UiKitElement{constructor(...e){super(...e),this.title=`primary`,this.iconSize=32}get classes(){return{container:!0}}get styleTokens(){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/uiKitHtml.cjs"),o=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const s=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs");const c=require("./styles/common.styles.cjs");var l=class extends r.UiKitElement{constructor(...e){super(...e),this.title=`primary`,this.iconSize=32}get classes(){return{container:!0}}get styleTokens(){return e.html`
                 <style>
                     :host{
                         grid-area: header;
                     }
                 </style>
-        `}get iconTemplate(){return this.iconName?a.uiKitHtml`<ds-icon class="icon" icon-name=${s.o(this.iconName)} size=${s.o(this.iconSize)}></ds-icon>`:e.E}render(){return e.x`
+        `}get iconTemplate(){return this.iconName?a.uiKitHtml`<ds-icon class="icon" icon-name=${s.ifDefined(this.iconName)} size=${s.ifDefined(this.iconSize)}></ds-icon>`:e.nothing}render(){return e.html`
             ${this.styleTokens}
-            <div data-testid="ds-dialog-header-container" class=${o.e(this.classes)}>
+            <div data-testid="ds-dialog-header-container" class=${o.classMap(this.classes)}>
                 <div class="title-container">
                     ${this.iconTemplate}
                     <div class="title">${this.title}</div>
                 </div>
                 <slot name="subtitle"></slot>
             </div>
-        `}},l.styles=[c.commonStyles],l);n.__decorate([t.n({type:String})],u.prototype,`title`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],u.prototype,`iconName`,void 0),n.__decorate([t.n({type:Number,attribute:`icon-size`})],u.prototype,`iconSize`,void 0),u=n.__decorate([i.customUiKitElement(`ds-dialog-header`)],u);
+        `}},u=(l.styles=[c.commonStyles],l);n.default([t.property({type:String})],u.prototype,`title`,void 0),n.default([t.property({type:String,attribute:`icon-name`})],u.prototype,`iconName`,void 0),n.default([t.property({type:Number,attribute:`icon-size`})],u.prototype,`iconSize`,void 0),u=n.default([i.customUiKitElement(`ds-dialog-header`)],u),Object.defineProperty(exports,"DsDialogHeader",{enumerable:!0,get:function(){return u}});

package/dist/cjs/components/ds-dialog-header/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;
     }

package/dist/cjs/components/ds-divider/ds-divider.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");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("./styles/common.styles.cjs");var s,c=(s=class extends r.UiKitElement{constructor(...e){super(...e),this.orientation=`horizontal`,this.variant=`primary`,this.mode=`light`}get classes(){return{divider:!0,[this.orientation]:!!this.orientation,[this.variant]:!!this.variant,[this.mode]:!!this.mode}}get styleTokens(){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("./styles/common.styles.cjs");var s=class extends r.UiKitElement{constructor(...e){super(...e),this.orientation=`horizontal`,this.variant=`primary`,this.mode=`light`}get classes(){return{divider:!0,[this.orientation]:!!this.orientation,[this.variant]:!!this.variant,[this.mode]:!!this.mode}}get styleTokens(){return e.html`
             <style>
                 :host{
                     color-scheme: ${this.mode};
                 }
             </style>
-        `}render(){return e.x`
+        `}render(){return e.html`
             ${this.styleTokens}
-            <hr aria-orientation=${this.orientation} class=${a.e(this.classes)} />
-        `}},s.styles=[o.orientationStyles],s);n.__decorate([t.n({type:String})],c.prototype,`orientation`,void 0),n.__decorate([t.n({type:String})],c.prototype,`variant`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`mode`,void 0),c=n.__decorate([i.customUiKitElement(`ds-divider`)],c);
+            <hr aria-orientation=${this.orientation} class=${a.classMap(this.classes)} />
+        `}},c=(s.styles=[o.orientationStyles],s);n.default([t.property({type:String})],c.prototype,`orientation`,void 0),n.default([t.property({type:String})],c.prototype,`variant`,void 0),n.default([t.property({type:String,reflect:!0})],c.prototype,`mode`,void 0),c=n.default([i.customUiKitElement(`ds-divider`)],c),Object.defineProperty(exports,"DsDivider",{enumerable:!0,get:function(){return c}});

package/dist/cjs/components/ds-divider/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`
     .divider {
         border: none;
         margin: 0;

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

@@ -1,15 +1,15 @@
-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");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");const l=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 u=require("./styles/common.styles.cjs"),d=require("./theme-config.cjs");var f,p=(f=class extends i.UiKitElement{constructor(...e){super(...e),this._open=void 0,this._openState=!1,this.handleOverlayClick=()=>{this.dispatchEvent(new Event(`ds-drawer:close`,{bubbles:!0,composed:!0})),this._openState=!1,this._open=void 0},this.handleKeyDown=e=>{(e.key===`Escape`||e.key===`Esc`)&&this.open&&this.handleOverlayClick()}}get open(){return this._open??this._openState}set open(e){this._open=e}get classes(){return{container:!0,open:!!this.open}}getIconButtonTemplate(){var e;let t=(e=d.themeConfig[this.theme])==null?void 0:e[`icon-button-variant`];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/state.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");const l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/if-defined.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/if-defined.cjs"),require("../ds-icon-button/ds-icon-button.cjs");const u=require("./styles/common.styles.cjs"),d=require("./theme-config.cjs");var f=class extends i.UiKitElement{constructor(...e){super(...e),this._open=void 0,this._openState=!1,this.handleOverlayClick=()=>{this.dispatchEvent(new Event(`ds-drawer:close`,{bubbles:!0,composed:!0})),this._openState=!1,this._open=void 0},this.handleKeyDown=e=>{(e.key===`Escape`||e.key===`Esc`)&&this.open&&this.handleOverlayClick()}}get open(){return this._open??this._openState}set open(e){this._open=e}get classes(){return{container:!0,open:!!this.open}}getIconButtonTemplate(){var e;let t=(e=d.themeConfig[this.theme])==null?void 0:e[`icon-button-variant`];return s.uiKitHtml`<ds-icon-button
             class="close-button visible"
             data-testid="close-button"
             data-aria-label="close-button"
             @click=${this.handleOverlayClick}
             size="medium"
             icon-name="cross"
-            variant=${l.o(t)}
+            variant=${l.ifDefined(t)}
             mode="dark"
-        ></ds-icon-button>`}updated(e){var t;(t=super.updated)==null||t.call(this,e),e.has&&(e.has(`_open`)||e.has(`_openState`))&&window.addEventListener(`keydown`,this.handleKeyDown)}disconnectedCallback(){window.removeEventListener(`keydown`,this.handleKeyDown),super.disconnectedCallback()}render(){return e.x`          
-            <div class=${c.e({overlay:!0,open:!!this.open})} @click=${this.handleOverlayClick}></div>
-            <div data-testid="ds-drawer-container" class=${c.e(this.classes)}>
+        ></ds-icon-button>`}updated(e){var t;(t=super.updated)==null||t.call(this,e),e.has&&(e.has(`_open`)||e.has(`_openState`))&&window.addEventListener(`keydown`,this.handleKeyDown)}disconnectedCallback(){window.removeEventListener(`keydown`,this.handleKeyDown),super.disconnectedCallback()}render(){return e.html`          
+            <div class=${c.classMap({overlay:!0,open:!!this.open})} @click=${this.handleOverlayClick}></div>
+            <div data-testid="ds-drawer-container" class=${c.classMap(this.classes)}>
                 <div class="scroll-area" tabindex="0">
                     <div class="drawer-header">
                         <slot name="header"></slot>                        
@@ -25,4 +25,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     <slot name="footer"></slot>
                 </div>
             </div>
-        `}},f.styles=[u.commonStyles,u.iconStyles],f);r.__decorate([t.n({type:Boolean,attribute:`open`,converter:o.booleanConverter})],p.prototype,`_open`,void 0),r.__decorate([n.r()],p.prototype,`_openState`,void 0),p=r.__decorate([a.customUiKitElement(`ds-drawer`)],p);
+        `}},p=(f.styles=[u.commonStyles,u.iconStyles],f);r.default([t.property({type:Boolean,attribute:`open`,converter:o.booleanConverter})],p.prototype,`_open`,void 0),r.default([n.state()],p.prototype,`_openState`,void 0),p=r.default([a.customUiKitElement(`ds-drawer`)],p),Object.defineProperty(exports,"DsDrawer",{enumerable:!0,get:function(){return p}});

package/dist/cjs/components/ds-drawer/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");const t=require("../../../utils/cssQueries.cjs");var n=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");const t=require("../../../utils/cssQueries.cjs");var n=e.css`
     :host {
         display: block;
     }
@@ -78,7 +78,7 @@ const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
         overflow: auto;
         -webkit-overflow-scrolling: touch;
     }
-`,r=e.i`
+`,r=e.css`
     .close-button {
         position: absolute;
     }

package/dist/cjs/components/ds-favourite-action/ds-favourite-action.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");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");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.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 l=require("./styles/common.styles.cjs");var u,d=(u=class extends i.UiKitElement{constructor(...e){super(...e),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}willUpdate(e){!this._initializedFromInitialSelected&&e.has(`initialSelected`)&&(this._selected=this.initialSelected,this._initializedFromInitialSelected=!0)}get currentSelected(){return this.selected??this._selected}handleClick(){if(this.disabled)return;let e=!this.currentSelected;this.selected===void 0&&(this._selected=e),this.dispatchEvent(new CustomEvent(`ds-favourite-action:change`,{bubbles:!0,composed:!0,detail:{selected:e}}))}get iconName(){return this.currentSelected?`heart-filled-color`:`heart-color`}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`}get classes(){return{button:!0,selected:this.currentSelected,disabled:this.disabled}}render(){return e.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");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");require("../ds-icon/ds-icon.cjs");const o=require("../../utils/booleanConverter.cjs"),s=require("../../utils/uiKitHtml.cjs"),c=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/class-map.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/class-map.cjs");const l=require("./styles/common.styles.cjs");var u=class extends i.UiKitElement{constructor(...e){super(...e),this.initialSelected=!1,this.disabled=!1,this._selected=!1,this._initializedFromInitialSelected=!1}willUpdate(e){!this._initializedFromInitialSelected&&e.has(`initialSelected`)&&(this._selected=this.initialSelected,this._initializedFromInitialSelected=!0)}get currentSelected(){return this.selected??this._selected}handleClick(){if(this.disabled)return;let e=!this.currentSelected;this.selected===void 0&&(this._selected=e),this.dispatchEvent(new CustomEvent(`ds-favourite-action:change`,{bubbles:!0,composed:!0,detail:{selected:e}}))}get iconName(){return this.currentSelected?`heart-filled-color`:`heart-color`}get iconTemplate(){return s.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`}get classes(){return{button:!0,selected:this.currentSelected,disabled:this.disabled}}render(){return e.html`
             <button
                 type="button"
-                class=${c.e(this.classes)}
+                class=${c.classMap(this.classes)}
                 ?disabled=${this.disabled}
                 aria-pressed=${this.currentSelected}
                 aria-label=${this.dataAriaLabel||(this.currentSelected?`Remove from favourites`:`Add to favourites`)}
@@ -9,4 +9,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
             >
                 ${this.iconTemplate}
             </button>
-        `}},u.styles=[l.commonStyles],u);r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,attribute:`initial-selected`})],d.prototype,`initialSelected`,void 0),r.__decorate([t.n({type:Boolean,attribute:`selected`})],d.prototype,`selected`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`disabled`,void 0),r.__decorate([t.n({type:String,attribute:`data-aria-label`})],d.prototype,`dataAriaLabel`,void 0),r.__decorate([n.r()],d.prototype,`_selected`,void 0),d=r.__decorate([a.customUiKitElement(`ds-favourite-action`)],d);
+        `}},d=(u.styles=[l.commonStyles],u);r.default([t.property({type:Boolean,converter:o.booleanConverter,attribute:`initial-selected`})],d.prototype,`initialSelected`,void 0),r.default([t.property({type:Boolean,attribute:`selected`})],d.prototype,`selected`,void 0),r.default([t.property({type:Boolean,converter:o.booleanConverter,reflect:!0})],d.prototype,`disabled`,void 0),r.default([t.property({type:String,attribute:`data-aria-label`})],d.prototype,`dataAriaLabel`,void 0),r.default([n.state()],d.prototype,`_selected`,void 0),d=r.default([a.customUiKitElement(`ds-favourite-action`)],d),Object.defineProperty(exports,"DsFavouriteAction",{enumerable:!0,get:function(){return d}});

package/dist/cjs/components/ds-favourite-action/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-flex;
     }

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

@@ -1,18 +1,18 @@
-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/choose.cjs"),s=require("./styles/common.styles.cjs");var c,l=(c=class extends r.UiKitElement{constructor(...e){super(...e),this.htmlTagName=`a`,this.mode=`light`,this.size=`large`}handleClick(e){this.href||e.preventDefault()}get styleTokens(){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/choose.cjs"),s=require("./styles/common.styles.cjs");var c=class extends r.UiKitElement{constructor(...e){super(...e),this.htmlTagName=`a`,this.mode=`light`,this.size=`large`}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return e.html`
             <style>
                 :host {
                     color-scheme: ${this.mode};
                 }
             </style>
-        `}get classes(){return{hyperlink:!0,[this.size]:!!this.size,[this.mode]:!!this.mode}}render(){return e.x`
+        `}get classes(){return{hyperlink:!0,[this.size]:!!this.size,[this.mode]:!!this.mode}}render(){return e.html`
             ${this.styleTokens}
-            ${o.r(this.htmlTagName||`a`,[[`button`,()=>e.x`
-                        <button class=${a.e(this.classes)}>
+            ${o.choose(this.htmlTagName||`a`,[[`button`,()=>e.html`
+                        <button class=${a.classMap(this.classes)}>
                             <slot></slot>
                         </button>
-                    `],[`a`,()=>e.x`
+                    `],[`a`,()=>e.html`
                         <a
-                            class=${a.e(this.classes)}
+                            class=${a.classMap(this.classes)}
                             href=${this.href}
                             rel=${this.rel}
                             target=${this.target}
@@ -21,4 +21,4 @@ const e=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                             <slot></slot>
                         </a>
                     `]])}
-        `}},c.styles=[s.commonStyles],c);n.__decorate([t.n({type:String,attribute:`html-tag-name`})],l.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`target`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`mode`,void 0),n.__decorate([t.n({type:String})],l.prototype,`size`,void 0),l=n.__decorate([i.customUiKitElement(`ds-hyperlink`)],l);
+        `}},l=(c.styles=[s.commonStyles],c);n.default([t.property({type:String,attribute:`html-tag-name`})],l.prototype,`htmlTagName`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`href`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`rel`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`target`,void 0),n.default([t.property({type:String,reflect:!0})],l.prototype,`mode`,void 0),n.default([t.property({type:String})],l.prototype,`size`,void 0),l=n.default([i.customUiKitElement(`ds-hyperlink`)],l),Object.defineProperty(exports,"DsHyperlinkButton",{enumerable:!0,get:function(){return l}});

package/dist/cjs/components/ds-hyperlink/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-flex;
     }

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

@@ -1,4 +1,4 @@
-const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),n=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 r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.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"),c=require("../../utils/IconsManager.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.cjs");require("../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.cjs");const u=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/classPrivateFieldInitSpec.cjs"),d=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/classPrivateFieldSet2.cjs"),f=require("../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/classPrivateFieldGet2.cjs");var p,m,h=(p=new WeakMap,m=class extends o.UiKitElement{constructor(){super(),u._classPrivateFieldInitSpec(this,p,void 0),this.iconHtml=``,d._classPrivateFieldSet2(p,this,0),this.getIcon=async()=>{var e;let t=d._classPrivateFieldSet2(p,this,(e=f._classPrivateFieldGet2(p,this),++e)),n=await c.iconsManager.fetchIcon(this.iconName);t===f._classPrivateFieldGet2(p,this)&&(this.iconHtml=n)},e.pubSub.subscribe(`theme`,this.getIcon)}async updated(e){super.updated(e),(e.has(`iconName`)||!this.iconHtml)&&await this.getIcon()}getDimension(e,t,n){return e?`${e}px`:t?`auto`:this.size?`${this.size}px`:n}get styleTokens(){let e=this.getDimension(this.width,this.height,`var(--ui-kit-icon-width, 20px)`),t=this.getDimension(this.height,this.width,`var(--ui-kit-icon-height, 20px)`),r=this.color?this.color:`var(--ui-kit-icon-color, black)`;return n.x`
+const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/css-tag.cjs"),n=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.cjs");const r=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/property.cjs"),i=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.2/node_modules/@lit/reactive-element/decorators/state.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.cjs");const a=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.cjs"),o=require("../base/UiKitElement.cjs"),s=require("../../decorators/customUiKitElement.cjs"),c=require("../../utils/IconsManager.cjs"),l=require("../../node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/unsafe-html.cjs");require("../../node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/unsafe-html.cjs");const u=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldInitSpec.cjs"),d=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldSet2.cjs"),f=require("../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/classPrivateFieldGet2.cjs");var p=new WeakMap,m=class extends o.UiKitElement{constructor(){super(),u.default(this,p,void 0),this.iconHtml=``,d.default(p,this,0),this.getIcon=async()=>{var e;let t=d.default(p,this,(e=f.default(p,this),++e)),n=await c.iconsManager.fetchIcon(this.iconName);t===f.default(p,this)&&(this.iconHtml=n)},e.pubSub.subscribe(`theme`,this.getIcon)}async updated(e){super.updated(e),(e.has(`iconName`)||!this.iconHtml)&&await this.getIcon()}getDimension(e,t,n){return e?`${e}px`:t?`auto`:this.size?`${this.size}px`:n}get styleTokens(){let e=this.getDimension(this.width,this.height,`var(--ui-kit-icon-width, 20px)`),t=this.getDimension(this.height,this.width,`var(--ui-kit-icon-height, 20px)`),r=this.color?this.color:`var(--ui-kit-icon-color, black)`;return n.html`
             <style>
                 .ds-icon {
                     display: inline-block;
@@ -14,12 +14,12 @@ const e=require("../../utils/PubSub.cjs"),t=require("../../node_modules/.pnpm/@l
                     stroke: ${r};
                 }
             </style>
-        `}render(){return n.x`
+        `}render(){return n.html`
             ${this.styleTokens}
-            ${this.iconHtml?l.o(this.iconHtml):n.x`<svg class="ds-icon">x</svg>`}
-        `}},m.styles=t.i`
+            ${this.iconHtml?l.unsafeHTML(this.iconHtml):n.html`<svg class="ds-icon">x</svg>`}
+        `}},h=(m.styles=t.css`
         :host {
             line-height: 0;
             display: inline-block;
         }
-    `,m);a.__decorate([r.n({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),a.__decorate([r.n({type:String,attribute:`color`})],h.prototype,`color`,void 0),a.__decorate([r.n({type:Number})],h.prototype,`width`,void 0),a.__decorate([r.n({type:Number})],h.prototype,`height`,void 0),a.__decorate([r.n({type:Number,attribute:`size`})],h.prototype,`size`,void 0),a.__decorate([i.r()],h.prototype,`iconHtml`,void 0),h=a.__decorate([s.customUiKitElement(`ds-icon`)],h);
+    `,m);a.default([r.property({type:String,attribute:`icon-name`})],h.prototype,`iconName`,void 0),a.default([r.property({type:String,attribute:`color`})],h.prototype,`color`,void 0),a.default([r.property({type:Number})],h.prototype,`width`,void 0),a.default([r.property({type:Number})],h.prototype,`height`,void 0),a.default([r.property({type:Number,attribute:`size`})],h.prototype,`size`,void 0),a.default([i.state()],h.prototype,`iconHtml`,void 0),h=a.default([s.customUiKitElement(`ds-icon`)],h),Object.defineProperty(exports,"DsIcon",{enumerable:!0,get:function(){return h}});

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

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