@solid-design-system/components 6.30.0 → 7.0.0-next.10

package/dist/chunks/{chunk.SURNV5UB.js → chunk.P5V6KORX.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.UIQBHPD3.js";
 import {
   scrollIntoView
-} from "./chunk.WDWV53JP.js";
+} from "./chunk.LTZVVIB2.js";
 import {
   FormControlController
 } from "./chunk.C3WIBDGG.js";
@@ -35,7 +35,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.64WDBXSH.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.RT3GEKSF.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";

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

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

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

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

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

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

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

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

package/dist/chunks/{chunk.G4M2C6HJ.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.RT3GEKSF.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.2 | 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:0;width:0}:host [part=panel]{outline:1px solid rgb(var(--sd-panel-color-border,transparent))}`
+: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/chunks/{chunk.B2TWJWHR.js → chunk.UOMFY7RY.js}

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

package/dist/chunks/{chunk.4QH36I7J.js → chunk.UTW3WRV2.js}

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

package/dist/chunks/{chunk.BDBOCJUQ.js → chunk.UYQP3VDT.js}

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

package/dist/chunks/{chunk.ENJLFL4U.js → chunk.VHQQB75I.js}

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

package/dist/chunks/{chunk.ALFOBBM3.js → chunk.WVSKCZ63.js}

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

package/dist/chunks/{chunk.BZQG2H25.js → chunk.WXT5HYGA.js}

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

package/dist/chunks/{chunk.KIIB3FFM.js → chunk.WYS3OZYO.js}

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

package/dist/chunks/{chunk.747CZOOT.js → chunk.WZOVHSGU.js}

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

package/dist/chunks/{chunk.GBSWTGPJ.js → chunk.Y4XJY6Y4.js}

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

package/dist/chunks/{chunk.47DEDQQK.js → chunk.Y6QQUPB5.js}

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

package/dist/chunks/{chunk.DNCDNML2.js → chunk.Z462LBEB.js}

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

package/dist/chunks/{chunk.AFHCI6IS.js → chunk.ZCG43UX7.js}

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.RT3GEKSF.js";
+} from "./chunk.DJJN4MJ4.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -203,7 +203,7 @@ var SdNotification = class extends SolidElement {
     });
   }
   render() {
-    return html`<div part="base" class="${cx("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="${ifDefined(this.closable ? "0" : void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open ? "false" : "true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${cx("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${cx(
+    return html`<div part="base" class="${cx("w-full flex items-stretch focus-visible:focus-outline")}" id="notification" tabindex="${ifDefined(this.closable ? "0" : void 0)}" role="alert" aria-labelledby="message" aria-hidden="${this.open ? "false" : "true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${cx("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${cx(
       "min-w-min flex items-center px-3 justify-center",
       {
         info: "bg-info",

package/dist/components/accordion/accordion.js

@@ -1,9 +1,9 @@
 import {
   SdAccordion
-} from "../../chunks/chunk.A337UTOA.js";
+} from "../../chunks/chunk.KAWDESCC.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.SIFZJP32.js";
+import "../../chunks/chunk.JHSA2DI2.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.XBDLZTHZ.js";
@@ -12,10 +12,10 @@ import "../../chunks/chunk.Z3HEYXRX.js";
 import "../../chunks/chunk.Q4LFZ4MN.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.KE6F4NXN.js";
+import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/accordion-group/accordion-group.js

@@ -1,10 +1,10 @@
 import {
   SdAccordionGroup
-} from "../../chunks/chunk.5XZQBMKD.js";
-import "../../chunks/chunk.A337UTOA.js";
+} from "../../chunks/chunk.AJVSDITF.js";
+import "../../chunks/chunk.KAWDESCC.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.SIFZJP32.js";
+import "../../chunks/chunk.JHSA2DI2.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.XBDLZTHZ.js";
@@ -13,10 +13,10 @@ import "../../chunks/chunk.Z3HEYXRX.js";
 import "../../chunks/chunk.Q4LFZ4MN.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.KE6F4NXN.js";
+import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/animation/animation.js

@@ -1,9 +1,9 @@
 import {
   SdAnimation
-} from "../../chunks/chunk.SB6TO2NI.js";
+} from "../../chunks/chunk.D5JLEZPO.js";
 import "../../chunks/chunk.TJOP7HQP.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/audio/audio.js

@@ -1,19 +1,16 @@
 import {
   SdAudio
-} from "../../chunks/chunk.NT2XMLYA.js";
-import "../../chunks/chunk.G4M2C6HJ.js";
+} from "../../chunks/chunk.52XEAMVX.js";
+import "../../chunks/chunk.SVAL7V6Q.js";
 import "../../chunks/chunk.SF6AUNJF.js";
-import "../../chunks/chunk.EDMG7C5H.js";
-import "../../chunks/chunk.UMIKFOMI.js";
-import "../../chunks/chunk.WDWV53JP.js";
-import "../../chunks/chunk.Q4BNLRER.js";
-import "../../chunks/chunk.L5OGV3KL.js";
-import "../../chunks/chunk.SFIA76OX.js";
+import "../../chunks/chunk.LJ5ONJGL.js";
+import "../../chunks/chunk.33KST4RJ.js";
+import "../../chunks/chunk.5VCVDFRJ.js";
 import "../../chunks/chunk.C3WIBDGG.js";
 import "../../chunks/chunk.IVMQWO2L.js";
 import "../../chunks/chunk.N4LHE3QK.js";
 import "../../chunks/chunk.B4BZKR24.js";
-import "../../chunks/chunk.SIFZJP32.js";
+import "../../chunks/chunk.JHSA2DI2.js";
 import "../../chunks/chunk.P52GZVKG.js";
 import "../../chunks/chunk.RPB53XXV.js";
 import "../../chunks/chunk.XBDLZTHZ.js";
@@ -22,10 +19,10 @@ import "../../chunks/chunk.Z3HEYXRX.js";
 import "../../chunks/chunk.Q4LFZ4MN.js";
 import "../../chunks/chunk.4TPOL3LB.js";
 import "../../chunks/chunk.X3FE7OHE.js";
-import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.KE6F4NXN.js";
+import "../../chunks/chunk.7D23CZ3Y.js";
 import "../../chunks/chunk.X2OQMWGY.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.POFWU6ZT.js";
 import "../../chunks/chunk.S3NI7NKU.js";

package/dist/components/badge/badge.js

@@ -1,7 +1,7 @@
 import {
   SdBadge
-} from "../../chunks/chunk.VKAWXQBO.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+} from "../../chunks/chunk.6MSQDSJK.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {

package/dist/components/brandshape/brandshape.js

@@ -1,7 +1,7 @@
 import {
   SdBrandshape
-} from "../../chunks/chunk.QBHSDBEF.js";
-import "../../chunks/chunk.RT3GEKSF.js";
+} from "../../chunks/chunk.5R5MY3VD.js";
+import "../../chunks/chunk.DJJN4MJ4.js";
 import "../../chunks/chunk.HQWAKJBV.js";
 import "../../chunks/chunk.S3NI7NKU.js";
 export {