@synergy-design-system/components 3.6.1 → 3.7.0

package/dist/chunks/{chunk.VL3GX6WV.js → chunk.ST3G47SZ.js}

@@ -30,6 +30,7 @@ var defaultSettings = {
     SynSelect: "medium",
     SynSwitch: "medium",
     SynTag: "medium",
+    SynTagGroup: "medium",
     SynTextarea: "medium"
   },
   variant: {
@@ -68,6 +69,7 @@ var INITIAL_DEFAULT_SETTINGS = {
     SynSelect: "medium",
     SynSwitch: "medium",
     SynTag: "medium",
+    SynTagGroup: "medium",
     SynTextarea: "medium"
   },
   variant: {
@@ -84,4 +86,4 @@ export {
   defaultSettings,
   INITIAL_DEFAULT_SETTINGS
 };
-//# sourceMappingURL=chunk.VL3GX6WV.js.map
+//# sourceMappingURL=chunk.ST3G47SZ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 SynTagGroup from \"../../components/tag-group/tag-group.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  | \"SynTagGroup\"\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    SynTagGroup?: AllowedValueForDefaultSetting<SynTagGroup, \"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    SynTagGroup: \"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    SynTagGroup: \"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": ";;;;;AAuJO,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,IACb,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,IACb,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": []
+}

package/dist/chunks/{chunk.HINYMLWI.js → chunk.SY44XR3G.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.HBXMQ7PF.js";
+} from "./chunk.7UBS5CEK.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.HINYMLWI.js.map
+//# sourceMappingURL=chunk.SY44XR3G.js.map

package/dist/chunks/{chunk.SCMER6XQ.js → chunk.SY7H5KYW.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.JHE7UVMI.js";
+} from "./chunk.VOBA4GKW.js";
 
 // src/components/range-tick/range-tick.ts
 var range_tick_default = SynRangeTick;
@@ -9,4 +9,4 @@ SynRangeTick.define("syn-range-tick");
 export {
   range_tick_default
 };
-//# sourceMappingURL=chunk.SCMER6XQ.js.map
+//# sourceMappingURL=chunk.SY7H5KYW.js.map

package/dist/chunks/{chunk.SCKEUIIF.js → chunk.T2IBBC4Y.js}

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "./chunk.34DCXKYT.js";
+} from "./chunk.QXGNA3K6.js";
 
 // src/components/tab-group/tab-group.ts
 var tab_group_default = SynTabGroup;
@@ -9,4 +9,4 @@ SynTabGroup.define("syn-tab-group");
 export {
   tab_group_default
 };
-//# sourceMappingURL=chunk.SCKEUIIF.js.map
+//# sourceMappingURL=chunk.T2IBBC4Y.js.map

package/dist/chunks/{chunk.PLIBKR5J.js → chunk.T7SSSFE2.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.PIKKRGFU.js";
+} from "./chunk.2HJQCYWQ.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.PLIBKR5J.js.map
+//# sourceMappingURL=chunk.T7SSSFE2.js.map

package/dist/chunks/{chunk.Q7VKIJC3.js → chunk.TDN7PKPS.js}

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

package/dist/chunks/{chunk.NEHYBY5N.js → chunk.TK67Q26H.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -43,4 +43,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.NEHYBY5N.js.map
+//# sourceMappingURL=chunk.TK67Q26H.js.map

package/dist/chunks/{chunk.IKGD2H5A.js → chunk.TNTIJNQN.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.3T6ULO23.js";
 import {
   SynDivider
-} from "./chunk.NEHYBY5N.js";
+} from "./chunk.TK67Q26H.js";
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -131,4 +131,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.IKGD2H5A.js.map
+//# sourceMappingURL=chunk.TNTIJNQN.js.map

package/dist/chunks/chunk.TWTN3XDM.js

@@ -0,0 +1,54 @@
+// src/components/tag-group/tag-group.styles.ts
+import { css } from "lit";
+var tag_group_styles_default = css`
+  :host {
+    --tag-group-item-gap: var(--syn-spacing-x-small);
+    --tag-group-label-gap: var(--syn-spacing-x-small);
+    --tag-group-label-font: var(--syn-body-medium-semibold);
+
+    display: block;
+  }
+
+  .tag-group {
+    align-items: anchor-center;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--tag-group-item-gap);
+  }
+
+  /* Label Styles */
+  .tag-group__label {
+    color: var(--syn-input-label-color);
+    display: block;
+    font: var(--tag-group-label-font);
+  }
+
+  .tag-group--top .tag-group__label {
+    /**
+     * When calculating the margin-bottom, we have to take the gap of .tag-group into account.
+     * We dont want to remove the row-gap above, as otherwise the gap between multi line tags would be 0.
+     * By subtracting the row-gap from the label gap, we ensure that the distance between the label and the first row of tags is consistent.
+     */
+    margin-bottom: calc(var(--tag-group-label-gap) - var(--syn-spacing-2x-small));
+    order: -1;  
+    width: 100%;  
+  }
+
+  /* Size Modifiers */
+  .tag-group--small {
+    --tag-group-item-gap: var(--syn-spacing-2x-small);
+    --tag-group-label-gap: var(--syn-spacing-x-small);
+    --tag-group-label-font: var(--syn-body-small-semibold);
+  }
+
+  .tag-group--large {
+    --tag-group-item-gap: var(--syn-spacing-small);
+    --tag-group-label-gap: var(--syn-spacing-x-small);
+    --tag-group-label-font: var(--syn-body-large-semibold);
+  }
+`;
+
+export {
+  tag_group_styles_default
+};
+//# sourceMappingURL=chunk.TWTN3XDM.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/tag-group/tag-group.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --tag-group-item-gap: var(--syn-spacing-x-small);\n    --tag-group-label-gap: var(--syn-spacing-x-small);\n    --tag-group-label-font: var(--syn-body-medium-semibold);\n\n    display: block;\n  }\n\n  .tag-group {\n    align-items: anchor-center;\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--tag-group-item-gap);\n  }\n\n  /* Label Styles */\n  .tag-group__label {\n    color: var(--syn-input-label-color);\n    display: block;\n    font: var(--tag-group-label-font);\n  }\n\n  .tag-group--top .tag-group__label {\n    /**\n     * When calculating the margin-bottom, we have to take the gap of .tag-group into account.\n     * We dont want to remove the row-gap above, as otherwise the gap between multi line tags would be 0.\n     * By subtracting the row-gap from the label gap, we ensure that the distance between the label and the first row of tags is consistent.\n     */\n    margin-bottom: calc(var(--tag-group-label-gap) - var(--syn-spacing-2x-small));\n    order: -1;  \n    width: 100%;  \n  }\n\n  /* Size Modifiers */\n  .tag-group--small {\n    --tag-group-item-gap: var(--syn-spacing-2x-small);\n    --tag-group-label-gap: var(--syn-spacing-x-small);\n    --tag-group-label-font: var(--syn-body-small-semibold);\n  }\n\n  .tag-group--large {\n    --tag-group-item-gap: var(--syn-spacing-small);\n    --tag-group-label-gap: var(--syn-spacing-x-small);\n    --tag-group-label-font: var(--syn-body-large-semibold);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,2BAAQ;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.SSOL4LVM.js → chunk.U56V7VEW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.QOBJ2NX5.js";
+} from "./chunk.RWPFRMHS.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -18,24 +18,24 @@ import {
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
-import {
-  alert_styles_default
-} from "./chunk.UA5B6CPN.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.5YZ63VR2.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
+import {
+  alert_styles_default
+} from "./chunk.UA5B6CPN.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.SSOL4LVM.js.map
+//# sourceMappingURL=chunk.U56V7VEW.js.map

package/dist/chunks/{chunk.4ZWPK4JG.js → chunk.UQC2CWSI.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.74N5WLM5.js";
 import {
   SynNavItem
-} from "./chunk.KC4VEV4Y.js";
+} from "./chunk.LZ4GTRM7.js";
 import {
   SynMenu
-} from "./chunk.X5VH7MID.js";
+} from "./chunk.PNO2EH4R.js";
 import {
   SynDropdown
-} from "./chunk.E3U7WNRA.js";
+} from "./chunk.2CNDNAO7.js";
 import {
   SynIcon
-} from "./chunk.LJNMLUJK.js";
+} from "./chunk.Y6AOTVOC.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -209,4 +209,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.4ZWPK4JG.js.map
+//# sourceMappingURL=chunk.UQC2CWSI.js.map

package/dist/chunks/{chunk.NMBIRUQU.js → chunk.UW57YS3P.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.X5VH7MID.js";
+} from "./chunk.PNO2EH4R.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.NMBIRUQU.js.map
+//# sourceMappingURL=chunk.UW57YS3P.js.map

package/dist/chunks/{chunk.TVSMRXAW.js → chunk.UYOZFNCL.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.Q3XZRHS6.js";
+} from "./chunk.S5DNDFXE.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.TVSMRXAW.js.map
+//# sourceMappingURL=chunk.UYOZFNCL.js.map

package/dist/chunks/{chunk.LWIAMY4V.js → chunk.V4JGLQYG.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.6VJY3TRA.js";
+} from "./chunk.4HSS7ZGG.js";
 import {
   range_styles_default
 } from "./chunk.KEO5PHF2.js";
@@ -28,13 +28,13 @@ import {
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.5YZ63VR2.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -725,4 +725,4 @@ SynRange = __decorateClass([
 export {
   SynRange
 };
-//# sourceMappingURL=chunk.LWIAMY4V.js.map
+//# sourceMappingURL=chunk.V4JGLQYG.js.map

package/dist/chunks/{chunk.NWNEDOFO.js → chunk.V5SH77KZ.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.RXRHPQ7D.js";
+} from "./chunk.3BSUHN2J.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.NWNEDOFO.js.map
+//# sourceMappingURL=chunk.V5SH77KZ.js.map

package/dist/chunks/{chunk.2IVMHEQ6.js → chunk.V6XDITAV.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.J37FDI7L.js";
+} from "./chunk.O4HXWJHO.js";
 import {
   FormControlController,
   validValidityState
@@ -17,22 +17,22 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.LJNMLUJK.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
+} from "./chunk.Y6AOTVOC.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.5YZ63VR2.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -295,4 +295,4 @@ SynButton = __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.2IVMHEQ6.js.map
+//# sourceMappingURL=chunk.V6XDITAV.js.map

package/dist/chunks/{chunk.EA2ED5LW.js → chunk.VETLCMGW.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.EA2ED5LW.js.map
+//# sourceMappingURL=chunk.VETLCMGW.js.map

package/dist/chunks/{chunk.JHE7UVMI.js → chunk.VOBA4GKW.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.JHE7UVMI.js.map
+//# sourceMappingURL=chunk.VOBA4GKW.js.map

package/dist/chunks/{chunk.KURP6IS6.js → chunk.VRA7C6D5.js}

@@ -1,21 +1,21 @@
+import {
+  badge_custom_styles_default
+} from "./chunk.SA423NRC.js";
+import {
+  badge_styles_default
+} from "./chunk.CMOZ4SCN.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.5YZ63VR2.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
-import {
-  badge_custom_styles_default
-} from "./chunk.SA423NRC.js";
-import {
-  badge_styles_default
-} from "./chunk.CMOZ4SCN.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -66,4 +66,4 @@ SynBadge = __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.KURP6IS6.js.map
+//# sourceMappingURL=chunk.VRA7C6D5.js.map

package/dist/chunks/{chunk.XYDE666E.js → chunk.VVL5ZOEB.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumb
-} from "./chunk.XAXHRDXN.js";
+} from "./chunk.NTJ3M4RR.js";
 
 // src/components/breadcrumb/breadcrumb.ts
 var breadcrumb_default = SynBreadcrumb;
@@ -9,4 +9,4 @@ SynBreadcrumb.define("syn-breadcrumb");
 export {
   breadcrumb_default
 };
-//# sourceMappingURL=chunk.XYDE666E.js.map
+//# sourceMappingURL=chunk.VVL5ZOEB.js.map

package/dist/chunks/{chunk.J2QD6WCF.js → chunk.W2YD7S7L.js}

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

package/dist/chunks/{chunk.R4FKW3GX.js → chunk.W6SLSQUJ.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk.7DRFKCFD.js";
 import {
   SynTag
-} from "./chunk.PDOQLAYW.js";
+} from "./chunk.WAXY4KEA.js";
 import {
   compareValues,
   isAllowedValue
 } from "./chunk.VECCQZP5.js";
 import {
   SynPopup
-} from "./chunk.AOOC5ALQ.js";
+} from "./chunk.WQWJ7ORM.js";
 import {
   scrollIntoView
 } from "./chunk.2DT3C6WE.js";
@@ -36,22 +36,22 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.LJNMLUJK.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
+} from "./chunk.Y6AOTVOC.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.5YZ63VR2.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -884,4 +884,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.R4FKW3GX.js.map
+//# sourceMappingURL=chunk.W6SLSQUJ.js.map

package/dist/chunks/{chunk.PDOQLAYW.js → chunk.WAXY4KEA.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.X5NFOV5A.js";
 import {
   SynIconButton
-} from "./chunk.QOBJ2NX5.js";
+} from "./chunk.RWPFRMHS.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.5YZ63VR2.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.PDOQLAYW.js.map
+//# sourceMappingURL=chunk.WAXY4KEA.js.map

package/dist/chunks/{chunk.AOOC5ALQ.js → chunk.WQWJ7ORM.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -423,4 +423,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.AOOC5ALQ.js.map
+//# sourceMappingURL=chunk.WQWJ7ORM.js.map

package/dist/chunks/{chunk.ZQJTGEHX.js → chunk.XQB7V6OG.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.ZQJTGEHX.js.map
+//# sourceMappingURL=chunk.XQB7V6OG.js.map

package/dist/chunks/{chunk.LJNMLUJK.js → chunk.Y6AOTVOC.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.LJNMLUJK.js.map
+//# sourceMappingURL=chunk.Y6AOTVOC.js.map