@synergy-design-system/components 2.13.0 → 2.14.1

package/dist/chunks/{chunk.PP6YASVT.js → chunk.PYBUH4X3.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.BBUFEDXF.js";
 import {
   SynIconButton
-} from "./chunk.YFTKZOLR.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.6BMVIJL3.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.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.PP6YASVT.js.map
+//# sourceMappingURL=chunk.PYBUH4X3.js.map

package/dist/chunks/{chunk.BLUAN7RH.js → chunk.QSOI4JQP.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.WRXAT2ZV.js";
+} from "./chunk.LLW3ZESH.js";
 import {
   select_custom_styles_default
 } from "./chunk.ZO4VONAT.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.MJEJKJER.js";
 import {
   SynPopup
-} from "./chunk.API5O3M4.js";
+} from "./chunk.NIA5K4OJ.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
@@ -39,19 +39,19 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.ULXNVBWC.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.O6GNDOJS.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.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -779,4 +779,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.BLUAN7RH.js.map
+//# sourceMappingURL=chunk.QSOI4JQP.js.map

package/dist/chunks/{chunk.GQRFIMFT.js → chunk.QSP4W3ST.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.API5O3M4.js";
+} from "./chunk.NIA5K4OJ.js";
 import {
   defaultOptionRenderer
 } from "./chunk.SRH6ZOHT.js";
@@ -45,19 +45,19 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.ULXNVBWC.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.O6GNDOJS.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.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -814,4 +814,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.GQRFIMFT.js.map
+//# sourceMappingURL=chunk.QSP4W3ST.js.map

package/dist/chunks/{chunk.SFOAR5BL.js → chunk.QTMPI6MU.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.CII3JTNM.js";
+} from "./chunk.2PGJMFOB.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.SFOAR5BL.js.map
+//# sourceMappingURL=chunk.QTMPI6MU.js.map

package/dist/chunks/{chunk.FF7XVNF3.js → chunk.QVEVZ6P6.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -43,4 +43,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.FF7XVNF3.js.map
+//# sourceMappingURL=chunk.QVEVZ6P6.js.map

package/dist/chunks/{chunk.BBVDCOTU.js → chunk.RKYYDWN5.js}

@@ -1,15 +1,15 @@
-import {
-  accordion_styles_default
-} from "./chunk.WNUZ6LH4.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
+import {
+  accordion_styles_default
+} from "./chunk.WNUZ6LH4.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -105,4 +105,4 @@ __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.BBVDCOTU.js.map
+//# sourceMappingURL=chunk.RKYYDWN5.js.map

package/dist/chunks/{chunk.K2CADE4S.js → chunk.RMS6DADX.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.PG3Y4WUM.js";
+} from "./chunk.ELVW2U46.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.K2CADE4S.js.map
+//# sourceMappingURL=chunk.RMS6DADX.js.map

package/dist/chunks/{chunk.EG6MODIB.js → chunk.RTEU272Y.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.BVZMEBPT.js";
+} from "./chunk.XFDPUTFZ.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.EG6MODIB.js.map
+//# sourceMappingURL=chunk.RTEU272Y.js.map

package/dist/chunks/{chunk.WOJ2VRZY.js → chunk.SHCZO4KK.js}

@@ -100,28 +100,38 @@ var nav_item_styles_default = css`
   }
 
   /**
-   * Hover effect for the nav item.
-   * We use opacity to make sure the border-bottom is visible if used in the prio-nav in header
+   * Basic set up for the nav item prefix.
    */
-  .nav-item:not(.nav-item--disabled):hover::before {
+  .nav-item:not(.nav-item--disabled)::before {
     background: var(--syn-color-neutral-600);
     content: '';
     display: block;
     height: 100%;
     left: 0;
-    opacity: 0.11;
+    opacity: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
   }
 
-  .nav-item--horizontal:not(.nav-item--disabled):hover::before {
+  /**
+   * Hover effect for the nav item.
+   * We use opacity to make sure the border-bottom is visible if used in the prio-nav in header
+   */
+  .nav-item:not(.nav-item--disabled):hover::before {
+    opacity: 0.11;
+  }
+
+  /**
+   * When using horizontal, the background should extend the element
+   * on the left and right so the animation for the indicator can be seen
+   */
+  .nav-item--horizontal:not(.nav-item--disabled)::before {
     left: calc(var(--syn-spacing-x-small) * -1);
     width: calc(100% + 2 * var(--syn-spacing-x-small));
   }
 
-
   /**
    * The content wrapper is needed to get the disabled state right
    * and also sets the left padding, according to the given indentation level.
@@ -329,4 +339,4 @@ var nav_item_styles_default = css`
 export {
   nav_item_styles_default
 };
-//# sourceMappingURL=chunk.WOJ2VRZY.js.map
+//# sourceMappingURL=chunk.SHCZO4KK.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/nav-item/nav-item.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /**\n   * Default alignment is inline block when we are in horizontal mode\n   */\n  :host {\n    /**\n     * The indentation property defines the current \"level\" the component is on\n     * It may be set per hand, but is normally set during the render phase\n     * of a <syn-nav-item /> for slotted children\n     */\n    --indentation: 0;\n\n    /**\n     * Defines the amount of pixels each indentation level will shift the content to the left\n     */\n    --indentation-stepping: var(--syn-spacing-x-large);\n\n    /**\n     * Display property of the children. Defaults to \"contents\"\n     */\n    --display-children: contents;\n\n    display: block;\n  }\n\n  /**\n   * Switch alignment to inline-block when we are in horizontal mode\n   */\n  :host([horizontal]) {\n    display: inline-block;\n  }\n\n  /**\n   * Core nav item wrapper\n   */\n  .nav-item {\n    align-items: center;\n    background: transparent;\n    border: none;\n    box-shadow: inset 0 -1px 0 0 transparent;\n    box-sizing: border-box;\n    color: var(--syn-color-neutral-950);\n    cursor: pointer;\n    display: inline-flex;\n    font: var(--syn-font-sans);\n    font-size: var(--syn-font-size-small);\n    min-height: var(--syn-spacing-2x-large);\n    padding: var(--syn-spacing-small) var(--syn-spacing-large);\n    position: relative;\n    text-align: left;\n    text-decoration: none;\n    transition: background-color var(--syn-transition-fast) ease-in-out, box-shadow var(--syn-transition-fast) ease-in-out;\n    width: 100%;\n    z-index: 0;\n  }\n\n  .nav-item:focus-visible {\n    outline: none;\n  }\n\n  .nav-item:focus-visible::after {\n    content: '';\n    display: block;\n    height: 100%;\n    left: calc(var(--syn-spacing-x-small) * -1);\n    outline: var(--syn-focus-ring);\n    outline-offset: -2px;\n    position: absolute;\n    top: 0;\n    width: calc(100% + 2 * var(--syn-spacing-x-small));\n  }\n\n  .nav-item--vertical:focus-visible::after {\n    left: 0;\n    width: 100%;\n  }\n\n  /**\n   * Horizontal nav items use narrower paddings\n   */\n  .nav-item--horizontal {\n    padding: var(--syn-spacing-small) 0;\n  }\n\n  /**\n   * Nav Items acting as accordion use a slightly narrower padding on the right side\n   */\n  .nav-item.nav-item-is-accordion {\n    padding-right: var(--syn-spacing-medium);\n  }\n\n  .nav-item--disabled {\n    cursor: not-allowed;\n  }\n\n  .nav-item--current {\n    font-weight: var(--syn-font-weight-bold);\n  }\n\n  /**\n   * Basic set up for the nav item prefix.\n   */\n  .nav-item:not(.nav-item--disabled)::before {\n    background: var(--syn-color-neutral-600);\n    content: '';\n    display: block;\n    height: 100%;\n    left: 0;\n    opacity: 0;\n    position: absolute;\n    top: 0;\n    width: 100%;\n    z-index: -1;\n  }\n\n  /**\n   * Hover effect for the nav item.\n   * We use opacity to make sure the border-bottom is visible if used in the prio-nav in header\n   */\n  .nav-item:not(.nav-item--disabled):hover::before {\n    opacity: 0.11;\n  }\n\n  /**\n   * When using horizontal, the background should extend the element\n   * on the left and right so the animation for the indicator can be seen\n   */\n  .nav-item--horizontal:not(.nav-item--disabled)::before {\n    left: calc(var(--syn-spacing-x-small) * -1);\n    width: calc(100% + 2 * var(--syn-spacing-x-small));\n  }\n\n  /**\n   * The content wrapper is needed to get the disabled state right\n   * and also sets the left padding, according to the given indentation level.\n   *\n   * Normally, we would just use opacity directly on the button.\n   * However, when using the divider prop, this leads to problems\n   * as the divider itself will also get opaque.\n   */\n  .nav-item__content {\n    align-items: center;\n    display: flex;\n    padding-inline-start: calc(var(--indentation) * var(--indentation-stepping));\n    width: 100%;\n  }\n\n  .nav-item--disabled .nav-item__content {\n    opacity: 0.5;\n  }\n\n  /**\n   * Slotted icons should use a default font size of large\n   */\n  .nav-item--has-prefix ::slotted(syn-icon),\n  .nav-item--has-suffix ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n    min-width: var(--syn-font-size-x-large);\n  }\n\n  /**\n   * The chevron indicates the use as a <details /> element OR a link\n   */\n  .nav-item__chevron {\n    font-size: var(--syn-font-size-x-large);\n    margin-inline-start: var(--syn-spacing-x-small);\n    rotate: 0deg;\n    transition: var(--syn-transition-medium) rotate ease;\n  }\n\n  .nav-item__chevron-open {\n    rotate: -180deg;\n  }\n\n  /**\n   * Items that have the chevron attribute set and are NOT accordions should always show a chevron pointing to the right\n   */\n  .nav-item:not(.nav-item-is-accordion) .nav-item__chevron {\n    rotate: -90deg;\n  }\n\n  /**\n   * Make the primary content container fill all available space\n   */\n  .nav-item__content-container {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /**\n   * Horizontal navigation items should not break words\n   */\n    .nav-item--horizontal .nav-item__content-container {\n    font-weight: var(--syn-font-weight-bold);\n    white-space: nowrap;\n  }\n\n  /**\n   * Show prefix only\n   */\n  /* stylelint-disable no-descending-specificity */\n  .nav-item--show-prefix-only .nav-item__content-container,\n  .nav-item--show-prefix-only .nav-item__suffix,\n  .nav-item--show-prefix-only .nav-item__chevron {\n    height: var(--syn-spacing-large);\n  }\n  /* stylelint-enable no-descending-specificity */\n\n  /**\n   * Adjust the paddings for the label, depending if there is a pre- and/or suffix available.\n   * But only if the there is a main content or additionally a prefix / suffix\n   */\n  .nav-item--has-prefix.nav-item--has-content .nav-item__content-container,\n  .nav-item--has-prefix.nav-item--has-suffix .nav-item__content-container {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n\n  .nav-item--has-suffix.nav-item--has-content .nav-item__content-container,\n  .nav-item--has-suffix.nav-item--has-prefix .nav-item__content-container {\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  /**\n   * Multi line content\n   */\n  /* stylelint-disable no-descending-specificity */\n  .nav-item--multi-line .nav-item__suffix,\n  .nav-item--multi-line .nav-item__prefix,\n  .nav-item--multi-line .nav-item__chevron {\n    align-self: flex-start;\n  }\n  /* stylelint-enable no-descending-specificity */\n\n  /* stylelint-disable no-descending-specificity */\n  .nav-item--multi-line .nav-item__suffix::slotted(syn-icon),\n  :not(.nav-item--show-prefix-only).nav-item--multi-line .nav-item__prefix::slotted(syn-icon),\n  .nav-item--multi-line .nav-item__chevron {\n    align-self: flex-start;\n  }\n  /* stylelint-enable no-descending-specificity */\n\n  /**\n   * The current indicator tells the user that the nav-item is the active one\n   */\n  .current-indicator {\n    background: transparent;\n    border: none;\n    margin: 0;\n    position: absolute;\n    transition: var(--syn-transition-medium) top ease,\n      var(--syn-transition-medium) right ease,\n      var(--syn-transition-medium) bottom ease,\n      var(--syn-transition-medium) left ease;\n    z-index: 1;\n  }\n\n  .current-indicator--visible.current-indicator--disabled {\n    background: var(--syn-color-neutral-500);\n  }\n\n  .current-indicator--visible {\n    background: var(--syn-color-primary-600);\n  }\n\n  .nav-item--horizontal .current-indicator {\n    bottom: 0;\n    height: var(--syn-spacing-2x-small);\n    left: 0;\n    right: 0;\n  }\n\n  .nav-item--horizontal:hover .current-indicator--visible,\n  .nav-item--horizontal:focus-visible .current-indicator--visible {\n    left: calc(var(--syn-spacing-x-small) * -1);\n    right: calc(var(--syn-spacing-x-small) * -1);\n  }\n\n  .nav-item--vertical .current-indicator {\n    bottom: var(--syn-spacing-x-small);\n    left: 0;\n    top: var(--syn-spacing-x-small);\n    width: var(--syn-spacing-2x-small);\n  }\n\n  .nav-item--vertical:hover .current-indicator--visible,\n  .nav-item--vertical:focus-visible .current-indicator--visible {\n    bottom: 0;\n    top: 0;\n  }\n\n  /**\n   * Dividers are optionally displayed in horizontal nav items\n   */\n  .divider {\n    --color: var(--syn-color-neutral-200);\n\n    left: var(--syn-spacing-medium);\n    margin: 0;\n    position: absolute;\n    right: var(--syn-spacing-medium);\n    top: 0;\n    transition: border var(--syn-transition-fast) ease-in-out;\n  }\n\n  /**\n   * Hide the divider for active elements\n   */\n  .nav-item:focus-visible .divider {\n    --color: transparent;\n  }\n\n  /**\n   * Make sure the divider is not visible anymore when hovering\n   */\n  .nav-item:not(.nav-item--disabled):hover .divider {\n    --color: transparent;\n  }\n\n  /**\n   * Sub menu styling\n   */\n  summary.nav-item {\n    box-sizing: border-box;\n    display: flex;\n  }\n\n  details summary::-webkit-details-marker {\n    visibility: hidden;\n  }\n\n  .children {\n    display: var(--display-children)\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,0BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.6WKJKCWD.js → chunk.TBGHJV63.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.FKKJBKYL.js";
 import {
   SynButtonGroup
-} from "./chunk.6VAC3Z2Q.js";
+} from "./chunk.WT2TGROO.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -363,4 +363,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.6WKJKCWD.js.map
+//# sourceMappingURL=chunk.TBGHJV63.js.map

package/dist/chunks/{chunk.QC77ZFJI.js → chunk.TI2OQSXU.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.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.QC77ZFJI.js.map
+//# sourceMappingURL=chunk.TI2OQSXU.js.map

package/dist/chunks/{chunk.TNNT6IDT.js → chunk.TQB37PWT.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.BTFRHXAP.js";
+} from "./chunk.3INFZQUC.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.TNNT6IDT.js.map
+//# sourceMappingURL=chunk.TQB37PWT.js.map

package/dist/chunks/{chunk.ZDMWDROZ.js → chunk.TQPJY33X.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.FKKJBKYL.js";
 import {
   SynButton
-} from "./chunk.FG2DGX7Z.js";
+} from "./chunk.YJ56W45T.js";
 import {
   FormControlController
 } from "./chunk.AMIQC3O7.js";
@@ -26,19 +26,19 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.ULXNVBWC.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.O6GNDOJS.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.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -528,4 +528,4 @@ setDefaultAnimation("file.text.appear", {
 export {
   SynFile
 };
-//# sourceMappingURL=chunk.ZDMWDROZ.js.map
+//# sourceMappingURL=chunk.TQPJY33X.js.map

package/dist/chunks/{chunk.EKZ73UET.js → chunk.U3G6BCYU.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.FUSBMFDB.js";
+} from "./chunk.HYZYKFKI.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SynMenuItem;
@@ -9,4 +9,4 @@ SynMenuItem.define("syn-menu-item");
 export {
   menu_item_default
 };
-//# sourceMappingURL=chunk.EKZ73UET.js.map
+//# sourceMappingURL=chunk.U3G6BCYU.js.map

package/dist/chunks/{chunk.NMQJGEFL.js → chunk.UCSBHOIS.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.3B24TYVN.js";
 import {
   SynIcon
-} from "./chunk.ULXNVBWC.js";
-import {
-  LocalizeController
-} from "./chunk.GIU3H3J3.js";
+} from "./chunk.O6GNDOJS.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.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -146,4 +146,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.NMQJGEFL.js.map
+//# sourceMappingURL=chunk.UCSBHOIS.js.map

package/dist/chunks/{chunk.2TU3PMLN.js → chunk.ULTXP6Y2.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.DLIV66GJ.js";
+} from "./chunk.VAMMVENR.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.2TU3PMLN.js.map
+//# sourceMappingURL=chunk.ULTXP6Y2.js.map

package/dist/chunks/{chunk.6Q3EOAQV.js → chunk.UOCB6QQW.js}

@@ -1,9 +1,9 @@
 import {
   nav_item_styles_default
-} from "./chunk.WOJ2VRZY.js";
+} from "./chunk.SHCZO4KK.js";
 import {
   SynDivider
-} from "./chunk.FF7XVNF3.js";
+} from "./chunk.QVEVZ6P6.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -331,4 +331,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.6Q3EOAQV.js.map
+//# sourceMappingURL=chunk.UOCB6QQW.js.map

package/dist/chunks/{chunk.DLIV66GJ.js → chunk.VAMMVENR.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.YFTKZOLR.js";
+} from "./chunk.6BMVIJL3.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -28,18 +28,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.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -395,4 +395,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.DLIV66GJ.js.map
+//# sourceMappingURL=chunk.VAMMVENR.js.map

package/dist/chunks/{chunk.C7CANCSQ.js → chunk.VLMXH5H3.js}

@@ -1,12 +1,12 @@
+import {
+  SynIcon
+} from "./chunk.O6GNDOJS.js";
 import {
   breadcrumb_custom_styles_default
 } from "./chunk.32CYREEV.js";
 import {
   breadcrumb_styles_default
 } from "./chunk.S22BO5SF.js";
-import {
-  SynIcon
-} from "./chunk.ULXNVBWC.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.C7CANCSQ.js.map
+//# sourceMappingURL=chunk.VLMXH5H3.js.map

package/dist/chunks/{chunk.WWG3H2UB.js → chunk.VXGFRIVQ.js}

@@ -1,9 +1,3 @@
-import {
-  badge_custom_styles_default
-} from "./chunk.WQJRBFZA.js";
-import {
-  badge_styles_default
-} from "./chunk.Y5TMYX2L.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -12,7 +6,13 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
+import {
+  badge_custom_styles_default
+} from "./chunk.WQJRBFZA.js";
+import {
+  badge_styles_default
+} from "./chunk.Y5TMYX2L.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -60,4 +60,4 @@ __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.WWG3H2UB.js.map
+//# sourceMappingURL=chunk.VXGFRIVQ.js.map

package/dist/chunks/{chunk.SGWZTGID.js → chunk.W3RGEMX5.js}

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

package/dist/chunks/{chunk.DHFLT5BI.js → chunk.WMIXKTYN.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.POGMEL53.js";
 import {
   SynPopup
-} from "./chunk.API5O3M4.js";
+} from "./chunk.NIA5K4OJ.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -21,18 +21,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.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -374,4 +374,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.DHFLT5BI.js.map
+//# sourceMappingURL=chunk.WMIXKTYN.js.map

package/dist/chunks/{chunk.6VAC3Z2Q.js → chunk.WT2TGROO.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -89,4 +89,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.6VAC3Z2Q.js.map
+//# sourceMappingURL=chunk.WT2TGROO.js.map

package/dist/chunks/{chunk.YPYP3MLT.js → chunk.XDYBSCZB.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BMMT5J3T.js";
+} from "./chunk.BTDXOSFP.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.YPYP3MLT.js.map
+//# sourceMappingURL=chunk.XDYBSCZB.js.map

package/dist/chunks/{chunk.GD4IVG2L.js → chunk.XENZ2D2Z.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "./chunk.WPCYWZX6.js";
+} from "./chunk.XFKWBXZR.js";
 
 // src/components/progress-ring/progress-ring.ts
 var progress_ring_default = SynProgressRing;
@@ -9,4 +9,4 @@ SynProgressRing.define("syn-progress-ring");
 export {
   progress_ring_default
 };
-//# sourceMappingURL=chunk.GD4IVG2L.js.map
+//# sourceMappingURL=chunk.XENZ2D2Z.js.map