@synergy-design-system/components 2.55.0 → 2.56.0

package/dist/chunks/{chunk.LSCGFUXZ.js → chunk.GHL4OBTW.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.F4I4AKSO.js";
+} from "./chunk.VDALZBPY.js";
 import {
   FormControlController,
   validValidityState
@@ -17,22 +17,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.LX4OFUMH.js";
+} from "./chunk.HWG2QJRY.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -295,4 +295,4 @@ SynButton = __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.LSCGFUXZ.js.map
+//# sourceMappingURL=chunk.GHL4OBTW.js.map

package/dist/chunks/{chunk.H7GOH7PB.js → chunk.GXHONXA4.js}

@@ -1,18 +1,18 @@
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   accordion_styles_default
 } from "./chunk.WNUZ6LH4.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -111,4 +111,4 @@ SynAccordion = __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.H7GOH7PB.js.map
+//# sourceMappingURL=chunk.GXHONXA4.js.map

package/dist/chunks/{chunk.HEWZ7ZZ5.js → chunk.HBUKTSH5.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.RAOPZXJL.js";
 import {
   SynDivider
-} from "./chunk.BFEJ3UNF.js";
+} from "./chunk.6HVVZBZX.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -34,4 +34,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.HEWZ7ZZ5.js.map
+//# sourceMappingURL=chunk.HBUKTSH5.js.map

package/dist/chunks/{chunk.EARM7X5Q.js → chunk.HHHP6VQK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.2MKFTHHY.js";
+} from "./chunk.VD2ML5DE.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -18,27 +18,27 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
+import {
+  alert_custom_styles_default
+} from "./chunk.MX72UPWV.js";
+import {
+  alert_styles_default
+} from "./chunk.BXY667C7.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
-import {
-  alert_custom_styles_default
-} from "./chunk.QBHZAR4C.js";
-import {
-  alert_styles_default
-} from "./chunk.BXY667C7.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.EARM7X5Q.js.map
+//# sourceMappingURL=chunk.HHHP6VQK.js.map

package/dist/chunks/{chunk.LX4OFUMH.js → chunk.HWG2QJRY.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.LX4OFUMH.js.map
+//# sourceMappingURL=chunk.HWG2QJRY.js.map

package/dist/chunks/{chunk.AJRQ2ZLI.js → chunk.HZFVQ4EA.js}

@@ -3,22 +3,22 @@ import {
 } from "./chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunk.4RPDYH4P.js";
+} from "./chunk.BK4IE5OT.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  LocalizeController
-} from "./chunk.OAQRCZOO.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -206,4 +206,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.AJRQ2ZLI.js.map
+//# sourceMappingURL=chunk.HZFVQ4EA.js.map

package/dist/chunks/{chunk.3D5CNB3A.js → chunk.IMVL6MFD.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.3D5CNB3A.js.map
+//# sourceMappingURL=chunk.IMVL6MFD.js.map

package/dist/chunks/{chunk.X347YJKJ.js → chunk.IO3ZHYPD.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.5V47GZA4.js";
 import {
   SynDivider
-} from "./chunk.BFEJ3UNF.js";
+} from "./chunk.6HVVZBZX.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.LX4OFUMH.js";
+} from "./chunk.HWG2QJRY.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -354,4 +354,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.X347YJKJ.js.map
+//# sourceMappingURL=chunk.IO3ZHYPD.js.map

package/dist/chunks/{chunk.SXM6WYO2.js → chunk.IV7TZCKV.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.7OFXKFE5.js";
+} from "./chunk.LVPOZ4KZ.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.SXM6WYO2.js.map
+//# sourceMappingURL=chunk.IV7TZCKV.js.map

package/dist/chunks/{chunk.AHDDBQB5.js → chunk.IXWUDEDM.js}

@@ -1,6 +1,6 @@
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 
 // src/components/validate/utility.ts
 var WhitelistedSynergyFormEventNames = [
@@ -33,4 +33,4 @@ export {
   normalizeEventAttribute,
   getEventNameForElement
 };
-//# sourceMappingURL=chunk.AHDDBQB5.js.map
+//# sourceMappingURL=chunk.IXWUDEDM.js.map

package/dist/chunks/{chunk.7YN4ZEPP.js → chunk.JBOSF2FL.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.EUETCFYF.js";
+} from "./chunk.FGLWFI2I.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.7YN4ZEPP.js.map
+//# sourceMappingURL=chunk.JBOSF2FL.js.map

package/dist/chunks/{chunk.C447HKVA.js → chunk.JI4ZVQ2S.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.2MKFTHHY.js";
+} from "./chunk.VD2ML5DE.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.C447HKVA.js.map
+//# sourceMappingURL=chunk.JI4ZVQ2S.js.map

package/dist/chunks/{chunk.DRPXMIT6.js → chunk.KB54XJM4.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.E4DOG5K3.js";
+} from "./chunk.3VKQTPZV.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.DRPXMIT6.js.map
+//# sourceMappingURL=chunk.KB54XJM4.js.map

package/dist/chunks/{chunk.ZE3P5PIL.js → chunk.KDR5NTXE.js}

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

package/dist/chunks/{chunk.GWWGZIZK.js → chunk.KO32UK7Y.js}

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

package/dist/chunks/{chunk.NXHCSEZD.js → chunk.LQ7AI4UQ.js}

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

package/dist/chunks/{chunk.7OFXKFE5.js → chunk.LVPOZ4KZ.js}

@@ -17,18 +17,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  enableDefaultSettings
+} from "./chunk.E5UUNP6E.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -383,4 +383,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.7OFXKFE5.js.map
+//# sourceMappingURL=chunk.LVPOZ4KZ.js.map

package/dist/chunks/{chunk.H3GPCHKW.js → chunk.ME4EM5ZX.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumbItem
-} from "./chunk.BQNEWV6S.js";
+} from "./chunk.EBH3GU63.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.H3GPCHKW.js.map
+//# sourceMappingURL=chunk.ME4EM5ZX.js.map

package/dist/chunks/{chunk.E63TOSBS.js → chunk.MUQPGRJB.js}

@@ -18,22 +18,22 @@ import {
 } from "./chunk.7JGKUB4A.js";
 import {
   SynIcon
-} from "./chunk.LX4OFUMH.js";
+} from "./chunk.HWG2QJRY.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -247,4 +247,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.E63TOSBS.js.map
+//# sourceMappingURL=chunk.MUQPGRJB.js.map

package/dist/chunks/chunk.MX72UPWV.js

@@ -0,0 +1,107 @@
+// src/components/alert/alert.custom.styles.ts
+import { css } from "lit";
+var alert_custom_styles_default = css`
+  .alert {
+    /* Defines the used border and icon color for variants */
+    --variant-color-border: var(--syn-alert-informative-color-border, var(--syn-panel-border-color));
+    --variant-color-background: var(--syn-alert-informative-color-background, var(--syn-panel-background-color));
+    --variant-color-icon: var(--syn-alert-informative-color-icon, var(--syn-color-primary-600));
+    --variant-color-indicator: var(--syn-alert-informative-color-indicator, var(--syn-color-primary-600));
+
+    background-color: var(--variant-color-background);
+    border: var(--syn-panel-border-width) solid var(--variant-color-border);
+    border-left: 0;
+    border-radius: var(--syn-border-radius-none);
+    color: var(--syn-typography-color-text);
+    font-size: var(--syn-font-size-medium);
+    line-height: var(--syn-line-height-normal);
+    min-height: 56px;
+  }
+
+  /**
+   * Add back the items left borders
+   * This is done to prevent border clipping with the large border-left needed on .alert
+   * Note we also need to adjust our paddings to add the border width here
+   */
+  .alert::before {
+    background: var(--variant-color-indicator);
+    bottom: -1px;
+    content: "";
+    left: 0;
+    position: absolute;
+    top: -1px;
+    width: var(--syn-spacing-2x-small);
+  }
+
+  .alert :first-child {
+    margin-inline-start: var(--syn-spacing-2x-small);
+  }
+
+  /**
+   * Make sure everything is aligned to top
+   */
+  .alert__icon,
+  .alert__close-button {
+    align-items: flex-start;
+    font-size: var(--syn-font-size-x-large);
+  }
+
+  .alert__message {
+    padding: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-medium) var(--syn-spacing-medium);
+  }
+
+  /**
+   * Alert Icon
+   */
+  .alert__icon {
+    color: var(--variant-color-icon);
+    padding-block: var(--syn-spacing-medium);
+    padding-inline-start: var(--syn-spacing-medium);
+  }
+
+  /**
+   * Close Icon
+   */
+  .alert__close-button {
+    align-self: start;
+    color: var(--syn-typography-color-text);
+    margin-block: calc(var(--syn-spacing-x-small) - var(--syn-panel-border-width));
+    margin-inline-end: var(--syn-spacing-x-small);
+  }
+
+  /**
+   * Variant colors
+   */
+  .alert--success {
+    --variant-color-border: var(--syn-alert-success-color-border, var(--syn-panel-border-color));
+    --variant-color-background: var(--syn-alert-success-color-background, var(--syn-panel-background-color));
+    --variant-color-icon: var(--syn-alert-success-color-icon, var(--syn-color-success-500));
+    --variant-color-indicator: var(--syn-alert-success-color-indicator, var(--syn-color-success-500));
+  }
+
+  .alert--neutral {
+    --variant-color-border: var(--syn-alert-neutral-color-border, var(--syn-panel-border-color));
+    --variant-color-background: var(--syn-alert-neutral-color-background, var(--syn-panel-background-color));
+    --variant-color-icon: var(--syn-alert-neutral-color-icon, var(--syn-color-neutral-800));
+    --variant-color-indicator: var(--syn-alert-neutral-color-indicator, var(--syn-color-neutral-800));
+  }
+
+  .alert--warning {
+    --variant-color-border: var(--syn-alert-warning-color-border, var(--syn-panel-border-color));
+    --variant-color-background: var(--syn-alert-warning-color-background, var(--syn-panel-background-color));
+    --variant-color-icon: var(--syn-alert-warning-color-icon, var(--syn-color-warning-400));
+    --variant-color-indicator: var(--syn-alert-warning-color-indicator, var(--syn-color-warning-400));
+  }
+
+  .alert--danger {
+    --variant-color-border: var(--syn-alert-error-color-border, var(--syn-panel-border-color));
+    --variant-color-background: var(--syn-alert-error-color-background, var(--syn-panel-background-color));
+    --variant-color-icon: var(--syn-alert-error-color-icon, var(--syn-color-error-600));
+    --variant-color-indicator: var(--syn-alert-error-color-indicator, var(--syn-color-error-600));
+  }
+`;
+
+export {
+  alert_custom_styles_default
+};
+//# sourceMappingURL=chunk.MX72UPWV.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert/alert.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .alert {\n    /* Defines the used border and icon color for variants */\n    --variant-color-border: var(--syn-alert-informative-color-border, var(--syn-panel-border-color));\n    --variant-color-background: var(--syn-alert-informative-color-background, var(--syn-panel-background-color));\n    --variant-color-icon: var(--syn-alert-informative-color-icon, var(--syn-color-primary-600));\n    --variant-color-indicator: var(--syn-alert-informative-color-indicator, var(--syn-color-primary-600));\n\n    background-color: var(--variant-color-background);\n    border: var(--syn-panel-border-width) solid var(--variant-color-border);\n    border-left: 0;\n    border-radius: var(--syn-border-radius-none);\n    color: var(--syn-typography-color-text);\n    font-size: var(--syn-font-size-medium);\n    line-height: var(--syn-line-height-normal);\n    min-height: 56px;\n  }\n\n  /**\n   * Add back the items left borders\n   * This is done to prevent border clipping with the large border-left needed on .alert\n   * Note we also need to adjust our paddings to add the border width here\n   */\n  .alert::before {\n    background: var(--variant-color-indicator);\n    bottom: -1px;\n    content: \"\";\n    left: 0;\n    position: absolute;\n    top: -1px;\n    width: var(--syn-spacing-2x-small);\n  }\n\n  .alert :first-child {\n    margin-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  /**\n   * Make sure everything is aligned to top\n   */\n  .alert__icon,\n  .alert__close-button {\n    align-items: flex-start;\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  .alert__message {\n    padding: var(--syn-spacing-medium) var(--syn-spacing-large) var(--syn-spacing-medium) var(--syn-spacing-medium);\n  }\n\n  /**\n   * Alert Icon\n   */\n  .alert__icon {\n    color: var(--variant-color-icon);\n    padding-block: var(--syn-spacing-medium);\n    padding-inline-start: var(--syn-spacing-medium);\n  }\n\n  /**\n   * Close Icon\n   */\n  .alert__close-button {\n    align-self: start;\n    color: var(--syn-typography-color-text);\n    margin-block: calc(var(--syn-spacing-x-small) - var(--syn-panel-border-width));\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  /**\n   * Variant colors\n   */\n  .alert--success {\n    --variant-color-border: var(--syn-alert-success-color-border, var(--syn-panel-border-color));\n    --variant-color-background: var(--syn-alert-success-color-background, var(--syn-panel-background-color));\n    --variant-color-icon: var(--syn-alert-success-color-icon, var(--syn-color-success-500));\n    --variant-color-indicator: var(--syn-alert-success-color-indicator, var(--syn-color-success-500));\n  }\n\n  .alert--neutral {\n    --variant-color-border: var(--syn-alert-neutral-color-border, var(--syn-panel-border-color));\n    --variant-color-background: var(--syn-alert-neutral-color-background, var(--syn-panel-background-color));\n    --variant-color-icon: var(--syn-alert-neutral-color-icon, var(--syn-color-neutral-800));\n    --variant-color-indicator: var(--syn-alert-neutral-color-indicator, var(--syn-color-neutral-800));\n  }\n\n  .alert--warning {\n    --variant-color-border: var(--syn-alert-warning-color-border, var(--syn-panel-border-color));\n    --variant-color-background: var(--syn-alert-warning-color-background, var(--syn-panel-background-color));\n    --variant-color-icon: var(--syn-alert-warning-color-icon, var(--syn-color-warning-400));\n    --variant-color-indicator: var(--syn-alert-warning-color-indicator, var(--syn-color-warning-400));\n  }\n\n  .alert--danger {\n    --variant-color-border: var(--syn-alert-error-color-border, var(--syn-panel-border-color));\n    --variant-color-background: var(--syn-alert-error-color-background, var(--syn-panel-background-color));\n    --variant-color-icon: var(--syn-alert-error-color-icon, var(--syn-color-error-600));\n    --variant-color-indicator: var(--syn-alert-error-color-indicator, var(--syn-color-error-600));\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.23J4YV5V.js → chunk.N2TRT4U7.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.23J4YV5V.js.map
+//# sourceMappingURL=chunk.N2TRT4U7.js.map

package/dist/chunks/{chunk.FA5VW6N3.js → chunk.N5F4VACW.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.ASNXKPG7.js";
+} from "./chunk.TU5UAMH4.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.FA5VW6N3.js.map
+//# sourceMappingURL=chunk.N5F4VACW.js.map

package/dist/chunks/{chunk.V46DX2S3.js → chunk.NEAFZWN5.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.XAYZET3V.js";
+} from "./chunk.BZWZZ4IB.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.V46DX2S3.js.map
+//# sourceMappingURL=chunk.NEAFZWN5.js.map

package/dist/chunks/{chunk.Z2J723EF.js → chunk.NJGZRHYT.js}

@@ -1,6 +1,6 @@
 import {
   SynCombobox
-} from "./chunk.7XFTKDXA.js";
+} from "./chunk.XRQGKRXS.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = SynCombobox;
@@ -9,4 +9,4 @@ SynCombobox.define("syn-combobox");
 export {
   combobox_default
 };
-//# sourceMappingURL=chunk.Z2J723EF.js.map
+//# sourceMappingURL=chunk.NJGZRHYT.js.map

package/dist/chunks/{chunk.FSVS6EWO.js → chunk.NKEUXL3C.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FM77DEZK.js";
+} from "./chunk.WJ6QMRMX.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.FSVS6EWO.js.map
+//# sourceMappingURL=chunk.NKEUXL3C.js.map

package/dist/chunks/{chunk.I5FQOTLA.js → chunk.NQNWQ7W6.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.RWYRDNFP.js";
+} from "./chunk.VLAYYZ5X.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.I5FQOTLA.js.map
+//# sourceMappingURL=chunk.NQNWQ7W6.js.map