@synergy-design-system/components 2.63.0 → 2.64.0

package/dist/chunks/{chunk.6YZNUI4Y.js → chunk.Q4YSAT55.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.A6Y4ZUMF.js";
+} from "./chunk.ES27ONNZ.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.6YZNUI4Y.js.map
+//# sourceMappingURL=chunk.Q4YSAT55.js.map

package/dist/chunks/{chunk.NMWXHIW5.js → chunk.QDGJNMZF.js}

@@ -1,6 +1,6 @@
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 
 // src/components/validate/utility.ts
 var WhitelistedSynergyFormEventNames = [
@@ -33,4 +33,4 @@ export {
   normalizeEventAttribute,
   getEventNameForElement
 };
-//# sourceMappingURL=chunk.NMWXHIW5.js.map
+//# sourceMappingURL=chunk.QDGJNMZF.js.map

package/dist/chunks/{chunk.TMYFREGR.js → chunk.R2TZTEKY.js}

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

package/dist/chunks/{chunk.R4IZKKBI.js → chunk.RAEIQHNV.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.SB4JOURE.js";
+} from "./chunk.XMOGP2AY.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.R4IZKKBI.js.map
+//# sourceMappingURL=chunk.RAEIQHNV.js.map

package/dist/chunks/{chunk.W5XHEGSP.js → chunk.RFCIX6WU.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.RDYUH6RC.js";
+} from "./chunk.WK73V7UY.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.W5XHEGSP.js.map
+//# sourceMappingURL=chunk.RFCIX6WU.js.map

package/dist/chunks/{chunk.Q6QE4C4A.js → chunk.RTIAGXWJ.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.Q6QE4C4A.js.map
+//# sourceMappingURL=chunk.RTIAGXWJ.js.map

package/dist/chunks/{chunk.BPNEW4JU.js → chunk.RUGNLIOD.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.E3Z62YYT.js";
 import {
   SynIcon
-} from "./chunk.Q6QE4C4A.js";
+} from "./chunk.RTIAGXWJ.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.BPNEW4JU.js.map
+//# sourceMappingURL=chunk.RUGNLIOD.js.map

package/dist/chunks/{chunk.6QZ2FX2G.js → chunk.RYJ3GPVA.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.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.6QZ2FX2G.js.map
+//# sourceMappingURL=chunk.RYJ3GPVA.js.map

package/dist/chunks/{chunk.IJZJVNTF.js → chunk.SEOUD6J4.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -55,4 +55,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.IJZJVNTF.js.map
+//# sourceMappingURL=chunk.SEOUD6J4.js.map

package/dist/chunks/{chunk.LROQ4LBL.js → chunk.SMQELY3O.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunk.V72RXR2M.js";
+} from "./chunk.ZZHZ4TWD.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -206,4 +206,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.LROQ4LBL.js.map
+//# sourceMappingURL=chunk.SMQELY3O.js.map

package/dist/chunks/{chunk.WXSD2JAP.js → chunk.SNVPJN2J.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumb
-} from "./chunk.PUBRULIQ.js";
+} from "./chunk.YFLMSG6Y.js";
 
 // src/components/breadcrumb/breadcrumb.ts
 var breadcrumb_default = SynBreadcrumb;
@@ -9,4 +9,4 @@ SynBreadcrumb.define("syn-breadcrumb");
 export {
   breadcrumb_default
 };
-//# sourceMappingURL=chunk.WXSD2JAP.js.map
+//# sourceMappingURL=chunk.SNVPJN2J.js.map

package/dist/chunks/{chunk.JQ5WZR46.js → chunk.SZEHOV5P.js}

@@ -7,11 +7,27 @@ var menu_item_custom_styles_default = css`
   }
 
   .menu-item {
-    color: var(--syn-typography-color-text);
+    /*
+     * #958: Brand2025 defines a small gap between menu items
+     * and rounded corners. We achieve that using an outline
+     * that simulates the gap using the menu background color.
+     */
+    --outline: calc(var(--syn-focus-ring-border-radius) * 1.5);
+    
+    border-radius: calc(var(--outline) * 1.5);
+    color: var(--syn-option-color, var(--syn-typography-color-text));
     font-size: var(--syn-font-size-medium);
+    outline: var(--outline) solid var(--syn-panel-background-color);
+    outline-offset: calc(var(--outline) * -1 + 1px);
     padding: var(--syn-spacing-small) var(--syn-spacing-medium);
   }
 
+  :host(:focus-visible) .menu-item {
+    background-color: var(--syn-option-background-color-active, var(--syn-color-neutral-1000));
+    outline: var(--outline) solid var(--syn-panel-background-color);
+    outline-offset: calc(var(--outline) * -1 + 1px);
+  }
+
   /** #429: Use token for opacity */
   .menu-item.menu-item--disabled {
     opacity: var(--syn-opacity-50);
@@ -33,15 +49,29 @@ var menu_item_custom_styles_default = css`
    */
   .menu-item .menu-item__prefix::slotted(syn-icon),
   .menu-item .menu-item__suffix::slotted(syn-icon) {
-    color: var(--syn-color-neutral-800);
+    color: var(--syn-option-icon-color, var(--syn-typography-color-text));
     font-size: var(--syn-font-size-x-large);
   }
 
-  :host(:focus-visible)  .menu-item .menu-item__prefix::slotted(syn-icon),
-  :host(:focus-visible)  .menu-item .menu-item__suffix::slotted(syn-icon) {
-    color: var(--syn-color-neutral-0);
+  :host(:hover) .menu-item .menu-item__prefix::slotted(syn-icon),
+  :host(:hover) .menu-item__suffix::slotted(syn-icon) {
+    color: var(--syn-option-icon-color-hover, var(--syn-typography-color-text-inverted));
+  }
+
+  :host(:focus-visible) .menu-item .menu-item__prefix::slotted(syn-icon),
+  :host(:focus-visible) .menu-item .menu-item__suffix::slotted(syn-icon) {
+    color: var(--syn-option-icon-color-active, var(--syn-typography-color-text-inverted));
   }
 
+  /* Adjust background and text color for focused elements */
+  /* stylelint-disable selector-not-notation, plugin/no-unsupported-browser-features */
+  :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item,
+  .menu-item--submenu-expanded {
+    background-color: var(--syn-option-background-color-hover, var(--syn-color-neutral-1000));
+    color: var(--syn-option-color-hover, var(--syn-typography-color-text-inverted));
+  }
+  /* stylelint-enable selector-not-notation, plugin/no-unsupported-browser-features */
+
   /**
    * Adjust the size of icons
    */
@@ -61,7 +91,7 @@ var menu_item_custom_styles_default = css`
   }
 
   .menu-item .menu-item__check {
-    color: var(--syn-color-primary-600);
+    color: var(--syn-option-check-color, var(--syn-color-primary-600));
     margin-inline-end: var(--syn-spacing-small);
   }
 
@@ -76,7 +106,11 @@ var menu_item_custom_styles_default = css`
    * Make sure the checkbox is also visible when the item is active
    */
   :host(:focus-visible) .menu-item--checked .menu-item__check {
-    color: var(--syn-color-neutral-0);
+    color: var(--syn-option-check-color-active, var(--syn-color-neutral-0));
+  }
+
+  :host(:hover) .menu-item--checked .menu-item__check {
+    color: var(--syn-option-check-color-hover, var(--syn-color-neutral-0));
   }
 
   /**
@@ -110,6 +144,7 @@ var menu_item_custom_styles_default = css`
   .menu-item--loading syn-spinner {
     --track-width: 2px;
 
+    color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-700));
     font-size: var(--syn-font-size-medium);
     left: var(--syn-spacing-medium);
   }
@@ -130,4 +165,4 @@ var menu_item_custom_styles_default = css`
 export {
   menu_item_custom_styles_default
 };
-//# sourceMappingURL=chunk.JQ5WZR46.js.map
+//# sourceMappingURL=chunk.SZEHOV5P.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/menu-item/menu-item.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    /* Custom override for hiding the checkmark in menus it is not needed */\n    --display-checkmark: flex;\n  }\n\n  .menu-item {\n    /*\n     * #958: Brand2025 defines a small gap between menu items\n     * and rounded corners. We achieve that using an outline\n     * that simulates the gap using the menu background color.\n     */\n    --outline: calc(var(--syn-focus-ring-border-radius) * 1.5);\n    \n    border-radius: calc(var(--outline) * 1.5);\n    color: var(--syn-option-color, var(--syn-typography-color-text));\n    font-size: var(--syn-font-size-medium);\n    outline: var(--outline) solid var(--syn-panel-background-color);\n    outline-offset: calc(var(--outline) * -1 + 1px);\n    padding: var(--syn-spacing-small) var(--syn-spacing-medium);\n  }\n\n  :host(:focus-visible) .menu-item {\n    background-color: var(--syn-option-background-color-active, var(--syn-color-neutral-1000));\n    outline: var(--outline) solid var(--syn-panel-background-color);\n    outline-offset: calc(var(--outline) * -1 + 1px);\n  }\n\n  /** #429: Use token for opacity */\n  .menu-item.menu-item--disabled {\n    opacity: var(--syn-opacity-50);\n  }\n\n  /**\n   * Handling for slotted prefix and suffix\n   */\n  .menu-item .menu-item__prefix::slotted(*) {\n    margin-inline-end: var(--syn-spacing-small);\n  }\n\n  .menu-item .menu-item__suffix::slotted(*) {\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /**\n   * Set the default font size to make icons appear correct\n   */\n  .menu-item .menu-item__prefix::slotted(syn-icon),\n  .menu-item .menu-item__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color, var(--syn-typography-color-text));\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  :host(:hover) .menu-item .menu-item__prefix::slotted(syn-icon),\n  :host(:hover) .menu-item__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color-hover, var(--syn-typography-color-text-inverted));\n  }\n\n  :host(:focus-visible) .menu-item .menu-item__prefix::slotted(syn-icon),\n  :host(:focus-visible) .menu-item .menu-item__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color-active, var(--syn-typography-color-text-inverted));\n  }\n\n  /* Adjust background and text color for focused elements */\n  /* stylelint-disable selector-not-notation, plugin/no-unsupported-browser-features */\n  :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item,\n  .menu-item--submenu-expanded {\n    background-color: var(--syn-option-background-color-hover, var(--syn-color-neutral-1000));\n    color: var(--syn-option-color-hover, var(--syn-typography-color-text-inverted));\n  }\n  /* stylelint-enable selector-not-notation, plugin/no-unsupported-browser-features */\n\n  /**\n   * Adjust the size of icons\n   */\n  .menu-item .menu-item__chevron,\n  .menu-item .menu-item__check {\n    display: var(--display-checkmark);\n    font-size: var(--syn-font-size-x-large);\n    width: var(--syn-font-size-x-large);\n  }\n\n  /**\n   * This makes sure the chevron does not take any space if we do not have children\n   */\n  .menu-item .menu-item__chevron {\n    display: none;\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  .menu-item .menu-item__check {\n    color: var(--syn-option-check-color, var(--syn-color-primary-600));\n    margin-inline-end: var(--syn-spacing-small);\n  }\n\n  /**\n   * When in loading state, do not show the checkmark as it would bleed through\n   */\n  .menu-item--loading .menu-item__check {\n    visibility: hidden;\n  }\n\n  /**\n   * Make sure the checkbox is also visible when the item is active\n   */\n  :host(:focus-visible) .menu-item--checked .menu-item__check {\n    color: var(--syn-option-check-color-active, var(--syn-color-neutral-0));\n  }\n\n  :host(:hover) .menu-item--checked .menu-item__check {\n    color: var(--syn-option-check-color-hover, var(--syn-color-neutral-0));\n  }\n\n  /**\n   * Special handling for the submenu chevron:\n   * We are using the \"chevron-down\" icon per default as\n   * we do not want all chevrons to be part of the bundle\n   * Therefore, we have to transform it into the right direction\n   */\n  .menu-item .menu-item__chevron syn-icon {\n    transform: rotate(-90deg);\n  }\n\n  .menu-item--rtl .menu-item__chevron syn-icon {\n    transform: rotate(90deg);\n  }\n\n  .menu-item.menu-item--loading *:not(syn-spinner) {\n    opacity: var(--syn-opacity-50);\n  }\n\n  /**\n   * Make sure to show the chevron if there are children\n   */\n  .menu-item--has-submenu .menu-item__chevron {\n    display: flex;\n  }\n\n  /**\n   * Adjustments for the spinner in loading state\n   */\n  .menu-item--loading syn-spinner {\n    --track-width: 2px;\n\n    color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-700));\n    font-size: var(--syn-font-size-medium);\n    left: var(--syn-spacing-medium);\n  }\n\n  /**\n   * Highlight checked items\n   */\n  .menu-item--checked .menu-item__label {\n    font-weight: var(--syn-font-weight-semibold);\n  }\n\n  /* Needed if we do not show the checkmark */\n  :host(:not([type=\"checkmark\"]):not([loading])) .menu-item__label {\n    min-height: var(--syn-font-size-x-large);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,kCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.G76EEB6N.js → chunk.TBS43WRX.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.Q6FEO4IO.js";
+} from "./chunk.UKUCXSBK.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.G76EEB6N.js.map
+//# sourceMappingURL=chunk.TBS43WRX.js.map

package/dist/chunks/{chunk.LRMICIEN.js → chunk.UA7DTSR5.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.BPNEW4JU.js";
+} from "./chunk.RUGNLIOD.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.LRMICIEN.js.map
+//# sourceMappingURL=chunk.UA7DTSR5.js.map

package/dist/chunks/{chunk.5I6KJGCK.js → chunk.UAF3TUNP.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.BRLAR2BZ.js";
+} from "./chunk.LRMT6SLW.js";
 
 // src/components/progress-bar/progress-bar.ts
 var progress_bar_default = SynProgressBar;
@@ -9,4 +9,4 @@ SynProgressBar.define("syn-progress-bar");
 export {
   progress_bar_default
 };
-//# sourceMappingURL=chunk.5I6KJGCK.js.map
+//# sourceMappingURL=chunk.UAF3TUNP.js.map

package/dist/chunks/{chunk.Q6FEO4IO.js → chunk.UKUCXSBK.js}

@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -383,4 +383,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.Q6FEO4IO.js.map
+//# sourceMappingURL=chunk.UKUCXSBK.js.map

package/dist/chunks/{chunk.ONG7J33Z.js → chunk.ULWHNN5P.js}

@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.ONG7J33Z.js.map
+//# sourceMappingURL=chunk.ULWHNN5P.js.map

package/dist/chunks/{chunk.YCKSUSCX.js → chunk.UU6BACOP.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -120,4 +120,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.YCKSUSCX.js.map
+//# sourceMappingURL=chunk.UU6BACOP.js.map

package/dist/chunks/{chunk.S3NR7WUA.js → chunk.UUKAPXX5.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.SB4JOURE.js";
+} from "./chunk.XMOGP2AY.js";
 import {
   SynPopup
-} from "./chunk.7VX4PETU.js";
+} from "./chunk.XHYF5S54.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -51,7 +51,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.Q6QE4C4A.js";
+} from "./chunk.RTIAGXWJ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -66,7 +66,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -935,4 +935,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.S3NR7WUA.js.map
+//# sourceMappingURL=chunk.UUKAPXX5.js.map

package/dist/chunks/{chunk.WEC56N3J.js → chunk.W3YXWVH2.js}

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

package/dist/chunks/{chunk.WYRLM2R7.js → chunk.WIUYDEVH.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.KVAM5QIN.js";
+} from "./chunk.E2UQKDSJ.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.WYRLM2R7.js.map
+//# sourceMappingURL=chunk.WIUYDEVH.js.map

package/dist/chunks/{chunk.4AFZN75D.js → chunk.WJGHS7NN.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.XAQKFEHH.js";
 import {
   SynDivider
-} from "./chunk.6RTFJ2YR.js";
+} from "./chunk.ZU6BYD77.js";
 import {
   defaultValue
 } from "./chunk.3NXKLKWH.js";
@@ -25,7 +25,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.Q6QE4C4A.js";
+} from "./chunk.RTIAGXWJ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -45,7 +45,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -867,4 +867,4 @@ SynInput = __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.4AFZN75D.js.map
+//# sourceMappingURL=chunk.WJGHS7NN.js.map

package/dist/chunks/{chunk.RDYUH6RC.js → chunk.WK73V7UY.js}

@@ -3,23 +3,23 @@ import {
 } from "./chunk.V4HPWQE7.js";
 import {
   menu_item_custom_styles_default
-} from "./chunk.JQ5WZR46.js";
+} from "./chunk.SZEHOV5P.js";
 import {
   menu_item_styles_default
 } from "./chunk.FSWTBNSI.js";
 import {
   SynPopup
-} from "./chunk.7VX4PETU.js";
+} from "./chunk.XHYF5S54.js";
 import {
   SynSpinner
-} from "./chunk.6QZ2FX2G.js";
+} from "./chunk.RYJ3GPVA.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.Q6QE4C4A.js";
+} from "./chunk.RTIAGXWJ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -241,4 +241,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.RDYUH6RC.js.map
+//# sourceMappingURL=chunk.WK73V7UY.js.map

package/dist/chunks/{chunk.GYMZPHPQ.js → chunk.WWOY2NAP.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.PDYDXX6E.js";
+} from "./chunk.PHZOI247.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.GYMZPHPQ.js.map
+//# sourceMappingURL=chunk.WWOY2NAP.js.map

package/dist/chunks/{chunk.7VX4PETU.js → chunk.XHYF5S54.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -430,4 +430,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.7VX4PETU.js.map
+//# sourceMappingURL=chunk.XHYF5S54.js.map

package/dist/chunks/{chunk.SB4JOURE.js → chunk.XMOGP2AY.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.IVM3BGRH.js";
 import {
   SynIcon
-} from "./chunk.Q6QE4C4A.js";
+} from "./chunk.RTIAGXWJ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -186,4 +186,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.SB4JOURE.js.map
+//# sourceMappingURL=chunk.XMOGP2AY.js.map

package/dist/chunks/{chunk.HTJZA6TJ.js → chunk.YBQMC6RH.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.74N5WLM5.js";
 import {
   SynNavItem
-} from "./chunk.CEMGGD4I.js";
+} from "./chunk.H32ZS7GT.js";
 import {
   SynMenu
-} from "./chunk.KVAM5QIN.js";
+} from "./chunk.E2UQKDSJ.js";
 import {
   SynDropdown
-} from "./chunk.3TBJO6S2.js";
+} from "./chunk.LSKCBZPO.js";
 import {
   SynIcon
-} from "./chunk.Q6QE4C4A.js";
+} from "./chunk.RTIAGXWJ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.HTJZA6TJ.js.map
+//# sourceMappingURL=chunk.YBQMC6RH.js.map

package/dist/chunks/{chunk.PUBRULIQ.js → chunk.YFLMSG6Y.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.Q6QE4C4A.js";
+} from "./chunk.RTIAGXWJ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.BOLNLEU5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.PUBRULIQ.js.map
+//# sourceMappingURL=chunk.YFLMSG6Y.js.map