@synergy-design-system/components 2.68.0 → 2.70.0

package/dist/chunks/{chunk.CW5MFA6D.js → chunk.LFG4AULG.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.CW5MFA6D.js.map
+//# sourceMappingURL=chunk.LFG4AULG.js.map

package/dist/chunks/{chunk.RD3RTU25.js → chunk.MO4S2SST.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -55,4 +55,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.RD3RTU25.js.map
+//# sourceMappingURL=chunk.MO4S2SST.js.map

package/dist/chunks/{chunk.M6OZ32OE.js → chunk.MYMJKUJ3.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.T7SOASYZ.js";
+} from "./chunk.IOPVZLX5.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.M6OZ32OE.js.map
+//# sourceMappingURL=chunk.MYMJKUJ3.js.map

package/dist/chunks/{chunk.DUJDXGVZ.js → chunk.NH74QZ3K.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.ARR23WUY.js";
 import {
   option_custom_styles_default
-} from "./chunk.G3KRSXVI.js";
+} from "./chunk.R7DJWLTC.js";
 import {
   option_styles_default
 } from "./chunk.IVM3BGRH.js";
 import {
   SynIcon
-} from "./chunk.LGSTTQAO.js";
+} from "./chunk.QH5ZUYLO.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -186,4 +186,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.DUJDXGVZ.js.map
+//# sourceMappingURL=chunk.NH74QZ3K.js.map

package/dist/chunks/{chunk.GT6ITNHT.js → chunk.NQRPP5F3.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.COYX47VV.js";
+} from "./chunk.Q57WCPHP.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.GT6ITNHT.js.map
+//# sourceMappingURL=chunk.NQRPP5F3.js.map

package/dist/chunks/{chunk.JVT5YHF6.js → chunk.NVXGHN4P.js}

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

package/dist/chunks/{chunk.OPRHXTCB.js → chunk.OGJQ3QHK.js}

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

package/dist/chunks/{chunk.HVOTVHZD.js → chunk.OZWGREPI.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.DN2PRKCI.js";
+} from "./chunk.RMNLJFNZ.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.HVOTVHZD.js.map
+//# sourceMappingURL=chunk.OZWGREPI.js.map

package/dist/chunks/{chunk.BHGVVYKV.js → chunk.POLH4ALD.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.BHGVVYKV.js.map
+//# sourceMappingURL=chunk.POLH4ALD.js.map

package/dist/chunks/{chunk.5LWCJPWK.js → chunk.PSBUDUT3.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.5LWCJPWK.js.map
+//# sourceMappingURL=chunk.PSBUDUT3.js.map

package/dist/chunks/{chunk.JWKLIXPV.js → chunk.PX7CRWRP.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.YXMPQZRF.js";
+} from "./chunk.C2C5FC6L.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.JWKLIXPV.js.map
+//# sourceMappingURL=chunk.PX7CRWRP.js.map

package/dist/chunks/{chunk.COYX47VV.js → chunk.Q57WCPHP.js}

@@ -9,17 +9,17 @@ import {
 } from "./chunk.FSWTBNSI.js";
 import {
   SynPopup
-} from "./chunk.6ETSHLH4.js";
+} from "./chunk.BGFDOPUU.js";
 import {
   SynSpinner
-} from "./chunk.AHYEFRMS.js";
+} from "./chunk.XYYLDLRV.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.LGSTTQAO.js";
+} from "./chunk.QH5ZUYLO.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -241,4 +241,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.COYX47VV.js.map
+//# sourceMappingURL=chunk.Q57WCPHP.js.map

package/dist/chunks/{chunk.G3NHTNQY.js → chunk.Q6DSXWKM.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.G3NHTNQY.js.map
+//# sourceMappingURL=chunk.Q6DSXWKM.js.map

package/dist/chunks/{chunk.XEAJMHRE.js → chunk.QDQYSQIH.js}

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

package/dist/chunks/{chunk.QASQSLYN.js → chunk.QGJNVVVK.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.H36LLUDZ.js";
+} from "./chunk.IC2SGACO.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.QASQSLYN.js.map
+//# sourceMappingURL=chunk.QGJNVVVK.js.map

package/dist/chunks/{chunk.LGSTTQAO.js → chunk.QH5ZUYLO.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.LGSTTQAO.js.map
+//# sourceMappingURL=chunk.QH5ZUYLO.js.map

package/dist/chunks/{chunk.DBXZN7BX.js → chunk.QYPAOLVW.js}

@@ -1,15 +1,15 @@
 import {
   optgroup_styles_default
-} from "./chunk.MJ7R4QQT.js";
+} from "./chunk.IIZLPLW2.js";
 import {
   SynDivider
-} from "./chunk.JK3KMYQY.js";
+} from "./chunk.R5KBI3BK.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -131,4 +131,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.DBXZN7BX.js.map
+//# sourceMappingURL=chunk.QYPAOLVW.js.map

package/dist/chunks/{chunk.JK3KMYQY.js → chunk.R5KBI3BK.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -43,4 +43,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.JK3KMYQY.js.map
+//# sourceMappingURL=chunk.R5KBI3BK.js.map

package/dist/chunks/{chunk.G3KRSXVI.js → chunk.R7DJWLTC.js}

@@ -13,28 +13,54 @@ var option_custom_styles_default = css`
    * See below for usage of these variables
    */
   .option {
+    /*
+     * #988: Brand2025 defines a small gap between options
+     * 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);
     font-size: var(--option-font-size, var(--syn-font-size-medium));
-    
+
     /* Height is dependent on line-height of .option__label, which does not fit completely to layout */
     min-height: var(--option-min-height, var(--syn-input-height-medium));
-    padding: var(--option-padding, var(--syn-spacing-small) var(--syn-spacing-medium));
+    outline: var(--outline) solid var(--syn-panel-background-color);
+    outline-offset: calc(var(--outline) * -1 + 1px);
+    padding: var(--option-padding, var(--syn-spacing-small) var(--syn-spacing-medium));    
   }
 
   .option:not(.option--current) {
-    color: var(--syn-color-neutral-950);
+    color: var(--syn-option-color, var(--syn-typography-color-text));
+  }
+
+  .option--current,
+  .option--current.option--hover:not(.option--disabled) {
+    background-color: var(--syn-option-background-color-active, var(--syn-color-neutral-1000));
+    color: var(--syn-option-color-active, var(--syn-typography-color-text-inverted));
+  }
+
+  .option--hover:not(.option--current):not(.option--disabled) {
+    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));
   }
 
   /** #429: Use token for opacity */
-  .option--disabled { 
+  .option--disabled {
     opacity: var(--syn-input-disabled-opacity);
   }
 
+  .option--current.option--disabled {
+    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));
+  }
+
   .option__label {
     line-height: var(--syn-line-height-normal);
   }
 
   .option__check {
-    color: var(--syn-color-primary-600);
+    color: var(--syn-option-check-color, var(--syn-color-primary-600));
     font-size: var(--option-icon-size, var(--syn-spacing-large));
   }
 
@@ -44,7 +70,11 @@ var option_custom_styles_default = css`
 
   /* Invert the check mark when keyboard navigation is used */
   .option--current .option__check {
-    color: var(--syn-color-neutral-0);
+    color: var(--syn-option-check-color-active, var(--syn-color-neutral-0));
+  }
+
+  .option--hover:not(.option--current) .option__check {
+    color: var(--syn-option-check-color-hover, var(--syn-color-neutral-0));
   }
 
   /* Use larger spacing between icons and content */
@@ -59,28 +89,29 @@ var option_custom_styles_default = css`
   /* Set correct icon size when someone uses syn-icon in the slots */
   .option__prefix::slotted(syn-icon),
   .option__suffix::slotted(syn-icon) {
-    color: var(--syn-color-neutral-800);
+    color: var(--syn-option-icon-color, var(--syn-typography-color-text));
     font-size: var(--option-icon-size, var(--syn-spacing-large));
   }
 
+  .option--hover .option__prefix::slotted(syn-icon),
+  .option--hover .option__suffix::slotted(syn-icon) {
+    color: var(--syn-option-icon-color-hover, var(--syn-color-neutral-800));
+  }
+
   .option--current .option__prefix::slotted(syn-icon),
   .option--current .option__suffix::slotted(syn-icon) {
-    color: var(--syn-color-neutral-0);
+    color: var(--syn-option-icon-color-active, var(--syn-color-neutral-800));
   }
 
   /* This is needed for the highlight styling of the options in syn-combobox */
   .option__label::slotted(.syn-highlight-style) {
     background-color: transparent;
-    color: var(--syn-color-neutral-950);
+    color: unset;
     font: var(--syn-body-medium-bold);
   }
-
-  :host([aria-selected='true']) .option__label::slotted(.syn-highlight-style) {
-    color: var(--syn-color-neutral-0);
-  }
 `;
 
 export {
   option_custom_styles_default
 };
-//# sourceMappingURL=chunk.G3KRSXVI.js.map
+//# sourceMappingURL=chunk.R7DJWLTC.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/option/option.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /**\n   * The syn-option is now able to adjust its height from a parent item\n   * This is done by exposing multiple css variables to the outside:\n   *\n   * --option-min-height (defaults to 48px) The minimal height of an element\n   * --option-padding (defaults to var(--syn-spacing-small) var(--syn-spacing-medium)) The padding to use\n   * --option-font-size (defaults to var(--syn-font-size-medium)) The font size to use\n   * --option-icon-size (defaults to var(--syn-spacing-large)) The size of the checkmark\n   * \n   * See below for usage of these variables\n   */\n  .option {\n    /*\n     * #988: Brand2025 defines a small gap between options\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    font-size: var(--option-font-size, var(--syn-font-size-medium));\n\n    /* Height is dependent on line-height of .option__label, which does not fit completely to layout */\n    min-height: var(--option-min-height, var(--syn-input-height-medium));\n    outline: var(--outline) solid var(--syn-panel-background-color);\n    outline-offset: calc(var(--outline) * -1 + 1px);\n    padding: var(--option-padding, var(--syn-spacing-small) var(--syn-spacing-medium));    \n  }\n\n  .option:not(.option--current) {\n    color: var(--syn-option-color, var(--syn-typography-color-text));\n  }\n\n  .option--current,\n  .option--current.option--hover:not(.option--disabled) {\n    background-color: var(--syn-option-background-color-active, var(--syn-color-neutral-1000));\n    color: var(--syn-option-color-active, var(--syn-typography-color-text-inverted));\n  }\n\n  .option--hover:not(.option--current):not(.option--disabled) {\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\n  /** #429: Use token for opacity */\n  .option--disabled {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  .option--current.option--disabled {\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\n  .option__label {\n    line-height: var(--syn-line-height-normal);\n  }\n\n  .option__check {\n    color: var(--syn-option-check-color, var(--syn-color-primary-600));\n    font-size: var(--option-icon-size, var(--syn-spacing-large));\n  }\n\n  .option .option__check {\n    padding-inline-end: var(--syn-spacing-small);\n  }\n\n  /* Invert the check mark when keyboard navigation is used */\n  .option--current .option__check {\n    color: var(--syn-option-check-color-active, var(--syn-color-neutral-0));\n  }\n\n  .option--hover:not(.option--current) .option__check {\n    color: var(--syn-option-check-color-hover, var(--syn-color-neutral-0));\n  }\n\n  /* Use larger spacing between icons and content */\n  .option__prefix::slotted(*) {\n    margin-inline-end: var(--syn-spacing-small);\n  }\n\n  .option__suffix::slotted(*) {\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /* Set correct icon size when someone uses syn-icon in the slots */\n  .option__prefix::slotted(syn-icon),\n  .option__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color, var(--syn-typography-color-text));\n    font-size: var(--option-icon-size, var(--syn-spacing-large));\n  }\n\n  .option--hover .option__prefix::slotted(syn-icon),\n  .option--hover .option__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color-hover, var(--syn-color-neutral-800));\n  }\n\n  .option--current .option__prefix::slotted(syn-icon),\n  .option--current .option__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color-active, var(--syn-color-neutral-800));\n  }\n\n  /* This is needed for the highlight styling of the options in syn-combobox */\n  .option__label::slotted(.syn-highlight-style) {\n    background-color: transparent;\n    color: unset;\n    font: var(--syn-body-medium-bold);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,+BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.RPERBQJS.js → chunk.RLHO7YCQ.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.AHYEFRMS.js";
+} from "./chunk.XYYLDLRV.js";
 import {
   FormControlController,
   validValidityState
@@ -17,7 +17,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.LGSTTQAO.js";
+} from "./chunk.QH5ZUYLO.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -295,4 +295,4 @@ SynButton = __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.RPERBQJS.js.map
+//# sourceMappingURL=chunk.RLHO7YCQ.js.map

package/dist/chunks/{chunk.I3JBNYLI.js → chunk.RMMIN4JR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.YXMPQZRF.js";
+} from "./chunk.C2C5FC6L.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   alert_custom_styles_default
 } from "./chunk.MX72UPWV.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.I3JBNYLI.js.map
+//# sourceMappingURL=chunk.RMMIN4JR.js.map

package/dist/chunks/{chunk.DN2PRKCI.js → chunk.RMNLJFNZ.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.YXMPQZRF.js";
+} from "./chunk.C2C5FC6L.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -407,4 +407,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.DN2PRKCI.js.map
+//# sourceMappingURL=chunk.RMNLJFNZ.js.map

package/dist/chunks/{chunk.GFR3BQ3L.js → chunk.SHD3YLM3.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.UIXNC75B.js";
+} from "./chunk.7KLNLHNX.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.GFR3BQ3L.js.map
+//# sourceMappingURL=chunk.SHD3YLM3.js.map

package/dist/chunks/{chunk.GZ4Y3X3P.js → chunk.SJXVDJHY.js}

@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.GZ4Y3X3P.js.map
+//# sourceMappingURL=chunk.SJXVDJHY.js.map

package/dist/chunks/{chunk.XAH7SDV7.js → chunk.TJIYBSWN.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.PKYC7QF3.js";
 import {
   SynResizeObserver
-} from "./chunk.QXFB6AP2.js";
+} from "./chunk.IOMVSGVJ.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.YXMPQZRF.js";
+} from "./chunk.C2C5FC6L.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -24,7 +24,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass,
   __spreadValues
@@ -516,4 +516,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.XAH7SDV7.js.map
+//# sourceMappingURL=chunk.TJIYBSWN.js.map

package/dist/chunks/{chunk.QEQPGXFO.js → chunk.U4CYPRAH.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G4URZQCL.js";
 import {
   SynButtonGroup
-} from "./chunk.QBOXAVW4.js";
+} from "./chunk.XGQTQW5G.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -369,4 +369,4 @@ SynRadioGroup = __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.QEQPGXFO.js.map
+//# sourceMappingURL=chunk.U4CYPRAH.js.map

package/dist/chunks/{chunk.KCAWYV5W.js → chunk.UG7BLZWA.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.EFSUQWJZ.js";
 import {
   SynNavItem
-} from "./chunk.P5Z5W4VH.js";
+} from "./chunk.5W5BZGFR.js";
 import {
   SynDivider
-} from "./chunk.JK3KMYQY.js";
+} from "./chunk.R5KBI3BK.js";
 import {
   SynDrawer
-} from "./chunk.DN2PRKCI.js";
+} from "./chunk.RMNLJFNZ.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.LGSTTQAO.js";
+} from "./chunk.QH5ZUYLO.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.5BWVQF3K.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -349,4 +349,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.KCAWYV5W.js.map
+//# sourceMappingURL=chunk.UG7BLZWA.js.map