npm - @solid-design-system/components - Versions diffs - 4.6.6 → 4.6.7 - Mend

@solid-design-system/components 4.6.6 → 4.6.7

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

package/dist/chunks/{chunk.LLSVGPM2.js → chunk.3ORZT34X.js} RENAMED Viewed

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

package/dist/chunks/chunk.3PS24RCT.js ADDED Viewed

@@ -0,0 +1,224 @@
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
+import {
+  SolidElement,
+  customElement
+} from "./chunk.TXYWAHFM.js";
+import {
+  __decorateClass
+} from "./chunk.S3NI7NKU.js";
+// src/components/scrollable/scrollable.ts
+import { css, html } from "lit";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { property, query, state } from "lit/decorators.js";
+import cx from "classix";
+var SdScrollable = class extends SolidElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.orientation = "horizontal";
+    this.scrollbars = false;
+    this.buttons = false;
+    this.shadows = false;
+    this.inset = false;
+    this.step = 150;
+    this.canScroll = {
+      left: false,
+      right: false,
+      up: false,
+      down: false
+    };
+    this.isScrollHorizontalEnabled = false;
+    this.isScrollVerticalEnabled = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.updateScrollEnabledFlags();
+    this.resizeObserver = new ResizeObserver(() => {
+      this.handleContainerScroll();
+    });
+    this.updateComplete.then(() => {
+      if (this.container) {
+        this.resizeObserver.observe(this.container);
+      }
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.container) {
+      this.resizeObserver.unobserve(this.container);
+    }
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (changedProperties.has("orientation") || changedProperties.has("buttons") || changedProperties.has("shadows")) {
+      this.updateScrollEnabledFlags();
+      this.handleContainerScroll();
+    }
+  }
+  updateScrollEnabledFlags() {
+    const dir = this.orientation;
+    this.isScrollHorizontalEnabled = dir === "horizontal" || dir === "auto";
+    this.isScrollVerticalEnabled = dir === "vertical" || dir === "auto";
+  }
+  get scrollButtons() {
+    return {
+      left: this.leftButton,
+      right: this.rightButton,
+      up: this.upButton,
+      down: this.downButton
+    };
+  }
+  handleContainerScroll() {
+    if (!this.container) {
+      return;
+    }
+    const canScrollLeft = this.isScrollHorizontalEnabled && this.container.scrollLeft > 0;
+    const canScrollRight = this.isScrollHorizontalEnabled && this.container.scrollLeft + this.container.clientWidth < this.container.scrollWidth - 1;
+    const canScrollUp = this.isScrollVerticalEnabled && this.container.scrollTop > 0;
+    const canScrollDown = this.isScrollVerticalEnabled && this.container.scrollTop + this.container.clientHeight < this.container.scrollHeight - 1;
+    this.canScroll = {
+      left: this.isScrollHorizontalEnabled && canScrollLeft,
+      right: this.isScrollHorizontalEnabled && canScrollRight,
+      up: this.isScrollVerticalEnabled && canScrollUp,
+      down: this.isScrollVerticalEnabled && canScrollDown
+    };
+    const startEventTriggered = canScrollLeft || canScrollUp;
+    const endEventTriggered = canScrollRight || canScrollDown;
+    if (startEventTriggered) {
+      this.dispatchEvent(new CustomEvent("start"));
+    }
+    if (endEventTriggered) {
+      this.dispatchEvent(new CustomEvent("end"));
+    }
+  }
+  handleScroll(direction, e) {
+    var _a, _b, _c;
+    const amount = ["left", "up"].includes(direction) ? -this.step : this.step;
+    const axis = ["left", "right"].includes(direction) ? "horizontal" : "vertical";
+    const towards = ["left", "up"].includes(direction) ? "start" : "end";
+    const isKeyboardTriggered = !["mouse", "touch"].includes((_a = e == null ? void 0 : e.pointerType) != null ? _a : "");
+    const scrollKey = axis === "horizontal" ? "left" : "top";
+    (_b = this.container) == null ? void 0 : _b.scrollBy({
+      behavior: "smooth",
+      [scrollKey]: amount
+    });
+    const eventName = `button-${direction}`;
+    this.dispatchEvent(new CustomEvent(eventName, { bubbles: true, composed: true }));
+    const currentPosition = axis === "horizontal" ? this.container.scrollLeft : this.container.scrollTop;
+    const updatedPosition = currentPosition + amount;
+    const limit = axis === "horizontal" ? this.container.scrollWidth - this.container.clientWidth : this.container.scrollHeight - this.container.clientHeight;
+    const reachedStart = towards === "start" && updatedPosition <= 0;
+    const reachedEnd = towards === "end" && updatedPosition >= limit - 1;
+    if (!(reachedStart || reachedEnd)) {
+      const announcement = this.localize.term("scrolled");
+      this.announcementContainer.textContent = this.announcementContainer.textContent === announcement ? `${announcement}\u200B` : announcement;
+      return;
+    }
+    const clickedButton = this.scrollButtons[direction];
+    const oppositeButton = {
+      left: this.rightButton,
+      right: this.leftButton,
+      up: this.downButton,
+      down: this.upButton
+    }[direction];
+    const label = reachedStart ? `${this.localize.term("scrolled")}. ${this.localize.term("scrollToEnd")}` : `${this.localize.term("scrolled")}. ${this.localize.term("scrollToStart")}`;
+    (_c = oppositeButton == null ? void 0 : oppositeButton.querySelector("sd-icon")) == null ? void 0 : _c.setAttribute("label", label);
+    if (isKeyboardTriggered) {
+      oppositeButton == null ? void 0 : oppositeButton.focus();
+    } else {
+      clickedButton == null ? void 0 : clickedButton.blur();
+    }
+  }
+  handleButtonBlur(direction, e) {
+    var _a;
+    const scrollTo = ["left", "up"].includes(direction) ? "start" : "end";
+    const label = scrollTo === "start" ? this.localize.term("scrollToStart") : this.localize.term("scrollToEnd");
+    const button = e.target;
+    (_a = button.querySelector("sd-icon")) == null ? void 0 : _a.setAttribute("label", label);
+  }
+  render() {
+    const scrollButtonClasses = "relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg";
+    const scrollShadowClasses = "scroll-shadow absolute z-10 pointer-events-none";
+    return html`<div part="base" class="${cx(
+      "scroll-container flex overflow-hidden flex-1",
+      this.scrollbars ? "show-scrollbars" : "hide-scrollbars",
+      this.inset && "p-4",
+      {
+        horizontal: "scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",
+        vertical: "scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",
+        auto: "scroll-auto overflow-auto"
+      }[this.orientation]
+    )}" @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",
+      !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="system" name="chevron-up" 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",
+      !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="system" 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(
+      "absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8",
+      !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="system" name="chevron-up" 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",
+      !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="system" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>` : null}` : null} ${this.shadows ? html`${this.isScrollHorizontalEnabled ? html`${this.canScroll.left ? html`<div part="shadow-left" class="${scrollShadowClasses} left top-0 left-0 w-[6px] h-full"></div>` : null} ${this.canScroll.right ? html`<div part="shadow-right" class="${scrollShadowClasses} right top-0 right-0 w-[6px] h-full"></div>` : null}` : null} ${this.isScrollVerticalEnabled ? html`${this.canScroll.up ? html`<div part="shadow-top" class="${scrollShadowClasses} top top-0 left-0 w-full h-[6px]"></div>` : null} ${this.canScroll.down ? html`<div part="shadow-bottom" class="${scrollShadowClasses} bottom bottom-0 left-0 w-full h-[6px]"></div>` : null}` : null}` : null}`;
+  }
+};
+SdScrollable.styles = [
+  ...SolidElement.styles,
+  css`:host{--gradient-color:hsla(0,0%,100%,0);--gradient:var(--gradient-color) 0%,#fff 80%,#fff 100%;display:flex;overflow:hidden;position:relative}.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-border-radius-sm,.125rem)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem)}.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,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-right]{background:linear-gradient(90deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-top]{background:linear-gradient(0deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-bottom]{background:linear-gradient(180deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}.sd-icon--top{align-self:flex-start}.sd-icon--down{align-self:flex-end}`
+];
+__decorateClass([
+  query('[part="button-right"] button')
+], SdScrollable.prototype, "rightButton", 2);
+__decorateClass([
+  query('[part="button-left"] button')
+], SdScrollable.prototype, "leftButton", 2);
+__decorateClass([
+  query('[part="button-bottom"] button')
+], SdScrollable.prototype, "downButton", 2);
+__decorateClass([
+  query('[part="button-top"] button')
+], SdScrollable.prototype, "upButton", 2);
+__decorateClass([
+  query(".scroll-container")
+], SdScrollable.prototype, "container", 2);
+__decorateClass([
+  query("#announcement-container")
+], SdScrollable.prototype, "announcementContainer", 2);
+__decorateClass([
+  property({ type: String, reflect: true })
+], SdScrollable.prototype, "orientation", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SdScrollable.prototype, "scrollbars", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SdScrollable.prototype, "buttons", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SdScrollable.prototype, "shadows", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SdScrollable.prototype, "inset", 2);
+__decorateClass([
+  property({ type: Number, reflect: true })
+], SdScrollable.prototype, "step", 2);
+__decorateClass([
+  state()
+], SdScrollable.prototype, "canScroll", 2);
+__decorateClass([
+  state()
+], SdScrollable.prototype, "isScrollHorizontalEnabled", 2);
+__decorateClass([
+  state()
+], SdScrollable.prototype, "isScrollVerticalEnabled", 2);
+SdScrollable = __decorateClass([
+  customElement("sd-scrollable")
+], SdScrollable);
+export {
+  SdScrollable
+};

package/dist/chunks/{chunk.BZQIZT43.js → chunk.6VCNAVH4.js} RENAMED Viewed

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

package/dist/chunks/{chunk.EBZNAZNX.js → chunk.6WU4LF5Z.js} RENAMED Viewed

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

package/dist/chunks/{chunk.CSBLXELN.js → chunk.AOWIHO7B.js} RENAMED Viewed

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

package/dist/chunks/{chunk.CAJZPZNE.js → chunk.CKKINYND.js} RENAMED Viewed

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

package/dist/chunks/{chunk.VFCTC43F.js → chunk.CTZX4JSW.js} RENAMED Viewed

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

package/dist/chunks/{chunk.WQNN2PQR.js → chunk.DIVJNSSG.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   SdDivider
-} from "./chunk.I7E7S32P.js";
+} from "./chunk.EZKDJFKX.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.O27A57VP.js";
+} from "./chunk.TXYWAHFM.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.IZ4Z4LUM.js → chunk.EATARJOL.js} RENAMED Viewed

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

package/dist/chunks/{chunk.4XX7HM5J.js → chunk.EJMQUF44.js} RENAMED Viewed

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

package/dist/chunks/{chunk.I7E7S32P.js → chunk.EZKDJFKX.js} RENAMED Viewed

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

package/dist/chunks/{chunk.CX3GTFZI.js → chunk.G4WRYNRZ.js} RENAMED Viewed

@@ -37,6 +37,7 @@ var translation = {
   remove: "Remove",
   removed: (name) => `${name} removed`,
   resize: "Resize",
+  scrolled: "Scrolled",
   scrollToEnd: "Scroll to end",
   scrollToStart: "Scroll to start",
   search: "Search",

package/dist/chunks/{chunk.VFXEX6KC.js → chunk.HP5TMUCE.js} RENAMED Viewed

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

package/dist/chunks/{chunk.P7ANANFF.js → chunk.I2AG6P7E.js} RENAMED Viewed

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

package/dist/chunks/{chunk.AE7KY76S.js → chunk.IBTGZ65I.js} RENAMED Viewed

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

package/dist/chunks/{chunk.I4XTOEGU.js → chunk.ILPAMBSC.js} RENAMED Viewed

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

package/dist/chunks/{chunk.KYNXDWDX.js → chunk.ISZXPWVC.js} RENAMED Viewed

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

package/dist/chunks/{chunk.HBJMJ2WP.js → chunk.J67NOH2J.js} RENAMED Viewed

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

package/dist/chunks/{chunk.PTGF6MPV.js → chunk.JEZFJKCR.js} RENAMED Viewed

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

package/dist/chunks/{chunk.Y3TGDH7A.js → chunk.L4ICI7XS.js} RENAMED Viewed

@@ -37,6 +37,7 @@ var translation = {
   remove: "Entfernen",
   removed: (name) => `${name} entfernt`,
   resize: "Gr\xF6\xDFe \xE4ndern",
+  scrolled: "Gescrollt",
   scrollToEnd: "Zum Ende scrollen",
   scrollToStart: "Zum Anfang scrollen",
   search: "Suchen",

package/dist/chunks/{chunk.J3RQA6TF.js → chunk.LA5LTAEA.js} RENAMED Viewed

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

package/dist/chunks/{chunk.QSTI27SQ.js → chunk.ML4MIKYQ.js} RENAMED Viewed

@@ -24,7 +24,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.O27A57VP.js";
+} from "./chunk.TXYWAHFM.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.FGRAKZHX.js → chunk.O3TREWCC.js} RENAMED Viewed

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

package/dist/chunks/{chunk.BRX25BL4.js → chunk.OJPVJA2S.js} RENAMED Viewed

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

package/dist/chunks/{chunk.EUSRDE4F.js → chunk.OX2URSR7.js} RENAMED Viewed

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

package/dist/chunks/{chunk.VUARIZJD.js → chunk.PQNIAIWQ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.Q6EB7NKM.js";
+} from "./chunk.VSY4EUFN.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -9,7 +9,7 @@ import {
 } from "./chunk.KVKRZJS7.js";
 import {
   SdButtonGroup
-} from "./chunk.VFXEX6KC.js";
+} from "./chunk.HP5TMUCE.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.O27A57VP.js";
+} from "./chunk.TXYWAHFM.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.AKUPBYMC.js → chunk.PS2S6VDP.js} RENAMED Viewed

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

package/dist/chunks/{chunk.NGVEOWER.js → chunk.PTZRO2RN.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 import {
   SdAccordion
-} from "./chunk.IV4SON4G.js";
+} from "./chunk.T4ZCLZI2.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   customElement
-} from "./chunk.O27A57VP.js";
+} from "./chunk.TXYWAHFM.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.5EXPOZYT.js → chunk.Q7SDLREI.js} RENAMED Viewed

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

package/dist/chunks/{chunk.YZAMSOBJ.js → chunk.R24LPR7A.js} RENAMED Viewed

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

package/dist/chunks/{chunk.LVUPM2UK.js → chunk.SWZ7YNPJ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.IV4SON4G.js → chunk.T4ZCLZI2.js} RENAMED Viewed

@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.O27A57VP.js";
+} from "./chunk.TXYWAHFM.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.EZJWJNU4.js → chunk.TDFVAXJF.js} RENAMED Viewed

@@ -28,7 +28,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.O27A57VP.js";
+} from "./chunk.TXYWAHFM.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.GNR27ZJZ.js → chunk.TGTE644Y.js} RENAMED Viewed

@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.O27A57VP.js";
+} from "./chunk.TXYWAHFM.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.52AA4ZI7.js → chunk.TK6PTMFF.js} RENAMED Viewed

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