@synergy-design-system/components 2.77.1 → 3.1.0

package/dist/chunks/{chunk.HD3FIFU7.js → chunk.VXC77KXR.js}

@@ -1,6 +1,6 @@
 import {
   breadcrumb_item_custom_styles_default
-} from "./chunk.77CVXMWD.js";
+} from "./chunk.BVV2XKW3.js";
 import {
   breadcrumb_item_styles_default
 } from "./chunk.O6ZH6AOI.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QF6ODD6S.js";
+} from "./chunk.FBQ7NUNW.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -120,4 +120,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.HD3FIFU7.js.map
+//# sourceMappingURL=chunk.VXC77KXR.js.map

package/dist/chunks/{chunk.I7AC3RTR.js → chunk.W4NRUZSV.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QF6ODD6S.js";
+} from "./chunk.FBQ7NUNW.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.I7AC3RTR.js.map
+//# sourceMappingURL=chunk.W4NRUZSV.js.map

package/dist/chunks/{chunk.3XRQPR37.js → chunk.W66D3Q4F.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.VZGIDWPA.js";
+} from "./chunk.DU3L7OGA.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.3XRQPR37.js.map
+//# sourceMappingURL=chunk.W66D3Q4F.js.map

package/dist/chunks/{chunk.FPEGQJBE.js → chunk.WBHDD3UR.js}

@@ -1,15 +1,15 @@
 import {
   optgroup_styles_default
-} from "./chunk.M7U5QI74.js";
+} from "./chunk.3T6ULO23.js";
 import {
   SynDivider
-} from "./chunk.I42ZMXUL.js";
+} from "./chunk.M7VZBJK4.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynergyElement
-} from "./chunk.QF6ODD6S.js";
+} from "./chunk.FBQ7NUNW.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -131,4 +131,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.FPEGQJBE.js.map
+//# sourceMappingURL=chunk.WBHDD3UR.js.map

package/dist/chunks/{chunk.EMM5E2QE.js → chunk.WENMEQB3.js}

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

package/dist/chunks/{chunk.GZZPYVQX.js → chunk.WFKDRXA5.js}

@@ -1,9 +1,9 @@
-import {
-  header_styles_default
-} from "./chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunk.Z4JDFQ6P.js";
+} from "./chunk.ZJHL23CU.js";
+import {
+  header_styles_default
+} from "./chunk.5OXFZJYX.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QF6ODD6S.js";
+} from "./chunk.FBQ7NUNW.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -206,4 +206,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.GZZPYVQX.js.map
+//# sourceMappingURL=chunk.WFKDRXA5.js.map

package/dist/chunks/{chunk.IOMYSP25.js → chunk.WLWQYPRE.js}

@@ -1,12 +1,12 @@
 import {
   range_tick_styles_default
-} from "./chunk.DH3ESODU.js";
+} from "./chunk.2VDKBFQ7.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QF6ODD6S.js";
+} from "./chunk.FBQ7NUNW.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.IOMYSP25.js.map
+//# sourceMappingURL=chunk.WLWQYPRE.js.map

package/dist/chunks/{chunk.FPEZO62Q.js → chunk.WP3FQE65.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.KNUV2HA6.js";
+} from "./chunk.QZ3PTBET.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.FPEZO62Q.js.map
+//# sourceMappingURL=chunk.WP3FQE65.js.map

package/dist/chunks/{chunk.4WQZFNSE.js → chunk.WQMTAEYE.js}

@@ -3,7 +3,7 @@ import { css } from "lit";
 var spinner_custom_styles_default = css`
   :host {
     --speed: var(--syn-transition-x-slow);
-    --indicator-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
+    --indicator-color: var(--syn-interactive-emphasis-color);
   }
 
   .spinner__indicator {
@@ -16,7 +16,7 @@ var spinner_custom_styles_default = css`
    */
   .spinner__track {
     filter: saturate(0);
-    opacity: var(--syn-spinner-opacity, 0.16);
+    opacity: var(--syn-spinner-opacity);
     stroke: var(--indicator-color);
   }
 
@@ -34,4 +34,4 @@ var spinner_custom_styles_default = css`
 export {
   spinner_custom_styles_default
 };
-//# sourceMappingURL=chunk.4WQZFNSE.js.map
+//# sourceMappingURL=chunk.WQMTAEYE.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/spinner/spinner.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --speed: var(--syn-transition-x-slow);\n    --indicator-color: var(--syn-interactive-emphasis-color);\n  }\n\n  .spinner__indicator {\n    stroke-dasharray: 75% 360%;\n    stroke-linecap: initial;\n  }\n\n  /**\n   * Make sure the spinner track is using the correct color.\n   */\n  .spinner__track {\n    filter: saturate(0);\n    opacity: var(--syn-spinner-opacity);\n    stroke: var(--indicator-color);\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,gCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;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.NREI75V5.js → chunk.XC4GHHH2.js}

@@ -46,7 +46,7 @@ var tab_custom_styles_default = css`
   }
 
   .tab:hover:not(.tab--disabled) {
-    color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-700));
+    color: var(--syn-interactive-emphasis-color);
   }
 
   .tab.tab--active:not(:hover):not(.tab--disabled) {
@@ -61,7 +61,7 @@ var tab_custom_styles_default = css`
   }
 
   .tab__close-button {
-    color: var(--syn-input-icon-icon-clearable-color, var(--syn-color-neutral-500));
+    color: var(--syn-input-icon-icon-clearable-color);
     font-size: var(--syn-font-size-x-large);
     margin-inline-start: var(--syn-spacing-2x-small);
   }
@@ -71,7 +71,7 @@ var tab_custom_styles_default = css`
   }
 
   .tab__close-button::part(base):hover {
-    color: var(--syn-input-icon-icon-clearable-color-hover, var(--syn-color-primary-700));
+    color: var(--syn-input-icon-icon-clearable-color-hover);
   }
 
   .tab--active {
@@ -96,4 +96,4 @@ var tab_custom_styles_default = css`
 export {
   tab_custom_styles_default
 };
-//# sourceMappingURL=chunk.NREI75V5.js.map
+//# sourceMappingURL=chunk.XC4GHHH2.js.map

package/dist/chunks/{chunk.NREI75V5.js.map → chunk.XC4GHHH2.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/tab/tab.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --background-color: none;\n    --border-width: var(--syn-border-width-none);\n    --border-color: none;\n    --border-radius: var(--syn-border-radius-none);\n  }\n\n  .tab {\n    border-color: transparent;\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: var(--border-width);\n    color: var(--syn-typography-color-text);\n    font: var(--syn-body-small-bold);\n    min-height: var(--syn-spacing-2x-large);\n    padding: var(--syn-spacing-small) var(--syn-spacing-large);\n\n    /* Stretch the tabs so they are aligned to each other vertically and the focus width stays the same  */\n    width: 100%;\n  }\n\n\n  /** #429: Use token for opacity */\n  .tab.tab--disabled {\n    opacity: var(--syn-opacity-50);\n  }\n\n  /**\n   * Focus\n   */\n  :host(:focus-visible) {\n    outline-offset: calc(var(--syn-focus-ring-offset) * -1);\n  }\n\n  :host(:focus-visible:not(.tab--disabled)) {\n    color: var(--syn-typography-color-text);\n  }\n\n  @media (forced-colors: active) {\n    .tab.tab--active:not(.tab--disabled) {\n      outline-offset: calc(var(--syn-focus-ring-offset) * -1);\n    }\n  }\n\n  .tab:hover:not(.tab--disabled) {\n    color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-700));\n  }\n\n  .tab.tab--active:not(:hover):not(.tab--disabled) {\n    color: var(--syn-typography-color-text);\n  }\n\n  /**\n   * Closable\n   */\n  .tab.tab--closable {\n    padding: var(--syn-spacing-2x-small) var(--syn-spacing-large);\n  }\n\n  .tab__close-button {\n    color: var(--syn-input-icon-icon-clearable-color, var(--syn-color-neutral-500));\n    font-size: var(--syn-font-size-x-large);\n    margin-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  .tab__close-button::part(base) {\n    padding: var(--syn-spacing-x-small);\n  }\n\n  .tab__close-button::part(base):hover {\n    color: var(--syn-input-icon-icon-clearable-color-hover, var(--syn-color-primary-700));\n  }\n\n  .tab--active {\n    background-color: var(--background-color);\n    border-color: var(--border-color);\n    border-style: solid;\n    border-width: var(--border-width);\n  }\n\n  /* Slotted icon style */\n  .tab ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  /* #969: Prevent interactive color when close button is hovered */\n  .tab.tab--closable:hover:has(.tab__close-button:hover) {\n    color: var(--syn-typography-color-text);\n  }\n`;\n"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --background-color: none;\n    --border-width: var(--syn-border-width-none);\n    --border-color: none;\n    --border-radius: var(--syn-border-radius-none);\n  }\n\n  .tab {\n    border-color: transparent;\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: var(--border-width);\n    color: var(--syn-typography-color-text);\n    font: var(--syn-body-small-bold);\n    min-height: var(--syn-spacing-2x-large);\n    padding: var(--syn-spacing-small) var(--syn-spacing-large);\n\n    /* Stretch the tabs so they are aligned to each other vertically and the focus width stays the same  */\n    width: 100%;\n  }\n\n\n  /** #429: Use token for opacity */\n  .tab.tab--disabled {\n    opacity: var(--syn-opacity-50);\n  }\n\n  /**\n   * Focus\n   */\n  :host(:focus-visible) {\n    outline-offset: calc(var(--syn-focus-ring-offset) * -1);\n  }\n\n  :host(:focus-visible:not(.tab--disabled)) {\n    color: var(--syn-typography-color-text);\n  }\n\n  @media (forced-colors: active) {\n    .tab.tab--active:not(.tab--disabled) {\n      outline-offset: calc(var(--syn-focus-ring-offset) * -1);\n    }\n  }\n\n  .tab:hover:not(.tab--disabled) {\n    color: var(--syn-interactive-emphasis-color);\n  }\n\n  .tab.tab--active:not(:hover):not(.tab--disabled) {\n    color: var(--syn-typography-color-text);\n  }\n\n  /**\n   * Closable\n   */\n  .tab.tab--closable {\n    padding: var(--syn-spacing-2x-small) var(--syn-spacing-large);\n  }\n\n  .tab__close-button {\n    color: var(--syn-input-icon-icon-clearable-color);\n    font-size: var(--syn-font-size-x-large);\n    margin-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  .tab__close-button::part(base) {\n    padding: var(--syn-spacing-x-small);\n  }\n\n  .tab__close-button::part(base):hover {\n    color: var(--syn-input-icon-icon-clearable-color-hover);\n  }\n\n  .tab--active {\n    background-color: var(--background-color);\n    border-color: var(--border-color);\n    border-style: solid;\n    border-width: var(--border-width);\n  }\n\n  /* Slotted icon style */\n  .tab ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  /* #969: Prevent interactive color when close button is hovered */\n  .tab.tab--closable:hover:has(.tab__close-button:hover) {\n    color: var(--syn-typography-color-text);\n  }\n`;\n"],
   "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,4BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.ERSURHPX.js → chunk.XCNXSFFB.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.KZP6W6WX.js";
+} from "./chunk.ERWB2FQ7.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.ERSURHPX.js.map
+//# sourceMappingURL=chunk.XCNXSFFB.js.map

package/dist/chunks/{chunk.YS2YSFGV.js → chunk.XRDJZQBY.js}

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

package/dist/chunks/{chunk.VQJBKWMV.js → chunk.YARPBFC7.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.YNQZY5WT.js";
+} from "./chunk.CUJDP53J.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.VQJBKWMV.js.map
+//# sourceMappingURL=chunk.YARPBFC7.js.map

package/dist/chunks/{chunk.QZ5LIQE6.js → chunk.YIQSTAST.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.GZZPYVQX.js";
+} from "./chunk.WFKDRXA5.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.QZ5LIQE6.js.map
+//# sourceMappingURL=chunk.YIQSTAST.js.map

package/dist/chunks/{chunk.SAV6MIQK.js → chunk.YOJL35VB.js}

@@ -18,8 +18,8 @@ var radio_custom_styles_default = css`
   /* Checked */
   /* stylelint-disable-next-line no-descending-specificity */
   .radio--checked .radio__control {
-    background-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
-    border-color: var(--syn-interactive-emphasis-color, var(--syn-color-primary-600));
+    background-color: var(--syn-interactive-emphasis-color);
+    border-color: var(--syn-interactive-emphasis-color);
   }
 
   /* Reset original hover */
@@ -30,14 +30,14 @@ var radio_custom_styles_default = css`
 
   /* Checked + hover */
   .radio.radio--checked:not(.radio--disabled):hover .radio__control  {
-    background-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-950));
-    border-color: var(--syn-interactive-emphasis-color-hover, var(--syn-color-primary-950));
+    background-color: var(--syn-interactive-emphasis-color-hover);
+    border-color: var(--syn-interactive-emphasis-color-hover);
   }
 
   /* Checked + active */
   .radio.radio--checked:not(.radio--disabled):active .radio__control  {
-    background-color: var(--syn-interactive-emphasis-color-active, var(--syn-color-primary-950));
-    border-color: var(--syn-interactive-emphasis-color-active, var(--syn-color-primary-950));
+    background-color: var(--syn-interactive-emphasis-color-active);
+    border-color: var(--syn-interactive-emphasis-color-active);
   }
 
   /* Not-Checked + Hover */
@@ -47,7 +47,7 @@ var radio_custom_styles_default = css`
 
   /* Not-Checked + active */
   .radio:not(.radio--checked):not(.radio--disabled):active .radio__control {
-    border-color: var(--syn-input-border-color-active, var(--syn-color-neutral-1000));
+    border-color: var(--syn-input-border-color-active);
   }
 
   /* Fix#456: Multi line radio fixes */
@@ -88,4 +88,4 @@ var radio_custom_styles_default = css`
 export {
   radio_custom_styles_default
 };
-//# sourceMappingURL=chunk.SAV6MIQK.js.map
+//# sourceMappingURL=chunk.YOJL35VB.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/radio/radio.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host(:focus-visible) .radio__control {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-width);\n  }\n\n  .radio {\n    align-items: flex-start;\n  }\n\n  /** #429: Use token for opacity */\n  .radio--disabled { \n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /* Checked */\n  /* stylelint-disable-next-line no-descending-specificity */\n  .radio--checked .radio__control {\n    background-color: var(--syn-interactive-emphasis-color);\n    border-color: var(--syn-interactive-emphasis-color);\n  }\n\n  /* Reset original hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    background: inherit;\n    border-color: inherit;\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled):hover .radio__control  {\n    background-color: var(--syn-interactive-emphasis-color-hover);\n    border-color: var(--syn-interactive-emphasis-color-hover);\n  }\n\n  /* Checked + active */\n  .radio.radio--checked:not(.radio--disabled):active .radio__control  {\n    background-color: var(--syn-interactive-emphasis-color-active);\n    border-color: var(--syn-interactive-emphasis-color-active);\n  }\n\n  /* Not-Checked + Hover */\n  .radio:not(.radio--checked):not(.radio--disabled):hover .radio__control {\n    border-color: var(--syn-input-border-color-hover);\n  }\n\n  /* Not-Checked + active */\n  .radio:not(.radio--checked):not(.radio--disabled):active .radio__control {\n    border-color: var(--syn-input-border-color-active);\n  }\n\n  /* Fix#456: Multi line radio fixes */\n  .radio__label {\n    align-self: center;\n    margin-inline-start: var(--syn-spacing-x-small);\n    margin-top: -1px;\n  }\n\n  .radio--small .radio__label {\n    font: var(--syn-body-small-regular);\n  }\n\n  .radio--medium .radio__label {\n    font: var(--syn-body-medium-regular);\n  }\n\n  .radio--large .radio__label {\n    font: var(--syn-body-large-regular);\n  }\n\n  /* /Fix#456 */\n\n  /**\n   * #920: The new icons are instances in figma.\n   * The width of the system icon is 12px x 12px, so there is no inner padding.\n   * To accommodate for this, we need to set the width and height of the icon to 50% to get the same result as before.\n   */\n  .radio__checked-icon {\n    scale: 0.5;\n  }\n\n  .radio--small .radio__label, .radio--large .radio__label  {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,8BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.F7V5LHZA.js → chunk.YR4NKYMG.js}

@@ -1,6 +1,6 @@
 import {
   details_custom_styles_default
-} from "./chunk.2DGMS4FV.js";
+} from "./chunk.GFX23JLA.js";
 import {
   details_styles_default
 } from "./chunk.VA26EAEP.js";
@@ -18,13 +18,13 @@ import {
 } from "./chunk.ADSEQZBF.js";
 import {
   SynIcon
-} from "./chunk.SP7ULWRO.js";
+} from "./chunk.Q6XDV7O7.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
-} from "./chunk.ZNNZXEP4.js";
+} from "./chunk.MLILJGXQ.js";
 import {
   watch
 } from "./chunk.JE5Y2YD7.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QF6ODD6S.js";
+} from "./chunk.FBQ7NUNW.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -247,4 +247,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.F7V5LHZA.js.map
+//# sourceMappingURL=chunk.YR4NKYMG.js.map

package/dist/chunks/{chunk.WSVB6XWI.js → chunk.YVTRDHMM.js}

@@ -1,15 +1,15 @@
 import {
   nav_item_styles_default
-} from "./chunk.FCYQT7CQ.js";
+} from "./chunk.K5MZVORR.js";
 import {
   SynDivider
-} from "./chunk.I42ZMXUL.js";
+} from "./chunk.M7VZBJK4.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.SP7ULWRO.js";
+} from "./chunk.Q6XDV7O7.js";
 import {
   watch
 } from "./chunk.JE5Y2YD7.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QF6ODD6S.js";
+} from "./chunk.FBQ7NUNW.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -353,4 +353,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.WSVB6XWI.js.map
+//# sourceMappingURL=chunk.YVTRDHMM.js.map

package/dist/chunks/{chunk.RHEPJKLB.js → chunk.YYZLHE7T.js}

@@ -1,9 +1,9 @@
-import {
-  tab_panel_custom_styles_default
-} from "./chunk.XHWYGYMQ.js";
 import {
   tab_panel_styles_default
 } from "./chunk.HVXG4JG6.js";
+import {
+  tab_panel_custom_styles_default
+} from "./chunk.XHWYGYMQ.js";
 import {
   watch
 } from "./chunk.JE5Y2YD7.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.QF6ODD6S.js";
+} from "./chunk.FBQ7NUNW.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.RHEPJKLB.js.map
+//# sourceMappingURL=chunk.YYZLHE7T.js.map

package/dist/chunks/{chunk.Z4JDFQ6P.js → chunk.ZJHL23CU.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.SP7ULWRO.js";
+} from "./chunk.Q6XDV7O7.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.Z4JDFQ6P.js.map
+//# sourceMappingURL=chunk.ZJHL23CU.js.map

package/dist/components/accordion/accordion.component.js

@@ -1,14 +1,15 @@
 import {
   SynAccordion
-} from "../../chunks/chunk.DAELIXNV.js";
+} from "../../chunks/chunk.3PWAIWL5.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
-import "../../chunks/chunk.ZNNZXEP4.js";
-import "../../chunks/chunk.PDXNYRZI.js";
-import "../../chunks/chunk.C6JRBWBJ.js";
+import "../../chunks/chunk.MLILJGXQ.js";
+import "../../chunks/chunk.2WOSSTKK.js";
+import "../../chunks/chunk.FLJJ2OCR.js";
+import "../../chunks/chunk.VMLERD3J.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.JE5Y2YD7.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.QF6ODD6S.js";
+import "../../chunks/chunk.FBQ7NUNW.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynAccordion as default

package/dist/components/accordion/accordion.js

@@ -1,15 +1,16 @@
 import {
   accordion_default
-} from "../../chunks/chunk.7YONTVZW.js";
-import "../../chunks/chunk.DAELIXNV.js";
+} from "../../chunks/chunk.TFBMLDBM.js";
+import "../../chunks/chunk.3PWAIWL5.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
-import "../../chunks/chunk.ZNNZXEP4.js";
-import "../../chunks/chunk.PDXNYRZI.js";
-import "../../chunks/chunk.C6JRBWBJ.js";
+import "../../chunks/chunk.MLILJGXQ.js";
+import "../../chunks/chunk.2WOSSTKK.js";
+import "../../chunks/chunk.FLJJ2OCR.js";
+import "../../chunks/chunk.VMLERD3J.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.JE5Y2YD7.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.QF6ODD6S.js";
+import "../../chunks/chunk.FBQ7NUNW.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   accordion_default as default

package/dist/components/alert/alert.component.js

@@ -1,33 +1,34 @@
 import {
   SynAlert
-} from "../../chunks/chunk.IHG5V7G6.js";
+} from "../../chunks/chunk.7GJ6YOL7.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.3R55CWLN.js";
+import "../../chunks/chunk.QU47WZOK.js";
+import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.E3Z62YYT.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.6EKUFYET.js";
 import "../../chunks/chunk.ADSEQZBF.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.SP7ULWRO.js";
-import "../../chunks/chunk.ZUQ225FP.js";
+import "../../chunks/chunk.Q6XDV7O7.js";
+import "../../chunks/chunk.34V3QOIQ.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.Y5IKF6ZC.js";
-import "../../chunks/chunk.MZRNJOUV.js";
-import "../../chunks/chunk.4A6JD5B2.js";
+import "../../chunks/chunk.3RR4RIR7.js";
+import "../../chunks/chunk.66HKI7Q7.js";
+import "../../chunks/chunk.VBS3JEIP.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.ZNNZXEP4.js";
-import "../../chunks/chunk.PDXNYRZI.js";
-import "../../chunks/chunk.C6JRBWBJ.js";
+import "../../chunks/chunk.MLILJGXQ.js";
+import "../../chunks/chunk.2WOSSTKK.js";
+import "../../chunks/chunk.FLJJ2OCR.js";
+import "../../chunks/chunk.VMLERD3J.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.JE5Y2YD7.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.QF6ODD6S.js";
-import "../../chunks/chunk.ZCUURSJU.js";
+import "../../chunks/chunk.FBQ7NUNW.js";
+import "../../chunks/chunk.TSWB7UFK.js";
 import "../../chunks/chunk.BXY667C7.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {

package/dist/components/alert/alert.custom.styles.js

@@ -1,6 +1,6 @@
 import {
   alert_custom_styles_default
-} from "../../chunks/chunk.ZCUURSJU.js";
+} from "../../chunks/chunk.TSWB7UFK.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   alert_custom_styles_default as default

package/dist/components/alert/alert.js

@@ -1,34 +1,35 @@
 import {
   alert_default
-} from "../../chunks/chunk.DCQZCUJC.js";
-import "../../chunks/chunk.IHG5V7G6.js";
+} from "../../chunks/chunk.NVT2EKF6.js";
+import "../../chunks/chunk.7GJ6YOL7.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.3R55CWLN.js";
+import "../../chunks/chunk.QU47WZOK.js";
+import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.E3Z62YYT.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.6EKUFYET.js";
 import "../../chunks/chunk.ADSEQZBF.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.SP7ULWRO.js";
-import "../../chunks/chunk.ZUQ225FP.js";
+import "../../chunks/chunk.Q6XDV7O7.js";
+import "../../chunks/chunk.34V3QOIQ.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.Y5IKF6ZC.js";
-import "../../chunks/chunk.MZRNJOUV.js";
-import "../../chunks/chunk.4A6JD5B2.js";
+import "../../chunks/chunk.3RR4RIR7.js";
+import "../../chunks/chunk.66HKI7Q7.js";
+import "../../chunks/chunk.VBS3JEIP.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.OAQRCZOO.js";
 import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.ZNNZXEP4.js";
-import "../../chunks/chunk.PDXNYRZI.js";
-import "../../chunks/chunk.C6JRBWBJ.js";
+import "../../chunks/chunk.MLILJGXQ.js";
+import "../../chunks/chunk.2WOSSTKK.js";
+import "../../chunks/chunk.FLJJ2OCR.js";
+import "../../chunks/chunk.VMLERD3J.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.JE5Y2YD7.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.QF6ODD6S.js";
-import "../../chunks/chunk.ZCUURSJU.js";
+import "../../chunks/chunk.FBQ7NUNW.js";
+import "../../chunks/chunk.TSWB7UFK.js";
 import "../../chunks/chunk.BXY667C7.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {