@synergy-design-system/components 2.26.4 → 2.28.0

package/dist/chunks/{chunk.JSAIPQEG.js → chunk.RHNZSBJW.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.IKJQ3AB7.js";
+} from "./chunk.7OSSD7JB.js";
 import {
   select_styles_default
 } from "./chunk.XTWO6ZZW.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.B6HFSIU2.js";
 import {
   SynPopup
-} from "./chunk.GLAGPXN5.js";
+} from "./chunk.JWOBPC7E.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -36,22 +36,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.URV3CTPJ.js";
+} from "./chunk.HZKQKTCV.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
 import {
   enableDefaultSettings
 } from "./chunk.H5F2FP4S.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EGMRXFEI.js";
+} from "./chunk.HWUW2C36.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -823,4 +823,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.JSAIPQEG.js.map
+//# sourceMappingURL=chunk.RHNZSBJW.js.map

package/dist/chunks/{chunk.CKZ6HDRD.js → chunk.S6T5PN3U.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.BQDRRVD7.js";
+} from "./chunk.RG3YEMUN.js";
 
 // src/components/range-tick/range-tick.ts
 var range_tick_default = SynRangeTick;
@@ -9,4 +9,4 @@ SynRangeTick.define("syn-range-tick");
 export {
   range_tick_default
 };
-//# sourceMappingURL=chunk.CKZ6HDRD.js.map
+//# sourceMappingURL=chunk.S6T5PN3U.js.map

package/dist/chunks/{chunk.7NMLUN6N.js → chunk.S7LCOIK2.js}

@@ -17,18 +17,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.H5F2FP4S.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  enableDefaultSettings
+} from "./chunk.H5F2FP4S.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EGMRXFEI.js";
+} from "./chunk.HWUW2C36.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -255,4 +255,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.7NMLUN6N.js.map
+//# sourceMappingURL=chunk.S7LCOIK2.js.map

package/dist/chunks/{chunk.2YQFFD2B.js → chunk.SEA3HSAW.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.H3HTSQKK.js";
 import {
   SynDivider
-} from "./chunk.YJ35XE2X.js";
+} from "./chunk.WX6G3Y7J.js";
 import {
   SynDrawer
-} from "./chunk.BXUPRT7D.js";
+} from "./chunk.5JC2NKNY.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -24,18 +24,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.GIU3H3J3.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EGMRXFEI.js";
+} from "./chunk.HWUW2C36.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -317,4 +317,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.2YQFFD2B.js.map
+//# sourceMappingURL=chunk.SEA3HSAW.js.map

package/dist/chunks/{chunk.IPQZQBCI.js → chunk.SO3VASSV.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.43YNZAWL.js";
 import {
   SynIconButton
-} from "./chunk.BN3KVAAB.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.EFQZ5B3F.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.GIU3H3J3.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EGMRXFEI.js";
+} from "./chunk.HWUW2C36.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.IPQZQBCI.js.map
+//# sourceMappingURL=chunk.SO3VASSV.js.map

package/dist/chunks/{chunk.H7GKVO6D.js → chunk.T74RI6NC.js}

@@ -9,29 +9,29 @@ import {
 } from "./chunk.V4HPWQE7.js";
 import {
   SynPopup
-} from "./chunk.GLAGPXN5.js";
+} from "./chunk.JWOBPC7E.js";
 import {
   SynSpinner
-} from "./chunk.WCZOVUGD.js";
+} from "./chunk.VTSOQ4NU.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.URV3CTPJ.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.HZKQKTCV.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.GIU3H3J3.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EGMRXFEI.js";
+} from "./chunk.HWUW2C36.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -241,4 +241,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.H7GKVO6D.js.map
+//# sourceMappingURL=chunk.T74RI6NC.js.map

package/dist/chunks/{chunk.S7AT5EVY.js → chunk.T7GCC3GQ.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.LXOM6FOQ.js";
+} from "./chunk.3RY3NMLO.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.S7AT5EVY.js.map
+//# sourceMappingURL=chunk.T7GCC3GQ.js.map

package/dist/chunks/{chunk.VJ5G35TH.js → chunk.UFNQFJO6.js}

@@ -16,6 +16,13 @@ var range_styles_default = css`
 
     /* This is needed to get the full with of the element, including the border */
     --full-thumb-size: calc(var(--thumb-size) + (var(--syn-focus-ring-width) * 2));
+
+    /*
+     * There are multiple places where we need the half width of the thumb
+     * This is needed for example to position the knob on the track or
+     * provide the spacing to the left and right for the track to make it stand "over"
+     */
+    --half-thumb-size: calc(var(--full-thumb-size) / 2);
   }
 
   /* Sizes */
@@ -46,7 +53,8 @@ var range_styles_default = css`
     justify-content: start;
     letter-spacing: var(--syn-input-letter-spacing);
     position: relative;
-    touch-action: none; /* Prevent misbehaviour in mobile by disabling native touch */
+    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+    touch-action: none; /* Prevent misbehavior in mobile by disabling native touch */
     -webkit-touch-callout: none;
     transition: var(--syn-transition-fast) color, var(--syn-transition-fast) border, var(--syn-transition-fast) box-shadow, var(--syn-transition-fast) background-color;
     /* stylelint-disable-next-line property-no-vendor-prefix */
@@ -57,6 +65,7 @@ var range_styles_default = css`
 
   .input__wrapper {
     flex: 1 0 auto;
+    margin: 0 var(--half-thumb-size);
     position: relative;
   }
 
@@ -124,7 +133,7 @@ var range_styles_default = css`
 
   /* Internal helper for a better click surface on tracks */
   .track__click-helper {
-    inset: calc(var(--track-hit-area-size) * -1) calc(var(--full-thumb-size) / 2 * -1);
+    inset: calc(var(--track-hit-area-size) * -1) calc(var(--half-thumb-size) * -1);
     position: absolute;
   }
 
@@ -132,13 +141,14 @@ var range_styles_default = css`
     background-color: var(--track-color-inactive);
     border-radius: var(--syn-border-radius-small);
     height: var(--track-height);
-    margin: calc((var(--full-thumb-size) - var(--track-height)) / 2) 0;
+    margin: calc((var(--full-thumb-size) - var(--track-height)) / 2) calc(var(--half-thumb-size) * -1);
   }
 
   .active-track {
     background-color: var(--track-color-active);
     border-radius: var(--syn-border-radius-small);
     height: var(--track-height);
+    margin: 0 calc(var(--half-thumb-size) * -1);
     position: absolute;
     top: 0;
     z-index: 2;
@@ -177,11 +187,13 @@ var range_styles_default = css`
   }
 
   .thumb:hover {
+    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
     cursor: grab;
   }
 
   .thumb.grabbed {
     background: var(--syn-color-primary-950);
+    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
     cursor: grabbing;
   }
 
@@ -274,4 +286,4 @@ var range_styles_default = css`
 export {
   range_styles_default
 };
-//# sourceMappingURL=chunk.VJ5G35TH.js.map
+//# sourceMappingURL=chunk.UFNQFJO6.js.map

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

@@ -0,0 +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-color-primary-600);\n    --track-color-inactive: var(--syn-color-neutral-200);\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-small);\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-small);\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-color-primary-600);\n    border: var(--syn-focus-ring-width) solid var(--syn-color-neutral-0);\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-color-primary-950);\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-color-primary-600);\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  /*\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])) .thumb:hover  {\n      transform: scale(var(--thumb-hit-area-size));\n    }\n\n    :host(:not([disabled])) .thumb:not(.grabbed):hover  {\n      background: var(--syn-color-primary-900);\n    }\n    \n    :host(:not([disabled])) .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    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-input-border-color-focus-error);\n  }\n\n  :host([data-user-invalid]) .thumb {\n    background-color: var(--syn-input-border-color-focus-error);\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;",
+  "names": []
+}

package/dist/chunks/{chunk.THLVXCPU.js → chunk.VGFDHY7P.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.3ADVUIRT.js";
+} from "./chunk.HIJ3LQBI.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.THLVXCPU.js.map
+//# sourceMappingURL=chunk.VGFDHY7P.js.map

package/dist/chunks/{chunk.GOJ5OEZX.js → chunk.VGIRLCBR.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.BN3KVAAB.js";
+} from "./chunk.EFQZ5B3F.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.GOJ5OEZX.js.map
+//# sourceMappingURL=chunk.VGIRLCBR.js.map

package/dist/chunks/{chunk.UMMCIY62.js → chunk.VPWCNHIG.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.3TWDJQEU.js";
+} from "./chunk.R5DRODJP.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.UMMCIY62.js.map
+//# sourceMappingURL=chunk.VPWCNHIG.js.map

package/dist/chunks/{chunk.WCZOVUGD.js → chunk.VTSOQ4NU.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EGMRXFEI.js";
+} from "./chunk.HWUW2C36.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.WCZOVUGD.js.map
+//# sourceMappingURL=chunk.VTSOQ4NU.js.map

package/dist/chunks/{chunk.WWLLYMEL.js → chunk.W2OFBIUP.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.57YZ46NG.js";
+} from "./chunk.BY2U5IBG.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.WWLLYMEL.js.map
+//# sourceMappingURL=chunk.W2OFBIUP.js.map

package/dist/chunks/{chunk.QNBJVRRA.js → chunk.WBK54EDM.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.BN3KVAAB.js";
+} from "./chunk.EFQZ5B3F.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -31,18 +31,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.GIU3H3J3.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EGMRXFEI.js";
+} from "./chunk.HWUW2C36.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.QNBJVRRA.js.map
+//# sourceMappingURL=chunk.WBK54EDM.js.map

package/dist/chunks/{chunk.DM6PINQG.js → chunk.WCENRMAV.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.JCIM6NE3.js";
 import {
   SynPopup
-} from "./chunk.GLAGPXN5.js";
+} from "./chunk.JWOBPC7E.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -22,18 +22,18 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.HQ6QUSK7.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  LocalizeController
+} from "./chunk.GIU3H3J3.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EGMRXFEI.js";
+} from "./chunk.HWUW2C36.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -385,4 +385,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.DM6PINQG.js.map
+//# sourceMappingURL=chunk.WCENRMAV.js.map

package/dist/chunks/{chunk.6YQFJP6S.js → chunk.WJ3JCACY.js}

@@ -4,18 +4,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.H5F2FP4S.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  enableDefaultSettings
+} from "./chunk.H5F2FP4S.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EGMRXFEI.js";
+} from "./chunk.HWUW2C36.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.6YQFJP6S.js.map
+//# sourceMappingURL=chunk.WJ3JCACY.js.map

package/dist/chunks/{chunk.GBDIL362.js → chunk.WMCJCAUO.js}

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

package/dist/chunks/{chunk.PDXVI4FM.js → chunk.WREZ33QE.js}

@@ -1,6 +1,6 @@
 import {
   SynRange
-} from "./chunk.EYOSCN5D.js";
+} from "./chunk.5VUX3ZT6.js";
 
 // src/components/range/range.ts
 var range_default = SynRange;
@@ -9,4 +9,4 @@ SynRange.define("syn-range");
 export {
   range_default
 };
-//# sourceMappingURL=chunk.PDXVI4FM.js.map
+//# sourceMappingURL=chunk.WREZ33QE.js.map

package/dist/chunks/{chunk.YJ35XE2X.js → chunk.WX6G3Y7J.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EGMRXFEI.js";
+} from "./chunk.HWUW2C36.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -43,4 +43,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.YJ35XE2X.js.map
+//# sourceMappingURL=chunk.WX6G3Y7J.js.map

package/dist/chunks/{chunk.FRARSRVH.js → chunk.WYHIU55V.js}

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

package/dist/chunks/{chunk.UBM32Q2Y.js → chunk.XLQO4TTH.js}

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

package/dist/chunks/{chunk.VZ7TE76A.js → chunk.XUOTWTOV.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.DM6PINQG.js";
+} from "./chunk.WCENRMAV.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.VZ7TE76A.js.map
+//# sourceMappingURL=chunk.XUOTWTOV.js.map

package/dist/chunks/{chunk.FNL6TLKF.js → chunk.YFNXV4A5.js}

@@ -1,12 +1,12 @@
+import {
+  SynIcon
+} from "./chunk.HZKQKTCV.js";
 import {
   breadcrumb_custom_styles_default
 } from "./chunk.32CYREEV.js";
 import {
   breadcrumb_styles_default
 } from "./chunk.S22BO5SF.js";
-import {
-  SynIcon
-} from "./chunk.URV3CTPJ.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EGMRXFEI.js";
+} from "./chunk.HWUW2C36.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.FNL6TLKF.js.map
+//# sourceMappingURL=chunk.YFNXV4A5.js.map

package/dist/chunks/{chunk.MGMQ57P2.js → chunk.YJB7IPX3.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.PKNLMJOR.js";
+} from "./chunk.2UQSEQ7T.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.MGMQ57P2.js.map
+//# sourceMappingURL=chunk.YJB7IPX3.js.map

package/dist/chunks/{chunk.J5HMOGXR.js → chunk.YP6N5QA6.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.745RLSOU.js";
+} from "./chunk.JAOE5TUV.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.J5HMOGXR.js.map
+//# sourceMappingURL=chunk.YP6N5QA6.js.map