@solid-design-system/components 7.0.0-next.1 → 7.0.0-next.11

package/dist/chunks/{chunk.GESPTAQO.js → chunk.NRI3NAMP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.GI7VDIWX.js";
 import {
   scrollIntoView
-} from "./chunk.WDWV53JP.js";
+} from "./chunk.LTZVVIB2.js";
 import {
   FormControlController
 } from "./chunk.C3WIBDGG.js";
@@ -26,7 +26,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   animateTo,
   stopAnimations
@@ -656,12 +656,12 @@ var SdSelect = class extends SolidElement {
       "select__clear flex justify-center",
       iconMarginLeft,
       this.value.length > 0 ? "visible" : "hidden"
-    )}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${cx("text-neutral-700 z-10", iconSize)}" library="_internal" name="closing-round"></sd-icon></slot></button>` : ""} ${this.showInvalidStyle ? html`<sd-icon part="invalid-icon" class="${cx(iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-icon part="valid-icon" class="${cx("flex-shrink-0 text-success", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle"></sd-icon>` : ""}<slot name="expand-icon" part="expand-icon" class="${cx(
+    )}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.handleClearMouseDown}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${cx("text-neutral-700 z-10", iconSize)}" library="_internal" name="close-circle"></sd-icon></slot></button>` : ""} ${this.showInvalidStyle ? html`<sd-icon part="invalid-icon" class="${cx(iconMarginLeft, iconSize)}" library="_internal" name="risk"></sd-icon>` : ""} ${this.styleOnValid && this.showValidStyle ? html`<sd-icon part="valid-icon" class="${cx("flex-shrink-0 text-success", iconMarginLeft, iconSize)}" library="_internal" name="confirm-circle"></sd-icon>` : ""}<slot name="expand-icon" part="expand-icon" class="${cx(
       "inline-flex ml-2 items-center transition-transform duration-medium ease-in-out",
       this.open ? "rotate-180" : "rotate-0",
       this.disabled || this.visuallyDisabled ? "text-neutral-500" : "icon-color",
       iconSize
-    )}"><sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor"></sd-icon></slot></div><button part="combobox" class="${cx(
+    )}"><sd-icon name="chevron-bottom" part="chevron" library="_internal" color="currentColor"></sd-icon></slot></div><button part="combobox" class="${cx(
       "relative w-full px-4 flex flex-row items-center rounded-default focus-visible:outline-none",
       cursorStyles,
       this.open && "shadow transition-shadow duration-medium ease-in-out",
@@ -682,7 +682,7 @@ var SdSelect = class extends SolidElement {
  */
 SdSelect.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{position:relative;display:block;width:auto}[part=invalid-icon]{color:rgb(var(--sd-color-icon-fill-error,--sd-color-error))}:host([required]) #label::after{content:' *'}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500))}[part=listbox]{max-height:var(--auto-size-available-height,auto)}.input-container,[part=combobox]{grid-column:1/1;grid-row:1/1}sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-tag::part(base){border-radius:var(--sd-radius);padding-inline:var(--sd-spacing-1)}sd-tag::part(content){display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:var(--tag-max-width,15ch)}sd-tag[size=lg]::part(base){padding-inline:var(--sd-spacing-2)}sd-tag[disabled=false]::part(base):hover{background-color:rgba(var(--sd-color-background-primary-100))}.icon-color{color:rgb(var(--sd-form-control-color-icon-fill))}`
 ];
 __decorateClass([

package/dist/chunks/{chunk.GWNXDEYS.js → chunk.O6VYYKTA.js}

@@ -1,18 +1,18 @@
+import {
+  requestIcon
+} from "./chunk.P52GZVKG.js";
 import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.54DGZ62W.js";
-import {
-  requestIcon
-} from "./chunk.P52GZVKG.js";
+} from "./chunk.365UZIBA.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -105,7 +105,7 @@ var SdIcon = class extends SolidElement {
 };
 SdIcon.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{width:1em;height:1em;box-sizing:content-box!important;display:inline-block}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgba(var(--sd-color-icon-fill-primary,var(--sd-color-primary)))}:host([name^='content/'][color=primary]) svg{color:rgba(var(--sd-color-icon-fill-content-icons-primary,var(--sd-color-primary)))}:host([color=white]) svg{color:rgba(var(--sd-color-text-white))}`
 ];
 __decorateClass([

package/dist/chunks/{chunk.YFTT3BJS.js → chunk.PCB2BA7U.js}

@@ -1,10 +1,6 @@
-import {
-  getDeepActiveElement,
-  getTabbableBoundary
-} from "./chunk.UMIKFOMI.js";
 import {
   scrollIntoView
-} from "./chunk.WDWV53JP.js";
+} from "./chunk.LTZVVIB2.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -21,7 +17,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   animateTo,
   stopAnimations
@@ -51,6 +47,67 @@ function deepClosestElement(element, selector) {
   return null;
 }
 
+// src/internal/deep-active-element.ts
+function getDeepActiveElement(element = document.activeElement) {
+  if (element == null ? void 0 : element.shadowRoot) {
+    const shadowActiveElement = element.shadowRoot.activeElement;
+    if (shadowActiveElement) {
+      return getDeepActiveElement(shadowActiveElement);
+    }
+  }
+  return element;
+}
+
+// src/internal/tabbable.ts
+function isTabbable(el) {
+  const tag = el.tagName.toLowerCase();
+  if (el.getAttribute("tabindex") === "-1") {
+    return false;
+  }
+  if (el.hasAttribute("disabled")) {
+    return false;
+  }
+  if (el.hasAttribute("aria-disabled") && el.getAttribute("aria-disabled") !== "false") {
+    return false;
+  }
+  if (tag === "input" && el.getAttribute("type") === "radio" && !el.hasAttribute("checked")) {
+    return false;
+  }
+  if (el.offsetParent === null && !(el.getRootNode() instanceof ShadowRoot)) {
+    return false;
+  }
+  if (window.getComputedStyle(el).visibility === "hidden") {
+    return false;
+  }
+  if ((tag === "audio" || tag === "video") && el.hasAttribute("controls")) {
+    return true;
+  }
+  if (el.hasAttribute("tabindex")) {
+    return true;
+  }
+  if (el.hasAttribute("contenteditable") && el.getAttribute("contenteditable") !== "false") {
+    return true;
+  }
+  return ["button", "input", "select", "textarea", "a", "audio", "video", "summary"].includes(tag);
+}
+function getTabbableBoundary(root) {
+  var _a, _b;
+  const allElements = [];
+  function walk(el) {
+    if (el instanceof HTMLElement) {
+      allElements.push(el);
+      if (el.shadowRoot !== null && el.shadowRoot.mode === "open") {
+        walk(el.shadowRoot);
+      }
+    }
+    [...el.children].forEach((e) => walk(e));
+  }
+  walk(root);
+  const start = (_a = allElements.find((el) => isTabbable(el))) != null ? _a : null;
+  const end = (_b = allElements.reverse().find((el) => isTabbable(el))) != null ? _b : null;
+  return { start, end };
+}
+
 // src/components/dropdown/dropdown.ts
 import { property, query } from "lit/decorators.js";
 import cx from "classix";
@@ -315,7 +372,7 @@ var SdDropdown = class extends SolidElement {
 };
 SdDropdown.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}#dropdown::part(popup){z-index:var(--sd-z-index-dropdown,900)}#dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}#dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}#dropdown[data-current-placement^=left]::part(popup){transform-origin:100%}#dropdown[data-current-placement^=right]::part(popup){transform-origin:0}:host(:not([no-auto-size])) ::slotted(:not([slot=trigger])){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`
 ];
 __decorateClass([

package/dist/chunks/{chunk.AVB7EUPN.js → chunk.PMM3MDLE.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -147,7 +147,7 @@ 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;
+  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-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([

package/dist/chunks/{chunk.MKQMOE4O.js → chunk.QD2ZQPDB.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -83,7 +83,7 @@ var SdLink = class extends SolidElement {
 };
 SdLink.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;
 ::slotted(sd-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`
 ];
 __decorateClass([

package/dist/chunks/{chunk.EAJ3CM6N.js → chunk.QGERTGJH.js}

@@ -22,7 +22,7 @@ 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;
+    const styles = css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 sd-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-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-popup li:hover:not([disabled]){background-color:rgba(var(--sd-color-background-neutral-100))}sd-popup li{list-style-type:''}sd-popup li mark{background-color:transparent;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}sd-popup li:not(:has(sd-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-popup li:not(:has(sd-option)):hover{background-color:rgba(var(--sd-color-background-neutral-200))}sd-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);

package/dist/chunks/{chunk.UAYS6YUK.js → chunk.QOIO3YAP.js}

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -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([

package/dist/chunks/{chunk.NVTCRCR2.js → chunk.RGVIOXPM.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -32,8 +32,8 @@ var SdDivider = class extends SolidElement {
  */
 SdDivider.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{margin:calc(var(--sd-spacing-1) * 0)}:host(sd-divider[orientation=horizontal]){display:block}:host(sd-divider[orientation=vertical]){display:inline-block}`
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{margin:0}:host(sd-divider[orientation=horizontal]){display:block}:host(sd-divider[orientation=vertical]){display:inline-block}`
 ];
 __decorateClass([
   property({ type: String, reflect: true })

package/dist/chunks/{chunk.OGTWG7PX.js → chunk.SDEYEU3M.js}

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -158,16 +158,16 @@ var SdScrollable = class extends SolidElement {
     )}" @scroll="${this.handleContainerScroll}" tabindex="0"><div id="announcement-container" role="status" class="sr-only"></div><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons ? html`${this.isScrollHorizontalEnabled ? html`<div part="button-left" class="${cx(
       "absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.left && "opacity-0 pointer-events-none"
-    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.left || void 0)}" tabindex="${ifDefined(!this.canScroll.left ? -1 : void 0)}" @click="${(e) => this.handleScroll("left", e)}" @blur="${(e) => this.handleButtonBlur("left", e)}"><slot name="icon-start"><sd-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div><div part="button-right" class="${cx(
+    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.left || void 0)}" tabindex="${ifDefined(!this.canScroll.left ? -1 : void 0)}" @click="${(e) => this.handleScroll("left", e)}" @blur="${(e) => this.handleButtonBlur("left", e)}"><slot name="icon-start"><sd-icon library="_internal" name="chevron-top" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div><div part="button-right" class="${cx(
       "absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.right && "opacity-0 pointer-events-none"
-    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.right || void 0)}" tabindex="${ifDefined(!this.canScroll.right ? -1 : void 0)}" @click="${(e) => this.handleScroll("right", e)}" @blur="${(e) => this.handleButtonBlur("right", e)}"><slot name="icon-end"><sd-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>` : null} ${this.isScrollVerticalEnabled ? html`<div part="button-top" class="${cx(
+    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.right || void 0)}" tabindex="${ifDefined(!this.canScroll.right ? -1 : void 0)}" @click="${(e) => this.handleScroll("right", e)}" @blur="${(e) => this.handleButtonBlur("right", e)}"><slot name="icon-end"><sd-icon library="_internal" name="chevron-bottom" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>` : null} ${this.isScrollVerticalEnabled ? html`<div part="button-top" class="${cx(
       "absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.up && "opacity-0 pointer-events-none"
-    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.up || void 0)}" tabindex="${ifDefined(!this.canScroll.up ? -1 : void 0)}" @click="${(e) => this.handleScroll("up", e)}" @blur="${(e) => this.handleButtonBlur("up", e)}"><slot name="icon-start"><sd-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div><div part="button-bottom" class="${cx(
+    )}"><button part="button-start" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.up || void 0)}" tabindex="${ifDefined(!this.canScroll.up ? -1 : void 0)}" @click="${(e) => this.handleScroll("up", e)}" @blur="${(e) => this.handleButtonBlur("up", e)}"><slot name="icon-start"><sd-icon library="_internal" name="chevron-top" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div><div part="button-bottom" class="${cx(
       "absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",
       !this.canScroll.down && "opacity-0 pointer-events-none"
-    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.down || void 0)}" tabindex="${ifDefined(!this.canScroll.down ? -1 : void 0)}" @click="${(e) => this.handleScroll("down", e)}" @blur="${(e) => this.handleButtonBlur("down", e)}"><slot name="icon-end"><sd-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>` : null}` : null} ${this.shadows ? html`${this.isScrollHorizontalEnabled ? html`<div part="shadow-left" class="${cx(
+    )}"><button part="button-end" class="${cx(scrollButtonClasses)}" aria-hidden="${ifDefined(!this.canScroll.down || void 0)}" tabindex="${ifDefined(!this.canScroll.down ? -1 : void 0)}" @click="${(e) => this.handleScroll("down", e)}" @blur="${(e) => this.handleButtonBlur("down", e)}"><slot name="icon-end"><sd-icon library="_internal" name="chevron-bottom" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>` : null}` : null} ${this.shadows ? html`${this.isScrollHorizontalEnabled ? html`<div part="shadow-left" class="${cx(
       "left top-0 left-0 w-[6px] h-full",
       scrollShadowClasses,
       this.canScroll.left ? "opacity-100" : "opacity-0"
@@ -188,7 +188,7 @@ var SdScrollable = class extends SolidElement {
 };
 SdScrollable.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{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1);width:var(--sd-spacing-1)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-icon--top{align-self:flex-start}.sd-icon--down{align-self:flex-end}`
 ];
 __decorateClass([

package/dist/chunks/{chunk.MGLNCJH4.js → chunk.SVAL7V6Q.js}

@@ -1,16 +1,6 @@
 import {
   uppercaseFirstLetter
 } from "./chunk.SF6AUNJF.js";
-import {
-  Modal
-} from "./chunk.EDMG7C5H.js";
-import {
-  getDeepActiveElement
-} from "./chunk.UMIKFOMI.js";
-import {
-  lockBodyScrolling,
-  unlockBodyScrolling
-} from "./chunk.WDWV53JP.js";
 import {
   HasSlotController
 } from "./chunk.IVMQWO2L.js";
@@ -30,7 +20,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   animateTo,
   stopAnimations
@@ -48,33 +38,20 @@ var SdDrawer = class extends SolidElement {
     super(...arguments);
     this.hasSlotController = new HasSlotController(this, "footer");
     this.localize = new LocalizeController(this);
-    this.modal = new Modal(this);
     this.open = false;
     this.label = "";
     this.placement = "end";
-    this.contained = false;
     this.noHeader = false;
-    this.handleDocumentKeyDown = (event) => {
-      if (this.open && event.key === "Escape") {
-        event.stopPropagation();
-        this.requestClose("keyboard");
-      }
-    };
   }
   firstUpdated() {
-    this.drawer.hidden = !this.open;
+    this.drawer.addEventListener("cancel", (event) => {
+      event.preventDefault();
+      this.requestClose("keyboard");
+    });
     if (this.open) {
-      this.addOpenListeners();
-      if (!this.contained) {
-        this.modal.activate();
-        lockBodyScrolling(this);
-      }
+      this.drawer.showModal();
     }
   }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    unlockBodyScrolling(this);
-  }
   requestClose(source) {
     const slRequestClose = this.emit("sd-request-close", {
       cancelable: true,
@@ -87,38 +64,24 @@ var SdDrawer = class extends SolidElement {
     }
     this.hide();
   }
-  addOpenListeners() {
-    document.addEventListener("keydown", this.handleDocumentKeyDown);
-  }
-  removeOpenListeners() {
-    document.removeEventListener("keydown", this.handleDocumentKeyDown);
-  }
   async handleOpenChange() {
     var _a;
     const closeButtonBase = (_a = this.closeButton.shadowRoot) == null ? void 0 : _a.querySelector('[part="base"]');
     if (this.open) {
       this.emit("sd-show");
-      this.addOpenListeners();
-      this.originalTrigger = getDeepActiveElement();
-      if (!this.contained) {
-        this.modal.activate();
-        lockBodyScrolling(this);
-      }
       const autoFocusTarget = this.querySelector("[autofocus]");
       if (autoFocusTarget) {
         autoFocusTarget.removeAttribute("autofocus");
       }
-      await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);
-      this.drawer.hidden = false;
+      await stopAnimations(this.drawer);
+      this.drawer.showModal();
       this.drawer.removeAttribute("inert");
+      const overlayShowAnimation = getAnimation(this, "drawer.overlay.show", { dir: this.localize.dir() });
+      animateTo(this.overlay, overlayShowAnimation.keyframes, overlayShowAnimation.options);
       const panelAnimation = getAnimation(this, `drawer.show${uppercaseFirstLetter(this.placement)}`, {
         dir: this.localize.dir()
       });
-      const overlayAnimation = getAnimation(this, "drawer.overlay.show", { dir: this.localize.dir() });
-      await Promise.all([
-        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),
-        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)
-      ]);
+      await animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options);
       closeButtonBase == null ? void 0 : closeButtonBase.setAttribute("aria-controls", "drawer");
       closeButtonBase == null ? void 0 : closeButtonBase.setAttribute("aria-expanded", "true");
       requestAnimationFrame(() => {
@@ -139,46 +102,19 @@ var SdDrawer = class extends SolidElement {
       this.emit("sd-after-show");
     } else {
       this.emit("sd-hide");
-      this.removeOpenListeners();
-      if (!this.contained) {
-        this.modal.deactivate();
-        unlockBodyScrolling(this);
-      }
-      await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);
+      await stopAnimations(this.drawer);
+      const overlayHideAnimation = getAnimation(this, "drawer.overlay.hide", { dir: this.localize.dir() });
+      animateTo(this.overlay, overlayHideAnimation.keyframes, overlayHideAnimation.options);
       const panelAnimation = getAnimation(this, `drawer.hide${uppercaseFirstLetter(this.placement)}`, {
         dir: this.localize.dir()
       });
-      const overlayAnimation = getAnimation(this, "drawer.overlay.hide", { dir: this.localize.dir() });
-      await Promise.all([
-        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options).then(() => {
-          this.overlay.hidden = true;
-        }),
-        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options).then(() => {
-          this.panel.hidden = true;
-        })
-      ]);
-      this.drawer.hidden = true;
+      await animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options);
+      this.drawer.close();
       this.drawer.setAttribute("inert", "");
-      this.overlay.hidden = false;
-      this.panel.hidden = false;
-      const trigger = this.originalTrigger;
-      if (typeof (trigger == null ? void 0 : trigger.focus) === "function") {
-        setTimeout(() => trigger.focus());
-      }
       closeButtonBase == null ? void 0 : closeButtonBase.setAttribute("aria-expanded", "false");
       this.emit("sd-after-hide");
     }
   }
-  handleNoModalChange() {
-    if (this.open && !this.contained) {
-      this.modal.activate();
-      lockBodyScrolling(this);
-    }
-    if (this.open && this.contained) {
-      this.modal.deactivate();
-      unlockBodyScrolling(this);
-    }
-  }
   /** Shows the drawer. */
   async show() {
     if (this.open) {
@@ -196,35 +132,29 @@ var SdDrawer = class extends SolidElement {
     return waitForEvent(this, "sd-after-hide");
   }
   render() {
-    return html`<section id="drawer" part="base" class="${cx(
-      "top-0 start-0 w-full h-full pointer-events-none overflow-hidden",
-      this.contained ? "absolute" : "fixed"
-    )}" aria-label="${this.label}"><div part="overlay" class="${cx(
-      "block top-0 left-0 right-0 bottom-0 overlay-color-background pointer-events-auto",
-      this.contained ? "absolute" : "fixed"
-    )}" @click="${() => this.requestClose("overlay")}"></div><div part="panel" class="${cx(
+    return html`<dialog id="drawer" part="base" class="top-0 start-0 w-full h-full p-0 bg-transparent border-none max-w-none max-h-none" aria-label="${this.label}"><div part="overlay" class="fixed inset-0" @click="${() => this.requestClose("overlay")}"></div><div part="panel" class="${cx(
       "absolute flex flex-col gap-4 z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",
       {
         end: "top-0 end-0 bottom-auto start-auto w-[var(--width)] h-full",
         start: "top-0 end-auto bottom-auto start-0 w-[var(--width)] h-full"
       }[this.placement]
-    )}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${!this.noHeader ? html`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:64px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ms-4 absolute top-2 end-2"><sd-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-icon></sd-button></div></header>` : html`<sd-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}" class="absolute top-2 end-2 z-10"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-icon></sd-button>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${cx(this.hasSlotController.test("footer") ? "text-left p-4" : "hidden")}"><slot name="footer"></slot></footer></div></section>`;
+    )}" aria-label="${this.label}" tabindex="0">${!this.noHeader ? html`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:64px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ms-4 absolute top-2 end-2"><sd-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-icon></sd-button></div></header>` : html`<sd-button variant="tertiary" size="lg" part="close-button" @click="${() => this.requestClose("close-button")}" class="absolute top-2 end-2 z-10"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-icon></sd-button>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${cx(this.hasSlotController.test("footer") ? "text-left p-4" : "hidden")}"><slot name="footer"></slot></footer></div></dialog>`;
   }
 };
 SdDrawer.styles = [
   ...SolidElement.styles,
-  css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--width:25rem;display:contents}:host([contained]){z-index:initial}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}:host [part=panel]{outline:1px solid rgb(var(--sd-panel-color-border,transparent))}`
+  css`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{--width:25rem;display:contents}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:0;width:0}:host [part=panel]{outline:1px solid rgb(var(--sd-panel-color-border,transparent))}::backdrop{display:none}[part=overlay]{background-color:rgb(var(--sd-overlay-color-background,5 21 48 / .9))}`
 ];
 __decorateClass([
   query("[part=base]")
 ], SdDrawer.prototype, "drawer", 2);
-__decorateClass([
-  query("[part=panel]")
-], SdDrawer.prototype, "panel", 2);
 __decorateClass([
   query("[part=overlay]")
 ], SdDrawer.prototype, "overlay", 2);
+__decorateClass([
+  query("[part=panel]")
+], SdDrawer.prototype, "panel", 2);
 __decorateClass([
   query("[part=close-button]")
 ], SdDrawer.prototype, "closeButton", 2);
@@ -237,18 +167,12 @@ __decorateClass([
 __decorateClass([
   property({ type: String, reflect: true })
 ], SdDrawer.prototype, "placement", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], SdDrawer.prototype, "contained", 2);
 __decorateClass([
   property({ attribute: "no-header", type: Boolean, reflect: true })
 ], SdDrawer.prototype, "noHeader", 2);
 __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SdDrawer.prototype, "handleOpenChange", 1);
-__decorateClass([
-  watch("contained", { waitUntilFirstUpdate: true })
-], SdDrawer.prototype, "handleNoModalChange", 1);
 SdDrawer = __decorateClass([
   customElement("sd-drawer")
 ], SdDrawer);
@@ -302,11 +226,11 @@ setDefaultAnimation("drawer.denyClose", {
 });
 setDefaultAnimation("drawer.overlay.show", {
   keyframes: [{ opacity: 0 }, { opacity: 1 }],
-  options: { duration: "var(--sd-duration-medium, 300)", easing: "ease-in-out" }
+  options: { duration: "var(--sd-duration-medium, 300)", easing: "linear" }
 });
 setDefaultAnimation("drawer.overlay.hide", {
   keyframes: [{ opacity: 1 }, { opacity: 0 }],
-  options: { duration: "var(--sd-duration-medium, 300)", easing: "ease-in-out" }
+  options: { duration: "var(--sd-duration-fast, 150)", easing: "linear" }
 });
 
 export {

package/{dist-versioned/chunks/chunk.Q4LFZ4MN.js → dist/chunks/chunk.UGGH4H2X.js}

@@ -1,11 +1,11 @@
 // src/components/icon/library.multi-theming.ts
 var themeMap = {
-  "ui-light": "union-investment",
-  "ui-dark": "union-investment",
-  vb: "vb",
   bb: "bbbank",
+  kid: "kidstarter",
   sp: "sparda",
-  kid: "kidstarter"
+  "ui-dark": "union-investment",
+  "ui-light": "union-investment",
+  vb: "vb"
 };
 function getTheme(element) {
   if (element) {

package/dist/chunks/{chunk.2QG5VVWH.js → chunk.UMF56HAL.js}

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   Wave
 } from "./chunk.POFWU6ZT.js";
@@ -300,7 +300,7 @@ var SdAudio = class extends SolidElement {
     )}" part="audio-controls"><button class="${cx(
       "playback-speed justify-self-start text-base font-bold hover:cursor-pointer sd-interactive",
       this.inverted && "sd-interactive--inverted"
-    )}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-button ?inverted="${this.inverted ? true : false}" part="play-button" size="lg" @click="${!this.isPlaying ? this.playAudio : this.pauseAudio}" aria-label="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" title="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" class="mb-4">${this.isPlaying ? html`<slot name="pause-icon"><sd-icon class="text-xl" name="pause" library="_internal"></sd-icon></slot>` : html`<slot name="play-icon"><sd-icon class="text-xl" name="start" library="_internal"></sd-icon></slot>`}</sd-button><div class="flex items-center gap-6 justify-self-end">${this.hasSlotController.test("transcript") ? html`<button class="${cx("w-6 h-6 hover:cursor-pointer sd-interactive", this.inverted && "sd-interactive--inverted")}" aria-label="${this.isTranscriptOpen ? this.localize.term("transcriptIsOpen") : this.localize.term("openTranscript")}" @click="${this.showTranscript}" @keydown="${this.showTranscriptKeydown}" part="transcript"><sd-icon class="w-6 h-6" name="transcript" library="_internal"></sd-icon></button>` : null} <button class="${cx("w-6 h-6 hover:cursor-pointer sd-interactive", this.inverted && "sd-interactive--inverted")}" part="volume" aria-label="${!this.isMuted ? this.localize.term("mute") : this.localize.term("unmute")}" @click="${this.toggleMute}" @keydown="${this.toggleMuteKeydown}"><sd-icon class="w-6 h-6" name="${this.isMuted ? "mute" : "volume"}" library="_internal"></sd-icon></button></div></div>`;
+    )}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-button ?inverted="${this.inverted ? true : false}" part="play-button" size="lg" @click="${!this.isPlaying ? this.playAudio : this.pauseAudio}" aria-label="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" title="${this.isPlaying ? this.localize.term("pauseAudio") : this.localize.term("playAudio")}" class="mb-4">${this.isPlaying ? html`<slot name="pause-icon"><sd-icon class="text-xl" name="pause" library="_internal"></sd-icon></slot>` : html`<slot name="play-icon"><sd-icon class="text-xl" name="play" library="_internal"></sd-icon></slot>`}</sd-button><div class="flex items-center gap-6 justify-self-end">${this.hasSlotController.test("transcript") ? html`<button class="${cx("w-6 h-6 hover:cursor-pointer sd-interactive", this.inverted && "sd-interactive--inverted")}" aria-label="${this.isTranscriptOpen ? this.localize.term("transcriptIsOpen") : this.localize.term("openTranscript")}" @click="${this.showTranscript}" @keydown="${this.showTranscriptKeydown}" part="transcript"><sd-icon class="w-6 h-6" name="transcript" library="_internal"></sd-icon></button>` : null} <button class="${cx("w-6 h-6 hover:cursor-pointer sd-interactive", this.inverted && "sd-interactive--inverted")}" part="volume" aria-label="${!this.isMuted ? this.localize.term("mute") : this.localize.term("unmute")}" @click="${this.toggleMute}" @keydown="${this.toggleMuteKeydown}"><sd-icon class="w-6 h-6" name="${this.isMuted ? "mute" : "volume"}" library="_internal"></sd-icon></button></div></div>`;
     const renderTimestamps = html`<div class="${cx(
       "w-full flex justify-between",
       this.reversedLayout ? "mb-0.5" : "mt-0.5",
@@ -311,7 +311,7 @@ var SdAudio = class extends SolidElement {
 };
 SdAudio.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;
 sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-spacing-12);align-items:center;justify-content:center;border-radius:var(--sd-radius-full)}sd-button::part(motion-wrapper){border-radius:var(--sd-radius-full)}sd-button::part(label){display:flex;flex-grow:0;align-items:center}sd-range::part(form-control-label){display:none}:host([inverted]) sd-range::part(thumb){outline-color:rgba(var(--sd-color-border-white,var(--sd-color-white)));background-color:rgba(var(--sd-color-icon-fill-white,rgba(var(--sd-color-white))))}:host([animated]) sd-range::part(track){background-color:transparent}:host([inverted]:not([animated])) sd-range::part(track){background-color:rgba(var(--sd-audio__slide-bar--inverted-color-background,rgba(var(--sd-color-primary-400))))}:host([inverted]:not([animated])) sd-range::part(active-track){background-color:rgba(var(--sd-audio__track-bar--inverted-color-background,rgba(var(--sd-color-white))))}.sd-audio__timestamp-color-text{color:rgb(var(--sd-audio__timestamp-color-text,var(--sd-color-text-neutral-700)))}`
 ];
 __decorateClass([

package/dist/chunks/{chunk.SBBWYGUE.js → chunk.UOMFY7RY.js}

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.LB37DTSJ.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -22,7 +22,7 @@ var SdCarouselItem = class extends SolidElement {
 };
 SdCarouselItem.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{aspect-ratio:var(--aspect-ratio);scroll-snap-align:start;scroll-snap-stop:always;display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center}::slotted(img){height:100%;width:100%;-o-object-fit:cover;object-fit:cover}`
 ];
 SdCarouselItem = __decorateClass([