@synergy-design-system/components 2.77.1 → 3.0.0

package/dist/chunks/{chunk.PYW5SSBY.js → chunk.QXZFSE4T.js}

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

package/dist/chunks/{chunk.FPEZO62Q.js → chunk.R4FCX5PU.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.KNUV2HA6.js";
+} from "./chunk.HXLRLIDZ.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.FPEZO62Q.js.map
+//# sourceMappingURL=chunk.R4FCX5PU.js.map

package/dist/chunks/{chunk.SQMVO2BA.js → chunk.R5WFWL7W.js}

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

package/dist/chunks/{chunk.NRCH63KS.js → chunk.RBOU3KVS.js}

@@ -1,24 +1,24 @@
 import {
   tag_custom_styles_default
-} from "./chunk.2NIFD3YE.js";
+} from "./chunk.HU237XM2.js";
 import {
   tag_styles_default
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.3R55CWLN.js";
+} from "./chunk.K5VB7VKA.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
-} from "./chunk.ZNNZXEP4.js";
+} from "./chunk.KSWDM4HW.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QF6ODD6S.js";
+} from "./chunk.JG7YXWHG.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.NRCH63KS.js.map
+//# sourceMappingURL=chunk.RBOU3KVS.js.map

package/dist/chunks/{chunk.NQAIJI6C.js → chunk.RV5JERXK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.JKSFECFA.js";
 import {
   dialog_custom_styles_default
-} from "./chunk.UCLYCASW.js";
+} from "./chunk.EHZBQTCT.js";
 import {
   lockBodyScrolling,
   unlockBodyScrolling
@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.3R55CWLN.js";
+} from "./chunk.K5VB7VKA.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -31,18 +31,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  LocalizeController
-} from "./chunk.OAQRCZOO.js";
 import {
   watch
 } from "./chunk.JE5Y2YD7.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QF6ODD6S.js";
+} from "./chunk.JG7YXWHG.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.NQAIJI6C.js.map
+//# sourceMappingURL=chunk.RV5JERXK.js.map

package/dist/chunks/{chunk.2ZMXABWX.js → chunk.SA423NRC.js}

@@ -13,28 +13,28 @@ var badge_custom_styles_default = css`
 
   /* Variant modifiers */
   .badge--primary {
-    background-color: var(--syn-badge-informative-color-background, var(--syn-color-primary-600));
-    color: var(--syn-badge-informative-color-text, var(--syn-typography-color-text-inverted));
+    background-color: var(--syn-badge-informative-color-background);
+    color: var(--syn-badge-informative-color-text);
   }
 
   .badge--success {
-    background-color: var(--syn-badge-success-color-background, var(--syn-color-success-500));
-    color: var(--syn-badge-success-color-text, var(--syn-typography-color-text));
+    background-color: var(--syn-badge-success-color-background);
+    color: var(--syn-badge-success-color-text);
   }
 
   .badge--neutral {
-    background-color: var(--syn-badge-neutral-color-background, var(--syn-color-neutral-800));
-    color: var(--syn-badge-neutral-color-text, var(--syn-typography-color-text-inverted));
+    background-color: var(--syn-badge-neutral-color-background);
+    color: var(--syn-badge-neutral-color-text);
   }
 
   .badge--warning {
-    background-color: var(--syn-badge-warning-color-background, var(--syn-color-warning-400));
-    color: var(--syn-badge-warning-color-text, var(--syn-typography-color-text));
+    background-color: var(--syn-badge-warning-color-background);
+    color: var(--syn-badge-warning-color-text);
   }
 
   .badge--danger {
-    background-color: var(--syn-badge-error-color-background, var(--syn-color-error-600));
-    color: var(--syn-badge-error-color-text, var(--syn-typography-color-text-inverted));
+    background-color: var(--syn-badge-error-color-background);
+    color: var(--syn-badge-error-color-text);
   }
 
   /**
@@ -64,4 +64,4 @@ var badge_custom_styles_default = css`
 export {
   badge_custom_styles_default
 };
-//# sourceMappingURL=chunk.2ZMXABWX.js.map
+//# sourceMappingURL=chunk.SA423NRC.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/badge/badge.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .badge {\n    border: none;\n    border-radius: var(--syn-border-radius-pill);\n    font: var(--syn-body-small-bold);\n    height: var(--syn-spacing-large);\n    line-height: var(--syn-spacing-large);\n    min-width: var(--syn-spacing-large);\n    padding: 0 var(--syn-spacing-x-small);\n  }\n\n  /* Variant modifiers */\n  .badge--primary {\n    background-color: var(--syn-badge-informative-color-background);\n    color: var(--syn-badge-informative-color-text);\n  }\n\n  .badge--success {\n    background-color: var(--syn-badge-success-color-background);\n    color: var(--syn-badge-success-color-text);\n  }\n\n  .badge--neutral {\n    background-color: var(--syn-badge-neutral-color-background);\n    color: var(--syn-badge-neutral-color-text);\n  }\n\n  .badge--warning {\n    background-color: var(--syn-badge-warning-color-background);\n    color: var(--syn-badge-warning-color-text);\n  }\n\n  .badge--danger {\n    background-color: var(--syn-badge-error-color-background);\n    color: var(--syn-badge-error-color-text);\n  }\n\n  /**\n   * Special treatment: If the badge is empty, show it as a dot only\n   */\n  :host(:empty) .badge {\n    height: var(--syn-spacing-x-small);\n    min-width: initial;\n    padding: 0;\n    width: var(--syn-spacing-x-small);\n  }\n\n  .visually-hidden {\n    border: 0;\n    /* stylelint-disable-next-line property-no-deprecated */\n    clip: rect(0, 0, 0, 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,8BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.EWKVHJPJ.js → chunk.SEYI7UTA.js}

@@ -71,24 +71,24 @@ var button_custom_styles_default = css`
    * Size modifiers
    */
   .button--small {
-    border-radius: var(--syn-button-border-radius-small, var(--syn-input-border-radius-small));
+    border-radius: var(--syn-button-border-radius-small);
   }
 
   .button--medium {
-    border-radius: var(--syn-button-border-radius-medium, var(--syn-input-border-radius-medium));
+    border-radius: var(--syn-button-border-radius-medium);
   }
 
   .button--large {
-    border-radius: var(--syn-button-border-radius-large, var(--syn-input-border-radius-large));
+    border-radius: var(--syn-button-border-radius-large);
   }
 
   /*
    * Standard buttons
    */
   .button--filled.button--primary {
-    background: var(--syn-button-color, var(--syn-color-primary-600));
-    border-color: var(--syn-button-color, var(--syn-color-primary-600));
-    color: var(--syn-button-filled-color-text, var(--syn-color-neutral-0));
+    background: var(--syn-button-color);
+    border-color: var(--syn-button-color);
+    color: var(--syn-button-filled-color-text);
   }
 
   .button--filled.button--primary.button--disabled {
@@ -98,15 +98,15 @@ var button_custom_styles_default = css`
   }
 
   .button--filled.button--primary:hover:not(.button--disabled) {
-    background-color: var(--syn-button-color-hover, var(--syn-color-primary-900));
-    border-color: var(--syn-button-color-hover, var(--syn-color-primary-900));
-    color: var(--syn-button-filled-color-text-hover, var(--syn-color-neutral-0));
+    background-color: var(--syn-button-color-hover);
+    border-color: var(--syn-button-color-hover);
+    color: var(--syn-button-filled-color-text-hover);
   }
 
   .button--filled.button--primary:active:not(.button--disabled) {
-    background-color: var(--syn-button-color-active, var(--syn-color-primary-900));
-    border-color: var(--syn-button-color-active, var(--syn-color-primary-900));
-    color: var(--syn-button-filled-color-text-active, var(--syn-color-neutral-0));
+    background-color: var(--syn-button-color-active);
+    border-color: var(--syn-button-color-active);
+    color: var(--syn-button-filled-color-text-active);
   }
 
   /*
@@ -118,8 +118,8 @@ var button_custom_styles_default = css`
   }
 
   .button--outline.button--primary {
-    border-color: var(--syn-button-color, var(--syn-color-primary-600));
-    color: var(--syn-button-outline-color-text, var(--syn-color-primary-600));
+    border-color: var(--syn-button-color);
+    color: var(--syn-button-outline-color-text);
   }
 
   .button--outline.button--primary.button--disabled {
@@ -130,34 +130,34 @@ var button_custom_styles_default = css`
 
   .button--outline.button--primary:hover:not(.button--disabled),
   .button--outline.button--primary.button--checked:not(.button--disabled) {
-    background-color: var(--syn-button-outline-color-hover, var(--syn-color-primary-900));
-    border-color: var(--syn-button-outline-color-hover, var(--syn-color-primary-900));
-    color: var(--syn-button-outline-color-text-hover, var(--syn-color-neutral-0));
+    background-color: var(--syn-button-outline-color-hover);
+    border-color: var(--syn-button-outline-color-hover);
+    color: var(--syn-button-outline-color-text-hover);
   }
 
   .button--outline.button--primary:active:not(.button--disabled) {
-    background-color: var(--syn-button-outline-color-active, var(--syn-color-primary-950));
-    border-color: var(--syn-button-outline-color-active, var(--syn-color-primary-950));
-    color: var(--syn-button-outline-color-text-active, var(--syn-color-neutral-0));
+    background-color: var(--syn-button-outline-color-active);
+    border-color: var(--syn-button-outline-color-active);
+    color: var(--syn-button-outline-color-text-active);
   }
 
   /*
    * Text buttons
    */
   .button--text {
-    color: var(--syn-button-text-color-text, var(--syn-color-primary-600));
+    color: var(--syn-button-text-color-text);
   }
 
   .button--text:hover:not(.button--disabled) {
-    color: var(--syn-button-text-color-text-hover, var(--syn-color-primary-900));
+    color: var(--syn-button-text-color-text-hover);
   }
 
   .button--text:focus-visible:not(.button--disabled) {
-    color: var(--syn-button-color, var(--syn-color-primary-500));
+    color: var(--syn-button-color);
   }
 
   .button--text.button--primary:active:not(.button--disabled) {
-    color: var(--syn-button-text-color-text-active, var(--syn-color-primary-950));
+    color: var(--syn-button-text-color-text-active);
   }
 
   .button--text.button--primary.button--disabled {
@@ -233,4 +233,4 @@ var button_custom_styles_default = css`
 export {
   button_custom_styles_default
 };
-//# sourceMappingURL=chunk.EWKVHJPJ.js.map
+//# sourceMappingURL=chunk.SEYI7UTA.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/button/button.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .button {\n    font-weight: var(--syn-font-weight-bold);\n  }\n\n  .button:focus-visible {\n    outline: var(--syn-focus-ring-color) solid var(--syn-focus-ring-width);\n    outline-offset: var(--syn-focus-ring-width);\n  }\n\n  /** #429: Use token for opacity */\n  .button--disabled {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /*\n   * Adjustments for button label paddings\n   * @see https://github.com/synergy-design-system/synergy-design-system/issues/243\n   */\n  .button--has-prefix.button--small .button__label {\n    padding-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  .button--has-suffix.button--small .button__label,\n  .button--caret.button--small .button__label {\n    padding-inline-end: var(--syn-spacing-2x-small);\n  }\n\n  .button--has-prefix.button--medium .button__label {\n    padding-inline-start: var(--syn-spacing-x-small);\n  }\n\n  .button--has-suffix.button--medium .button__label,\n  .button--caret.button--medium .button__label {\n    padding-inline-end: var(--syn-spacing-x-small);\n  }\n\n  /**\n   * Icon-only buttons\n   */\n  .button--small .button__label.button__icon-only {\n    padding: 0 calc(var(--syn-spacing-x-small) + var(--syn-spacing-4x-small));\n  }\n\n  .button--small .button__label::slotted(syn-icon) {\n    font-size: var(--syn-font-size-medium);\n    vertical-align: -3px;\n  }\n\n  .button--medium .button__label.button__icon-only {\n    padding: 0 calc(var(--syn-spacing-small) - var(--syn-spacing-4x-small));\n  }\n\n  .button--medium .button__label::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n    vertical-align: -6px;\n  }\n\n  .button--large .button__label.button__icon-only {\n    padding: 0 calc(var(--syn-spacing-medium) - var(--syn-spacing-4x-small));\n  }\n\n  .button--large .button__label::slotted(syn-icon) {\n    font-size: var(--syn-font-size-2x-large);\n    vertical-align: -8px;\n  }\n\n  /**\n   * Size modifiers\n   */\n  .button--small {\n    border-radius: var(--syn-button-border-radius-small);\n  }\n\n  .button--medium {\n    border-radius: var(--syn-button-border-radius-medium);\n  }\n\n  .button--large {\n    border-radius: var(--syn-button-border-radius-large);\n  }\n\n  /*\n   * Standard buttons\n   */\n  .button--filled.button--primary {\n    background: var(--syn-button-color);\n    border-color: var(--syn-button-color);\n    color: var(--syn-button-filled-color-text);\n  }\n\n  .button--filled.button--primary.button--disabled {\n    background-color: var(--syn-color-neutral-600);\n    border-color: var(--syn-color-neutral-600);\n    color: var(--syn-typography-color-text-inverted);\n  }\n\n  .button--filled.button--primary:hover:not(.button--disabled) {\n    background-color: var(--syn-button-color-hover);\n    border-color: var(--syn-button-color-hover);\n    color: var(--syn-button-filled-color-text-hover);\n  }\n\n  .button--filled.button--primary:active:not(.button--disabled) {\n    background-color: var(--syn-button-color-active);\n    border-color: var(--syn-button-color-active);\n    color: var(--syn-button-filled-color-text-active);\n  }\n\n  /*\n   * Outline buttons\n   */\n  .button--outline {\n    /** #901: Use token for border width */\n    border-width: var(--syn-input-border-width);\n  }\n\n  .button--outline.button--primary {\n    border-color: var(--syn-button-color);\n    color: var(--syn-button-outline-color-text);\n  }\n\n  .button--outline.button--primary.button--disabled {\n    background: none;\n    border-color: var(--syn-color-neutral-600);\n    color: var(--syn-color-neutral-600);\n  }\n\n  .button--outline.button--primary:hover:not(.button--disabled),\n  .button--outline.button--primary.button--checked:not(.button--disabled) {\n    background-color: var(--syn-button-outline-color-hover);\n    border-color: var(--syn-button-outline-color-hover);\n    color: var(--syn-button-outline-color-text-hover);\n  }\n\n  .button--outline.button--primary:active:not(.button--disabled) {\n    background-color: var(--syn-button-outline-color-active);\n    border-color: var(--syn-button-outline-color-active);\n    color: var(--syn-button-outline-color-text-active);\n  }\n\n  /*\n   * Text buttons\n   */\n  .button--text {\n    color: var(--syn-button-text-color-text);\n  }\n\n  .button--text:hover:not(.button--disabled) {\n    color: var(--syn-button-text-color-text-hover);\n  }\n\n  .button--text:focus-visible:not(.button--disabled) {\n    color: var(--syn-button-color);\n  }\n\n  .button--text.button--primary:active:not(.button--disabled) {\n    color: var(--syn-button-text-color-text-active);\n  }\n\n  .button--text.button--primary.button--disabled {\n    color: var(--syn-color-neutral-600);\n  }\n\n  /**\n   * Button spacing\n   */\n  .button.button--small.button--has-label.button--has-prefix {\n    padding-inline-start: var(--syn-spacing-small);\n  }\n\n  .button.button--small.button--has-label.button--has-suffix {\n    padding-inline-end: var(--syn-spacing-small);\n  }\n\n  .button.button--small.button--has-prefix .button__prefix, \n  .button.button--small.button--has-suffix .button__suffix {\n    font-size: var(--syn-spacing-medium);\n  }\n\n  .button.button--medium.button--has-label.button--has-prefix {\n    padding-inline-start: var(--syn-spacing-medium);\n  } \n\n  .button.button--medium.button--has-label.button--has-suffix {\n    padding-inline-end: var(--syn-spacing-medium);\n  }\n\n  .button.button--medium.button--has-prefix .button__prefix, \n  .button.button--medium.button--has-suffix .button__suffix {\n    font-size: var(--syn-spacing-large);\n  }\n\n  .button.button--large.button--has-label.button--has-prefix {\n    padding-inline-start: var(--syn-spacing-large);\n  }\n\n  .button.button--large.button--has-label.button--has-prefix .button__label {\n    padding-inline-start: var(--syn-spacing-small);\n  }\n\n  .button.button--large.button--has-label.button--has-suffix {\n    padding-inline-end: var(--syn-spacing-large);\n  }\n\n  .button.button--large.button--has-label.button--has-suffix .button__label {\n    padding-inline-end: var(--syn-spacing-small);\n  }\n\n  .button.button--large.button--has-prefix .button__prefix, \n  .button.button--large.button--has-suffix .button__suffix {\n    font-size: var(--syn-font-size-2x-large);\n  }\n\n  /*\n   * Caret modifier\n   */\n  .button--caret.button--small .button__caret{\n    font-size: var(--syn-font-size-medium);\n  }\n\n  .button--caret.button--medium .button__caret{\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  .button--caret.button--large .button__caret{\n    font-size: var(--syn-font-size-2x-large);\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.T7PPSROA.js → chunk.SLDFB2O3.js}

@@ -2,25 +2,25 @@
 import { css } from "lit";
 var switch_custom_styles_default = css`
   :host([size='small']) {
-   --height: var(--syn-switch-height-small, calc(var(--syn-toggle-size-medium) + 2px));
+   --height: var(--syn-switch-height-small);
    --thumb-size: var(--syn-toggle-size-small);
-   --width: var(--syn-switch-width-small, calc((var(--height) * 2) - 6px));
+   --width: var(--syn-switch-width-small);
 
     font-size: var(--syn-input-font-size-small);
   }
 
   :host([size='medium']) {
-    --height: var(--syn-switch-height-medium, calc(var(--syn-toggle-size-medium) + 4px));
+    --height: var(--syn-switch-height-medium);
     --thumb-size: var(--syn-toggle-size-medium);
-    --width: var(--syn-switch-width-medium, calc((var(--height) * 2) - 6px));
+    --width: var(--syn-switch-width-medium);
 
     font-size: var(--syn-input-font-size-medium);
   }
 
   :host([size='large']) {
-    --height: var(--syn-switch-height-large, calc(var(--syn-toggle-size-large) + 4px));
+    --height: var(--syn-switch-height-large);
     --thumb-size: var(--syn-toggle-size-large);
-    --width: var(--syn-switch-width-large, calc((var(--height) * 2) - 6px));
+    --width: var(--syn-switch-width-large);
 
     font-size: var(--syn-input-font-size-large);
   }
@@ -58,8 +58,8 @@ var switch_custom_styles_default = css`
 
   /* Checked */
   .switch--checked .switch__control {
-    background-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
-    border-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
+    background-color: var(--syn-interactive-emphasis-color);
+    border-color: var(--syn-interactive-emphasis-color);
   }
   
   /* Hover */
@@ -74,8 +74,8 @@ var switch_custom_styles_default = css`
 
   /* Checked + hover */
   .switch.switch--checked:not(.switch--disabled):hover .switch__control {
-    background-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));
-    border-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));
+    background-color: var(--syn-interactive-emphasis-color-hover);
+    border-color: var(--syn-interactive-emphasis-color-hover);
   }
 
   .switch.switch--checked:not(.switch--disabled):hover .switch__control:hover .switch__thumb {
@@ -114,8 +114,8 @@ var switch_custom_styles_default = css`
 
   /* Checked + focus */
   .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {
-    background-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
-    border-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
+    background-color: var(--syn-interactive-emphasis-color);
+    border-color: var(--syn-interactive-emphasis-color);
     outline: var(--syn-focus-ring);
     outline-offset: var(--syn-focus-ring-offset);
   }
@@ -130,17 +130,17 @@ var switch_custom_styles_default = css`
   }
   
   :host([data-user-invalid]) .switch:not(.switch--checked):not(.switch--disabled) .switch__control {
-    background-color: var(--syn-input-border-color-focus-error, var(--syn-color-error-700));
-    border-color: var(--syn-input-border-color-focus-error, var(--syn-color-error-700));
+    background-color: var(--syn-input-border-color-focus-error);
+    border-color: var(--syn-input-border-color-focus-error);
   }
 
   :host([data-user-invalid]) .switch:not(.switch--checked):not(.switch--disabled):hover .switch__control {
-    background-color: var(--syn-input-border-color-hover, var(--syn-color-error-900));
-    border-color: var(--syn-input-border-color-hover, var(--syn-color-error-900));
+    background-color: var(--syn-input-border-color-hover);
+    border-color: var(--syn-input-border-color-hover);
   }
   `;
 
 export {
   switch_custom_styles_default
 };
-//# sourceMappingURL=chunk.T7PPSROA.js.map
+//# sourceMappingURL=chunk.SLDFB2O3.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/switch/switch.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host([size='small']) {\n   --height: var(--syn-switch-height-small);\n   --thumb-size: var(--syn-toggle-size-small);\n   --width: var(--syn-switch-width-small);\n\n    font-size: var(--syn-input-font-size-small);\n  }\n\n  :host([size='medium']) {\n    --height: var(--syn-switch-height-medium);\n    --thumb-size: var(--syn-toggle-size-medium);\n    --width: var(--syn-switch-width-medium);\n\n    font-size: var(--syn-input-font-size-medium);\n  }\n\n  :host([size='large']) {\n    --height: var(--syn-switch-height-large);\n    --thumb-size: var(--syn-toggle-size-large);\n    --width: var(--syn-switch-width-large);\n\n    font-size: var(--syn-input-font-size-large);\n  }\n\n  /** #429: Use token for opacity */\n  .switch--disabled { \n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  .switch.switch--small {\n    padding: var(--syn-spacing-2x-small) 0;\n  }\n\n  .switch.switch--medium {\n    padding: var(--syn-spacing-2x-small) 0;\n  }\n\n  .switch.switch--large {\n    padding: var(--syn-spacing-3x-small) 0;\n  }\n\n  /* Hint: can be removed, if the padding stylings for sizes from above are removed */\n  .form-control--has-help-text .switch {\n    padding-bottom: 0;\n  }\n\n  .switch__control {\n    background-color: var(--syn-input-icon-icon-clearable-color);\n    border: solid var(--syn-border-width-medium) var(--syn-input-icon-icon-clearable-color);\n  }\n\n  .switch__control .switch__thumb {\n    border: none;\n  }\n\n  /* Checked */\n  .switch--checked .switch__control {\n    background-color: var(--syn-interactive-emphasis-color);\n    border-color: var(--syn-interactive-emphasis-color);\n  }\n  \n  /* Hover */\n  .switch:not(.switch--checked):not(.switch--disabled):hover .switch__control {\n    background-color: var(--syn-input-icon-icon-clearable-color-hover);\n    border-color: var(--syn-input-icon-icon-clearable-color-hover);\n  }\n\n  .switch:not(.switch--checked):not(.switch--disabled):hover .switch__control:hover .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n  }\n\n  /* Checked + hover */\n  .switch.switch--checked:not(.switch--disabled):hover .switch__control {\n    background-color: var(--syn-interactive-emphasis-color-hover);\n    border-color: var(--syn-interactive-emphasis-color-hover);\n  }\n\n  .switch.switch--checked:not(.switch--disabled):hover .switch__control:hover .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n  }\n\n  /*\n   * #443: Add active styles\n   * The checked and unchecked states have different active colors\n   * Note the fallback is defined to match the hover color.\n   * This is done to make sure no active state is shown at all if no active color is defined.\n   * Still better than showing one for the unchecked state but not for the checked state.\n   */\n  .switch:not(.switch--checked):not(.switch--disabled):active .switch__control {\n    background: var(--syn-input-icon-icon-clearable-color-active);\n    border-color: var(--syn-input-icon-icon-clearable-color-active);\n  }\n\n  .switch.switch--checked:not(.switch--disabled):active .switch__control {\n    background: var(--syn-interactive-emphasis-color-active);\n    border-color: var(--syn-interactive-emphasis-color-active);\n  }\n\n  /* Focus */\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {\n    background-color: var(--syn-input-icon-icon-clearable-color);\n    border-color: var(--syn-input-icon-icon-clearable-color);\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  .switch:not(.switch--checked):not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n    outline: none;\n  }\n\n  /* Checked + focus */\n  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control {\n    background-color: var(--syn-interactive-emphasis-color);\n    border-color: var(--syn-interactive-emphasis-color);\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  .switch.switch--checked:not(.switch--disabled) .switch__input:focus-visible ~ .switch__control .switch__thumb {\n    background-color: var(--syn-color-neutral-0);\n    outline: none;\n  }\n\n  .switch__label {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n  \n  :host([data-user-invalid]) .switch:not(.switch--checked):not(.switch--disabled) .switch__control {\n    background-color: var(--syn-input-border-color-focus-error);\n    border-color: var(--syn-input-border-color-focus-error);\n  }\n\n  :host([data-user-invalid]) .switch:not(.switch--checked):not(.switch--disabled):hover .switch__control {\n    background-color: var(--syn-input-border-color-hover);\n    border-color: var(--syn-input-border-color-hover);\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;AAAA;AAAA;AAAA;AAAA;AAAA;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.XILYGDY5.js → chunk.SLKJ2OJN.js}

@@ -4,18 +4,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.ZNNZXEP4.js";
 import {
   watch
 } from "./chunk.JE5Y2YD7.js";
+import {
+  enableDefaultSettings
+} from "./chunk.KSWDM4HW.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QF6ODD6S.js";
+} from "./chunk.JG7YXWHG.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.XILYGDY5.js.map
+//# sourceMappingURL=chunk.SLKJ2OJN.js.map

package/dist/chunks/{chunk.HD3FIFU7.js → chunk.SUH6DGJ5.js}

@@ -1,6 +1,6 @@
 import {
   breadcrumb_item_custom_styles_default
-} from "./chunk.77CVXMWD.js";
+} from "./chunk.BVV2XKW3.js";
 import {
   breadcrumb_item_styles_default
 } from "./chunk.O6ZH6AOI.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QF6ODD6S.js";
+} from "./chunk.JG7YXWHG.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -120,4 +120,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.HD3FIFU7.js.map
+//# sourceMappingURL=chunk.SUH6DGJ5.js.map

package/dist/chunks/{chunk.ZCUURSJU.js → chunk.TSWB7UFK.js}

@@ -3,10 +3,10 @@ import { css } from "lit";
 var alert_custom_styles_default = css`
   .alert {
     /* Defines the used border and icon color for variants */
-    --variant-color-border: var(--syn-alert-informative-color-border, var(--syn-panel-border-color));
-    --variant-color-background: var(--syn-alert-informative-color-background, var(--syn-panel-background-color));
-    --variant-color-icon: var(--syn-alert-informative-color-icon, var(--syn-color-primary-600));
-    --variant-color-indicator: var(--syn-alert-informative-color-indicator, var(--syn-color-primary-600));
+    --variant-color-border: var(--syn-alert-informative-color-border);
+    --variant-color-background: var(--syn-alert-informative-color-background);
+    --variant-color-icon: var(--syn-alert-informative-color-icon);
+    --variant-color-indicator: var(--syn-alert-informative-color-indicator);
 
     /* Defines special settings for sizes */
     --size-font-size: var(--syn-font-size-medium);
@@ -83,31 +83,31 @@ var alert_custom_styles_default = css`
    * Variant colors
    */
   .alert--success {
-    --variant-color-border: var(--syn-alert-success-color-border, var(--syn-panel-border-color));
-    --variant-color-background: var(--syn-alert-success-color-background, var(--syn-panel-background-color));
-    --variant-color-icon: var(--syn-alert-success-color-icon, var(--syn-color-success-500));
-    --variant-color-indicator: var(--syn-alert-success-color-indicator, var(--syn-color-success-500));
+    --variant-color-border: var(--syn-alert-success-color-border);
+    --variant-color-background: var(--syn-alert-success-color-background);
+    --variant-color-icon: var(--syn-alert-success-color-icon);
+    --variant-color-indicator: var(--syn-alert-success-color-indicator);
   }
 
   .alert--neutral {
-    --variant-color-border: var(--syn-alert-neutral-color-border, var(--syn-panel-border-color));
-    --variant-color-background: var(--syn-alert-neutral-color-background, var(--syn-panel-background-color));
-    --variant-color-icon: var(--syn-alert-neutral-color-icon, var(--syn-color-neutral-800));
-    --variant-color-indicator: var(--syn-alert-neutral-color-indicator, var(--syn-color-neutral-800));
+    --variant-color-border: var(--syn-alert-neutral-color-border);
+    --variant-color-background: var(--syn-alert-neutral-color-background);
+    --variant-color-icon: var(--syn-alert-neutral-color-icon);
+    --variant-color-indicator: var(--syn-alert-neutral-color-indicator);
   }
 
   .alert--warning {
-    --variant-color-border: var(--syn-alert-warning-color-border, var(--syn-panel-border-color));
-    --variant-color-background: var(--syn-alert-warning-color-background, var(--syn-panel-background-color));
-    --variant-color-icon: var(--syn-alert-warning-color-icon, var(--syn-color-warning-400));
-    --variant-color-indicator: var(--syn-alert-warning-color-indicator, var(--syn-color-warning-400));
+    --variant-color-border: var(--syn-alert-warning-color-border);
+    --variant-color-background: var(--syn-alert-warning-color-background);
+    --variant-color-icon: var(--syn-alert-warning-color-icon);
+    --variant-color-indicator: var(--syn-alert-warning-color-indicator);
   }
 
   .alert--danger {
-    --variant-color-border: var(--syn-alert-error-color-border, var(--syn-panel-border-color));
-    --variant-color-background: var(--syn-alert-error-color-background, var(--syn-panel-background-color));
-    --variant-color-icon: var(--syn-alert-error-color-icon, var(--syn-color-error-600));
-    --variant-color-indicator: var(--syn-alert-error-color-indicator, var(--syn-color-error-600));
+    --variant-color-border: var(--syn-alert-error-color-border);
+    --variant-color-background: var(--syn-alert-error-color-background);
+    --variant-color-icon: var(--syn-alert-error-color-icon);
+    --variant-color-indicator: var(--syn-alert-error-color-indicator);
   }
 
   /* #1119: Alert Sizes */
@@ -138,4 +138,4 @@ var alert_custom_styles_default = css`
 export {
   alert_custom_styles_default
 };
-//# sourceMappingURL=chunk.ZCUURSJU.js.map
+//# sourceMappingURL=chunk.TSWB7UFK.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert/alert.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .alert {\n    /* Defines the used border and icon color for variants */\n    --variant-color-border: var(--syn-alert-informative-color-border);\n    --variant-color-background: var(--syn-alert-informative-color-background);\n    --variant-color-icon: var(--syn-alert-informative-color-icon);\n    --variant-color-indicator: var(--syn-alert-informative-color-indicator);\n\n    /* Defines special settings for sizes */\n    --size-font-size: var(--syn-font-size-medium);\n    --size-icon-size: var(--syn-font-size-x-large);\n    --size-min-height: 54px;\n    --size-message-padding: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-medium) var(--syn-spacing-medium);\n    --size-icon-padding-block: var(--syn-spacing-medium);\n    --size-icon-padding-inline: var(--syn-spacing-medium);\n\n    background-color: var(--variant-color-background);\n    border: var(--syn-panel-border-width) solid var(--variant-color-border);\n    border-left: 0;\n    border-radius: var(--syn-border-radius-none);\n    box-sizing: content-box;\n    color: var(--syn-typography-color-text);\n    font-size: var(--size-font-size);\n    line-height: var(--syn-line-height-normal);\n    min-height: var(--size-min-height);\n  }\n\n  /**\n   * Add back the items left borders\n   * This is done to prevent border clipping with the large border-left needed on .alert\n   * Note we also need to adjust our paddings to add the border width here\n   */\n  .alert::before {\n    background: var(--variant-color-indicator);\n    bottom: -1px;\n    content: \"\";\n    left: 0;\n    position: absolute;\n    top: -1px;\n    width: var(--syn-spacing-2x-small);\n  }\n\n  .alert :first-child {\n    margin-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  /**\n   * Make sure everything is aligned to top\n   */\n  .alert__icon,\n  .alert__close-button {\n    align-items: flex-start;\n    font-size: var(--size-icon-size);\n  }\n\n  .alert__message {\n    align-self: center;\n    padding: var(--size-message-padding);\n  }\n\n  /**\n   * Alert Icon\n   */\n  .alert__icon {\n    color: var(--variant-color-icon);\n    padding-block-start: var(--size-icon-padding-block);\n    padding-inline-start: var(--size-icon-padding-inline);\n  }\n\n  /**\n   * Close Icon\n   */\n  .alert__close-button {\n    align-self: start; /* #1135: Fix alignment for the close icon */\n    color: var(--syn-typography-color-text);\n    margin-block: calc(var(--syn-spacing-x-small) - var(--syn-panel-border-width));\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  /**\n   * Variant colors\n   */\n  .alert--success {\n    --variant-color-border: var(--syn-alert-success-color-border);\n    --variant-color-background: var(--syn-alert-success-color-background);\n    --variant-color-icon: var(--syn-alert-success-color-icon);\n    --variant-color-indicator: var(--syn-alert-success-color-indicator);\n  }\n\n  .alert--neutral {\n    --variant-color-border: var(--syn-alert-neutral-color-border);\n    --variant-color-background: var(--syn-alert-neutral-color-background);\n    --variant-color-icon: var(--syn-alert-neutral-color-icon);\n    --variant-color-indicator: var(--syn-alert-neutral-color-indicator);\n  }\n\n  .alert--warning {\n    --variant-color-border: var(--syn-alert-warning-color-border);\n    --variant-color-background: var(--syn-alert-warning-color-background);\n    --variant-color-icon: var(--syn-alert-warning-color-icon);\n    --variant-color-indicator: var(--syn-alert-warning-color-indicator);\n  }\n\n  .alert--danger {\n    --variant-color-border: var(--syn-alert-error-color-border);\n    --variant-color-background: var(--syn-alert-error-color-background);\n    --variant-color-icon: var(--syn-alert-error-color-icon);\n    --variant-color-indicator: var(--syn-alert-error-color-indicator);\n  }\n\n  /* #1119: Alert Sizes */\n  .alert--small {\n    --size-font-size: var(--syn-font-size-small);\n    --size-icon-size: var(--syn-font-size-large);\n    --size-min-height: 44px;\n    --size-message-padding: var(--syn-spacing-small) var(--syn-spacing-large) var(--syn-spacing-small) var(--syn-spacing-small);\n    --size-icon-padding-block: var(--syn-spacing-small);\n    --size-icon-padding-inline: var(--syn-spacing-small);\n  }\n\n  /* Adjust close button size for small alerts */\n  .alert--small .alert__close-button {\n    font-size: var(--syn-font-size-medium);\n  }\n\n  .alert--large {\n    --size-font-size: var(--syn-font-size-large);\n    --size-icon-size: var(--syn-font-size-2x-large);\n    --size-min-height: 68px;\n    --size-message-padding: var(--syn-spacing-medium-large) var(--syn-spacing-large) var(--syn-spacing-medium-large) var(--syn-spacing-medium-large);\n    --size-icon-padding-block: var(--syn-spacing-medium-large);\n    --size-icon-padding-inline: var(--syn-spacing-medium-large);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,8BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.PFLUXEIO.js → chunk.U6VNE4JX.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.64KVEIIA.js";
+} from "./chunk.5QGW4QZT.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.PFLUXEIO.js.map
+//# sourceMappingURL=chunk.U6VNE4JX.js.map

package/dist/chunks/{chunk.EEJUDZFL.js → chunk.UAUY6RVN.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.UEDN3QLN.js";
+} from "./chunk.3EQF2FRQ.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.EEJUDZFL.js.map
+//# sourceMappingURL=chunk.UAUY6RVN.js.map

package/dist/chunks/{chunk.WPZ3G3PZ.js → chunk.UBGDTOZZ.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "./chunk.O76MMYOC.js";
+} from "./chunk.7SIMUMVH.js";
 
 // src/components/progress-ring/progress-ring.ts
 var progress_ring_default = SynProgressRing;
@@ -9,4 +9,4 @@ SynProgressRing.define("syn-progress-ring");
 export {
   progress_ring_default
 };
-//# sourceMappingURL=chunk.WPZ3G3PZ.js.map
+//# sourceMappingURL=chunk.UBGDTOZZ.js.map