@solid-design-system/components 5.13.13 → 5.13.15

package/dist/chunks/{chunk.7LZ5ZQ7G.js → chunk.22TF2EIE.js}

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

package/dist/chunks/{chunk.TYT467JR.js → chunk.27LYUN6Y.js}

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

package/dist/chunks/{chunk.GXUXYUOG.js → chunk.2E5VDWX4.js}

@@ -17,7 +17,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   animateTo,
   parseDuration,

package/dist/chunks/{chunk.QQUOW5WM.js → chunk.2NGWIHT5.js}

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

package/dist/chunks/{chunk.W257EQK6.js → chunk.32GKKX5D.js}

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

package/dist/chunks/{chunk.IORKEN4C.js → chunk.3HQ7FVJK.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk.GI7VDIWX.js";
 import {
   FormControlController
-} from "./chunk.KVKRZJS7.js";
+} from "./chunk.XCQC3F3H.js";
 import {
   HasSlotController
 } from "./chunk.IVMQWO2L.js";
@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -414,7 +414,7 @@ var SdRange = class extends SolidElement {
     return html`<div part="form-control" @focusout="${this.onBlur}" class="flex flex-col">${hasLabel ? html`<div class="flex items-center gap-1"><label id="label" part="form-control-label" aria-hidden="${hasLabel ? "false" : "true"}" class="${cx("w-full", hasLabel ? "inline-block" : "hidden")}" @click="${this.focus}"><slot name="label">${this.label}</slot></label></div>` : null} <label id="aria-label-hidden" class="sr-only">(${this._value.map(this.tooltipFormatter).join(" - ")})</label><div part="base" class="${cx("inline-flex w-full", this.visuallyDisabled && "focus-visible:focus-outline")}" tabindex="${ifDefined(this.visuallyDisabled ? "0" : void 0)}"><div part="input-wrapper" class="relative flex-1 mx-2 mb-[10px]"><input id="input" tabindex="-1" hidden @invalid="${this.handleInvalid}"><div part="track-wrapper" role="presentation" @pointerdown="${this.onClickTrack}" class="relative cursor-pointer -mx-2"><div part="track-click-helper" class="absolute -inset-y-2 inset-x-0"></div><div part="track" class="${cx("h-1 my-[6px]", this.disabled || this.visuallyDisabled ? "bg-neutral-500" : "bg-neutral-400")}"></div><div part="active-track" hidden="${ifDefined(this.noTrackBar ? true : void 0)}" class="${cx(
       "absolute top-0 h-1",
       this.disabled || this.visuallyDisabled ? "bg-neutral-500" : "bg-primary"
-    )}"></div></div>${this.renderThumbs(hasLabel)}<div class="-mt-[10px]" part="scale-ticks" @pointerdown="${this.onClickTrackItem}" role="presentation"><slot name="scale-ticks"></slot></div></div></div><slot></slot><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>`;
+    )}"></div></div>${this.renderThumbs(hasLabel)}<div class="-mt-[10px]" part="scale-ticks" @pointerdown="${this.onClickTrackItem}" role="presentation"><slot name="scale-ticks"></slot></div></div></div><slot></slot><slot name="help-text" part="form-control-help-text" id="help-text" class="${cx("text-sm text-neutral-700 mt-1", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>`;
   }
 };
 SdRange.styles = [

package/dist/chunks/{chunk.KLFBH24N.js → chunk.43K5SVK7.js}

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.QBUQZLK4.js → chunk.4EF3UGCC.js}

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

package/dist/chunks/{chunk.JGFET2UA.js → chunk.4VAT3JGP.js}

@@ -1,7 +1,7 @@
 import {
   FormControlController,
   validValidityState
-} from "./chunk.KVKRZJS7.js";
+} from "./chunk.XCQC3F3H.js";
 import {
   HasSlotController
 } from "./chunk.IVMQWO2L.js";
@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.AII7ENVH.js → chunk.4XRIWBCR.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -43,6 +43,21 @@ var SdNavigationItem = class extends SolidElement {
   get isAccordion() {
     return !this.href && this.hasSlotController.test("children");
   }
+  get isIconOnly() {
+    if (!this.defaultSlot) return false;
+    const nodes = this.defaultSlot.assignedNodes({ flatten: true });
+    return nodes.length > 0 && nodes.every((node) => {
+      var _a;
+      if (node.nodeType === Node.TEXT_NODE) {
+        return !((_a = node.textContent) == null ? void 0 : _a.trim());
+      }
+      if (node.nodeType === Node.ELEMENT_NODE) {
+        const element = node;
+        return element.tagName.toLowerCase() === "sd-icon";
+      }
+      return false;
+    });
+  }
   handleClickButton(event) {
     if (this.disabled) {
       event.preventDefault();
@@ -91,6 +106,7 @@ var SdNavigationItem = class extends SolidElement {
     const isLink = this.isLink;
     const isButton = this.isButton;
     const isAccordion = this.isAccordion;
+    const isIconOnly = this.isIconOnly;
     const slots = {
       label: this.hasSlotController.test("[default]"),
       main: this.hasSlotController.test("main"),
@@ -106,7 +122,9 @@ var SdNavigationItem = class extends SolidElement {
       isAccordion ? "flex flex-col" : "inline-block w-full",
       this.divider && this.vertical && "mt-0.25",
       !this.vertical && "inline-flex items-center",
-      !this.separated && "hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px] px-4"
+      !this.separated && "hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",
+      !this.separated && (isIconOnly && !this.vertical ? "p-3" : "px-4"),
+      isIconOnly && !this.vertical && "justify-center aspect-square w-12"
     )}" aria-current="${ifDefined(this.current ? "page" : void 0)}" aria-disabled="${this.disabled}" ?disabled="${ifDefined(isButton ? this.disabled : void 0)}" href="${ifDefined(isLink ? this.href : void 0)}" target="${ifDefined(isLink ? this.target : void 0)}" download="${ifDefined(isLink ? this.download : void 0)}" rel="${ifDefined(isLink && this.target ? "noreferrer noopener" : void 0)}" role="${isLink ? "link" : "button"}" tabindex="${this.disabled || this.separated ? "-1" : "0"}" @click="${this.separated ? void 0 : isAccordion ? this.handleClickSummary : isButton ? this.handleClickButton : void 0}"><div part="current-indicator" class="${cx(
       "absolute bg-accent left-0 pointer-events-none",
       this.vertical ? "w-1 h-[calc(100%-16px)] top-2 group-hover:h-full group-hover:top-0" : "h-1 w-[calc(100%-16px)] bottom-0 left-2 group-hover:w-full group-hover:left-0",
@@ -150,6 +168,9 @@ SdNavigationItem.styles = [
 __decorateClass([
   query('a[part="base"], button[part="base"]')
 ], SdNavigationItem.prototype, "button", 2);
+__decorateClass([
+  query("slot:not([name])")
+], SdNavigationItem.prototype, "defaultSlot", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SdNavigationItem.prototype, "vertical", 2);

package/dist/chunks/{chunk.KP2X7UDC.js → chunk.57VJBUKO.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk.GI7VDIWX.js";
 import {
   FormControlController
-} from "./chunk.KVKRZJS7.js";
+} from "./chunk.XCQC3F3H.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.EMEGC6Q7.js → chunk.5IT7K6WX.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.WDWV53JP.js";
 import {
   FormControlController
-} from "./chunk.KVKRZJS7.js";
+} from "./chunk.XCQC3F3H.js";
 import {
   HasSlotController
 } from "./chunk.IVMQWO2L.js";
@@ -26,7 +26,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   animateTo,
   stopAnimations
@@ -648,7 +648,7 @@ var SdSelect = class extends SolidElement {
       "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"
-    )}" tabindex="-1" @mouseup="${this.handleOptionClick}" @slotchange="${this.handleDefaultSlotChange}"><slot></slot></div></sd-popup></div><div class="text-sm text-neutral-700 mt-2" part="form-control-help-text" id="help-text" aria-hidden="${hasHelpText ? "false" : "true"}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`;
+    )}" tabindex="-1" @mouseup="${this.handleOptionClick}" @slotchange="${this.handleDefaultSlotChange}"><slot></slot></div></sd-popup></div><div class="text-sm text-neutral-700 mt-1" part="form-control-help-text" id="help-text" aria-hidden="${hasHelpText ? "false" : "true"}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`;
   }
 };
 /**

package/dist/chunks/{chunk.H2H7UKLB.js → chunk.6OFEZDAX.js}

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

package/dist/chunks/{chunk.43MFVINX.js → chunk.7V5CTLDN.js}

@@ -1,12 +1,12 @@
 import {
   SdAccordion
-} from "./chunk.MSMR7NPP.js";
+} from "./chunk.K4AMWTZ4.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.IL7UPX5U.js → chunk.7VEM2IPR.js}

@@ -26,7 +26,7 @@ var translation = {
   notifications: "Notifications",
   numOptionsSelected: (num) => {
     if (num === 0) return "";
-    return `Options Selected (${num})`;
+    return `Options selected (${num})`;
   },
   open: "Open",
   openTranscript: "Open transcript",

package/dist/chunks/{chunk.Z67EE23U.js → chunk.APSWM435.js}

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

package/dist/chunks/{chunk.G5HAUM5L.js → chunk.C34AQMYN.js}

@@ -1,13 +1,13 @@
-import {
-  animations
-} from "./chunk.TJOP7HQP.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
+import {
+  animations
+} from "./chunk.TJOP7HQP.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.KUG4JFNY.js → chunk.CNAPQPLW.js}

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

package/dist/chunks/{chunk.VVBDKQHI.js → chunk.DM545Z72.js}

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

package/dist/chunks/{chunk.OZ6OXBJC.js → chunk.E34B4T4D.js}

@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.7HM3D5ZB.js → chunk.E37HGL2B.js}

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

package/dist/chunks/{chunk.AOZYVZSI.js → chunk.EGXUQDEC.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.GI7VDIWX.js";
 import {
   FormControlController
-} from "./chunk.KVKRZJS7.js";
+} from "./chunk.XCQC3F3H.js";
 import {
   HasSlotController
 } from "./chunk.IVMQWO2L.js";
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.VRFFOJAC.js";
+} from "./chunk.KMI7LMK3.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-icon class="${cx("text-neutral-700", iconSize)}" library="_internal" name="closing-round"></sd-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-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye"></sd-icon></slot>` : html`<slot name="hide-password-icon"><sd-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye-crossed-out"></sd-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-icon>` : ""} ${this.type === "time" ? html`<sd-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="clock"></sd-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="status-check" part="valid-icon"></sd-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-icon name="system/minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-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-icon name="system/plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-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-icon class="${cx("text-neutral-700", iconSize)}" library="_internal" name="closing-round"></sd-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-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye"></sd-icon></slot>` : html`<slot name="hide-password-icon"><sd-icon class="${cx(iconColor, iconSize)}" library="_internal" name="eye-crossed-out"></sd-icon></slot>`}</button>` : ""} ${(this.type === "date" || this.type === "datetime-local") && !isFirefox ? html`<sd-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="calendar"></sd-icon>` : ""} ${this.type === "time" ? html`<sd-icon class="${cx(iconColor, iconMarginLeft, iconSize)}" library="_internal" name="clock"></sd-icon>` : ""} ${this.type === "search" ? html`<button class="${cx("flex items-center sd-interactive", iconMarginLeft)}" type="button" @click="${this.handleSearchClick}"><sd-icon class="${cx(iconColor, iconSize)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>` : ""} ${this.showInvalidStyle ? html`<sd-icon part="invalid-icon" class="${cx("text-error", iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-icon>` : ""} ${this.showValidStyle && this.styleOnValid ? html`<sd-icon class="${cx("text-success flex-shrink-0", iconMarginLeft, iconSize)}" library="_internal" name="status-check" part="valid-icon"></sd-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-icon name="system/minus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-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-icon name="system/plus-circle" label="Decrease value" class="${cx(iconColor, iconMarginLeft, iconSize)}"></sd-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-1", hasHelpText ? "block" : "hidden")}" aria-hidden="${!hasHelpText}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`;
   }
 };
 /**

package/dist/chunks/{chunk.SORC72SZ.js → chunk.FJ6CIGEZ.js}

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

package/dist/chunks/{chunk.ZS7PGX4E.js → chunk.G4W5RMR2.js}

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

package/dist/chunks/{chunk.QGTSHDWW.js → chunk.GCDHV6F5.js}

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

package/dist/chunks/{chunk.CQUTC7N3.js → chunk.GWEGFIDM.js}

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

package/dist/chunks/{chunk.ENHM6QPI.js → chunk.GYVQXFCK.js}

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

package/dist/chunks/{chunk.G6CZTG7Q.js → chunk.HEYYWYTD.js}

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

package/dist/chunks/{chunk.ULN3BADF.js → chunk.HGN5B2BC.js}

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

package/dist/chunks/{chunk.TGYBKEY2.js → chunk.IOTONILE.js}

@@ -4,13 +4,13 @@ import {
 import {
   LocalizeController
 } from "./chunk.YKM42GKF.js";
-import {
-  SolidElement,
-  customElement
-} from "./chunk.VRFFOJAC.js";
 import {
   Wave
 } from "./chunk.POFWU6ZT.js";
+import {
+  SolidElement,
+  customElement
+} from "./chunk.KMI7LMK3.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.OIC3RK54.js → chunk.IRHIOSQX.js}

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

package/dist/chunks/{chunk.E5QDRLG5.js → chunk.JHK2DZYG.js}

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

package/dist/chunks/{chunk.MSMR7NPP.js → chunk.K4AMWTZ4.js}

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

package/dist/chunks/{chunk.PJ5SMSQP.js → chunk.KHWQZ42A.js}

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