@synergy-design-system/components 2.10.2 → 2.11.1

package/dist/chunks/{chunk.LNY6YUO6.js → chunk.22GTODGK.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.NKAJ7Y5N.js";
+} from "./chunk.I4AFO6WB.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.LNY6YUO6.js.map
+//# sourceMappingURL=chunk.22GTODGK.js.map

package/dist/chunks/{chunk.65L6WCR6.js → chunk.2QWFZFFH.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.AIFBZLAG.js";
+} from "./chunk.UA6EAWRH.js";
 
 // src/components/tab-panel/tab-panel.ts
 var tab_panel_default = SynTabPanel;
@@ -9,4 +9,4 @@ SynTabPanel.define("syn-tab-panel");
 export {
   tab_panel_default
 };
-//# sourceMappingURL=chunk.65L6WCR6.js.map
+//# sourceMappingURL=chunk.2QWFZFFH.js.map

package/dist/chunks/{chunk.OBS3SYSN.js → chunk.2TICTVUA.js}

@@ -1,6 +1,6 @@
 import {
   SynAlert
-} from "./chunk.W4AB6YT6.js";
+} from "./chunk.A3PJVQKK.js";
 
 // src/components/alert/alert.ts
 var alert_default = SynAlert;
@@ -9,4 +9,4 @@ SynAlert.define("syn-alert");
 export {
   alert_default
 };
-//# sourceMappingURL=chunk.OBS3SYSN.js.map
+//# sourceMappingURL=chunk.2TICTVUA.js.map

package/dist/chunks/{chunk.RJA3VP67.js → chunk.3EBU2LXD.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X7TOECRW.js";
+} from "./chunk.IKOSRIQR.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -53,4 +53,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.RJA3VP67.js.map
+//# sourceMappingURL=chunk.3EBU2LXD.js.map

package/dist/chunks/{chunk.KSCSAGWO.js → chunk.3F7LLZWJ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.3B24TYVN.js";
 import {
   SynIcon
-} from "./chunk.MUNBPFME.js";
+} from "./chunk.562KEWJB.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -16,7 +16,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X7TOECRW.js";
+} from "./chunk.IKOSRIQR.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -144,4 +144,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.KSCSAGWO.js.map
+//# sourceMappingURL=chunk.3F7LLZWJ.js.map

package/dist/chunks/{chunk.JMZQTN66.js → chunk.3UEIMTUM.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X7TOECRW.js";
+} from "./chunk.IKOSRIQR.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -41,4 +41,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.JMZQTN66.js.map
+//# sourceMappingURL=chunk.3UEIMTUM.js.map

package/dist/chunks/{chunk.X7OQSEX2.js → chunk.3XQJFQD3.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.FKKJBKYL.js";
 import {
   SynButton
-} from "./chunk.W4H4PZKD.js";
+} from "./chunk.X3UJK6BA.js";
 import {
   FormControlController
 } from "./chunk.BBNQVEPD.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.MUNBPFME.js";
+} from "./chunk.562KEWJB.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -36,7 +36,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X7TOECRW.js";
+} from "./chunk.IKOSRIQR.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -526,4 +526,4 @@ setDefaultAnimation("file.text.appear", {
 export {
   SynFile
 };
-//# sourceMappingURL=chunk.X7OQSEX2.js.map
+//# sourceMappingURL=chunk.3XQJFQD3.js.map

package/dist/chunks/{chunk.SZT7XVV5.js → chunk.52456FY5.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.ONW45GQI.js";
 import {
   SynDivider
-} from "./chunk.JMZQTN66.js";
+} from "./chunk.3UEIMTUM.js";
 import {
   SynDrawer
-} from "./chunk.BN4M6SXT.js";
+} from "./chunk.WJEFLT2K.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -30,7 +30,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X7TOECRW.js";
+} from "./chunk.IKOSRIQR.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -308,4 +308,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.SZT7XVV5.js.map
+//# sourceMappingURL=chunk.52456FY5.js.map

package/dist/chunks/{chunk.WVHXHIV3.js → chunk.53SVGYMQ.js}

@@ -1,12 +1,12 @@
-import {
-  tooltip_styles_default
-} from "./chunk.O644HRW3.js";
 import {
   tooltip_custom_styles_default
 } from "./chunk.4X3HY2V5.js";
+import {
+  tooltip_styles_default
+} from "./chunk.O644HRW3.js";
 import {
   SynPopup
-} from "./chunk.TUSYVDNG.js";
+} from "./chunk.DPSKWKTR.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -28,7 +28,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X7TOECRW.js";
+} from "./chunk.IKOSRIQR.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -272,4 +272,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.WVHXHIV3.js.map
+//# sourceMappingURL=chunk.53SVGYMQ.js.map

package/dist/chunks/{chunk.MUNBPFME.js → chunk.562KEWJB.js}

@@ -15,7 +15,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X7TOECRW.js";
+} from "./chunk.IKOSRIQR.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -44,11 +44,6 @@ var SynIcon = class extends SynergyElement {
       this.svg = html`<svg part="svg">
         <use part="use" href="${url}"></use>
       </svg>`;
-      await this.updateComplete;
-      const svg = this.shadowRoot.querySelector("[part='svg']");
-      if (typeof library.mutator === "function") {
-        library.mutator(svg);
-      }
       return this.svg;
     }
     try {
@@ -134,6 +129,13 @@ var SynIcon = class extends SynergyElement {
     }
     if (isTemplateResult(svg)) {
       this.svg = svg;
+      if (library) {
+        await this.updateComplete;
+        const shadowSVG = this.shadowRoot.querySelector("[part='svg']");
+        if (typeof library.mutator === "function" && shadowSVG) {
+          library.mutator(shadowSVG);
+        }
+      }
       return;
     }
     switch (svg) {
@@ -178,4 +180,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.MUNBPFME.js.map
+//# sourceMappingURL=chunk.562KEWJB.js.map

package/dist/chunks/chunk.562KEWJB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/icon/icon.component.ts"],
+  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { getIconLibrary, type IconLibrary, unwatchIcon, watchIcon } from './library.js';\nimport { html } from 'lit';\nimport { isTemplateResult } from 'lit/directive-helpers.js';\nimport { property, state } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './icon.styles.js';\nimport customStyles from './icon.custom.styles.js';\nimport type { CSSResultGroup, HTMLTemplateResult } from 'lit';\n\nconst CACHEABLE_ERROR = Symbol();\nconst RETRYABLE_ERROR = Symbol();\ntype SVGResult = HTMLTemplateResult | SVGSVGElement | typeof RETRYABLE_ERROR | typeof CACHEABLE_ERROR;\n\nlet parser: DOMParser;\nconst iconCache = new Map<string, Promise<SVGResult>>();\n\ninterface IconSource {\n  url?: string;\n  fromLibrary: boolean;\n}\n\n/**\n * @summary Icons are symbols that can be used to represent various options within an application.\n * @documentation https://synergy.style/components/icon\n * @status stable\n * @since 2.0\n *\n * @event syn-load - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.\n * @event syn-error - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.\n *\n * @csspart svg - The internal SVG element.\n * @csspart use - The <use> element generated when using `spriteSheet: true`\n */\nexport default class SynIcon extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  private initialRender = false;\n\n  /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */\n  private async resolveIcon(url: string, library?: IconLibrary): Promise<SVGResult> {\n    let fileData: Response;\n\n    if (library?.spriteSheet) {\n      this.svg = html`<svg part=\"svg\">\n        <use part=\"use\" href=\"${url}\"></use>\n      </svg>`;\n\n      return this.svg;\n    }\n\n    try {\n      fileData = await fetch(url, { mode: 'cors' });\n      if (!fileData.ok) return fileData.status === 410 ? CACHEABLE_ERROR : RETRYABLE_ERROR;\n    } catch {\n      return RETRYABLE_ERROR;\n    }\n\n    try {\n      const div = document.createElement('div');\n      div.innerHTML = await fileData.text();\n\n      const svg = div.firstElementChild;\n      if (svg?.tagName?.toLowerCase() !== 'svg') return CACHEABLE_ERROR;\n\n      if (!parser) parser = new DOMParser();\n      const doc = parser.parseFromString(svg.outerHTML, 'text/html');\n\n      const svgEl = doc.body.querySelector('svg');\n      if (!svgEl) return CACHEABLE_ERROR;\n\n      svgEl.part.add('svg');\n      return document.adoptNode(svgEl);\n    } catch {\n      return CACHEABLE_ERROR;\n    }\n  }\n\n  @state() private svg: SVGElement | HTMLTemplateResult | null = null;\n\n  /** The name of the icon to draw. Available names depend on the icon library being used. */\n  @property({ reflect: true }) name?: string;\n\n  /**\n   * An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\n   * can result in XSS attacks.\n   */\n  @property() src?: string;\n\n  /**\n   * An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\n   * ignored by assistive devices.\n   */\n  @property() label = '';\n\n  /** The name of a registered custom icon library. */\n  @property({ reflect: true }) library = 'default';\n\n  connectedCallback() {\n    super.connectedCallback();\n    watchIcon(this);\n  }\n\n  firstUpdated() {\n    this.initialRender = true;\n    this.setIcon();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    unwatchIcon(this);\n  }\n\n  private getIconSource(): IconSource {\n    const library = getIconLibrary(this.library);\n    if (this.name && library) {\n      return {\n        url: library.resolver(this.name),\n        fromLibrary: true\n      };\n    }\n\n    return {\n      url: this.src,\n      fromLibrary: false\n    };\n  }\n\n  @watch('label')\n  handleLabelChange() {\n    const hasLabel = typeof this.label === 'string' && this.label.length > 0;\n\n    if (hasLabel) {\n      this.setAttribute('role', 'img');\n      this.setAttribute('aria-label', this.label);\n      this.removeAttribute('aria-hidden');\n    } else {\n      this.removeAttribute('role');\n      this.removeAttribute('aria-label');\n      this.setAttribute('aria-hidden', 'true');\n    }\n  }\n\n  @watch(['name', 'src', 'library'])\n  async setIcon() {\n    const { url, fromLibrary } = this.getIconSource();\n    const library = fromLibrary ? getIconLibrary(this.library) : undefined;\n\n    if (!url) {\n      this.svg = null;\n      return;\n    }\n\n    let iconResolver = iconCache.get(url);\n    if (!iconResolver) {\n      iconResolver = this.resolveIcon(url, library);\n      iconCache.set(url, iconResolver);\n    }\n\n    // If we haven't rendered yet, exit early. This avoids unnecessary work due to watching multiple props.\n    if (!this.initialRender) {\n      return;\n    }\n\n    const svg = await iconResolver;\n\n    if (svg === RETRYABLE_ERROR) {\n      iconCache.delete(url);\n    }\n\n    if (url !== this.getIconSource().url) {\n      // If the url has changed while fetching the icon, ignore this request\n      return;\n    }\n\n    if (isTemplateResult(svg)) {\n      this.svg = svg;\n\n      if (library) {\n        // Using a templateResult requires the SVG to be written to the DOM first before we can grab the SVGElement\n        // to be passed to the library's mutator function.\n        await this.updateComplete;\n\n        const shadowSVG = this.shadowRoot!.querySelector(\"[part='svg']\")!;\n\n        if (typeof library.mutator === 'function' && shadowSVG) {\n          library.mutator(shadowSVG as SVGElement);\n        }\n      }\n\n      return;\n    }\n\n    switch (svg) {\n      case RETRYABLE_ERROR:\n      case CACHEABLE_ERROR:\n        this.svg = null;\n        this.emit('syn-error');\n        break;\n      default:\n        this.svg = svg.cloneNode(true) as SVGElement;\n        library?.mutator?.(this.svg);\n        this.emit('syn-load');\n    }\n  }\n\n  render() {\n    return this.svg;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.G23DQN3P.js → chunk.57BMEZH4.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.QIXM5QAO.js";
+} from "./chunk.L2HBMWOG.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.G23DQN3P.js.map
+//# sourceMappingURL=chunk.57BMEZH4.js.map

package/dist/chunks/{chunk.C3RIFO4H.js → chunk.5F7BRK2T.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.5JFH3SGK.js";
+} from "./chunk.WNDYFXRT.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.C3RIFO4H.js.map
+//# sourceMappingURL=chunk.5F7BRK2T.js.map

package/dist/chunks/{chunk.ANZWKSQQ.js → chunk.5FHT5R4H.js}

@@ -7,7 +7,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X7TOECRW.js";
+} from "./chunk.IKOSRIQR.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -103,4 +103,4 @@ __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.ANZWKSQQ.js.map
+//# sourceMappingURL=chunk.5FHT5R4H.js.map

package/dist/chunks/{chunk.4GYVNNIY.js → chunk.6APBFAPL.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.RAOPZXJL.js";
 import {
   SynDivider
-} from "./chunk.JMZQTN66.js";
+} from "./chunk.3UEIMTUM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X7TOECRW.js";
+} from "./chunk.IKOSRIQR.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -32,4 +32,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.4GYVNNIY.js.map
+//# sourceMappingURL=chunk.6APBFAPL.js.map

package/dist/chunks/{chunk.LBKAFXWM.js → chunk.6HOOQIDR.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.BN4M6SXT.js";
+} from "./chunk.WJEFLT2K.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.LBKAFXWM.js.map
+//# sourceMappingURL=chunk.6HOOQIDR.js.map

package/dist/chunks/{chunk.ZD4S3T2U.js → chunk.6QQOPHCI.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.BJNF6JKR.js";
+} from "./chunk.JI7DAHVB.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SynSpinner;
@@ -9,4 +9,4 @@ SynSpinner.define("syn-spinner");
 export {
   spinner_default
 };
-//# sourceMappingURL=chunk.ZD4S3T2U.js.map
+//# sourceMappingURL=chunk.6QQOPHCI.js.map

package/dist/chunks/{chunk.BSZ6RFHE.js → chunk.6S2HTHLG.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.UEBFYZL4.js";
+} from "./chunk.QOFJLM7G.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.BSZ6RFHE.js.map
+//# sourceMappingURL=chunk.6S2HTHLG.js.map

package/dist/chunks/{chunk.55WMAVZI.js → chunk.6ZJ4P2CQ.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.ZMXKGMOQ.js";
+} from "./chunk.ZZWRQ5W3.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.55WMAVZI.js.map
+//# sourceMappingURL=chunk.6ZJ4P2CQ.js.map

package/dist/chunks/{chunk.W4AB6YT6.js → chunk.A3PJVQKK.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.U47W5TZK.js";
+} from "./chunk.OBTXUQOH.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -24,13 +24,13 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X7TOECRW.js";
+} from "./chunk.IKOSRIQR.js";
 import {
   alert_custom_styles_default
 } from "./chunk.JRYXECAY.js";
 import {
   alert_styles_default
-} from "./chunk.KG73YUXI.js";
+} from "./chunk.NL3RUWYS.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -38,7 +38,7 @@ import {
 // src/components/alert/alert.component.ts
 import { classMap } from "lit/directives/class-map.js";
 import { html } from "lit";
-import { property, query } from "lit/decorators.js";
+import { property, query, state } from "lit/decorators.js";
 var toastStack = Object.assign(document.createElement("div"), { className: "syn-toast-stack" });
 var SynAlert = class extends SynergyElement {
   constructor() {
@@ -49,22 +49,53 @@ var SynAlert = class extends SynergyElement {
     this.closable = false;
     this.variant = "primary";
     this.duration = Infinity;
+    this.remainingTime = this.duration;
   }
   firstUpdated() {
     this.base.hidden = !this.open;
   }
   restartAutoHide() {
+    this.handleCountdownChange();
     clearTimeout(this.autoHideTimeout);
+    clearInterval(this.remainingTimeInterval);
     if (this.open && this.duration < Infinity) {
       this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);
+      this.remainingTime = this.duration;
+      this.remainingTimeInterval = window.setInterval(() => {
+        this.remainingTime -= 100;
+      }, 100);
+    }
+  }
+  pauseAutoHide() {
+    var _a;
+    (_a = this.countdownAnimation) == null ? void 0 : _a.pause();
+    clearTimeout(this.autoHideTimeout);
+    clearInterval(this.remainingTimeInterval);
+  }
+  resumeAutoHide() {
+    var _a;
+    if (this.duration < Infinity) {
+      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.remainingTime);
+      this.remainingTimeInterval = window.setInterval(() => {
+        this.remainingTime -= 100;
+      }, 100);
+      (_a = this.countdownAnimation) == null ? void 0 : _a.play();
+    }
+  }
+  handleCountdownChange() {
+    if (this.open && this.duration < Infinity && this.countdown) {
+      const { countdownElement } = this;
+      const start = "100%";
+      const end = "0";
+      this.countdownAnimation = countdownElement.animate([{ width: start }, { width: end }], {
+        duration: this.duration,
+        easing: "linear"
+      });
     }
   }
   handleCloseClick() {
     this.hide();
   }
-  handleMouseMove() {
-    this.restartAutoHide();
-  }
   async handleOpenChange() {
     if (this.open) {
       this.emit("syn-show");
@@ -79,6 +110,7 @@ var SynAlert = class extends SynergyElement {
     } else {
       this.emit("syn-hide");
       clearTimeout(this.autoHideTimeout);
+      clearInterval(this.remainingTimeInterval);
       await stopAnimations(this.base);
       const { keyframes, options } = getAnimation(this, "alert.hide", { dir: this.localize.dir() });
       await animateTo(this.base, keyframes, options);
@@ -112,6 +144,7 @@ var SynAlert = class extends SynergyElement {
    */
   async toast() {
     return new Promise((resolve) => {
+      this.handleCountdownChange();
       if (toastStack.parentElement === null) {
         document.body.append(toastStack);
       }
@@ -150,7 +183,8 @@ var SynAlert = class extends SynergyElement {
     })}
         role="alert"
         aria-hidden=${this.open ? "false" : "true"}
-        @mousemove=${this.handleMouseMove}
+        @mouseenter=${this.pauseAutoHide}
+        @mouseleave=${this.resumeAutoHide}
       >
         <div part="icon" class="alert__icon">
           <slot name="icon"></slot>
@@ -171,6 +205,19 @@ var SynAlert = class extends SynergyElement {
                 @click=${this.handleCloseClick}
               ></syn-icon-button>
             ` : ""}
+
+        <div role="timer" class="alert__timer">${this.remainingTime}</div>
+
+        ${this.countdown ? html`
+              <div
+                class=${classMap({
+      alert__countdown: true,
+      "alert__countdown--ltr": this.countdown === "ltr"
+    })}
+              >
+                <div class="alert__countdown-elapsed"></div>
+              </div>
+            ` : ""}
       </div>
     `;
   }
@@ -180,6 +227,9 @@ SynAlert.dependencies = { "syn-icon-button": SynIconButton };
 __decorateClass([
   query('[part~="base"]')
 ], SynAlert.prototype, "base", 2);
+__decorateClass([
+  query(".alert__countdown-elapsed")
+], SynAlert.prototype, "countdownElement", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SynAlert.prototype, "open", 2);
@@ -192,6 +242,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Number })
 ], SynAlert.prototype, "duration", 2);
+__decorateClass([
+  state()
+], SynAlert.prototype, "remainingTime", 2);
 __decorateClass([
   watch("open", { waitUntilFirstUpdate: true })
 ], SynAlert.prototype, "handleOpenChange", 1);
@@ -216,4 +269,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.W4AB6YT6.js.map
+//# sourceMappingURL=chunk.A3PJVQKK.js.map

package/dist/chunks/chunk.A3PJVQKK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert/alert.component.ts"],
+  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { animateTo, stopAnimations } from '../../internal/animate.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport { waitForEvent } from '../../internal/event.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIconButton from '../icon-button/icon-button.component.js';\nimport styles from './alert.styles.js';\nimport customStyles from './alert.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\nconst toastStack = Object.assign(document.createElement('div'), { className: 'syn-toast-stack' });\n\n/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://synergy.style/components/alert\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon-button\n *\n * @slot - The alert's main content.\n * @slot icon - An icon to show in the alert. Works best with `<syn-icon>`.\n *\n * @event syn-show - Emitted when the alert opens.\n * @event syn-after-show - Emitted after the alert opens and all animations are complete.\n * @event syn-hide - Emitted when the alert closes.\n * @event syn-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n * @csspart close-button - The close button, an `<syn-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */\nexport default class SynAlert extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  static dependencies = { 'syn-icon-button': SynIconButton };\n\n  private autoHideTimeout: number;\n  private remainingTimeInterval: number;\n  private countdownAnimation?: Animation;\n  private readonly hasSlotController = new HasSlotController(this, 'icon', 'suffix');\n  private readonly localize = new LocalizeController(this);\n\n  @query('[part~=\"base\"]') base: HTMLElement;\n\n  @query('.alert__countdown-elapsed') countdownElement: HTMLElement;\n\n  /**\n   * Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\n   * use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Enables a close button that allows the user to dismiss the alert. */\n  @property({ type: Boolean, reflect: true }) closable = false;\n\n  /** The alert's theme variant. */\n  @property({ reflect: true }) variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' = 'primary';\n\n  /**\n   * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\n   * the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\n   * the alert will not close on its own.\n   */\n  @property({ type: Number }) duration = Infinity;\n\n  /**\n   * Enables a countdown that indicates the remaining time the alert will be displayed.\n   * Typically used to indicate the remaining time before a whole app refresh.\n   */\n  private countdown? : 'rtl' | 'ltr';\n\n  @state() private remainingTime = this.duration;\n\n  firstUpdated() {\n    this.base.hidden = !this.open;\n  }\n\n  private restartAutoHide() {\n    this.handleCountdownChange();\n    clearTimeout(this.autoHideTimeout);\n    clearInterval(this.remainingTimeInterval);\n    if (this.open && this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n      this.remainingTime = this.duration;\n      this.remainingTimeInterval = window.setInterval(() => {\n        this.remainingTime -= 100;\n      }, 100);\n    }\n  }\n\n  private pauseAutoHide() {\n    this.countdownAnimation?.pause();\n    clearTimeout(this.autoHideTimeout);\n    clearInterval(this.remainingTimeInterval);\n  }\n\n  private resumeAutoHide() {\n    if (this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.remainingTime);\n      this.remainingTimeInterval = window.setInterval(() => {\n        this.remainingTime -= 100;\n      }, 100);\n      this.countdownAnimation?.play();\n    }\n  }\n\n  private handleCountdownChange() {\n    if (this.open && this.duration < Infinity && this.countdown) {\n      const { countdownElement } = this;\n      const start = '100%';\n      const end = '0';\n      this.countdownAnimation = countdownElement.animate([{ width: start }, { width: end }], {\n        duration: this.duration,\n        easing: 'linear'\n      });\n    }\n  }\n\n  private handleCloseClick() {\n    this.hide();\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      // Show\n      this.emit('syn-show');\n\n      if (this.duration < Infinity) {\n        this.restartAutoHide();\n      }\n\n      await stopAnimations(this.base);\n      this.base.hidden = false;\n      const { keyframes, options } = getAnimation(this, 'alert.show', { dir: this.localize.dir() });\n      await animateTo(this.base, keyframes, options);\n\n      this.emit('syn-after-show');\n    } else {\n      // Hide\n      this.emit('syn-hide');\n\n      clearTimeout(this.autoHideTimeout);\n      clearInterval(this.remainingTimeInterval);\n\n      await stopAnimations(this.base);\n      const { keyframes, options } = getAnimation(this, 'alert.hide', { dir: this.localize.dir() });\n      await animateTo(this.base, keyframes, options);\n      this.base.hidden = true;\n\n      this.emit('syn-after-hide');\n    }\n  }\n\n  @watch('duration')\n  handleDurationChange() {\n    this.restartAutoHide();\n  }\n\n  /** Shows the alert. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'syn-after-show');\n  }\n\n  /** Hides the alert */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'syn-after-hide');\n  }\n\n  /**\n   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n   * calling this method again. The returned promise will resolve after the alert is hidden.\n   */\n  async toast() {\n    return new Promise<void>(resolve => {\n      this.handleCountdownChange();\n      if (toastStack.parentElement === null) {\n        document.body.append(toastStack);\n      }\n\n      toastStack.appendChild(this);\n\n      // Wait for the toast stack to render\n      requestAnimationFrame(() => {\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- force a reflow for the initial transition\n        this.clientWidth;\n        this.show();\n      });\n\n      this.addEventListener(\n        'syn-after-hide',\n        () => {\n          toastStack.removeChild(this);\n          resolve();\n\n          // Remove the toast stack from the DOM when there are no more alerts\n          if (toastStack.querySelector('syn-alert') === null) {\n            toastStack.remove();\n          }\n        },\n        { once: true }\n      );\n    });\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          alert: true,\n          'alert--open': this.open,\n          'alert--closable': this.closable,\n          'alert--has-icon': this.hasSlotController.test('icon'),\n          'alert--primary': this.variant === 'primary',\n          'alert--success': this.variant === 'success',\n          'alert--neutral': this.variant === 'neutral',\n          'alert--warning': this.variant === 'warning',\n          'alert--danger': this.variant === 'danger'\n        })}\n        role=\"alert\"\n        aria-hidden=${this.open ? 'false' : 'true'}\n        @mouseenter=${this.pauseAutoHide}\n        @mouseleave=${this.resumeAutoHide}\n      >\n        <div part=\"icon\" class=\"alert__icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n\n        <div part=\"message\" class=\"alert__message\" aria-live=\"polite\">\n          <slot></slot>\n        </div>\n\n        ${this.closable\n          ? html`\n              <syn-icon-button\n                part=\"close-button\"\n                exportparts=\"base:close-button__base\"\n                class=\"alert__close-button\"\n                name=\"x-lg\"\n                library=\"system\"\n                label=${this.localize.term('close')}\n                @click=${this.handleCloseClick}\n              ></syn-icon-button>\n            `\n          : ''}\n\n        <div role=\"timer\" class=\"alert__timer\">${this.remainingTime}</div>\n\n        ${this.countdown\n          ? html`\n              <div\n                class=${classMap({\n                  alert__countdown: true,\n                  'alert__countdown--ltr': this.countdown === 'ltr'\n                })}\n              >\n                <div class=\"alert__countdown-elapsed\"></div>\n              </div>\n            `\n          : ''}\n      </div>\n    `;\n  }\n}\n\nsetDefaultAnimation('alert.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.8 },\n    { opacity: 1, scale: 1 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('alert.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.8 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.EBQLSITZ.js → chunk.AIA6FPT5.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.YI456JQR.js";
+} from "./chunk.C277SCSZ.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.EBQLSITZ.js.map
+//# sourceMappingURL=chunk.AIA6FPT5.js.map

package/dist/chunks/{chunk.YI56F4S6.js → chunk.AYGERGTM.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X7TOECRW.js";
+} from "./chunk.IKOSRIQR.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -66,4 +66,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.YI56F4S6.js.map
+//# sourceMappingURL=chunk.AYGERGTM.js.map