@synergy-design-system/components 2.46.0 → 2.46.1

package/dist/chunks/{chunk.NI7DHHFY.js → chunk.PL2GGNLW.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.MJ7R4QQT.js";
 import {
   SynDivider
-} from "./chunk.EGURWFSB.js";
+} from "./chunk.D6HJPICP.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -131,4 +131,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.NI7DHHFY.js.map
+//# sourceMappingURL=chunk.PL2GGNLW.js.map

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

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

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

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G76BKD7B.js";
 import {
   SynPopup
-} from "./chunk.VHCKZLOU.js";
+} from "./chunk.PPN5DV7M.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -385,4 +385,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.4RDGXLUO.js.map
+//# sourceMappingURL=chunk.Q4IB5RDS.js.map

package/dist/chunks/{chunk.3D5JYV3S.js → chunk.QJE4SQ57.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.3D5JYV3S.js.map
+//# sourceMappingURL=chunk.QJE4SQ57.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynCard
-} from "./chunk.O32ZC2KV.js";
+} from "./chunk.Z6VUTWKV.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.QWAQJ2D5.js.map

package/dist/chunks/{chunk.6MR7BVV5.js → chunk.R4L6L3AR.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.UC7M2DXH.js";
+} from "./chunk.3YOITYNE.js";
 import {
   compareValues,
   isAllowedValue
@@ -13,7 +13,7 @@ import {
 } from "./chunk.XTWO6ZZW.js";
 import {
   SynPopup
-} from "./chunk.VHCKZLOU.js";
+} from "./chunk.PPN5DV7M.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -40,7 +40,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.OUB2FMOU.js";
+} from "./chunk.HLO3D2W6.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -55,7 +55,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -879,4 +879,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.6MR7BVV5.js.map
+//# sourceMappingURL=chunk.R4L6L3AR.js.map

package/dist/chunks/{chunk.CNXJ4AUG.js → chunk.RF3HVQNQ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.43YNZAWL.js";
 import {
   SynIconButton
-} from "./chunk.TPA42B34.js";
+} from "./chunk.K3PVNJ5B.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.CNXJ4AUG.js.map
+//# sourceMappingURL=chunk.RF3HVQNQ.js.map

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk.5T3OGIGW.js";
 import {
   icon_default
-} from "./chunk.ZTMSCQCP.js";
+} from "./chunk.6A7RMKGL.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -206,4 +206,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.IUYRRS5J.js.map
+//# sourceMappingURL=chunk.S5GVWNKP.js.map

package/dist/chunks/{chunk.A4HL3BIH.js → chunk.SVBYNXI7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.TPA42B34.js";
+} from "./chunk.K3PVNJ5B.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -21,6 +21,12 @@ import {
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
+import {
+  alert_custom_styles_default
+} from "./chunk.QBHZAR4C.js";
+import {
+  alert_styles_default
+} from "./chunk.BXY667C7.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -32,13 +38,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
-import {
-  alert_custom_styles_default
-} from "./chunk.QBHZAR4C.js";
-import {
-  alert_styles_default
-} from "./chunk.BXY667C7.js";
+} from "./chunk.2IC6CPWR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.A4HL3BIH.js.map
+//# sourceMappingURL=chunk.SVBYNXI7.js.map

package/dist/chunks/{chunk.GMVNHU5Q.js → chunk.SWN4WCBH.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.23VRSHVV.js";
+} from "./chunk.WTN5SLDS.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.GMVNHU5Q.js.map
+//# sourceMappingURL=chunk.SWN4WCBH.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.VHCKZLOU.js";
+} from "./chunk.PPN5DV7M.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.U2BHJYZE.js.map

package/dist/chunks/{chunk.T2TALM4R.js → chunk.ULYN5J47.js}

@@ -9,17 +9,17 @@ import {
 } from "./chunk.V4HPWQE7.js";
 import {
   SynPopup
-} from "./chunk.VHCKZLOU.js";
+} from "./chunk.PPN5DV7M.js";
 import {
   SynSpinner
-} from "./chunk.PARACD3O.js";
+} from "./chunk.ZMJAULGK.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.OUB2FMOU.js";
+} from "./chunk.HLO3D2W6.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -241,4 +241,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.T2TALM4R.js.map
+//# sourceMappingURL=chunk.ULYN5J47.js.map

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

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

package/dist/chunks/{chunk.RROVEHIL.js → chunk.VCECBW7W.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.P5XGIJWS.js";
+} from "./chunk.KYCEK2QU.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.RROVEHIL.js.map
+//# sourceMappingURL=chunk.VCECBW7W.js.map

package/dist/chunks/{chunk.FDLAEOEF.js → chunk.VKFTPKZE.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumbItem
-} from "./chunk.EPSBD2E6.js";
+} from "./chunk.2WFCE5MY.js";
 
 // src/components/breadcrumb-item/breadcrumb-item.ts
 var breadcrumb_item_default = SynBreadcrumbItem;
@@ -9,4 +9,4 @@ SynBreadcrumbItem.define("syn-breadcrumb-item");
 export {
   breadcrumb_item_default
 };
-//# sourceMappingURL=chunk.FDLAEOEF.js.map
+//# sourceMappingURL=chunk.VKFTPKZE.js.map

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

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.23VRSHVV.js";
+} from "./chunk.WTN5SLDS.js";
 import {
   SynPopup
-} from "./chunk.VHCKZLOU.js";
+} from "./chunk.PPN5DV7M.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -51,7 +51,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.OUB2FMOU.js";
+} from "./chunk.HLO3D2W6.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -66,7 +66,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -935,4 +935,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.I5SXKW7U.js.map
+//# sourceMappingURL=chunk.VN4RKJFZ.js.map

package/dist/chunks/{chunk.S4A6UOQP.js → chunk.VRDZQTJK.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.JE4SNKTK.js";
+} from "./chunk.MZXU665M.js";
 
 // src/components/range-tick/range-tick.ts
 var range_tick_default = SynRangeTick;
@@ -9,4 +9,4 @@ SynRangeTick.define("syn-range-tick");
 export {
   range_tick_default
 };
-//# sourceMappingURL=chunk.S4A6UOQP.js.map
+//# sourceMappingURL=chunk.VRDZQTJK.js.map

package/dist/chunks/{chunk.G4ZT554K.js → chunk.VTU3QNYB.js}

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

package/dist/chunks/{chunk.K262NS64.js → chunk.WGPVCCIG.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.PKYC7QF3.js";
 import {
   SynResizeObserver
-} from "./chunk.XFFIE6E7.js";
+} from "./chunk.NO5OLFH5.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.TPA42B34.js";
+} from "./chunk.K3PVNJ5B.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.js";
 import {
   __decorateClass,
   __spreadValues
@@ -515,4 +515,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.K262NS64.js.map
+//# sourceMappingURL=chunk.WGPVCCIG.js.map

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

@@ -9,7 +9,7 @@ import {
 } from "./chunk.ARR23WUY.js";
 import {
   SynIcon
-} from "./chunk.OUB2FMOU.js";
+} from "./chunk.HLO3D2W6.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.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.WTN5SLDS.js.map

package/dist/chunks/chunk.WTN5SLDS.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.TEF2Q62M.js → chunk.XELFSLIH.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.Q2T5DCFZ.js";
+} from "./chunk.2LPFZRFQ.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.TEF2Q62M.js.map
+//# sourceMappingURL=chunk.XELFSLIH.js.map

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

@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.DVZP7JU3.js.map
+//# sourceMappingURL=chunk.YRIMDR5B.js.map

package/dist/chunks/{chunk.O32ZC2KV.js → chunk.Z6VUTWKV.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -55,4 +55,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.O32ZC2KV.js.map
+//# sourceMappingURL=chunk.Z6VUTWKV.js.map

package/dist/chunks/{chunk.6GVMJEC4.js → chunk.ZISACVPU.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.XOLLUQPC.js";
+} from "./chunk.K2MGM2DJ.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.6GVMJEC4.js.map
+//# sourceMappingURL=chunk.ZISACVPU.js.map

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

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.IQ4IN3TD.js";
+} from "./chunk.2IC6CPWR.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.ZMJAULGK.js.map

package/dist/chunks/{chunk.K2ZLVFCP.js → chunk.ZNAP7EJI.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.24SRZBBX.js";
+} from "./chunk.EHTBVINZ.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.K2ZLVFCP.js.map
+//# sourceMappingURL=chunk.ZNAP7EJI.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.T2TALM4R.js";
+} from "./chunk.ULYN5J47.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.ZSF63D7A.js.map

package/dist/chunks/{chunk.TKJ4LQUN.js → chunk.ZZ4UBMKG.js}

@@ -1,6 +1,6 @@
 import {
   SynAlert
-} from "./chunk.A4HL3BIH.js";
+} from "./chunk.SVBYNXI7.js";
 
 // src/components/alert/alert.ts
 var alert_default = SynAlert;
@@ -9,4 +9,4 @@ SynAlert.define("syn-alert");
 export {
   alert_default
 };
-//# sourceMappingURL=chunk.TKJ4LQUN.js.map
+//# sourceMappingURL=chunk.ZZ4UBMKG.js.map