@synergy-design-system/components 2.49.0 → 2.51.0

package/dist/chunks/{chunk.E7BUQNQO.js → chunk.CFPMB4CS.js}

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

package/dist/chunks/{chunk.W65INGIM.js → chunk.CJYVKD56.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.W65INGIM.js.map
+//# sourceMappingURL=chunk.CJYVKD56.js.map

package/dist/chunks/{chunk.ZCCH7IBZ.js → chunk.CUZNUGSE.js}

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

package/dist/chunks/{chunk.CABG57FG.js → chunk.DAXSFBEF.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.KCVDLTXN.js";
+} from "./chunk.WDUFOY3W.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.CABG57FG.js.map
+//# sourceMappingURL=chunk.DAXSFBEF.js.map

package/dist/chunks/{chunk.Q2IZZCKE.js → chunk.DHRVDTMK.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.LCILZ6ML.js";
+} from "./chunk.IQAOD3RJ.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.Q2IZZCKE.js.map
+//# sourceMappingURL=chunk.DHRVDTMK.js.map

package/dist/chunks/{chunk.JR3EOIU6.js → chunk.DM5YNGMN.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.MJ7R4QQT.js";
 import {
   SynDivider
-} from "./chunk.CFZ7E5WY.js";
+} from "./chunk.VLKZ36WS.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -131,4 +131,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.JR3EOIU6.js.map
+//# sourceMappingURL=chunk.DM5YNGMN.js.map

package/dist/chunks/{chunk.YST4XUIG.js → chunk.E3Z62YYT.js}

@@ -16,7 +16,7 @@ var icon_button_custom_styles_default = css`
 
   /* Remove round borders */
   .icon-button:focus-visible {
-    border-radius: var(--syn-border-radius-none);
+    border-radius: var(--syn-icon-button-focus-ring-border-radius, var(--syn-border-radius-none));
   }
 
   /* Colors */
@@ -26,20 +26,31 @@ var icon_button_custom_styles_default = css`
 
   :host([color="primary"]),
   :host([color="primary"]) .icon-button:focus-visible:not(.icon-button--disabled) {
-    color: var(--syn-color-primary-600);
+    color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
   }
 
   :host([color="primary"]) .icon-button:hover:not(.icon-button--disabled) {
-    color: var(--syn-color-primary-900);
+    color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));
   }
 
   :host([color="primary"]) .icon-button:active:not(.icon-button--disabled) {
-    color: var(--syn-color-primary-950);
+    color: var(--syn-interactive-emphasis-color-active, var(--syn-color-primary-950));
+  }
+
+  :host([color="neutral"]) {
+    color: var(--syn-interactive-quiet-color, var(--syn-typography-color-text));
+  }
+
+  :host([color="neutral"]) .icon-button:hover:not(.icon-button--disabled) {
+    color: var(--syn-interactive-quiet-color-hover, var(--syn-color-primary-600));
+  }
+
+  :host([color="neutral"]) .icon-button:active:not(.icon-button--disabled) {
+    color: var(--syn-interactive-quiet-color-active, var(--syn-color-primary-700));
   }
 
-  :host([color="neutral"]),
   :host([color="neutral"]) .icon-button:focus-visible:not(.icon-button--disabled):not(:hover) {
-    color: var(--syn-color-neutral-950);
+    color: var(--syn-interactive-quiet-color, var(--syn-typography-color-text));
   }
 
   /* Sizes */
@@ -70,4 +81,4 @@ var icon_button_custom_styles_default = css`
 export {
   icon_button_custom_styles_default
 };
-//# sourceMappingURL=chunk.YST4XUIG.js.map
+//# sourceMappingURL=chunk.E3Z62YYT.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/icon-button/icon-button.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .icon-button {\n    border-radius: 0;\n    color: currentColor;\n    font-size: inherit;\n  }\n\n  .icon-button--disabled {\n    color: var(--syn-color-neutral-400);\n\n    /** #429: Use token for opacity */\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /* Remove round borders */\n  .icon-button:focus-visible {\n    border-radius: var(--syn-icon-button-focus-ring-border-radius, var(--syn-border-radius-none));\n  }\n\n  /* Colors */\n  :host([color=\"currentColor\"]) {\n    color: currentColor;\n  }\n\n  :host([color=\"primary\"]),\n  :host([color=\"primary\"]) .icon-button:focus-visible:not(.icon-button--disabled) {\n    color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n  }\n\n  :host([color=\"primary\"]) .icon-button:hover:not(.icon-button--disabled) {\n    color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));\n  }\n\n  :host([color=\"primary\"]) .icon-button:active:not(.icon-button--disabled) {\n    color: var(--syn-interactive-emphasis-color-active, var(--syn-color-primary-950));\n  }\n\n  :host([color=\"neutral\"]) {\n    color: var(--syn-interactive-quiet-color, var(--syn-typography-color-text));\n  }\n\n  :host([color=\"neutral\"]) .icon-button:hover:not(.icon-button--disabled) {\n    color: var(--syn-interactive-quiet-color-hover, var(--syn-color-primary-600));\n  }\n\n  :host([color=\"neutral\"]) .icon-button:active:not(.icon-button--disabled) {\n    color: var(--syn-interactive-quiet-color-active, var(--syn-color-primary-700));\n  }\n\n  :host([color=\"neutral\"]) .icon-button:focus-visible:not(.icon-button--disabled):not(:hover) {\n    color: var(--syn-interactive-quiet-color, var(--syn-typography-color-text));\n  }\n\n  /* Sizes */\n  .icon-button--small {\n    font-size: var(--syn-font-size-medium);\n  }\n\n  .icon-button--medium {\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  .icon-button--large {\n    font-size: var(--syn-font-size-2x-large);\n  }\n\n  /* Force user to set \"label\" prop */\n  .icon-button[aria-label=\"\"] {\n    border: var(--syn-border-width-large) var(--syn-color-error-600) solid;\n  }\n\n  .icon-button[aria-label=\"\"]::after {\n    content: \"Set label prop for a11y to get rid of this text and border!\";\n    font-size: var(--syn-font-size-2x-small);\n    margin-left: var(--syn-spacing-2x-small);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,oCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.PKWF5OH4.js → chunk.EK4TK5MY.js}

@@ -44,7 +44,6 @@ var header_styles_default = css`
 
   .header__logo ::slotted(a:is(:focus-visible)) {
     outline: var(--syn-focus-ring);
-    outline-color: var(--syn-logo-color, var(--syn-focus-ring-color));
     outline-offset: var(--syn-focus-ring-offset);
   }
 
@@ -131,4 +130,4 @@ var header_styles_default = css`
 export {
   header_styles_default
 };
-//# sourceMappingURL=chunk.PKWF5OH4.js.map
+//# sourceMappingURL=chunk.EK4TK5MY.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/header/header.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .header {\n    background: var(--syn-panel-background-color);\n    box-shadow: inset 0 -1px 0 0 var(--syn-header-border-color, var(--syn-color-neutral-400));\n  }\n\n  /**\n   * The primary content area displays one to many slotted items\n   * and contains the following items:\n   * - side nav state icon (OPTIONAL)\n   * - company or application logo\n   * - application name\n   * - meta-navigation\n   */\n  .header__content {\n    align-items: center;\n    box-sizing: content-box;\n    display: flex;\n    min-height: 40px;\n    padding: var(--syn-spacing-small) var(--syn-spacing-large);\n  }\n\n  /**\n   * The logo slot includes the application or company logo\n   */\n  .header__logo ::slotted(*),\n  .header__logo syn-icon {\n    display: block;\n  }\n\n  /**\n   * Make sure to use the correct color and outline for links\n   */\n  .header__logo ::slotted(a),\n  .header__logo ::slotted(a:hover) {\n    color: var(--syn-logo-color, var(--syn-color-primary-600));\n  }\n\n  .header__logo ::slotted(a:is(:focus-visible)) {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /**\n   * Styles for the default logo. This makes sure the default SICK logo has the correct size and color\n   */\n  .header__logo syn-icon,\n  .header__logo syn-icon::part(svg) {\n    color: var(--syn-logo-color, var(--syn-color-primary-600));\n    height: 32px;\n    width: auto;\n  }\n\n  /**\n   * The label section hosts the application name\n   */\n  .header__label {\n    color: var(--syn-typography-color-text);\n    font: var(--syn-body-large-bold);\n    padding: 0 var(--syn-spacing-2x-large);\n    white-space: nowrap;\n  }\n\n  /**\n   * The options menu holds an arbitrary list of <syn-icon-button />\n   */\n  .header__meta-navigation {\n    display: flex;\n    flex: 1;\n    gap: var(--syn-spacing-x-small);\n    justify-content: end;\n  }\n\n  .header__meta-navigation ::slotted(*) {\n    color: var(--syn-interactive-quiet-color, var(--syn-color-neutral-950));\n    display: contents;\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  /**\n   * The horizontal top navigation section\n   */\n  .header__navigation {\n    padding: 0 var(--syn-spacing-large);\n  }\n\n  /**\n   * The burger menu icon styles\n   */\n  .header__burger-menu-toggle {\n    align-items: center;\n    background: none;\n    border: none;\n    color: var(--syn-interactive-quiet-color, var(--syn-color-neutral-950));\n    cursor: pointer;\n    display: flex;\n    font-size: var(--syn-font-size-x-large);\n    margin-right: calc(var(--syn-spacing-medium) + var(--syn-spacing-2x-small));\n    padding: var(--syn-spacing-x-small);\n    transition: var(--syn-transition-x-fast) color;\n  }\n\n  .header__burger-menu-toggle:hover {\n    color: var(--syn-interactive-quiet-color-hover, var(--syn-color-primary-600));\n  }\n\n  .header__burger-menu-toggle:active {\n    color: var(--syn-interactive-quiet-color-active, var(--syn-color-primary-700));\n  }\n\n  .header__burger-menu-toggle:focus-visible {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /**\n   * If the burger menu is provided, use a smaller spacing on the left side\n   */\n  .header--has-burger-menu .header__content {\n    padding-left: var(--syn-spacing-medium);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,wBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.EFKMINFI.js → chunk.EKOKWRVX.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.HA7TCHN3.js";
+} from "./chunk.YQBCJNL6.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.EFKMINFI.js.map
+//# sourceMappingURL=chunk.EKOKWRVX.js.map

package/dist/chunks/{chunk.7UQQKTVF.js → chunk.FQD362OC.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.FCOXMGDA.js";
+} from "./chunk.QYUDHVV2.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.7UQQKTVF.js.map
+//# sourceMappingURL=chunk.FQD362OC.js.map

package/dist/chunks/{chunk.OZBIXWLQ.js → chunk.FWVU4N5G.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.KCVDLTXN.js";
+} from "./chunk.WDUFOY3W.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.OZBIXWLQ.js.map
+//# sourceMappingURL=chunk.FWVU4N5G.js.map

package/dist/chunks/{chunk.6EKLVPT3.js → chunk.GJFAPJAS.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.6EKLVPT3.js.map
+//# sourceMappingURL=chunk.GJFAPJAS.js.map

package/dist/chunks/{chunk.FXII2YMR.js → chunk.GXYP2ATT.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.O644HRW3.js";
 import {
   SynPopup
-} from "./chunk.RWFBTXXG.js";
+} from "./chunk.OANTS5T7.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -275,4 +275,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.FXII2YMR.js.map
+//# sourceMappingURL=chunk.GXYP2ATT.js.map

package/dist/chunks/{chunk.P6FVKDFM.js → chunk.GZO53OKW.js}

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

package/dist/chunks/{chunk.2SGR2LUD.js → chunk.HAJ6OJGW.js}

@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.2SGR2LUD.js.map
+//# sourceMappingURL=chunk.HAJ6OJGW.js.map

package/dist/chunks/{chunk.HBDXU52C.js → chunk.I3LFLOQE.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.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.HBDXU52C.js.map
+//# sourceMappingURL=chunk.I3LFLOQE.js.map

package/dist/chunks/{chunk.CZDS5U7Z.js → chunk.ICEWFJLB.js}

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

package/dist/chunks/{chunk.LCILZ6ML.js → chunk.IQAOD3RJ.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.LCILZ6ML.js.map
+//# sourceMappingURL=chunk.IQAOD3RJ.js.map

package/dist/chunks/{chunk.EHIG5WTU.js → chunk.IWTBUI6N.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.FWLUR33I.js";
 import {
   SynNavItem
-} from "./chunk.JY4UI66L.js";
+} from "./chunk.ZKMADDTN.js";
 import {
   SynDivider
-} from "./chunk.CFZ7E5WY.js";
+} from "./chunk.VLKZ36WS.js";
 import {
   SynDrawer
-} from "./chunk.RIAMORXC.js";
+} from "./chunk.YEIPAGAI.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.AJVSCBE3.js";
+} from "./chunk.UHRCPR33.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -349,4 +349,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.EHIG5WTU.js.map
+//# sourceMappingURL=chunk.IWTBUI6N.js.map

package/dist/chunks/{chunk.5YMXKNYH.js → chunk.J7AVK7JE.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.3ETPIAX5.js";
+} from "./chunk.UX7KGFYW.js";
 
 // src/components/tab-panel/tab-panel.ts
 var tab_panel_default = SynTabPanel;
@@ -9,4 +9,4 @@ SynTabPanel.define("syn-tab-panel");
 export {
   tab_panel_default
 };
-//# sourceMappingURL=chunk.5YMXKNYH.js.map
+//# sourceMappingURL=chunk.J7AVK7JE.js.map

package/dist/chunks/{chunk.6GI7DJIT.js → chunk.JAKUUEUT.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.7F3UUUQG.js";
+} from "./chunk.JWIK5OC3.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.6GI7DJIT.js.map
+//# sourceMappingURL=chunk.JAKUUEUT.js.map

package/dist/chunks/{chunk.7F3UUUQG.js → chunk.JWIK5OC3.js}

@@ -1,9 +1,9 @@
 import {
   header_styles_default
-} from "./chunk.PKWF5OH4.js";
+} from "./chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunk.7MQVIJSD.js";
+} from "./chunk.2OVADXY3.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -206,4 +206,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.7F3UUUQG.js.map
+//# sourceMappingURL=chunk.JWIK5OC3.js.map

package/dist/chunks/{chunk.ZXRR45B6.js → chunk.KPSWMZK5.js}

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

package/dist/chunks/{chunk.QA6AFDTO.js → chunk.KXAYGZXH.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -111,4 +111,4 @@ SynAccordion = __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.QA6AFDTO.js.map
+//# sourceMappingURL=chunk.KXAYGZXH.js.map

package/dist/chunks/{chunk.2D25YSSN.js → chunk.KXH3W6DJ.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -66,4 +66,4 @@ SynBadge = __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.2D25YSSN.js.map
+//# sourceMappingURL=chunk.KXH3W6DJ.js.map

package/dist/chunks/{chunk.GNBB27YV.js → chunk.LC6ZT46B.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.XKOSP4J5.js";
+} from "./chunk.4IUOCZAZ.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.GNBB27YV.js.map
+//# sourceMappingURL=chunk.LC6ZT46B.js.map

package/dist/chunks/{chunk.WKI4Y3B2.js → chunk.LSLWWIBP.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -89,4 +89,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.WKI4Y3B2.js.map
+//# sourceMappingURL=chunk.LSLWWIBP.js.map

package/dist/chunks/{chunk.66SBQU2J.js → chunk.LW7DVAP2.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.UCM4XBMO.js";
+} from "./chunk.BAUWU6JZ.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.66SBQU2J.js.map
+//# sourceMappingURL=chunk.LW7DVAP2.js.map

package/dist/chunks/{chunk.OHKQ4EAU.js → chunk.M2537M5M.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.OHKQ4EAU.js.map
+//# sourceMappingURL=chunk.M2537M5M.js.map

package/dist/chunks/{chunk.IF6GNCAP.js → chunk.MNQGTWM3.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G76BKD7B.js";
 import {
   SynPopup
-} from "./chunk.RWFBTXXG.js";
+} from "./chunk.OANTS5T7.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -385,4 +385,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.IF6GNCAP.js.map
+//# sourceMappingURL=chunk.MNQGTWM3.js.map

package/dist/chunks/{chunk.6LRROIZ3.js → chunk.MOL46D5E.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.W2MLO5XY.js";
+} from "./chunk.4S4FEKQ2.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.6LRROIZ3.js.map
+//# sourceMappingURL=chunk.MOL46D5E.js.map

package/dist/chunks/{chunk.6KK62OEN.js → chunk.MTSL4XY6.js}

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

package/dist/chunks/{chunk.THNPEIXW.js → chunk.MTWQZUBQ.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G4URZQCL.js";
 import {
   SynButton
-} from "./chunk.XKOSP4J5.js";
+} from "./chunk.4IUOCZAZ.js";
 import {
   FormControlController
 } from "./chunk.HP2LEQRU.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.AJVSCBE3.js";
+} from "./chunk.UHRCPR33.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.AOPHACUY.js";
+} from "./chunk.7GXUXQCJ.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -534,4 +534,4 @@ setDefaultAnimation("file.text.appear", {
 export {
   SynFile
 };
-//# sourceMappingURL=chunk.THNPEIXW.js.map
+//# sourceMappingURL=chunk.MTWQZUBQ.js.map