npm - @solid-design-system/components - Versions diffs - 6.28.0 → 6.28.2 - Mend

@solid-design-system/components 6.28.0 → 6.28.2

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 (662) hide show

package/dist-versioned/chunks/{chunk.6LUXWBVQ.js → chunk.P4OTU6XQ.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.DXRLWSKI.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -98,12 +98,12 @@ var SdVideo = class extends SolidElement {
       this.playing ? "opacity-0" : "opacity-100",
       this.isBelowBreakpoint ? "w-[48px] h-[48px]" : "w-[96px] h-[96px]",
       "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white/75 rounded-full play-pause-transition group-focus-visible:outline-2 group-focus-visible:outline-offset-2"
-    )}"><slot name="play-icon" part="play-icon" class="${cx(this.isBelowBreakpoint ? "text-[2rem]" : "text-[4rem]")}"><sd-6-28-0-icon id="default-play-icon" library="_internal" name="start"></sd-6-28-0-icon></slot></div></button> ${this.hasSlotController.test("poster") ? html`<div part="poster-wrapper" class="absolute left-0 top-0 w-full z-10 overflow-hidden"><slot name="poster" role="presentation"></slot></div>` : null}<slot></slot></div>`;
+    )}"><slot name="play-icon" part="play-icon" class="${cx(this.isBelowBreakpoint ? "text-[2rem]" : "text-[4rem]")}"><sd-6-28-2-icon id="default-play-icon" library="_internal" name="start"></sd-6-28-2-icon></slot></div></button> ${this.hasSlotController.test("poster") ? html`<div part="poster-wrapper" class="absolute left-0 top-0 w-full z-10 overflow-hidden"><slot name="poster" role="presentation"></slot></div>` : null}<slot></slot></div>`;
   }
 };
 SdVideo.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{position:relative;display:inline-block;overflow:hidden}.play-pause-transition,::slotted([slot=poster]){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);transition-property:opacity,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms));--tw-duration:var(--sd-duration-medium, 300ms);transition-duration:var(--sd-duration-medium,300ms);--tw-ease:var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}#default-play-icon,::slotted([slot=play-icon]){position:absolute;top:calc(1 / 2 * 100%);left:calc(1 / 2 * 100%);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important;transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}:has([part=play-button]:hover) ::slotted([slot=poster]){--tw-scale-x:110%!important;--tw-scale-y:110%!important;--tw-scale-z:110%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}[part=play-button-bg]{color:rgba(var(--sd-video--play-button-color-icon-fill));background-color:rgba(var(--sd-video--play-button-color-background))}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}`
 ];
 __decorateClass([
@@ -116,7 +116,7 @@ __decorateClass([
   property({ type: Boolean })
 ], SdVideo.prototype, "isBelowBreakpoint", 2);
 SdVideo = __decorateClass([
-  customElement("sd-6-28-0-video")
+  customElement("sd-6-28-2-video")
 ], SdVideo);
 export {

package/dist-versioned/chunks/{chunk.XAFXRA3O.js → chunk.Q37EUQ5P.js} RENAMED Viewed

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.DXRLWSKI.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -159,62 +159,62 @@ var SdButton = class extends SolidElement {
       (this.disabled || this.visuallyDisabled) && "cursor-not-allowed",
       {
         /* sizes, fonts */
-        sm: `varspacing-8 min-h-8 sd-6-28-0-button--size-sm-font-size sd-6-28-0-button-font-weight sd-6-28-0-button--secondary--size-sm-padding-block sd-6-28-0-button--size-sm-border-radius`,
-        md: `varspacing-10 sd-6-28-0-button--size-md-height sd-6-28-0-button--size-md-font-size sd-6-28-0-button--secondary--size-md-padding-block sd-6-28-0-button-font-weight sd-6-28-0-button--size-md-border-radius`,
-        lg: `varspacing-12 sd-6-28-0-button--size-lg-height sd-6-28-0-button--size-lg-font-size sd-6-28-0-button--secondary--size-lg-padding-block sd-6-28-0-button-font-weight sd-6-28-0-button--size-lg-border-radius`
+        sm: `varspacing-8 min-h-8 sd-6-28-2-button--size-sm-font-size sd-6-28-2-button-font-weight sd-6-28-2-button--secondary--size-sm-padding-block sd-6-28-2-button--size-sm-border-radius`,
+        md: `varspacing-10 sd-6-28-2-button--size-md-height sd-6-28-2-button--size-md-font-size sd-6-28-2-button--secondary--size-md-padding-block sd-6-28-2-button-font-weight sd-6-28-2-button--size-md-border-radius`,
+        lg: `varspacing-12 sd-6-28-2-button--size-lg-height sd-6-28-2-button--size-lg-font-size sd-6-28-2-button--secondary--size-lg-padding-block sd-6-28-2-button-font-weight sd-6-28-2-button--size-lg-border-radius`
       }[this.size],
       !slots["icon-only"] && {
         /* sizes, fonts */
-        sm: `${hasBorder ? "sd-6-28-0-button--secondary-padding-inline" : "sd-6-28-0-button--size-sm-padding-block sd-6-28-0-button-padding-inline"}`,
-        md: `${hasBorder ? "sd-6-28-0-button--secondary-padding-inline" : "sd-6-28-0-button--size-md-padding-block sd-6-28-0-button-padding-inline"}`,
-        lg: `${hasBorder ? "sd-6-28-0-button--secondary-padding-inline" : "sd-6-28-0-button--size-lg-padding-block sd-6-28-0-button-padding-inline"}`
+        sm: `${hasBorder ? "sd-6-28-2-button--secondary-padding-inline" : "sd-6-28-2-button--size-sm-padding-block sd-6-28-2-button-padding-inline"}`,
+        md: `${hasBorder ? "sd-6-28-2-button--secondary-padding-inline" : "sd-6-28-2-button--size-md-padding-block sd-6-28-2-button-padding-inline"}`,
+        lg: `${hasBorder ? "sd-6-28-2-button--secondary-padding-inline" : "sd-6-28-2-button--size-lg-padding-block sd-6-28-2-button-padding-inline"}`
       }[this.size],
       /**
        * Anatomy
        * */
       slots["icon-only"] && {
         sm: "px-1 aspect-square",
-        md: "sd-6-28-0-button--size-md--icon-only-padding-inline aspect-square",
+        md: "sd-6-28-2-button--size-md--icon-only-padding-inline aspect-square",
         lg: "px-[12px] aspect-square"
       }[this.size],
       {
         /* variants */
-        primary: !this.inverted ? `${this.visuallyDisabled ? "sd-6-28-0-button--primary--disabled-color-background border-neutral-500 text-white" : "sd-6-28-0-button--primary--default-color-background border-transparent sd-6-28-0-button--primary--default-color-text hover:sd-6-28-0-button--primary--hover-color-text active:sd-6-28-0-button--primary--active-color-text active:sd-6-28-0-button--primary--active-color-background"}
-          disabled:sd-6-28-0-button--primary--disabled-color-background disabled:text-white` : `${this.visuallyDisabled ? "sd-6-28-0-button--inverted--disabled-color-background text-white border-neutral-500" : "sd-6-28-0-button--primary--inverted--default-color-text sd-6-28-0-button--primary--inverted--default-color-background border-white hover:sd-6-28-0-button--primary--inverted--hover-color-text active:sd-6-28-0-button--primary--inverted--active-color-text active:sd-6-28-0-button--primary--inverted--active-color-background"}
-          disabled:sd-6-28-0-button--inverted--disabled-color-background disabled:text-white`,
-        secondary: !this.inverted ? `border sd-6-28-0-button-border-width ${this.visuallyDisabled ? "sd-6-28-0-button--secondary--disabled-color-text sd-6-28-0-button--secondary--disabled-color-border" : "sd-6-28-0-button--secondary--default-color-text sd-6-28-0-button--secondary--default-color-border hover:sd-6-28-0-button--secondary--hover-color-text hover:sd-6-28-0-button--secondary--hover-color-border active:sd-6-28-0-button--secondary--active-color-text active:sd-6-28-0-button--secondary--active-color-border"}
-          disabled:sd-6-28-0-button--secondary--disabled-color-text disabled:sd-6-28-0-button--secondary--disabled-color-border` : `border sd-6-28-0-button-border-width ${this.visuallyDisabled ? "text-neutral-600 border-neutral-600" : "sd-6-28-0-button--secondary--inverted-color-text sd-6-28-0-button--secondary--inverted-color-border hover:sd-6-28-0-button--secondary--inverted-color-border hover:sd-6-28-0-button--secondary--inverted--hover-color-text hover:sd-6-28-0-button--secondary--inverted--hover-color-background active:sd-6-28-0-button--secondary--inverted--active-color-text active:border-primary-200 active:sd-6-28-0-button--secondary--inverted--active-color-background"}
-          disabled:sd-6-28-0-button--inverted--disabled-color-border disabled:sd-6-28-0-button--inverted--disabled-color-text`,
-        tertiary: !this.inverted ? `border-transparent ${this.visuallyDisabled ? "sd-6-28-0-button--tertiary--disabled-color-text" : "sd-6-28-0-button--tertiary--default-color-text hover:sd-6-28-0-button--tertiary--hover-color-text active:sd-6-28-0-button--tertiary--active-color-text"}
-          disabled:sd-6-28-0-button--tertiary--disabled-color-text` : `border-transparent  ${this.visuallyDisabled ? "text-neutral-600" : "sd-6-28-0-button--tertiary--inverted-color-text hover:sd-6-28-0-button--tertiary--inverted--hover-color-text hover:sd-6-28-0-button--tertiary--inverted--hover-color-background active:sd-6-28-0-button--tertiary--inverted--active-color-background active:sd-6-28-0-button--tertiary--inverted--active-color-text"}
-          disabled:sd-6-28-0-button--inverted--disabled-color-text`,
-        cta: `${this.visuallyDisabled ? "sd-6-28-0-button--primary--disabled-color-background border-neutral-500" : "bg-accent border-transparent hover:bg-accent-500"}
-          ${!this.inverted ? "text-white bg-accent disabled:sd-6-28-0-button--primary--disabled-color-background hover:bg-accent-500 disabled:border-neutral-500 disabled:text-white" : "sd-6-28-0-button--cta--inverted--default-color-background sd-6-28-0-button--cta--inverted--default-color-text hover:sd-6-28-0-button--cta--inverted--hover-color-text active:sd-6-28-0-button--cta--inverted--active-color-text disabled:sd-6-28-0-button--inverted--disabled-color-background disabled:text-white"}`
+        primary: !this.inverted ? `${this.visuallyDisabled ? "sd-6-28-2-button--primary--disabled-color-background border-neutral-500 text-white" : "sd-6-28-2-button--primary--default-color-background border-transparent sd-6-28-2-button--primary--default-color-text hover:sd-6-28-2-button--primary--hover-color-text active:sd-6-28-2-button--primary--active-color-text active:sd-6-28-2-button--primary--active-color-background"}
+          disabled:sd-6-28-2-button--primary--disabled-color-background disabled:text-white` : `${this.visuallyDisabled ? "sd-6-28-2-button--inverted--disabled-color-background text-white border-neutral-500" : "sd-6-28-2-button--primary--inverted--default-color-text sd-6-28-2-button--primary--inverted--default-color-background border-white hover:sd-6-28-2-button--primary--inverted--hover-color-text active:sd-6-28-2-button--primary--inverted--active-color-text active:sd-6-28-2-button--primary--inverted--active-color-background"}
+          disabled:sd-6-28-2-button--inverted--disabled-color-background disabled:text-white`,
+        secondary: !this.inverted ? `border sd-6-28-2-button-border-width ${this.visuallyDisabled ? "sd-6-28-2-button--secondary--disabled-color-text sd-6-28-2-button--secondary--disabled-color-border" : "sd-6-28-2-button--secondary--default-color-text sd-6-28-2-button--secondary--default-color-border hover:sd-6-28-2-button--secondary--hover-color-text hover:sd-6-28-2-button--secondary--hover-color-border active:sd-6-28-2-button--secondary--active-color-text active:sd-6-28-2-button--secondary--active-color-border"}
+          disabled:sd-6-28-2-button--secondary--disabled-color-text disabled:sd-6-28-2-button--secondary--disabled-color-border` : `border sd-6-28-2-button-border-width ${this.visuallyDisabled ? "text-neutral-600 border-neutral-600" : "sd-6-28-2-button--secondary--inverted-color-text sd-6-28-2-button--secondary--inverted-color-border hover:sd-6-28-2-button--secondary--inverted-color-border hover:sd-6-28-2-button--secondary--inverted--hover-color-text hover:sd-6-28-2-button--secondary--inverted--hover-color-background active:sd-6-28-2-button--secondary--inverted--active-color-text active:border-primary-200 active:sd-6-28-2-button--secondary--inverted--active-color-background"}
+          disabled:sd-6-28-2-button--inverted--disabled-color-border disabled:sd-6-28-2-button--inverted--disabled-color-text`,
+        tertiary: !this.inverted ? `border-transparent ${this.visuallyDisabled ? "sd-6-28-2-button--tertiary--disabled-color-text" : "sd-6-28-2-button--tertiary--default-color-text hover:sd-6-28-2-button--tertiary--hover-color-text active:sd-6-28-2-button--tertiary--active-color-text"}
+          disabled:sd-6-28-2-button--tertiary--disabled-color-text` : `border-transparent  ${this.visuallyDisabled ? "text-neutral-600" : "sd-6-28-2-button--tertiary--inverted-color-text hover:sd-6-28-2-button--tertiary--inverted--hover-color-text hover:sd-6-28-2-button--tertiary--inverted--hover-color-background active:sd-6-28-2-button--tertiary--inverted--active-color-background active:sd-6-28-2-button--tertiary--inverted--active-color-text"}
+          disabled:sd-6-28-2-button--inverted--disabled-color-text`,
+        cta: `${this.visuallyDisabled ? "sd-6-28-2-button--primary--disabled-color-background border-neutral-500" : "bg-accent border-transparent hover:bg-accent-500"}
+          ${!this.inverted ? "text-white bg-accent disabled:sd-6-28-2-button--primary--disabled-color-background hover:bg-accent-500 disabled:border-neutral-500 disabled:text-white" : "sd-6-28-2-button--cta--inverted--default-color-background sd-6-28-2-button--cta--inverted--default-color-text hover:sd-6-28-2-button--cta--inverted--hover-color-text active:sd-6-28-2-button--cta--inverted--active-color-text disabled:sd-6-28-2-button--inverted--disabled-color-background disabled:text-white"}`
       }[this.variant]
     )}" ?disabled="${ifDefined(isLink ? void 0 : this.disabled)}" type="${ifDefined(isLink ? void 0 : this.type)}" title="${this.title}" name="${ifDefined(isLink ? void 0 : this.name)}" value="${ifDefined(isLink ? void 0 : this.value)}" 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="${ifDefined(isLink ? void 0 : "button")}" aria-disabled="${this.disabled || this.visuallyDisabled ? "true" : "false"}" aria-labelledby="content" tabindex="${this.disabled ? "-1" : "0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton() ? this.handleInvalid : null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${cx(
       "absolute inset-0 -z-10 overflow-hidden pointer-events-none ",
       (this.disabled || this.visuallyDisabled) && "hidden",
       {
         /* sizes, fonts */
-        sm: `sd-6-28-0-button-border-radius`,
-        md: `sd-6-28-0-button-border-radius`,
-        lg: `sd-6-28-0-button-border-radius`
+        sm: `sd-6-28-2-button-border-radius`,
+        md: `sd-6-28-2-button-border-radius`,
+        lg: `sd-6-28-2-button-border-radius`
       }[this.size]
     )}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${cx(
       "absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",
       {
-        primary: !this.inverted ? "sd-6-28-0-button--primary--hover-color-background group-active:sd-6-28-0-button--primary--active-color-background" : "sd-6-28-0-button--primary--inverted--hover-color-background group-active:sd-6-28-0-button--primary--inverted--active-color-background",
-        secondary: !this.inverted ? "sd-6-28-0-button--secondary--hover-color-background group-active:sd-6-28-0-button--secondary--active-color-background" : "sd-6-28-0-button--secondary--inverted--hover-color-background group-active:sd-6-28-0-button--secondary--inverted--active-color-background group-active:sd-6-28-0-button--secondary--inverted--active-color-text",
-        tertiary: !this.inverted ? "sd-6-28-0-button--tertiary--hover-color-background group-active:sd-6-28-0-button--tertiary--active-color-background" : "sd-6-28-0-button--tertiary--inverted--hover-color-background group-active:sd-6-28-0-button--tertiary--inverted--active-color-background group-active:sd-6-28-0-button--tertiary--inverted--active-color-text",
-        cta: !this.inverted ? "bg-accent-500 group-active:bg-accent-700" : "sd-6-28-0-button--cta--inverted--hover-color-background group-active:sd-6-28-0-button--cta--inverted--active-color-background"
+        primary: !this.inverted ? "sd-6-28-2-button--primary--hover-color-background group-active:sd-6-28-2-button--primary--active-color-background" : "sd-6-28-2-button--primary--inverted--hover-color-background group-active:sd-6-28-2-button--primary--inverted--active-color-background",
+        secondary: !this.inverted ? "sd-6-28-2-button--secondary--hover-color-background group-active:sd-6-28-2-button--secondary--active-color-background" : "sd-6-28-2-button--secondary--inverted--hover-color-background group-active:sd-6-28-2-button--secondary--inverted--active-color-background group-active:sd-6-28-2-button--secondary--inverted--active-color-text",
+        tertiary: !this.inverted ? "sd-6-28-2-button--tertiary--hover-color-background group-active:sd-6-28-2-button--tertiary--active-color-background" : "sd-6-28-2-button--tertiary--inverted--hover-color-background group-active:sd-6-28-2-button--tertiary--inverted--active-color-background group-active:sd-6-28-2-button--tertiary--inverted--active-color-text",
+        cta: !this.inverted ? "bg-accent-500 group-active:bg-accent-700" : "sd-6-28-2-button--cta--inverted--hover-color-background group-active:sd-6-28-2-button--cta--inverted--active-color-background"
       }[this.variant]
     )}"></div><div class="${cx(
       "absolute w-full h-full mt-[22%]",
       {
-        primary: !this.inverted ? "sd-6-28-0-button--primary--hover-color-background group-active:sd-6-28-0-button--primary--active-color-background" : "sd-6-28-0-button--primary--inverted--hover-color-background group-active:sd-6-28-0-button--primary--inverted--active-color-background",
-        secondary: !this.inverted ? "sd-6-28-0-button--secondary--hover-color-background group-active:sd-6-28-0-button--secondary--active-color-background" : "sd-6-28-0-button--secondary--inverted--hover-color-background group-active:sd-6-28-0-button--secondary--inverted--active-color-background group-active:sd-6-28-0-button--secondary--inverted--active-color-text group-active:sd-6-28-0-button--secondary--active-color-border",
-        tertiary: !this.inverted ? "sd-6-28-0-button--tertiary--hover-color-background group-active:sd-6-28-0-button--tertiary--active-color-background" : "sd-6-28-0-button--tertiary--inverted--hover-color-background group-active:sd-6-28-0-button--tertiary--inverted--active-color-background group-active:sd-6-28-0-button--tertiary--inverted--active-color-text",
-        cta: !this.inverted ? "bg-accent-500 group-active:bg-accent-700" : "sd-6-28-0-button--cta--inverted--hover-color-background group-active:sd-6-28-0-button--cta--inverted--active-color-background"
+        primary: !this.inverted ? "sd-6-28-2-button--primary--hover-color-background group-active:sd-6-28-2-button--primary--active-color-background" : "sd-6-28-2-button--primary--inverted--hover-color-background group-active:sd-6-28-2-button--primary--inverted--active-color-background",
+        secondary: !this.inverted ? "sd-6-28-2-button--secondary--hover-color-background group-active:sd-6-28-2-button--secondary--active-color-background" : "sd-6-28-2-button--secondary--inverted--hover-color-background group-active:sd-6-28-2-button--secondary--inverted--active-color-background group-active:sd-6-28-2-button--secondary--inverted--active-color-text group-active:sd-6-28-2-button--secondary--active-color-border",
+        tertiary: !this.inverted ? "sd-6-28-2-button--tertiary--hover-color-background group-active:sd-6-28-2-button--tertiary--active-color-background" : "sd-6-28-2-button--tertiary--inverted--hover-color-background group-active:sd-6-28-2-button--tertiary--inverted--active-color-background group-active:sd-6-28-2-button--tertiary--inverted--active-color-text",
+        cta: !this.inverted ? "bg-accent-500 group-active:bg-accent-700" : "sd-6-28-2-button--cta--inverted--hover-color-background group-active:sd-6-28-2-button--cta--inverted--active-color-background"
       }[this.variant]
     )}"></div></div></div><slot name="icon-left" part="icon-left" class="${cx(
       "flex flex-auto items-center justify-end pointer-events-none",
@@ -243,7 +243,7 @@ var SdButton = class extends SolidElement {
         md: "ml-2",
         lg: "ml-2"
       }[this.size]
-    )}"></slot>${this.loading ? html`<sd-6-28-0-loader class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-28-0-loader>` : ""}</${tag}>`;
+    )}"></slot>${this.loading ? html`<sd-6-28-2-loader class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-28-2-loader>` : ""}</${tag}>`;
   }
 };
 /**
@@ -251,14 +251,14 @@ var SdButton = class extends SolidElement {
  */
 SdButton.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}::slotted(sd-6-28-0-badge){pointer-events:none;position:absolute;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 0);--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-6-28-0-icon),sd-6-28-0-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-6-28-0-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-6-28-0-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-6-28-0-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-6-28-0-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}::slotted(sd-6-28-2-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-6-28-2-icon),sd-6-28-2-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-6-28-2-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-6-28-2-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-6-28-2-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-6-28-2-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`
 ];
 __decorateClass([
   query("a, button")
 ], SdButton.prototype, "button", 2);
 __decorateClass([
-  queryAssignedElements({ selector: "sd-6-28-0-icon" })
+  queryAssignedElements({ selector: "sd-6-28-2-icon" })
 ], SdButton.prototype, "_iconsInDefaultSlot", 2);
 __decorateClass([
   state()
@@ -324,7 +324,7 @@ __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], SdButton.prototype, "handleDisabledChange", 1);
 SdButton = __decorateClass([
-  customElement("sd-6-28-0-button")
+  customElement("sd-6-28-2-button")
 ], SdButton);
 export {

package/dist-versioned/chunks/{chunk.EAJ3CM6N.js → chunk.QGERTGJH.js} RENAMED Viewed

@@ -10,7 +10,7 @@ function setupAutocomplete(selector, { setValueOnSelection, scrollSelectionIntoV
     var _a, _b;
     const ul = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("ul");
     ul == null ? void 0 : ul.setAttribute("part", "listbox");
-    const popup = document.createElement("sd-6-28-0-popup");
+    const popup = document.createElement("sd-6-28-2-popup");
     popup.appendChild(ul);
     (_b = sdInput.shadowRoot) == null ? void 0 : _b.appendChild(popup);
     popup == null ? void 0 : popup.setAttribute("exportparts", "popup__content");
@@ -22,8 +22,8 @@ function setupAutocomplete(selector, { setValueOnSelection, scrollSelectionIntoV
       popup.anchor = sdInput;
       popup.sync = "width";
     }
-    const styles = css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-sd-6-28-0-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);overflow-y:scroll;border-bottom-right-radius:var(--sd-radius);border-bottom-left-radius:var(--sd-radius);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);border-top-style:var(--tw-border-style);border-top-width:0;border-color:rgba(var(--sd-color-border-primary));background-color:rgba(var(--sd-color-background-white));padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-6-28-0-popup li{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms))}sd-6-28-0-popup li:hover:not([disabled]){background-color:rgba(var(--sd-color-background-neutral-100))}sd-6-28-0-popup li{list-style-type:''}sd-6-28-0-popup li mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}sd-6-28-0-popup li:not(:has(sd-6-28-0-option)){cursor:pointer;padding-inline:var(--sd-spacing-4);padding-block:var(--sd-spacing-3);font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:rgba(var(--sd-color-text-black))}sd-6-28-0-popup li:not(:has(sd-6-28-0-option)):hover{background-color:rgba(var(--sd-color-background-neutral-200))}sd-6-28-0-popup li[aria-selected=true]{background-color:rgba(var(--sd-color-background-neutral-200))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}`;
+    const styles = css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+sd-6-28-2-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);overflow-y:scroll;border-bottom-right-radius:var(--sd-radius);border-bottom-left-radius:var(--sd-radius);border-style:var(--tw-border-style);border-width:var(--sd-border-width-2);border-top-style:var(--tw-border-style);border-top-width:0;border-color:rgba(var(--sd-color-border-primary));background-color:rgba(var(--sd-color-background-white));padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}sd-6-28-2-popup li{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,150ms))}sd-6-28-2-popup li:hover:not([disabled]){background-color:rgba(var(--sd-color-background-neutral-100))}sd-6-28-2-popup li{list-style-type:''}sd-6-28-2-popup li mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}sd-6-28-2-popup li:not(:has(sd-6-28-2-option)){cursor:pointer;padding-inline:var(--sd-spacing-4);padding-block:var(--sd-spacing-3);font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:rgba(var(--sd-color-text-black))}sd-6-28-2-popup li:not(:has(sd-6-28-2-option)):hover{background-color:rgba(var(--sd-color-background-neutral-200))}sd-6-28-2-popup li[aria-selected=true]{background-color:rgba(var(--sd-color-background-neutral-200))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}`;
     const styleSheet = new CSSStyleSheet();
     styleSheet.replaceSync(styles);
     sdInput.shadowRoot.adoptedStyleSheets = [...sdInput.shadowRoot.adoptedStyleSheets, styleSheet];
@@ -36,13 +36,13 @@ sd-6-28-0-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);overflow-y:s
   }
   input.addEventListener("open", () => {
     var _a, _b, _c, _d, _e, _f;
-    (_b = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("sd-6-28-0-popup")) == null ? void 0 : _b.setAttribute("active", "true");
+    (_b = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("sd-6-28-2-popup")) == null ? void 0 : _b.setAttribute("active", "true");
     (_d = (_c = sdInput.shadowRoot) == null ? void 0 : _c.querySelector('[part="border"]')) == null ? void 0 : _d.classList.add("rounded-b-none");
     (_f = (_e = sdInput.shadowRoot) == null ? void 0 : _e.querySelector('[part="form-control"]')) == null ? void 0 : _f.classList.add("z-50");
   });
   input.addEventListener("close", () => {
     var _a, _b, _c, _d, _e, _f;
-    (_b = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("sd-6-28-0-popup")) == null ? void 0 : _b.removeAttribute("active");
+    (_b = (_a = sdInput.shadowRoot) == null ? void 0 : _a.querySelector("sd-6-28-2-popup")) == null ? void 0 : _b.removeAttribute("active");
     (_d = (_c = sdInput.shadowRoot) == null ? void 0 : _c.querySelector('[part="border"]')) == null ? void 0 : _d.classList.remove("rounded-b-none");
     (_f = (_e = sdInput.shadowRoot) == null ? void 0 : _e.querySelector('[part="form-control"]')) == null ? void 0 : _f.classList.remove("z-50");
   });

package/dist-versioned/chunks/{chunk.HFUPD442.js → chunk.QOXHGCGA.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.DXRLWSKI.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -17,7 +17,7 @@ var SdSkeleton = class extends SolidElement {
   }
   render() {
     return html`<div part="base" aria-hidden="true" class="${cx(
-      "sd-6-28-0-skeleton-color w-full h-full animate-pulse",
+      "sd-6-28-2-skeleton-color w-full h-full animate-pulse",
       {
         rectangular: "rounded-sm",
         circular: "rounded-full inline-block"
@@ -27,14 +27,14 @@ var SdSkeleton = class extends SolidElement {
 };
 SdSkeleton.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:block}::slotted(*){visibility:hidden}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })
 ], SdSkeleton.prototype, "variant", 2);
 SdSkeleton = __decorateClass([
-  customElement("sd-6-28-0-skeleton")
+  customElement("sd-6-28-2-skeleton")
 ], SdSkeleton);
 export {

package/dist-versioned/chunks/{chunk.76H4PKGT.js → chunk.QUTK63KE.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.DXRLWSKI.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -17,19 +17,19 @@ var SdButtonGroup = class extends SolidElement {
   }
   handleFocus(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-6-28-0-button-group__button--focus");
+    button == null ? void 0 : button.classList.add("sd-6-28-2-button-group__button--focus");
   }
   handleBlur(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-6-28-0-button-group__button--focus");
+    button == null ? void 0 : button.classList.remove("sd-6-28-2-button-group__button--focus");
   }
   handleMouseOver(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.add("sd-6-28-0-button-group__button--hover");
+    button == null ? void 0 : button.classList.add("sd-6-28-2-button-group__button--hover");
   }
   handleMouseOut(event) {
     const button = findButton(event.target);
-    button == null ? void 0 : button.classList.remove("sd-6-28-0-button-group__button--hover");
+    button == null ? void 0 : button.classList.remove("sd-6-28-2-button-group__button--hover");
   }
   handleSlotChange() {
     const slottedElements = [...this.defaultSlot.assignedElements({ flatten: true })];
@@ -37,11 +37,11 @@ var SdButtonGroup = class extends SolidElement {
       const index = slottedElements.indexOf(el);
       const button = findButton(el);
       if (button !== null) {
-        button.classList.add("sd-6-28-0-button-group__button");
-        button.classList.toggle("sd-6-28-0-button-group__button--first", index === 0);
-        button.classList.toggle("sd-6-28-0-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
-        button.classList.toggle("sd-6-28-0-button-group__button--last", index === slottedElements.length - 1);
-        button.classList.toggle("sd-6-28-0-button-group__button--radio", button.tagName.toLowerCase() === "sd-6-28-0-radio-button");
+        button.classList.add("sd-6-28-2-button-group__button");
+        button.classList.toggle("sd-6-28-2-button-group__button--first", index === 0);
+        button.classList.toggle("sd-6-28-2-button-group__button--inner", index > 0 && index < slottedElements.length - 1);
+        button.classList.toggle("sd-6-28-2-button-group__button--last", index === slottedElements.length - 1);
+        button.classList.toggle("sd-6-28-2-button-group__button--radio", button.tagName.toLowerCase() === "sd-6-28-2-radio-button");
       }
     });
   }
@@ -51,7 +51,7 @@ var SdButtonGroup = class extends SolidElement {
 };
 SdButtonGroup.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:inline-block}[part=base]{display:flex;flex-wrap:nowrap}`
 ];
 __decorateClass([
@@ -64,11 +64,11 @@ __decorateClass([
   property({ type: String, reflect: true })
 ], SdButtonGroup.prototype, "label", 2);
 SdButtonGroup = __decorateClass([
-  customElement("sd-6-28-0-button-group")
+  customElement("sd-6-28-2-button-group")
 ], SdButtonGroup);
 function findButton(el) {
   var _a;
-  const selector = "sd-6-28-0-button, sd-6-28-0-radio-button";
+  const selector = "sd-6-28-2-button, sd-6-28-2-radio-button";
   return (_a = el.closest(selector)) != null ? _a : el.querySelector(selector);
 }

package/dist-versioned/chunks/{chunk.ATPMJXDV.js → chunk.RGOLCGJ4.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.DXRLWSKI.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -118,7 +118,7 @@ var SdCheckbox = class extends SolidElement {
   render() {
     const checkboxState = this.disabled && this.indeterminate ? "disabledIndeterminate" : this.disabled && this.checked ? "disabledChecked" : this.disabled ? "disabled" : this.visuallyDisabled ? "visuallyDisabled" : this.showInvalidStyle && this.indeterminate ? "invalidIndeterminate" : this.showInvalidStyle ? "invalid" : this.checked || this.indeterminate ? "filled" : "default";
     return html`<div class="flex flex-col"><label part="base" class="${cx(
-      "sd-6-28-0-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",
+      "sd-6-28-2-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",
       (this.disabled || this.visuallyDisabled) && "hover:cursor-not-allowed",
       {
         /* sizes, fonts */
@@ -127,7 +127,7 @@ var SdCheckbox = class extends SolidElement {
         lg: "text-base"
       }[this.size]
     )}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${ifDefined(this.value)}" .indeterminate="${live(this.indeterminate)}" .checked="${live(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.indeterminate ? "mixed" : this.checked}" aria-describedby="invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled || this.visuallyDisabled ? "true" : "false"}" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked ? " control--checked" : "control--unchecked"} ${this.indeterminate ? " control--indeterminate" : ""}" class="${cx(
-      "relative flex shrink-0 items-center justify-center border sd-6-28-0-checkbox-border-width rounded-sm h-4 w-4",
+      "relative flex shrink-0 items-center justify-center border sd-6-28-2-checkbox-border-width rounded-sm h-4 w-4",
       "transition-colors ease-in-out duration-medium group-hover:duration-fast",
       "peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-primary outline-transparent",
       {
@@ -141,7 +141,7 @@ var SdCheckbox = class extends SolidElement {
         disabled: "border-neutral-500",
         visuallyDisabled: "border-neutral-500",
         invalidIndeterminate: "border-error bg-error group-hover:bg-error-400 group-hover:border-error-400",
-        invalid: "border-error group-hover:border-error-400 sd-6-28-0-checkbox--invalid-color-background group-hover:bg-transparent",
+        invalid: "border-error group-hover:border-error-400 sd-6-28-2-checkbox--invalid-color-background group-hover:bg-transparent",
         filled: "border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",
         default: "form-control-color-border hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"
       }[checkboxState]
@@ -156,14 +156,14 @@ var SdCheckbox = class extends SolidElement {
         disabled: "",
         visuallyDisabled: "",
         invalidIndeterminate: " bg-error group-hover:bg-error-400",
-        invalid: "sd-6-28-0-checkbox--invalid-color-background",
+        invalid: "sd-6-28-2-checkbox--invalid-color-background",
         filled: "bg-accent group-hover:bg-accent-550",
         default: "hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"
       }[checkboxState]
-    )}"></div></div>${this.checked ? html`<sd-6-28-0-icon part="checked-icon" class="text-white w-3 h-3" library="sd-status-assets" name="status-check"></sd-6-28-0-icon>` : ""} ${!this.checked && this.indeterminate ? html`<sd-6-28-0-icon part="indeterminate-icon" class="text-white w-3 h-3" library="sd-status-assets" name="status-minus"></sd-6-28-0-icon>` : ""} </span><span part="label" id="label" class="${cx(
+    )}"></div></div>${this.checked ? html`<sd-6-28-2-icon part="checked-icon" class="text-white w-3 h-3" library="sd-status-assets" name="status-check"></sd-6-28-2-icon>` : ""} ${!this.checked && this.indeterminate ? html`<sd-6-28-2-icon part="indeterminate-icon" class="text-white w-3 h-3" library="sd-status-assets" name="status-minus"></sd-6-28-2-icon>` : ""} </span><span part="label" id="label" class="${cx(
       "select-none inline-block ml-2",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : "text-black"
-    )}"><slot></slot></span></label><div id="invalid-icon-message" part="invalid-icon-message" class="${cx("flex items-center gap-2", this.showInvalidStyle && "mt-2")}">${this.showInvalidStyle ? html`<sd-6-28-0-icon id="invalid-icon" part="invalid-icon" library="_internal" name="risk"></sd-6-28-0-icon>` : ""} ${this.formControlController.renderInvalidMessage(this.size)}</div></div>`;
+    )}"><slot></slot></span></label><div id="invalid-icon-message" part="invalid-icon-message" class="${cx("flex items-center gap-2", this.showInvalidStyle && "mt-2")}">${this.showInvalidStyle ? html`<sd-6-28-2-icon id="invalid-icon" part="invalid-icon" library="_internal" name="risk"></sd-6-28-2-icon>` : ""} ${this.formControlController.renderInvalidMessage(this.size)}</div></div>`;
   }
 };
 /**
@@ -171,7 +171,7 @@ var SdCheckbox = class extends SolidElement {
  */
 SdCheckbox.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-style:var(--tw-outline-style);outline-width:0}:host([required]) #label::after{content:' *'}[part=invalid-icon]{color:rgb(var(--sd-color-icon-fill-error))}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`
 ];
 __decorateClass([
@@ -223,7 +223,7 @@ __decorateClass([
   watch(["checked", "indeterminate"], { waitUntilFirstUpdate: true })
 ], SdCheckbox.prototype, "handleStateChange", 1);
 SdCheckbox = __decorateClass([
-  customElement("sd-6-28-0-checkbox")
+  customElement("sd-6-28-2-checkbox")
 ], SdCheckbox);
 export {

package/dist-versioned/chunks/{chunk.LDEYZ5WH.js → chunk.S4GPAGEW.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.DXRLWSKI.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -92,7 +92,7 @@ var SdStep = class extends SolidElement {
       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-6-28-0-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",
+      "border sd-6-28-2-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" : this.size === "xs" ? "w-2" : "w-12" : this.size === "lg" ? "w-12" : this.size === "xs" ? "w-2" : "w-8 h-8",
       this.disabled && "border-neutral-500 text-neutral-500",
@@ -110,8 +110,8 @@ var SdStep = class extends SolidElement {
     )}" @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-6-28-0-step-color-text"
-    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting && this.size !== "xs" ? html`<sd-6-28-0-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-6-28-0-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(
+      this.notInteractive && "sd-6-28-2-step-color-text"
+    )}">${!this.disabled && !this.current && !this.notInteractive && !this.waiting && this.size !== "xs" ? html`<sd-6-28-2-icon name="status-check" library="_internal" class="${cx(this.size === "sm" && "text-sm")}"></sd-6-28-2-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"
@@ -151,8 +151,8 @@ var SdStep = class extends SolidElement {
 };
 SdStep.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-28-0-icon,slot[name=circle-content]::slotted(sd-6-28-0-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-28-0-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-28-0-icon){color:rgba(var(--sd-color-icon-fill-primary-500))}:host([horizontal-inline]):has([part=description]){min-width:calc(var(--sd-spacing-1) * 0);flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-28-2-icon,slot[name=circle-content]::slotted(sd-6-28-2-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-28-2-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-28-2-icon){color:rgba(var(--sd-color-icon-fill-primary-500))}:host([horizontal-inline]):has([part=description]){min-width:0;flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })
@@ -203,7 +203,7 @@ __decorateClass([
   watch("notInteractive")
 ], SdStep.prototype, "handleInteractivityChange", 1);
 SdStep = __decorateClass([
-  customElement("sd-6-28-0-step")
+  customElement("sd-6-28-2-step")
 ], SdStep);
 export {

package/dist-versioned/chunks/{chunk.67RQILIX.js → chunk.SBZZCZ4Z.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.DXRLWSKI.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -113,7 +113,7 @@ var SdMenu = class extends SolidElement {
   }
   isMenuItem(item) {
     var _a;
-    return item.tagName.toLowerCase() === "sd-6-28-0-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
+    return item.tagName.toLowerCase() === "sd-6-28-2-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
   }
   /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
   getAllItems() {
@@ -147,14 +147,14 @@ var SdMenu = class extends SolidElement {
 };
 SdMenu.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-6-28-0-divider){padding-block:var(--sd-spacing-3)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{position:relative;display:block;overflow:auto;overscroll-behavior:auto;border-radius:var(--sd-radius-md);padding-inline:var(--sd-spacing-2);padding-block:var(--sd-spacing-3);--tw-shadow:var(--sd-shadow)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}::slotted(sd-6-28-2-divider){padding-block:var(--sd-spacing-3)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`
 ];
 __decorateClass([
   query("slot")
 ], SdMenu.prototype, "defaultSlot", 2);
 SdMenu = __decorateClass([
-  customElement("sd-6-28-0-menu")
+  customElement("sd-6-28-2-menu")
 ], SdMenu);
 export {

package/dist-versioned/chunks/{chunk.E32D3Z6I.js → chunk.SFM4G2VH.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.DXRLWSKI.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -241,7 +241,7 @@ var SdPopup = class extends SolidElement {
 };
 SdPopup.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{--arrow-color:var(--sd-color-neutral-1000);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * 0.7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));display:contents}[part=popup]{max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none)}[part=arrow]{width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);background:var(--arrow-color)}`
 ];
 __decorateClass([
@@ -324,7 +324,7 @@ __decorateClass([
   property({ attribute: "auto-size-padding", type: Number })
 ], SdPopup.prototype, "autoSizePadding", 2);
 SdPopup = __decorateClass([
-  customElement("sd-6-28-0-popup")
+  customElement("sd-6-28-2-popup")
 ], SdPopup);
 export {

package/dist-versioned/chunks/{chunk.3AZV733X.js → chunk.TEAEYNBH.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.PGR6OZIM.js";
+} from "./chunk.DXRLWSKI.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -53,7 +53,7 @@ var SdInclude = class extends SolidElement {
 };
 SdInclude.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:block}`
 ];
 __decorateClass([
@@ -69,7 +69,7 @@ __decorateClass([
   watch("src")
 ], SdInclude.prototype, "handleSrcChange", 1);
 SdInclude = __decorateClass([
-  customElement("sd-6-28-0-include")
+  customElement("sd-6-28-2-include")
 ], SdInclude);
 export {