@synergy-design-system/components 3.10.1 → 3.10.2

package/dist/chunks/{chunk.DZTRG3XE.js → chunk.R5IEVVQL.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.EFSUQWJZ.js";
 import {
   SynNavItem
-} from "./chunk.UIVHZNZM.js";
+} from "./chunk.QVJ6ZSFA.js";
 import {
   SynDrawer
-} from "./chunk.LAJFH5KG.js";
+} from "./chunk.U3H5MTMZ.js";
 import {
   SynDivider
-} from "./chunk.FWTDIVSJ.js";
+} from "./chunk.JA3TBAI6.js";
 import {
   unlockBodyScrolling
 } from "./chunk.2DT3C6WE.js";
@@ -26,22 +26,22 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.6HHFOZFZ.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
+} from "./chunk.ITOPYFRL.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
 } from "./chunk.5YZ63VR2.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.T7NCJ2IE.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -333,4 +333,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.DZTRG3XE.js.map
+//# sourceMappingURL=chunk.R5IEVVQL.js.map

package/dist/chunks/{chunk.MFNSIPMN.js → chunk.RFRENHDZ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.T7NCJ2IE.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.MFNSIPMN.js.map
+//# sourceMappingURL=chunk.RFRENHDZ.js.map

package/dist/chunks/{chunk.MG2WOJN4.js → chunk.SA7IBQR5.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.6DETDK24.js";
+} from "./chunk.PO6NVZNH.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.MG2WOJN4.js.map
+//# sourceMappingURL=chunk.SA7IBQR5.js.map

package/dist/chunks/{chunk.QTWJH7IG.js → chunk.SN2BBDGO.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.SSRFISNT.js";
+} from "./chunk.VFFQIPHT.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -31,18 +31,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.T7NCJ2IE.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.QTWJH7IG.js.map
+//# sourceMappingURL=chunk.SN2BBDGO.js.map

package/dist/chunks/{chunk.CIQTR7LH.js → chunk.T64EWM52.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.OJ3N7TWP.js";
 import {
   SynNavItem
-} from "./chunk.UIVHZNZM.js";
+} from "./chunk.QVJ6ZSFA.js";
 import {
   SynMenu
-} from "./chunk.BWB57K7S.js";
+} from "./chunk.2SVZ4H52.js";
 import {
   SynDropdown
-} from "./chunk.NYDGZFQN.js";
+} from "./chunk.HPEPSKBA.js";
 import {
   SynIcon
-} from "./chunk.6HHFOZFZ.js";
+} from "./chunk.ITOPYFRL.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.T7NCJ2IE.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.CIQTR7LH.js.map
+//# sourceMappingURL=chunk.T64EWM52.js.map

package/dist/chunks/{chunk.4W44NHUC.js → chunk.TOKJDMD4.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.5J6XQOR5.js";
+} from "./chunk.PKQXKPYL.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.4W44NHUC.js.map
+//# sourceMappingURL=chunk.TOKJDMD4.js.map

package/dist/chunks/{chunk.LAJFH5KG.js → chunk.U3H5MTMZ.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.SSRFISNT.js";
+} from "./chunk.VFFQIPHT.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -31,18 +31,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.T7NCJ2IE.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -407,4 +407,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.LAJFH5KG.js.map
+//# sourceMappingURL=chunk.U3H5MTMZ.js.map

package/dist/chunks/{chunk.LCFXBXMO.js → chunk.UCNRMXRR.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.A3YIU7LV.js";
+} from "./chunk.I3KIEOBW.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.LCFXBXMO.js.map
+//# sourceMappingURL=chunk.UCNRMXRR.js.map

package/dist/chunks/{chunk.VDJILVXM.js → chunk.UDZNXO2V.js}

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

package/dist/chunks/{chunk.Y33MLVER.js → chunk.UHGNWEDW.js}

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "./chunk.CR4ZIOT2.js";
+} from "./chunk.E63RWEUB.js";
 
 // src/components/tab-group/tab-group.ts
 var tab_group_default = SynTabGroup;
@@ -9,4 +9,4 @@ SynTabGroup.define("syn-tab-group");
 export {
   tab_group_default
 };
-//# sourceMappingURL=chunk.Y33MLVER.js.map
+//# sourceMappingURL=chunk.UHGNWEDW.js.map

package/dist/chunks/{chunk.SSRFISNT.js → chunk.VFFQIPHT.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.DAIQ5WRI.js";
 import {
   SynIcon
-} from "./chunk.6HHFOZFZ.js";
+} from "./chunk.ITOPYFRL.js";
 import {
   enableDefaultSettings
 } from "./chunk.5YZ63VR2.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.T7NCJ2IE.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.SSRFISNT.js.map
+//# sourceMappingURL=chunk.VFFQIPHT.js.map

package/dist/chunks/{chunk.WQKXULBZ.js → chunk.VPEV3NUK.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.646Q3OAT.js";
+} from "./chunk.6LBB5Z2B.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.WQKXULBZ.js.map
+//# sourceMappingURL=chunk.VPEV3NUK.js.map

package/dist/chunks/{chunk.KFCDM4YA.js → chunk.W6ZKUJWA.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.VDTGOHLI.js";
+} from "./chunk.AUIZXUJE.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.KFCDM4YA.js.map
+//# sourceMappingURL=chunk.W6ZKUJWA.js.map

package/dist/chunks/{chunk.ZZK73HTU.js → chunk.WZAK7NWJ.js}

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

package/dist/chunks/{chunk.TKW254XU.js → chunk.X7ODXZUP.js}

@@ -13,18 +13,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
 import {
   enableDefaultSettings
 } from "./chunk.5YZ63VR2.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.T7NCJ2IE.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -264,4 +264,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.TKW254XU.js.map
+//# sourceMappingURL=chunk.X7ODXZUP.js.map

package/dist/chunks/{chunk.723OK5XD.js → chunk.XBGYUAYX.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.WACF7GKD.js";
+} from "./chunk.XMAY4KPE.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.723OK5XD.js.map
+//# sourceMappingURL=chunk.XBGYUAYX.js.map

package/dist/chunks/{chunk.3VRROLE3.js → chunk.XK7MSV7K.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.FWTDIVSJ.js";
+} from "./chunk.JA3TBAI6.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.3VRROLE3.js.map
+//# sourceMappingURL=chunk.XK7MSV7K.js.map

package/dist/chunks/{chunk.WACF7GKD.js → chunk.XMAY4KPE.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.T7NCJ2IE.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -148,4 +148,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.WACF7GKD.js.map
+//# sourceMappingURL=chunk.XMAY4KPE.js.map

package/dist/chunks/{chunk.FG4TEPUZ.js → chunk.XRAHORXU.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.T7NCJ2IE.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -120,4 +120,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.FG4TEPUZ.js.map
+//# sourceMappingURL=chunk.XRAHORXU.js.map

package/dist/chunks/{chunk.RKM2XBCY.js → chunk.XZISTPH3.js}

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

package/dist/chunks/{chunk.G7OPEGVA.js → chunk.YKIXSRVO.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.T7NCJ2IE.js";
+} from "./chunk.BGLBH4XL.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.G7OPEGVA.js.map
+//# sourceMappingURL=chunk.YKIXSRVO.js.map

package/dist/chunks/{chunk.KEO5PHF2.js → chunk.YKLAJMGK.js}

@@ -241,8 +241,9 @@ var range_styles_default = css`
   /* Ticks */
   .ticks {
     cursor: pointer;
-    margin: 1px 0;
-    position: relative;
+    inset-inline: 0;
+    position: absolute;
+    top: 100%;
     user-select: none;
   }
 
@@ -311,4 +312,4 @@ var range_styles_default = css`
 export {
   range_styles_default
 };
-//# sourceMappingURL=chunk.KEO5PHF2.js.map
+//# sourceMappingURL=chunk.YKLAJMGK.js.map

package/dist/chunks/{chunk.KEO5PHF2.js.map → chunk.YKLAJMGK.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/range/range.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    /*\n     * Values here apply for the default size of \"medium\"\n     * For other sizes, see below\n     */\n    --thumb-size: var(--syn-spacing-medium);\n    --thumb-hit-area-size: 1.4;\n    --track-hit-area-size: var(--syn-spacing-medium);\n    --track-active-offset: 0px;\n    --track-color-active: var(--syn-range-track-color-active);\n    --track-color-inactive: var(--syn-range-color-inactive);\n    --track-height: var(--syn-spacing-2x-small);\n\n    /* This is needed to get the full with of the element, including the border */\n    --full-thumb-size: calc(var(--thumb-size) + (var(--syn-focus-ring-width) * 2));\n\n    /*\n     * There are multiple places where we need the half width of the thumb\n     * This is needed for example to position the knob on the track or\n     * provide the spacing to the left and right for the track to make it stand \"over\"\n     */\n    --half-thumb-size: calc(var(--full-thumb-size) / 2);\n  }\n\n  /* Sizes */\n  :host([size='small']) {\n    --thumb-size: var(--syn-spacing-small);\n  }\n\n  :host([size='large']) {\n    --thumb-size: var(--syn-spacing-medium-large);\n  }\n\n  .form-control {\n    align-items: stretch;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    writing-mode: horizontal-tb;\n  }\n\n  .base {\n    align-items: center;\n    cursor: text;\n    display: inline-flex;\n    flex: 1 1 auto;\n    font-family: var(--syn-input-font-family);\n    font-size: var(--syn-input-font-size-medium);\n    font-weight: var(--syn-input-font-weight);\n    justify-content: start;\n    letter-spacing: var(--syn-input-letter-spacing);\n    position: relative;\n    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */\n    touch-action: none; /* Prevent misbehavior in mobile by disabling native touch */\n    -webkit-touch-callout: none;\n    transition: var(--syn-transition-fast) color, var(--syn-transition-fast) border, var(--syn-transition-fast) box-shadow, var(--syn-transition-fast) background-color;\n    /* stylelint-disable-next-line property-no-vendor-prefix */\n    -webkit-user-select: none;\n    vertical-align: middle;\n    width: 100%;\n  }\n\n  .input__wrapper {\n    flex: 1 0 auto;\n    margin: 0 var(--half-thumb-size);\n    position: relative;\n  }\n\n  :host([disabled]) .base {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  .input__prefix,\n  .input__suffix {\n    align-items: center;\n    color: var(--syn-input-icon-color);\n    cursor: default;\n    display: inline-flex;\n    flex: 0 0 auto;\n  }\n\n  /* Sizing for the prefix and suffix */\n  .form-control--small .input__prefix ::slotted(*) {\n    font-size: var(--syn-input-font-size-small);\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  .form-control--small .input__suffix ::slotted(*) {\n    font-size: var(--syn-input-font-size-small);\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n\n  .form-control--medium .input__prefix ::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-small);\n  }\n\n  .form-control--medium .input__suffix ::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-small);\n  }\n\n  .form-control--large .input__prefix ::slotted(*) {\n    font-size: var(--syn-input-font-size-large);\n    margin-inline-end: var(--syn-input-spacing-medium);\n  }\n\n  .form-control--large .input__suffix ::slotted(*) {\n    font-size: var(--syn-input-font-size-large);\n    margin-inline-start: var(--syn-input-spacing-medium);\n  }\n\n  .form-control--small .input__prefix ::slotted(syn-icon),\n  .form-control--small .input__suffix ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-medium);\n  }\n\n  .form-control--medium .input__prefix ::slotted(syn-icon),\n  .form-control--medium .input__suffix ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n  }\n  \n  .form-control--large .input__prefix ::slotted(syn-icon),\n  .form-control--large .input__suffix ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-2x-large);\n  }\n\n  .track__wrapper {\n    cursor: pointer;\n    position: relative;\n  }\n\n  /* Internal helper for a better click surface on tracks */\n  .track__click-helper {\n    inset: calc(var(--track-hit-area-size) * -1) calc(var(--half-thumb-size) * -1);\n    position: absolute;\n  }\n\n  .track {\n    background-color: var(--track-color-inactive);\n    border-radius: var(--syn-border-radius-pill);\n    height: var(--track-height);\n    margin: calc((var(--full-thumb-size) - var(--track-height)) / 2) calc(var(--half-thumb-size) * -1);\n  }\n\n  .active-track {\n    background-color: var(--track-color-active);\n    border-radius: var(--syn-border-radius-pill);\n    height: var(--track-height);\n    margin: 0 calc(var(--half-thumb-size) * -1);\n    position: absolute;\n    top: 0;\n    z-index: 2;\n  }\n\n  .thumb {\n    background-color: var(--syn-interactive-emphasis-color);\n    border: var(--syn-focus-ring-width) solid var(--syn-input-border-color-offset);\n    border-radius: var(--syn-border-radius-circle);\n    cursor: pointer;\n    display: block;\n    height: var(--full-thumb-size);\n    position: absolute;\n    top: 0;\n    transition: transform var(--syn-transition-fast) ease-in-out, background-color var(--syn-transition-fast) ease-in-out, box-shadow var(--syn-transition-fast) ease-in-out;\n    user-select: none;\n    width: var(--full-thumb-size);\n    z-index: 3;\n  }\n\n  /**\n   * Adds some space to the thumb that makes it easier to click and drag\n   */\n  .thumb::after {\n    background: transparent;\n    border-radius: var(--syn-border-radius-circle);\n    content: \"\";\n    display: block;\n  \n    /* The --thumb-size needs to be used to subtract from, because the border of the thumb is not calculated into the inset */\n    inset: calc((var(--thumb-size) - (var(--full-thumb-size) * var(--thumb-hit-area-size)) ) / 2);\n\n    /* This is needed as we also attach a pointerleave listener that stops */\n    pointer-events: none;\n    position: absolute;\n  }\n\n  .thumb:hover {\n    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */\n    cursor: grab;\n  }\n\n  .thumb.grabbed {\n    background: var(--syn-interactive-emphasis-color-active);\n    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */\n    cursor: grabbing;\n  }\n\n  .thumb:focus-visible {\n    outline: none;\n  }\n\n  .thumb:not(.grabbed):focus-visible {\n    background: var(--syn-interactive-emphasis-color-hover);\n    outline: var(--syn-focus-ring);\n    outline-offset: 0;\n  }\n\n  :host([disabled]) .track__wrapper,\n  :host([disabled]) .thumb,\n  :host([disabled]) .thumb.grabbed {\n    cursor: not-allowed;\n  }\n\n  :host([readonly]) .track__wrapper,\n  :host([readonly]) .thumb,\n  :host([readonly]) .thumb.grabbed {\n    cursor: default;\n  }\n\n  /*\n   * Guard against mobile devices not removing the transform\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/any-hover\n   */\n  @media (any-hover: hover) {\n    :host(:not([disabled]):not([readonly])) .thumb:hover  {\n      transform: scale(var(--thumb-hit-area-size));\n    }\n\n    :host(:not([disabled]):not([readonly])) .thumb:not(.grabbed):hover  {\n      background: var(--syn-interactive-emphasis-color-hover);\n    }\n    \n    :host(:not([disabled]):not([readonly])) .thumb:hover::after  {\n      /* Unset the area of the thumb click and drag area space, so it does not scale with the hover */\n      inset: unset;\n    }\n  }\n\n  /* Ticks */\n  .ticks {\n    cursor: pointer;\n    margin: 1px 0;\n    position: relative;\n    user-select: none;\n  }\n\n  .form-control--small .ticks ::slotted(*) {\n    font-size: var(--syn-font-size-small);\n  }\n\n  .form-control--large .ticks ::slotted(*) {\n    font-size: var(--syn-font-size-large);\n  }\n\n  /**\n   * Visually hide elements without display:none to make aria and other accessibility stuff work correctly\n   * This is necessary for accessibility reasons and e.g. for the native html input validation popup to be\n   * shown.\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  /**\n   * Position the validation input to the bottom and center of the range track\n   */\n  .range__validation-input {\n    bottom: 0;\n    left: 50%;\n  }\n  \n\n  :host([data-user-invalid]) .active-track {\n    --track-color-active: var(--syn-range-error-color);\n  }\n\n  :host([data-user-invalid]) .thumb {\n    background-color: var(--syn-range-error-color);\n  }\n\n  /**\n   * #1176: Readonly state\n   */\n  :host([readonly]) {\n    --track-color-active: var(--syn-readonly-indicator-color);\n    --track-color-inactive: var(--syn-readonly-background-color);\n  }\n\n  :host([readonly]) .thumb {\n    background-color: var(--syn-readonly-indicator-color);\n  }\n\n  :host([readonly]) .thumb:focus {\n    background-color: var(--syn-readonly-indicator-color);\n    outline: var(--syn-focus-ring);\n    outline-offset: 0;\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,uBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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  :host {\n    /*\n     * Values here apply for the default size of \"medium\"\n     * For other sizes, see below\n     */\n    --thumb-size: var(--syn-spacing-medium);\n    --thumb-hit-area-size: 1.4;\n    --track-hit-area-size: var(--syn-spacing-medium);\n    --track-active-offset: 0px;\n    --track-color-active: var(--syn-range-track-color-active);\n    --track-color-inactive: var(--syn-range-color-inactive);\n    --track-height: var(--syn-spacing-2x-small);\n\n    /* This is needed to get the full with of the element, including the border */\n    --full-thumb-size: calc(var(--thumb-size) + (var(--syn-focus-ring-width) * 2));\n\n    /*\n     * There are multiple places where we need the half width of the thumb\n     * This is needed for example to position the knob on the track or\n     * provide the spacing to the left and right for the track to make it stand \"over\"\n     */\n    --half-thumb-size: calc(var(--full-thumb-size) / 2);\n  }\n\n  /* Sizes */\n  :host([size='small']) {\n    --thumb-size: var(--syn-spacing-small);\n  }\n\n  :host([size='large']) {\n    --thumb-size: var(--syn-spacing-medium-large);\n  }\n\n  .form-control {\n    align-items: stretch;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    writing-mode: horizontal-tb;\n  }\n\n  .base {\n    align-items: center;\n    cursor: text;\n    display: inline-flex;\n    flex: 1 1 auto;\n    font-family: var(--syn-input-font-family);\n    font-size: var(--syn-input-font-size-medium);\n    font-weight: var(--syn-input-font-weight);\n    justify-content: start;\n    letter-spacing: var(--syn-input-letter-spacing);\n    position: relative;\n    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */\n    touch-action: none; /* Prevent misbehavior in mobile by disabling native touch */\n    -webkit-touch-callout: none;\n    transition: var(--syn-transition-fast) color, var(--syn-transition-fast) border, var(--syn-transition-fast) box-shadow, var(--syn-transition-fast) background-color;\n    /* stylelint-disable-next-line property-no-vendor-prefix */\n    -webkit-user-select: none;\n    vertical-align: middle;\n    width: 100%;\n  }\n\n  .input__wrapper {\n    flex: 1 0 auto;\n    margin: 0 var(--half-thumb-size);\n    position: relative;\n  }\n\n  :host([disabled]) .base {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  .input__prefix,\n  .input__suffix {\n    align-items: center;\n    color: var(--syn-input-icon-color);\n    cursor: default;\n    display: inline-flex;\n    flex: 0 0 auto;\n  }\n\n  /* Sizing for the prefix and suffix */\n  .form-control--small .input__prefix ::slotted(*) {\n    font-size: var(--syn-input-font-size-small);\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  .form-control--small .input__suffix ::slotted(*) {\n    font-size: var(--syn-input-font-size-small);\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n\n  .form-control--medium .input__prefix ::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-small);\n  }\n\n  .form-control--medium .input__suffix ::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-small);\n  }\n\n  .form-control--large .input__prefix ::slotted(*) {\n    font-size: var(--syn-input-font-size-large);\n    margin-inline-end: var(--syn-input-spacing-medium);\n  }\n\n  .form-control--large .input__suffix ::slotted(*) {\n    font-size: var(--syn-input-font-size-large);\n    margin-inline-start: var(--syn-input-spacing-medium);\n  }\n\n  .form-control--small .input__prefix ::slotted(syn-icon),\n  .form-control--small .input__suffix ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-medium);\n  }\n\n  .form-control--medium .input__prefix ::slotted(syn-icon),\n  .form-control--medium .input__suffix ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n  }\n  \n  .form-control--large .input__prefix ::slotted(syn-icon),\n  .form-control--large .input__suffix ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-2x-large);\n  }\n\n  .track__wrapper {\n    cursor: pointer;\n    position: relative;\n  }\n\n  /* Internal helper for a better click surface on tracks */\n  .track__click-helper {\n    inset: calc(var(--track-hit-area-size) * -1) calc(var(--half-thumb-size) * -1);\n    position: absolute;\n  }\n\n  .track {\n    background-color: var(--track-color-inactive);\n    border-radius: var(--syn-border-radius-pill);\n    height: var(--track-height);\n    margin: calc((var(--full-thumb-size) - var(--track-height)) / 2) calc(var(--half-thumb-size) * -1);\n  }\n\n  .active-track {\n    background-color: var(--track-color-active);\n    border-radius: var(--syn-border-radius-pill);\n    height: var(--track-height);\n    margin: 0 calc(var(--half-thumb-size) * -1);\n    position: absolute;\n    top: 0;\n    z-index: 2;\n  }\n\n  .thumb {\n    background-color: var(--syn-interactive-emphasis-color);\n    border: var(--syn-focus-ring-width) solid var(--syn-input-border-color-offset);\n    border-radius: var(--syn-border-radius-circle);\n    cursor: pointer;\n    display: block;\n    height: var(--full-thumb-size);\n    position: absolute;\n    top: 0;\n    transition: transform var(--syn-transition-fast) ease-in-out, background-color var(--syn-transition-fast) ease-in-out, box-shadow var(--syn-transition-fast) ease-in-out;\n    user-select: none;\n    width: var(--full-thumb-size);\n    z-index: 3;\n  }\n\n  /**\n   * Adds some space to the thumb that makes it easier to click and drag\n   */\n  .thumb::after {\n    background: transparent;\n    border-radius: var(--syn-border-radius-circle);\n    content: \"\";\n    display: block;\n  \n    /* The --thumb-size needs to be used to subtract from, because the border of the thumb is not calculated into the inset */\n    inset: calc((var(--thumb-size) - (var(--full-thumb-size) * var(--thumb-hit-area-size)) ) / 2);\n\n    /* This is needed as we also attach a pointerleave listener that stops */\n    pointer-events: none;\n    position: absolute;\n  }\n\n  .thumb:hover {\n    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */\n    cursor: grab;\n  }\n\n  .thumb.grabbed {\n    background: var(--syn-interactive-emphasis-color-active);\n    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */\n    cursor: grabbing;\n  }\n\n  .thumb:focus-visible {\n    outline: none;\n  }\n\n  .thumb:not(.grabbed):focus-visible {\n    background: var(--syn-interactive-emphasis-color-hover);\n    outline: var(--syn-focus-ring);\n    outline-offset: 0;\n  }\n\n  :host([disabled]) .track__wrapper,\n  :host([disabled]) .thumb,\n  :host([disabled]) .thumb.grabbed {\n    cursor: not-allowed;\n  }\n\n  :host([readonly]) .track__wrapper,\n  :host([readonly]) .thumb,\n  :host([readonly]) .thumb.grabbed {\n    cursor: default;\n  }\n\n  /*\n   * Guard against mobile devices not removing the transform\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/any-hover\n   */\n  @media (any-hover: hover) {\n    :host(:not([disabled]):not([readonly])) .thumb:hover  {\n      transform: scale(var(--thumb-hit-area-size));\n    }\n\n    :host(:not([disabled]):not([readonly])) .thumb:not(.grabbed):hover  {\n      background: var(--syn-interactive-emphasis-color-hover);\n    }\n    \n    :host(:not([disabled]):not([readonly])) .thumb:hover::after  {\n      /* Unset the area of the thumb click and drag area space, so it does not scale with the hover */\n      inset: unset;\n    }\n  }\n\n  /* Ticks */\n  .ticks {\n    cursor: pointer;\n    inset-inline: 0;\n    position: absolute;\n    top: 100%;\n    user-select: none;\n  }\n\n  .form-control--small .ticks ::slotted(*) {\n    font-size: var(--syn-font-size-small);\n  }\n\n  .form-control--large .ticks ::slotted(*) {\n    font-size: var(--syn-font-size-large);\n  }\n\n  /**\n   * Visually hide elements without display:none to make aria and other accessibility stuff work correctly\n   * This is necessary for accessibility reasons and e.g. for the native html input validation popup to be\n   * shown.\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  /**\n   * Position the validation input to the bottom and center of the range track\n   */\n  .range__validation-input {\n    bottom: 0;\n    left: 50%;\n  }\n  \n\n  :host([data-user-invalid]) .active-track {\n    --track-color-active: var(--syn-range-error-color);\n  }\n\n  :host([data-user-invalid]) .thumb {\n    background-color: var(--syn-range-error-color);\n  }\n\n  /**\n   * #1176: Readonly state\n   */\n  :host([readonly]) {\n    --track-color-active: var(--syn-readonly-indicator-color);\n    --track-color-inactive: var(--syn-readonly-background-color);\n  }\n\n  :host([readonly]) .thumb {\n    background-color: var(--syn-readonly-indicator-color);\n  }\n\n  :host([readonly]) .thumb:focus {\n    background-color: var(--syn-readonly-indicator-color);\n    outline: var(--syn-focus-ring);\n    outline-offset: 0;\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,uBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.KTGGPDLB.js → chunk.Z2MXI5N6.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.DMZVOWLP.js";
+} from "./chunk.ZASBZ6NC.js";
 
 // src/components/tab-panel/tab-panel.ts
 var tab_panel_default = SynTabPanel;
@@ -9,4 +9,4 @@ SynTabPanel.define("syn-tab-panel");
 export {
   tab_panel_default
 };
-//# sourceMappingURL=chunk.KTGGPDLB.js.map
+//# sourceMappingURL=chunk.Z2MXI5N6.js.map

package/dist/chunks/{chunk.DMZVOWLP.js → chunk.ZASBZ6NC.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.T7NCJ2IE.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.DMZVOWLP.js.map
+//# sourceMappingURL=chunk.ZASBZ6NC.js.map

package/dist/chunks/{chunk.ZXAQDMAM.js → chunk.ZCSZVZGZ.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.UIVHZNZM.js";
+} from "./chunk.QVJ6ZSFA.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.ZXAQDMAM.js.map
+//# sourceMappingURL=chunk.ZCSZVZGZ.js.map

package/dist/chunks/{chunk.JBJPQPMY.js → chunk.ZWKWHDFH.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.CIQTR7LH.js";
+} from "./chunk.T64EWM52.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.JBJPQPMY.js.map
+//# sourceMappingURL=chunk.ZWKWHDFH.js.map

package/dist/chunks/{chunk.CWZOEJDL.js → chunk.ZX7OTHHL.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.G7OPEGVA.js";
+} from "./chunk.YKIXSRVO.js";
 import {
   FormControlController,
   validValidityState
@@ -17,22 +17,22 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.6HHFOZFZ.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
+} from "./chunk.ITOPYFRL.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
 } from "./chunk.5YZ63VR2.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.T7NCJ2IE.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -295,4 +295,4 @@ SynButton = __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.CWZOEJDL.js.map
+//# sourceMappingURL=chunk.ZX7OTHHL.js.map

package/dist/components/accordion/accordion.component.js

@@ -1,15 +1,15 @@
 import {
   SynAccordion
-} from "../../chunks/chunk.646Q3OAT.js";
-import "../../chunks/chunk.SMIMHADA.js";
-import "../../chunks/chunk.WNUZ6LH4.js";
+} from "../../chunks/chunk.6LBB5Z2B.js";
 import "../../chunks/chunk.5YZ63VR2.js";
 import "../../chunks/chunk.JEJO727M.js";
 import "../../chunks/chunk.JIHDB74M.js";
 import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
+import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.T7NCJ2IE.js";
+import "../../chunks/chunk.BGLBH4XL.js";
+import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynAccordion as default