@cupra/ui-kit 2.0.0-canary.130 → 2.0.0-canary.132

package/dist/cjs/components/base/ds-base-input/ds-base-input.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/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.122.0/helpers/decorate.cjs`),a=require(`../../../utils/booleanConverter.cjs`),o=require(`../../../utils/htmlWithTokens.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(`../../../mixins/FormAssociatedMixin.cjs`),l=require(`../DsUiElement.cjs`),u=require(`./styles/common.styles.cjs`),d=require(`./styles/cupra.styles.cjs`);var f=class extends c.FormAssociatedMixin(l.DsUiElement){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.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(e){this._value=e}static{this.styles=[u.commonStyles,u.inputStyles]}static{this.themesStyles={cupra:d.cupraStyles}}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get styleTokens(){return o.htmlWithTokens`
+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.122.0/helpers/decorate.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(`../../../mixins/FormAssociatedMixin.cjs`),c=require(`../DsUiElement.cjs`),l=require(`./styles/common.styles.cjs`),u=require(`./styles/cupra.styles.cjs`);var d=class extends s.FormAssociatedMixin(c.DsUiElement){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.focused=!1,this.handleFocus=()=>{this.focused=!0},this.handleBlur=()=>{this.focused=!1}}firstUpdated(){this._value=this.initialValue}get value(){return this._value}set value(e){this._value=e}static{this.styles=[l.commonStyles,l.inputStyles]}static{this.themesStyles={cupra:u.cupraStyles}}get classes(){return{container:!0,focused:this.focused,error:!!this.errorText,success:this.success,disabled:this.disabled,[this.size]:!0,[this.mode]:!0}}get styleTokens(){return e.x`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -7,7 +7,7 @@ const e=require(`../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-htm
             </style>
         `}render(){return e.x`
             ${this.styleTokens}
-            <div class=${s.e(this.classes)}>
+            <div class=${o.e(this.classes)}>
                 <div class="inner-container">
                     ${this.labelTemplate}
                     ${this.inputTemplate}
@@ -17,4 +17,4 @@ const e=require(`../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-htm
                 <div class="error-text">${this.errorText}</div>
                 ${this.dropdownTemplate}
             </div>
-        `}};i.__decorate([t.n({type:String,reflect:!0,attribute:`initial-value`})],f.prototype,`initialValue`,void 0),i.__decorate([t.n({type:String})],f.prototype,`label`,void 0),i.__decorate([t.n({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),i.__decorate([t.n({type:String,attribute:`error-text`})],f.prototype,`errorText`,void 0),i.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`disabled`,void 0),i.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`success`,void 0),i.__decorate([t.n({type:String,reflect:!0})],f.prototype,`mode`,void 0),i.__decorate([t.n({type:String})],f.prototype,`size`,void 0),i.__decorate([n.r()],f.prototype,`_value`,void 0),i.__decorate([n.r()],f.prototype,`focused`,void 0),i.__decorate([r.e(`.input-field`)],f.prototype,`inputField`,void 0),exports.DsBaseInput=f;
+        `}};i.__decorate([t.n({type:String,reflect:!0,attribute:`initial-value`})],d.prototype,`initialValue`,void 0),i.__decorate([t.n({type:String})],d.prototype,`label`,void 0),i.__decorate([t.n({type:String,attribute:`helper-text`})],d.prototype,`helperText`,void 0),i.__decorate([t.n({type:String,attribute:`error-text`})],d.prototype,`errorText`,void 0),i.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],d.prototype,`disabled`,void 0),i.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],d.prototype,`success`,void 0),i.__decorate([t.n({type:String,reflect:!0})],d.prototype,`mode`,void 0),i.__decorate([t.n({type:String})],d.prototype,`size`,void 0),i.__decorate([n.r()],d.prototype,`_value`,void 0),i.__decorate([n.r()],d.prototype,`focused`,void 0),i.__decorate([r.e(`.input-field`)],d.prototype,`inputField`,void 0),exports.DsBaseInput=d;

package/dist/cjs/components/base/ds-base-progress-bar/ds-base-progress-bar.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`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../../../utils/booleanConverter.cjs`),i=require(`../../../utils/htmlWithTokens.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(`../DsUiElement.cjs`),s=require(`./styles/common.styles.cjs`),c=require(`./styles/cupra-diagonal.styles.cjs`),l=require(`./styles/cupra.styles.cjs`),u=require(`./styles/seat.styles.cjs`);var d=class extends o.DsUiElement{constructor(...e){super(...e),this.show=!1,this.mode=`light`,this.size=`large`}static{this.styles=[s.commonStyles]}static{this.themesStyles={cupra:l.cupraStyles,"cupra-diagonal":c.cupraDiagonalStyles,seat:u.seatStyles}}get classes(){return{track:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return i.htmlWithTokens`
+const e=require(`../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../../../utils/booleanConverter.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(`../DsUiElement.cjs`),o=require(`./styles/common.styles.cjs`),s=require(`./styles/cupra-diagonal.styles.cjs`),c=require(`./styles/cupra.styles.cjs`),l=require(`./styles/seat.styles.cjs`);var u=class extends a.DsUiElement{constructor(...e){super(...e),this.show=!1,this.mode=`light`,this.size=`large`}static{this.styles=[o.commonStyles]}static{this.themesStyles={cupra:c.cupraStyles,"cupra-diagonal":s.cupraDiagonalStyles,seat:l.seatStyles}}get classes(){return{track:!0,[this.size]:!0,[this.mode]:!!this.mode}}get styleTokens(){return e.x`
             <style>
                 :host {
                     color-scheme: ${this.mode};
@@ -6,7 +6,7 @@ const e=require(`../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-htm
             </style>
         `}get barTemplate(){return e.x`
             ${this.styleTokens}
-            <div class=${a.e(this.classes)}>
+            <div class=${i.e(this.classes)}>
                 <div class="fill"></div>
             </div>
-        `}};n.__decorate([t.n({type:Boolean,converter:r.booleanConverter})],d.prototype,`show`,void 0),n.__decorate([t.n({type:String,reflect:!0})],d.prototype,`mode`,void 0),n.__decorate([t.n({type:String})],d.prototype,`size`,void 0),exports.DsBaseProgressBar=d;
+        `}};n.__decorate([t.n({type:Boolean,converter:r.booleanConverter})],u.prototype,`show`,void 0),n.__decorate([t.n({type:String,reflect:!0})],u.prototype,`mode`,void 0),n.__decorate([t.n({type:String})],u.prototype,`size`,void 0),exports.DsBaseProgressBar=u;

package/dist/cjs/components/ds-accordion/ds-accordion.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/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`./styles/common.styles.cjs`),o=require(`./theme-config.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),c=require(`../../utils/booleanConverter.cjs`),l=require(`../../utils/htmlWithTokens.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`);var d=class extends i.UiKitElement{constructor(...e){super(...e),this.maxHeight=300,this.open=!1,this.mode=`light`,this.size=`large`,this.disabled=!1,this._open=!1}static{this.styles=[a.commonStyles]}willUpdate(e){super.willUpdate(e),e.has(`open`)&&(this._open=this.open)}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return this.componentFactory.createIcon({class:`icon open-icon`,role:`presentation`,"icon-name":t?.open||`minus`})}get closeIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return this.componentFactory.createIcon({class:`icon close-icon`,role:`presentation`,"icon-name":t?.close||`plus`})}get styleTokens(){return l.htmlWithTokens`
+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.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`./styles/common.styles.cjs`),o=require(`./theme-config.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),c=require(`../../utils/booleanConverter.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`);var u=class extends i.UiKitElement{constructor(...e){super(...e),this.maxHeight=300,this.open=!1,this.mode=`light`,this.size=`large`,this.disabled=!1,this._open=!1}static{this.styles=[a.commonStyles]}willUpdate(e){super.willUpdate(e),e.has(`open`)&&(this._open=this.open)}get containerClasses(){return{container:!0,disabled:this.disabled,open:this._open,[this.size]:!0,[this.mode]:!!this.mode}}get dividerClasses(){return{divider:!0,[this.mode]:!!this.mode}}get openIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return this.componentFactory.createIcon({class:`icon open-icon`,role:`presentation`,"icon-name":t?.open||`minus`})}get closeIconTemplate(){if(!this.theme)return e.E;let t=o.themeConfig[this.theme]?.[`icon-names`];return this.componentFactory.createIcon({class:`icon close-icon`,role:`presentation`,"icon-name":t?.close||`plus`})}get styleTokens(){return e.x`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -9,7 +9,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
             ${this.styleTokens}
 
             <details
-                class=${u.e(this.containerClasses)}
+                class=${l.e(this.containerClasses)}
                 aria-disabled=${!!this.disabled}
                 ?open=${this.open}
                 @keydown=${this.handleKeyDown}
@@ -22,5 +22,5 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 </summary>
                 <slot name="content"></slot>
             </details>
-            <div class=${u.e(this.dividerClasses)}></div>
-        `}};r.__decorate([t.n({type:Number,attribute:`max-height`})],d.prototype,`maxHeight`,void 0),r.__decorate([t.n({type:Boolean,converter:c.booleanConverter,reflect:!0})],d.prototype,`open`,void 0),r.__decorate([t.n({type:String,reflect:!0})],d.prototype,`mode`,void 0),r.__decorate([t.n({type:String})],d.prototype,`size`,void 0),r.__decorate([t.n({type:Boolean,converter:c.booleanConverter})],d.prototype,`disabled`,void 0),r.__decorate([n.r()],d.prototype,`_open`,void 0),d=r.__decorate([s.customUiKitElement(`ds-accordion`)],d);
+            <div class=${l.e(this.dividerClasses)}></div>
+        `}};r.__decorate([t.n({type:Number,attribute:`max-height`})],u.prototype,`maxHeight`,void 0),r.__decorate([t.n({type:Boolean,converter:c.booleanConverter,reflect:!0})],u.prototype,`open`,void 0),r.__decorate([t.n({type:String,reflect:!0})],u.prototype,`mode`,void 0),r.__decorate([t.n({type:String})],u.prototype,`size`,void 0),r.__decorate([t.n({type:Boolean,converter:c.booleanConverter})],u.prototype,`disabled`,void 0),r.__decorate([n.r()],u.prototype,`_open`,void 0),u=r.__decorate([s.customUiKitElement(`ds-accordion`)],u);

package/dist/cjs/components/ds-avatar/ds-avatar.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.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=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 o=require(`../../decorators/customUiKitElement.cjs`),s=require(`../../utils/booleanConverter.cjs`),c=require(`../../utils/htmlWithTokens.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(`./styles/common.styles.cjs`);var d=class extends i.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.disabled=!1}static{this.styles=[u.commonStyles]}get iconTemplate(){return this.componentFactory.createIcon({class:`icon`,"icon-name":`user`})}get initialsTemplate(){return e.x`<span class="initials" aria-hidden="true">${this.getInitialsFromName(this.name)}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]).join(``).toUpperCase():``}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){return this.hasImage?`media`:this.name?.trim()?`text`:`icon`}handleSlotChange(){this.requestUpdate()}get styleTokens(){return c.htmlWithTokens`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../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 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(`./styles/common.styles.cjs`);var u=class extends i.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this.disabled=!1}static{this.styles=[l.commonStyles]}get iconTemplate(){return this.componentFactory.createIcon({class:`icon`,"icon-name":`user`})}get initialsTemplate(){return e.x`<span class="initials" aria-hidden="true">${this.getInitialsFromName(this.name)}</span>`}getInitialsFromName(e){return e?e.trim().split(/\s+/).filter(Boolean).slice(0,2).map(e=>e[0]).join(``).toUpperCase():``}get classes(){return{container:!0,disabled:this.disabled,[this.size]:!0,[`mode-${this.mode}`]:!0}}get hasImage(){return Array.isArray(this.assignedImages)&&this.assignedImages.length>0}get mode(){return this.hasImage?`media`:this.name?.trim()?`text`:`icon`}handleSlotChange(){this.requestUpdate()}get styleTokens(){return e.x`
             <style>
                 :host{
                     pointer-events: ${this.disabled?`none`:`auto`};
@@ -7,7 +7,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
         `}handleKeyDown(e){this.disabled||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.click())}render(){return e.x`
             ${this.styleTokens}
             <div
-                class=${l.e(this.classes)}
+                class=${c.e(this.classes)}
                 title=${a.o(this.name)}
                 aria-label=${`Open ${this.name?this.name+`'s `:``}profile menu`}
                 aria-disabled=${a.o(this.disabled?`true`:void 0)}
@@ -19,4 +19,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 ${this.mode===`text`?this.initialsTemplate:e.E}
                 <div class="media" aria-hidden=${String(this.mode!==`media`)}><slot name="media" @slotchange=${this.handleSlotChange}></slot></div>
             </div>
-        `}};r.__decorate([t.n({type:String})],d.prototype,`size`,void 0),r.__decorate([t.n({type:String})],d.prototype,`name`,void 0),r.__decorate([t.n({type:Boolean,converter:s.booleanConverter,reflect:!0})],d.prototype,`disabled`,void 0),r.__decorate([n.o({slot:`media`,selector:`img`})],d.prototype,`assignedImages`,void 0),d=r.__decorate([o.customUiKitElement(`ds-avatar`)],d);
+        `}};r.__decorate([t.n({type:String})],u.prototype,`size`,void 0),r.__decorate([t.n({type:String})],u.prototype,`name`,void 0),r.__decorate([t.n({type:Boolean,converter:s.booleanConverter,reflect:!0})],u.prototype,`disabled`,void 0),r.__decorate([n.o({slot:`media`,selector:`img`})],u.prototype,`assignedImages`,void 0),u=r.__decorate([o.customUiKitElement(`ds-avatar`)],u);

package/dist/cjs/components/ds-badge/styles/common.styles.cjs

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

package/dist/cjs/components/ds-bullets/ds-bullets.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`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/htmlWithTokens.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=class extends r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.activeBulletIndex=0,this.handleClickChunk=e=>()=>{this.activeBulletIndex!==e&&(this.activeBulletIndex=e,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{index:e}})))}}static{this.styles=[s.commonStyles]}get bulletsTemplate(){let t=[];for(let n=0;n<this.bulletsNumber;n++){let r={bullet:!0,active:n===this.activeBulletIndex};t.push(e.x`
-                <div @click=${this.handleClickChunk(n)} class=${o.e(r)}></div>
-            `)}return t}get classes(){return{container:!0,[this.mode]:!0}}get styleTokens(){return a.htmlWithTokens`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const o=require(`./styles/common.styles.cjs`);var s=class extends r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.activeBulletIndex=0,this.handleClickChunk=e=>()=>{this.activeBulletIndex!==e&&(this.activeBulletIndex=e,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{index:e}})))}}static{this.styles=[o.commonStyles]}get bulletsTemplate(){let t=[];for(let n=0;n<this.bulletsNumber;n++){let r={bullet:!0,active:n===this.activeBulletIndex};t.push(e.x`
+                <div @click=${this.handleClickChunk(n)} class=${a.e(r)}></div>
+            `)}return t}get classes(){return{container:!0,[this.mode]:!0}}get styleTokens(){return e.x`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -8,5 +8,5 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 </style>
         `}render(){return this.bulletsNumber>0?e.x`
                   ${this.styleTokens}
-                  <div class=${o.e(this.classes)}>${this.bulletsTemplate}</div>
-              `:e.E}};n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`mode`,void 0),n.__decorate([t.n({type:Number,attribute:`bullets-number`})],c.prototype,`bulletsNumber`,void 0),n.__decorate([t.n({type:Number,attribute:`active-bullet-index`,reflect:!0})],c.prototype,`activeBulletIndex`,void 0),c=n.__decorate([i.customUiKitElement(`ds-bullets`)],c);
+                  <div class=${a.e(this.classes)}>${this.bulletsTemplate}</div>
+              `:e.E}};n.__decorate([t.n({type:String,reflect:!0})],s.prototype,`mode`,void 0),n.__decorate([t.n({type:Number,attribute:`bullets-number`})],s.prototype,`bulletsNumber`,void 0),n.__decorate([t.n({type:Number,attribute:`active-bullet-index`,reflect:!0})],s.prototype,`activeBulletIndex`,void 0),s=n.__decorate([i.customUiKitElement(`ds-bullets`)],s);

package/dist/cjs/components/ds-button/ds-button.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.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/htmlWithTokens.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(`../../mixins/ViewportMixin.cjs`),l=require(`../../utils/objectConverter.cjs`),u=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs`),d=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs`),f=require(`./styles/common.styles.cjs`);var p=class extends c.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.destructive=!1,this.htmlTagName=`button`,this.type=`button`,this.iconPosition=`left`,this.rounded=!1,this.fullWidth=!1,this.loading=!1}static{this.styles=[f.buttonStyles,f.textStyles,f.loadingDotsStyles]}connectedCallback(){super.connectedCallback(),this.closestForm=this.closest(`form`)}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,[e]:!!e,[this.mode]:!!this.mode,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(e){if(this.href||e.preventDefault(),this.closestForm&&this.type===`submit`){let e=new Event(`submit`,{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(e)}}handleCustomClick(e){let t=(this.shadowRoot?.querySelector(`slot`))?.assignedElements()[0];t&&!t.contains(e.composedPath()[0])&&(e.stopPropagation(),t.click())}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName}):e.E}get loadingTemplate(){return this.loading?e.x`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../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(`../../mixins/ViewportMixin.cjs`),c=require(`../../utils/objectConverter.cjs`),l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs`),u=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs`),d=require(`./styles/common.styles.cjs`);var f=class extends s.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.destructive=!1,this.htmlTagName=`button`,this.type=`button`,this.iconPosition=`left`,this.rounded=!1,this.fullWidth=!1,this.loading=!1}static{this.styles=[d.buttonStyles,d.textStyles,d.loadingDotsStyles]}connectedCallback(){super.connectedCallback(),this.closestForm=this.closest(`form`)}get classes(){let e=typeof this.size==`string`?this.size:this.size[this.viewport];return{button:!0,[`tag-${this.htmlTagName}`]:!0,[`variant-${this.variant}`]:!0,[e]:!!e,[this.mode]:!!this.mode,rounded:this.rounded,disabled:this.disabled||this.loading,destructive:this.destructive,"full-width":this.fullWidth}}handleClick(e){if(this.href||e.preventDefault(),this.closestForm&&this.type===`submit`){let e=new Event(`submit`,{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(e)}}handleCustomClick(e){let t=(this.shadowRoot?.querySelector(`slot`))?.assignedElements()[0];t&&!t.contains(e.composedPath()[0])&&(e.stopPropagation(),t.click())}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName}):e.E}get loadingTemplate(){return this.loading?e.x`
             <span class="loading-dots">
                 <span>.</span>
                 <span>.</span>
                 <span>.</span>
             </span>
-        `:e.E}get contentTemplate(){return this.loading&&this.textLoading?e.x`${this.textLoading}`:e.x`<slot></slot>`}updated(e){super.updated(e),this.customBackground?this.style.setProperty(`--ui-kit-button-custom-bg`,this.customBackground):this.style.removeProperty(`--ui-kit-button-custom-bg`),this.customColor?this.style.setProperty(`--ui-kit-button-custom-color`,this.customColor):this.style.removeProperty(`--ui-kit-button-custom-color`)}get cssTokens(){return o.htmlWithTokens`
+        `:e.E}get contentTemplate(){return this.loading&&this.textLoading?e.x`${this.textLoading}`:e.x`<slot></slot>`}get cssTokens(){return e.x`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -16,42 +16,42 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 }
             </style>`}render(){return e.x`
             ${this.cssTokens}
-            ${u.r(this.htmlTagName||`button`,[[`button`,()=>e.x`
+            ${l.r(this.htmlTagName||`button`,[[`button`,()=>e.x`
                         <button
-                            class=${s.e(this.classes)}
+                            class=${o.e(this.classes)}
                             aria-label=${this.textContent?.replace(/^\s+|\s+$/g,``)}
                             type=${this.type}
                             @click=${this.handleClick}
                             ?disabled=${this.disabled}
                         >
-                            ${d.n(this.iconPosition===`left`,()=>e.x` ${this.iconTemplate} `)}
+                            ${u.n(this.iconPosition===`left`,()=>e.x` ${this.iconTemplate} `)}
                             <span class="container">
                                 ${this.contentTemplate}
                                 ${this.loadingTemplate}
                             </span>
-                            ${d.n(this.iconPosition===`right`,()=>e.x` ${this.iconTemplate} `)}
+                            ${u.n(this.iconPosition===`right`,()=>e.x` ${this.iconTemplate} `)}
                         </button>
                     `],[`a`,()=>e.x`
                         <a
-                            class=${s.e(this.classes)}
+                            class=${o.e(this.classes)}
                             aria-label=${this.textContent?.replace(/^\s+|\s+$/g,``)}
                             href=${this.href}
                             rel=${this.rel}
                             target=${this.target}
                             @click=${this.handleClick}
                         >
-                            ${d.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
+                            ${u.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
                             <span class="container">
                                 ${this.contentTemplate}
                                 ${this.loadingTemplate}
                             </span>
-                            ${d.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
+                            ${u.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
                         </a>
                     `],[`custom`,()=>e.x`
-                        <div class=${s.e(this.classes)} @click=${this.handleCustomClick}>
-                            ${d.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
+                        <div class=${o.e(this.classes)} @click=${this.handleCustomClick}>
+                            ${u.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
                             ${this.loading&&this.textLoading?e.x`<span class="container">${this.textLoading}${this.loadingTemplate}</span>`:e.x`<slot></slot>${this.loadingTemplate}`}
-                            ${d.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
+                            ${u.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
                         </div>
                     `]])}
-        `}};n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`variant`,void 0),n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`mode`,void 0),n.__decorate([t.n({type:String,converter:l.objectConverter})],p.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`disabled`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`destructive`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],p.prototype,`iconName`,void 0),n.__decorate([t.n({type:String,attribute:`html-tag-name`})],p.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],p.prototype,`target`,void 0),n.__decorate([t.n({type:String})],p.prototype,`type`,void 0),n.__decorate([t.n({type:String,attribute:`icon-position`})],p.prototype,`iconPosition`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`rounded`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],p.prototype,`fullWidth`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],p.prototype,`loading`,void 0),n.__decorate([t.n({type:String,attribute:`text-loading`})],p.prototype,`textLoading`,void 0),n.__decorate([t.n({type:String,attribute:`custom-background`})],p.prototype,`customBackground`,void 0),n.__decorate([t.n({type:String,attribute:`custom-color`})],p.prototype,`customColor`,void 0),p=n.__decorate([i.customUiKitElement(`ds-button`)],p),Object.defineProperty(exports,`DsButton`,{enumerable:!0,get:function(){return p}});
+        `}};n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`variant`,void 0),n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`mode`,void 0),n.__decorate([t.n({type:String,converter:c.objectConverter})],f.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`disabled`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`destructive`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],f.prototype,`iconName`,void 0),n.__decorate([t.n({type:String,attribute:`html-tag-name`})],f.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`target`,void 0),n.__decorate([t.n({type:String})],f.prototype,`type`,void 0),n.__decorate([t.n({type:String,attribute:`icon-position`})],f.prototype,`iconPosition`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`rounded`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,attribute:`full-width`})],f.prototype,`fullWidth`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`loading`,void 0),n.__decorate([t.n({type:String,attribute:`text-loading`})],f.prototype,`textLoading`,void 0),f=n.__decorate([i.customUiKitElement(`ds-button`)],f),Object.defineProperty(exports,`DsButton`,{enumerable:!0,get:function(){return f}});

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

@@ -10,7 +10,7 @@ const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
         box-sizing: border-box;
         justify-content: center;
         align-items: center;
-        gap: var(--ui-kit-button-gap, 0);
+        gap: var(--ui-kit-private-button-gap, 0);
         padding: 0;
         margin: 0;
         background: transparent;
@@ -35,7 +35,7 @@ const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
         width: auto;
         flex: 1;
         min-width: 0;
-        gap: var(--ui-kit-button-gap, 0);
+        gap: var(--ui-kit-private-button-gap, 0);
         padding: 0;
         margin: 0;
         background: transparent;

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

@@ -1,4 +1,4 @@
-const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs`),t=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),r=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 i=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),a=require(`../base/UiKitElement.cjs`),o=require(`../../decorators/customUiKitElement.cjs`),s=require(`../../utils/booleanConverter.cjs`),c=require(`../../utils/htmlWithTokens.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(`../ds-checkbox-group/ds-checkbox-group.cjs`),d=require(`../../mixins/FormAssociatedMixin.cjs`),f=require(`./styles/common.styles.cjs`);var p=class extends d.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.inputPlacement=`left`,this._checked=void 0,this._checkedState=!1,this.required=!1,this._disabled=!1,this.mode=`light`,this._size=`medium`,this.helperText=``,this.infoText=``,this._forcedError=``,this.invalidError=``,this.indeterminate=!1,this.dataAriaLabel=``}get checked(){return this._checked??this._checkedState}set checked(e){this._checked=e}static{this.styles=[f.commonStyles]}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:u.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:u.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:u.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.s(this,{context:t,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){let t=e.target.checked;this._checkedState=t,this._checked=void 0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:t,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return t.E;let e=this.indeterminate?`minus`:`check`;return this.componentFactory.createIcon({class:`icon`,"icon-name":e})}get styleTokens(){return c.htmlWithTokens`
+const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.cjs`),t=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),r=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 i=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/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(`../ds-checkbox-group/ds-checkbox-group.cjs`),u=require(`../../mixins/FormAssociatedMixin.cjs`),d=require(`./styles/common.styles.cjs`);var f=class extends u.FormAssociatedMixin(a.UiKitElement){constructor(...e){super(...e),this.inputPlacement=`left`,this._checked=void 0,this._checkedState=!1,this.required=!1,this._disabled=!1,this.mode=`light`,this._size=`medium`,this.helperText=``,this.infoText=``,this._forcedError=``,this.invalidError=``,this.indeterminate=!1,this.dataAriaLabel=``}get checked(){return this._checked??this._checkedState}set checked(e){this._checked=e}static{this.styles=[d.commonStyles]}connectedCallback(){super.connectedCallback(),queueMicrotask(()=>{this.createContextConsumers([{context:l.checkboxGroupDisabledContext,callback:e=>{this.disabledGroup=e}},{context:l.checkboxGroupErrorContext,callback:e=>{this.errorGroup=e}},{context:l.checkboxGroupSizeContext,callback:e=>{this.sizeGroup=e}}])})}createContextConsumers(t){t.forEach(({context:t,callback:n})=>{new e.s(this,{context:t,callback:n,subscribe:!0})})}get disabled(){return this.disabledGroup??this._disabled}set disabled(e){this._disabled=e}get size(){return this.sizeGroup||this._size}set size(e){this._size=e}get forcedError(){return this._forcedError}set forcedError(e){this._forcedError=e}get error(){return this.errorGroup??!!this._forcedError}handleChange(e){let t=e.target.checked;this._checkedState=t,this._checked=void 0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:t,value:this.value}}))}get classes(){return{container:!0,[this.inputPlacement]:!!this.inputPlacement,[this.mode]:!!this.mode,[this.size]:!!this.size,disabled:this.disabled,checked:this.checked,error:this.error}}get iconTemplate(){if(!this.checked)return t.E;let e=this.indeterminate?`minus`:`check`;return this.componentFactory.createIcon({class:`icon`,"icon-name":e})}get styleTokens(){return t.x`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -7,7 +7,7 @@ const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/c
             </style>
         `}render(){return t.x`
             ${this.styleTokens}
-            <div class=${l.e(this.classes)}>
+            <div class=${c.e(this.classes)}>
                 <label>
                     <span class="checkmark-container">
                         <span class="checkmark">
@@ -36,4 +36,4 @@ const e=require(`../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/c
                     </div>
                 </label>
             </div>
-        `}};i.__decorate([n.n({type:String})],p.prototype,`name`,void 0),i.__decorate([n.n({type:String})],p.prototype,`value`,void 0),i.__decorate([n.n({type:String,attribute:`input-placement`})],p.prototype,`inputPlacement`,void 0),i.__decorate([n.n({type:Boolean,attribute:`checked`,converter:s.booleanConverter,reflect:!0})],p.prototype,`_checked`,void 0),i.__decorate([r.r()],p.prototype,`_checkedState`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter})],p.prototype,`required`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter,attribute:`disabled`})],p.prototype,`_disabled`,void 0),i.__decorate([n.n({type:String,reflect:!0})],p.prototype,`mode`,void 0),i.__decorate([n.n({type:String,attribute:`size`})],p.prototype,`_size`,void 0),i.__decorate([n.n({type:String,attribute:`helper-text`})],p.prototype,`helperText`,void 0),i.__decorate([n.n({type:String,attribute:`info-text`})],p.prototype,`infoText`,void 0),i.__decorate([n.n({type:String,attribute:`forced-error`})],p.prototype,`_forcedError`,void 0),i.__decorate([n.n({type:String,attribute:`invalid-error`})],p.prototype,`invalidError`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter})],p.prototype,`indeterminate`,void 0),i.__decorate([n.n({type:String,attribute:`data-aria-label`})],p.prototype,`dataAriaLabel`,void 0),i.__decorate([r.r()],p.prototype,`disabledGroup`,void 0),i.__decorate([r.r()],p.prototype,`errorGroup`,void 0),i.__decorate([r.r()],p.prototype,`sizeGroup`,void 0),p=i.__decorate([o.customUiKitElement(`ds-checkbox`)],p);
+        `}};i.__decorate([n.n({type:String})],f.prototype,`name`,void 0),i.__decorate([n.n({type:String})],f.prototype,`value`,void 0),i.__decorate([n.n({type:String,attribute:`input-placement`})],f.prototype,`inputPlacement`,void 0),i.__decorate([n.n({type:Boolean,attribute:`checked`,converter:s.booleanConverter,reflect:!0})],f.prototype,`_checked`,void 0),i.__decorate([r.r()],f.prototype,`_checkedState`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter})],f.prototype,`required`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter,attribute:`disabled`})],f.prototype,`_disabled`,void 0),i.__decorate([n.n({type:String,reflect:!0})],f.prototype,`mode`,void 0),i.__decorate([n.n({type:String,attribute:`size`})],f.prototype,`_size`,void 0),i.__decorate([n.n({type:String,attribute:`helper-text`})],f.prototype,`helperText`,void 0),i.__decorate([n.n({type:String,attribute:`info-text`})],f.prototype,`infoText`,void 0),i.__decorate([n.n({type:String,attribute:`forced-error`})],f.prototype,`_forcedError`,void 0),i.__decorate([n.n({type:String,attribute:`invalid-error`})],f.prototype,`invalidError`,void 0),i.__decorate([n.n({type:Boolean,converter:s.booleanConverter})],f.prototype,`indeterminate`,void 0),i.__decorate([n.n({type:String,attribute:`data-aria-label`})],f.prototype,`dataAriaLabel`,void 0),i.__decorate([r.r()],f.prototype,`disabledGroup`,void 0),i.__decorate([r.r()],f.prototype,`errorGroup`,void 0),i.__decorate([r.r()],f.prototype,`sizeGroup`,void 0),f=i.__decorate([o.customUiKitElement(`ds-checkbox`)],f);

package/dist/cjs/components/ds-chip/ds-chip.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`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/htmlWithTokens.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`./styles/common.styles.cjs`);var l=class extends r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.selected=!1,this.deselectable=!1,this.slottedText=``,this.handleSlotChange=e=>{this.slottedText=e.target.assignedNodes({flatten:!0}).filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent.trim()).join(` `),this.requestUpdate()}}static{this.styles=[c.commonStyles]}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return o.htmlWithTokens`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../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=class extends r.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.size=`large`,this.selected=!1,this.deselectable=!1,this.slottedText=``,this.handleSlotChange=e=>{this.slottedText=e.target.assignedNodes({flatten:!0}).filter(e=>e.nodeType===Node.TEXT_NODE).map(e=>e.textContent.trim()).join(` `),this.requestUpdate()}}static{this.styles=[s.commonStyles]}get classes(){return{container:!0,"ds-blur":!0,[this.size]:!0,[this.mode]:!!this.mode,selected:this.selected,deselectable:this.deselectable}}get styleTokens(){return e.x`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -12,7 +12,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 aria-label=${`chip ${this.slottedText}`}
                 tabindex="0"
                 data-testid="ds-chip-container"
-                class=${s.e(this.classes)}
+                class=${o.e(this.classes)}
                 @click=${this.handleClick}
                 @keydown=${this.handleKeyDown}
             >
@@ -20,4 +20,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 <slot @slotchange=${this.handleSlotChange}></slot>
                 ${this.iconTemplate}
             </div>
-        `}};n.__decorate([t.n({type:String})],l.prototype,`value`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`mode`,void 0),n.__decorate([t.n({type:String,reflect:!0})],l.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],l.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],l.prototype,`deselectable`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],l.prototype,`iconName`,void 0),l=n.__decorate([i.customUiKitElement(`ds-chip`)],l);
+        `}};n.__decorate([t.n({type:String})],c.prototype,`value`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`mode`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],c.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],c.prototype,`deselectable`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],c.prototype,`iconName`,void 0),c=n.__decorate([i.customUiKitElement(`ds-chip`)],c);

package/dist/cjs/components/ds-dialog-body/ds-dialog-body.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(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),n=require(`../base/UiKitElement.cjs`),r=require(`../../decorators/customUiKitElement.cjs`),i=require(`../../utils/htmlWithTokens.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=class extends n.UiKitElement{static{this.styles=[o.commonStyles]}get classes(){return{container:!0}}get styleTokens(){return i.htmlWithTokens`
+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.122.0/helpers/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=class extends n.UiKitElement{static{this.styles=[a.commonStyles]}get classes(){return{container:!0}}get styleTokens(){return e.x`
                 <style>
                     :host{
                         grid-area: body;
@@ -6,9 +6,9 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 </style>
         `}render(){return e.x`
             ${this.styleTokens}
-            <div data-testid="ds-dialog-body-container" class=${a.e(this.classes)}>
+            <div data-testid="ds-dialog-body-container" class=${i.e(this.classes)}>
                 <slot name="description"></slot>
                 <slot name="image"></slot>
                 <slot></slot>
             </div>
-        `}};s=t.__decorate([r.customUiKitElement(`ds-dialog-body`)],s);
+        `}};o=t.__decorate([r.customUiKitElement(`ds-dialog-body`)],o);

package/dist/cjs/components/ds-dialog-header/ds-dialog-header.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`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/htmlWithTokens.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=class extends r.UiKitElement{constructor(...e){super(...e),this.title=`primary`,this.iconSize=32}static{this.styles=[s.commonStyles]}get classes(){return{container:!0}}get styleTokens(){return a.htmlWithTokens`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const o=require(`./styles/common.styles.cjs`);var s=class extends r.UiKitElement{constructor(...e){super(...e),this.title=`primary`,this.iconSize=32}static{this.styles=[o.commonStyles]}get classes(){return{container:!0}}get styleTokens(){return e.x`
                 <style>
                     :host{
                         grid-area: header;
@@ -6,11 +6,11 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 </style>
         `}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName,size:this.iconSize}):e.E}render(){return e.x`
             ${this.styleTokens}
-            <div data-testid="ds-dialog-header-container" class=${o.e(this.classes)}>
+            <div data-testid="ds-dialog-header-container" class=${a.e(this.classes)}>
                 <div class="title-container">
                     ${this.iconTemplate}
                     <div class="title">${this.title}</div>
                 </div>
                 <slot name="subtitle"></slot>
             </div>
-        `}};n.__decorate([t.n({type:String})],c.prototype,`title`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],c.prototype,`iconName`,void 0),n.__decorate([t.n({type:Number,attribute:`icon-size`})],c.prototype,`iconSize`,void 0),c=n.__decorate([i.customUiKitElement(`ds-dialog-header`)],c);
+        `}};n.__decorate([t.n({type:String})],s.prototype,`title`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],s.prototype,`iconName`,void 0),n.__decorate([t.n({type:Number,attribute:`icon-size`})],s.prototype,`iconSize`,void 0),s=n.__decorate([i.customUiKitElement(`ds-dialog-header`)],s);

package/dist/cjs/components/ds-divider/ds-divider.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`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/htmlWithTokens.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=class extends r.UiKitElement{constructor(...e){super(...e),this.orientation=`horizontal`,this.variant=`primary`,this.mode=`light`}static{this.styles=[s.orientationStyles]}get classes(){return{divider:!0,[this.orientation]:!!this.orientation,[this.variant]:!!this.variant,[this.mode]:!!this.mode}}get styleTokens(){return a.htmlWithTokens`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const o=require(`./styles/common.styles.cjs`);var s=class extends r.UiKitElement{constructor(...e){super(...e),this.orientation=`horizontal`,this.variant=`primary`,this.mode=`light`}static{this.styles=[o.orientationStyles]}get classes(){return{divider:!0,[this.orientation]:!!this.orientation,[this.variant]:!!this.variant,[this.mode]:!!this.mode}}get styleTokens(){return e.x`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -6,5 +6,5 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
             </style>
         `}render(){return e.x`
             ${this.styleTokens}
-            <hr aria-orientation=${this.orientation} class=${o.e(this.classes)} />
-        `}};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),Object.defineProperty(exports,`DsDivider`,{enumerable:!0,get:function(){return c}});
+            <hr aria-orientation=${this.orientation} class=${a.e(this.classes)} />
+        `}};n.__decorate([t.n({type:String})],s.prototype,`orientation`,void 0),n.__decorate([t.n({type:String})],s.prototype,`variant`,void 0),n.__decorate([t.n({type:String,reflect:!0})],s.prototype,`mode`,void 0),s=n.__decorate([i.customUiKitElement(`ds-divider`)],s),Object.defineProperty(exports,`DsDivider`,{enumerable:!0,get:function(){return s}});

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

@@ -1,4 +1,4 @@
-const e=require(`../../../utils/cssWithTokens.cjs`),t=require(`../../../utils/cssQueries.cjs`);var n=e.cssWithTokens`
+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`
     :host {
         display: block;
     }
@@ -55,7 +55,7 @@ const e=require(`../../../utils/cssWithTokens.cjs`),t=require(`../../../utils/cs
         transform: translateY(0);
         ${t.cssQueries.m} {
             transform: translateX(0);
-            box-shadow: 0 -8px 32px 0 var(--ds-opacity-black-60, rgba(9, 9, 11, 0.60));
+            box-shadow: 0 -8px 32px 0 var(--ds-opacity-black-60, rgba(9, 9, 11, 0.6));
         }
     }
 
@@ -78,8 +78,8 @@ const e=require(`../../../utils/cssWithTokens.cjs`),t=require(`../../../utils/cs
         overflow: auto;
         -webkit-overflow-scrolling: touch;
     }
-`,r=e.cssWithTokens`
-   .close-button {
+`,r=e.i`
+    .close-button {
         position: absolute;
     }
 `;exports.commonStyles=n,exports.iconStyles=r;

package/dist/cjs/components/ds-hyperlink/ds-hyperlink.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`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/htmlWithTokens.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/choose.cjs`),c=require(`./styles/common.styles.cjs`);var l=class extends r.UiKitElement{constructor(...e){super(...e),this.htmlTagName=`a`,this.mode=`light`,this.size=`large`}static{this.styles=[c.commonStyles]}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return a.htmlWithTokens`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/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`}static{this.styles=[s.commonStyles]}handleClick(e){this.href||e.preventDefault()}get styleTokens(){return e.x`
             <style>
                 :host {
                     color-scheme: ${this.mode};
@@ -6,13 +6,13 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
             </style>
         `}get classes(){return{hyperlink:!0,[this.size]:!!this.size,[this.mode]:!!this.mode}}render(){return e.x`
             ${this.styleTokens}
-            ${s.r(this.htmlTagName||`a`,[[`button`,()=>e.x`
-                        <button class=${o.e(this.classes)}>
+            ${o.r(this.htmlTagName||`a`,[[`button`,()=>e.x`
+                        <button class=${a.e(this.classes)}>
                             <slot></slot>
                         </button>
                     `],[`a`,()=>e.x`
                         <a
-                            class=${o.e(this.classes)}
+                            class=${a.e(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>
                     `]])}
-        `}};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);
+        `}};n.__decorate([t.n({type:String,attribute:`html-tag-name`})],c.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`target`,void 0),n.__decorate([t.n({type:String,reflect:!0})],c.prototype,`mode`,void 0),n.__decorate([t.n({type:String})],c.prototype,`size`,void 0),c=n.__decorate([i.customUiKitElement(`ds-hyperlink`)],c);

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

@@ -1,25 +1,25 @@
-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.122.0/helpers/decorate.cjs`),o=require(`../base/UiKitElement.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),c=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 l=require(`../../utils/htmlWithTokens.cjs`),u=require(`../../utils/IconsManager.cjs`);var d=class extends o.UiKitElement{static{this.styles=t.i`
+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.122.0/helpers/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`);var u=class extends o.UiKitElement{static{this.styles=t.i`
         :host {
             line-height: 0;
             display: inline-block;
         }
-    `}#e=0;constructor(){super(),this.iconHtml=``,this.getIcon=async()=>{let e=++this.#e,t=await u.iconsManager.fetchIcon(this.iconName);e===this.#e&&(this.iconHtml=t)},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(){return l.htmlWithTokens`
+    `}#e=0;constructor(){super(),this.iconHtml=``,this.getIcon=async()=>{let e=++this.#e,t=await c.iconsManager.fetchIcon(this.iconName);e===this.#e&&(this.iconHtml=t)},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`
             <style>
                 .ds-icon {
                     display: inline-block;
-                    width: ${this.getDimension(this.width,this.height,`var(--private-ui-kit-icon-width, var(--ui-kit-icon-width, 20px))`)};
-                    height: ${this.getDimension(this.height,this.width,`var(--private-ui-kit-icon-height, var(--ui-kit-icon-height, 20px))`)};
+                    width: ${e};
+                    height: ${t};
                 }
 
                 .ds-icon-color {
-                    fill: ${this.color?this.color:`var(--private-ui-kit-icon-color, var(--ui-kit-icon-color, black))`};
+                    fill: ${r};
                 }
 
                 .ds-icon-color-stroke {
-                    stroke: ${this.color?this.color:`var(--private-ui-kit-icon-color, var(--ui-kit-icon-color, black))`};
+                    stroke: ${r};
                 }
             </style>
         `}render(){return n.x`
             ${this.styleTokens}
-            ${this.iconHtml?c.o(this.iconHtml):n.x`<svg class="ds-icon">x</svg>`}
-        `}};a.__decorate([r.n({type:String,attribute:`icon-name`})],d.prototype,`iconName`,void 0),a.__decorate([r.n({type:String,attribute:`color`})],d.prototype,`color`,void 0),a.__decorate([r.n({type:Number})],d.prototype,`width`,void 0),a.__decorate([r.n({type:Number})],d.prototype,`height`,void 0),a.__decorate([r.n({type:Number,attribute:`size`})],d.prototype,`size`,void 0),a.__decorate([i.r()],d.prototype,`iconHtml`,void 0),d=a.__decorate([s.customUiKitElement(`ds-icon`)],d),Object.defineProperty(exports,`DsIcon`,{enumerable:!0,get:function(){return d}});
+            ${this.iconHtml?l.o(this.iconHtml):n.x`<svg class="ds-icon">x</svg>`}
+        `}};a.__decorate([r.n({type:String,attribute:`icon-name`})],u.prototype,`iconName`,void 0),a.__decorate([r.n({type:String,attribute:`color`})],u.prototype,`color`,void 0),a.__decorate([r.n({type:Number})],u.prototype,`width`,void 0),a.__decorate([r.n({type:Number})],u.prototype,`height`,void 0),a.__decorate([r.n({type:Number,attribute:`size`})],u.prototype,`size`,void 0),a.__decorate([i.r()],u.prototype,`iconHtml`,void 0),u=a.__decorate([s.customUiKitElement(`ds-icon`)],u),Object.defineProperty(exports,`DsIcon`,{enumerable:!0,get:function(){return u}});

package/dist/cjs/components/ds-icon-button/ds-icon-button.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`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/htmlWithTokens.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(`../../mixins/ViewportMixin.cjs`),l=require(`../../utils/objectConverter.cjs`),u=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs`),d=require(`./styles/common.styles.cjs`);var f=class extends c.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.htmlTagName=`button`}static{this.styles=[d.buttonStyles]}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName}):e.E}handleClick(e){this.href||e.preventDefault()}handleCustomClick(e){let t=(this.shadowRoot?.querySelector(`slot`))?.assignedElements()[0];t&&!t.contains(e.composedPath()[0])&&(e.stopPropagation(),t.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-button-custom-bg`,this.customBackground):this.style.removeProperty(`--ui-kit-button-custom-bg`),this.customColor?this.style.setProperty(`--ui-kit-button-custom-color`,this.customColor):this.style.removeProperty(`--ui-kit-button-custom-color`)}get variantColorTokens(){return o.htmlWithTokens`
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),r=require(`../base/UiKitElement.cjs`),i=require(`../../decorators/customUiKitElement.cjs`),a=require(`../../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(`../../mixins/ViewportMixin.cjs`),c=require(`../../utils/objectConverter.cjs`),l=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/choose.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends s.ViewportMixin(r.UiKitElement){constructor(...e){super(...e),this.variant=`primary`,this.mode=`light`,this.size=`large`,this.disabled=!1,this.htmlTagName=`button`}static{this.styles=[u.buttonStyles]}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:`icon`,"icon-name":this.iconName}):e.E}handleClick(e){this.href||e.preventDefault()}handleCustomClick(e){let t=(this.shadowRoot?.querySelector(`slot`))?.assignedElements()[0];t&&!t.contains(e.composedPath()[0])&&(e.stopPropagation(),t.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`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -7,10 +7,10 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
             </style>
         `}render(){return e.x`
             ${this.variantColorTokens}
-            ${u.r(this.htmlTagName||`button`,[[`button`,()=>e.x`
+            ${l.r(this.htmlTagName||`button`,[[`button`,()=>e.x`
                         <button
                             ?disabled=${this.disabled}
-                            class=${s.e(this.classes)}
+                            class=${o.e(this.classes)}
                             aria-label=${this.dataAriaLabel}
                         >
                             ${this.iconTemplate}
@@ -18,7 +18,7 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                     `],[`a`,()=>e.x`
                         <a
                             ?disabled=${this.disabled}
-                            class=${s.e(this.classes)}
+                            class=${o.e(this.classes)}
                             href=${this.href}
                             rel=${this.rel}
                             target=${this.target}
@@ -28,8 +28,8 @@ 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}>
+                        <div class=${o.e(this.classes)} @click=${this.handleCustomClick}>
                             <slot></slot>
                         </div>
                     `]])}
-        `}};n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`variant`,void 0),n.__decorate([t.n({type:String,attribute:`custom-background`})],f.prototype,`customBackground`,void 0),n.__decorate([t.n({type:String,attribute:`custom-color`})],f.prototype,`customColor`,void 0),n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`mode`,void 0),n.__decorate([t.n({type:String,converter:l.objectConverter})],f.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],f.prototype,`disabled`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],f.prototype,`iconName`,void 0),n.__decorate([t.n({type:String,attribute:`html-tag-name`})],f.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label`})],f.prototype,`dataAriaLabel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],f.prototype,`target`,void 0),f=n.__decorate([i.customUiKitElement(`ds-icon-button`)],f),Object.defineProperty(exports,`DsIconButton`,{enumerable:!0,get:function(){return f}});
+        `}};n.__decorate([t.n({type:String,reflect:!0})],d.prototype,`variant`,void 0),n.__decorate([t.n({type:String,attribute:`custom-background`})],d.prototype,`customBackground`,void 0),n.__decorate([t.n({type:String,attribute:`custom-color`})],d.prototype,`customColor`,void 0),n.__decorate([t.n({type:String,reflect:!0})],d.prototype,`mode`,void 0),n.__decorate([t.n({type:String,converter:c.objectConverter})],d.prototype,`size`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],d.prototype,`disabled`,void 0),n.__decorate([t.n({type:String,attribute:`icon-name`})],d.prototype,`iconName`,void 0),n.__decorate([t.n({type:String,attribute:`html-tag-name`})],d.prototype,`htmlTagName`,void 0),n.__decorate([t.n({type:String,attribute:`data-aria-label`})],d.prototype,`dataAriaLabel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],d.prototype,`href`,void 0),n.__decorate([t.n({type:String,reflect:!0})],d.prototype,`rel`,void 0),n.__decorate([t.n({type:String,reflect:!0})],d.prototype,`target`,void 0),d=n.__decorate([i.customUiKitElement(`ds-icon-button`)],d),Object.defineProperty(exports,`DsIconButton`,{enumerable:!0,get:function(){return d}});