@utrecht/component-library-vue 1.0.0-alpha.31 → 1.0.0-alpha.310

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

@@ -1,623 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { openBlock, createElementBlock, renderSlot, defineComponent, normalizeClass } from "vue";
-var index_scss_vue_type_style_index_0_src_ef9a24a0_lang = "";
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtArticle = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$f]]);
-var index_scss_vue_type_style_index_0_src_70491734_lang = "";
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  __name: "UtrechtBadgeStatus",
-  props: {
-    status: null
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["utrecht-badge-status", {
-          ["utrecht-badge--" + __props.status]: true
-        }])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-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({
-  __name: "UtrechtButton",
-  props: {
-    appearance: null,
-    busy: { type: Boolean },
-    disabled: { type: Boolean },
-    type: null
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        class: normalizeClass(["utrecht-button", {
-          "utrecht-button--busy": __props.busy,
-          "utrecht-button--disabled": __props.disabled,
-          "utrecht-button--primary-action": __props.appearance === "primary-action-button",
-          "utrecht-button--secondary-action": __props.appearance === "secondary-action-button",
-          "utrecht-button--submit": __props.type === "submit",
-          "utrecht-button--subtle": __props.appearance === "subtle-button"
-        }]),
-        "aria-busy": __props.busy || void 0,
-        disabled: __props.disabled,
-        type: __props.type || "button"
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$m);
-    };
-  }
-});
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$e]]);
-function looseCompareArrays(a, b) {
-  if (a.length !== b.length)
-    return false;
-  let equal = true;
-  for (let i = 0; equal && i < a.length; i++) {
-    equal = looseEqual(a[i], b[i]);
-  }
-  return equal;
-}
-function looseEqual(a, b) {
-  if (a === b)
-    return true;
-  let aValidType = isDate(a);
-  let bValidType = isDate(b);
-  if (aValidType || bValidType) {
-    return aValidType && bValidType ? a.getTime() === b.getTime() : false;
-  }
-  aValidType = isSymbol(a);
-  bValidType = isSymbol(b);
-  if (aValidType || bValidType) {
-    return a === b;
-  }
-  aValidType = isArray(a);
-  bValidType = isArray(b);
-  if (aValidType || bValidType) {
-    return aValidType && bValidType ? looseCompareArrays(a, b) : false;
-  }
-  aValidType = isObject(a);
-  bValidType = isObject(b);
-  if (aValidType || bValidType) {
-    if (!aValidType || !bValidType) {
-      return false;
-    }
-    const aKeysCount = Object.keys(a).length;
-    const bKeysCount = Object.keys(b).length;
-    if (aKeysCount !== bKeysCount) {
-      return false;
-    }
-    for (const key in a) {
-      const aHasKey = a.hasOwnProperty(key);
-      const bHasKey = b.hasOwnProperty(key);
-      if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) {
-        return false;
-      }
-    }
-  }
-  return String(a) === String(b);
-}
-const isArray = Array.isArray;
-const isDate = (val) => toTypeString(val) === "[object Date]";
-const isSymbol = (val) => typeof val === "symbol";
-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 isSet = (arg) => arg instanceof Set;
-const isChecked$1 = (modelValue, value) => {
-  if (Array.isArray(modelValue)) {
-    return modelValue.includes(value);
-  } else if (modelValue instanceof Set) {
-    return modelValue.has(value);
-  } else {
-    return looseEqual(modelValue, value);
-  }
-};
-const checkValue = (modelValue, value) => {
-  if (Array.isArray(modelValue)) {
-    return [...modelValue, value];
-  } else if (isSet(modelValue)) {
-    return new Set(modelValue).add(value);
-  } else {
-    return value;
-  }
-};
-const uncheckValue = (modelValue, value) => {
-  if (Array.isArray(modelValue)) {
-    return modelValue.filter((item) => item !== value);
-  } else if (isSet(modelValue)) {
-    const set = new Set(modelValue);
-    set.delete(value);
-    return set;
-  } else {
-    return "";
-  }
-};
-const __default__$1 = {
-  methods: {
-    $_handleInputEvent(_evt) {
-      const { value, modelValue } = this;
-      const newValue = isChecked$1(modelValue, value) ? uncheckValue(modelValue, value) : checkValue(modelValue, value);
-      this.$emit("update:modelValue", newValue);
-    },
-    $_isChecked() {
-      return isChecked$1(this.modelValue, this.value);
-    }
-  }
-};
-const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
-  __name: "UtrechtCheckbox",
-  props: {
-    checked: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    modelValue: null,
-    required: { type: Boolean },
-    value: null
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("input", {
-        type: "checkbox",
-        class: normalizeClass(["utrecht-checkbox", {
-          "utrecht-checkbox--checked": __props.checked || _ctx.$_isChecked(),
-          "utrecht-checkbox--disabled": __props.disabled,
-          "utrecht-checkbox--invalid": __props.invalid,
-          "utrecht-checkbox--required": __props.required
-        }]),
-        "aria-invalid": __props.invalid || void 0,
-        checked: typeof __props.checked === "boolean" ? __props.checked : _ctx.$_isChecked(),
-        disabled: __props.disabled,
-        required: __props.required,
-        value: __props.value,
-        onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$_handleInputEvent($event))
-      }, null, 42, _hoisted_1$k);
-    };
-  }
-}));
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtDocument = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$d]]);
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtFormField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$c]]);
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtFormFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$b]]);
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtFormFieldsetLegend = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$a]]);
-var index_scss_vue_type_style_index_0_src_e35723f4_lang = "";
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "UtrechtFormLabel",
-  props: {
-    checked: { type: Boolean },
-    disabled: { type: Boolean },
-    type: null
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["utrecht-form-label", {
-          "utrecht-form-label--checked": __props.checked,
-          "utrecht-form-label--disabled": __props.disabled,
-          "utrecht-form-label--radio": __props.type === "radio",
-          "utrecht-form-label--checkbox": __props.type === "checkbox"
-        }])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-var index_scss_vue_type_style_index_0_src_0797b6fe_scoped_true_lang = "";
-var index_scss_vue_type_style_index_1_src_0797b6fe_scoped_true_lang = "";
-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 = {
-  key: 0,
-  class: "utrecht-heading-1"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "utrecht-heading-2"
-};
-const _hoisted_3 = {
-  key: 2,
-  class: "utrecht-heading-3"
-};
-const _hoisted_4 = {
-  key: 3,
-  class: "utrecht-heading-4"
-};
-const _hoisted_5 = {
-  key: 4,
-  class: "utrecht-heading-5"
-};
-const _hoisted_6 = {
-  key: 5,
-  class: "utrecht-heading-6"
-};
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "UtrechtHeading",
-  props: {
-    level: null
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return __props.level == 1 ? (openBlock(), createElementBlock("h1", _hoisted_1$f, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ])) : __props.level == 2 ? (openBlock(), createElementBlock("h2", _hoisted_2, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ])) : __props.level == 3 ? (openBlock(), createElementBlock("h3", _hoisted_3, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ])) : __props.level == 4 ? (openBlock(), createElementBlock("h4", _hoisted_4, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ])) : __props.level == 5 ? (openBlock(), createElementBlock("h5", _hoisted_5, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ])) : (openBlock(), createElementBlock("h6", _hoisted_6, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ]));
-    };
-  }
-});
-var UtrechtHeading = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtHeading1 = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$9]]);
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtHeading2 = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$8]]);
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtHeading3 = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$7]]);
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtHeading4 = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$6]]);
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtHeading5 = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$5]]);
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtHeading6 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$4]]);
-var index_scss_vue_type_style_index_0_src_57003daf_lang = "";
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "UtrechtLink",
-  props: {
-    external: { type: Boolean }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("a", {
-        class: normalizeClass(["utrecht-link", {
-          "utrecht-link--external": __props.external
-        }])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtPage = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$3]]);
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtPageContent = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$2]]);
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtPageFooter = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1]]);
-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, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-var UtrechtPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]);
-var index_scss_vue_type_style_index_0_src_aebee898_lang = "";
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "UtrechtParagraph",
-  props: {
-    lead: { type: Boolean }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("p", {
-        class: normalizeClass(["utrecht-paragraph", { "utrecht-paragraph--lead": __props.lead }])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-var index_scss_vue_type_style_index_0_src_08e0d1b3_lang = "";
-const _hoisted_1$4 = ["aria-invalid", "checked", "disabled", "required", "value"];
-const isChecked = (modelValue, value) => looseEqual(modelValue, value);
-const __default__ = {
-  methods: {
-    $_handleInputEvent(evtTarget) {
-      if (evtTarget.checked) {
-        this.$emit("update:modelValue", this.value);
-      }
-    },
-    $_isChecked() {
-      return typeof this.modelValue !== "undefined" ? isChecked(this.modelValue, this.value) : this.checked;
-    }
-  }
-};
-const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
-  __name: "UtrechtRadioButton",
-  props: {
-    checked: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    modelValue: null,
-    required: { type: Boolean },
-    value: null
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("input", {
-        type: "radio",
-        class: normalizeClass(["utrecht-radio-button", {
-          "utrecht-radio-button--checked": __props.checked,
-          "utrecht-radio-button--disabled": __props.disabled,
-          "utrecht-radio-button--invalid": __props.invalid,
-          "utrecht-radio-button--required": __props.required
-        }]),
-        "aria-invalid": __props.invalid || void 0,
-        checked: _ctx.$_isChecked(),
-        disabled: __props.disabled,
-        required: __props.required,
-        value: __props.value,
-        onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$_handleInputEvent($event.target))
-      }, null, 42, _hoisted_1$4);
-    };
-  }
-}));
-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",
-  props: {
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    modelValue: null,
-    readonly: { type: Boolean },
-    required: { type: Boolean }
-  },
-  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);
-    };
-  }
-});
-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) => {
-      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);
-    };
-  }
-});
-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({
-  __name: "UtrechtTextarea",
-  props: {
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    modelValue: null,
-    readonly: { type: Boolean },
-    required: { type: Boolean },
-    type: null
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("textarea", {
-        class: normalizeClass(["utrecht-textarea", {
-          "utrecht-textarea--disabled": __props.disabled,
-          "utrecht-textarea--invalid": __props.invalid,
-          "utrecht-textarea--required": __props.required,
-          "utrecht-textarea--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))
-      }, null, 42, _hoisted_1$1);
-    };
-  }
-});
-var index_scss_vue_type_style_index_0_src_ea555f8a_lang = "";
-const _hoisted_1 = ["aria-invalid", "disabled", "readonly", "required", "value"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "UtrechtTextbox",
-  props: {
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    modelValue: null,
-    readonly: { type: Boolean },
-    required: { type: Boolean },
-    type: null
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("input", {
-        class: normalizeClass(["utrecht-textbox", {
-          "utrecht-textbox--disabled": __props.disabled,
-          "utrecht-textbox--invalid": __props.invalid,
-          "utrecht-textbox--required": __props.required,
-          "utrecht-textbox--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))
-      }, null, 42, _hoisted_1);
-    };
-  }
-});
-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 };