@synergy-design-system/components 2.15.2 → 2.17.0

package/dist/chunks/{chunk.SXSOAZE2.js → chunk.ETTFHZ32.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BOFHYW24.js";
+} from "./chunk.4H7Y7UVK.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -182,4 +182,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.SXSOAZE2.js.map
+//# sourceMappingURL=chunk.ETTFHZ32.js.map

package/dist/chunks/{chunk.AL24ODK6.js → chunk.EWVMF6KH.js}

@@ -1,3 +1,7 @@
+import {
+  option_size_styles_default
+} from "./chunk.QC7X32ZP.js";
+
 // src/components/combobox/combobox.custom.styles.ts
 import { css } from "lit";
 var combobox_custom_styles_default = css`
@@ -9,9 +13,11 @@ var combobox_custom_styles_default = css`
   .listbox__options ::slotted(syn-optgroup[hidden]) {
     display: none;
   }
+
+  ${option_size_styles_default}
 `;
 
 export {
   combobox_custom_styles_default
 };
-//# sourceMappingURL=chunk.AL24ODK6.js.map
+//# sourceMappingURL=chunk.EWVMF6KH.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/combobox/combobox.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport sharedOptionSize from '../option/option-size.styles.js';\n\nexport default css`\n  .combobox:not(.combobox--disabled) .combobox__display-input {\n    cursor: text;\n  }\n\n  .listbox__options ::slotted(syn-option[hidden]), \n  .listbox__options ::slotted(syn-optgroup[hidden]) {\n    display: none;\n  }\n\n  ${sharedOptionSize}\n`;\n"],
+  "mappings": ";;;;;AAAA,SAAS,WAAW;AAGpB,IAAO,iCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUX,0BAAgB;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.E5DX6QBS.js → chunk.FOPJZZUE.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.EHSNF4SS.js";
 import {
   SynIcon
-} from "./chunk.SXSOAZE2.js";
+} from "./chunk.ETTFHZ32.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BOFHYW24.js";
+} from "./chunk.4H7Y7UVK.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -114,4 +114,4 @@ __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.E5DX6QBS.js.map
+//# sourceMappingURL=chunk.FOPJZZUE.js.map

package/dist/chunks/{chunk.XKIKX7FH.js → chunk.FXC53VT5.js}

@@ -6,25 +6,25 @@ import {
 } from "./chunk.PKYC7QF3.js";
 import {
   SynResizeObserver
-} from "./chunk.VV745BQK.js";
+} from "./chunk.6A7XYSK2.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.FTXJRZO7.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.UQ3KSMJM.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BOFHYW24.js";
+} from "./chunk.4H7Y7UVK.js";
 import {
   __decorateClass,
   __spreadValues
@@ -497,4 +497,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.XKIKX7FH.js.map
+//# sourceMappingURL=chunk.FXC53VT5.js.map

package/dist/chunks/{chunk.R6EEYS6Z.js → chunk.FYHVWVR3.js}

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

package/dist/chunks/{chunk.SRF42UON.js → chunk.HI4EN6XA.js}

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

package/dist/chunks/{chunk.RGIV7H3H.js → chunk.IJQ7XW3N.js}

@@ -1,10 +1,23 @@
 // src/components/option/option.custom.styles.ts
 import { css } from "lit";
 var option_custom_styles_default = css`
+  /**
+   * The syn-option is now able to adjust its height from a parent item
+   * This is done by exposing multiple css variables to the outside:
+   *
+   * --option-min-height (defaults to 48px) The minimal height of an element
+   * --option-padding (defaults to var(--syn-spacing-small) var(--syn-spacing-medium)) The padding to use
+   * --option-font-size (defaults to var(--syn-font-size-medium)) The font size to use
+   * --option-icon-size (defaults to var(--syn-spacing-large)) The size of the checkmark
+   * 
+   * See below for usage of these variables
+   */
   .option {
+    font-size: var(--option-font-size, var(--syn-font-size-medium));
+    
     /* Height is dependent on line-height of .option__label, which does not fit completely to layout */
-    min-height: 48px;
-    padding: var(--syn-spacing-small) var(--syn-spacing-medium);
+    min-height: var(--option-min-height, var(--syn-input-height-medium));
+    padding: var(--option-padding, var(--syn-spacing-small) var(--syn-spacing-medium));
   }
 
   .option:not(.option--current) {
@@ -17,7 +30,7 @@ var option_custom_styles_default = css`
 
   .option__check {
     color: var(--syn-color-primary-600);
-    font-size: var(--syn-spacing-large);
+    font-size: var(--option-icon-size, var(--syn-spacing-large));
   }
 
   .option .option__check {
@@ -42,7 +55,7 @@ var option_custom_styles_default = css`
   .option__prefix::slotted(syn-icon),
   .option__suffix::slotted(syn-icon) {
     color: var(--syn-color-neutral-800);
-    font-size: var(--syn-spacing-large);
+    font-size: var(--option-icon-size, var(--syn-spacing-large));
   }
 
   .option--current .option__prefix::slotted(syn-icon),
@@ -65,4 +78,4 @@ var option_custom_styles_default = css`
 export {
   option_custom_styles_default
 };
-//# sourceMappingURL=chunk.RGIV7H3H.js.map
+//# sourceMappingURL=chunk.IJQ7XW3N.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/option/option.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /**\n   * The syn-option is now able to adjust its height from a parent item\n   * This is done by exposing multiple css variables to the outside:\n   *\n   * --option-min-height (defaults to 48px) The minimal height of an element\n   * --option-padding (defaults to var(--syn-spacing-small) var(--syn-spacing-medium)) The padding to use\n   * --option-font-size (defaults to var(--syn-font-size-medium)) The font size to use\n   * --option-icon-size (defaults to var(--syn-spacing-large)) The size of the checkmark\n   * \n   * See below for usage of these variables\n   */\n  .option {\n    font-size: var(--option-font-size, var(--syn-font-size-medium));\n    \n    /* Height is dependent on line-height of .option__label, which does not fit completely to layout */\n    min-height: var(--option-min-height, var(--syn-input-height-medium));\n    padding: var(--option-padding, var(--syn-spacing-small) var(--syn-spacing-medium));\n  }\n\n  .option:not(.option--current) {\n    color: var(--syn-color-neutral-950);\n  }\n\n  .option__label {\n    line-height: var(--syn-line-height-normal);\n  }\n\n  .option__check {\n    color: var(--syn-color-primary-600);\n    font-size: var(--option-icon-size, var(--syn-spacing-large));\n  }\n\n  .option .option__check {\n    padding-inline-end: var(--syn-spacing-small);\n  }\n\n  /* Invert the check mark when keyboard navigation is used */\n  .option--current .option__check {\n    color: var(--syn-color-neutral-0);\n  }\n\n  /* Use larger spacing between icons and content */\n  .option__prefix::slotted(*) {\n    margin-inline-end: var(--syn-spacing-small);\n  }\n\n  .option__suffix::slotted(*) {\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /* Set correct icon size when someone uses syn-icon in the slots */\n  .option__prefix::slotted(syn-icon),\n  .option__suffix::slotted(syn-icon) {\n    color: var(--syn-color-neutral-800);\n    font-size: var(--option-icon-size, var(--syn-spacing-large));\n  }\n\n  .option--current .option__prefix::slotted(syn-icon),\n  .option--current .option__suffix::slotted(syn-icon) {\n    color: var(--syn-color-neutral-0);\n  }\n\n  /* This is needed for the highlight styling of the options in syn-combobox */\n  .option__label::slotted(.syn-highlight-style) {\n    background-color: transparent;\n    color: var(--syn-color-neutral-950);\n    font: var(--syn-body-medium-bold);\n  }\n\n  :host([aria-selected='true']) .option__label::slotted(.syn-highlight-style) {\n    color: var(--syn-color-neutral-0);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,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;",
+  "names": []
+}

package/dist/chunks/{chunk.Q42XIW7C.js → chunk.IY3XSVYK.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.WZCXH5QP.js";
+} from "./chunk.VNQ4RFXH.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.Q42XIW7C.js.map
+//# sourceMappingURL=chunk.IY3XSVYK.js.map

package/dist/chunks/{chunk.FLQL4ECY.js → chunk.J3RVA2P6.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.FTXJRZO7.js";
+} from "./chunk.UQ3KSMJM.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -28,18 +28,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BOFHYW24.js";
+} from "./chunk.4H7Y7UVK.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.FLQL4ECY.js.map
+//# sourceMappingURL=chunk.J3RVA2P6.js.map

package/dist/chunks/{chunk.2JOGIMU5.js → chunk.JRXQYAF6.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.NZNKGVQL.js";
+} from "./chunk.3LE5R25I.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.2JOGIMU5.js.map
+//# sourceMappingURL=chunk.JRXQYAF6.js.map

package/dist/chunks/{chunk.UY6KFWUO.js → chunk.JXZO2OHF.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.OJDFWW3D.js";
+} from "./chunk.O4BSTAK6.js";
 
 // src/components/radio-group/radio-group.ts
 var radio_group_default = SynRadioGroup;
@@ -9,4 +9,4 @@ SynRadioGroup.define("syn-radio-group");
 export {
   radio_group_default
 };
-//# sourceMappingURL=chunk.UY6KFWUO.js.map
+//# sourceMappingURL=chunk.JXZO2OHF.js.map

package/dist/chunks/{chunk.2YQLQNSR.js → chunk.KJN4EA2Q.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.74N5WLM5.js";
 import {
   SynNavItem
-} from "./chunk.YEHUJQWB.js";
+} from "./chunk.TGXVNNHD.js";
 import {
   SynMenu
-} from "./chunk.DDKKC3IX.js";
+} from "./chunk.E3GQ7OTE.js";
 import {
   SynDropdown
-} from "./chunk.XZTY2XZG.js";
+} from "./chunk.5G3JLEL5.js";
 import {
   SynIcon
-} from "./chunk.SXSOAZE2.js";
+} from "./chunk.ETTFHZ32.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BOFHYW24.js";
+} from "./chunk.4H7Y7UVK.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.2YQLQNSR.js.map
+//# sourceMappingURL=chunk.KJN4EA2Q.js.map

package/dist/chunks/{chunk.KXLXPVGN.js → chunk.LCJ226D4.js}

@@ -1,24 +1,24 @@
+import {
+  option_custom_styles_default
+} from "./chunk.IJQ7XW3N.js";
 import {
   option_styles_default
 } from "./chunk.IVM3BGRH.js";
-import {
-  option_custom_styles_default
-} from "./chunk.RGIV7H3H.js";
 import {
   SynIcon
-} from "./chunk.SXSOAZE2.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.ETTFHZ32.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BOFHYW24.js";
+} from "./chunk.4H7Y7UVK.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -154,4 +154,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.KXLXPVGN.js.map
+//# sourceMappingURL=chunk.LCJ226D4.js.map

package/dist/chunks/{chunk.KFTVF4BF.js → chunk.LGXHBN6B.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.FTXJRZO7.js";
+} from "./chunk.UQ3KSMJM.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BOFHYW24.js";
+} from "./chunk.4H7Y7UVK.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.KFTVF4BF.js.map
+//# sourceMappingURL=chunk.LGXHBN6B.js.map

package/dist/chunks/{chunk.I3MEFWOZ.js → chunk.LVGBQKZG.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.FTXJRZO7.js";
+} from "./chunk.UQ3KSMJM.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -28,18 +28,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BOFHYW24.js";
+} from "./chunk.4H7Y7UVK.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -394,4 +394,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.I3MEFWOZ.js.map
+//# sourceMappingURL=chunk.LVGBQKZG.js.map

package/dist/chunks/{chunk.FIDKOOLR.js → chunk.MJ7R4QQT.js}

@@ -17,6 +17,7 @@ var optgroup_styles_default = css`
     color: var(--syn-color-neutral-950);
     display: flex;
     gap: var(--syn-spacing-small);
+    min-height: var(--option-min-height, var(--syn-input-height-medium));
   }
 
   /**
@@ -25,8 +26,7 @@ var optgroup_styles_default = css`
   .optgroup--has-prefix .optgroup__label-container,
   .optgroup--has-label .optgroup__label-container,
   .optgroup--has-suffix .optgroup__label-container {
-    padding-block: var(--syn-spacing-small);
-    padding-inline: var(--syn-spacing-medium);
+    padding: var(--option-padding, var(--syn-spacing-small) var(--syn-spacing-medium));
   }
 
   /**
@@ -37,7 +37,7 @@ var optgroup_styles_default = css`
   .optgroup__label::slotted(*) {
     flex: 1;
     font-family: var(--syn-font-sans);
-    font-size: var(--syn-font-size-medium);
+    font-size: var(--option-font-size, var(--syn-font-size-medium));
     font-weight: var(--syn-font-weight-semibold);
     line-height: var(--syn-line-height-normal);
   }
@@ -61,4 +61,4 @@ var optgroup_styles_default = css`
 export {
   optgroup_styles_default
 };
-//# sourceMappingURL=chunk.FIDKOOLR.js.map
+//# sourceMappingURL=chunk.MJ7R4QQT.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/optgroup/optgroup.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --display-divider: block;\n  }\n\n  .optgroup__divider {\n    --spacing: var(--syn-spacing-x-small);\n\n    display: var(--display-divider);\n  }\n\n  .optgroup__label-container {\n    align-items: center;\n    box-sizing: border-box;\n    color: var(--syn-color-neutral-950);\n    display: flex;\n    gap: var(--syn-spacing-small);\n    min-height: var(--option-min-height, var(--syn-input-height-medium));\n  }\n\n  /**\n   * Only show the label container when there is a label at all\n   */\n  .optgroup--has-prefix .optgroup__label-container,\n  .optgroup--has-label .optgroup__label-container,\n  .optgroup--has-suffix .optgroup__label-container {\n    padding: var(--option-padding, var(--syn-spacing-small) var(--syn-spacing-medium));\n  }\n\n  /**\n   * Format main label.\n   * Make sure this works for props and slotted content\n   */\n  .optgroup__label-content,\n  .optgroup__label::slotted(*) {\n    flex: 1;\n    font-family: var(--syn-font-sans);\n    font-size: var(--option-font-size, var(--syn-font-size-medium));\n    font-weight: var(--syn-font-weight-semibold);\n    line-height: var(--syn-line-height-normal);\n  }\n\n  /* Disabled Label */\n  .optgroup--is-disabled .optgroup__label-container {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  .optgroup__prefix,\n  .optgroup__suffix {\n    color: var(--syn-color-neutral-800);\n    font-size: var(--syn-spacing-large);\n  }\n\n  .optgroup__options ::slotted(syn-option[hidden]) {\n    display: none;\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;",
+  "names": []
+}

package/dist/chunks/{chunk.Y53LPJWU.js → chunk.MOGLIA4W.js}

@@ -1,6 +1,6 @@
 import {
   SynCombobox
-} from "./chunk.RZLON23M.js";
+} from "./chunk.NY7IBX32.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = SynCombobox;
@@ -9,4 +9,4 @@ SynCombobox.define("syn-combobox");
 export {
   combobox_default
 };
-//# sourceMappingURL=chunk.Y53LPJWU.js.map
+//# sourceMappingURL=chunk.MOGLIA4W.js.map

package/dist/chunks/{chunk.AFX25KYN.js → chunk.NIB7EMK2.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.SOXK5TWS.js";
+} from "./chunk.RMEGHAUX.js";
 import {
   FormControlController,
   validValidityState
@@ -17,19 +17,19 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.SXSOAZE2.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.ETTFHZ32.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BOFHYW24.js";
+} from "./chunk.4H7Y7UVK.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -289,4 +289,4 @@ __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.AFX25KYN.js.map
+//# sourceMappingURL=chunk.NIB7EMK2.js.map

package/dist/chunks/{chunk.CJRPQHH7.js → chunk.NMV6QEGX.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BOFHYW24.js";
+} from "./chunk.4H7Y7UVK.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.CJRPQHH7.js.map
+//# sourceMappingURL=chunk.NMV6QEGX.js.map

package/dist/chunks/{chunk.RCP7TWVL.js → chunk.NNHIMG4B.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.O356GTXZ.js";
+} from "./chunk.5F6EOD5D.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.RCP7TWVL.js.map
+//# sourceMappingURL=chunk.NNHIMG4B.js.map

package/dist/chunks/{chunk.RZLON23M.js → chunk.NY7IBX32.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.KXLXPVGN.js";
+} from "./chunk.LCJ226D4.js";
 import {
   SynPopup
-} from "./chunk.67BGUF26.js";
+} from "./chunk.PFLZ6U6X.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.FKKJBKYL.js";
 import {
   combobox_custom_styles_default
-} from "./chunk.AL24ODK6.js";
+} from "./chunk.EWVMF6KH.js";
 import {
   combobox_styles_default
 } from "./chunk.V4SIKF4X.js";
@@ -49,19 +49,19 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.SXSOAZE2.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.ETTFHZ32.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
+import {
+  watch
+} from "./chunk.74IOULXM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BOFHYW24.js";
+} from "./chunk.4H7Y7UVK.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -827,4 +827,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.RZLON23M.js.map
+//# sourceMappingURL=chunk.NY7IBX32.js.map

package/dist/chunks/{chunk.OJDFWW3D.js → chunk.O4BSTAK6.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.FKKJBKYL.js";
 import {
   SynButtonGroup
-} from "./chunk.B4BK2K4W.js";
+} from "./chunk.V6PPOZZC.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.BOFHYW24.js";
+} from "./chunk.4H7Y7UVK.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -363,4 +363,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.OJDFWW3D.js.map
+//# sourceMappingURL=chunk.O4BSTAK6.js.map

package/dist/chunks/{chunk.LSV72WZ6.js → chunk.OIGK4P4F.js}

@@ -1,6 +1,6 @@
 import {
   SynCheckbox
-} from "./chunk.ILUDSXVX.js";
+} from "./chunk.B2PE2TXL.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SynCheckbox;
@@ -9,4 +9,4 @@ SynCheckbox.define("syn-checkbox");
 export {
   checkbox_default
 };
-//# sourceMappingURL=chunk.LSV72WZ6.js.map
+//# sourceMappingURL=chunk.OIGK4P4F.js.map

package/dist/chunks/{chunk.M4VDH4MW.js → chunk.ORFFJG4N.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.DKECT5ML.js";
+} from "./chunk.UDHQMRDY.js";
 
 // src/components/progress-bar/progress-bar.ts
 var progress_bar_default = SynProgressBar;
@@ -9,4 +9,4 @@ SynProgressBar.define("syn-progress-bar");
 export {
   progress_bar_default
 };
-//# sourceMappingURL=chunk.M4VDH4MW.js.map
+//# sourceMappingURL=chunk.ORFFJG4N.js.map