@synergy-design-system/components 2.51.0 → 2.52.0

package/dist/chunks/{chunk.UX7KGFYW.js → chunk.P355FE5P.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.UX7KGFYW.js.map
+//# sourceMappingURL=chunk.P355FE5P.js.map

package/dist/chunks/{chunk.4FRRGVMB.js → chunk.PL37LD5I.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.54N6DJ6H.js";
+} from "./chunk.FLFM6AX7.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.4FRRGVMB.js.map
+//# sourceMappingURL=chunk.PL37LD5I.js.map

package/dist/chunks/{chunk.WDUFOY3W.js → chunk.PPVLN3OP.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.UHRCPR33.js";
+} from "./chunk.DAEBV47L.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.WDUFOY3W.js.map
+//# sourceMappingURL=chunk.PPVLN3OP.js.map

package/dist/chunks/{chunk.ZKMADDTN.js → chunk.PZXAY34R.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.5V47GZA4.js";
 import {
   SynDivider
-} from "./chunk.VLKZ36WS.js";
+} from "./chunk.ELFCA76M.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.UHRCPR33.js";
+} from "./chunk.DAEBV47L.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -354,4 +354,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.ZKMADDTN.js.map
+//# sourceMappingURL=chunk.PZXAY34R.js.map

package/dist/chunks/{chunk.5ZHIKTOL.js → chunk.QAXDQ4EX.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.ZKMADDTN.js";
+} from "./chunk.PZXAY34R.js";
 
 // src/components/nav-item/nav-item.ts
 var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
 export {
   nav_item_default
 };
-//# sourceMappingURL=chunk.5ZHIKTOL.js.map
+//# sourceMappingURL=chunk.QAXDQ4EX.js.map

package/dist/chunks/{chunk.YIN6YUHC.js → chunk.QGOKPXVX.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.WDUFOY3W.js";
+} from "./chunk.PPVLN3OP.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -31,18 +31,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  LocalizeController
-} from "./chunk.OAQRCZOO.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.YIN6YUHC.js.map
+//# sourceMappingURL=chunk.QGOKPXVX.js.map

package/dist/chunks/{chunk.I3LFLOQE.js → chunk.QIGVHWQP.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.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.I3LFLOQE.js.map
+//# sourceMappingURL=chunk.QIGVHWQP.js.map

package/dist/chunks/{chunk.EKOKWRVX.js → chunk.QN3TXB7H.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.YQBCJNL6.js";
+} from "./chunk.3N2473S5.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.EKOKWRVX.js.map
+//# sourceMappingURL=chunk.QN3TXB7H.js.map

package/dist/chunks/{chunk.VI2KLI3A.js → chunk.QOOBUB6G.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.DM5YNGMN.js";
+} from "./chunk.M74YP4U4.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.VI2KLI3A.js.map
+//# sourceMappingURL=chunk.QOOBUB6G.js.map

package/dist/chunks/{chunk.XSUFFGC3.js → chunk.QQ3627CN.js}

@@ -6,25 +6,25 @@ import {
 } from "./chunk.PKYC7QF3.js";
 import {
   SynResizeObserver
-} from "./chunk.GJFAPJAS.js";
+} from "./chunk.SBOYVOSQ.js";
 import {
   scrollIntoView
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.WDUFOY3W.js";
-import {
-  LocalizeController
-} from "./chunk.OAQRCZOO.js";
+} from "./chunk.PPVLN3OP.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass,
   __spreadValues
@@ -515,4 +515,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.XSUFFGC3.js.map
+//# sourceMappingURL=chunk.QQ3627CN.js.map

package/dist/chunks/{chunk.UEUIVAXF.js → chunk.QUNPUIM2.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.3RMWYXDC.js";
+} from "./chunk.3ER6VLCZ.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.UEUIVAXF.js.map
+//# sourceMappingURL=chunk.QUNPUIM2.js.map

package/dist/chunks/{chunk.MTWQZUBQ.js → chunk.RLSKJSQH.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G4URZQCL.js";
 import {
   SynButton
-} from "./chunk.4IUOCZAZ.js";
+} from "./chunk.TJOV5WOA.js";
 import {
   FormControlController
 } from "./chunk.HP2LEQRU.js";
@@ -26,22 +26,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.UHRCPR33.js";
+} from "./chunk.DAEBV47L.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -534,4 +534,4 @@ setDefaultAnimation("file.text.appear", {
 export {
   SynFile
 };
-//# sourceMappingURL=chunk.MTWQZUBQ.js.map
+//# sourceMappingURL=chunk.RLSKJSQH.js.map

package/dist/chunks/{chunk.AVED57WN.js → chunk.RQD2GIAF.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.43YNZAWL.js";
 import {
   SynIconButton
-} from "./chunk.WDUFOY3W.js";
-import {
-  LocalizeController
-} from "./chunk.OAQRCZOO.js";
+} from "./chunk.PPVLN3OP.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.AVED57WN.js.map
+//# sourceMappingURL=chunk.RQD2GIAF.js.map

package/dist/chunks/{chunk.KXH3W6DJ.js → chunk.RVHFZZGT.js}

@@ -1,9 +1,3 @@
-import {
-  badge_custom_styles_default
-} from "./chunk.J6CGTLVH.js";
-import {
-  badge_styles_default
-} from "./chunk.Y5TMYX2L.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -15,7 +9,13 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
+import {
+  badge_custom_styles_default
+} from "./chunk.J6CGTLVH.js";
+import {
+  badge_styles_default
+} from "./chunk.Y5TMYX2L.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -66,4 +66,4 @@ SynBadge = __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.KXH3W6DJ.js.map
+//# sourceMappingURL=chunk.RVHFZZGT.js.map

package/dist/chunks/{chunk.KPSWMZK5.js → chunk.RZ25ONFH.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.PFMBHMHV.js";
+} from "./chunk.445JGW4F.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.KPSWMZK5.js.map
+//# sourceMappingURL=chunk.RZ25ONFH.js.map

package/dist/chunks/{chunk.GJFAPJAS.js → chunk.SBOYVOSQ.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -78,4 +78,4 @@ __decorateClass([
 export {
   SynResizeObserver
 };
-//# sourceMappingURL=chunk.GJFAPJAS.js.map
+//# sourceMappingURL=chunk.SBOYVOSQ.js.map

package/dist/chunks/{chunk.FQD362OC.js → chunk.SO47WITL.js}

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

package/dist/chunks/{chunk.J7AVK7JE.js → chunk.T5YYY6EN.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.UX7KGFYW.js";
+} from "./chunk.P355FE5P.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.J7AVK7JE.js.map
+//# sourceMappingURL=chunk.T5YYY6EN.js.map

package/dist/chunks/{chunk.IWTBUI6N.js → chunk.TD6BTR6G.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.FWLUR33I.js";
 import {
   SynNavItem
-} from "./chunk.ZKMADDTN.js";
+} from "./chunk.PZXAY34R.js";
 import {
   SynDivider
-} from "./chunk.VLKZ36WS.js";
+} from "./chunk.ELFCA76M.js";
 import {
   SynDrawer
-} from "./chunk.YEIPAGAI.js";
+} from "./chunk.2ZF4FU6Z.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -26,22 +26,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.UHRCPR33.js";
+} from "./chunk.DAEBV47L.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -349,4 +349,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.IWTBUI6N.js.map
+//# sourceMappingURL=chunk.TD6BTR6G.js.map

package/dist/chunks/{chunk.OB5TVKT5.js → chunk.THBRNVGZ.js}

@@ -1,6 +1,6 @@
 import {
   SynCheckbox
-} from "./chunk.OMKHQGYY.js";
+} from "./chunk.KROMYHQB.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SynCheckbox;
@@ -9,4 +9,4 @@ SynCheckbox.define("syn-checkbox");
 export {
   checkbox_default
 };
-//# sourceMappingURL=chunk.OB5TVKT5.js.map
+//# sourceMappingURL=chunk.THBRNVGZ.js.map

package/dist/chunks/{chunk.3AAKBTE5.js → chunk.TIRWBJFY.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -120,4 +120,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.3AAKBTE5.js.map
+//# sourceMappingURL=chunk.TIRWBJFY.js.map

package/dist/chunks/{chunk.4IUOCZAZ.js → chunk.TJOV5WOA.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.I3LFLOQE.js";
+} from "./chunk.QIGVHWQP.js";
 import {
   FormControlController,
   validValidityState
@@ -17,22 +17,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.UHRCPR33.js";
+} from "./chunk.DAEBV47L.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -295,4 +295,4 @@ SynButton = __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.4IUOCZAZ.js.map
+//# sourceMappingURL=chunk.TJOV5WOA.js.map

package/dist/chunks/{chunk.Y3LNC7J6.js → chunk.TKNBZNA7.js}

@@ -2,13 +2,21 @@
 import { css } from "lit";
 var checkbox_custom_styles_default = css`
   .checkbox__control {
-    border-radius: var(--syn-input-border-radius-small);
+    border-radius: var(--syn-checkbox-border-radius, var(--syn-input-border-radius-small));
   }
 
   :host([data-user-invalid]) .checkbox__control {
+    background: var(--syn-input-border-color-focus-error);
     border-color: var(--syn-input-border-color-focus-error);
   }
 
+  /**
+   * #943: When invalid, use a transparent background if not checked or indeterminate
+   */
+  :host([data-user-invalid]:not([checked]):not([indeterminate])) .checkbox__control {
+    background: transparent;
+  }
+
   /** #429: Use token for opacity */
   .checkbox--disabled {
     opacity: var(--syn-input-disabled-opacity);
@@ -55,4 +63,4 @@ var checkbox_custom_styles_default = css`
 export {
   checkbox_custom_styles_default
 };
-//# sourceMappingURL=chunk.Y3LNC7J6.js.map
+//# sourceMappingURL=chunk.TKNBZNA7.js.map

package/dist/chunks/{chunk.Y3LNC7J6.js.map → chunk.TKNBZNA7.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/checkbox/checkbox.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .checkbox__control {\n    border-radius: var(--syn-input-border-radius-small);\n  }\n\n  :host([data-user-invalid]) .checkbox__control {\n    border-color: var(--syn-input-border-color-focus-error);\n  }\n\n  /** #429: Use token for opacity */\n  .checkbox--disabled {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /**\n   * Hover\n   * Applies the hover state to the whole component\n   */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled):hover .checkbox__control {\n    background-color: var(--syn-input-background-color-hover);\n    border-color: var(--syn-input-border-color-hover);\n  }\n\n  /**\n   * Checked/indeterminate + hover\n   * Applies the hover state to the whole component\n   */\n  .checkbox.checkbox--checked:not(.checkbox--disabled):hover .checkbox__control,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled):hover .checkbox__control {\n    background-color: var(--syn-color-primary-900);\n    border-color: var(--syn-color-primary-900);\n  }\n\n  .checkbox__label {\n    line-height: var(--syn-line-height-normal);\n    margin-inline-start: var(--syn-spacing-x-small);\n    position: relative;\n  }\n\n  .checkbox--small .checkbox__label {\n    top: -3px;\n  }\n\n  .checkbox--medium .checkbox__label {\n    top: -3px;\n  }\n\n  .checkbox--large .checkbox__label {\n    top: -2px;\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,iCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .checkbox__control {\n    border-radius: var(--syn-checkbox-border-radius, var(--syn-input-border-radius-small));\n  }\n\n  :host([data-user-invalid]) .checkbox__control {\n    background: var(--syn-input-border-color-focus-error);\n    border-color: var(--syn-input-border-color-focus-error);\n  }\n\n  /**\n   * #943: When invalid, use a transparent background if not checked or indeterminate\n   */\n  :host([data-user-invalid]:not([checked]):not([indeterminate])) .checkbox__control {\n    background: transparent;\n  }\n\n  /** #429: Use token for opacity */\n  .checkbox--disabled {\n    opacity: var(--syn-input-disabled-opacity);\n  }\n\n  /**\n   * Hover\n   * Applies the hover state to the whole component\n   */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled):hover .checkbox__control {\n    background-color: var(--syn-input-background-color-hover);\n    border-color: var(--syn-input-border-color-hover);\n  }\n\n  /**\n   * Checked/indeterminate + hover\n   * Applies the hover state to the whole component\n   */\n  .checkbox.checkbox--checked:not(.checkbox--disabled):hover .checkbox__control,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled):hover .checkbox__control {\n    background-color: var(--syn-color-primary-900);\n    border-color: var(--syn-color-primary-900);\n  }\n\n  .checkbox__label {\n    line-height: var(--syn-line-height-normal);\n    margin-inline-start: var(--syn-spacing-x-small);\n    position: relative;\n  }\n\n  .checkbox--small .checkbox__label {\n    top: -3px;\n  }\n\n  .checkbox--medium .checkbox__label {\n    top: -3px;\n  }\n\n  .checkbox--large .checkbox__label {\n    top: -2px;\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,iCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/chunks/{chunk.QYUDHVV2.js → chunk.TWHPIHSQ.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.XAQKFEHH.js";
 import {
   SynDivider
-} from "./chunk.VLKZ36WS.js";
+} from "./chunk.ELFCA76M.js";
 import {
   defaultValue
 } from "./chunk.3NXKLKWH.js";
@@ -25,7 +25,10 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.UHRCPR33.js";
+} from "./chunk.DAEBV47L.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -37,15 +40,12 @@ import {
   modernNumericStrategy,
   nativeNumericStrategy
 } from "./chunk.RB2JR2ND.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -867,4 +867,4 @@ SynInput = __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.QYUDHVV2.js.map
+//# sourceMappingURL=chunk.TWHPIHSQ.js.map

package/dist/chunks/{chunk.2L5R74IY.js → chunk.UP7DSA35.js}

@@ -1,16 +1,16 @@
-import {
-  radio_group_custom_styles_default
-} from "./chunk.32LFHSM5.js";
 import {
   radio_group_styles_default
 } from "./chunk.K62NPKGN.js";
+import {
+  radio_group_custom_styles_default
+} from "./chunk.32LFHSM5.js";
 import {
   form_control_custom_styles_default,
   form_control_styles_default
 } from "./chunk.G4URZQCL.js";
 import {
   SynButtonGroup
-} from "./chunk.LSLWWIBP.js";
+} from "./chunk.ZSHDX32W.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -20,18 +20,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  enableDefaultSettings
+} from "./chunk.E5UUNP6E.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.7GXUXQCJ.js";
+} from "./chunk.OLWHJDZ2.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -369,4 +369,4 @@ SynRadioGroup = __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.2L5R74IY.js.map
+//# sourceMappingURL=chunk.UP7DSA35.js.map