@utrecht/component-library-vue 1.0.0-alpha.41 → 1.0.0-alpha.44

package/dist/UtrechtSelect.vue.d.ts

@@ -1,51 +1,44 @@
 declare const _sfc_main: import("vue").DefineComponent<{
-    disabled: {
-        type: BooleanConstructor;
-        required: false;
-    };
     invalid: {
         type: BooleanConstructor;
         required: false;
     };
-    modelValue: {
-        type: StringConstructor;
-        required: false;
-    };
     readonly: {
         type: BooleanConstructor;
         required: false;
     };
-    required: {
-        type: BooleanConstructor;
-        required: false;
+    options: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: BooleanConstructor;
-        required: false;
+    modelValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        require: boolean;
+        default: string;
     };
+}, {
+    selected: import("vue").WritableComputedRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     invalid: {
         type: BooleanConstructor;
         required: false;
     };
-    modelValue: {
-        type: StringConstructor;
-        required: false;
-    };
     readonly: {
         type: BooleanConstructor;
         required: false;
     };
-    required: {
-        type: BooleanConstructor;
-        required: false;
+    options: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        required: true;
     };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    required: boolean;
-    disabled: boolean;
+    modelValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        require: boolean;
+        default: string;
+    };
+}>>, {
     invalid: boolean;
+    modelValue: string | number | boolean;
     readonly: boolean;
 }>;
 export default _sfc_main;

package/dist/component-library-vue.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { openBlock, createElementBlock, renderSlot, defineComponent, normalizeClass } from "vue";
+import { openBlock, createElementBlock, renderSlot, defineComponent, normalizeClass, computed, withDirectives, Fragment, renderList, toDisplayString, createCommentVNode, vModelSelect } from "vue";
 var index_scss_vue_type_style_index_0_src_ef9a24a0_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -26,16 +26,16 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$r = {};
-const _hoisted_1$n = { class: "utrecht-article" };
-function _sfc_render$f(_ctx, _cache) {
-  return openBlock(), createElementBlock("article", _hoisted_1$n, [
+const _sfc_main$q = {};
+const _hoisted_1$m = { class: "utrecht-article" };
+function _sfc_render$g(_ctx, _cache) {
+  return openBlock(), createElementBlock("article", _hoisted_1$m, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtArticle = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$f]]);
+var UtrechtArticle = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$g]]);
 var index_scss_vue_type_style_index_0_src_ca499a90_lang = "";
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "UtrechtBadgeStatus",
   props: {
     status: null
@@ -53,8 +53,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 var index_scss_vue_type_style_index_0_src_527c33ba_lang = "";
-const _hoisted_1$m = ["aria-busy", "disabled", "type"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _hoisted_1$l = ["aria-busy", "disabled", "type"];
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "UtrechtButton",
   props: {
     appearance: null,
@@ -78,19 +78,19 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         type: __props.type || "button"
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$m);
+      ], 10, _hoisted_1$l);
     };
   }
 });
 var index_scss_vue_type_style_index_0_src_2303b246_lang = "";
-const _sfc_main$o = {};
-const _hoisted_1$l = { class: "utrecht-button-group" };
-function _sfc_render$e(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$l, [
+const _sfc_main$n = {};
+const _hoisted_1$k = { class: "utrecht-button-group" };
+function _sfc_render$f(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$k, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$e]]);
+var UtrechtButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$f]]);
 function looseCompareArrays(a, b) {
   if (a.length !== b.length)
     return false;
@@ -146,7 +146,7 @@ const isObject = (val) => val !== null && typeof val === "object";
 const objectToString = Object.prototype.toString;
 const toTypeString = (value) => objectToString.call(value);
 var index_scss_vue_type_style_index_0_src_a26e3682_lang = "";
-const _hoisted_1$k = ["aria-invalid", "checked", "disabled", "required", "value"];
+const _hoisted_1$j = ["aria-invalid", "checked", "disabled", "required", "value"];
 const isSet = (arg) => arg instanceof Set;
 const isChecked$1 = (modelValue, value) => {
   if (Array.isArray(modelValue)) {
@@ -189,7 +189,7 @@ const __default__$1 = {
     }
   }
 };
-const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+const _sfc_main$m = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
   __name: "UtrechtCheckbox",
   props: {
     checked: { type: Boolean },
@@ -216,48 +216,48 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         required: __props.required,
         value: __props.value,
         onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$_handleInputEvent($event))
-      }, null, 42, _hoisted_1$k);
+      }, null, 42, _hoisted_1$j);
     };
   }
 }));
 var index_scss_vue_type_style_index_0_src_377dc625_lang = "";
-const _sfc_main$m = {};
-const _hoisted_1$j = { class: "utrecht-document" };
-function _sfc_render$d(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$j, [
+const _sfc_main$l = {};
+const _hoisted_1$i = { class: "utrecht-document" };
+function _sfc_render$e(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$i, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtDocument = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$d]]);
+var UtrechtDocument = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$e]]);
 var index_scss_vue_type_style_index_0_src_0334bbae_lang = "";
-const _sfc_main$l = {};
-const _hoisted_1$i = { class: "utrecht-form-field" };
-function _sfc_render$c(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$i, [
+const _sfc_main$k = {};
+const _hoisted_1$h = { class: "utrecht-form-field" };
+function _sfc_render$d(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$h, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtFormField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$c]]);
+var UtrechtFormField = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$d]]);
 var index_scss_vue_type_style_index_0_src_7d9b1ad2_lang = "";
-const _sfc_main$k = {};
-const _hoisted_1$h = { class: "utrecht-form-fieldset" };
-function _sfc_render$b(_ctx, _cache) {
-  return openBlock(), createElementBlock("fieldset", _hoisted_1$h, [
+const _sfc_main$j = {};
+const _hoisted_1$g = { class: "utrecht-form-fieldset" };
+function _sfc_render$c(_ctx, _cache) {
+  return openBlock(), createElementBlock("fieldset", _hoisted_1$g, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtFormFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$b]]);
+var UtrechtFormFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$c]]);
 var index_scss_vue_type_style_index_0_src_557ef4dc_lang = "";
-const _sfc_main$j = {};
-const _hoisted_1$g = { class: "utrecht-form-fieldset__legend" };
-function _sfc_render$a(_ctx, _cache) {
-  return openBlock(), createElementBlock("legend", _hoisted_1$g, [
+const _sfc_main$i = {};
+const _hoisted_1$f = { class: "utrecht-form-fieldset__legend" };
+function _sfc_render$b(_ctx, _cache) {
+  return openBlock(), createElementBlock("legend", _hoisted_1$f, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtFormFieldsetLegend = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$a]]);
+var UtrechtFormFieldsetLegend = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$b]]);
 var index_scss_vue_type_style_index_0_src_e35723f4_lang = "";
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "UtrechtFormLabel",
   props: {
     checked: { type: Boolean },
@@ -285,11 +285,11 @@ var index_scss_vue_type_style_index_2_src_0797b6fe_scoped_true_lang = "";
 var index_scss_vue_type_style_index_3_src_0797b6fe_scoped_true_lang = "";
 var index_scss_vue_type_style_index_4_src_0797b6fe_scoped_true_lang = "";
 var index_scss_vue_type_style_index_5_src_0797b6fe_scoped_true_lang = "";
-const _hoisted_1$f = {
+const _hoisted_1$e = {
   key: 0,
   class: "utrecht-heading-1"
 };
-const _hoisted_2 = {
+const _hoisted_2$1 = {
   key: 1,
   class: "utrecht-heading-2"
 };
@@ -309,16 +309,16 @@ const _hoisted_6 = {
   key: 5,
   class: "utrecht-heading-6"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "UtrechtHeading",
   props: {
     level: null
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return __props.level == 1 ? (openBlock(), createElementBlock("h1", _hoisted_1$f, [
+      return __props.level == 1 ? (openBlock(), createElementBlock("h1", _hoisted_1$e, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ])) : __props.level == 2 ? (openBlock(), createElementBlock("h2", _hoisted_2, [
+      ])) : __props.level == 2 ? (openBlock(), createElementBlock("h2", _hoisted_2$1, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ])) : __props.level == 3 ? (openBlock(), createElementBlock("h3", _hoisted_3, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -332,63 +332,63 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var UtrechtHeading = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0797b6fe"]]);
+var UtrechtHeading = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-0797b6fe"]]);
 var index_scss_vue_type_style_index_0_src_75371619_lang = "";
-const _sfc_main$g = {};
-const _hoisted_1$e = { class: "utrecht-heading-1" };
-function _sfc_render$9(_ctx, _cache) {
-  return openBlock(), createElementBlock("h1", _hoisted_1$e, [
+const _sfc_main$f = {};
+const _hoisted_1$d = { class: "utrecht-heading-1" };
+function _sfc_render$a(_ctx, _cache) {
+  return openBlock(), createElementBlock("h1", _hoisted_1$d, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtHeading1 = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$9]]);
+var UtrechtHeading1 = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$a]]);
 var index_scss_vue_type_style_index_0_src_52277e5a_lang = "";
-const _sfc_main$f = {};
-const _hoisted_1$d = { class: "utrecht-heading-2" };
-function _sfc_render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("h2", _hoisted_1$d, [
+const _sfc_main$e = {};
+const _hoisted_1$c = { class: "utrecht-heading-2" };
+function _sfc_render$9(_ctx, _cache) {
+  return openBlock(), createElementBlock("h2", _hoisted_1$c, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtHeading2 = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$8]]);
+var UtrechtHeading2 = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$9]]);
 var index_scss_vue_type_style_index_0_src_2f17e69b_lang = "";
-const _sfc_main$e = {};
-const _hoisted_1$c = { class: "utrecht-heading-3" };
-function _sfc_render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("h3", _hoisted_1$c, [
+const _sfc_main$d = {};
+const _hoisted_1$b = { class: "utrecht-heading-3" };
+function _sfc_render$8(_ctx, _cache) {
+  return openBlock(), createElementBlock("h3", _hoisted_1$b, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtHeading3 = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$7]]);
+var UtrechtHeading3 = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$8]]);
 var index_scss_vue_type_style_index_0_src_0c084edc_lang = "";
-const _sfc_main$d = {};
-const _hoisted_1$b = { class: "utrecht-heading-4" };
-function _sfc_render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("h4", _hoisted_1$b, [
+const _sfc_main$c = {};
+const _hoisted_1$a = { class: "utrecht-heading-4" };
+function _sfc_render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("h4", _hoisted_1$a, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtHeading4 = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$6]]);
+var UtrechtHeading4 = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$7]]);
 var index_scss_vue_type_style_index_0_src_2e0e91c6_lang = "";
-const _sfc_main$c = {};
-const _hoisted_1$a = { class: "utrecht-heading-5" };
-function _sfc_render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("h5", _hoisted_1$a, [
+const _sfc_main$b = {};
+const _hoisted_1$9 = { class: "utrecht-heading-5" };
+function _sfc_render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("h5", _hoisted_1$9, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtHeading5 = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$5]]);
+var UtrechtHeading5 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$6]]);
 var index_scss_vue_type_style_index_0_src_742dc144_lang = "";
-const _sfc_main$b = {};
-const _hoisted_1$9 = { class: "utrecht-heading-6" };
-function _sfc_render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("h6", _hoisted_1$9, [
+const _sfc_main$a = {};
+const _hoisted_1$8 = { class: "utrecht-heading-6" };
+function _sfc_render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("h6", _hoisted_1$8, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtHeading6 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$4]]);
+var UtrechtHeading6 = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$5]]);
 var index_scss_vue_type_style_index_0_src_57003daf_lang = "";
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "UtrechtLink",
   props: {
     external: { type: Boolean }
@@ -406,43 +406,43 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 var index_scss_vue_type_style_index_0_src_c95041ce_lang = "";
-const _sfc_main$9 = {};
-const _hoisted_1$8 = { class: "utrecht-page" };
-function _sfc_render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$8, [
+const _sfc_main$8 = {};
+const _hoisted_1$7 = { class: "utrecht-page" };
+function _sfc_render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$7, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtPage = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$3]]);
+var UtrechtPage = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$4]]);
 var index_scss_vue_type_style_index_0_src_0fe4086e_lang = "";
-const _sfc_main$8 = {};
-const _hoisted_1$7 = { class: "utrecht-page-content" };
-function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$7, [
+const _sfc_main$7 = {};
+const _hoisted_1$6 = { class: "utrecht-page-content" };
+function _sfc_render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$6, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtPageContent = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2]]);
+var UtrechtPageContent = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3]]);
 var index_scss_vue_type_style_index_0_src_970efa78_lang = "";
-const _sfc_main$7 = {};
-const _hoisted_1$6 = { class: "utrecht-page-footer" };
-function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("footer", _hoisted_1$6, [
+const _sfc_main$6 = {};
+const _hoisted_1$5 = { class: "utrecht-page-footer" };
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("footer", _hoisted_1$5, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtPageFooter = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1]]);
+var UtrechtPageFooter = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2]]);
 var index_scss_vue_type_style_index_0_src_38ff3736_lang = "";
-const _sfc_main$6 = {};
-const _hoisted_1$5 = { class: "utrecht-page-header" };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("header", _hoisted_1$5, [
+const _sfc_main$5 = {};
+const _hoisted_1$4 = { class: "utrecht-page-header" };
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("header", _hoisted_1$4, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var UtrechtPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]);
+var UtrechtPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1]]);
 var index_scss_vue_type_style_index_0_src_aebee898_lang = "";
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "UtrechtParagraph",
   props: {
     lead: { type: Boolean }
@@ -458,7 +458,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 var index_scss_vue_type_style_index_0_src_08e0d1b3_lang = "";
-const _hoisted_1$4 = ["aria-invalid", "checked", "disabled", "required", "value"];
+const _hoisted_1$3 = ["aria-invalid", "checked", "disabled", "required", "value"];
 const isChecked = (modelValue, value) => looseEqual(modelValue, value);
 const __default__ = {
   methods: {
@@ -472,7 +472,7 @@ const __default__ = {
     }
   }
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
+const _sfc_main$3 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
   __name: "UtrechtRadioButton",
   props: {
     checked: { type: Boolean },
@@ -499,63 +499,60 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         required: __props.required,
         value: __props.value,
         onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$_handleInputEvent($event.target))
-      }, null, 42, _hoisted_1$4);
+      }, null, 42, _hoisted_1$3);
     };
   }
 }));
-var index_scss_vue_type_style_index_0_src_5b35235f_lang = "";
-const _hoisted_1$3 = ["aria-invalid", "disabled", "readonly", "required", "value"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "UtrechtSelect",
+function useModelWrapper(props, emit, name = "modelValue") {
+  return computed({
+    get: () => props.modelValue,
+    set: (value) => emit(`update:${name}`, value)
+  });
+}
+var index_scss_vue_type_style_index_0_src_938ea0b6_lang = "";
+const _sfc_main$2 = defineComponent({
   props: {
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    modelValue: null,
-    readonly: { type: Boolean },
-    required: { type: Boolean }
+    invalid: { type: Boolean, required: false },
+    readonly: { type: Boolean, required: false },
+    options: { type: [Array, Object], required: true },
+    modelValue: { type: [String, Number, Boolean], require: false, default: "" }
   },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("select", {
-        class: normalizeClass(["utrecht-select", {
-          "utrecht-select--disabled": __props.disabled,
-          "utrecht-select--invalid": __props.invalid,
-          "utrecht-select--required": __props.required,
-          "utrecht-select--readonly": __props.readonly
-        }]),
-        "aria-invalid": __props.invalid || void 0,
-        disabled: __props.disabled,
-        readonly: __props.readonly,
-        required: __props.required,
-        value: __props.modelValue,
-        onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 42, _hoisted_1$3);
+  setup(props, { emit }) {
+    return {
+      selected: useModelWrapper(props, emit)
     };
   }
 });
-var index_scss_vue_type_style_index_0_src_3505c666_lang = "";
-const _hoisted_1$2 = ["disabled"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "UtrechtSelectOption",
-  props: {
-    disabled: { type: Boolean }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
+const _hoisted_1$2 = ["aria-invalid", "readonly"];
+const _hoisted_2 = ["value", "disabled"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return withDirectives((openBlock(), createElementBlock("select", {
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.selected = $event),
+    "aria-invalid": _ctx.invalid || void 0,
+    class: normalizeClass([
+      { "utrecht-select--invalid": _ctx.invalid },
+      { "utrecht-select--readonly": _ctx.readonly },
+      "utrecht-select--html-select",
+      "utrecht-select"
+    ]),
+    readonly: _ctx.readonly
+  }, [
+    _ctx.options && _ctx.options.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, ({ value, label, disabled }) => {
       return openBlock(), createElementBlock("option", {
-        class: normalizeClass(["utrecht-select__option", {
-          "utrecht-select__option--disabled": __props.disabled
-        }]),
-        disabled: __props.disabled
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$2);
-    };
-  }
-});
+        key: value,
+        value,
+        class: normalizeClass([
+          { "utrecht-select__option--disabled": disabled },
+          "utrecht-select__option"
+        ]),
+        disabled
+      }, toDisplayString(label), 11, _hoisted_2);
+    }), 128)) : createCommentVNode("", true)
+  ], 10, _hoisted_1$2)), [
+    [vModelSelect, _ctx.selected]
+  ]);
+}
+var UtrechtSelect = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
 var index_scss_vue_type_style_index_0_src_5758ba1d_lang = "";
 const _hoisted_1$1 = ["aria-invalid", "disabled", "readonly", "required", "value"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -620,4 +617,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-export { UtrechtArticle as Article, _sfc_main$q as BadgeStatus, _sfc_main$p as Button, UtrechtButtonGroup as ButtonGroup, _sfc_main$n as Checkbox, UtrechtDocument as Document, UtrechtFormField as FormField, UtrechtFormFieldset as FormFieldset, UtrechtFormFieldsetLegend as FormFieldsetLegend, _sfc_main$i as FormLabel, UtrechtHeading as Heading, UtrechtHeading1 as Heading1, UtrechtHeading2 as Heading2, UtrechtHeading3 as Heading3, UtrechtHeading4 as Heading4, UtrechtHeading5 as Heading5, UtrechtHeading6 as Heading6, _sfc_main$a as Link, UtrechtPage as Page, UtrechtPageContent as PageContent, UtrechtPageFooter as PageFooter, UtrechtPageHeader as PageHeader, _sfc_main$5 as Paragraph, _sfc_main$4 as RadioButton, _sfc_main$3 as Select, _sfc_main$2 as SelectOption, _sfc_main$1 as Textarea, _sfc_main as Textbox };
+export { UtrechtArticle as Article, _sfc_main$p as BadgeStatus, _sfc_main$o as Button, UtrechtButtonGroup as ButtonGroup, _sfc_main$m as Checkbox, UtrechtDocument as Document, UtrechtFormField as FormField, UtrechtFormFieldset as FormFieldset, UtrechtFormFieldsetLegend as FormFieldsetLegend, _sfc_main$h as FormLabel, UtrechtHeading as Heading, UtrechtHeading1 as Heading1, UtrechtHeading2 as Heading2, UtrechtHeading3 as Heading3, UtrechtHeading4 as Heading4, UtrechtHeading5 as Heading5, UtrechtHeading6 as Heading6, _sfc_main$9 as Link, UtrechtPage as Page, UtrechtPageContent as PageContent, UtrechtPageFooter as PageFooter, UtrechtPageHeader as PageHeader, _sfc_main$4 as Paragraph, _sfc_main$3 as RadioButton, UtrechtSelect as Select, _sfc_main$1 as Textarea, _sfc_main as Textbox };

package/dist/component-library-vue.umd.js

@@ -1 +1 @@
-(function(r,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis!="undefined"?globalThis:r||self,t(r["component-library-vue"]={},r.Vue))})(this,function(r,t){"use strict";var ht=Object.defineProperty,ft=Object.defineProperties;var yt=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var mt=Object.prototype.hasOwnProperty,bt=Object.prototype.propertyIsEnumerable;var p=(r,t,s)=>t in r?ht(r,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[t]=s,_=(r,t)=>{for(var s in t||(t={}))mt.call(t,s)&&p(r,s,t[s]);if(B)for(var s of B(t))bt.call(t,s)&&p(r,s,t[s]);return r},u=(r,t)=>ft(r,yt(t));var s="",c=(e,n)=>{const a=e.__vccOpts||e;for(const[l,i]of n)a[l]=i;return a};const x={},v={class:"utrecht-article"};function S(e,n){return t.openBlock(),t.createElementBlock("article",v,[t.renderSlot(e.$slots,"default")])}var E=c(x,[["render",S]]),kt="";const C=t.defineComponent({__name:"UtrechtBadgeStatus",props:{status:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["utrecht-badge-status",{[`utrecht-badge-status--${e.status}`]:!0}])},[t.renderSlot(n.$slots,"default")],2))}});var $t="";const q=["aria-busy","disabled","type"],U=t.defineComponent({__name:"UtrechtButton",props:{appearance:null,busy:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["utrecht-button",{"utrecht-button--busy":e.busy,"utrecht-button--disabled":e.disabled,"utrecht-button--primary-action":e.appearance==="primary-action-button","utrecht-button--secondary-action":e.appearance==="secondary-action-button","utrecht-button--submit":e.type==="submit","utrecht-button--subtle":e.appearance==="subtle-button"}]),"aria-busy":e.busy||void 0,disabled:e.disabled,type:e.type||"button"},[t.renderSlot(n.$slots,"default")],10,q))}});var gt="";const H={},V={class:"utrecht-button-group"};function F(e,n){return t.openBlock(),t.createElementBlock("div",V,[t.renderSlot(e.$slots,"default")])}var P=c(H,[["render",F]]);function T(e,n){if(e.length!==n.length)return!1;let a=!0;for(let l=0;a&&l<e.length;l++)a=d(e[l],n[l]);return a}function d(e,n){if(e===n)return!0;let a=f(e),l=f(n);if(a||l)return a&&l?e.getTime()===n.getTime():!1;if(a=y(e),l=y(n),a||l)return e===n;if(a=h(e),l=h(n),a||l)return a&&l?T(e,n):!1;if(a=m(e),l=m(n),a||l){if(!a||!l)return!1;const i=Object.keys(e).length,ut=Object.keys(n).length;if(i!==ut)return!1;for(const o in e){const $=e.hasOwnProperty(o),g=n.hasOwnProperty(o);if($&&!g||!$&&g||!d(e[o],n[o]))return!1}}return String(e)===String(n)}const h=Array.isArray,f=e=>j(e)==="[object Date]",y=e=>typeof e=="symbol",m=e=>e!==null&&typeof e=="object",A=Object.prototype.toString,j=e=>A.call(e);var Bt="";const z=["aria-invalid","checked","disabled","required","value"],b=e=>e instanceof Set,k=(e,n)=>Array.isArray(e)?e.includes(n):e instanceof Set?e.has(n):d(e,n),I=(e,n)=>Array.isArray(e)?[...e,n]:b(e)?new Set(e).add(n):n,O=(e,n)=>{if(Array.isArray(e))return e.filter(a=>a!==n);if(b(e)){const a=new Set(e);return a.delete(n),a}else return""},L={methods:{$_handleInputEvent(e){const{value:n,modelValue:a}=this,l=k(a,n)?O(a,n):I(a,n);this.$emit("update:modelValue",l)},$_isChecked(){return k(this.modelValue,this.value)}}},w=t.defineComponent(u(_({},L),{__name:"UtrechtCheckbox",props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{type:"checkbox",class:t.normalizeClass(["utrecht-checkbox",{"utrecht-checkbox--checked":e.checked||n.$_isChecked(),"utrecht-checkbox--disabled":e.disabled,"utrecht-checkbox--invalid":e.invalid,"utrecht-checkbox--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:typeof e.checked=="boolean"?e.checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:a[0]||(a[0]=l=>n.$_handleInputEvent(l))},null,42,z))}}));var pt="";const D={},K={class:"utrecht-document"};function G(e,n){return t.openBlock(),t.createElementBlock("div",K,[t.renderSlot(e.$slots,"default")])}var M=c(D,[["render",G]]),xt="";const R={},J={class:"utrecht-form-field"};function N(e,n){return t.openBlock(),t.createElementBlock("div",J,[t.renderSlot(e.$slots,"default")])}var Q=c(R,[["render",N]]),vt="";const W={},X={class:"utrecht-form-fieldset"};function Y(e,n){return t.openBlock(),t.createElementBlock("fieldset",X,[t.renderSlot(e.$slots,"default")])}var Z=c(W,[["render",Y]]),St="";const ee={},te={class:"utrecht-form-fieldset__legend"};function ne(e,n){return t.openBlock(),t.createElementBlock("legend",te,[t.renderSlot(e.$slots,"default")])}var ae=c(ee,[["render",ne]]),Et="";const re=t.defineComponent({__name:"UtrechtFormLabel",props:{checked:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":e.checked,"utrecht-form-label--disabled":e.disabled,"utrecht-form-label--radio":e.type==="radio","utrecht-form-label--checkbox":e.type==="checkbox"}])},[t.renderSlot(n.$slots,"default")],2))}});var Ct="",qt="",Ut="",Ht="",Vt="",Ft="";const le={key:0,class:"utrecht-heading-1"},ce={key:1,class:"utrecht-heading-2"},se={key:2,class:"utrecht-heading-3"},de={key:3,class:"utrecht-heading-4"},oe={key:4,class:"utrecht-heading-5"},ie={key:5,class:"utrecht-heading-6"};var _e=c(t.defineComponent({__name:"UtrechtHeading",props:{level:null},setup(e){return(n,a)=>e.level==1?(t.openBlock(),t.createElementBlock("h1",le,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==2?(t.openBlock(),t.createElementBlock("h2",ce,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==3?(t.openBlock(),t.createElementBlock("h3",se,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==4?(t.openBlock(),t.createElementBlock("h4",de,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==5?(t.openBlock(),t.createElementBlock("h5",oe,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):(t.openBlock(),t.createElementBlock("h6",ie,[t.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0797b6fe"]]),Tt="";const ue={},he={class:"utrecht-heading-1"};function fe(e,n){return t.openBlock(),t.createElementBlock("h1",he,[t.renderSlot(e.$slots,"default")])}var ye=c(ue,[["render",fe]]),At="";const me={},be={class:"utrecht-heading-2"};function ke(e,n){return t.openBlock(),t.createElementBlock("h2",be,[t.renderSlot(e.$slots,"default")])}var $e=c(me,[["render",ke]]),jt="";const ge={},Be={class:"utrecht-heading-3"};function pe(e,n){return t.openBlock(),t.createElementBlock("h3",Be,[t.renderSlot(e.$slots,"default")])}var xe=c(ge,[["render",pe]]),zt="";const ve={},Se={class:"utrecht-heading-4"};function Ee(e,n){return t.openBlock(),t.createElementBlock("h4",Se,[t.renderSlot(e.$slots,"default")])}var Ce=c(ve,[["render",Ee]]),It="";const qe={},Ue={class:"utrecht-heading-5"};function He(e,n){return t.openBlock(),t.createElementBlock("h5",Ue,[t.renderSlot(e.$slots,"default")])}var Ve=c(qe,[["render",He]]),Ot="";const Fe={},Pe={class:"utrecht-heading-6"};function Te(e,n){return t.openBlock(),t.createElementBlock("h6",Pe,[t.renderSlot(e.$slots,"default")])}var Ae=c(Fe,[["render",Te]]),Lt="";const je=t.defineComponent({__name:"UtrechtLink",props:{external:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["utrecht-link",{"utrecht-link--external":e.external}])},[t.renderSlot(n.$slots,"default")],2))}});var wt="";const ze={},Ie={class:"utrecht-page"};function Oe(e,n){return t.openBlock(),t.createElementBlock("div",Ie,[t.renderSlot(e.$slots,"default")])}var Le=c(ze,[["render",Oe]]),Dt="";const we={},De={class:"utrecht-page-content"};function Ke(e,n){return t.openBlock(),t.createElementBlock("div",De,[t.renderSlot(e.$slots,"default")])}var Ge=c(we,[["render",Ke]]),Kt="";const Me={},Re={class:"utrecht-page-footer"};function Je(e,n){return t.openBlock(),t.createElementBlock("footer",Re,[t.renderSlot(e.$slots,"default")])}var Ne=c(Me,[["render",Je]]),Gt="";const Qe={},We={class:"utrecht-page-header"};function Xe(e,n){return t.openBlock(),t.createElementBlock("header",We,[t.renderSlot(e.$slots,"default")])}var Ye=c(Qe,[["render",Xe]]),Mt="";const Ze=t.defineComponent({__name:"UtrechtParagraph",props:{lead:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("p",{class:t.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":e.lead}])},[t.renderSlot(n.$slots,"default")],2))}});var Rt="";const et=["aria-invalid","checked","disabled","required","value"],tt=(e,n)=>d(e,n),nt={methods:{$_handleInputEvent(e){e.checked&&this.$emit("update:modelValue",this.value)},$_isChecked(){return typeof this.modelValue!="undefined"?tt(this.modelValue,this.value):this.checked}}},at=t.defineComponent(u(_({},nt),{__name:"UtrechtRadioButton",props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{type:"radio",class:t.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--checked":e.checked,"utrecht-radio-button--disabled":e.disabled,"utrecht-radio-button--invalid":e.invalid,"utrecht-radio-button--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:a[0]||(a[0]=l=>n.$_handleInputEvent(l.target))},null,42,et))}}));var Jt="";const rt=["aria-invalid","disabled","readonly","required","value"],lt=t.defineComponent({__name:"UtrechtSelect",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean}},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("select",{class:t.normalizeClass(["utrecht-select",{"utrecht-select--disabled":e.disabled,"utrecht-select--invalid":e.invalid,"utrecht-select--required":e.required,"utrecht-select--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},[t.renderSlot(n.$slots,"default")],42,rt))}});var Nt="";const ct=["disabled"],st=t.defineComponent({__name:"UtrechtSelectOption",props:{disabled:{type:Boolean}},setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("option",{class:t.normalizeClass(["utrecht-select__option",{"utrecht-select__option--disabled":e.disabled}]),disabled:e.disabled},[t.renderSlot(n.$slots,"default")],10,ct))}});var Qt="";const dt=["aria-invalid","disabled","readonly","required","value"],ot=t.defineComponent({__name:"UtrechtTextarea",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("textarea",{class:t.normalizeClass(["utrecht-textarea",{"utrecht-textarea--disabled":e.disabled,"utrecht-textarea--invalid":e.invalid,"utrecht-textarea--required":e.required,"utrecht-textarea--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},null,42,dt))}});var Wt="";const it=["aria-invalid","disabled","readonly","required","value"],_t=t.defineComponent({__name:"UtrechtTextbox",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,a)=>(t.openBlock(),t.createElementBlock("input",{class:t.normalizeClass(["utrecht-textbox",{"utrecht-textbox--disabled":e.disabled,"utrecht-textbox--invalid":e.invalid,"utrecht-textbox--required":e.required,"utrecht-textbox--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:a[0]||(a[0]=l=>n.$emit("update:modelValue",l.target.value))},null,42,it))}});r.Article=E,r.BadgeStatus=C,r.Button=U,r.ButtonGroup=P,r.Checkbox=w,r.Document=M,r.FormField=Q,r.FormFieldset=Z,r.FormFieldsetLegend=ae,r.FormLabel=re,r.Heading=_e,r.Heading1=ye,r.Heading2=$e,r.Heading3=xe,r.Heading4=Ce,r.Heading5=Ve,r.Heading6=Ae,r.Link=je,r.Page=Le,r.PageContent=Ge,r.PageFooter=Ne,r.PageHeader=Ye,r.Paragraph=Ze,r.RadioButton=at,r.Select=lt,r.SelectOption=st,r.Textarea=ot,r.Textbox=_t,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(a=typeof globalThis!="undefined"?globalThis:a||self,t(a["component-library-vue"]={},a.Vue))})(this,function(a,t){"use strict";var yt=Object.defineProperty,mt=Object.defineProperties;var kt=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var pt=Object.prototype.hasOwnProperty,bt=Object.prototype.propertyIsEnumerable;var x=(a,t,s)=>t in a?yt(a,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[t]=s,h=(a,t)=>{for(var s in t||(t={}))pt.call(t,s)&&x(a,s,t[s]);if(B)for(var s of B(t))bt.call(t,s)&&x(a,s,t[s]);return a},f=(a,t)=>mt(a,kt(t));var s="",c=(e,n)=>{const r=e.__vccOpts||e;for(const[l,_]of n)r[l]=_;return r};const S={},v={class:"utrecht-article"};function E(e,n){return t.openBlock(),t.createElementBlock("article",v,[t.renderSlot(e.$slots,"default")])}var C=c(S,[["render",E]]),$t="";const q=t.defineComponent({__name:"UtrechtBadgeStatus",props:{status:null},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["utrecht-badge-status",{[`utrecht-badge-status--${e.status}`]:!0}])},[t.renderSlot(n.$slots,"default")],2))}});var gt="";const U=["aria-busy","disabled","type"],H=t.defineComponent({__name:"UtrechtButton",props:{appearance:null,busy:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["utrecht-button",{"utrecht-button--busy":e.busy,"utrecht-button--disabled":e.disabled,"utrecht-button--primary-action":e.appearance==="primary-action-button","utrecht-button--secondary-action":e.appearance==="secondary-action-button","utrecht-button--submit":e.type==="submit","utrecht-button--subtle":e.appearance==="subtle-button"}]),"aria-busy":e.busy||void 0,disabled:e.disabled,type:e.type||"button"},[t.renderSlot(n.$slots,"default")],10,U))}});var Bt="";const V={},F={class:"utrecht-button-group"};function A(e,n){return t.openBlock(),t.createElementBlock("div",F,[t.renderSlot(e.$slots,"default")])}var P=c(V,[["render",A]]);function T(e,n){if(e.length!==n.length)return!1;let r=!0;for(let l=0;r&&l<e.length;l++)r=i(e[l],n[l]);return r}function i(e,n){if(e===n)return!0;let r=m(e),l=m(n);if(r||l)return r&&l?e.getTime()===n.getTime():!1;if(r=k(e),l=k(n),r||l)return e===n;if(r=y(e),l=y(n),r||l)return r&&l?T(e,n):!1;if(r=p(e),l=p(n),r||l){if(!r||!l)return!1;const _=Object.keys(e).length,g=Object.keys(n).length;if(_!==g)return!1;for(const o in e){const u=e.hasOwnProperty(o),d=n.hasOwnProperty(o);if(u&&!d||!u&&d||!i(e[o],n[o]))return!1}}return String(e)===String(n)}const y=Array.isArray,m=e=>z(e)==="[object Date]",k=e=>typeof e=="symbol",p=e=>e!==null&&typeof e=="object",j=Object.prototype.toString,z=e=>j.call(e);var xt="";const I=["aria-invalid","checked","disabled","required","value"],b=e=>e instanceof Set,$=(e,n)=>Array.isArray(e)?e.includes(n):e instanceof Set?e.has(n):i(e,n),O=(e,n)=>Array.isArray(e)?[...e,n]:b(e)?new Set(e).add(n):n,L=(e,n)=>{if(Array.isArray(e))return e.filter(r=>r!==n);if(b(e)){const r=new Set(e);return r.delete(n),r}else return""},w={methods:{$_handleInputEvent(e){const{value:n,modelValue:r}=this,l=$(r,n)?L(r,n):O(r,n);this.$emit("update:modelValue",l)},$_isChecked(){return $(this.modelValue,this.value)}}},D=t.defineComponent(f(h({},w),{__name:"UtrechtCheckbox",props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("input",{type:"checkbox",class:t.normalizeClass(["utrecht-checkbox",{"utrecht-checkbox--checked":e.checked||n.$_isChecked(),"utrecht-checkbox--disabled":e.disabled,"utrecht-checkbox--invalid":e.invalid,"utrecht-checkbox--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:typeof e.checked=="boolean"?e.checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:r[0]||(r[0]=l=>n.$_handleInputEvent(l))},null,42,I))}}));var St="";const K={},M={class:"utrecht-document"};function G(e,n){return t.openBlock(),t.createElementBlock("div",M,[t.renderSlot(e.$slots,"default")])}var N=c(K,[["render",G]]),vt="";const R={},W={class:"utrecht-form-field"};function J(e,n){return t.openBlock(),t.createElementBlock("div",W,[t.renderSlot(e.$slots,"default")])}var Q=c(R,[["render",J]]),Et="";const X={},Y={class:"utrecht-form-fieldset"};function Z(e,n){return t.openBlock(),t.createElementBlock("fieldset",Y,[t.renderSlot(e.$slots,"default")])}var ee=c(X,[["render",Z]]),Ct="";const te={},ne={class:"utrecht-form-fieldset__legend"};function re(e,n){return t.openBlock(),t.createElementBlock("legend",ne,[t.renderSlot(e.$slots,"default")])}var ae=c(te,[["render",re]]),qt="";const le=t.defineComponent({__name:"UtrechtFormLabel",props:{checked:{type:Boolean},disabled:{type:Boolean},type:null},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(["utrecht-form-label",{"utrecht-form-label--checked":e.checked,"utrecht-form-label--disabled":e.disabled,"utrecht-form-label--radio":e.type==="radio","utrecht-form-label--checkbox":e.type==="checkbox"}])},[t.renderSlot(n.$slots,"default")],2))}});var Ut="",Ht="",Vt="",Ft="",At="",Pt="";const ce={key:0,class:"utrecht-heading-1"},se={key:1,class:"utrecht-heading-2"},oe={key:2,class:"utrecht-heading-3"},de={key:3,class:"utrecht-heading-4"},ie={key:4,class:"utrecht-heading-5"},_e={key:5,class:"utrecht-heading-6"};var ue=c(t.defineComponent({__name:"UtrechtHeading",props:{level:null},setup(e){return(n,r)=>e.level==1?(t.openBlock(),t.createElementBlock("h1",ce,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==2?(t.openBlock(),t.createElementBlock("h2",se,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==3?(t.openBlock(),t.createElementBlock("h3",oe,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==4?(t.openBlock(),t.createElementBlock("h4",de,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):e.level==5?(t.openBlock(),t.createElementBlock("h5",ie,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):(t.openBlock(),t.createElementBlock("h6",_e,[t.renderSlot(n.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0797b6fe"]]),jt="";const he={},fe={class:"utrecht-heading-1"};function ye(e,n){return t.openBlock(),t.createElementBlock("h1",fe,[t.renderSlot(e.$slots,"default")])}var me=c(he,[["render",ye]]),zt="";const ke={},pe={class:"utrecht-heading-2"};function be(e,n){return t.openBlock(),t.createElementBlock("h2",pe,[t.renderSlot(e.$slots,"default")])}var $e=c(ke,[["render",be]]),It="";const ge={},Be={class:"utrecht-heading-3"};function xe(e,n){return t.openBlock(),t.createElementBlock("h3",Be,[t.renderSlot(e.$slots,"default")])}var Se=c(ge,[["render",xe]]),Ot="";const ve={},Ee={class:"utrecht-heading-4"};function Ce(e,n){return t.openBlock(),t.createElementBlock("h4",Ee,[t.renderSlot(e.$slots,"default")])}var qe=c(ve,[["render",Ce]]),Lt="";const Ue={},He={class:"utrecht-heading-5"};function Ve(e,n){return t.openBlock(),t.createElementBlock("h5",He,[t.renderSlot(e.$slots,"default")])}var Fe=c(Ue,[["render",Ve]]),wt="";const Ae={},Pe={class:"utrecht-heading-6"};function Te(e,n){return t.openBlock(),t.createElementBlock("h6",Pe,[t.renderSlot(e.$slots,"default")])}var je=c(Ae,[["render",Te]]),Dt="";const ze=t.defineComponent({__name:"UtrechtLink",props:{external:{type:Boolean}},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["utrecht-link",{"utrecht-link--external":e.external}])},[t.renderSlot(n.$slots,"default")],2))}});var Kt="";const Ie={},Oe={class:"utrecht-page"};function Le(e,n){return t.openBlock(),t.createElementBlock("div",Oe,[t.renderSlot(e.$slots,"default")])}var we=c(Ie,[["render",Le]]),Mt="";const De={},Ke={class:"utrecht-page-content"};function Me(e,n){return t.openBlock(),t.createElementBlock("div",Ke,[t.renderSlot(e.$slots,"default")])}var Ge=c(De,[["render",Me]]),Gt="";const Ne={},Re={class:"utrecht-page-footer"};function We(e,n){return t.openBlock(),t.createElementBlock("footer",Re,[t.renderSlot(e.$slots,"default")])}var Je=c(Ne,[["render",We]]),Nt="";const Qe={},Xe={class:"utrecht-page-header"};function Ye(e,n){return t.openBlock(),t.createElementBlock("header",Xe,[t.renderSlot(e.$slots,"default")])}var Ze=c(Qe,[["render",Ye]]),Rt="";const et=t.defineComponent({__name:"UtrechtParagraph",props:{lead:{type:Boolean}},setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("p",{class:t.normalizeClass(["utrecht-paragraph",{"utrecht-paragraph--lead":e.lead}])},[t.renderSlot(n.$slots,"default")],2))}});var Wt="";const tt=["aria-invalid","checked","disabled","required","value"],nt=(e,n)=>i(e,n),rt={methods:{$_handleInputEvent(e){e.checked&&this.$emit("update:modelValue",this.value)},$_isChecked(){return typeof this.modelValue!="undefined"?nt(this.modelValue,this.value):this.checked}}},at=t.defineComponent(f(h({},rt),{__name:"UtrechtRadioButton",props:{checked:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,required:{type:Boolean},value:null},emits:["update:modelValue"],setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("input",{type:"radio",class:t.normalizeClass(["utrecht-radio-button",{"utrecht-radio-button--checked":e.checked,"utrecht-radio-button--disabled":e.disabled,"utrecht-radio-button--invalid":e.invalid,"utrecht-radio-button--required":e.required}]),"aria-invalid":e.invalid||void 0,checked:n.$_isChecked(),disabled:e.disabled,required:e.required,value:e.value,onInput:r[0]||(r[0]=l=>n.$_handleInputEvent(l.target))},null,42,tt))}}));function lt(e,n,r="modelValue"){return t.computed({get:()=>e.modelValue,set:l=>n(`update:${r}`,l)})}var Jt="";const ct=t.defineComponent({props:{invalid:{type:Boolean,required:!1},readonly:{type:Boolean,required:!1},options:{type:[Array,Object],required:!0},modelValue:{type:[String,Number,Boolean],require:!1,default:""}},setup(e,{emit:n}){return{selected:lt(e,n)}}}),st=["aria-invalid","readonly"],ot=["value","disabled"];function dt(e,n,r,l,_,g){return t.withDirectives((t.openBlock(),t.createElementBlock("select",{"onUpdate:modelValue":n[0]||(n[0]=o=>e.selected=o),"aria-invalid":e.invalid||void 0,class:t.normalizeClass([{"utrecht-select--invalid":e.invalid},{"utrecht-select--readonly":e.readonly},"utrecht-select--html-select","utrecht-select"]),readonly:e.readonly},[e.options&&e.options.length>0?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.options,({value:o,label:u,disabled:d})=>(t.openBlock(),t.createElementBlock("option",{key:o,value:o,class:t.normalizeClass([{"utrecht-select__option--disabled":d},"utrecht-select__option"]),disabled:d},t.toDisplayString(u),11,ot))),128)):t.createCommentVNode("",!0)],10,st)),[[t.vModelSelect,e.selected]])}var it=c(ct,[["render",dt]]),Qt="";const _t=["aria-invalid","disabled","readonly","required","value"],ut=t.defineComponent({__name:"UtrechtTextarea",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("textarea",{class:t.normalizeClass(["utrecht-textarea",{"utrecht-textarea--disabled":e.disabled,"utrecht-textarea--invalid":e.invalid,"utrecht-textarea--required":e.required,"utrecht-textarea--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:r[0]||(r[0]=l=>n.$emit("update:modelValue",l.target.value))},null,42,_t))}});var Xt="";const ht=["aria-invalid","disabled","readonly","required","value"],ft=t.defineComponent({__name:"UtrechtTextbox",props:{disabled:{type:Boolean},invalid:{type:Boolean},modelValue:null,readonly:{type:Boolean},required:{type:Boolean},type:null},emits:["update:modelValue"],setup(e){return(n,r)=>(t.openBlock(),t.createElementBlock("input",{class:t.normalizeClass(["utrecht-textbox",{"utrecht-textbox--disabled":e.disabled,"utrecht-textbox--invalid":e.invalid,"utrecht-textbox--required":e.required,"utrecht-textbox--readonly":e.readonly}]),"aria-invalid":e.invalid||void 0,disabled:e.disabled,readonly:e.readonly,required:e.required,value:e.modelValue,onInput:r[0]||(r[0]=l=>n.$emit("update:modelValue",l.target.value))},null,42,ht))}});a.Article=C,a.BadgeStatus=q,a.Button=H,a.ButtonGroup=P,a.Checkbox=D,a.Document=N,a.FormField=Q,a.FormFieldset=ee,a.FormFieldsetLegend=ae,a.FormLabel=le,a.Heading=ue,a.Heading1=me,a.Heading2=$e,a.Heading3=Se,a.Heading4=qe,a.Heading5=Fe,a.Heading6=je,a.Link=ze,a.Page=we,a.PageContent=Ge,a.PageFooter=Je,a.PageHeader=Ze,a.Paragraph=et,a.RadioButton=at,a.Select=it,a.Textarea=ut,a.Textbox=ft,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/helpers/modelWrapper.d.ts

@@ -0,0 +1 @@
+export declare function useModelWrapper(props: any, emit: any, name?: string): import("vue").WritableComputedRef<any>;

package/dist/index.d.ts

@@ -23,7 +23,6 @@ import PageHeader from './UtrechtPageHeader.vue';
 import Paragraph from './UtrechtParagraph.vue';
 import RadioButton from './UtrechtRadioButton.vue';
 import Select from './UtrechtSelect.vue';
-import SelectOption from './UtrechtSelectOption.vue';
 import Textarea from './UtrechtTextarea.vue';
 import Textbox from './UtrechtTextbox.vue';
-export { Article, BadgeStatus, Button, ButtonGroup, Checkbox, Document, FormField, FormFieldset, FormFieldsetLegend, FormLabel, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Link, Paragraph, Page, PageContent, PageFooter, PageHeader, RadioButton, Select, SelectOption, Textbox, Textarea, };
+export { Article, BadgeStatus, Button, ButtonGroup, Checkbox, Document, FormField, FormFieldset, FormFieldsetLegend, FormLabel, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Link, Paragraph, Page, PageContent, PageFooter, PageHeader, RadioButton, Select, Textbox, Textarea, };

package/dist/style.css

@@ -15,7 +15,7 @@
  */.utrecht-button-group,.utrecht-button-group--distanced{background-color:var(--utrecht-button-group-background-color);display:flex;gap:var(--utrecht-button-group-inline-gap, 1em);min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-button-group-padding-block-end);padding-block-start:var(--utrecht-button-group-padding-block-start)}.utrecht-button-group__button-link--horizontal,.utrecht-button-group--horizontal .utrecht-button-link,.utrecht-button-group:not(.utrecht-button-group--vertical) .utrecht-button-link{--utrecht-button-padding-inline-end: 0;--utrecht-button-padding-inline-start: 0}.utrecht-button-group--vertical{flex-direction:column;gap:var(--utrecht-button-group-block-gap, 1em)}.utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-document{color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);font-weight:var(--utrecht-document-font-weight, inherit);line-height:var(--utrecht-document-line-height, inherit);text-rendering:optimizeLegibility}.utrecht-document :lang(ar){letter-spacing:0!important}.utrecht-document--surface{background-color:var(--utrecht-document-background-color, inherit)}.utrecht-form-field{font-family:var(--utrecht-document-font-family, inherit);max-inline-size:var(--utrecht-form-field-max-inline-size)}.utrecht-form-field--distanced{margin-block-end:var(--utrecht-form-field-margin-block-end, var(--utrecht-paragraph-margin-block-end));margin-block-start:var(--utrecht-form-field-margin-block-start, var(--utrecht-paragraph-margin-block-start))}.utrecht-form-fieldset--html-fieldset{border:0;margin-inline-end:0;margin-inline-start:0;min-width:0;padding-block-end:0;padding-block-start:.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset__legend--html-legend{padding-inline-end:0;padding-inline-start:0}.utrecht-form-fieldset--distanced{margin-block-end:var(--utrecht-form-fieldset-margin-block-end, 0);margin-block-start:var(--utrecht-form-fieldset-margin-block-start, 0)}.utrecht-form-fieldset__legend{color:var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);page-break-after:avoid;page-break-inside:avoid;text-transform:var(--utrecht-form-fieldset-legend-text-transform)}.utrecht-form-fieldset__legend--distanced{margin-block-end:var(--utrecht-form-fieldset-legend-margin-block-end);margin-block-start:var(--utrecht-form-fieldset-legend-margin-block-start)}/**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
-*/.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-heading-1[data-v-0797b6fe]{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}/**
+*/.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{cursor:var(--utrecht-action-disabled-cursor);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-heading-1[data-v-0797b6fe]{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.utrecht-heading-2[data-v-0797b6fe]{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-heading-3[data-v-0797b6fe]{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}/**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
@@ -28,7 +28,7 @@
  *//**
  * @license EUPL-1.2
  * Copyright (c) 2021-2022 Frameless B.V.
- */.utrecht-heading-2[data-v-0797b6fe]{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-heading-3[data-v-0797b6fe]{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-heading-4[data-v-0797b6fe]{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-heading-5[data-v-0797b6fe]{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}.utrecht-heading-6[data-v-0797b6fe]{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}.utrecht-heading-1{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.utrecht-heading-2{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-heading-3{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-heading-4{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-heading-5{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}/**
+ */.utrecht-heading-4[data-v-0797b6fe]{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-heading-5[data-v-0797b6fe]{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}.utrecht-heading-6[data-v-0797b6fe]{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced[data-v-0797b6fe]{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}.utrecht-heading-1{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.utrecht-heading-2{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-heading-3{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-heading-4{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-heading-5{page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}/**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
@@ -71,9 +71,6 @@
 */.utrecht-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color, var(--utrecht-form-input-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;border-block-end-width:var(--utrecht-select-border-block-end-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width)));border-block-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-color:var(--utrecht-select-border-color, var(--utrecht-form-input-border-color));border-inline-end-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-inline-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-radius:var(--utrecht-select-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;color:var(--utrecht-select-color, var(--utrecht-form-input-color));font-family:var(--utrecht-select-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-select-font-size, var(--utrecht-form-input-font-size));max-inline-size:var(--utrecht-select-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-select--disabled{background-color:var(--utrecht-select-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-select--focus{background-color:var(--utrecht-select-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-select-color, var(--utrecht-form-input-color))))}.utrecht-select--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-select--invalid{background-color:var(--utrecht-select-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width))))}.utrecht-select--html-select:disabled{background-color:var(--utrecht-select-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-select--html-select:focus{background-color:var(--utrecht-select-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-select--html-select:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-select--html-select:invalid,.utrecht-select--html-select[aria-invalid=true]{background-color:var(--utrecht-select-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width))))}/**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
-*/.utrecht-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--utrecht-select-background-color, var(--utrecht-form-input-background-color));background-image:var(--utrecht-select-background-image);background-position:100%;background-repeat:no-repeat;background-size:1.4em;border-block-end-width:var(--utrecht-select-border-block-end-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width)));border-block-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-color:var(--utrecht-select-border-color, var(--utrecht-form-input-border-color));border-inline-end-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-inline-start-width:var(--utrecht-select-border-width, var(--utrecht-form-input-border-width));border-radius:var(--utrecht-select-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;color:var(--utrecht-select-color, var(--utrecht-form-input-color));font-family:var(--utrecht-select-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-select-font-size, var(--utrecht-form-input-font-size));max-inline-size:var(--utrecht-select-max-inline-size, var(--utrecht-form-input-max-inline-size));padding-block-end:var(--utrecht-select-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-select-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-select-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-select-padding-inline-start, var(--utrecht-form-input-padding-inline-start));width:100%}.utrecht-select--disabled{background-color:var(--utrecht-select-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-select--focus{background-color:var(--utrecht-select-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-select-color, var(--utrecht-form-input-color))))}.utrecht-select--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-select--invalid{background-color:var(--utrecht-select-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width))))}.utrecht-select--html-select:disabled{background-color:var(--utrecht-select-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-select--html-select:focus{background-color:var(--utrecht-select-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-select-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-select-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-select--html-select:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-select--html-select:invalid,.utrecht-select--html-select[aria-invalid=true]{background-color:var(--utrecht-select-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-select-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-select-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-select-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-select-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-select-border-width, var(--utrecht-form-input-border-width))))}/**
-* @license EUPL-1.2
-* Copyright (c) 2021 Robbert Broersma
 */.utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color));border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width));border-bottom-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-input-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-input-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-input-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-input-font-size, 1em));max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-input-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-input-padding-block-end));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-input-padding-block-start));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-input-padding-inline-end));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-input-padding-inline-start));resize:vertical;width:100%}.utrecht-textarea--invalid{background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textarea--read-only{border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-input-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-input-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-input-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-input-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-input-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-input-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:var(--utrecht-focus-outline-offset, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-textarea--html-textarea:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-input-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-input-background-color))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-input-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-input-border-color))));border-width:var(--utrecht-textarea-invalid-border-width, var(--utrecht-form-input-invalid-border-width, var(--utrecht-textarea-border-width, var(--utrecht-form-input-border-width))))}.utrecht-textarea--html-textarea:read-only{border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-input-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-input-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-input-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))))}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-input-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-input-color))));font-style:var(--utrecht-form-input-placeholder-font-style);opacity:100%}/**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.41",
+  "version": "1.0.0-alpha.44",
   "author": "Community for NL Design System",
   "description": "Vue.js components for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -42,7 +42,7 @@
     "@types/jest": "27.5.2",
     "@types/jsdom": "16.2.15",
     "@types/node": "16.11.45",
-    "@utrecht/components": "1.0.0-alpha.225",
+    "@utrecht/components": "1.0.0-alpha.228",
     "@vitejs/plugin-vue": "2.3.3",
     "@vue/tsconfig": "0.1.3",
     "@vue/vue3-jest": "28.0.1",
@@ -61,5 +61,5 @@
     "vue-router": "4.0.16",
     "vue-tsc": "0.34.17"
   },
-  "gitHead": "470f0f75ee7bbdd0a5d5ae8237246bdb9186a506"
+  "gitHead": "1657a7a9a89983819798b7e83e78d11dd0933cca"
 }

package/dist/UtrechtSelectOption.vue.d.ts

@@ -1,14 +0,0 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    disabled: {
-        type: BooleanConstructor;
-        required: false;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: BooleanConstructor;
-        required: false;
-    };
-}>>, {
-    disabled: boolean;
-}>;
-export default _sfc_main;