@synergy-design-system/components 2.7.0 → 2.7.2

package/dist/chunks/{chunk.2H5VZMM6.js → chunk.RA52TQDZ.js}

@@ -1,6 +1,6 @@
 import {
   icon_default
-} from "./chunk.NRKWWLOJ.js";
+} from "./chunk.PJBX6PDL.js";
 import {
   header_styles_default
 } from "./chunk.GVNVZMMM.js";
@@ -16,7 +16,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -180,4 +180,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.2H5VZMM6.js.map
+//# sourceMappingURL=chunk.RA52TQDZ.js.map

package/dist/chunks/{chunk.X5ZOIEXZ.js → chunk.RGGRLPFB.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.HY4Y3IF2.js";
+} from "./chunk.32A6BZ5Z.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.X5ZOIEXZ.js.map
+//# sourceMappingURL=chunk.RGGRLPFB.js.map

package/dist/chunks/{chunk.3BYNCSYI.js → chunk.RSIYQFLM.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.6I4QZHQ6.js";
+} from "./chunk.OMK6YFKU.js";
 import {
   dropdown_custom_styles_default
 } from "./chunk.2KYFCKCK.js";
@@ -30,7 +30,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -372,4 +372,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.3BYNCSYI.js.map
+//# sourceMappingURL=chunk.RSIYQFLM.js.map

package/dist/chunks/{chunk.TQCA6Q6L.js → chunk.SBXB7ZQ4.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -66,4 +66,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.TQCA6Q6L.js.map
+//# sourceMappingURL=chunk.SBXB7ZQ4.js.map

package/dist/chunks/{chunk.JS5QB2ZL.js → chunk.SC6DZBJ7.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.RKZLWXOJ.js";
+} from "./chunk.VWBCU6HU.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -24,7 +24,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   alert_custom_styles_default
 } from "./chunk.JRYXECAY.js";
@@ -216,4 +216,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.JS5QB2ZL.js.map
+//# sourceMappingURL=chunk.SC6DZBJ7.js.map

package/dist/chunks/{chunk.7GVODRHO.js → chunk.SHT6ORJG.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.DKGNY4YS.js";
+} from "./chunk.DCQPPRJI.js";
 
 // src/components/radio-group/radio-group.ts
 var radio_group_default = SynRadioGroup;
@@ -9,4 +9,4 @@ SynRadioGroup.define("syn-radio-group");
 export {
   radio_group_default
 };
-//# sourceMappingURL=chunk.7GVODRHO.js.map
+//# sourceMappingURL=chunk.SHT6ORJG.js.map

package/dist/chunks/{chunk.GWQWHDLF.js → chunk.SMEJK7NT.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -53,4 +53,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.GWQWHDLF.js.map
+//# sourceMappingURL=chunk.SMEJK7NT.js.map

package/dist/chunks/{chunk.BHYMSPYR.js → chunk.SPYTNIYH.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.XNGZHSRO.js";
+} from "./chunk.MKA2R2GM.js";
 import {
   LocalizeController
 } from "./chunk.ESQAXAFE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -89,4 +89,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.BHYMSPYR.js.map
+//# sourceMappingURL=chunk.SPYTNIYH.js.map

package/dist/chunks/{chunk.YVPJSA6G.js → chunk.SWHTRL6B.js}

@@ -13,7 +13,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -111,4 +111,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.YVPJSA6G.js.map
+//# sourceMappingURL=chunk.SWHTRL6B.js.map

package/dist/chunks/{chunk.RQA3KF7H.js → chunk.T2CMPPUH.js}

@@ -7,7 +7,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -134,4 +134,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.RQA3KF7H.js.map
+//# sourceMappingURL=chunk.T2CMPPUH.js.map

package/dist/chunks/{chunk.LXRYPCRA.js → chunk.T4AP74QA.js}

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

package/dist/chunks/{chunk.Y5BGNU6P.js → chunk.TC3V2EL3.js}

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

package/dist/chunks/{chunk.YMC6ML2J.js → chunk.TJ25Z5RP.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.DGSAPH64.js";
+} from "./chunk.J6D3SEZG.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.YMC6ML2J.js.map
+//# sourceMappingURL=chunk.TJ25Z5RP.js.map

package/dist/chunks/{chunk.FPIGVZSR.js → chunk.TML7CRDT.js}

@@ -7,7 +7,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -103,4 +103,4 @@ __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.FPIGVZSR.js.map
+//# sourceMappingURL=chunk.TML7CRDT.js.map

package/dist/chunks/{chunk.TYV5CM4I.js → chunk.UCZBUOMP.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.RKZLWXOJ.js";
+} from "./chunk.VWBCU6HU.js";
 import {
   LocalizeController
 } from "./chunk.ESQAXAFE.js";
@@ -19,7 +19,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass,
   __spreadValues
@@ -383,4 +383,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.TYV5CM4I.js.map
+//# sourceMappingURL=chunk.UCZBUOMP.js.map

package/dist/chunks/{chunk.ZIJ6OGAT.js → chunk.UMFLVSON.js}

@@ -7,23 +7,23 @@ import {
 } from "./chunk.XNP4OTUB.js";
 import {
   SynNavItem
-} from "./chunk.4WDBHKEV.js";
+} from "./chunk.GPN65Q5K.js";
 import {
   SynMenu
-} from "./chunk.RQA3KF7H.js";
+} from "./chunk.T2CMPPUH.js";
 import {
   SynDropdown
-} from "./chunk.3BYNCSYI.js";
+} from "./chunk.RSIYQFLM.js";
 import {
   SynIcon
-} from "./chunk.XNGZHSRO.js";
+} from "./chunk.MKA2R2GM.js";
 import {
   LocalizeController
 } from "./chunk.ESQAXAFE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -205,4 +205,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.ZIJ6OGAT.js.map
+//# sourceMappingURL=chunk.UMFLVSON.js.map

package/dist/chunks/{chunk.A7S3RARM.js → chunk.UQHEJBPF.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "./chunk.LBU676EZ.js";
+} from "./chunk.NTPAY2C2.js";
 
 // src/components/progress-ring/progress-ring.ts
 var progress_ring_default = SynProgressRing;
@@ -9,4 +9,4 @@ SynProgressRing.define("syn-progress-ring");
 export {
   progress_ring_default
 };
-//# sourceMappingURL=chunk.A7S3RARM.js.map
+//# sourceMappingURL=chunk.UQHEJBPF.js.map

package/dist/chunks/{chunk.IMXRJ3YT.js → chunk.VB7GJ3MY.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.RKZLWXOJ.js";
+} from "./chunk.VWBCU6HU.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.IMXRJ3YT.js.map
+//# sourceMappingURL=chunk.VB7GJ3MY.js.map

package/dist/chunks/{chunk.ZRQDODBI.js → chunk.VI56NOIB.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.3B22DBSJ.js";
 import {
   SynDivider
-} from "./chunk.EZRPX4D7.js";
+} from "./chunk.DBMX4Q2N.js";
 import {
   defaultValue
 } from "./chunk.RBG37CD4.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.XNGZHSRO.js";
+} from "./chunk.MKA2R2GM.js";
 import {
   LocalizeController
 } from "./chunk.ESQAXAFE.js";
@@ -32,7 +32,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass,
   __spreadValues
@@ -642,4 +642,4 @@ __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.ZRQDODBI.js.map
+//# sourceMappingURL=chunk.VI56NOIB.js.map

package/dist/chunks/{chunk.D5J4VTCV.js → chunk.VJWKT6KK.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.2H5VZMM6.js";
+} from "./chunk.RA52TQDZ.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.D5J4VTCV.js.map
+//# sourceMappingURL=chunk.VJWKT6KK.js.map

package/dist/chunks/{chunk.RKZLWXOJ.js → chunk.VWBCU6HU.js}

@@ -1,16 +1,16 @@
 import {
   icon_button_custom_styles_default
-} from "./chunk.ZHH2AHOZ.js";
+} from "./chunk.6QYKWCSO.js";
 import {
   icon_button_styles_default
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.XNGZHSRO.js";
+} from "./chunk.MKA2R2GM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -67,9 +67,7 @@ var SynIconButton = class extends SynergyElement {
       "icon-button--focused": this.hasFocus,
       "icon-button--small": this.size === "small",
       "icon-button--medium": this.size === "medium",
-      "icon-button--large": this.size === "large",
-      "icon-button--primary": this.color === "primary",
-      "icon-button--neutral": this.color === "neutral"
+      "icon-button--large": this.size === "large"
     })}
         ?disabled=${ifDefined(isLink ? void 0 : this.disabled)}
         type=${ifDefined(isLink ? void 0 : "button")}
@@ -138,4 +136,4 @@ __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.RKZLWXOJ.js.map
+//# sourceMappingURL=chunk.VWBCU6HU.js.map

package/dist/chunks/{chunk.RKZLWXOJ.js.map → chunk.VWBCU6HU.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/icon-button/icon-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 { html, literal } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIcon from '../icon/icon.component.js';\nimport styles from './icon-button.styles.js';\nimport customStyles from './icon-button.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n * @documentation https://synergy.style/components/icon-button\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n *\n * @event syn-blur - Emitted when the icon button loses focus.\n * @event syn-focus - Emitted when the icon button gains focus.\n *\n * @csspart base - The component's base wrapper.\n */\nexport default class SynIconButton extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  static dependencies = { 'syn-icon': SynIcon };\n\n  @query('.icon-button') button: HTMLButtonElement | HTMLLinkElement;\n\n  @state() private hasFocus = false;\n\n  /** The name of the icon to draw. Available names depend on the icon library being used. */\n  @property() name?: string;\n\n  /** The name of a registered custom icon library. */\n  @property() library?: string;\n\n  /**\n   * An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\n   * can result in XSS attacks.\n   */\n  @property() src?: string;\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n  @property() href?: string;\n\n  /** Tells the browser where to open the link. Only used when `href` is set. */\n  @property() target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */\n  @property() download?: string;\n\n  /**\n   * A description that gets read by assistive devices. For optimal accessibility, you should always include a label\n   * that describes what the icon button does.\n   */\n  @property() label = '';\n\n  /** The icon button's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' | 'inherit' = 'inherit';\n\n  /**\n  * The color of the icon button.\n  * The default \"currentColor\" makes it possible to easily style the icon button from outside without any CSS variables.\n  */\n  @property({ reflect: true }) color: 'currentColor' | 'primary' | 'neutral'  = 'currentColor';\n\n  /** Disables the button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('syn-blur');\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('syn-focus');\n  }\n\n  private handleClick(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  /** Simulates a click on the icon button. */\n  click() {\n    this.button.click();\n  }\n\n  /** Sets focus on the icon button. */\n  focus(options?: FocusOptions) {\n    this.button.focus(options);\n  }\n\n  /** Removes focus from the icon button. */\n  blur() {\n    this.button.blur();\n  }\n\n  render() {\n    const isLink = this.href ? true : false;\n    const tag = isLink ? literal`a` : literal`button`;\n\n    /* eslint-disable lit/binding-positions, lit/no-invalid-html */\n    return html`\n      <${tag}\n        part=\"base\"\n        class=${classMap({\n          'icon-button': true,\n          'icon-button--disabled': !isLink && this.disabled,\n          'icon-button--focused': this.hasFocus,\n          'icon-button--small': this.size === 'small',\n          'icon-button--medium': this.size === 'medium',\n          'icon-button--large': this.size === 'large',\n          'icon-button--primary': this.color === 'primary',\n          'icon-button--neutral': this.color === 'neutral'\n        })}\n        ?disabled=${ifDefined(isLink ? undefined : this.disabled)}\n        type=${ifDefined(isLink ? undefined : 'button')}\n        href=${ifDefined(isLink ? this.href : undefined)}\n        target=${ifDefined(isLink ? this.target : undefined)}\n        download=${ifDefined(isLink ? this.download : undefined)}\n        rel=${ifDefined(isLink && this.target ? 'noreferrer noopener' : undefined)}\n        role=${ifDefined(isLink ? undefined : 'button')}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        aria-label=\"${this.label}\"\n        tabindex=${this.disabled ? '-1' : '0'}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @click=${this.handleClick}\n      >\n        <syn-icon\n          class=\"icon-button__icon\"\n          name=${ifDefined(this.name)}\n          library=${ifDefined(this.library)}\n          src=${ifDefined(this.src)}\n          aria-hidden=\"true\"\n        ></syn-icon>\n      </${tag}>\n    `;\n  }\n}\n"],
-  "mappings": "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",
+  "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 { html, literal } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIcon from '../icon/icon.component.js';\nimport styles from './icon-button.styles.js';\nimport customStyles from './icon-button.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n * @documentation https://synergy.style/components/icon-button\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n *\n * @event syn-blur - Emitted when the icon button loses focus.\n * @event syn-focus - Emitted when the icon button gains focus.\n *\n * @csspart base - The component's base wrapper.\n */\nexport default class SynIconButton extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  static dependencies = { 'syn-icon': SynIcon };\n\n  @query('.icon-button') button: HTMLButtonElement | HTMLLinkElement;\n\n  @state() private hasFocus = false;\n\n  /** The name of the icon to draw. Available names depend on the icon library being used. */\n  @property() name?: string;\n\n  /** The name of a registered custom icon library. */\n  @property() library?: string;\n\n  /**\n   * An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\n   * can result in XSS attacks.\n   */\n  @property() src?: string;\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n  @property() href?: string;\n\n  /** Tells the browser where to open the link. Only used when `href` is set. */\n  @property() target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */\n  @property() download?: string;\n\n  /**\n   * A description that gets read by assistive devices. For optimal accessibility, you should always include a label\n   * that describes what the icon button does.\n   */\n  @property() label = '';\n\n  /** The icon button's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' | 'inherit' = 'inherit';\n\n  /**\n  * The color of the icon button.\n  * The default \"currentColor\" makes it possible to easily style the icon button from outside without any CSS variables.\n  */\n  @property({ reflect: true }) color: 'currentColor' | 'primary' | 'neutral'  = 'currentColor';\n\n  /** Disables the button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('syn-blur');\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('syn-focus');\n  }\n\n  private handleClick(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  /** Simulates a click on the icon button. */\n  click() {\n    this.button.click();\n  }\n\n  /** Sets focus on the icon button. */\n  focus(options?: FocusOptions) {\n    this.button.focus(options);\n  }\n\n  /** Removes focus from the icon button. */\n  blur() {\n    this.button.blur();\n  }\n\n  render() {\n    const isLink = this.href ? true : false;\n    const tag = isLink ? literal`a` : literal`button`;\n\n    /* eslint-disable lit/binding-positions, lit/no-invalid-html */\n    return html`\n      <${tag}\n        part=\"base\"\n        class=${classMap({\n          'icon-button': true,\n          'icon-button--disabled': !isLink && this.disabled,\n          'icon-button--focused': this.hasFocus,\n          'icon-button--small': this.size === 'small',\n          'icon-button--medium': this.size === 'medium',\n          'icon-button--large': this.size === 'large',\n        })}\n        ?disabled=${ifDefined(isLink ? undefined : this.disabled)}\n        type=${ifDefined(isLink ? undefined : 'button')}\n        href=${ifDefined(isLink ? this.href : undefined)}\n        target=${ifDefined(isLink ? this.target : undefined)}\n        download=${ifDefined(isLink ? this.download : undefined)}\n        rel=${ifDefined(isLink && this.target ? 'noreferrer noopener' : undefined)}\n        role=${ifDefined(isLink ? undefined : 'button')}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        aria-label=\"${this.label}\"\n        tabindex=${this.disabled ? '-1' : '0'}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @click=${this.handleClick}\n      >\n        <syn-icon\n          class=\"icon-button__icon\"\n          name=${ifDefined(this.name)}\n          library=${ifDefined(this.library)}\n          src=${ifDefined(this.src)}\n          aria-hidden=\"true\"\n        ></syn-icon>\n      </${tag}>\n    `;\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/chunks/{chunk.V5VKAR7I.js → chunk.VYZD5UJF.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.EUQCLKVZ.js";
+} from "./chunk.62KJ2JTT.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.V5VKAR7I.js.map
+//# sourceMappingURL=chunk.VYZD5UJF.js.map

package/dist/chunks/{chunk.ECTOUABW.js → chunk.W3CHFVDU.js}

@@ -19,14 +19,14 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.XNGZHSRO.js";
+} from "./chunk.MKA2R2GM.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -259,4 +259,4 @@ __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.ECTOUABW.js.map
+//# sourceMappingURL=chunk.W3CHFVDU.js.map

package/dist/chunks/{chunk.2RCFWUMX.js → chunk.WDE57ZEB.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.MU43DZ7W.js";
 import {
   SynIconButton
-} from "./chunk.RKZLWXOJ.js";
+} from "./chunk.VWBCU6HU.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -37,7 +37,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -287,4 +287,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.2RCFWUMX.js.map
+//# sourceMappingURL=chunk.WDE57ZEB.js.map

package/dist/chunks/{chunk.3TEIFNRP.js → chunk.XA4MV7QR.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.ONW45GQI.js";
 import {
   SynDrawer
-} from "./chunk.W4DRGBOX.js";
+} from "./chunk.AXCA62X3.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
 import {
   SynDivider
-} from "./chunk.EZRPX4D7.js";
+} from "./chunk.DBMX4Q2N.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -30,7 +30,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JTYYYMG2.js";
+} from "./chunk.CIGZW7VL.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -308,4 +308,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.3TEIFNRP.js.map
+//# sourceMappingURL=chunk.XA4MV7QR.js.map

package/dist/chunks/{chunk.YXKAU762.js → chunk.ZNYANJHZ.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.7YRTMCIL.js";
+} from "./chunk.JHCK3ZC7.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.YXKAU762.js.map
+//# sourceMappingURL=chunk.ZNYANJHZ.js.map

package/dist/components/accordion/accordion.component.js

@@ -1,9 +1,9 @@
 import {
   SynAccordion
-} from "../../chunks/chunk.FPIGVZSR.js";
+} from "../../chunks/chunk.TML7CRDT.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.JTYYYMG2.js";
+import "../../chunks/chunk.CIGZW7VL.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   SynAccordion as default

package/dist/components/accordion/accordion.js

@@ -1,10 +1,10 @@
 import {
   accordion_default
-} from "../../chunks/chunk.QTUPZKVS.js";
-import "../../chunks/chunk.FPIGVZSR.js";
+} from "../../chunks/chunk.3TTHE2E2.js";
+import "../../chunks/chunk.TML7CRDT.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.JTYYYMG2.js";
+import "../../chunks/chunk.CIGZW7VL.js";
 import "../../chunks/chunk.2GFK6XTO.js";
 export {
   accordion_default as default

package/dist/components/alert/alert.component.js

@@ -1,14 +1,14 @@
 import {
   SynAlert
-} from "../../chunks/chunk.JS5QB2ZL.js";
-import "../../chunks/chunk.RKZLWXOJ.js";
-import "../../chunks/chunk.ZHH2AHOZ.js";
+} from "../../chunks/chunk.SC6DZBJ7.js";
+import "../../chunks/chunk.VWBCU6HU.js";
+import "../../chunks/chunk.6QYKWCSO.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.A3OYJILJ.js";
 import "../../chunks/chunk.HQ6QUSK7.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.XNGZHSRO.js";
+import "../../chunks/chunk.MKA2R2GM.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
 import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
@@ -18,7 +18,7 @@ import "../../chunks/chunk.ESQAXAFE.js";
 import "../../chunks/chunk.GHGGBS4N.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.74IOULXM.js";
-import "../../chunks/chunk.JTYYYMG2.js";
+import "../../chunks/chunk.CIGZW7VL.js";
 import "../../chunks/chunk.JRYXECAY.js";
 import "../../chunks/chunk.KG73YUXI.js";
 import "../../chunks/chunk.2GFK6XTO.js";