@cupra/ui-kit 2.0.0-canary.129 → 2.0.0-canary.131

package/dist/cjs/components/ds-toggle-switch/ds-toggle-switch.cjs

@@ -1,4 +1,4 @@
-require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../utils/booleanConverter.cjs`),s=require(`../../utils/htmlWithTokens.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._checked=void 0,this._checkedState=!1,this.disabled=!1,this.mode=`light`}static{this.styles=[l.commonStyles]}get checked(){return this._checked??this._checkedState}set checked(e){this._checked=e}handleClick(){let e=!this.checked;this._checkedState=e,this._checked=void 0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:e}}))}handleClickOff(e){e.stopPropagation(),this.checked&&this.handleClick()}handleClickOn(e){e.stopPropagation(),!this.checked&&this.handleClick()}get styleTokens(){return s.htmlWithTokens`
+require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const r=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),i=require(`../base/UiKitElement.cjs`),a=require(`../../decorators/customUiKitElement.cjs`),o=require(`../../utils/booleanConverter.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`./styles/common.styles.cjs`);var l=class extends i.UiKitElement{constructor(...e){super(...e),this.size=`medium`,this._checked=void 0,this._checkedState=!1,this.disabled=!1,this.mode=`light`}static{this.styles=[c.commonStyles]}get checked(){return this._checked??this._checkedState}set checked(e){this._checked=e}handleClick(){let e=!this.checked;this._checkedState=e,this._checked=void 0,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{checked:e}}))}handleClickOff(e){e.stopPropagation(),this.checked&&this.handleClick()}handleClickOn(e){e.stopPropagation(),!this.checked&&this.handleClick()}get styleTokens(){return e.x`
             <style>
                 :host {
                     color-scheme: ${this.mode};
@@ -7,7 +7,7 @@ require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_mod
         `}get labelClasses(){return{container:!0,[this.size]:!!this.size,checked:this.checked,disabled:this.disabled,[this.mode]:!!this.mode}}render(){return e.x`
             ${this.styleTokens}
             <div
-                class=${c.e(this.labelClasses)}
+                class=${s.e(this.labelClasses)}
                 @click=${this.handleClick}
             >
                 <slot name="off" @click=${this.handleClickOff}></slot>
@@ -27,4 +27,4 @@ require(`../ds-theme-provider/themeContext.cjs`);const e=require(`../../node_mod
                 </button>
                 <slot name="on" @click=${this.handleClickOn}></slot>
             </div>
-        `}};r.__decorate([t.n({type:String})],u.prototype,`size`,void 0),r.__decorate([t.n({type:Boolean,attribute:`checked`,converter:o.booleanConverter,reflect:!0})],u.prototype,`_checked`,void 0),r.__decorate([n.r()],u.prototype,`_checkedState`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],u.prototype,`disabled`,void 0),r.__decorate([t.n({type:String,reflect:!0})],u.prototype,`mode`,void 0),r.__decorate([t.n({type:String,attribute:`data-aria-label`})],u.prototype,`dataAriaLabel`,void 0),u=r.__decorate([a.customUiKitElement(`ds-toggle-switch`)],u);
+        `}};r.__decorate([t.n({type:String})],l.prototype,`size`,void 0),r.__decorate([t.n({type:Boolean,attribute:`checked`,converter:o.booleanConverter,reflect:!0})],l.prototype,`_checked`,void 0),r.__decorate([n.r()],l.prototype,`_checkedState`,void 0),r.__decorate([t.n({type:Boolean,converter:o.booleanConverter,reflect:!0})],l.prototype,`disabled`,void 0),r.__decorate([t.n({type:String,reflect:!0})],l.prototype,`mode`,void 0),r.__decorate([t.n({type:String,attribute:`data-aria-label`})],l.prototype,`dataAriaLabel`,void 0),l=r.__decorate([a.customUiKitElement(`ds-toggle-switch`)],l);

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

@@ -1,28 +1,28 @@
-const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`),i=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const a=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),o=require(`../base/UiKitElement.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),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`);const d=require(`../../utils/debounce.cjs`),f=require(`../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),p=require(`./styles/common.styles.cjs`);var m=class extends o.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.show=!1,this.disableHoverListener=!1,this.disableFocusListener=!1,this.disablePressListener=!1,this.tooltipId=`ds-tooltip-${Date.now()}-${Math.floor(Math.random()*1e6)}`,this.usingKeyboard=!1,this.handleKeyDown=()=>{this.usingKeyboard=!0},this.handlePointerDown=()=>{this.usingKeyboard=!1},this.handleTooltipPointerDown=e=>{e.stopImmediatePropagation()},this.handleResize=d.debounce({func:()=>this.requestUpdate()}),this.handleClose=()=>{this.show=!1},this.handleAnchorPointerDown=e=>{this.disablePressListener||e.button===0&&(this.show=!this.show)},this.handleAnchorMouseOver=()=>{this.disableHoverListener||(this.show=!0)},this.handleAnchorMouseOut=()=>{this.disableHoverListener||setTimeout(()=>{!this.container?.matches?.(`:hover`)&&!this.arrow?.matches?.(`:hover`)&&!this?.matches?.(`:hover`)&&(this.show=!1)},150)},this.handleAnchorFocusIn=()=>{this.usingKeyboard&&(this.disableFocusListener||(this.show=!0))},this.handleAnchorFocusOut=()=>{this.usingKeyboard&&(this.disableFocusListener||(this.show=!1))},this.handlePressOutside=e=>{if(this.disablePressListener||e.button!==0)return;let t=e.target;t===this||this.contains(t)||this.shadowRoot?.contains(t)||this.anchorElements[0]===t||this.anchorElements[0].contains(t)||(this.show=!1)}}static{this.styles=[p.commonStyles]}disconnectedCallback(){super.disconnectedCallback(),this.container?.matches(`:popover-open`)&&this.container.hidePopover(),window.removeEventListener(`resize`,this.handleResize),document.removeEventListener(`pointerdown`,this.handlePressOutside),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`pointerdown`,this.handlePointerDown)}updated(e){document.addEventListener(`keydown`,this.handleKeyDown),document.addEventListener(`pointerdown`,this.handlePointerDown),this.show&&this.container?.isConnected&&!this.container.matches(`:popover-open`)?this.container.showPopover():!this.show&&this.container?.isConnected&&this.container.matches(`:popover-open`)&&this.container.hidePopover(),this.updatePosition(),e.has(`show`)&&(this.show?(window.addEventListener(`resize`,this.handleResize),document.addEventListener(`pointerdown`,this.handlePressOutside)):(window.removeEventListener(`resize`,this.handleResize),document.removeEventListener(`pointerdown`,this.handlePressOutside)))}updatePosition(){requestAnimationFrame(()=>{!this.anchorContainer||!this.container||!this.show||!this.anchorElements?.[0]||!(this.anchorContainer instanceof Element)||!(this.container instanceof Element)||!(this.arrow instanceof Element)||(f.computePosition(this.anchorContainer,this.container,{strategy:`fixed`,placement:`bottom-start`,middleware:[f.flip(),f.shift(),f.offset({mainAxis:8,crossAxis:-8}),f.arrow({element:this.arrow}),f.size({apply({availableWidth:e,availableHeight:t,elements:n}){Object.assign(n.floating.style,{maxWidth:`${Math.min(240,e-8)}px`,maxHeight:`${Math.max(0,t-8)}px`})}})]}).then(e=>{let{x:t,y:n,middlewareData:r,placement:i}=e;if(this.tooltopPlacement=i,Object.assign(this.container.style,{left:`${t??0}px`,top:`${n??0}px`}),r.arrow){let{x:e,y:t}=r.arrow;Object.assign(this.arrow.style,{left:e==null?``:`${e}px`,top:t==null?``:`${t}px`})}}),this.requestUpdate())})}get arrowClasses(){return{arrow:!0,[this.mode]:!0,"not-positionable":this?.offsetWidth>this.container?.offsetWidth}}get containerClasses(){return{container:!0,[this.tooltopPlacement]:!!this.tooltopPlacement,[this.mode]:!0}}get headerClasses(){return{"header-container":!0,hidden:this.headerElements?.length===0&&this.closeButtonElements?.length===0}}get contentClasses(){return{"content-container":!0,"ds-scroll":!0,"ds-scroll--size-s":!0,hidden:this.contentElements?.length===0}}get arrowTemplate(){return e.x`
-            <svg id="arrow" xmlns="http://www.w3.org/2000/svg" width="17" height="9" viewBox="0 0 17 9" fill="none" class=${u.e(this.arrowClasses)} @mouseout="${this.handleAnchorMouseOut}" aria-hidden="true" focusable="false">
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`),n=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs`),r=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query.cjs`),i=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const a=require(`../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.cjs`),o=require(`../base/UiKitElement.cjs`),s=require(`../../decorators/customUiKitElement.cjs`),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`);const u=require(`../../utils/debounce.cjs`),d=require(`../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),f=require(`./styles/common.styles.cjs`);var p=class extends o.UiKitElement{constructor(...e){super(...e),this.mode=`light`,this.show=!1,this.disableHoverListener=!1,this.disableFocusListener=!1,this.disablePressListener=!1,this.tooltipId=`ds-tooltip-${Date.now()}-${Math.floor(Math.random()*1e6)}`,this.usingKeyboard=!1,this.handleKeyDown=()=>{this.usingKeyboard=!0},this.handlePointerDown=()=>{this.usingKeyboard=!1},this.handleTooltipPointerDown=e=>{e.stopImmediatePropagation()},this.handleResize=u.debounce({func:()=>this.requestUpdate()}),this.handleClose=()=>{this.show=!1},this.handleAnchorPointerDown=e=>{this.disablePressListener||e.button===0&&(this.show=!this.show)},this.handleAnchorMouseOver=()=>{this.disableHoverListener||(this.show=!0)},this.handleAnchorMouseOut=()=>{this.disableHoverListener||setTimeout(()=>{!this.container?.matches?.(`:hover`)&&!this.arrow?.matches?.(`:hover`)&&!this?.matches?.(`:hover`)&&(this.show=!1)},150)},this.handleAnchorFocusIn=()=>{this.usingKeyboard&&(this.disableFocusListener||(this.show=!0))},this.handleAnchorFocusOut=()=>{this.usingKeyboard&&(this.disableFocusListener||(this.show=!1))},this.handlePressOutside=e=>{if(this.disablePressListener||e.button!==0)return;let t=e.target;t===this||this.contains(t)||this.shadowRoot?.contains(t)||this.anchorElements[0]===t||this.anchorElements[0].contains(t)||(this.show=!1)}}static{this.styles=[f.commonStyles]}disconnectedCallback(){super.disconnectedCallback(),this.container?.matches(`:popover-open`)&&this.container.hidePopover(),window.removeEventListener(`resize`,this.handleResize),document.removeEventListener(`pointerdown`,this.handlePressOutside),document.removeEventListener(`keydown`,this.handleKeyDown),document.removeEventListener(`pointerdown`,this.handlePointerDown)}updated(e){document.addEventListener(`keydown`,this.handleKeyDown),document.addEventListener(`pointerdown`,this.handlePointerDown),this.show&&this.container?.isConnected&&!this.container.matches(`:popover-open`)?this.container.showPopover():!this.show&&this.container?.isConnected&&this.container.matches(`:popover-open`)&&this.container.hidePopover(),this.updatePosition(),e.has(`show`)&&(this.show?(window.addEventListener(`resize`,this.handleResize),document.addEventListener(`pointerdown`,this.handlePressOutside)):(window.removeEventListener(`resize`,this.handleResize),document.removeEventListener(`pointerdown`,this.handlePressOutside)))}updatePosition(){requestAnimationFrame(()=>{!this.anchorContainer||!this.container||!this.show||!this.anchorElements?.[0]||!(this.anchorContainer instanceof Element)||!(this.container instanceof Element)||!(this.arrow instanceof Element)||(d.computePosition(this.anchorContainer,this.container,{strategy:`fixed`,placement:`bottom-start`,middleware:[d.flip(),d.shift(),d.offset({mainAxis:8,crossAxis:-8}),d.arrow({element:this.arrow}),d.size({apply({availableWidth:e,availableHeight:t,elements:n}){Object.assign(n.floating.style,{maxWidth:`${Math.min(240,e-8)}px`,maxHeight:`${Math.max(0,t-8)}px`})}})]}).then(e=>{let{x:t,y:n,middlewareData:r,placement:i}=e;if(this.tooltopPlacement=i,Object.assign(this.container.style,{left:`${t??0}px`,top:`${n??0}px`}),r.arrow){let{x:e,y:t}=r.arrow;Object.assign(this.arrow.style,{left:e==null?``:`${e}px`,top:t==null?``:`${t}px`})}}),this.requestUpdate())})}get arrowClasses(){return{arrow:!0,[this.mode]:!0,"not-positionable":this?.offsetWidth>this.container?.offsetWidth}}get containerClasses(){return{container:!0,[this.tooltopPlacement]:!!this.tooltopPlacement,[this.mode]:!0}}get headerClasses(){return{"header-container":!0,hidden:this.headerElements?.length===0&&this.closeButtonElements?.length===0}}get contentClasses(){return{"content-container":!0,"ds-scroll":!0,"ds-scroll--size-s":!0,hidden:this.contentElements?.length===0}}get arrowTemplate(){return e.x`
+            <svg id="arrow" xmlns="http://www.w3.org/2000/svg" width="17" height="9" viewBox="0 0 17 9" fill="none" class=${l.e(this.arrowClasses)} @mouseout="${this.handleAnchorMouseOut}" aria-hidden="true" focusable="false">
                 <path d="M5.77946 4.38048L0.5 9L16 9L11.1427 4.46656C9.88663 3.29419 9.25858 2.708 8.48883 2.69565C7.71909 2.68329 7.07255 3.24902 5.77946 4.38048Z" class="ds-tooltip-arrow-background"/>
                 <path d="M0.5 8.5L5.89467 4.11683C7.1398 3.10516 7.76236 2.59933 8.49029 2.6109C9.21822 2.62246 9.8244 3.14782 11.0368 4.19853L16 8.5" stroke-opacity="1" stroke-linecap="round" class="ds-tooltip-arrow-border"/>
             </svg>`}get tooltipTemplate(){return e.x`
             <div
                 id=${this.tooltipId}
                 part="container"
-                class=${u.e(this.containerClasses)}
+                class=${l.e(this.containerClasses)}
                 popover="manual"
                 @mouseout=${this.handleAnchorMouseOut}
                 role="tooltip"
                 @pointerdown=${this.handleTooltipPointerDown}
             >
-                <header part="header" class=${u.e(this.headerClasses)}>
+                <header part="header" class=${l.e(this.headerClasses)}>
                     <slot @slotchange=${this.updatePosition} name="header"></slot>
                     <slot @slotchange=${this.updatePosition} name="close-button" @click=${this.handleClose}></slot>
                 </header>
-                <div part="content" class=${u.e(this.contentClasses)}>
+                <div part="content" class=${l.e(this.contentClasses)}>
                     <slot @slotchange=${this.updatePosition} name="content"></slot>
                 </div>
                 <slot part="image" @slotchange=${this.updatePosition} name="image"></slot>
                 ${this.arrowTemplate}
             </div>
-        `}get styleTokens(){return l.htmlWithTokens`
+        `}get styleTokens(){return e.x`
             <style>
                 :host {
                     color-scheme: ${this.mode};
@@ -53,4 +53,4 @@ const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/l
                 <slot></slot>
             </div>
             ${this.tooltipTemplate}
-        `}};a.__decorate([t.n({type:String,reflect:!0})],m.prototype,`mode`,void 0),a.__decorate([t.n({type:Boolean,reflect:!0,converter:c.booleanConverter})],m.prototype,`show`,void 0),a.__decorate([t.n({type:Boolean,reflect:!0,converter:c.booleanConverter,attribute:`disable-hover-listener`})],m.prototype,`disableHoverListener`,void 0),a.__decorate([t.n({type:Boolean,reflect:!0,converter:c.booleanConverter,attribute:`disable-focus-listener`})],m.prototype,`disableFocusListener`,void 0),a.__decorate([t.n({type:Boolean,reflect:!0,converter:c.booleanConverter,attribute:`disable-press-listener`})],m.prototype,`disablePressListener`,void 0),a.__decorate([n.r()],m.prototype,`tooltopPlacement`,void 0),a.__decorate([n.r()],m.prototype,`tooltipId`,void 0),a.__decorate([r.e(`.container`)],m.prototype,`container`,void 0),a.__decorate([r.e(`#button`)],m.prototype,`anchorContainer`,void 0),a.__decorate([r.e(`#arrow`)],m.prototype,`arrow`,void 0),a.__decorate([i.o({slot:``})],m.prototype,`anchorElements`,void 0),a.__decorate([i.o({slot:`header`})],m.prototype,`headerElements`,void 0),a.__decorate([i.o({slot:`close-button`})],m.prototype,`closeButtonElements`,void 0),a.__decorate([i.o({slot:`content`})],m.prototype,`contentElements`,void 0),m=a.__decorate([s.customUiKitElement(`ds-tooltip`)],m),Object.defineProperty(exports,`DsTooltip`,{enumerable:!0,get:function(){return m}});
+        `}};a.__decorate([t.n({type:String,reflect:!0})],p.prototype,`mode`,void 0),a.__decorate([t.n({type:Boolean,reflect:!0,converter:c.booleanConverter})],p.prototype,`show`,void 0),a.__decorate([t.n({type:Boolean,reflect:!0,converter:c.booleanConverter,attribute:`disable-hover-listener`})],p.prototype,`disableHoverListener`,void 0),a.__decorate([t.n({type:Boolean,reflect:!0,converter:c.booleanConverter,attribute:`disable-focus-listener`})],p.prototype,`disableFocusListener`,void 0),a.__decorate([t.n({type:Boolean,reflect:!0,converter:c.booleanConverter,attribute:`disable-press-listener`})],p.prototype,`disablePressListener`,void 0),a.__decorate([n.r()],p.prototype,`tooltopPlacement`,void 0),a.__decorate([n.r()],p.prototype,`tooltipId`,void 0),a.__decorate([r.e(`.container`)],p.prototype,`container`,void 0),a.__decorate([r.e(`#button`)],p.prototype,`anchorContainer`,void 0),a.__decorate([r.e(`#arrow`)],p.prototype,`arrow`,void 0),a.__decorate([i.o({slot:``})],p.prototype,`anchorElements`,void 0),a.__decorate([i.o({slot:`header`})],p.prototype,`headerElements`,void 0),a.__decorate([i.o({slot:`close-button`})],p.prototype,`closeButtonElements`,void 0),a.__decorate([i.o({slot:`content`})],p.prototype,`contentElements`,void 0),p=a.__decorate([s.customUiKitElement(`ds-tooltip`)],p),Object.defineProperty(exports,`DsTooltip`,{enumerable:!0,get:function(){return p}});

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

@@ -83,11 +83,11 @@ const e=require(`../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_mo
     }
 
     .ds-tooltip-arrow-background {
-        fill: var(--ui-kit-tooltip-arrow-background-color);
+        fill: var(--ui-kit-private-tooltip-arrow-background-color);
     }
 
     .ds-tooltip-arrow-border {
-        stroke: var(--ui-kit-tooltip-arrow-border-color);
+        stroke: var(--ui-kit-private-tooltip-arrow-border-color);
     }
 
     .anchor {

package/dist/cjs/decorators/customUiKitElement.cjs

@@ -1 +1 @@
-const e=require(`../utils/version.cjs`),t=require(`../utils/componentFactory.cjs`);function n(n,r){return function(i){if(!i?.prototype)throw TypeError(`@customUiKitElement requires a class that extends HTMLElement.`);let a=typeof __UIKIT_TARGET__<`u`&&__UIKIT_TARGET__===`react`,o=a?`${n}${e.VERSION_TAG_SUFFIX}`:n;if(globalThis?.customElements?.get(o))return;let s=r?.skipTagAsComponentName?[]:[n];Array.isArray(r?.extendComponentNames)&&(s=[...r.extendComponentNames,...s]),globalThis?.customElements?.define?.(o,class extends i{constructor(...e){super(...e),this.componentFactory=a?t.reactFactory:t.standardFactory}static{this.componentName=s}connectedCallback(){i.prototype.connectedCallback?.call(this),this.setAttribute(`data-ui-kit-version`,`2.0.0-canary.129`)}})}}exports.customUiKitElement=n;
+const e=require(`../utils/version.cjs`),t=require(`../utils/componentFactory.cjs`);function n(n,r){return function(i){if(!i?.prototype)throw TypeError(`@customUiKitElement requires a class that extends HTMLElement.`);let a=typeof __UIKIT_TARGET__<`u`&&__UIKIT_TARGET__===`react`,o=a?`${n}${e.VERSION_TAG_SUFFIX}`:n;if(globalThis?.customElements?.get(o))return;let s=r?.skipTagAsComponentName?[]:[n];Array.isArray(r?.extendComponentNames)&&(s=[...r.extendComponentNames,...s]),globalThis?.customElements?.define?.(o,class extends i{constructor(...e){super(...e),this.componentFactory=a?t.reactFactory:t.standardFactory}static{this.componentName=s}connectedCallback(){i.prototype.connectedCallback?.call(this),this.setAttribute(`data-ui-kit-version`,`2.0.0-canary.131`)}})}}exports.customUiKitElement=n;

package/dist/cjs/utils/IconsManager.cjs

@@ -1 +1 @@
-const e=require(`../core/theme.constants.cjs`),t=require(`./PubSub.cjs`);var n=class{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;let t=Object.keys(this.icons);this.icons={},t.forEach(e=>this.fetchIcon(e))},this.fetchIcon=async(t,n={})=>{let r=typeof sessionStorage<`u`?sessionStorage?.getItem(e.THEME_STORAGE_KEY):null;!this.theme&&r&&(this.theme=r);let i=this.icons[t];if(i)return await i;let a=this.loadIcon(t,n).catch(e=>{throw delete this.icons[t],e});return this.icons[t]=a,a},this.loadIcon=(e,{cache:t=`force-cache`,...n})=>!this.theme||typeof fetch>`u`?Promise.resolve(`<svg class="ds-icon"></svg>`):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:t,...n}).then(e=>e.text()).catch(t=>{if(t?.name===`AbortError`)throw t;return console.error(`Failed to fetch icon "${e}":`,t),``}),t.pubSub.subscribe(`theme`,this.handleChangeTheme)}},r=Symbol.for(`@cupra/ui-kit/icons-manager/2.0.0-canary.129`),i=globalThis,a=i[r];a||(a=new n,Object.defineProperty(i,r,{value:a,writable:!1,configurable:!1,enumerable:!1}));var o=a;exports.iconsManager=o;
+const e=require(`../core/theme.constants.cjs`),t=require(`./PubSub.cjs`);var n=class{constructor(){this.icons={},this.handleChangeTheme=e=>{if(this.theme===e)return;this.theme=e;let t=Object.keys(this.icons);this.icons={},t.forEach(e=>this.fetchIcon(e))},this.fetchIcon=async(t,n={})=>{let r=typeof sessionStorage<`u`?sessionStorage?.getItem(e.THEME_STORAGE_KEY):null;!this.theme&&r&&(this.theme=r);let i=this.icons[t];if(i)return await i;let a=this.loadIcon(t,n).catch(e=>{throw delete this.icons[t],e});return this.icons[t]=a,a},this.loadIcon=(e,{cache:t=`force-cache`,...n})=>!this.theme||typeof fetch>`u`?Promise.resolve(`<svg class="ds-icon"></svg>`):fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`,{cache:t,...n}).then(e=>e.text()).catch(t=>{if(t?.name===`AbortError`)throw t;return console.error(`Failed to fetch icon "${e}":`,t),``}),t.pubSub.subscribe(`theme`,this.handleChangeTheme)}},r=Symbol.for(`@cupra/ui-kit/icons-manager/2.0.0-canary.131`),i=globalThis,a=i[r];a||(a=new n,Object.defineProperty(i,r,{value:a,writable:!1,configurable:!1,enumerable:!1}));var o=a;exports.iconsManager=o;

package/dist/cjs/utils/PubSub.cjs

@@ -1 +1 @@
-var e=class{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(e,t){return this.subscribers[e]||(this.subscribers[e]=[]),this.subscribers[e].push(t),this.lastPublishedData[e]}unsubscribe(e,t){this.subscribers[e]&&(this.subscribers[e]=this.subscribers[e].filter(e=>e!==t))}publish(e,t){this.lastPublishedData[e]=t,this.subscribers[e]&&this.subscribers[e].forEach(n=>{try{n(t)}catch(t){console.error(`Error in subscriber for event "${e}":`,t)}})}},t=Symbol.for(`@cupra/ui-kit/pubsub/2.0.0-canary.129`),n=globalThis,r=n[t];r||(r=new e,Object.defineProperty(n,t,{value:r,writable:!1,configurable:!1,enumerable:!1}));var i=r;exports.pubSub=i;
+var e=class{constructor(){this.subscribers={},this.lastPublishedData={}}subscribe(e,t){return this.subscribers[e]||(this.subscribers[e]=[]),this.subscribers[e].push(t),this.lastPublishedData[e]}unsubscribe(e,t){this.subscribers[e]&&(this.subscribers[e]=this.subscribers[e].filter(e=>e!==t))}publish(e,t){this.lastPublishedData[e]=t,this.subscribers[e]&&this.subscribers[e].forEach(n=>{try{n(t)}catch(t){console.error(`Error in subscriber for event "${e}":`,t)}})}},t=Symbol.for(`@cupra/ui-kit/pubsub/2.0.0-canary.131`),n=globalThis,r=n[t];r||(r=new e,Object.defineProperty(n,t,{value:r,writable:!1,configurable:!1,enumerable:!1}));var i=r;exports.pubSub=i;

package/dist/cjs/utils/StylesRegistry/StylesRegistry.cjs

@@ -1 +1 @@
-var e=require(`../concurrencyLimit.cjs`).concurrencyLimit(20),t=class t{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:t,theme:n})=>{if(!n||!t)return;let r=`https://ds-assets.cupra.com/2.0.0-canary.129/styles/${n}/components/${t}.css`,i=this.getCachedStyleSheetPromise({url:r});if(i)return i;let a=e(()=>this.fetchStyle({url:r})).then(e=>(e||this.stylePromises.delete(r),e));return this.stylePromises.set(r,a),this.stylePromises.get(r)}}async fetchStyle({url:e}){try{if(typeof fetch>`u`)return;let t=await fetch(e,{cache:`force-cache`});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return t.instance||=new t,t.instance}}.getInstance();exports.stylesRegistry=t;
+var e=require(`../concurrencyLimit.cjs`).concurrencyLimit(20),t=class t{constructor(){this.stylePromises=new Map,this.getStyles=async({componentName:t,theme:n})=>{if(!n||!t)return;let r=`https://ds-assets.cupra.com/2.0.0-canary.131/styles/${n}/components/${t}.css`,i=this.getCachedStyleSheetPromise({url:r});if(i)return i;let a=e(()=>this.fetchStyle({url:r})).then(e=>(e||this.stylePromises.delete(r),e));return this.stylePromises.set(r,a),this.stylePromises.get(r)}}async fetchStyle({url:e}){try{if(typeof fetch>`u`)return;let t=await fetch(e,{cache:`force-cache`});if(t.ok)return t.text()}catch(t){console.error(`Failed to fetch Style Sheet "${e}":`,t)}}getCachedStyleSheetPromise({url:e}){return this.stylePromises.get(e)}static getInstance(){return t.instance||=new t,t.instance}}.getInstance();exports.stylesRegistry=t;

package/dist/cjs/utils/componentFactory.cjs

@@ -44,8 +44,6 @@ const e=require(`../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-
                 rel=${n?.rel}
                 target=${n?.target}
                 data-testid=${n?.[`data-testid`]}
-                custom-background=${t.o(n?.[`custom-background`])}
-                custom-color=${t.o(n?.[`custom-color`])}
             >
                 ${n.children}
             </ds-button>
@@ -165,8 +163,6 @@ const e=require(`../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-
                 rel=${e?.rel}
                 target=${e?.target}
                 data-testid=${e?.[`data-testid`]}
-                custom-background=${t.o(e?.[`custom-background`])}
-                custom-color=${t.o(e?.[`custom-color`])}
             >
                 ${e.children}
             </${o}>

package/dist/cjs/utils/version.cjs

@@ -1 +1 @@
-var e=`2.0.0-canary.129`,t=`--v${e.replaceAll(`.`,`-`)}`;exports.VERSION=e,exports.VERSION_TAG_SUFFIX=t;
+var e=`2.0.0-canary.131`,t=`--v${e.replaceAll(`.`,`-`)}`;exports.VERSION=e,exports.VERSION_TAG_SUFFIX=t;

package/dist/esm/components/base/ds-base-input/ds-base-input.js

@@ -6,15 +6,14 @@ import { e as r } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/
 import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
 import { __decorate as i } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { booleanConverter as a } from "../../../utils/booleanConverter.js";
-import { htmlWithTokens as o } from "../../../utils/htmlWithTokens.js";
-import { e as s } from "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { e as o } from "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
 import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
-import { FormAssociatedMixin as c } from "../../../mixins/FormAssociatedMixin.js";
-import { DsUiElement as l } from "../DsUiElement.js";
-import { commonStyles as u, inputStyles as d } from "./styles/common.styles.js";
-import { cupraStyles as f } from "./styles/cupra.styles.js";
+import { FormAssociatedMixin as s } from "../../../mixins/FormAssociatedMixin.js";
+import { DsUiElement as c } from "../DsUiElement.js";
+import { commonStyles as l, inputStyles as u } from "./styles/common.styles.js";
+import { cupraStyles as d } from "./styles/cupra.styles.js";
 //#region src/components/base/ds-base-input/ds-base-input.ts
-var p = class extends c(l) {
+var f = class extends s(c) {
 	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;
@@ -32,10 +31,10 @@ var p = class extends c(l) {
 		this._value = e;
 	}
 	static {
-		this.styles = [u, d];
+		this.styles = [l, u];
 	}
 	static {
-		this.themesStyles = { cupra: f };
+		this.themesStyles = { cupra: d };
 	}
 	get classes() {
 		return {
@@ -49,7 +48,7 @@ var p = class extends c(l) {
 		};
 	}
 	get styleTokens() {
-		return o`
+		return e`
             <style>
                 :host{
                     color-scheme: ${this.mode};
@@ -61,7 +60,7 @@ var p = class extends c(l) {
 	render() {
 		return e`
             ${this.styleTokens}
-            <div class=${s(this.classes)}>
+            <div class=${o(this.classes)}>
                 <div class="inner-container">
                     ${this.labelTemplate}
                     ${this.inputTemplate}
@@ -78,21 +77,21 @@ i([t({
 	type: String,
 	reflect: !0,
 	attribute: "initial-value"
-})], p.prototype, "initialValue", void 0), i([t({ type: String })], p.prototype, "label", void 0), i([t({
+})], f.prototype, "initialValue", void 0), i([t({ type: String })], f.prototype, "label", void 0), i([t({
 	type: String,
 	attribute: "helper-text"
-})], p.prototype, "helperText", void 0), i([t({
+})], f.prototype, "helperText", void 0), i([t({
 	type: String,
 	attribute: "error-text"
-})], p.prototype, "errorText", void 0), i([t({
+})], f.prototype, "errorText", void 0), i([t({
 	type: Boolean,
 	converter: a
-})], p.prototype, "disabled", void 0), i([t({
+})], f.prototype, "disabled", void 0), i([t({
 	type: Boolean,
 	converter: a
-})], p.prototype, "success", void 0), i([t({
+})], f.prototype, "success", void 0), i([t({
 	type: String,
 	reflect: !0
-})], p.prototype, "mode", void 0), i([t({ type: String })], p.prototype, "size", void 0), i([n()], p.prototype, "_value", void 0), i([n()], p.prototype, "focused", void 0), i([r(".input-field")], p.prototype, "inputField", void 0);
+})], f.prototype, "mode", void 0), i([t({ type: String })], f.prototype, "size", void 0), i([n()], f.prototype, "_value", void 0), i([n()], f.prototype, "focused", void 0), i([r(".input-field")], f.prototype, "inputField", void 0);
 //#endregion
-export { p as DsBaseInput };
+export { f as DsBaseInput };

package/dist/esm/components/base/ds-base-progress-bar/ds-base-progress-bar.js

@@ -4,27 +4,26 @@ import { n as t } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/
 import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
 import { __decorate as n } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { booleanConverter as r } from "../../../utils/booleanConverter.js";
-import { htmlWithTokens as i } from "../../../utils/htmlWithTokens.js";
-import { e as a } from "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { e as i } from "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
 import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
-import { DsUiElement as o } from "../DsUiElement.js";
-import { commonStyles as s } from "./styles/common.styles.js";
-import { cupraDiagonalStyles as c } from "./styles/cupra-diagonal.styles.js";
-import { cupraStyles as l } from "./styles/cupra.styles.js";
-import { seatStyles as u } from "./styles/seat.styles.js";
+import { DsUiElement as a } from "../DsUiElement.js";
+import { commonStyles as o } from "./styles/common.styles.js";
+import { cupraDiagonalStyles as s } from "./styles/cupra-diagonal.styles.js";
+import { cupraStyles as c } from "./styles/cupra.styles.js";
+import { seatStyles as l } from "./styles/seat.styles.js";
 //#region src/components/base/ds-base-progress-bar/ds-base-progress-bar.ts
-var d = class extends o {
+var u = class extends a {
 	constructor(...e) {
 		super(...e), this.show = !1, this.mode = "light", this.size = "large";
 	}
 	static {
-		this.styles = [s];
+		this.styles = [o];
 	}
 	static {
 		this.themesStyles = {
-			cupra: l,
-			"cupra-diagonal": c,
-			seat: u
+			cupra: c,
+			"cupra-diagonal": s,
+			seat: l
 		};
 	}
 	get classes() {
@@ -35,7 +34,7 @@ var d = class extends o {
 		};
 	}
 	get styleTokens() {
-		return i`
+		return e`
             <style>
                 :host {
                     color-scheme: ${this.mode};
@@ -46,7 +45,7 @@ var d = class extends o {
 	get barTemplate() {
 		return e`
             ${this.styleTokens}
-            <div class=${a(this.classes)}>
+            <div class=${i(this.classes)}>
                 <div class="fill"></div>
             </div>
         `;
@@ -55,9 +54,9 @@ var d = class extends o {
 n([t({
 	type: Boolean,
 	converter: r
-})], d.prototype, "show", void 0), n([t({
+})], u.prototype, "show", void 0), n([t({
 	type: String,
 	reflect: !0
-})], d.prototype, "mode", void 0), n([t({ type: String })], d.prototype, "size", void 0);
+})], u.prototype, "mode", void 0), n([t({ type: String })], u.prototype, "size", void 0);
 //#endregion
-export { d as DsBaseProgressBar };
+export { u as DsBaseProgressBar };

package/dist/esm/components/ds-accordion/ds-accordion.js

@@ -9,11 +9,10 @@ import { commonStyles as o } from "./styles/common.styles.js";
 import { themeConfig as s } from "./theme-config.js";
 import { customUiKitElement as c } from "../../decorators/customUiKitElement.js";
 import { booleanConverter as l } from "../../utils/booleanConverter.js";
-import { htmlWithTokens as u } from "../../utils/htmlWithTokens.js";
-import { e as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { e as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
 //#region src/components/ds-accordion/ds-accordion.ts
-var f = class extends a {
+var d = class extends a {
 	constructor(...e) {
 		super(...e), this.maxHeight = 300, this.open = !1, this.mode = "light", this.size = "large", this.disabled = !1, this._open = !1;
 	}
@@ -57,7 +56,7 @@ var f = class extends a {
 		});
 	}
 	get styleTokens() {
-		return u`
+		return t`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -77,7 +76,7 @@ var f = class extends a {
             ${this.styleTokens}
 
             <details
-                class=${d(this.containerClasses)}
+                class=${u(this.containerClasses)}
                 aria-disabled=${!!this.disabled}
                 ?open=${this.open}
                 @keydown=${this.handleKeyDown}
@@ -90,22 +89,22 @@ var f = class extends a {
                 </summary>
                 <slot name="content"></slot>
             </details>
-            <div class=${d(this.dividerClasses)}></div>
+            <div class=${u(this.dividerClasses)}></div>
         `;
 	}
 };
 i([n({
 	type: Number,
 	attribute: "max-height"
-})], f.prototype, "maxHeight", void 0), i([n({
+})], d.prototype, "maxHeight", void 0), i([n({
 	type: Boolean,
 	converter: l,
 	reflect: !0
-})], f.prototype, "open", void 0), i([n({
+})], d.prototype, "open", void 0), i([n({
 	type: String,
 	reflect: !0
-})], f.prototype, "mode", void 0), i([n({ type: String })], f.prototype, "size", void 0), i([n({
+})], d.prototype, "mode", void 0), i([n({ type: String })], d.prototype, "size", void 0), i([n({
 	type: Boolean,
 	converter: l
-})], f.prototype, "disabled", void 0), i([r()], f.prototype, "_open", void 0), f = i([c("ds-accordion")], f);
+})], d.prototype, "disabled", void 0), i([r()], d.prototype, "_open", void 0), d = i([c("ds-accordion")], d);
 //#endregion

package/dist/esm/components/ds-avatar/ds-avatar.js

@@ -9,17 +9,16 @@ import { o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
 import { customUiKitElement as s } from "../../decorators/customUiKitElement.js";
 import { booleanConverter as c } from "../../utils/booleanConverter.js";
-import { htmlWithTokens as l } from "../../utils/htmlWithTokens.js";
-import { e as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { e as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
-import { commonStyles as d } from "./styles/common.styles.js";
+import { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-avatar/ds-avatar.ts
-var f = class extends a {
+var d = class extends a {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.disabled = !1;
 	}
 	static {
-		this.styles = [d];
+		this.styles = [u];
 	}
 	get iconTemplate() {
 		return this.componentFactory.createIcon({
@@ -51,7 +50,7 @@ var f = class extends a {
 		this.requestUpdate();
 	}
 	get styleTokens() {
-		return l`
+		return t`
             <style>
                 :host{
                     pointer-events: ${this.disabled ? "none" : "auto"};
@@ -66,7 +65,7 @@ var f = class extends a {
 		return t`
             ${this.styleTokens}
             <div
-                class=${u(this.classes)}
+                class=${l(this.classes)}
                 title=${o(this.name)}
                 aria-label=${`Open ${this.name ? this.name + "'s " : ""}profile menu`}
                 aria-disabled=${o(this.disabled ? "true" : void 0)}
@@ -81,12 +80,12 @@ var f = class extends a {
         `;
 	}
 };
-i([n({ type: String })], f.prototype, "size", void 0), i([n({ type: String })], f.prototype, "name", void 0), i([n({
+i([n({ type: String })], d.prototype, "size", void 0), i([n({ type: String })], d.prototype, "name", void 0), i([n({
 	type: Boolean,
 	converter: c,
 	reflect: !0
-})], f.prototype, "disabled", void 0), i([r({
+})], d.prototype, "disabled", void 0), i([r({
 	slot: "media",
 	selector: "img"
-})], f.prototype, "assignedImages", void 0), f = i([s("ds-avatar")], f);
+})], d.prototype, "assignedImages", void 0), d = i([s("ds-avatar")], d);
 //#endregion

package/dist/esm/components/ds-badge/styles/common.styles.js

@@ -1,4 +1,5 @@
-import { cssWithTokens as e } from "../../../utils/cssWithTokens.js";
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
 //#region src/components/ds-badge/styles/common.styles.ts
 var t = e`
     :host {

package/dist/esm/components/ds-bullets/ds-bullets.js

@@ -5,12 +5,11 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
 import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { UiKitElement as i } from "../base/UiKitElement.js";
 import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
-import { htmlWithTokens as o } from "../../utils/htmlWithTokens.js";
-import { e as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { e as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
-import { commonStyles as c } from "./styles/common.styles.js";
+import { commonStyles as s } from "./styles/common.styles.js";
 //#region src/components/ds-bullets/ds-bullets.ts
-var l = class extends i {
+var c = class extends i {
 	constructor(...e) {
 		super(...e), this.mode = "light", this.activeBulletIndex = 0, this.handleClickChunk = (e) => () => {
 			this.activeBulletIndex !== e && (this.activeBulletIndex = e, this.dispatchEvent(new CustomEvent("change", {
@@ -21,7 +20,7 @@ var l = class extends i {
 		};
 	}
 	static {
-		this.styles = [c];
+		this.styles = [s];
 	}
 	get bulletsTemplate() {
 		let e = [];
@@ -31,7 +30,7 @@ var l = class extends i {
 				active: n === this.activeBulletIndex
 			};
 			e.push(t`
-                <div @click=${this.handleClickChunk(n)} class=${s(r)}></div>
+                <div @click=${this.handleClickChunk(n)} class=${o(r)}></div>
             `);
 		}
 		return e;
@@ -43,7 +42,7 @@ var l = class extends i {
 		};
 	}
 	get styleTokens() {
-		return o`
+		return t`
                 <style>
                     :host{
                         color-scheme: ${this.mode};
@@ -54,19 +53,19 @@ var l = class extends i {
 	render() {
 		return this.bulletsNumber > 0 ? t`
                   ${this.styleTokens}
-                  <div class=${s(this.classes)}>${this.bulletsTemplate}</div>
+                  <div class=${o(this.classes)}>${this.bulletsTemplate}</div>
               ` : e;
 	}
 };
 r([n({
 	type: String,
 	reflect: !0
-})], l.prototype, "mode", void 0), r([n({
+})], c.prototype, "mode", void 0), r([n({
 	type: Number,
 	attribute: "bullets-number"
-})], l.prototype, "bulletsNumber", void 0), r([n({
+})], c.prototype, "bulletsNumber", void 0), r([n({
 	type: Number,
 	attribute: "active-bullet-index",
 	reflect: !0
-})], l.prototype, "activeBulletIndex", void 0), l = r([a("ds-bullets")], l);
+})], c.prototype, "activeBulletIndex", void 0), c = r([a("ds-bullets")], c);
 //#endregion