@synergy-design-system/components 3.2.1 → 3.4.0

package/dist/chunks/{chunk.KRF7VWRQ.js → chunk.DHG2L3WA.js}

@@ -19,7 +19,7 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.7XSJ52RM.js";
+} from "./chunk.645UJMOV.js";
 import {
   enableDefaultSettings
 } from "./chunk.YACUYJZN.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk.FXJLG622.js";
 import {
   SynergyElement
-} from "./chunk.VWFRCPN5.js";
+} from "./chunk.XBQWANZE.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -267,4 +267,4 @@ SynCheckbox = __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.KRF7VWRQ.js.map
+//# sourceMappingURL=chunk.DHG2L3WA.js.map

package/dist/chunks/{chunk.VG63OTN3.js → chunk.EME2XLLU.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.2RS24S7K.js";
+} from "./chunk.2KZDXUHA.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SynSpinner;
@@ -9,4 +9,4 @@ SynSpinner.define("syn-spinner");
 export {
   spinner_default
 };
-//# sourceMappingURL=chunk.VG63OTN3.js.map
+//# sourceMappingURL=chunk.EME2XLLU.js.map

package/dist/chunks/{chunk.OPZMUWWY.js → chunk.F4ED64YD.js}

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

package/dist/chunks/{chunk.DLHQKWGN.js → chunk.F5OQ5A6I.js}

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

package/dist/chunks/{chunk.TNBDJ6PX.js → chunk.F7ESWLUJ.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.TODG4C7Y.js";
+} from "./chunk.OE5MIRYY.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.TNBDJ6PX.js.map
+//# sourceMappingURL=chunk.F7ESWLUJ.js.map

package/dist/chunks/{chunk.26MIXER6.js → chunk.FBC4N7NR.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.FXJLG622.js";
 import {
   SynergyElement
-} from "./chunk.VWFRCPN5.js";
+} from "./chunk.XBQWANZE.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -60,4 +60,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.26MIXER6.js.map
+//# sourceMappingURL=chunk.FBC4N7NR.js.map

package/dist/chunks/{chunk.C5WF3K27.js → chunk.FQ4KGYKO.js}

@@ -1,6 +1,6 @@
 import {
   SynRange
-} from "./chunk.U6RI62CP.js";
+} from "./chunk.5OQDAMNY.js";
 
 // src/components/range/range.ts
 var range_default = SynRange;
@@ -9,4 +9,4 @@ SynRange.define("syn-range");
 export {
   range_default
 };
-//# sourceMappingURL=chunk.C5WF3K27.js.map
+//# sourceMappingURL=chunk.FQ4KGYKO.js.map

package/dist/chunks/{chunk.QQFSMQ37.js → chunk.GF3HUMZQ.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.TAZAKWO5.js";
+} from "./chunk.VBDEVVCF.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.QQFSMQ37.js.map
+//# sourceMappingURL=chunk.GF3HUMZQ.js.map

package/dist/chunks/{chunk.F2QQ2JAK.js → chunk.GFOIJAQ7.js}

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

package/dist/chunks/{chunk.CCWE4N5I.js → chunk.GS4XBPEE.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.FQPIRAA6.js";
+} from "./chunk.C4N7J54S.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.CCWE4N5I.js.map
+//# sourceMappingURL=chunk.GS4XBPEE.js.map

package/dist/chunks/{chunk.ISCXRNH4.js → chunk.H7S3NKK3.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumbItem
-} from "./chunk.32C66EYB.js";
+} from "./chunk.HUPHWV4R.js";
 
 // src/components/breadcrumb-item/breadcrumb-item.ts
 var breadcrumb_item_default = SynBreadcrumbItem;
@@ -9,4 +9,4 @@ SynBreadcrumbItem.define("syn-breadcrumb-item");
 export {
   breadcrumb_item_default
 };
-//# sourceMappingURL=chunk.ISCXRNH4.js.map
+//# sourceMappingURL=chunk.H7S3NKK3.js.map

package/dist/chunks/{chunk.S362IGFM.js → chunk.HHYD4FQJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.OFF4U2HZ.js";
+} from "./chunk.MQG45CA3.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk.FXJLG622.js";
 import {
   SynergyElement
-} from "./chunk.VWFRCPN5.js";
+} from "./chunk.XBQWANZE.js";
 import {
   alert_custom_styles_default
 } from "./chunk.TSWB7UFK.js";
@@ -295,4 +295,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.S362IGFM.js.map
+//# sourceMappingURL=chunk.HHYD4FQJ.js.map

package/dist/chunks/{chunk.BBWQBAFA.js → chunk.HLBSU5HB.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YOFWLXEH.js";
 import {
   SynPopup
-} from "./chunk.T3OH2LR6.js";
+} from "./chunk.PFYIQKRP.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk.FXJLG622.js";
 import {
   SynergyElement
-} from "./chunk.VWFRCPN5.js";
+} from "./chunk.XBQWANZE.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -270,4 +270,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.BBWQBAFA.js.map
+//# sourceMappingURL=chunk.HLBSU5HB.js.map

package/dist/chunks/{chunk.32C66EYB.js → chunk.HUPHWV4R.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.FXJLG622.js";
 import {
   SynergyElement
-} from "./chunk.VWFRCPN5.js";
+} from "./chunk.XBQWANZE.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -120,4 +120,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.32C66EYB.js.map
+//# sourceMappingURL=chunk.HUPHWV4R.js.map

package/dist/chunks/{chunk.U6HWY6PL.js → chunk.I6WV64JG.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.XRSLCQH3.js";
 import {
   SynPopup
-} from "./chunk.T3OH2LR6.js";
+} from "./chunk.PFYIQKRP.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.FXJLG622.js";
 import {
   SynergyElement
-} from "./chunk.VWFRCPN5.js";
+} from "./chunk.XBQWANZE.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -380,4 +380,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.U6HWY6PL.js.map
+//# sourceMappingURL=chunk.I6WV64JG.js.map

package/dist/chunks/{chunk.XWRABNCX.js → chunk.IGU6STLS.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.PTRCO527.js";
 import {
   SynButtonGroup
-} from "./chunk.EQ34CAWI.js";
+} from "./chunk.VOQPP2ZZ.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -31,7 +31,7 @@ import {
 } from "./chunk.FXJLG622.js";
 import {
   SynergyElement
-} from "./chunk.VWFRCPN5.js";
+} from "./chunk.XBQWANZE.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -369,4 +369,4 @@ SynRadioGroup = __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.XWRABNCX.js.map
+//# sourceMappingURL=chunk.IGU6STLS.js.map

package/dist/chunks/{chunk.O2NJ7W2P.js → chunk.IMNZVGH7.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.JGZQEVJ6.js";
+} from "./chunk.2BBNSYOY.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.O2NJ7W2P.js.map
+//# sourceMappingURL=chunk.IMNZVGH7.js.map

package/dist/chunks/chunk.IP6JSQWX.js

@@ -0,0 +1,185 @@
+// src/components/details/details.styles.ts
+import { css } from "lit";
+var details_styles_default = css`
+  :host {
+    /* Size-dependent custom properties (default to medium values) */
+    --details-header-padding: var(--syn-spacing-medium-large) 0;
+    --details-content-padding: var(--syn-spacing-medium) 0 var(--syn-spacing-large);
+    --details-summary-font: var(--syn-body-medium-bold);
+    --details-content-font-size: var(--syn-font-size-small);
+    --details-icon-size: var(--syn-spacing-large);
+    --details-slotted-icon-size: var(--syn-spacing-large);
+    
+    /* Contained variant custom properties */
+    --details-header-padding-contained: var(--syn-spacing-medium-large) var(--syn-spacing-large);
+    --details-content-padding-contained: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-large);
+
+    display: block;
+  }
+
+  .details {
+    background-color: transparent;
+    border: 1px solid var(--syn-panel-border-color);
+    border-radius: var(--syn-border-radius-none);
+    border-width: 0 0 var(--syn-border-width-small);
+    overflow-anchor: none;
+  }
+
+  /** #429: Use token for opacity */
+  .details--disabled {
+    opacity: var(--syn-opacity-50);
+  }
+
+  .details__header {
+    align-items: center;
+    border-radius: inherit;
+    cursor: pointer;
+    display: flex;
+    gap: var(--syn-spacing-medium);
+    padding: var(--details-header-padding);
+    user-select: none;
+  }
+
+  .details__header::-webkit-details-marker {
+    display: none;
+  }
+
+  .details__header:focus {
+    outline: none;
+  }
+
+  .details__header:focus-visible {
+    outline: var(--syn-focus-ring);
+    outline-offset: calc(1px + var(--syn-focus-ring-offset));
+  }
+
+  .details--disabled .details__header {
+    cursor: not-allowed;
+  }
+
+  .details--disabled .details__header:focus-visible {
+    box-shadow: none;
+    outline: none;
+  }
+
+  .details__summary {
+    align-items: center;
+    color: var(--syn-typography-color-text);
+    display: flex;
+    flex: 1 1 auto;
+    font: var(--details-summary-font);
+  }
+
+  .details__summary-icon {
+    align-items: center;
+    align-self: flex-start;
+    color: var(--syn-color-neutral-950);
+    display: flex;
+    flex: 0 0 auto;
+    font-size: var(--details-icon-size);
+    position: relative;
+
+    /**
+     * As we are using an alignment of "start"  instead of "center" make sure
+     * the arrow starts on the same visual line as the first line of headline text
+     */
+    top: 2px;
+    transition: var(--syn-transition-medium) rotate ease;
+  }
+
+  /**
+   * As we are using top/down arrows for the details element,
+   * we have to adjust the rotation of the icon when the details is open.
+   */
+  .details--open .details__summary-icon {
+    rotate: var(--syn-details-open-rotation);
+  }
+
+  .details--open slot[name='expand-icon'],
+  .details:not(.details--open) slot[name='collapse-icon'] {
+    display: none;
+  }
+
+  .details__body {
+    overflow: hidden;
+  }
+
+  .details__content {
+    display: block;
+    font-size: var(--details-content-font-size);
+    line-height: var(--syn-line-height-normal);
+    padding: var(--details-content-padding);
+  }
+
+  /**
+   * Size variants
+   */
+  .details--size-small {
+    --details-header-padding: var(--syn-spacing-small) 0;
+    --details-content-padding: var(--syn-spacing-small) 0 var(--syn-spacing-medium-large);
+    --details-summary-font: var(--syn-body-small-bold);
+    --details-content-font-size: var(--syn-font-size-x-small);
+    --details-icon-size: var(--syn-spacing-medium-large);
+    --details-slotted-icon-size: var(--syn-spacing-medium-large);
+    --details-header-padding-contained: var(--syn-spacing-small) var(--syn-spacing-large);
+    --details-content-padding-contained: var(--syn-spacing-small) var(--syn-spacing-large) var(--syn-spacing-medium-large);
+  }
+
+  /* stylelint-disable-next-line no-descending-specificity */
+  .details--size-small .details__header {
+    min-height: var(--syn-spacing-large);
+  }
+
+  .details--size-large {
+    --details-header-padding: var(--syn-spacing-large) 0;
+    --details-content-padding: var(--syn-spacing-medium-large) 0 var(--syn-spacing-large);
+    --details-summary-font: var(--syn-body-large-bold);
+    --details-content-font-size: var(--syn-font-size-medium);
+    --details-icon-size: var(--syn-spacing-x-large);
+    --details-slotted-icon-size: var(--syn-spacing-x-large);
+    --details-header-padding-contained: var(--syn-spacing-large);
+    --details-content-padding-contained: var(--syn-spacing-medium-large) var(--syn-spacing-large) var(--syn-spacing-large);
+  }
+
+  .details__summary::slotted(syn-icon) {
+    /* Avoid shrinking of the icon, if the text content of the summary is very long and multi line */
+    flex-shrink: 0;
+    font-size: var(--details-slotted-icon-size);
+    margin-right: var(--syn-spacing-small);
+  }
+
+  /**
+   * Add a visually visible hover effect to the summary element
+   */
+  .details:not(.details--disabled) .details__header:hover .details__summary,
+  .details:not(.details--disabled) .details__header:hover .details__summary-icon {
+    color: var(--syn-interactive-quiet-color-hover);
+  }
+
+  /**
+   *  Contained style
+   */
+  .details--contained {
+    background-color: var(--syn-panel-background-color);
+    border-radius: var(--syn-border-radius-medium);
+    border-width: var(--syn-panel-border-width);
+  }
+
+  /* stylelint-disable-next-line no-descending-specificity */
+  .details--contained .details__header {
+    padding: var(--details-header-padding-contained);
+  }
+
+  .details--contained .details__content {
+    padding: var(--details-content-padding-contained);
+  }
+
+  .details--contained .details__header:focus-visible {
+    border-radius: var(--syn-border-radius-medium);
+  }
+`;
+
+export {
+  details_styles_default
+};
+//# sourceMappingURL=chunk.IP6JSQWX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/details/details.styles.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n  :host {\n    /* Size-dependent custom properties (default to medium values) */\n    --details-header-padding: var(--syn-spacing-medium-large) 0;\n    --details-content-padding: var(--syn-spacing-medium) 0 var(--syn-spacing-large);\n    --details-summary-font: var(--syn-body-medium-bold);\n    --details-content-font-size: var(--syn-font-size-small);\n    --details-icon-size: var(--syn-spacing-large);\n    --details-slotted-icon-size: var(--syn-spacing-large);\n    \n    /* Contained variant custom properties */\n    --details-header-padding-contained: var(--syn-spacing-medium-large) var(--syn-spacing-large);\n    --details-content-padding-contained: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-large);\n\n    display: block;\n  }\n\n  .details {\n    background-color: transparent;\n    border: 1px solid var(--syn-panel-border-color);\n    border-radius: var(--syn-border-radius-none);\n    border-width: 0 0 var(--syn-border-width-small);\n    overflow-anchor: none;\n  }\n\n  /** #429: Use token for opacity */\n  .details--disabled {\n    opacity: var(--syn-opacity-50);\n  }\n\n  .details__header {\n    align-items: center;\n    border-radius: inherit;\n    cursor: pointer;\n    display: flex;\n    gap: var(--syn-spacing-medium);\n    padding: var(--details-header-padding);\n    user-select: none;\n  }\n\n  .details__header::-webkit-details-marker {\n    display: none;\n  }\n\n  .details__header:focus {\n    outline: none;\n  }\n\n  .details__header:focus-visible {\n    outline: var(--syn-focus-ring);\n    outline-offset: calc(1px + var(--syn-focus-ring-offset));\n  }\n\n  .details--disabled .details__header {\n    cursor: not-allowed;\n  }\n\n  .details--disabled .details__header:focus-visible {\n    box-shadow: none;\n    outline: none;\n  }\n\n  .details__summary {\n    align-items: center;\n    color: var(--syn-typography-color-text);\n    display: flex;\n    flex: 1 1 auto;\n    font: var(--details-summary-font);\n  }\n\n  .details__summary-icon {\n    align-items: center;\n    align-self: flex-start;\n    color: var(--syn-color-neutral-950);\n    display: flex;\n    flex: 0 0 auto;\n    font-size: var(--details-icon-size);\n    position: relative;\n\n    /**\n     * As we are using an alignment of \"start\"  instead of \"center\" make sure\n     * the arrow starts on the same visual line as the first line of headline text\n     */\n    top: 2px;\n    transition: var(--syn-transition-medium) rotate ease;\n  }\n\n  /**\n   * As we are using top/down arrows for the details element,\n   * we have to adjust the rotation of the icon when the details is open.\n   */\n  .details--open .details__summary-icon {\n    rotate: var(--syn-details-open-rotation);\n  }\n\n  .details--open slot[name='expand-icon'],\n  .details:not(.details--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .details__body {\n    overflow: hidden;\n  }\n\n  .details__content {\n    display: block;\n    font-size: var(--details-content-font-size);\n    line-height: var(--syn-line-height-normal);\n    padding: var(--details-content-padding);\n  }\n\n  /**\n   * Size variants\n   */\n  .details--size-small {\n    --details-header-padding: var(--syn-spacing-small) 0;\n    --details-content-padding: var(--syn-spacing-small) 0 var(--syn-spacing-medium-large);\n    --details-summary-font: var(--syn-body-small-bold);\n    --details-content-font-size: var(--syn-font-size-x-small);\n    --details-icon-size: var(--syn-spacing-medium-large);\n    --details-slotted-icon-size: var(--syn-spacing-medium-large);\n    --details-header-padding-contained: var(--syn-spacing-small) var(--syn-spacing-large);\n    --details-content-padding-contained: var(--syn-spacing-small) var(--syn-spacing-large) var(--syn-spacing-medium-large);\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  .details--size-small .details__header {\n    min-height: var(--syn-spacing-large);\n  }\n\n  .details--size-large {\n    --details-header-padding: var(--syn-spacing-large) 0;\n    --details-content-padding: var(--syn-spacing-medium-large) 0 var(--syn-spacing-large);\n    --details-summary-font: var(--syn-body-large-bold);\n    --details-content-font-size: var(--syn-font-size-medium);\n    --details-icon-size: var(--syn-spacing-x-large);\n    --details-slotted-icon-size: var(--syn-spacing-x-large);\n    --details-header-padding-contained: var(--syn-spacing-large);\n    --details-content-padding-contained: var(--syn-spacing-medium-large) var(--syn-spacing-large) var(--syn-spacing-large);\n  }\n\n  .details__summary::slotted(syn-icon) {\n    /* Avoid shrinking of the icon, if the text content of the summary is very long and multi line */\n    flex-shrink: 0;\n    font-size: var(--details-slotted-icon-size);\n    margin-right: var(--syn-spacing-small);\n  }\n\n  /**\n   * Add a visually visible hover effect to the summary element\n   */\n  .details:not(.details--disabled) .details__header:hover .details__summary,\n  .details:not(.details--disabled) .details__header:hover .details__summary-icon {\n    color: var(--syn-interactive-quiet-color-hover);\n  }\n\n  /**\n   *  Contained style\n   */\n  .details--contained {\n    background-color: var(--syn-panel-background-color);\n    border-radius: var(--syn-border-radius-medium);\n    border-width: var(--syn-panel-border-width);\n  }\n\n  /* stylelint-disable-next-line no-descending-specificity */\n  .details--contained .details__header {\n    padding: var(--details-header-padding-contained);\n  }\n\n  .details--contained .details__content {\n    padding: var(--details-content-padding-contained);\n  }\n\n  .details--contained .details__header:focus-visible {\n    border-radius: var(--syn-border-radius-medium);\n  }\n`;\n"],
+  "mappings": ";AACA,SAAS,WAAW;AAEpB,IAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.JKXO42MS.js → chunk.IRBFRL7V.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.7XSJ52RM.js";
+} from "./chunk.645UJMOV.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.JKXO42MS.js.map
+//# sourceMappingURL=chunk.IRBFRL7V.js.map

package/dist/chunks/{chunk.4XEXSCXG.js → chunk.J6VJSOK2.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.K7ZS3OCZ.js";
+} from "./chunk.QC4VGSZW.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.4XEXSCXG.js.map
+//# sourceMappingURL=chunk.J6VJSOK2.js.map

package/dist/chunks/{chunk.Y6ARGQPK.js → chunk.JZPLCDMG.js}

@@ -1,9 +1,9 @@
-import {
-  tab_panel_styles_default
-} from "./chunk.6KIX3PER.js";
 import {
   tab_panel_custom_styles_default
 } from "./chunk.XHWYGYMQ.js";
+import {
+  tab_panel_styles_default
+} from "./chunk.6KIX3PER.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.FXJLG622.js";
 import {
   SynergyElement
-} from "./chunk.VWFRCPN5.js";
+} from "./chunk.XBQWANZE.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.Y6ARGQPK.js.map
+//# sourceMappingURL=chunk.JZPLCDMG.js.map

package/dist/chunks/{chunk.QHX346G7.js → chunk.K6FQ7XXM.js}

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

package/dist/chunks/{chunk.SYBGFDZR.js → chunk.KLJESQ6T.js}

@@ -1,9 +1,9 @@
-import {
-  drawer_custom_styles_default
-} from "./chunk.I4FIU7FA.js";
 import {
   drawer_styles_default
 } from "./chunk.UORFJFA2.js";
+import {
+  drawer_custom_styles_default
+} from "./chunk.I4FIU7FA.js";
 import {
   Modal
 } from "./chunk.P4JFVVSO.js";
@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.OFF4U2HZ.js";
+} from "./chunk.MQG45CA3.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.FXJLG622.js";
 import {
   SynergyElement
-} from "./chunk.VWFRCPN5.js";
+} from "./chunk.XBQWANZE.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -407,4 +407,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.SYBGFDZR.js.map
+//# sourceMappingURL=chunk.KLJESQ6T.js.map

package/dist/chunks/{chunk.R4KRX3HP.js → chunk.L3VTFKPP.js}

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "./chunk.SQKP3P2V.js";
+} from "./chunk.RMLCZKL4.js";
 
 // src/components/tab-group/tab-group.ts
 var tab_group_default = SynTabGroup;
@@ -9,4 +9,4 @@ SynTabGroup.define("syn-tab-group");
 export {
   tab_group_default
 };
-//# sourceMappingURL=chunk.R4KRX3HP.js.map
+//# sourceMappingURL=chunk.L3VTFKPP.js.map

package/dist/chunks/{chunk.VJQZ76BR.js → chunk.L7T7BH5I.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YITQ6NLI.js";
 import {
   SynIcon
-} from "./chunk.7XSJ52RM.js";
+} from "./chunk.645UJMOV.js";
 import {
   enableDefaultSettings
 } from "./chunk.YACUYJZN.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.FXJLG622.js";
 import {
   SynergyElement
-} from "./chunk.VWFRCPN5.js";
+} from "./chunk.XBQWANZE.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -120,4 +120,4 @@ SynRadio = __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.VJQZ76BR.js.map
+//# sourceMappingURL=chunk.L7T7BH5I.js.map

package/dist/chunks/{chunk.QPZJTDAZ.js → chunk.M67Q34LS.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.65442A47.js";
+} from "./chunk.PLUVTBCU.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.QPZJTDAZ.js.map
+//# sourceMappingURL=chunk.M67Q34LS.js.map