@synergy-design-system/components 3.6.2 → 3.7.0

package/dist/synergy.js

@@ -1,149 +1,154 @@
-import "./chunks/chunk.NKIYFJN2.js";
 import "./chunks/chunk.RSCUHBW3.js";
-import {
-  validate_default
-} from "./chunks/chunk.MCYWBF3C.js";
-import "./chunks/chunk.MLZQKBRQ.js";
-import "./chunks/chunk.MVM3NN6Y.js";
 import {
   getFormControls,
   serialize
 } from "./chunks/chunk.H6EHQYZA.js";
+import "./chunks/chunk.NKIYFJN2.js";
+import {
+  tooltip_default
+} from "./chunks/chunk.6N5QEKIJ.js";
+import {
+  validate_default
+} from "./chunks/chunk.P7UFHJJO.js";
+import "./chunks/chunk.K42TDMJB.js";
+import "./chunks/chunk.ISXCFMOK.js";
+import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tag_default
-} from "./chunks/chunk.DKRP4SNW.js";
+} from "./chunks/chunk.O5J2OIE2.js";
+import {
+  tag_group_default
+} from "./chunks/chunk.YXAOQWDR.js";
+import "./chunks/chunk.FGZNB336.js";
+import "./chunks/chunk.TWTN3XDM.js";
 import {
   textarea_default
-} from "./chunks/chunk.DADFO7ZC.js";
-import "./chunks/chunk.ZREFWRNI.js";
+} from "./chunks/chunk.SY44XR3G.js";
+import "./chunks/chunk.7UBS5CEK.js";
 import "./chunks/chunk.NDJJVGQL.js";
-import {
-  tooltip_default
-} from "./chunks/chunk.DEJRW5K6.js";
-import "./chunks/chunk.EP45YOKI.js";
 import {
   tab_group_default
-} from "./chunks/chunk.FJFOBROM.js";
+} from "./chunks/chunk.T2IBBC4Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.IVO2TN3E.js";
-import "./chunks/chunk.RXNPDOC4.js";
+} from "./chunks/chunk.V5SH77KZ.js";
+import "./chunks/chunk.3BSUHN2J.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.6KIX3PER.js";
 import {
   switch_default
-} from "./chunks/chunk.RPB7V345.js";
+} from "./chunks/chunk.W2YD7S7L.js";
 import {
   tab_default
-} from "./chunks/chunk.RF7GHBQS.js";
-import "./chunks/chunk.HTGMGRHI.js";
+} from "./chunks/chunk.BPZ2CBE7.js";
+import "./chunks/chunk.RCU4J43O.js";
 import "./chunks/chunk.XC4GHHH2.js";
 import "./chunks/chunk.JDYQ7EFG.js";
-import "./chunks/chunk.R75HTBXO.js";
+import "./chunks/chunk.QXGNA3K6.js";
 import "./chunks/chunk.FHTQSNCX.js";
 import "./chunks/chunk.Q5EKPQBR.js";
 import {
   side_nav_default
-} from "./chunks/chunk.Z6GESOQF.js";
+} from "./chunks/chunk.GAMT7VDO.js";
 import {
   spinner_default
-} from "./chunks/chunk.MK34IILN.js";
-import "./chunks/chunk.JKM4YHGK.js";
+} from "./chunks/chunk.FD42PA2Y.js";
+import "./chunks/chunk.B6PO4OWH.js";
 import "./chunks/chunk.32WNHWXJ.js";
 import {
   range_tick_default
-} from "./chunks/chunk.ISWLS435.js";
-import "./chunks/chunk.23NFX54N.js";
+} from "./chunks/chunk.SY7H5KYW.js";
+import "./chunks/chunk.XQB7V6OG.js";
 import "./chunks/chunk.5KL2GWNQ.js";
 import {
   select_default
-} from "./chunks/chunk.U7YYSF25.js";
-import "./chunks/chunk.FHBK7TVL.js";
+} from "./chunks/chunk.A4IOBXRL.js";
+import "./chunks/chunk.W6SLSQUJ.js";
 import "./chunks/chunk.7DRFKCFD.js";
-import "./chunks/chunk.IVA4SQG5.js";
+import "./chunks/chunk.5VTMSSKD.js";
 import "./chunks/chunk.EFSUQWJZ.js";
 import {
   radio_group_default
-} from "./chunks/chunk.H6IBEFIP.js";
+} from "./chunks/chunk.KZINUJES.js";
 import {
   range_default
-} from "./chunks/chunk.OZQGH3XJ.js";
-import "./chunks/chunk.3U62422U.js";
-import "./chunks/chunk.GXMTAN3E.js";
+} from "./chunks/chunk.D7R443LV.js";
+import "./chunks/chunk.V4JGLQYG.js";
+import "./chunks/chunk.4HSS7ZGG.js";
 import "./chunks/chunk.EQUDFX74.js";
 import "./chunks/chunk.KEO5PHF2.js";
 import "./chunks/chunk.236RSW67.js";
-import "./chunks/chunk.KBUH5F5U.js";
+import "./chunks/chunk.VOBA4GKW.js";
 import "./chunks/chunk.2VDKBFQ7.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.5MDIMDW7.js";
+} from "./chunks/chunk.OCQQWEY2.js";
 import {
   radio_default
-} from "./chunks/chunk.R5PHRI64.js";
-import "./chunks/chunk.JS5JBZSI.js";
+} from "./chunks/chunk.4ISK63NF.js";
+import "./chunks/chunk.ZYZMLVNU.js";
 import "./chunks/chunk.432DTUIX.js";
 import {
   radio_button_default
-} from "./chunks/chunk.53STUHE4.js";
-import "./chunks/chunk.ZX37OTAK.js";
+} from "./chunks/chunk.GU3RE54C.js";
+import "./chunks/chunk.LCGFNSS6.js";
 import "./chunks/chunk.ZXEPSSXQ.js";
-import "./chunks/chunk.JYUFPJEK.js";
+import "./chunks/chunk.BH2BGNPS.js";
 import "./chunks/chunk.45MATNO2.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.ATVH3IN5.js";
-import "./chunks/chunk.VZKW6FE7.js";
+} from "./chunks/chunk.MYREUSWZ.js";
+import "./chunks/chunk.27R54WWQ.js";
 import "./chunks/chunk.3WVPUEAN.js";
 import "./chunks/chunk.VPL7U5EC.js";
-import "./chunks/chunk.PKY6NBL3.js";
+import "./chunks/chunk.VETLCMGW.js";
 import "./chunks/chunk.GCTLPTMT.js";
 import "./chunks/chunk.PB6IANE7.js";
 import {
   option_default
-} from "./chunks/chunk.4P4I7LQD.js";
+} from "./chunks/chunk.JC5SF42E.js";
 import {
   popup_default
-} from "./chunks/chunk.WHL6RT4F.js";
+} from "./chunks/chunk.N72N7GJV.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.WSUVXQLC.js";
-import "./chunks/chunk.CGBISFLP.js";
+} from "./chunks/chunk.5EFZAEYZ.js";
+import "./chunks/chunk.UQC2CWSI.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.CSOJ7GAN.js";
+} from "./chunks/chunk.Z6VPAKV3.js";
 import {
   optgroup_default
-} from "./chunks/chunk.YG6GHM5E.js";
-import "./chunks/chunk.3QP4VLRZ.js";
+} from "./chunks/chunk.JZAZESKP.js";
+import "./chunks/chunk.TNTIJNQN.js";
 import "./chunks/chunk.3T6ULO23.js";
 import {
   menu_item_default
-} from "./chunks/chunk.TWI7JGQG.js";
+} from "./chunks/chunk.6T23NP2Y.js";
 import {
   menu_label_default
-} from "./chunks/chunk.WWUVHRGT.js";
-import "./chunks/chunk.E232H3UG.js";
+} from "./chunks/chunk.FXRLXOMJ.js";
+import "./chunks/chunk.NM3H4D62.js";
 import "./chunks/chunk.QKRQEB4F.js";
-import "./chunks/chunk.B2DOGABS.js";
+import "./chunks/chunk.LZ4GTRM7.js";
 import "./chunks/chunk.K5MZVORR.js";
 import {
   input_default
-} from "./chunks/chunk.TWN2IINB.js";
+} from "./chunks/chunk.TDN7PKPS.js";
 import {
   menu_default
-} from "./chunks/chunk.U5RPGYIW.js";
-import "./chunks/chunk.KLXJZGUV.js";
+} from "./chunks/chunk.UW57YS3P.js";
+import "./chunks/chunk.PNO2EH4R.js";
 import "./chunks/chunk.NXIQ25W4.js";
-import "./chunks/chunk.CH2LD3AA.js";
+import "./chunks/chunk.QJCGOZ2C.js";
 import "./chunks/chunk.CAEBFUZN.js";
 import "./chunks/chunk.BC532CB6.js";
 import {
   icon_button_default
-} from "./chunks/chunk.EFSUVXPR.js";
-import "./chunks/chunk.SSKABUHR.js";
+} from "./chunks/chunk.BLW3DY7U.js";
+import "./chunks/chunk.KUKYVATU.js";
 import "./chunks/chunk.6P2XCD2Q.js";
 import "./chunks/chunk.PHFTXPIT.js";
 import "./chunks/chunk.KVS7GBFQ.js";
@@ -156,66 +161,66 @@ import {
 } from "./chunks/chunk.WBOHZGDF.js";
 import {
   dropdown_default
-} from "./chunks/chunk.C2FRRPVQ.js";
+} from "./chunks/chunk.YABBBHY3.js";
 import {
   file_default
-} from "./chunks/chunk.QYUYJHSU.js";
-import "./chunks/chunk.5WDT4XAG.js";
+} from "./chunks/chunk.GNXJ3HON.js";
+import "./chunks/chunk.QM6IDFQA.js";
 import "./chunks/chunk.2ECWEEUO.js";
 import {
   header_default
-} from "./chunks/chunk.SYWUH3B2.js";
-import "./chunks/chunk.5IBHNTGE.js";
+} from "./chunks/chunk.JIE55A5M.js";
+import "./chunks/chunk.MWAQUYHX.js";
 import {
   icon_default
-} from "./chunks/chunk.DKOGU73U.js";
+} from "./chunks/chunk.2D55TUC7.js";
 import "./chunks/chunk.CXQHLGXV.js";
 import {
   divider_default
-} from "./chunks/chunk.YQW5XR5D.js";
+} from "./chunks/chunk.4N4LUDKB.js";
 import {
   drawer_default
-} from "./chunks/chunk.MOBPMDEL.js";
-import "./chunks/chunk.W5FLBYFD.js";
+} from "./chunks/chunk.7EHQA76T.js";
+import "./chunks/chunk.REV5DJND.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import "./chunks/chunk.UORFJFA2.js";
-import "./chunks/chunk.AX7CY3YV.js";
+import "./chunks/chunk.2CNDNAO7.js";
 import "./chunks/chunk.TUSN4AOP.js";
 import {
   details_default
-} from "./chunks/chunk.MZRF75R4.js";
-import "./chunks/chunk.AGUBFW23.js";
+} from "./chunks/chunk.T7SSSFE2.js";
+import "./chunks/chunk.2HJQCYWQ.js";
 import "./chunks/chunk.IP6JSQWX.js";
 import {
   dialog_default
-} from "./chunks/chunk.4H3YZMAS.js";
-import "./chunks/chunk.AM2GARN3.js";
+} from "./chunks/chunk.KHAGMU2K.js";
+import "./chunks/chunk.CFL26HPZ.js";
 import "./chunks/chunk.P4JFVVSO.js";
 import "./chunks/chunk.XRSLCQH3.js";
 import "./chunks/chunk.EHZBQTCT.js";
 import "./chunks/chunk.PN64BR66.js";
-import "./chunks/chunk.DFSXHO6C.js";
+import "./chunks/chunk.TK67Q26H.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.34A453XJ.js";
 import {
   checkbox_default
-} from "./chunks/chunk.HIBFS52G.js";
-import "./chunks/chunk.PNWAFKQK.js";
+} from "./chunks/chunk.OAWJHVRJ.js";
+import "./chunks/chunk.FADYQQMZ.js";
 import "./chunks/chunk.3JDUKQRN.js";
 import "./chunks/chunk.VOUZJK5T.js";
 import {
   combobox_default
-} from "./chunks/chunk.TKML63IS.js";
-import "./chunks/chunk.5TG44M6G.js";
-import "./chunks/chunk.WAWHW5YZ.js";
+} from "./chunks/chunk.KNTBXY7A.js";
+import "./chunks/chunk.BB3NN2ZP.js";
+import "./chunks/chunk.WAXY4KEA.js";
 import "./chunks/chunk.HU237XM2.js";
 import "./chunks/chunk.X5NFOV5A.js";
 import "./chunks/chunk.VECCQZP5.js";
-import "./chunks/chunk.RYZBQX3Z.js";
+import "./chunks/chunk.OGPIP45L.js";
 import "./chunks/chunk.ARR23WUY.js";
 import "./chunks/chunk.BL5JW7YS.js";
 import "./chunks/chunk.5FVNGR5M.js";
-import "./chunks/chunk.WEELXGV7.js";
+import "./chunks/chunk.WQWJ7ORM.js";
 import "./chunks/chunk.3334XOIY.js";
 import "./chunks/chunk.2DT3C6WE.js";
 import "./chunks/chunk.34WYIU4C.js";
@@ -228,27 +233,27 @@ import {
 import "./chunks/chunk.FVIRHFY6.js";
 import {
   button_group_default
-} from "./chunks/chunk.YAI45VKX.js";
-import "./chunks/chunk.F5ZCL426.js";
+} from "./chunks/chunk.2QWTD4DT.js";
+import "./chunks/chunk.NVS6WQOF.js";
 import "./chunks/chunk.34RGILSE.js";
 import "./chunks/chunk.CX7IEDUW.js";
 import {
   card_default
-} from "./chunks/chunk.L637U7ZN.js";
-import "./chunks/chunk.WNZKI3PE.js";
+} from "./chunks/chunk.KPEU3RSO.js";
+import "./chunks/chunk.QZ4X76VS.js";
 import "./chunks/chunk.O655X4YP.js";
 import "./chunks/chunk.R3SMKUIL.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.3M3NFWNU.js";
-import "./chunks/chunk.S45RRNGO.js";
+} from "./chunks/chunk.7CY3RH3P.js";
+import "./chunks/chunk.IY6SHCBE.js";
 import "./chunks/chunk.BVV2XKW3.js";
 import "./chunks/chunk.OFKOVRHG.js";
 import {
   button_default
-} from "./chunks/chunk.CG6KDIHY.js";
-import "./chunks/chunk.TGAM2TG2.js";
-import "./chunks/chunk.MEPMES2G.js";
+} from "./chunks/chunk.GFUSTDI7.js";
+import "./chunks/chunk.V6XDITAV.js";
+import "./chunks/chunk.O4HXWJHO.js";
 import "./chunks/chunk.WQMTAEYE.js";
 import "./chunks/chunk.7V7XEBE2.js";
 import "./chunks/chunk.J3GDDM6Q.js";
@@ -256,25 +261,34 @@ import "./chunks/chunk.4YHI2ATV.js";
 import "./chunks/chunk.UB4EPKCP.js";
 import {
   badge_default
-} from "./chunks/chunk.EMEFYG3J.js";
+} from "./chunks/chunk.622POSG3.js";
+import "./chunks/chunk.VRA7C6D5.js";
+import "./chunks/chunk.SA423NRC.js";
+import "./chunks/chunk.CMOZ4SCN.js";
+import {
+  breadcrumb_default
+} from "./chunks/chunk.VVL5ZOEB.js";
+import "./chunks/chunk.NTJ3M4RR.js";
+import "./chunks/chunk.32CYREEV.js";
+import "./chunks/chunk.WRPQ3635.js";
+import {
+  accordion_default
+} from "./chunks/chunk.UYOZFNCL.js";
+import "./chunks/chunk.S5DNDFXE.js";
+import "./chunks/chunk.WNUZ6LH4.js";
 import {
   alert_default
-} from "./chunks/chunk.7A6XCVHJ.js";
-import "./chunks/chunk.R7CEVVUS.js";
+} from "./chunks/chunk.DN4S5TVB.js";
+import "./chunks/chunk.U56V7VEW.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.FYLQ2KPN.js";
+import "./chunks/chunk.RWPFRMHS.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 {
-  breadcrumb_default
-} from "./chunks/chunk.CQ5YK2UI.js";
-import "./chunks/chunk.ED42IBEQ.js";
-import "./chunks/chunk.N26YJUY5.js";
+import "./chunks/chunk.Y6AOTVOC.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import "./chunks/chunk.4XZTYPIY.js";
 import {
@@ -287,38 +301,29 @@ import {
 } from "./chunks/chunk.3RR4RIR7.js";
 import "./chunks/chunk.66HKI7Q7.js";
 import "./chunks/chunk.VBS3JEIP.js";
-import "./chunks/chunk.32CYREEV.js";
-import "./chunks/chunk.WRPQ3635.js";
+import "./chunks/chunk.QLETXF4A.js";
+import "./chunks/chunk.BHJVE26D.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.PLV4PZYX.js";
-import {
-  accordion_default
-} from "./chunks/chunk.GEIZGJXS.js";
-import "./chunks/chunk.OKOF6KVW.js";
-import "./chunks/chunk.SMIMHADA.js";
-import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.LLLGWSSG.js";
-import "./chunks/chunk.QLETXF4A.js";
-import "./chunks/chunk.BHJVE26D.js";
 import {
   enableDefaultSettings
-} from "./chunks/chunk.YACUYJZN.js";
+} from "./chunks/chunk.5YZ63VR2.js";
 import {
   enableExperimentalSettingEmitEvents,
   enableSettingEmitEvents,
   resetGlobalDefaultSettings,
   setDefaultSettingsForElement,
   setGlobalDefaultSettings
-} from "./chunks/chunk.RY3ZM7MQ.js";
-import "./chunks/chunk.VL3GX6WV.js";
-import "./chunks/chunk.VMLERD3J.js";
+} from "./chunks/chunk.JEJO727M.js";
+import "./chunks/chunk.JIHDB74M.js";
+import "./chunks/chunk.ST3G47SZ.js";
 import "./chunks/chunk.QDG5AJZX.js";
+import "./chunks/chunk.SMIMHADA.js";
 import "./chunks/chunk.2NT3B5WJ.js";
-import "./chunks/chunk.PMLEHSEE.js";
-import "./chunks/chunk.SA423NRC.js";
-import "./chunks/chunk.CMOZ4SCN.js";
+import "./chunks/chunk.I4M3MYDP.js";
+import "./chunks/chunk.UA5B6CPN.js";
 import "./chunks/chunk.MO2GTRUM.js";
 export {
   accordion_default as SynAccordion,
@@ -364,6 +369,7 @@ export {
   tab_group_default as SynTabGroup,
   tab_panel_default as SynTabPanel,
   tag_default as SynTag,
+  tag_group_default as SynTagGroup,
   textarea_default as SynTextarea,
   tooltip_default as SynTooltip,
   validate_default as SynValidate,

package/dist/utilities/defaultSettings/base.d.ts

@@ -17,6 +17,7 @@ import type SynRange from "../../components/range/range.js";
 import type SynSelect from "../../components/select/select.js";
 import type SynSideNav from "../../components/side-nav/side-nav.js";
 import type SynSwitch from "../../components/switch/switch.js";
+import type SynTagGroup from "../../components/tag-group/tag-group.js";
 import type SynTag from "../../components/tag/tag.js";
 import type SynTextarea from "../../components/textarea/textarea.js";
 import type SynValidate from "../../components/validate/validate.js";
@@ -44,7 +45,7 @@ export type AllowedValueForDefaultSetting<Elm extends SynergyElement, Attr exten
 /**
  * List of all components that have default values
  */
-export type ComponentNamesWithDefaultValues = "SynAccordion" | "SynAlert" | "SynBadge" | "SynButton" | "SynButtonGroup" | "SynCheckbox" | "SynCombobox" | "SynDetails" | "SynFile" | "SynIconButton" | "SynInput" | "SynOption" | "SynRadio" | "SynRadioButton" | "SynRadioGroup" | "SynRange" | "SynSelect" | "SynSideNav" | "SynSwitch" | "SynTag" | "SynTextarea" | "SynValidate";
+export type ComponentNamesWithDefaultValues = "SynAccordion" | "SynAlert" | "SynBadge" | "SynButton" | "SynButtonGroup" | "SynCheckbox" | "SynCombobox" | "SynDetails" | "SynFile" | "SynIconButton" | "SynInput" | "SynOption" | "SynRadio" | "SynRadioButton" | "SynRadioGroup" | "SynRange" | "SynSelect" | "SynSideNav" | "SynSwitch" | "SynTag" | "SynTagGroup" | "SynTextarea" | "SynValidate";
 /**
  * Extracts all available default settings for a given component
  */
@@ -81,6 +82,7 @@ export type SynDefaultSettings = {
         SynSelect?: AllowedValueForDefaultSetting<SynSelect, "size">;
         SynSwitch?: AllowedValueForDefaultSetting<SynSwitch, "size">;
         SynTag?: AllowedValueForDefaultSetting<SynTag, "size">;
+        SynTagGroup?: AllowedValueForDefaultSetting<SynTagGroup, "size">;
         SynTextarea?: AllowedValueForDefaultSetting<SynTextarea, "size">;
     };
     variant: {

package/dist/utilities/defaultSettings/base.js

@@ -1,7 +1,7 @@
 import {
   INITIAL_DEFAULT_SETTINGS,
   defaultSettings
-} from "../../chunks/chunk.VL3GX6WV.js";
+} from "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {

package/dist/utilities/defaultSettings/decorator.js

@@ -1,9 +1,9 @@
 import {
   enableDefaultSettings
-} from "../../chunks/chunk.YACUYJZN.js";
-import "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
-import "../../chunks/chunk.VMLERD3J.js";
+} from "../../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.MO2GTRUM.js";
 export {

package/dist/utilities/defaultSettings/functions.js

@@ -7,9 +7,9 @@ import {
   resetGlobalDefaultSettings,
   setDefaultSettingsForElement,
   setGlobalDefaultSettings
-} from "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
-import "../../chunks/chunk.VMLERD3J.js";
+} from "../../chunks/chunk.JEJO727M.js";
+import "../../chunks/chunk.JIHDB74M.js";
+import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {

package/dist/utilities/defaultSettings/index.js

@@ -1,16 +1,16 @@
 import "../../chunks/chunk.RSCUHBW3.js";
 import {
   enableDefaultSettings
-} from "../../chunks/chunk.YACUYJZN.js";
+} from "../../chunks/chunk.5YZ63VR2.js";
 import {
   enableExperimentalSettingEmitEvents,
   enableSettingEmitEvents,
   resetGlobalDefaultSettings,
   setDefaultSettingsForElement,
   setGlobalDefaultSettings
-} from "../../chunks/chunk.RY3ZM7MQ.js";
-import "../../chunks/chunk.VL3GX6WV.js";
-import "../../chunks/chunk.VMLERD3J.js";
+} from "../../chunks/chunk.JEJO727M.js";
+import "../../chunks/chunk.JIHDB74M.js";
+import "../../chunks/chunk.ST3G47SZ.js";
 import "../../chunks/chunk.QDG5AJZX.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {

package/dist/utilities/defaultSettings/sort.js

@@ -1,7 +1,7 @@
 import {
   getComponentPriority,
   sortComponentsForUpdate
-} from "../../chunks/chunk.VMLERD3J.js";
+} from "../../chunks/chunk.JIHDB74M.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   getComponentPriority,

package/dist/vscode.html-custom-data.json

@@ -2099,6 +2099,37 @@
         }
       ]
     },
+    {
+      "name": "syn-tag-group",
+      "description": "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.\n---\n\n\n### **Slots:**\n - _default_ - The tag group's main content. Must be `<syn-tag />` elements.\n- **label** - The tag group's label. Alternatively, you can use the `label` attribute.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **tag-label** - The tag group's label.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "The tag group's label. If you need to display HTML, use the `label` slot instead.",
+          "values": []
+        },
+        {
+          "name": "label-position",
+          "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.",
+          "values": [{ "name": "top" }, { "name": "start" }]
+        },
+        {
+          "name": "size",
+          "description": "The size that should be applied to all slotted `<syn-tag>` elements",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://synergy-design-system.github.io/?path=/docs/components-syn-tag-group--docs"
+        }
+      ]
+    },
     {
       "name": "syn-textarea",
       "description": "Textareas collect data from the user and allow multiple lines of text.\n---\n\n\n### **Events:**\n - **syn-blur** - Emitted when the control loses focus.\n- **syn-change** - Emitted when an alteration to the control's value is committed by the user.\n- **syn-focus** - Emitted when the control gains focus.\n- **syn-input** - Emitted when the control receives input.\n- **syn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the textarea.\n- **blur()** - Removes focus from the textarea.\n- **select()** - Selects all the text in the textarea.\n- **scrollPosition(position: _{ top?: number; left?: number }_): _{ top: number; left: number } | undefined_** - Gets or sets the textarea's scroll position.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The textarea's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **textarea** - The internal `<textarea>` control.",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "3.6.2",
+  "version": "3.7.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -93,9 +93,9 @@
     "size-limit": "^12.0.0",
     "stylelint": "^17.3.0",
     "typescript": "~5.9.3",
-    "@synergy-design-system/eslint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "3.6.2",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0"
+    "@synergy-design-system/stylelint-config-syn": "0.1.0",
+    "@synergy-design-system/tokens": "3.7.0",
+    "@synergy-design-system/eslint-config-syn": "0.1.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.5",
@@ -105,7 +105,7 @@
     "lit": "^3.3.2"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "3.6.2"
+    "@synergy-design-system/tokens": "3.7.0"
   },
   "customElements": "dist/custom-elements.json",
   "scripts": {

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utilities/defaultSettings/base.ts"],
-  "sourcesContent": ["/* eslint-disable @stylistic/quotes */\n// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED file for @synergy-design-system/components\n// Please do not edit this file directly!\n// It will get recreated when running pnpm build.\n// ---------------------------------------------------------------------\n\n// Global imports\nimport { modernNumericStrategy } from \"../../components/input/strategies.js\";\n\n// Type imports\nimport type SynAccordion from \"../../components/accordion/accordion.js\";\nimport type SynAlert from \"../../components/alert/alert.js\";\nimport type SynBadge from \"../../components/badge/badge.js\";\nimport type SynButtonGroup from \"../../components/button-group/button-group.js\";\nimport type SynButton from \"../../components/button/button.js\";\nimport type SynCheckbox from \"../../components/checkbox/checkbox.js\";\nimport type SynCombobox from \"../../components/combobox/combobox.js\";\nimport type SynDetails from \"../../components/details/details.js\";\nimport type SynFile from \"../../components/file/file.js\";\nimport type SynIconButton from \"../../components/icon-button/icon-button.js\";\nimport type SynInput from \"../../components/input/input.js\";\nimport type SynOption from \"../../components/option/option.js\";\nimport type SynRadioButton from \"../../components/radio-button/radio-button.js\";\nimport type SynRadioGroup from \"../../components/radio-group/radio-group.js\";\nimport type SynRadio from \"../../components/radio/radio.js\";\nimport type SynRange from \"../../components/range/range.js\";\nimport type SynSelect from \"../../components/select/select.js\";\nimport type SynSideNav from \"../../components/side-nav/side-nav.js\";\nimport type SynSwitch from \"../../components/switch/switch.js\";\nimport type SynTag from \"../../components/tag/tag.js\";\nimport type SynTextarea from \"../../components/textarea/textarea.js\";\nimport type SynValidate from \"../../components/validate/validate.js\";\nimport type SynergyElement from \"../../internal/synergy-element.js\";\nimport type { SynDefaultChangedAttribute } from \"../../events/events.js\";\n\n// Core types\n\n/**\n * Custom helper type that adds decorated properties from\n * the globalSettings helper.\n */\nexport type GlobalSettingsEnabledElement = SynergyElement & {\n  __originalDecoratedClassName: string;\n  overrideGlobalSettings: (\n    changedProperties: SynDefaultChangedAttribute[],\n  ) => void;\n};\n\n/**\n * Allows for partial recursive types\n */\nexport type RecursivePartial<T> = {\n  [P in keyof T]?: T[P] extends object ? RecursivePartial<T[P]> : T[P];\n};\n\n/**\n * Allowed value for a default setting\n * Gets the value of a given attribute for a given component\n */\nexport type AllowedValueForDefaultSetting<\n  Elm extends SynergyElement,\n  Attr extends keyof Elm,\n> = Elm[Attr];\n\n/**\n * List of all components that have default values\n */\nexport type ComponentNamesWithDefaultValues =\n  | \"SynAccordion\"\n  | \"SynAlert\"\n  | \"SynBadge\"\n  | \"SynButton\"\n  | \"SynButtonGroup\"\n  | \"SynCheckbox\"\n  | \"SynCombobox\"\n  | \"SynDetails\"\n  | \"SynFile\"\n  | \"SynIconButton\"\n  | \"SynInput\"\n  | \"SynOption\"\n  | \"SynRadio\"\n  | \"SynRadioButton\"\n  | \"SynRadioGroup\"\n  | \"SynRange\"\n  | \"SynSelect\"\n  | \"SynSideNav\"\n  | \"SynSwitch\"\n  | \"SynTag\"\n  | \"SynTextarea\"\n  | \"SynValidate\";\n\n/**\n * Extracts all available default settings for a given component\n */\nexport type ExtractSettingsForElement<C extends SynergyElement> = {\n  [key in keyof SynDefaultSettings]?: key extends keyof C\n    ? AllowedValueForDefaultSetting<C, key>\n    : never;\n};\n\n/**\n * Default settings map for all component values that have defaults set\n */\nexport type SynDefaultSettings = {\n  delimiter: {\n    SynCombobox?: AllowedValueForDefaultSetting<SynCombobox, \"delimiter\">;\n    SynOption?: AllowedValueForDefaultSetting<SynOption, \"delimiter\">;\n    SynSelect?: AllowedValueForDefaultSetting<SynSelect, \"delimiter\">;\n  };\n  numericStrategy: {\n    SynInput?: AllowedValueForDefaultSetting<SynInput, \"numericStrategy\">;\n  };\n  size: {\n    SynAccordion?: AllowedValueForDefaultSetting<SynAccordion, \"size\">;\n    SynAlert?: AllowedValueForDefaultSetting<SynAlert, \"size\">;\n    SynButton?: AllowedValueForDefaultSetting<SynButton, \"size\">;\n    SynButtonGroup?: AllowedValueForDefaultSetting<SynButtonGroup, \"size\">;\n    SynCheckbox?: AllowedValueForDefaultSetting<SynCheckbox, \"size\">;\n    SynCombobox?: AllowedValueForDefaultSetting<SynCombobox, \"size\">;\n    SynDetails?: AllowedValueForDefaultSetting<SynDetails, \"size\">;\n    SynFile?: AllowedValueForDefaultSetting<SynFile, \"size\">;\n    SynIconButton?: AllowedValueForDefaultSetting<SynIconButton, \"size\">;\n    SynInput?: AllowedValueForDefaultSetting<SynInput, \"size\">;\n    SynRadio?: AllowedValueForDefaultSetting<SynRadio, \"size\">;\n    SynRadioButton?: AllowedValueForDefaultSetting<SynRadioButton, \"size\">;\n    SynRadioGroup?: AllowedValueForDefaultSetting<SynRadioGroup, \"size\">;\n    SynRange?: AllowedValueForDefaultSetting<SynRange, \"size\">;\n    SynSelect?: AllowedValueForDefaultSetting<SynSelect, \"size\">;\n    SynSwitch?: AllowedValueForDefaultSetting<SynSwitch, \"size\">;\n    SynTag?: AllowedValueForDefaultSetting<SynTag, \"size\">;\n    SynTextarea?: AllowedValueForDefaultSetting<SynTextarea, \"size\">;\n  };\n  variant: {\n    SynAlert?: AllowedValueForDefaultSetting<SynAlert, \"variant\">;\n    SynBadge?: AllowedValueForDefaultSetting<SynBadge, \"variant\">;\n    SynButton?: AllowedValueForDefaultSetting<SynButton, \"variant\">;\n    SynButtonGroup?: AllowedValueForDefaultSetting<SynButtonGroup, \"variant\">;\n    SynSideNav?: AllowedValueForDefaultSetting<SynSideNav, \"variant\">;\n    SynValidate?: AllowedValueForDefaultSetting<SynValidate, \"variant\">;\n  };\n};\n\n// Exports\n\n/**\n * Default settings for all components\n */\nexport const defaultSettings: SynDefaultSettings = {\n  delimiter: {\n    SynCombobox: \" \",\n    SynOption: \" \",\n    SynSelect: \" \",\n  },\n  numericStrategy: {\n    SynInput: modernNumericStrategy,\n  },\n  size: {\n    SynAccordion: \"medium\",\n    SynAlert: \"medium\",\n    SynButton: \"medium\",\n    SynButtonGroup: \"medium\",\n    SynCheckbox: \"medium\",\n    SynCombobox: \"medium\",\n    SynDetails: \"medium\",\n    SynFile: \"medium\",\n    SynIconButton: \"inherit\",\n    SynInput: \"medium\",\n    SynRadio: \"medium\",\n    SynRadioButton: \"medium\",\n    SynRadioGroup: \"medium\",\n    SynRange: \"medium\",\n    SynSelect: \"medium\",\n    SynSwitch: \"medium\",\n    SynTag: \"medium\",\n    SynTextarea: \"medium\",\n  },\n  variant: {\n    SynAlert: \"primary\",\n    SynBadge: \"primary\",\n    SynButton: \"outline\",\n    SynButtonGroup: \"outline\",\n    SynSideNav: \"default\",\n    SynValidate: \"native\",\n  },\n};\n\n/**\n * Initial default settings for all components\n */\nexport const INITIAL_DEFAULT_SETTINGS: SynDefaultSettings = {\n  delimiter: {\n    SynCombobox: \" \",\n    SynOption: \" \",\n    SynSelect: \" \",\n  },\n  numericStrategy: {\n    SynInput: modernNumericStrategy,\n  },\n  size: {\n    SynAccordion: \"medium\",\n    SynAlert: \"medium\",\n    SynButton: \"medium\",\n    SynButtonGroup: \"medium\",\n    SynCheckbox: \"medium\",\n    SynCombobox: \"medium\",\n    SynDetails: \"medium\",\n    SynFile: \"medium\",\n    SynIconButton: \"inherit\",\n    SynInput: \"medium\",\n    SynRadio: \"medium\",\n    SynRadioButton: \"medium\",\n    SynRadioGroup: \"medium\",\n    SynRange: \"medium\",\n    SynSelect: \"medium\",\n    SynSwitch: \"medium\",\n    SynTag: \"medium\",\n    SynTextarea: \"medium\",\n  },\n  variant: {\n    SynAlert: \"primary\",\n    SynBadge: \"primary\",\n    SynButton: \"outline\",\n    SynButtonGroup: \"outline\",\n    SynSideNav: \"default\",\n    SynValidate: \"native\",\n  },\n};\n"],
-  "mappings": ";;;;;AAoJO,IAAM,kBAAsC;AAAA,EACjD,WAAW;AAAA,IACT,aAAa;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AAAA,EACA,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,UAAU;AAAA,IACV,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AACF;AAKO,IAAM,2BAA+C;AAAA,EAC1D,WAAW;AAAA,IACT,aAAa;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AAAA,EACA,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,UAAU;AAAA,IACV,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,UAAU;AAAA,IACV,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AACF;",
-  "names": []
-}