npm - @solid-design-system/components - Versions diffs - 6.13.0 → 6.13.1 - Mend

@solid-design-system/components 6.13.0 → 6.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (629) hide show

package/dist/chunks/{chunk.4X7ELAL2.js → chunk.BRJFEUPN.js} RENAMED Viewed

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

package/dist/chunks/{chunk.M2IBIHNB.js → chunk.CUIRUSKZ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.SRFJ4X4I.js → chunk.CXTYDXNZ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.JQKJNU62.js → chunk.DHLNHGWA.js} RENAMED Viewed

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

package/dist/chunks/{chunk.P35LVBWL.js → chunk.EBH2JVAG.js} RENAMED Viewed

@@ -1,15 +1,15 @@
-import {
-  FadeController
-} from "./chunk.W2YDXTG5.js";
 import {
   ScrollController
 } from "./chunk.6RE6UZ72.js";
 import {
   SdCarouselItem
-} from "./chunk.63TRAYVA.js";
+} from "./chunk.XMJYRHLS.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
+import {
+  FadeController
+} from "./chunk.W2YDXTG5.js";
 import {
   LocalizeController
 } from "./chunk.X3FE7OHE.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BZ3NPOMD.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";

package/dist/chunks/{chunk.DOWHFXHX.js → chunk.EPRC5PDA.js} RENAMED Viewed

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

package/dist/chunks/{chunk.U7NYSC2T.js → chunk.EXP3GKFV.js} RENAMED Viewed

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

package/dist/chunks/{chunk.5AXRL3L6.js → chunk.GAFT5WG4.js} RENAMED Viewed

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

package/dist/chunks/{chunk.ZD3WSNON.js → chunk.GCHHQ4PP.js} RENAMED Viewed

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

package/dist/chunks/{chunk.QZ2HR4V4.js → chunk.HPHKKIL5.js} RENAMED Viewed

@@ -1,16 +1,16 @@
 import {
   HasSlotController
 } from "./chunk.IVMQWO2L.js";
+import {
+  Wave
+} from "./chunk.POFWU6ZT.js";
 import {
   LocalizeController
 } from "./chunk.X3FE7OHE.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.BZ3NPOMD.js";
-import {
-  Wave
-} from "./chunk.POFWU6ZT.js";
+} from "./chunk.AZKCE2J4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.OMMPJRRD.js → chunk.IPW6XYWD.js} RENAMED Viewed

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

package/dist/chunks/{chunk.XNXD2DKT.js → chunk.J33HOWV3.js} RENAMED Viewed

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

package/dist/chunks/{chunk.U7VVHDOZ.js → chunk.JK2XCRWF.js} RENAMED Viewed

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

package/dist/chunks/{chunk.J2DGOGZ4.js → chunk.JMJXCRHX.js} RENAMED Viewed

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

package/dist/chunks/{chunk.6TKEPB7X.js → chunk.K3YE6JTB.js} RENAMED Viewed

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

package/dist/chunks/{chunk.MFCRZJ6A.js → chunk.KVHDJCMW.js} RENAMED Viewed

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

package/dist/chunks/{chunk.VEZNKSB2.js → chunk.LNHCBXO4.js} RENAMED Viewed

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

package/dist/chunks/{chunk.BX3GPTGI.js → chunk.LTRFGS3F.js} RENAMED Viewed

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

package/dist/chunks/{chunk.KFW2YKKL.js → chunk.M755Z4QL.js} RENAMED Viewed

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

package/dist/chunks/{chunk.BL24LTAQ.js → chunk.MCPTLXS6.js} RENAMED Viewed

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

package/dist/chunks/{chunk.FOBROR76.js → chunk.MPPXWXME.js} RENAMED Viewed

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

package/dist/chunks/{chunk.LZGNIKLT.js → chunk.MXDSQYTJ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.MCWANRZW.js → chunk.N7VAAGG6.js} RENAMED Viewed

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

package/dist/chunks/{chunk.D7ZV6BWK.js → chunk.NJFWQYZM.js} RENAMED Viewed

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

package/dist/chunks/{chunk.RIPCV2KN.js → chunk.NZDAUJVV.js} RENAMED Viewed

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

package/dist/chunks/{chunk.R5UZGC7N.js → chunk.OJNY7PSR.js} RENAMED Viewed

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

package/dist/chunks/{chunk.IWPDJNHM.js → chunk.P27QSQAJ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.LWCU7MCS.js → chunk.QNKDEKTN.js} RENAMED Viewed

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

package/dist/chunks/{chunk.N3BXU5TW.js → chunk.SLXGIYZ7.js} RENAMED Viewed

@@ -26,7 +26,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BZ3NPOMD.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.X2C6F33Q.js → chunk.SWR6SZWQ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.LPICTZW4.js → chunk.TFL5VHFX.js} RENAMED Viewed

@@ -35,7 +35,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BZ3NPOMD.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.KVGKKLOP.js → chunk.TKS3YAOU.js} RENAMED Viewed

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

package/dist/chunks/{chunk.42B3G4O6.js → chunk.UNEIVROG.js} RENAMED Viewed

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

package/dist/chunks/{chunk.HRW3JWSQ.js → chunk.V7X7R56H.js} RENAMED Viewed

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

package/dist/chunks/{chunk.JCVUKEUW.js → chunk.VMVZWALN.js} RENAMED Viewed

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

package/dist/chunks/{chunk.U2MPWUXM.js → chunk.VP3AKE25.js} RENAMED Viewed

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

package/dist/chunks/{chunk.EGO7Q5LM.js → chunk.W6JHTDH6.js} RENAMED Viewed

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

package/dist/chunks/{chunk.Q57555KM.js → chunk.WFXTZJDA.js} RENAMED Viewed

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

package/dist/chunks/{chunk.CWUTEK6P.js → chunk.XD4EBUSG.js} RENAMED Viewed

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

package/dist/chunks/{chunk.63TRAYVA.js → chunk.XMJYRHLS.js} RENAMED Viewed

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

package/dist/chunks/{chunk.JJWUECEI.js → chunk.YDUILGDN.js} RENAMED Viewed

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

package/dist/chunks/{chunk.ZZ7GUEFB.js → chunk.Z6U6X6DZ.js} RENAMED Viewed

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.BZ3NPOMD.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.KHVZVLOG.js → chunk.ZC2PWRAF.js} RENAMED Viewed

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

package/dist/components/accordion/accordion.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import {
   SdAccordion
-} from "../../chunks/chunk.KFW2YKKL.js";
+} from "../../chunks/chunk.M755Z4QL.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.ZV7YXDXP.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.BZ3NPOMD.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 CHANGED Viewed

@@ -1,10 +1,10 @@
 import {
   SdAccordionGroup
-} from "../../chunks/chunk.EGO7Q5LM.js";
-import "../../chunks/chunk.KFW2YKKL.js";
+} from "../../chunks/chunk.W6JHTDH6.js";
+import "../../chunks/chunk.M755Z4QL.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.ZV7YXDXP.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.BZ3NPOMD.js";
+import "../../chunks/chunk.AZKCE2J4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/animation/animation.js CHANGED Viewed

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