@synergy-design-system/components 1.13.0 → 1.14.0

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

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

package/dist/chunks/{chunk.3PBOWA5U.js → chunk.H33SDUY3.js}

@@ -1,10 +1,10 @@
-import {
-  SynergyElement,
-  component_styles_default
-} from "./chunk.LUPEZL5H.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.3PBOWA5U.js.map
+//# sourceMappingURL=chunk.H33SDUY3.js.map

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

@@ -23,7 +23,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.LUPEZL5H.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -364,4 +364,4 @@ __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.TEWZUSS3.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.KZFU7TFZ.js → chunk.ITUSK365.js}

@@ -7,7 +7,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.LUPEZL5H.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -128,4 +128,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.KZFU7TFZ.js.map
+//# sourceMappingURL=chunk.ITUSK365.js.map

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

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

package/dist/chunks/{chunk.SR56N2RY.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.WBOGDY52.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.LUPEZL5H.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -77,4 +77,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.SR56N2RY.js.map
+//# sourceMappingURL=chunk.L6ZUZPOW.js.map

package/dist/chunks/{chunk.J4XBGQBY.js → chunk.MEDX62IL.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.3FOVDOJX.js";
 import {
   SynDivider
-} from "./chunk.ZGKQGMNS.js";
+} from "./chunk.5HAKNNIR.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.LUPEZL5H.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.J4XBGQBY.js.map
+//# sourceMappingURL=chunk.MEDX62IL.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.TEWZUSS3.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.AW7IXLZ6.js.map
+//# sourceMappingURL=chunk.MQCFDVLW.js.map

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

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

package/dist/chunks/{chunk.WNUV3MAD.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.ZPMKYF4O.js";
+} from "./chunk.4LMFTSOM.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.LUPEZL5H.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -112,4 +112,4 @@ __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.WNUV3MAD.js.map
+//# sourceMappingURL=chunk.OLM7IVHA.js.map

package/dist/chunks/{chunk.RBDVQQ3E.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.3PBOWA5U.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.LUPEZL5H.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -356,4 +356,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.RBDVQQ3E.js.map
+//# sourceMappingURL=chunk.P2D7PUR2.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.MM2YC5ZH.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.LKEOG4V4.js.map
+//# sourceMappingURL=chunk.PAK472WN.js.map

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

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.HJNNSNKN.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.F2JCTYYN.js.map
+//# sourceMappingURL=chunk.PEMSU7RY.js.map

package/dist/chunks/{chunk.4IIG6F76.js → chunk.PSTO5STZ.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.TDEBVJWI.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.4IIG6F76.js.map
+//# sourceMappingURL=chunk.PSTO5STZ.js.map

package/dist/chunks/{chunk.WBOGDY52.js → chunk.Q4CT57M2.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.ZPMKYF4O.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.WBOGDY52.js.map
+//# sourceMappingURL=chunk.Q4CT57M2.js.map

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

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

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

@@ -4,6 +4,9 @@ import {
 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.ZGKQGMNS.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.ZPMKYF4O.js";
+} from "./chunk.4LMFTSOM.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
+import {
+  LocalizeController
+} from "./chunk.RK7OBPZ5.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.LUPEZL5H.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass,
   __spreadValues
@@ -643,4 +643,4 @@ __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.MM2YC5ZH.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.BAPPYU2J.js → chunk.SRZMRKLQ.js}

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

package/dist/chunks/{chunk.ZKGSBP7D.js → chunk.UEQDHG7J.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.FIVDEPVP.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.ZKGSBP7D.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": []
 }

package/dist/chunks/chunk.VCXIV7H4.js

@@ -0,0 +1,61 @@
+import {
+  badge_custom_styles_default
+} from "./chunk.WQJRBFZA.js";
+import {
+  badge_styles_default
+} from "./chunk.II4PANKR.js";
+import {
+  LocalizeController
+} from "./chunk.RK7OBPZ5.js";
+import {
+  SynergyElement,
+  component_styles_default
+} from "./chunk.5TOD3QS2.js";
+import {
+  __decorateClass
+} from "./chunk.QNDC5KWA.js";
+
+// src/components/badge/badge.component.ts
+import { classMap } from "lit/directives/class-map.js";
+import { html } from "lit";
+import { property } from "lit/decorators.js";
+var SynBadge = class extends SynergyElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.variant = "primary";
+  }
+  render() {
+    return html`
+      <span
+        part="base"
+        class=${classMap({
+      badge: true,
+      "badge--primary": this.variant === "primary",
+      "badge--success": this.variant === "success",
+      "badge--neutral": this.variant === "neutral",
+      "badge--warning": this.variant === "warning",
+      "badge--danger": this.variant === "danger"
+    })}
+        role="status"
+      >
+        <slot>
+          <span class="visually-hidden">
+            ${this.localize.term(
+      this.variant === "primary" || this.variant === "neutral" ? "notification" : this.variant
+    )}
+          </span>
+        </slot>
+      </span>
+    `;
+  }
+};
+SynBadge.styles = [component_styles_default, badge_styles_default, badge_custom_styles_default];
+__decorateClass([
+  property({ reflect: true })
+], SynBadge.prototype, "variant", 2);
+
+export {
+  SynBadge
+};
+//# sourceMappingURL=chunk.VCXIV7H4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/badge/badge.component.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 { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport styles from './badge.styles.js';\nimport customStyles from './badge.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Badges are used to draw attention and display statuses or counts.\n * @documentation https://synergy.style/components/badge\n * @status stable\n * @since 2.0\n *\n * @slot - The badge's content.\n *\n * @csspart base - The component's base wrapper.\n */\nexport default class SynBadge extends SynergyElement {\n  \n  private readonly localize = new LocalizeController(this);\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  /** The badge's theme variant. */\n  @property({ reflect: true }) variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' = 'primary';\n\n  render() {\n    return html`\n      <span\n        part=\"base\"\n        class=${classMap({\n          badge: true,\n          'badge--primary': this.variant === 'primary',\n          'badge--success': this.variant === 'success',\n          'badge--neutral': this.variant === 'neutral',\n          'badge--warning': this.variant === 'warning',\n          'badge--danger': this.variant === 'danger',\n        })}\n        role=\"status\"\n      >\n        <slot>\n          <span class=\"visually-hidden\">\n            ${this.localize.term(\n              (this.variant === 'primary' || this.variant === 'neutral')\n                ? 'notification'\n                : this.variant\n              )}\n          </span>\n        </slot>\n      </span>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAMA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAkBzB,IAAqB,WAArB,cAAsC,eAAe;AAAA,EAArD;AAAA;AAEE,SAAiB,WAAW,IAAI,mBAAmB,IAAI;AAI1B,mBAAoE;AAAA;AAAA,EAEjG,SAAS;AACP,WAAO;AAAA;AAAA;AAAA,gBAGK,SAAS;AAAA,MACf,OAAO;AAAA,MACP,kBAAkB,KAAK,YAAY;AAAA,MACnC,kBAAkB,KAAK,YAAY;AAAA,MACnC,kBAAkB,KAAK,YAAY;AAAA,MACnC,kBAAkB,KAAK,YAAY;AAAA,MACnC,iBAAiB,KAAK,YAAY;AAAA,IACpC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKI,KAAK,SAAS;AAAA,MACb,KAAK,YAAY,aAAa,KAAK,YAAY,YAC5C,iBACA,KAAK;AAAA,IACT,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKb;AACF;AAlCqB,SAGZ,SAAyB,CAAC,0BAAiB,sBAAQ,2BAAY;AAGzC;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GANR,SAMU;",
+  "names": []
+}

package/dist/chunks/{chunk.JZLW5XX6.js → chunk.VDYPXC2H.js}

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

package/dist/chunks/{chunk.TDEBVJWI.js → chunk.VSEAHAW7.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.LUPEZL5H.js";
+} from "./chunk.5TOD3QS2.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -125,4 +125,4 @@ __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.TDEBVJWI.js.map
+//# sourceMappingURL=chunk.VSEAHAW7.js.map