@synergy-design-system/components 2.7.0 → 2.7.2

package/dist/chunks/{chunk.7J54DP5U.js → chunk.2JOJ5DXB.js}

@@ -1,6 +1,6 @@
 import {
   SynFile
-} from "./chunk.IL3FC72M.js";
+} from "./chunk.4I7CE6RD.js";
 
 // src/components/file/file.ts
 var file_default = SynFile;
@@ -9,4 +9,4 @@ SynFile.define("syn-file");
 export {
   file_default
 };
-//# sourceMappingURL=chunk.7J54DP5U.js.map
+//# sourceMappingURL=chunk.2JOJ5DXB.js.map

package/dist/chunks/{chunk.CHG7CKU3.js → chunk.2YNEZUSJ.js}

@@ -23,7 +23,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -247,4 +247,4 @@ __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.CHG7CKU3.js.map
+//# sourceMappingURL=chunk.2YNEZUSJ.js.map

package/dist/chunks/{chunk.HY4Y3IF2.js → chunk.32A6BZ5Z.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -62,4 +62,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.HY4Y3IF2.js.map
+//# sourceMappingURL=chunk.32A6BZ5Z.js.map

package/dist/chunks/{chunk.OGY5SV3K.js → chunk.3EORMLPX.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.VQWI7RF7.js";
+} from "./chunk.7GT66DPZ.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.OGY5SV3K.js.map
+//# sourceMappingURL=chunk.3EORMLPX.js.map

package/dist/chunks/{chunk.TNX42WV4.js → chunk.3N6C32KL.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.TQCA6Q6L.js";
+} from "./chunk.SBXB7ZQ4.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.TNX42WV4.js.map
+//# sourceMappingURL=chunk.3N6C32KL.js.map

package/dist/chunks/{chunk.QTUPZKVS.js → chunk.3TTHE2E2.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.FPIGVZSR.js";
+} from "./chunk.TML7CRDT.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.QTUPZKVS.js.map
+//# sourceMappingURL=chunk.3TTHE2E2.js.map

package/dist/chunks/{chunk.UANQP7UZ.js → chunk.3ZUDKBQK.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.CHG7CKU3.js";
+} from "./chunk.2YNEZUSJ.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.UANQP7UZ.js.map
+//# sourceMappingURL=chunk.3ZUDKBQK.js.map

package/dist/chunks/{chunk.I25TRQGB.js → chunk.42LDZR6F.js}

@@ -1,6 +1,10 @@
 // src/components/button/button.custom.styles.ts
 import { css } from "lit";
 var button_custom_styles_default = css`
+  .button {
+    font-weight: var(--syn-font-weight-bold);
+  }
+
   .button:focus-visible {
     outline: var(--syn-focus-ring-color) solid var(--syn-focus-ring-width);
     outline-offset: var(--syn-focus-ring-width);
@@ -184,4 +188,4 @@ var button_custom_styles_default = css`
 export {
   button_custom_styles_default
 };
-//# sourceMappingURL=chunk.I25TRQGB.js.map
+//# sourceMappingURL=chunk.42LDZR6F.js.map

package/dist/chunks/chunk.42LDZR6F.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  /*\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  /**\n   * Size modifiers\n   */\n  .button.button--medium.button--has-label .button__label {\n    font-size: var(--syn-font-size-medium);\n  } \n\n  .button.button--large.button--has-label .button__label {\n    font-size: var(--syn-font-size-large);\n  }\n\n  /*\n   * Standard buttons\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-color-neutral-0);\n  }\n\n  .button--filled.button--primary:hover:not(.button--disabled) {\n    background-color: var(--syn-color-primary-900);\n    border-color: var(--syn-color-primary-900);\n    color: var(--syn-color-neutral-0);\n  }\n\n  .button--filled.button--primary:active:not(.button--disabled) {\n    background-color: var(--syn-color-primary-950);\n    border-color: var(--syn-color-primary-950);\n    color: var(--syn-color-neutral-0);\n  }\n\n  /*\n   * Outline buttons\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: none;\n    border-color: var(--syn-color-primary-900);\n    color: var(--syn-color-primary-900);\n  }\n\n  .button--outline.button--primary:active:not(.button--disabled) {\n    background: inherit;\n    border-color:  var(--syn-color-primary-950);\n    color:  var(--syn-color-primary-950);\n  }\n\n  /*\n   * Text buttons\n   */\n  .button--text:hover:not(.button--disabled) {\n    color: var(--syn-color-primary-900);\n  }\n\n  .button--text.button--primary:active:not(.button--disabled) {\n    background: inherit;\n    border-color:  none;\n    color:  var(--syn-color-primary-950);\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"],
+  "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;",
+  "names": []
+}

package/dist/chunks/{chunk.IL3FC72M.js → chunk.4I7CE6RD.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.FKKJBKYL.js";
 import {
   SynButton
-} from "./chunk.TWPYJVSU.js";
+} from "./chunk.F6PVKPYY.js";
 import {
   FormControlController
 } from "./chunk.BBNQVEPD.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.XNGZHSRO.js";
+} from "./chunk.MKA2R2GM.js";
 import {
   LocalizeController
 } from "./chunk.ESQAXAFE.js";
@@ -36,7 +36,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -480,4 +480,4 @@ setDefaultAnimation("file.text.appear", {
 export {
   SynFile
 };
-//# sourceMappingURL=chunk.IL3FC72M.js.map
+//# sourceMappingURL=chunk.4I7CE6RD.js.map

package/dist/chunks/{chunk.4ZABXKYI.js → chunk.4S7NKDNV.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.ZWKWTOIU.js";
+} from "./chunk.HFCHPII4.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.4ZABXKYI.js.map
+//# sourceMappingURL=chunk.4S7NKDNV.js.map

package/dist/chunks/{chunk.FK6MAJIJ.js → chunk.5BY5MVLA.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -58,4 +58,4 @@ __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.FK6MAJIJ.js.map
+//# sourceMappingURL=chunk.5BY5MVLA.js.map

package/dist/chunks/{chunk.UXGBQPTV.js → chunk.5QMV33SE.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.EZRPX4D7.js";
+} from "./chunk.DBMX4Q2N.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.UXGBQPTV.js.map
+//# sourceMappingURL=chunk.5QMV33SE.js.map

package/dist/chunks/{chunk.EUQCLKVZ.js → chunk.62KJ2JTT.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.EHSNF4SS.js";
 import {
   SynIcon
-} from "./chunk.XNGZHSRO.js";
+} from "./chunk.MKA2R2GM.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -112,4 +112,4 @@ __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.EUQCLKVZ.js.map
+//# sourceMappingURL=chunk.62KJ2JTT.js.map

package/dist/chunks/{chunk.D23EOBAA.js → chunk.6J2GXSHX.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.FK6MAJIJ.js";
+} from "./chunk.5BY5MVLA.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.D23EOBAA.js.map
+//# sourceMappingURL=chunk.6J2GXSHX.js.map

package/dist/chunks/{chunk.LO6TVTD5.js → chunk.6PYEC4JS.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.7B5QDYTK.js";
+} from "./chunk.GMAKLSVB.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SynMenuItem;
@@ -9,4 +9,4 @@ SynMenuItem.define("syn-menu-item");
 export {
   menu_item_default
 };
-//# sourceMappingURL=chunk.LO6TVTD5.js.map
+//# sourceMappingURL=chunk.6PYEC4JS.js.map

package/dist/chunks/{chunk.ZHH2AHOZ.js → chunk.6QYKWCSO.js}

@@ -7,34 +7,37 @@ var icon_button_custom_styles_default = css`
     font-size: inherit;
   }
 
-  /* Color variants */
-  .icon-button--neutral,
-  .icon-button--neutral:focus-visible:not(.icon-button--disabled):not(:hover) {
-    color: var(--syn-color-neutral-950);
+  .icon-button--disabled {
+    color: var(--syn-color-neutral-400);
   }
 
-  .icon-button--primary,
-  .icon-button--primary:focus-visible:not(.icon-button--disabled) {
-    color: var(--syn-color-primary-600);
+  /* Remove round borders */
+  .icon-button:focus-visible {
+    border-radius: var(--syn-border-radius-none);
   }
 
-  .icon-button--primary:hover:not(.icon-button--disabled) {
-    color: var(--syn-color-primary-900);
+  /* Colors */
+  :host([color="currentColor"]) {
+    color: currentColor;
   }
 
-  .icon-button--primary:active:not(.icon-button--disabled) {
-    color: var(--syn-color-primary-950);
+  :host([color="primary"]),
+  :host([color="primary"]) .icon-button:focus-visible:not(.icon-button--disabled) {
+    color: var(--syn-color-primary-600);
   }
 
-  .icon-button--disabled {
-    color: var(--syn-color-neutral-400);
+  :host([color="primary"]) .icon-button:hover:not(.icon-button--disabled) {
+    color: var(--syn-color-primary-900);
   }
 
-  /* Remove round borders */
-  .icon-button:focus-visible {
-    border-radius: var(--syn-border-radius-none);
+  :host([color="primary"]) .icon-button:active:not(.icon-button--disabled) {
+    color: var(--syn-color-primary-950);
   }
 
+  :host([color="neutral"]),
+  :host([color="neutral"]) .icon-button:focus-visible:not(.icon-button--disabled):not(:hover) {
+    color: var(--syn-color-neutral-950);
+  }
 
   /* Sizes */
   .icon-button--small {
@@ -43,7 +46,6 @@ var icon_button_custom_styles_default = css`
 
   .icon-button--medium {
     font-size: var(--syn-font-size-x-large);
-
   }
 
   .icon-button--large {
@@ -65,4 +67,4 @@ var icon_button_custom_styles_default = css`
 export {
   icon_button_custom_styles_default
 };
-//# sourceMappingURL=chunk.ZHH2AHOZ.js.map
+//# sourceMappingURL=chunk.6QYKWCSO.js.map

package/dist/chunks/chunk.6QYKWCSO.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\n  /* Remove round borders */\n  .icon-button:focus-visible {\n    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-color-primary-600);\n  }\n\n  :host([color=\"primary\"]) .icon-button:hover:not(.icon-button--disabled) {\n    color: var(--syn-color-primary-900);\n  }\n\n  :host([color=\"primary\"]) .icon-button:active:not(.icon-button--disabled) {\n    color: var(--syn-color-primary-950);\n  }\n\n  :host([color=\"neutral\"]),\n  :host([color=\"neutral\"]) .icon-button:focus-visible:not(.icon-button--disabled):not(:hover) {\n    color: var(--syn-color-neutral-950);\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;",
+  "names": []
+}

package/dist/chunks/{chunk.HTRLN6MZ.js → chunk.77IGTP3T.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.FP4J6SI7.js";
+} from "./chunk.ADXO3V5E.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = SynButtonGroup;
@@ -9,4 +9,4 @@ SynButtonGroup.define("syn-button-group");
 export {
   button_group_default
 };
-//# sourceMappingURL=chunk.HTRLN6MZ.js.map
+//# sourceMappingURL=chunk.77IGTP3T.js.map

package/dist/chunks/{chunk.VQWI7RF7.js → chunk.7GT66DPZ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.BBUFEDXF.js";
 import {
   SynIconButton
-} from "./chunk.RKZLWXOJ.js";
+} from "./chunk.VWBCU6HU.js";
 import {
   LocalizeController
 } from "./chunk.ESQAXAFE.js";
@@ -16,7 +16,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -116,4 +116,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.VQWI7RF7.js.map
+//# sourceMappingURL=chunk.7GT66DPZ.js.map

package/dist/chunks/{chunk.R2WZYDE2.js → chunk.A4IY53UV.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.ZIJ6OGAT.js";
+} from "./chunk.UMFLVSON.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.R2WZYDE2.js.map
+//# sourceMappingURL=chunk.A4IY53UV.js.map

package/dist/chunks/{chunk.DZSCTRUT.js → chunk.AAJBHY2M.js}

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

package/dist/chunks/{chunk.FP4J6SI7.js → chunk.ADXO3V5E.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -87,4 +87,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.FP4J6SI7.js.map
+//# sourceMappingURL=chunk.ADXO3V5E.js.map

package/dist/chunks/{chunk.R67XSTNW.js → chunk.ASAVDGKQ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.O644HRW3.js";
 import {
   SynPopup
-} from "./chunk.6I4QZHQ6.js";
+} from "./chunk.OMK6YFKU.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -28,7 +28,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -272,4 +272,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.R67XSTNW.js.map
+//# sourceMappingURL=chunk.ASAVDGKQ.js.map

package/dist/chunks/{chunk.W4DRGBOX.js → chunk.AXCA62X3.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.RKZLWXOJ.js";
+} from "./chunk.VWBCU6HU.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -37,7 +37,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -393,4 +393,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.W4DRGBOX.js.map
+//# sourceMappingURL=chunk.AXCA62X3.js.map

package/dist/chunks/{chunk.DVF5JNGN.js → chunk.BDQMYBQR.js}

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

package/dist/chunks/{chunk.J6AAV3AV.js → chunk.BNXSGB3Q.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.3BYNCSYI.js";
+} from "./chunk.RSIYQFLM.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.J6AAV3AV.js.map
+//# sourceMappingURL=chunk.BNXSGB3Q.js.map

package/dist/chunks/{chunk.JTYYYMG2.js → chunk.CIGZW7VL.js}

@@ -52,7 +52,7 @@ var SynergyElement = class extends LitElement {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-SynergyElement.version = "2.7.0";
+SynergyElement.version = "2.7.2";
 SynergyElement.dependencies = {};
 __decorateClass([
   property()
@@ -84,4 +84,4 @@ export {
   SynergyElement,
   component_styles_default
 };
-//# sourceMappingURL=chunk.JTYYYMG2.js.map
+//# sourceMappingURL=chunk.CIGZW7VL.js.map

package/dist/chunks/{chunk.JTYYYMG2.js.map → chunk.CIGZW7VL.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/internal/synergy-element.ts", "../../src/styles/component.styles.ts"],
-  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n// Match event type name strings that are registered on GlobalEventHandlersEventMap...\ntype EventTypeRequiresDetail<T> = T extends keyof GlobalEventHandlersEventMap\n  ? // ...where the event detail is an object...\n    GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n    ? // ...that is non-empty...\n      GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n      ? never\n      : // ...and has at least one non-optional property\n        Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n        ? never\n        : T\n    : never\n  : never;\n\n// The inverse of the above (match any type that doesn't match EventTypeRequiresDetail)\ntype EventTypeDoesNotRequireDetail<T> = T extends keyof GlobalEventHandlersEventMap\n  ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n    ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n      ? T\n      : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n        ? T\n        : never\n    : T\n  : T;\n\n// `keyof EventTypesWithRequiredDetail` lists all registered event types that require detail\ntype EventTypesWithRequiredDetail = {\n  [EventType in keyof GlobalEventHandlersEventMap as EventTypeRequiresDetail<EventType>]: true;\n};\n\n// `keyof EventTypesWithoutRequiredDetail` lists all registered event types that do NOT require detail\ntype EventTypesWithoutRequiredDetail = {\n  [EventType in keyof GlobalEventHandlersEventMap as EventTypeDoesNotRequireDetail<EventType>]: true;\n};\n\n// Helper to make a specific property of an object non-optional\ntype WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };\n\n// Given an event name string, get a valid type for the options to initialize the event that is more restrictive than\n// just CustomEventInit when appropriate (validate the type of the event detail, and require it to be provided if the\n// event requires it)\ntype SynEventInit<T> = T extends keyof GlobalEventHandlersEventMap\n  ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n    ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n      ? CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>\n      : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n        ? CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>\n        : WithRequired<CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>, 'detail'>\n    : CustomEventInit\n  : CustomEventInit;\n\n// Given an event name string, get the type of the event\ntype GetCustomEventType<T> = T extends keyof GlobalEventHandlersEventMap\n  ? GlobalEventHandlersEventMap[T] extends CustomEvent<unknown>\n    ? GlobalEventHandlersEventMap[T]\n    : CustomEvent<unknown>\n  : CustomEvent<unknown>;\n\n// `keyof ValidEventTypeMap` is equivalent to `keyof GlobalEventHandlersEventMap` but gives a nicer error message\ntype ValidEventTypeMap = EventTypesWithRequiredDetail | EventTypesWithoutRequiredDetail;\n\nexport default class SynergyElement extends LitElement {\n  // Make localization attributes reactive\n  @property() dir: string;\n  @property() lang: string;\n\n  /** Emits a custom event with more convenient defaults. */\n  emit<T extends string & keyof EventTypesWithoutRequiredDetail>(\n    name: EventTypeDoesNotRequireDetail<T>,\n    options?: SynEventInit<T> | undefined\n  ): GetCustomEventType<T>;\n  emit<T extends string & keyof EventTypesWithRequiredDetail>(\n    name: EventTypeRequiresDetail<T>,\n    options: SynEventInit<T>\n  ): GetCustomEventType<T>;\n  emit<T extends string & keyof ValidEventTypeMap>(\n    name: T,\n    options?: SynEventInit<T> | undefined\n  ): GetCustomEventType<T> {\n    const event = new CustomEvent(name, {\n      bubbles: true,\n      cancelable: false,\n      composed: true,\n      detail: {},\n      ...options\n    });\n\n    this.dispatchEvent(event);\n\n    return event as GetCustomEventType<T>;\n  }\n\n  /* eslint-disable */\n  // @ts-expect-error This is auto-injected at build time.\n  static version = \"2.7.0\";\n  \n\n  static define(name: string, elementConstructor = this, options: ElementDefinitionOptions = {}) {\n    const currentlyRegisteredConstructor = customElements.get(name) as\n      | CustomElementConstructor\n      | typeof SynergyElement;\n\n    if (!currentlyRegisteredConstructor) {\n      // We try to register as the actual class first. If for some reason that fails, we fall back to anonymous classes.\n      // customElements can only have 1 class of the same \"object id\" per registry, so that is why the try {} catch {} exists.\n      // Some tools like Jest Snapshots and if you import the constructor and call `new SynButton()` they will fail with\n      //   the anonymous class version.\n      try {\n        customElements.define(name, elementConstructor, options);\n      } catch (_err) {\n        customElements.define(name, class extends elementConstructor {}, options);\n      }\n      return;\n    }\n\n    let newVersion = ' (unknown version)';\n    let existingVersion = newVersion;\n\n    if ('version' in elementConstructor && elementConstructor.version) {\n      newVersion = ' v' + elementConstructor.version;\n    }\n\n    if ('version' in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {\n      existingVersion = ' v' + currentlyRegisteredConstructor.version;\n    }\n\n    // Need to make sure we're not working with null or empty strings before doing version comparisons.\n    if (newVersion && existingVersion && newVersion === existingVersion) {\n      // If versions match, we don't need to warn anyone. Carry on.\n      return;\n    }\n\n    console.warn(\n      `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`\n    );\n  }\n\n  static dependencies: Record<string, typeof SynergyElement> = {};\n\n  constructor() {\n    super();\n    Object.entries((this.constructor as typeof SynergyElement).dependencies).forEach(([name, component]) => {\n      (this.constructor as typeof SynergyElement).define(name, component);\n    });\n  }\n}\n\nexport interface SynergyFormControl extends SynergyElement {\n  // Form attributes\n  name: string;\n  value: unknown;\n  disabled?: boolean;\n  defaultValue?: unknown;\n  defaultChecked?: boolean;\n  form?: string;\n\n  // Constraint validation attributes\n  pattern?: string;\n  min?: number | string | Date;\n  max?: number | string | Date;\n  step?: number | 'any';\n  required?: boolean;\n  minlength?: number;\n  maxlength?: number;\n\n  // Form validation properties\n  readonly validity: ValidityState;\n  readonly validationMessage: string;\n\n  // Form validation methods\n  checkValidity: () => boolean;\n  getForm: () => HTMLFormElement | null;\n  reportValidity: () => boolean;\n  setCustomValidity: (message: string) => void;\n}\n", "/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n`;\n"],
+  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n// Match event type name strings that are registered on GlobalEventHandlersEventMap...\ntype EventTypeRequiresDetail<T> = T extends keyof GlobalEventHandlersEventMap\n  ? // ...where the event detail is an object...\n    GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n    ? // ...that is non-empty...\n      GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n      ? never\n      : // ...and has at least one non-optional property\n        Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n        ? never\n        : T\n    : never\n  : never;\n\n// The inverse of the above (match any type that doesn't match EventTypeRequiresDetail)\ntype EventTypeDoesNotRequireDetail<T> = T extends keyof GlobalEventHandlersEventMap\n  ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n    ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n      ? T\n      : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n        ? T\n        : never\n    : T\n  : T;\n\n// `keyof EventTypesWithRequiredDetail` lists all registered event types that require detail\ntype EventTypesWithRequiredDetail = {\n  [EventType in keyof GlobalEventHandlersEventMap as EventTypeRequiresDetail<EventType>]: true;\n};\n\n// `keyof EventTypesWithoutRequiredDetail` lists all registered event types that do NOT require detail\ntype EventTypesWithoutRequiredDetail = {\n  [EventType in keyof GlobalEventHandlersEventMap as EventTypeDoesNotRequireDetail<EventType>]: true;\n};\n\n// Helper to make a specific property of an object non-optional\ntype WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };\n\n// Given an event name string, get a valid type for the options to initialize the event that is more restrictive than\n// just CustomEventInit when appropriate (validate the type of the event detail, and require it to be provided if the\n// event requires it)\ntype SynEventInit<T> = T extends keyof GlobalEventHandlersEventMap\n  ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n    ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n      ? CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>\n      : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n        ? CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>\n        : WithRequired<CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>, 'detail'>\n    : CustomEventInit\n  : CustomEventInit;\n\n// Given an event name string, get the type of the event\ntype GetCustomEventType<T> = T extends keyof GlobalEventHandlersEventMap\n  ? GlobalEventHandlersEventMap[T] extends CustomEvent<unknown>\n    ? GlobalEventHandlersEventMap[T]\n    : CustomEvent<unknown>\n  : CustomEvent<unknown>;\n\n// `keyof ValidEventTypeMap` is equivalent to `keyof GlobalEventHandlersEventMap` but gives a nicer error message\ntype ValidEventTypeMap = EventTypesWithRequiredDetail | EventTypesWithoutRequiredDetail;\n\nexport default class SynergyElement extends LitElement {\n  // Make localization attributes reactive\n  @property() dir: string;\n  @property() lang: string;\n\n  /** Emits a custom event with more convenient defaults. */\n  emit<T extends string & keyof EventTypesWithoutRequiredDetail>(\n    name: EventTypeDoesNotRequireDetail<T>,\n    options?: SynEventInit<T> | undefined\n  ): GetCustomEventType<T>;\n  emit<T extends string & keyof EventTypesWithRequiredDetail>(\n    name: EventTypeRequiresDetail<T>,\n    options: SynEventInit<T>\n  ): GetCustomEventType<T>;\n  emit<T extends string & keyof ValidEventTypeMap>(\n    name: T,\n    options?: SynEventInit<T> | undefined\n  ): GetCustomEventType<T> {\n    const event = new CustomEvent(name, {\n      bubbles: true,\n      cancelable: false,\n      composed: true,\n      detail: {},\n      ...options\n    });\n\n    this.dispatchEvent(event);\n\n    return event as GetCustomEventType<T>;\n  }\n\n  /* eslint-disable */\n  // @ts-expect-error This is auto-injected at build time.\n  static version = \"2.7.2\";\n  \n\n  static define(name: string, elementConstructor = this, options: ElementDefinitionOptions = {}) {\n    const currentlyRegisteredConstructor = customElements.get(name) as\n      | CustomElementConstructor\n      | typeof SynergyElement;\n\n    if (!currentlyRegisteredConstructor) {\n      // We try to register as the actual class first. If for some reason that fails, we fall back to anonymous classes.\n      // customElements can only have 1 class of the same \"object id\" per registry, so that is why the try {} catch {} exists.\n      // Some tools like Jest Snapshots and if you import the constructor and call `new SynButton()` they will fail with\n      //   the anonymous class version.\n      try {\n        customElements.define(name, elementConstructor, options);\n      } catch (_err) {\n        customElements.define(name, class extends elementConstructor {}, options);\n      }\n      return;\n    }\n\n    let newVersion = ' (unknown version)';\n    let existingVersion = newVersion;\n\n    if ('version' in elementConstructor && elementConstructor.version) {\n      newVersion = ' v' + elementConstructor.version;\n    }\n\n    if ('version' in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {\n      existingVersion = ' v' + currentlyRegisteredConstructor.version;\n    }\n\n    // Need to make sure we're not working with null or empty strings before doing version comparisons.\n    if (newVersion && existingVersion && newVersion === existingVersion) {\n      // If versions match, we don't need to warn anyone. Carry on.\n      return;\n    }\n\n    console.warn(\n      `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`\n    );\n  }\n\n  static dependencies: Record<string, typeof SynergyElement> = {};\n\n  constructor() {\n    super();\n    Object.entries((this.constructor as typeof SynergyElement).dependencies).forEach(([name, component]) => {\n      (this.constructor as typeof SynergyElement).define(name, component);\n    });\n  }\n}\n\nexport interface SynergyFormControl extends SynergyElement {\n  // Form attributes\n  name: string;\n  value: unknown;\n  disabled?: boolean;\n  defaultValue?: unknown;\n  defaultChecked?: boolean;\n  form?: string;\n\n  // Constraint validation attributes\n  pattern?: string;\n  min?: number | string | Date;\n  max?: number | string | Date;\n  step?: number | 'any';\n  required?: boolean;\n  minlength?: number;\n  maxlength?: number;\n\n  // Form validation properties\n  readonly validity: ValidityState;\n  readonly validationMessage: string;\n\n  // Form validation methods\n  checkValidity: () => boolean;\n  getForm: () => HTMLFormElement | null;\n  reportValidity: () => boolean;\n  setCustomValidity: (message: string) => void;\n}\n", "/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n`;\n"],
   "mappings": ";;;;;;AAQA,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AA+DzB,IAAqB,iBAArB,cAA4C,WAAW;AAAA,EAcrD,KACE,MACA,SACuB;AACvB,UAAM,QAAQ,IAAI,YAAY,MAAM;AAAA,MAClC,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQ,CAAC;AAAA,OACN,QACJ;AAED,SAAK,cAAc,KAAK;AAExB,WAAO;AAAA,EACT;AAAA,EAOA,OAAO,OAAO,MAAc,qBAAqB,MAAM,UAAoC,CAAC,GAAG;AAC7F,UAAM,iCAAiC,eAAe,IAAI,IAAI;AAI9D,QAAI,CAAC,gCAAgC;AAKnC,UAAI;AACF,uBAAe,OAAO,MAAM,oBAAoB,OAAO;AAAA,MACzD,SAAS,MAAM;AACb,uBAAe,OAAO,MAAM,cAAc,mBAAmB;AAAA,QAAC,GAAG,OAAO;AAAA,MAC1E;AACA;AAAA,IACF;AAEA,QAAI,aAAa;AACjB,QAAI,kBAAkB;AAEtB,QAAI,aAAa,sBAAsB,mBAAmB,SAAS;AACjE,mBAAa,OAAO,mBAAmB;AAAA,IACzC;AAEA,QAAI,aAAa,kCAAkC,+BAA+B,SAAS;AACzF,wBAAkB,OAAO,+BAA+B;AAAA,IAC1D;AAGA,QAAI,cAAc,mBAAmB,eAAe,iBAAiB;AAEnE;AAAA,IACF;AAEA,YAAQ;AAAA,MACN,0BAA0B,IAAI,IAAI,UAAU,UAAU,IAAI,IAAI,eAAe;AAAA,IAC/E;AAAA,EACF;AAAA,EAIA,cAAc;AACZ,UAAM;AACN,WAAO,QAAS,KAAK,YAAsC,YAAY,EAAE,QAAQ,CAAC,CAAC,MAAM,SAAS,MAAM;AACtG,MAAC,KAAK,YAAsC,OAAO,MAAM,SAAS;AAAA,IACpE,CAAC;AAAA,EACH;AACF;AAAA;AAAA;AApFqB,eAiCZ,UAAU;AAjCE,eA4EZ,eAAsD,CAAC;AA1ElD;AAAA,EAAX,SAAS;AAAA,GAFS,eAEP;AACA;AAAA,EAAX,SAAS;AAAA,GAHS,eAGP;;;ACnEd,SAAS,WAAW;AAEpB,IAAO,2BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/chunks/{chunk.72KEPLD4.js → chunk.D3HW7PL3.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.6I4QZHQ6.js";
+} from "./chunk.OMK6YFKU.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.72KEPLD4.js.map
+//# sourceMappingURL=chunk.D3HW7PL3.js.map

package/dist/chunks/{chunk.EZRPX4D7.js → chunk.DBMX4Q2N.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -41,4 +41,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.EZRPX4D7.js.map
+//# sourceMappingURL=chunk.DBMX4Q2N.js.map

package/dist/chunks/{chunk.DKGNY4YS.js → chunk.DCQPPRJI.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.FKKJBKYL.js";
 import {
   SynButtonGroup
-} from "./chunk.FP4J6SI7.js";
+} from "./chunk.ADXO3V5E.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -26,7 +26,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -356,4 +356,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.DKGNY4YS.js.map
+//# sourceMappingURL=chunk.DCQPPRJI.js.map