@ds-autonomie/web-components 2.17.0 → 2.19.0

package/dist/chunks/{chunk.6RDA3XLH.js → chunk.YF2V46J3.js}

@@ -35,11 +35,11 @@ var step_styles_default = css`
     grid-template: auto auto / auto 1fr;
   }
 
-  .step-container.step-container--clickable .step-clickable {
+  .step-container--clickable .step-clickable {
     color: inherit;
   }
 
-  .step-container.step-container--clickable .step-clickable::after {
+  .step-container--clickable .step-clickable::after {
     cursor: pointer;
     position: absolute;
     left: 0;
@@ -48,28 +48,27 @@ var step_styles_default = css`
     bottom: 0;
     content: '';
   }
-  .step-container.step-container--clickable
-    .step-clickable:focus-visible::after {
+  .step-container--clickable .step-clickable:focus-visible::after {
     outline: var(--dsa-wc-focus-ring);
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
 
-  .step-container.step-container--clickable .step-clickable:focus,
-  .step-container.step-container--clickable .step-clickable:active {
+  .step-container--clickable .step-clickable:focus,
+  .step-container--clickable .step-clickable:active {
     outline: none;
   }
 
-  .step-container.step-container--clickable .step-button {
+  .step-container--clickable .step-button {
     background-color: var(--dsa-wc-button-navigation-on-base-color);
     color: var(--dsa-wc-button-navigation-on-base-font-color);
   }
 
-  .step-container.step-container--clickable .step-button:hover {
+  .step-container--clickable .step-button:hover {
     background-color: var(--dsa-wc-button-navigation-on-base-hover-color);
     color: var(--dsa-wc-button-navigation-on-base-hover-font-color);
   }
 
-  .step-container.step-container--clickable .step-button:active {
+  .step-container--clickable .step-button:active {
     background-color: var(--dsa-wc-button-navigation-on-base-active-color);
     border-color: transparent;
     color: var(--dsa-wc-button-navigation-on-base-active-font-color);
@@ -86,7 +85,7 @@ var step_styles_default = css`
     display: none;
   }
 
-  .step-container.step-container--clickable .step-icon--edit {
+  .step-container--clickable .step-icon--edit {
     display: none;
   }
 

package/dist/chunks/{chunk.HHVXZJUU.js → chunk.YI6BUIUL.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.WMFEJDPX.js";
 import {
   DSAInternalDateField
-} from "./chunk.ORFYYGB2.js";
+} from "./chunk.FBY2IM6R.js";
 import {
   DSAPopup
 } from "./chunk.GYWU4AAB.js";
 import {
   DSACalendar
-} from "./chunk.5A6XLOZY.js";
+} from "./chunk.DN3K2GHZ.js";
 import {
   formatDateRange,
   getDateFromISO,
@@ -35,7 +35,7 @@ import {
 } from "./chunk.HPDCOGLH.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -265,9 +265,32 @@ var DSAInputDate = class extends InputBase {
     return descriptions.join(", ");
   }
   shouldDisableDate(date) {
+    var _a, _b;
     const isLessThanMin = typeof this.min === "string" && date < getDateFromISO(this.min);
     const isMoreThanMax = typeof this.max === "string" && date > getDateFromISO(this.max);
-    return isLessThanMin || isMoreThanMax;
+    return isLessThanMin || isMoreThanMax || ((_b = (_a = this.disableDate) == null ? void 0 : _a.call(this, date)) != null ? _b : false);
+  }
+  updateInputsValidity() {
+    if (this.disableDate !== void 0) {
+      const startISODate = this.inputStart.value;
+      if (this.disableDate(getDateFromISO(startISODate))) {
+        this.inputStart.setCustomValidity(
+          this.disabledDateError || this.localize.term(this.range ? "invalidStartDate" : "invalidDate")
+        );
+      } else {
+        this.inputStart.setCustomValidity("");
+      }
+      if (this.range) {
+        const endISODate = this.inputEnd.value;
+        if (this.disableDate(getDateFromISO(endISODate))) {
+          this.inputEnd.setCustomValidity(
+            this.disabledDateError || this.localize.term("invalidEndDate")
+          );
+        } else {
+          this.inputEnd.setCustomValidity("");
+        }
+      }
+    }
   }
   async handleOpenChange() {
     if (this.isDatepickerOpen) {
@@ -348,11 +371,13 @@ var DSAInputDate = class extends InputBase {
   /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
   checkValidity() {
     var _a;
+    this.updateInputsValidity();
     return this.inputStart.checkValidity() && (!this.range || ((_a = this.inputEnd) == null ? void 0 : _a.checkValidity()));
   }
   /** Checks for validity and shows the browser's validation message if the control is invalid. */
   reportValidity() {
     var _a;
+    this.updateInputsValidity();
     return this.inputStart.reportValidity() && (!this.range || ((_a = this.inputEnd) == null ? void 0 : _a.reportValidity()));
   }
   /** Sets a custom validation message. Pass an empty string to restore validity. */
@@ -545,6 +570,12 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], DSAInputDate.prototype, "hoist", 2);
+__decorateClass([
+  property({ type: Function, attribute: false })
+], DSAInputDate.prototype, "disableDate", 2);
+__decorateClass([
+  property({ attribute: "disabled-date-error" })
+], DSAInputDate.prototype, "disabledDateError", 2);
 __decorateClass([
   watch("isDatepickerOpen", { waitUntilFirstUpdate: true })
 ], DSAInputDate.prototype, "handleOpenChange", 1);

package/dist/chunks/{chunk.OW6RUTZA.js → chunk.YS4HYV3F.js}

@@ -32,7 +32,7 @@ var table_action_styles_default = css`
     visibility: visible;
   }
 
-  [part~='action'] {
+  .action {
     flex: 1;
     display: flex;
     flex-direction: row;
@@ -40,10 +40,10 @@ var table_action_styles_default = css`
     justify-content: flex-end;
   }
 
-  [part~='label']::slotted(*) {
+  .label::slotted(*) {
     margin: 0;
     font: var(--dsa-font-body-m-normal);
-    color: white;
+    color: var(--dsa-color-text-on-contrasted-primary);
   }
 
   dsa-divider {

package/dist/chunks/{chunk.FB4KLQQL.js → chunk.YYKAI7FO.js}

@@ -197,13 +197,13 @@ var combobox_styles_default = css`
     color: var(--dsa-wc-input-on-base-text-field-input-color);
   }
 
-  .select--error.select--on-base:not(.select--disabled):not(.select--readonly)
+  .select--on-base.select--error:not(.select--disabled):not(.select--readonly)
     .select__combobox {
     background-color: var(--dsa-wc-input-on-base-background-color-error);
     border-color: var(--dsa-wc-input-on-base-border-color-error);
   }
 
-  .select--error.select--on-base:hover:not(.select--disabled):not(
+  .select--on-base.select--error:hover:not(.select--disabled):not(
       .select--readonly
     )
     .select__combobox {
@@ -259,12 +259,12 @@ var combobox_styles_default = css`
     color: var(--dsa-wc-input-on-layer-text-field-input-color);
   }
 
-  .select--error.select--on-layer:not(.select--disabled) .select__combobox {
+  .select--on-layer.select--error:not(.select--disabled) .select__combobox {
     background-color: var(--dsa-wc-input-on-layer-background-color-error);
     border-color: var(--dsa-wc-input-on-layer-border-color-error);
   }
 
-  .select--error.select--on-layer:hover:not(.select--disabled)
+  .select--on-layer.select--error:hover:not(.select--disabled)
     .select__combobox {
     border-color: var(--dsa-wc-input-on-layer-border-color-error-hover);
   }
@@ -337,8 +337,8 @@ var combobox_styles_default = css`
     margin-inline-start: var(--dsa-wc-input-margin-inline);
   }
 
-  :not(.select--disabled) .select__clear:hover,
-  :not(.select--disabled) .select__expand-icon:hover {
+  .select:not(.select--disabled) .select__clear:hover,
+  .select:not(.select--disabled) .select__expand-icon:hover {
     color: var(--dsa-wc-input-icon-color-hover);
   }
 
@@ -435,12 +435,6 @@ var combobox_styles_default = css`
     padding-inline: var(--dsa-wc-combobox-listbox-padding-inline);
   }
 
-  .select__error_text {
-    font: var(--dsa-wc-combobox-empty-label-font);
-    color: var(--dsa-wc-combobox-empty-label-color);
-    padding-inline: var(--dsa-wc-combobox-listbox-padding-inline);
-  }
-
   .select__loading_text > p {
     padding-left: var(--dsa-spacing-8);
   }

package/dist/chunks/{chunk.VKBTTWXW.js → chunk.ZFGRB56M.js}

@@ -1,12 +1,15 @@
 import {
   tab_group_styles_default
-} from "./chunk.LZPAAWTZ.js";
+} from "./chunk.VPZ2H23V.js";
 import {
   debounce
 } from "./chunk.UKOZXT7U.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
+import {
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   DSAIconButton
 } from "./chunk.WNESPUKK.js";
@@ -18,7 +21,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -68,7 +71,7 @@ var DSATabGroup = class extends ShoelaceElement {
       if (instanceMutations.some(
         (m) => !["aria-labelledby", "aria-controls"].includes(m.attributeName)
       )) {
-        setTimeout(() => this.setAriaLabels());
+        queueMicrotask(() => this.setAriaLabels());
       }
       if (instanceMutations.some((m) => m.attributeName === "disabled")) {
         this.syncTabsAndPanels();
@@ -118,8 +121,7 @@ var DSATabGroup = class extends ShoelaceElement {
     ]);
   }
   getAllTabs(options = { includeDisabled: true }) {
-    const slot = this.shadowRoot.querySelector('slot[name="nav"]');
-    return [...slot.assignedElements()].filter((el) => {
+    return [...this.navSlot.assignedElements()].filter((el) => {
       return options.includeDisabled ? el.tagName.toLowerCase() === "dsa-tab" : el.tagName.toLowerCase() === "dsa-tab" && !el.disabled;
     });
   }
@@ -156,9 +158,7 @@ var DSATabGroup = class extends ShoelaceElement {
     if (["Enter", " "].includes(event.key)) {
       if (tab !== null) {
         if (tab.closable) {
-          const closeButton = tab.shadowRoot.querySelector(
-            '[part~="close-button"]'
-          );
+          const closeButton = tab.closeButton;
           if ((closeButton == null ? void 0 : closeButton.hasFocus) === true) {
             this.emit("dsa-close");
           }
@@ -177,16 +177,15 @@ var DSATabGroup = class extends ShoelaceElement {
       "Escape"
     ].includes(event.key)) {
       const activeEl = this.tabs.find((t) => t.matches(":focus"));
-      const isRtl = this.localize.dir() === "rtl";
       if ((activeEl == null ? void 0 : activeEl.tagName.toLowerCase()) === "dsa-tab") {
         let index = this.tabs.indexOf(activeEl);
         if (event.key === "Home") {
           index = 0;
         } else if (event.key === "End") {
           index = this.tabs.length - 1;
-        } else if (["top", "bottom"].includes(this.placement) && event.key === (isRtl ? "ArrowRight" : "ArrowLeft") || ["start", "end"].includes(this.placement) && event.key === "ArrowUp") {
+        } else if (["top", "bottom"].includes(this.placement) && event.key === "ArrowLeft" || ["start", "end"].includes(this.placement) && event.key === "ArrowUp") {
           index--;
-        } else if (["top", "bottom"].includes(this.placement) && event.key === (isRtl ? "ArrowLeft" : "ArrowRight") || ["start", "end"].includes(this.placement) && event.key === "ArrowDown") {
+        } else if (["top", "bottom"].includes(this.placement) && event.key === "ArrowRight" || ["start", "end"].includes(this.placement) && event.key === "ArrowDown") {
           index++;
         }
         if (index < 0) {
@@ -208,13 +207,13 @@ var DSATabGroup = class extends ShoelaceElement {
   }
   handleScrollToStart() {
     this.nav.scroll({
-      left: this.localize.dir() === "rtl" ? this.nav.scrollLeft + this.nav.clientWidth : this.nav.scrollLeft - this.nav.clientWidth,
+      left: this.nav.scrollLeft - this.nav.clientWidth,
       behavior: "smooth"
     });
   }
   handleScrollToEnd() {
     this.nav.scroll({
-      left: this.localize.dir() === "rtl" ? this.nav.scrollLeft - this.nav.clientWidth : this.nav.scrollLeft + this.nav.clientWidth,
+      left: this.nav.scrollLeft + this.nav.clientWidth,
       behavior: "smooth"
     });
   }
@@ -229,11 +228,22 @@ var DSATabGroup = class extends ShoelaceElement {
     if (tab !== this.activeTab && !tab.disabled) {
       const previousTab = this.activeTab;
       this.activeTab = tab;
-      this.tabs.map((el) => {
+      this.tabs.forEach((el) => {
         const isActive = el === this.activeTab;
-        el.active = isActive;
-        el.tabIndex = isActive ? 0 : -1;
-        return el;
+        if (el.active !== isActive) {
+          el.active = isActive;
+        }
+        const tabIndexValue = isActive ? 0 : -1;
+        if (el.tabIndex !== tabIndexValue) {
+          el.tabIndex = tabIndexValue;
+        }
+      });
+      this.panels.forEach((el) => {
+        var _a;
+        const isActive = el.name === ((_a = this.activeTab) == null ? void 0 : _a.panel);
+        if (el.active !== isActive) {
+          el.active = isActive;
+        }
       });
       this.panels.map((el) => {
         var _a;
@@ -260,8 +270,14 @@ var DSATabGroup = class extends ShoelaceElement {
     this.tabs.forEach((tab) => {
       const panel = this.panels.find((el) => el.name === tab.panel);
       if (panel) {
-        tab.setAttribute("aria-controls", panel.getAttribute("id"));
-        panel.setAttribute("aria-labelledby", tab.getAttribute("id"));
+        const panelId = panel.getAttribute("id");
+        const tabId = tab.getAttribute("id");
+        if (panelId) {
+          setAttributeIfDifferent(tab, "aria-controls", panelId);
+        }
+        if (tabId) {
+          setAttributeIfDifferent(panel, "aria-labelledby", tabId);
+        }
       }
     });
   }
@@ -272,7 +288,6 @@ var DSATabGroup = class extends ShoelaceElement {
     }
     const width = currentTab.clientWidth;
     const height = currentTab.clientHeight;
-    const isRtl = this.localize.dir() === "rtl";
     const allTabs = this.getAllTabs();
     const precedingTabs = allTabs.slice(0, allTabs.indexOf(currentTab));
     const offset = precedingTabs.reduce(
@@ -285,15 +300,37 @@ var DSATabGroup = class extends ShoelaceElement {
     switch (this.placement) {
       case "top":
       case "bottom":
-        this.indicator.style.width = `${width}px`;
-        this.indicator.style.height = "auto";
-        this.indicator.style.translate = isRtl ? `${-1 * offset.left}px` : `${offset.left}px`;
+        {
+          const widthValue = `${width}px`;
+          const heightValue = "auto";
+          const translateValue = `${offset.left}px`;
+          if (this.indicator.style.width !== widthValue) {
+            this.indicator.style.width = widthValue;
+          }
+          if (this.indicator.style.height !== heightValue) {
+            this.indicator.style.height = heightValue;
+          }
+          if (this.indicator.style.translate !== translateValue) {
+            this.indicator.style.translate = translateValue;
+          }
+        }
         break;
       case "start":
       case "end":
-        this.indicator.style.width = "auto";
-        this.indicator.style.height = `${height}px`;
-        this.indicator.style.translate = `0 ${offset.top}px`;
+        {
+          const widthValue = "auto";
+          const heightValue = `${height}px`;
+          const translateValue = `0 ${offset.top}px`;
+          if (this.indicator.style.width !== widthValue) {
+            this.indicator.style.width = widthValue;
+          }
+          if (this.indicator.style.height !== heightValue) {
+            this.indicator.style.height = heightValue;
+          }
+          if (this.indicator.style.translate !== translateValue) {
+            this.indicator.style.translate = translateValue;
+          }
+        }
         break;
     }
   }
@@ -303,18 +340,26 @@ var DSATabGroup = class extends ShoelaceElement {
     this.panels = this.getAllPanels();
     let activeIndex = -1;
     this.tabs.forEach((tab, index) => {
-      tab.tabIndex = -1;
+      if (tab.tabIndex !== -1) {
+        tab.tabIndex = -1;
+      }
       if (tab.active) {
-        tab.tabIndex = 0;
+        if (tab.tabIndex !== 0) {
+          tab.tabIndex = 0;
+        }
         activeIndex = index;
       }
     });
     activeIndex = activeIndex === -1 ? 0 : activeIndex;
     if (this.tabs[activeIndex] !== void 0) {
-      this.tabs[activeIndex].active = true;
+      if (!this.tabs[activeIndex].active) {
+        this.tabs[activeIndex].active = true;
+      }
     }
     if (this.panels[activeIndex] !== void 0) {
-      this.panels[activeIndex].active = true;
+      if (!this.panels[activeIndex].active) {
+        this.panels[activeIndex].active = true;
+      }
     }
     this.syncIndicator();
     this.updateComplete.then(() => this.updateScrollControls());
@@ -329,16 +374,26 @@ var DSATabGroup = class extends ShoelaceElement {
     this.updateScrollButtonsStates();
   }
   updateScrollButtonsStates() {
-    this.isStartScrollButtonDisabled = this.nav.scrollLeft === 0;
-    this.isEndScrollButtonDisabled = this.nav.scrollLeft + this.nav.clientWidth === this.nav.scrollWidth;
+    const isStartDisabled = this.nav.scrollLeft <= 0;
+    const isEndDisabled = this.nav.scrollLeft + this.nav.clientWidth >= this.nav.scrollWidth;
+    if (this.isStartScrollButtonDisabled !== isStartDisabled) {
+      this.isStartScrollButtonDisabled = isStartDisabled;
+    }
+    if (this.isEndScrollButtonDisabled !== isEndDisabled) {
+      this.isEndScrollButtonDisabled = isEndDisabled;
+    }
   }
   syncIndicator() {
     const tab = this.getActiveTab();
     if (tab) {
-      this.indicator.style.display = "block";
+      if (this.indicator.style.display !== "block") {
+        this.indicator.style.display = "block";
+      }
       this.repositionIndicator();
     } else {
-      this.indicator.style.display = "none";
+      if (this.indicator.style.display !== "none") {
+        this.indicator.style.display = "none";
+      }
     }
   }
   /** Shows the specified tab panel. */
@@ -349,7 +404,6 @@ var DSATabGroup = class extends ShoelaceElement {
     }
   }
   render() {
-    const isRtl = this.localize.dir() === "rtl";
     if (!this.accessibleName) {
       a11yWarning(
         "<dsa-tab-group> requires an accessible name for accessibility"
@@ -363,7 +417,6 @@ var DSATabGroup = class extends ShoelaceElement {
       "tab-group--bottom": this.placement === "bottom",
       "tab-group--start": this.placement === "start",
       "tab-group--end": this.placement === "end",
-      "tab-group--rtl": this.localize.dir() === "rtl",
       "tab-group--has-scroll-controls": this.hasScrollControls,
       "tab-group--below-page-header": this.belowPageHeader
     })}
@@ -377,7 +430,7 @@ var DSATabGroup = class extends ShoelaceElement {
                     part="scroll-button scroll-button--start"
                     exportparts="base:scroll-button__base"
                     class="tab-group__scroll-button tab-group__scroll-button--start"
-                    name=${isRtl ? "chevron_right" : "chevron_left"}
+                    name="chevron_left"
                     label=${this.localize.term("scrollToStart")}
                     @click=${this.handleScrollToStart}
                     library="system"
@@ -411,7 +464,7 @@ var DSATabGroup = class extends ShoelaceElement {
                     part="scroll-button scroll-button--end"
                     exportparts="base:scroll-button__base"
                     class="tab-group__scroll-button tab-group__scroll-button--end"
-                    name=${isRtl ? "chevron_left" : "chevron_right"}
+                    name="chevron_right"
                     label=${this.localize.term("scrollToEnd")}
                     @click=${this.handleScrollToEnd}
                     library="system"
@@ -448,6 +501,9 @@ __decorateClass([
 __decorateClass([
   query(".tab-group__indicator")
 ], DSATabGroup.prototype, "indicator", 2);
+__decorateClass([
+  query('slot[name="nav"]')
+], DSATabGroup.prototype, "navSlot", 2);
 __decorateClass([
   state()
 ], DSATabGroup.prototype, "hasScrollControls", 2);

package/dist/chunks/chunk.ZHPIA4F4.js

@@ -0,0 +1,43 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/table-row/table-row-base.styles.ts
+import { css } from "lit";
+var table_row_base_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: table-row;
+    border: none;
+  }
+
+  /* Sizes */
+  :host([size='small']) {
+    block-size: var(--dsa-wc-table-row-small-height);
+  }
+
+  :host([size='medium']) {
+    block-size: var(--dsa-wc-table-row-medium-height);
+  }
+
+  :host([size='large']) {
+    block-size: var(--dsa-wc-table-row-large-height);
+  }
+
+  .column-checkbox,
+  .column-reorder-button {
+    min-width: var(--dsa-wc-table-row-selectable-cell-width);
+    width: var(--dsa-wc-table-row-selectable-cell-width);
+  }
+
+  .column-checkbox--content {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+`;
+
+export {
+  table_row_base_styles_default
+};

package/dist/chunks/{chunk.HBYJN6RA.js → chunk.ZS3JNRJE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.EEO75M3R.js";
 import {
   DSATooltip
-} from "./chunk.TP5XEQ2O.js";
+} from "./chunk.ELOLGOFM.js";
 import {
   DSAAvatar
 } from "./chunk.QKT5LLDM.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
 } from "./chunk.CKJJ4MSU.js";

package/dist/chunks/{chunk.NCN4I6KX.js → chunk.ZYGCOBUE.js}

@@ -1,6 +1,6 @@
 import {
   table_caption_styles_default
-} from "./chunk.QBVIZ55Q.js";
+} from "./chunk.POR4SJ2I.js";
 import {
   LoadingStateElement
 } from "./chunk.YROTOHU3.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -42,24 +42,24 @@ var DSATableCaption = class extends LoadingStateElement {
     const hasSubtitle = this.hasSlotController.test("subtitle");
     const hasTotalItems = this.hasSlotController.test("total-items");
     return html`
-      <slot part="title" name="title"></slot>
+      <slot class="title" name="title"></slot>
       ${this.loading && hasSubtitle ? html`<dsa-skeleton
             class="subtitle-skeleton"
             effect=${this.skeletonEffect}
-          ></dsa-skeleton>` : html`<slot part="subtitle" name="subtitle"></slot> `}
+          ></dsa-skeleton>` : html`<slot class="subtitle" name="subtitle"></slot> `}
       ${this.loading && hasTotalItems ? html`<dsa-skeleton
             class="total-items-skeleton"
             effect=${this.skeletonEffect}
           ></dsa-skeleton>` : html`
             <p
-              part="total-items"
               class=${classMap({
+      "total-items": true,
       "has-total-items": hasTotalItems
     })}
               aria-hidden=${hasTotalItems ? "false" : "true"}
             >
               <slot name="total-items"></slot>
-              <span part="total-item--indicator">${this.totalItemsLabel}</span>
+              <span class="total-item--indicator">${this.totalItemsLabel}</span>
             </p>
           `}
     `;

package/dist/components/accordion/accordion.js

@@ -1,6 +1,6 @@
 import {
   DSAAccordion
-} from "../../chunks/chunk.LZOGVU7B.js";
+} from "../../chunks/chunk.UQ7ZIOBO.js";
 import "../../chunks/chunk.QGI766JC.js";
 import "../../chunks/chunk.RY4QCT3T.js";
 import "../../chunks/chunk.YIY5RM53.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.D6XRV35U.js";
 import "../../chunks/chunk.HPDCOGLH.js";
 import "../../chunks/chunk.PWL7QCVG.js";
-import "../../chunks/chunk.WHHYA5VY.js";
+import "../../chunks/chunk.34HS7ICN.js";
 import "../../chunks/chunk.CKJJ4MSU.js";
 import "../../chunks/chunk.GBZY2OWL.js";
 import "../../chunks/chunk.AG4HZDJV.js";

package/dist/components/accordion-group/accordion-group.js

@@ -1,14 +1,14 @@
 import {
   DSAAccordionGroup
-} from "../../chunks/chunk.3WHBR6ML.js";
-import "../../chunks/chunk.UNDVQ2N3.js";
-import "../../chunks/chunk.C6UENJ2Y.js";
+} from "../../chunks/chunk.FLRNIL37.js";
+import "../../chunks/chunk.SXFVCR7O.js";
+import "../../chunks/chunk.2WW7OJZT.js";
 import "../../chunks/chunk.XSXVVUKP.js";
 import "../../chunks/chunk.DJLJEQST.js";
 import "../../chunks/chunk.KZFOOKD2.js";
 import "../../chunks/chunk.N54TKSON.js";
 import "../../chunks/chunk.ZQJVCRB2.js";
-import "../../chunks/chunk.WHHYA5VY.js";
+import "../../chunks/chunk.34HS7ICN.js";
 import "../../chunks/chunk.CKJJ4MSU.js";
 import "../../chunks/chunk.GBZY2OWL.js";
 import "../../chunks/chunk.AG4HZDJV.js";

package/dist/components/alert/alert.js

@@ -1,6 +1,6 @@
 import {
   DSAAlert
-} from "../../chunks/chunk.M5X6QE4H.js";
+} from "../../chunks/chunk.ERMNNF77.js";
 import "../../chunks/chunk.WNESPUKK.js";
 import "../../chunks/chunk.QEXDSP5Y.js";
 import "../../chunks/chunk.B4BZKR24.js";
@@ -8,7 +8,7 @@ import "../../chunks/chunk.D6XRV35U.js";
 import "../../chunks/chunk.HPDCOGLH.js";
 import "../../chunks/chunk.PWL7QCVG.js";
 import "../../chunks/chunk.ZQJVCRB2.js";
-import "../../chunks/chunk.WHHYA5VY.js";
+import "../../chunks/chunk.34HS7ICN.js";
 import "../../chunks/chunk.CKJJ4MSU.js";
 import "../../chunks/chunk.GBZY2OWL.js";
 import "../../chunks/chunk.AG4HZDJV.js";