@synergy-design-system/components 3.6.2 → 3.8.0

package/dist/chunks/{chunk.3QP4VLRZ.js → chunk.IF5FGNDH.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.3T6ULO23.js";
 import {
   SynDivider
-} from "./chunk.DFSXHO6C.js";
+} from "./chunk.5HPKJLZA.js";
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
 import {
   SynergyElement
-} from "./chunk.PMLEHSEE.js";
+} from "./chunk.7CJJRXDG.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -131,4 +131,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.3QP4VLRZ.js.map
+//# sourceMappingURL=chunk.IF5FGNDH.js.map

package/dist/chunks/{chunk.SYWUH3B2.js → chunk.ISGI4UJC.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.5IBHNTGE.js";
+} from "./chunk.ETVHAHZK.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.SYWUH3B2.js.map
+//# sourceMappingURL=chunk.ISGI4UJC.js.map

package/dist/chunks/{chunk.RPB7V345.js → chunk.ITY22RCO.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.JKM4YHGK.js";
+} from "./chunk.G75Q6XYK.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.RPB7V345.js.map
+//# sourceMappingURL=chunk.ITY22RCO.js.map

package/dist/chunks/{chunk.MOBPMDEL.js → chunk.IWN5JGZJ.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.W5FLBYFD.js";
+} from "./chunk.K5HTRLDF.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.MOBPMDEL.js.map
+//# sourceMappingURL=chunk.IWN5JGZJ.js.map

package/dist/chunks/{chunk.AGUBFW23.js → chunk.J7UDZGZE.js}

@@ -15,22 +15,22 @@ import {
 } from "./chunk.RJUVM6NO.js";
 import {
   SynIcon
-} from "./chunk.N26YJUY5.js";
+} from "./chunk.Z44IIHD4.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
+import {
+  enableDefaultSettings
+} from "./chunk.5YZ63VR2.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
-import {
-  enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.PMLEHSEE.js";
+} from "./chunk.7CJJRXDG.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -245,4 +245,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.AGUBFW23.js.map
+//# sourceMappingURL=chunk.J7UDZGZE.js.map

package/dist/chunks/{chunk.RY3ZM7MQ.js → chunk.JEJO727M.js}

@@ -1,10 +1,10 @@
+import {
+  sortComponentsForUpdate
+} from "./chunk.JIHDB74M.js";
 import {
   INITIAL_DEFAULT_SETTINGS,
   defaultSettings
-} from "./chunk.VL3GX6WV.js";
-import {
-  sortComponentsForUpdate
-} from "./chunk.VMLERD3J.js";
+} from "./chunk.ST3G47SZ.js";
 
 // src/utilities/defaultSettings/functions.ts
 var SYNERGY_SETTING_EMIT_EVENTS = false;
@@ -164,4 +164,4 @@ export {
   setGlobalDefaultSettings,
   resetGlobalDefaultSettings
 };
-//# sourceMappingURL=chunk.RY3ZM7MQ.js.map
+//# sourceMappingURL=chunk.JEJO727M.js.map

package/dist/chunks/{chunk.FHBK7TVL.js → chunk.JHY4APCJ.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk.7DRFKCFD.js";
 import {
   SynTag
-} from "./chunk.WAWHW5YZ.js";
+} from "./chunk.GP3YJZO4.js";
 import {
   compareValues,
   isAllowedValue
 } from "./chunk.VECCQZP5.js";
 import {
   SynPopup
-} from "./chunk.WEELXGV7.js";
+} from "./chunk.KTRTYOB6.js";
 import {
   scrollIntoView
 } from "./chunk.2DT3C6WE.js";
@@ -36,22 +36,22 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.N26YJUY5.js";
+} from "./chunk.Z44IIHD4.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
+import {
+  enableDefaultSettings
+} from "./chunk.5YZ63VR2.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
-import {
-  enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.PMLEHSEE.js";
+} from "./chunk.7CJJRXDG.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -884,4 +884,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.FHBK7TVL.js.map
+//# sourceMappingURL=chunk.JHY4APCJ.js.map

package/dist/chunks/{chunk.VMLERD3J.js → chunk.JIHDB74M.js}

@@ -8,6 +8,10 @@ var COMPONENT_UPDATE_ORDER = {
   SynRadioGroup: {
     dependsOn: ["SynRadio"],
     priority: 10
+  },
+  SynTagGroup: {
+    dependsOn: ["SynTag"],
+    priority: 10
   }
 };
 var getComponentPriority = (component) => {
@@ -49,4 +53,4 @@ export {
   getComponentPriority,
   sortComponentsForUpdate
 };
-//# sourceMappingURL=chunk.VMLERD3J.js.map
+//# sourceMappingURL=chunk.JIHDB74M.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utilities/defaultSettings/sort.ts"],
+  "sourcesContent": ["import type { ComponentNamesWithDefaultValues } from './base.js';\n\n/**\n * Component update priority and dependencies\n * Lower priority numbers update first, higher numbers update last\n */\nconst COMPONENT_UPDATE_ORDER: Partial<Record<ComponentNamesWithDefaultValues, {\n  priority: number;\n  dependsOn?: ComponentNamesWithDefaultValues[];\n}>> = {\n  // Container components that depend on base components update last\n  SynButtonGroup: {\n    dependsOn: ['SynButton'],\n    priority: 10,\n  },\n  SynRadioGroup: {\n    dependsOn: ['SynRadio'],\n    priority: 10,\n  },\n  SynTagGroup: {\n    dependsOn: ['SynTag'],\n    priority: 10,\n  },\n} as const;\n\n/**\n * Get priority for a component (defaults to 5 if not specified)\n */\nexport const getComponentPriority = (\n  component: ComponentNamesWithDefaultValues,\n) => COMPONENT_UPDATE_ORDER[component]?.priority ?? 5;\n\n/**\n * Sort components by dependencies and priority\n */\nexport const sortComponentsForUpdate = (\n  components: ComponentNamesWithDefaultValues[],\n): ComponentNamesWithDefaultValues[] => {\n  const visited = new Set<ComponentNamesWithDefaultValues>();\n  const visiting = new Set<ComponentNamesWithDefaultValues>();\n  const result: ComponentNamesWithDefaultValues[] = [];\n\n  const visit = (component: ComponentNamesWithDefaultValues) => {\n    if (visiting.has(component)) {\n      // Skip circular dependencies\n      return;\n    }\n    if (visited.has(component)) {\n      return;\n    }\n\n    visiting.add(component);\n\n    // Visit dependencies first\n    const config = COMPONENT_UPDATE_ORDER[component];\n    if (config?.dependsOn) {\n      config.dependsOn.forEach(dep => {\n        if (components.includes(dep)) {\n          visit(dep);\n        }\n      });\n    }\n\n    visiting.delete(component);\n    visited.add(component);\n    result.push(component);\n  };\n\n  // Start with components sorted by priority, then apply dependency sorting\n  const sortedByPriority = [...components].sort(\n    (a, b) => getComponentPriority(a) - getComponentPriority(b),\n  );\n\n  sortedByPriority.forEach(component => visit(component));\n\n  return result;\n};\n"],
+  "mappings": ";AAMA,IAAM,yBAGA;AAAA;AAAA,EAEJ,gBAAgB;AAAA,IACd,WAAW,CAAC,WAAW;AAAA,IACvB,UAAU;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,IACb,WAAW,CAAC,UAAU;AAAA,IACtB,UAAU;AAAA,EACZ;AAAA,EACA,aAAa;AAAA,IACX,WAAW,CAAC,QAAQ;AAAA,IACpB,UAAU;AAAA,EACZ;AACF;AAKO,IAAM,uBAAuB,CAClC,cACA;AA9BF;AA8BK,4CAAuB,SAAS,MAAhC,mBAAmC,aAAnC,YAA+C;AAAA;AAK7C,IAAM,0BAA0B,CACrC,eACsC;AACtC,QAAM,UAAU,oBAAI,IAAqC;AACzD,QAAM,WAAW,oBAAI,IAAqC;AAC1D,QAAM,SAA4C,CAAC;AAEnD,QAAM,QAAQ,CAAC,cAA+C;AAC5D,QAAI,SAAS,IAAI,SAAS,GAAG;AAE3B;AAAA,IACF;AACA,QAAI,QAAQ,IAAI,SAAS,GAAG;AAC1B;AAAA,IACF;AAEA,aAAS,IAAI,SAAS;AAGtB,UAAM,SAAS,uBAAuB,SAAS;AAC/C,QAAI,iCAAQ,WAAW;AACrB,aAAO,UAAU,QAAQ,SAAO;AAC9B,YAAI,WAAW,SAAS,GAAG,GAAG;AAC5B,gBAAM,GAAG;AAAA,QACX;AAAA,MACF,CAAC;AAAA,IACH;AAEA,aAAS,OAAO,SAAS;AACzB,YAAQ,IAAI,SAAS;AACrB,WAAO,KAAK,SAAS;AAAA,EACvB;AAGA,QAAM,mBAAmB,CAAC,GAAG,UAAU,EAAE;AAAA,IACvC,CAAC,GAAG,MAAM,qBAAqB,CAAC,IAAI,qBAAqB,CAAC;AAAA,EAC5D;AAEA,mBAAiB,QAAQ,eAAa,MAAM,SAAS,CAAC;AAEtD,SAAO;AACT;",
+  "names": []
+}

package/dist/chunks/{chunk.IVA4SQG5.js → chunk.JUXIBXZN.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.EFSUQWJZ.js";
 import {
   SynNavItem
-} from "./chunk.B2DOGABS.js";
+} from "./chunk.AAGCSEFN.js";
 import {
   SynDrawer
-} from "./chunk.W5FLBYFD.js";
+} from "./chunk.K5HTRLDF.js";
 import {
   SynDivider
-} from "./chunk.DFSXHO6C.js";
+} from "./chunk.5HPKJLZA.js";
 import {
   unlockBodyScrolling
 } from "./chunk.2DT3C6WE.js";
@@ -26,22 +26,22 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.N26YJUY5.js";
+} from "./chunk.Z44IIHD4.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
+import {
+  enableDefaultSettings
+} from "./chunk.5YZ63VR2.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
-import {
-  enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.PMLEHSEE.js";
+} from "./chunk.7CJJRXDG.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -333,4 +333,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.IVA4SQG5.js.map
+//# sourceMappingURL=chunk.JUXIBXZN.js.map

package/dist/chunks/{chunk.U7YYSF25.js → chunk.JWHZPHUQ.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.FHBK7TVL.js";
+} from "./chunk.JHY4APCJ.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.U7YYSF25.js.map
+//# sourceMappingURL=chunk.JWHZPHUQ.js.map

package/dist/chunks/{chunk.CH2LD3AA.js → chunk.JXMGFNRP.js}

@@ -1,22 +1,22 @@
-import {
-  menu_item_styles_default
-} from "./chunk.CAEBFUZN.js";
 import {
   SubmenuController
 } from "./chunk.BC532CB6.js";
+import {
+  menu_item_styles_default
+} from "./chunk.CAEBFUZN.js";
 import {
   SynPopup
-} from "./chunk.WEELXGV7.js";
+} from "./chunk.KTRTYOB6.js";
 import {
   SynSpinner
-} from "./chunk.MEPMES2G.js";
+} from "./chunk.OQY54ANX.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.N26YJUY5.js";
+} from "./chunk.Z44IIHD4.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.PMLEHSEE.js";
+} from "./chunk.7CJJRXDG.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -238,4 +238,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.CH2LD3AA.js.map
+//# sourceMappingURL=chunk.JXMGFNRP.js.map

package/dist/chunks/{chunk.W5FLBYFD.js → chunk.K5HTRLDF.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.FYLQ2KPN.js";
+} from "./chunk.U7UO6V4X.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.PMLEHSEE.js";
+} from "./chunk.7CJJRXDG.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -407,4 +407,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.W5FLBYFD.js.map
+//# sourceMappingURL=chunk.K5HTRLDF.js.map

package/dist/chunks/{chunk.IVO2TN3E.js → chunk.K77GAAZC.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.RXNPDOC4.js";
+} from "./chunk.FYTOXUXV.js";
 
 // src/components/tab-panel/tab-panel.ts
 var tab_panel_default = SynTabPanel;
@@ -9,4 +9,4 @@ SynTabPanel.define("syn-tab-panel");
 export {
   tab_panel_default
 };
-//# sourceMappingURL=chunk.IVO2TN3E.js.map
+//# sourceMappingURL=chunk.K77GAAZC.js.map

package/dist/chunks/{chunk.WEELXGV7.js → chunk.KTRTYOB6.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.PMLEHSEE.js";
+} from "./chunk.7CJJRXDG.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -423,4 +423,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.WEELXGV7.js.map
+//# sourceMappingURL=chunk.KTRTYOB6.js.map

package/dist/chunks/{chunk.MCYWBF3C.js → chunk.LP7UWDJ4.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.MLZQKBRQ.js";
+} from "./chunk.7WVBZTTB.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.MCYWBF3C.js.map
+//# sourceMappingURL=chunk.LP7UWDJ4.js.map

package/dist/chunks/chunk.MDRYYQRY.js

@@ -0,0 +1,101 @@
+import {
+  tag_group_styles_default
+} from "./chunk.TWTN3XDM.js";
+import {
+  HasSlotController
+} from "./chunk.CHFWLQN5.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
+import {
+  enableDefaultSettings
+} from "./chunk.5YZ63VR2.js";
+import {
+  component_styles_default
+} from "./chunk.2NT3B5WJ.js";
+import {
+  SynergyElement
+} from "./chunk.7CJJRXDG.js";
+import {
+  __decorateClass
+} from "./chunk.MO2GTRUM.js";
+
+// src/components/tag-group/tag-group.component.ts
+import { html } from "lit";
+import { property, queryAssignedElements } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+var SynTagGroup = class extends SynergyElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "label");
+    this.label = "";
+    this.labelPosition = "top";
+    this.size = "medium";
+  }
+  adjustTagSize() {
+    this.tagsInDefaultSlot.forEach((tag) => {
+      tag.setAttribute("size", this.size);
+    });
+  }
+  handleSizeChange() {
+    this.adjustTagSize();
+  }
+  handleSlotChange() {
+    this.adjustTagSize();
+  }
+  render() {
+    const hasLabelSlot = this.hasSlotController.test("label");
+    const hasLabel = this.label ? true : !!hasLabelSlot;
+    return html`
+      <div 
+        part="base"
+        class=${classMap({
+      "tag-group": true,
+      "tag-group--large": this.size === "large",
+      "tag-group--medium": this.size === "medium",
+      "tag-group--small": this.size === "small",
+      "tag-group--start": this.labelPosition === "start",
+      "tag-group--top": this.labelPosition === "top"
+    })}
+      >
+
+        <span
+            part="tag-label"
+            class="tag-group__label"
+            aria-hidden=${hasLabel ? "false" : "true"}
+          >
+            <slot name="label">${this.label}</slot>
+        </span>
+
+        <slot @slotchange=${this.handleSlotChange}></slot>
+      </div>
+    `;
+  }
+};
+SynTagGroup.styles = [
+  component_styles_default,
+  tag_group_styles_default
+];
+__decorateClass([
+  queryAssignedElements({ selector: "syn-tag" })
+], SynTagGroup.prototype, "tagsInDefaultSlot", 2);
+__decorateClass([
+  property()
+], SynTagGroup.prototype, "label", 2);
+__decorateClass([
+  property({ attribute: "label-position", reflect: true })
+], SynTagGroup.prototype, "labelPosition", 2);
+__decorateClass([
+  property({ reflect: true })
+], SynTagGroup.prototype, "size", 2);
+__decorateClass([
+  watch("size", { waitUntilFirstUpdate: true })
+], SynTagGroup.prototype, "handleSizeChange", 1);
+SynTagGroup = __decorateClass([
+  enableDefaultSettings("SynTagGroup")
+], SynTagGroup);
+
+export {
+  SynTagGroup
+};
+//# sourceMappingURL=chunk.MDRYYQRY.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tag-group/tag-group.component.ts"],
+  "sourcesContent": ["import { html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport type { CSSResultGroup } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport styles from './tag-group.styles.js';\nimport type SynTag from '../tag/tag.component.js';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary A tag group is used to display multiple tags that belong together, often representing selected filters, categories, or user\u2011generated labels.\n * It arranges tags in flexible rows and supports different sizes and layouts.\n * Tags can be removable, icon\u2011based, or purely textual.\n *\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tag-group--docs\n * @status stable\n *\n * @slot - The tag group's main content. Must be `<syn-tag />` elements.\n * @slot label - The tag group's label. Alternatively, you can use the `label` attribute.\n *\n * @csspart base - The component's base wrapper.\n * @csspart tag-label - The tag group's label.\n */\n@enableDefaultSettings('SynTagGroup')\nexport default class SynTagGroup extends SynergyElement {\n  static styles: CSSResultGroup = [\n    componentStyles,\n    styles,\n  ];\n\n  @queryAssignedElements({ selector: 'syn-tag' }) tagsInDefaultSlot!: SynTag[];\n\n  private readonly hasSlotController = new HasSlotController(this, 'label');\n\n  /** The tag group's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /**\n   * Controls the label position. Use 'top' to place the label above the tags, or 'start' to place it to the begin of the tag group.\n   */\n  @property({ attribute: 'label-position', reflect: true }) labelPosition: 'top' | 'start' = 'top';\n\n  /** The size that should be applied to all slotted `<syn-tag>` elements */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  private adjustTagSize() {\n    this.tagsInDefaultSlot.forEach(tag => {\n      tag.setAttribute('size', this.size);\n    });\n  }\n\n  @watch('size', { waitUntilFirstUpdate: true })\n  handleSizeChange() {\n    this.adjustTagSize();\n  }\n\n  handleSlotChange() {\n    this.adjustTagSize();\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n\n    /* eslint-disable @typescript-eslint/unbound-method */\n    return html`\n      <div \n        part=\"base\"\n        class=${classMap({\n          'tag-group': true,\n          'tag-group--large': this.size === 'large',\n          'tag-group--medium': this.size === 'medium',\n          'tag-group--small': this.size === 'small',\n          'tag-group--start': this.labelPosition === 'start',\n          'tag-group--top': this.labelPosition === 'top',\n        })}\n      >\n\n        <span\n            part=\"tag-label\"\n            class=\"tag-group__label\"\n            aria-hidden=${hasLabel ? 'false' : 'true'}\n          >\n            <slot name=\"label\">${this.label}</slot>\n        </span>\n\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n    /* eslint-enable @typescript-eslint/unbound-method */\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY;AACrB,SAAS,UAAU,6BAA6B;AAEhD,SAAS,gBAAgB;AAwBzB,IAAqB,cAArB,cAAyC,eAAe;AAAA,EAAxD;AAAA;AAQE,SAAiB,oBAAoB,IAAI,kBAAkB,MAAM,OAAO;AAG5D,iBAAQ;AAKsC,yBAAiC;AAG9D,gBAAqC;AAAA;AAAA,EAE1D,gBAAgB;AACtB,SAAK,kBAAkB,QAAQ,SAAO;AACpC,UAAI,aAAa,QAAQ,KAAK,IAAI;AAAA,IACpC,CAAC;AAAA,EACH;AAAA,EAGA,mBAAmB;AACjB,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,mBAAmB;AACjB,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,SAAS;AACP,UAAM,eAAe,KAAK,kBAAkB,KAAK,OAAO;AACxD,UAAM,WAAW,KAAK,QAAQ,OAAO,CAAC,CAAC;AAGvC,WAAO;AAAA;AAAA;AAAA,gBAGK,SAAS;AAAA,MACf,aAAa;AAAA,MACb,oBAAoB,KAAK,SAAS;AAAA,MAClC,qBAAqB,KAAK,SAAS;AAAA,MACnC,oBAAoB,KAAK,SAAS;AAAA,MAClC,oBAAoB,KAAK,kBAAkB;AAAA,MAC3C,kBAAkB,KAAK,kBAAkB;AAAA,IAC3C,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMgB,WAAW,UAAU,MAAM;AAAA;AAAA,iCAEpB,KAAK,KAAK;AAAA;AAAA;AAAA,4BAGf,KAAK,gBAAgB;AAAA;AAAA;AAAA,EAI/C;AACF;AAnEqB,YACZ,SAAyB;AAAA,EAC9B;AAAA,EACA;AACF;AAEgD;AAAA,EAA/C,sBAAsB,EAAE,UAAU,UAAU,CAAC;AAAA,GAN3B,YAM6B;AAKpC;AAAA,EAAX,SAAS;AAAA,GAXS,YAWP;AAK8C;AAAA,EAAzD,SAAS,EAAE,WAAW,kBAAkB,SAAS,KAAK,CAAC;AAAA,GAhBrC,YAgBuC;AAG7B;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAnBR,YAmBU;AAS7B;AAAA,EADC,MAAM,QAAQ,EAAE,sBAAsB,KAAK,CAAC;AAAA,GA3B1B,YA4BnB;AA5BmB,cAArB;AAAA,EADC,sBAAsB,aAAa;AAAA,GACf;",
+  "names": []
+}

package/dist/chunks/chunk.NVBJMYEV.js

@@ -0,0 +1,12 @@
+import {
+  SynTagGroup
+} from "./chunk.MDRYYQRY.js";
+
+// src/components/tag-group/tag-group.ts
+var tag_group_default = SynTagGroup;
+SynTagGroup.define("syn-tag-group");
+
+export {
+  tag_group_default
+};
+//# sourceMappingURL=chunk.NVBJMYEV.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tag-group/tag-group.ts"],
+  "sourcesContent": ["import SynTagGroup from './tag-group.component.js';\n\nexport * from './tag-group.component.js';\nexport default SynTagGroup;\n\nSynTagGroup.define('syn-tag-group');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-tag-group': SynTagGroup;\n  }\n}\n"],
+  "mappings": ";;;;;AAGA,IAAO,oBAAQ;AAEf,YAAY,OAAO,eAAe;",
+  "names": []
+}

package/dist/chunks/{chunk.EFSUVXPR.js → chunk.O23M47UY.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.FYLQ2KPN.js";
+} from "./chunk.U7UO6V4X.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.EFSUVXPR.js.map
+//# sourceMappingURL=chunk.O23M47UY.js.map

package/dist/chunks/{chunk.KBUH5F5U.js → chunk.OJF57KTK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.PMLEHSEE.js";
+} from "./chunk.7CJJRXDG.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.KBUH5F5U.js.map
+//# sourceMappingURL=chunk.OJF57KTK.js.map

package/dist/chunks/{chunk.MEPMES2G.js → chunk.OQY54ANX.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.PMLEHSEE.js";
+} from "./chunk.7CJJRXDG.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -35,4 +35,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.MEPMES2G.js.map
+//# sourceMappingURL=chunk.OQY54ANX.js.map

package/dist/chunks/{chunk.WSUVXQLC.js → chunk.ORPB3KTR.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.CGBISFLP.js";
+} from "./chunk.3CBVKOMX.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.WSUVXQLC.js.map
+//# sourceMappingURL=chunk.ORPB3KTR.js.map

package/dist/chunks/{chunk.E232H3UG.js → chunk.P6UNEWV4.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.QKRQEB4F.js";
 import {
   SynDivider
-} from "./chunk.DFSXHO6C.js";
+} from "./chunk.5HPKJLZA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.PMLEHSEE.js";
+} from "./chunk.7CJJRXDG.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -31,4 +31,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.E232H3UG.js.map
+//# sourceMappingURL=chunk.P6UNEWV4.js.map