@synergy-design-system/components 3.5.0 → 3.6.0

package/dist/chunks/{chunk.6L4RCUNM.js → chunk.N2YN3NX6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.FKDUVEOP.js";
+} from "./chunk.LGSQ6DML.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -23,7 +23,7 @@ import {
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.4BEGBAQD.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
@@ -32,13 +32,10 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
-import {
-  alert_custom_styles_default
-} from "./chunk.TSWB7UFK.js";
+} from "./chunk.FUWJV6FF.js";
 import {
   alert_styles_default
-} from "./chunk.CCY6IYFD.js";
+} from "./chunk.UA5B6CPN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -242,7 +239,7 @@ var SynAlert = class extends SynergyElement {
     `;
   }
 };
-SynAlert.styles = [component_styles_default, alert_styles_default, alert_custom_styles_default];
+SynAlert.styles = [component_styles_default, alert_styles_default];
 SynAlert.dependencies = { "syn-icon-button": SynIconButton };
 __decorateClass([
   query('[part~="base"]')
@@ -295,4 +292,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.6L4RCUNM.js.map
+//# sourceMappingURL=chunk.N2YN3NX6.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert/alert.component.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport { animateTo, stopAnimations } from '../../internal/animate.js';\nimport { blurActiveElement } from '../../internal/closeActiveElement.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 type { CSSResultGroup } from 'lit';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-alert--docs\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 */\n@enableDefaultSettings('SynAlert')\nexport default class SynAlert extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles];\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  private static currentToastStack: HTMLDivElement;\n\n  private static get toastStack() {\n    if (!this.currentToastStack) {\n      this.currentToastStack = Object.assign(document.createElement('div'), {\n        className: 'syn-toast-stack'\n      });\n    }\n    return this.currentToastStack;\n  }\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  /** The alert's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\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      blurActiveElement(this);\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 (SynAlert.toastStack.parentElement === null) {\n        document.body.append(SynAlert.toastStack);\n      }\n\n      SynAlert.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          SynAlert.toastStack.removeChild(this);\n          resolve();\n\n          // Remove the toast stack from the DOM when there are no more alerts\n          if (SynAlert.toastStack.querySelector('syn-alert') === null) {\n            SynAlert.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--small': this.size === 'small',\n          'alert--medium': this.size === 'medium',\n          'alert--large': this.size === 'large',\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.CV7OGSN7.js → chunk.NB2UOW3O.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.XUAUB2UI.js";
+} from "./chunk.YFETCWLT.js";
 import {
   FormControlController,
   validValidityState
@@ -17,13 +17,13 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.TBZAI6T6.js";
+} from "./chunk.6GMIINJO.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.4BEGBAQD.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
+} from "./chunk.FUWJV6FF.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -295,4 +295,4 @@ SynButton = __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.CV7OGSN7.js.map
+//# sourceMappingURL=chunk.NB2UOW3O.js.map

package/dist/chunks/{chunk.7RZ27FQL.js → chunk.NIQMC4FW.js}

@@ -1,18 +1,18 @@
-import {
-  menu_label_custom_styles_default
-} from "./chunk.GZHQAHOL.js";
 import {
   menu_label_styles_default
 } from "./chunk.JILCM7FD.js";
+import {
+  menu_label_custom_styles_default
+} from "./chunk.GZHQAHOL.js";
 import {
   SynDivider
-} from "./chunk.VH6SKOPX.js";
+} from "./chunk.BYGCAEBC.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
+} from "./chunk.FUWJV6FF.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -34,4 +34,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.7RZ27FQL.js.map
+//# sourceMappingURL=chunk.NIQMC4FW.js.map

package/dist/chunks/{chunk.2BATB6NO.js → chunk.NMWM3BP7.js}

@@ -1,9 +1,9 @@
-import {
-  library_system_default
-} from "./chunk.3RR4RIR7.js";
 import {
   library_default_default
 } from "./chunk.RODNHT5C.js";
+import {
+  library_system_default
+} from "./chunk.3RR4RIR7.js";
 
 // src/components/icon/library.ts
 var registry = [library_default_default, library_system_default];
@@ -42,4 +42,4 @@ export {
   registerIconLibrary,
   unregisterIconLibrary
 };
-//# sourceMappingURL=chunk.2BATB6NO.js.map
+//# sourceMappingURL=chunk.NMWM3BP7.js.map

package/dist/chunks/{chunk.UUECFETB.js → chunk.O34OXLGO.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.7TPOI264.js";
+} from "./chunk.KO63GPHO.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.UUECFETB.js.map
+//# sourceMappingURL=chunk.O34OXLGO.js.map

package/dist/chunks/{chunk.FKVCNOHV.js → chunk.OF4BZKDQ.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.K5MZVORR.js";
 import {
   SynDivider
-} from "./chunk.VH6SKOPX.js";
+} from "./chunk.BYGCAEBC.js";
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.TBZAI6T6.js";
+} from "./chunk.6GMIINJO.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
+} from "./chunk.FUWJV6FF.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -353,4 +353,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.FKVCNOHV.js.map
+//# sourceMappingURL=chunk.OF4BZKDQ.js.map

package/dist/chunks/{chunk.BQ7JABKS.js → chunk.OK2D4PQ6.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.4BEGBAQD.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
+} from "./chunk.FUWJV6FF.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -379,4 +379,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.BQ7JABKS.js.map
+//# sourceMappingURL=chunk.OK2D4PQ6.js.map

package/dist/chunks/{chunk.CKADV3OI.js → chunk.OK2D5LNY.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.432DTUIX.js";
 import {
   SynIcon
-} from "./chunk.TBZAI6T6.js";
+} from "./chunk.6GMIINJO.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.4BEGBAQD.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
+} from "./chunk.FUWJV6FF.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -126,4 +126,4 @@ SynRadio = __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.CKADV3OI.js.map
+//# sourceMappingURL=chunk.OK2D5LNY.js.map

package/dist/chunks/{chunk.XCFOLSPD.js → chunk.P7LAZVIX.js}

@@ -1,6 +1,6 @@
 import {
   SynRange
-} from "./chunk.3AZ6O5UW.js";
+} from "./chunk.KD57IQV6.js";
 
 // src/components/range/range.ts
 var range_default = SynRange;
@@ -9,4 +9,4 @@ SynRange.define("syn-range");
 export {
   range_default
 };
-//# sourceMappingURL=chunk.XCFOLSPD.js.map
+//# sourceMappingURL=chunk.P7LAZVIX.js.map

package/dist/chunks/{chunk.KGECDG22.js → chunk.PMRBUT43.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.EX4R7WUE.js";
+} from "./chunk.ZZAW2A7F.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.KGECDG22.js.map
+//# sourceMappingURL=chunk.PMRBUT43.js.map

package/dist/chunks/{chunk.LKMV5MVK.js → chunk.POUKY545.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.FKDUVEOP.js";
+} from "./chunk.LGSQ6DML.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
+} from "./chunk.FUWJV6FF.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.LKMV5MVK.js.map
+//# sourceMappingURL=chunk.POUKY545.js.map

package/dist/chunks/{chunk.LALGMGC2.js → chunk.PQDMVEQ5.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.MCKS4JLW.js";
+} from "./chunk.K7FUMJK2.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.LALGMGC2.js.map
+//# sourceMappingURL=chunk.PQDMVEQ5.js.map

package/dist/chunks/{chunk.QGLCODBD.js → chunk.Q2K7NQCB.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
+} from "./chunk.FUWJV6FF.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.QGLCODBD.js.map
+//# sourceMappingURL=chunk.Q2K7NQCB.js.map

package/dist/chunks/{chunk.5RI2MXEU.js → chunk.SEGXW66J.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.XRSLCQH3.js";
 import {
   SynPopup
-} from "./chunk.GIEAMHSU.js";
+} from "./chunk.JBNR3EZZ.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
+} from "./chunk.FUWJV6FF.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -380,4 +380,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.5RI2MXEU.js.map
+//# sourceMappingURL=chunk.SEGXW66J.js.map

package/dist/chunks/{chunk.JJ2K4ORZ.js → chunk.SRVAU77I.js}

@@ -9,17 +9,17 @@ import {
 } from "./chunk.BC532CB6.js";
 import {
   SynPopup
-} from "./chunk.GIEAMHSU.js";
+} from "./chunk.JBNR3EZZ.js";
 import {
   SynSpinner
-} from "./chunk.XUAUB2UI.js";
+} from "./chunk.YFETCWLT.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.TBZAI6T6.js";
+} from "./chunk.6GMIINJO.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
+} from "./chunk.FUWJV6FF.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -241,4 +241,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.JJ2K4ORZ.js.map
+//# sourceMappingURL=chunk.SRVAU77I.js.map

package/dist/chunks/{chunk.CPC3JTDA.js → chunk.SSFAGBRV.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.Q5EKPQBR.js";
 import {
   SynResizeObserver
-} from "./chunk.QGLCODBD.js";
+} from "./chunk.Q2K7NQCB.js";
 import {
   scrollIntoView
 } from "./chunk.2DT3C6WE.js";
 import {
   SynIconButton
-} from "./chunk.FKDUVEOP.js";
+} from "./chunk.LGSQ6DML.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
+} from "./chunk.FUWJV6FF.js";
 import {
   __decorateClass,
   __spreadValues
@@ -516,4 +516,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.CPC3JTDA.js.map
+//# sourceMappingURL=chunk.SSFAGBRV.js.map

package/dist/chunks/{chunk.J3GDNLNN.js → chunk.STXZTZMY.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.LKMV5MVK.js";
+} from "./chunk.POUKY545.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.J3GDNLNN.js.map
+//# sourceMappingURL=chunk.STXZTZMY.js.map

package/dist/chunks/{chunk.EUQYBYAZ.js → chunk.SUFEDTS2.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.OY6ZX6TH.js";
+} from "./chunk.3UJMEQUN.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.EUQYBYAZ.js.map
+//# sourceMappingURL=chunk.SUFEDTS2.js.map

package/dist/chunks/{chunk.ZJ6JMFVP.js → chunk.T7XTHFR7.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.JHJFFBNL.js";
+} from "./chunk.U6SWVYGR.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.ZJ6JMFVP.js.map
+//# sourceMappingURL=chunk.T7XTHFR7.js.map

package/dist/chunks/{chunk.GCISSJZP.js → chunk.TGTVJBXC.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumb
-} from "./chunk.2YBC7C2K.js";
+} from "./chunk.VLCNIRQP.js";
 
 // src/components/breadcrumb/breadcrumb.ts
 var breadcrumb_default = SynBreadcrumb;
@@ -9,4 +9,4 @@ SynBreadcrumb.define("syn-breadcrumb");
 export {
   breadcrumb_default
 };
-//# sourceMappingURL=chunk.GCISSJZP.js.map
+//# sourceMappingURL=chunk.TGTVJBXC.js.map

package/dist/chunks/{chunk.O7OELAMY.js → chunk.TPS2SF3S.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk.7DRFKCFD.js";
 import {
   SynTag
-} from "./chunk.G7UFPFQ2.js";
+} from "./chunk.GKWU7STM.js";
 import {
   compareValues,
   isAllowedValue
 } from "./chunk.VECCQZP5.js";
 import {
   SynPopup
-} from "./chunk.GIEAMHSU.js";
+} from "./chunk.JBNR3EZZ.js";
 import {
   scrollIntoView
 } from "./chunk.2DT3C6WE.js";
@@ -36,13 +36,13 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.TBZAI6T6.js";
+} from "./chunk.6GMIINJO.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.4BEGBAQD.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
@@ -51,7 +51,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
+} from "./chunk.FUWJV6FF.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -884,4 +884,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.O7OELAMY.js.map
+//# sourceMappingURL=chunk.TPS2SF3S.js.map

package/dist/chunks/{chunk.3XQ5VLXY.js → chunk.TSRZZOKK.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.BQ7JABKS.js";
+} from "./chunk.OK2D4PQ6.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.3XQ5VLXY.js.map
+//# sourceMappingURL=chunk.TSRZZOKK.js.map

package/dist/chunks/{chunk.JHJFFBNL.js → chunk.U6SWVYGR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WNUZ6LH4.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.4BEGBAQD.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.V4GFOKBI.js";
+} from "./chunk.FUWJV6FF.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -111,4 +111,4 @@ SynAccordion = __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.JHJFFBNL.js.map
+//# sourceMappingURL=chunk.U6SWVYGR.js.map