@synergy-design-system/components 2.37.1 → 2.38.0

package/dist/chunks/{chunk.NP4ONPEM.js → chunk.ID7Q4VEW.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.G76BKD7B.js";
 import {
   SynPopup
-} from "./chunk.5WFI47D7.js";
+} from "./chunk.S66RRRZ5.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -22,18 +22,18 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.7JGKUB4A.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.5XWBSIVC.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -385,4 +385,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.NP4ONPEM.js.map
+//# sourceMappingURL=chunk.ID7Q4VEW.js.map

package/dist/chunks/{chunk.HTBP2NUG.js → chunk.KLTROMHV.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.26VDHK5H.js";
+} from "./chunk.MPHPTI5L.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.HTBP2NUG.js.map
+//# sourceMappingURL=chunk.KLTROMHV.js.map

package/dist/chunks/{chunk.LTCXJO2U.js → chunk.LQOWFD6C.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.FWLUR33I.js";
 import {
   SynNavItem
-} from "./chunk.U2THY2EC.js";
+} from "./chunk.I2ABM6VP.js";
 import {
   SynDivider
-} from "./chunk.6IGX2JHT.js";
+} from "./chunk.7F2RAQHO.js";
 import {
   SynDrawer
-} from "./chunk.ICOLLG4V.js";
+} from "./chunk.AMHJPJM5.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -26,22 +26,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.TEJ3VQIH.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.55JHXA7H.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.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.EPIJTRBH.js";
+} from "./chunk.5XWBSIVC.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -349,4 +349,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.LTCXJO2U.js.map
+//# sourceMappingURL=chunk.LQOWFD6C.js.map

package/dist/chunks/{chunk.HMUQE7D3.js → chunk.M2VJDHVU.js}

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

package/dist/chunks/{chunk.26VDHK5H.js → chunk.MPHPTI5L.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.5XWBSIVC.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.26VDHK5H.js.map
+//# sourceMappingURL=chunk.MPHPTI5L.js.map

package/dist/chunks/{chunk.3SZRFH3U.js → chunk.MTGTBMYT.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.J6S6BLAL.js";
+} from "./chunk.RVDN7WZQ.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.3SZRFH3U.js.map
+//# sourceMappingURL=chunk.MTGTBMYT.js.map

package/dist/chunks/{chunk.SOHFV375.js → chunk.NKMV47EW.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.O644HRW3.js";
 import {
   SynPopup
-} from "./chunk.5WFI47D7.js";
+} from "./chunk.S66RRRZ5.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -19,18 +19,18 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.7JGKUB4A.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.5XWBSIVC.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -275,4 +275,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.SOHFV375.js.map
+//# sourceMappingURL=chunk.NKMV47EW.js.map

package/dist/chunks/{chunk.3FZH6BXS.js → chunk.NMINQQWF.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.ZU4LZWPN.js";
+} from "./chunk.6OA3HDMH.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.3FZH6BXS.js.map
+//# sourceMappingURL=chunk.NMINQQWF.js.map

package/dist/chunks/{chunk.LWINBFKN.js → chunk.OG7V6X2V.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.7CM236J2.js";
+} from "./chunk.4FP2PNRY.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.LWINBFKN.js.map
+//# sourceMappingURL=chunk.OG7V6X2V.js.map

package/dist/chunks/{chunk.YEKH7E2W.js → chunk.OWM2CP4X.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.27UINGMQ.js";
+} from "./chunk.ZPLFXP6G.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.YEKH7E2W.js.map
+//# sourceMappingURL=chunk.OWM2CP4X.js.map

package/dist/chunks/{chunk.G7ZBIMR7.js → chunk.P2I4RAXI.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.43YNZAWL.js";
 import {
   SynIconButton
-} from "./chunk.NFFX3WLE.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.PQSFE6MX.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.5XWBSIVC.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.G7ZBIMR7.js.map
+//# sourceMappingURL=chunk.P2I4RAXI.js.map

package/dist/chunks/{chunk.MCPILODC.js → chunk.P4DQ5SFK.js}

@@ -1,3 +1,9 @@
+import {
+  badge_custom_styles_default
+} from "./chunk.J6CGTLVH.js";
+import {
+  badge_styles_default
+} from "./chunk.Y5TMYX2L.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -9,13 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
-import {
-  badge_custom_styles_default
-} from "./chunk.J6CGTLVH.js";
-import {
-  badge_styles_default
-} from "./chunk.Y5TMYX2L.js";
+} from "./chunk.5XWBSIVC.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -66,4 +66,4 @@ SynBadge = __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.MCPILODC.js.map
+//# sourceMappingURL=chunk.P4DQ5SFK.js.map

package/dist/chunks/{chunk.IDU4OFG2.js → chunk.PNVNVPL7.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumb
-} from "./chunk.HCMRBPN3.js";
+} from "./chunk.3QXSI7KM.js";
 
 // src/components/breadcrumb/breadcrumb.ts
 var breadcrumb_default = SynBreadcrumb;
@@ -9,4 +9,4 @@ SynBreadcrumb.define("syn-breadcrumb");
 export {
   breadcrumb_default
 };
-//# sourceMappingURL=chunk.IDU4OFG2.js.map
+//# sourceMappingURL=chunk.PNVNVPL7.js.map

package/dist/chunks/{chunk.NFFX3WLE.js → chunk.PQSFE6MX.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.TEJ3VQIH.js";
+} from "./chunk.55JHXA7H.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.5XWBSIVC.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.NFFX3WLE.js.map
+//# sourceMappingURL=chunk.PQSFE6MX.js.map

package/dist/chunks/{chunk.6C55KROR.js → chunk.PRRBWUVY.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.NP4ONPEM.js";
+} from "./chunk.ID7Q4VEW.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.6C55KROR.js.map
+//# sourceMappingURL=chunk.PRRBWUVY.js.map

package/dist/chunks/{chunk.PD7YRF7P.js → chunk.PW4YIOAV.js}

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "./chunk.K4WRGIJJ.js";
+} from "./chunk.E5QK5KIF.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.PD7YRF7P.js.map
+//# sourceMappingURL=chunk.PW4YIOAV.js.map

package/dist/chunks/{chunk.TPAQSTED.js → chunk.PZP7UYHA.js}

@@ -1,6 +1,6 @@
 import {
   SynFile
-} from "./chunk.GH4S2NPV.js";
+} from "./chunk.55Z3OY26.js";
 
 // src/components/file/file.ts
 var file_default = SynFile;
@@ -9,4 +9,4 @@ SynFile.define("syn-file");
 export {
   file_default
 };
-//# sourceMappingURL=chunk.TPAQSTED.js.map
+//# sourceMappingURL=chunk.PZP7UYHA.js.map

package/dist/chunks/{chunk.2RIZU2LR.js → chunk.QY4CARXK.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.AXWQBUY7.js";
+} from "./chunk.BFTZGROX.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.2RIZU2LR.js.map
+//# sourceMappingURL=chunk.QY4CARXK.js.map

package/dist/chunks/{chunk.JN35RVCG.js → chunk.R2SH6MUK.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.MCPILODC.js";
+} from "./chunk.P4DQ5SFK.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.JN35RVCG.js.map
+//# sourceMappingURL=chunk.R2SH6MUK.js.map

package/dist/chunks/{chunk.E5EX7CFV.js → chunk.R5TLCNTQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.NFFX3WLE.js";
+} from "./chunk.PQSFE6MX.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -18,27 +18,27 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  alert_custom_styles_default
-} from "./chunk.QBHZAR4C.js";
-import {
-  alert_styles_default
-} from "./chunk.BXY667C7.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.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.EPIJTRBH.js";
+} from "./chunk.5XWBSIVC.js";
+import {
+  alert_custom_styles_default
+} from "./chunk.QBHZAR4C.js";
+import {
+  alert_styles_default
+} from "./chunk.BXY667C7.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.E5EX7CFV.js.map
+//# sourceMappingURL=chunk.R5TLCNTQ.js.map

package/dist/chunks/{chunk.J6S6BLAL.js → chunk.RVDN7WZQ.js}

@@ -4,18 +4,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.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.EPIJTRBH.js";
+} from "./chunk.5XWBSIVC.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.J6S6BLAL.js.map
+//# sourceMappingURL=chunk.RVDN7WZQ.js.map

package/dist/chunks/{chunk.J6S6BLAL.js.map → chunk.RVDN7WZQ.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/radio-button/radio-button.component.ts"],
-  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './radio-button.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary Radios buttons allow the user to select a single option from a group using a button-like control.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-radio-button--docs\n * @status stable\n * @since 2.0\n *\n * @slot - The radio button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n *\n * @event syn-blur - Emitted when the button loses focus.\n * @event syn-focus - Emitted when the button gains focus.\n *\n * @csspart base - The component's base wrapper.\n * @csspart button - The internal `<button>` element.\n * @csspart button--checked - The internal button element when the radio button is checked.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The container that wraps the radio button's label.\n * @csspart suffix - The container that wraps the suffix.\n */\n@enableDefaultSettings('SynRadioButton')\nexport default class SynRadioButton extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles];\n\n  private readonly hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');\n\n  @query('.button') input: HTMLInputElement;\n  @query('.hidden-input') hiddenInput: HTMLInputElement;\n\n  @state() protected hasFocus = false;\n\n  /**\n   * @internal The radio button's checked state. This is exposed as an \"internal\" attribute so we can reflect it, making\n   * it easier to style in button groups.\n   */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** The radio's value. When selected, the radio group will receive this value. */\n  @property() value: string;\n\n  /** Disables the radio button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so\n   * this attribute can typically be omitted.\n   */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Draws a pill-style radio button with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'presentation');\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('syn-blur');\n  }\n\n  private handleClick(e: MouseEvent) {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    this.checked = true;\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('syn-focus');\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  /** Sets focus on the radio button. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the radio button. */\n  blur() {\n    this.input.blur();\n  }\n\n  render() {\n    return html`\n      <div part=\"base\" role=\"presentation\">\n        <button\n          part=\"${`button${this.checked ? ' button--checked' : ''}`}\"\n          role=\"radio\"\n          aria-checked=\"${this.checked}\"\n          class=${classMap({\n            button: true,\n            'button--default': true,\n            'button--small': this.size === 'small',\n            'button--medium': this.size === 'medium',\n            'button--large': this.size === 'large',\n            'button--checked': this.checked,\n            'button--disabled': this.disabled,\n            'button--focused': this.hasFocus,\n            'button--outline': true,\n            'button--pill': this.pill,\n            'button--has-label': this.hasSlotController.test('[default]'),\n            'button--has-prefix': this.hasSlotController.test('prefix'),\n            'button--has-suffix': this.hasSlotController.test('suffix')\n          })}\n          aria-disabled=${this.disabled}\n          type=\"button\"\n          value=${ifDefined(this.value)}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n          @click=${this.handleClick}\n        >\n          <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n          <slot part=\"label\" class=\"button__label\"></slot>\n          <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n        </button>\n      </div>\n    `;\n  }\n}\n"],
+  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './radio-button.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary Radios buttons allow the user to select a single option from a group using a button-like control.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-radio-button--docs\n * @status stable\n * @since 2.0\n *\n * @slot - The radio button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n *\n * @event syn-blur - Emitted when the button loses focus.\n * @event syn-focus - Emitted when the button gains focus.\n *\n * @csspart base - The component's base wrapper.\n * @csspart button - The internal `<button>` element.\n * @csspart button--checked - The internal button element when the radio button is checked.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The container that wraps the radio button's label.\n * @csspart suffix - The container that wraps the suffix.\n */\n@enableDefaultSettings('SynRadioButton')\nexport default class SynRadioButton extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles];\n\n  private readonly hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');\n\n  @query('.button') input: HTMLInputElement;\n  @query('.hidden-input') hiddenInput: HTMLInputElement;\n\n  @state() protected hasFocus = false;\n\n  /**\n   * @internal The radio button's checked state. This is exposed as an \"internal\" attribute so we can reflect it, making\n   * it easier to style in button groups.\n   */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** The radio's value. When selected, the radio group will receive this value. */\n  @property() value: string | number;\n\n  /** Disables the radio button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so\n   * this attribute can typically be omitted.\n   */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Draws a pill-style radio button with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'presentation');\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('syn-blur');\n  }\n\n  private handleClick(e: MouseEvent) {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    this.checked = true;\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('syn-focus');\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  /** Sets focus on the radio button. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the radio button. */\n  blur() {\n    this.input.blur();\n  }\n\n  render() {\n    return html`\n      <div part=\"base\" role=\"presentation\">\n        <button\n          part=\"${`button${this.checked ? ' button--checked' : ''}`}\"\n          role=\"radio\"\n          aria-checked=\"${this.checked}\"\n          class=${classMap({\n            button: true,\n            'button--default': true,\n            'button--small': this.size === 'small',\n            'button--medium': this.size === 'medium',\n            'button--large': this.size === 'large',\n            'button--checked': this.checked,\n            'button--disabled': this.disabled,\n            'button--focused': this.hasFocus,\n            'button--outline': true,\n            'button--pill': this.pill,\n            'button--has-label': this.hasSlotController.test('[default]'),\n            'button--has-prefix': this.hasSlotController.test('prefix'),\n            'button--has-suffix': this.hasSlotController.test('suffix')\n          })}\n          aria-disabled=${this.disabled}\n          type=\"button\"\n          value=${ifDefined(this.value)}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n          @click=${this.handleClick}\n        >\n          <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n          <slot part=\"label\" class=\"button__label\"></slot>\n          <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n        </button>\n      </div>\n    `;\n  }\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/chunks/{chunk.DIDAEIBH.js → chunk.RVUFUF75.js}

@@ -1,6 +1,6 @@
 import {
   SynCard
-} from "./chunk.OG45K3PD.js";
+} from "./chunk.UDRNJOX5.js";
 
 // src/components/card/card.ts
 var card_default = SynCard;
@@ -9,4 +9,4 @@ SynCard.define("syn-card");
 export {
   card_default
 };
-//# sourceMappingURL=chunk.DIDAEIBH.js.map
+//# sourceMappingURL=chunk.RVUFUF75.js.map

package/dist/chunks/{chunk.5WFI47D7.js → chunk.S66RRRZ5.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.5XWBSIVC.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -415,4 +415,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.5WFI47D7.js.map
+//# sourceMappingURL=chunk.S66RRRZ5.js.map

package/dist/chunks/{chunk.CWECIPDL.js → chunk.SUY5M3RG.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.OIP6U65O.js";
+} from "./chunk.5EVBVED5.js";
 
 // src/components/prio-nav/prio-nav.ts
 var prio_nav_default = SynPrioNav;
@@ -9,4 +9,4 @@ SynPrioNav.define("syn-prio-nav");
 export {
   prio_nav_default
 };
-//# sourceMappingURL=chunk.CWECIPDL.js.map
+//# sourceMappingURL=chunk.SUY5M3RG.js.map

package/dist/chunks/{chunk.LBP6RJGL.js → chunk.T7BSVIY6.js}

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

package/dist/chunks/{chunk.JBK3WG4C.js → chunk.TGTBQ4IM.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.SGUUVU25.js";
+} from "./chunk.VKT6ZB2C.js";
 
 // src/components/tag/tag.ts
 var tag_default = SynTag;
@@ -9,4 +9,4 @@ SynTag.define("syn-tag");
 export {
   tag_default
 };
-//# sourceMappingURL=chunk.JBK3WG4C.js.map
+//# sourceMappingURL=chunk.TGTBQ4IM.js.map

package/dist/chunks/{chunk.7UWIR6RZ.js → chunk.TKFDJB5Z.js}

@@ -1,18 +1,18 @@
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   accordion_styles_default
 } from "./chunk.WNUZ6LH4.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.EPIJTRBH.js";
+} from "./chunk.5XWBSIVC.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -111,4 +111,4 @@ SynAccordion = __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.7UWIR6RZ.js.map
+//# sourceMappingURL=chunk.TKFDJB5Z.js.map

package/dist/chunks/{chunk.T24ZMOCO.js → chunk.TMCD74QL.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.5XWBSIVC.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.T24ZMOCO.js.map
+//# sourceMappingURL=chunk.TMCD74QL.js.map