@synergy-design-system/components 2.40.0 → 2.40.1

package/dist/chunks/{chunk.LK6UOSII.js → chunk.K544FE2V.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.O644HRW3.js";
 import {
   SynPopup
-} from "./chunk.6CC5CH2P.js";
+} from "./chunk.KZA6DSRS.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -19,18 +19,18 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.7JGKUB4A.js";
-import {
-  LocalizeController
-} from "./chunk.OAQRCZOO.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.3AZFEB6D.js";
+} from "./chunk.F54ODM5Z.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -275,4 +275,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.LK6UOSII.js.map
+//# sourceMappingURL=chunk.K544FE2V.js.map

package/dist/chunks/{chunk.R23VGI2Q.js → chunk.KHY34L7S.js}

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

package/dist/chunks/{chunk.GQ77BF6G.js → chunk.KWGOX2WS.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.3AZFEB6D.js";
+} from "./chunk.F54ODM5Z.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.GQ77BF6G.js.map
+//# sourceMappingURL=chunk.KWGOX2WS.js.map

package/dist/chunks/{chunk.BABJ4GYZ.js → chunk.KX7CWWH2.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.OJ3N7TWP.js";
 import {
   SynNavItem
-} from "./chunk.YRFZJY7K.js";
+} from "./chunk.N2U3S76W.js";
 import {
   SynMenu
-} from "./chunk.J4D7YIBL.js";
+} from "./chunk.JR4ZPNPW.js";
 import {
   SynDropdown
-} from "./chunk.2JOI3AFS.js";
+} from "./chunk.4G6X672L.js";
 import {
   SynIcon
-} from "./chunk.WFJVDRQR.js";
+} from "./chunk.2XG4KPH5.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.3AZFEB6D.js";
+} from "./chunk.F54ODM5Z.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.BABJ4GYZ.js.map
+//# sourceMappingURL=chunk.KX7CWWH2.js.map

package/dist/chunks/{chunk.6CC5CH2P.js → chunk.KZA6DSRS.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.3AZFEB6D.js";
+} from "./chunk.F54ODM5Z.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -415,4 +415,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.6CC5CH2P.js.map
+//# sourceMappingURL=chunk.KZA6DSRS.js.map

package/dist/chunks/{chunk.QMIWIIYK.js → chunk.LCWLHBMO.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.RN7MBD4H.js";
+} from "./chunk.5WSEP6GG.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.QMIWIIYK.js.map
+//# sourceMappingURL=chunk.LCWLHBMO.js.map

package/dist/chunks/{chunk.TAUPXC7I.js → chunk.LF4Y5UVQ.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.KSEKV6UQ.js";
+} from "./chunk.ZTUVBMBQ.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.TAUPXC7I.js.map
+//# sourceMappingURL=chunk.LF4Y5UVQ.js.map

package/dist/chunks/{chunk.AGVUWAUO.js → chunk.LYI4H3ZC.js}

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

package/dist/chunks/{chunk.T4KANTYB.js → chunk.MNKSFYBX.js}

@@ -4,18 +4,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  enableDefaultSettings
+} from "./chunk.E5UUNP6E.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.3AZFEB6D.js";
+} from "./chunk.F54ODM5Z.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.T4KANTYB.js.map
+//# sourceMappingURL=chunk.MNKSFYBX.js.map

package/dist/chunks/{chunk.YRFZJY7K.js → chunk.N2U3S76W.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.5V47GZA4.js";
 import {
   SynDivider
-} from "./chunk.P2IQYZXI.js";
-import {
-  SynIcon
-} from "./chunk.WFJVDRQR.js";
+} from "./chunk.XL6JK6XI.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
+import {
+  SynIcon
+} from "./chunk.2XG4KPH5.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.3AZFEB6D.js";
+} from "./chunk.F54ODM5Z.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -354,4 +354,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.YRFZJY7K.js.map
+//# sourceMappingURL=chunk.N2U3S76W.js.map

package/dist/chunks/{chunk.KLGGS6VW.js → chunk.N7OF5C4Y.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.2JOI3AFS.js";
+} from "./chunk.4G6X672L.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.KLGGS6VW.js.map
+//# sourceMappingURL=chunk.N7OF5C4Y.js.map

package/dist/chunks/{chunk.X3EJTRDD.js → chunk.NF3RTB5Z.js}

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

package/dist/chunks/{chunk.NWMN5WKW.js → chunk.NHLIJEJO.js}

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

package/dist/chunks/{chunk.PEP46WUN.js → chunk.NSZKH2EQ.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.3AZFEB6D.js";
+} from "./chunk.F54ODM5Z.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.PEP46WUN.js.map
+//# sourceMappingURL=chunk.NSZKH2EQ.js.map

package/dist/chunks/{chunk.DOOJ2WJ7.js → chunk.O4QFINH7.js}

@@ -152,8 +152,9 @@ var select_custom_styles_default = css`
    * #850: Allow to measure the size of the combobox.
    * This is needed so we can automatically size and truncate the tags in the <syn-select multiple> component.
    * Scoped to multiple to not break the single select per accident.
+   * Scoped to when placeholder is not visible to not break the placeholder visualization
    */
-  :host([multiple]) .select__tags {
+  :host([multiple]) :not(.select--placeholder-visible) > .select__combobox > .select__tags {
     min-width: 100px;
     overflow: hidden;
   }
@@ -181,4 +182,4 @@ var select_custom_styles_default = css`
 export {
   select_custom_styles_default
 };
-//# sourceMappingURL=chunk.DOOJ2WJ7.js.map
+//# sourceMappingURL=chunk.O4QFINH7.js.map

package/dist/chunks/{chunk.DOOJ2WJ7.js.map → chunk.O4QFINH7.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/select/select.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\nimport sharedOptionSize from '../option/option-size.styles.js';\n\nexport default css`\n  /** #429: Use token for opacity */\n  .select--standard.select--disabled .select__combobox {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /**\n   * Invalid user data\n   */\n  :host([data-user-invalid]) .select__combobox {\n    border-color: var(--syn-input-border-color-focus-error);\n  }\n\n  :host([data-user-invalid]) .select--standard:not(.select--disabled).select--open .select__combobox,\n  :host([data-user-invalid]) .select--standard:not(.select--disabled).select--focused .select__combobox {\n    border-color: var(--syn-input-border-color-focus-error);\n    box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-error);\n  }\n\n  /* Clear button */\n  .select__clear {\n    color: var(--syn-input-icon-icon-clearable-color);\n    font-size: var(--syn-spacing-large);\n  }\n\n  .select--small .select__clear {\n    font-size: var(--syn-spacing-medium);\n  }\n\n  .select--large .select__clear {\n    font-size: var(--syn-spacing-x-large);\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    color: var(--syn-color-neutral-950);\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  .select--small .select__expand-icon {\n    font-size: var(--syn-spacing-medium);\n  }\n\n  .select--medium .select__expand-icon {\n    font-size: var(--syn-spacing-large);\n  }\n\n  .select--large .select__expand-icon {\n    font-size: var(--syn-spacing-x-large);\n  }\n\n  /* Change select border on hover */\n  /* stylelint-disable-next-line no-descending-specificity */\n  .select:not(.select--disabled):hover .select__combobox {\n    border-color: var(--syn-input-color-hover);\n  }\n\n  /* Prefix and Suffix */\n\n  /* Small */\n  .select--small .select__prefix::slotted(*) {\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  .select--small .select__suffix::slotted(*) {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n\n  .select--small .select__suffix::slotted(syn-icon),\n  .select--small .select__prefix::slotted(syn-icon) {\n    font-size: var(--syn-font-size-medium);\n  }\n\n  /* Medium */\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-small);\n  }\n\n  .select--medium .select__suffix::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-small);\n  }\n\n  .select--medium .select__suffix::slotted(syn-icon),\n  .select--medium .select__prefix::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  /* Large */\n  .select--large .select__prefix::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-medium);\n  }\n\n  .select--large .select__suffix::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-medium);\n  }\n\n  .select--large .select__suffix::slotted(syn-icon),\n  .select--large .select__prefix::slotted(syn-icon) {\n    font-size: var(--syn-font-size-2x-large);\n  }\n\n\n  .select__prefix,\n  .select__suffix {\n    color: var(--syn-input-help-text-color);\n  }\n\n  /* Multi Select */\n  .select__tags {\n    margin-inline-start: var(--syn-spacing-medium);\n  }\n\n  .select--small .select__tags {\n    gap: var(--syn-spacing-2x-small);\n  }\n\n  .select--medium .select__tags {\n    gap: var(--syn-spacing-x-small);\n  }\n\n  .select--large .select__tags {\n    gap: var(--syn-spacing-small);\n  }\n\n  /* Listbox */\n  .select__listbox {\n    /* @todo: Should be --syn-border-radius-medium, which should be set to 0 */\n    border-radius: var(--syn-border-radius-none);\n    box-shadow: var(--syn-shadow-medium);\n  }\n\n  /**\n   * Make sure to hide the syn-divider for the first syn-optgroup\n   * Note! ::slotted does currently not work with ::part, so we\n   * opted for using a css variable here.\n   */\n  .select__listbox ::slotted(syn-optgroup:first-of-type) {\n    --display-divider: none;\n  }\n\n  /**\n   * #850: Allow to measure the size of the combobox.\n   * This is needed so we can automatically size and truncate the tags in the <syn-select multiple> component.\n   * Scoped to multiple to not break the single select per accident.\n   */\n  :host([multiple]) .select__tags {\n    min-width: 100px;\n    overflow: hidden;\n  }\n\n  :host([multiple]) .select__tags > div {\n    display: contents;\n  }\n\n  :host([multiple]) .select__tags > div > syn-tag {\n    --syn-tag-position-adjustment: var(--syn-spacing-3x-small);\n\n    max-width: var(--syn-select-tag-max-width);\n  }\n\n  :host([multiple]) .select__tags > div > syn-tag::part(content) {\n    display: initial;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  ${sharedOptionSize}\n`;\n"],
-  "mappings": ";;;;;AAAA,SAAS,WAAW;AAGpB,IAAO,+BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA2KX,0BAAgB;AAAA;",
+  "sourcesContent": ["import { css } from 'lit';\nimport sharedOptionSize from '../option/option-size.styles.js';\n\nexport default css`\n  /** #429: Use token for opacity */\n  .select--standard.select--disabled .select__combobox {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /**\n   * Invalid user data\n   */\n  :host([data-user-invalid]) .select__combobox {\n    border-color: var(--syn-input-border-color-focus-error);\n  }\n\n  :host([data-user-invalid]) .select--standard:not(.select--disabled).select--open .select__combobox,\n  :host([data-user-invalid]) .select--standard:not(.select--disabled).select--focused .select__combobox {\n    border-color: var(--syn-input-border-color-focus-error);\n    box-shadow: 0 0 0 var(--syn-focus-ring-width) var(--syn-input-focus-ring-error);\n  }\n\n  /* Clear button */\n  .select__clear {\n    color: var(--syn-input-icon-icon-clearable-color);\n    font-size: var(--syn-spacing-large);\n  }\n\n  .select--small .select__clear {\n    font-size: var(--syn-spacing-medium);\n  }\n\n  .select--large .select__clear {\n    font-size: var(--syn-spacing-x-large);\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    color: var(--syn-color-neutral-950);\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  .select--small .select__expand-icon {\n    font-size: var(--syn-spacing-medium);\n  }\n\n  .select--medium .select__expand-icon {\n    font-size: var(--syn-spacing-large);\n  }\n\n  .select--large .select__expand-icon {\n    font-size: var(--syn-spacing-x-large);\n  }\n\n  /* Change select border on hover */\n  /* stylelint-disable-next-line no-descending-specificity */\n  .select:not(.select--disabled):hover .select__combobox {\n    border-color: var(--syn-input-color-hover);\n  }\n\n  /* Prefix and Suffix */\n\n  /* Small */\n  .select--small .select__prefix::slotted(*) {\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  .select--small .select__suffix::slotted(*) {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n\n  .select--small .select__suffix::slotted(syn-icon),\n  .select--small .select__prefix::slotted(syn-icon) {\n    font-size: var(--syn-font-size-medium);\n  }\n\n  /* Medium */\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-small);\n  }\n\n  .select--medium .select__suffix::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-small);\n  }\n\n  .select--medium .select__suffix::slotted(syn-icon),\n  .select--medium .select__prefix::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  /* Large */\n  .select--large .select__prefix::slotted(*) {\n    margin-inline-end: var(--syn-input-spacing-medium);\n  }\n\n  .select--large .select__suffix::slotted(*) {\n    margin-inline-start: var(--syn-input-spacing-medium);\n  }\n\n  .select--large .select__suffix::slotted(syn-icon),\n  .select--large .select__prefix::slotted(syn-icon) {\n    font-size: var(--syn-font-size-2x-large);\n  }\n\n\n  .select__prefix,\n  .select__suffix {\n    color: var(--syn-input-help-text-color);\n  }\n\n  /* Multi Select */\n  .select__tags {\n    margin-inline-start: var(--syn-spacing-medium);\n  }\n\n  .select--small .select__tags {\n    gap: var(--syn-spacing-2x-small);\n  }\n\n  .select--medium .select__tags {\n    gap: var(--syn-spacing-x-small);\n  }\n\n  .select--large .select__tags {\n    gap: var(--syn-spacing-small);\n  }\n\n  /* Listbox */\n  .select__listbox {\n    /* @todo: Should be --syn-border-radius-medium, which should be set to 0 */\n    border-radius: var(--syn-border-radius-none);\n    box-shadow: var(--syn-shadow-medium);\n  }\n\n  /**\n   * Make sure to hide the syn-divider for the first syn-optgroup\n   * Note! ::slotted does currently not work with ::part, so we\n   * opted for using a css variable here.\n   */\n  .select__listbox ::slotted(syn-optgroup:first-of-type) {\n    --display-divider: none;\n  }\n\n  /**\n   * #850: Allow to measure the size of the combobox.\n   * This is needed so we can automatically size and truncate the tags in the <syn-select multiple> component.\n   * Scoped to multiple to not break the single select per accident.\n   * Scoped to when placeholder is not visible to not break the placeholder visualization\n   */\n  :host([multiple]) :not(.select--placeholder-visible) > .select__combobox > .select__tags {\n    min-width: 100px;\n    overflow: hidden;\n  }\n\n  :host([multiple]) .select__tags > div {\n    display: contents;\n  }\n\n  :host([multiple]) .select__tags > div > syn-tag {\n    --syn-tag-position-adjustment: var(--syn-spacing-3x-small);\n\n    max-width: var(--syn-select-tag-max-width);\n  }\n\n  :host([multiple]) .select__tags > div > syn-tag::part(content) {\n    display: initial;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  ${sharedOptionSize}\n`;\n"],
+  "mappings": ";;;;;AAAA,SAAS,WAAW;AAGpB,IAAO,+BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA4KX,0BAAgB;AAAA;",
   "names": []
 }

package/dist/chunks/{chunk.Q476ENNF.js → chunk.OEBRWGFY.js}

@@ -1,3 +1,9 @@
+import {
+  checkbox_custom_styles_default
+} from "./chunk.Y3LNC7J6.js";
+import {
+  checkbox_styles_default
+} from "./chunk.6OX2AX3Z.js";
 import {
   defaultValue
 } from "./chunk.3NXKLKWH.js";
@@ -5,33 +11,27 @@ import {
   form_control_custom_styles_default,
   form_control_styles_default
 } from "./chunk.G4URZQCL.js";
-import {
-  checkbox_custom_styles_default
-} from "./chunk.Y3LNC7J6.js";
-import {
-  checkbox_styles_default
-} from "./chunk.6OX2AX3Z.js";
 import {
   FormControlController
 } from "./chunk.HP2LEQRU.js";
-import {
-  SynIcon
-} from "./chunk.WFJVDRQR.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
+  SynIcon
+} from "./chunk.2XG4KPH5.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  enableDefaultSettings
+} from "./chunk.E5UUNP6E.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.3AZFEB6D.js";
+} from "./chunk.F54ODM5Z.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -267,4 +267,4 @@ SynCheckbox = __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.Q476ENNF.js.map
+//# sourceMappingURL=chunk.OEBRWGFY.js.map

package/dist/chunks/{chunk.G4K3PDVG.js → chunk.PFY3SYZG.js}

@@ -1,9 +1,3 @@
-import {
-  badge_custom_styles_default
-} from "./chunk.J6CGTLVH.js";
-import {
-  badge_styles_default
-} from "./chunk.Y5TMYX2L.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -15,7 +9,13 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.3AZFEB6D.js";
+} from "./chunk.F54ODM5Z.js";
+import {
+  badge_custom_styles_default
+} from "./chunk.J6CGTLVH.js";
+import {
+  badge_styles_default
+} from "./chunk.Y5TMYX2L.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -66,4 +66,4 @@ SynBadge = __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.G4K3PDVG.js.map
+//# sourceMappingURL=chunk.PFY3SYZG.js.map

package/dist/chunks/{chunk.FAYDWGEL.js → chunk.PWE53LVB.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.BABJ4GYZ.js";
+} from "./chunk.KX7CWWH2.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.FAYDWGEL.js.map
+//# sourceMappingURL=chunk.PWE53LVB.js.map

package/dist/chunks/{chunk.EWOH3PLM.js → chunk.QO2QG7IJ.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.WFJVDRQR.js";
+} from "./chunk.2XG4KPH5.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.EWOH3PLM.js.map
+//# sourceMappingURL=chunk.QO2QG7IJ.js.map

package/dist/chunks/{chunk.H44OLU6E.js → chunk.R467YNG5.js}

@@ -9,19 +9,19 @@ import {
 } from "./chunk.ARR23WUY.js";
 import {
   SynIcon
-} from "./chunk.WFJVDRQR.js";
-import {
-  LocalizeController
-} from "./chunk.OAQRCZOO.js";
+} from "./chunk.2XG4KPH5.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.3AZFEB6D.js";
+} from "./chunk.F54ODM5Z.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -165,4 +165,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.H44OLU6E.js.map
+//# sourceMappingURL=chunk.R467YNG5.js.map

package/dist/chunks/{chunk.764ZJTZD.js → chunk.RCTJ2OZW.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.NGWILHHT.js";
+} from "./chunk.G2VWR6MV.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.764ZJTZD.js.map
+//# sourceMappingURL=chunk.RCTJ2OZW.js.map

package/dist/chunks/{chunk.CYEJUEKV.js → chunk.RM6JEPJE.js}

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

package/dist/chunks/{chunk.BHI3FNPN.js → chunk.RSV2PJMM.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.XVYYQXYM.js";
+} from "./chunk.JMTCTJQ7.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.BHI3FNPN.js.map
+//# sourceMappingURL=chunk.RSV2PJMM.js.map

package/dist/chunks/{chunk.RG723DJS.js → chunk.RYANMKQO.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.H44OLU6E.js";
+} from "./chunk.R467YNG5.js";
 import {
   SynPopup
-} from "./chunk.6CC5CH2P.js";
+} from "./chunk.KZA6DSRS.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -19,12 +19,6 @@ import {
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
-import {
-  combobox_custom_styles_default
-} from "./chunk.IEVIYOID.js";
-import {
-  combobox_styles_default
-} from "./chunk.GTAE5OSA.js";
 import {
   defaultValue
 } from "./chunk.3NXKLKWH.js";
@@ -32,6 +26,12 @@ import {
   form_control_custom_styles_default,
   form_control_styles_default
 } from "./chunk.G4URZQCL.js";
+import {
+  combobox_custom_styles_default
+} from "./chunk.IEVIYOID.js";
+import {
+  combobox_styles_default
+} from "./chunk.TRGOAYBG.js";
 import {
   FormControlController
 } from "./chunk.HP2LEQRU.js";
@@ -46,27 +46,27 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.7JGKUB4A.js";
+import {
+  HasSlotController
+} from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.WFJVDRQR.js";
+} from "./chunk.2XG4KPH5.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
-import {
-  HasSlotController
-} from "./chunk.WVVQK5TE.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.3AZFEB6D.js";
+} from "./chunk.F54ODM5Z.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -935,4 +935,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.RG723DJS.js.map
+//# sourceMappingURL=chunk.RYANMKQO.js.map

package/dist/chunks/{chunk.TFE4UIFZ.js → chunk.S4F4ABM7.js}

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

package/dist/chunks/{chunk.HF2LNFVP.js → chunk.SBHQ7TLU.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.XPN4WSF6.js";
+} from "./chunk.WIXIKJR2.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.HF2LNFVP.js.map
+//# sourceMappingURL=chunk.SBHQ7TLU.js.map

package/dist/chunks/{chunk.HDUJYDWI.js → chunk.SLQSEZFN.js}

@@ -17,18 +17,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  enableDefaultSettings
+} from "./chunk.E5UUNP6E.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.3AZFEB6D.js";
+} from "./chunk.F54ODM5Z.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -375,4 +375,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.HDUJYDWI.js.map
+//# sourceMappingURL=chunk.SLQSEZFN.js.map