@synergy-design-system/components 2.66.0 → 2.68.0

package/dist/chunks/{chunk.DFK2PRNS.js → chunk.2DGMS4FV.js}

@@ -56,7 +56,7 @@ var details_custom_styles_default = css`
   }
 
   .details--size-medium .details__summary {
-    font: var(--syn-body-medium-regular);
+    font: var(--syn-body-medium-bold);
   }
 
   .details--size-medium .details__summary::slotted(syn-icon) {
@@ -80,7 +80,7 @@ var details_custom_styles_default = css`
   }
 
   .details--size-large .details__summary {
-    font: var(--syn-body-large-regular);
+    font: var(--syn-body-large-bold);
   }
 
   .details--size-large .details__summary-icon {
@@ -94,13 +94,6 @@ var details_custom_styles_default = css`
     margin-right: var(--syn-spacing-small);
   }
 
-  /**
-   * Mark the details as open by adjusting its label
-   */
-  .details--open .details__summary {
-    font-weight: var(--syn-font-weight-bold);
-  }
-
   /**
    * Add a visually visible hover effect to the summary element
    */
@@ -142,4 +135,4 @@ var details_custom_styles_default = css`
 export {
   details_custom_styles_default
 };
-//# sourceMappingURL=chunk.DFK2PRNS.js.map
+//# sourceMappingURL=chunk.2DGMS4FV.js.map

package/dist/chunks/chunk.2DGMS4FV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/details/details.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .details {\n    background-color: unset;\n    border-color: var(--syn-panel-border-color);\n    border-radius: var(--syn-border-radius-none);\n    border-width: 0 0 var(--syn-border-width-small);\n  }\n\n  /** #429: Use token for opacity */\n  .details--disabled {\n    opacity: var(--syn-opacity-50);\n  }\n\n  .details__summary-icon {\n    align-self: flex-start;\n    color: var(--syn-color-neutral-950);\n    font-size: var(--syn-spacing-large);\n\n    /**\n     * As we are using an alignment of \"start\"  instead of \"center\" make sure\n     * the arrow starts on the same visual line as the first line of headline text\n     */\n    position: relative;\n    top: 2px;\n  }\n\n  .details .details__summary {\n    color: var(--syn-typography-color-text);\n  }\n\n  .details__header {\n    gap: var(--syn-spacing-medium);\n  }\n\n  /**\n   * As we are using top/down arrows for the details element,\n   * we have to adjust the rotation of the icon when the details is open.\n   */\n  .details--open .details__summary-icon {\n    rotate: var(--syn-details-open-rotation, 360deg);\n  }\n\n  /**\n   * Adjustments for medium variant\n   */\n  .details--size-medium .details__header {\n    padding: var(--syn-spacing-medium-large) 0;\n  }\n\n  .details--size-medium .details__content {\n    font-size: var(--syn-font-size-small);\n    line-height: var(--syn-line-height-normal);\n    padding: var(--syn-spacing-medium) 0 var(--syn-spacing-large);\n  }\n\n  .details--size-medium .details__summary {\n    font: var(--syn-body-medium-bold);\n  }\n\n  .details--size-medium .details__summary::slotted(syn-icon) {\n    /* Avoid shrinking of the icon, if the text content of the summary is very long and multi line */\n    flex-shrink: 0;\n    font-size: var(--syn-spacing-large);\n    margin-right: var(--syn-spacing-small);\n  }\n\n  /**\n   * Adjustment for large variant\n   */\n  .details--size-large .details__header {\n    padding: var(--syn-spacing-large) 0;\n  }\n\n  .details--size-large .details__content {\n    font-size: var(--syn-font-size-medium);\n    line-height: var(--syn-line-height-normal);\n    padding: var(--syn-spacing-medium-large) 0 var(--syn-spacing-large);\n  }\n\n  .details--size-large .details__summary {\n    font: var(--syn-body-large-bold);\n  }\n\n  .details--size-large .details__summary-icon {\n    font-size: var(--syn-spacing-x-large);\n  }\n\n  .details--size-large .details__summary::slotted(syn-icon) {\n    /* Avoid shrinking of the icon, if the text content of the summary is very long and multi line */\n    flex-shrink: 0;\n    font-size: var(--syn-spacing-x-large);\n    margin-right: var(--syn-spacing-small);\n  }\n\n  /**\n   * Add a visually visible hover effect to the summary element\n   */\n  .details:not(.details--disabled) .details__header:hover .details__summary,\n  .details:not(.details--disabled) .details__header:hover .details__summary-icon {\n    color: var(--syn-color-primary-700);\n  }\n\n  /**\n   *  Contained style\n   */\n  .details--contained {\n    background-color: var(--syn-panel-background-color);\n    border-radius: var(--syn-border-radius-medium);\n    border-width: var(--syn-panel-border-width);\n  }\n\n  .details--contained .details__header:focus-visible {\n    border-radius: var(--syn-border-radius-medium);\n  }\n\n  .details--size-medium.details--contained .details__header {\n    padding: var(--syn-spacing-medium-large) var(--syn-spacing-large);\n  }\n\n  .details--size-medium.details--contained .details__content {\n    padding: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-large);\n  }\n\n  .details--size-large.details--contained .details__header {\n    padding: var(--syn-spacing-large);\n  }\n\n  .details--size-large.details--contained .details__content {\n    padding: var(--syn-spacing-medium-large) var(--syn-spacing-large) var(--syn-spacing-large);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,gCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.QUHPCPQ3.js → chunk.356ZIAOH.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.5NCD5G4E.js";
+} from "./chunk.QBOXAVW4.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.QUHPCPQ3.js.map
+//# sourceMappingURL=chunk.356ZIAOH.js.map

package/dist/chunks/{chunk.ONLIY7OQ.js → chunk.3K665TEO.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.W7WFMSPT.js";
+} from "./chunk.6TXRZZRH.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.ONLIY7OQ.js.map
+//# sourceMappingURL=chunk.3K665TEO.js.map

package/dist/chunks/{chunk.WW3XMU5X.js → chunk.57XDNOFC.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.7ILSINEN.js";
+} from "./chunk.RPERBQJS.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.WW3XMU5X.js.map
+//# sourceMappingURL=chunk.57XDNOFC.js.map

package/dist/chunks/{chunk.CW2Q7KG6.js → chunk.5C3IFF3A.js}

@@ -77,22 +77,23 @@ var file_styles_default = css`
    */
   .form-control--user-dragging:not([disabled]) .button::part(base) {
     background: none;
-    border-color: var(--syn-color-primary-900);
-    color: var(--syn-color-primary-900);
+    border-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));
+    color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));
   }
 
   /* Drop Area */
   .droparea {
-    --highlight-color: var(--syn-color-primary-600);
+    --highlight-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
 
-    border: var(--syn-border-width-small) dashed var(--syn-input-border-color);
+    border: var(--syn-input-border-width) dashed var(--syn-input-border-color);
+    border-radius: var(--syn-input-border-radius-medium);
     font: var(--syn-body-medium-regular);
     padding: var(--syn-spacing-x-large) var(--syn-spacing-large);
     transition: var(--syn-transition-medium) background;
   }
 
   .droparea:focus-visible {
-    border: var(--syn-border-width-small) dashed var(--syn-color-primary-600);
+    border: var(--syn-input-border-width) dashed var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
     outline: var(--syn-focus-ring);
     outline-offset: var(--syn-focus-ring-offset);
   }
@@ -160,25 +161,25 @@ var file_styles_default = css`
 
   :host(:not([disabled])) .form-control--user-dragging .droparea {
     background: var(--syn-color-primary-50);
-    border: var(--syn-border-width-small) solid var(--syn-color-primary-600);
+    border: var(--syn-input-border-width) solid var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
     cursor: pointer;
   }
 
   :host(:not([disabled])) .droparea:not(:focus-visible):hover {
-    --highlight-color: var(--syn-color-primary-900);
+    --highlight-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));
 
-    border: var(--syn-border-width-small) dashed var(--syn-color-primary-900);
+    border: var(--syn-input-border-width) dashed var(--syn-input-border-color-hover);
     cursor: pointer;
   }
 
   /* Validation */
   /* stylelint-disable-next-line no-descending-specificity */
   :host([data-user-invalid]:not([disabled])) .droparea {
-    border: var(--syn-border-width-small) dashed var(--syn-input-border-color-focus-error);
+    border: var(--syn-input-border-width) dashed var(--syn-input-focus-ring-error);
   }
 `;
 
 export {
   file_styles_default
 };
-//# sourceMappingURL=chunk.CW2Q7KG6.js.map
+//# sourceMappingURL=chunk.5C3IFF3A.js.map

package/dist/chunks/chunk.5C3IFF3A.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/file/file.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .input__control {\n    /**\n     * Visually hide the input type=file without display:none\n     * This is necessary for accessibility reasons and so the native html input validation popup \n     * is shown.\n     */\n    border: 0;\n    clip-path: inset(50%);\n    height: 1px;\n    margin: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    white-space: nowrap;\n    width: 1px;\n  }\n\n  .form-control--droparea .input__control {\n    /* move the input into the center, so the native validation popup is centered to the droparea */\n    left: 50%;\n  }\n\n  .form-control-input {\n    /* needed, so the native validation popup is centered correctly */\n    position: relative;\n  }\n\n  /* Regular Input with button only */\n  .button__wrapper {\n    align-items: center;\n    display: flex;\n    gap: var(--syn-input-spacing-medium);\n  }\n\n  .form-control--small .button__wrapper {\n    gap: var(--syn-input-spacing-small);\n  }\n\n  :host([size=\"large\"]) .button__wrapper {\n    gap: var(--syn-input-spacing-large);\n  }\n\n  /**\n   * The value of the chosen file(s) or the placeholder text\n   */\n  .input__value {\n    color: var(--syn-input-color);\n    font-size: var(--syn-input-label-font-size-medium);\n  }\n\n  .input__value.input__value--hidden {\n    display: none;\n  }\n\n  .input__value--placeholder {\n    color: var(--syn-input-help-text-color);\n  }\n\n  .form-control--small .input__value {\n    font-size: var(--syn-input-label-font-size-small);\n  }\n\n  .form-control--large .input__value {\n    font-size: var(--syn-input-label-font-size-large);\n  }\n\n  /**\n   * Special case for regular inputs:\n   * When the user uses drag and drop, highlight the button with the primary color\n   */\n  .form-control--user-dragging:not([disabled]) .button::part(base) {\n    background: none;\n    border-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));\n    color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));\n  }\n\n  /* Drop Area */\n  .droparea {\n    --highlight-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n\n    border: var(--syn-input-border-width) dashed var(--syn-input-border-color);\n    border-radius: var(--syn-input-border-radius-medium);\n    font: var(--syn-body-medium-regular);\n    padding: var(--syn-spacing-x-large) var(--syn-spacing-large);\n    transition: var(--syn-transition-medium) background;\n  }\n\n  .droparea:focus-visible {\n    border: var(--syn-input-border-width) dashed var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /* Adjust the highlight to match an inactive item */\n  :host([disabled]) .droparea {\n    --highlight-color: var(--syn-color-neutral-600);\n  }\n\n  :host([disabled]) .input__value {\n    display: none;\n  }\n\n  .droparea__background {\n    align-items: center;\n    display: flex;\n    gap: var(--syn-spacing-x-small);\n    padding: var(--syn-spacing-x-small) var(--syn-spacing-medium);\n  }\n\n  .droparea__icon {\n    align-items: center;\n    color: var(--highlight-color);\n    display: flex;\n    font-size: var(--syn-spacing-3x-large);\n  }\n\n  .droparea__text {\n    display: flex;\n    flex-direction: column;\n    gap: var(--syn-spacing-3x-small);\n    margin: 0;\n  }\n\n  .droparea__text strong {\n    color: var(--highlight-color);\n    font-weight: var(--syn-font-weight-bold);\n  }\n\n  /* Sizes */\n  /* stylelint-disable-next-line no-descending-specificity */\n  .form-control--small .droparea {\n    font: var(--syn-body-small-regular);\n  }\n\n  .form-control--small .droparea__icon {\n    font-size: var(--syn-spacing-2x-large)\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  .form-control--large .droparea {\n    font: var(--syn-body-large-regular);\n  }\n\n  .form-control--large .droparea__icon {\n    font-size: var(--syn-spacing-4x-large)\n  }\n\n  /* Disabled Styles */\n  :host([disabled]) .droparea,\n  :host([disabled]) .input__value {\n    cursor: not-allowed;\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  :host(:not([disabled])) .form-control--user-dragging .droparea {\n    background: var(--syn-color-primary-50);\n    border: var(--syn-input-border-width) solid var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));\n    cursor: pointer;\n  }\n\n  :host(:not([disabled])) .droparea:not(:focus-visible):hover {\n    --highlight-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-900));\n\n    border: var(--syn-input-border-width) dashed var(--syn-input-border-color-hover);\n    cursor: pointer;\n  }\n\n  /* Validation */\n  /* stylelint-disable-next-line no-descending-specificity */\n  :host([data-user-invalid]:not([disabled])) .droparea {\n    border: var(--syn-input-border-width) dashed var(--syn-input-focus-ring-error);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,sBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.H4C4AYOV.js → chunk.5H6JMDX7.js}

@@ -3,13 +3,13 @@ import {
   isBlurEvent,
   isInvalidEvent,
   normalizeEventAttribute
-} from "./chunk.ZYA6FYFV.js";
+} from "./chunk.IODGN6A5.js";
 import {
   validate_styles_default
 } from "./chunk.MVM3NN6Y.js";
 import {
   SynAlert
-} from "./chunk.GLT63ZIY.js";
+} from "./chunk.I3JBNYLI.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -333,4 +333,4 @@ SynValidate = __decorateClass([
 export {
   SynValidate
 };
-//# sourceMappingURL=chunk.H4C4AYOV.js.map
+//# sourceMappingURL=chunk.5H6JMDX7.js.map

package/dist/chunks/{chunk.Z4674HIW.js → chunk.5LWCJPWK.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.Z4674HIW.js.map
+//# sourceMappingURL=chunk.5LWCJPWK.js.map

package/dist/chunks/{chunk.3HOVINKM.js → chunk.6AWX252V.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.MIJORSTH.js";
+} from "./chunk.KCAWYV5W.js";
 
 // src/components/side-nav/side-nav.ts
 var side_nav_default = SynSideNav;
@@ -9,4 +9,4 @@ SynSideNav.define("syn-side-nav");
 export {
   side_nav_default
 };
-//# sourceMappingURL=chunk.3HOVINKM.js.map
+//# sourceMappingURL=chunk.6AWX252V.js.map

package/dist/chunks/{chunk.FNQLHQHX.js → chunk.6ETSHLH4.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -430,4 +430,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.FNQLHQHX.js.map
+//# sourceMappingURL=chunk.6ETSHLH4.js.map

package/dist/chunks/{chunk.W7WFMSPT.js → chunk.6TXRZZRH.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.74N5WLM5.js";
 import {
   SynNavItem
-} from "./chunk.UBZCK6SG.js";
+} from "./chunk.P5Z5W4VH.js";
 import {
   SynMenu
-} from "./chunk.Z4674HIW.js";
+} from "./chunk.5LWCJPWK.js";
 import {
   SynDropdown
-} from "./chunk.6NMUMOAS.js";
+} from "./chunk.GUB5H6AT.js";
 import {
   SynIcon
-} from "./chunk.T2NTDWO2.js";
+} from "./chunk.LGSTTQAO.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.W7WFMSPT.js.map
+//# sourceMappingURL=chunk.6TXRZZRH.js.map

package/dist/chunks/{chunk.QBR2GNYK.js → chunk.7342HRPY.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.T2NTDWO2.js";
+} from "./chunk.LGSTTQAO.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.QBR2GNYK.js.map
+//# sourceMappingURL=chunk.7342HRPY.js.map

package/dist/chunks/{chunk.VK42V6MB.js → chunk.7HR4P2JP.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumb
-} from "./chunk.QBR2GNYK.js";
+} from "./chunk.7342HRPY.js";
 
 // src/components/breadcrumb/breadcrumb.ts
 var breadcrumb_default = SynBreadcrumb;
@@ -9,4 +9,4 @@ SynBreadcrumb.define("syn-breadcrumb");
 export {
   breadcrumb_default
 };
-//# sourceMappingURL=chunk.VK42V6MB.js.map
+//# sourceMappingURL=chunk.7HR4P2JP.js.map

package/dist/chunks/{chunk.D6S2P3XE.js → chunk.A3AOEMAL.js}

@@ -1,6 +1,6 @@
 import {
   SynFile
-} from "./chunk.MX5RFQBO.js";
+} from "./chunk.G6ZK3DA7.js";
 
 // src/components/file/file.ts
 var file_default = SynFile;
@@ -9,4 +9,4 @@ SynFile.define("syn-file");
 export {
   file_default
 };
-//# sourceMappingURL=chunk.D6S2P3XE.js.map
+//# sourceMappingURL=chunk.A3AOEMAL.js.map

package/dist/chunks/{chunk.M2CL7AMR.js → chunk.AHYEFRMS.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.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.M2CL7AMR.js.map
+//# sourceMappingURL=chunk.AHYEFRMS.js.map

package/dist/chunks/{chunk.ZJIGAIDL.js → chunk.BHGVVYKV.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.ZJIGAIDL.js.map
+//# sourceMappingURL=chunk.BHGVVYKV.js.map

package/dist/chunks/{chunk.DOFCWLUT.js → chunk.BVHYTOVD.js}

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

package/dist/chunks/{chunk.MP3TFY3C.js → chunk.C3RGOPZE.js}

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

package/dist/chunks/{chunk.7ZWTY2N6.js → chunk.C7IQNATI.js}

@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -383,4 +383,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.7ZWTY2N6.js.map
+//# sourceMappingURL=chunk.C7IQNATI.js.map

package/dist/chunks/{chunk.XRW3IY5E.js → chunk.CB3HTBCC.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.NV7OURAE.js";
+} from "./chunk.JK3KMYQY.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.XRW3IY5E.js.map
+//# sourceMappingURL=chunk.CB3HTBCC.js.map

package/dist/chunks/{chunk.RZ5SXENN.js → chunk.CCGBNYZY.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.QHJAEREG.js";
+} from "./chunk.DUJDXGVZ.js";
 import {
   SynPopup
-} from "./chunk.FNQLHQHX.js";
+} from "./chunk.6ETSHLH4.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -51,7 +51,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.T2NTDWO2.js";
+} from "./chunk.LGSTTQAO.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -66,7 +66,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -935,4 +935,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.RZ5SXENN.js.map
+//# sourceMappingURL=chunk.CCGBNYZY.js.map

package/dist/chunks/{chunk.HWO4NFXI.js → chunk.CFJZOT5K.js}

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

package/dist/chunks/{chunk.6HYWXPRQ.js → chunk.CK7KCYMT.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.EVMELAUY.js";
+} from "./chunk.JWKLIXPV.js";
 import {
   compareValues,
   isAllowedValue
@@ -13,7 +13,7 @@ import {
 } from "./chunk.XTWO6ZZW.js";
 import {
   SynPopup
-} from "./chunk.FNQLHQHX.js";
+} from "./chunk.6ETSHLH4.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -40,7 +40,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.T2NTDWO2.js";
+} from "./chunk.LGSTTQAO.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -55,7 +55,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -879,4 +879,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.6HYWXPRQ.js.map
+//# sourceMappingURL=chunk.CK7KCYMT.js.map

package/dist/chunks/{chunk.W64FKHFL.js → chunk.COYX47VV.js}

@@ -9,17 +9,17 @@ import {
 } from "./chunk.FSWTBNSI.js";
 import {
   SynPopup
-} from "./chunk.FNQLHQHX.js";
+} from "./chunk.6ETSHLH4.js";
 import {
   SynSpinner
-} from "./chunk.M2CL7AMR.js";
+} from "./chunk.AHYEFRMS.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.T2NTDWO2.js";
+} from "./chunk.LGSTTQAO.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -241,4 +241,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.W64FKHFL.js.map
+//# sourceMappingURL=chunk.COYX47VV.js.map

package/dist/chunks/{chunk.4PVEYUNP.js → chunk.CSYMJQHT.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.RAOPZXJL.js";
 import {
   SynDivider
-} from "./chunk.NV7OURAE.js";
+} from "./chunk.JK3KMYQY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -34,4 +34,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.4PVEYUNP.js.map
+//# sourceMappingURL=chunk.CSYMJQHT.js.map

package/dist/chunks/{chunk.EB5O75D6.js → chunk.CW5MFA6D.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.EB5O75D6.js.map
+//# sourceMappingURL=chunk.CW5MFA6D.js.map

package/dist/chunks/{chunk.HNKSK5CG.js → chunk.DBXZN7BX.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.MJ7R4QQT.js";
 import {
   SynDivider
-} from "./chunk.NV7OURAE.js";
+} from "./chunk.JK3KMYQY.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -131,4 +131,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.HNKSK5CG.js.map
+//# sourceMappingURL=chunk.DBXZN7BX.js.map

package/dist/chunks/{chunk.77K7PYKM.js → chunk.DI6QKPGA.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.Z4IDAOYF.js";
+} from "./chunk.YXMPQZRF.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.L2QPM6ND.js";
+} from "./chunk.V2PW5YGW.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.77K7PYKM.js.map
+//# sourceMappingURL=chunk.DI6QKPGA.js.map