@synergy-design-system/components 3.10.3 → 3.10.4

package/dist/chunks/{chunk.N7FEU3A4.js → chunk.BCRV2CJV.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.34WYIU4C.js";
 import {
   SynButton
-} from "./chunk.EJB5MKOA.js";
+} from "./chunk.RI63MYO4.js";
 import {
   FormControlController
 } from "./chunk.J3GDDM6Q.js";
@@ -25,22 +25,22 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.ALSNIU7H.js";
+} from "./chunk.YZPI6FWX.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.5YZ63VR2.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
+} from "./chunk.WCFCAC7D.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.6IHE7NM5.js";
+} from "./chunk.6XRGRS74.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -544,4 +544,4 @@ setDefaultAnimation("file.text.appear", {
 export {
   SynFile
 };
-//# sourceMappingURL=chunk.N7FEU3A4.js.map
+//# sourceMappingURL=chunk.BCRV2CJV.js.map

package/dist/chunks/{chunk.VXMG22B4.js → chunk.BPZGBVGP.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.6J3PG7DY.js";
+} from "./chunk.H4GJQFID.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.VXMG22B4.js.map
+//# sourceMappingURL=chunk.BPZGBVGP.js.map

package/dist/chunks/{chunk.3LK3732L.js → chunk.BTZBAYDE.js}

@@ -6,28 +6,28 @@ import {
   isInvalidEvent,
   isSynergyElement,
   normalizeEventAttribute
-} from "./chunk.YTYMWFAK.js";
+} from "./chunk.A2XGTPOZ.js";
 import {
   validate_styles_default
 } from "./chunk.MVM3NN6Y.js";
 import {
   SynTooltip
-} from "./chunk.PGKPRFJN.js";
+} from "./chunk.GVISB3QH.js";
 import {
   SynAlert
-} from "./chunk.FTJEO6ZS.js";
-import {
-  enableDefaultSettings
-} from "./chunk.5YZ63VR2.js";
+} from "./chunk.FVOP6XAW.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
+import {
+  enableDefaultSettings
+} from "./chunk.WCFCAC7D.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.6IHE7NM5.js";
+} from "./chunk.6XRGRS74.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -439,4 +439,4 @@ SynValidate = __decorateClass([
 export {
   SynValidate
 };
-//# sourceMappingURL=chunk.3LK3732L.js.map
+//# sourceMappingURL=chunk.BTZBAYDE.js.map

package/dist/chunks/{chunk.R2EDJALI.js → chunk.BW3JK7OW.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.X5NFOV5A.js";
 import {
   SynIconButton
-} from "./chunk.6AY3L2KK.js";
+} from "./chunk.EACJ7B2A.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.5YZ63VR2.js";
+} from "./chunk.WCFCAC7D.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.6IHE7NM5.js";
+} from "./chunk.6XRGRS74.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.R2EDJALI.js.map
+//# sourceMappingURL=chunk.BW3JK7OW.js.map

package/dist/chunks/{chunk.NW5VNZ4K.js → chunk.CFYEPT7Z.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.EJB5MKOA.js";
+} from "./chunk.RI63MYO4.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.NW5VNZ4K.js.map
+//# sourceMappingURL=chunk.CFYEPT7Z.js.map

package/dist/chunks/{chunk.FGYUZQR3.js → chunk.CHKACCPI.js}

@@ -1,6 +1,6 @@
 import {
   SynRange
-} from "./chunk.37ID4W7F.js";
+} from "./chunk.KWJSWLSH.js";
 
 // src/components/range/range.ts
 var range_default = SynRange;
@@ -9,4 +9,4 @@ SynRange.define("syn-range");
 export {
   range_default
 };
-//# sourceMappingURL=chunk.FGYUZQR3.js.map
+//# sourceMappingURL=chunk.CHKACCPI.js.map

package/dist/chunks/{chunk.SENYB6AI.js → chunk.CLPDBCAN.js}

@@ -1,6 +1,6 @@
 import {
   SynTagGroup
-} from "./chunk.LZCJK22G.js";
+} from "./chunk.2J7JSSEX.js";
 
 // src/components/tag-group/tag-group.ts
 var tag_group_default = SynTagGroup;
@@ -9,4 +9,4 @@ SynTagGroup.define("syn-tag-group");
 export {
   tag_group_default
 };
-//# sourceMappingURL=chunk.SENYB6AI.js.map
+//# sourceMappingURL=chunk.CLPDBCAN.js.map

package/dist/chunks/{chunk.ZBFZ6I5O.js → chunk.CR7KFMTQ.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.6IHE7NM5.js";
+} from "./chunk.6XRGRS74.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -120,4 +120,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.ZBFZ6I5O.js.map
+//# sourceMappingURL=chunk.CR7KFMTQ.js.map

package/dist/chunks/{chunk.BL5JW7YS.js → chunk.CUDIVEVT.js}

@@ -1,8 +1,19 @@
-// src/components/option/option.custom.styles.ts
+// src/components/option/option.styles.ts
 import { css } from "lit";
-var option_custom_styles_default = css`
+var option_styles_default = css`
+  :host {
+    display: block;
+    /* stylelint-disable-next-line property-no-vendor-prefix */
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  :host(:focus) {
+    outline: none;
+  }
+
   /**
-   * The syn-option is now able to adjust its height from a parent item
+   * 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
@@ -13,6 +24,8 @@ var option_custom_styles_default = css`
    * See below for usage of these variables
    */
   .option {
+    align-items: center;
+
     /*
      * #988: Brand2025 defines a small gap between options
      * and rounded corners. We achieve that using an border
@@ -26,13 +39,22 @@ var option_custom_styles_default = css`
      * - 2018 does not have a focus ring, so the border radius is as small as the border, essentially negating it to "0"
      * - 2025 needs to adapt with another pixel to make it match the rounding of the focus ring
      */
-    border-radius: calc(calc(var(--syn-focus-ring-border-radius) * 2) + var(--option-inset-border-vertical) - 1px);
+    border-radius: calc(calc(var(--syn-focus-ring-border-radius) * 2) + var(--option-inset-border-vertical) - 2px) / calc(calc(var(--syn-focus-ring-border-radius) * 2) + var(--option-inset-border-vertical) - 4px);
     border-width: var(--option-inset-border-horizontal) var(--option-inset-border-vertical);
+    color: var(--syn-color-neutral-700);
+    cursor: pointer;
+    display: flex;
+    font-family: var(--syn-font-sans);
     font-size: var(--option-font-size, var(--syn-font-size-medium));
+    font-weight: var(--syn-font-weight-normal);
+    letter-spacing: var(--syn-letter-spacing-normal);
+    line-height: var(--syn-line-height-normal);
 
     /* Height is dependent on line-height of .option__label, which does not fit completely to layout */
     min-height: var(--option-min-height, var(--syn-input-height-medium));
     padding: 0 calc(var(--option-padding) - var(--option-inset-border-vertical));
+    position: relative;
+    transition: var(--syn-transition-fast) fill;
   }
 
   .option:not(.option--current) {
@@ -50,9 +72,10 @@ var option_custom_styles_default = css`
     color: var(--syn-option-color-hover);
   }
 
-  /** #429: Use token for opacity */
   .option--disabled {
-    opacity: var(--syn-input-disabled-opacity);
+    cursor: not-allowed;
+    opacity: var(--syn-input-disabled-opacity); /* #429: Use token for opacity */
+    outline: none;
   }
 
   .option--current.option--disabled {
@@ -61,6 +84,8 @@ var option_custom_styles_default = css`
   }
 
   .option__label {
+    display: inline-block;
+    flex: 1 1 auto;
     line-height: var(--syn-line-height-normal);
   }
 
@@ -70,7 +95,12 @@ var option_custom_styles_default = css`
   }
 
   .option .option__check {
+    align-items: center;
+    display: flex;
+    flex: 0 0 auto;
+    justify-content: center;
     padding-inline-end: var(--syn-spacing-small);
+    visibility: hidden;
   }
 
   /* Invert the check mark when keyboard navigation is used */
@@ -78,10 +108,21 @@ var option_custom_styles_default = css`
     color: var(--syn-option-check-color-active);
   }
 
+  .option--selected .option__check {
+    visibility: visible;
+  }
+
   .option--hover:not(.option--current) .option__check {
     color: var(--syn-option-check-color-hover);
   }
 
+  .option__prefix,
+  .option__suffix {
+    align-items: center;
+    display: flex;
+    flex: 0 0 auto;
+  }
+
   /* Use larger spacing between icons and content */
   .option__prefix::slotted(*) {
     margin-inline-end: var(--syn-spacing-small);
@@ -114,9 +155,16 @@ var option_custom_styles_default = css`
     color: unset;
     font: var(--syn-body-medium-bold);
   }
+
+  @media (forced-colors: active) {
+    :host(:hover:not([aria-disabled='true'])) .option {
+      outline: dashed 1px SelectedItem;
+      outline-offset: -1px;
+    }
+  }
 `;
 
 export {
-  option_custom_styles_default
+  option_styles_default
 };
-//# sourceMappingURL=chunk.BL5JW7YS.js.map
+//# sourceMappingURL=chunk.CUDIVEVT.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/option/option.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n    /* stylelint-disable-next-line property-no-vendor-prefix */\n    -webkit-user-select: none;\n    user-select: none;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  /**\n   * 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    align-items: center;\n\n    /*\n     * #988: Brand2025 defines a small gap between options\n     * and rounded corners. We achieve that using an border\n     * that simulates the gap using the menu background color.\n     */\n    border: solid var(--syn-panel-background-color);\n\n    /**\n     * Border Radius needs to be increased to cover the outline\n     * Note this also needs to take the following into account:\n     * - 2018 does not have a focus ring, so the border radius is as small as the border, essentially negating it to \"0\"\n     * - 2025 needs to adapt with another pixel to make it match the rounding of the focus ring\n     */\n    border-radius: calc(calc(var(--syn-focus-ring-border-radius) * 2) + var(--option-inset-border-vertical) - 2px) / calc(calc(var(--syn-focus-ring-border-radius) * 2) + var(--option-inset-border-vertical) - 4px);\n    border-width: var(--option-inset-border-horizontal) var(--option-inset-border-vertical);\n    color: var(--syn-color-neutral-700);\n    cursor: pointer;\n    display: flex;\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-normal);\n    letter-spacing: var(--syn-letter-spacing-normal);\n    line-height: var(--syn-line-height-normal);\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: 0 calc(var(--option-padding) - var(--option-inset-border-vertical));\n    position: relative;\n    transition: var(--syn-transition-fast) fill;\n  }\n\n  .option:not(.option--current) {\n    color: var(--syn-option-color);\n  }\n\n  .option--current,\n  .option--current.option--hover:not(.option--disabled) {\n    background-color: var(--syn-option-background-color-active);\n    color: var(--syn-option-color-active);\n  }\n\n  .option--hover:not(.option--current):not(.option--disabled) {\n    background-color: var(--syn-option-background-color-hover);\n    color: var(--syn-option-color-hover);\n  }\n\n  .option--disabled {\n    cursor: not-allowed;\n    opacity: var(--syn-input-disabled-opacity); /* #429: Use token for opacity */\n    outline: none;\n  }\n\n  .option--current.option--disabled {\n    background-color: var(--syn-option-background-color-hover);\n    color: var(--syn-option-color-hover);\n  }\n\n  .option__label {\n    display: inline-block;\n    flex: 1 1 auto;\n    line-height: var(--syn-line-height-normal);\n  }\n\n  .option__check {\n    color: var(--syn-option-check-color);\n    font-size: var(--option-icon-size, var(--syn-spacing-large));\n  }\n\n  .option .option__check {\n    align-items: center;\n    display: flex;\n    flex: 0 0 auto;\n    justify-content: center;\n    padding-inline-end: var(--syn-spacing-small);\n    visibility: hidden;\n  }\n\n  /* Invert the check mark when keyboard navigation is used */\n  .option--current .option__check {\n    color: var(--syn-option-check-color-active);\n  }\n\n  .option--selected .option__check {\n    visibility: visible;\n  }\n\n  .option--hover:not(.option--current) .option__check {\n    color: var(--syn-option-check-color-hover);\n  }\n\n  .option__prefix,\n  .option__suffix {\n    align-items: center;\n    display: flex;\n    flex: 0 0 auto;\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-option-icon-color);\n    font-size: var(--option-icon-size, var(--syn-spacing-large));\n  }\n\n  .option--hover .option__prefix::slotted(syn-icon),\n  .option--hover .option__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color-hover);\n  }\n\n  .option--current .option__prefix::slotted(syn-icon),\n  .option--current .option__suffix::slotted(syn-icon) {\n    color: var(--syn-option-icon-color-active);\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: unset;\n    font: var(--syn-body-medium-bold);\n  }\n\n  @media (forced-colors: active) {\n    :host(:hover:not([aria-disabled='true'])) .option {\n      outline: dashed 1px SelectedItem;\n      outline-offset: -1px;\n    }\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,wBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.35YUYQQA.js → chunk.CXWVYETD.js}

@@ -1,6 +1,6 @@
 import {
   SynCheckbox
-} from "./chunk.FNHFVZTR.js";
+} from "./chunk.XKIFUNFQ.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SynCheckbox;
@@ -9,4 +9,4 @@ SynCheckbox.define("syn-checkbox");
 export {
   checkbox_default
 };
-//# sourceMappingURL=chunk.35YUYQQA.js.map
+//# sourceMappingURL=chunk.CXWVYETD.js.map

package/dist/chunks/{chunk.JMXGJZSQ.js → chunk.DEGAJBJO.js}

@@ -6,29 +6,29 @@ import {
 } from "./chunk.CAEBFUZN.js";
 import {
   SynPopup
-} from "./chunk.ICIKU6OS.js";
+} from "./chunk.IGXG356T.js";
 import {
   SynSpinner
-} from "./chunk.EUWHUH7G.js";
+} from "./chunk.45DKGBTQ.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.ALSNIU7H.js";
-import {
-  LocalizeController
-} from "./chunk.QLETXF4A.js";
+} from "./chunk.YZPI6FWX.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
+import {
+  LocalizeController
+} from "./chunk.QLETXF4A.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.6IHE7NM5.js";
+} from "./chunk.6XRGRS74.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -238,4 +238,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.JMXGJZSQ.js.map
+//# sourceMappingURL=chunk.DEGAJBJO.js.map

package/dist/chunks/{chunk.QH7S2FJL.js → chunk.DTB4VZXC.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.6AY3L2KK.js";
+} from "./chunk.EACJ7B2A.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -31,18 +31,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
-import {
-  LocalizeController
-} from "./chunk.QLETXF4A.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
+import {
+  LocalizeController
+} from "./chunk.QLETXF4A.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.6IHE7NM5.js";
+} from "./chunk.6XRGRS74.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -407,4 +407,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.QH7S2FJL.js.map
+//# sourceMappingURL=chunk.DTB4VZXC.js.map

package/dist/chunks/{chunk.6AY3L2KK.js → chunk.EACJ7B2A.js}

@@ -6,16 +6,16 @@ import {
 } from "./chunk.DAIQ5WRI.js";
 import {
   SynIcon
-} from "./chunk.ALSNIU7H.js";
+} from "./chunk.YZPI6FWX.js";
 import {
   enableDefaultSettings
-} from "./chunk.5YZ63VR2.js";
+} from "./chunk.WCFCAC7D.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.6IHE7NM5.js";
+} from "./chunk.6XRGRS74.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.6AY3L2KK.js.map
+//# sourceMappingURL=chunk.EACJ7B2A.js.map

package/dist/chunks/{chunk.DETKAKHM.js → chunk.FCNF6EC7.js}

@@ -1,12 +1,12 @@
+import {
+  SynIcon
+} from "./chunk.YZPI6FWX.js";
 import {
   breadcrumb_custom_styles_default
 } from "./chunk.32CYREEV.js";
 import {
   breadcrumb_styles_default
 } from "./chunk.WRPQ3635.js";
-import {
-  SynIcon
-} from "./chunk.ALSNIU7H.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.6IHE7NM5.js";
+} from "./chunk.6XRGRS74.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.DETKAKHM.js.map
+//# sourceMappingURL=chunk.FCNF6EC7.js.map

package/dist/chunks/{chunk.EMEOD7E4.js → chunk.FVEHR2AI.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.UKJMGCCO.js";
+} from "./chunk.7XFCNPGQ.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.EMEOD7E4.js.map
+//# sourceMappingURL=chunk.FVEHR2AI.js.map

package/dist/chunks/{chunk.FTJEO6ZS.js → chunk.FVOP6XAW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.6AY3L2KK.js";
+} from "./chunk.EACJ7B2A.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -18,24 +18,24 @@ import {
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
+import {
+  alert_styles_default
+} from "./chunk.UA5B6CPN.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.5YZ63VR2.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
+} from "./chunk.WCFCAC7D.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.6IHE7NM5.js";
-import {
-  alert_styles_default
-} from "./chunk.UA5B6CPN.js";
+} from "./chunk.6XRGRS74.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.FTJEO6ZS.js.map
+//# sourceMappingURL=chunk.FVOP6XAW.js.map

package/dist/chunks/{chunk.CBV7BBKO.js → chunk.FZZHK37A.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.JDYQ7EFG.js";
 import {
   SynIconButton
-} from "./chunk.6AY3L2KK.js";
-import {
-  LocalizeController
-} from "./chunk.QLETXF4A.js";
+} from "./chunk.EACJ7B2A.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
+import {
+  LocalizeController
+} from "./chunk.QLETXF4A.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.6IHE7NM5.js";
+} from "./chunk.6XRGRS74.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.CBV7BBKO.js.map
+//# sourceMappingURL=chunk.FZZHK37A.js.map

package/dist/chunks/{chunk.T4OFF4K7.js → chunk.GH7TQI4G.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.6IHE7NM5.js";
+} from "./chunk.6XRGRS74.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.T4OFF4K7.js.map
+//# sourceMappingURL=chunk.GH7TQI4G.js.map

package/dist/chunks/{chunk.JDJB6QZK.js → chunk.GMXNY7CG.js}

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

package/dist/chunks/{chunk.CBCNL4W4.js → chunk.GPZH6JIL.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.5CRN7QNN.js";
+} from "./chunk.KX3DPZJN.js";
 
 // src/components/tab-panel/tab-panel.ts
 var tab_panel_default = SynTabPanel;
@@ -9,4 +9,4 @@ SynTabPanel.define("syn-tab-panel");
 export {
   tab_panel_default
 };
-//# sourceMappingURL=chunk.CBCNL4W4.js.map
+//# sourceMappingURL=chunk.GPZH6JIL.js.map

package/dist/chunks/{chunk.Q5KK6MXD.js → chunk.GRT2IHGI.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.A75GDWZL.js";
+} from "./chunk.7QOLPG6I.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.Q5KK6MXD.js.map
+//# sourceMappingURL=chunk.GRT2IHGI.js.map