@synergy-design-system/components 3.4.0 → 3.5.0

package/dist/chunks/{chunk.CKHWRU6K.js → chunk.CV7OGSN7.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.2KZDXUHA.js";
+} from "./chunk.XUAUB2UI.js";
 import {
   FormControlController,
   validValidityState
@@ -17,7 +17,7 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.645UJMOV.js";
+} from "./chunk.TBZAI6T6.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
@@ -29,10 +29,10 @@ import {
 } from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
-} from "./chunk.FXJLG622.js";
+} from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.XBQWANZE.js";
+} from "./chunk.V4GFOKBI.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -295,4 +295,4 @@ SynButton = __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.CKHWRU6K.js.map
+//# sourceMappingURL=chunk.CV7OGSN7.js.map

package/dist/chunks/{chunk.3V43VOCB.js → chunk.DFS7LPJO.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.YWHVN3AH.js";
+} from "./chunk.CJLZ3QMG.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.3V43VOCB.js.map
+//# sourceMappingURL=chunk.DFS7LPJO.js.map

package/dist/chunks/{chunk.L3VTFKPP.js → chunk.DYE6F2Y6.js}

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "./chunk.RMLCZKL4.js";
+} from "./chunk.CPC3JTDA.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.L3VTFKPP.js.map
+//# sourceMappingURL=chunk.DYE6F2Y6.js.map

package/dist/chunks/{chunk.MI4UFWSY.js → chunk.EAEQ3AGO.js}

@@ -12,10 +12,10 @@ import {
 } from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
-} from "./chunk.FXJLG622.js";
+} from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.XBQWANZE.js";
+} from "./chunk.V4GFOKBI.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -138,4 +138,4 @@ SynRadioButton = __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.MI4UFWSY.js.map
+//# sourceMappingURL=chunk.EAEQ3AGO.js.map

package/dist/chunks/{chunk.M67Q34LS.js → chunk.EUQYBYAZ.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.PLUVTBCU.js";
+} from "./chunk.OY6ZX6TH.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.M67Q34LS.js.map
+//# sourceMappingURL=chunk.EUQYBYAZ.js.map

package/dist/chunks/{chunk.XNWASDT5.js → chunk.EX4R7WUE.js}

@@ -1,16 +1,12 @@
-import {
-  switch_custom_styles_default
-} from "./chunk.SLDFB2O3.js";
 import {
   switch_styles_default
-} from "./chunk.X323W6VB.js";
+} from "./chunk.32WNHWXJ.js";
 import {
   defaultValue
 } from "./chunk.3JDUKQRN.js";
 import {
-  form_control_custom_styles_default,
   form_control_styles_default
-} from "./chunk.PTRCO527.js";
+} from "./chunk.34WYIU4C.js";
 import {
   FormControlController
 } from "./chunk.J3GDDM6Q.js";
@@ -25,10 +21,10 @@ import {
 } from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
-} from "./chunk.FXJLG622.js";
+} from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.XBQWANZE.js";
+} from "./chunk.V4GFOKBI.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -53,6 +49,7 @@ var SynSwitch = class extends SynergyElement {
     this.name = "";
     this.size = "medium";
     this.disabled = false;
+    this.readonly = false;
     this.checked = false;
     this.defaultChecked = false;
     this.form = "";
@@ -81,7 +78,11 @@ var SynSwitch = class extends SynergyElement {
     this.formControlController.setValidity(false);
     this.formControlController.emitInvalidEvent(event);
   }
-  handleClick() {
+  handleClick(e) {
+    if (this.readonly) {
+      e.preventDefault();
+      return;
+    }
     this.checked = !this.checked;
     this.emit("syn-change");
   }
@@ -90,6 +91,9 @@ var SynSwitch = class extends SynergyElement {
     this.emit("syn-focus");
   }
   handleKeyDown(event) {
+    if (this.readonly) {
+      return;
+    }
     if (event.key === "ArrowLeft") {
       event.preventDefault();
       this.checked = false;
@@ -158,6 +162,7 @@ var SynSwitch = class extends SynergyElement {
       switch: true,
       "switch--checked": this.checked,
       "switch--disabled": this.disabled,
+      "switch--readonly": this.readonly,
       "switch--focused": this.hasFocus,
       "switch--small": this.size === "small",
       "switch--medium": this.size === "medium",
@@ -172,6 +177,7 @@ var SynSwitch = class extends SynergyElement {
             value=${ifDefined(this.value)}
             .checked=${live(this.checked)}
             .disabled=${this.disabled}
+            .readOnly=${this.readonly}
             .required=${this.required}
             role="switch"
             aria-checked=${this.checked ? "true" : "false"}
@@ -205,7 +211,7 @@ var SynSwitch = class extends SynergyElement {
     `;
   }
 };
-SynSwitch.styles = [component_styles_default, form_control_styles_default, switch_styles_default, form_control_custom_styles_default, switch_custom_styles_default];
+SynSwitch.styles = [component_styles_default, form_control_styles_default, switch_styles_default];
 __decorateClass([
   query('input[type="checkbox"]')
 ], SynSwitch.prototype, "input", 2);
@@ -227,6 +233,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SynSwitch.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SynSwitch.prototype, "readonly", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SynSwitch.prototype, "checked", 2);
@@ -255,4 +264,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.XNWASDT5.js.map
+//# sourceMappingURL=chunk.EX4R7WUE.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/switch/switch.component.ts"],
+  "sourcesContent": ["/* eslint-disable */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { defaultValue } from '../../internal/default-value.js';\nimport { FormControlController } from '../../internal/form.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport formControlStyles from '../../styles/form-control.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './switch.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport type { SynergyFormControl } from '../../internal/synergy-element.js';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary Switches allow the user to toggle an option on or off.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-switch--docs\n * @status stable\n * @since 2.0\n *\n * @slot - The switch's label.\n * @slot help-text - Text that describes how to use the switch. Alternatively, you can use the `help-text` attribute.\n *\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-change - Emitted when the control's checked state changes.\n * @event syn-input - Emitted when the control receives input.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The control that houses the switch's thumb.\n * @csspart thumb - The switch's thumb.\n * @csspart label - The switch's label.\n * @csspart form-control-help-text - The help text's wrapper.\n *\n * @cssproperty --width - The width of the switch.\n * @cssproperty --height - The height of the switch.\n * @cssproperty --thumb-size - The size of the thumb.\n */\n@enableDefaultSettings('SynSwitch')\nexport default class SynSwitch extends SynergyElement implements SynergyFormControl {\n  static styles: CSSResultGroup = [componentStyles, formControlStyles, styles];\n\n  private readonly formControlController = new FormControlController(this, {\n    value: (control: SynSwitch) => (control.checked ? control.value || 'on' : undefined),\n    defaultValue: (control: SynSwitch) => control.defaultChecked,\n    setValue: (control: SynSwitch, checked: boolean) => (control.checked = checked)\n  });\n  private readonly hasSlotController = new HasSlotController(this, 'help-text');\n\n  @query('input[type=\"checkbox\"]') input: HTMLInputElement;\n\n  @state() private hasFocus = false;\n  @property({ reflect: true }) title = ''; // make reactive to pass through\n\n  /** The name of the switch, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the switch, submitted as a name/value pair with form data. */\n  @property() value: string;\n\n  /** The switch's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Disables the switch. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Sets the switch to a readonly state. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Draws the switch in a checked state. */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue('checked') defaultChecked = false;\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Makes the switch a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** The switch's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Gets the validity state object */\n  get validity() {\n    return this.input.validity;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.input.validationMessage;\n  }\n\n  firstUpdated() {\n    this.formControlController.updateValidity();\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('syn-blur');\n  }\n\n  private handleInput() {\n    this.emit('syn-input');\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private handleClick(e: MouseEvent) {\n    if (this.readonly) {\n      e.preventDefault();\n      return;\n    }\n\n    this.checked = !this.checked;\n    this.emit('syn-change');\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('syn-focus');\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (this.readonly) {\n      return;\n    }\n\n    if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.checked = false;\n      this.emit('syn-change');\n      this.emit('syn-input');\n    }\n\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.checked = true;\n      this.emit('syn-change');\n      this.emit('syn-input');\n    }\n  }\n\n  @watch('checked', { waitUntilFirstUpdate: true })\n  handleCheckedChange() {\n    this.input.checked = this.checked; // force a sync update\n    this.formControlController.updateValidity();\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid\n    this.formControlController.setValidity(true);\n  }\n\n  /** Simulates a click on the switch. */\n  click() {\n    this.input.click();\n  }\n\n  /** Sets focus on the switch. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the switch. */\n  blur() {\n    this.input.blur();\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    return this.input.checkValidity();\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  render() {\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n\n    return html`\n      <div\n        class=${classMap({\n          'form-control': true,\n          'form-control--small': this.size === 'small',\n          'form-control--medium': this.size === 'medium',\n          'form-control--large': this.size === 'large',\n          'form-control--has-help-text': hasHelpText\n        })}\n      >\n        <label\n          part=\"base\"\n          class=${classMap({\n            switch: true,\n            'switch--checked': this.checked,\n            'switch--disabled': this.disabled,\n            'switch--readonly': this.readonly,\n            'switch--focused': this.hasFocus,\n            'switch--small': this.size === 'small',\n            'switch--medium': this.size === 'medium',\n            'switch--large': this.size === 'large'\n          })}\n        >\n          <input\n            class=\"switch__input\"\n            type=\"checkbox\"\n            title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n            name=${this.name}\n            value=${ifDefined(this.value)}\n            .checked=${live(this.checked)}\n            .disabled=${this.disabled}\n            .readOnly=${this.readonly}\n            .required=${this.required}\n            role=\"switch\"\n            aria-checked=${this.checked ? 'true' : 'false'}\n            aria-describedby=\"help-text\"\n            @click=${this.handleClick}\n            @input=${this.handleInput}\n            @invalid=${this.handleInvalid}\n            @blur=${this.handleBlur}\n            @focus=${this.handleFocus}\n            @keydown=${this.handleKeyDown}\n          />\n\n          <span part=\"control\" class=\"switch__control\">\n            <span part=\"thumb\" class=\"switch__thumb\"></span>\n          </span>\n\n          <div part=\"label\" class=\"switch__label\">\n            <slot></slot>\n          </div>\n        </label>\n\n        <div\n          aria-hidden=${hasHelpText ? 'false' : 'true'}\n          class=\"form-control__help-text\"\n          id=\"help-text\"\n          part=\"form-control-help-text\"\n        >\n          <slot name=\"help-text\">${this.helpText}</slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-switch': SynSwitch;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.F5OQ5A6I.js → chunk.FFAHZBAJ.js}

@@ -1,6 +1,6 @@
 import {
   SynCombobox
-} from "./chunk.RA6YFHDM.js";
+} from "./chunk.IFEFFC3Q.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = SynCombobox;
@@ -9,4 +9,4 @@ SynCombobox.define("syn-combobox");
 export {
   combobox_default
 };
-//# sourceMappingURL=chunk.F5OQ5A6I.js.map
+//# sourceMappingURL=chunk.FFAHZBAJ.js.map

package/dist/chunks/{chunk.MQG45CA3.js → chunk.FKDUVEOP.js}

@@ -1,21 +1,21 @@
-import {
-  icon_button_styles_default
-} from "./chunk.DAIQ5WRI.js";
 import {
   icon_button_custom_styles_default
 } from "./chunk.OQUVO5QW.js";
+import {
+  icon_button_styles_default
+} from "./chunk.DAIQ5WRI.js";
 import {
   SynIcon
-} from "./chunk.645UJMOV.js";
+} from "./chunk.TBZAI6T6.js";
 import {
   enableDefaultSettings
 } from "./chunk.YACUYJZN.js";
 import {
   component_styles_default
-} from "./chunk.FXJLG622.js";
+} from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.XBQWANZE.js";
+} from "./chunk.V4GFOKBI.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.MQG45CA3.js.map
+//# sourceMappingURL=chunk.FKDUVEOP.js.map

package/dist/chunks/{chunk.4AOCGMAY.js → chunk.FKVCNOHV.js}

@@ -3,22 +3,22 @@ import {
 } from "./chunk.K5MZVORR.js";
 import {
   SynDivider
-} from "./chunk.TWCC2CP6.js";
+} from "./chunk.VH6SKOPX.js";
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.645UJMOV.js";
+} from "./chunk.TBZAI6T6.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
-} from "./chunk.FXJLG622.js";
+} from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.XBQWANZE.js";
+} from "./chunk.V4GFOKBI.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -353,4 +353,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.4AOCGMAY.js.map
+//# sourceMappingURL=chunk.FKVCNOHV.js.map

package/dist/chunks/{chunk.5ZSMHHQE.js → chunk.FOH4KP4A.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.JDYQ7EFG.js";
 import {
   SynIconButton
-} from "./chunk.MQG45CA3.js";
+} from "./chunk.FKDUVEOP.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
@@ -15,10 +15,10 @@ import {
 } from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
-} from "./chunk.FXJLG622.js";
+} from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.XBQWANZE.js";
+} from "./chunk.V4GFOKBI.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.5ZSMHHQE.js.map
+//# sourceMappingURL=chunk.FOH4KP4A.js.map

package/dist/chunks/{chunk.PJTZN7JM.js → chunk.G7UFPFQ2.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.X5NFOV5A.js";
 import {
   SynIconButton
-} from "./chunk.MQG45CA3.js";
+} from "./chunk.FKDUVEOP.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
@@ -15,10 +15,10 @@ import {
 } from "./chunk.YACUYJZN.js";
 import {
   component_styles_default
-} from "./chunk.FXJLG622.js";
+} from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.XBQWANZE.js";
+} from "./chunk.V4GFOKBI.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.PJTZN7JM.js.map
+//# sourceMappingURL=chunk.G7UFPFQ2.js.map

package/dist/chunks/{chunk.CIJVYJBT.js → chunk.GCISSJZP.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumb
-} from "./chunk.U565GVEJ.js";
+} from "./chunk.2YBC7C2K.js";
 
 // src/components/breadcrumb/breadcrumb.ts
 var breadcrumb_default = SynBreadcrumb;
@@ -9,4 +9,4 @@ SynBreadcrumb.define("syn-breadcrumb");
 export {
   breadcrumb_default
 };
-//# sourceMappingURL=chunk.CIJVYJBT.js.map
+//# sourceMappingURL=chunk.GCISSJZP.js.map

package/dist/chunks/{chunk.PFYIQKRP.js → chunk.GIEAMHSU.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk.QLETXF4A.js";
 import {
   component_styles_default
-} from "./chunk.FXJLG622.js";
+} from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.XBQWANZE.js";
+} from "./chunk.V4GFOKBI.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -426,4 +426,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.PFYIQKRP.js.map
+//# sourceMappingURL=chunk.GIEAMHSU.js.map

package/dist/chunks/{chunk.Y7RYQ66B.js → chunk.GT6WAUZ7.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.MI4UFWSY.js";
+} from "./chunk.EAEQ3AGO.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.Y7RYQ66B.js.map
+//# sourceMappingURL=chunk.GT6WAUZ7.js.map

package/dist/chunks/{chunk.ZIPWPR45.js → chunk.GZVYO3UJ.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.2VDKBFQ7.js";
 import {
   component_styles_default
-} from "./chunk.FXJLG622.js";
+} from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.XBQWANZE.js";
+} from "./chunk.V4GFOKBI.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -48,4 +48,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.ZIPWPR45.js.map
+//# sourceMappingURL=chunk.GZVYO3UJ.js.map

package/dist/chunks/{chunk.RNZREX6Z.js → chunk.H63OT7RB.js}

@@ -1,15 +1,15 @@
-import {
-  menu_custom_styles_default
-} from "./chunk.3IQ2QEPZ.js";
 import {
   menu_styles_default
 } from "./chunk.V37RYGE7.js";
+import {
+  menu_custom_styles_default
+} from "./chunk.3IQ2QEPZ.js";
 import {
   component_styles_default
-} from "./chunk.FXJLG622.js";
+} from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.XBQWANZE.js";
+} from "./chunk.V4GFOKBI.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -160,4 +160,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.RNZREX6Z.js.map
+//# sourceMappingURL=chunk.H63OT7RB.js.map