@synergy-design-system/components 2.63.0 → 2.64.1

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

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

package/dist/chunks/{chunk.EEXP7F4Y.js → chunk.OUDK6MKS.js}

@@ -3,13 +3,13 @@ import {
   isBlurEvent,
   isInvalidEvent,
   normalizeEventAttribute
-} from "./chunk.NMWXHIW5.js";
+} from "./chunk.DRPMOCIT.js";
 import {
   validate_styles_default
 } from "./chunk.MVM3NN6Y.js";
 import {
   SynAlert
-} from "./chunk.R2NETW53.js";
+} from "./chunk.G4MICPFE.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.A6LVL6ZN.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -333,4 +333,4 @@ SynValidate = __decorateClass([
 export {
   SynValidate
 };
-//# sourceMappingURL=chunk.EEXP7F4Y.js.map
+//# sourceMappingURL=chunk.OUDK6MKS.js.map

package/dist/chunks/{chunk.3TBJO6S2.js → chunk.OZMPEUXP.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G76BKD7B.js";
 import {
   SynPopup
-} from "./chunk.7VX4PETU.js";
+} from "./chunk.XQVTOS2E.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.A6LVL6ZN.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -385,4 +385,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.3TBJO6S2.js.map
+//# sourceMappingURL=chunk.OZMPEUXP.js.map

package/dist/chunks/{chunk.STM4RTI7.js → chunk.PIJ4Z6AQ.js}

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

package/dist/chunks/{chunk.43PRJJMR.js → chunk.PIRBID4F.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.A6LVL6ZN.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -111,4 +111,4 @@ SynAccordion = __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.43PRJJMR.js.map
+//# sourceMappingURL=chunk.PIRBID4F.js.map

package/dist/chunks/{chunk.KVAM5QIN.js → chunk.PKEDRAAE.js}

@@ -1,15 +1,15 @@
-import {
-  menu_custom_styles_default
-} from "./chunk.AVZITCPQ.js";
 import {
   menu_styles_default
 } from "./chunk.C2CWYCOU.js";
+import {
+  menu_custom_styles_default
+} from "./chunk.3IQ2QEPZ.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.A6LVL6ZN.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.KVAM5QIN.js.map
+//# sourceMappingURL=chunk.PKEDRAAE.js.map

package/dist/chunks/{chunk.ST4WGK55.js → chunk.POIPFRMZ.js}

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "./chunk.OL5UATNX.js";
+} from "./chunk.6WEPOTHD.js";
 
 // src/components/tab-group/tab-group.ts
 var tab_group_default = SynTabGroup;
@@ -9,4 +9,4 @@ SynTabGroup.define("syn-tab-group");
 export {
   tab_group_default
 };
-//# sourceMappingURL=chunk.ST4WGK55.js.map
+//# sourceMappingURL=chunk.POIPFRMZ.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.BRLAR2BZ.js";
+} from "./chunk.S5QEDRXS.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.RAMLUWQO.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.SB4JOURE.js";
+} from "./chunk.V7CBOZZP.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.RE3XYMEM.js.map

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

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

package/dist/chunks/{chunk.BRLAR2BZ.js → chunk.S5QEDRXS.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.A6LVL6ZN.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.BRLAR2BZ.js.map
+//# sourceMappingURL=chunk.S5QEDRXS.js.map

package/dist/chunks/{chunk.2M7AZUZB.js → chunk.SJEHKWBV.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.6RTFJ2YR.js";
+} from "./chunk.GJKZLFB3.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.2M7AZUZB.js.map
+//# sourceMappingURL=chunk.SJEHKWBV.js.map

package/dist/chunks/{chunk.WLPUUZF5.js → chunk.SLYPBBCN.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.CEMGGD4I.js";
+} from "./chunk.2LGLJN2Q.js";
 
 // src/components/nav-item/nav-item.ts
 var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
 export {
   nav_item_default
 };
-//# sourceMappingURL=chunk.WLPUUZF5.js.map
+//# sourceMappingURL=chunk.SLYPBBCN.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.JZVQY7D7.js → chunk.T4J7JNYQ.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.BPNEW4JU.js";
+} from "./chunk.BSWTYIMG.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.A6LVL6ZN.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -407,4 +407,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.JZVQY7D7.js.map
+//# sourceMappingURL=chunk.T4J7JNYQ.js.map

package/dist/chunks/{chunk.WIEI3JBB.js → chunk.T6B3N5OV.js}

@@ -1,19 +1,19 @@
 import {
   SynTag
-} from "./chunk.E6XRDWSS.js";
-import {
-  compareValues,
-  isAllowedValue
-} from "./chunk.VECCQZP5.js";
+} from "./chunk.UNHMUUTJ.js";
 import {
   select_custom_styles_default
 } from "./chunk.O4QFINH7.js";
 import {
   select_styles_default
 } from "./chunk.XTWO6ZZW.js";
+import {
+  compareValues,
+  isAllowedValue
+} from "./chunk.VECCQZP5.js";
 import {
   SynPopup
-} from "./chunk.7VX4PETU.js";
+} from "./chunk.XQVTOS2E.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -40,7 +40,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.Q6QE4C4A.js";
+} from "./chunk.XXWCH7BU.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -55,7 +55,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.A6LVL6ZN.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -879,4 +879,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.WIEI3JBB.js.map
+//# sourceMappingURL=chunk.T6B3N5OV.js.map

package/dist/chunks/{chunk.V5SONTY3.js → chunk.T6LOB6P4.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.B5MF7KTG.js";
+} from "./chunk.CX2I67SA.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.V5SONTY3.js.map
+//# sourceMappingURL=chunk.T6LOB6P4.js.map

package/dist/chunks/{chunk.NXE34TQR.js → chunk.TC7JKBVX.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.755IWGPE.js";
+} from "./chunk.GB5NBCDB.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.NXE34TQR.js.map
+//# sourceMappingURL=chunk.TC7JKBVX.js.map

package/dist/chunks/{chunk.I6GY3BCS.js → chunk.TNLLYZDR.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.45CMYNNL.js";
+} from "./chunk.LK2SNSNY.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.I6GY3BCS.js.map
+//# sourceMappingURL=chunk.TNLLYZDR.js.map

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

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

package/dist/chunks/{chunk.BJT2DYOR.js → chunk.UA3ADC6Y.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.QSOKIWRW.js";
+} from "./chunk.63C2FVQK.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.BJT2DYOR.js.map
+//# sourceMappingURL=chunk.UA3ADC6Y.js.map

package/dist/chunks/{chunk.E6XRDWSS.js → chunk.UNHMUUTJ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.BPNEW4JU.js";
+} from "./chunk.BSWTYIMG.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.A6LVL6ZN.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.E6XRDWSS.js.map
+//# sourceMappingURL=chunk.UNHMUUTJ.js.map

package/dist/chunks/{chunk.GP3XTMO6.js → chunk.UPMCT5ZH.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.WSW2SJ6F.js";
+} from "./chunk.A6LVL6ZN.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.GP3XTMO6.js.map
+//# sourceMappingURL=chunk.UPMCT5ZH.js.map

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

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

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

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.Q6FEO4IO.js";
+} from "./chunk.Z3AALKZJ.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.USJ65Q5K.js.map

package/dist/chunks/{chunk.CWA2ROOZ.js → chunk.V6PU6KQE.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.E6XRDWSS.js";
+} from "./chunk.UNHMUUTJ.js";
 
 // src/components/tag/tag.ts
 var tag_default = SynTag;
@@ -9,4 +9,4 @@ SynTag.define("syn-tag");
 export {
   tag_default
 };
-//# sourceMappingURL=chunk.CWA2ROOZ.js.map
+//# sourceMappingURL=chunk.V6PU6KQE.js.map

package/dist/chunks/{chunk.MMFXDEXE.js → chunk.V77YMTRK.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.LH3YTU73.js";
+} from "./chunk.HOUWMX4P.js";
 
 // src/components/radio-group/radio-group.ts
 var radio_group_default = SynRadioGroup;
@@ -9,4 +9,4 @@ SynRadioGroup.define("syn-radio-group");
 export {
   radio_group_default
 };
-//# sourceMappingURL=chunk.MMFXDEXE.js.map
+//# sourceMappingURL=chunk.V77YMTRK.js.map