@solid-design-system/components 4.12.0 → 5.0.1

package/dist-versioned/chunks/{chunk.H36YEYQD.js → chunk.X7HYCD3E.js}

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.OWACJFST.js";
+} from "./chunk.DXLUBAVX.js";
 import {
   __decorateClass,
   __spreadValues
@@ -385,7 +385,7 @@ var SdInput = class extends SolidElement {
       this.size === "sm" ? "h-6" : "h-8",
       textSize
     )}" type="${this.type === "password" && this.passwordVisible ? "text" : this.type}" title="${this.title}" name="${ifDefined(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${ifDefined(this.placeholder)}" minlength="${ifDefined(this.minlength)}" maxlength="${ifDefined(this.maxlength)}" min="${ifDefined(this.min)}" max="${ifDefined(this.max)}" step="${ifDefined(this.step)}" .value="${live(this.value)}" autocapitalize="${ifDefined(this.type === "password" ? "off" : this.autocapitalize)}" autocomplete="${// eslint-disable-next-line @typescript-eslint/no-explicit-any
-    ifDefined(this.autocomplete)}" autocorrect="${ifDefined(this.type === "password" ? "off" : this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${ifDefined(this.pattern)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled || this.disabled ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx("flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-4-12-0-icon class="${cx("text-neutral-700", iconSize)}" library="system" name="closing-round"></sd-4-12-0-icon></slot></button>` : ""} ${this.passwordToggle && this.type === "password" ? html`<button aria-label="${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}" part="password-toggle-button" class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible ? html`<slot name="show-password-icon"><sd-4-12-0-icon class="${cx(iconColor, iconSize)}" library="system" name="eye"></sd-4-12-0-icon></slot>` : html`<slot name="hide-password-icon"><sd-4-12-0-icon class="${cx(iconColor, iconSize)}" library="system" name="eye-crossed-out"></sd-4-12-0-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-4-12-0-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="system" name="calendar"></sd-4-12-0-icon>` : ""} ${this.type === "time" ? html`<sd-4-12-0-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="system" name="clock"></sd-4-12-0-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-4-12-0-icon class="${cx(iconColor, iconSize)}" library="system" name="magnifying-glass" label="${this.localize.term("search")}"></sd-4-12-0-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-4-12-0-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="system" name="risk"></sd-4-12-0-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-4-12-0-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="system" name="status-check" part="valid-icon"></sd-4-12-0-icon>` : ""} ${slots["right"] ? html`<slot name="right" part="right" class="${cx("inline-flex", iconColor, iconMarginLeft, iconSize)}"></slot>` : ""} ${this.type === "number" && this.spinButtons ? html`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange() })} tabindex="-1"><slot name="decrement-number-stepper"><sd-4-12-0-icon name="system/minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-4-12-0-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange() })} tabindex="-1"><slot name="increment-number-stepper"><sd-4-12-0-icon name="system/plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-4-12-0-icon></slot></button></div>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-2", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`;
+    ifDefined(this.autocomplete)}" autocorrect="${ifDefined(this.type === "password" ? "off" : this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${ifDefined(this.pattern)}" enterkeyhint="${ifDefined(this.enterkeyhint)}" inputmode="${ifDefined(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled || this.disabled ? "true" : "false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx("flex justify-center", iconMarginLeft)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-5-0-1-icon class="${cx("text-neutral-700", iconSize)}" library="_internal" name="closing-round"></sd-5-0-1-icon></slot></button>` : ""} ${this.passwordToggle && this.type === "password" ? html`<button aria-label="${this.localize.term(this.passwordVisible ? "hidePassword" : "showPassword")}" part="password-toggle-button" class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible ? html`<slot name="show-password-icon"><sd-5-0-1-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye"></sd-5-0-1-icon></slot>` : html`<slot name="hide-password-icon"><sd-5-0-1-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye-crossed-out"></sd-5-0-1-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-5-0-1-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-5-0-1-icon>` : ""} ${this.type === "time" ? html`<sd-5-0-1-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="clock"></sd-5-0-1-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-5-0-1-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-5-0-1-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-5-0-1-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-5-0-1-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-5-0-1-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="status-check" part="valid-icon"></sd-5-0-1-icon>` : ""} ${slots["right"] ? html`<slot name="right" part="right" class="${cx("inline-flex", iconColor, iconMarginLeft, iconSize)}"></slot>` : ""} ${this.type === "number" && this.spinButtons ? html`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange() })} tabindex="-1"><slot name="decrement-number-stepper"><sd-5-0-1-icon name="system/minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-5-0-1-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange() })} tabindex="-1"><slot name="increment-number-stepper"><sd-5-0-1-icon name="system/plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-5-0-1-icon></slot></button></div>` : ""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-2", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`;
   }
 };
 /**
@@ -393,7 +393,7 @@ var SdInput = class extends SolidElement {
  */
 SdInput.styles = [
   ...SolidElement.styles,
-  css`:host{box-sizing:border-box;display:inline-block;position:relative;text-align:left;width:100%}:host([vertical]){display:block}:host([required]) #label:after{content:" *"}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-4-12-0-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}`
+  css`:host{box-sizing:border-box;display:inline-block;position:relative;text-align:left;width:100%}:host([vertical]){display:block}:host([required]) #label:after{content:" *"}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-5-0-1-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}`
 ];
 __decorateClass([
   query("#input")
@@ -523,7 +523,7 @@ __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
 ], SdInput.prototype, "handleValueChange", 1);
 SdInput = __decorateClass([
-  customElement("sd-4-12-0-input")
+  customElement("sd-5-0-1-input")
 ], SdInput);
 
 export {

package/dist-versioned/chunks/{chunk.EQRUJQQW.js → chunk.XI3IZCLB.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.OWACJFST.js";
+} from "./chunk.DXLUBAVX.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -21,7 +21,7 @@ var SdTab = class extends SolidElement {
   constructor() {
     super(...arguments);
     this.attrId = ++id;
-    this.componentId = `sd-4-12-0-tab-${this.attrId}`;
+    this.componentId = `sd-5-0-1-tab-${this.attrId}`;
     this.hasSlotController = new HasSlotController(this, "left");
     this.variant = "default";
     this.active = false;
@@ -102,7 +102,7 @@ __decorateClass([
   watch(["disabled", "visually-disabled"])
 ], SdTab.prototype, "handleDisabledChange", 1);
 SdTab = __decorateClass([
-  customElement("sd-4-12-0-tab")
+  customElement("sd-5-0-1-tab")
 ], SdTab);
 
 export {

package/dist-versioned/chunks/{chunk.XS4QJO4N.js → chunk.YNSZZDYQ.js}

@@ -1,4 +1,4 @@
-// src/components/icon/library.system.ts
+// src/components/icon/library.internal.ts
 var icons = {
   calendar: `
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
@@ -87,8 +87,8 @@ var icons = {
   <path d="M10.717 4.077a.997.997 0 0 0-1.09.217L5.92 8.001H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.707 3.707a.997.997 0 0 0 .707.293h.007a.953.953 0 0 0 .382-.079l-.006.002c.365-.154.617-.509.617-.923v-14a1 1 0 0 0-.61-.921l-.007-.002v-.001ZM4 10h1.333v4H4v-4Zm5.333 6.587-2-2V9.414l2-2v9.173Zm9.217-13.48a1 1 0 0 0-.44 1.339l-.003-.006c1.177 2.191 1.876 4.792 1.893 7.555V12a16.365 16.365 0 0 1-1.936 7.638l.043-.088a1.002 1.002 0 0 0 .438 1.331l.006.003c.13.071.285.114.449.117h.001a.999.999 0 0 0 .89-.544l.003-.006c1.312-2.45 2.09-5.357 2.107-8.445v-.005c-.017-3.093-.794-6-2.155-8.549l.048.099a1.001 1.001 0 0 0-1.349-.44l.006-.003-.001-.001Z"/><path d="M14.447 5.167a1 1 0 0 0-.278 1.39l-.002-.004C15.35 8.333 16 10.266 16 12s-.667 3.667-1.833 5.447a1 1 0 0 0 1.664 1.11l.002-.004C17.23 16.45 18 14.12 18 12s-.77-4.45-2.167-6.553a1 1 0 0 0-1.39-.278l.004-.002Z"/></svg>`,
   reload: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M3.697 10.447 5.03 11.78c.1-4.76 3.717-8.447 8.303-8.447a8.667 8.667 0 0 1 0 17.334 1 1 0 0 1 0-2 6.667 6.667 0 0 0 0-13.334C9.8 5.333 7.126 8.076 7 11.753l1.333-1.307a1 1 0 0 1 1.414 1.417l-3.023 3.023a.996.996 0 0 1-1.416 0l-3.023-3.023a1.002 1.002 0 0 1 1.417-1.417l-.005.001Z"/></svg>`
 };
-var systemLibrary = {
-  name: "system",
+var internalLibrary = {
+  name: "_internal",
   resolver: (name) => {
     if (name in icons) {
       return `data:image/svg+xml,${encodeURIComponent(icons[name])}`;
@@ -97,9 +97,9 @@ var systemLibrary = {
   },
   mutator: (svg) => svg.setAttribute("fill", "currentColor")
 };
-var library_system_default = systemLibrary;
+var library_internal_default = internalLibrary;
 
 export {
   icons,
-  library_system_default
+  library_internal_default
 };

package/dist-versioned/chunks/{chunk.MSSKOOJJ.js → chunk.YTDKF4U7.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.OWACJFST.js";
+} from "./chunk.DXLUBAVX.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -17,19 +17,19 @@ var SdButtonGroup = class extends SolidElement {
   }
   handleFocus(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-4-12-0-button-group__button--focus");
+    button == null ? void 0 : button.classList.add("sd-5-0-1-button-group__button--focus");
   }
   handleBlur(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-4-12-0-button-group__button--focus");
+    button == null ? void 0 : button.classList.remove("sd-5-0-1-button-group__button--focus");
   }
   handleMouseOver(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-4-12-0-button-group__button--hover");
+    button == null ? void 0 : button.classList.add("sd-5-0-1-button-group__button--hover");
   }
   handleMouseOut(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-4-12-0-button-group__button--hover");
+    button == null ? void 0 : button.classList.remove("sd-5-0-1-button-group__button--hover");
   }
   handleSlotChange() {
     const slottedElements = [...this.defaultSlot.assignedElements({ flatten: true })];
@@ -37,11 +37,11 @@ var SdButtonGroup = class extends SolidElement {
       const index = slottedElements.indexOf(el);
       const button = findButton(el);
       if (button !== null) {
-        button.classList.add("sd-4-12-0-button-group__button");
-        button.classList.toggle("sd-4-12-0-button-group__button--first", index === 0);
-        button.classList.toggle("sd-4-12-0-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
-        button.classList.toggle("sd-4-12-0-button-group__button--last", index === slottedElements.length - 1);
-        button.classList.toggle("sd-4-12-0-button-group__button--radio", button.tagName.toLowerCase() === "sd-4-12-0-radio-button");
+        button.classList.add("sd-5-0-1-button-group__button");
+        button.classList.toggle("sd-5-0-1-button-group__button--first", index === 0);
+        button.classList.toggle("sd-5-0-1-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
+        button.classList.toggle("sd-5-0-1-button-group__button--last", index === slottedElements.length - 1);
+        button.classList.toggle("sd-5-0-1-button-group__button--radio", button.tagName.toLowerCase() === "sd-5-0-1-radio-button");
       }
     });
   }
@@ -63,11 +63,11 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdButtonGroup.prototype, "label", 2);
 SdButtonGroup = __decorateClass([
-  customElement("sd-4-12-0-button-group")
+  customElement("sd-5-0-1-button-group")
 ], SdButtonGroup);
 function findButton(el) {
   var _a;
-  const selector = "sd-4-12-0-button, sd-4-12-0-radio-button";
+  const selector = "sd-5-0-1-button, sd-5-0-1-radio-button";
   return (_a = el.closest(selector)) != null ? _a : el.querySelector(selector);
 }
 

package/dist-versioned/chunks/{chunk.F4UAU4OM.js → chunk.YTDXH4KI.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.OWACJFST.js";
+} from "./chunk.DXLUBAVX.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -116,16 +116,16 @@ var SdNavigationItem = class extends SolidElement {
       isAccordion ? "grow" : "w-full",
       slots["description"] || this.separated ? "pb-1" : horizontalPaddingBottom,
       this.calculatePaddingX
-    )}">${this.divider && this.vertical ? html`<sd-4-12-0-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-4-12-0-divider>` : ""} <span part="content-container" class="inline-flex items-center flex-auto">${this.separated ? html`<a class="${cx(
+    )}">${this.divider && this.vertical ? html`<sd-5-0-1-divider part="divider" class="${cx("w-full transition-all absolute -top-0.25 left-0", this.calculatePaddingX)}"></sd-5-0-1-divider>` : ""} <span part="content-container" class="inline-flex items-center flex-auto">${this.separated ? html`<a class="${cx(
       "mr-4 w-full inline-flex items-center pl-4 cursor-pointer relative focus-visible:focus-outline hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",
       !slots["description"] && "py-4"
-    )}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}"><slot part="content" class="inline"></slot></a>` : html`<slot part="content" class="inline"></slot>`} </span>${(this.chevron || slots["children"]) && this.vertical ? this.separated ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-4-12-0-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${cx(
+    )}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}"><slot part="content" class="inline"></slot></a>` : html`<slot part="content" class="inline"></slot>`} </span>${(this.chevron || slots["children"]) && this.vertical ? this.separated ? html`<button type="button" title="${this.open ? this.localize.term("collapseNavigationItem") : this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-5-0-1-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
       "mr-4 h-6 w-6 transition-all",
       isAccordion || this.separated ? this.open ? "rotate-180" : "rotate-0" : "rotate-[270deg]"
-    )}"></sd-4-12-0-icon></button>` : html`<sd-4-12-0-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${cx(
+    )}"></sd-5-0-1-icon></button>` : html`<sd-5-0-1-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${cx(
       "h-6 w-6 ml-2 transition-all",
       isAccordion ? this.open ? "rotate-180" : "rotate-0" : "rotate-[270deg]"
-    )}"></sd-4-12-0-icon>` : ""} </span>${slots["description"] && this.vertical ? html`<slot name="description" part="description" class="${cx(
+    )}"></sd-5-0-1-icon>` : ""} </span>${slots["description"] && this.vertical ? html`<slot name="description" part="description" class="${cx(
       "inline-block text-sm text-left text-black",
       isAccordion || this.separated ? "grow" : "w-full",
       this.separated ? "px-4" : this.calculatePaddingX,
@@ -190,7 +190,7 @@ __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdNavigationItem.prototype, "separated", 2);
 SdNavigationItem = __decorateClass([
-  customElement("sd-4-12-0-navigation-item")
+  customElement("sd-5-0-1-navigation-item")
 ], SdNavigationItem);
 
 export {

package/dist-versioned/chunks/{chunk.C2LS4326.js → chunk.ZAWI6TGO.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.OWACJFST.js";
+} from "./chunk.DXLUBAVX.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -80,7 +80,7 @@ var SdTag = class extends SolidElement {
         !this.removable ? "hover:border-primary-500 hover:bg-neutral-100 hover:text-primary-500" : "has-[button:hover]:border-primary-500 has-[button:hover]:bg-neutral-100 has-[button:hover]:text-primary-500"
       ) : "bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500 disabled:bg-neutral-500 disabled:border-neutral-500",
       this.disabled && !isLink && "cursor-not-allowed"
-    )}"><slot id="content" part="content"></slot>${this.removable ? html`<button class="sd-interactive flex items-center" type="button" @click="${this.handleRemove}"><slot part="removable-indicator" name="removable-indicator"><sd-4-12-0-icon library="system" name="close" label="${this.localize.term("remove")}"></sd-4-12-0-icon></slot></button>` : ""}</${tag}>`;
+    )}"><slot id="content" part="content"></slot>${this.removable ? html`<button class="sd-interactive flex items-center" type="button" @click="${this.handleRemove}"><slot part="removable-indicator" name="removable-indicator"><sd-5-0-1-icon library="_internal" name="close" label="${this.localize.term("remove")}"></sd-5-0-1-icon></slot></button>` : ""}</${tag}>`;
   }
 };
 SdTag.styles = [
@@ -115,7 +115,7 @@ __decorateClass([
   property({ reflect: true })
 ], SdTag.prototype, "download", 2);
 SdTag = __decorateClass([
-  customElement("sd-4-12-0-tag")
+  customElement("sd-5-0-1-tag")
 ], SdTag);
 
 export {

package/dist-versioned/components/accordion/accordion.d.ts

@@ -21,6 +21,6 @@ export default class SdAccordion extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-12-0-accordion': SdAccordion;
+        'sd-5-0-1-accordion': SdAccordion;
     }
 }

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

@@ -1,21 +1,21 @@
 import {
   SdAccordion
-} from "../../chunks/chunk.R3PPZNKA.js";
+} from "../../chunks/chunk.BLQFQXCU.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.YGRJQZFR.js";
-import "../../chunks/chunk.7WEXXSFH.js";
+import "../../chunks/chunk.P775L6OS.js";
+import "../../chunks/chunk.OC7IH3HF.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.7VPFFNHR.js";
+import "../../chunks/chunk.YNSZZDYQ.js";
 import "../../chunks/chunk.4TPOL3LB.js";
-import "../../chunks/chunk.XS4QJO4N.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.WEDOS4Q6.js";
 import "../../chunks/chunk.CVCJY3ME.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.OWACJFST.js";
-import "../../chunks/chunk.25AH7KN2.js";
+import "../../chunks/chunk.DXLUBAVX.js";
+import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdAccordion as default

package/dist-versioned/components/accordion-group/accordion-group.d.ts

@@ -11,6 +11,6 @@ export default class SdAccordionGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-12-0-accordion-group': SdAccordionGroup;
+        'sd-5-0-1-accordion-group': SdAccordionGroup;
     }
 }

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

@@ -1,22 +1,22 @@
 import {
   SdAccordionGroup
-} from "../../chunks/chunk.NI45NXZV.js";
-import "../../chunks/chunk.R3PPZNKA.js";
+} from "../../chunks/chunk.WM4AGOIZ.js";
+import "../../chunks/chunk.BLQFQXCU.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.YGRJQZFR.js";
-import "../../chunks/chunk.7WEXXSFH.js";
+import "../../chunks/chunk.P775L6OS.js";
+import "../../chunks/chunk.OC7IH3HF.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.7VPFFNHR.js";
+import "../../chunks/chunk.YNSZZDYQ.js";
 import "../../chunks/chunk.4TPOL3LB.js";
-import "../../chunks/chunk.XS4QJO4N.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.WEDOS4Q6.js";
 import "../../chunks/chunk.CVCJY3ME.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.OWACJFST.js";
-import "../../chunks/chunk.25AH7KN2.js";
+import "../../chunks/chunk.DXLUBAVX.js";
+import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdAccordionGroup as default

package/dist-versioned/components/animation/animation.d.ts

@@ -34,6 +34,6 @@ export default class SdAnimation extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-12-0-animation': SdAnimation;
+        'sd-5-0-1-animation': SdAnimation;
     }
 }

package/dist-versioned/components/animation/animation.js

@@ -1,10 +1,10 @@
 import {
   SdAnimation
-} from "../../chunks/chunk.QEQDPEN2.js";
+} from "../../chunks/chunk.O6YESZHA.js";
 import "../../chunks/chunk.TJOP7HQP.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.OWACJFST.js";
-import "../../chunks/chunk.25AH7KN2.js";
+import "../../chunks/chunk.DXLUBAVX.js";
+import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdAnimation as default

package/dist-versioned/components/audio/audio.d.ts

@@ -53,6 +53,6 @@ export default class SdAudio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-12-0-audio': SdAudio;
+        'sd-5-0-1-audio': SdAudio;
     }
 }

package/dist-versioned/components/audio/audio.js

@@ -1,23 +1,23 @@
 import {
   SdAudio
-} from "../../chunks/chunk.ECH5BTRG.js";
-import "../../chunks/chunk.HEYBJG64.js";
-import "../../chunks/chunk.T5QL4V5F.js";
+} from "../../chunks/chunk.M2VTLBRP.js";
+import "../../chunks/chunk.75VFJ3VZ.js";
+import "../../chunks/chunk.2FRKOJLK.js";
 import "../../chunks/chunk.KVKRZJS7.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
-import "../../chunks/chunk.YGRJQZFR.js";
-import "../../chunks/chunk.7WEXXSFH.js";
+import "../../chunks/chunk.P775L6OS.js";
+import "../../chunks/chunk.OC7IH3HF.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.7VPFFNHR.js";
+import "../../chunks/chunk.YNSZZDYQ.js";
 import "../../chunks/chunk.4TPOL3LB.js";
-import "../../chunks/chunk.XS4QJO4N.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.WEDOS4Q6.js";
 import "../../chunks/chunk.CVCJY3ME.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.OWACJFST.js";
-import "../../chunks/chunk.25AH7KN2.js";
+import "../../chunks/chunk.DXLUBAVX.js";
+import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.POFWU6ZT.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist-versioned/components/badge/badge.d.ts

@@ -8,6 +8,6 @@ export default class SdBadge extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-12-0-badge': SdBadge;
+        'sd-5-0-1-badge': SdBadge;
     }
 }

package/dist-versioned/components/badge/badge.js

@@ -1,8 +1,8 @@
 import {
   SdBadge
-} from "../../chunks/chunk.7VCFYOV5.js";
-import "../../chunks/chunk.OWACJFST.js";
-import "../../chunks/chunk.25AH7KN2.js";
+} from "../../chunks/chunk.QZCGIMWI.js";
+import "../../chunks/chunk.DXLUBAVX.js";
+import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdBadge as default

package/dist-versioned/components/brandshape/brandshape.d.ts

@@ -25,7 +25,7 @@ export default class SdBrandshape extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-12-0-brandshape': SdBrandshape;
+        'sd-5-0-1-brandshape': SdBrandshape;
     }
 }
 export {};

package/dist-versioned/components/brandshape/brandshape.js

@@ -1,8 +1,8 @@
 import {
   SdBrandshape
-} from "../../chunks/chunk.ERRAXV4M.js";
-import "../../chunks/chunk.OWACJFST.js";
-import "../../chunks/chunk.25AH7KN2.js";
+} from "../../chunks/chunk.MBOP4XDK.js";
+import "../../chunks/chunk.DXLUBAVX.js";
+import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdBrandshape as default

package/dist-versioned/components/button/button.d.ts

@@ -48,6 +48,6 @@ export default class SdButton extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-12-0-button': SdButton;
+        'sd-5-0-1-button': SdButton;
     }
 }

package/dist-versioned/components/button/button.js

@@ -1,15 +1,15 @@
 import {
   SdButton
-} from "../../chunks/chunk.HEYBJG64.js";
-import "../../chunks/chunk.T5QL4V5F.js";
+} from "../../chunks/chunk.75VFJ3VZ.js";
+import "../../chunks/chunk.2FRKOJLK.js";
 import "../../chunks/chunk.KVKRZJS7.js";
 import "../../chunks/chunk.YEZS5ZR2.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.WEDOS4Q6.js";
 import "../../chunks/chunk.CVCJY3ME.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.OWACJFST.js";
-import "../../chunks/chunk.25AH7KN2.js";
+import "../../chunks/chunk.DXLUBAVX.js";
+import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdButton as default

package/dist-versioned/components/button-group/button-group.d.ts

@@ -13,6 +13,6 @@ export default class SdButtonGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-12-0-button-group': SdButtonGroup;
+        'sd-5-0-1-button-group': SdButtonGroup;
     }
 }

package/dist-versioned/components/button-group/button-group.js

@@ -1,8 +1,8 @@
 import {
   SdButtonGroup
-} from "../../chunks/chunk.MSSKOOJJ.js";
-import "../../chunks/chunk.OWACJFST.js";
-import "../../chunks/chunk.25AH7KN2.js";
+} from "../../chunks/chunk.YTDKF4U7.js";
+import "../../chunks/chunk.DXLUBAVX.js";
+import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdButtonGroup as default

package/dist-versioned/components/carousel/carousel.d.ts

@@ -55,6 +55,6 @@ export default class SdCarousel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-12-0-carousel': SdCarousel;
+        'sd-5-0-1-carousel': SdCarousel;
     }
 }

package/dist-versioned/components/carousel/carousel.js

@@ -1,24 +1,24 @@
 import {
   SdCarousel
-} from "../../chunks/chunk.ULQU6P3E.js";
+} from "../../chunks/chunk.F4LWSCE7.js";
 import "../../chunks/chunk.F4VGSDIW.js";
-import "../../chunks/chunk.DLBXYZN6.js";
+import "../../chunks/chunk.FNYEXUNK.js";
 import "../../chunks/chunk.NOWCQZBS.js";
-import "../../chunks/chunk.X7IRGFBS.js";
+import "../../chunks/chunk.P3M4RPHM.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.YGRJQZFR.js";
-import "../../chunks/chunk.7WEXXSFH.js";
+import "../../chunks/chunk.P775L6OS.js";
+import "../../chunks/chunk.OC7IH3HF.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.7VPFFNHR.js";
+import "../../chunks/chunk.YNSZZDYQ.js";
 import "../../chunks/chunk.4TPOL3LB.js";
-import "../../chunks/chunk.XS4QJO4N.js";
 import "../../chunks/chunk.YKM42GKF.js";
 import "../../chunks/chunk.WEDOS4Q6.js";
 import "../../chunks/chunk.CVCJY3ME.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.OWACJFST.js";
-import "../../chunks/chunk.25AH7KN2.js";
+import "../../chunks/chunk.DXLUBAVX.js";
+import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdCarousel as default

package/dist-versioned/components/carousel/scroll-controller.js

@@ -1,9 +1,9 @@
 import {
   ScrollController
-} from "../../chunks/chunk.DLBXYZN6.js";
+} from "../../chunks/chunk.FNYEXUNK.js";
 import "../../chunks/chunk.NOWCQZBS.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.25AH7KN2.js";
+import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   ScrollController

package/dist-versioned/components/carousel-item/carousel-item.d.ts

@@ -7,6 +7,6 @@ export default class SdCarouselItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-12-0-carousel-item': SdCarouselItem;
+        'sd-5-0-1-carousel-item': SdCarouselItem;
     }
 }

package/dist-versioned/components/carousel-item/carousel-item.js

@@ -1,8 +1,8 @@
 import {
   SdCarouselItem
-} from "../../chunks/chunk.X7IRGFBS.js";
-import "../../chunks/chunk.OWACJFST.js";
-import "../../chunks/chunk.25AH7KN2.js";
+} from "../../chunks/chunk.P3M4RPHM.js";
+import "../../chunks/chunk.DXLUBAVX.js";
+import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdCarouselItem as default

package/dist-versioned/components/checkbox/checkbox.d.ts

@@ -38,6 +38,6 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-12-0-checkbox': SdCheckbox;
+        'sd-5-0-1-checkbox': SdCheckbox;
     }
 }

package/dist-versioned/components/checkbox/checkbox.js

@@ -1,18 +1,18 @@
 import {
   SdCheckbox
-} from "../../chunks/chunk.JNJHWACL.js";
+} from "../../chunks/chunk.P4BL4RSV.js";
 import "../../chunks/chunk.GI7VDIWX.js";
 import "../../chunks/chunk.KVKRZJS7.js";
-import "../../chunks/chunk.YGRJQZFR.js";
-import "../../chunks/chunk.7WEXXSFH.js";
+import "../../chunks/chunk.P775L6OS.js";
+import "../../chunks/chunk.OC7IH3HF.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.7VPFFNHR.js";
+import "../../chunks/chunk.YNSZZDYQ.js";
 import "../../chunks/chunk.4TPOL3LB.js";
-import "../../chunks/chunk.XS4QJO4N.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.OWACJFST.js";
-import "../../chunks/chunk.25AH7KN2.js";
+import "../../chunks/chunk.DXLUBAVX.js";
+import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdCheckbox as default

package/dist-versioned/components/checkbox-group/checkbox-group.d.ts

@@ -16,6 +16,6 @@ export default class SdCheckboxGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-12-0-checkbox-group': SdCheckboxGroup;
+        'sd-5-0-1-checkbox-group': SdCheckboxGroup;
     }
 }