@synergy-design-system/components 3.10.0 → 3.10.2

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

@@ -24,7 +24,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WAPIOWX2.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -264,4 +264,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.SJASMVQN.js.map
+//# sourceMappingURL=chunk.X7ODXZUP.js.map

package/dist/chunks/{chunk.27DUQQG7.js → chunk.XBGYUAYX.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.LLCUK5XN.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.27DUQQG7.js.map
+//# sourceMappingURL=chunk.XBGYUAYX.js.map

package/dist/chunks/{chunk.32QEIJUT.js → chunk.XK7MSV7K.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.35GHIM4N.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.32QEIJUT.js.map
+//# sourceMappingURL=chunk.XK7MSV7K.js.map

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

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

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

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

package/dist/chunks/{chunk.7NPI2OZM.js → chunk.XZISTPH3.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.4P6KMC7A.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.7NPI2OZM.js.map
+//# sourceMappingURL=chunk.XZISTPH3.js.map

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

@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WAPIOWX2.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.YSMGYMUZ.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.7C6AW6ZI.js → chunk.Z2MXI5N6.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.VTUMEUHA.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.7C6AW6ZI.js.map
+//# sourceMappingURL=chunk.Z2MXI5N6.js.map

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.YSMGYMUZ.js";
+} from "./chunk.YKIXSRVO.js";
 import {
   FormControlController,
   validValidityState
@@ -17,7 +17,7 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.QH24FRAZ.js";
+} from "./chunk.ITOPYFRL.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.WAPIOWX2.js";
+} from "./chunk.BGLBH4XL.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -295,4 +295,4 @@ SynButton = __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.YYDSHN4O.js.map
+//# sourceMappingURL=chunk.ZX7OTHHL.js.map

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

@@ -1,7 +1,6 @@
 import {
   SynAccordion
-} from "../../chunks/chunk.NAASGFHG.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";
@@ -9,7 +8,8 @@ import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
+import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynAccordion as default

package/dist/components/accordion/accordion.js

@@ -1,8 +1,7 @@
 import {
   accordion_default
-} from "../../chunks/chunk.AA3DOMWR.js";
-import "../../chunks/chunk.NAASGFHG.js";
-import "../../chunks/chunk.WNUZ6LH4.js";
+} from "../../chunks/chunk.VPEV3NUK.js";
+import "../../chunks/chunk.6LBB5Z2B.js";
 import "../../chunks/chunk.5YZ63VR2.js";
 import "../../chunks/chunk.JEJO727M.js";
 import "../../chunks/chunk.JIHDB74M.js";
@@ -10,7 +9,8 @@ import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
+import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   accordion_default as default

package/dist/components/alert/alert.component.js

@@ -1,15 +1,15 @@
 import {
   SynAlert
-} from "../../chunks/chunk.FYVTCEAE.js";
+} from "../../chunks/chunk.HJ3RBW5Y.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.VAMPFLW5.js";
+import "../../chunks/chunk.VFFQIPHT.js";
 import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DAIQ5WRI.js";
 import "../../chunks/chunk.LQDIH4Z5.js";
 import "../../chunks/chunk.Q6HZ4JXR.js";
 import "../../chunks/chunk.RJUVM6NO.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.QH24FRAZ.js";
+import "../../chunks/chunk.ITOPYFRL.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.REFQKTZD.js";
@@ -20,6 +20,7 @@ import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.UA5B6CPN.js";
 import "../../chunks/chunk.5YZ63VR2.js";
 import "../../chunks/chunk.JEJO727M.js";
 import "../../chunks/chunk.JIHDB74M.js";
@@ -27,8 +28,7 @@ import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
-import "../../chunks/chunk.UA5B6CPN.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynAlert as default

package/dist/components/alert/alert.js

@@ -1,16 +1,16 @@
 import {
   alert_default
-} from "../../chunks/chunk.R66HU2TV.js";
-import "../../chunks/chunk.FYVTCEAE.js";
+} from "../../chunks/chunk.4CM5XEQ5.js";
+import "../../chunks/chunk.HJ3RBW5Y.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.VAMPFLW5.js";
+import "../../chunks/chunk.VFFQIPHT.js";
 import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DAIQ5WRI.js";
 import "../../chunks/chunk.LQDIH4Z5.js";
 import "../../chunks/chunk.Q6HZ4JXR.js";
 import "../../chunks/chunk.RJUVM6NO.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.QH24FRAZ.js";
+import "../../chunks/chunk.ITOPYFRL.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.REFQKTZD.js";
@@ -21,6 +21,7 @@ import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.UA5B6CPN.js";
 import "../../chunks/chunk.5YZ63VR2.js";
 import "../../chunks/chunk.JEJO727M.js";
 import "../../chunks/chunk.JIHDB74M.js";
@@ -28,8 +29,7 @@ import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
-import "../../chunks/chunk.UA5B6CPN.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   alert_default as default

package/dist/components/badge/badge.component.js

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "../../chunks/chunk.UCF2NSFX.js";
+} from "../../chunks/chunk.PO6NVZNH.js";
 import "../../chunks/chunk.SA423NRC.js";
 import "../../chunks/chunk.CMOZ4SCN.js";
 import "../../chunks/chunk.QLETXF4A.js";
@@ -11,7 +11,7 @@ import "../../chunks/chunk.JIHDB74M.js";
 import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynBadge as default

package/dist/components/badge/badge.js

@@ -1,7 +1,7 @@
 import {
   badge_default
-} from "../../chunks/chunk.RPCTZEFZ.js";
-import "../../chunks/chunk.UCF2NSFX.js";
+} from "../../chunks/chunk.SA7IBQR5.js";
+import "../../chunks/chunk.PO6NVZNH.js";
 import "../../chunks/chunk.SA423NRC.js";
 import "../../chunks/chunk.CMOZ4SCN.js";
 import "../../chunks/chunk.QLETXF4A.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.JIHDB74M.js";
 import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   badge_default as default

package/dist/components/breadcrumb/breadcrumb.component.js

@@ -1,9 +1,9 @@
 import {
   SynBreadcrumb
-} from "../../chunks/chunk.YDSPUGCN.js";
+} from "../../chunks/chunk.IWDVMNZJ.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.WRPQ3635.js";
-import "../../chunks/chunk.QH24FRAZ.js";
+import "../../chunks/chunk.ITOPYFRL.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.REFQKTZD.js";
@@ -16,7 +16,7 @@ import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.PLV4PZYX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynBreadcrumb as default

package/dist/components/breadcrumb/breadcrumb.js

@@ -1,10 +1,10 @@
 import {
   breadcrumb_default
-} from "../../chunks/chunk.VCJMQQWM.js";
-import "../../chunks/chunk.YDSPUGCN.js";
+} from "../../chunks/chunk.UDZNXO2V.js";
+import "../../chunks/chunk.IWDVMNZJ.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.WRPQ3635.js";
-import "../../chunks/chunk.QH24FRAZ.js";
+import "../../chunks/chunk.ITOPYFRL.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.REFQKTZD.js";
@@ -17,7 +17,7 @@ import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.PLV4PZYX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   breadcrumb_default as default

package/dist/components/breadcrumb-item/breadcrumb-item.component.js

@@ -1,12 +1,12 @@
 import {
   SynBreadcrumbItem
-} from "../../chunks/chunk.IWVT3WWG.js";
+} from "../../chunks/chunk.XRAHORXU.js";
 import "../../chunks/chunk.BVV2XKW3.js";
 import "../../chunks/chunk.OFKOVRHG.js";
 import "../../chunks/chunk.CHFWLQN5.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynBreadcrumbItem as default

package/dist/components/breadcrumb-item/breadcrumb-item.js

@@ -1,13 +1,13 @@
 import {
   breadcrumb_item_default
-} from "../../chunks/chunk.3OYNMKQL.js";
-import "../../chunks/chunk.IWVT3WWG.js";
+} from "../../chunks/chunk.GX64EQI2.js";
+import "../../chunks/chunk.XRAHORXU.js";
 import "../../chunks/chunk.BVV2XKW3.js";
 import "../../chunks/chunk.OFKOVRHG.js";
 import "../../chunks/chunk.CHFWLQN5.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   breadcrumb_item_default as default

package/dist/components/button/button.component.js

@@ -1,14 +1,14 @@
 import {
   SynButton
-} from "../../chunks/chunk.YYDSHN4O.js";
-import "../../chunks/chunk.YSMGYMUZ.js";
+} from "../../chunks/chunk.ZX7OTHHL.js";
+import "../../chunks/chunk.YKIXSRVO.js";
 import "../../chunks/chunk.WQMTAEYE.js";
 import "../../chunks/chunk.7V7XEBE2.js";
 import "../../chunks/chunk.J3GDDM6Q.js";
 import "../../chunks/chunk.4YHI2ATV.js";
 import "../../chunks/chunk.UB4EPKCP.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.QH24FRAZ.js";
+import "../../chunks/chunk.ITOPYFRL.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.REFQKTZD.js";
@@ -26,7 +26,7 @@ import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynButton as default

package/dist/components/button/button.js

@@ -1,15 +1,15 @@
 import {
   button_default
-} from "../../chunks/chunk.JR3FA572.js";
-import "../../chunks/chunk.YYDSHN4O.js";
-import "../../chunks/chunk.YSMGYMUZ.js";
+} from "../../chunks/chunk.KHPW7DG5.js";
+import "../../chunks/chunk.ZX7OTHHL.js";
+import "../../chunks/chunk.YKIXSRVO.js";
 import "../../chunks/chunk.WQMTAEYE.js";
 import "../../chunks/chunk.7V7XEBE2.js";
 import "../../chunks/chunk.J3GDDM6Q.js";
 import "../../chunks/chunk.4YHI2ATV.js";
 import "../../chunks/chunk.UB4EPKCP.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.QH24FRAZ.js";
+import "../../chunks/chunk.ITOPYFRL.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.REFQKTZD.js";
@@ -27,7 +27,7 @@ import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   button_default as default

package/dist/components/button-group/button-group.component.js

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "../../chunks/chunk.LLCUK5XN.js";
+} from "../../chunks/chunk.XMAY4KPE.js";
 import "../../chunks/chunk.34RGILSE.js";
 import "../../chunks/chunk.CX7IEDUW.js";
 import "../../chunks/chunk.5YZ63VR2.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.JIHDB74M.js";
 import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynButtonGroup as default

package/dist/components/button-group/button-group.js

@@ -1,7 +1,7 @@
 import {
   button_group_default
-} from "../../chunks/chunk.27DUQQG7.js";
-import "../../chunks/chunk.LLCUK5XN.js";
+} from "../../chunks/chunk.XBGYUAYX.js";
+import "../../chunks/chunk.XMAY4KPE.js";
 import "../../chunks/chunk.34RGILSE.js";
 import "../../chunks/chunk.CX7IEDUW.js";
 import "../../chunks/chunk.5YZ63VR2.js";
@@ -10,7 +10,7 @@ import "../../chunks/chunk.JIHDB74M.js";
 import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   button_group_default as default

package/dist/components/card/card.component.js

@@ -1,11 +1,11 @@
 import {
   SynCard
-} from "../../chunks/chunk.JQLZZWWY.js";
+} from "../../chunks/chunk.F6P5W5RT.js";
 import "../../chunks/chunk.O655X4YP.js";
 import "../../chunks/chunk.R3SMKUIL.js";
 import "../../chunks/chunk.CHFWLQN5.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynCard as default

package/dist/components/card/card.js

@@ -1,12 +1,12 @@
 import {
   card_default
-} from "../../chunks/chunk.LQLBHSIA.js";
-import "../../chunks/chunk.JQLZZWWY.js";
+} from "../../chunks/chunk.OAEMSWZM.js";
+import "../../chunks/chunk.F6P5W5RT.js";
 import "../../chunks/chunk.O655X4YP.js";
 import "../../chunks/chunk.R3SMKUIL.js";
 import "../../chunks/chunk.CHFWLQN5.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.WAPIOWX2.js";
+import "../../chunks/chunk.BGLBH4XL.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   card_default as default