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

package/dist/cjs/components/ds-tooltip/ds-tooltip.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`),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`
+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(`../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),d=require(`../../utils/debounce.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=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=[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){super.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)||(u.computePosition(this.anchorContainer,this.container,{strategy:`fixed`,placement:`bottom-start`,middleware:[u.flip(),u.shift(),u.offset({mainAxis:8,crossAxis:-8}),u.arrow({element:this.arrow}),u.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"/>
@@ -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})],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}});
+        `}};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);

package/dist/cjs/components/index.cjs

@@ -1 +1 @@
-require(`./ds-accordion/ds-accordion.cjs`),require(`./ds-avatar/ds-avatar.cjs`),require(`./ds-badge/ds-badge.cjs`),require(`./ds-basic-card/ds-basic-card.cjs`),require(`./ds-basic-card-image/ds-basic-card-image.cjs`),require(`./ds-basic-card-header/ds-basic-card-header.cjs`),require(`./ds-basic-card-section/ds-basic-card-section.cjs`),require(`./ds-breadcrumbs-item/ds-breadcrumbs-item.cjs`),require(`./ds-breadcrumbs/ds-breadcrumbs.cjs`),require(`./ds-bullets/ds-bullets.cjs`),require(`./ds-button/ds-button.cjs`),require(`./ds-calendar-day/ds-calendar-day.cjs`),require(`./ds-calendar/ds-calendar.cjs`),require(`./ds-carousel-indicator/ds-carousel-indicator.cjs`),require(`./ds-checkbox-group/ds-checkbox-group.cjs`),require(`./ds-checkbox/ds-checkbox.cjs`),require(`./ds-chip/ds-chip.cjs`),require(`./ds-chips/ds-chips.cjs`),require(`./ds-currency/ds-currency.cjs`),require(`./ds-date-picker/ds-date-picker.cjs`),require(`./ds-dialog/ds-dialog.cjs`),require(`./ds-dialog-body/ds-dialog-body.cjs`),require(`./ds-dialog-footer/ds-dialog-footer.cjs`),require(`./ds-dialog-fullscreen/ds-dialog-fullscreen.cjs`),require(`./ds-dialog-header/ds-dialog-header.cjs`),require(`./ds-divider/ds-divider.cjs`),require(`./ds-drawer/ds-drawer.cjs`),require(`./ds-favourite-action/ds-favourite-action.cjs`),require(`./ds-hyperlink/ds-hyperlink.cjs`),require(`./ds-icon/ds-icon.cjs`),require(`./ds-icon-button/ds-icon-button.cjs`),require(`./ds-input/ds-input.cjs`),require(`./ds-interactive-card/ds-interactive-card.cjs`),require(`./ds-link-button/ds-link-button.cjs`),require(`./ds-loader-bar/ds-loader-bar.cjs`),require(`./ds-loader-dots/ds-loader-dots.cjs`),require(`./ds-loader-logo/ds-loader-logo.cjs`),require(`./ds-loader-spinner/ds-loader-spinner.cjs`),require(`./ds-logo/ds-logo.cjs`),require(`./ds-main-title/ds-main-title.cjs`),require(`./ds-map-pin/ds-map-pin.cjs`),require(`./ds-modal/ds-modal.cjs`),require(`./ds-text-input/ds-text-input.cjs`),require(`./ds-password-input/ds-password-input.cjs`),require(`./ds-picker-item/ds-picker-item.cjs`),require(`./ds-portal/ds-portal.cjs`),require(`./ds-progress-bar/ds-progress-bar.cjs`),require(`./ds-radio/ds-radio.cjs`),require(`./ds-radio-button-group/ds-radio-button-group.cjs`),require(`./ds-radio-button/ds-radio-button.cjs`),require(`./ds-radio-group/ds-radio-group.cjs`),require(`./ds-rating/ds-rating.cjs`),require(`./ds-search/ds-search.cjs`),require(`./ds-search-input/ds-search-input.cjs`),require(`./ds-secondary-navigation/ds-secondary-navigation.cjs`),require(`./ds-segmented-control/ds-segmented-control.cjs`),require(`./ds-select/ds-select.cjs`),require(`./ds-selection/ds-selection.cjs`),require(`./ds-skeleton/ds-skeleton.cjs`),require(`./ds-sidebar-navigation/ds-sidebar-navigation.cjs`),require(`./ds-slider/ds-slider.cjs`),require(`./ds-static-box/ds-static-box.cjs`),require(`./ds-stepper/ds-stepper.cjs`),require(`./ds-tabs/ds-tabs.cjs`),require(`./ds-tag/ds-tag.cjs`),require(`./ds-text/ds-text.cjs`),require(`./ds-textarea/ds-textarea.cjs`),require(`./ds-theme-provider/ds-theme-provider.cjs`),require(`./ds-toast/ds-toast.cjs`),require(`./ds-toast-message/ds-toast-message.cjs`),require(`./ds-inline-alert/ds-inline-alert.cjs`),require(`./ds-toggle-button/ds-toggle-button.cjs`),require(`./ds-toggle-switch/ds-toggle-switch.cjs`),require(`./ds-tooltip/ds-tooltip.cjs`),require(`./ds-value-unit/ds-value-unit.cjs`),require(`./ds-media-control/ds-media-control.cjs`),require(`./ds-list-item/ds-list-item.cjs`),require(`./ds-list/ds-list.cjs`),require(`./ds-icon-button-group/ds-icon-button-group.cjs`),require(`./ds-navigation-controls/ds-navigation-controls.cjs`),require(`./ds-table/ds-table.cjs`),require(`./ds-table-row/ds-table-row.cjs`),require(`./ds-table-cell/ds-table-cell.cjs`);
+require(`./ds-icon/ds-icon.cjs`),require(`./ds-accordion/ds-accordion.cjs`),require(`./ds-avatar/ds-avatar.cjs`),require(`./ds-badge/ds-badge.cjs`),require(`./ds-basic-card/ds-basic-card.cjs`),require(`./ds-basic-card-image/ds-basic-card-image.cjs`),require(`./ds-divider/ds-divider.cjs`),require(`./ds-basic-card-header/ds-basic-card-header.cjs`),require(`./ds-basic-card-section/ds-basic-card-section.cjs`),require(`./ds-tooltip/ds-tooltip.cjs`),require(`./ds-breadcrumbs-item/ds-breadcrumbs-item.cjs`),require(`./ds-breadcrumbs/ds-breadcrumbs.cjs`),require(`./ds-bullets/ds-bullets.cjs`),require(`./ds-button/ds-button.cjs`),require(`./ds-calendar-day/ds-calendar-day.cjs`),require(`./ds-icon-button/ds-icon-button.cjs`),require(`./ds-calendar/ds-calendar.cjs`),require(`./ds-carousel-indicator/ds-carousel-indicator.cjs`),require(`./ds-checkbox-group/ds-checkbox-group.cjs`),require(`./ds-checkbox/ds-checkbox.cjs`),require(`./ds-chip/ds-chip.cjs`),require(`./ds-chips/ds-chips.cjs`),require(`./ds-currency/ds-currency.cjs`),require(`./ds-date-picker/ds-date-picker.cjs`),require(`./ds-dialog/ds-dialog.cjs`),require(`./ds-dialog-body/ds-dialog-body.cjs`),require(`./ds-dialog-footer/ds-dialog-footer.cjs`),require(`./ds-dialog-fullscreen/ds-dialog-fullscreen.cjs`),require(`./ds-dialog-header/ds-dialog-header.cjs`),require(`./ds-drawer/ds-drawer.cjs`),require(`./ds-favourite-action/ds-favourite-action.cjs`),require(`./ds-hyperlink/ds-hyperlink.cjs`),require(`./ds-input/ds-input.cjs`),require(`./ds-interactive-card/ds-interactive-card.cjs`),require(`./ds-link-button/ds-link-button.cjs`),require(`./ds-loader-bar/ds-loader-bar.cjs`),require(`./ds-loader-dots/ds-loader-dots.cjs`),require(`./ds-loader-logo/ds-loader-logo.cjs`),require(`./ds-loader-spinner/ds-loader-spinner.cjs`),require(`./ds-logo/ds-logo.cjs`),require(`./ds-main-title/ds-main-title.cjs`),require(`./ds-map-pin/ds-map-pin.cjs`),require(`./ds-modal/ds-modal.cjs`),require(`./ds-text-input/ds-text-input.cjs`),require(`./ds-password-input/ds-password-input.cjs`),require(`./ds-picker-item/ds-picker-item.cjs`),require(`./ds-portal/ds-portal.cjs`),require(`./ds-progress-bar/ds-progress-bar.cjs`),require(`./ds-radio/ds-radio.cjs`),require(`./ds-radio-button-group/ds-radio-button-group.cjs`),require(`./ds-radio-button/ds-radio-button.cjs`),require(`./ds-radio-group/ds-radio-group.cjs`),require(`./ds-rating/ds-rating.cjs`),require(`./ds-search/ds-search.cjs`),require(`./ds-search-input/ds-search-input.cjs`),require(`./ds-secondary-navigation/ds-secondary-navigation.cjs`),require(`./ds-segmented-control/ds-segmented-control.cjs`),require(`./ds-select/ds-select.cjs`),require(`./ds-selection/ds-selection.cjs`),require(`./ds-skeleton/ds-skeleton.cjs`),require(`./ds-sidebar-navigation/ds-sidebar-navigation.cjs`),require(`./ds-slider/ds-slider.cjs`),require(`./ds-static-box/ds-static-box.cjs`),require(`./ds-stepper/ds-stepper.cjs`),require(`./ds-tabs/ds-tabs.cjs`),require(`./ds-tag/ds-tag.cjs`),require(`./ds-text/ds-text.cjs`),require(`./ds-textarea/ds-textarea.cjs`),require(`./ds-theme-provider/ds-theme-provider.cjs`),require(`./ds-toast-message/ds-toast-message.cjs`),require(`./ds-toast/ds-toast.cjs`),require(`./ds-inline-alert/ds-inline-alert.cjs`),require(`./ds-toggle-button/ds-toggle-button.cjs`),require(`./ds-toggle-switch/ds-toggle-switch.cjs`),require(`./ds-value-unit/ds-value-unit.cjs`),require(`./ds-media-control/ds-media-control.cjs`),require(`./ds-list-item/ds-list-item.cjs`),require(`./ds-list/ds-list.cjs`),require(`./ds-icon-button-group/ds-icon-button-group.cjs`),require(`./ds-navigation-controls/ds-navigation-controls.cjs`),require(`./ds-table/ds-table.cjs`),require(`./ds-table-row/ds-table-row.cjs`),require(`./ds-table-cell/ds-table-cell.cjs`);

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.131`)}})}}exports.customUiKitElement=n;
+require(`../utils/version.cjs`);function e(e,t){return function(n){if(!n?.prototype)throw TypeError(`@customUiKitElement requires a class that extends HTMLElement.`);let r=e;if(globalThis?.customElements?.get(r))return;let i=t?.skipTagAsComponentName?[]:[e];Array.isArray(t?.extendComponentNames)&&(i=[...t.extendComponentNames,...i]),globalThis?.customElements?.define?.(r,class extends n{static{this.componentName=i}connectedCallback(){n.prototype.connectedCallback?.call(this),this.setAttribute(`data-ui-kit-version`,`2.0.0-canary.133`)}})}}exports.customUiKitElement=e;

package/dist/cjs/mixins/ViewportMixin.cjs

@@ -1 +1 @@
-const e=require(`../utils/breakpoints.cjs`),t=require(`../utils/debounce.cjs`);var n=n=>class extends n{constructor(...t){super(...t),this.handleResize=()=>{this.updateViewportWithDebounce()},this.updateViewport=()=>{let t=`xs`;for(let n of[`xxl`,`xl`,`l`,`m`,`s`])if(window?.innerWidth>=e.breakpoints[n]){t=n;break}t!==this.currentViewport&&(this.currentViewport=t,this.requestUpdate(`viewport`,null))}}connectedCallback(){super.connectedCallback(),this.updateViewportWithDebounce=t.debounce({func:this.updateViewport}),this.updateViewport(),window?.addEventListener(`resize`,this.handleResize)}disconnectedCallback(){super.disconnectedCallback(),window?.removeEventListener(`resize`,this.handleResize)}get viewport(){return this.currentViewport}};exports.ViewportMixin=n;
+const e=require(`../utils/debounce.cjs`),t=require(`../utils/breakpoints.cjs`);var n=n=>class extends n{constructor(...e){super(...e),this.handleResize=()=>{this.updateViewportWithDebounce()},this.updateViewport=()=>{let e=`xs`;for(let n of[`xxl`,`xl`,`l`,`m`,`s`])if(window?.innerWidth>=t.breakpoints[n]){e=n;break}e!==this.currentViewport&&(this.currentViewport=e,this.requestUpdate(`viewport`,null))}}connectedCallback(){super.connectedCallback(),this.updateViewportWithDebounce=e.debounce({func:this.updateViewport}),this.updateViewport(),window?.addEventListener(`resize`,this.handleResize)}disconnectedCallback(){super.disconnectedCallback(),window?.removeEventListener(`resize`,this.handleResize)}get viewport(){return this.currentViewport}};exports.ViewportMixin=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.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;
+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.133`),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.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;
+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.133`),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.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;
+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.133/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/uiKitHtml.cjs

@@ -0,0 +1 @@
+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`),require(`./version.cjs`);function t(t,...n){return e.x(t,...n)}exports.uiKitHtml=t;

package/dist/cjs/utils/version.cjs

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

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

@@ -8,11 +8,15 @@ import { UiKitElement as a } from "../base/UiKitElement.js";
 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 "../ds-icon/ds-icon.js";
 import { booleanConverter as l } from "../../utils/booleanConverter.js";
-import { e as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { uiKitHtml as u } from "../../utils/uiKitHtml.js";
+import { e as d } 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 { o as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
 //#region src/components/ds-accordion/ds-accordion.ts
-var d = class extends a {
+var p = 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;
 	}
@@ -40,20 +44,12 @@ var d = class extends a {
 	get openIconTemplate() {
 		if (!this.theme) return e;
 		let t = s[this.theme]?.["icon-names"];
-		return this.componentFactory.createIcon({
-			class: "icon open-icon",
-			role: "presentation",
-			"icon-name": t?.open || "minus"
-		});
+		return u`<ds-icon class="icon open-icon" role="presentation" icon-name=${f(t?.open || "minus")}></ds-icon>`;
 	}
 	get closeIconTemplate() {
 		if (!this.theme) return e;
 		let t = s[this.theme]?.["icon-names"];
-		return this.componentFactory.createIcon({
-			class: "icon close-icon",
-			role: "presentation",
-			"icon-name": t?.close || "plus"
-		});
+		return u`<ds-icon class="icon close-icon" role="presentation" icon-name=${f(t?.close || "plus")}></ds-icon>`;
 	}
 	get styleTokens() {
 		return t`
@@ -76,7 +72,7 @@ var d = class extends a {
             ${this.styleTokens}
 
             <details
-                class=${u(this.containerClasses)}
+                class=${d(this.containerClasses)}
                 aria-disabled=${!!this.disabled}
                 ?open=${this.open}
                 @keydown=${this.handleKeyDown}
@@ -89,22 +85,22 @@ var d = class extends a {
                 </summary>
                 <slot name="content"></slot>
             </details>
-            <div class=${u(this.dividerClasses)}></div>
+            <div class=${d(this.dividerClasses)}></div>
         `;
 	}
 };
 i([n({
 	type: Number,
 	attribute: "max-height"
-})], d.prototype, "maxHeight", void 0), i([n({
+})], p.prototype, "maxHeight", void 0), i([n({
 	type: Boolean,
 	converter: l,
 	reflect: !0
-})], d.prototype, "open", void 0), i([n({
+})], p.prototype, "open", void 0), i([n({
 	type: String,
 	reflect: !0
-})], d.prototype, "mode", void 0), i([n({ type: String })], d.prototype, "size", void 0), i([n({
+})], p.prototype, "mode", void 0), i([n({ type: String })], p.prototype, "size", void 0), i([n({
 	type: Boolean,
 	converter: l
-})], d.prototype, "disabled", void 0), i([r()], d.prototype, "_open", void 0), d = i([c("ds-accordion")], d);
+})], p.prototype, "disabled", void 0), i([r()], p.prototype, "_open", void 0), p = i([c("ds-accordion")], p);
 //#endregion

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

@@ -5,26 +5,25 @@ import { o as r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/nod
 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 { UiKitElement as a } from "../base/UiKitElement.js";
-import { o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
-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 { customUiKitElement as o } from "../../decorators/customUiKitElement.js";
+import "../ds-icon/ds-icon.js";
+import { booleanConverter as s } from "../../utils/booleanConverter.js";
+import { uiKitHtml as c } from "../../utils/uiKitHtml.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 u } from "./styles/common.styles.js";
+import { o as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
+import { commonStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-avatar/ds-avatar.ts
-var d = class extends a {
+var f = class extends a {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.disabled = !1;
 	}
 	static {
-		this.styles = [u];
+		this.styles = [d];
 	}
 	get iconTemplate() {
-		return this.componentFactory.createIcon({
-			class: "icon",
-			"icon-name": "user"
-		});
+		return c`<ds-icon class="icon" icon-name="user"></ds-icon>`;
 	}
 	get initialsTemplate() {
 		return t`<span class="initials" aria-hidden="true">${this.getInitialsFromName(this.name)}</span>`;
@@ -66,9 +65,9 @@ var d = class extends a {
             ${this.styleTokens}
             <div
                 class=${l(this.classes)}
-                title=${o(this.name)}
+                title=${u(this.name)}
                 aria-label=${`Open ${this.name ? this.name + "'s " : ""}profile menu`}
-                aria-disabled=${o(this.disabled ? "true" : void 0)}
+                aria-disabled=${u(this.disabled ? "true" : void 0)}
                 role="button"
                 tabindex=${this.disabled ? -1 : 0}
                 @keydown=${this.handleKeyDown}
@@ -80,12 +79,12 @@ var d = class extends a {
         `;
 	}
 };
-i([n({ type: String })], d.prototype, "size", void 0), i([n({ type: String })], d.prototype, "name", void 0), i([n({
+i([n({ type: String })], f.prototype, "size", void 0), i([n({ type: String })], f.prototype, "name", void 0), i([n({
 	type: Boolean,
-	converter: c,
+	converter: s,
 	reflect: !0
-})], d.prototype, "disabled", void 0), i([r({
+})], f.prototype, "disabled", void 0), i([r({
 	slot: "media",
 	selector: "img"
-})], d.prototype, "assignedImages", void 0), d = i([s("ds-avatar")], d);
+})], f.prototype, "assignedImages", void 0), f = i([o("ds-avatar")], f);
 //#endregion

package/dist/esm/components/ds-basic-card-header/ds-basic-card-header.js

@@ -3,19 +3,18 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
 import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
 import { UiKitElement as n } from "../base/UiKitElement.js";
 import { customUiKitElement as r } from "../../decorators/customUiKitElement.js";
-import { e as i } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { uiKitHtml as i } from "../../utils/uiKitHtml.js";
+import { e as a } 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 a } from "./styles/common.styles.js";
+import "../ds-divider/ds-divider.js";
+import { commonStyles as o } from "./styles/common.styles.js";
 //#region src/components/ds-basic-card-header/ds-basic-card-header.ts
-var o = class extends n {
+var s = class extends n {
 	static {
-		this.styles = [a];
+		this.styles = [o];
 	}
 	get dividerTemplate() {
-		return this.componentFactory.createDivider({
-			class: "divider",
-			variant: "secondary"
-		});
+		return i`<ds-divider class="divider" variant="secondary"></ds-divider>`;
 	}
 	get classes() {
 		return { "header-wrapper": !0 };
@@ -24,7 +23,7 @@ var o = class extends n {
 		return e`
             <header
                 part="header-wrapper"
-                class="${i(this.classes)}"
+                class="${a(this.classes)}"
                 data-testid="ds-basic-card-header-container"
             >
                 <div class="header-content">
@@ -40,5 +39,5 @@ var o = class extends n {
         `;
 	}
 };
-o = t([r("ds-basic-card-header")], o);
+s = t([r("ds-basic-card-header")], s);
 //#endregion

package/dist/esm/components/ds-basic-card-section/ds-basic-card-section.js

@@ -6,22 +6,21 @@ import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.122.0/he
 import { UiKitElement as i } from "../base/UiKitElement.js";
 import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
 import { booleanConverter as o } from "../../utils/booleanConverter.js";
-import { e as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { uiKitHtml as s } from "../../utils/uiKitHtml.js";
+import { e as c } 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 "../ds-divider/ds-divider.js";
+import { commonStyles as l } from "./styles/common.styles.js";
 //#region src/components/ds-basic-card-section/ds-basic-card-section.ts
-var l = class extends i {
+var u = class extends i {
 	constructor(...e) {
 		super(...e), this.withDivider = !0, this.centered = !0;
 	}
 	static {
-		this.styles = [c];
+		this.styles = [l];
 	}
 	get dividerTemplate() {
-		return this.componentFactory.createDivider({
-			class: "divider",
-			variant: "secondary"
-		});
+		return s`<ds-divider class="divider" variant="secondary"></ds-divider>`;
 	}
 	get classes() {
 		return {
@@ -31,7 +30,7 @@ var l = class extends i {
 	}
 	render() {
 		return t`
-            <div part="container" class=${s(this.classes)} data-testid="ds-basic-card-section-container">
+            <div part="container" class=${c(this.classes)} data-testid="ds-basic-card-section-container">
                 <slot></slot>
             </div>
             ${this.withDivider ? this.dividerTemplate : e}
@@ -41,8 +40,8 @@ var l = class extends i {
 r([n({
 	type: Boolean,
 	converter: o
-})], l.prototype, "withDivider", void 0), r([n({
+})], u.prototype, "withDivider", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], l.prototype, "centered", void 0), l = r([a("ds-basic-card-section")], l);
+})], u.prototype, "centered", void 0), u = r([a("ds-basic-card-section")], u);
 //#endregion

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

@@ -4,23 +4,26 @@ import { r as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/nod
 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 { UiKitElement as r } from "../base/UiKitElement.js";
-import { o as i } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
+import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
+import "../ds-icon/ds-icon.js";
+import { uiKitHtml as a } from "../../utils/uiKitHtml.js";
+import { o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
-import { s as a, u as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.js";
+import "../ds-tooltip/ds-tooltip.js";
+import { s, u as c } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.js";
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.js";
-import { customUiKitElement as s } from "../../decorators/customUiKitElement.js";
 import "../ds-breadcrumbs-item/ds-breadcrumbs-item.js";
 //#region src/components/ds-breadcrumbs/ds-breadcrumbs.ts
-var c = [{
+var l = [{
 	below: 768,
 	maxItems: 3
 }, {
 	below: 1024,
 	maxItems: 4
-}], l = 5, u = class extends r {
+}], u = 5, d = class extends r {
 	constructor(...e) {
-		super(...e), this.items = [], this.maxItems = l, this.itemTag = "ds-breadcrumbs-item", this.onResize = () => {
-			this.maxItems = c.find(({ below: e }) => window.innerWidth < e)?.maxItems ?? l;
+		super(...e), this.items = [], this.maxItems = u, this.itemTag = "ds-breadcrumbs-item", this.onResize = () => {
+			this.maxItems = l.find(({ below: e }) => window.innerWidth < e)?.maxItems ?? u;
 		};
 	}
 	async firstUpdated(e) {
@@ -43,54 +46,49 @@ var c = [{
 		}));
 	}
 	get separatorIcon() {
-		return this.componentFactory.createIcon({
-			class: "separator-icon",
-			"icon-name": "arrow-right",
-			size: 24
-		});
+		return a`<ds-icon class="separator-icon" icon-name="arrow-right" size="24"></ds-icon>`;
 	}
 	itemTemplate(t, n) {
-		let r = t.selected || n, i = a(this.itemTag), s = r || t.disabled || !t.href ? o`<span slot="item">${t.label}</span>` : o`<a href=${t.href} slot="item">${t.label}</a>`;
-		return o`<li class="breadcrumb-list-item">
+		let r = t.selected || n, i = s(this.itemTag), a = r || t.disabled || !t.href ? c`<span slot="item">${t.label}</span>` : c`<a href=${t.href} slot="item">${t.label}</a>`;
+		return c`<li class="breadcrumb-list-item">
             <${i}
                 ?selected=${r}
                 ?disabled=${t.disabled}
                 ?loading=${t.loading}
             >
-                ${s}
+                ${a}
             </${i}>
             ${n ? e : this.separatorIcon}
         </li>`;
 	}
 	get slotTemplate() {
-		return o`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`;
+		return c`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`;
 	}
 	get overflowMenuTemplate() {
-		return o`<ul class="overflow-menu" role="menu">
-            ${this.items.slice(1, this.items.length - (this.maxItems - 2)).map((e) => o`
+		return c`<ul class="overflow-menu" role="menu">
+            ${this.items.slice(1, this.items.length - (this.maxItems - 2)).map((e) => c`
                     <li class="overflow-menu-item" role="none">
-                        <a href=${i(e.href)} class="overflow-menu-link" role="menuitem">${e.label}</a>
+                        <a href=${o(e.href)} class="overflow-menu-link" role="menuitem">${e.label}</a>
                     </li>
                 `)}
         </ul>`;
 	}
 	get overflowTriggerTemplate() {
-		return o`<button class="overflow-trigger">
+		return c`<button class="overflow-trigger">
             <span class="overflow-label">...</span>
         </button>`;
 	}
 	get tooltipTemplate() {
-		return this.componentFactory.createTooltip({
-			class: "breadcrumbs-tooltip",
-			content: this.overflowMenuTemplate,
-			children: this.overflowTriggerTemplate
-		});
+		return a`<ds-tooltip class="breadcrumbs-tooltip">
+            ${this.overflowTriggerTemplate}
+            <div slot="content">${this.overflowMenuTemplate}</div>
+        </ds-tooltip>`;
 	}
 	get listTemplate() {
 		let { items: e, maxItems: t } = this;
 		if (e.length <= t) return e.map((t, n) => this.itemTemplate(t, n === e.length - 1));
 		let n = e.slice(e.length - (t - 2));
-		return o`
+		return c`
             ${this.itemTemplate(e[0], !1)}
             <li class="breadcrumb-list-item">
                 <div class="overflow-item-wrapper">
@@ -102,7 +100,7 @@ var c = [{
         `;
 	}
 	render() {
-		return o`
+		return c`
             ${this.slotTemplate}
             <nav class="container" aria-label="Breadcrumb">
                 <ol class="breadcrumb-list">
@@ -112,5 +110,5 @@ var c = [{
         `;
 	}
 };
-n([t()], u.prototype, "items", void 0), n([t()], u.prototype, "maxItems", void 0), n([t()], u.prototype, "itemTag", void 0), u = n([s("ds-breadcrumbs")], u);
+n([t()], d.prototype, "items", void 0), n([t()], d.prototype, "maxItems", void 0), n([t()], d.prototype, "itemTag", void 0), d = n([i("ds-breadcrumbs")], d);
 //#endregion