@oslokommune/punkt-elements 14.1.1 → 14.2.0

package/CHANGELOG.md

@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [14.2.0](https://github.com/oslokommune/punkt/compare/14.1.1...14.2.0) (2026-02-04)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Ny mappe `shared-types` for å samle alle TS-definisjoner som deles mellom komponenter (#3225). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [14.1.0](https://github.com/oslokommune/punkt/compare/14.0.4...14.1.0) (2026-02-03)
 
 ### ⚠ BREAKING CHANGES

package/dist/booleanish-BKVonob4.cjs

@@ -0,0 +1 @@
+"use strict";const t={fromAttribute(r){return r==null?!1:r===""||r==="true"||r===!0?!0:r==="false"||r===!1?!1:!!r},toAttribute(r){return r?"true":"false"}};exports.booleanishConverter=t;

package/dist/booleanish-C9R0tdXH.js

@@ -0,0 +1,11 @@
+const t = {
+  fromAttribute(r) {
+    return r == null ? !1 : r === "" || r === "true" || r === !0 ? !0 : r === "false" || r === !1 ? !1 : !!r;
+  },
+  toAttribute(r) {
+    return r ? "true" : "false";
+  }
+};
+export {
+  t as b
+};

package/dist/{checkbox-BP5zOlPy.cjs → checkbox-C0TPnShf.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-CJ_QKaki.cjs"),o=require("./input-element-BmXkhljw.cjs"),r=require("./ref-BFa5Utho.cjs"),p=require("./class-map-C_erArZz.cjs");var u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,i=(l,e,h,a)=>{for(var s=a>1?void 0:a?d(e,h):e,c=l.length-1,n;c>=0;c--)(n=l[c])&&(s=(a?n(e,h,s):n(s))||s);return a&&s&&u(e,h,s),s};exports.PktCheckbox=class extends o.PktInputElement{constructor(){super(...arguments),this.inputRef=r.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.isSwitch=!1,this.labelPosition="right",this.hideLabel=!1,this.checked=null,this.indeterminate=!1,this.type="checkbox",this.tagText=null,this.optionalTag=!1,this.optionalText="Valgfritt",this.requiredTag=!1,this.requiredText="Må fylles ut"}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,h,a){e==="defaultChecked"&&!this.checked&&(this.checked=this.defaultChecked),e==="checked"&&(this.checked=this.checked===""||this.checked==="true"||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e==="indeterminate"&&(this.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,h,a)}firstUpdated(e){e.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0),super.firstUpdated(e)}updated(e){e.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),e.has("checked")&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===""||this.checked==="true"||this.checked===!0),e.has("indeterminate")&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0),super.updated(e)}render(){const e=p.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),h=p.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=p.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-input-check__input-label--left":this.labelPosition==="left","pkt-input-check__input-label--right":this.labelPosition==="right","pkt-sr-only":this.hideLabel}),s="pkt-tag pkt-tag--small pkt-tag--thin-text",c=()=>t.x`
+"use strict";const t=require("./element-CJ_QKaki.cjs"),o=require("./input-element-D697OAJo.cjs"),r=require("./ref-BFa5Utho.cjs"),p=require("./class-map-C_erArZz.cjs");var u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,i=(l,e,h,a)=>{for(var s=a>1?void 0:a?d(e,h):e,c=l.length-1,n;c>=0;c--)(n=l[c])&&(s=(a?n(e,h,s):n(s))||s);return a&&s&&u(e,h,s),s};exports.PktCheckbox=class extends o.PktInputElement{constructor(){super(...arguments),this.inputRef=r.e(),this.value="",this.checkHelptext=null,this.defaultChecked=!1,this.hasTile=!1,this.isSwitch=!1,this.labelPosition="right",this.hideLabel=!1,this.checked=null,this.indeterminate=!1,this.type="checkbox",this.tagText=null,this.optionalTag=!1,this.optionalText="Valgfritt",this.requiredTag=!1,this.requiredText="Må fylles ut"}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,h,a){e==="defaultChecked"&&!this.checked&&(this.checked=this.defaultChecked),e==="checked"&&(this.checked=this.checked===""||this.checked==="true"||this.checked===!0,this.inputRef.value&&(this.inputRef.value.checked=this.checked)),e==="indeterminate"&&(this.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0,this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate)),super.attributeChangedCallback(e,h,a)}firstUpdated(e){e.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0),super.firstUpdated(e)}updated(e){e.has("defaultChecked")&&!this.checked&&(this.checked=this.defaultChecked),e.has("checked")&&this.inputRef.value&&(this.inputRef.value.checked=this.checked===""||this.checked==="true"||this.checked===!0),e.has("indeterminate")&&this.inputRef.value&&(this.inputRef.value.indeterminate=this.indeterminate===""||this.indeterminate==="true"||this.indeterminate===!0),super.updated(e)}render(){const e=p.e({"pkt-input-check__input":!0,"pkt-input-check__input--tile":this.hasTile,"pkt-input-check__input--tile-disabled":this.disabled&&this.hasTile}),h=p.e({"pkt-input-check__input-checkbox":!0,"pkt-input-check__input-checkbox--error":this.hasError}),a=p.e({"pkt-input-check__input-label":!0,"pkt-input-check__input-label--disabled":this.disabled,"pkt-input-check__input-label--left":this.labelPosition==="left","pkt-input-check__input-label--right":this.labelPosition==="right","pkt-sr-only":this.hideLabel}),s="pkt-tag pkt-tag--small pkt-tag--thin-text",c=()=>t.x`
         ${this.tagText?t.x`<span class=${s+" pkt-tag--gray"}>${this.tagText}</span>`:t.E}
         ${this.optionalTag?t.x`<span class=${s+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.E}
         ${this.requiredTag?t.x`<span class=${s+" pkt-tag--beige"}>${this.requiredText}</span>`:t.E}

package/dist/{checkbox-CfXOh6Lw.js → checkbox-CnhA52o_.js}

@@ -1,5 +1,5 @@
 import { E as r, x as p, n as s, a as d } from "./element-CRDRygXu.js";
-import { P as k } from "./input-element-B0VPRK_E.js";
+import { P as k } from "./input-element-B8M8Nppd.js";
 import { e as f, n as b } from "./ref-Xa5dbh--.js";
 import { e as u } from "./class-map-wy7PUk0P.js";
 var g = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (t, a, n, l) => {

package/dist/{combobox-BWsCkPH2.cjs → combobox-C1xwAju5.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("./element-CJ_QKaki.cjs"),c=require("./if-defined-Bc9-_I01.cjs"),d=require("./state-DSjcvzDN.cjs"),r=require("./ref-BFa5Utho.cjs"),y=require("./class-map-C_erArZz.cjs"),O=require("./repeat-BZb41H64.cjs"),$=require("./input-element-BmXkhljw.cjs"),I=require("./pkt-options-controller-CiuBG6Lt.cjs"),w=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-DXg2N3wx.cjs");require("./icon-MRx-m0Or.cjs");require("./tag-B02fKJ66.cjs");require("./listbox-DnoqOo5u.cjs");const C={displayValueAs:{default:"label"}},R={props:C};var V=Object.defineProperty,A=Object.getOwnPropertyDescriptor,h=(v,t,e,i)=>{for(var s=i>1?void 0:i?A(t,e):t,n=v.length-1,l;n>=0;n--)(l=v[n])&&(s=(i?l(t,e,s):l(s))||s);return i&&s&&V(t,e,s),s};exports.PktCombobox=class extends $.PktInputElement{constructor(){super(),this.helptextSlot=r.e(),this.value="",this.options=[],this.defaultOptions=[],this.allowUserInput=!1,this.typeahead=!1,this.includeSearch=!1,this.searchPlaceholder="",this.multiple=!1,this.maxlength=null,this.displayValueAs=R.props.displayValueAs.default,this.tagPlacement=null,this._options=[],this._isOptionsOpen=!1,this._value=[],this._userInfoMessage="",this._addValueText=null,this._maxIsReached=!1,this._search="",this._inputFocus=!1,this._editingSingleValue=!1,this.inputRef=r.e(),this.arrowRef=r.e(),this.listboxRef=r.e(),this.focusRef=r.e(),this.optionTagRef=r.e(),this.optionsController=new I.PktOptionsSlotController(this),this.slotController=new w.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){var t;if(super.connectedCallback(),document&&document.body.addEventListener("click",e=>{this._isOptionsOpen&&!this.contains(e.target)&&this.handleFocusOut(e)}),this._options=[],this.defaultOptions&&this.defaultOptions.length){const e=((t=this.options)==null?void 0:t.filter(i=>i.userAdded))||[];this.options=[...e,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=Array.isArray(this.options)?[...this.options]:[]}if(this.optionsController.nodes.length){const e=[];this.optionsController.nodes.forEach(i=>{if(!i.textContent&&!i.getAttribute("value"))return null;const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||""};i.getAttribute("data-prefix")&&(s.prefix=i.getAttribute("data-prefix")||void 0),i.getAttribute("tagskincolor")&&(s.tagSkinColor=i.getAttribute("tagskincolor")),i.getAttribute("description")&&(s.description=i.getAttribute("description")||void 0),s.fulltext=s.value+s.label+(s.prefix||""),e.push(s)}),e.length&&(this.options=[...e],this._options=[...e])}}updated(t){if(t.has("_value")&&this.valueChanged(this._value,t.get("_value")),t.has("value")&&(Array.isArray(this.value)?this._value=this.value:this.value&&this.multiple?this._value=this.value.split(","):this.value?this._value=[this.value]:this._value=[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]]),this.isMaxItemsReached()),t.has("defaultOptions")&&this.defaultOptions.length){const e=(Array.isArray(this.options)?this.options:[]).filter(i=>i.userAdded)||[];this.options=[...e,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=Array.isArray(this.options)?[...this.options]:[]}if(t.has("options")){const s=(t.get("options")||this._options||[]).filter(l=>l&&l.userAdded).filter(l=>!(Array.isArray(this.options)?this.options:[]).some(o=>o.value===l.value)),n=[...s,...this.options];this._options=n,s.length>0&&(this.options=n),this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const o=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,o)}l.fulltext=l.value+l.label+(l.prefix||""),l.selected=l.selected||this._value.includes(l.value)})}t.has("_search")&&this.dispatchEvent(new CustomEvent("search",{detail:this._search,bubbles:!1})),super.updated(t)}attributeChangedCallback(t,e,i){t==="value"&&(Array.isArray(this.value)?this._value=this.value:this.value&&this.multiple?this._value=this.value.split(","):this.value?this._value=[this.value]:this._value=[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]])),t==="options"&&(this._options=Array.isArray(this.options)?[...this.options]:[],this._options.forEach(s=>{s.value&&!s.label&&(s.label=s.value),s.selected&&!this._value.includes(s.value)&&(this._value=[...this._value,s.value]),s.fulltext=s.value+s.label+(s.prefix||"")}),this._search=""),super.attributeChangedCallback(t,e,i)}render(){return a.x`
+"use strict";const a=require("./element-CJ_QKaki.cjs"),c=require("./if-defined-Bc9-_I01.cjs"),d=require("./state-DSjcvzDN.cjs"),r=require("./ref-BFa5Utho.cjs"),y=require("./class-map-C_erArZz.cjs"),O=require("./repeat-BZb41H64.cjs"),$=require("./input-element-D697OAJo.cjs"),I=require("./pkt-options-controller-CiuBG6Lt.cjs"),w=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-CtBiAb04.cjs");require("./icon-MRx-m0Or.cjs");require("./tag-B02fKJ66.cjs");require("./listbox-DnoqOo5u.cjs");const C={displayValueAs:{default:"label"}},R={props:C};var V=Object.defineProperty,A=Object.getOwnPropertyDescriptor,h=(v,t,e,i)=>{for(var s=i>1?void 0:i?A(t,e):t,n=v.length-1,l;n>=0;n--)(l=v[n])&&(s=(i?l(t,e,s):l(s))||s);return i&&s&&V(t,e,s),s};exports.PktCombobox=class extends $.PktInputElement{constructor(){super(),this.helptextSlot=r.e(),this.value="",this.options=[],this.defaultOptions=[],this.allowUserInput=!1,this.typeahead=!1,this.includeSearch=!1,this.searchPlaceholder="",this.multiple=!1,this.maxlength=null,this.displayValueAs=R.props.displayValueAs.default,this.tagPlacement=null,this._options=[],this._isOptionsOpen=!1,this._value=[],this._userInfoMessage="",this._addValueText=null,this._maxIsReached=!1,this._search="",this._inputFocus=!1,this._editingSingleValue=!1,this.inputRef=r.e(),this.arrowRef=r.e(),this.listboxRef=r.e(),this.focusRef=r.e(),this.optionTagRef=r.e(),this.optionsController=new I.PktOptionsSlotController(this),this.slotController=new w.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){var t;if(super.connectedCallback(),document&&document.body.addEventListener("click",e=>{this._isOptionsOpen&&!this.contains(e.target)&&this.handleFocusOut(e)}),this._options=[],this.defaultOptions&&this.defaultOptions.length){const e=((t=this.options)==null?void 0:t.filter(i=>i.userAdded))||[];this.options=[...e,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=Array.isArray(this.options)?[...this.options]:[]}if(this.optionsController.nodes.length){const e=[];this.optionsController.nodes.forEach(i=>{if(!i.textContent&&!i.getAttribute("value"))return null;const s={value:i.getAttribute("value")||i.textContent||"",label:i.textContent||i.getAttribute("value")||""};i.getAttribute("data-prefix")&&(s.prefix=i.getAttribute("data-prefix")||void 0),i.getAttribute("tagskincolor")&&(s.tagSkinColor=i.getAttribute("tagskincolor")),i.getAttribute("description")&&(s.description=i.getAttribute("description")||void 0),s.fulltext=s.value+s.label+(s.prefix||""),e.push(s)}),e.length&&(this.options=[...e],this._options=[...e])}}updated(t){if(t.has("_value")&&this.valueChanged(this._value,t.get("_value")),t.has("value")&&(Array.isArray(this.value)?this._value=this.value:this.value&&this.multiple?this._value=this.value.split(","):this.value?this._value=[this.value]:this._value=[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]]),this.isMaxItemsReached()),t.has("defaultOptions")&&this.defaultOptions.length){const e=(Array.isArray(this.options)?this.options:[]).filter(i=>i.userAdded)||[];this.options=[...e,...JSON.parse(JSON.stringify(this.defaultOptions))],this._options=Array.isArray(this.options)?[...this.options]:[]}if(t.has("options")){const s=(t.get("options")||this._options||[]).filter(l=>l&&l.userAdded).filter(l=>!(Array.isArray(this.options)?this.options:[]).some(o=>o.value===l.value)),n=[...s,...this.options];this._options=n,s.length>0&&(this.options=n),this._options.forEach(l=>{if(l.value&&!l.label&&(l.label=l.value),l.selected&&!this._value.includes(l.value)){const o=[...this._value];this._value=[...this._value,l.value],this.valueChanged(this._value,o)}l.fulltext=l.value+l.label+(l.prefix||""),l.selected=l.selected||this._value.includes(l.value)})}t.has("_search")&&this.dispatchEvent(new CustomEvent("search",{detail:this._search,bubbles:!1})),super.updated(t)}attributeChangedCallback(t,e,i){t==="value"&&(Array.isArray(this.value)?this._value=this.value:this.value&&this.multiple?this._value=this.value.split(","):this.value?this._value=[this.value]:this._value=[],!this.multiple&&this._value.length>1&&(this._value=[this._value[0]])),t==="options"&&(this._options=Array.isArray(this.options)?[...this.options]:[],this._options.forEach(s=>{s.value&&!s.label&&(s.label=s.value),s.selected&&!this._value.includes(s.value)&&(this._value=[...this._value,s.value]),s.fulltext=s.value+s.label+(s.prefix||"")}),this._search=""),super.attributeChangedCallback(t,e,i)}render(){return a.x`
       <pkt-input-wrapper
         .label=${this.label}
         .helptext=${this.helptext}

package/dist/{combobox-BMznle0M.js → combobox-Dcp_fHcL.js}

@@ -4,10 +4,10 @@ import { r as c } from "./state-DS_kr2Fy.js";
 import { e as _, n as v } from "./ref-Xa5dbh--.js";
 import { e as k } from "./class-map-wy7PUk0P.js";
 import { c as R } from "./repeat-CJ79egkN.js";
-import { P as V } from "./input-element-B0VPRK_E.js";
+import { P as V } from "./input-element-B8M8Nppd.js";
 import { P as A } from "./pkt-options-controller-CZO1nxZ8.js";
 import { P as C } from "./pkt-slot-controller-BPGj-LC5.js";
-import "./input-wrapper-CAwzMR9o.js";
+import "./input-wrapper-1PCXqtiu.js";
 import "./icon-BB7e5iQN.js";
 import "./tag-CES41g0D.js";
 import "./listbox-mvKKzH-v.js";

package/dist/{datepicker-2s6FUxdi.js → datepicker-Bjb9GK1E.js}

@@ -1,10 +1,10 @@
 import { P as L, E as I, x as o, n as l, a as w } from "./element-CRDRygXu.js";
 import { r as G } from "./state-DS_kr2Fy.js";
 import { s as K, f as q, n as F, a as J, i as Q, b as M, v as D, d as X, e as Y, p as Z, g as W } from "./calendar-CvfMj3fA.js";
-import { P as ee } from "./input-element-B0VPRK_E.js";
+import { P as ee } from "./input-element-B8M8Nppd.js";
 import { e as m, n as v } from "./ref-Xa5dbh--.js";
 import "./icon-BB7e5iQN.js";
-import "./input-wrapper-CAwzMR9o.js";
+import "./input-wrapper-1PCXqtiu.js";
 import { e as $ } from "./class-map-wy7PUk0P.js";
 import { c as te } from "./repeat-CJ79egkN.js";
 import "./tag-CES41g0D.js";

package/dist/{datepicker-D1c9oP-2.cjs → datepicker-COIRRau0.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("./element-CJ_QKaki.cjs"),B=require("./state-DSjcvzDN.cjs"),u=require("./calendar-ZzLAjDpv.cjs"),A=require("./input-element-BmXkhljw.cjs"),p=require("./ref-BFa5Utho.cjs");require("./icon-MRx-m0Or.cjs");require("./input-wrapper-DXg2N3wx.cjs");const m=require("./class-map-C_erArZz.cjs"),M=require("./repeat-BZb41H64.cjs");require("./tag-B02fKJ66.cjs");const I=require("./utils-byXsEz1u.cjs"),g=require("./if-defined-Bc9-_I01.cjs"),F=require("./pkt-slot-controller-BzddBp7z.cjs");var j=Object.defineProperty,q=Object.getOwnPropertyDescriptor,b=(s,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,n=s.length-1,r;n>=0;n--)(r=s[n])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&j(e,t,i),i};exports.PktDateTags=class extends l.PktElement{constructor(){super(...arguments),this.dates=[],this.dateformat="dd.MM.yyyy",this.className="pkt-datepicker__tags",this.idBase=I.uuidish()}render(){return this.classes={"pkt-date-tags":!0,[this.className]:!0},l.x`
+"use strict";const l=require("./element-CJ_QKaki.cjs"),B=require("./state-DSjcvzDN.cjs"),u=require("./calendar-ZzLAjDpv.cjs"),A=require("./input-element-D697OAJo.cjs"),p=require("./ref-BFa5Utho.cjs");require("./icon-MRx-m0Or.cjs");require("./input-wrapper-CtBiAb04.cjs");const m=require("./class-map-C_erArZz.cjs"),M=require("./repeat-BZb41H64.cjs");require("./tag-B02fKJ66.cjs");const I=require("./utils-byXsEz1u.cjs"),g=require("./if-defined-Bc9-_I01.cjs"),F=require("./pkt-slot-controller-BzddBp7z.cjs");var j=Object.defineProperty,q=Object.getOwnPropertyDescriptor,b=(s,e,t,a)=>{for(var i=a>1?void 0:a?q(e,t):e,n=s.length-1,r;n>=0;n--)(r=s[n])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&j(e,t,i),i};exports.PktDateTags=class extends l.PktElement{constructor(){super(...arguments),this.dates=[],this.dateformat="dd.MM.yyyy",this.className="pkt-datepicker__tags",this.idBase=I.uuidish()}render(){return this.classes={"pkt-date-tags":!0,[this.className]:!0},l.x`
       <div class=${m.e(this.classes)} aria-live="polite">
         ${Array.isArray(this.dates)&&this.dates[0]?M.c(u.sortDateStrings((this.dates??[]).filter(Boolean)),e=>e,e=>{var t;return l.x` <pkt-tag
                   id=${this.idBase+e+"-tag"}

package/dist/index.d.ts

@@ -1,3 +1,6 @@
+import { Booleanish } from '../../../../../shared-types';
+import { Booleanish as Booleanish_2 } from '../../../../shared-types';
+import { IAriaAttributes } from '../../../../../shared-types';
 import { LitElement } from 'lit';
 import { nothing } from 'lit';
 import { PktIconName } from '@oslokommune/punkt-assets/dist/icons/icon';
@@ -5,20 +8,21 @@ import { PropertyValues } from 'lit';
 import { ReactiveController } from 'lit';
 import { ReactiveControllerHost } from 'lit';
 import { Ref } from 'lit/directives/ref.js';
+import { Representing } from '../../../../../shared-types';
+import { TAccordionSkin } from '../../../../../shared-types';
+import { TAlertSkin } from '../../../../../shared-types';
+import { TAriaLive } from '../../../../../shared-types';
+import { TCardSkin } from '../../../../../shared-types';
 import { TemplateResult } from 'lit-html';
 import { TemplateResult as TemplateResult_2 } from 'lit';
-
-declare type Booleanish = boolean | 'true' | 'false';
-
-declare type Booleanish_2 = boolean | 'true' | 'false';
-
-/**
- * Booleanish type that accepts boolean or string "true"/"false"
- * This allows attributes to be set as strings in HTML
- */
-declare type Booleanish_3 = boolean | 'true' | 'false';
-
-declare type Booleanish_4 = boolean | 'true' | 'false';
+import { THeadingLevel } from '../../../../../shared-types';
+import { THeadingSize } from '../../../../../shared-types';
+import { THeadingWeight } from '../../../../../shared-types';
+import { THTMLButtonType } from '../../../../../shared-types';
+import { TLayout } from '../../../../../shared-types';
+import { TMessageboxSkin } from '../../../../../shared-types';
+import { User } from '../../../../../shared-types';
+import { UserMenuItem } from '../../../../../shared-types';
 
 /**
  * We define all props as optional. Native HTML attributes are optional by default,
@@ -27,55 +31,6 @@ declare type Booleanish_4 = boolean | 'true' | 'false';
  */
 declare type ElementProps<Element, PropKeys extends keyof Element> = Partial<Pick<Element, PropKeys>>;
 
-declare interface IAriaAttributes {
-    'aria-activedescendant'?: string;
-    'aria-controls'?: string;
-    'aria-describedby'?: string;
-    'aria-details'?: string;
-    'aria-errormessage'?: string;
-    'aria-flowto'?: string;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    'aria-owns'?: string;
-    'aria-roledescription'?: string;
-    'aria-autocomplete'?: TAriaAutoComplete;
-    'aria-checked'?: TAriaBooleanMixed;
-    'aria-current'?: TAriaCurrent;
-    'aria-disabled'?: TAriaBoolean;
-    'aria-expanded'?: TAriaBoolean;
-    'aria-haspopup'?: TAriaHasPopup;
-    'aria-hidden'?: TAriaBoolean;
-    'aria-invalid'?: TAriaInvalid;
-    'aria-keyshortcuts'?: string;
-    'aria-level'?: number;
-    'aria-modal'?: TAriaBoolean;
-    'aria-multiline'?: TAriaBoolean;
-    'aria-multiselectable'?: TAriaBoolean;
-    'aria-orientation'?: TAriaOrientation;
-    'aria-placeholder'?: string;
-    'aria-pressed'?: TAriaBooleanMixed;
-    'aria-readonly'?: TAriaBoolean;
-    'aria-required'?: TAriaBoolean;
-    'aria-selected'?: TAriaBoolean;
-    'aria-sort'?: TAriaSort;
-    'aria-atomic'?: TAriaBoolean;
-    'aria-busy'?: TAriaBoolean;
-    'aria-live'?: TAriaLive;
-    'aria-relevant'?: TAriaRelevant | string;
-    'aria-colcount'?: number;
-    'aria-colindex'?: number;
-    'aria-colspan'?: number;
-    'aria-rowcount'?: number;
-    'aria-rowindex'?: number;
-    'aria-rowspan'?: number;
-    'aria-posinset'?: number;
-    'aria-setsize'?: number;
-    'aria-valuemax'?: number;
-    'aria-valuemin'?: number;
-    'aria-valuenow'?: number;
-    'aria-valuetext'?: string;
-}
-
 /**
  * Type definitions for the datepicker component family
  */
@@ -260,7 +215,7 @@ export declare interface IPktConsent {
  */
 export declare interface IPktHeader {
     /** Hide the Oslo logo */
-    hideLogo?: Booleanish_3;
+    hideLogo?: Booleanish;
     /** Logo link URL */
     logoLink?: string;
     /** Service name displayed in the header */
@@ -268,7 +223,7 @@ export declare interface IPktHeader {
     /** Service link URL */
     serviceLink?: string;
     /** Use compact header height */
-    compact?: Booleanish_3;
+    compact?: Booleanish;
     /** Header position. 'fixed' fixes to top of viewport, 'relative' follows document flow. Default: 'fixed' */
     position?: THeaderPosition;
     /** Scroll behavior. 'hide' hides header on scroll down, 'none' keeps it visible. Default: 'hide' */
@@ -280,13 +235,13 @@ export declare interface IPktHeader {
     /** Representation object */
     representing?: IPktHeaderRepresenting;
     /** Allow user to change representation */
-    canChangeRepresentation?: Booleanish_3;
+    canChangeRepresentation?: Booleanish;
     /** Logout button placement */
     logOutButtonPlacement?: TPktHeaderLogOutButtonPlacement;
     /** Whether there's a logout handler attached (required for logout button to show) */
-    hasLogOut?: Booleanish_3;
+    hasLogOut?: Booleanish;
     /** Show search field */
-    showSearch?: Booleanish_3;
+    showSearch?: Booleanish;
     /** Search field placeholder */
     searchPlaceholder?: string;
     /** Controlled search value */
@@ -299,50 +254,20 @@ export declare interface IPktHeader {
     openedMenu?: TPktHeaderMenu;
 }
 
-/**
- * Representation object containing information about the organization/entity being represented
- */
-export declare interface IPktHeaderRepresenting {
-    /** Name of the organization or entity */
-    name: string;
-    /** Short name or initials (deprecated) */
-    shortname?: string;
-    /** Organization number */
-    orgNumber?: string | number;
-}
+export declare type IPktHeaderRepresenting = Representing;
 
-/**
- * User object containing information about the logged-in user
- */
-export declare interface IPktHeaderUser {
-    /** Full name of the user */
-    name: string;
-    /** Short name or initials (deprecated) */
-    shortname?: string;
-    /** Last login timestamp (ISO string or Date) */
-    lastLoggedIn?: Date | string;
-}
+export declare type IPktHeaderUser = User;
 
 declare interface IPktHeaderUserMenu {
     user: IPktHeaderUser;
     formattedLastLoggedIn?: string;
     representing?: IPktHeaderRepresenting;
     userMenu?: IPktHeaderUserMenuItem[];
-    canChangeRepresentation?: Booleanish_3;
-    logoutOnClick?: Booleanish_3;
+    canChangeRepresentation?: Booleanish;
+    logoutOnClick?: Booleanish;
 }
 
-/**
- * Menu item in the user menu
- */
-export declare interface IPktHeaderUserMenuItem {
-    /** Icon name to display */
-    iconName?: PktIconName;
-    /** Text for the menu item */
-    title: string;
-    /** Link URL or click handler function */
-    target: string | (() => void);
-}
+export declare type IPktHeaderUserMenuItem = UserMenuItem<PktIconName>;
 
 export declare interface IPktHeading {
     size?: TPktHeadingSize;
@@ -1055,11 +980,11 @@ export declare class PktHeader extends PktElement<IPktHeader> implements IPktHea
     logOutButtonPlacement: TPktHeaderLogOutButtonPlacement;
     position: THeaderPosition;
     scrollBehavior: THeaderScrollBehavior;
-    hideLogo: Booleanish_3;
-    compact: Booleanish_3;
-    showSearch: Booleanish_3;
-    canChangeRepresentation: Booleanish_3;
-    hasLogOut: Booleanish_3;
+    hideLogo: Booleanish;
+    compact: Booleanish;
+    showSearch: Booleanish;
+    canChangeRepresentation: Booleanish;
+    hasLogOut: Booleanish;
     user?: IPktHeaderUser;
     userMenu?: IPktHeaderUserMenuItem[];
     representing?: IPktHeaderRepresenting;
@@ -1087,11 +1012,11 @@ export declare class PktHeaderService extends PktElement<IPktHeader> implements
     logOutButtonPlacement: TPktHeaderLogOutButtonPlacement;
     position: THeaderPosition;
     scrollBehavior: THeaderScrollBehavior;
-    hideLogo: Booleanish_3;
-    compact: Booleanish_3;
-    showSearch: Booleanish_3;
-    canChangeRepresentation: Booleanish_3;
-    hasLogOut: Booleanish_3;
+    hideLogo: Booleanish;
+    compact: Booleanish;
+    showSearch: Booleanish;
+    canChangeRepresentation: Booleanish;
+    hasLogOut: Booleanish;
     user?: IPktHeaderUser;
     userMenu?: IPktHeaderUserMenuItem[];
     representing?: IPktHeaderRepresenting;
@@ -1162,8 +1087,8 @@ export declare class PktHeaderUserMenu extends PktElement<IPktHeaderUserMenu> im
     formattedLastLoggedIn?: string;
     representing?: IPktHeaderRepresenting;
     userMenu?: IPktHeaderUserMenuItem[];
-    canChangeRepresentation: Booleanish_3;
-    logoutOnClick: Booleanish_3;
+    canChangeRepresentation: Booleanish;
+    logoutOnClick: Booleanish;
     private handleChangeRepresentation;
     private handleLogout;
     private handleMenuItemClick;
@@ -1299,7 +1224,7 @@ export declare class PktInputWrapper extends PktElement<Props_6> {
     ariaDescribedby: string | undefined;
     hasFieldset: boolean;
     role: string | null;
-    useWrapper: Booleanish_4;
+    useWrapper: Booleanish;
     protected updated(changedProperties: PropertyValues): void;
     render(): TemplateResult<1>;
     private toggleDropdown;
@@ -1687,46 +1612,10 @@ declare interface TabsContext {
     handleKeyUp: (event: KeyboardEvent, index: number) => void;
 }
 
-declare type TAlertSkin = 'error' | 'success' | 'warning' | 'info';
-
-declare type TAriaAutoComplete = 'none' | 'inline' | 'list' | 'both';
-
-/**
- * aria.ts
- *
- * Typedefinisjoner for ARIA-attributter og roller.
- * Eksportert slik at de kan importere andre steder:
- *
- *   import type {
- *     TAriaAttributes,
- *     TAriaLive,
- *     // ...
- *   } from './aria-types';
- */
-declare type TAriaBoolean = boolean | 'true' | 'false';
-
-declare type TAriaBooleanMixed = TAriaBoolean | 'mixed';
-
-declare type TAriaCurrent = TAriaBoolean | 'page' | 'step' | 'location' | 'date' | 'time';
-
-declare type TAriaHasPopup = TAriaBoolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
-
-declare type TAriaInvalid = TAriaBoolean | 'grammar' | 'spelling';
-
-declare type TAriaLive = 'off' | 'polite' | 'assertive';
-
-declare type TAriaOrientation = 'horizontal' | 'vertical';
-
-declare type TAriaRelevant = 'additions' | 'removals' | 'text' | 'all';
-
-declare type TAriaSort = 'none' | 'ascending' | 'descending' | 'other';
-
 declare type TCardImageShape = 'square' | 'round';
 
 declare type TCardPadding = 'none' | 'default';
 
-declare type TCardSkin = 'outlined' | 'outlined-beige' | 'gray' | 'beige' | 'green' | 'blue';
-
 declare type TCardTagPosition = 'top' | 'bottom';
 
 declare type TCounterPosition = 'top' | 'bottom';
@@ -1745,15 +1634,11 @@ declare type THeaderScrollBehavior = 'hide' | 'none';
 
 declare type TISODate = `${TYear}-${TMonth}-${TDay}`;
 
-declare type TLayout = 'vertical' | 'horizontal';
-
 declare type TLinkCardSkin = 'normal' | 'no-padding' | 'blue' | 'beige' | 'green' | 'gray' | 'beige-outline' | 'gray-outline';
 
-declare type TMessageboxSkin = 'beige' | 'blue' | 'red' | 'green';
-
 declare type TMonth = `${number}${number}`;
 
-export declare type TPktAccordionSkin = 'borderless' | 'outlined' | 'beige' | 'blue';
+export declare type TPktAccordionSkin = TAccordionSkin;
 
 export declare type TPktButtonColor = 'blue' | 'blue-outline' | 'green' | 'green-outline' | 'green-dark' | 'green-dark-outline' | 'beige-light' | 'beige-dark-outline' | 'yellow' | 'yellow-outline' | 'red' | 'red-outline';
 
@@ -1765,7 +1650,7 @@ export declare type TPktButtonSkin = 'primary' | 'secondary' | 'tertiary';
 
 export declare type TPktButtonState = 'normal' | 'focus' | 'hover' | 'active';
 
-export declare type TPktButtonType = 'button' | 'submit' | 'reset';
+export declare type TPktButtonType = THTMLButtonType;
 
 export declare type TPktButtonVariant = 'label-only' | 'icon-left' | 'icon-right' | 'icon-only' | 'icons-right-and-left';
 
@@ -1781,11 +1666,11 @@ export declare type TPktHeaderLogOutButtonPlacement = 'userMenu' | 'header' | 'b
  */
 export declare type TPktHeaderMenu = 'none' | 'slot' | 'search' | 'user';
 
-export declare type TPktHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export declare type TPktHeadingLevel = THeadingLevel;
 
-export declare type TPktHeadingSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export declare type TPktHeadingSize = THeadingSize;
 
-declare type TPktHeadingWeight = 'light' | 'regular' | 'medium' | 'bold';
+declare type TPktHeadingWeight = THeadingWeight;
 
 export declare type TPktLoaderVariant = 'blue' | 'rainbow' | 'shapes';
 
@@ -1813,7 +1698,7 @@ export declare type TTabItemSkin = 'blue' | 'green' | 'red' | 'beige' | 'yellow'
 
 export declare type TTagSkin = 'blue' | 'blue-dark' | 'blue-light' | 'green' | 'red' | 'yellow' | 'beige' | 'gray' | 'grey';
 
-export declare type TTagType = 'button' | 'reset' | 'submit';
+export declare type TTagType = THTMLButtonType;
 
 declare type TYear = `${number}${number}${number}${number}`;