@utrecht/component-library-vue 2.3.0 → 2.4.0

package/dist/component-library-vue.mjs

@@ -1,5 +1,19 @@
-import { defineComponent as d, ref as k, openBlock as s, createElementBlock as r, normalizeClass as p, toDisplayString as b, createCommentVNode as U, createElementVNode as m, renderSlot as c, getCurrentInstance as g, resolveComponent as q, mergeProps as u, createVNode as S, withCtx as B, computed as x, createTextVNode as h, withDirectives as y, vModelCheckbox as H, vModelRadio as F, Fragment as D, renderList as N, vModelSelect as T, vModelText as L } from "vue";
+import { defineComponent as d, openBlock as s, createElementBlock as r, renderSlot as c, ref as k, normalizeClass as p, toDisplayString as b, createCommentVNode as U, createElementVNode as m, getCurrentInstance as g, resolveComponent as q, mergeProps as u, createVNode as S, withCtx as B, computed as C, createTextVNode as h, withDirectives as y, vModelCheckbox as H, vModelRadio as F, Fragment as N, renderList as D, vModelSelect as T, vModelText as L } from "vue";
 const I = d({
+  name: "UtrechtActionGroup"
+});
+const i = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [a, o] of t)
+    n[a] = o;
+  return n;
+}, w = { class: "utrecht-action-group" };
+function V(e, t, n, a, o, l) {
+  return s(), r("div", w, [
+    c(e.$slots, "default")
+  ]);
+}
+const fr = /* @__PURE__ */ i(I, [["render", V]]), P = d({
   name: "UtrechtAlertDialog",
   props: {
     icon: {
@@ -15,16 +29,11 @@ const I = d({
     return { dialogRef: k(null), props: e };
   }
 });
-const i = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [a, o] of t)
-    n[a] = o;
-  return n;
-}, w = {
+const M = {
   key: 0,
   class: "utrecht-alert-dialog__icon"
-}, V = { class: "utrecht-alert-dialog__message" };
-function P(e, t, n, a, o, l) {
+}, A = { class: "utrecht-alert-dialog__message" };
+function R(e, t, n, a, o, l) {
   return s(), r("dialog", {
     ref: "dialogRef",
     class: p(["utrecht-alert-dialog", {
@@ -33,92 +42,92 @@ function P(e, t, n, a, o, l) {
       "utrecht-alert-dialog--warning": e.type === "warning"
     }])
   }, [
-    e.icon ? (s(), r("div", w, b(e.icon), 1)) : U("", !0),
-    m("div", V, [
+    e.icon ? (s(), r("div", M, b(e.icon), 1)) : U("", !0),
+    m("div", A, [
       c(e.$slots, "default")
     ])
   ], 2);
 }
-const ur = /* @__PURE__ */ i(I, [["render", P]]), M = d({
+const hr = /* @__PURE__ */ i(P, [["render", R]]), E = d({
   name: "UtrechtArticle"
 });
-const R = { class: "utrecht-article" };
-function A(e, t, n, a, o, l) {
-  return s(), r("article", R, [
+const G = { class: "utrecht-article" };
+function O(e, t, n, a, o, l) {
+  return s(), r("article", G, [
     c(e.$slots, "default")
   ]);
 }
-const pr = /* @__PURE__ */ i(M, [["render", A]]), E = d({
+const mr = /* @__PURE__ */ i(E, [["render", O]]), j = d({
   name: "UtrechtBadgeCounter",
   props: {
     value: { type: [Number, String], required: !1, default: void 0 }
   }
 });
-const O = ["value"], G = {
+const z = ["value"], K = {
   key: 1,
   class: "utrecht-badge-counter"
 };
-function j(e, t, n, a, o, l) {
+function J(e, t, n, a, o, l) {
   return typeof e.value < "u" ? (s(), r("data", {
     key: 0,
     class: "utrecht-badge-counter",
     value: e.value ? String(e.value) : void 0
   }, [
     c(e.$slots, "default")
-  ], 8, O)) : (s(), r("span", G, [
+  ], 8, z)) : (s(), r("span", K, [
     c(e.$slots, "default")
   ]));
 }
-const $r = /* @__PURE__ */ i(E, [["render", j]]), z = d({
+const yr = /* @__PURE__ */ i(j, [["render", J]]), W = d({
   name: "UtrechtBadgeStatus",
   props: {
     status: { type: String, required: !1, default: void 0 }
   }
 });
-function K(e, t, n, a, o, l) {
+function Q(e, t, n, a, o, l) {
   return s(), r("span", {
     class: p([{ [`utrecht-badge-status--${e.status}`]: !0 }, "utrecht-badge-status"])
   }, [
     c(e.$slots, "default")
   ], 2);
 }
-const fr = /* @__PURE__ */ i(z, [["render", K]]), J = d({
+const vr = /* @__PURE__ */ i(W, [["render", Q]]), X = d({
   name: "UtrechtLink",
   props: {
     external: { type: Boolean, required: !1, default: !1 }
   }
 });
-const W = ["rel"];
-function Q(e, t, n, a, o, l) {
+const Y = ["rel"];
+function Z(e, t, n, a, o, l) {
   return s(), r("a", {
     class: p(["utrecht-link", "utrecht-link--html-a", { "utrecht-link--external": e.external }]),
     rel: e.external ? "external noopener noreferrer" : void 0
   }, [
     c(e.$slots, "default")
-  ], 10, W);
+  ], 10, Y);
 }
-const X = /* @__PURE__ */ i(J, [["render", Q]]), C = ({
+const ee = /* @__PURE__ */ i(X, [["render", Z]]), x = ({
   prop: e,
   type: t
 }) => ({
   itemscope: !0,
   itemtype: t,
   itemprop: e
-}), Y = (e) => ({
+}), te = (e) => ({
   itemprop: e
-}), Z = d({
+}), se = d({
   name: "UtrechtBreadcrumbNavLink",
-  components: { UtrechtLink: X },
+  components: { UtrechtLink: ee },
   props: {
     href: { type: String, required: !0 },
     current: { type: Boolean, required: !1, default: !1 },
     rel: { type: String, required: !1, default: "" },
     index: { type: Number, required: !1, default: void 0 }
   },
-  methods: { ref: k, useMicrodataProp: Y, useMicrodataItem: C, getCurrentInstance: g }
+  methods: { ref: k, useMicrodataProp: te, useMicrodataItem: x, getCurrentInstance: g }
 });
-const ee = ["content"];
-function te(e, t, n, a, o, l) {
+const re = ["content"];
+function ne(e, t, n, a, o, l) {
   const _ = q("UtrechtLink");
   return s(), r("li", u({ class: "utrecht-breadcrumb-nav__item" }, e.useMicrodataItem({ type: "https://schema.org/ListItem", prop: "itemListElement" })), [
     S(_, u({ ...e.useMicrodataProp("item") }, {
@@ -134,62 +143,62 @@ function te(e, t, n, a, o, l) {
         ], 16),
         typeof e.index == "number" ? (s(), r("meta", u({ key: 0 }, { ...e.useMicrodataProp("position") }, {
           content: String(e.index + 1)
-        }), null, 16, ee)) : U("", !0)
+        }), null, 16, re)) : U("", !0)
       ]),
       _: 3
     }, 16, ["aria-current", "href", "rel"])
   ], 16);
 }
-const hr = /* @__PURE__ */ i(Z, [["render", te]]), se = d({
+const gr = /* @__PURE__ */ i(se, [["render", ne]]), ae = d({
   name: "UtrechtHeading",
   props: {
     level: { type: Number, required: !0, default: 6 }
   }
 });
-const re = {
+const oe = {
   key: 0,
   class: "utrecht-heading-1"
-}, ne = {
+}, ce = {
   key: 1,
   class: "utrecht-heading-2"
-}, ae = {
+}, de = {
   key: 2,
   class: "utrecht-heading-3"
-}, oe = {
+}, ie = {
   key: 3,
   class: "utrecht-heading-4"
-}, ce = {
+}, le = {
   key: 4,
   class: "utrecht-heading-5"
-}, de = {
+}, _e = {
   key: 5,
   class: "utrecht-heading-6"
 };
-function ie(e, t, n, a, o, l) {
-  return e.level == 1 ? (s(), r("h1", re, [
+function ue(e, t, n, a, o, l) {
+  return e.level == 1 ? (s(), r("h1", oe, [
     c(e.$slots, "default", {}, void 0, !0)
-  ])) : e.level == 2 ? (s(), r("h2", ne, [
+  ])) : e.level == 2 ? (s(), r("h2", ce, [
     c(e.$slots, "default", {}, void 0, !0)
-  ])) : e.level == 3 ? (s(), r("h3", ae, [
+  ])) : e.level == 3 ? (s(), r("h3", de, [
     c(e.$slots, "default", {}, void 0, !0)
-  ])) : e.level == 4 ? (s(), r("h4", oe, [
+  ])) : e.level == 4 ? (s(), r("h4", ie, [
     c(e.$slots, "default", {}, void 0, !0)
-  ])) : e.level == 5 ? (s(), r("h5", ce, [
+  ])) : e.level == 5 ? (s(), r("h5", le, [
     c(e.$slots, "default", {}, void 0, !0)
-  ])) : (s(), r("h6", de, [
+  ])) : (s(), r("h6", _e, [
     c(e.$slots, "default", {}, void 0, !0)
   ]));
 }
-const le = /* @__PURE__ */ i(se, [["render", ie], ["__scopeId", "data-v-55458c65"]]);
+const pe = /* @__PURE__ */ i(ae, [["render", ue], ["__scopeId", "data-v-55458c65"]]);
 function $(e, t, n = "modelValue") {
-  return x({
+  return C({
     get: () => e.modelValue,
     set: (a) => t(`update:${n}`, a)
   });
 }
-const _e = d({
+const $e = d({
   name: "UtrechtBreadcrumbNav",
-  components: { UtrechtHeading: le },
+  components: { UtrechtHeading: pe },
   props: {
     appearance: { type: String, required: !1, default: "arrows" },
     headingLevel: { type: Number, required: !1, default: 2 },
@@ -206,9 +215,9 @@ const _e = d({
       headingId: this.$props.label ? String((e = g()) == null ? void 0 : e.uid) : void 0
     };
   },
-  methods: { useMicrodataItem: C, getCurrentInstance: g }
-}), ue = ["aria-labelledby"];
-function pe(e, t, n, a, o, l) {
+  methods: { useMicrodataItem: x, getCurrentInstance: g }
+}), fe = ["aria-labelledby"];
+function he(e, t, n, a, o, l) {
   const _ = q("UtrechtHeading");
   return s(), r("nav", {
     class: p(["utrecht-breadcrumb-nav", { "utrecht-breadcrumb-nav--arrows": e.appearance === "arrows" }]),
@@ -228,9 +237,9 @@ function pe(e, t, n, a, o, l) {
     m("ol", u({ class: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol" }, { ...e.useMicrodataItem({ type: "https://schema.org/BreadcrumbList" }) }), [
       c(e.$slots, "default")
     ], 16)
-  ], 10, ue);
+  ], 10, fe);
 }
-const mr = /* @__PURE__ */ i(_e, [["render", pe]]), $e = d({
+const br = /* @__PURE__ */ i($e, [["render", he]]), me = d({
   name: "UtrechtButton",
   props: {
     appearance: { type: String, required: !1, default: void 0 },
@@ -239,8 +248,8 @@ const mr = /* @__PURE__ */ i(_e, [["render", pe]]), $e = d({
     pressed: { type: Boolean, required: !1, default: void 0 }
   }
 });
-const fe = ["aria-busy", "aria-pressed", "type"];
-function he(e, t, n, a, o, l) {
+const ye = ["aria-busy", "aria-pressed", "type"];
+function ve(e, t, n, a, o, l) {
   return s(), r("button", {
     "aria-busy": e.busy || void 0,
     "aria-pressed": e.pressed,
@@ -256,18 +265,18 @@ function he(e, t, n, a, o, l) {
     type: e.type
   }, [
     c(e.$slots, "default")
-  ], 10, fe);
+  ], 10, ye);
 }
-const yr = /* @__PURE__ */ i($e, [["render", he]]), me = d({
+const Ur = /* @__PURE__ */ i(me, [["render", ve]]), ge = d({
   name: "UtrechtButtonGroup"
 });
-const ye = { class: "utrecht-button-group" };
-function ve(e, t, n, a, o, l) {
-  return s(), r("div", ye, [
+const be = { class: "utrecht-button-group" };
+function Ue(e, t, n, a, o, l) {
+  return s(), r("div", be, [
     c(e.$slots, "default")
   ]);
 }
-const vr = /* @__PURE__ */ i(me, [["render", ve]]), ge = d({
+const kr = /* @__PURE__ */ i(ge, [["render", Ue]]), ke = d({
   name: "UtrechtCheckbox",
   props: {
     appearance: { type: String, required: !1, default: "custom" },
@@ -280,8 +289,8 @@ const vr = /* @__PURE__ */ i(me, [["render", ve]]), ge = d({
     };
   }
 });
-const be = ["aria-invalid"];
-function Ue(e, t, n, a, o, l) {
+const qe = ["aria-invalid"];
+function Se(e, t, n, a, o, l) {
   return y((s(), r("input", {
     "onUpdate:modelValue": t[0] || (t[0] = (_) => e.value = _),
     type: "checkbox",
@@ -292,27 +301,27 @@ function Ue(e, t, n, a, o, l) {
       { "utrecht-checkbox--invalid": e.invalid },
       { "utrecht-checkbox--custom": e.appearance === "custom" }
     ])
-  }, null, 10, be)), [
+  }, null, 10, qe)), [
     [H, e.value]
   ]);
 }
-const gr = /* @__PURE__ */ i(ge, [["render", Ue]]), ke = d({
+const qr = /* @__PURE__ */ i(ke, [["render", Se]]), Be = d({
   name: "UtrechtCode"
 });
-const qe = { class: "utrecht-code" };
-function Se(e, t, n, a, o, l) {
-  return s(), r("code", qe, [
+const Le = { class: "utrecht-code" };
+function xe(e, t, n, a, o, l) {
+  return s(), r("code", Le, [
     c(e.$slots, "default")
   ]);
 }
-const br = /* @__PURE__ */ i(ke, [["render", Se]]), Be = d({
+const Sr = /* @__PURE__ */ i(Be, [["render", xe]]), Ce = d({
   name: "UtrechtCodeBlock"
 });
-const Le = { class: "utrecht-code-block" }, Ce = { class: "utrecht-code-block__content" };
-function xe(e, t, n, a, o, l) {
-  return s(), r("pre", Le, [
+const He = { class: "utrecht-code-block" }, Fe = { class: "utrecht-code-block__content" };
+function Ne(e, t, n, a, o, l) {
+  return s(), r("pre", He, [
     h("      "),
-    m("code", Ce, [
+    m("code", Fe, [
       h(`
           `),
       c(e.$slots, "default"),
@@ -323,44 +332,44 @@ function xe(e, t, n, a, o, l) {
   `)
   ]);
 }
-const Ur = /* @__PURE__ */ i(Be, [["render", xe]]), He = d({
+const Br = /* @__PURE__ */ i(Ce, [["render", Ne]]), De = d({
   name: "UtrechtDataList",
   props: {
     appearance: { type: String, required: !1, default: "rows" }
   }
 });
-function Fe(e, t, n, a, o, l) {
+function Te(e, t, n, a, o, l) {
   return s(), r("dl", {
     class: p([{ "utrecht-data-list--rows": e.appearance === "rows" }, "utrecht-data-list utrecht-data-list--html-dl"])
   }, [
     c(e.$slots, "default")
   ], 2);
 }
-const kr = /* @__PURE__ */ i(He, [["render", Fe]]), De = d({
+const Lr = /* @__PURE__ */ i(De, [["render", Te]]), Ie = d({
   name: "UtrechtDataListActions"
-}), Ne = { class: "utrecht-data-list__actions utrecht-data-list__actions--html-dd" };
-function Te(e, t, n, a, o, l) {
-  return s(), r("dd", Ne, [
+}), we = { class: "utrecht-data-list__actions utrecht-data-list__actions--html-dd" };
+function Ve(e, t, n, a, o, l) {
+  return s(), r("dd", we, [
     c(e.$slots, "default")
   ]);
 }
-const qr = /* @__PURE__ */ i(De, [["render", Te]]), Ie = d({
+const xr = /* @__PURE__ */ i(Ie, [["render", Ve]]), Pe = d({
   name: "UtrechtDataListItem"
-}), we = { class: "utrecht-data-list__item" };
-function Ve(e, t, n, a, o, l) {
-  return s(), r("div", we, [
+}), Me = { class: "utrecht-data-list__item" };
+function Ae(e, t, n, a, o, l) {
+  return s(), r("div", Me, [
     c(e.$slots, "default")
   ]);
 }
-const Sr = /* @__PURE__ */ i(Ie, [["render", Ve]]), Pe = d({
+const Cr = /* @__PURE__ */ i(Pe, [["render", Ae]]), Re = d({
   name: "UtrechtDataListKey"
-}), Me = { class: "utrecht-data-list__item-key" };
-function Re(e, t, n, a, o, l) {
-  return s(), r("dt", Me, [
+}), Ee = { class: "utrecht-data-list__item-key" };
+function Ge(e, t, n, a, o, l) {
+  return s(), r("dt", Ee, [
     c(e.$slots, "default")
   ]);
 }
-const Br = /* @__PURE__ */ i(Pe, [["render", Re]]), Ae = d({
+const Hr = /* @__PURE__ */ i(Re, [["render", Ge]]), Oe = d({
   name: "UtrechtDataListValue",
   props: {
     value: { type: [Number, String], required: !1, default: "" },
@@ -368,13 +377,13 @@ const Br = /* @__PURE__ */ i(Pe, [["render", Re]]), Ae = d({
     multiline: { type: Boolean, required: !1 },
     notranslate: { type: Boolean, required: !1 }
   },
-  data() {
-    return {
-      empty: this.$props.value === "" || this.$props.value === void 0
-    };
+  computed: {
+    empty() {
+      return this.value === "" || this.value === void 0;
+    }
   }
-}), Ee = ["translate"], Oe = ["aria-label"];
-function Ge(e, t, n, a, o, l) {
+}), je = ["translate"], ze = ["aria-label"];
+function Ke(e, t, n, a, o, l) {
   return s(), r("dd", {
     class: p(["utrecht-data-list__item-value utrecht-data-list__item-value--html-dd", { "utrecht-data-list__item-value--multiline": e.multiline }]),
     translate: typeof e.notranslate == "boolean" ? e.notranslate ? "no" : "yes" : void 0
@@ -382,50 +391,50 @@ function Ge(e, t, n, a, o, l) {
     e.empty ? (s(), r("span", {
       key: 0,
       "aria-label": e.emptyDescription
-    }, "-", 8, Oe)) : c(e.$slots, "default", { key: 1 })
-  ], 10, Ee);
+    }, "-", 8, ze)) : c(e.$slots, "default", { key: 1 })
+  ], 10, je);
 }
-const Lr = /* @__PURE__ */ i(Ae, [["render", Ge]]), je = d({
+const Fr = /* @__PURE__ */ i(Oe, [["render", Ke]]), Je = d({
   name: "UtrechtDocument"
 });
-const ze = { class: "utrecht-document" };
-function Ke(e, t, n, a, o, l) {
-  return s(), r("div", ze, [
+const We = { class: "utrecht-document" };
+function Qe(e, t, n, a, o, l) {
+  return s(), r("div", We, [
     c(e.$slots, "default")
   ]);
 }
-const Cr = /* @__PURE__ */ i(je, [["render", Ke]]), Je = d({
+const Nr = /* @__PURE__ */ i(Je, [["render", Qe]]), Xe = d({
   name: "UtrechtEmphasis"
 });
-function We(e, t, n, a, o, l) {
+function Ye(e, t, n, a, o, l) {
   return s(), r("em", u(e.$attrs, { class: "utrecht-emphasis utrecht-emphasis--stressed" }), [
     c(e.$slots, "default")
   ], 16);
 }
-const xr = /* @__PURE__ */ i(Je, [["render", We]]), Qe = d({
+const Dr = /* @__PURE__ */ i(Xe, [["render", Ye]]), Ze = d({
   name: "UtrechtFigure"
 });
-function Xe(e, t, n, a, o, l) {
+function et(e, t, n, a, o, l) {
   return s(), r("figure", u(e.$attrs, { class: "utrecht-figure" }), [
     c(e.$slots, "default")
   ], 16);
 }
-const Hr = /* @__PURE__ */ i(Qe, [["render", Xe]]), Ye = d({
+const Tr = /* @__PURE__ */ i(Ze, [["render", et]]), tt = d({
   name: "UtrechtFigureCaption"
 });
-function Ze(e, t, n, a, o, l) {
+function st(e, t, n, a, o, l) {
   return s(), r("figcaption", u(e.$attrs, { class: "utrecht-figure__caption" }), [
     c(e.$slots, "default")
   ], 16);
 }
-const Fr = /* @__PURE__ */ i(Ye, [["render", Ze]]), et = d({
+const Ir = /* @__PURE__ */ i(tt, [["render", st]]), rt = d({
   name: "UtrechtFormField",
   props: {
     invalid: { type: Boolean, required: !1, default: !1 },
     type: { type: String, required: !1, default: void 0 }
   }
 });
-function tt(e, t, n, a, o, l) {
+function nt(e, t, n, a, o, l) {
   return s(), r("div", {
     class: p([
       "utrecht-form-field",
@@ -438,7 +447,7 @@ function tt(e, t, n, a, o, l) {
     c(e.$slots, "default")
   ], 2);
 }
-const Dr = /* @__PURE__ */ i(et, [["render", tt]]), st = d({
+const wr = /* @__PURE__ */ i(rt, [["render", nt]]), at = d({
   name: "UtrechtFormFieldset",
   props: {
     describedby: {
@@ -483,9 +492,9 @@ const Dr = /* @__PURE__ */ i(et, [["render", tt]]), st = d({
     }
   }
 });
-const rt = { class: "utrecht-form-fieldset" }, nt = ["aria-describedby", "aria-invalid", "aria-label", "aria-labelledby", "disabled", "form", "name", "role"];
-function at(e, t, n, a, o, l) {
-  return s(), r("div", rt, [
+const ot = { class: "utrecht-form-fieldset" }, ct = ["aria-describedby", "aria-invalid", "aria-label", "aria-labelledby", "disabled", "form", "name", "role"];
+function dt(e, t, n, a, o, l) {
+  return s(), r("div", ot, [
     m("fieldset", {
       "aria-describedby": e.describedby || void 0,
       "aria-invalid": e.invalid || void 0,
@@ -498,18 +507,18 @@ function at(e, t, n, a, o, l) {
       role: e.role || void 0
     }, [
       c(e.$slots, "default")
-    ], 8, nt)
+    ], 8, ct)
   ]);
 }
-const Nr = /* @__PURE__ */ i(st, [["render", at]]), ot = d({
+const Vr = /* @__PURE__ */ i(at, [["render", dt]]), it = d({
   name: "UtrechtFormFieldsetLegend"
-}), ct = { class: "utrecht-form-fieldset__legend" };
-function dt(e, t, n, a, o, l) {
-  return s(), r("legend", ct, [
+}), lt = { class: "utrecht-form-fieldset__legend" };
+function _t(e, t, n, a, o, l) {
+  return s(), r("legend", lt, [
     c(e.$slots, "default")
   ]);
 }
-const Tr = /* @__PURE__ */ i(ot, [["render", dt]]), it = d({
+const Pr = /* @__PURE__ */ i(it, [["render", _t]]), ut = d({
   name: "UtrechtFormLabel",
   props: {
     checked: { type: Boolean, required: !1, default: !1 },
@@ -517,7 +526,7 @@ const Tr = /* @__PURE__ */ i(ot, [["render", dt]]), it = d({
     type: { type: String, required: !1, default: void 0 }
   }
 });
-function lt(e, t, n, a, o, l) {
+function pt(e, t, n, a, o, l) {
   return s(), r("label", {
     class: p([
       "utrecht-form-label",
@@ -529,70 +538,70 @@ function lt(e, t, n, a, o, l) {
     c(e.$slots, "default")
   ], 2);
 }
-const Ir = /* @__PURE__ */ i(it, [["render", lt]]), _t = d({
+const Mr = /* @__PURE__ */ i(ut, [["render", pt]]), $t = d({
   name: "UtrechtHeading1"
 });
-const ut = { class: "utrecht-heading-1" };
-function pt(e, t, n, a, o, l) {
-  return s(), r("h1", ut, [
+const ft = { class: "utrecht-heading-1" };
+function ht(e, t, n, a, o, l) {
+  return s(), r("h1", ft, [
     c(e.$slots, "default")
   ]);
 }
-const wr = /* @__PURE__ */ i(_t, [["render", pt]]), $t = d({
+const Ar = /* @__PURE__ */ i($t, [["render", ht]]), mt = d({
   name: "UtrechtHeading2"
 });
-const ft = { class: "utrecht-heading-2" };
-function ht(e, t, n, a, o, l) {
-  return s(), r("h2", ft, [
+const yt = { class: "utrecht-heading-2" };
+function vt(e, t, n, a, o, l) {
+  return s(), r("h2", yt, [
     c(e.$slots, "default")
   ]);
 }
-const Vr = /* @__PURE__ */ i($t, [["render", ht]]), mt = d({
+const Rr = /* @__PURE__ */ i(mt, [["render", vt]]), gt = d({
   name: "UtrechtHeading3"
 });
-const yt = { class: "utrecht-heading-3" };
-function vt(e, t, n, a, o, l) {
-  return s(), r("h3", yt, [
+const bt = { class: "utrecht-heading-3" };
+function Ut(e, t, n, a, o, l) {
+  return s(), r("h3", bt, [
     c(e.$slots, "default")
   ]);
 }
-const Pr = /* @__PURE__ */ i(mt, [["render", vt]]), gt = d({
+const Er = /* @__PURE__ */ i(gt, [["render", Ut]]), kt = d({
   name: "UtrechtHeading4"
 });
-const bt = { class: "utrecht-heading-4" };
-function Ut(e, t, n, a, o, l) {
-  return s(), r("h4", bt, [
+const qt = { class: "utrecht-heading-4" };
+function St(e, t, n, a, o, l) {
+  return s(), r("h4", qt, [
     c(e.$slots, "default")
   ]);
 }
-const Mr = /* @__PURE__ */ i(gt, [["render", Ut]]), kt = d({
+const Gr = /* @__PURE__ */ i(kt, [["render", St]]), Bt = d({
   name: "UtrechtHeading5"
 });
-const qt = { class: "utrecht-heading-5" };
-function St(e, t, n, a, o, l) {
-  return s(), r("h5", qt, [
+const Lt = { class: "utrecht-heading-5" };
+function xt(e, t, n, a, o, l) {
+  return s(), r("h5", Lt, [
     c(e.$slots, "default")
   ]);
 }
-const Rr = /* @__PURE__ */ i(kt, [["render", St]]), Bt = d({
+const Or = /* @__PURE__ */ i(Bt, [["render", xt]]), Ct = d({
   name: "UtrechtHeading6"
 });
-const Lt = { class: "utrecht-heading-6" };
-function Ct(e, t, n, a, o, l) {
-  return s(), r("h6", Lt, [
+const Ht = { class: "utrecht-heading-6" };
+function Ft(e, t, n, a, o, l) {
+  return s(), r("h6", Ht, [
     c(e.$slots, "default")
   ]);
 }
-const Ar = /* @__PURE__ */ i(Bt, [["render", Ct]]), xt = d({
+const jr = /* @__PURE__ */ i(Ct, [["render", Ft]]), Nt = d({
   name: "UtrechtHtmlContent"
 });
-const Ht = { class: "utrecht-html" };
-function Ft(e, t, n, a, o, l) {
-  return s(), r("div", Ht, [
+const Dt = { class: "utrecht-html" };
+function Tt(e, t, n, a, o, l) {
+  return s(), r("div", Dt, [
     c(e.$slots, "default")
   ]);
 }
-const Er = /* @__PURE__ */ i(xt, [["render", Ft]]), Dt = d({
+const zr = /* @__PURE__ */ i(Nt, [["render", Tt]]), It = d({
   name: "UtrechtImage",
   props: {
     photo: {
@@ -601,8 +610,8 @@ const Er = /* @__PURE__ */ i(xt, [["render", Ft]]), Dt = d({
       required: !1
     }
   }
-}), Nt = ["alt", "src", "height", "width"];
-function Tt(e, t, n, a, o, l) {
+}), wt = ["alt", "src", "height", "width"];
+function Vt(e, t, n, a, o, l) {
   var _, v, f;
   return s(), r("img", u({ class: "utrecht-img" }, e.$attrs, {
     class: { "utrecht-img--photo": e.photo },
@@ -610,9 +619,9 @@ function Tt(e, t, n, a, o, l) {
     src: e.$attrs.src,
     height: (v = e.$attrs) == null ? void 0 : v.height,
     width: (f = e.$attrs) == null ? void 0 : f.width
-  }), null, 16, Nt);
+  }), null, 16, wt);
 }
-const Or = /* @__PURE__ */ i(Dt, [["render", Tt]]), It = d({
+const Kr = /* @__PURE__ */ i(It, [["render", Vt]]), Pt = d({
   name: "UtrechtLinkSocial",
   props: {
     external: {
@@ -622,15 +631,15 @@ const Or = /* @__PURE__ */ i(Dt, [["render", Tt]]), It = d({
     }
   }
 });
-const wt = ["rel"];
-function Vt(e, t, n, a, o, l) {
+const Mt = ["rel"];
+function At(e, t, n, a, o, l) {
   return s(), r("a", u({ class: "utrecht-link-social" }, e.$attrs, {
     rel: e.external !== !1 ? "external noopener noreferrer" : void 0
   }), [
     c(e.$slots, "default")
-  ], 16, wt);
+  ], 16, Mt);
 }
-const Gr = /* @__PURE__ */ i(It, [["render", Vt]]), Pt = d({
+const Jr = /* @__PURE__ */ i(Pt, [["render", At]]), Rt = d({
   name: "UtrechtListSocial",
   props: {
     external: {
@@ -640,128 +649,128 @@ const Gr = /* @__PURE__ */ i(It, [["render", Vt]]), Pt = d({
     }
   }
 });
-function Mt(e, t, n, a, o, l) {
+function Et(e, t, n, a, o, l) {
   return s(), r("ul", u({ class: "utrecht-list-social" }, e.$attrs), [
     c(e.$slots, "default")
   ], 16);
 }
-const jr = /* @__PURE__ */ i(Pt, [["render", Mt]]), Rt = d({
+const Wr = /* @__PURE__ */ i(Rt, [["render", Et]]), Gt = d({
   name: "UtrechtListSocialItem"
 });
-function At(e, t, n, a, o, l) {
+function Ot(e, t, n, a, o, l) {
   return s(), r("li", u({ class: "utrecht-list-social__item" }, e.$attrs), [
     c(e.$slots, "default")
   ], 16);
 }
-const zr = /* @__PURE__ */ i(Rt, [["render", At]]), Et = d({
+const Qr = /* @__PURE__ */ i(Gt, [["render", Ot]]), jt = d({
   name: "UtrechtOrderedList"
 });
-function Ot(e, t, n, a, o, l) {
+function zt(e, t, n, a, o, l) {
   return s(), r("ol", u({ class: "utrecht-ordered-list" }, e.$attrs), [
     c(e.$slots, "default")
   ], 16);
 }
-const Kr = /* @__PURE__ */ i(Et, [["render", Ot]]), Gt = d({
+const Xr = /* @__PURE__ */ i(jt, [["render", zt]]), Kt = d({
   name: "UtrechtOrderedListItem"
 });
-function jt(e, t, n, a, o, l) {
+function Jt(e, t, n, a, o, l) {
   return s(), r("li", u({ class: "utrecht-ordered-list__item" }, e.$attrs), [
     c(e.$slots, "default")
   ], 16);
 }
-const Jr = /* @__PURE__ */ i(Gt, [["render", jt]]), zt = d({
+const Yr = /* @__PURE__ */ i(Kt, [["render", Jt]]), Wt = d({
   name: "UtrechtNumberBadge",
   props: {
     value: { type: [Number, String], required: !1, default: void 0 }
   }
 });
-const Kt = ["value"], Jt = {
+const Qt = ["value"], Xt = {
   key: 1,
   class: "utrecht-number-badge"
 };
-function Wt(e, t, n, a, o, l) {
+function Yt(e, t, n, a, o, l) {
   return typeof e.value < "u" ? (s(), r("data", {
     key: 0,
     class: "utrecht-number-badge",
     value: e.value ? String(e.value) : void 0
   }, [
     c(e.$slots, "default")
-  ], 8, Kt)) : (s(), r("span", Jt, [
+  ], 8, Qt)) : (s(), r("span", Xt, [
     c(e.$slots, "default")
   ]));
 }
-const Wr = /* @__PURE__ */ i(zt, [["render", Wt]]), Qt = d({
+const Zr = /* @__PURE__ */ i(Wt, [["render", Yt]]), Zt = d({
   name: "UtrechtNumberData",
   props: {
     value: { type: [Number, String], required: !1, default: void 0 }
   }
 });
-const Xt = ["value"];
-function Yt(e, t, n, a, o, l) {
+const es = ["value"];
+function ts(e, t, n, a, o, l) {
   return s(), r("data", {
     value: typeof e.value == "string" || typeof e.value == "number" ? String(e.value) : void 0,
     class: "utrecht-number-data"
   }, [
     c(e.$slots, "default")
-  ], 8, Xt);
+  ], 8, es);
 }
-const Qr = /* @__PURE__ */ i(Qt, [["render", Yt]]), Zt = d({
+const en = /* @__PURE__ */ i(Zt, [["render", ts]]), ss = d({
   name: "UtrechtPage"
 });
-const es = { class: "utrecht-page" };
-function ts(e, t, n, a, o, l) {
-  return s(), r("div", es, [
+const rs = { class: "utrecht-page" };
+function ns(e, t, n, a, o, l) {
+  return s(), r("div", rs, [
     c(e.$slots, "default")
   ]);
 }
-const Xr = /* @__PURE__ */ i(Zt, [["render", ts]]), ss = d({
+const tn = /* @__PURE__ */ i(ss, [["render", ns]]), as = d({
   name: "UtrechtPageContent"
 });
-const rs = { class: "utrecht-page-content" };
-function ns(e, t, n, a, o, l) {
-  return s(), r("div", rs, [
+const os = { class: "utrecht-page-content" };
+function cs(e, t, n, a, o, l) {
+  return s(), r("div", os, [
     c(e.$slots, "default")
   ]);
 }
-const Yr = /* @__PURE__ */ i(ss, [["render", ns]]), as = d({
+const sn = /* @__PURE__ */ i(as, [["render", cs]]), ds = d({
   name: "UtrechtPageFooter"
 });
-const os = { class: "utrecht-page-footer" };
-function cs(e, t, n, a, o, l) {
-  return s(), r("footer", os, [
+const is = { class: "utrecht-page-footer" };
+function ls(e, t, n, a, o, l) {
+  return s(), r("footer", is, [
     c(e.$slots, "default")
   ]);
 }
-const Zr = /* @__PURE__ */ i(as, [["render", cs]]), ds = d({
+const rn = /* @__PURE__ */ i(ds, [["render", ls]]), _s = d({
   name: "UtrechtPageHeader"
 });
-const is = { class: "utrecht-page-header" };
-function ls(e, t, n, a, o, l) {
-  return s(), r("header", is, [
+const us = { class: "utrecht-page-header" };
+function ps(e, t, n, a, o, l) {
+  return s(), r("header", us, [
     c(e.$slots, "default")
   ]);
 }
-const en = /* @__PURE__ */ i(ds, [["render", ls]]), _s = d({
+const nn = /* @__PURE__ */ i(_s, [["render", ps]]), $s = d({
   name: "UtrechtParagraph",
   props: {
     lead: { type: Boolean, required: !1, default: !1 },
     small: { type: Boolean, required: !1, default: !1 }
   }
 });
-const us = {
+const fs = {
   key: 0,
   class: "utrecht-paragraph__small"
 };
-function ps(e, t, n, a, o, l) {
+function hs(e, t, n, a, o, l) {
   return s(), r("p", {
     class: p(["utrecht-paragraph", { "utrecht-paragraph--lead": e.lead, "utrecht-paragraph--small": e.small }])
   }, [
-    e.small ? (s(), r("small", us, [
+    e.small ? (s(), r("small", fs, [
       c(e.$slots, "default")
     ])) : c(e.$slots, "default", { key: 1 })
   ], 2);
 }
-const tn = /* @__PURE__ */ i(_s, [["render", ps]]), $s = d({
+const an = /* @__PURE__ */ i($s, [["render", hs]]), ms = d({
   name: "UtrechtRadioButton",
   props: {
     invalid: { type: Boolean, required: !1 },
@@ -773,18 +782,18 @@ const tn = /* @__PURE__ */ i(_s, [["render", ps]]), $s = d({
     };
   }
 });
-const fs = ["aria-invalid"];
-function hs(e, t, n, a, o, l) {
+const ys = ["aria-invalid"];
+function vs(e, t, n, a, o, l) {
   return y((s(), r("input", {
     "onUpdate:modelValue": t[0] || (t[0] = (_) => e.value = _),
     type: "radio",
     "aria-invalid": e.invalid || void 0,
     class: p(["utrecht-radio-button", "utrecht-radio-button--html-input", { "utrecht-radio-button--invalid": e.invalid }])
-  }, null, 10, fs)), [
+  }, null, 10, ys)), [
     [F, e.value]
   ]);
 }
-const sn = /* @__PURE__ */ i($s, [["render", hs]]), ms = d({
+const on = /* @__PURE__ */ i(ms, [["render", vs]]), gs = d({
   name: "UtrechtSelect",
   props: {
     invalid: { type: Boolean, required: !1 },
@@ -798,8 +807,8 @@ const sn = /* @__PURE__ */ i($s, [["render", hs]]), ms = d({
     };
   }
 });
-const ys = ["aria-invalid", "readonly"], vs = ["value", "disabled"];
-function gs(e, t, n, a, o, l) {
+const bs = ["aria-invalid", "readonly"], Us = ["value", "disabled"];
+function ks(e, t, n, a, o, l) {
   return y((s(), r("select", {
     "onUpdate:modelValue": t[0] || (t[0] = (_) => e.selected = _),
     "aria-invalid": e.invalid || void 0,
@@ -811,23 +820,23 @@ function gs(e, t, n, a, o, l) {
     ]),
     readonly: e.readonly
   }, [
-    e.options && e.options.length > 0 ? (s(!0), r(D, { key: 0 }, N(e.options, ({ value: _, label: v, disabled: f }) => (s(), r("option", {
+    e.options && e.options.length > 0 ? (s(!0), r(N, { key: 0 }, D(e.options, ({ value: _, label: v, disabled: f }) => (s(), r("option", {
       key: _,
       value: _,
       class: p([{ "utrecht-select__option--disabled": f }, "utrecht-select__option"]),
       disabled: f
-    }, b(v), 11, vs))), 128)) : U("", !0)
-  ], 10, ys)), [
+    }, b(v), 11, Us))), 128)) : U("", !0)
+  ], 10, bs)), [
     [T, e.selected]
   ]);
 }
-const rn = /* @__PURE__ */ i(ms, [["render", gs]]), bs = d({
+const cn = /* @__PURE__ */ i(gs, [["render", ks]]), qs = d({
   name: "UtrechtSeparator"
 });
-function Us(e, t, n, a, o, l) {
+function Ss(e, t, n, a, o, l) {
   return s(), r("hr", u({ class: "utrecht-separator" }, e.$attrs), null, 16);
 }
-const nn = /* @__PURE__ */ i(bs, [["render", Us]]), ks = d({
+const dn = /* @__PURE__ */ i(qs, [["render", Ss]]), Bs = d({
   name: "UtrechtSkipLink",
   props: {
     href: {
@@ -837,89 +846,89 @@ const nn = /* @__PURE__ */ i(bs, [["render", Us]]), ks = d({
     }
   }
 });
-const qs = ["href"];
-function Ss(e, t, n, a, o, l) {
+const Ls = ["href"];
+function xs(e, t, n, a, o, l) {
   return s(), r("a", u(e.$attrs, {
     href: e.$props.href,
     class: "utrecht-skip-link utrecht-skip-link--visible-on-focus"
   }), [
     c(e.$slots, "default")
-  ], 16, qs);
+  ], 16, Ls);
 }
-const an = /* @__PURE__ */ i(ks, [["render", Ss]]), Bs = d({
+const ln = /* @__PURE__ */ i(Bs, [["render", xs]]), Cs = d({
   name: "UtrechtStrong"
 });
-function Ls(e, t, n, a, o, l) {
+function Hs(e, t, n, a, o, l) {
   return s(), r("strong", u(e.$attrs, { class: "utrecht-emphasis utrecht-emphasis--strong" }), [
     c(e.$slots, "default")
   ], 16);
 }
-const on = /* @__PURE__ */ i(Bs, [["render", Ls]]), Cs = d({
+const _n = /* @__PURE__ */ i(Cs, [["render", Hs]]), Fs = d({
   name: "UtrechtTable"
 });
-const xs = { class: "utrecht-table" };
-function Hs(e, t, n, a, o, l) {
-  return s(), r("table", xs, [
+const Ns = { class: "utrecht-table" };
+function Ds(e, t, n, a, o, l) {
+  return s(), r("table", Ns, [
     c(e.$slots, "default")
   ]);
 }
-const cn = /* @__PURE__ */ i(Cs, [["render", Hs]]), Fs = d({
+const un = /* @__PURE__ */ i(Fs, [["render", Ds]]), Ts = d({
   name: "UtrechtTableBody"
-}), Ds = { class: "utrecht-table__body" };
-function Ns(e, t, n, a, o, l) {
-  return s(), r("tbody", Ds, [
+}), Is = { class: "utrecht-table__body" };
+function ws(e, t, n, a, o, l) {
+  return s(), r("tbody", Is, [
     c(e.$slots, "default")
   ]);
 }
-const dn = /* @__PURE__ */ i(Fs, [["render", Ns]]), Ts = d({
+const pn = /* @__PURE__ */ i(Ts, [["render", ws]]), Vs = d({
   name: "UtrechtTableCaption"
-}), Is = { class: "utrecht-table__caption" };
-function ws(e, t, n, a, o, l) {
-  return s(), r("caption", Is, [
+}), Ps = { class: "utrecht-table__caption" };
+function Ms(e, t, n, a, o, l) {
+  return s(), r("caption", Ps, [
     c(e.$slots, "default")
   ]);
 }
-const ln = /* @__PURE__ */ i(Ts, [["render", ws]]), Vs = d({
+const $n = /* @__PURE__ */ i(Vs, [["render", Ms]]), As = d({
   name: "UtrechtTableCell"
-}), Ps = { class: "utrecht-table__cell" };
-function Ms(e, t, n, a, o, l) {
-  return s(), r("td", Ps, [
+}), Rs = { class: "utrecht-table__cell" };
+function Es(e, t, n, a, o, l) {
+  return s(), r("td", Rs, [
     c(e.$slots, "default")
   ]);
 }
-const _n = /* @__PURE__ */ i(Vs, [["render", Ms]]), Rs = d({
+const fn = /* @__PURE__ */ i(As, [["render", Es]]), Gs = d({
   name: "UtrechtTableFooter"
-}), As = { class: "utrecht-table__footer" };
-function Es(e, t, n, a, o, l) {
-  return s(), r("tfoot", As, [
+}), Os = { class: "utrecht-table__footer" };
+function js(e, t, n, a, o, l) {
+  return s(), r("tfoot", Os, [
     c(e.$slots, "default")
   ]);
 }
-const un = /* @__PURE__ */ i(Rs, [["render", Es]]), Os = d({
+const hn = /* @__PURE__ */ i(Gs, [["render", js]]), zs = d({
   name: "UtrechtTableHeader"
-}), Gs = { class: "utrecht-table__header" };
-function js(e, t, n, a, o, l) {
-  return s(), r("thead", Gs, [
+}), Ks = { class: "utrecht-table__header" };
+function Js(e, t, n, a, o, l) {
+  return s(), r("thead", Ks, [
     c(e.$slots, "default")
   ]);
 }
-const pn = /* @__PURE__ */ i(Os, [["render", js]]), zs = d({
+const mn = /* @__PURE__ */ i(zs, [["render", Js]]), Ws = d({
   name: "UtrechtTableHeaderCell"
-}), Ks = { class: "utrecht-table__header-cell" };
-function Js(e, t, n, a, o, l) {
-  return s(), r("th", Ks, [
+}), Qs = { class: "utrecht-table__header-cell" };
+function Xs(e, t, n, a, o, l) {
+  return s(), r("th", Qs, [
     c(e.$slots, "default")
   ]);
 }
-const $n = /* @__PURE__ */ i(zs, [["render", Js]]), Ws = d({
+const yn = /* @__PURE__ */ i(Ws, [["render", Xs]]), Ys = d({
   name: "UtrechtTableRow"
-}), Qs = { class: "utrecht-table__row" };
-function Xs(e, t, n, a, o, l) {
-  return s(), r("tr", Qs, [
+}), Zs = { class: "utrecht-table__row" };
+function er(e, t, n, a, o, l) {
+  return s(), r("tr", Zs, [
     c(e.$slots, "default")
   ]);
 }
-const fn = /* @__PURE__ */ i(Ws, [["render", Xs]]), Ys = d({
+const vn = /* @__PURE__ */ i(Ys, [["render", er]]), tr = d({
   name: "UtrechtTextarea",
   props: {
     dir: { type: String, required: !1, default: "auto" },
@@ -932,18 +941,18 @@ const fn = /* @__PURE__ */ i(Ws, [["render", Xs]]), Ys = d({
     };
   }
 });
-const Zs = ["aria-invalid", "dir"];
-function er(e, t, n, a, o, l) {
+const sr = ["aria-invalid", "dir"];
+function rr(e, t, n, a, o, l) {
   return y((s(), r("textarea", {
     "onUpdate:modelValue": t[0] || (t[0] = (_) => e.value = _),
     "aria-invalid": e.invalid || void 0,
     class: p([{ "utrecht-textarea--invalid": e.invalid }, "utrecht-textarea", "utrecht-textarea--html-textarea"]),
     dir: e.dir
-  }, null, 10, Zs)), [
+  }, null, 10, sr)), [
     [L, e.value]
   ]);
 }
-const hn = /* @__PURE__ */ i(Ys, [["render", er]]), tr = d({
+const gn = /* @__PURE__ */ i(tr, [["render", rr]]), nr = d({
   name: "UtrechtTextbox",
   props: {
     dir: { type: String, required: !1, default: "auto" },
@@ -956,109 +965,110 @@ const hn = /* @__PURE__ */ i(Ys, [["render", er]]), tr = d({
     };
   }
 });
-const sr = ["aria-invalid", "dir"];
-function rr(e, t, n, a, o, l) {
+const ar = ["aria-invalid", "dir"];
+function or(e, t, n, a, o, l) {
   return y((s(), r("input", {
     "onUpdate:modelValue": t[0] || (t[0] = (_) => e.value = _),
     "aria-invalid": e.invalid || void 0,
     class: p([{ "utrecht-textbox--invalid": e.invalid }, "utrecht-textbox", "utrecht-textbox--html-input"]),
     dir: e.dir
-  }, null, 10, sr)), [
+  }, null, 10, ar)), [
     [L, e.value]
   ]);
 }
-const mn = /* @__PURE__ */ i(tr, [["render", rr]]), nr = d({
+const bn = /* @__PURE__ */ i(nr, [["render", or]]), cr = d({
   name: "UtrechtUnorderedList"
 });
-function ar(e, t, n, a, o, l) {
+function dr(e, t, n, a, o, l) {
   return s(), r("ul", u({ class: "utrecht-unordered-list" }, e.$attrs), [
     c(e.$slots, "default")
   ], 16);
 }
-const yn = /* @__PURE__ */ i(nr, [["render", ar]]), or = d({
+const Un = /* @__PURE__ */ i(cr, [["render", dr]]), ir = d({
   name: "UtrechtUnorderedListItem"
 });
-function cr(e, t, n, a, o, l) {
+function lr(e, t, n, a, o, l) {
   return s(), r("li", u({ class: "utrecht-unordered-list__item" }, e.$attrs), [
     c(e.$slots, "default")
   ], 16);
 }
-const vn = /* @__PURE__ */ i(or, [["render", cr]]), dr = d({
+const kn = /* @__PURE__ */ i(ir, [["render", lr]]), _r = d({
   name: "UtrechtURLData"
 });
-const ir = {
+const ur = {
   translate: "no",
   class: "utrecht-url-data"
 };
-function lr(e, t, n, a, o, l) {
-  return s(), r("bdi", ir, [
+function pr(e, t, n, a, o, l) {
+  return s(), r("bdi", ur, [
     c(e.$slots, "default")
   ]);
 }
-const gn = /* @__PURE__ */ i(dr, [["render", lr]]);
+const qn = /* @__PURE__ */ i(_r, [["render", pr]]);
 export {
-  ur as AlertDialog,
-  pr as Article,
-  $r as BadgeCounter,
-  fr as BadgeStatus,
-  mr as BreadcrumbNav,
-  hr as BreadcrumbNavLink,
-  yr as Button,
-  vr as ButtonGroup,
-  gr as Checkbox,
-  br as Code,
-  Ur as CodeBlock,
-  kr as DataList,
-  qr as DataListActions,
-  Sr as DataListItem,
-  Br as DataListKey,
-  Lr as DataListValue,
-  Cr as Document,
-  xr as Emphasis,
-  Hr as Figure,
-  Fr as FigureCaption,
-  Dr as FormField,
-  Nr as FormFieldset,
-  Tr as FormFieldsetLegend,
-  Ir as FormLabel,
-  le as Heading,
-  wr as Heading1,
-  Vr as Heading2,
-  Pr as Heading3,
-  Mr as Heading4,
-  Rr as Heading5,
-  Ar as Heading6,
-  Er as HtmlContent,
-  Or as Image,
-  X as Link,
-  Gr as LinkSocial,
-  jr as ListSocial,
-  zr as ListSocialItem,
-  Wr as NumberBadge,
-  Qr as NumberData,
-  Kr as OrderedList,
-  Jr as OrderedListItem,
-  Xr as Page,
-  Yr as PageContent,
-  Zr as PageFooter,
-  en as PageHeader,
-  tn as Paragraph,
-  sn as RadioButton,
-  rn as Select,
-  nn as Separator,
-  an as SkipLink,
-  on as Strong,
-  cn as Table,
-  dn as TableBody,
-  ln as TableCaption,
-  _n as TableCell,
-  un as TableFooter,
-  pn as TableHeader,
-  $n as TableHeaderCell,
-  fn as TableRow,
-  hn as Textarea,
-  mn as Textbox,
-  gn as URLData,
-  yn as UnorderedList,
-  vn as UnorderedListItem
+  fr as ActionGroup,
+  hr as AlertDialog,
+  mr as Article,
+  yr as BadgeCounter,
+  vr as BadgeStatus,
+  br as BreadcrumbNav,
+  gr as BreadcrumbNavLink,
+  Ur as Button,
+  kr as ButtonGroup,
+  qr as Checkbox,
+  Sr as Code,
+  Br as CodeBlock,
+  Lr as DataList,
+  xr as DataListActions,
+  Cr as DataListItem,
+  Hr as DataListKey,
+  Fr as DataListValue,
+  Nr as Document,
+  Dr as Emphasis,
+  Tr as Figure,
+  Ir as FigureCaption,
+  wr as FormField,
+  Vr as FormFieldset,
+  Pr as FormFieldsetLegend,
+  Mr as FormLabel,
+  pe as Heading,
+  Ar as Heading1,
+  Rr as Heading2,
+  Er as Heading3,
+  Gr as Heading4,
+  Or as Heading5,
+  jr as Heading6,
+  zr as HtmlContent,
+  Kr as Image,
+  ee as Link,
+  Jr as LinkSocial,
+  Wr as ListSocial,
+  Qr as ListSocialItem,
+  Zr as NumberBadge,
+  en as NumberData,
+  Xr as OrderedList,
+  Yr as OrderedListItem,
+  tn as Page,
+  sn as PageContent,
+  rn as PageFooter,
+  nn as PageHeader,
+  an as Paragraph,
+  on as RadioButton,
+  cn as Select,
+  dn as Separator,
+  ln as SkipLink,
+  _n as Strong,
+  un as Table,
+  pn as TableBody,
+  $n as TableCaption,
+  fn as TableCell,
+  hn as TableFooter,
+  mn as TableHeader,
+  yn as TableHeaderCell,
+  vn as TableRow,
+  gn as Textarea,
+  bn as Textbox,
+  qn as URLData,
+  Un as UnorderedList,
+  kn as UnorderedListItem
 };