@solid-design-system/components 5.15.1 → 5.15.3

package/dist/components/tooltip/tooltip.js

@@ -1,11 +1,11 @@
 import {
   SdTooltip
-} from "../../chunks/chunk.5LLVB6R3.js";
-import "../../chunks/chunk.B4AW33FC.js";
+} from "../../chunks/chunk.ADY7RT6L.js";
+import "../../chunks/chunk.ZMSOLV3R.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.DIXRYCRP.js";
+import "../../chunks/chunk.PJ7XO6PD.js";
 import "../../chunks/chunk.6JH5RYK5.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.M4ZYKLLS.js";
@@ -16,7 +16,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.HIAKAB7R.js";
 import "../../chunks/chunk.7VEM2IPR.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.NXS7DO7N.js";
+import "../../chunks/chunk.HE6XS64K.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/video/video.js

@@ -1,8 +1,8 @@
 import {
   SdVideo
-} from "../../chunks/chunk.B6FL47S6.js";
+} from "../../chunks/chunk.DOZER2ZF.js";
 import "../../chunks/chunk.IVMQWO2L.js";
-import "../../chunks/chunk.DIXRYCRP.js";
+import "../../chunks/chunk.PJ7XO6PD.js";
 import "../../chunks/chunk.6JH5RYK5.js";
 import "../../chunks/chunk.7VPFFNHR.js";
 import "../../chunks/chunk.M4ZYKLLS.js";
@@ -13,7 +13,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.HIAKAB7R.js";
 import "../../chunks/chunk.7VEM2IPR.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.NXS7DO7N.js";
+import "../../chunks/chunk.HE6XS64K.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/custom-elements.json

@@ -16490,10 +16490,6 @@
               "description": "The step's label.",
               "name": "label"
             },
-            {
-              "description": "The step's index.",
-              "name": "index"
-            },
             {
               "description": "The content inside a step circle. This could be an icon or a number.",
               "name": "circle-content"
@@ -20632,7 +20628,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "5.15.1",
+    "version": "5.15.3",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/dist/internal/solid-element.js

@@ -25,6 +25,7 @@ export default class SolidElement extends LitElement {
       @tailwind utilities;
 
       :host {
+        --tw-content: '';
         --tw-gradient-from-position: 0%;
         --tw-gradient-to-position: 100%;
 

package/dist/solid-components.js

@@ -1,191 +1,191 @@
 import "./chunks/chunk.HAL7R4WT.js";
 import {
   SdVideo
-} from "./chunks/chunk.B6FL47S6.js";
+} from "./chunks/chunk.DOZER2ZF.js";
 import {
   setupAutocomplete
 } from "./chunks/chunk.6DKXZWRN.js";
 import {
   SdTab
-} from "./chunks/chunk.CS6G3MPN.js";
+} from "./chunks/chunk.R2WXA2KB.js";
 import {
   SdTabGroup
-} from "./chunks/chunk.KPWKRZGL.js";
+} from "./chunks/chunk.JTM4WQT3.js";
 import {
   SdTabPanel
-} from "./chunks/chunk.KQLO4TZ5.js";
+} from "./chunks/chunk.TVYQGSL7.js";
 import {
   SdTeaser
-} from "./chunks/chunk.AE3WPKVR.js";
+} from "./chunks/chunk.2YPFD3ZA.js";
 import {
   SdTeaserMedia
-} from "./chunks/chunk.7YQJWIYJ.js";
+} from "./chunks/chunk.ZEDANBHC.js";
 import {
   SdTextarea
-} from "./chunks/chunk.4FYYKKBL.js";
+} from "./chunks/chunk.I5KKTC5M.js";
 import {
   SdTooltip
-} from "./chunks/chunk.5LLVB6R3.js";
+} from "./chunks/chunk.ADY7RT6L.js";
 import {
   SdRangeTick
-} from "./chunks/chunk.K2DJQDJ4.js";
+} from "./chunks/chunk.HC7QKCJW.js";
 import {
   SdScrollable
-} from "./chunks/chunk.SMMMT4SZ.js";
+} from "./chunks/chunk.CPTMW5LD.js";
 import {
   SdSelect
-} from "./chunks/chunk.NAFCDIL3.js";
+} from "./chunks/chunk.GZ3EBOA3.js";
 import {
   SdSpinner
-} from "./chunks/chunk.ALVVYYIR.js";
+} from "./chunks/chunk.VSTQRXSJ.js";
 import {
   SdStep
-} from "./chunks/chunk.37TNCACC.js";
+} from "./chunks/chunk.3SQXPH2S.js";
 import {
   SdStepGroup
-} from "./chunks/chunk.GGCTLJ4D.js";
+} from "./chunks/chunk.5VYQPSGE.js";
 import {
   SdSwitch
-} from "./chunks/chunk.ZK4EFZJB.js";
+} from "./chunks/chunk.I2LMIGIR.js";
 import {
   SdOptgroup
-} from "./chunks/chunk.BJ6QDKVA.js";
+} from "./chunks/chunk.6IGJDXRB.js";
 import {
   SdOption
-} from "./chunks/chunk.C332XERU.js";
+} from "./chunks/chunk.GT3M2XHD.js";
 import {
   SdQuickfact
-} from "./chunks/chunk.JW5YX4GK.js";
+} from "./chunks/chunk.CUMSHG2R.js";
 import {
   SdRadioButton
-} from "./chunks/chunk.5PM33S4N.js";
+} from "./chunks/chunk.ZQHITWN2.js";
 import {
   SdRadioGroup
-} from "./chunks/chunk.MHLZ7GKR.js";
+} from "./chunks/chunk.Q7KRGHA3.js";
 import {
   SdRadio
-} from "./chunks/chunk.NFY6NE6Z.js";
+} from "./chunks/chunk.LLWH27UP.js";
 import {
   SdRange
-} from "./chunks/chunk.26VYQIOD.js";
+} from "./chunks/chunk.ZJ6E5KJN.js";
 import "./chunks/chunk.D3YSIVTB.js";
 import {
   SdLink
-} from "./chunks/chunk.LGELFCZP.js";
+} from "./chunks/chunk.4CBAGYRB.js";
 import {
   SdMapMarker
-} from "./chunks/chunk.KNWAH4Z5.js";
+} from "./chunks/chunk.KBMXADUU.js";
 import {
   SdMenu
-} from "./chunks/chunk.I2LO4IGY.js";
+} from "./chunks/chunk.XJVEIPAP.js";
 import {
   SdMenuItem
-} from "./chunks/chunk.XWZNY4BH.js";
+} from "./chunks/chunk.MBM7VZZ4.js";
 import "./chunks/chunk.KEJFWGZI.js";
 import {
   SdNavigationItem
-} from "./chunks/chunk.T5YQM2UK.js";
+} from "./chunks/chunk.KY4GNUVR.js";
 import {
   SdNotification
-} from "./chunks/chunk.SV7PKNLF.js";
+} from "./chunks/chunk.NFJR4CEU.js";
 import {
   SdInclude
-} from "./chunks/chunk.AHMEVJMX.js";
+} from "./chunks/chunk.DHNJSF72.js";
 import {
   SdInput
-} from "./chunks/chunk.WFIIU6PJ.js";
+} from "./chunks/chunk.LLDBJGEV.js";
 import {
   SdDialog
-} from "./chunks/chunk.B3PDWSAO.js";
+} from "./chunks/chunk.JD5INMNF.js";
 import {
   SdDivider
-} from "./chunks/chunk.3EQ2WOVC.js";
+} from "./chunks/chunk.N4F532B7.js";
 import {
   SdDropdown
-} from "./chunks/chunk.37LBEMXS.js";
+} from "./chunks/chunk.C2VGAE46.js";
 import {
   SdExpandable
-} from "./chunks/chunk.5KQPPIBZ.js";
+} from "./chunks/chunk.RAOSBPKS.js";
 import {
   SdFlipcard
-} from "./chunks/chunk.QCA2GRRO.js";
+} from "./chunks/chunk.PINBL3KA.js";
 import {
   SdHeader
-} from "./chunks/chunk.EYGJ6QWJ.js";
+} from "./chunks/chunk.P52IMOIU.js";
 import {
   SdCheckbox
-} from "./chunks/chunk.JQJXSQKT.js";
+} from "./chunks/chunk.ISRYPR4U.js";
 import {
   SdCheckboxGroup
-} from "./chunks/chunk.BA3MSKPQ.js";
+} from "./chunks/chunk.OK6AAQKR.js";
 import {
   SdCombobox
-} from "./chunks/chunk.2MJJHZR4.js";
+} from "./chunks/chunk.EIX5LCXO.js";
 import {
   SdTag
-} from "./chunks/chunk.BDUEFRPO.js";
+} from "./chunks/chunk.MPSCU7UZ.js";
 import {
   SdPopup
-} from "./chunks/chunk.B4AW33FC.js";
+} from "./chunks/chunk.ZMSOLV3R.js";
 import "./chunks/chunk.GI7VDIWX.js";
 import "./chunks/chunk.WBJBQ4QI.js";
 import "./chunks/chunk.UIQBHPD3.js";
 import {
   SdBadge
-} from "./chunks/chunk.CNDCBFFV.js";
+} from "./chunks/chunk.GJT6FCYQ.js";
 import {
   SdBrandshape
-} from "./chunks/chunk.HV3AJIJO.js";
+} from "./chunks/chunk.AB2WEMSW.js";
 import {
   SdBreadcrumb
-} from "./chunks/chunk.WUIOLD72.js";
+} from "./chunks/chunk.TSFG376D.js";
 import {
   SdBreadcrumbItem
-} from "./chunks/chunk.BMFACTFH.js";
-import "./chunks/chunk.ANOMYZE3.js";
+} from "./chunks/chunk.G7ZR3QWE.js";
+import "./chunks/chunk.B63HBMAU.js";
 import {
   SdCarousel
-} from "./chunks/chunk.HMK6KRAR.js";
+} from "./chunks/chunk.IQ7BSOS4.js";
 import "./chunks/chunk.W2YDXTG5.js";
 import "./chunks/chunk.FNYEXUNK.js";
 import "./chunks/chunk.NOWCQZBS.js";
 import {
   SdCarouselItem
-} from "./chunks/chunk.RUNTBTHS.js";
+} from "./chunks/chunk.GGQJ3EC5.js";
 import "./chunks/chunk.F4VGSDIW.js";
 import {
   SdAccordionGroup
-} from "./chunks/chunk.4I4QBVGB.js";
+} from "./chunks/chunk.TC3YZNIH.js";
 import {
   SdAccordion
-} from "./chunks/chunk.PBEPE2U7.js";
+} from "./chunks/chunk.PMJXJEX2.js";
 import {
   SdAnimation
-} from "./chunks/chunk.GIS5TWPR.js";
+} from "./chunks/chunk.B7ODDKMH.js";
 import "./chunks/chunk.TJOP7HQP.js";
 import {
   SdAudio
-} from "./chunks/chunk.SRLNYSZB.js";
+} from "./chunks/chunk.Z32MALX7.js";
 import {
   SdDrawer
-} from "./chunks/chunk.SGJLP4HM.js";
+} from "./chunks/chunk.C2TQNLAF.js";
 import "./chunks/chunk.SF6AUNJF.js";
 import "./chunks/chunk.EDMG7C5H.js";
 import "./chunks/chunk.UMIKFOMI.js";
 import "./chunks/chunk.WDWV53JP.js";
 import {
   SdButton
-} from "./chunks/chunk.32WTYFY6.js";
+} from "./chunks/chunk.75647T23.js";
 import {
   SdLoader
-} from "./chunks/chunk.VGC5A42Q.js";
+} from "./chunks/chunk.MJTAF2NQ.js";
 import "./chunks/chunk.XCQC3F3H.js";
 import "./chunks/chunk.IVMQWO2L.js";
 import "./chunks/chunk.N4LHE3QK.js";
 import "./chunks/chunk.B4BZKR24.js";
 import {
   SdIcon
-} from "./chunks/chunk.DIXRYCRP.js";
+} from "./chunks/chunk.PJ7XO6PD.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -201,7 +201,7 @@ import {
 import "./chunks/chunk.HIAKAB7R.js";
 import "./chunks/chunk.7VEM2IPR.js";
 import "./chunks/chunk.X2OQMWGY.js";
-import "./chunks/chunk.NXS7DO7N.js";
+import "./chunks/chunk.HE6XS64K.js";
 import "./chunks/chunk.HQWAKJBV.js";
 import "./chunks/chunk.POFWU6ZT.js";
 import "./chunks/chunk.S3NI7NKU.js";

package/dist/utilities/autocomplete-config.js

@@ -1,8 +1,8 @@
 import {
   setupAutocomplete
 } from "../chunks/chunk.6DKXZWRN.js";
-import "../chunks/chunk.B4AW33FC.js";
-import "../chunks/chunk.NXS7DO7N.js";
+import "../chunks/chunk.ZMSOLV3R.js";
+import "../chunks/chunk.HE6XS64K.js";
 import "../chunks/chunk.HQWAKJBV.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/vscode.html-custom-data.json

@@ -2573,7 +2573,7 @@
     },
     {
       "name": "sd-step",
-      "description": "Steps are used inside [step groups](/components/step-group) to guide users through the steps of a process or task..\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The step's description.\n- **label** - The step's label.\n- **index** - The step's index.\n- **circle-content** - The content inside a step circle. This could be an icon or a number.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **circle-and-tail-container** - The container that wraps the step's circle and tail.\n- **circle** - The circle that marks the step's state.\n- **tail** - The step's tail.\n- **text-container** - The container that wraps the step's label and description.\n- **label** - The step's label.\n- **description** - The step's description.",
+      "description": "Steps are used inside [step groups](/components/step-group) to guide users through the steps of a process or task..\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The step's description.\n- **label** - The step's label.\n- **circle-content** - The content inside a step circle. This could be an icon or a number.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **circle-and-tail-container** - The container that wraps the step's circle and tail.\n- **circle** - The circle that marks the step's state.\n- **tail** - The step's tail.\n- **text-container** - The container that wraps the step's label and description.\n- **label** - The step's label.\n- **description** - The step's description.",
       "attributes": [
         {
           "name": "size",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "5.15.1",
+  "version": "5.15.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -5887,7 +5887,7 @@
         },
         {
           "name": "sd-step",
-          "description": "Steps are used inside [step groups](/components/step-group) to guide users through the steps of a process or task..\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The step's description.\n- **label** - The step's label.\n- **index** - The step's index.\n- **circle-content** - The content inside a step circle. This could be an icon or a number.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **circle-and-tail-container** - The container that wraps the step's circle and tail.\n- **circle** - The circle that marks the step's state.\n- **tail** - The step's tail.\n- **text-container** - The container that wraps the step's label and description.\n- **label** - The step's label.\n- **description** - The step's description.",
+          "description": "Steps are used inside [step groups](/components/step-group) to guide users through the steps of a process or task..\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The step's description.\n- **label** - The step's label.\n- **circle-content** - The content inside a step circle. This could be an icon or a number.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **circle-and-tail-container** - The container that wraps the step's circle and tail.\n- **circle** - The circle that marks the step's state.\n- **tail** - The step's tail.\n- **text-container** - The container that wraps the step's label and description.\n- **label** - The step's label.\n- **description** - The step's description.",
           "doc-url": "",
           "attributes": [
             {
@@ -5967,7 +5967,6 @@
           "slots": [
             { "name": "", "description": "The step's description." },
             { "name": "label", "description": "The step's label." },
-            { "name": "index", "description": "The step's index." },
             {
               "name": "circle-content",
               "description": "The content inside a step circle. This could be an icon or a number."

package/dist-versioned/chunks/{chunk.AE3WPKVR.js → chunk.2YPFD3ZA.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NXS7DO7N.js";
+} from "./chunk.HE6XS64K.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -104,7 +104,7 @@ __decorateClass([
   state()
 ], SdTeaser.prototype, "_orientation", 2);
 SdTeaser = __decorateClass([
-  customElement("sd-5-15-1-teaser")
+  customElement("sd-5-15-3-teaser")
 ], SdTeaser);
 
 export {

package/dist-versioned/chunks/{chunk.37TNCACC.js → chunk.3SQXPH2S.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NXS7DO7N.js";
+} from "./chunk.HE6XS64K.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -105,7 +105,7 @@ var SdStep = class extends SolidElement {
       "text-lg",
       !this.disabled && !this.current && !this.notInteractive && !this.waiting && "text-primary hover:text-primary-500 hover:fill-primary-500",
       this.notInteractive && "text-primary"
-    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-5-15-1-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-5-15-1-icon>` : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx("flex flex-col gap-1 flex-1")}"><div class="${cx(
+    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-5-15-3-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-5-15-3-icon>` : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx("flex flex-col gap-1 flex-1")}"><div class="${cx(
       "flex w-full",
       hasLabel && "gap-2",
       this.size === "sm" && !hasDescription ? "mt-1" : "mt-3"
@@ -195,7 +195,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStep.prototype, "handleInteractivityChange", 1);
 SdStep = __decorateClass([
-  customElement("sd-5-15-1-step")
+  customElement("sd-5-15-3-step")
 ], SdStep);
 
 export {

package/dist-versioned/chunks/{chunk.LGELFCZP.js → chunk.4CBAGYRB.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NXS7DO7N.js";
+} from "./chunk.HE6XS64K.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -84,7 +84,7 @@ var SdLink = class extends SolidElement {
 };
 SdLink.styles = [
   ...SolidElement.styles,
-  css`::slotted(sd-5-15-1-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-5-15-1-icon){font-size:var(--sd-font-size-base,1rem)}:host([size=lg][standalone]) ::slotted(sd-5-15-1-icon){font-size:var(--sd-font-size-xl,1.5rem)}`
+  css`::slotted(sd-5-15-3-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-5-15-3-icon){font-size:var(--sd-font-size-base,1rem)}:host([size=lg][standalone]) ::slotted(sd-5-15-3-icon){font-size:var(--sd-font-size-xl,1.5rem)}`
 ];
 __decorateClass([
   query("a")
@@ -111,7 +111,7 @@ __decorateClass([
   property({ reflect: true })
 ], SdLink.prototype, "download", 2);
 SdLink = __decorateClass([
-  customElement("sd-5-15-1-link")
+  customElement("sd-5-15-3-link")
 ], SdLink);
 
 export {

package/dist-versioned/chunks/{chunk.GGCTLJ4D.js → chunk.5VYQPSGE.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NXS7DO7N.js";
+} from "./chunk.HE6XS64K.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -55,7 +55,7 @@ var SdStepGroup = class extends SolidElement {
     });
   }
   getAllSteps() {
-    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-5-15-1-step");
+    return [...this.body.assignedElements()].filter((el) => el.tagName.toLowerCase() === "sd-5-15-3-step");
   }
   /**
    * Sets the active step.
@@ -120,7 +120,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStepGroup.prototype, "handleInteractivityChange", 1);
 SdStepGroup = __decorateClass([
-  customElement("sd-5-15-1-step-group")
+  customElement("sd-5-15-3-step-group")
 ], SdStepGroup);
 
 export {

package/dist-versioned/chunks/chunk.6DKXZWRN.js

@@ -10,7 +10,7 @@ function setupAutocomplete(selector, { setValueOnSelection, scrollSelectionIntoV
     var _a, _b;
     const ul = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("ul");
     ul == null ? void 0 : ul.setAttribute("part", "listbox");
-    const popup = document.createElement("sd-5-15-1-popup");
+    const popup = document.createElement("sd-5-15-3-popup");
     popup.appendChild(ul);
     (_b = sdInput.shadowRoot) == null ? void 0 : _b.appendChild(popup);
     popup == null ? void 0 : popup.setAttribute("exportparts", "popup__content");
@@ -22,7 +22,7 @@ function setupAutocomplete(selector, { setValueOnSelection, scrollSelectionIntoV
       popup.anchor = sdInput;
       popup.sync = "width";
     }
-    const styles = css`sd-5-15-1-popup::part(popup){border-bottom-left-radius:var(--sd-border-radius-default,.25rem);border-bottom-right-radius:var(--sd-border-radius-default,.25rem);border-width:0 2px 2px;overflow-y:scroll;z-index:var(--sd-z-index-dropdown,900);--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-2,.5rem);--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-5-15-1-popup li{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}sd-5-15-1-popup li:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity,1))}sd-5-15-1-popup li{list-style-type:""}sd-5-15-1-popup li mark{background-color:transparent;font-weight:700}sd-5-15-1-popup li:not(:has(sd-5-15-1-option)){cursor:pointer;font-size:var(--sd-font-size-base,1rem);padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-4,1rem);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}sd-5-15-1-popup li:not(:has(sd-5-15-1-option)):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1))}sd-5-15-1-popup li[aria-selected=true]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1))}`;
+    const styles = css`sd-5-15-3-popup::part(popup){border-bottom-left-radius:var(--sd-border-radius-default,.25rem);border-bottom-right-radius:var(--sd-border-radius-default,.25rem);border-width:0 2px 2px;overflow-y:scroll;z-index:var(--sd-z-index-dropdown,900);--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-2,.5rem);--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-5-15-3-popup li{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}sd-5-15-3-popup li:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity,1))}sd-5-15-3-popup li{list-style-type:""}sd-5-15-3-popup li mark{background-color:transparent;font-weight:700}sd-5-15-3-popup li:not(:has(sd-5-15-3-option)){cursor:pointer;font-size:var(--sd-font-size-base,1rem);padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-4,1rem);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}sd-5-15-3-popup li:not(:has(sd-5-15-3-option)):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1))}sd-5-15-3-popup li[aria-selected=true]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1))}`;
     const styleSheet = new CSSStyleSheet();
     styleSheet.replaceSync(styles);
     sdInput.shadowRoot.adoptedStyleSheets = [...sdInput.shadowRoot.adoptedStyleSheets, styleSheet];
@@ -35,13 +35,13 @@ function setupAutocomplete(selector, { setValueOnSelection, scrollSelectionIntoV
   }
   input.addEventListener("open", () => {
     var _a, _b, _c, _d, _e, _f;
-    (_b = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("sd-5-15-1-popup")) == null ? void 0 : _b.setAttribute("active", "true");
+    (_b = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("sd-5-15-3-popup")) == null ? void 0 : _b.setAttribute("active", "true");
     (_d = (_c = sdInput.shadowRoot) == null ? void 0 : _c.querySelector('[part="border"]')) == null ? void 0 : _d.classList.add("rounded-b-none");
     (_f = (_e = sdInput.shadowRoot) == null ? void 0 : _e.querySelector('[part="form-control"]')) == null ? void 0 : _f.classList.add("z-50");
   });
   input.addEventListener("close", () => {
     var _a, _b, _c, _d, _e, _f;
-    (_b = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("sd-5-15-1-popup")) == null ? void 0 : _b.removeAttribute("active");
+    (_b = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("sd-5-15-3-popup")) == null ? void 0 : _b.removeAttribute("active");
     (_d = (_c = sdInput.shadowRoot) == null ? void 0 : _c.querySelector('[part="border"]')) == null ? void 0 : _d.classList.remove("rounded-b-none");
     (_f = (_e = sdInput.shadowRoot) == null ? void 0 : _e.querySelector('[part="form-control"]')) == null ? void 0 : _f.classList.remove("z-50");
   });

package/dist-versioned/chunks/{chunk.BJ6QDKVA.js → chunk.6IGJDXRB.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NXS7DO7N.js";
+} from "./chunk.HE6XS64K.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -25,11 +25,11 @@ var SdOptgroup = class extends SolidElement {
     this.label = "";
   }
   /**
-   * Syncs the disabled prop for all slotted sd-5-15-1-options when it is triggered
+   * Syncs the disabled prop for all slotted sd-5-15-3-options when it is triggered
    */
   handleDisableOptions() {
     const { disabled } = this;
-    this.defaultSlot.assignedElements().filter((opt) => opt.tagName.toLowerCase() === "sd-5-15-1-option").forEach((opt) => {
+    this.defaultSlot.assignedElements().filter((opt) => opt.tagName.toLowerCase() === "sd-5-15-3-option").forEach((opt) => {
       opt.disabled = disabled;
     });
   }
@@ -38,7 +38,7 @@ var SdOptgroup = class extends SolidElement {
   }
   render() {
     const { disabled } = this;
-    return html`<div role="${disabled ? "presentation" : "group"}" class="${cx(this.disabled ? "text-neutral-500" : "")}" part="base" aria-labelledby="group-label"><sd-5-15-1-divider id="divider" class="pt-2 pb-4" part="divider"></sd-5-15-1-divider><div part="label-container" class="${cx(this.disabled ? "text-neutral-500" : "text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`;
+    return html`<div role="${disabled ? "presentation" : "group"}" class="${cx(this.disabled ? "text-neutral-500" : "")}" part="base" aria-labelledby="group-label"><sd-5-15-3-divider id="divider" class="pt-2 pb-4" part="divider"></sd-5-15-3-divider><div part="label-container" class="${cx(this.disabled ? "text-neutral-500" : "text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`;
   }
 };
 SdOptgroup.styles = [
@@ -58,7 +58,7 @@ __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], SdOptgroup.prototype, "handleDisabledChange", 1);
 SdOptgroup = __decorateClass([
-  customElement("sd-5-15-1-optgroup")
+  customElement("sd-5-15-3-optgroup")
 ], SdOptgroup);
 
 export {

package/dist-versioned/chunks/{chunk.32WTYFY6.js → chunk.75647T23.js}

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.NXS7DO7N.js";
+} from "./chunk.HE6XS64K.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -222,7 +222,7 @@ var SdButton = class extends SolidElement {
         md: "ml-2",
         lg: "ml-2"
       }[this.size]
-    )}"></slot>${this.loading ? html`<sd-5-15-1-loader class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-5-15-1-loader>` : ""}</${tag}>`;
+    )}"></slot>${this.loading ? html`<sd-5-15-3-loader class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-5-15-3-loader>` : ""}</${tag}>`;
   }
 };
 /**
@@ -230,13 +230,13 @@ var SdButton = class extends SolidElement {
  */
 SdButton.styles = [
   ...SolidElement.styles,
-  css`:host{cursor:pointer;display:inline-block;position:relative;width:var(--sd-spacing-auto,auto);z-index:0}::slotted(sd-5-15-1-badge){pointer-events:none;position:absolute;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);--tw-translate-x:50%!important;--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}::slotted(sd-5-15-1-icon),sd-5-15-1-loader{font-size:calc(var(--tw-varspacing)/2)}`
+  css`:host{cursor:pointer;display:inline-block;position:relative;width:var(--sd-spacing-auto,auto);z-index:0}::slotted(sd-5-15-3-badge){pointer-events:none;position:absolute;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);--tw-translate-x:50%!important;--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}::slotted(sd-5-15-3-icon),sd-5-15-3-loader{font-size:calc(var(--tw-varspacing)/2)}`
 ];
 __decorateClass([
   query("a, button")
 ], SdButton.prototype, "button", 2);
 __decorateClass([
-  queryAssignedElements({ selector: "sd-5-15-1-icon" })
+  queryAssignedElements({ selector: "sd-5-15-3-icon" })
 ], SdButton.prototype, "_iconsInDefaultSlot", 2);
 __decorateClass([
   state()
@@ -302,7 +302,7 @@ __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], SdButton.prototype, "handleDisabledChange", 1);
 SdButton = __decorateClass([
-  customElement("sd-5-15-1-button")
+  customElement("sd-5-15-3-button")
 ], SdButton);
 
 export {

package/dist-versioned/chunks/{chunk.HV3AJIJO.js → chunk.AB2WEMSW.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.NXS7DO7N.js";
+} from "./chunk.HE6XS64K.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -137,7 +137,7 @@ __decorateClass([
   state()
 ], SdBrandshape.prototype, "componentBreakpoint", 2);
 SdBrandshape = __decorateClass([
-  customElement("sd-5-15-1-brandshape")
+  customElement("sd-5-15-3-brandshape")
 ], SdBrandshape);
 
 export {