@synergy-design-system/components 2.48.0 → 2.50.0

package/dist/chunks/{chunk.LUJ4SZ3K.js → chunk.DYW352PM.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G4URZQCL.js";
 import {
   SynButtonGroup
-} from "./chunk.LOHHSC6M.js";
+} from "./chunk.4I4JZ4GP.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -20,18 +20,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RST3JBOP.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -369,4 +369,4 @@ SynRadioGroup = __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.LUJ4SZ3K.js.map
+//# sourceMappingURL=chunk.DYW352PM.js.map

package/dist/chunks/{chunk.LOM3CE3X.js → chunk.EGLAMLL6.js}

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

package/dist/chunks/{chunk.5T3OGIGW.js → chunk.EK4TK5MY.js}

@@ -6,8 +6,8 @@ var header_styles_default = css`
   }
 
   .header {
-    background: var(--syn-color-neutral-0);
-    box-shadow: inset 0 -1px 0 0 var(--syn-color-neutral-400);
+    background: var(--syn-panel-background-color);
+    box-shadow: inset 0 -1px 0 0 var(--syn-header-border-color, var(--syn-color-neutral-400));
   }
 
   /**
@@ -39,7 +39,7 @@ var header_styles_default = css`
    */
   .header__logo ::slotted(a),
   .header__logo ::slotted(a:hover) {
-    color: var(--syn-color-primary-600);
+    color: var(--syn-logo-color, var(--syn-color-primary-600));
   }
 
   .header__logo ::slotted(a:is(:focus-visible)) {
@@ -52,7 +52,7 @@ var header_styles_default = css`
    */
   .header__logo syn-icon,
   .header__logo syn-icon::part(svg) {
-    color: var(--syn-color-primary-600);
+    color: var(--syn-logo-color, var(--syn-color-primary-600));
     height: 32px;
     width: auto;
   }
@@ -78,7 +78,7 @@ var header_styles_default = css`
   }
 
   .header__meta-navigation ::slotted(*) {
-    color: var(--syn-color-neutral-950);
+    color: var(--syn-interactive-quiet-color, var(--syn-color-neutral-950));
     display: contents;
     font-size: var(--syn-font-size-x-large);
   }
@@ -97,7 +97,7 @@ var header_styles_default = css`
     align-items: center;
     background: none;
     border: none;
-    color: var(--syn-color-neutral-950);
+    color: var(--syn-interactive-quiet-color, var(--syn-color-neutral-950));
     cursor: pointer;
     display: flex;
     font-size: var(--syn-font-size-x-large);
@@ -107,11 +107,11 @@ var header_styles_default = css`
   }
 
   .header__burger-menu-toggle:hover {
-    color: var(--syn-color-primary-600);
+    color: var(--syn-interactive-quiet-color-hover, var(--syn-color-primary-600));
   }
 
   .header__burger-menu-toggle:active {
-    color: var(--syn-color-primary-700);
+    color: var(--syn-interactive-quiet-color-active, var(--syn-color-primary-700));
   }
 
   .header__burger-menu-toggle:focus-visible {
@@ -122,12 +122,12 @@ var header_styles_default = css`
   /**
    * If the burger menu is provided, use a smaller spacing on the left side
    */
-   .header--has-burger-menu .header__content {
+  .header--has-burger-menu .header__content {
     padding-left: var(--syn-spacing-medium);
-   }
+  }
 `;
 
 export {
   header_styles_default
 };
-//# sourceMappingURL=chunk.5T3OGIGW.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.ZTCOTH4K.js → chunk.FDTHDJDI.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.RU63NG4Z.js";
+} from "./chunk.7EAYQUCY.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.ZTCOTH4K.js.map
+//# sourceMappingURL=chunk.FDTHDJDI.js.map

package/dist/chunks/{chunk.BFYYDTZG.js → chunk.FOJ2YEBE.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.ITEHTGON.js";
+} from "./chunk.CKPVWKI5.js";
 import {
   FormControlController,
   validValidityState
@@ -17,22 +17,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.HN7FWO6R.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.A4WT2CMK.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RST3JBOP.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -295,4 +295,4 @@ SynButton = __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.BFYYDTZG.js.map
+//# sourceMappingURL=chunk.FOJ2YEBE.js.map

package/dist/chunks/{chunk.HTKIHMHK.js → chunk.FOVPZIXM.js}

@@ -1,6 +1,6 @@
 import {
   breadcrumb_item_custom_styles_default
-} from "./chunk.NGIGPLN2.js";
+} from "./chunk.77CVXMWD.js";
 import {
   breadcrumb_item_styles_default
 } from "./chunk.O6ZH6AOI.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RST3JBOP.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -120,4 +120,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.HTKIHMHK.js.map
+//# sourceMappingURL=chunk.FOVPZIXM.js.map

package/dist/chunks/{chunk.56ZXVNMH.js → chunk.FWDQKI6U.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RST3JBOP.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -43,4 +43,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.56ZXVNMH.js.map
+//# sourceMappingURL=chunk.FWDQKI6U.js.map

package/dist/chunks/{chunk.75UEGX57.js → chunk.G42XCHMM.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.ZVEQBWLV.js";
+} from "./chunk.BRVPXVV7.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.75UEGX57.js.map
+//# sourceMappingURL=chunk.G42XCHMM.js.map

package/dist/chunks/{chunk.KOBEW5IA.js → chunk.G7TMUCAD.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.ALKWEG2Q.js";
+} from "./chunk.UL4H25PQ.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.KOBEW5IA.js.map
+//# sourceMappingURL=chunk.G7TMUCAD.js.map

package/dist/chunks/{chunk.KTIENVGJ.js → chunk.HLEAFE4S.js}

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

package/dist/chunks/{chunk.PGF25XPN.js → chunk.I4I6OLFF.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.LUJ4SZ3K.js";
+} from "./chunk.DYW352PM.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.PGF25XPN.js.map
+//# sourceMappingURL=chunk.I4I6OLFF.js.map

package/dist/chunks/{chunk.GFAZC54V.js → chunk.IFSMMPAK.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumbItem
-} from "./chunk.HTKIHMHK.js";
+} from "./chunk.FOVPZIXM.js";
 
 // src/components/breadcrumb-item/breadcrumb-item.ts
 var breadcrumb_item_default = SynBreadcrumbItem;
@@ -9,4 +9,4 @@ SynBreadcrumbItem.define("syn-breadcrumb-item");
 export {
   breadcrumb_item_default
 };
-//# sourceMappingURL=chunk.GFAZC54V.js.map
+//# sourceMappingURL=chunk.IFSMMPAK.js.map

package/dist/chunks/{chunk.W6P3MK5Z.js → chunk.IHQUHDSE.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RST3JBOP.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.W6P3MK5Z.js.map
+//# sourceMappingURL=chunk.IHQUHDSE.js.map

package/dist/chunks/{chunk.UWJ6YGC3.js → chunk.INNNQQAF.js}

@@ -1,6 +1,6 @@
 import {
   SynAlert
-} from "./chunk.AHE7L3HI.js";
+} from "./chunk.2NCWSM7S.js";
 
 // src/components/alert/alert.ts
 var alert_default = SynAlert;
@@ -9,4 +9,4 @@ SynAlert.define("syn-alert");
 export {
   alert_default
 };
-//# sourceMappingURL=chunk.UWJ6YGC3.js.map
+//# sourceMappingURL=chunk.INNNQQAF.js.map

package/dist/chunks/{chunk.JBZKDSEY.js → chunk.IW36N4TL.js}

@@ -1,6 +1,6 @@
 import {
   SynCheckbox
-} from "./chunk.75S4MZBL.js";
+} from "./chunk.7VPKFKTQ.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SynCheckbox;
@@ -9,4 +9,4 @@ SynCheckbox.define("syn-checkbox");
 export {
   checkbox_default
 };
-//# sourceMappingURL=chunk.JBZKDSEY.js.map
+//# sourceMappingURL=chunk.IW36N4TL.js.map

package/dist/chunks/{chunk.GE5LX3JO.js → chunk.JAYLDZH3.js}

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

package/dist/chunks/{chunk.ZEEQIORC.js → chunk.JJGAP7RF.js}

@@ -17,18 +17,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RST3JBOP.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.ZEEQIORC.js.map
+//# sourceMappingURL=chunk.JJGAP7RF.js.map

package/dist/chunks/{chunk.RLUSWLPN.js → chunk.JSNF7QDZ.js}

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

package/dist/chunks/{chunk.ISK3EBLR.js → chunk.JY5KRR4K.js}

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

package/dist/chunks/{chunk.5M43Z7OF.js → chunk.KEC335LT.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.ZEEQIORC.js";
+} from "./chunk.JJGAP7RF.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.5M43Z7OF.js.map
+//# sourceMappingURL=chunk.KEC335LT.js.map

package/dist/chunks/{chunk.UYWIJUTV.js → chunk.KJIDHOEM.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.SC5IYJLL.js";
+} from "./chunk.OKHE76L3.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RST3JBOP.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.UYWIJUTV.js.map
+//# sourceMappingURL=chunk.KJIDHOEM.js.map

package/dist/chunks/{chunk.YMBIK7W3.js → chunk.L3CXKF5J.js}

@@ -1,24 +1,24 @@
 import {
   header_styles_default
-} from "./chunk.5T3OGIGW.js";
+} from "./chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunk.XA3IBDMZ.js";
+} from "./chunk.U5FHHPB5.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RST3JBOP.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -206,4 +206,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.YMBIK7W3.js.map
+//# sourceMappingURL=chunk.L3CXKF5J.js.map

package/dist/chunks/{chunk.HFWTU4WB.js → chunk.L765ZHFF.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G76BKD7B.js";
 import {
   SynPopup
-} from "./chunk.N2VD6NFB.js";
+} from "./chunk.YBRTRODO.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -22,18 +22,18 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.7JGKUB4A.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RST3JBOP.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -385,4 +385,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.HFWTU4WB.js.map
+//# sourceMappingURL=chunk.L765ZHFF.js.map

package/dist/chunks/{chunk.OKQWN2DP.js → chunk.LERMNOLP.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.SC5IYJLL.js";
+} from "./chunk.OKHE76L3.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -31,18 +31,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RST3JBOP.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -407,4 +407,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.OKQWN2DP.js.map
+//# sourceMappingURL=chunk.LERMNOLP.js.map

package/dist/chunks/{chunk.YMHUJGUW.js → chunk.LHBVT2U7.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.GFNWFPYI.js";
+} from "./chunk.2FUYBO4O.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.YMHUJGUW.js.map
+//# sourceMappingURL=chunk.LHBVT2U7.js.map

package/dist/chunks/{chunk.JN6SO3NO.js → chunk.LNEBV5M5.js}

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

package/dist/chunks/{chunk.7HNOMAP4.js → chunk.MEPFK4A6.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.UYWIJUTV.js";
+} from "./chunk.KJIDHOEM.js";
 import {
   compareValues,
   isAllowedValue
@@ -13,7 +13,7 @@ import {
 } from "./chunk.XTWO6ZZW.js";
 import {
   SynPopup
-} from "./chunk.N2VD6NFB.js";
+} from "./chunk.YBRTRODO.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -40,22 +40,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.HN7FWO6R.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.A4WT2CMK.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.RST3JBOP.js";
+} from "./chunk.SROUNODV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -879,4 +879,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.7HNOMAP4.js.map
+//# sourceMappingURL=chunk.MEPFK4A6.js.map