@oslokommune/punkt-elements 16.7.1 → 16.7.3

package/dist/{progressbar-By7e0lEI.js → progressbar-sbHDFC12.js}

@@ -1,95 +1,95 @@
-import { e as n } from "./class-map-CEnykyO_.js";
-import { E as g, P as _, A as c, b, n as u, t as $ } from "./element-CPpT3rFQ.js";
+import { e as p } from "./class-map-CEnykyO_.js";
+import { E as _, t as $, P as A, A as c, b as d, n as u } from "./element-CPpT3rFQ.js";
 import { r as h } from "./state-C_1EOo3D.js";
-import { e as y, n as A } from "./ref-Bg_Swj5w.js";
-import { e as x, i as T, t as k } from "./directive-oAbCiebi.js";
-import { u as d } from "./utils-DznhwRXm.js";
-import "./icon-BlKA8YuW.js";
+import { e as y, n as k } from "./ref-Bg_Swj5w.js";
+import { e as x, i as T, t as C } from "./directive-oAbCiebi.js";
+import { u as b } from "./utils-DznhwRXm.js";
+import "./icon-CxQcIa5F.js";
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const v = "important", C = " !" + v, M = x(class extends T {
-  constructor(t) {
-    var e;
-    if (super(t), t.type !== k.ATTRIBUTE || t.name !== "style" || ((e = t.strings) == null ? void 0 : e.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+const f = "important", M = " !" + f, L = x(class extends T {
+  constructor(l) {
+    var t;
+    if (super(l), l.type !== C.ATTRIBUTE || l.name !== "style" || ((t = l.strings) == null ? void 0 : t.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
-  render(t) {
-    return Object.keys(t).reduce((e, a) => {
-      const s = t[a];
-      return s == null ? e : e + `${a = a.includes("-") ? a : a.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${s};`;
+  render(l) {
+    return Object.keys(l).reduce((t, e) => {
+      const i = l[e];
+      return i == null ? t : t + `${e = e.includes("-") ? e : e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${i};`;
     }, "");
   }
-  update(t, [e]) {
-    const { style: a } = t.element;
-    if (this.ft === void 0) return this.ft = new Set(Object.keys(e)), this.render(e);
-    for (const s of this.ft) e[s] == null && (this.ft.delete(s), s.includes("-") ? a.removeProperty(s) : a[s] = null);
-    for (const s in e) {
-      const l = e[s];
-      if (l != null) {
-        this.ft.add(s);
-        const o = typeof l == "string" && l.endsWith(C);
-        s.includes("-") || o ? a.setProperty(s, o ? l.slice(0, -11) : l, o ? v : "") : a[s] = l;
+  update(l, [t]) {
+    const { style: e } = l.element;
+    if (this.ft === void 0) return this.ft = new Set(Object.keys(t)), this.render(t);
+    for (const i of this.ft) t[i] == null && (this.ft.delete(i), i.includes("-") ? e.removeProperty(i) : e[i] = null);
+    for (const i in t) {
+      const a = t[i];
+      if (a != null) {
+        this.ft.add(i);
+        const o = typeof a == "string" && a.endsWith(M);
+        i.includes("-") || o ? e.setProperty(i, o ? a.slice(0, -11) : a, o ? f : "") : e[i] = a;
       }
     }
-    return g;
+    return _;
   }
 });
-var L = Object.defineProperty, S = Object.getOwnPropertyDescriptor, i = (t, e, a, s) => {
-  for (var l = s > 1 ? void 0 : s ? S(e, a) : e, o = t.length - 1, p; o >= 0; o--)
-    (p = t[o]) && (l = (s ? p(e, a, l) : p(l)) || l);
-  return s && l && L(e, a, l), l;
+var S = Object.defineProperty, r = (l, t, e, i) => {
+  for (var a = void 0, o = l.length - 1, n; o >= 0; o--)
+    (n = l[o]) && (a = n(t, e, a) || a);
+  return a && S(t, e, a), a;
 };
-let r = class extends _ {
+class s extends A {
   constructor() {
-    super(), this.ariaLabel = null, this.ariaLabelledby = null, this.ariaValueText = null, this.ariaLive = "polite", this.id = d(), this.role = "progressbar", this.skin = "dark-blue", this.statusPlacement = "following", this.statusType = "none", this.title = "", this.titlePosition = "left", this.valueCurrent = 0, this.valueMax = 100, this.valueMin = 0, this.labelWidth = 0, this.progressbarId = this.id, this.computedAriaLabelledby = null, this.computedAriaValueText = "", this.labelRef = y(), this.progressBarRef = y();
+    super(), this.ariaLabel = null, this.ariaLabelledby = null, this.ariaValueText = null, this.ariaLive = "polite", this.id = b(), this.role = "progressbar", this.skin = "dark-blue", this.statusPlacement = "following", this.statusType = "none", this.title = "", this.titlePosition = "left", this.valueCurrent = 0, this.valueMax = 100, this.valueMin = 0, this.labelWidth = 0, this.progressbarId = this.id, this.computedAriaLabelledby = null, this.computedAriaValueText = "", this.labelRef = y(), this.progressBarRef = y();
   }
   firstUpdated(t) {
     super.firstUpdated(t), this.setComputedValues(), this.syncAttributes();
   }
   updated(t) {
-    super.updated(t), t.has("valueCurrent") && this.labelRef.value && (this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0), t.has("id") && this.id && (this.progressBarId = this.id), (t.has("statusType") || t.has("id") || t.has("ariaLabelledby")) && (this.progressbarId = this.id || d(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`), (t.has("ariaValueText") || t.has("valueCurrent") || t.has("valueMax")) && (this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || ""), this.syncAttributes();
+    super.updated(t), t.has("valueCurrent") && this.labelRef.value && (this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0), t.has("id") && this.id && (this.progressBarId = this.id), (t.has("statusType") || t.has("id") || t.has("ariaLabelledby")) && (this.progressbarId = this.id || b(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`), (t.has("ariaValueText") || t.has("valueCurrent") || t.has("valueMax")) && (this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || ""), this.syncAttributes();
   }
   render() {
-    const t = this.statusType !== "none", e = this.valueMax - this.valueMin, a = this.valueCurrent / e * 100, s = this.statusType === "fraction" ? Math.round(a) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), l = `${this.valueCurrent} av ${e}`, o = n({
+    const t = this.statusType !== "none", e = this.valueMax - this.valueMin, i = this.valueCurrent / e * 100, a = this.statusType === "fraction" ? Math.round(i) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), o = `${this.valueCurrent} av ${e}`, n = p({
       "pkt-progressbar__bar": !0,
       [`pkt-progressbar__bar--${this.skin}`]: !!this.skin
-    }), p = n({
+    }), v = p({
       "pkt-progressbar__title": !0,
       "pkt-progressbar__title-center": this.titlePosition === "center"
-    }), f = n({
+    }), m = p({
       "pkt-progressbar__status": !0,
       "pkt-progressbar__status--center": this.statusPlacement === "center"
-    }), m = n({
+    }), g = p({
       "pkt-progressbar__status-placement--following": this.statusPlacement === "following",
       "pkt-progressbar__status-placement--center": this.statusPlacement === "center",
       "pkt-progressbar__status-placement--left": this.statusPlacement === "left"
     });
-    return b` <div
+    return d` <div
       class="pkt-progressbar__container"
       .ref=${this.progressBarRef}
-      style=${M({
+      style=${L({
       "--pkt-progress-label-width": `${this.labelWidth}px`,
-      "--pkt-progress-width": `${s}%`
+      "--pkt-progress-width": `${a}%`
     })}
     >
-      ${this.title ? b`<p id=${`${this.progressBarId}-title`} class=${p}>${this.title}</p>` : c}
+      ${this.title ? d`<p id=${`${this.progressBarId}-title`} class=${v}>${this.title}</p>` : c}
 
       <div class="pkt-progressbar__bar-wrapper">
-        <div class=${o}></div>
+        <div class=${n}></div>
       </div>
 
-      ${t ? b`<div class=${f}>
-            <span class=${m} ${A(this.labelRef)}>
-              ${this.statusType === "percentage" ? `${s}%` : l}
+      ${t ? d`<div class=${m}>
+            <span class=${g} ${k(this.labelRef)}>
+              ${this.statusType === "percentage" ? `${a}%` : o}
             </span>
           </div>` : c}
     </div>`;
   }
   // methods
   setComputedValues() {
-    this.progressbarId = this.id || d(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`, this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || "";
+    this.progressbarId = this.id || b(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`, this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || "";
   }
   syncAttributes() {
     this._handleAttribute("aria-live", this.ariaLive), this._handleAttribute("aria-valuenow", this.valueCurrent), this._handleAttribute("aria-valuemin", this.valueMin), this._handleAttribute("aria-valuemax", this.valueMax), this._handleAttribute("aria-valuetext", this.computedAriaValueText), this._handleAttribute("aria-label", this.ariaLabel), this._handleAttribute("role", this.role), this._handleAttribute("aria-atomic", "true"), this._handleAttribute("id", this.progressbarId), this.ariaLabel || this._handleAttribute("aria-labelledby", this.computedAriaLabelledby);
@@ -97,66 +97,66 @@ let r = class extends _ {
   _handleAttribute(t, e) {
     e == null || e === "" ? this.removeAttribute(t) : this.setAttribute(t, String(e));
   }
-};
-i([
+}
+r([
   u({ type: String })
-], r.prototype, "ariaLabel", 2);
-i([
+], s.prototype, "ariaLabel");
+r([
   u({ type: String, reflect: !0 })
-], r.prototype, "ariaLabelledby", 2);
-i([
+], s.prototype, "ariaLabelledby");
+r([
   u({ type: String, reflect: !0 })
-], r.prototype, "ariaValueText", 2);
-i([
+], s.prototype, "ariaValueText");
+r([
   u({ type: String })
-], r.prototype, "ariaLive", 2);
-i([
+], s.prototype, "ariaLive");
+r([
   u({ type: String, reflect: !0 })
-], r.prototype, "id", 2);
-i([
+], s.prototype, "id");
+r([
   u({ type: String })
-], r.prototype, "role", 2);
-i([
+], s.prototype, "role");
+r([
   u({ type: String })
-], r.prototype, "skin", 2);
-i([
+], s.prototype, "skin");
+r([
   u({ type: String })
-], r.prototype, "statusPlacement", 2);
-i([
+], s.prototype, "statusPlacement");
+r([
   u({ type: String })
-], r.prototype, "statusType", 2);
-i([
+], s.prototype, "statusType");
+r([
   u({ type: String, reflect: !0 })
-], r.prototype, "title", 2);
-i([
+], s.prototype, "title");
+r([
   u({ type: String })
-], r.prototype, "titlePosition", 2);
-i([
+], s.prototype, "titlePosition");
+r([
   u({ type: Number, reflect: !0 })
-], r.prototype, "valueCurrent", 2);
-i([
+], s.prototype, "valueCurrent");
+r([
   u({ type: Number })
-], r.prototype, "valueMax", 2);
-i([
+], s.prototype, "valueMax");
+r([
   u({ type: Number })
-], r.prototype, "valueMin", 2);
-i([
+], s.prototype, "valueMin");
+r([
   h()
-], r.prototype, "labelWidth", 2);
-i([
+], s.prototype, "labelWidth");
+r([
   h()
-], r.prototype, "progressbarId", 2);
-i([
+], s.prototype, "progressbarId");
+r([
   h()
-], r.prototype, "computedAriaLabelledby", 2);
-i([
+], s.prototype, "computedAriaLabelledby");
+r([
   h()
-], r.prototype, "computedAriaValueText", 2);
-r = i([
-  $("pkt-progressbar")
-], r);
-const W = r;
+], s.prototype, "computedAriaValueText");
+try {
+  $("pkt-progressbar")(s);
+} catch {
+  console.warn("Forsøker å definere <pkt-progressbar>, men den er allerede definert");
+}
 export {
-  r as P,
-  W as a
+  s as P
 };

package/dist/radiobutton-5ZqVVtTT.cjs

@@ -0,0 +1,31 @@
+"use strict";const t=require("./element-gR_VtSiD.cjs"),u=require("./state-Dg-53wQ8.cjs"),d=require("./input-element-DdVhUvva.cjs"),o=require("./ref-CL-Xk9Xm.cjs"),h=require("./class-map-CsENJXf1.cjs");var k=Object.defineProperty,s=(c,i,a,p)=>{for(var n=void 0,l=c.length-1,r;l>=0;l--)(r=c[l])&&(n=r(i,a,n)||n);return n&&k(i,a,n),n};class e extends d.PktInputElement{constructor(){super(...arguments),this.inputRef=o.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.checked=null,this.type="radio",this.tagText=null,this.optionalTag=!1,this.optionalText="Valgfritt",this.requiredTag=!1,this.requiredText="Må fylles ut",this._checked=!1}connectedCallback(){super.connectedCallback()}attributeChangedCallback(i,a,p){i==="defaultChecked"&&(this._checked=this.defaultChecked),i==="checked"&&(this._checked=this.checked===""||this.checked==="true"||this.checked===!0),super.attributeChangedCallback(i,a,p)}render(){const i=h.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),a=h.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),p=h.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-sr-only":this.hideLabel}),n="pkt-tag pkt-tag--small pkt-tag--thin-text",l=()=>t.b`
+        ${this.tagText?t.b`<span class=${n+" pkt-tag--gray"}>${this.tagText}</span>`:t.A}
+        ${this.optionalTag?t.b`<span class=${n+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.A}
+        ${this.requiredTag?t.b`<span class=${n+" pkt-tag--beige"}>${this.requiredText}</span>`:t.A}
+      `,r=()=>t.b`
+        <label class=${p} for=${this.id+"-internal"}>
+          ${this.label} ${l()}
+          ${this.checkHelptext?t.b`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>`:t.A}
+        </label>
+      `;return t.b`
+      <div class="pkt-input-check">
+        <div class=${i}>
+          <input
+            id=${this.id+"-internal"}
+            class=${a}
+            type="radio"
+            role="radio"
+            ?disabled=${this.disabled}
+            form=""
+            name=${this.name+"-internal"}
+            ${o.n(this.inputRef)}
+            @change=${this.toggleChecked}
+            @input=${this.onInput}
+            @blur=${this.onBlur}
+            @focus=${this.onFocus}
+            ?checked=${this.checked}
+          />
+          ${r()}
+        </div>
+      </div>
+    `}toggleChecked(i=null){i&&i.preventDefault(),i&&i.stopImmediatePropagation(),this.touched=!0,this.inputRef.value&&(this._checked=this.inputRef.value.matches(":checked"),this.valueChecked(this._checked))}}s([t.n({type:String,reflect:!0})],e.prototype,"value");s([t.n({type:String})],e.prototype,"checkHelptext");s([t.n({type:Boolean})],e.prototype,"defaultChecked");s([t.n({type:Boolean})],e.prototype,"hasTile");s([t.n({type:Boolean,reflect:!0})],e.prototype,"checked");s([t.n({type:String,reflect:!0})],e.prototype,"type");s([t.n({type:String})],e.prototype,"tagText");s([t.n({type:Boolean})],e.prototype,"optionalTag");s([t.n({type:String})],e.prototype,"optionalText");s([t.n({type:Boolean})],e.prototype,"requiredTag");s([t.n({type:String})],e.prototype,"requiredText");s([u.r()],e.prototype,"_checked");try{t.t("pkt-radiobutton")(e)}catch{console.warn("Forsøker å definere <pkt-radiobutton>, men den er allerede definert")}exports.PktRadioButton=e;

package/dist/{radiobutton-6frNG9J_.js → radiobutton-D8Ai8ETa.js}

@@ -1,111 +1,113 @@
-import { b as h, A as n, n as s, t as d } from "./element-CPpT3rFQ.js";
+import { t as d, b as l, A as o, n as s } from "./element-CPpT3rFQ.js";
 import { r as k } from "./state-C_1EOo3D.js";
 import { P as f } from "./input-element-8nLwuQS4.js";
-import { e as g, n as b } from "./ref-Bg_Swj5w.js";
+import { e as g, n as y } from "./ref-Bg_Swj5w.js";
 import { e as u } from "./class-map-CEnykyO_.js";
-var y = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, i = (e, a, c, l) => {
-  for (var p = l > 1 ? void 0 : l ? $(a, c) : a, r = e.length - 1, o; r >= 0; r--)
-    (o = e[r]) && (p = (l ? o(a, c, p) : o(p)) || p);
-  return l && p && y(a, c, p), p;
+var b = Object.defineProperty, i = (n, t, p, c) => {
+  for (var a = void 0, r = n.length - 1, h; r >= 0; r--)
+    (h = n[r]) && (a = h(t, p, a) || a);
+  return a && b(t, p, a), a;
 };
-let t = class extends f {
+class e extends f {
   constructor() {
     super(...arguments), this.inputRef = g(), this.value = "", this.checkHelptext = null, this.defaultChecked = !1, this.hasTile = !1, this.checked = null, this.type = "radio", this.tagText = null, this.optionalTag = !1, this.optionalText = "Valgfritt", this.requiredTag = !1, this.requiredText = "Må fylles ut", this._checked = !1;
   }
   connectedCallback() {
     super.connectedCallback();
   }
-  attributeChangedCallback(e, a, c) {
-    e === "defaultChecked" && (this._checked = this.defaultChecked), e === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(e, a, c);
+  attributeChangedCallback(t, p, c) {
+    t === "defaultChecked" && (this._checked = this.defaultChecked), t === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(t, p, c);
   }
   render() {
-    const e = u({
+    const t = u({
       "pkt-input-check__input": !0,
       "pkt-input-check__input--tile": this.hasTile,
       "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-    }), a = u({
+    }), p = u({
       "pkt-input-check__input-checkbox": !0,
       "pkt-input-check__input-checkbox--error": this.hasError
     }), c = u({
       "pkt-input-check__input-label": !0,
       "pkt-input-check__input-label--disabled": this.disabled,
       "pkt-sr-only": this.hideLabel
-    }), l = "pkt-tag pkt-tag--small pkt-tag--thin-text", p = () => h`
-        ${this.tagText ? h`<span class=${l + " pkt-tag--gray"}>${this.tagText}</span>` : n}
-        ${this.optionalTag ? h`<span class=${l + " pkt-tag--blue-light"}>${this.optionalText}</span>` : n}
-        ${this.requiredTag ? h`<span class=${l + " pkt-tag--beige"}>${this.requiredText}</span>` : n}
-      `, r = () => h`
+    }), a = "pkt-tag pkt-tag--small pkt-tag--thin-text", r = () => l`
+        ${this.tagText ? l`<span class=${a + " pkt-tag--gray"}>${this.tagText}</span>` : o}
+        ${this.optionalTag ? l`<span class=${a + " pkt-tag--blue-light"}>${this.optionalText}</span>` : o}
+        ${this.requiredTag ? l`<span class=${a + " pkt-tag--beige"}>${this.requiredText}</span>` : o}
+      `, h = () => l`
         <label class=${c} for=${this.id + "-internal"}>
-          ${this.label} ${p()}
-          ${this.checkHelptext ? h`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : n}
+          ${this.label} ${r()}
+          ${this.checkHelptext ? l`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : o}
         </label>
       `;
-    return h`
+    return l`
       <div class="pkt-input-check">
-        <div class=${e}>
+        <div class=${t}>
           <input
             id=${this.id + "-internal"}
-            class=${a}
+            class=${p}
             type="radio"
             role="radio"
             ?disabled=${this.disabled}
             form=""
             name=${this.name + "-internal"}
-            ${b(this.inputRef)}
+            ${y(this.inputRef)}
             @change=${this.toggleChecked}
             @input=${this.onInput}
             @blur=${this.onBlur}
             @focus=${this.onFocus}
             ?checked=${this.checked}
           />
-          ${r()}
+          ${h()}
         </div>
       </div>
     `;
   }
-  toggleChecked(e = null) {
-    e && e.preventDefault(), e && e.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
+  toggleChecked(t = null) {
+    t && t.preventDefault(), t && t.stopImmediatePropagation(), this.touched = !0, this.inputRef.value && (this._checked = this.inputRef.value.matches(":checked"), this.valueChecked(this._checked));
   }
-};
+}
 i([
   s({ type: String, reflect: !0 })
-], t.prototype, "value", 2);
+], e.prototype, "value");
 i([
   s({ type: String })
-], t.prototype, "checkHelptext", 2);
+], e.prototype, "checkHelptext");
 i([
   s({ type: Boolean })
-], t.prototype, "defaultChecked", 2);
+], e.prototype, "defaultChecked");
 i([
   s({ type: Boolean })
-], t.prototype, "hasTile", 2);
+], e.prototype, "hasTile");
 i([
   s({ type: Boolean, reflect: !0 })
-], t.prototype, "checked", 2);
+], e.prototype, "checked");
 i([
   s({ type: String, reflect: !0 })
-], t.prototype, "type", 2);
+], e.prototype, "type");
 i([
   s({ type: String })
-], t.prototype, "tagText", 2);
+], e.prototype, "tagText");
 i([
   s({ type: Boolean })
-], t.prototype, "optionalTag", 2);
+], e.prototype, "optionalTag");
 i([
   s({ type: String })
-], t.prototype, "optionalText", 2);
+], e.prototype, "optionalText");
 i([
   s({ type: Boolean })
-], t.prototype, "requiredTag", 2);
+], e.prototype, "requiredTag");
 i([
   s({ type: String })
-], t.prototype, "requiredText", 2);
+], e.prototype, "requiredText");
 i([
   k()
-], t.prototype, "_checked", 2);
-t = i([
-  d("pkt-radiobutton")
-], t);
+], e.prototype, "_checked");
+try {
+  d("pkt-radiobutton")(e);
+} catch {
+  console.warn("Forsøker å definere <pkt-radiobutton>, men den er allerede definert");
+}
 export {
-  t as P
+  e as P
 };