@synergy-design-system/components 2.21.0 → 2.21.1

package/dist/chunks/{chunk.JRYXECAY.js → chunk.BUZOBR2J.js}

@@ -59,9 +59,11 @@ var alert_custom_styles_default = css`
    * Close Icon
    */
   .alert__close-button {
+    align-self: start;
     color: var(--syn-typography-color-text);
-    padding-block: calc(var(--syn-spacing-x-small) - var(--syn-panel-border-width));
-    padding-inline-end: var(--syn-spacing-x-small);
+    margin-block: calc(var(--syn-spacing-x-small) - var(--syn-panel-border-width));
+    margin-inline-end: var(--syn-spacing-x-small);
+    padding-inline-end: 0;
   }
 
   /**
@@ -91,4 +93,4 @@ var alert_custom_styles_default = css`
 export {
   alert_custom_styles_default
 };
-//# sourceMappingURL=chunk.JRYXECAY.js.map
+//# sourceMappingURL=chunk.BUZOBR2J.js.map

package/dist/chunks/{chunk.JRYXECAY.js.map → chunk.BUZOBR2J.js.map}

@@ -1,7 +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-accent-color: var(--syn-panel-border-color);\n\n    border: var(--syn-panel-border-width) solid var(--syn-panel-border-color);\n    border-left: 0;\n    border-radius: var(--syn-border-radius-none);\n    color: var(--syn-typography-color-text);\n    font-size: var(--syn-font-size-medium);\n    line-height: var(--syn-line-height-normal);\n    min-height: 56px;\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-accent-color);\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(--syn-font-size-x-large);\n  }\n\n  .alert__message {\n    padding: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-medium) var(--syn-spacing-medium);\n  }\n\n  /**\n   * Alert Icon\n   */\n  .alert__icon {\n    color: var(--variant-accent-color);\n    padding-block: var(--syn-spacing-medium);\n    padding-inline-start: var(--syn-spacing-medium);\n  }\n\n  /**\n   * Close Icon\n   */\n  .alert__close-button {\n    color: var(--syn-typography-color-text);\n    padding-block: calc(var(--syn-spacing-x-small) - var(--syn-panel-border-width));\n    padding-inline-end: var(--syn-spacing-x-small);\n  }\n\n  /**\n   * Variants should highlight the left border instead of top\n   */\n  .alert--primary {\n    --variant-accent-color: var(--syn-color-primary-600);\n  }\n\n  .alert--success {\n    --variant-accent-color: var(--syn-color-success-500);\n  }\n\n  .alert--neutral {\n    --variant-accent-color: var(--syn-color-neutral-800);\n  }\n\n  .alert--warning {\n    --variant-accent-color: var(--syn-color-warning-400);\n  }\n\n  .alert--danger {\n    --variant-accent-color: var(--syn-color-error-600);\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;",
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .alert {\n    /* Defines the used border and icon color for variants */\n    --variant-accent-color: var(--syn-panel-border-color);\n\n    border: var(--syn-panel-border-width) solid var(--syn-panel-border-color);\n    border-left: 0;\n    border-radius: var(--syn-border-radius-none);\n    color: var(--syn-typography-color-text);\n    font-size: var(--syn-font-size-medium);\n    line-height: var(--syn-line-height-normal);\n    min-height: 56px;\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-accent-color);\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(--syn-font-size-x-large);\n  }\n\n  .alert__message {\n    padding: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-medium) var(--syn-spacing-medium);\n  }\n\n  /**\n   * Alert Icon\n   */\n  .alert__icon {\n    color: var(--variant-accent-color);\n    padding-block: var(--syn-spacing-medium);\n    padding-inline-start: var(--syn-spacing-medium);\n  }\n\n  /**\n   * Close Icon\n   */\n  .alert__close-button {\n    align-self: start;\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    padding-inline-end: 0;\n  }\n\n  /**\n   * Variants should highlight the left border instead of top\n   */\n  .alert--primary {\n    --variant-accent-color: var(--syn-color-primary-600);\n  }\n\n  .alert--success {\n    --variant-accent-color: var(--syn-color-success-500);\n  }\n\n  .alert--neutral {\n    --variant-accent-color: var(--syn-color-neutral-800);\n  }\n\n  .alert--warning {\n    --variant-accent-color: var(--syn-color-warning-400);\n  }\n\n  .alert--danger {\n    --variant-accent-color: var(--syn-color-error-600);\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;",
   "names": []
 }

package/dist/chunks/{chunk.FXWMPXPJ.js → chunk.BUZWN3IG.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.IDSWPDRF.js";
+} from "./chunk.FSEFSAWV.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SynSpinner;
@@ -9,4 +9,4 @@ SynSpinner.define("syn-spinner");
 export {
   spinner_default
 };
-//# sourceMappingURL=chunk.FXWMPXPJ.js.map
+//# sourceMappingURL=chunk.BUZWN3IG.js.map

package/dist/chunks/{chunk.M2K5UDOG.js → chunk.CLGIEHUT.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.H42PWZMH.js";
+} from "./chunk.NU7Y4HBJ.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.M2K5UDOG.js.map
+//# sourceMappingURL=chunk.CLGIEHUT.js.map

package/dist/chunks/{chunk.Q3YGVRWR.js → chunk.CSWY4LRE.js}

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

package/dist/chunks/{chunk.PSZ2KNDK.js → chunk.D2PXXWI3.js}

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

package/dist/chunks/{chunk.22K2VII3.js → chunk.DDXXI7QS.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.DXX5PAMY.js";
+} from "./chunk.3PMKOTZE.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.22K2VII3.js.map
+//# sourceMappingURL=chunk.DDXXI7QS.js.map

package/dist/chunks/{chunk.XIXB3JTC.js → chunk.DISV6KM2.js}

@@ -4,18 +4,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
 import {
   enableDefaultSettings
 } from "./chunk.OLCT57R5.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.XIXB3JTC.js.map
+//# sourceMappingURL=chunk.DISV6KM2.js.map

package/dist/chunks/{chunk.GE3RTZ5U.js → chunk.DKJ3I556.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.LX4NT5XO.js";
+} from "./chunk.S3EQU3EM.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.GE3RTZ5U.js.map
+//# sourceMappingURL=chunk.DKJ3I556.js.map

package/dist/chunks/{chunk.JDJ67Y5C.js → chunk.DKWWQG4N.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.EHSNF4SS.js";
 import {
   SynIcon
-} from "./chunk.H42PWZMH.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.NU7Y4HBJ.js";
 import {
   enableDefaultSettings
 } from "./chunk.OLCT57R5.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -120,4 +120,4 @@ SynRadio = __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.JDJ67Y5C.js.map
+//# sourceMappingURL=chunk.DKWWQG4N.js.map

package/dist/chunks/{chunk.NP2UDFN2.js → chunk.DSDL4EFI.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.Z22WOV57.js";
+} from "./chunk.BDIMCISA.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.NP2UDFN2.js.map
+//# sourceMappingURL=chunk.DSDL4EFI.js.map

package/dist/chunks/{chunk.ROKFIACN.js → chunk.EO3OPEKP.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.OFU3ALA5.js";
+} from "./chunk.YBQCPJ64.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.ROKFIACN.js.map
+//# sourceMappingURL=chunk.EO3OPEKP.js.map

package/dist/chunks/{chunk.63TPU2Q4.js → chunk.FB4YWSIV.js}

@@ -1,9 +1,9 @@
-import {
-  progress_ring_custom_styles_default
-} from "./chunk.2V3HGTTL.js";
 import {
   progress_ring_styles_default
 } from "./chunk.RMIDAEF5.js";
+import {
+  progress_ring_custom_styles_default
+} from "./chunk.2V3HGTTL.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.63TPU2Q4.js.map
+//# sourceMappingURL=chunk.FB4YWSIV.js.map

package/dist/chunks/{chunk.I652XHIG.js → chunk.FMSCWXRM.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.RDEQ64F4.js";
+} from "./chunk.AP4TQB5Y.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.I652XHIG.js.map
+//# sourceMappingURL=chunk.FMSCWXRM.js.map

package/dist/chunks/{chunk.IDSWPDRF.js → chunk.FSEFSAWV.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -35,4 +35,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.IDSWPDRF.js.map
+//# sourceMappingURL=chunk.FSEFSAWV.js.map

package/dist/chunks/{chunk.Q24B36OM.js → chunk.G5PV32ZT.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.RF6XDVZV.js";
+} from "./chunk.OGMMRDYU.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.Q24B36OM.js.map
+//# sourceMappingURL=chunk.G5PV32ZT.js.map

package/dist/chunks/{chunk.E47UYFGZ.js → chunk.GER7L4VE.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.KL322SB3.js";
+} from "./chunk.WNYFGTGZ.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.E47UYFGZ.js.map
+//# sourceMappingURL=chunk.GER7L4VE.js.map

package/dist/chunks/{chunk.AZ4RLLGC.js → chunk.GGWUUMB6.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.AZ4RLLGC.js.map
+//# sourceMappingURL=chunk.GGWUUMB6.js.map

package/dist/chunks/{chunk.GZDFE6IM.js → chunk.GLQMUPVM.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.2MDGY2UP.js";
 import {
   SynPopup
-} from "./chunk.WZ435WQP.js";
+} from "./chunk.HOIN3TC4.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -21,18 +21,18 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.HQ6QUSK7.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -374,4 +374,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.GZDFE6IM.js.map
+//# sourceMappingURL=chunk.GLQMUPVM.js.map

package/dist/chunks/{chunk.3Z44F32B.js → chunk.GNSGS3KB.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.3Z44F32B.js.map
+//# sourceMappingURL=chunk.GNSGS3KB.js.map

package/dist/chunks/{chunk.BYXIIS2U.js → chunk.GW4YHGVZ.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.53MU7ZSA.js";
+} from "./chunk.PM6CHOEX.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.BYXIIS2U.js.map
+//# sourceMappingURL=chunk.GW4YHGVZ.js.map

package/dist/chunks/{chunk.IQJEP44K.js → chunk.GWCD75E5.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.I2CXW4IQ.js";
+} from "./chunk.6R7QLQFP.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.IQJEP44K.js.map
+//# sourceMappingURL=chunk.GWCD75E5.js.map

package/dist/chunks/{chunk.BOPAJNRC.js → chunk.HB6RCGWP.js}

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

package/dist/chunks/{chunk.U5ZUODJC.js → chunk.HGDJHO2E.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.EBFUBH7K.js";
+} from "./chunk.QGOTP4SD.js";
 import {
   select_styles_default
 } from "./chunk.XTWO6ZZW.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.B6HFSIU2.js";
 import {
   SynPopup
-} from "./chunk.WZ435WQP.js";
+} from "./chunk.HOIN3TC4.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -36,22 +36,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.H42PWZMH.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.NU7Y4HBJ.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
 import {
   enableDefaultSettings
 } from "./chunk.OLCT57R5.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -810,4 +810,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.U5ZUODJC.js.map
+//# sourceMappingURL=chunk.HGDJHO2E.js.map

package/dist/chunks/{chunk.WZ435WQP.js → chunk.HOIN3TC4.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -415,4 +415,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.WZ435WQP.js.map
+//# sourceMappingURL=chunk.HOIN3TC4.js.map

package/dist/chunks/{chunk.I5POUS6I.js → chunk.INIUTCO5.js}

@@ -1,16 +1,16 @@
-import {
-  radio_group_styles_default
-} from "./chunk.K62NPKGN.js";
 import {
   radio_group_custom_styles_default
 } from "./chunk.32LFHSM5.js";
+import {
+  radio_group_styles_default
+} from "./chunk.K62NPKGN.js";
 import {
   form_control_custom_styles_default,
   form_control_styles_default
 } from "./chunk.FKKJBKYL.js";
 import {
   SynButtonGroup
-} from "./chunk.I2CXW4IQ.js";
+} from "./chunk.6R7QLQFP.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -20,18 +20,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
 import {
   enableDefaultSettings
 } from "./chunk.OLCT57R5.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -369,4 +369,4 @@ SynRadioGroup = __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.I5POUS6I.js.map
+//# sourceMappingURL=chunk.INIUTCO5.js.map

package/dist/chunks/{chunk.A57CYHL4.js → chunk.J7UBXOP6.js}

@@ -3,25 +3,25 @@ import {
   isBlurEvent,
   isInvalidEvent,
   normalizeEventAttribute
-} from "./chunk.4DU55CZF.js";
+} from "./chunk.VXIWVBAK.js";
 import {
   validate_styles_default
 } from "./chunk.MVM3NN6Y.js";
 import {
   SynAlert
-} from "./chunk.OB7QVS3V.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.RJPVCBRN.js";
 import {
   enableDefaultSettings
 } from "./chunk.OLCT57R5.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -330,4 +330,4 @@ SynValidate = __decorateClass([
 export {
   SynValidate
 };
-//# sourceMappingURL=chunk.A57CYHL4.js.map
+//# sourceMappingURL=chunk.J7UBXOP6.js.map

package/dist/chunks/{chunk.EHRZTYMK.js → chunk.K6KDMGYN.js}

@@ -1,6 +1,6 @@
 import {
   SynCard
-} from "./chunk.WUNEA5ON.js";
+} from "./chunk.3JHV2TLY.js";
 
 // src/components/card/card.ts
 var card_default = SynCard;
@@ -9,4 +9,4 @@ SynCard.define("syn-card");
 export {
   card_default
 };
-//# sourceMappingURL=chunk.EHRZTYMK.js.map
+//# sourceMappingURL=chunk.K6KDMGYN.js.map

package/dist/chunks/{chunk.XUHVFZ3J.js → chunk.KOB5SBPR.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.RAOPZXJL.js";
 import {
   SynDivider
-} from "./chunk.RGXEM6KV.js";
+} from "./chunk.4AKZLG3Z.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -34,4 +34,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.XUHVFZ3J.js.map
+//# sourceMappingURL=chunk.KOB5SBPR.js.map

package/dist/chunks/{chunk.NAW62RFO.js → chunk.L6MNTL26.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.IDSWPDRF.js";
+} from "./chunk.FSEFSAWV.js";
 import {
   FormControlController,
   validValidityState
@@ -17,22 +17,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.H42PWZMH.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.NU7Y4HBJ.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
 import {
   enableDefaultSettings
 } from "./chunk.OLCT57R5.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.6DVPRASB.js";
+} from "./chunk.63JBM7GM.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -295,4 +295,4 @@ SynButton = __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.NAW62RFO.js.map
+//# sourceMappingURL=chunk.L6MNTL26.js.map

package/dist/chunks/{chunk.6LHWMYJQ.js → chunk.LBMZ252M.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.7YBKIIE7.js";
+} from "./chunk.5CNSQ7CU.js";
 
 // src/components/nav-item/nav-item.ts
 var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
 export {
   nav_item_default
 };
-//# sourceMappingURL=chunk.6LHWMYJQ.js.map
+//# sourceMappingURL=chunk.LBMZ252M.js.map