@synergy-design-system/components 2.50.0 → 2.52.0

package/dist/chunks/{chunk.OXMWOR62.js → chunk.CQSED2FZ.js}

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

package/dist/chunks/{chunk.BGZTAECD.js → chunk.D5PA5BUK.js}

@@ -3,25 +3,25 @@ import {
   isBlurEvent,
   isInvalidEvent,
   normalizeEventAttribute
-} from "./chunk.UX67T3LD.js";
+} from "./chunk.26GBL26O.js";
 import {
   validate_styles_default
 } from "./chunk.MVM3NN6Y.js";
 import {
   SynAlert
-} from "./chunk.2NCWSM7S.js";
-import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
+} from "./chunk.LN7X3Z23.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  enableDefaultSettings
+} from "./chunk.E5UUNP6E.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.SROUNODV.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -333,4 +333,4 @@ SynValidate = __decorateClass([
 export {
   SynValidate
 };
-//# sourceMappingURL=chunk.BGZTAECD.js.map
+//# sourceMappingURL=chunk.D5PA5BUK.js.map

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

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

package/dist/chunks/{chunk.6LBEA6MG.js → chunk.DAE5SLRA.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.BGZTAECD.js";
+} from "./chunk.D5PA5BUK.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.6LBEA6MG.js.map
+//# sourceMappingURL=chunk.DAE5SLRA.js.map

package/dist/chunks/{chunk.A4WT2CMK.js → chunk.DAEBV47L.js}

@@ -2,7 +2,7 @@ import {
   getIconLibrary,
   unwatchIcon,
   watchIcon
-} from "./chunk.KFKQ3W6V.js";
+} from "./chunk.B2CS6GGA.js";
 import {
   icon_custom_styles_default
 } from "./chunk.PJO6TM3T.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.SROUNODV.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.A4WT2CMK.js.map
+//# sourceMappingURL=chunk.DAEBV47L.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynAlert
-} from "./chunk.2NCWSM7S.js";
+} from "./chunk.LN7X3Z23.js";
 
 // src/components/alert/alert.ts
 var alert_default = SynAlert;
@@ -9,4 +9,4 @@ SynAlert.define("syn-alert");
 export {
   alert_default
 };
-//# sourceMappingURL=chunk.INNNQQAF.js.map
+//# sourceMappingURL=chunk.DAG6JWJY.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.FWDQKI6U.js → chunk.ELFCA76M.js}

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

package/dist/chunks/{chunk.SP7WOL4X.js → chunk.FCR75S6R.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.SROUNODV.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -55,4 +55,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.SP7WOL4X.js.map
+//# sourceMappingURL=chunk.FCR75S6R.js.map

package/dist/chunks/{chunk.S47HYAGR.js → chunk.FDNYQDSD.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.LERMNOLP.js";
+} from "./chunk.2ZF4FU6Z.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.S47HYAGR.js.map
+//# sourceMappingURL=chunk.FDNYQDSD.js.map

package/dist/chunks/{chunk.5GQCSCP3.js → chunk.FLFM6AX7.js}

@@ -17,18 +17,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  enableDefaultSettings
+} from "./chunk.E5UUNP6E.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.SROUNODV.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -383,4 +383,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.5GQCSCP3.js.map
+//# sourceMappingURL=chunk.FLFM6AX7.js.map

package/dist/chunks/{chunk.STWHCESJ.js → chunk.G6NFEJHR.js}

@@ -1,15 +1,15 @@
-import {
-  menu_custom_styles_default
-} from "./chunk.AVZITCPQ.js";
 import {
   menu_styles_default
 } from "./chunk.C2CWYCOU.js";
+import {
+  menu_custom_styles_default
+} from "./chunk.AVZITCPQ.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.SROUNODV.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.STWHCESJ.js.map
+//# sourceMappingURL=chunk.G6NFEJHR.js.map

package/dist/chunks/{chunk.O367ITDQ.js → chunk.GJKNRQQF.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.OKHE76L3.js";
+} from "./chunk.PPVLN3OP.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.O367ITDQ.js.map
+//# sourceMappingURL=chunk.GJKNRQQF.js.map

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

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

package/dist/chunks/{chunk.RSIKVRDV.js → chunk.HIUZU6SG.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.XOAZGX33.js";
+} from "./chunk.2UUZYM37.js";
 
 // src/components/prio-nav/prio-nav.ts
 var prio_nav_default = SynPrioNav;
@@ -9,4 +9,4 @@ SynPrioNav.define("syn-prio-nav");
 export {
   prio_nav_default
 };
-//# sourceMappingURL=chunk.RSIKVRDV.js.map
+//# sourceMappingURL=chunk.HIUZU6SG.js.map

package/dist/chunks/{chunk.YBRTRODO.js → chunk.HMCNI7NC.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.SROUNODV.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -430,4 +430,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.YBRTRODO.js.map
+//# sourceMappingURL=chunk.HMCNI7NC.js.map

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

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

package/dist/chunks/{chunk.7VPKFKTQ.js → chunk.KROMYHQB.js}

@@ -1,6 +1,6 @@
 import {
   checkbox_custom_styles_default
-} from "./chunk.Y3LNC7J6.js";
+} from "./chunk.TKNBZNA7.js";
 import {
   checkbox_styles_default
 } from "./chunk.6OX2AX3Z.js";
@@ -19,19 +19,19 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.A4WT2CMK.js";
-import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
+} from "./chunk.DAEBV47L.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  enableDefaultSettings
+} from "./chunk.E5UUNP6E.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.SROUNODV.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -267,4 +267,4 @@ SynCheckbox = __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.7VPKFKTQ.js.map
+//# sourceMappingURL=chunk.KROMYHQB.js.map

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

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

package/dist/chunks/{chunk.T5XQNXM2.js → chunk.L2B3GWRH.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.RAOPZXJL.js";
 import {
   SynDivider
-} from "./chunk.FWDQKI6U.js";
+} from "./chunk.ELFCA76M.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.SROUNODV.js";
+} from "./chunk.OLWHJDZ2.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -34,4 +34,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.T5XQNXM2.js.map
+//# sourceMappingURL=chunk.L2B3GWRH.js.map

package/dist/chunks/{chunk.G42XCHMM.js → chunk.L5MXCKFU.js}

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

package/dist/chunks/{chunk.7G2K3ZKV.js → chunk.LB7JMHY2.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.YBRTRODO.js";
+} from "./chunk.HMCNI7NC.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.7G2K3ZKV.js.map
+//# sourceMappingURL=chunk.LB7JMHY2.js.map

package/dist/chunks/{chunk.2NCWSM7S.js → chunk.LN7X3Z23.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.OKHE76L3.js";
+} from "./chunk.PPVLN3OP.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -18,27 +18,27 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
+import {
+  alert_custom_styles_default
+} from "./chunk.QBHZAR4C.js";
+import {
+  alert_styles_default
+} from "./chunk.BXY667C7.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.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.SROUNODV.js";
-import {
-  alert_custom_styles_default
-} from "./chunk.QBHZAR4C.js";
-import {
-  alert_styles_default
-} from "./chunk.BXY667C7.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.2NCWSM7S.js.map
+//# sourceMappingURL=chunk.LN7X3Z23.js.map

package/dist/chunks/{chunk.745T5LYL.js → chunk.LU7NRGJD.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.QG57QAM2.js";
+} from "./chunk.X74R5ZJW.js";
 import {
   SynPopup
-} from "./chunk.YBRTRODO.js";
+} from "./chunk.HMCNI7NC.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -51,22 +51,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.A4WT2CMK.js";
+} from "./chunk.DAEBV47L.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.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.SROUNODV.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -935,4 +935,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.745T5LYL.js.map
+//# sourceMappingURL=chunk.LU7NRGJD.js.map

package/dist/chunks/{chunk.UL4H25PQ.js → chunk.M74YP4U4.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.MJ7R4QQT.js";
 import {
   SynDivider
-} from "./chunk.FWDQKI6U.js";
+} from "./chunk.ELFCA76M.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynergyElement
-} from "./chunk.SROUNODV.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -131,4 +131,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.UL4H25PQ.js.map
+//# sourceMappingURL=chunk.M74YP4U4.js.map

package/dist/chunks/{chunk.OXFI4GTZ.js → chunk.ME6MJXI4.js}

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

package/dist/chunks/{chunk.KEC335LT.js → chunk.MILU4GX7.js}

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

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

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

package/dist/chunks/{chunk.SROUNODV.js → chunk.OLWHJDZ2.js}

@@ -81,7 +81,7 @@ var SynergyElement = class extends LitElement {
 _hasRecordedInitialProperties = new WeakMap();
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-SynergyElement.version = "2.50.0";
+SynergyElement.version = "2.52.0";
 SynergyElement.dependencies = {};
 __decorateClass([
   property()
@@ -93,4 +93,4 @@ __decorateClass([
 export {
   SynergyElement
 };
-//# sourceMappingURL=chunk.SROUNODV.js.map
+//# sourceMappingURL=chunk.OLWHJDZ2.js.map