@synergy-design-system/components 2.68.0 → 2.69.0

package/dist/chunks/{chunk.6TXRZZRH.js → chunk.KJKXMRGM.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.74N5WLM5.js";
 import {
   SynNavItem
-} from "./chunk.P5Z5W4VH.js";
+} from "./chunk.HGIWZAAQ.js";
 import {
   SynMenu
-} from "./chunk.5LWCJPWK.js";
+} from "./chunk.V5UBDZIV.js";
 import {
   SynDropdown
-} from "./chunk.GUB5H6AT.js";
+} from "./chunk.J3M5OC76.js";
 import {
   SynIcon
-} from "./chunk.LGSTTQAO.js";
+} from "./chunk.YUWOVCYX.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.AJ4C6ZUX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.6TXRZZRH.js.map
+//# sourceMappingURL=chunk.KJKXMRGM.js.map

package/dist/chunks/{chunk.A3AOEMAL.js → chunk.KJQARAIM.js}

@@ -1,6 +1,6 @@
 import {
   SynFile
-} from "./chunk.G6ZK3DA7.js";
+} from "./chunk.GTIQNRYF.js";
 
 // src/components/file/file.ts
 var file_default = SynFile;
@@ -9,4 +9,4 @@ SynFile.define("syn-file");
 export {
   file_default
 };
-//# sourceMappingURL=chunk.A3AOEMAL.js.map
+//# sourceMappingURL=chunk.KJQARAIM.js.map

package/dist/chunks/{chunk.NFAZPKSI.js → chunk.KWCADW5G.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.CW5MFA6D.js";
+} from "./chunk.YRUZRVQC.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.NFAZPKSI.js.map
+//# sourceMappingURL=chunk.KWCADW5G.js.map

package/dist/chunks/{chunk.IBW3FPZ7.js → chunk.KZL3QIE4.js}

@@ -1,6 +1,6 @@
 import {
   SynRange
-} from "./chunk.PKLT3XWH.js";
+} from "./chunk.J54IGFSN.js";
 
 // src/components/range/range.ts
 var range_default = SynRange;
@@ -9,4 +9,4 @@ SynRange.define("syn-range");
 export {
   range_default
 };
-//# sourceMappingURL=chunk.IBW3FPZ7.js.map
+//# sourceMappingURL=chunk.KZL3QIE4.js.map

package/dist/chunks/{chunk.SOP7P2IM.js → chunk.L2Z5L3ZF.js}

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

package/dist/chunks/{chunk.EC7JUJG5.js → chunk.L64IEHBD.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.GZ4Y3X3P.js";
+} from "./chunk.QEWFQ4YU.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.EC7JUJG5.js.map
+//# sourceMappingURL=chunk.L64IEHBD.js.map

package/dist/chunks/{chunk.TYWMXQUB.js → chunk.LQPPJTWA.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.NEDQHJJE.js";
+} from "./chunk.QVRDABLT.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.TYWMXQUB.js.map
+//# sourceMappingURL=chunk.LQPPJTWA.js.map

package/dist/chunks/{chunk.F4VTOOEJ.js → chunk.LRFK2SKK.js}

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

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

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

package/dist/chunks/{chunk.RPERBQJS.js → chunk.MQK2OKFA.js}

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

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

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.DN2PRKCI.js";
+} from "./chunk.EQDRZGD6.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.NCSH4ROH.js.map

package/dist/chunks/{chunk.PJ2UMART.js → chunk.NYFVGD4T.js}

@@ -19,7 +19,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.LGSTTQAO.js";
+} from "./chunk.YUWOVCYX.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.AJ4C6ZUX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -267,4 +267,4 @@ SynCheckbox = __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.PJ2UMART.js.map
+//# sourceMappingURL=chunk.NYFVGD4T.js.map

package/dist/chunks/{chunk.C3RGOPZE.js → chunk.OHKR3AP3.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.CK7KCYMT.js";
+} from "./chunk.FYVYGXL7.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.C3RGOPZE.js.map
+//# sourceMappingURL=chunk.OHKR3AP3.js.map

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

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

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

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

package/dist/chunks/{chunk.7342HRPY.js → chunk.QH4E7254.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.LGSTTQAO.js";
+} from "./chunk.YUWOVCYX.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.AJ4C6ZUX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.7342HRPY.js.map
+//# sourceMappingURL=chunk.QH4E7254.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.UIXNC75B.js";
+} from "./chunk.GU3LJCSZ.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.QLEB5FN4.js.map

package/dist/chunks/{chunk.YEPGZEGL.js → chunk.QPJSR64I.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.P5Z5W4VH.js";
+} from "./chunk.HGIWZAAQ.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.YEPGZEGL.js.map
+//# sourceMappingURL=chunk.QPJSR64I.js.map

package/dist/chunks/{chunk.NEDQHJJE.js → chunk.QVRDABLT.js}

@@ -1,6 +1,3 @@
-import {
-  accordion_styles_default
-} from "./chunk.WNUZ6LH4.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -12,7 +9,10 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.AJ4C6ZUX.js";
+import {
+  accordion_styles_default
+} from "./chunk.WNUZ6LH4.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -111,4 +111,4 @@ SynAccordion = __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.NEDQHJJE.js.map
+//# sourceMappingURL=chunk.QVRDABLT.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.SUWUL4JS.js → chunk.RLCKZDNW.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.QEQPGXFO.js";
+} from "./chunk.DIZPR4UK.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.SUWUL4JS.js.map
+//# sourceMappingURL=chunk.RLCKZDNW.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.JWKLIXPV.js";
+} from "./chunk.XKWZ7GFA.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.SC53WP5D.js.map

package/dist/chunks/{chunk.YXMPQZRF.js → chunk.SLTOBVBL.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.E3Z62YYT.js";
 import {
   SynIcon
-} from "./chunk.LGSTTQAO.js";
+} from "./chunk.YUWOVCYX.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.AJ4C6ZUX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.YXMPQZRF.js.map
+//# sourceMappingURL=chunk.SLTOBVBL.js.map

package/dist/chunks/{chunk.AHYEFRMS.js → chunk.SMFSDEEQ.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.AJ4C6ZUX.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.AHYEFRMS.js.map
+//# sourceMappingURL=chunk.SMFSDEEQ.js.map

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

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

package/dist/chunks/{chunk.T3YKC4OU.js → chunk.T7QLW4WH.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.5LWCJPWK.js";
+} from "./chunk.V5UBDZIV.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.T3YKC4OU.js.map
+//# sourceMappingURL=chunk.T7QLW4WH.js.map

package/dist/chunks/{chunk.KRYNAOZ3.js → chunk.TOGTDDXO.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.O644HRW3.js";
 import {
   SynPopup
-} from "./chunk.6ETSHLH4.js";
+} from "./chunk.K6D7S3YG.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.V2PW5YGW.js";
+} from "./chunk.AJ4C6ZUX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -275,4 +275,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.KRYNAOZ3.js.map
+//# sourceMappingURL=chunk.TOGTDDXO.js.map

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.YXMPQZRF.js";
+} from "./chunk.SLTOBVBL.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.MX72UPWV.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.V2PW5YGW.js";
-import {
-  alert_custom_styles_default
-} from "./chunk.MX72UPWV.js";
-import {
-  alert_styles_default
-} from "./chunk.BXY667C7.js";
+} from "./chunk.AJ4C6ZUX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.I3JBNYLI.js.map
+//# sourceMappingURL=chunk.UCNMHEPF.js.map

package/dist/chunks/{chunk.CB3HTBCC.js → chunk.V2U4K7OC.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.JK3KMYQY.js";
+} from "./chunk.OMV7GVII.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.CB3HTBCC.js.map
+//# sourceMappingURL=chunk.V2U4K7OC.js.map