@solid-design-system/components 6.12.1 → 6.13.1

package/dist/chunks/{chunk.HDB5VQ6T.js → chunk.JK2XCRWF.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.WIXKV24T.js → chunk.JMJXCRHX.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.5IGIZXCC.js → chunk.K3YE6JTB.js}

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.QMQD2SCQ.js";
+} from "./chunk.7VGIRCAG.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.REYEB3D7.js → chunk.KVHDJCMW.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.4TOOTTT7.js → chunk.LNHCBXO4.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.V5VJQQ73.js → chunk.LTRFGS3F.js}

@@ -27,7 +27,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.JVFY4KAV.js → chunk.M755Z4QL.js}

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.P4H32F7J.js → chunk.MCPTLXS6.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.HSLR5EL7.js → chunk.MPPXWXME.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.DVHTNKCQ.js → chunk.MXDSQYTJ.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.K33P42FK.js → chunk.N7VAAGG6.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.TEHZN5K4.js → chunk.NJFWQYZM.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -71,6 +71,8 @@ var SdBrandshape = class extends SolidElement {
         white: "bg-white",
         "border-white": "bg-transparent",
         "border-primary": "bg-transparent",
+        "primary|80": "bg-primary/80",
+        "white|80": "bg-white/80",
         image: "bg-transparent"
       }[this.variant],
       "w-full block absolute h-full top-0 left-0 z-0"
@@ -90,10 +92,13 @@ var SdBrandshape = class extends SolidElement {
         white: "bg-white",
         "border-white": "bg-transparent",
         "border-primary": "bg-transparent",
+        "primary|80": "bg-primary/80",
+        "white|80": "bg-white/80",
         image: "bg-transparent"
       }[this.variant],
       { top: "bottom-0", bottom: "top-0" }[position],
-      "block absolute left-0 w-full h-[1px]"
+      "block absolute left-0 w-full",
+      this.variant !== "primary|80" && this.variant !== "white|80" ? "h-[1px]" : ""
     )}"></div>`;
   }
   renderStylizedVariant() {
@@ -115,7 +120,7 @@ SdBrandshape.styles = [
   css`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{display:block;container-type:inline-size;--angle:11deg;--radius:60px;--tan:tan(var(--angle));--adjacent:100cqw;--opposite:calc(var(--tan) * var(--adjacent));--curve:calc(
           (var(--opposite) - (var(--radius) / 3)) * 0.5
-        )}@supports not (transform:skewY(11deg)){:host{--tan:0.1943803091}}@media (min-width:415px){:host{--radius:72px}}@media (min-width:640px){:host{--radius:84px}}:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{position:absolute;top:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);transform:skewY(calc(var(--angle) * -1));height:calc(100% - var(--curve) * 2);border-radius:0 var(--radius);margin-top:calc(var(--curve))}slot[name=image]::slotted(img),slot[name=image]::slotted(video){width:100%;-o-object-fit:cover;object-fit:cover;transform:translateY(calc(var(--curve) * -1)) skewY(var(--angle));height:calc(100% + var(--curve) * 2)!important;position:absolute!important}@supports not (height:100cqw){:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{transform:unset;height:100%;margin-top:0}slot[name=image]::slotted(img),slot[name=image]::slotted(video){transform:unset;height:100%!important}}:host([variant=border-primary]){--internal-border-color:rgba(var(--sd-color-border-primary, rgba(var(--sd-color-primary))))}:host([variant=border-white]){--internal-border-color:rgba(var(--sd-color-border-white, rgba(var(--sd-color-white))))}:host([variant^=border-]) [part=stylized-container]::before{right:calc(var(--sd-spacing-1) * 0);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);--tw-border-style:solid;border-style:solid;content:'';border-color:var(--internal-border-color,#000)}:host([variant=neutral-100]) [part=base]{fill:rgba(var(--sd-brandshape--neutral-100-color-background,rgba(var(--sd-color-neutral-100))))}:host([variant=white]) [part=base]{fill:rgba(var(--sd-color-background-white,rgba(var(--sd-color-white))))}:host([variant=primary]) [part=base]{fill:rgba(var(--sd-color-background-primary,rgba(var(--sd-color-primary))))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`
+        )}@supports not (transform:skewY(11deg)){:host{--tan:0.1943803091}}@media (min-width:415px){:host{--radius:72px}}@media (min-width:640px){:host{--radius:84px}}:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{position:absolute;top:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);transform:skewY(calc(var(--angle) * -1));height:calc(100% - var(--curve) * 2);border-radius:0 var(--radius);margin-top:calc(var(--curve))}slot[name=image]::slotted(img),slot[name=image]::slotted(video){width:100%;-o-object-fit:cover;object-fit:cover;transform:translateY(calc(var(--curve) * -1)) skewY(var(--angle));height:calc(100% + var(--curve) * 2)!important;position:absolute!important}@supports not (height:100cqw){:host([variant=image]) [part=stylized-container],:host([variant^=border-]) [part=stylized-container]::before{transform:unset;height:100%;margin-top:0}slot[name=image]::slotted(img),slot[name=image]::slotted(video){transform:unset;height:100%!important}}:host([variant=border-primary]){--internal-border-color:rgba(var(--sd-color-border-primary, rgba(var(--sd-color-primary))))}:host([variant=border-white]){--internal-border-color:rgba(var(--sd-color-border-white, rgba(var(--sd-color-white))))}:host([variant^=border-]) [part=stylized-container]::before{right:calc(var(--sd-spacing-1) * 0);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);--tw-border-style:solid;border-style:solid;content:'';border-color:var(--internal-border-color,#000)}:host([variant=neutral-100]) [part=base]{fill:rgba(var(--sd-brandshape--neutral-100-color-background,rgba(var(--sd-color-neutral-100))))}:host([variant=white]) [part=base]{fill:rgba(var(--sd-color-background-white,rgba(var(--sd-color-white))))}:host([variant=primary]) [part=base]{fill:rgba(var(--sd-color-background-primary,rgba(var(--sd-color-primary))))}:host([variant='primary|80']) [part=base]{fill:rgba(var(--sd-color-background-primary,rgba(var(--sd-color-primary))) / .8)}:host([variant='white|80']) [part=base]{fill:rgba(var(--sd-color-background-white,rgba(var(--sd-color-white))) / .8)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`
 ];
 __decorateClass([
   query("[part=base]")

package/dist/chunks/{chunk.KNFZPKTF.js → chunk.NZDAUJVV.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.NDY2F6JA.js → chunk.OJNY7PSR.js}

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.OA6QSAEX.js → chunk.P27QSQAJ.js}

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.IYIDHG44.js → chunk.QNKDEKTN.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.OYSZH2PZ.js → chunk.SLXGIYZ7.js}

@@ -26,7 +26,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   animateTo,
   stopAnimations
@@ -636,7 +636,7 @@ var SdSelect = class extends SolidElement {
               popup:popup__content,
             "><div class="${cx(
       "relative w-full h-full grid rounded-default transition-colors hover:duration-fast ease-in-out",
-      this.visuallyDisabled || this.disabled ? "hover:bg-transparent" : "hover:bg-neutral-200",
+      this.visuallyDisabled || this.disabled ? "hover:bg-transparent" : "hover:[@media(hover:hover)]:bg-neutral-200",
       ["invalid", "activeInvalid"].includes(selectState) && "form-control--invalid-color-background"
     )}" slot="anchor"><div class="${cx(
       "input-container items-center w-full h-full px-4 flex min-w-0",

package/dist/chunks/{chunk.35EQJ5SV.js → chunk.SWR6SZWQ.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.SCBHL45L.js → chunk.TFL5VHFX.js}

@@ -35,7 +35,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   animateTo,
   stopAnimations
@@ -98,7 +98,7 @@ var SdCombobox = class extends SolidElement {
       return normalizedOption.includes(normalizedQuery) || normalizedOptionLabel.includes(normalizedQuery);
     };
     this.getTag = (option) => {
-      return html`<sd-tag ?disabled="${this.disabled}" part="tag" exportparts="
+      return html`<sd-tag class="min-w-0 max-w-full" ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,
@@ -263,7 +263,7 @@ var SdCombobox = class extends SolidElement {
       });
     } else {
       return [
-        html`<sd-tag ?disabled="${this.disabled}" part="tag" exportparts="
+        html`<sd-tag class="min-w-0 max-w-full" ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,
@@ -348,10 +348,18 @@ var SdCombobox = class extends SolidElement {
       setTimeout(() => this.displayInput.focus({ preventScroll: true }));
     });
   }
-  handleComboboxKeyDown(event) {
+  async handleComboboxKeyDown(event) {
+    var _a;
     if (event.key === "Tab") {
       this.displayInputValue = "";
       this.displayInput.value = "";
+      if (this.open && ((_a = this.shadowRoot) == null ? void 0 : _a.activeElement) === this.displayInput) {
+        event.preventDefault();
+        this.open = false;
+        await this.updateComplete;
+        this.displayInput.focus();
+        return;
+      }
       return;
     }
     this.handleDocumentKeyDown(event);
@@ -820,7 +828,7 @@ var SdCombobox = class extends SolidElement {
               popup:popup__content,
             "><div part="combobox" class="${cx(
       "relative w-full px-4 flex flex-row items-center rounded-default transition-colors hover:duration-fast ease-in-out",
-      this.visuallyDisabled || this.disabled ? "hover:bg-transparent" : "hover:bg-neutral-200",
+      this.visuallyDisabled || this.disabled ? "hover:bg-transparent" : "hover:[@media(hover:hover)]:bg-neutral-200",
       this.open && "shadow transition-shadow duration-medium ease-in-out",
       ["invalid", "activeInvalid"].includes(selectState) && "form-control--invalid-color-background",
       {
@@ -829,13 +837,12 @@ var SdCombobox = class extends SolidElement {
         lg: "py-2 min-h-[48px]"
       }[this.size],
       verticalPadding
-    )}" slot="anchor" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}">${slots["left"] ? html`<slot part="left" name="left" class="${cx("inline-flex", iconMarginRight, iconColor, iconSize)}"></slot>` : ""} ${this.multiple && this.useTags && this.tags.length > 0 ? html`<div part="tags" class="${cx("flex items-center gap-1", iconMarginRight, this.floatingLabel && "mt-4")}">${this.tags}</div>` : null} <input id="display-input" name="${this.name}" form="${this.form}" part="display-input" class="${cx(
+    )}" slot="anchor" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}">${slots["left"] ? html`<slot part="left" name="left" class="${cx("inline-flex", iconMarginRight, iconColor, iconSize)}"></slot>` : ""}<div class="${cx("flex flex-wrap items-center gap-1 w-full min-w-0 relative", this.floatingLabel && "mt-4")}">${this.multiple && this.useTags && this.tags && this.tags.length > 0 ? html`<div part="tags" class="${cx("flex flex-wrap items-center gap-1 min-w-0", iconMarginRight)}">${this.tags}</div>` : null} <input id="display-input" name="${this.name}" form="${this.form}" part="display-input" class="${cx(
       "appearance-none outline-none bg-transparent flex-auto min-w-0",
       cursorStyles,
       this.selectedTextLabel && !this.multiple ? "placeholder:form-control-color-text" : "placeholder:text-neutral-700",
-      this.size === "sm" ? isFloatingLabelActive ? "h-4" : "h-6" : isFloatingLabelActive ? "h-6" : "h-8",
-      isFloatingLabelActive && "leading-none mt-4"
-    )}" type="text" placeholder="${!this.floatingLabel || isFloatingLabelActive ? this.selectedTextLabel && !this.multiple ? this.selectedTextLabel : this.placeholder || this.localize.term("comboboxDefaultPlaceholder") : ""}" .disabled="${this.disabled}" .value="${this.displayInputValue}" autocomplete="off" spellcheck="false" autocapitalize="off" aria-controls="listbox" aria-expanded="${this.open}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled || this.visuallyDisabled}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" role="combobox" tabindex="0" @focus="${this.handleFocus}" @blur="${this.handleBlur}" aria-autocomplete="list" aria-owns="listbox" @input="${this.handleInput}" @change="${this.handleChange}"><div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map((option) => option == null ? void 0 : option.getTextLabel()).join(", ")}</div><input class="${cx("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10", cursorStyles)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value) ? this.value.join(", ") : this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${() => this.focus()}" @invalid="${this.handleInvalid}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx(
+      this.size === "sm" ? isFloatingLabelActive ? "h-4" : "h-6" : isFloatingLabelActive ? "h-6" : "h-8"
+    )}" type="text" placeholder="${!this.floatingLabel || isFloatingLabelActive ? this.selectedTextLabel && !this.multiple ? this.selectedTextLabel : this.placeholder || this.localize.term("comboboxDefaultPlaceholder") : ""}" .disabled="${this.disabled}" .value="${this.displayInputValue}" autocomplete="off" spellcheck="false" autocapitalize="off" aria-controls="listbox" aria-expanded="${this.open}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled || this.visuallyDisabled}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" role="combobox" tabindex="0" @focus="${this.handleFocus}" @blur="${this.handleBlur}" aria-autocomplete="list" aria-owns="listbox" @input="${this.handleInput}" @change="${this.handleChange}"></div><div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map((option) => option == null ? void 0 : option.getTextLabel()).join(", ")}</div><input class="${cx("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10", cursorStyles)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value) ? this.value.join(", ") : this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${() => this.focus()}" @invalid="${this.handleInvalid}"> ${hasClearIcon ? html`<button part="clear-button" class="${cx(
       "flex justify-center",
       iconMarginLeft,
       this.value.length > 0 ? "visible" : "invisible"
@@ -846,7 +853,7 @@ var SdCombobox = class extends SolidElement {
     )}">${this.type !== "search" ? html`<sd-icon class="${cx(
       "transition-transform duration-medium ease-in-out",
       this.open ? "rotate-180" : "rotate-0"
-    )}" name="chevron-down" part="chevron" library="_internal" color="currentColor" label="${this.localize.term("open")}"></sd-icon>` : ""}</slot>${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button"><sd-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>` : html`<button class="sd-interactive combobox-button absolute top-2" @keydown="${this.handleComboboxMouseDown}" type="button"><span class="sr-only">${this.localize.term("open")}</span></button>`}</div><div id="listbox" role="${ifDefined(!this.multiple ? "listbox" : void 0)}" aria-expanded="${this.open}" aria-multiselectable="${this.multiple}" aria-labelledby="label" part="listbox" class="${cx(
+    )}" name="chevron-down" part="chevron" library="_internal" color="currentColor" label="${this.localize.term("open")}"></sd-icon>` : ""}</slot>${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button"><sd-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>` : html`<button tabindex="-1" aria-hidden="true" class="sd-interactive combobox-button absolute top-2" @keydown="${this.handleComboboxMouseDown}" type="button"><span class="sr-only">${this.localize.term("open")}</span></button>`}</div><div id="listbox" role="${ifDefined(!this.multiple ? "listbox" : void 0)}" aria-expanded="${this.open}" aria-multiselectable="${this.multiple}" aria-labelledby="label" part="listbox" class="${cx(
       "bg-white px-2 py-3 relative border-primary overflow-y-auto",
       this.open && "shadow transition-shadow duration-medium ease-in-out",
       this.currentPlacement === "bottom" ? "border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default" : "border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default"

package/dist/chunks/{chunk.CQPHP72G.js → chunk.TKS3YAOU.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.HWSQMDBV.js → chunk.UNEIVROG.js}

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.JZ4LAYZZ.js → chunk.V7X7R56H.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.5V4ZLM46.js → chunk.VMVZWALN.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.JSHWJIQJ.js → chunk.VP3AKE25.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.PZZI7LIX.js → chunk.W6JHTDH6.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.SQKCQFZY.js → chunk.WFXTZJDA.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.URTSQLC4.js → chunk.XD4EBUSG.js}

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.77QMG2JK.js → chunk.XMJYRHLS.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.4C33XKR5.js → chunk.YDUILGDN.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.DXOZDLN3.js → chunk.Z6U6X6DZ.js}

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass,
   __spreadValues
@@ -391,7 +391,7 @@ var SdInput = class extends SolidElement {
       "px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast",
       this.floatingLabel && "has-floating-label",
       // States
-      !this.disabled && !this.readonly && !this.visuallyDisabled ? "hover:bg-neutral-200" : "",
+      !this.disabled && !this.readonly && !this.visuallyDisabled ? "hover:[@media(hover:hover)]:bg-neutral-200" : "",
       this.readonly ? "bg-neutral-100" : "bg-white",
       ["disabled", "visuallyDisabled"].includes(inputState) ? "text-neutral-500" : "form-control-color-text",
       ["invalid", "activeInvalid"].includes(inputState) && "form-control--invalid-color-background",

package/dist/chunks/{chunk.CGHNKRSG.js → chunk.ZC2PWRAF.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.KH2LWYO6.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/components/accordion/accordion.js

@@ -1,9 +1,9 @@
 import {
   SdAccordion
-} from "../../chunks/chunk.JVFY4KAV.js";
+} from "../../chunks/chunk.M755Z4QL.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.F733OTL5.js";
+import "../../chunks/chunk.BRBK35DK.js";
 import "../../chunks/chunk.GKH647YK.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
 import "../../chunks/chunk.M6QWSNU3.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.KH2LWYO6.js";
+import "../../chunks/chunk.AZKCE2J4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -1,10 +1,10 @@
 import {
   SdAccordionGroup
-} from "../../chunks/chunk.PZZI7LIX.js";
-import "../../chunks/chunk.JVFY4KAV.js";
+} from "../../chunks/chunk.W6JHTDH6.js";
+import "../../chunks/chunk.M755Z4QL.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.F733OTL5.js";
+import "../../chunks/chunk.BRBK35DK.js";
 import "../../chunks/chunk.GKH647YK.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -15,7 +15,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
 import "../../chunks/chunk.M6QWSNU3.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.KH2LWYO6.js";
+import "../../chunks/chunk.AZKCE2J4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/animation/animation.js

@@ -1,9 +1,9 @@
 import {
   SdAnimation
-} from "../../chunks/chunk.CPEBS32D.js";
+} from "../../chunks/chunk.45OBFUGN.js";
 import "../../chunks/chunk.TJOP7HQP.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.KH2LWYO6.js";
+import "../../chunks/chunk.AZKCE2J4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/audio/audio.js

@@ -1,18 +1,19 @@
 import {
   SdAudio
-} from "../../chunks/chunk.FN3QPQKW.js";
-import "../../chunks/chunk.UZPDIPPZ.js";
+} from "../../chunks/chunk.HPHKKIL5.js";
+import "../../chunks/chunk.GCHHQ4PP.js";
 import "../../chunks/chunk.SF6AUNJF.js";
 import "../../chunks/chunk.EDMG7C5H.js";
 import "../../chunks/chunk.UMIKFOMI.js";
 import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.OA6QSAEX.js";
-import "../../chunks/chunk.J7P25XPS.js";
+import "../../chunks/chunk.P27QSQAJ.js";
+import "../../chunks/chunk.BIER6WTC.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
+import "../../chunks/chunk.POFWU6ZT.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.F733OTL5.js";
+import "../../chunks/chunk.BRBK35DK.js";
 import "../../chunks/chunk.GKH647YK.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -23,9 +24,8 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
 import "../../chunks/chunk.M6QWSNU3.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.KH2LWYO6.js";
+import "../../chunks/chunk.AZKCE2J4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
-import "../../chunks/chunk.POFWU6ZT.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {
   SdAudio as default

package/dist/components/badge/badge.js

@@ -1,7 +1,7 @@
 import {
   SdBadge
-} from "../../chunks/chunk.VJNVCYUG.js";
-import "../../chunks/chunk.KH2LWYO6.js";
+} from "../../chunks/chunk.4CCULXU2.js";
+import "../../chunks/chunk.AZKCE2J4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

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

@@ -3,7 +3,7 @@ import type { TemplateResult } from 'lit';
 type Breakpoints = 0 | 414 | 640;
 export default class SdBrandshape extends SolidElement {
     containerElem: HTMLElement;
-    variant: 'neutral-100' | 'primary' | 'white' | 'border-primary' | 'border-white' | 'image';
+    variant: 'neutral-100' | 'primary' | 'white' | 'border-primary' | 'border-white' | 'primary|80' | 'white|80' | 'image';
     shapes: ('top' | 'middle' | 'bottom')[];
     componentBreakpoint: Breakpoints;
     private resizeObserver;

package/dist/components/brandshape/brandshape.js

@@ -1,7 +1,7 @@
 import {
   SdBrandshape
-} from "../../chunks/chunk.TEHZN5K4.js";
-import "../../chunks/chunk.KH2LWYO6.js";
+} from "../../chunks/chunk.NJFWQYZM.js";
+import "../../chunks/chunk.AZKCE2J4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/breadcrumb/breadcrumb.js

@@ -1,13 +1,13 @@
 import {
   SdBreadcrumb
-} from "../../chunks/chunk.Q2YJAMQO.js";
-import "../../chunks/chunk.K5MFIQWD.js";
-import "../../chunks/chunk.HMYRJJSA.js";
+} from "../../chunks/chunk.4QOGDZF7.js";
+import "../../chunks/chunk.J33HOWV3.js";
+import "../../chunks/chunk.CUIRUSKZ.js";
 import "../../chunks/chunk.UMIKFOMI.js";
 import "../../chunks/chunk.WDWV53JP.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.F733OTL5.js";
+import "../../chunks/chunk.BRBK35DK.js";
 import "../../chunks/chunk.GKH647YK.js";
 import "../../chunks/chunk.2BO5LK23.js";
 import "../../chunks/chunk.6SPABX2F.js";
@@ -18,7 +18,7 @@ import "../../chunks/chunk.X3FE7OHE.js";
 import "../../chunks/chunk.GWKDETUD.js";
 import "../../chunks/chunk.M6QWSNU3.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.KH2LWYO6.js";
+import "../../chunks/chunk.AZKCE2J4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {