@solid-design-system/components 6.16.4 → 6.17.0

package/dist/chunks/{chunk.27CORLGD.js → chunk.2RT2QZ7M.js}

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

package/dist/chunks/{chunk.OQ5QEVJF.js → chunk.2YPLPBHV.js}

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

package/dist/chunks/{chunk.4YGFM4I2.js → chunk.36VZHNCQ.js}

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

package/dist/chunks/{chunk.6WM4R2DA.js → chunk.3PNN625M.js}

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

package/dist/chunks/{chunk.5DLSMYYF.js → chunk.3PUYQYK7.js}

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.IRPULK4T.js → chunk.4V4TM346.js}

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

package/dist/chunks/{chunk.ZN4E3BW3.js → chunk.5QJLPDI3.js}

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

package/dist/chunks/{chunk.P6YK6F7T.js → chunk.5UOC4OZ4.js}

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.CDI4YMFV.js → chunk.76V2ISKC.js}

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

package/dist/chunks/{chunk.4FQGHIRS.js → chunk.7DSIPKKV.js}

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

package/dist/chunks/{chunk.PJ4LG3IZ.js → chunk.7P2REW5V.js}

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

package/dist/chunks/{chunk.YC3R5M35.js → chunk.7VNN27TI.js}

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

package/dist/chunks/{chunk.PO2OMSAQ.js → chunk.A372DMSH.js}

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

package/dist/chunks/{chunk.SMPFJ52B.js → chunk.A4LR62QO.js}

@@ -22,22 +22,14 @@ var DateUtils = {
   },
   parseLocalISO: (iso) => {
     if (!iso) return null;
-    let y;
-    let m;
-    let d;
-    if (/^\d{4}-\d{2}-\d{2}$/.test(iso)) {
-      const parts = iso.split("-");
-      y = Number(parts[0]);
-      m = Number(parts[1]) - 1;
-      d = Number(parts[2]);
-    } else if (/^\d{4}\.\d{2}\.\d{2}$/.test(iso)) {
-      const parts = iso.split(".");
-      y = Number(parts[0]);
-      m = Number(parts[1]) - 1;
-      d = Number(parts[2]);
-    } else {
-      return null;
-    }
+    const trimmed = iso.trim();
+    if (!trimmed) return null;
+    const normalized = trimmed.replace(/[./]/g, "-");
+    const match = normalized.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+    if (!match) return null;
+    const y = Number(match[1]);
+    const m = Number(match[2]) - 1;
+    const d = Number(match[3]);
     const date = new Date(y, m, d);
     return Number.isNaN(date.getTime()) ? null : date;
   },

package/dist/chunks/{chunk.WV4VZLSM.js → chunk.A5JVBPWO.js}

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

package/dist/chunks/{chunk.JCFYB72C.js → chunk.A65XKMJZ.js}

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

package/dist/chunks/{chunk.X7XDUKGF.js → chunk.B76GUA7Y.js}

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

package/dist/chunks/{chunk.J2WMB4UM.js → chunk.BW5FY6QJ.js}

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

package/dist/chunks/{chunk.V3RBONZ7.js → chunk.DMDLO5DL.js}

@@ -4,13 +4,13 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
 
 // src/components/step-group/step-group.ts
-import { css, html } from "lit";
+import { css, html, nothing } from "lit";
 import { property, query } from "lit/decorators.js";
 import cx from "classix";
 var SdStepGroup = class extends SolidElement {
@@ -94,6 +94,10 @@ var SdStepGroup = class extends SolidElement {
     }
   }
   render() {
+    if (this.size === "xs" && this.orientation !== "vertical") {
+      console.warn('Size "xs" is only supported when orientation is "vertical". The element will not be rendered.');
+      return nothing;
+    }
     return html`<div role="${!this.notInteractive ? "navigation" : "group"}" class="h-full" aria-label="${this.label}"><div role="list" part="base" class="${cx("flex", this.orientation === "vertical" && "flex-col h-full")}"><slot part="body"></slot></div></div>`;
   }
 };

package/dist/chunks/{chunk.KJN55623.js → chunk.E5L6DQKL.js}

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

package/dist/chunks/{chunk.IXY6JRMU.js → chunk.EAWBAV6Q.js}

@@ -1,13 +1,13 @@
 import {
   SdAccordion
-} from "./chunk.4YGFM4I2.js";
+} from "./chunk.36VZHNCQ.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.2EDPY2A5.js → chunk.GNUKJF4Y.js}

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

package/dist/chunks/{chunk.UE4MIFO2.js → chunk.GQV5M7HP.js}

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

package/dist/chunks/{chunk.Y226ELYU.js → chunk.HHE5BX7I.js}

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

package/dist/chunks/{chunk.K7OGNZLO.js → chunk.HKWXNTTJ.js}

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

package/dist/chunks/{chunk.JYR67QON.js → chunk.I52N7OPP.js}

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

package/dist/chunks/{chunk.BDGTWJIT.js → chunk.IGOXLOQF.js}

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.YGCCHEFS.js";
+} from "./chunk.TU6RYP2A.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.36OESV3O.js → chunk.KBYT7BIL.js}

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

package/dist/chunks/{chunk.S3AIPHMB.js → chunk.KCOZ2C4D.js}

@@ -35,7 +35,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.4WJBOMWG.js → chunk.L3ZE5UCG.js}

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

package/dist/chunks/{chunk.MBVWPMPN.js → chunk.L4CIZQD4.js}

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

package/dist/chunks/{chunk.NAD637BO.js → chunk.LUSVOKAM.js}

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

package/dist/chunks/{chunk.7YOG7JGW.js → chunk.M4A7II5B.js}

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

package/dist/chunks/{chunk.6JXHY72O.js → chunk.MOYNIJPD.js}

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

package/dist/chunks/{chunk.RL7BJYL6.js → chunk.MUMBMCAB.js}

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

package/dist/chunks/{chunk.3PROMK3G.js → chunk.O72HG6IC.js}

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

package/dist/chunks/{chunk.RXD64SUC.js → chunk.OD4O32CW.js}

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.QF4M6XJ6.js → chunk.OXT3AO6N.js}

@@ -1,6 +1,6 @@
 import {
   DateUtils
-} from "./chunk.SMPFJ52B.js";
+} from "./chunk.A4LR62QO.js";
 import {
   FormControlController
 } from "./chunk.C3WIBDGG.js";
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -656,8 +656,22 @@ var SdDatepicker = class extends SolidElement {
     return DateUtils.parseLocalISO(iso);
   }
   inMinMax(d) {
-    const min = this.min === null ? null : this.parseISO(String(this.min));
-    const max = this.max === null ? null : this.parseISO(String(this.max));
+    const normalizeBound = (value) => {
+      if (value === void 0 || value === null) return null;
+      if (value instanceof Date) {
+        return DateUtils.startOfDayLocal(value);
+      }
+      if (typeof value === "number") {
+        return DateUtils.startOfDayLocal(new Date(value));
+      }
+      if (typeof value === "string") {
+        const parsed = this.parseISO(value);
+        return parsed ? DateUtils.startOfDayLocal(parsed) : null;
+      }
+      return null;
+    };
+    const min = normalizeBound(this.min);
+    const max = normalizeBound(this.max);
     if (min && d < min) return false;
     if (max && d > max) return false;
     return true;

package/dist/chunks/{chunk.JT57FH4I.js → chunk.PBRDBJM3.js}

@@ -26,7 +26,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.6SZCCE7T.js → chunk.PQAMJV7M.js}

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

package/dist/chunks/{chunk.6GDF7RP6.js → chunk.PR5RDVMQ.js}

@@ -7,13 +7,13 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
 
 // src/components/step/step.ts
-import { css } from "lit";
+import { css, nothing } from "lit";
 import { html, literal } from "lit/static-html.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { property } from "lit/decorators.js";
@@ -73,6 +73,10 @@ var SdStep = class extends SolidElement {
     }
   }
   render() {
+    if (this.size === "xs" && this.orientation !== "vertical") {
+      console.warn('Size "xs" is only supported when orientation is "vertical". The element will not be rendered.');
+      return nothing;
+    }
     const isLink = this.isLink();
     const tag = this.notInteractive || this.waiting ? literal`div` : isLink ? literal`a` : literal`button`;
     const hasLabelSlot = this.hasSlotController.test("label");
@@ -85,27 +89,29 @@ var SdStep = class extends SolidElement {
       this.noTail && !isHorizontalInline && "w-max",
       this.orientation === "horizontal" ? "flex-row" : "flex-col items-stretch",
       isHorizontalInline && "items-start",
-      this.orientation === "horizontal" && !this.horizontalInline ? this.size === "lg" ? "translateLg" : "translateSm" : this.size === "lg" ? "mt-1" : "mt-3"
+      this.orientation === "horizontal" && !this.horizontalInline ? this.size === "lg" ? "translateLg" : "translateSm" : this.size === "lg" || this.size === "xs" ? "mt-1" : "mt-3"
     );
     const circleButtonClasses = cx(
       "border sd-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",
       this.disabled ? "focus-visible:outline-none cursor-not-allowed" : !this.notInteractive && !this.waiting ? "focus-visible:focus-outline hover:cursor-pointer" : "",
-      this.notInteractive ? this.size === "lg" ? "not-interactive-lg" : "w-12" : this.size === "lg" ? "w-12" : "w-8",
+      this.notInteractive ? this.size === "lg" ? "not-interactive-lg" : this.size === "xs" ? "w-2" : "w-12" : this.size === "lg" ? "w-12" : this.size === "xs" ? "w-2" : "w-8",
       this.disabled && "border-neutral-500 text-neutral-500",
       this.waiting && "border-neutral-400 text-neutral-700",
+      this.waiting && this.size === "xs" && "border-neutral-700",
       !this.disabled && !this.current && !this.notInteractive && !this.waiting && "border-primary hover:bg-primary-100 hover:border-primary-500",
-      this.notInteractive && "border-neutral-400",
+      this.notInteractive && (this.size === "xs" ? "border-primary" : "border-neutral-400"),
       this.current && "bg-accent border-none text-white"
     );
+    const listItemClasses = "flex-row items-stretch h-full w-full overflow-hidden";
     return html`<div role="listitem" part="base" class="${cx(
       "flex pt-1",
-      this.orientation === "horizontal" ? "flex-col w-full" : "flex-row gap-4 items-stretch h-full w-full overflow-hidden",
+      this.orientation === "horizontal" ? "flex-col w-full" : this.size === "xs" ? `${listItemClasses} gap-2` : `${listItemClasses} gap-4`,
       !this.disabled && !this.current && !this.notInteractive && !this.waiting && "group"
     )}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${circleAndTailContainerClasses}"><${tag} part="circle" href="${ifDefined(isLink ? this.href : void 0)}" aria-disabled="${ifDefined(this.disabled || this.waiting || void 0)}" aria-current="${this.current ? "step" : void 0}" aria-labelledby="${ifDefined(this.notInteractive || this.waiting || !hasLabel ? void 0 : "label")}" aria-describedby="${ifDefined(this.notInteractive || this.waiting || !hasDescription ? void 0 : "description")}" class="${circleButtonClasses}"><slot name="circle-content" class="${cx(
       "text-lg",
       !this.disabled && !this.current && !this.notInteractive && !this.waiting && "text-primary hover:text-primary-500 hover:fill-primary-500",
       this.notInteractive && "sd-step-color-text"
-    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting ? html`<sd-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-icon>` : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx(!this.noTail && "flex-1", "flex flex-col gap-1")}"><div class="${cx(
+    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting && this.size !== "xs" ? html`<sd-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-icon>` : this.size === "xs" ? "" : html`${this.index}`}</slot></${tag}>${isHorizontalInline ? html`<div class="${cx(!this.noTail && "flex-1", "flex flex-col gap-1")}"><div class="${cx(
       "flex w-full",
       hasLabel && "gap-2",
       this.size === "sm" && !hasDescription ? "mt-1" : "mt-3"
@@ -118,19 +124,20 @@ var SdStep = class extends SolidElement {
       "border-t flex-1 mr-2 mt-3",
       !this.disabled && !this.current && !this.notInteractive && !this.waiting ? "border-primary group-hover:border-primary-500" : "border-neutral-500"
     )}"></div>` : ""}</div>${hasDescription ? html`<div part="description" id="description" class="${cx(
-      "sd-paragraph sd-paragraph--size-sm break-words",
+      "sd-paragraph sd-paragraph--size-sm wrap-break-word",
       hasDescription ? "flex-1" : "w-0 h-0 overflow-hidden",
       hasDescription && !this.noTail && "pr-4",
       (this.disabled || this.waiting) && "!text-neutral-700"
     )}">${this.description || html`<slot></slot>`}</div>` : ""}</div>` : this.noTail ? "" : html`<div part="tail" class="${cx(
-      this.orientation === "horizontal" ? "border-t w-full my-auto mr-2" : "border-l flex-grow flex-shrink-0 basis-auto h-full w-[1px] mx-auto",
+      this.orientation === "horizontal" ? "border-t w-full my-auto mr-2" : "border-l grow shrink-0 basis-auto h-full w-[1px] mx-auto",
       !this.disabled && !this.current && !this.notInteractive && !this.waiting ? "border-primary group-hover:border-primary-500" : "border-neutral-400"
     )}"></div>`}</div>${!isHorizontalInline ? html`<div part="text-container" class="${cx(
-      "mt-4 break-words flex flex-col gap-2",
+      "wrap-break-word flex flex-col gap-2",
+      this.size === "xs" ? "-mt-1 mb-4" : "mt-4",
       this.orientation === "horizontal" ? "text-center w-40" : "text-left",
       this.disabled && "text-neutral-500",
       this.waiting && "text-neutral-700",
-      this.notInteractive ? "ml-2" : "mr-4"
+      this.notInteractive ? this.size === "xs" ? "ml-0" : "ml-2" : "mr-4"
     )}"><div part="label" id="label" class="${cx(
       "font-bold",
       this.disabled && "text-neutral-500",

package/dist/chunks/{chunk.IXAGOL3L.js → chunk.PXW33DB7.js}

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

package/dist/chunks/{chunk.MMI44BVI.js → chunk.PZYTCHKW.js}

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

package/dist/chunks/{chunk.E2USZ7GU.js → chunk.QJYIVBDS.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.XNTGIC2L.js";
+} from "./chunk.VU4ZPVVA.js";
 import {
   Wave
 } from "./chunk.POFWU6ZT.js";

package/dist/chunks/{chunk.FV63VR7F.js → chunk.QOEAT2YX.js}

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

package/dist/chunks/{chunk.AQU3K3QW.js → chunk.QT545FQY.js}

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

package/dist/chunks/{chunk.EGVMKWID.js → chunk.RYPEDJRA.js}

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