nve-designsystem 3.2.0 → 3.3.0

package/components/nve-stepper/nve-stepper.component.js

@@ -1,179 +1,134 @@
-import { a as c, x as o } from "../../chunks/lit-element.js";
-import { n, t as u } from "../../chunks/property.js";
-import { StepState as h } from "./nve-step/nve-step.component.js";
-import S from "./nve-stepper.styles.js";
+import { a as e, t } from "../../chunks/lit.js";
+import { o as n, s as r, t as i } from "../../chunks/decorate.js";
+import { StepState as a } from "./nve-step/nve-step.component.js";
+import o from "./nve-stepper.styles.js";
 import "./nve-stepper-mobile.component.js";
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, i = (e, t, a, p) => {
-  for (var r = p > 1 ? void 0 : p ? f(t, a) : t, d = e.length - 1, l; d >= 0; d--)
-    (l = e[d]) && (r = (p ? l(t, a, r) : l(r)) || r);
-  return p && r && v(t, a, r), r;
-};
-function x() {
-  return /Mobi|Android/i.test(navigator.userAgent);
+//#region src/components/nve-stepper/nve-stepper.component.ts
+function s() {
+	return /Mobi|Android/i.test(navigator.userAgent);
 }
-let s = class extends c {
-  constructor() {
-    super(...arguments), this.orientation = "horizontal", this.endButtonText = "Sende", this.steps = [], this.hideStepButtons = !1, this.hideMobileStepButtons = !1, this.displayMobileVersion = !1, this.hideStateText = !1, this.hideDescriptions = !1, this.selectedStepIndex = { value: 0 };
-  }
-  /**
-   * Ved endring av props, re-render komponenten eksternt med document.querySelector("nve-stepper")?.reRender();
-   * Dette er nyttig når du vil tvinge en oppdatering av komponenten uten å endre dens interne state.
-   * Ellers vil man ikke se endringene før intern state endres.
-   * `requestUpdate` er en innebygd Lit funksjon som planlegger en oppdatering av komponenten.
-   */
-  reRender() {
-    this.requestUpdate();
-  }
-  /** Metode som kjøres første gang komponenten er lagt til i DOM */
-  firstUpdated() {
-    this.setStep(this.selectedStepIndex.value);
-    const e = this;
-    e.nextStep = this.nextStep.bind(this), e.prevStep = this.prevStep.bind(this), e.selectStep = this.selectStep.bind(this), e.finishSteps = this.finishSteps.bind(this), e.getCurrentIndex = this.getCurrentIndex.bind(this), e.reRender = this.reRender.bind(this);
-  }
-  /** Metode for å gå til neste steg */
-  nextStep() {
-    this.selectedStepIndex.value < this.steps.length - 1 && this.setStep(this.selectedStepIndex.value + 1);
-  }
-  /** Metode for å gå til forrige steg */
-  prevStep() {
-    this.selectedStepIndex.value > 0 && this.setStep(this.selectedStepIndex.value - 1);
-  }
-  /** Metode for å velge et spesifikt steg */
-  selectStep(e) {
-    this.setStep(e);
-  }
-  /** Metode som kjøres når alle stegene er fullført */
-  finishSteps() {
-  }
-  /** Metode for å hente den gjeldende indeksen */
-  getCurrentIndex() {
-    return this.selectedStepIndex.value;
-  }
-  handleStepClick(e, t) {
-    this.dispatchEvent(
-      new CustomEvent("step-click", {
-        detail: { step: e, index: t },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  setStep(e) {
-    if (this.steps[e].readyForEntrance) {
-      this.selectedStepIndex.value = e;
-      for (let t = 0; t < this.steps.length; t++)
-        t < e ? this.steps[t].state = h.Done : t === e ? this.steps[t].state = h.Active : this.steps[t].state !== h.NotStarted && (this.steps[t].state = h.Started), this.steps[t].isSelected = t === e;
-      this.steps = [...this.steps];
-    }
-  }
-  getExtremes() {
-    if (this.selectedStepIndex.value === 0) return "start";
-    if (this.selectedStepIndex.value === this.steps.length - 1)
-      return "end";
-  }
-  handleMobileStepClick(e) {
-    const t = e.detail?.action;
-    t === "next" ? this.selectedStepIndex.value < this.steps.length - 1 ? this.nextStep() : this.finishSteps() : t === "prev" && this.prevStep();
-  }
-  renderBackButton() {
-    return this.hideStepButtons ? "" : o`
+var c = class extends t {
+	constructor(...e) {
+		super(...e), this.orientation = "horizontal", this.endButtonText = "Sende", this.steps = [], this.hideStepButtons = !1, this.hideMobileStepButtons = !1, this.displayMobileVersion = !1, this.hideStateText = !1, this.hideDescriptions = !1, this.selectedStepIndex = { value: 0 };
+	}
+	static {
+		this.styles = [o];
+	}
+	reRender() {
+		this.requestUpdate();
+	}
+	firstUpdated() {
+		this.setStep(this.selectedStepIndex.value);
+		let e = this;
+		e.nextStep = this.nextStep.bind(this), e.prevStep = this.prevStep.bind(this), e.selectStep = this.selectStep.bind(this), e.finishSteps = this.finishSteps.bind(this), e.getCurrentIndex = this.getCurrentIndex.bind(this), e.reRender = this.reRender.bind(this);
+	}
+	nextStep() {
+		this.selectedStepIndex.value < this.steps.length - 1 && this.setStep(this.selectedStepIndex.value + 1);
+	}
+	prevStep() {
+		this.selectedStepIndex.value > 0 && this.setStep(this.selectedStepIndex.value - 1);
+	}
+	selectStep(e) {
+		this.setStep(e);
+	}
+	finishSteps() {}
+	getCurrentIndex() {
+		return this.selectedStepIndex.value;
+	}
+	handleStepClick(e, t) {
+		this.dispatchEvent(new CustomEvent("step-click", {
+			detail: {
+				step: e,
+				index: t
+			},
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	setStep(e) {
+		if (this.steps[e].readyForEntrance) {
+			this.selectedStepIndex.value = e;
+			for (let t = 0; t < this.steps.length; t++) t < e ? this.steps[t].state = a.Done : t === e ? this.steps[t].state = a.Active : this.steps[t].state !== a.NotStarted && (this.steps[t].state = a.Started), this.steps[t].isSelected = t === e;
+			this.steps = [...this.steps];
+		}
+	}
+	getExtremes() {
+		if (this.selectedStepIndex.value === 0) return "start";
+		if (this.selectedStepIndex.value === this.steps.length - 1) return "end";
+	}
+	handleMobileStepClick(e) {
+		let t = e.detail?.action;
+		t === "next" ? this.selectedStepIndex.value < this.steps.length - 1 ? this.nextStep() : this.finishSteps() : t === "prev" && this.prevStep();
+	}
+	renderBackButton() {
+		return this.hideStepButtons ? "" : e`
           <nve-button
             .disabled=${this.getExtremes() === "start"}
             size="medium"
             variant="primary"
             @click=${this.prevStep}
           >
-            <nve-icon slot="prefix" name="navigate_before"></nve-icon>
+            <nve-icon slot="start" name="navigate_before"></nve-icon>
             Forrige
           </nve-button>
         `;
-  }
-  isOrientationVertical() {
-    return this.orientation === "vertical";
-  }
-  renderForwardButton() {
-    return this.hideStepButtons ? "" : this.getExtremes() === "end" ? o`
+	}
+	isOrientationVertical() {
+		return this.orientation === "vertical";
+	}
+	renderForwardButton() {
+		return this.hideStepButtons ? "" : this.getExtremes() === "end" ? e`
         <nve-button size="medium" variant="primary" @click=${this.finishSteps}>
-          <nve-icon slot="suffix" name="done"></nve-icon>
+          <nve-icon slot="end" name="done"></nve-icon>
           ${this.endButtonText}
         </nve-button>
-      ` : o`
+      ` : e`
       <nve-button .disabled=${this.getExtremes() === "end"} size="medium" variant="primary" @click=${this.nextStep}>
-        <nve-icon slot="suffix" name="navigate_next"></nve-icon>
+        <nve-icon slot="end" name="navigate_next"></nve-icon>
         Neste
       </nve-button>
     `;
-  }
-  renderVerticalButtons() {
-    return this.hideStepButtons ? "" : o` <div class="vertical-btn-container">${this.renderBackButton()} ${this.renderForwardButton()}</div> `;
-  }
-  /** Hoved render-metode */
-  render() {
-    return x() || this.displayMobileVersion ? o`
+	}
+	renderVerticalButtons() {
+		return this.hideStepButtons ? "" : e` <div class="vertical-btn-container">${this.renderBackButton()} ${this.renderForwardButton()}</div> `;
+	}
+	render() {
+		return s() || this.displayMobileVersion ? e`
         <nve-stepper-mobile
           .steps=${this.steps}
           .selectedStepIndex=${this.selectedStepIndex}
           .hideStepButtons=${this.hideMobileStepButtons}
           @step-click=${this.handleMobileStepClick}
         ></nve-stepper-mobile>
-      ` : o`
+      ` : e`
       <div class="stepper ${this.orientation}">
         ${this.isOrientationVertical() ? "" : this.renderBackButton()}
         <div class="steps-container ${this.orientation}  ${this.hideStepButtons ? "" : "steps-container-with-buttons"}">
-          ${this.steps.map(
-      (e, t) => o`
+          ${this.steps.map((t, n) => e`
               <nve-step
-                .label=${e.label}
-                .description=${e.description}
-                .state=${e.state}
+                .label=${t.label}
+                .description=${t.description}
+                .state=${t.state}
                 .selectedStepIndex=${this.selectedStepIndex.value}
-                .isSelected=${e.isSelected}
-                .isLast=${t === this.steps.length - 1}
-                .index=${t}
-                .readyForEntrance=${e.readyForEntrance}
+                .isSelected=${t.isSelected}
+                .isLast=${n === this.steps.length - 1}
+                .index=${n}
+                .readyForEntrance=${t.readyForEntrance}
                 .orientation=${this.orientation}
                 .hideStateText=${this.hideStateText}
                 .hideDescriptions=${this.hideDescriptions}
-                @click=${() => this.handleStepClick(e, t)}
+                @click=${() => this.handleStepClick(t, n)}
               >
               </nve-step>
-            `
-    )}
+            `)}
         </div>
         ${this.isOrientationVertical() ? "" : this.renderForwardButton()}
         ${this.isOrientationVertical() ? this.renderVerticalButtons() : ""}
       </div>
     `;
-  }
-};
-s.styles = [S];
-i([
-  n()
-], s.prototype, "orientation", 2);
-i([
-  n({ type: String })
-], s.prototype, "endButtonText", 2);
-i([
-  n({ type: Array })
-], s.prototype, "steps", 2);
-i([
-  n({ type: Boolean })
-], s.prototype, "hideStepButtons", 2);
-i([
-  n({ type: Boolean })
-], s.prototype, "hideMobileStepButtons", 2);
-i([
-  n({ type: Boolean })
-], s.prototype, "displayMobileVersion", 2);
-i([
-  n({ type: Boolean })
-], s.prototype, "hideStateText", 2);
-i([
-  n({ type: Boolean })
-], s.prototype, "hideDescriptions", 2);
-s = i([
-  u("nve-stepper")
-], s);
-export {
-  s as default
+	}
 };
+i([n()], c.prototype, "orientation", void 0), i([n({ type: String })], c.prototype, "endButtonText", void 0), i([n({ type: Array })], c.prototype, "steps", void 0), i([n({ type: Boolean })], c.prototype, "hideStepButtons", void 0), i([n({ type: Boolean })], c.prototype, "hideMobileStepButtons", void 0), i([n({ type: Boolean })], c.prototype, "displayMobileVersion", void 0), i([n({ type: Boolean })], c.prototype, "hideStateText", void 0), i([n({ type: Boolean })], c.prototype, "hideDescriptions", void 0), c = i([r("nve-stepper")], c);
+var l = c;
+//#endregion
+export { l as default };

package/components/nve-stepper/nve-stepper.styles.js

@@ -1,5 +1,6 @@
-import { i as e } from "../../chunks/lit-element.js";
-const n = e`
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-stepper/nve-stepper.styles.ts
+var t = e`
   :host {
     -webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Safari */
@@ -54,6 +55,5 @@ const n = e`
   }
 
 `;
-export {
-  n as default
-};
+//#endregion
+export { t as default };

package/components/nve-switch/nve-switch.component.js

@@ -1,77 +1,72 @@
-import { n as i, t as n } from "../../chunks/property.js";
-import { r as p } from "../../chunks/state.js";
-import { e as u } from "../../chunks/query.js";
-import { a as d, x as f } from "../../chunks/lit-element.js";
-import { w as m } from "../../chunks/watch.js";
-import { o as b } from "../../chunks/if-defined.js";
-import { l as w } from "../../chunks/live.js";
-import { e as y } from "../../chunks/class-map.js";
-import k from "./nve-switch.styles.js";
-var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (s, a, o, c) => {
-  for (var h = c > 1 ? void 0 : c ? _(a, o) : a, l = s.length - 1, r; l >= 0; l--)
-    (r = s[l]) && (h = (c ? r(a, o, h) : r(h)) || h);
-  return c && h && v(a, o, h), h;
-};
-let t = class extends d {
-  constructor() {
-    super(), this.testId = "", this.hasFocus = !1, this.title = "", this.name = "", this.value = "", this.disabled = !1, this.checked = !1, this.variant = "default", this.labelPosition = "end";
-  }
-  emit(s) {
-    const a = new CustomEvent(s, {
-      bubbles: !0,
-      cancelable: !1,
-      composed: !0,
-      detail: {}
-    });
-    this.dispatchEvent(a);
-  }
-  handleBlur() {
-    this.hasFocus = !1;
-  }
-  handleInput() {
-  }
-  handleClick() {
-    this.checked = !this.checked, this.emit("change");
-  }
-  handleFocus() {
-    this.hasFocus = !0;
-  }
-  handleKeyDown(s) {
-    s.key === "ArrowLeft" && (s.preventDefault(), this.checked = !1, this.emit("change"), this.emit("input")), s.key === "ArrowRight" && (s.preventDefault(), this.checked = !0, this.emit("change"), this.emit("input"));
-  }
-  handleCheckedChange() {
-    this.input.checked = this.checked;
-  }
-  /** click, focus og blur sendes til input (checkbox) */
-  click() {
-    this.input.click();
-  }
-  focus(s) {
-    this.input.focus(s);
-  }
-  blur() {
-    this.input.blur();
-  }
-  render() {
-    return f`<div>
+import { a as e, t } from "../../chunks/lit.js";
+import { a as n, o as r, r as i, s as a, t as o } from "../../chunks/decorate.js";
+import { t as s } from "../../chunks/class-map.js";
+import { t as c } from "../../chunks/if-defined.js";
+import { t as l } from "../../chunks/live.js";
+import { t as u } from "../../chunks/watch.js";
+import d from "./nve-switch.styles.js";
+//#region src/components/nve-switch/nve-switch.component.ts
+var f = class extends t {
+	constructor() {
+		super(), this.testId = "", this.hasFocus = !1, this.title = "", this.name = "", this.value = "", this.disabled = !1, this.checked = !1, this.variant = "default", this.labelPosition = "end";
+	}
+	static {
+		this.styles = [d];
+	}
+	emit(e) {
+		let t = new CustomEvent(e, {
+			bubbles: !0,
+			cancelable: !1,
+			composed: !0,
+			detail: {}
+		});
+		this.dispatchEvent(t);
+	}
+	handleBlur() {
+		this.hasFocus = !1;
+	}
+	handleInput() {}
+	handleClick() {
+		this.checked = !this.checked, this.emit("change");
+	}
+	handleFocus() {
+		this.hasFocus = !0;
+	}
+	handleKeyDown(e) {
+		e.key === "ArrowLeft" && (e.preventDefault(), this.checked = !1, this.emit("change"), this.emit("input")), e.key === "ArrowRight" && (e.preventDefault(), this.checked = !0, this.emit("change"), this.emit("input"));
+	}
+	handleCheckedChange() {
+		this.input.checked = this.checked;
+	}
+	click() {
+		this.input.click();
+	}
+	focus(e) {
+		this.input.focus(e);
+	}
+	blur() {
+		this.input.blur();
+	}
+	render() {
+		return e`<div>
       <label
         part="base"
-        class=${y({
-      switch: !0,
-      "switch--checked": this.checked,
-      "switch--disabled": this.disabled,
-      "switch--focused": this.hasFocus,
-      [`switch--${this.variant}`]: !0,
-      [`switch--label-${this.labelPosition}`]: !0
-    })} 
+        class=${s({
+			switch: !0,
+			"switch--checked": this.checked,
+			"switch--disabled": this.disabled,
+			"switch--focused": this.hasFocus,
+			[`switch--${this.variant}`]: !0,
+			[`switch--label-${this.labelPosition}`]: !0
+		})} 
       >
         <input
           class="switch__input"
           type="checkbox"
           title=${this.title}
           name=${this.name}
-          value=${b(this.value)}
-          .checked=${w(this.checked)}
+          value=${c(this.value)}
+          .checked=${l(this.checked)}
           .disabled=${this.disabled}
           role="switch"
           aria-checked=${this.checked ? "true" : "false"}
@@ -93,45 +88,18 @@ let t = class extends d {
         </div>
       </label>
     </div>`;
-  }
-};
-t.styles = [k];
-e([
-  i({ reflect: !0, type: String })
-], t.prototype, "testId", 2);
-e([
-  u('input[type="checkbox"]')
-], t.prototype, "input", 2);
-e([
-  p()
-], t.prototype, "hasFocus", 2);
-e([
-  i()
-], t.prototype, "title", 2);
-e([
-  i()
-], t.prototype, "name", 2);
-e([
-  i()
-], t.prototype, "value", 2);
-e([
-  i({ type: Boolean, reflect: !0 })
-], t.prototype, "disabled", 2);
-e([
-  i({ type: Boolean, reflect: !0 })
-], t.prototype, "checked", 2);
-e([
-  i()
-], t.prototype, "variant", 2);
-e([
-  i({ attribute: "label-position" })
-], t.prototype, "labelPosition", 2);
-e([
-  m("checked", { waitUntilFirstUpdate: !0 })
-], t.prototype, "handleCheckedChange", 1);
-t = e([
-  n("nve-switch")
-], t);
-export {
-  t as default
+	}
 };
+o([r({
+	reflect: !0,
+	type: String
+})], f.prototype, "testId", void 0), o([i("input[type=\"checkbox\"]")], f.prototype, "input", void 0), o([n()], f.prototype, "hasFocus", void 0), o([r()], f.prototype, "title", void 0), o([r()], f.prototype, "name", void 0), o([r()], f.prototype, "value", void 0), o([r({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "disabled", void 0), o([r({
+	type: Boolean,
+	reflect: !0
+})], f.prototype, "checked", void 0), o([r()], f.prototype, "variant", void 0), o([r({ attribute: "label-position" })], f.prototype, "labelPosition", void 0), o([u("checked", { waitUntilFirstUpdate: !0 })], f.prototype, "handleCheckedChange", null), f = o([a("nve-switch")], f);
+var p = f;
+//#endregion
+export { p as default };

package/components/nve-switch/nve-switch.styles.js

@@ -1,5 +1,6 @@
-import { i as o } from "../../chunks/lit-element.js";
-const r = o`
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-switch/nve-switch.styles.ts
+var t = e`
   .switch {
     display: flex;
     align-items: center;
@@ -84,7 +85,7 @@ const r = o`
   }
 
   .switch.switch--focused:has(:focus-visible) .switch__control {
-    outline: 2px solid var(--color-interactive-links-focus);
+    outline: 2px solid var(--color-interactive-border-accessibility-focus);
     outline-offset: 1px;
   }
   .switch:not(.switch--disabled):hover {
@@ -104,11 +105,10 @@ const r = o`
 
   .switch--primary {
     &.switch--checked .switch__control {
-      --on-color: var(--color-interactive-primary-border-focus);
+      --on-color: var(--color-interactive-border-accessibility-focus);
       --off-color: var(--color-neutrals-background-secondary);
     }
   }
 `;
-export {
-  r as default
-};
+//#endregion
+export { t as default };

package/components/nve-tab/nve-tab.component.js

@@ -1,53 +1,41 @@
-import { a as n, x as b } from "../../chunks/lit-element.js";
-import { n as r, t as c } from "../../chunks/property.js";
-import h from "./nve-tab.styles.js";
-import { e as f } from "../../chunks/class-map.js";
-var u = Object.defineProperty, m = Object.getOwnPropertyDescriptor, s = (d, a, o, i) => {
-  for (var e = i > 1 ? void 0 : i ? m(a, o) : a, l = d.length - 1, p; l >= 0; l--)
-    (p = d[l]) && (e = (i ? p(a, o, e) : p(e)) || e);
-  return i && e && u(a, o, e), e;
-};
-let v = 0, t = class extends n {
-  constructor() {
-    super(), this.testId = void 0, this.panel = null, this.size = "large", this.background = !1, this.disabled = !1, this.attrId = ++v, this.componentId = `nve-tab-${this.attrId}`;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("role", "tab");
-  }
-  render() {
-    return this.id = this.id.length > 0 ? this.id : this.componentId, b`
+import { a as e, t } from "../../chunks/lit.js";
+import { o as n, s as r, t as i } from "../../chunks/decorate.js";
+import { t as a } from "../../chunks/class-map.js";
+import o from "./nve-tab.styles.js";
+//#region src/components/nve-tab/nve-tab.component.ts
+var s = 0, c = class extends t {
+	static {
+		this.styles = [o];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("role", "tab");
+	}
+	constructor() {
+		super(), this.testId = void 0, this.panel = null, this.size = "large", this.background = !1, this.disabled = !1, this.attrId = ++s, this.componentId = `nve-tab-${this.attrId}`;
+	}
+	render() {
+		return this.id = this.id.length > 0 ? this.id : this.componentId, e`
       <div
         part="base"
         aria-disabled=${this.disabled ? "true" : "false"}
         disabled=${this.disabled ? "true" : "false"}
-        class=${f({ tab: !0, "tab--large": this.size === "large", "tab--background": this.background })}
+        class=${a({
+			tab: !0,
+			"tab--large": this.size === "large",
+			"tab--background": this.background
+		})}
       >
         <slot name="prefix"></slot>
         <slot></slot>
         <slot name="suffix"></slot>
       </div>
     `;
-  }
-};
-t.styles = [h];
-s([
-  r({ type: String })
-], t.prototype, "testId", 2);
-s([
-  r({ type: String })
-], t.prototype, "panel", 2);
-s([
-  r({ type: String })
-], t.prototype, "size", 2);
-s([
-  r({ type: Boolean })
-], t.prototype, "background", 2);
-s([
-  r({ type: Boolean, reflect: !0 })
-], t.prototype, "disabled", 2);
-t = s([
-  c("nve-tab")
-], t);
-export {
-  t as default
+	}
 };
+i([n({ type: String })], c.prototype, "testId", void 0), i([n({ type: String })], c.prototype, "panel", void 0), i([n({ type: String })], c.prototype, "size", void 0), i([n({ type: Boolean })], c.prototype, "background", void 0), i([n({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "disabled", void 0), c = i([r("nve-tab")], c);
+var l = c;
+//#endregion
+export { l as default };

package/components/nve-tab/nve-tab.styles.js

@@ -1,5 +1,6 @@
-import { i as r } from "../../chunks/lit-element.js";
-const e = r`
+import { u as e } from "../../chunks/lit.js";
+//#region src/components/nve-tab/nve-tab.styles.ts
+var t = e`
   :host {
     --border-bottom: 2px;
     display: flex;
@@ -10,8 +11,8 @@ const e = r`
   }
 
   :host(:focus-visible) .tab {
-    outline: 2px solid var(--color-interactive-outlined-border-focus);
-    outline-offset: -12px;
+    outline: 2px solid var(--color-interactive-border-accessibility-focus);
+    outline-offset: -4px;
   }
 
   .tab {
@@ -81,6 +82,5 @@ const e = r`
     border-bottom: var(--border-bottom) solid var(--color-neutrals-border-subtle);
   }
 `;
-export {
-  e as default
-};
+//#endregion
+export { t as default };