@synergy-design-system/components 3.6.2 → 3.8.0

package/dist/components/tag/tag.component.js

@@ -1,30 +1,30 @@
 import {
   SynTag
-} from "../../chunks/chunk.WAWHW5YZ.js";
+} from "../../chunks/chunk.GP3YJZO4.js";
 import "../../chunks/chunk.HU237XM2.js";
 import "../../chunks/chunk.X5NFOV5A.js";
-import "../../chunks/chunk.FYLQ2KPN.js";
+import "../../chunks/chunk.U7UO6V4X.js";
 import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DAIQ5WRI.js";
-import "../../chunks/chunk.N26YJUY5.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.4XZTYPIY.js";
+import "../../chunks/chunk.Z44IIHD4.js";
 import "../../chunks/chunk.NMWM3BP7.js";
 import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
-import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.5YZ63VR2.js";
+import "../../chunks/chunk.JEJO727M.js";
+import "../../chunks/chunk.JIHDB74M.js";
+import "../../chunks/chunk.ST3G47SZ.js";
+import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
-import "../../chunks/chunk.VMLERD3J.js";
-import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.PMLEHSEE.js";
+import "../../chunks/chunk.7CJJRXDG.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynTag as default

package/dist/components/tag/tag.js

@@ -1,31 +1,31 @@
 import {
   tag_default
-} from "../../chunks/chunk.DKRP4SNW.js";
-import "../../chunks/chunk.WAWHW5YZ.js";
+} from "../../chunks/chunk.5KB4MCFV.js";
+import "../../chunks/chunk.GP3YJZO4.js";
 import "../../chunks/chunk.HU237XM2.js";
 import "../../chunks/chunk.X5NFOV5A.js";
-import "../../chunks/chunk.FYLQ2KPN.js";
+import "../../chunks/chunk.U7UO6V4X.js";
 import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DAIQ5WRI.js";
-import "../../chunks/chunk.N26YJUY5.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.4XZTYPIY.js";
+import "../../chunks/chunk.Z44IIHD4.js";
 import "../../chunks/chunk.NMWM3BP7.js";
 import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
-import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.5YZ63VR2.js";
+import "../../chunks/chunk.JEJO727M.js";
+import "../../chunks/chunk.JIHDB74M.js";
+import "../../chunks/chunk.ST3G47SZ.js";
+import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
-import "../../chunks/chunk.VMLERD3J.js";
-import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.PMLEHSEE.js";
+import "../../chunks/chunk.7CJJRXDG.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   tag_default as default

package/dist/components/tag-group/tag-group.component.d.ts

@@ -0,0 +1,34 @@
+import type { CSSResultGroup } from 'lit';
+import SynergyElement from '../../internal/synergy-element.js';
+import type SynTag from '../tag/tag.component.js';
+/**
+ * @summary A tag group is used to display multiple tags that belong together, often representing selected filters, categories, or user‑generated labels.
+ * It arranges tags in flexible rows and supports different sizes and layouts.
+ * Tags can be removable, icon‑based, or purely textual.
+ *
+ * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tag-group--docs
+ * @status stable
+ *
+ * @slot - The tag group's main content. Must be `<syn-tag />` elements.
+ * @slot label - The tag group's label. Alternatively, you can use the `label` attribute.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart tag-label - The tag group's label.
+ */
+export default class SynTagGroup extends SynergyElement {
+    static styles: CSSResultGroup;
+    tagsInDefaultSlot: SynTag[];
+    private readonly hasSlotController;
+    /** The tag group's label. If you need to display HTML, use the `label` slot instead. */
+    label: string;
+    /**
+     * 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.
+     */
+    labelPosition: 'top' | 'start';
+    /** The size that should be applied to all slotted `<syn-tag>` elements */
+    size: 'small' | 'medium' | 'large';
+    private adjustTagSize;
+    handleSizeChange(): void;
+    handleSlotChange(): void;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/components/tag-group/tag-group.component.js

@@ -0,0 +1,18 @@
+import {
+  SynTagGroup
+} from "../../chunks/chunk.MDRYYQRY.js";
+import "../../chunks/chunk.TWTN3XDM.js";
+import "../../chunks/chunk.CHFWLQN5.js";
+import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.5YZ63VR2.js";
+import "../../chunks/chunk.JEJO727M.js";
+import "../../chunks/chunk.JIHDB74M.js";
+import "../../chunks/chunk.ST3G47SZ.js";
+import "../../chunks/chunk.QDG5AJZX.js";
+import "../../chunks/chunk.2NT3B5WJ.js";
+import "../../chunks/chunk.7CJJRXDG.js";
+import "../../chunks/chunk.MO2GTRUM.js";
+export {
+  SynTagGroup as default
+};
+//# sourceMappingURL=tag-group.component.js.map

package/dist/components/tag-group/tag-group.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tag-group/tag-group.d.ts

@@ -0,0 +1,8 @@
+import SynTagGroup from './tag-group.component.js';
+export * from './tag-group.component.js';
+export default SynTagGroup;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-tag-group': SynTagGroup;
+    }
+}

package/dist/components/tag-group/tag-group.js

@@ -0,0 +1,19 @@
+import {
+  tag_group_default
+} from "../../chunks/chunk.NVBJMYEV.js";
+import "../../chunks/chunk.MDRYYQRY.js";
+import "../../chunks/chunk.TWTN3XDM.js";
+import "../../chunks/chunk.CHFWLQN5.js";
+import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.5YZ63VR2.js";
+import "../../chunks/chunk.JEJO727M.js";
+import "../../chunks/chunk.JIHDB74M.js";
+import "../../chunks/chunk.ST3G47SZ.js";
+import "../../chunks/chunk.QDG5AJZX.js";
+import "../../chunks/chunk.2NT3B5WJ.js";
+import "../../chunks/chunk.7CJJRXDG.js";
+import "../../chunks/chunk.MO2GTRUM.js";
+export {
+  tag_group_default as default
+};
+//# sourceMappingURL=tag-group.js.map

package/dist/components/tag-group/tag-group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tag-group/tag-group.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/tag-group/tag-group.styles.js

@@ -0,0 +1,8 @@
+import {
+  tag_group_styles_default
+} from "../../chunks/chunk.TWTN3XDM.js";
+import "../../chunks/chunk.MO2GTRUM.js";
+export {
+  tag_group_styles_default as default
+};
+//# sourceMappingURL=tag-group.styles.js.map

package/dist/components/tag-group/tag-group.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/textarea/textarea.component.js

@@ -1,19 +1,19 @@
 import {
   SynTextarea
-} from "../../chunks/chunk.ZREFWRNI.js";
+} from "../../chunks/chunk.6PTFBY3W.js";
 import "../../chunks/chunk.NDJJVGQL.js";
 import "../../chunks/chunk.3JDUKQRN.js";
 import "../../chunks/chunk.34WYIU4C.js";
 import "../../chunks/chunk.J3GDDM6Q.js";
 import "../../chunks/chunk.CHFWLQN5.js";
 import "../../chunks/chunk.SMIMHADA.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
-import "../../chunks/chunk.VMLERD3J.js";
+import "../../chunks/chunk.5YZ63VR2.js";
+import "../../chunks/chunk.JEJO727M.js";
+import "../../chunks/chunk.JIHDB74M.js";
+import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.PMLEHSEE.js";
+import "../../chunks/chunk.7CJJRXDG.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynTextarea as default

package/dist/components/textarea/textarea.js

@@ -1,20 +1,20 @@
 import {
   textarea_default
-} from "../../chunks/chunk.DADFO7ZC.js";
-import "../../chunks/chunk.ZREFWRNI.js";
+} from "../../chunks/chunk.XRKDI5LI.js";
+import "../../chunks/chunk.6PTFBY3W.js";
 import "../../chunks/chunk.NDJJVGQL.js";
 import "../../chunks/chunk.3JDUKQRN.js";
 import "../../chunks/chunk.34WYIU4C.js";
 import "../../chunks/chunk.J3GDDM6Q.js";
 import "../../chunks/chunk.CHFWLQN5.js";
 import "../../chunks/chunk.SMIMHADA.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
-import "../../chunks/chunk.VMLERD3J.js";
+import "../../chunks/chunk.5YZ63VR2.js";
+import "../../chunks/chunk.JEJO727M.js";
+import "../../chunks/chunk.JIHDB74M.js";
+import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.PMLEHSEE.js";
+import "../../chunks/chunk.7CJJRXDG.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   textarea_default as default

package/dist/components/tooltip/tooltip.component.js

@@ -1,8 +1,8 @@
 import {
   SynTooltip
-} from "../../chunks/chunk.GXMTAN3E.js";
+} from "../../chunks/chunk.RZCVK55A.js";
 import "../../chunks/chunk.EQUDFX74.js";
-import "../../chunks/chunk.WEELXGV7.js";
+import "../../chunks/chunk.KTRTYOB6.js";
 import "../../chunks/chunk.3334XOIY.js";
 import "../../chunks/chunk.LQDIH4Z5.js";
 import "../../chunks/chunk.Q6HZ4JXR.js";
@@ -11,7 +11,7 @@ import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.PMLEHSEE.js";
+import "../../chunks/chunk.7CJJRXDG.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynTooltip as default

package/dist/components/tooltip/tooltip.js

@@ -1,9 +1,9 @@
 import {
   tooltip_default
-} from "../../chunks/chunk.DEJRW5K6.js";
-import "../../chunks/chunk.GXMTAN3E.js";
+} from "../../chunks/chunk.YB67WLRQ.js";
+import "../../chunks/chunk.RZCVK55A.js";
 import "../../chunks/chunk.EQUDFX74.js";
-import "../../chunks/chunk.WEELXGV7.js";
+import "../../chunks/chunk.KTRTYOB6.js";
 import "../../chunks/chunk.3334XOIY.js";
 import "../../chunks/chunk.LQDIH4Z5.js";
 import "../../chunks/chunk.Q6HZ4JXR.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.SMIMHADA.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.PMLEHSEE.js";
+import "../../chunks/chunk.7CJJRXDG.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   tooltip_default as default

package/dist/components/validate/utility.js

@@ -7,8 +7,8 @@ import {
   isInvalidEvent,
   isSynergyElement,
   normalizeEventAttribute
-} from "../../chunks/chunk.EP45YOKI.js";
-import "../../chunks/chunk.PMLEHSEE.js";
+} from "../../chunks/chunk.T77GL7J3.js";
+import "../../chunks/chunk.7CJJRXDG.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   alertSizeForInput,

package/dist/components/validate/validate.component.js

@@ -1,41 +1,41 @@
 import {
   SynValidate
-} from "../../chunks/chunk.MLZQKBRQ.js";
+} from "../../chunks/chunk.7WVBZTTB.js";
+import "../../chunks/chunk.T77GL7J3.js";
 import "../../chunks/chunk.MVM3NN6Y.js";
-import "../../chunks/chunk.EP45YOKI.js";
-import "../../chunks/chunk.GXMTAN3E.js";
+import "../../chunks/chunk.RZCVK55A.js";
 import "../../chunks/chunk.EQUDFX74.js";
-import "../../chunks/chunk.WEELXGV7.js";
+import "../../chunks/chunk.KTRTYOB6.js";
 import "../../chunks/chunk.3334XOIY.js";
-import "../../chunks/chunk.R7CEVVUS.js";
+import "../../chunks/chunk.H5OWBY3I.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.FYLQ2KPN.js";
+import "../../chunks/chunk.U7UO6V4X.js";
 import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DAIQ5WRI.js";
 import "../../chunks/chunk.LQDIH4Z5.js";
 import "../../chunks/chunk.Q6HZ4JXR.js";
 import "../../chunks/chunk.RJUVM6NO.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.UA5B6CPN.js";
-import "../../chunks/chunk.N26YJUY5.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.4XZTYPIY.js";
+import "../../chunks/chunk.Z44IIHD4.js";
 import "../../chunks/chunk.NMWM3BP7.js";
 import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
-import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.UA5B6CPN.js";
+import "../../chunks/chunk.5YZ63VR2.js";
+import "../../chunks/chunk.JEJO727M.js";
+import "../../chunks/chunk.JIHDB74M.js";
+import "../../chunks/chunk.ST3G47SZ.js";
+import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
-import "../../chunks/chunk.VMLERD3J.js";
-import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.PMLEHSEE.js";
+import "../../chunks/chunk.7CJJRXDG.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynValidate as default

package/dist/components/validate/validate.js

@@ -1,42 +1,42 @@
 import {
   validate_default
-} from "../../chunks/chunk.MCYWBF3C.js";
-import "../../chunks/chunk.MLZQKBRQ.js";
+} from "../../chunks/chunk.LP7UWDJ4.js";
+import "../../chunks/chunk.7WVBZTTB.js";
+import "../../chunks/chunk.T77GL7J3.js";
 import "../../chunks/chunk.MVM3NN6Y.js";
-import "../../chunks/chunk.EP45YOKI.js";
-import "../../chunks/chunk.GXMTAN3E.js";
+import "../../chunks/chunk.RZCVK55A.js";
 import "../../chunks/chunk.EQUDFX74.js";
-import "../../chunks/chunk.WEELXGV7.js";
+import "../../chunks/chunk.KTRTYOB6.js";
 import "../../chunks/chunk.3334XOIY.js";
-import "../../chunks/chunk.R7CEVVUS.js";
+import "../../chunks/chunk.H5OWBY3I.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.FYLQ2KPN.js";
+import "../../chunks/chunk.U7UO6V4X.js";
 import "../../chunks/chunk.OQUVO5QW.js";
 import "../../chunks/chunk.DAIQ5WRI.js";
 import "../../chunks/chunk.LQDIH4Z5.js";
 import "../../chunks/chunk.Q6HZ4JXR.js";
 import "../../chunks/chunk.RJUVM6NO.js";
 import "../../chunks/chunk.CHFWLQN5.js";
-import "../../chunks/chunk.UA5B6CPN.js";
-import "../../chunks/chunk.N26YJUY5.js";
-import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.4XZTYPIY.js";
+import "../../chunks/chunk.Z44IIHD4.js";
 import "../../chunks/chunk.NMWM3BP7.js";
 import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
-import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.4XZTYPIY.js";
 import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.UA5B6CPN.js";
+import "../../chunks/chunk.5YZ63VR2.js";
+import "../../chunks/chunk.JEJO727M.js";
+import "../../chunks/chunk.JIHDB74M.js";
+import "../../chunks/chunk.ST3G47SZ.js";
+import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.QLETXF4A.js";
 import "../../chunks/chunk.BHJVE26D.js";
-import "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
-import "../../chunks/chunk.VMLERD3J.js";
-import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.2NT3B5WJ.js";
-import "../../chunks/chunk.PMLEHSEE.js";
+import "../../chunks/chunk.7CJJRXDG.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   validate_default as default

package/dist/custom-elements.json

@@ -2728,6 +2728,15 @@
               "description": "The combobox's label. If you need to display HTML, use the `label` slot instead.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "maxlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum length of input that will be considered valid.",
+              "attribute": "maxlength"
+            },
             {
               "kind": "field",
               "name": "placement",
@@ -3443,6 +3452,14 @@
               "description": "The combobox's label. If you need to display HTML, use the `label` slot instead.",
               "fieldName": "label"
             },
+            {
+              "name": "maxlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum length of input that will be considered valid.",
+              "fieldName": "maxlength"
+            },
             {
               "name": "placement",
               "type": {
@@ -15213,6 +15230,148 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/tag-group/tag-group.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SynTagGroup",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The tag group's label.",
+              "name": "tag-label"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The tag group's main content. Must be `<syn-tag />` elements.",
+              "name": ""
+            },
+            {
+              "description": "The tag group's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "tagsInDefaultSlot",
+              "type": {
+                "text": "SynTag[]"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'label')"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The tag group's label. If you need to display HTML, use the `label` slot instead.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "labelPosition",
+              "type": {
+                "text": "'top' | 'start'"
+              },
+              "default": "'top'",
+              "description": "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.",
+              "attribute": "label-position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The size that should be applied to all slotted `<syn-tag>` elements",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "adjustTagSize",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSizeChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The tag group's label. If you need to display HTML, use the `label` slot instead.",
+              "fieldName": "label"
+            },
+            {
+              "name": "label-position",
+              "type": {
+                "text": "'top' | 'start'"
+              },
+              "default": "'top'",
+              "description": "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.",
+              "fieldName": "labelPosition"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The size that should be applied to all slotted `<syn-tag>` elements",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "SynergyElement",
+            "module": "/src/internal/synergy-element.js"
+          },
+          "summary": "A tag group is used to display multiple tags that belong together, often representing selected filters, categories, or user‑generated labels.\nIt arranges tags in flexible rows and supports different sizes and layouts.\nTags can be removable, icon‑based, or purely textual.",
+          "tagNameWithoutPrefix": "tag-group",
+          "tagName": "syn-tag-group",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A tag group is used to display multiple tags that belong together, often representing selected filters, categories, or user‑generated labels.\n * It arranges tags in flexible rows and supports different sizes and layouts.\n * Tags can be removable, icon‑based, 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 */",
+          "documentation": "https://synergy-design-system.github.io/?path=/docs/components-syn-tag-group--docs",
+          "status": "stable"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SynTagGroup",
+            "module": "components/tag-group/tag-group.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/textarea/textarea.js",
@@ -16778,7 +16937,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "3.6.2",
+    "version": "3.8.0",
     "author": {
       "name": "SICK Global UX Foundation",
       "url": "https://www.sick.com"

package/dist/styles/fouc.css

@@ -57,6 +57,7 @@ syn-spinner:not(:defined),
 syn-switch:not(:defined),
 syn-tab:not(:defined),
 syn-tag:not(:defined),
+syn-tag-group:not(:defined),
 syn-tooltip:not(:defined) {
   display: inline-block;
   opacity: 0;