@synergy-design-system/components 2.46.0 → 2.47.0

package/dist/chunks/{chunk.WARYSDI4.js → chunk.BWMH74J3.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.WARYSDI4.js.map
+//# sourceMappingURL=chunk.BWMH74J3.js.map

package/dist/chunks/{chunk.TI3ZCBPE.js → chunk.BZKVL6RT.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.3CIWKBTC.js";
+} from "./chunk.3MXYWRMT.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.TI3ZCBPE.js.map
+//# sourceMappingURL=chunk.BZKVL6RT.js.map

package/dist/chunks/{chunk.4RDGXLUO.js → chunk.DLV67X4K.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G76BKD7B.js";
 import {
   SynPopup
-} from "./chunk.VHCKZLOU.js";
+} from "./chunk.HUKARYLU.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -22,18 +22,18 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.7JGKUB4A.js";
-import {
-  LocalizeController
-} from "./chunk.OAQRCZOO.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -385,4 +385,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.4RDGXLUO.js.map
+//# sourceMappingURL=chunk.DLV67X4K.js.map

package/dist/chunks/{chunk.VUBC2ZG3.js → chunk.E6EOED4F.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "./chunk.3D5JYV3S.js";
+} from "./chunk.2LNPYB4J.js";
 
 // src/components/progress-ring/progress-ring.ts
 var progress_ring_default = SynProgressRing;
@@ -9,4 +9,4 @@ SynProgressRing.define("syn-progress-ring");
 export {
   progress_ring_default
 };
-//# sourceMappingURL=chunk.VUBC2ZG3.js.map
+//# sourceMappingURL=chunk.E6EOED4F.js.map

package/dist/chunks/{chunk.E5U2FHTA.js → chunk.EHDBZHZF.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.PLTOYKRN.js";
+} from "./chunk.ZYMRUT3D.js";
 
 // src/components/side-nav/side-nav.ts
 var side_nav_default = SynSideNav;
@@ -9,4 +9,4 @@ SynSideNav.define("syn-side-nav");
 export {
   side_nav_default
 };
-//# sourceMappingURL=chunk.E5U2FHTA.js.map
+//# sourceMappingURL=chunk.EHDBZHZF.js.map

package/dist/chunks/{chunk.DVZP7JU3.js → chunk.EVX2K4IC.js}

@@ -17,18 +17,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  enableDefaultSettings
+} from "./chunk.E5UUNP6E.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.DVZP7JU3.js.map
+//# sourceMappingURL=chunk.EVX2K4IC.js.map

package/dist/chunks/{chunk.EGURWFSB.js → chunk.F77KNH5A.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -43,4 +43,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.EGURWFSB.js.map
+//# sourceMappingURL=chunk.F77KNH5A.js.map

package/dist/chunks/{chunk.XOLLUQPC.js → chunk.G2Z2257T.js}

@@ -4,18 +4,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  enableDefaultSettings
+} from "./chunk.E5UUNP6E.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.XOLLUQPC.js.map
+//# sourceMappingURL=chunk.G2Z2257T.js.map

package/dist/chunks/{chunk.PARACD3O.js → chunk.G3BGAXAR.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -35,4 +35,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.PARACD3O.js.map
+//# sourceMappingURL=chunk.G3BGAXAR.js.map

package/dist/chunks/{chunk.Z2CIZBMC.js → chunk.G3FATPDM.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.PJXJAPHZ.js";
+} from "./chunk.IUEEYIKQ.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = SynButtonGroup;
@@ -9,4 +9,4 @@ SynButtonGroup.define("syn-button-group");
 export {
   button_group_default
 };
-//# sourceMappingURL=chunk.Z2CIZBMC.js.map
+//# sourceMappingURL=chunk.G3FATPDM.js.map

package/dist/chunks/{chunk.IUYRRS5J.js → chunk.G7OUTMUQ.js}

@@ -3,22 +3,22 @@ import {
 } from "./chunk.5T3OGIGW.js";
 import {
   icon_default
-} from "./chunk.ZTMSCQCP.js";
+} from "./chunk.LLZQWU27.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  LocalizeController
-} from "./chunk.OAQRCZOO.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -206,4 +206,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.IUYRRS5J.js.map
+//# sourceMappingURL=chunk.G7OUTMUQ.js.map

package/dist/chunks/{chunk.GPTWHLC2.js → chunk.GGQZAXPT.js}

@@ -17,18 +17,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  enableDefaultSettings
+} from "./chunk.E5UUNP6E.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -383,4 +383,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.GPTWHLC2.js.map
+//# sourceMappingURL=chunk.GGQZAXPT.js.map

package/dist/chunks/{chunk.4ONQSQWY.js → chunk.GMLIUTGL.js}

@@ -1,6 +1,6 @@
 import {
   SynCheckbox
-} from "./chunk.HXHXOCAN.js";
+} from "./chunk.LH6B2WCM.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SynCheckbox;
@@ -9,4 +9,4 @@ SynCheckbox.define("syn-checkbox");
 export {
   checkbox_default
 };
-//# sourceMappingURL=chunk.4ONQSQWY.js.map
+//# sourceMappingURL=chunk.GMLIUTGL.js.map

package/dist/chunks/{chunk.FWTCHF66.js → chunk.GN2OTCCY.js}

@@ -1,6 +1,6 @@
 import {
   SynCombobox
-} from "./chunk.I5SXKW7U.js";
+} from "./chunk.JNKP2VFZ.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = SynCombobox;
@@ -9,4 +9,4 @@ SynCombobox.define("syn-combobox");
 export {
   combobox_default
 };
-//# sourceMappingURL=chunk.FWTCHF66.js.map
+//# sourceMappingURL=chunk.GN2OTCCY.js.map

package/dist/chunks/{chunk.IIHE22EW.js → chunk.HOGQXU5N.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G4URZQCL.js";
 import {
   SynButtonGroup
-} from "./chunk.PJXJAPHZ.js";
+} from "./chunk.IUEEYIKQ.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -20,18 +20,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  enableDefaultSettings
+} from "./chunk.E5UUNP6E.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -369,4 +369,4 @@ SynRadioGroup = __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.IIHE22EW.js.map
+//# sourceMappingURL=chunk.HOGQXU5N.js.map

package/dist/chunks/{chunk.VHCKZLOU.js → chunk.HUKARYLU.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -430,4 +430,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.VHCKZLOU.js.map
+//# sourceMappingURL=chunk.HUKARYLU.js.map

package/dist/chunks/{chunk.TPA42B34.js → chunk.HV4TMZXT.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.OUB2FMOU.js";
+} from "./chunk.K3EJIN7A.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.TPA42B34.js.map
+//# sourceMappingURL=chunk.HV4TMZXT.js.map

package/dist/chunks/{chunk.R2GYT6JI.js → chunk.HXONRRJM.js}

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

package/dist/chunks/{chunk.23VRSHVV.js → chunk.HYGYVXWU.js}

@@ -9,19 +9,19 @@ import {
 } from "./chunk.ARR23WUY.js";
 import {
   SynIcon
-} from "./chunk.OUB2FMOU.js";
-import {
-  LocalizeController
-} from "./chunk.OAQRCZOO.js";
+} from "./chunk.K3EJIN7A.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -35,6 +35,8 @@ var SynOption = class extends SynergyElement {
     super(...arguments);
     // @ts-expect-error - Controller is currently unused
     this.localize = new LocalizeController(this);
+    // #1036: Needed to store the original value before any delimiter processing
+    this.originalValue = "";
     this.isInitialized = false;
     this.delimiter = " ";
     this.current = false;
@@ -78,18 +80,30 @@ var SynOption = class extends SynergyElement {
   handleSelectedChange() {
     this.setAttribute("aria-selected", this.selected ? "true" : "false");
   }
+  handleDelimiterChange() {
+    this.sanitizeValueForDelimiter();
+  }
   handleValueChange() {
-    if (typeof this.value === "number") {
+    this.originalValue = this.value;
+    this.sanitizeValueForDelimiter();
+  }
+  /**
+   * Replaces any occurrences of the delimiter in the option's original value with underscores.
+   */
+  sanitizeValueForDelimiter() {
+    let value = this.originalValue;
+    if (typeof value === "number") {
       return;
     }
-    if (typeof this.value !== "string") {
-      this.value = String(this.value);
+    if (typeof value !== "string") {
+      value = String(value);
     }
     const { delimiter } = this;
-    if (this.value.includes(delimiter)) {
+    if (value.includes(delimiter)) {
       console.error(`Option values cannot include "${delimiter}". All occurrences of "${delimiter}" have been replaced with "_".`, this);
-      this.value = delimiterToWhiteSpace(this.value, this.delimiter);
+      value = delimiterToWhiteSpace(value, this.delimiter);
     }
+    this.value = value;
   }
   /** Returns a plain text label based on the option's content. */
   getTextLabel() {
@@ -158,6 +172,9 @@ __decorateClass([
 __decorateClass([
   watch("selected")
 ], SynOption.prototype, "handleSelectedChange", 1);
+__decorateClass([
+  watch("delimiter")
+], SynOption.prototype, "handleDelimiterChange", 1);
 __decorateClass([
   watch("value")
 ], SynOption.prototype, "handleValueChange", 1);
@@ -165,4 +182,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.23VRSHVV.js.map
+//# sourceMappingURL=chunk.HYGYVXWU.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/option/option.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 { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query, 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 SynIcon from '../icon/icon.component.js';\nimport styles from './option.styles.js';\nimport customStyles from './option.custom.styles.js';\nimport { delimiterToWhiteSpace } from './utility.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Options define the selectable items within various form controls such as [select](/components/select).\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-option--docs\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n *\n * @slot - The option's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n *\n * @csspart checked-icon - The checked icon, an `<syn-icon>` element.\n * @csspart base - The component's base wrapper.\n * @csspart label - The option's label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n */\nexport default class SynOption extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  static dependencies = { 'syn-icon': SynIcon };\n\n  // @ts-expect-error - Controller is currently unused\n  private readonly localize = new LocalizeController(this);\n\n  // #1036: Needed to store the original value before any delimiter processing\n  private originalValue: string | number = '';\n  private isInitialized = false;\n\n  @query('.option__label') defaultSlot: HTMLSlotElement;\n\n  // the delimiter used to separate multiple values in a select\n  // This is provided by the wrapping syn-select\n  @state() delimiter = ' ';\n\n  @state() current = false; // the user has keyed into the option, but hasn't selected it yet (shows a highlight)\n  @state() selected = false; // the option is selected and has aria-selected=\"true\"\n  @state() hasHover = false; // we need this because Safari doesn't honor :hover styles while dragging\n\n  /**\n   * The option's value. When selected, the containing form control will receive this value. The value must be unique\n   * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\n   * multiple values.\n   */\n  @property({ reflect: true }) value: string | number = '';\n\n  /** Draws the option in a disabled state, preventing selection. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'option');\n    this.setAttribute('aria-selected', 'false');\n  }\n\n  private handleDefaultSlotChange() {\n    if (this.isInitialized) {\n      // When the label changes, tell the controller to update\n      customElements.whenDefined('syn-combobox').then(() => {\n        const controller = this.closest('syn-combobox');\n        if (controller) {\n          controller.handleDefaultSlotChange();\n        }\n      });\n      customElements.whenDefined('syn-select').then(() => {\n        const controller = this.closest('syn-select');\n        if (controller) {\n          controller.handleDefaultSlotChange();\n        }\n      });\n    } else {\n      this.isInitialized = true;\n    }\n  }\n\n  private handleMouseEnter() {\n    this.hasHover = true;\n  }\n\n  private handleMouseLeave() {\n    this.hasHover = false;\n  }\n\n  @watch('disabled')\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('selected')\n  handleSelectedChange() {\n    this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n  }\n\n  @watch('delimiter')\n  handleDelimiterChange() {\n    this.sanitizeValueForDelimiter();\n  }\n\n  @watch('value')\n  handleValueChange() {\n    this.originalValue = this.value;\n    this.sanitizeValueForDelimiter();\n  }\n\n  /**\n   * Replaces any occurrences of the delimiter in the option's original value with underscores.\n   */\n  sanitizeValueForDelimiter() {\n    let value = this.originalValue;\n    if (typeof value === 'number') {\n      return;\n    }\n\n    // Ensure the value is a string. This ensures the next line doesn't error and allows framework users to pass numbers\n    // instead of requiring them to cast the value to a string.\n    if (typeof value !== 'string') {\n      value = String(value);\n    }\n\n    const { delimiter } = this;\n\n    if (value.includes(delimiter)) {\n      console.error(`Option values cannot include \"${delimiter}\". All occurrences of \"${delimiter}\" have been replaced with \"_\".`, this);\n      value = delimiterToWhiteSpace(value, this.delimiter);\n    }\n    this.value = value;\n  }\n\n  /** Returns a plain text label based on the option's content. */\n  getTextLabel() {\n    const nodes = this.childNodes;\n    let label = '';\n\n    [...nodes].forEach(node => {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        if (!(node as HTMLElement).hasAttribute('slot')) {\n          label += (node as HTMLElement).textContent;\n        }\n      }\n\n      if (node.nodeType === Node.TEXT_NODE) {\n        label += node.textContent;\n      }\n    });\n\n    return label.trim();\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          option: true,\n          'option--current': this.current,\n          'option--disabled': this.disabled,\n          'option--selected': this.selected,\n          'option--hover': this.hasHover\n        })}\n        @mouseenter=${this.handleMouseEnter}\n        @mouseleave=${this.handleMouseLeave}\n      >\n        <syn-icon part=\"checked-icon\" class=\"option__check\" name=\"check\" library=\"system\" aria-hidden=\"true\"></syn-icon>\n        <slot part=\"prefix\" name=\"prefix\" class=\"option__prefix\"></slot>\n        <slot part=\"label\" class=\"option__label\" @slotchange=${this.handleDefaultSlotChange}></slot>\n        <slot part=\"suffix\" name=\"suffix\" class=\"option__suffix\"></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.OIZYIGAV.js → chunk.IALDII2O.js}

@@ -1,6 +1,6 @@
 import {
   SynCard
-} from "./chunk.O32ZC2KV.js";
+} from "./chunk.AJFKY3SF.js";
 
 // src/components/card/card.ts
 var card_default = SynCard;
@@ -9,4 +9,4 @@ SynCard.define("syn-card");
 export {
   card_default
 };
-//# sourceMappingURL=chunk.OIZYIGAV.js.map
+//# sourceMappingURL=chunk.IALDII2O.js.map

package/dist/chunks/{chunk.PJXJAPHZ.js → chunk.IUEEYIKQ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -89,4 +89,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.PJXJAPHZ.js.map
+//# sourceMappingURL=chunk.IUEEYIKQ.js.map

package/dist/chunks/{chunk.WJXSE46S.js → chunk.IWBROXFQ.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.P5XGIJWS.js";
+} from "./chunk.WTP45SCI.js";
 import {
   range_styles_default
 } from "./chunk.UFNQFJO6.js";
@@ -35,7 +35,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -716,4 +716,4 @@ SynRange = __decorateClass([
 export {
   SynRange
 };
-//# sourceMappingURL=chunk.WJXSE46S.js.map
+//# sourceMappingURL=chunk.IWBROXFQ.js.map

package/dist/chunks/{chunk.NQBP2SWN.js → chunk.J2TYKG2S.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.VHCKZLOU.js";
+} from "./chunk.HUKARYLU.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.NQBP2SWN.js.map
+//# sourceMappingURL=chunk.J2TYKG2S.js.map

package/dist/chunks/{chunk.I5SXKW7U.js → chunk.JNKP2VFZ.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.23VRSHVV.js";
+} from "./chunk.HYGYVXWU.js";
 import {
   SynPopup
-} from "./chunk.VHCKZLOU.js";
+} from "./chunk.HUKARYLU.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -51,22 +51,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.OUB2FMOU.js";
+} from "./chunk.K3EJIN7A.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -935,4 +935,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.I5SXKW7U.js.map
+//# sourceMappingURL=chunk.JNKP2VFZ.js.map

package/dist/chunks/{chunk.EIZLOSHH.js → chunk.JRNPEZ2C.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.T2TALM4R.js";
+} from "./chunk.BFC25H4F.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SynMenuItem;
@@ -9,4 +9,4 @@ SynMenuItem.define("syn-menu-item");
 export {
   menu_item_default
 };
-//# sourceMappingURL=chunk.EIZLOSHH.js.map
+//# sourceMappingURL=chunk.JRNPEZ2C.js.map

package/dist/chunks/{chunk.OUB2FMOU.js → chunk.K3EJIN7A.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.KHVKCKD2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.OUB2FMOU.js.map
+//# sourceMappingURL=chunk.K3EJIN7A.js.map

package/dist/chunks/{chunk.IQ4IN3TD.js → chunk.KHVKCKD2.js}

@@ -81,7 +81,7 @@ var SynergyElement = class extends LitElement {
 _hasRecordedInitialProperties = new WeakMap();
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-SynergyElement.version = "2.46.0";
+SynergyElement.version = "2.47.0";
 SynergyElement.dependencies = {};
 __decorateClass([
   property()
@@ -93,4 +93,4 @@ __decorateClass([
 export {
   SynergyElement
 };
-//# sourceMappingURL=chunk.IQ4IN3TD.js.map
+//# sourceMappingURL=chunk.KHVKCKD2.js.map