@oslokommune/punkt-vue 16.7.3 → 16.7.5

package/CHANGELOG.md

@@ -5,6 +5,42 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [16.7.5](https://github.com/oslokommune/punkt/compare/16.7.4...16.7.5) (2026-04-15)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+* export typings (#3419). 
+
+
+---
+
+
+## [16.7.4](https://github.com/oslokommune/punkt/compare/16.7.3...16.7.4) (2026-04-14)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Vite => 8.0.8 & Vitest => 4.1.4 & TypeScript => 6.0.2 (#3418). 
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [16.0.4](https://github.com/oslokommune/punkt/compare/16.0.3...16.0.4) (2026-03-13)
 
 ### ⚠ BREAKING CHANGES

package/dist/Alert-CHuVD60O.cjs

@@ -0,0 +1 @@
+const e=require(`./_plugin-vue_export-helper-TlCYmDuq.cjs`);require(`@oslokommune/punkt-elements/dist/pkt-alert`);let t=require(`vue`);var n={name:`PktAlert`,props:{skin:{type:String,default:`info`,validator(e){return[`error`,`success`,`warning`,`info`].includes(e)}},closeAlert:{type:Boolean,default:!1},title:{type:String,default:``},date:{type:String,default:``},ariaLive:{type:String,default:`polite`,validator(e){return[`off`,`polite`,`assertive`].includes(e)}},compact:{type:Boolean,default:!1}}},r=[`skin`,`closeAlert`,`title`,`date`,`ariaLive`,`compact`];function i(e,n,i,a,o,s){return(0,t.openBlock)(),(0,t.createElementBlock)(`pkt-alert`,{skin:i.skin,closeAlert:i.closeAlert,title:i.title,date:i.date,ariaLive:i.ariaLive,compact:i.compact},[(0,t.renderSlot)(e.$slots,`default`)],8,r)}var a=e.t(n,[[`render`,i]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/Alert-oTzo9iRu.js

@@ -0,0 +1,68 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import "@oslokommune/punkt-elements/dist/pkt-alert";
+import { createElementBlock as t, openBlock as n, renderSlot as r } from "vue";
+//#region src/components/alert/Alert.vue
+var i = {
+	name: "PktAlert",
+	props: {
+		skin: {
+			type: String,
+			default: "info",
+			validator(e) {
+				return [
+					"error",
+					"success",
+					"warning",
+					"info"
+				].includes(e);
+			}
+		},
+		closeAlert: {
+			type: Boolean,
+			default: !1
+		},
+		title: {
+			type: String,
+			default: ""
+		},
+		date: {
+			type: String,
+			default: ""
+		},
+		ariaLive: {
+			type: String,
+			default: "polite",
+			validator(e) {
+				return [
+					"off",
+					"polite",
+					"assertive"
+				].includes(e);
+			}
+		},
+		compact: {
+			type: Boolean,
+			default: !1
+		}
+	}
+}, a = [
+	"skin",
+	"closeAlert",
+	"title",
+	"date",
+	"ariaLive",
+	"compact"
+];
+function o(e, i, o, s, c, l) {
+	return n(), t("pkt-alert", {
+		skin: o.skin,
+		closeAlert: o.closeAlert,
+		title: o.title,
+		date: o.date,
+		ariaLive: o.ariaLive,
+		compact: o.compact
+	}, [r(e.$slots, "default")], 8, a);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as t };

package/dist/Button-BZp49YQT.cjs

@@ -0,0 +1 @@
+const e=require(`./_plugin-vue_export-helper-TlCYmDuq.cjs`),t=require(`./Icon-CWAl4gIM.cjs`);let n=require(`vue`);var r={name:`PktButton`,components:{PktIcon:t.t},props:{disabled:{type:Boolean,required:!1,default:!1},iconName:{type:String,required:!1,default:`user`},secondIconName:{type:String,required:!1,default:`user`},size:{type:String,default:`medium`,validator:e=>[`small`,`medium`,`large`].includes(e)},skin:{type:String,default:`primary`,validator:e=>[`primary`,`secondary`,`tertiary`].includes(e)},color:{type:String,validator:e=>[`blue`,`blue-outline`,`green`,`green-outline`,`green-dark`,`green-dark-outline`,`beige-light`,`beige-dark-outline`,`yellow`,`yellow-outline`,`red`,`red-outline`].includes(e)},text:{type:String,required:!1,default:`Trykk her`},variant:{type:String,default:`label-only`,validator:e=>[`label-only`,`icon-left`,`icon-right`,`icon-only`,`icons-right-and-left`].includes(e)},state:{type:String,required:!1,validator:e=>[`normal`,`focus`,`hover`,`active`].includes(e)},type:{type:String,default:`button`,validator:e=>[`button`,`submit`,`reset`].includes(e)},isLoading:{type:Boolean,default:!1}},computed:{classes(){return[`pkt-btn`,this.sizeClass,this.skinClass,this.variantClass,this.colorClass,this.isLoadingClass,this.stateClass]},sizeClass(){return this.size===`medium`?``:`pkt-btn--${this.size}`},skinClass(){return this.skin===`primary`?``:`pkt-btn--${this.skin}`},colorClass(){return this.color?`pkt-btn--${this.color}`:``},stateClass(){return this.state?`pkt-btn--${this.state}`:``},variantClass(){return this.variant===`label-only`?``:`pkt-btn--${this.variant}`},isLoadingClass(){return this.isLoading===!0?`pkt-btn--active`:``}}},i=[`type`,`disabled`],a={class:`pkt-btn__text`};function o(e,t,r,o,s,c){let l=(0,n.resolveComponent)(`PktIcon`);return(0,n.openBlock)(),(0,n.createElementBlock)(`button`,(0,n.mergeProps)(e.$attrs,{type:r.type,class:c.classes,onClick:t[0]||=t=>e.$emit(`onClick`),onKeyup:t[1]||=(0,n.withKeys)(t=>e.$emit(`onClick`),[`enter`]),disabled:r.disabled}),[r.isLoading===!0?((0,n.openBlock)(),(0,n.createBlock)(l,{key:0,class:`pkt-btn__icon pkt-btn__spinner`,name:`spinner-blue`,path:`https://punkt-cdn.oslo.kommune.no/16.7/animations/`})):(0,n.createCommentVNode)(``,!0),r.variant===`label-only`?(0,n.createCommentVNode)(``,!0):((0,n.openBlock)(),(0,n.createBlock)(l,{key:1,class:`pkt-btn__icon`,name:r.iconName},null,8,[`name`])),(0,n.createElementVNode)(`span`,a,[(0,n.renderSlot)(e.$slots,`default`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(r.text),1)])]),r.variant===`icons-right-and-left`?((0,n.openBlock)(),(0,n.createBlock)(l,{key:2,class:`pkt-btn__icon`,name:r.secondIconName},null,8,[`name`])):(0,n.createCommentVNode)(``,!0)],16,i)}var s=e.t(r,[[`render`,o]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/Button-MGcW7Rud.js

@@ -0,0 +1,161 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { t } from "./Icon-BIgZkS83.js";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, mergeProps as s, openBlock as c, renderSlot as l, resolveComponent as u, toDisplayString as d, withKeys as f } from "vue";
+//#region src/components/button/Button.vue
+var p = {
+	name: "PktButton",
+	components: { PktIcon: t },
+	props: {
+		disabled: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		iconName: {
+			type: String,
+			required: !1,
+			default: "user"
+		},
+		secondIconName: {
+			type: String,
+			required: !1,
+			default: "user"
+		},
+		size: {
+			type: String,
+			default: "medium",
+			validator: (e) => [
+				"small",
+				"medium",
+				"large"
+			].includes(e)
+		},
+		skin: {
+			type: String,
+			default: "primary",
+			validator: (e) => [
+				"primary",
+				"secondary",
+				"tertiary"
+			].includes(e)
+		},
+		color: {
+			type: String,
+			validator: (e) => [
+				"blue",
+				"blue-outline",
+				"green",
+				"green-outline",
+				"green-dark",
+				"green-dark-outline",
+				"beige-light",
+				"beige-dark-outline",
+				"yellow",
+				"yellow-outline",
+				"red",
+				"red-outline"
+			].includes(e)
+		},
+		text: {
+			type: String,
+			required: !1,
+			default: "Trykk her"
+		},
+		variant: {
+			type: String,
+			default: "label-only",
+			validator: (e) => [
+				"label-only",
+				"icon-left",
+				"icon-right",
+				"icon-only",
+				"icons-right-and-left"
+			].includes(e)
+		},
+		state: {
+			type: String,
+			required: !1,
+			validator: (e) => [
+				"normal",
+				"focus",
+				"hover",
+				"active"
+			].includes(e)
+		},
+		type: {
+			type: String,
+			default: "button",
+			validator: (e) => [
+				"button",
+				"submit",
+				"reset"
+			].includes(e)
+		},
+		isLoading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	computed: {
+		classes() {
+			return [
+				"pkt-btn",
+				this.sizeClass,
+				this.skinClass,
+				this.variantClass,
+				this.colorClass,
+				this.isLoadingClass,
+				this.stateClass
+			];
+		},
+		sizeClass() {
+			return this.size === "medium" ? "" : `pkt-btn--${this.size}`;
+		},
+		skinClass() {
+			return this.skin === "primary" ? "" : `pkt-btn--${this.skin}`;
+		},
+		colorClass() {
+			return this.color ? `pkt-btn--${this.color}` : "";
+		},
+		stateClass() {
+			return this.state ? `pkt-btn--${this.state}` : "";
+		},
+		variantClass() {
+			return this.variant === "label-only" ? "" : `pkt-btn--${this.variant}`;
+		},
+		isLoadingClass() {
+			return this.isLoading === !0 ? "pkt-btn--active" : "";
+		}
+	}
+}, m = ["type", "disabled"], h = { class: "pkt-btn__text" };
+function g(e, t, p, g, _, v) {
+	let y = u("PktIcon");
+	return c(), i("button", s(e.$attrs, {
+		type: p.type,
+		class: v.classes,
+		onClick: t[0] ||= (t) => e.$emit("onClick"),
+		onKeyup: t[1] ||= f((t) => e.$emit("onClick"), ["enter"]),
+		disabled: p.disabled
+	}), [
+		p.isLoading === !0 ? (c(), n(y, {
+			key: 0,
+			class: "pkt-btn__icon pkt-btn__spinner",
+			name: "spinner-blue",
+			path: "https://punkt-cdn.oslo.kommune.no/16.7/animations/"
+		})) : r("", !0),
+		p.variant === "label-only" ? r("", !0) : (c(), n(y, {
+			key: 1,
+			class: "pkt-btn__icon",
+			name: p.iconName
+		}, null, 8, ["name"])),
+		a("span", h, [l(e.$slots, "default", {}, () => [o(d(p.text), 1)])]),
+		p.variant === "icons-right-and-left" ? (c(), n(y, {
+			key: 2,
+			class: "pkt-btn__icon",
+			name: p.secondIconName
+		}, null, 8, ["name"])) : r("", !0)
+	], 16, m);
+}
+var _ = /* @__PURE__ */ e(p, [["render", g]]);
+//#endregion
+export { _ as t };

package/dist/Helptext-BCSz7jKA.js

@@ -0,0 +1,52 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, openBlock as i } from "vue";
+import "@oslokommune/punkt-elements/dist/pkt-helptext";
+//#region src/components/helptext/Helptext.vue
+var a = {
+	name: "pktHelptext",
+	emits: ["toggleHelpText"],
+	props: {
+		forId: {
+			type: String,
+			required: !0
+		},
+		helptext: {
+			type: String,
+			required: !1
+		},
+		helptextDropdown: {
+			type: String,
+			required: !1
+		},
+		helptextDropdownButton: {
+			type: String,
+			required: !1
+		}
+	},
+	data() {
+		return { isHelpTextOpen: !1 };
+	},
+	methods: { toggleHelpText(e) {
+		this.isHelpTextOpen = e.detail.isOpen, this.$emit("toggleHelpText", this.isHelpTextOpen);
+	} },
+	computed: { dropdownButton() {
+		return this.helptextDropdownButton || "Les mer <span class=\"pkt-sr-only\">om feltet</span>";
+	} }
+}, o = { key: 0 }, s = [
+	"forId",
+	"helptext",
+	"helptextDropdown",
+	"helptextDropdownButton"
+];
+function c(e, a, c, l, u, d) {
+	return c.helptext || c.helptextDropdown ? (i(), n("div", o, [r("pkt-helptext", {
+		forId: c.forId,
+		helptext: c.helptext,
+		helptextDropdown: c.helptextDropdown,
+		helptextDropdownButton: d.dropdownButton,
+		"on:toggleHelpText": a[0] ||= (...e) => d.toggleHelpText && d.toggleHelpText(...e)
+	}, null, 40, s)])) : t("", !0);
+}
+var l = /* @__PURE__ */ e(a, [["render", c]]);
+//#endregion
+export { l as t };

package/dist/Helptext-BrCCiDCr.cjs

@@ -0,0 +1 @@
+const e=require(`./_plugin-vue_export-helper-TlCYmDuq.cjs`);let t=require(`vue`);require(`@oslokommune/punkt-elements/dist/pkt-helptext`);var n={name:`pktHelptext`,emits:[`toggleHelpText`],props:{forId:{type:String,required:!0},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1}},data(){return{isHelpTextOpen:!1}},methods:{toggleHelpText(e){this.isHelpTextOpen=e.detail.isOpen,this.$emit(`toggleHelpText`,this.isHelpTextOpen)}},computed:{dropdownButton(){return this.helptextDropdownButton||`Les mer <span class="pkt-sr-only">om feltet</span>`}}},r={key:0},i=[`forId`,`helptext`,`helptextDropdown`,`helptextDropdownButton`];function a(e,n,a,o,s,c){return a.helptext||a.helptextDropdown?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,r,[(0,t.createElementVNode)(`pkt-helptext`,{forId:a.forId,helptext:a.helptext,helptextDropdown:a.helptextDropdown,helptextDropdownButton:c.dropdownButton,"on:toggleHelpText":n[0]||=(...e)=>c.toggleHelpText&&c.toggleHelpText(...e)},null,40,i)])):(0,t.createCommentVNode)(``,!0)}var o=e.t(n,[[`render`,a]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/dist/Icon-BIgZkS83.js

@@ -0,0 +1,24 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, mergeProps as n, openBlock as r } from "vue";
+import "@oslokommune/punkt-elements/dist/pkt-icon";
+//#region src/components/icon/Icon.vue
+var i = {
+	name: "PktIcon",
+	props: {
+		name: {
+			type: String,
+			required: !0,
+			default: void 0
+		},
+		path: {
+			type: String,
+			default: void 0
+		}
+	}
+}, a = ["name"];
+function o(e, i, o, s, c, l) {
+	return r(), t("pkt-icon", n({ name: o.name }, o.path && { path: o.path }), null, 16, a);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as t };

package/dist/Icon-CWAl4gIM.cjs

@@ -0,0 +1 @@
+const e=require(`./_plugin-vue_export-helper-TlCYmDuq.cjs`);let t=require(`vue`);require(`@oslokommune/punkt-elements/dist/pkt-icon`);var n={name:`PktIcon`,props:{name:{type:String,required:!0,default:void 0},path:{type:String,default:void 0}}},r=[`name`];function i(e,n,i,a,o,s){return(0,t.openBlock)(),(0,t.createElementBlock)(`pkt-icon`,(0,t.mergeProps)({name:i.name},i.path&&{path:i.path}),null,16,r)}var a=e.t(n,[[`render`,i]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/InputWrapper-B3nYy5_K.cjs

@@ -0,0 +1 @@
+const e=require(`./_plugin-vue_export-helper-TlCYmDuq.cjs`),t=require(`./Alert-CHuVD60O.cjs`),n=require(`./Helptext-BrCCiDCr.cjs`);let r=require(`vue`);var i={name:`pktInputwrapper`,emits:[`toggleHelpText`],components:{PktAlert:t.t,PktHelptext:n.t},props:{forId:{type:String,required:!0},label:{type:String,required:!0,default:`input`},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},counter:{type:Boolean,default:!1},counterCurrent:{type:Number,required:!1},counterMaxLength:{type:Number,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,default:`Valgfritt`},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,default:`Må fylles ut`},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0},hasFieldset:{type:Boolean,default:!1}},data(){return{isHelpTextOpen:!1}},methods:{toggleHelpText(){this.isHelpTextOpen=!this.isHelpTextOpen,this.$emit(`toggleHelpText`,this.isHelpTextOpen)}},computed:{tagText(){return this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:``},tagClass(){return this.optionalTag?`pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light`:this.requiredTag?`pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige`:``},disabledClass(){return this.disabled?`pkt-inputwrapper--disabled`:``},inlineClass(){return this.inline?`pkt-inputwrapper--inline`:``},errorClass(){return this.hasError?`pkt-inputwrapper--error`:``},hasDropDown(){return!!this.helptextDropdown&&this.helptextDropdown!==``},describedBy(){this.ariaDescribedby?this.ariaDescribedby:this.helptext&&`${this.forId}`}}},a=[`for`,`aria-describedby`],o=[`for`,`aria-describedby`,`id`],s={key:2,class:`pkt-input__counter`,"aria-live":`polite`,"aria-atomic":`true`},c={key:3},l=[`innerHTML`];function u(e,t,n,i,u,d){let f=(0,r.resolveComponent)(`PktHelptext`),p=(0,r.resolveComponent)(`PktAlert`);return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`pkt-inputwrapper`,d.disabledClass,d.inlineClass,d.errorClass])},[n.useWrapper?((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(n.hasFieldset?`fieldset`:d.hasDropDown?`div`:`label`),{key:0,for:n.hasFieldset?void 0:n.forId,class:(0,r.normalizeClass)([`pkt-inputwrapper__label`,{"pkt-inputwrapper__fieldset":n.hasFieldset,"pkt-inputwrapper__legend":n.hasFieldset}]),"aria-describedby":d.hasDropDown?void 0:n.ariaDescribedby},{default:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(n.hasFieldset?`legend`:d.hasDropDown?`h2`:`span`),{class:(0,r.normalizeClass)({"pkt-inputwrapper__legend":n.hasFieldset}),id:`${n.forId}-label`},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(n.label),1),d.tagText===``?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:0,class:(0,r.normalizeClass)(d.tagClass)},(0,r.toDisplayString)(d.tagText),3))]),_:1},8,[`class`,`id`])),(0,r.createVNode)(f,{forId:n.forId,onToggleHelpText:d.toggleHelpText,helptext:n.helptext,helptextDropdownButton:n.helptextDropdownButton,helptextDropdown:n.helptextDropdown},null,8,[`forId`,`onToggleHelpText`,`helptext`,`helptextDropdownButton`,`helptextDropdown`]),n.hasFieldset?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createElementBlock)(`label`,{key:0,for:n.forId,class:`pkt-sr-only`,"aria-describedby":d.describedBy},(0,r.toDisplayString)(n.label),9,a)),(0,r.renderSlot)(e.$slots,`default`)]),_:3},8,[`for`,`class`,`aria-describedby`])):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[n.hasFieldset?(0,r.createCommentVNode)(``,!0):((0,r.openBlock)(),(0,r.createElementBlock)(`label`,{key:0,for:n.forId,class:`pkt-sr-only`,"aria-describedby":d.describedBy,id:`${n.forId}-label`},(0,r.toDisplayString)(n.label),9,o)),(0,r.renderSlot)(e.$slots,`default`)],64)),n.counter?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,s,[(0,r.createTextVNode)((0,r.toDisplayString)(n.counterCurrent||0),1),n.counterMaxLength?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[(0,r.createTextVNode)(`/`+(0,r.toDisplayString)(n.counterMaxLength),1)],64)):(0,r.createCommentVNode)(``,!0)])):(0,r.createCommentVNode)(``,!0),n.hasError&&n.errorMessage?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,c,[(0,r.createVNode)(p,{skin:`error`,"aria-live":`assertive`,id:`${n.forId}-error`,compact:``},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,{class:`pkt-contents`,innerHTML:n.errorMessage},null,8,l)]),_:1},8,[`id`])])):(0,r.createCommentVNode)(``,!0)],2)}var d=e.t(i,[[`render`,u]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return d}});

package/dist/InputWrapper-_FhINEnw.js

@@ -0,0 +1,213 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { t } from "./Alert-oTzo9iRu.js";
+import { t as n } from "./Helptext-BCSz7jKA.js";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, normalizeClass as u, openBlock as d, renderSlot as f, resolveComponent as p, resolveDynamicComponent as m, toDisplayString as h, withCtx as g } from "vue";
+//#region src/components/inputwrapper/InputWrapper.vue
+var _ = {
+	name: "pktInputwrapper",
+	emits: ["toggleHelpText"],
+	components: {
+		PktAlert: t,
+		PktHelptext: n
+	},
+	props: {
+		forId: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0,
+			default: "input"
+		},
+		helptext: {
+			type: String,
+			required: !1
+		},
+		helptextDropdown: {
+			type: String,
+			required: !1
+		},
+		helptextDropdownButton: {
+			type: String,
+			required: !1
+		},
+		counter: {
+			type: Boolean,
+			default: !1
+		},
+		counterCurrent: {
+			type: Number,
+			required: !1
+		},
+		counterMaxLength: {
+			type: Number,
+			required: !1
+		},
+		optionalTag: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		optionalText: {
+			type: String,
+			default: "Valgfritt"
+		},
+		requiredTag: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		requiredText: {
+			type: String,
+			default: "Må fylles ut"
+		},
+		hasError: {
+			type: Boolean,
+			required: !1
+		},
+		errorMessage: {
+			type: String,
+			required: !1
+		},
+		disabled: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		inline: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		ariaDescribedby: {
+			type: String,
+			required: !1
+		},
+		useWrapper: {
+			type: Boolean,
+			default: !0
+		},
+		hasFieldset: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	data() {
+		return { isHelpTextOpen: !1 };
+	},
+	methods: { toggleHelpText() {
+		this.isHelpTextOpen = !this.isHelpTextOpen, this.$emit("toggleHelpText", this.isHelpTextOpen);
+	} },
+	computed: {
+		tagText() {
+			return this.optionalTag ? this.optionalText : this.requiredTag ? this.requiredText : "";
+		},
+		tagClass() {
+			return this.optionalTag ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : this.requiredTag ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "";
+		},
+		disabledClass() {
+			return this.disabled ? "pkt-inputwrapper--disabled" : "";
+		},
+		inlineClass() {
+			return this.inline ? "pkt-inputwrapper--inline" : "";
+		},
+		errorClass() {
+			return this.hasError ? "pkt-inputwrapper--error" : "";
+		},
+		hasDropDown() {
+			return !!this.helptextDropdown && this.helptextDropdown !== "";
+		},
+		describedBy() {
+			this.ariaDescribedby ? this.ariaDescribedby : this.helptext && `${this.forId}`;
+		}
+	}
+}, v = ["for", "aria-describedby"], y = [
+	"for",
+	"aria-describedby",
+	"id"
+], b = {
+	key: 2,
+	class: "pkt-input__counter",
+	"aria-live": "polite",
+	"aria-atomic": "true"
+}, x = { key: 3 }, S = ["innerHTML"];
+function C(e, t, n, _, C, w) {
+	let T = p("PktHelptext"), E = p("PktAlert");
+	return d(), o("div", { class: u([
+		"pkt-inputwrapper",
+		w.disabledClass,
+		w.inlineClass,
+		w.errorClass
+	]) }, [
+		n.useWrapper ? (d(), i(m(n.hasFieldset ? "fieldset" : w.hasDropDown ? "div" : "label"), {
+			key: 0,
+			for: n.hasFieldset ? void 0 : n.forId,
+			class: u(["pkt-inputwrapper__label", {
+				"pkt-inputwrapper__fieldset": n.hasFieldset,
+				"pkt-inputwrapper__legend": n.hasFieldset
+			}]),
+			"aria-describedby": w.hasDropDown ? void 0 : n.ariaDescribedby
+		}, {
+			default: g(() => [
+				(d(), i(m(n.hasFieldset ? "legend" : w.hasDropDown ? "h2" : "span"), {
+					class: u({ "pkt-inputwrapper__legend": n.hasFieldset }),
+					id: `${n.forId}-label`
+				}, {
+					default: g(() => [c(h(n.label), 1), w.tagText === "" ? a("", !0) : (d(), o("span", {
+						key: 0,
+						class: u(w.tagClass)
+					}, h(w.tagText), 3))]),
+					_: 1
+				}, 8, ["class", "id"])),
+				l(T, {
+					forId: n.forId,
+					onToggleHelpText: w.toggleHelpText,
+					helptext: n.helptext,
+					helptextDropdownButton: n.helptextDropdownButton,
+					helptextDropdown: n.helptextDropdown
+				}, null, 8, [
+					"forId",
+					"onToggleHelpText",
+					"helptext",
+					"helptextDropdownButton",
+					"helptextDropdown"
+				]),
+				n.hasFieldset ? a("", !0) : (d(), o("label", {
+					key: 0,
+					for: n.forId,
+					class: "pkt-sr-only",
+					"aria-describedby": w.describedBy
+				}, h(n.label), 9, v)),
+				f(e.$slots, "default")
+			]),
+			_: 3
+		}, 8, [
+			"for",
+			"class",
+			"aria-describedby"
+		])) : (d(), o(r, { key: 1 }, [n.hasFieldset ? a("", !0) : (d(), o("label", {
+			key: 0,
+			for: n.forId,
+			class: "pkt-sr-only",
+			"aria-describedby": w.describedBy,
+			id: `${n.forId}-label`
+		}, h(n.label), 9, y)), f(e.$slots, "default")], 64)),
+		n.counter ? (d(), o("div", b, [c(h(n.counterCurrent || 0), 1), n.counterMaxLength ? (d(), o(r, { key: 0 }, [c("/" + h(n.counterMaxLength), 1)], 64)) : a("", !0)])) : a("", !0),
+		n.hasError && n.errorMessage ? (d(), o("div", x, [l(E, {
+			skin: "error",
+			"aria-live": "assertive",
+			id: `${n.forId}-error`,
+			compact: ""
+		}, {
+			default: g(() => [s("div", {
+				class: "pkt-contents",
+				innerHTML: n.errorMessage
+			}, null, 8, S)]),
+			_: 1
+		}, 8, ["id"])])) : a("", !0)
+	], 2);
+}
+var w = /* @__PURE__ */ e(_, [["render", C]]);
+//#endregion
+export { w as t };

package/dist/Tag-B0FbthFr.cjs

@@ -0,0 +1 @@
+const e=require(`./_plugin-vue_export-helper-TlCYmDuq.cjs`);let t=require(`vue`);require(`@oslokommune/punkt-elements/dist/pkt-tag`);var n={name:`PktTag`,props:{skin:{type:String,default:`blue`,validator(e){return[`blue`,`blue-light`,`blue-dark`,`green`,`red`,`beige`,`yellow`,`grey`,`gray`].includes(e)}},textStyle:{type:String,default:`normal-text`,validator(e){return[`thin-text`,`normal-text`].includes(e)}},size:{type:String,default:`medium`,validator(e){return[`small`,`medium`,`large`].includes(e)}},closeTag:{type:Boolean,default:!1},iconName:{type:String,default:``},type:{type:String,default:`button`,validator:e=>[`button`,`submit`,`reset`].includes(e)},ariaLabel:{type:String,default:`close`}}},r=[`skin`,`textStyle`,`size`,`closeTag`,`iconName`,`type`,`ariaLabel`];function i(e,n,i,a,o,s){return(0,t.openBlock)(),(0,t.createElementBlock)(`pkt-tag`,{skin:i.skin,textStyle:i.textStyle,size:i.size,closeTag:i.closeTag,iconName:i.iconName,type:i.type,ariaLabel:i.ariaLabel},[(0,t.renderSlot)(e.$slots,`default`)],8,r)}var a=e.t(n,[[`render`,i]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/Tag-CR41DHXf.js

@@ -0,0 +1,87 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, openBlock as n, renderSlot as r } from "vue";
+import "@oslokommune/punkt-elements/dist/pkt-tag";
+//#region src/components/tag/Tag.vue
+var i = {
+	name: "PktTag",
+	props: {
+		skin: {
+			type: String,
+			default: "blue",
+			validator(e) {
+				return [
+					"blue",
+					"blue-light",
+					"blue-dark",
+					"green",
+					"red",
+					"beige",
+					"yellow",
+					"grey",
+					"gray"
+				].includes(e);
+			}
+		},
+		textStyle: {
+			type: String,
+			default: "normal-text",
+			validator(e) {
+				return ["thin-text", "normal-text"].includes(e);
+			}
+		},
+		size: {
+			type: String,
+			default: "medium",
+			validator(e) {
+				return [
+					"small",
+					"medium",
+					"large"
+				].includes(e);
+			}
+		},
+		closeTag: {
+			type: Boolean,
+			default: !1
+		},
+		iconName: {
+			type: String,
+			default: ""
+		},
+		type: {
+			type: String,
+			default: "button",
+			validator: (e) => [
+				"button",
+				"submit",
+				"reset"
+			].includes(e)
+		},
+		ariaLabel: {
+			type: String,
+			default: "close"
+		}
+	}
+}, a = [
+	"skin",
+	"textStyle",
+	"size",
+	"closeTag",
+	"iconName",
+	"type",
+	"ariaLabel"
+];
+function o(e, i, o, s, c, l) {
+	return n(), t("pkt-tag", {
+		skin: o.skin,
+		textStyle: o.textStyle,
+		size: o.size,
+		closeTag: o.closeTag,
+		iconName: o.iconName,
+		type: o.type,
+		ariaLabel: o.ariaLabel
+	}, [r(e.$slots, "default")], 8, a);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as t };

package/dist/_plugin-vue_export-helper-BTgDAbhb.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };