@cupra/ui-kit 2.0.0-canary.16 → 2.0.0-canary.161

package/dist/cjs/components/ds-basic-card/ds-basic-card.cjs

@@ -1,13 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../base/UiKitElement.cjs"),d=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const u=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),p=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),v=require("./styles/common.styles.cjs");var m=Object.defineProperty,h=Object.getOwnPropertyDescriptor,l=(s,t,a,r)=>{for(var e=r>1?void 0:r?h(t,a):t,i=s.length-1,c;i>=0;i--)(c=s[i])&&(e=(r?c(t,a,e):c(e))||e);return r&&e&&m(t,a,e),e};exports.DsBasicCard=class extends o.UiKitElement{constructor(){super(...arguments),this.variant="default"}get classes(){return{"card-wrapper":!0,subgrid:!0,[this.variant]:!!this.variant}}handleClick(){this.dispatchEvent(new Event("ds-basic-card:click",{bubbles:!0,composed:!0}))}render(){return n.html`
+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.variant=`default`}static{this.styles=[o.commonStyles]}get classes(){return{container:!0,subgrid:!0,[this.variant]:!!this.variant}}handleClick(){this.dispatchEvent(new Event(`ds-basic-card:click`,{bubbles:!0,composed:!0}))}render(){return e.x`
             <article
-                part="card-wrapper"
-                class="${p.classMap(this.classes)}"
+                part="container"
+                class="${a.e(this.classes)}"
                 @click=${this.handleClick}
                 data-testid="ds-basic-card-container"
             >
-                <div>${this.variant==="featured"?n.html`<slot name="featured-text"></slot>`:n.nothing}</div>
-                <div class="container subgrid">
-                    <slot></slot>
-                </div>
+                ${this.variant===`featured`?e.x`<div><slot name="featured-text"></slot></div>`:e.E}
+                <slot></slot>
             </article>
-        `}};exports.DsBasicCard.styles=[v.commonStyles];l([u.property({type:String})],exports.DsBasicCard.prototype,"variant",2);exports.DsBasicCard=l([d.customUiKitElement("ds-basic-card")],exports.DsBasicCard);
+        `}};n.__decorate([t.n({type:String})],s.prototype,`variant`,void 0),s=n.__decorate([i.customUiKitElement(`ds-basic-card`)],s);

package/dist/cjs/components/ds-basic-card/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssQueries.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const r=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=r.css`
+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 {
         row-gap: 0;
         display: grid;
@@ -19,12 +19,5 @@
 
     ::slotted([slot='featured-text']) {
         pointer-events: none;
-        padding: var(--dg-spacing-s-5, 8px) var(--dg-spacing-m-2, 16px);
     }
-
-    ${e.cssQueries.m} {
-        ::slotted([slot='featured-text']) {
-            padding: var(--dg-spacing-s-5, 8px) var(--dg-spacing-m-4, 24px);
-        }
-    }
-`;exports.commonStyles=s;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-basic-card-header/ds-basic-card-header.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../base/UiKitElement.cjs"),l=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),p=require("./styles/common.styles.cjs");var m=Object.getOwnPropertyDescriptor,u=(r,a,d,s)=>{for(var e=s>1?void 0:s?m(a,d):a,t=r.length-1,i;t>=0;t--)(i=r[t])&&(e=i(e)||e);return e};exports.DsBasicCardHeader=class extends c.UiKitElement{get dividerTemplate(){return this.componentFactory.createDivider({class:"divider",variant:"secondary"})}get classes(){return{"header-wrapper":!0}}render(){return n.html`
+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/uiKitHtml.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`),require(`../ds-divider/ds-divider.cjs`);const o=require(`./styles/common.styles.cjs`);var s=class extends n.UiKitElement{static{this.styles=[o.commonStyles]}get dividerTemplate(){return i.uiKitHtml`<ds-divider class="divider" variant="secondary"></ds-divider>`}get classes(){return{"header-wrapper":!0}}render(){return e.x`
             <header
                 part="header-wrapper"
-                class="${o.classMap(this.classes)}"
+                class="${a.e(this.classes)}"
                 data-testid="ds-basic-card-header-container"
             >
                 <div class="header-content">
@@ -14,4 +14,4 @@
                 <slot name="sub-header" part="sub-header"></slot>
                 ${this.dividerTemplate}
             </header>
-        `}};exports.DsBasicCardHeader.styles=[p.commonStyles];exports.DsBasicCardHeader=u([l.customUiKitElement("ds-basic-card-header")],exports.DsBasicCardHeader);
+        `}};s=t.__decorate([r.customUiKitElement(`ds-basic-card-header`)],s);

package/dist/cjs/components/ds-basic-card-header/styles/common.styles.cjs

@@ -1,20 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssQueries.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const i=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),s=i.css`
-    :host {
-        padding: var(--dg-spacing-m-2, 16px) var(--dg-spacing-m-2, 16px) 0px var(--dg-spacing-m-2, 16px);
-    }
-
+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`
     .header-wrapper {
         align-items: flex-start;
         align-self: stretch;
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-m-1, 12px);
         height: 100%;
     }
 
     .header-content {
         display: flex;
-        gap: var(--dg-spacing-m-1, 8px);
         width: 100%;
         justify-content: space-between;
     }
@@ -22,7 +16,6 @@
     .title-wrapper {
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-s-5, 8px);
         width: 100%;
     }
 
@@ -32,7 +25,6 @@
 
     ::slotted([slot='sub-header']) {
         display: flex;
-        gap: var(--dg-spacing-m-1, 12px);
         flex-direction: column;
     }
 
@@ -40,10 +32,4 @@
         margin-top: auto;
         width: 100%;
     }
-
-    ${e.cssQueries.m} {
-        :host {
-            padding: var(--dg-spacing-m-2, 16px) var(--dg-spacing-m-4, 24px) 0px var(--dg-spacing-m-4, 24px);
-        }
-    }
-`;exports.commonStyles=s;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-basic-card-image/ds-basic-card-image.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const n=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),u=require("./styles/common.styles.cjs");var d=Object.getOwnPropertyDescriptor,g=(s,t,c,a)=>{for(var e=a>1?void 0:a?d(t,c):t,r=s.length-1,i;r>=0;r--)(i=s[r])&&(e=i(e)||e);return e};exports.DsBasicCardImage=class extends l.UiKitElement{get classes(){return{"image-wrapper":!0}}render(){return n.html`
+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{"image-wrapper":!0}}render(){return e.x`
             <div
                 part="image-wrapper"
-                class="${o.classMap(this.classes)}"
+                class="${i.e(this.classes)}"
                 data-testid="ds-basic-card-image-container"
             >
                <slot></slot>
             </div>
-        `}};exports.DsBasicCardImage.styles=[u.commonStyles];exports.DsBasicCardImage=g([m.customUiKitElement("ds-basic-card-image")],exports.DsBasicCardImage);
+        `}};o=t.__decorate([r.customUiKitElement(`ds-basic-card-image`)],o);

package/dist/cjs/components/ds-basic-card-image/styles/common.styles.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),t=e.css`
+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 {
         height: 100%;
         width: 100%;
     }
-`;exports.commonStyles=t;
+`;exports.commonStyles=t;

package/dist/cjs/components/ds-basic-card-section/ds-basic-card-section.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../base/UiKitElement.cjs"),u=require("../../decorators/customUiKitElement.cjs"),d=require("../../utils/booleanConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const l=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),v=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),m=require("./styles/common.styles.cjs");var y=Object.defineProperty,h=Object.getOwnPropertyDescriptor,c=(i,t,s,r)=>{for(var e=r>1?void 0:r?h(t,s):t,o=i.length-1,n;o>=0;o--)(n=i[o])&&(e=(r?n(t,s,e):n(e))||e);return r&&e&&y(t,s,e),e};exports.DsBasicCardSection=class extends p.UiKitElement{constructor(){super(...arguments),this.withDivider=!0,this.centered=!0}get dividerTemplate(){return this.componentFactory.createDivider({class:"divider",variant:"secondary"})}get classes(){return{container:!0,centered:this.centered}}render(){return a.html`
-            <div part="container" class=${v.classMap(this.classes)} data-testid="ds-basic-card-section-container">
+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/uiKitHtml.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`),require(`../ds-divider/ds-divider.cjs`);const c=require(`./styles/common.styles.cjs`);var l=class extends r.UiKitElement{constructor(...e){super(...e),this.withDivider=!0,this.centered=!0}static{this.styles=[c.commonStyles]}get dividerTemplate(){return o.uiKitHtml`<ds-divider class="divider" variant="secondary"></ds-divider>`}get classes(){return{container:!0,centered:this.centered}}render(){return e.x`
+            <div part="container" class=${s.e(this.classes)} data-testid="ds-basic-card-section-container">
                 <slot></slot>
             </div>
-            ${this.withDivider?this.dividerTemplate:a.nothing}
-        `}};exports.DsBasicCardSection.styles=[m.commonStyles];c([l.property({type:Boolean,converter:d.booleanConverter})],exports.DsBasicCardSection.prototype,"withDivider",2);c([l.property({type:Boolean,converter:d.booleanConverter})],exports.DsBasicCardSection.prototype,"centered",2);exports.DsBasicCardSection=c([u.customUiKitElement("ds-basic-card-section")],exports.DsBasicCardSection);
+            ${this.withDivider?this.dividerTemplate:e.E}
+        `}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],l.prototype,`withDivider`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter})],l.prototype,`centered`,void 0),l=n.__decorate([i.customUiKitElement(`ds-basic-card-section`)],l);

package/dist/cjs/components/ds-basic-card-section/styles/common.styles.cjs

@@ -1,25 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/cssQueries.cjs");require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const s=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),i=s.css`
+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: flex;
         flex-direction: column;
-        padding: var(--dg-spacing-s-1, 0px) var(--dg-spacing-m-2, 16px);
     }
 
     .container {
         display: flex;
         flex-direction: column;
-        gap: var(--dg-spacing-m-1, 12px);
         height: 100%;
-        padding: var(--dg-spacing-m-4, 24px) var(--dg-spacing-s-1, 0px);
     }
 
     .centered {
         justify-content: center;
     }
-
-    ${e.cssQueries.m} {
-        :host {
-            padding: var(--dg-spacing-s-1, 0px) var(--dg-spacing-m-4, 24px);
-        }
-    }
-`;exports.commonStyles=i;
+`;exports.commonStyles=t;

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

@@ -0,0 +1,37 @@
+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/state.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`);require(`../ds-icon/ds-icon.cjs`);const a=require(`../../utils/uiKitHtml.cjs`),o=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`),require(`../ds-tooltip/ds-tooltip.cjs`);const s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/static.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/static-html.cjs`),require(`../ds-breadcrumbs-item/ds-breadcrumbs-item.cjs`);var c=[{below:768,maxItems:3},{below:1024,maxItems:4}],l=5,u=class extends r.UiKitElement{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}}async firstUpdated(e){super.firstUpdated(e),this.onResize()}connectedCallback(){super.connectedCallback(),window.addEventListener(`resize`,this.onResize)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener(`resize`,this.onResize)}handleSlotChange(e){let t=e.target.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase().startsWith(`ds-breadcrumbs-item`));t.length>0&&(this.itemTag=t[0].tagName.toLowerCase()),this.items=t.map(e=>({label:e.getAttribute(`label`)||e.textContent?.trim()||``,href:e.getAttribute(`href`)||e.querySelector(`[slot="item"]`)?.getAttribute(`href`)||void 0,disabled:e.hasAttribute(`disabled`),loading:e.hasAttribute(`loading`),selected:e.hasAttribute(`selected`)}))}get separatorIcon(){return a.uiKitHtml`<ds-icon class="separator-icon" icon-name="arrow-right" size="24"></ds-icon>`}itemTemplate(t,n){let r=t.selected||n,i=s.s(this.itemTag),a=r||t.disabled||!t.href?s.u`<span slot="item">${t.label}</span>`:s.u`<a href=${t.href} slot="item">${t.label}</a>`;return s.u`<li class="breadcrumb-list-item">
+            <${i}
+                ?selected=${r}
+                ?disabled=${t.disabled}
+                ?loading=${t.loading}
+            >
+                ${a}
+            </${i}>
+            ${n?e.E:this.separatorIcon}
+        </li>`}get slotTemplate(){return s.u`<slot @slotchange=${this.handleSlotChange} style="display: none;"></slot>`}get overflowMenuTemplate(){return s.u`<ul class="overflow-menu" role="menu">
+            ${this.items.slice(1,this.items.length-(this.maxItems-2)).map(e=>s.u`
+                    <li class="overflow-menu-item" role="none">
+                        <a href=${o.o(e.href)} class="overflow-menu-link" role="menuitem">${e.label}</a>
+                    </li>
+                `)}
+        </ul>`}get overflowTriggerTemplate(){return s.u`<button class="overflow-trigger">
+            <span class="overflow-label">...</span>
+        </button>`}get tooltipTemplate(){return a.uiKitHtml`<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 s.u`
+            ${this.itemTemplate(e[0],!1)}
+            <li class="breadcrumb-list-item">
+                <div class="overflow-item-wrapper">
+                    ${this.tooltipTemplate}
+                    ${this.separatorIcon}
+                </div>
+            </li>
+            ${n.map((e,t)=>this.itemTemplate(e,t===n.length-1))}
+        `}render(){return s.u`
+            ${this.slotTemplate}
+            <nav class="container" aria-label="Breadcrumb">
+                <ol class="breadcrumb-list">
+                    ${this.listTemplate}
+                </ol>
+            </nav>
+        `}};n.__decorate([t.r()],u.prototype,`items`,void 0),n.__decorate([t.r()],u.prototype,`maxItems`,void 0),n.__decorate([t.r()],u.prototype,`itemTag`,void 0),u=n.__decorate([i.customUiKitElement(`ds-breadcrumbs`)],u);

package/dist/cjs/components/ds-breadcrumbs-item/ds-breadcrumbs-item.cjs

@@ -0,0 +1,5 @@
+const e=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.cjs`);const t=require(`../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.cjs`);const n=require(`../../_virtual/_@oxc-project_runtime@0.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`);var s=class extends r.UiKitElement{constructor(...e){super(...e),this.selected=!1,this.disabled=!1,this.loading=!1}get classes(){return{"item-wrapper":!0,selected:this.selected,disabled:this.disabled,loading:this.loading}}render(){let t=this.loading?e.x`<div class="skeleton-placeholder"></div>`:e.x`<slot name="item"></slot>`;return e.x`
+            <div class=${o.e(this.classes)} part="item-wrapper">
+                ${t}
+            </div>
+        `}};n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],s.prototype,`selected`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],s.prototype,`disabled`,void 0),n.__decorate([t.n({type:Boolean,converter:a.booleanConverter,reflect:!0})],s.prototype,`loading`,void 0),s=n.__decorate([i.customUiKitElement(`ds-breadcrumbs-item`)],s);

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

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../base/UiKitElement.cjs"),m=require("../../decorators/customUiKitElement.cjs"),p=require("../../utils/htmlWithTokens.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const c=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs"),b=require("./styles/common.styles.cjs");var d=Object.defineProperty,v=Object.getOwnPropertyDescriptor,r=(u,e,t,l)=>{for(var s=l>1?void 0:l?v(e,t):e,i=u.length-1,n;i>=0;i--)(n=u[i])&&(s=(l?n(e,t,s):n(s))||s);return l&&s&&d(e,t,s),s};exports.DsBullets=class extends h.UiKitElement{constructor(){super(...arguments),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}})))}}get bulletsTemplate(){const e=[];for(let t=0;t<this.bulletsNumber;t++){const l={bullet:!0,active:t===this.activeBulletIndex};e.push(o.html`
-                <div @click=${this.handleClickChunk(t)} class=${a.classMap(l)}></div>
-            `)}return e}get classes(){return{container:!0,[this.mode]:!0}}get styleTokens(){return p.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};
                     }
                 </style>
-        `}render(){return this.bulletsNumber>0?o.html`
+        `}render(){return this.bulletsNumber>0?e.x`
                   ${this.styleTokens}
-                  <div class=${a.classMap(this.classes)}>${this.bulletsTemplate}</div>
-              `:o.nothing}};exports.DsBullets.styles=[b.commonStyles];r([c.property({type:String,reflect:!0})],exports.DsBullets.prototype,"mode",2);r([c.property({type:Number,attribute:"bullets-number"})],exports.DsBullets.prototype,"bulletsNumber",2);r([c.property({type:Number,attribute:"active-bullet-index",reflect:!0})],exports.DsBullets.prototype,"activeBulletIndex",2);exports.DsBullets=r([m.customUiKitElement("ds-bullets")],exports.DsBullets);
+                  <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-bullets/styles/common.styles.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const e=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),o=e.css`
+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: block;
         width: 100%;
@@ -16,4 +16,4 @@
     .bullet.active {
         cursor: auto;
     }
-`;exports.commonStyles=o;
+`;exports.commonStyles=t;

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

@@ -1,56 +1,57 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../base/UiKitElement.cjs"),y=require("../../decorators/customUiKitElement.cjs"),b=require("../../mixins/ViewportMixin.cjs"),n=require("../../utils/booleanConverter.cjs"),g=require("../../utils/htmlWithTokens.cjs"),v=require("../../utils/objectConverter.cjs");require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");const o=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const s=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.cjs"),f=require("../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.cjs"),$=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/class-map.cjs"),a=require("../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.cjs"),d=require("./styles/common.styles.cjs");var B=Object.defineProperty,D=Object.getOwnPropertyDescriptor,t=(p,e,r,l)=>{for(var i=l>1?void 0:l?D(e,r):e,h=p.length-1,c;h>=0;h--)(c=p[h])&&(i=(l?c(e,r,i):c(i))||i);return l&&i&&B(e,r,i),i};exports.DsButton=class extends b.ViewportMixin(m.UiKitElement){constructor(){super(...arguments),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}firstUpdated(){this.closestForm=this.closest("form")}get classes(){const e=typeof this.size=="string"?this.size:this.size[this.viewport];return{button:!0,custom:this.htmlTagName==="custom",[e]:!!e,[this.mode]:!!this.mode,[this.variant]:!!this.variant,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"){const r=new Event("submit",{bubbles:!0,composed:!0,cancelable:!0});this.closestForm.dispatchEvent(r)}}get iconTemplate(){return this.iconName?this.componentFactory.createIcon({class:"icon","icon-name":this.iconName}):o.nothing}get loadingTemplate(){return this.loading?o.html`
+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`);require(`../ds-icon/ds-icon.cjs`);const a=require(`../../utils/booleanConverter.cjs`),o=require(`../../utils/uiKitHtml.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`../../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];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?o.uiKitHtml`<ds-icon class="icon" icon-name=${this.iconName}></ds-icon>`:e.E}get loadingTemplate(){return this.loading?e.x`
             <span class="loading-dots">
                 <span>.</span>
                 <span>.</span>
                 <span>.</span>
             </span>
-        `:o.nothing}get cssTokens(){return g.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};
-                    pointer-events: ${this.loading||this.disabled?"none":"visible"};
+                    pointer-events: ${this.loading||this.disabled?`none`:`visible`};
                 }
 
                 :host:has(::slotted(*:disabled)){
                     pointer-events: none;
                 }
-            </style>`}render(){return o.html`
+            </style>`}render(){return e.x`
             ${this.cssTokens}
-            ${$.choose(this.htmlTagName||"button",[["button",()=>{var e;return o.html`
+            ${u.r(this.htmlTagName||`button`,[[`button`,()=>e.x`
                         <button
-                            aria-label=${(e=this.textContent)==null?void 0:e.replace(/^\s+|\s+$/g,"")}
-                            class=${u.classMap(this.classes)}
+                            class=${s.e(this.classes)}
+                            aria-label=${this.textContent?.replace(/^\s+|\s+$/g,``)}
                             type=${this.type}
                             @click=${this.handleClick}
                             ?disabled=${this.disabled}
                         >
-                            ${a.when(this.iconPosition==="left",()=>o.html` ${this.iconTemplate} `)}
+                            ${d.n(this.iconPosition===`left`,()=>e.x` ${this.iconTemplate} `)}
                             <span class="container">
-                                <slot></slot>
+                                ${this.contentTemplate}
                                 ${this.loadingTemplate}
                             </span>
-                            ${a.when(this.iconPosition==="right",()=>o.html` ${this.iconTemplate} `)}
+                            ${d.n(this.iconPosition===`right`,()=>e.x` ${this.iconTemplate} `)}
                         </button>
-                    `}],["a",()=>{var e;return o.html`
+                    `],[`a`,()=>e.x`
                         <a
-                            aria-label=${(e=this.textContent)==null?void 0:e.replace(/^\s+|\s+$/g,"")}
-                            class=${u.classMap(this.classes)}
+                            class=${s.e(this.classes)}
+                            aria-label=${this.textContent?.replace(/^\s+|\s+$/g,``)}
                             href=${this.href}
                             rel=${this.rel}
                             target=${this.target}
                             @click=${this.handleClick}
-                            ?disabled=${this.disabled}
                         >
-                            ${a.when(this.iconPosition==="left",()=>o.html`${this.iconTemplate}`)}
+                            ${d.n(this.iconPosition===`left`,()=>e.x`${this.iconTemplate}`)}
                             <span class="container">
-                                <slot></slot>
+                                ${this.contentTemplate}
                                 ${this.loadingTemplate}
                             </span>
-                            ${a.when(this.iconPosition==="right",()=>o.html`${this.iconTemplate}`)}
+                            ${d.n(this.iconPosition===`right`,()=>e.x`${this.iconTemplate}`)}
                         </a>
-                    `}],["custom",()=>o.html`
-                        <div class=${u.classMap(this.classes)}>
-                            <slot></slot>
+                    `],[`custom`,()=>e.x`
+                        <div class=${s.e(this.classes)} @click=${this.handleCustomClick}>
+                            ${d.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}`)}
                         </div>
                     `]])}
-        `}};exports.DsButton.styles=[d.buttonStyles,d.textStyles,d.loadingDotsStyles];t([s.property({type:String})],exports.DsButton.prototype,"variant",2);t([s.property({type:String,reflect:!0})],exports.DsButton.prototype,"mode",2);t([s.property({type:String,converter:v.objectConverter})],exports.DsButton.prototype,"size",2);t([s.property({type:Boolean,converter:n.booleanConverter})],exports.DsButton.prototype,"disabled",2);t([s.property({type:Boolean,converter:n.booleanConverter})],exports.DsButton.prototype,"destructive",2);t([s.property({type:String,attribute:"icon-name"})],exports.DsButton.prototype,"iconName",2);t([s.property({type:String,attribute:"html-tag-name"})],exports.DsButton.prototype,"htmlTagName",2);t([s.property({type:String,reflect:!0})],exports.DsButton.prototype,"href",2);t([s.property({type:String,reflect:!0})],exports.DsButton.prototype,"rel",2);t([s.property({type:String,reflect:!0})],exports.DsButton.prototype,"target",2);t([s.property({type:String})],exports.DsButton.prototype,"type",2);t([s.property({type:String,attribute:"icon-position"})],exports.DsButton.prototype,"iconPosition",2);t([s.property({type:Boolean,converter:n.booleanConverter})],exports.DsButton.prototype,"rounded",2);t([s.property({type:Boolean,converter:n.booleanConverter,attribute:"full-width"})],exports.DsButton.prototype,"fullWidth",2);t([s.property({type:Boolean,converter:n.booleanConverter})],exports.DsButton.prototype,"loading",2);t([f.state()],exports.DsButton.prototype,"closestForm",2);exports.DsButton=t([y.customUiKitElement("ds-button")],exports.DsButton);
+        `}};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),p=n.__decorate([i.customUiKitElement(`ds-button`)],p),Object.defineProperty(exports,`DsButton`,{enumerable:!0,get:function(){return p}});

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.cjs");require("../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.cjs");require("../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.cjs");const t=require("../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.cjs"),i=t.css`
+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: contents;
     }
@@ -10,6 +10,15 @@
         box-sizing: border-box;
         justify-content: center;
         align-items: center;
+        gap: var(--ui-kit-private-button-gap, 0);
+        padding: 0;
+        margin: 0;
+        background: transparent;
+        border: none;
+        color: inherit;
+        font: inherit;
+        text-transform: inherit;
+        letter-spacing: inherit;
         cursor: pointer;
         outline-style: solid;
         max-width: 100%;
@@ -18,7 +27,39 @@
     .button.full-width {
         width: 100%;
     }
-`,o=t.css`
+
+    .tag-custom ::slotted(*) {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: auto;
+        flex: 1;
+        min-width: 0;
+        gap: var(--ui-kit-private-button-gap, 0);
+        padding: 0;
+        margin: 0;
+        background: transparent;
+        border: none;
+        color: inherit;
+        font: inherit;
+        text-transform: inherit;
+        letter-spacing: inherit;
+        text-decoration: none;
+        cursor: inherit;
+        outline: none;
+        box-sizing: border-box;
+    }
+
+    .tag-custom ::slotted(*:disabled),
+    .tag-custom.disabled ::slotted(*) {
+        pointer-events: none;
+        cursor: default;
+    }
+
+    .tag-custom ::slotted(*:focus-visible) {
+        outline: none;
+    }
+`,n=e.i`
     .naked.container {
         display: inline-flex;
     }
@@ -28,7 +69,7 @@
         text-overflow: ellipsis;
         white-space: nowrap;
     }
-`,n=t.css`
+`,r=e.i`
     .loading-dots {
         display: inline-flex;
         align-items: baseline;
@@ -104,4 +145,4 @@
             opacity: 1;
         }
     }
-`;exports.buttonStyles=i;exports.loadingDotsStyles=n;exports.textStyles=o;
+`;exports.buttonStyles=t,exports.loadingDotsStyles=r,exports.textStyles=n;

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

@@ -0,0 +1,43 @@
+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/uiKitHtml.cjs`),s=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.cjs`);const c=require(`../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.cjs`);require(`../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.cjs`),require(`../ds-calendar-day/ds-calendar-day.cjs`),require(`../ds-icon-button/ds-icon-button.cjs`);const l=require(`../../utils/arrayConverter.cjs`),u=require(`./styles/common.styles.cjs`);var d=class extends i.UiKitElement{constructor(...e){super(...e),this.variant=`plane`,this.size=`large`,this.locale=`en-US`,this.firstDayOfWeek=1,this.disabledDates=[],this.disabledWeekdays=[],this._viewDate=new Date,this._value=null,this._initialValueApplied=!1,this._viewDateInitialized=!1}static{this.styles=[u.commonStyles]}get selectedDate(){if(this.value){let e=this.parseDate(this.value);if(e)return e}return this._value}get viewDate(){return this._viewDate}connectedCallback(){super.connectedCallback(),this.applyInitialValue()}willUpdate(e){super.willUpdate(e),(!this._viewDateInitialized||e.has(`value`)||e.has(`viewDateAttr`))&&(this._viewDateInitialized=!0,this.initializeViewDate())}applyInitialValue(){if(!this._initialValueApplied&&(this._initialValueApplied=!0,this.initialValue)){let e=this.parseDate(this.initialValue);e&&(this._value=e)}}initializeViewDate(){if(this.viewDateAttr){let e=this.parseDate(this.viewDateAttr);e&&(this._viewDate=e)}else if(this.value){let e=this.parseDate(this.value);e&&(this._viewDate=new Date(e))}else this._value?this._viewDate=new Date(this._value):this._viewDate=new Date}parseDate(e){let t=e.split(`-`);if(t.length>=2){let e=Number.parseInt(t[0],10),n=Number.parseInt(t[1],10)-1,r=t.length>=3?Number.parseInt(t[2],10):1,i=new Date(e,n,r);if(!Number.isNaN(i.getTime()))return i}return null}get calendarClasses(){return{calendar:!0,[this.variant]:!0,[this.size]:!0}}get weekdayNames(){let e=new Intl.DateTimeFormat(this.locale,{weekday:`short`}),t=[],n=new Date(2024,0,1);for(;n.getDay()!==this.firstDayOfWeek;)n.setDate(n.getDate()+1);for(let r=0;r<7;r++){let i=new Date(n);i.setDate(n.getDate()+r);let a=e.format(i);t.push(a.slice(0,2))}return t}get monthYearLabel(){return new Intl.DateTimeFormat(this.locale,{month:`long`,year:`numeric`}).format(this._viewDate)}getDaysInMonth(e,t){return new Date(e,t+1,0).getDate()}getFirstDayOfMonth(e,t){return new Date(e,t,1).getDay()}get calendarDays(){let e=this._viewDate.getFullYear(),t=this._viewDate.getMonth(),n=new Date;n.setHours(0,0,0,0);let r=this.getDaysInMonth(e,t),i=this.getFirstDayOfMonth(e,t)-this.firstDayOfWeek;i<0&&(i+=7);let a=[],o=t===0?11:t-1,s=t===0?e-1:e,c=this.getDaysInMonth(s,o);for(let e=i-1;e>=0;e--){let t=c-e,r=new Date(s,o,t);a.push(this.createCalendarDay(r,!1,n))}for(let i=1;i<=r;i++){let r=new Date(e,t,i);a.push(this.createCalendarDay(r,!0,n))}let l=42-a.length,u=t===11?0:t+1,d=t===11?e+1:e;for(let e=1;e<=l;e++){let t=new Date(d,u,e);a.push(this.createCalendarDay(t,!1,n))}return a}createCalendarDay(e,t,n){e.setHours(0,0,0,0);let r=e.getDate(),i=e.getMonth(),a=e.getFullYear(),o=r===n.getDate()&&i===n.getMonth()&&a===n.getFullYear(),s=this.selectedDate;return{day:r,month:i,year:a,date:e,isCurrentMonth:t,isToday:o,isSelected:s?r===s.getDate()&&i===s.getMonth()&&a===s.getFullYear():!1,isDisabled:!t||this.isDateDisabled(e)}}isDateDisabled(e){if(this.minDate){let t=new Date(this.minDate);if(t.setHours(0,0,0,0),e<t)return!0}if(this.maxDate){let t=new Date(this.maxDate);if(t.setHours(0,0,0,0),e>t)return!0}if(this.disabledWeekdays&&this.disabledWeekdays.length>0){let t=e.getDay();if(this.disabledWeekdays.some(e=>Number(e)===t))return!0}if(this.disabledDates&&this.disabledDates.length>0){let t=`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`;if(this.disabledDates.includes(t))return!0}return!1}handlePrevMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()-1),this._viewDate=e}handleNextMonth(){let e=new Date(this._viewDate);e.setMonth(e.getMonth()+1),this._viewDate=e}handleDayChange(e){e.stopPropagation();let t=e.target;if(!t||!t.tagName.toLowerCase().startsWith(`ds-calendar-day`))return;let n=t.tagName.toLowerCase(),r=Array.from(this.shadowRoot?.querySelectorAll(n)||[]).indexOf(t);if(r===-1)return;let i=this.calendarDays[r];if(!i||i.isDisabled)return;this._value=i.date,this._viewDate=new Date(i.date);let a=`${i.date.getFullYear()}-${String(i.date.getMonth()+1).padStart(2,`0`)}-${String(i.date.getDate()).padStart(2,`0`)}`;this.dispatchEvent(new CustomEvent(`ds-calendar-change`,{bubbles:!0,composed:!0,detail:{value:a,date:i.date}}))}get navButtonSize(){return this.size===`medium`?`small`:`medium`}get prevButtonTemplate(){return o.uiKitHtml`<ds-icon-button
+            class="nav-button"
+            icon-name="arrow-left"
+            data-aria-label="Previous month"
+            @click=${this.handlePrevMonth}
+            variant="naked"
+            size=${c.o(this.navButtonSize)}
+        ></ds-icon-button>`}get nextButtonTemplate(){return o.uiKitHtml`<ds-icon-button
+            class="nav-button"
+            icon-name="arrow-right"
+            data-aria-label="Next month"
+            @click=${this.handleNextMonth}
+            variant="naked"
+            size=${c.o(this.navButtonSize)}
+        ></ds-icon-button>`}get weekdaysTemplate(){return e.x`
+            <div class="weekdays">
+                ${this.weekdayNames.map(t=>e.x`<div class="weekday">${t}</div>`)}
+            </div>
+        `}get daysTemplate(){let t=this.calendarDays,n=[];for(let e=0;e<t.length;e+=7)n.push(t.slice(e,e+7));return e.x`
+            <div class="days-grid" role="grid" @ds-calendar-day-change=${this.handleDayChange}>
+                ${n.map(t=>e.x`
+                        <div class="days-row" role="row">
+                            ${t.map(e=>o.uiKitHtml`<ds-calendar-day
+                                    day=${e.day}
+                                    size=${c.o(this.size)}
+                                    ?disabled=${e.isDisabled}
+                                    ?selected=${e.isSelected}
+                                    ?today=${e.isToday}
+                                    ?outside-month=${!e.isCurrentMonth}
+                                ></ds-calendar-day>`)}
+                        </div>
+                    `)}
+            </div>
+        `}render(){return e.x`
+            <div class=${s.e(this.calendarClasses)} role="application" aria-label="Calendar">
+                <div class="header">
+                    ${this.prevButtonTemplate}
+                    <div class="month-year" aria-live="polite">${this.monthYearLabel}</div>
+                    ${this.nextButtonTemplate}
+                </div>
+                ${this.weekdaysTemplate} ${this.daysTemplate}
+            </div>
+        `}};r.__decorate([t.n({type:String,reflect:!0})],d.prototype,`value`,void 0),r.__decorate([t.n({type:String,reflect:!0})],d.prototype,`variant`,void 0),r.__decorate([t.n({type:String,reflect:!0})],d.prototype,`size`,void 0),r.__decorate([t.n({type:String,reflect:!0})],d.prototype,`locale`,void 0),r.__decorate([t.n({type:Number,reflect:!0,attribute:`first-day-of-week`})],d.prototype,`firstDayOfWeek`,void 0),r.__decorate([t.n({type:String,reflect:!0,attribute:`min-date`})],d.prototype,`minDate`,void 0),r.__decorate([t.n({type:String,reflect:!0,attribute:`max-date`})],d.prototype,`maxDate`,void 0),r.__decorate([t.n({attribute:`disabled-dates`,converter:l.arrayConverter})],d.prototype,`disabledDates`,void 0),r.__decorate([t.n({attribute:`disabled-weekdays`,converter:l.arrayConverter})],d.prototype,`disabledWeekdays`,void 0),r.__decorate([t.n({type:String,reflect:!0,attribute:`view-date`})],d.prototype,`viewDateAttr`,void 0),r.__decorate([t.n({type:String,attribute:`initial-value`})],d.prototype,`initialValue`,void 0),r.__decorate([n.r()],d.prototype,`_viewDate`,void 0),r.__decorate([n.r()],d.prototype,`_value`,void 0),d=r.__decorate([a.customUiKitElement(`ds-calendar`)],d);

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

@@ -0,0 +1,42 @@
+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-block;
+    }
+
+    .calendar {
+        display: flex;
+        flex-direction: column;
+        box-sizing: border-box;
+    }
+
+    .header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+
+    .month-year {
+        flex: 1;
+        text-align: center;
+    }
+
+    .weekdays {
+        display: grid;
+        grid-template-columns: repeat(7, 1fr);
+    }
+
+    .weekday {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .days-grid {
+        display: grid;
+        grid-template-columns: repeat(7, 1fr);
+    }
+
+    .days-row {
+        display: contents;
+    }
+`;exports.commonStyles=t;