@synergy-design-system/components 1.12.0 → 1.14.0

package/dist/chunks/{chunk.PFJUBUDL.js → chunk.EWGDHM27.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.ZZKLLRUA.js";
+} from "./chunk.525LGYB4.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.PFJUBUDL.js.map
+//# sourceMappingURL=chunk.EWGDHM27.js.map

package/dist/chunks/{chunk.B7UA4FRG.js → chunk.EZE5M5XB.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.R6GYAHAZ.js";
+} from "./chunk.ETREUSYO.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.B7UA4FRG.js.map
+//# sourceMappingURL=chunk.EZE5M5XB.js.map

package/dist/chunks/{chunk.25VU42YC.js → chunk.GDHER3FZ.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.JT32Q3RE.js";
+} from "./chunk.QFMUPETV.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.25VU42YC.js.map
+//# sourceMappingURL=chunk.GDHER3FZ.js.map

package/dist/chunks/{chunk.IQK6FVMW.js → chunk.GGY5VQYA.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X3D3MBIH.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -409,4 +409,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.IQK6FVMW.js.map
+//# sourceMappingURL=chunk.GGY5VQYA.js.map

package/dist/chunks/{chunk.QDYPBFX4.js → chunk.H33SDUY3.js}

@@ -1,10 +1,10 @@
-import {
-  SynergyElement,
-  component_styles_default
-} from "./chunk.X3D3MBIH.js";
 import {
   button_group_styles_default
 } from "./chunk.A7IIJ2LL.js";
+import {
+  SynergyElement,
+  component_styles_default
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -84,4 +84,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.QDYPBFX4.js.map
+//# sourceMappingURL=chunk.H33SDUY3.js.map

package/dist/chunks/{chunk.N3SVWIVG.js → chunk.H7XP6JAS.js}

@@ -23,7 +23,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X3D3MBIH.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -364,4 +364,4 @@ __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.N3SVWIVG.js.map
+//# sourceMappingURL=chunk.H7XP6JAS.js.map

package/dist/chunks/chunk.II4PANKR.js

@@ -0,0 +1,56 @@
+// src/components/badge/badge.styles.ts
+import { css } from "lit";
+var badge_styles_default = css`
+	/* stylelint-disable */
+  :host {
+    display: inline-flex;
+  }
+
+  .badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: max(12px, 0.75em);
+    font-weight: var(--syn-font-weight-semibold);
+    letter-spacing: var(--syn-letter-spacing-normal);
+    line-height: 1;
+    border-radius: var(--syn-border-radius-small);
+    border: solid 1px var(--syn-color-neutral-0);
+    white-space: nowrap;
+    padding: 0.35em 0.6em;
+    user-select: none;
+    -webkit-user-select: none;
+    cursor: inherit;
+  }
+
+  /* Variant modifiers */
+  .badge--primary {
+    background-color: var(--syn-color-primary-600);
+    color: var(--syn-color-neutral-0);
+  }
+
+  .badge--success {
+    background-color: var(--syn-color-success-600);
+    color: var(--syn-color-neutral-0);
+  }
+
+  .badge--neutral {
+    background-color: var(--syn-color-neutral-600);
+    color: var(--syn-color-neutral-0);
+  }
+
+  .badge--warning {
+    background-color: var(--syn-color-warning-600);
+    color: var(--syn-color-neutral-0);
+  }
+
+  .badge--danger {
+    background-color: var(--syn-color-danger-600);
+    color: var(--syn-color-neutral-0);
+  }
+`;
+
+export {
+  badge_styles_default
+};
+//# sourceMappingURL=chunk.II4PANKR.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/badge/badge.styles.ts"],
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    display: inline-flex;\n  }\n\n  .badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: max(12px, 0.75em);\n    font-weight: var(--syn-font-weight-semibold);\n    letter-spacing: var(--syn-letter-spacing-normal);\n    line-height: 1;\n    border-radius: var(--syn-border-radius-small);\n    border: solid 1px var(--syn-color-neutral-0);\n    white-space: nowrap;\n    padding: 0.35em 0.6em;\n    user-select: none;\n    -webkit-user-select: none;\n    cursor: inherit;\n  }\n\n  /* Variant modifiers */\n  .badge--primary {\n    background-color: var(--syn-color-primary-600);\n    color: var(--syn-color-neutral-0);\n  }\n\n  .badge--success {\n    background-color: var(--syn-color-success-600);\n    color: var(--syn-color-neutral-0);\n  }\n\n  .badge--neutral {\n    background-color: var(--syn-color-neutral-600);\n    color: var(--syn-color-neutral-0);\n  }\n\n  .badge--warning {\n    background-color: var(--syn-color-warning-600);\n    color: var(--syn-color-neutral-0);\n  }\n\n  .badge--danger {\n    background-color: var(--syn-color-danger-600);\n    color: var(--syn-color-neutral-0);\n  }\n`;\n"],
+  "mappings": ";AAMA,SAAS,WAAW;AAEpB,IAAO,uBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.55KPESRA.js → chunk.ITUSK365.js}

@@ -1,13 +1,13 @@
 import {
   menu_custom_styles_default
-} from "./chunk.ENYO4NCR.js";
+} from "./chunk.PILX7LVU.js";
 import {
   menu_styles_default
 } from "./chunk.RSSY7KPD.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X3D3MBIH.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -128,4 +128,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.55KPESRA.js.map
+//# sourceMappingURL=chunk.ITUSK365.js.map

package/dist/chunks/{chunk.BRWLHYC5.js → chunk.KEEDSK2V.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.BGHK4NQA.js";
 import {
   SynIconButton
-} from "./chunk.KDY26CBL.js";
+} from "./chunk.7UUZ5ISH.js";
 import {
   LocalizeController
-} from "./chunk.LAB4YJYE.js";
+} from "./chunk.RK7OBPZ5.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X3D3MBIH.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.BRWLHYC5.js.map
+//# sourceMappingURL=chunk.KEEDSK2V.js.map

package/dist/chunks/{chunk.SJCYCGUZ.js → chunk.L6ZUZPOW.js}

@@ -1,16 +1,16 @@
+import {
+  icon_default
+} from "./chunk.Q4CT57M2.js";
 import {
   header_styles_default
 } from "./chunk.JDXKGJ63.js";
-import {
-  icon_default
-} from "./chunk.5UM7HWIJ.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X3D3MBIH.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -77,4 +77,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.SJCYCGUZ.js.map
+//# sourceMappingURL=chunk.L6ZUZPOW.js.map

package/dist/chunks/{chunk.6G5WBKTI.js → chunk.MEDX62IL.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.3FOVDOJX.js";
 import {
   SynDivider
-} from "./chunk.PQKD6OYF.js";
+} from "./chunk.5HAKNNIR.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X3D3MBIH.js";
+} from "./chunk.5TOD3QS2.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -32,4 +32,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.6G5WBKTI.js.map
+//# sourceMappingURL=chunk.MEDX62IL.js.map

package/dist/chunks/{chunk.G5TO77WM.js → chunk.MQCFDVLW.js}

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

package/dist/chunks/{chunk.GAES53RX.js → chunk.NXX572OD.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.6G5WBKTI.js";
+} from "./chunk.MEDX62IL.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.GAES53RX.js.map
+//# sourceMappingURL=chunk.NXX572OD.js.map

package/dist/chunks/{chunk.BUBQFHSV.js → chunk.OLM7IVHA.js}

@@ -1,19 +1,19 @@
-import {
-  radio_custom_styles_default
-} from "./chunk.V6VND4OF.js";
 import {
   radio_styles_default
 } from "./chunk.PKO6FEOM.js";
+import {
+  radio_custom_styles_default
+} from "./chunk.V6VND4OF.js";
 import {
   SynIcon
-} from "./chunk.I2E3UJIK.js";
+} from "./chunk.4LMFTSOM.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X3D3MBIH.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -112,4 +112,4 @@ __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.BUBQFHSV.js.map
+//# sourceMappingURL=chunk.OLM7IVHA.js.map

package/dist/chunks/{chunk.5D6C4M2C.js → chunk.P2D7PUR2.js}

@@ -4,6 +4,9 @@ import {
 import {
   radio_group_styles_default
 } from "./chunk.XIUSSERX.js";
+import {
+  SynButtonGroup
+} from "./chunk.H33SDUY3.js";
 import {
   form_control_custom_styles_default,
   form_control_styles_default
@@ -20,13 +23,10 @@ import {
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
-import {
-  SynButtonGroup
-} from "./chunk.QDYPBFX4.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X3D3MBIH.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -356,4 +356,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.5D6C4M2C.js.map
+//# sourceMappingURL=chunk.P2D7PUR2.js.map

package/dist/chunks/{chunk.YGF5AV75.js → chunk.PAK472WN.js}

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

package/dist/chunks/{chunk.ISU5BF2G.js → chunk.PEMSU7RY.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.KDY26CBL.js";
+} from "./chunk.7UUZ5ISH.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.ISU5BF2G.js.map
+//# sourceMappingURL=chunk.PEMSU7RY.js.map

package/dist/chunks/{chunk.ENYO4NCR.js → chunk.PILX7LVU.js}

@@ -13,9 +13,14 @@ var menu_custom_styles_default = css`
   ::slotted(syn-menu-label:first-of-type) {
     --display-divider: none;
   }
+
+  ::slotted(syn-divider) {
+    /* #369: Slotted syn-dividers should use a lighter color so they do not crash with the border visually */
+    --color: var(--syn-color-neutral-200);
+  }
 `;
 
 export {
   menu_custom_styles_default
 };
-//# sourceMappingURL=chunk.ENYO4NCR.js.map
+//# sourceMappingURL=chunk.PILX7LVU.js.map

package/dist/chunks/{chunk.ENYO4NCR.js.map → chunk.PILX7LVU.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/menu/menu.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    border-radius: 0;\n  }\n\n  /**\n   * Make sure to hide the syn-divider for the first syn-optgroup\n   * Note! ::slotted does currently not work with ::part, so we\n   * opted for using a css variable here.\n   */\n  ::slotted(syn-menu-label:first-of-type) {\n    --display-divider: none;\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,6BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    border-radius: 0;\n  }\n\n  /**\n   * Make sure to hide the syn-divider for the first syn-optgroup\n   * Note! ::slotted does currently not work with ::part, so we\n   * opted for using a css variable here.\n   */\n  ::slotted(syn-menu-label:first-of-type) {\n    --display-divider: none;\n  }\n\n  ::slotted(syn-divider) {\n    /* #369: Slotted syn-dividers should use a lighter color so they do not crash with the border visually */\n    --color: var(--syn-color-neutral-200);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,6BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/chunks/{chunk.FTTKC5YD.js → chunk.PSTO5STZ.js}

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

package/dist/chunks/{chunk.5UM7HWIJ.js → chunk.Q4CT57M2.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.I2E3UJIK.js";
+} from "./chunk.4LMFTSOM.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.5UM7HWIJ.js.map
+//# sourceMappingURL=chunk.Q4CT57M2.js.map

package/dist/chunks/{chunk.JT32Q3RE.js → chunk.QFMUPETV.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KG52EHDB.js";
 import {
   SynDivider
-} from "./chunk.PQKD6OYF.js";
+} from "./chunk.5HAKNNIR.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement
-} from "./chunk.X3D3MBIH.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -93,4 +93,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.JT32Q3RE.js.map
+//# sourceMappingURL=chunk.QFMUPETV.js.map

package/dist/chunks/{chunk.MFHUNGFO.js → chunk.QQB6JCQY.js}

@@ -1,9 +1,12 @@
 import {
   input_custom_styles_default
-} from "./chunk.2OLVTQ5P.js";
+} from "./chunk.3A65FBTX.js";
 import {
   input_styles_default
 } from "./chunk.4QS5IWYB.js";
+import {
+  SynDivider
+} from "./chunk.5HAKNNIR.js";
 import {
   defaultValue
 } from "./chunk.WFAJR3FN.js";
@@ -11,12 +14,6 @@ import {
   form_control_custom_styles_default,
   form_control_styles_default
 } from "./chunk.TTL762VF.js";
-import {
-  SynDivider
-} from "./chunk.PQKD6OYF.js";
-import {
-  LocalizeController
-} from "./chunk.LAB4YJYE.js";
 import {
   FormControlController
 } from "./chunk.SZCGMXW5.js";
@@ -25,14 +22,17 @@ import {
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.I2E3UJIK.js";
+} from "./chunk.4LMFTSOM.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
+import {
+  LocalizeController
+} from "./chunk.RK7OBPZ5.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X3D3MBIH.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass,
   __spreadValues
@@ -643,4 +643,4 @@ __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.MFHUNGFO.js.map
+//# sourceMappingURL=chunk.QQB6JCQY.js.map

package/dist/chunks/{chunk.LAB4YJYE.js → chunk.RK7OBPZ5.js}

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "./chunk.A3SKDWCT.js";
+} from "./chunk.V53WYKEU.js";
 
 // src/utilities/localize.ts
 import { LocalizeController as DefaultLocalizationController, registerTranslation } from "@shoelace-style/localize";
@@ -13,4 +13,4 @@ export {
   LocalizeController,
   registerTranslation2 as registerTranslation
 };
-//# sourceMappingURL=chunk.LAB4YJYE.js.map
+//# sourceMappingURL=chunk.RK7OBPZ5.js.map

package/dist/chunks/{chunk.LAB4YJYE.js.map → chunk.RK7OBPZ5.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utilities/localize.ts"],
-  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { LocalizeController as DefaultLocalizationController, registerTranslation } from '@shoelace-style/localize';\nimport en from '../translations/en.js'; // Register English as the default/fallback language\nimport type { Translation as DefaultTranslation } from '@shoelace-style/localize';\n\n// Extend the controller and apply our own translation interface for better typings\nexport class LocalizeController extends DefaultLocalizationController<Translation> {\n  // Technicallly '../translations/en.js' is supposed to work via side-effects. However, by some mystery sometimes the\n  // translations don't get bundled as expected resulting in `no translation found` errors.\n  // This is basically some extra assurance that our translations get registered prior to our localizer connecting in a component\n  // and we don't rely on implicit import ordering.\n  static {\n    registerTranslation(en);\n  }\n}\n\n// Export functions from the localize lib so we have one central place to import them from\nexport { registerTranslation } from '@shoelace-style/localize';\n\nexport interface Translation extends DefaultTranslation {\n  $code: string; // e.g. en, en-GB\n  $name: string; // e.g. English, Espa\u00F1ol\n  $dir: 'ltr' | 'rtl';\n\n  carousel: string;\n  clearEntry: string;\n  close: string;\n  copied: string;\n  copy: string;\n  currentValue: string;\n  error: string;\n  goToSlide: (slide: number, count: number) => string;\n  hidePassword: string;\n  loading: string;\n  nextSlide: string;\n  numOptionsSelected: (num: number) => string;\n  previousSlide: string;\n  progress: string;\n  remove: string;\n  resize: string;\n  scrollToEnd: string;\n  scrollToStart: string;\n  selectAColorFromTheScreen: string;\n  showPassword: string;\n  slideNum: (slide: number) => string;\n  toggleColorFormat: string;\n}\n"],
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { LocalizeController as DefaultLocalizationController, registerTranslation } from '@shoelace-style/localize';\nimport en from '../translations/en.js'; // Register English as the default/fallback language\nimport type { Translation as DefaultTranslation } from '@shoelace-style/localize';\n\n// Extend the controller and apply our own translation interface for better typings\nexport class LocalizeController extends DefaultLocalizationController<Translation> {\n  // Technicallly '../translations/en.js' is supposed to work via side-effects. However, by some mystery sometimes the\n  // translations don't get bundled as expected resulting in `no translation found` errors.\n  // This is basically some extra assurance that our translations get registered prior to our localizer connecting in a component\n  // and we don't rely on implicit import ordering.\n  static {\n    registerTranslation(en);\n  }\n}\n\n// Export functions from the localize lib so we have one central place to import them from\nexport { registerTranslation } from '@shoelace-style/localize';\n\nexport interface Translation extends DefaultTranslation {\n    danger: string;\n  notification: string;\n  success: string;\n  warning: string;\n$code: string; // e.g. en, en-GB\n  $name: string; // e.g. English, Espa\u00F1ol\n  $dir: 'ltr' | 'rtl';\n\n  carousel: string;\n  clearEntry: string;\n  close: string;\n  copied: string;\n  copy: string;\n  currentValue: string;\n  error: string;\n  goToSlide: (slide: number, count: number) => string;\n  hidePassword: string;\n  loading: string;\n  nextSlide: string;\n  numOptionsSelected: (num: number) => string;\n  previousSlide: string;\n  progress: string;\n  remove: string;\n  resize: string;\n  scrollToEnd: string;\n  scrollToStart: string;\n  selectAColorFromTheScreen: string;\n  showPassword: string;\n  slideNum: (slide: number) => string;\n  toggleColorFormat: string;\n}\n"],
   "mappings": ";;;;;AAMA,SAAS,sBAAsB,+BAA+B,2BAA2B;AAgBzF,SAAS,uBAAAA,4BAA2B;AAX7B,IAAM,qBAAN,cAAiC,8BAA2C;AAQnF;AAFI,oBAAoB,UAAE;",
   "names": ["registerTranslation"]
 }

package/dist/chunks/{chunk.KNZNW4VS.js → chunk.SRZMRKLQ.js}

@@ -23,7 +23,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.X3D3MBIH.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -247,4 +247,4 @@ __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.KNZNW4VS.js.map
+//# sourceMappingURL=chunk.SRZMRKLQ.js.map

package/dist/chunks/{chunk.76A3JS2N.js → chunk.UEQDHG7J.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.HUCNUF4L.js";
+} from "./chunk.64MHCKTF.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SynMenuItem;
@@ -9,4 +9,4 @@ SynMenuItem.define("syn-menu-item");
 export {
   menu_item_default
 };
-//# sourceMappingURL=chunk.76A3JS2N.js.map
+//# sourceMappingURL=chunk.UEQDHG7J.js.map

package/dist/chunks/{chunk.A3SKDWCT.js → chunk.V53WYKEU.js}

@@ -31,7 +31,11 @@ var translation = {
   selectAColorFromTheScreen: "Select a color from the screen",
   showPassword: "Show password",
   slideNum: (slide) => `Slide ${slide}`,
-  toggleColorFormat: "Toggle color format"
+  toggleColorFormat: "Toggle color format",
+  danger: "Danger",
+  notification: "Notification",
+  success: "Success",
+  warning: "Warning"
 };
 registerTranslation(translation);
 var en_default = translation;
@@ -39,4 +43,4 @@ var en_default = translation;
 export {
   en_default
 };
-//# sourceMappingURL=chunk.A3SKDWCT.js.map
+//# sourceMappingURL=chunk.V53WYKEU.js.map

package/dist/chunks/{chunk.A3SKDWCT.js.map → chunk.V53WYKEU.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/translations/en.ts"],
-  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { registerTranslation } from '@shoelace-style/localize';\nimport type { Translation } from '../utilities/localize.js';\n\nconst translation: Translation = {\n  $code: 'en',\n  $name: 'English',\n  $dir: 'ltr',\n\n  carousel: 'Carousel',\n  clearEntry: 'Clear entry',\n  close: 'Close',\n  copied: 'Copied',\n  copy: 'Copy',\n  currentValue: 'Current value',\n  error: 'Error',\n  goToSlide: (slide, count) => `Go to slide ${slide} of ${count}`,\n  hidePassword: 'Hide password',\n  loading: 'Loading',\n  nextSlide: 'Next slide',\n  numOptionsSelected: num => {\n    if (num === 0) return 'No options selected';\n    if (num === 1) return '1 option selected';\n    return `${num} options selected`;\n  },\n  previousSlide: 'Previous slide',\n  progress: 'Progress',\n  remove: 'Remove',\n  resize: 'Resize',\n  scrollToEnd: 'Scroll to end',\n  scrollToStart: 'Scroll to start',\n  selectAColorFromTheScreen: 'Select a color from the screen',\n  showPassword: 'Show password',\n  slideNum: slide => `Slide ${slide}`,\n  toggleColorFormat: 'Toggle color format'\n};\n\nregisterTranslation(translation);\n\nexport default translation;\n"],
-  "mappings": ";AAMA,SAAS,2BAA2B;AAGpC,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EAEN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW,CAAC,OAAO,UAAU,eAAe,KAAK,OAAO,KAAK;AAAA,EAC7D,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,oBAAoB,SAAO;AACzB,QAAI,QAAQ;AAAG,aAAO;AACtB,QAAI,QAAQ;AAAG,aAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU,WAAS,SAAS,KAAK;AAAA,EACjC,mBAAmB;AACrB;AAEA,oBAAoB,WAAW;AAE/B,IAAO,aAAQ;",
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { registerTranslation } from '@shoelace-style/localize';\nimport type { Translation } from '../utilities/localize.js';\n\nconst translation: Translation = {\n  $code: 'en',\n  $name: 'English',\n  $dir: 'ltr',\n\n  carousel: 'Carousel',\n  clearEntry: 'Clear entry',\n  close: 'Close',\n  copied: 'Copied',\n  copy: 'Copy',\n  currentValue: 'Current value',\n  error: 'Error',\n  goToSlide: (slide, count) => `Go to slide ${slide} of ${count}`,\n  hidePassword: 'Hide password',\n  loading: 'Loading',\n  nextSlide: 'Next slide',\n  numOptionsSelected: num => {\n    if (num === 0) return 'No options selected';\n    if (num === 1) return '1 option selected';\n    return `${num} options selected`;\n  },\n  previousSlide: 'Previous slide',\n  progress: 'Progress',\n  remove: 'Remove',\n  resize: 'Resize',\n  scrollToEnd: 'Scroll to end',\n  scrollToStart: 'Scroll to start',\n  selectAColorFromTheScreen: 'Select a color from the screen',\n  showPassword: 'Show password',\n  slideNum: slide => `Slide ${slide}`,\n  toggleColorFormat: 'Toggle color format',\n  danger: 'Danger',\nnotification: 'Notification',\nsuccess: 'Success',\nwarning: 'Warning',\n};\n\nregisterTranslation(translation);\n\nexport default translation;\n"],
+  "mappings": ";AAMA,SAAS,2BAA2B;AAGpC,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EAEN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW,CAAC,OAAO,UAAU,eAAe,KAAK,OAAO,KAAK;AAAA,EAC7D,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,oBAAoB,SAAO;AACzB,QAAI,QAAQ;AAAG,aAAO;AACtB,QAAI,QAAQ;AAAG,aAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU,WAAS,SAAS,KAAK;AAAA,EACjC,mBAAmB;AAAA,EACnB,QAAQ;AAAA,EACV,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AACT;AAEA,oBAAoB,WAAW;AAE/B,IAAO,aAAQ;",
   "names": []
 }